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

body{ margin:0; padding:0; font-family: 'Open Sans', sans-serif; font-size:13px; color:#3a3a3a; font-weight:400;}
*{margin:0px; padding:0px;}
.clearfix { *zoom: 1;}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {  clear: both;}
.clr, .clear{ clear:both;}

header,footer,aside,article,section,detail,nav,figure{ position:relative;}

h1, h2, h3, h4, h5, h6, p{ margin:0; padding:0;}

ul,li,ol{ list-style-type:none; margin:0; padding:0;}

a{ text-decoration:none; outline:none; }
a:hover, a:focus{ text-decoration:none; outline:none;}
img{ border:0; outline:none; max-width:100%;}
input[type="text"], input[type="password"], select, textarea, input[type="button"] { max-width:100%;}

table { width: 100%;}

.fltL{ float:left;}
.fltR{ float:right;}

p{ margin:0; padding:0;}

.margin-top30{  margin-top: 30px !important;}

.hedding_one{ color:#231f73; font-size:27px; font-weight:800; margin:0 0 20px; padding:0 0 12px; border-bottom:5px solid #75c5f0; display:inline-block; font-family: 'Roboto Slab', serif; text-transform:uppercase;}



/*** =================================================== Nav / Slider =================================================== ***/
.left-top-links{ margin:0; padding:0; position:relative;}
.left-top-links:before {  content: ""; display: block; width: 0px; height: 0px; border-top: 39px solid #231f73; border-left:28px solid transparent; position: absolute; left: -23px;}
.left-links-top{ margin:0; padding:0 0 0 60px; list-style:none; float:left;}
.left-links-top li{ font-size:15px; font-weight:400; margin:0px; padding:0 10px; list-style-type:none; float:left; position:relative; color:#FFF; line-height:30px;}
.left-links-top li:last-child{ border:none; background:none;}
.left-links-top li a i{ margin:0 10px 0 0;}
.left-links-top li a{ color:#FFF; text-decoration:none; }
.left-links-top li a:hover{ color:#75c5f0; text-decoration:none;}


.head{ position:relative; margin:0; padding:0;}
.head.no-border-bottom{ border-bottom:none;}

/*** ==== Top Hearder ====***/
.top-section{ margin:0; padding:0; float:right; width:100%; position:relative;}
.top-left-section{ float:left; width:100%;}

.head .toplinkstab{ margin:0; padding:0 0 0px; position:relative; width:100%; border-top:9px solid #231f73;}
.toplinkstab:before{ background:#FFF; width:37%; content:""; left:0; top:0; position:absolute; height:39px; z-index:-1;}
.toplinkstab:after{ background:#231f73; content:""; height:39px; top:0; right:0; width:63%; position:absolute;  z-index:-1;}
.headertopLeft{ margin:0; padding:0; list-style:none; float:right;}
.headertopLeft li{ font-size:15px; font-weight:400; margin:0px; padding:0 10px; list-style-type:none; float:left; position:relative; color:#FFF; line-height:30px;}
.headertopLeft li:last-child{ border:none;}
.headertopLeft li a{ color:#FFF; text-decoration:none; }
.headertopLeft li a:hover{ color:#1bb4b9; text-decoration:none;}

.headertopLeft li ul{ display:none;}
.headertopLeft li:hover ul{ display:block; position:absolute; top:29px; left:0; background:#fafafa; padding:0; margin:0; transition: all 0.4s ease-in-out 0s; z-index:999; width:150px;}
.headertopLeft li:hover ul li{ font-size:15px; list-style-type:none; padding:0 8px; border-bottom:1px solid #ccc; font-weight:400; text-align:left; border-right:none; width:100%; float:left;}
.headertopLeft li:hover ul li:hover{ background:#00c3c9;}
.headertopLeft li:hover ul li:hover a{ color:#FFF; background:#00c3c9;}
.headertopLeft li:hover ul li a{ color:#333; text-decoration:none; transition: all 0.4s ease-in-out 0s; }
.headertopLeft li:hover ul li a:hover{ text-decoration:none; color:#FFF;}


/*** ==== Nav ==== ***/
.head .nav-area{ position:relative; margin:0; padding:0; width:100%; z-index:999;}

.head .nav-area .navbar-brand{ padding:0; margin:-30px 0 0; height:inherit;}

.nav-area .navbar{ margin:0; border:0; border-radius:0; border-left:none; border-bottom:none; border-right:none;}
.nav-area .navbar-default{  background:#FFF;}
.nav-area .navbar-nav{ float:right;}

.nav-area .container-fluid{ padding:0;}
.nav-area .navbar-collapse{ padding:0;}
.nav-area .nav{ float:right;}
.nav-area .navbar-fixed-top{ top:37px;}
.nav-area .navbar-nav li {  padding:0 3px;}
.nav-area .navbar-nav li:last-child{ background:none; padding:0}
.nav-area .navbar-nav li:last-child a{ margin:0;}
.nav-area .navbar-nav li a{ color:#231f73; font-size:16px; text-transform:uppercase; padding:5px 15px; margin:0; font-weight:400; line-height:84px; transition: all 0.4s ease-in-out 0s;}
.nav-area .navbar-nav li.active a{ background:none; color:#231f73; box-shadow:0px -8px 0 #231f73 inset;}
.nav-area .navbar-nav li.active a:hover{ background:none; color:#231f73; box-shadow:0px -8px 0 #231f73 inset;}
.nav-area .navbar-nav li:hover a{ background:none; color:#231f73;  box-shadow:0px -8px 0 #231f73 inset;}
.nav-area .navbar-nav li a:hover{ background:none; color:#231f73;  box-shadow:0px -8px 0 #231f73 inset;}
.nav-area .navbar-nav li a.active{ background:none; color:#231f73; box-shadow:0px -8px 0 #231f73 inset;}

.nav-area .navbar-default .navbar-nav > .open > a, .nav-area .navbar-default .navbar-nav > .open > a:focus, .nav-area .navbar-default .navbar-nav > .open > a:hover{ background:none;}
.nav-area .change-nav-position{ margin-left:40px;}

.nav-area .dropdown-menu{ padding:7px 0 10px;}
.nav-area .dropdown-menu li{ background:none; padding:0;}
.nav-area .dropdown-menu li a {
    box-shadow: none !important;
    display: block;
    font-size: 14px;
   
    line-height: normal;
    margin: 0;
    padding: 5px 15px;
    text-transform: capitalize;
}
.nav-area .dropdown-menu li a:hover{ box-shadow:none; border-radius:0; color:#76c8f2;}




/*** ==== Slider ====***/
.sliderflax{ margin:0; position:relative; padding:0; background:#fff !important; margin-top:30px;}
/*.carousel-inner .item img{ width:100%; opacity:1; }*/
.sliderflax .carousel-caption{ top:45%; text-align:left; left:10%; /*background:rgba(0, 0, 0, 0.7);*/ text-shadow:none; bottom:auto; padding:0; width:35%; right:0; border-radius:2px;}
.sliderflax .fade-carousel .carousel-inner .item .hero{ z-index:9;}
.sliderflax .hero h1{ line-height:45px; margin:0 0 20px; color:#75c5f0; font-size:37px; font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase;}
.sliderflax .hero p{ font-size:18px; font-weight:400; color:#666; margin:0 0 35px; line-height:27px; font-weight:400; font-family: 'Roboto Condensed', sans-serif;}
.sliderflax .hero h1 span{ color:#666;}
.sliderflax .hero h2{ margin:0 0 20px; color:#FFF;}
.sliderflax .hero h2 a{ background:transparent; color:#666; text-decoration:none; text-align:center; padding:10px 35px; transition: all 0.4s ease-in-out 0s; font-size:14px; border-radius:6px; font-family: 'Roboto Condensed', sans-serif; border:1px solid #75c5f0; text-transform:uppercase; margin:0 20px 0 0;}
.sliderflax .hero h2 a:hover{ color:#fff; background:#75c5f0; }
.sliderflax .hero h2 a.blue-color{ background:#FFF; color:#6c6b6b;}
.sliderflax .hero h2 a.blue-color:hover{ background:#FFF;}

.sliderflax .carousel-control{ width:4%; z-index:9;}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next{ width:28px; height:28px;}

.sliderflax .carousel-indicators li{ border-radius:0; height:7px; width:7px; margin:0;}
.sliderflax .carousel-indicators .active{ margin:0;}

/*** =================================================== End ( Nav / Slider ) =================================================== ***/


/*** ==== Services ====***/
.three_services{ background:#231f73; padding: 50px 0 0; margin:0; }
.services_box{ margin:0; padding: 50px 32px; text-align:center;}
.services_box figure{ width:110px; height:110px; border-radius:50%; background:#fff; margin:0 auto 25px; text-align:center;}
.services_box figure span{ margin:0; padding:0; width:110px; height:110px; display:table-cell; vertical-align:middle;}
.services_box h2{ font-weight:400; font-size:19px; margin:0 0 15px; color:#FFF; text-transform:uppercase; }
.services_box p{ font-size:15px; line-height:22px; color:#bcc1c7; font-weight:400;}

/*.services_box.yellow_box{ background:#75c5f0;}
.services_box.yellow_box figure{ background:#75c5f0 ;}
.services_box.yellow_box h2{ color:#231f73;}
.services_box.yellow_box p{ color:#231f73;}*/


/*** ==== About Us ====***/
.about_flx{ margin:0; padding:80px 0; /*background:url(../images/about_bg.png) no-repeat fixed; background-size:cover;*/}
.about_flx p{ font-size:16px; color:#7a7b7c; line-height:27px; margin: 0 0 30px;}
.about_flx p img{ float:left; margin:0 15px 15px 0;}


/*** ==== Services 2nd ====***/
.services_content_flx{ margin:0; padding:50px 0 0; background:#231f73; position:relative; min-height:517px;}
.services_content_flx .services_img{ position:absolute; right:0; top:0;}
.services_content{ margin:0; padding:0;}
.services_content p{ font-size:16px; color:#e2dede; font-weight:400; margin:0 0 30px; line-height:27px;}
.services_content p i{ margin:0 15px 0 0;}
.services_content .hedding_one{ color:#FFF;}
.services_content p a{ background:transparent; color:#FFF; text-decoration:none; text-align:center; padding:10px 35px; font-size:14px; border-radius:6px;  border:1px solid #FFF; text-transform:uppercase; margin:30px 0 0; display:inline-block; transition:all 0.4s ease-in-out 0s;}
.services_content p a:hover{ background:#FFF; color:#6c6b6b;}


/*** ==== Contact US ====***/
.contact_box{ background:url(../images/contact-bg.jpg) no-repeat fixed; background-size:cover; padding:60px 0; margin:0;}
.contact_box p{ font-size:16px; font-weight:400; line-height:27px; color:#231f73; margin:0 0 30px; padding:0;}
.contact_box p i{ margin:0 10px 0 0; font-size:20px;}

.footer_social{ margin:0; padding:0; list-style:none; float:left; width:100%;}
.footer_social li{ float:left; list-style-type:none; margin:0 15px 0 0; font-size:25px;}
.footer_social li a{ color:#231f73; text-decoration:none;}
.footer_social li a:hover{ color:#75c5f0;}

.footerLogo{ float:left; width:100%; margin:30px 0 0;}
.footer_form{ margin:0; padding:0;}
.footer_form .form-group{ margin:0 0 22px; float:left; width:100%;}
.footer_form .form-group .form-control{ border:1px solid #231f73; border-radius:6px; height:50px; padding:0px 15px; background:transparent; font-size:17px;}
.footer_form .form-group label{ font-size: 16px; font-weight: 400; line-height: 27px; color: #231f73;}
.footer_form .form-group .form-control.textarea{ height:145px; padding:15px;}
.footer_form .form-group .btn-primary{ background:#231f73; font-weight:800; font-size:17px; padding:15px 0; border-radius:6px; border:none; width:100%;}
.footer_form .customwidth { width: 12%; float: left;}
.footer_form .customtextarea { width: 88%;    float: right;}
.footer_form input[type="checkbox"] {  float: left;    margin: 4px 15px 0 0;}
.padding_none {  padding: 0;}
.padding_change { padding: 0 5px;}

.footer_flx{ margin:0; padding:22px 0; background:#231f73; border-top:1px solid #fff;}
.footer_flx p{ color:#cfd0d1; font-size:13px;}

.footerLinks{ list-style:none; margin:0; padding:0; float:right;}
.footerLinks li{ float:left; width:auto; list-style-type:none; font-size:13px;}
.footerLinks li a{ color:#cfd0d1; text-decoration:none; border-right:1px solid #cfd0d1; padding:0 10px;}
.footerLinks li:last-child a{ border:none;}


/************** Add Css By Sunny *************/
.inner_banner{ margin:0; position:relative; padding:4em 0 14em; height:auto; /*background:url(../images/img-banner-seo.png) fixed no-repeat; background-size:cover;*/}
.inner_bannerc{ margin:0; position:relative; padding:4em 0 14em; height:auto; /*background:url(../images/img-banner-seo.png) fixed no-repeat; background-size:cover;*/}
.inner_banner h1{ text-shadow:1px 2px 2px rgba(0,0,0,0.9); font-size:45px; font-weight:700; color:#FFF; text-align:center;  font-family: 'Roboto Slab', serif;}
.inner_bannerc h1{ text-shadow:1px 2px 2px rgba(0,0,0,0.9); font-size:45px; font-weight:700; color:#FFF; text-align:center;  font-family: 'Roboto Slab', serif;}
.breadkram{ width: 100%; padding:5px 10px; line-height: 20px; font-size: 13px; color: #FFF; margin:4em 0 0; text-align:left;}
.breadkram i{ margin:0 5px;}
.breadkram span{ font-weight: 700;}
.breadkram a{ color: #FFF; font-weight:400;}
.breadkram a:hover{ color: #46c4da; }

.googleMap  {  position: relative;  padding-bottom:0;}
.googleMap iframe {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;}
#map{  min-height:400px;}





/************  Scroll  *****************/

.scroll-top-wrapper { position: fixed; opacity: 0; visibility: hidden;  overflow: hidden; text-align:center; z-index: 99999999; color: #95be32; line-height:48px;right:30px; bottom:87px; padding-top: 2px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; background:#1c1c1c; padding:0px; border-radius:3px; font-weight:600; font-size:14px; text-transform:uppercase;}
.scroll-top-wrapper.show { visibility:visible; cursor:pointer; opacity: 1.0;}
.scroll-top-wrapper i.fa { line-height: inherit; }


.main { width:100%; max-width:1400px; height:auto; margin:auto;}

/*.carousel-inner > .item img { opacity:0.8}*/

.flex-pauseplay { display:none !important;}

.flex-control-nav { display:none !important;}

.welcome { width:100%; height:auto; margin:45px 0px; display:inline-block;}
.welcome h2 { width:100%; height:auto; text-align:center; font-size:45px; margin:30px 0px;}
.welcome p { width:100%; height:auto; text-align:center; font-size:16px; padding:0% 10%; line-height:25px; margin-bottom:35px;}

.services ul li {color: #7a7b7c;font-size: 16px;list-style-type: square;margin: 0 0 0 14px;}
.heading-title h3{color:#231f73; font-size:27px; font-weight:800; margin:0 0 20px; padding:0 0 12px; border-bottom:5px solid #75c5f0; display:inline-block; font-family: 'Roboto Slab', serif; text-transform:uppercase;}
.heading-title .textwidget{ color: #7a7b7c;font-size: 16px;line-height: 27px;margin: 0 0 30px;}
.heading-title .textwidget p{ color: #7a7b7c;
    font-size: 16px;
    line-height: 27px;
    margin: 0 0 5px;}