/* COMMON STYLES */
p, .jumbotron p {margin-bottom:18px;}
h1 strong, h2 strong, h3 strong, h4 strong {font-weight:300;}
.fLeft {float:left;}
.fRight {float:right;}
.no_bg {background:transparent !important;}
.full_width {padding-left:0 !important; padding-right:0 !important;}
.padding_0 {padding:0 !important;}
.b0 {border:0 !important;}
a.underlined, .underlined a {text-decoration:underline;}
a.underlined:hover, .underlined a:hover {text-decoration:none;}
.relative {position:relative;}

/* COLORS */
h1, h2, h3, h4, h5, a, a:hover, .color-em, .title {color:#445275;}
.jumbotron p, .countries_list {color:#41485a}
#footer dl dd, #footer li, #footer li a, #copy {color:#fff;}
#footer h3, #footer dt, #footer a:hover, .yellow {color:#ffd14c;}


/* BACKGROUNDS */
#footer {background:#445275;}
#footer .social a:hover {background-color:#849ddc;}
#copy {background:#222e4c;}

/* BORDERS */
#footer, #footer ul.main > li {border-color:#536080;}
#footer ul.main > li:first-child {border-top:0;}

/* ANIMATION */
#footer .social a {transition:background-color 0.2s;}

/* JUMBOTRONS */
.jumbotron_member {margin-bottom:20px;}
.jumbotron_member h1 {margin-bottom:27px; font-size:1.5em; color:#445275;}
.jumbotron_member h2 {margin-bottom:27px;}
.jumbotron_member .img {width:22.5%; padding-right:29px; max-width:260px; min-width:144px;}
.jumbotron_member .img img {width:231px;}
.jumbotron_member .img + p {margin-top:-5px;}



/* PANELS */
.panel-blue {box-shadow:none;}
.panel-blue > .panel-heading {color:#fff; font-size:18px; line-height:20px; font-weight:bold; text-transform:uppercase; background-color:#4a5980; border-top-left-radius:10px; border-top-right-radius:10px; padding:18px 18px 17px 18px;}
.panel-blue > .panel-body {border:1px solid #ebebeb; border-bottom-left-radius:10px; border-bottom-right-radius:10px; padding:0;}
.panel-blue > .right-top-corner {position:relative;}
.panel-blue > .right-top-corner:after {content:""; display:block; position:absolute; width:10px; height:10px; background:url(/images/panel_blue_top_right.gif) no-repeat; top:0; right:0; margin:-1px -1px 0 0;}

.panel-blue > .panel-heading-sm-font {color:#fff; font-size:15px; line-height:20px; font-weight:normal; background-color:#4a5980; border-top-left-radius:10px; border-top-right-radius:10px; padding:18px 18px 17px 18px; text-align:center}
.panel-blue > .panel-heading-sm-font h2 {color:#fff; font-size:15px; margin:0; padding:0; font-weight:normal;}
.panel-blue> .panel-body .txt-bg{background:#fdfcf6 !important; padding:18px; text-align:center}
.panel-blue> .panel-body .txt-bg p{margin:0}
.panel-blue> .panel-body .img-bg img{width:100%; height:auto;}
.panel-blue> .panel-body .btn-box{margin-bottom:0}

.USMilDiscount {background:#4a5980; border-radius:11px; padding:18px; min-height:237px; position:relative;}
.USMilDiscount img {margin:auto;}

.panel-rating > .panel-body {border:3px solid #435176; border-top:1px solid #4a5980; text-align:center;}
.panel-rating .bbb {padding-top:18px; margin-bottom:15px;}
.panel-rating .bbb img {margin:0 auto; width:108px; height:auto;}

/* BUTTONS */
.btn-default {font-size:16px; line-height:16px; font-weight:700; border-radius:10px; color:#41485a; background:#ffd958; transition:background 0.3s; padding:11px; border:1px solid #ffd958;}
.btn-default:hover {background:#fff265; border-color:#ffd222;}
.btn-default small {font-weight:normal; font-size:14px;}
.btn-default.btn-2 {padding:5px 11px;}


/* Home page */

.slider_home_wrap {background:#f6eb95;}

.slider_home {width:100%; max-width:1600px; margin:0 auto;}

.site_ad {margin:0 -15px; width:auto;}
.site_ad > div {width:270px; float:left; margin:0 15px 15px 15px;}
.site_ad > div:first-child {margin-bottom:14px;}
.site_ad .panel-body {min-height:180px;}
.site_ad .panel-blue > .panel-heading {text-align:center; font-size:17px;}

.site_box {margin:0 -15px; width:auto;}
.site_box > div {width:270px; float:left; margin:0 15px 15px 15px;}
.site_box > div:first-child {margin-bottom:14px;}
.site_box .panel-body {min-height:180px;}
.site_box .panel-blue > .panel-heading {text-align:center; font-size:17px;}

.panel-blue .acceptable > div {width:50%; float:left; border-top:1px solid #ebebeb; text-align:center; height:44px; padding:5px;}
.panel-blue .acceptable > div:nth-child(1), .panel-blue .acceptable > div:nth-child(2) {border-top:0; height:46px;}
.panel-blue .acceptable > div:nth-child(2n+1) {border-right:1px solid #ebebeb;}
.panel-blue .acceptable > div > b {display:inline-block; background-image:url(/images/cards.png); background-repeat:no-repeat; width:58px; height:34px;}
.panel-blue .acceptable > .visa > b {background-position:0px top;}
.panel-blue .acceptable > .mc > b {background-position:-58px top;}
.panel-blue .acceptable > .amex > b {background-position:-116px top;}
.panel-blue .acceptable > .disc > b {background-position:-174px top;}
.panel-blue .acceptable > .todo > b {background-position:-232px top;}
.panel-blue .acceptable > .wu > b {background-position:-290px top;}
.panel-blue .acceptable > .pp > b {background-position:-348px top;}
.panel-blue .acceptable > .bit > b {background-position:-406px top;}

.panel-blue .need_help {border:0; background:url(/images/need_help_270.jpg) no-repeat; background-size:cover}
.panel-blue .need_help:after {margin:0;}
.panel-blue .need_help p {font-weight:bold; font-size:18px; padding:37px 0 0 145px; margin-bottom:8px;}
.panel-blue .need_help p + p {font-size:42px; padding:0 0 0 143px; margin-bottom:36px;}
.panel-blue .need_help .btn {margin-left:139px;}

.countries_list {border-top-left-radius:10px; border-top-right-radius:10px; border:1px solid #ebebeb; background:#fdfcf6;}
.countries_list > ul {float:left; margin:0; padding:13px 17px 14px 20px; list-style:none; line-height:22px; border-right:1px solid #ebebeb;}
.countries_list > ul:last-child {border-right:0;}
.countries_list > li,  .countries_list > ul > li {margin:0; padding:0; white-space:nowrap;}
.btn-box {padding:20px 0; text-align:center; margin-bottom:20px;}
.countries_list + .btn-box {border:1px solid #ebebeb; border-top:0; border-bottom-left-radius:10px; border-bottom-right-radius:10px; margin-bottom:40px;}

@media (min-width: 992px) and (max-width: 1199px) {
	.panel-blue > .panel-heading-sm-font {font-size:13px; padding:18px 10px 17px 10px;}
	.site_ad {margin:0 -1.3333333%;}
	.site_ad > div {width:22.3333333%; margin:0 1.3333333% 15px 1.3333333%;}
	.site_box {margin:0 -1.3333333%;}
	.site_box > div {width:22.3333333%; margin:0 1.3333333% 15px 1.3333333%;}
	.panel-rating .panel-heading {font-size:30px;}
	.USMilDiscount {padding:1.5%;}
	.USMilDiscount img {margin:12.5% auto auto auto;}
	.panel-support .panel-heading {font-size:17px;}
	.panel-blue .need_help p {font-size:15px; padding:37px 0 0 129px;}
	.panel-blue .need_help p + p {font-size:32px; padding:0 0 0 130px;}
	.panel-blue .need_help .btn-default {margin-left:113px; padding-left:7px; padding-right:6px;}
}
@media (max-width: 991px) { .countries_list {display:none;} .countries_list + .btn-box {border:0; padding-top:0;} }

/* HEADER */
#logo {position:absolute; left:0; top:6px; width:19.6581%; max-width:230px; min-width:77px; z-index:4;}
#logo a {display:block;}
#logo a img {width:100%;height:auto;}

#header .topRow {padding-left:20%; height:41px;}
#header .slogan_max {max-width:167px; max-height:18px; float:left; margin-top:13px; width:20%; min-width:100px;}
#header .slogan_max img {width:100%;height:auto;}
#header .banner_anniversary {float:left; margin-top:8px; margin-left: 10px;}
#header .topRow .txt {padding-top:9px; float:right; font-size:12px;}
#header .topRow .txt a {display:inline-block; padding-top:2px;}
#header .topRow .login_links {margin-right:36px;}
#header .topRow .login_links a {margin:0 8px;}
#header .topRow .header_links {font-size:15px;}
#header .topRow .txt .i_rates {font-size:112.5%;}
/*.i_rates {padding-left:37px; display:inline-block; background:url(/images/i_rates.gif) left top no-repeat; height:22px;}*/
.i_rates {padding-left:37px; display:inline-block; height:22px;}

#header .menuRow .container .sub {padding:0;}

.nav-justified {min-height:89px;}
.nav-justified > li > a {margin-bottom:0; color:#fff; text-align:center; font-weight:300; font-size:13px; line-height:14px; padding:8px 5px;}
.nav-justified > li > a.active,
.nav-justified > li > a:hover,
.nav-justified > li > a:focus {background-color: #627baa;}


.navbar {min-height:0; margin-bottom:0; border:0;}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 11px 10px;
  margin-top: 0px;
  margin-right: 80px;
  margin-bottom: 0;
  background:#566b91;
  border: 1px solid #465b81;
  border-radius: 4px;
  z-index:11;
}
.navbar-toggle:hover, .navbar-toggle:focus {outline: 0;}
.navbar-toggle .icon-bar {background-color:#ffd14c; display: block; width: 26px; height: 2px; border-radius: 1px;}
.navbar-toggle:hover .icon-bar, .navbar-toggle:focus .icon-bar {background-color:#fff;}
.navbar-toggle .icon-bar + .icon-bar {margin-top: 4px;}

.navbar .sub {background:#485e88; border-radius:11px;}

#header .buttons {position:absolute; right:0; top:0; z-index:10; overflow:hidden; margin-right:-10px;}
#header .buttons a {width:44px; float:left;}
#header .buttons .cart {background:url(/images/b_cart.gif) no-repeat; height:44px; text-align:center; padding-top:3px;}
/*#header .buttons .support {background:url(/images/b_support.gif) no-repeat; height:45px;}
#header .buttons .rates {background:url(/images/click_for_M2M_Rates.jpg) no-repeat; height:44px; text-align:center; padding-top:3px;}*/
#header .buttons .support {color: #485e88; font-weight:600; font-size: 8px; line-height:14px; text-transform: uppercase; background-color: #ffd23c; height:45px; text-align:center; padding-top:5px;}
#header .buttons .rates {color: #fff; font-weight:600; font-size: 8px; line-height:14px; text-transform: uppercase; background-color: #58a9ff; height:44px; text-align:center; padding-top:5px;}


#header .login {font-size:12px;}
#header .login .sub {padding-left:19.65%;} 
#header .login .login_row {border-bottom-left-radius:11px; border-bottom-right-radius:11px; border-top:1px solid #566b91; background:#485e88;}
#header .login a, #header .login .submenu-welcome {color:#fff;}
#header .login .login_row .login_links, #header .login .login_row .login_links li {margin:0; padding:0;}

@media (min-width: 768px) {
	.navbar .sub {border-radius:0;}	
	#header .buttons {width:44px; margin-right:0;}
	#header .buttons a {display:block;}
	.navbar-toggle {display: none;}
	#header .menuRow {background:#485e88;}
	#header .menuRow .container .sub {padding-left:20%; padding-right:44px; }
	#header .login .login_row .user, 
	#header .login .login_row .login_links a,  
	#header .login .login_row .submenu-logout {display:inline-block; padding:5px 3px 9px 18px;}
	#header .login .login_row .login_links, #header .login .login_row .login_links li {display:inline-block;}
	#header .login .login_row .submenu-welcome {display:none;}
	.nav-justified > li > a {padding:2px;}
}


/* FOOTER */
#footer {border-style:solid; border-bottom-width:1px;}
#footer ul {margin:0; padding:0; list-style:none;}
#footer ul.main > li {padding:0 10px 10px 10px; border-width:1px 0 0 0; border-style:solid;}
#footer ul.main > li li {line-height:24px;}
#footer ul.main h3 {text-transform:uppercase; margin-bottom:9px;}
#footer ul.main p {text-transform:uppercase; margin:20px 0 9px 0; color:#ffd14c; font-size:1.4em; font-weight:bold;}
#footer dl {margin-bottom:10px;}
#footer dl.social {margin-top:8px;}
#footer dl:before, #footer dl:after {display:table; content:" ";}
#footer dl:after {clear:both;}
#footer dl dt {float:left; padding-right:10px; min-width:79px; font-size:14px;}
#footer dl.social dt {font-size:13px;}
#footer dl dd {float:left; line-height:19px;}
#footer dl.social dd {min-width:0; width:auto; white-space:nowrap;}
#footer a:hover {text-decoration:none;}
#footer .social a {display:inline-block; width:20px; height:20px; border:1px solid #fff; margin:0; background-position:left top; background-repeat:no-repeat;}
/*#footer .social .fb {background-image:url(/images/social_fb_18x18.png);}
#footer .social .tw {background-image:url(/images/social_twitter_18x18.png);}
#footer .social .gp {background-image:url(/images/social_gplus_18x18.png);}*/


.socicons {
	text-align: center;
}

.socicons .fab {
	font-size: 10px;
	margin: auto auto;
	vertical-align: top;
	margin-top: 4px;
}

/* UNDER FOOTER */
#copy {text-align:center; padding:27px 0;}

/* MAX MAX MAX MAX MAX MAX MAX MAX MAX MAX */
@media (max-width: 1199px) {
	.slider_home_wrapper {padding-top:33px; background:url('/images/slider-bg.png') 50% 0% repeat-y; background-size:contain}
}
@media (max-width: 991px) {
	.site_ad {margin:0 auto; width:600px;}
	.site_box {margin:0 auto; width:600px;}
}
@media (max-width: 767px) {
	.container > .site_ad:first-child {margin-top:20px;}
	.container > .site_box:first-child {margin-top:20px;}
	.slider_home_wrap, .slider_home_wrapper {display:none;}
	#header {margin-bottom:20px;}
	.i_rates {padding-left:0; background:none; font-size:12px !important;}
	#header .login .sub {padding-left:0; text-align:center;} 
	#header .login .login_row {position:relative;}
	#header .login .login_row .submenu-welcome {padding-left:13px; text-align:left;}
	#header .login .login_row .user {padding-left:15px; text-align:left;}
	#header .login .login_row .submenu-logout {position:absolute; top:20px; right:28px;}
	#header .login .login_row {padding:7px 0;}
	#header .login .login_row > * {display:block;}
	#header .login .login_row .login_links {display:inline-block;}
	#header .login .login_row .login_links li {padding:5px 20px; display:block; text-align:left;}
	#header .buttons .support {height:44px;}
}
@media (min-width: 540px) and (max-width: 767px) {
	.navbar-header:before {content:" "; display:block; position:absolute; width:100%; margin:0 0 0 -15px; height:44px; background:#485e88;} 
}
@media (max-width: 640px) {
	.site_ad {width:270px;}	
	.site_ad > div {margin-left:0; margin-right:0;}	
	.site_box {width:270px;}	
	.site_box > div {margin-left:0; margin-right:0;}	
}
@media (max-width: 540px) {
	#header .slogan_max {float:none; width:84px; margin-top:0; position:absolute; top:73px; left:5px;}
	#header .topRow .login_links {margin-right:16px;}
	#header .topRow .login_links a {margin:0;}
	#logo {left:5px;}
}
@media (max-width: 479px) {
	#header .slogan_max {top:65px;}
	#header .banner_anniversary {float:none; margin-top:0; position:absolute; left:5px; top:85px; margin-left: 0;}
	#header .banner_m2m {top:70px;}
}
@media (max-width: 409px) {
	#header .slogan_max {top:55px;}
	#header .topRow {padding-left:22%; padding-right:10px;}
	#header .banner_m2m {top:60px;}
}

/* min min min min min min min min min */
@media (min-width: 768px) {
  #header .nav-justified a span {display:block;}
  .marketing, .footer {padding-right:0; padding-left:0;}
  .nav-justified {max-height:89px;}
  .nav-justified > li > a {font-size:14px; line-height:20px; min-width:100px; padding-top:18px; padding-bottom:18px; height:89px; line-height:24px; border-left:1px solid #566b91;}
  .nav-justified > li:first-child > a {border-left:0;}
  #header .login {position:absolute; width:100%; z-index:3;}
  #header .login .login_row {border-top:1px solid #566b91;}
  .navbar-collapse {padding:0;}
}

@media (max-width: 991px) { 
	#footer ul.main > li li {margin-bottom:8px;}
}

@media (min-width: 992px) {
	#footer ul.main {margin-left:-28px;}
	#footer ul.main > li {float:left; width:19%; margin:0; padding:16px 0 25px 28px; border-width:0 0 0 1px;}
	#footer ul.main > li:last-child {width:23%;}
	#footer ul.main > li:first-child {border-left:0;}
	#footer dl dd {width:95px; min-width:130px;}	
	.nav-justified > li > a {font-size:16px; line-height:24px;}
	#header .topRow .txt {font-size:16px;}
}

@media (min-width: 1200px) {
	.nav-justified > li > a {font-size:18px;}
}
@media (min-width: 768px) and (max-width: 991px)  {
  #header .login {position:relative;} 
  #header .login .container {width:auto; padding:0; background:#f6eb95;}
}
@media (min-width: 768px) and (max-width: 1199px)  {
  #header .login .sub {padding-left:0;} 
}
@media (min-width: 992px) and (max-width: 1199px) {
	#header .login .login_row {padding-top:6px;}
}

#global {margin:0 auto; overflow:hidden;}
@media screen and (device-aspect-ratio: 2/3)  and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
	/* iPhone 4 */
	#global {width:480px;}
}

@media screen and (device-aspect-ratio: 40/71) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
	/* iPhone 5 */
	#global {width:568px;}
}

.fa-sign-in-alt {
	color:#485e88;
	font-size: 14px;
	background-color:#f8f8fa;
	padding:5px;
}

@media (min-width: 992px){
	.fa-sign-in-alt {font-size: 18px; padding:13px 12px 11px 12px;margin-top:-9px;}
}