@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Exo+2:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
html, body{ height:100%;}
body{ padding:0; margin:0;  font-family: 'Exo 2', sans-serif; font-size:13px; color:#282828; overflow-x:hidden;}

/*html *,
html *:before,
html *:after {
  box-sizing: border-box;
  transition: 0.5s ease-in-out;
}*/
div, p, form, ul, li, h1, h2, h3, h4, h5, h6, a, span, form, img, br, input, textarea, label { padding:0; margin:0; }
table {
    border-spacing: 0;
    border-collapse: collapse;
}
a, input { text-decoration:none; outline:none;}
a{cursor:pointer}

img {border:0; outline:none;}

ul, li{list-style-type:none; margin:0px; padding:0px;}
	
*:focus{ outline:none;}	

*, ::after, ::before {-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; box-sizing: border-box;}
	
.clear{clear:both; line-height:0 !important; font-size:0 !important; height:0px !important;}

.left{ float:left;}
.right{ float:right;}
.block{ display:block;}
.inlineblock{ display:inline-block;}
.relative{ position:relative}
.absolute{ position:absolute;}
.bdrT{border-top:1px solid #dadada;}
.bdrB{border-bottom:1px solid #b5b5b5;}

.transition{-webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out;  -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;}
.transition2{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
/*  -webkit-transform: scaleX(1); transform: scaleX(1);
-webkit-transition-delay:0.5s;  transition-delay:0.5s;
 */
/*------------------------------------------------------------------*/

header{ height:110px;}



.logo{ position:relative; float:left; margin:25px 25px 0 25px; border-right:1px solid #CCC; padding-right:20px;}

.navTrigger{ float:right; width:35px; height:35px; background:url(../images/navTrigger.png) no-repeat 0 100%; margin:35px 20px 0; cursor:pointer;}
.sliding_nav{ position:fixed; width:300px; height:100%; background:#116296; z-index:10; top:0; right:-300px; padding:112px 35px; overflow:auto;}
.sliding_nav.snActive{ right:0; -webkit-box-shadow: -6px 0px 15px -4px rgba(0,0,0,0.7);
-moz-box-shadow: -6px 0px 15px -4px rgba(0,0,0,0.7); box-shadow: -6px 0px 15px -4px rgba(0,0,0,0.7);}
.sliding_nav .closeMenu{ position:absolute; top:38px; right:19px; width:120px; height:30px; color:#FFF; cursor:pointer; padding-top:5px; font-size:12px;}
.sliding_nav .closeMenu:after{content:''; width:35px; height:35px; position:absolute; top:0; right:0; background:url(../images/navTrigger.png) no-repeat 0 0; }
.sliding_nav ul{}
.sliding_nav ul li{ border-bottom:1px solid rgba(255,255,255,0.2)}
.sliding_nav ul li:last-child{ border-bottom:0px solid rgba(255,255,255,0.2)}
.sliding_nav ul li a{color:#FFF; font-size:13px; line-height:18px; display:block; padding:15px 0; text-transform:uppercase;}

.topRight{float:right; height:60px; margin-top:25px;}
.topRight:after{content:''; display:none; clear:both;}
.topRight aside{float:left; height:60px; border-right:1px solid #CCC; padding:0 20px; vertical-align:middle;}
.topRight aside:before{content:''; display:inline-block; vertical-align:middle; height:100%; width:1px;}
.topRight aside.welcome_pic{ border-right:0px solid #CCC; padding:0 5px 0;}
.topRight aside.welcome_pic+aside{ padding-left:0;}
.topRight aside.welcome_pic:after{content:''; display:none; clear:both;}
.topRight aside.welcome_pic figure{ float:left; width:60px; height:60px; overflow:hidden; border-radius:50%; margin:0;}
.topRight aside.welcome_pic div{ float:left; padding:7px 0 0 15px; color:#ff5400; font-size:12px; line-height:14px;}
.topRight aside.welcome_pic b{ display:block; font-weight:600; padding-bottom:3px;}
.topRight aside.welcome_pic span{ color:#000;}
.topRight aside.wih_younonstop img{ display:inline-block; vertical-align:middle;}
.view_profile, .change_password{ font-size:14px; color:#2e2e2e;}
.view_profile:before, .change_password:before{content:'|'; display:inline-block; padding:0 5px;}

.linked_account,.logout{ padding:12px 0 0 32px; position:relative; margin-right:15px; color:#002f5c; font-size:14px;}
.linked_account:before,.logout:before{content:''; position:absolute; left:0; top:0; width:31px; height:31px;}
.linked_account:before{ background:url(../images/login-icon-set1.png) no-repeat 0 0;}
.logout:before{ background:url(../images/login-icon-set1.png) no-repeat 100% 0;}

.footer_bg{background:url(../images/footer_bg.jpg) no-repeat center; background-size:cover;}
.footer_link{width:100%; padding:60px 6% 250px; margin:0px 0 0; display:inline-block; color:#fff;}
.footer_link ul li{float:left; width:20%;}
.footer_link ul li h3{color:#fff; font-size:14px; font-weight:400; margin-bottom:10px; text-transform:uppercase}
.footer_link ul li h3 a{ color:#fff !important; font-weight:700;}
.footer_link ul li ul {padding-bottom:20px; display:inline-block; width:100%;}
.footer_link ul li ul li{width:100%;}
.footer_link ul li ul li a{width:100%; display:inline-block; margin:2px 0; color:#959595; font-size:14px; font-weight:400;}
.footer_link ul li h3 a{color:#fff; font-size:14px; font-weight:400; margin-bottom:20px !important; text-transform:uppercase}
.social_ic li{float:left; width:auto !important; margin-right:10px;}
.social_ic{margin:0 0 30px;}
.other_link{ display:inline-block; margin:0px 0 0; color:rgba(255,255,255,0.70)}
.other_link li{ width:100%; padding-bottom:10px;}
.other_link li a{width:auto !important; border-right:1px solid #959595; padding: 0 6px !important;}
.other_link li a:last-child{ border-right:0px solid #959595;}
.other_link h3{display:none; color:#fff; font-weight:400 !important; font-size:22px; text-transform:none !important;}

@media screen and (max-width:1400px){
.footer_link {padding: 201px 5% 250px;}
}


@media screen and (max-width:1030px){

.topRight aside{ display:none;}
.topRight aside.welcome_pic{ display:block;}
.sliding_nav ul.mobTopLink{ margin-bottom:20px;}
.sliding_nav ul.mobTopLink:after{content:''; display:block; clear:both;}
.sliding_nav ul.mobTopLink li{ border:none;}
.sliding_nav ul.mobTopLink li a.view_profile:before, .sliding_nav ul.mobTopLink li a.change_password:before{content:'-'; display:inline-block; color:#FFF; font-size:18px; }
.sliding_nav ul.mobTopLink li a{font-size:14px; line-height:16px; display: block; padding:0 0 10px 0; text-transform:inherit;}
.sliding_nav ul.mobTopLink li a.linked_account:before, .sliding_nav ul.mobTopLink li a.logout:before { background:none; content:'-'; display:inline-block; color:#FFF; font-size:18px; position:relative; width:auto; height:auto;padding: 0 5px;}
	}
	
@media screen and (max-width:1100px){
	.footer_bg {background-size: 100%; float: left; width: 100%;}
.footer_link {padding: 50px 0 60px;}
.footer_link ul li{display:none; width:100%; text-align:center;}
.footer_link ul li:last-child {display:block ;}
.social_ic{text-align:center;}
.social_ic li{display:inline-block !important; text-align:center; float:none !important;}
.other_link li{display:block !important;}
.other_link h3 {display:block;}
.other_link h3 a{float:left; width:100%; color:#ff5a00 !important; font-weight:700 !important; margin:5px 0 0;}
}
@media screen and (max-width:470px){
	.topRight aside.welcome_pic figure{ display:none}
	.logo { margin: 33px 5px 0 10px; padding-right:10px;}
	.logo img{ width:100px;}
	.footer_bg { background-size: cover;}
	.footer_bg {background-size:cover;}
}