/*== GENERAL CSS ==*/
.fa-phone{transform: rotate(90deg);}
a, .ctaArea *, .mallSec * { text-decoration:none; -webkit-transition:all 250ms linear; -moz-transition:all 250ms linear; -ms-transition:all 250ms linear; -o-transition:all 250ms linear; transition:all 250ms linear;  }



.btn { background:transparent; text-transform: capitalize; color:#fff; font-size:13px; border-radius:3px; display:inline-block; min-width: 150px; padding: 10px; border: 1px solid #fff; }

.btn:hover{color: #000d24; border-color: #000d24; background: #fff;}

.btn > i { margin:0 5px 0 0; }

 

.main-section { padding: 90px 0; }

.main-section-header{text-align: center; margin: 0 0 50px;}

.main-section h2 { position: relative; display: inline-block; color: #3a3a3a; margin:0 0 30px; text-transform: capitalize; font-weight:700; padding: 0 0 20px; }

.main-section h2 span { color:#000d24; }

.main-section h2:before { content: ""; height:2px; position: absolute; background: #3a3a3a; bottom: 0; left: 0; right: 0; margin: auto; width: 90px; }



p{ line-height: 22px; white-space: normal;}

figure{position: relative;}



/*=== HEADER CSS ===*/

.header {  width:100%; position: fixed; top: 0; z-index: 999999; background: #fff; box-shadow: 0 0 10px #ccc;}

.header .topBar { background:#000d24; padding:10px 0; }

.header .topBar ul li{display: inline-block; margin: 0 0 0 40px; position: relative;}

.header .topBar ul li:before{content: ""; position: absolute; top: -10px; left: -22px; width: 2px; border-left: 1px solid #0399d9; height: 38px; background: #0192d0;}

.header .topBar ul li:after{left: -23px; background: #0399d9;}

.header .topBar ul li:first-child{margin: 0;}

.header .topBar ul li:first-child:before{display: none;}

.header .topBar p, .header .topBar p > a { font-size:12px; color:#fff; margin: 0; text-shadow: 0 1px 1px #000; }

.header .topBar p > a > i{margin: 0 5px 0 0;}

.header .topBar p > a > i.fa-linkedin-square{font-size: 16px;}

.header .topBar p > a > sub{ bottom: -7px; font-size: 100%; left: -48px;}

.header .topBar p > a > sup{ top: -7px; font-size: 100%; left: 5px;}


.header .logoBar  { padding:35px 0; }



.header .logo { display:inline-block; position: absolute; top: -35px; left: 0; right: 0; margin: auto; max-width: 140px; text-align: center; padding: 20px 10px; background: #fff; z-index: 999; border-radius: 50%;}

.header .navigation  { float: none; text-align: center; }

.header .navigation ul li { display:inline-block; font-weight:300; position:relative; margin: 0 90px 0 0;}

.header .navigation ul li:nth-child(2){ margin: 0 374px 0 0;}

.header .navigation ul li:last-child{margin: 0;}

.header .navigation ul li a { font-size: 14px; display:block; text-transform: uppercase;  }

.header .navigation li.dropDwn a { padding-right:40px; }

.header .navigation li.dropDwn:after { content: "\f0d7"; font-family: FontAwesome; display:block; position:absolute; top:8px; right:25px; color:#fff; }


/*=== MAIN PAGE CSS ===*/



body.main-landing-page{background: url(assets/images/mainPagebg.jpg) 0 0 no-repeat; background-size: cover; overflow: hidden;}



body.main-landing-page header {box-shadow: none; background: transparent; top: auto; position: relative; margin: 25px 0;}

body.main-landing-page header .logoBar{ position: relative;}

body.main-landing-page header .logo { height: 175px;width:175px; padding: 15px; background: #000; max-width: inherit; top: -15px; }

body.main-landing-page header .navigation{background: #000; float: none; color: #fff; padding: 20px 0; border-radius: 40px;}

body.main-landing-page header .navigation ul li { display:inline-block;padding: 5px 12px; margin: 0;}

body.main-landing-page header .navigation ul li:first-child{ border-right: 1px solid #fff;}

body.main-landing-page header .navigation ul li:last-child{margin-right: 35px; float: right;}

body.main-landing-page header .navigation ul li a { font-size: 16px;color:#fff; font-weight:600; text-transform: inherit;}

body.main-landing-page header .navigation ul li a:hover{color:  #2b8afe; transform:  translateY(-4px);}

body.main-landing-page header .navigation ul li a i{margin-right: 5px;}

body.main-landing-page header .navigation a#pull { display:none; border-radius: 4px; position: absolute; color: #fff; padding: 8px 12px; font-size: 18px; top:25px; right:10px; background: #2b8afe;}



.mainPageSection{text-align: center;}

.mainPageSection h2{font-size: 54px;color: #fff;font-weight: 500; margin: 0 0 10px;}

.mainPageSection h4{font-size: 28px;color: #fff;font-weight: 300; margin: 0 0 30px;}

.mainPageSection .flagsArea{text-align: center;}

.mainPageSection .flagsArea li{display: inline-block;padding: 0 50px;color: #fff; width: 33%; line-height: 14;}

.mainPageSection .flagsArea li figure{max-width: 150px; margin: 0 auto 5px;}

.mainPageSection .flagsArea li:nth-child(2) figure{max-width: 200px;}

.mainPageSection .flagsArea a{display: block;}

.mainPageSection .flagsArea a img{transition: 1s;}

.mainPageSection .flagsArea a:hover img{transform: rotate(360deg);}

.mainPageSection .flagsArea figcaption h4, .mainPageSection .flagsArea figcaption h5{font-size: 26px;color: #fff;font-weight: 600;margin-bottom: 4px;transition: 0.6s;}

.mainPageSection .flagsArea figcaption h5{font-size: 18px;}

.mainPageSection .flagsArea a:hover figcaption h4, .mainPageSection .flagsArea a:hover figcaption h5{color: #2b8afe;}



body.main-landing-page footer{position: absolute; bottom: 0; left: 0; right: 0; width: 100%;text-align: center; background: #000; padding: 10px 0;}

body.main-landing-page footer p{margin: 0;text-transform: capitalize;color: #fff;}


/*=== FOOTER CSS ===*/

.footer { background: #363636; }

.footer .topFootr{padding:100px 0 ;}

.footer .topFootr ul { margin:0; position:relative; text-align: center; }

.footer .topFootr ul li { position: relative; padding:0 0 0 70px; display:inline-block; font-size:16px; color:#fff; }

.footer .topFootr ul li:before { content: ""; position: absolute; top:11px; left:28px; width: 10px; height: 1px; background: #fff; }

.footer .topFootr ul li:first-child:before{display: none;}

.footer .topFootr ul li a { color:#fff; display:block; text-transform: capitalize; }



.footer .copy { background:#000d24; font-size:12px; padding:10px 0; }

.footer .copy p { color: #fff; margin:0; text-align:center; text-transform: uppercase;}







@media only screen and (min-width: 0px) and (max-width: 767px)   {

	body.main-landing-page{overflow: visible; position: relative;}
	body.main-landing-page .header .navigation a#pull { display:inline-block; }
	body.main-landing-page .header { margin: 0 0 20px; width:100%;padding: 10px 0;background: #fff;box-shadow: 0 0 10px #000; }
	body.main-landing-page .header .topBar, .phoneInfo { display:none; }
	body.main-landing-page .header .logo {position: relative; top: auto; left: auto; right: auto;border-radius: 0;background: transparent;height: auto; width: 100px; padding: 0; }
	body.main-landing-page .header .navigation{padding: 0; border-radius: 0;background: transparent; }
	body.main-landing-page .header .logoBar{padding: 0;}
	body.main-landing-page .header #topMenu { display: none; background: #fff; position: absolute; top: 100px; left: 0; right: 0;box-shadow: 0 3px 3px #000; }
	body.main-landing-page .header .navigation { margin:0; padding:0; }
	body.main-landing-page .header .navigation ul li { display: block; text-align: center; border-bottom: 1px solid #d2d2d2; border-top: 1px solid #fbfbfb; margin:0; padding: 0; }
	body.main-landing-page .header .navigation ul li:last-child{float: none;margin: 0;}
	body.main-landing-page .header .navigation ul li a { padding: 15px 10px; text-align: left; color: #002087; font-size: 14px;}
	body.main-landing-page .header .navigation ul li a svg{display: none;}
	body.main-landing-page .mainPageSection h2{font-size: 30px;}
	body.main-landing-page .mainPageSection h4{font-size: 17px;}
	body.main-landing-page .mainPageSection .flagsArea li{width: 32%; line-height: 1;display: inline-block; padding: 0 5px;}
	body.main-landing-page .mainPageSection .flagsArea li figure{max-width: 100%;}
	body.main-landing-page .mainPageSection .flagsArea figcaption h4{font-size: 18px;}
	body.main-landing-page .mainPageSection .flagsArea figcaption h5{font-size: 14px; margin: 0;}
	body.main-landing-page .footer{position: relative; bottom: auto; left: auto; right: auto;}
	body.main-landing-page .mainPageSection .flagsArea{margin: 0 0 30px;}
	body.main-landing-page footer p{font-size: 13px;}

}



/*@media only screen and (min-width: 360px) and (max-width:479px) {

body.main-landing-page .mainPageSection .flagsArea li{width: 100%;margin: 0 0 20px;display: block;}

}*/



@media only screen and (min-width: 768px) and (max-width:1023px) {

body.main-landing-page .header{margin: 25px 0 150px;}
body.main-landing-page .header .navigation ul li{padding: 5px 10px;}
body.main-landing-page .header .navigation ul li a{font-size: 13px;}
body.main-landing-page .header .navigation ul li:nth-child(2){margin: 0 165px 0 0;}
body.main-landing-page .header .navigation ul li:last-child{margin-right: 5px;}

}

@media only screen and (min-width: 1024px) and (max-width:1199px) {
	body.main-landing-page header{margin: 25px 0 75px;}
body.main-landing-page .header .navigation ul li:nth-child(2){margin: 0 220px 0 0;}
}