body {padding:0;margin:0;font-family: "Roboto", sans-serif;}
a {text-decoration:none;cursor: pointer;}
a:hover {text-decoration:underline;}
a img:hover {opacity:0.7;} img {border:0; max-width: 100%;} .sidelinks {float:left;margin-right:20px}
.sidelinks a {color:#333333}

ul {list-style-type:square;padding-left:25px;margin:0;}
ul li {line-height:1.1;color:#222222;padding:3px 0}

.topstripe2 { 
background: #1B75A9;
background: -webkit-gradient(linear, left top, left bottom, from(#1B75A9), to(#218AC6));
background: -moz-linear-gradient(top, #1B75A9, #218AC6);
}


.bluetopstripe { color:white;
background: #003c8d;
background: -webkit-gradient(linear, left top, left bottom, from(#003c8d), to(#00459e));
}

.bluebottomborder {border-bottom:1px solid #003c8d;}

.footer a {color:#fcfcfc;} #header a {color:#333333;}
#header {z-index:2;}

td a {width:100%;height:100%;display:inline-block;} 
td:hover {cursor:default;} 
h1 {font-family: Arial; font-size:34px;font-weight:bold;margin:0;padding:0}

.bluefade {
background: #D8EBFF;
background: -webkit-gradient(linear, left top, left bottom, from(#D8EBFF), to(#BADBFF));
background: -moz-linear-gradient(top, #D8EBFF, #BADBFF);}

.grayfade {
background: #F7f7f7;
background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#F0F0F0));
background: -moz-linear-gradient(top, #f7f7f7, #F0F0F0);

-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
}

.roundedcorners {border: 1px solid #bababa;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius:10px;}

.button, .button:visited {
    color: #000;
    border: none;
    font-size: 100%;
	display: inline-block; 
	font-weight: bold; line-height: 1;
	text-decoration: none; text-align:center; cursor: pointer;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius:5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	border-bottom: 1px solid rgba(0,0,0,0.25);
}
 
.textshadow {text-shadow: 0 -1px 1px rgba(0,0,0,0.25);}


.button:active	{ top: 1px; }

.medium.button, .medium.button:visited 	{ font-size: 13px; padding: 5px 15px;}									  													  
.super.button, .super.button:visited 	{font-size: 24px; padding: 20px 10px;}

.orange.button, .orange.button:visited	{ 
 color:black; background: #FFA755;
 background: -webkit-gradient(linear, left top, left bottom, from(#FFB875), to(#FFA755));
 background: -moz-linear-gradient(top, #FFB875, #FFA755);
}

.button:hover {  opacity:0.8; text-decoration: none; }


.gray.button, .gray.button:visited	{ color:black; 
background: #F7f7f7;
background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#F0F0F0));
background: -moz-linear-gradient(top, #f7f7f7, #F0F0F0);
}

.gray.button:hover			{ color:black;
background: #F0F0F0;
background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#ebebeb));
background: -moz-linear-gradient(top, #f3f3f3, #ebebeb);
}

ul.menu a {color: #444444;}
ul.menu>li>a { padding: 8px 5px 8px 15px; } 
li a { padding: 8px 15px; display:block; }

ul.menu {
  display: inline;
  margin: -8px 0 0 0;
  list-style: none;
float:right;margin-right:20px;
}

ul.menu li {
  display: inline-block;
  margin-right: -4px;
  position: relative;
  cursor: pointer;
}

ul.menu li:hover {background: #D2E7FF;}
ul.menu li:hover a {color: #000;text-decoration:none;} 
ul.menu li ul {
  padding: 0;
  position: absolute;
  top: 36px;
  left: 0;
  width: 125px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
}

ul.menu li ul li { background: #D2E7FF;display: block; }
ul.menu li ul li:hover { background: #B1D6FF; }
ul.menu li a:active { background: #96C7FF; } 
ul.menu li:hover ul {
  display: block;z-index:2;
  opacity: 1;
  visibility: visible;
}

.arrow-down {display:inline-block; margin:0 0 2px 2px;
	width: 0;height: 0; 
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #888;
}

ul.menu li:hover .arrow-down {visibility: hidden;}

.bgwrap {width:100%;min-width:1250px;} 
.bgwrap>div,.wrapper {width:1250px;margin:0 auto;padding:0} 
table {border-collapse:collapse;} table tr:nth-child(odd) {    background: #f7f7f7;}
tr th {padding:10px}
tr td { text-align: left;padding:10px}
tr td a {height:auto;} 

#sidebarwrap {width:346px;}
#sidebar {width:346px;padding:20px 0 0 10px}

h2 {width:100%;margin:5px 0;padding:0;float:left;font-size:24px;font-weight:bold}

p {margin:10px 0;padding:0; line-height: 1.4}

.sidelinks {width:200px;}


.card_card {width: 200px;float: left; margin: 10px 6px;}
.card_card:hover {background-color:#f0f0f0} 
.card_card:hover img {opacity:0.8}
.card_card a {display: block; width: 100%;} .card_card a:hover {text-decoration:none;}
.card_card p {margin: 0; padding: 0 3px; line-height: 1.5; color: #0d0d0d;}
.card_info {margin: 0 5px 5px 5px;height: 105px;} .card_info .money {color:#095615;}  .card_logo {width:50%;}
.card_image {height: 135px; text-align: center;}
.card_image img {width:100%;}

.airline_page_card {width: 100%;}
.airline_page_card>div {float: left;height: 200px; box-sizing: border-box;} 
.airline_page_card .card_image {width: 25%;}
.airline_page_card .card_bonus {width: 30%;}
.airline_page_card .card_fee {width: 20%;}
.airline_page_card .card_earn {width: 25%;}

.airline_page_card .card_fee,.airline_page_card .card_bonus,.airline_page_card .card_earn 
  {padding: 0 5px 15px 25px;}
.airline_page_card a {display: block; width: 100%;color: #0d0d0d;}
.airline_page_card a:hover {text-decoration:none;}
.airline_page_card span { fo back nt-weight: bold;}

.airline_page_div h2:nth-child(1) {margin-top:0;}
.airline_page_div {padding-bottom: 15px;}

h2.more_info {width:20%; text-align: right;}
.button2 {
    text-align: center;    font-size: 20px;    font-weight: normal;
    background: #f5f5f5;
    border: 1px solid #c8c7c7;    box-sizing: border-box;    border-radius: 5px;    padding: 2px;
}
.button2:hover {background: #ffffff;}


.s12 {width: 100%;float: left;}

.cc_page_div {width: 100%;float: left;margin: 5px 0 15px 0;}
.cc_page_div a {color: #0d0d0d; padding: 2px 20px;}
.cc_page_div a:hover {text-decoration:none;}
.cc_page_div>div {padding: 0 5px 0 0;box-sizing: border-box;}
.cc_page_div__img_div {width:300px;float:right;padding-left: 10px !important;}
.cc_page_div__img_div img {width:100%;}
.cc_page_div h2 {float: none;} .cc_page_div p:nth-child(1) {margin-top:0;}

.hero_image {width: 100%; height: 200px; object-fit: cover; margin-top: 10px;}
.show_below_950 {display:none;}


.article_card {margin:30px 0 0 0;width: 96%;}
.article_card img {width: 100%; height: 150px; object-fit: cover;border-radius: 5px;}
.link_regular_text {text-decoration:none; color:rgba(0,0,0,0.87);}
.link_regular_text:hover {text-decoration:none; }
.article_card a {width: 100%}
.article_card:hover {background-color:#f0f0f0; } 
.article_card:hover img {opacity:0.8}
.article_card:hover a {text-decoration:none; } 
.article_card a:nth-of-type(2) {display:block; padding:0 5px; font-size:140%;color:#0b54b8;
				font-weight:bold;line-height: 1.2;box-sizing: border-box;}
.article_card a:nth-of-type(3) {display:block; padding:4px 6px 10px 6px;line-height: 1.4;box-sizing: border-box;}

input[type="text"],input[type="email"], textarea {width: 250px;
    padding: 5px;
    margin-bottom: 15px;
    border: 1px solid #727272;
    border-radius: 3px;
    box-sizing: border-box;
}

label {font-weight: bold;}

input[type="submit"] {
    padding: 12px 20px;
}


.sr-css {   word-wrap: normal;   unicode-bidi: bidi-override;
  color: #c5c5c5;  font-size: 20px;
  height: 20px;  width: 83px;   position: relative;
  padding: 0;    margin: -5px 0 10px 0;
}
.sr-css .rating {font-size: 14px;
    top: -1px;
    color: #000000;
    position: relative; }

.sr-css-top {
  color: #e7711b;  padding: 0;
  position: absolute;  z-index: 1;
  display: block;  top: 0;
  left: 0;  overflow: hidden;
}
.sr-css-bottom {
  padding: 0;  display: block;  z-index: 0; width:190px; 
 }

    .hamburger {
      display:none; 
      cursor: pointer; float: right;
    }

    .bar1, .bar2, .bar3 {
      width: 25px;
      height: 3px;
      background-color: #333;
      margin: 5px 0;
      transition: 0.4s;
    }

    .hamburger-menu {
      height: 100%;
      width: 250px;
      position: fixed;
      z-index: 3;
      top: 0;
      right: 0;
      background-color: #fff;
      overflow-x: hidden;
      transition: 0.5s;
      transform: translateX(250px);
    }

    .hamburger-menu a {
      padding: 15px 20px;
      text-decoration: none;
      font-size: 20px;
      color: #333;
      display: block;
      transition: 0.3s;
      width: 100%;
      box-sizing: border-box;
    }

    .hamburger-menu a:hover {
      background-color: #f0f0f0;
    }

    .hamburger-menu .closebtn {
      position: absolute;
      top: 10px;
      right: 20px;
      font-size: 30px;
      color: #333;
      cursor: pointer;
    }

    .overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 1;
        display: none;
    }

    .overlay.show {
        display: block;
    }

    .hamburger-menu.show {
      transform: translateX(0);
    }