/* 01. Setting 
 --------------------------------------------------------------------------------*/
.georgia-italic { font-family: Georgia; font-style: italic; }
html { margin: 0; padding: 0; }
body { font-family: 'Lato', Arial, Verdana; font-size: 14px; }
img { max-width: 100%; vertical-align: middle; }
#preloader { position: fixed; display: table; text-align: center; width: 100%; height: 100%; top: 0; left: 0; background-color: #fff; z-index: 999999999; }
#page-loading p { text-align: center; text-transform: uppercase; z-index: 99; padding: 10px 0; color: black; font-size: 12px; overflow: hidden; margin-top: 5px; }
#page-loading div { width: 40px; height: 40px; margin: auto; border-right: 3px solid #44377d; border-bottom: 3px solid transparent; border-radius: 100%; -webkit-animation: spin 0.9s linear infinite; -moz-animation: spin 0.9s linear infinite; -o-animation: spin 0.9s linear infinite; animation: spin 0.9s linear infinite; } 
@keyframes spin { 
    0% { transform: rotate(0deg);}
    50% { transform: rotate(180deg);} 
    100% { transform: rotate(359deg);}
}
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg);}
    50% { -webkit-transform: rotate(180deg); } 
    100% { -webkit-transform: rotate(359deg); }
}
@-moz-keyframes spin {
    0% { -moz-transform: rotate(0deg);}
    50% { -moz-transform: rotate(180deg); } 
    100% { -moz-transform: rotate(359deg); }
}
@-o-keyframes spin {
    0% { -o-transform: rotate(0deg); }
    50% { -o-transform: rotate(180deg); } 
    100% { -o-transform: rotate(359deg); }
}
html { min-height:100%; margin-bottom:1px }
a, select, input, button, a:focus, select:focus, input:focus, button:focus { outline: none; }
input { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
section { position: relative; }
.bg-scroll { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -2; background-position: 50% 50%; background-repeat: no-repeat; }
.ie .bg-fixed, .ie .bg-parallax { background-attachment: scroll !important; background-position: 50% 50% !important; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
  .bg-fixed, .bg-parallax { background-attachment: scroll !important; background-position: 50% 50% !important; }
}
.bg-fixed { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -2; background-position: 50% 50%; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; }
.bg-parallax{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -2; background-position: 50% 50%; background-position: 50% 50%; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; }
.overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; background-color: rgba(0, 0, 0, 0.2); }
/* 03. Desktop
--------------------------------------------------------------------------*/
.logo { float:left; padding:18px 0;}
nav { float:right;}
nav ul { list-style:none; margin:0px;}
nav li { list-style:none; display:inline-block;}
nav li a {color:#000; font-size:14px; font-weight:600; line-height:100px; padding:0 0 0 34px; text-transform:uppercase; -webkit-transition: all 0.4s ease; -khtml-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease;} 
nav li a:hover { color:#1c3f94; text-decoration:none;}
nav li a i { margin-right:4px;}
.header_main { border-bottom:2px solid rgba(168, 168, 168, 0.2);}
.header_phone { border-bottom:2px solid rgba(168, 168, 168, 0.2); background: #1c3f94;}
.phoneNo { float:left; padding:20px 0;}
.phoneNo a { margin-right:15px; color:#fff; font-size:14px; font-weight:600;}
.phoneNo a i { margin-right:8px;}
.social { float:right; padding:15px 0;}
.social a { font-size:20px; margin-left:10px; color:#fff;}
.fb:hover { color:#3b5998;}
.tw:hover {color:#55ACEE; }
.login { padding-left:10px;}
.login i { margin-right: 8px; }
.banner { padding:26px 0; border-bottom:2px solid rgba(168, 168, 168, 0.2); background:rgba(168, 168, 168, 0.1); background-image:url(../images/about.png); background-size:auto 100%; background-repeat:no-repeat; background-position:right;}
.bannerTxt { float:left; width:50%; color:#666; padding:20px 0 60px 0;}
.bannerTxt h1 { font-weight:bold; color:#122d63; font-size:50px; margin-bottom:20px; line-height:60px;}
.bannerTxt p { font-size:20px; margin-bottom:30px; color:#1c3f94}
.bannerTxt a { color:#fff; float:left; background:#466ab2; font-weight:bold; padding:10px 20px; font-size:20px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -webkit-transition: all 0.4s ease; -khtml-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease;}
.bannerTxt a:hover { color:#fff; background:#122d63; text-decoration:none; }

.bannerImg {width:100%; text-align:center; float:left; margin:30px 0 40px 0;}
.atol { width:100%; text-align:center; padding:30px 0;}

.aboutTxt { color:#333 !important; padding:25px 0;}
.aboutTxt p { font-size:17px; text-align:justify !important; color:#333 !important;}
.aboutTxt h2 { font-size:32px; text-align:center !important; font-weight:bold; text-align:left; color:#333 !important;}
.aboutTxt h6 { font-size:20px; font-weight:bold; color:#fff; color:#333 !important;}
.aboutTxt h3 { font-weight:800; }

.aboutTxt li { font-size:17px; text-align:justify !important; color:#333 !important; }
.contentTxt h2 { margin:10px 0 25px 0; text-align:left !important;}

.brand-logos { border:1px solid #e6e6e6; height:120px; text-align:center; padding:20px 10px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.brand-logos a { color:333px;}
.brand-logos h2 { font-size:16px; margin:10px 0 0 0;}

.brand-sec [class*="col-"] { margin-bottom:30px;}

.features { background:#fff;}
.features .col-xs-6:nth-child(1), .features .col-xs-6:nth-child(5) {background-color:#122d63;}
.features .col-xs-6:nth-child(2), .features .col-xs-6:nth-child(6) {background-color:#1c3f94;}
.features .col-xs-6:nth-child(3), .features .col-xs-6:nth-child(4) {background-color:#466ab2;}
.quote { background:#466ab2; color:#fff; width:100%; float:left; margin:0px 0 30px 0; padding:20px; }
.quote h3 { font-size:26px; font-weight:bold; margin:0 0 20px 0;}
.quoteTxt {float:left;}
.quoteTxt h4 { font-size:20px; margin:0 0 6px 0; font-weight:bold;}
.quoteTxt p { font-size:18px; margin:0px;}
.quote a {float:right; padding:6px 30px; background:#fff; color:#122d63; font-size:26px; font-weight:bold;}
.quote a:hover { text-decoration:none; background:#122d63; color:#fff; }

.contact { padding:0 0 30px 0}
.contact h1 { font-size:36px; color:#333; font-weight:bold; text-align:center; margin:10px 0 10px 0;}
.contact h2 { font-size:30px; color:#333; font-weight:bold; text-align:center; margin:20px 0;}
.contact h2 span { font-size:16px; font-weight:normal;}
.contact p { text-align:center; font-size:16px; color:#333;}
.contact a:hover { text-decoration:none;}
.map { width:100%;}
.mail { width:100%; float:left;}
.mail a { font-size:20px !important; color:#333 !important; font-weight:bold;}
.contact_form { width:100%; float:left; padding:30px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; background:rgba(168, 168, 168, 0.2); }
.contact_form input[type='text'], .contact_form textarea { width:100%; border:1px solid rgba(168, 168, 168, 0.6); padding:10px; margin-bottom:10px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.contact_form textarea { min-height:100px;}
.contact_form label{ font-size:16px; color:#666; width:100%;}
.contact_form button { background:#253273; border:none; padding:10px 20px; font-size:18px; font-weight:bold; color:#fff; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.contact_form button:hover {background:#1c3f94;}

.contactBox { width:100%; float:left; text-align:center; border:3px #d5d5d5 solid; padding:30px 15px; margin:10px 0 30px 0;  border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }
.contactBox i.fa-plane, .contactBox i.fa-suitcase { font-size:40px; color:#75ae43; }
.contactBox h2 { font-size:26px; font-weight:bold; color:#333; margin:6px 0 0 0; }
.contactBox h3 { font-size:36px; font-weight:bold; color:#234993; margin:6px 0; }
.contactBox p { margin:0px; }

.quoteSec { background:url(../images/about_banner.jpg); min-height:392px; padding:70px 0; text-align:center;}
.quoteSec h3 { font-size:32px; font-weight:bold; color:#fff;}
.quoteSec p { font-size:26px; color:#fff; margin-bottom:30px;}
.quoteSec a { background:#eaeaea; color:#444; font-size:20px; font-weight:bold; margin:0 7px; padding:15px 20px; cursor:pointer; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.quoteSec a:hover { text-decoration:none; background:#122d63; color:#fff;}
.quoteSec a:first-child { margin-right: 15px;}

.contact_address { float:left;}
.contact_address h1 { font-size:26px; font-weight:bold; color:#666}
.contact_address p { font-size:20px; color:#666; margin-bottom:20px;}
.contact_address .phoneNo { width:100%; padding:0px; margin-bottom:20px;}
.contact_address .phoneNo a { width:100%; font-size:18px; line-height:30px; color:#466ab2;}
.contact_address .social { float:left;}
.contact_address .social a { margin:0 10px 0 0 !important; background:#dae1f0; padding:6px 20px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; font-weight:bold;}
.contact_address .social a:hover { text-decoration:none; color:#666; }
.contact_address .fb { color:#3b5998;}
.contact_address .tw {color:#55ACEE; }

footer { background:#75ae43; margin:0; padding:0;}
footer nav { float:right;}
footer nav ul { padding:0px; margin:0px;}
footer nav li a {color:#fff; font-size:14px; font-weight:600; line-height:100px; padding:0 0 0 34px; text-transform:uppercase; -webkit-transition: all 0.2s ease; -khtml-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;} 
footer nav li a:hover { color:#000; text-decoration:none;}
footer .phoneNo { float:left; padding:40px 0;}
footer .phoneNo a { margin-right:15px; color:#fff; font-size:14px; font-weight:600;}
footer .phoneNo a i { margin-right:8px;}
.copyright { background:#253273; text-align:center; color:#fff; padding:10px 0; font-size:15px;}
.copyright bdo { float:right; }
.copyright span { float:left; }
.copyright a { color:#fff; text-align:left; margin-right:15px; }
.copyright a:hover { text-decoration:none; }
/* 03. Responsive
--------------------------------------------------------------------------*/

/* Screen Size 1 */
@media (max-width: 1199px) {
    .banner { padding:20px 0 26px 0;}
    .bannerTxt h1 { font-size:30px; line-height:38px; margin:0 0 10px 0;}
    .bannerTxt { padding:0px;}
    .bannerTxt p { margin:0 0 10px;}

  
}
/* Screen Size 2 */
@media (max-width: 991px) {
    .banner { padding: 10px 0 16px 0; }
    .bannerTxt p { margin:0 0 10px;}
    .bannerTxt a { font-size:16px;}
  
}
/* Screen Size 3 */
@media (max-width: 767px) {
  
}
/* Screen Size 4 */
@media (max-width: 480px) {
  
}
/* Screen Size 5 */
@media (max-width: 320px) {
  
}