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

body {text-align: justify;}

#wrapper { width:100%; margin:0px; padding:0px; font-size:0.875em; font-family: 'Open Sans', sans-serif; }
.container { width:960px; margin:0px auto; height:auto; }
a {-webkit-transition: all 0.3s; transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; text-decoration: none; underline:none; }
a:hover, a.active { text-decoration: none; }

/*header-starts*/

header { width:100%; height:auto; float:left; margin:0px; padding:0px; box-sizing:border-box; }
.topHeader{ width:100%; height:auto; float:left; margin:0px; padding:0px; box-sizing:border-box; }
.logo{ float: left; margin: 18px 0; width: 21.3%;}
.logo img{ width: 100%;}
.logo a{ display: block;}
nav{ float: right; width: 75%; text-align: right; margin: 60px 0 0 0;}
nav ul { list-style:none; margin:0; padding:0; }
nav ul li{ display: inline-block; font-size: 16px; margin: 0 0 0 30px; font-weight: 600; position: relative; -webkit-transition: all 0.3s; transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;}
nav ul li:hover, nav ul li.active{ border-bottom: 3px solid #21428d;/* transition: none; -moz-transition: none; -webkit-transition: none;*/}
nav ul li a{ text-decoration:none; display: block; padding-bottom: 19px; color:#8e8e8e; text-transform: capitalize; }
nav ul li a:hover, nav ul li.active > a { text-decoration:none; color: #21428d;}

nav ul li:hover ul { display: block; }

nav ul li ul { background-color: #fff; margin: 0; padding: 0; position: absolute; text-align: left; width: 260px; z-index: 100; top: 40px; left: 0; display: none; }
nav ul li ul li { border-bottom: 1px solid #cccccc; display: block; font-size: 14px; margin: 0; padding: 0; }
nav ul li ul li:hover { border-bottom: 1px solid #21428d; }
nav ul li ul li a { padding: 10px; }

/*header-ends*/

/*banner-starts*/

.banner { width:100%; height:auto; float:left; margin:0px; padding:0px; position: relative; box-sizing:border-box; }
.bookFormBackground{ position: absolute; height: 100%; /*background: rgba(14, 161, 219, 0.5);*/ background-image: url("../images/book-form-bg.png"); background-repeat: no-repeat; background-position: top center; background-size: 100% 100%; object-fit:cover; width: 64%; z-index: 1;}
.bookFormContainer{ width: 100%; position: absolute; z-index: 1;}
.bookFormContainer .container .content{ width: 50%; padding: 16% 2% 0 0; text-align:center; }
.bookFormContainer h1{ font-size: 40px; line-height: 50px; color: #FFF; margin: 0 0 0 0; font-weight: bold; }
.bookFormContainer p{ font-size: 33px; line-height: 35px; color: #FFF; font-weight: 500; margin: 0 0 0 0;  }
.banner .bx-wrapper .bx-pager, .banner .bx-wrapper .bx-controls-auto{ bottom: 20px; padding: 0; z-index: 1;}
.banner .bx-wrapper .bx-pager.bx-default-pager a{ background-color: #FFF; width: 9px; height: 9px; margin: 0; border-radius: 50%;}
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .banner .bx-wrapper .bx-pager.bx-default-pager a.active{ background-color: transparent; border:3px solid #FFF; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box;}
.banner .bx-wrapper .bx-pager .bx-pager-item, .banner .bx-wrapper .bx-controls-auto .bx-controls-auto-item{ margin: 0 3px;}

/*banner-ends*/

/*section-starts*/

section { width:100%; height:auto; float:left; margin:40px 0; padding:0px; box-sizing:border-box; }
section h2{ text-align: center; color: #21428d; width: 80%; margin: 0 auto 40px; font-size:35px; font-weight: lighter; }
.serviceList{}
.serviceList .serviceContent{ float: left; width:100%; position: relative; background-color: #d8d8d8; }
.serviceContent-heading { width:100%; height:auto; float:left; margin:0 0; padding:15px 20px; position:relative; z-index:100; background-color:#7a9acf; box-sizing:border-box; }
.serviceContent-heading h3 { color: #fff; margin: 0 auto; font-size:24px; font-weight: 500; }
.serviceContent.umbrellaService{ float: right; min-height: 355px; }
.serviceContent figure { box-sizing: border-box; float: left; height: auto; margin: 0; padding: 20px; width: 100%; }
.serviceList .serviceContent img{  display: block; object-fit: contain; }
.serviceContent .content{ background: rgba(44,161,219,0.7); position: absolute; width: 52%; height: 100%; right: 0; padding: 55px 15px 20px; box-sizing:border-box; }
.serviceContent.umbrellaService .content{ background: rgba(44,161,219,0.7);}
.serviceContent .content p{ color: #FFF; font-size: 15px; line-height: 22px; margin: 50px 0 0; }
.moreBtn{ text-transform: uppercase; position: absolute; bottom: 20px; right: 15px;}
.moreBtn a{ text-decoration:none; color: #FFF; border:1px solid #FFF; padding: 5px 30px; display: block; font-weight: 700; }
.moreBtn a:hover{ background-color: #21428d;}
.umbrellaService .moreBtn a:hover{ background-color: #21428d;}

.serviceList-about-us { width:100%; height:auto; float:left; margin:0 0; padding:35px 0 0; text-align: center; box-sizing:border-box; }
.serviceList-about-us h2{ color: #21428d; width: 80%; margin: 0 auto 30px; font-size:34px; font-weight: lighter; }
.serviceList-about-us p { color: #575757; font-size: 14px; line-height: 22px; margin: 0 0 35px; }
.serviceList-about-us span { text-transform: uppercase; display: inline-block; }
.serviceList-about-us span a{ text-decoration:none; color: #575757; border:1px solid #575757; padding: 5px 30px; display: inline-block; font-weight: 700; }
.serviceList-about-us span a:hover{ background-color: #21428d; color: #fff; }

/*section-ends*/

/*footer-starts*/

footer { width:100%; height:auto; float:left; margin: 0 0; padding: 0; position:relative; background-image:url("../images/footer-back.jpg"); background-size: cover; background-repeat:no-repeat; background-position:center center; box-sizing:border-box; }
.tint { background-color: rgba(0, 0, 0, 0.65); height: 100%; position: absolute; width: 100%; }
.footer-content { width:100%; height:auto; float:left; margin:0px; padding: 40px 0 25px; position:relative; z-index: 100; box-sizing:border-box; }

.footer-links { width:18%; height:auto; float:left; margin:0px; padding:0px; box-sizing:border-box; }
.footer-links ul { list-style:none; margin:0; padding:0; }
.footer-links ul li { display:block; margin:0; padding:0 0 16px; float:none; }
.footer-links ul li a { text-decoration:none; text-transform:capitalize; display:inline-block; margin:0; font-size:15px; padding:0; color:#fff; }
.footer-links ul li a:hover, .footer-links ul li a.active { color:#53a6dc; }

.footer-links2 { width:30%; height:auto; float:left; margin:0px; padding:0px; box-sizing:border-box; }
.footer-links2 ul { list-style:none; margin:0; padding:0; }
.footer-links2 ul li { display:block; margin:0; padding:0 0 16px; float:none; }
.footer-links2 ul li a { text-decoration:none; text-transform:capitalize; display:inline-block; margin:0; font-size:15px; padding:0; color:#fff; }
.footer-links2 ul li a:hover, .footer-links ul li a.active { color:#53a6dc; }

.footer-form { width:55%; height:auto; float:left; margin:0px; padding:0px; box-sizing:border-box; }
form{display:inline-block; width:70%; padding: 0; margin:0; float:left; }
.enquiry-name { width:48.6%; height:auto; float:left; margin: 0 10px 12px 0; padding:0; }
.enquiry-name:nth-child(2) { margin-right:0px; }
.box{ border: medium none; height: auto; width: 100%; margin: 0  ; padding:10px 18px; font-size:14px; color:#fff; border-radius: 24px; border:1px solid #fff; background:none; box-sizing:border-box; }
.box1{ border: medium none; height: auto; width: 100%; margin: 0 0 12px ; padding:10px 18px; font-size:14px; color:#fff; border-radius: 24px; border:1px solid #fff; background:none; box-sizing:border-box; }
.box3{ border: medium none; height: auto; width:100%; margin:0 ; padding:10px 18px; font-size:14px; color:#fff; border-radius: 24px; border:1px solid #fff; background:none; box-sizing:border-box;}
.footer-form a.send { background-color: #53a6dc; border-radius: 50%; display: inline-block; float: left; height: 40px; text-align: center; width: 40px; margin: 100px 0 0 20px; }
.fa.fa-paper-plane { color: #fff; font-size: 18px; margin: 10px 0 0 -3px; vertical-align: middle; }
.footer-form-contact { box-sizing: border-box; float: left; height: auto; margin: 0px 0 0; padding: 0; width: 100%; }
.footer-form-contact h3 { display:block; font-size:23px; text-transform:capitalize; font-weight: 600; margin:0 0 5px !important; padding:0; line-height: 25px; color:#fff; }
.footer-form-contact p { display:inline-block; font-size:15px; margin:0 ; padding:0; line-height: 30px; color:#fff; }
.footer-form-contact a { color: #fff; text-decoration: none; }
.footer-form-contact a:hover { color: #53a6dc; }

.f-contact { width:30%; height:auto; float:left; margin:0px; padding:0px; text-align:center; box-sizing:border-box; }

.follow-us { width:18%; height:auto; float:left; margin:0px; padding:0px; text-align:center; box-sizing:border-box; }
.social { width:100%; height:auto; float:left; margin:0 0 5px; padding:0px; box-sizing:border-box; }
.social ul { list-style:none; margin:0; padding:0; display: inline-block; }
.social ul li { display:inline-block; margin:0 10px 0 0; padding:0 ; float:left; }
.social li:last-child { margin-right:0; }
.social ul li a { height:44px; width:44px; text-align: center; border: 2px solid #fff; border-radius: 100%; display: inline-block; padding: 0; text-decoration: none; text-transform: capitalize; }
.social ul li a.f-icon:hover { border: 2px solid #4867aa; }
.social ul li a.in-icon:hover { border: 2px solid #006699; }
.follow-us-pic { width:100%; height:auto; float:left; margin:0px; padding:0px; box-sizing:border-box; }
.f-contact h3, .footer-links h3, .footer-links2 h3, .footer-form h3, .follow-us h3 { display:block; font-size:23px; text-transform:capitalize; font-weight: 500; margin:0 0 20px; padding:0; line-height: 25px; color:#fff; }
.fa.fa-facebook, .fa.fa-linkedin { color: #fff; font-size: 28px; padding:8px 10px; }
.fa.fa-facebook:hover { color: #4867aa; }
.fa.fa-linkedin:hover { color: #006699; }

.copy-right { width:100%; height:auto; float:left; margin:0px; padding:15px 0; background-color:#000; text-align:center; box-sizing:border-box; }
.copy-right p { display:inline-block; font-size:15px; margin:0 ; padding:0; line-height: 25px; color:#5e5e5e; }

/*footer-ends*/

/*contact-us-starts*/

.contact-banner { width:100%; position: relative; float:left; height:auto; margin: 0 0; padding:0px; }
.contact {width:45%; float:left; margin:0 ; }
.contact-left {width:100%; float:left; }
.contact h1 { font-size:35px; margin:0px; padding:0 0 ; font-weight:300; color:#21428d; background-image:none; text-align:left; }
.contact-right {width:57%; float:right; margin:20px 0 0; border:2px solid #014b88; box-sizing: border-box; }
.contact_detail2 { width:100%; float:left; margin: 20px 0 0; } 
.contact_detail2 h4 {color:#53a6dc; font-size:20px; margin-bottom: 15px; font-weight: 300; }
.contact_detail2 strong { font-size: 15px; color:#575757; }
.contact-address { box-sizing: border-box; float: left; height: auto; margin: 0; padding: 0; width: 100%; }
.contact-address p { color:#575757; line-height: 25px; font-size: 15px; font-weight: 500; margin:8px 0 0; }

.contact-address-social { box-sizing: border-box; float: left; height: auto; margin: 0; padding: 0; width: 100%; }
.contact-address-social p { color:#575757; line-height: 30px; font-size: 15px; font-weight: 500; margin:0px; display: inline-block; }
.contact-address-social p a { color:#575757; text-decoration:none; margin-left:5px; }
.contact-address-social p a:hover { color:#53a6dc; text-decoration:none; }
.contact-address-social span { width:95px; float: left; color:#575757; font-size: 15px; line-height: 30px; }

.fa-mobile, .fa-envelope-o, .fa.fa-skype { font-size: 16px; margin-right: 5px; color:#014b88; }
.fa-mobile { font-size: 25px !important; margin-left: 2px; margin-right: 8px; vertical-align: middle; }
.fa.fa-home { font-size: 22px; color:#014b88; }
.fa.fa-building { font-size: 18px; color:#014b88; }
.call-image { display: block; margin: 48px 0 0; }

/*contact-us-ends*/

/*enquiry-starts*/

.enquiry-form { width:45%; height:auto; float:right; margin:0 ; padding:0 0 0 9%;  border-left: 1px solid #cccccc; }
.enquiry-form h1{ font-size:35px; margin:0px; padding:0 ; font-weight:300; color:#21428d; text-align:left; background-image: url("../images/enquiry.png"); background-position: left 5px; background-repeat: no-repeat; }
.enquiry-form form {display:block; width:100%; padding: 0px 0 0; margin:0; }
.enquiry-form-name { width:100%; height:auto; float:left; margin-right: 0; padding:0; }
.enquiry-form-name:nth-child(2) { margin-right:0px; }
.enquiry-form-name:nth-child(4) { margin-right:0px; }
label.name, label.msg { color:#575757; font-size:15px; font-weight:500; width:100%; display:inline-block; float:left; padding:10px 5px; box-sizing:border-box;}
.enquiry-form .box{ border: medium none; height: 35px; width: 100%; margin: 0 ; padding-left:5px; color:#666666; border-radius: 5px; border:1px solid #ccc; border-left:3px solid #53a6dc; background:none; box-sizing:border-box; }
.enquiry-form .box3{ border: medium none; height: 140px; width:100%; margin:0 0 15px ; padding:10px 5px; color:#666666; border-radius: 5px; border:1px solid #ccc; border-left:3px solid #53a6dc; background:none; box-sizing:border-box;}
.button{ height: 40px; width: 25%; font-size: 15px; cursor:pointer; border-radius: 3px; text-transform:uppercase; background-color: #014b88; color: #fff;}
.button:hover{ background-color: #53a6dc; color: #fff; }
.enquiry-left a{ text-decoration:none; }
.enquiry-form-name .required { color: #000; }
.enquiry-form a { background-color: #53a6dc; border-radius: 5px; color: #ffffff; display: inline-block; font-size: 15px; padding: 10px 25px; text-transform: uppercase; }
.enquiry-form a:hover { background-color: #21428d; }

/*enquiry-ends*/

/*product-page-css-starts*/

.about_left { float: right; height: auto; margin: 0 0 0 5%; padding: 0; text-align: left; width: 28%; }
.about_left h2 { display: block; font-size: 25px; line-height: 30px; font-weight: 500; margin: 0 0 20px; text-align: left; width: auto; padding:0 0 8px 15px; border-bottom: 2px solid #8e8e8e;/* background: rgba(0, 0, 0, 0) url("../images/quick-links.png") no-repeat scroll left top 2px;*/ }
.about_left ul { display: block; list-style: outside none none; margin: 0; padding: 0; }
.about_left ul li { display: block; font-size: 14px; line-height: 25px; margin: 0; padding: 0 ; }
.about_left ul li a { color: #575757; display: block; outline: medium none; text-decoration: none; padding: 6px 0 6px 18px; background: rgba(0, 0, 0, 0) url("../images/bullet-icon.png") no-repeat scroll left top 12px; border-bottom: 1px dotted #8e8e8e; transition: all 500ms ease-in-out 0s; }
.about_left ul li a:hover, .about_left ul li a.active { color: #21428d; padding: 6px 0 6px 25px; background: rgba(0, 0, 0, 0) url("../images/bullet-icon-hover.png") no-repeat scroll left top 12px; border-bottom: 1px dotted #21428d; }

.about_right { float: left; height: auto; margin: 0; padding: 0; text-align: left; width: 67%; }
.about_right h2 { display: block; font-size: 22px; font-weight: 500; margin: 0 0 20px; padding: 7px 7px 10px 25px; text-align: left; width: auto; position: relative; background: #f1f3f3 none repeat scroll 0 0; border-radius: 0.3em; }
.about_right h2::before { background: #53a6dc none repeat scroll 0 0; border: 0.3em solid #fff; border-radius: 2em; color: #fff; content: ">"; font-size: 16px;
    font-weight: 700; height: 2em; left: -1.3em; line-height: 1.8em; margin-top: -1.3em; position: absolute; text-align: center; top: 50%; width: 2em; }
.features { float: left; height: auto; margin: 0; padding: 0; width: 100%; }
.features ul { display: block; list-style: outside none none; margin: 0; padding: 0; background: rgba(0, 0, 0, 0) url("../images/list-line.png") repeat-y scroll left 2px center; }
.features ul li { display: block; font-size: 14px; line-height: 22px; margin: 0 0 5px; padding: 0 ; color: #575757; }
.features ul li span { display: inline-block; width: 95%; }
.heading { box-sizing: border-box; float: left; height: auto; margin: 0; padding: 0 0 0 10px; width: 100%; }
.features >span { border-bottom: 1px solid #8e8e8e; color: #21428d; display: inline-block; font-size: 16px; line-height: 25px; margin: 0 0 15px; padding: 6px 0; }
.fa.fa-circle {
    color: #53a6dc;
    font-size: 10px;
    margin: 6px 8px 0 0;
    vertical-align: top;
}

.product_img { float: left; width: 100%; text-align: center; }
.gallery { border: 1px solid #ccc; box-sizing: border-box; float: left; width: 100%; margin: 25px 0 0; position: relative; padding: 5px; }
.gallery > span { bottom: 0; color: #21428d; font-size: 9px; left: 0; position: absolute; right: 0; text-transform: capitalize; display: none; }
.brochure { float: none; display: inline-block; margin: 20px 0 0; width: 100%; }
.brochure a { background: transparent url("../images/report.png") no-repeat scroll left 15px center; border-radius: 8px; border: 1px solid #ccc; color: #21428d; display: block; font-size: 15px; font-weight: 600; outline: medium none; padding: 10px; text-align: center; text-decoration: none; }
.brochure a:hover { background-color: #53a6dc; color: #ffffff; border: 1px solid #ffffff; }

/*product-page-css-ends*/

/*about-us-page-css-ends*/

.about-content {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.about-content h3 {
    font-size: 15px;
    color: #454545;
}
.about-content p {
    color: #575757;
    font-size: 14px;
    line-height: 22px;
    margin: 0 0 10px;text-align: justify;
}

/*about-us-page-css-ends*/

/*back-to-top-starts*/

.back-to-top { background: rgba(0, 0, 0, 0) url("../images/top-to-up.png") no-repeat scroll right bottom; bottom: 75px; display: none; height: 35px; position: fixed; right: 22px; width: 36px; z-index: 20; }

/*back-to-top-ends*/