@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@font-face {
    font-family: 'Gill Sans';
    src: url('../fonts/GillSans.eot'); src: url('../fonts/GillSans.eot?#iefix') format('embedded-opentype'), url('../fonts/GillSans.woff2') format('woff2'), url('../fonts/GillSans.woff') format('woff'), url('../fonts/GillSans.ttf') format('truetype'), url('../fonts/GillSans.svg#GillSans') format('svg'); font-weight: normal;font-style: normal; font-display: swap;}

@font-face {
    font-family: 'Gill Sans';
    src: url('../fonts/GillSans-BoldItalic.eot'); src: url('../fonts/GillSans-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/GillSans-BoldItalic.woff2') format('woff2'),
        url('../fonts/GillSans-BoldItalic.woff') format('woff'),  url('../fonts/GillSans-BoldItalic.ttf') format('truetype'),  url('../fonts/GillSans-BoldItalic.svg#GillSans-BoldItalic') format('svg'); font-weight: bold; font-style: italic;  font-display: swap;}

@font-face {
    font-family: 'Gill Sans';
    src: url('../fonts/GillSans-Bold.eot'); src: url('../fonts/GillSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/GillSans-Bold.woff2') format('woff2'),       url('../fonts/GillSans-Bold.woff') format('woff'), url('../fonts/GillSans-Bold.ttf') format('truetype'), url('../fonts/GillSans-Bold.svg#GillSans-Bold') format('svg');font-weight: bold;
    font-style: normal; font-display: swap;}

@font-face {
    font-family: 'Gill Sans';
    src: url('../fonts/GillSans-Heavy.eot');src: url('../fonts/GillSans-Heavy.eot?#iefix') format('embedded-opentype'), url('../fonts/GillSans-Heavy.woff2') format('woff2'),
        url('../fonts/GillSans-Heavy.woff') format('woff'), url('../fonts/GillSans-Heavy.ttf') format('truetype'), url('../fonts/GillSans-Heavy.svg#GillSans-Heavy') format('svg');
    font-weight: 900; font-style: normal; font-display: swap;}

@font-face {
    font-family: 'Gill Sans';
    src: url('../fonts/GillSans-Light.eot');src: url('../fonts/GillSans-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/GillSans-Light.woff2') format('woff2'),
        url('../fonts/GillSans-Light.woff') format('woff'), url('../fonts/GillSans-Light.ttf') format('truetype'), url('../fonts/GillSans-Light.svg#GillSans-Light') format('svg'); font-weight: 300;
    font-style: normal; font-display: swap;}

@font-face {
    font-family: 'Gill Sans';
    src: url('../fonts/GillSans-LightItalic.eot'); src: url('../fonts/GillSans-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GillSans-LightItalic.woff2') format('woff2'),  url('../fonts/GillSans-LightItalic.woff') format('woff'), url('../fonts/GillSans-LightItalic.ttf') format('truetype'),
        url('../fonts/GillSans-LightItalic.svg#GillSans-LightItalic') format('svg'); font-weight: 300; font-style: italic;    font-display: swap;}

@font-face {
    font-family: 'Gill Sans';
    src: url('../fonts/GillSans-HeavyItalic.eot'); src: url('../fonts/GillSans-HeavyItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/GillSans-HeavyItalic.woff2') format('woff2'),        url('../fonts/../fonts/GillSans-HeavyItalic.woff') format('woff'), url('GillSans-HeavyItalic.ttf') format('truetype'), url('../fonts/GillSans-HeavyItalic.svg#GillSans-HeavyItalic') format('svg'); font-weight: 900; font-style: italic; font-display: swap;}

@font-face {
    font-family: 'Gill Sans';
    src: url('../fonts/GillSans-Italic.eot');src: url('../fonts/GillSans-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/GillSans-Italic.woff2') format('woff2'),
        url('../fonts/GillSans-Italic.woff') format('woff'), url('../fonts/GillSans-Italic.ttf') format('truetype'), url('../fonts/GillSans-Italic.svg#GillSans-Italic') format('svg');
    font-weight: normal;font-style: italic; font-display: swap;}

@font-face {
    font-family: 'Gill Sans';
    src: url('../fonts/GillSans-CondensedRegular.eot'); src: url('../fonts/GillSans-CondensedRegular.eot?#iefix') format('embedded-opentype'), url('../fonts/GillSans-CondensedRegular.woff2') format('woff2'), url('../fonts/GillSans-CondensedRegular.woff') format('woff'), url('../fonts/GillSans-CondensedRegular.ttf') format('truetype'), url('../fonts/GillSans-CondensedRegular.svg#GillSans-CondensedRegular') format('svg'); font-weight: normal;
    font-style: normal; font-display: swap;}

@font-face {
    font-family: 'Gill Sans';
    src: url('../fonts/GillSans-Medium.eot');src: url('../fonts/GillSans-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/GillSans-Medium.woff2') format('woff2'),
        url('../fonts/GillSans-Medium.woff') format('woff'),  url('../fonts/GillSans-Medium.ttf') format('truetype'), url('../fonts/GillSans-Medium.svg#GillSans-Medium') format('svg');
    font-weight: 500;font-style: normal; font-display: swap;}

@font-face {
    font-family: 'Gill Sans';
    src: url('../fonts/GillSans-MediumItalic.eot'); src: url('../fonts/GillSans-MediumItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/GillSans-MediumItalic.woff2') format('woff2'),
        url('../fonts/GillSans-MediumItalic.woff') format('woff'), url('../fonts/GillSans-MediumItalic.ttf') format('truetype'), url('../fonts/GillSans-MediumItalic.svg#GillSans-MediumItalic') format('svg'); font-weight: 500; font-style: italic;  font-display: swap;}

@font-face {
    font-family: 'Gill Sans';
    src: url('../fonts/GillSans-CondensedBold.eot'); src: url('../fonts/GillSans-CondensedBold.eot?#iefix') format('embedded-opentype'), url('../fonts/GillSans-CondensedBold.woff2') format('woff2'),
        url('../fonts/GillSans-CondensedBold.woff') format('woff'),  url('../fonts/GillSans-CondensedBold.ttf') format('truetype'), url('../fonts/GillSans-CondensedBold.svg#GillSans-CondensedBold') format('svg'); font-weight: bold; font-style: normal; font-display: swap;
}



	body{  font-family: 'Gill Sans'; font-weight: 300; font-size:16px; font-display: swap;}
	*:focus{ outline:none;}	
*{ padding:0; margin:0;}
*, ::after, ::before {-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; box-sizing: border-box;}
ul, li{ list-style-type:none;}
a{text-decoration:none;}
.img-responsive{max-width:100%; width:auto !important;}
.transition{-webkit-transition: all 5s ease; -moz-transition: all 5s ease; -o-transition: all 5s ease; -ms-transition: all 5s ease; transition: all 5s ease; }
.transition2{-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }

.topPanel{ height:127px; background:url(../images/topBg.gif) repeat-x 0 0;}
.topPanel1:after,.topPanel2:after{content:''; display:block; clear:both;}

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





.section1{height:292px; position:relative; background:#fcfcfc;}
.section1:before{content:''; width:50%; height:100%; position:absolute; left:0; top:0; background:url(../images/sec1BG1.png) no-repeat 100% 0; z-index:1;}
.section1:after{content:''; width:50%; height:100%; position:absolute; right:0; top:0; background:url(../images/sec1BG2.png) no-repeat 0 0; z-index:1;}
.section1 h2{ text-align:center;}

.letestSlider{width:550px; margin:10px auto 0;}
.letestSlider li{ text-align:center;}
.letestSlider li img{ display:inline-block;}



.section2{position:relative; float:left; width:100%; padding: 110px 0 0;}
.section2 h2{ text-align:center;}
.section3{position:relative; background:#f8f8f8; padding: 110px 0 0; }
.section4{position:relative; text-align:center; background: url("../images/program_bg.png") no-repeat;background-size:cover; padding: 110px 0 0;}
.section5{position:relative; background: url("../images/program_bg.png") no-repeat;background-size:cover; padding: 110px 0 0; }
.section6{position:relative; text-align:center; background-color:#ffffff; padding: 110px 0 0;}
footer{height:101px; position:relative; text-align:center;}
footer img{ display:inline-block;}
.centerTop{ width:95%; max-width:1360px; margin:0 auto; position:relative;}
.center{ width:95%; max-width:1220px; margin:0 auto; position:relative;}





.moreBtn{width:25px; height:32px; border:1px solid #FFF; position:absolute; left:117px; margin:auto; bottom:32px; z-index:2; opacity:0.8; cursor:pointer;  }
.moreBtn:before{ content:''; display:block; width:31px; height:11px; background:url(../images/arrow.png) no-repeat 100% 0; position:absolute; right:11px; bottom:10px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
.moreBtn:hover:before{background:url(../images/arrow.png) no-repeat 0 0; position:absolute;}


.center_h{vertical-align:middle; text-align:center;}
.center_h:after{ display:inline-block; vertical-align:middle; height:100%; width:1px; content:""; }
.center_block{display:inline-block; vertical-align:middle; position:relative;}

/*------footer section start---------*/
.footer{float:left; width:100%; padding:30px 0; background-color:#404141;}
.footer .left{float: left; margin-top: 20px; position: relative; padding: 0 40px 0 56px; color: #b9b9b9;}
.footer .left ul li{float: left; margin: 0 50px 0 0;}

.footer .left ul li a{color: #b9b9b9;} 
.footer .left ul li .follow{position: relative; padding: 0 55px 0 0;}
.footer .left ul li .follow small{float: left; line-height: 27px; font-size: 16px; padding: 0 25px 0 0;}
.footer .left ul li .follow i{float: left; margin: 0 10px 0 0;}

.footer .right{float: right; margin: 0 90px 0 0; position: relative; background: url("../images/get_involved_ic.png") no-repeat;}
.footer .right aside{padding: 0 0 0 20px; margin: 0 0 0 80px; border-left: 1px solid #717272;}
.footer .right aside h3{ color: #f96555; padding: 0px; margin: 0px;}
.footer .right aside p{color: #fff; font-weight: 500; padding: 0 0 10px;}
.footer .right aside a{color: #3e89d4; font-weight: 600; font-size: 13px;}
.dsk_ft{display: block;}
		.mob_ft{display: none;}

@media screen and (max-width:1366px){
	.customerZone-1{ position:absolute; top:100px; bottom:auto; right:50px; margin:auto; z-index:2; display:none;}
.customerZone-2{ position:absolute; top:20px; bottom:auto; right:43px; margin:auto; z-index:2; display:block;}
	}

@media screen and (max-width:1080px){
.section2{padding:0px 0 0; background-color: #f9f9f9; -webkit-box-shadow: 0px 5px 13px -5px rgb(0 0 0 / 25%); -moz-box-shadow: 0px 5px 13px -5px rgba(0,0,0,0.25); box-shadow: 0px 5px 13px -5px rgb(0 0 0 / 25%); position: relative; z-index: 1;}
.section3{padding:0px 0 0; }
.section4{padding:0px 0 0;}
.section5{padding:0px 0 0; }
.section6{padding:0px 0 0;}
.footer {border-top:0px solid #3d7edb; text-align: center;}	
.footer .left {margin-top: 20px; padding:0px 40px 40px; width: 100%;  text-align: center;}
.footer .left ul li {float: none; margin: 0 50px 0 0; display: inline-block;}
.footer .right {float: none; margin: 0 0px 0 0; position: relative; display: inline-block;}
.footer .right aside {text-align: left;}
	

	.dsk_ft{display: none;}
		.mob_ft{display: block;}
	
		
		.footer { padding: 60px 0 0;}
		.footer .left ul li {float: left; margin: 0 0px 15px 0; display: inline-block; width: 100%;}
		.footer .left ul li:first-child{width: 100%;}
		.footer .left ul li:last-child{float: right;}
		.footer .left ul li .follow { position: relative; padding: 0 45px 0 0;}
		/*.footer .left ul li .follow img{width: 24px;}*/
	.footer .left ul li .follow small {padding: 0 0px 0 0; width: 100%;}
		
	/*	.footer .left { margin-top: 20px; padding: 0px 40px 40px; width: 50%; text-align: left;}
		.footer .right {float: right; margin: 0 0px 0 0; position: relative; display: inline-block;  background-size: 30px;  width: 50%;}
		.footer .right aside {padding: 0 0 0 18px; margin: 0 0 0 42px; border-left: 1px solid #717272;}*/
		.footer .left ul li:first-child{position: relative; padding-top: 20px;}
		.footer .left ul li:first-child:after{position: absolute; content: ""; top: 0px; left: 0px; right: 0px; margin: 0 auto; width: 137px; height: 1px; background-color: #595a5a;}
		.footer .right {float: right; margin: 0 0px 0 0; position: relative; background: url(../images/get_involved_ic.png) no-repeat center top;width: 100%;text-align: center;}		
		.footer .right aside {padding: 0 0 0 0px; margin: 80px 0 0 0px; border-left: 0px solid #717272;text-align: center;}
		.footer .left ul li .follow{text-align: center;}
		.footer .left ul li .follow { position: relative; padding: 0 0px 0 0;}
		.footer .left ul li .follow i {position: relative; right: auto; top: auto; float: none; display: inline-block;  width: auto;  margin: 10px 5px;}
}
	@media screen and (max-width:500px){
		
		
		
	}

@media screen and (min-aspect-ratio: 11 / 7) and (max-device-width:854px) and (orientation: landscape){
	body:before{content:''; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background:#000 url(../images/orientation-change.png) no-repeat 50% 50%; background-size:400px; z-index: 99999;}
}