html {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*, *:before, *:after {-webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }
img{ max-width:100%; height:auto;}
body{ font-family: 'Roboto', sans-serif; font-size:14px; color:#474747;}
p {font-size: 15px;    line-height:25px; margin-bottom:20px;}
a{ transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;text-decoration:none;}
a:hover{ text-decoration:none;}
.text-primary {color: #636363 } p {font-size: 14px; line-height: 1.75 } 
p.large {font-size: 16px } a, a:hover, a:focus, a:active, a.active {outline: 0 }
a {color: #636363; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
a:hover, a:focus, a:active, a.active {color:#0f0f0f }
h1, h2, h3, h4, h5, h6 {text-transform: uppercase; font-weight: 400; }
h2{font-size:56px; text-transform:capitalize; text-align:left; font-weight:100; margin-bottom:30px;}
h3{font-weight: 300;font-size: 40px; text-transform: initial;  margin-bottom: 30px;  color: #243c4f;text-align: center;}
section,footer,header{ float:left; width:100%; overflow:hidden;}
.img-centered {margin: 0 auto } .bg-light-gray {background-color: #f7f7f7 }
.bg-darkest-gray {background-color: #222 } 
.btn-primary {background-color: rgba(0, 0, 0, 0) !important; border-color: #636363;  text-transform: uppercase; font-weight: 700; color: #000; font-size: 16px; font-weight: normal; text-transform: none; -webkit-border-radius: 0; border-radius: 0; min-width: 122px; padding: 8px 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {color: #fff; background-color: #636363 !important; border-color: #636363; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {background-image: none }
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {background-color: #636363; border-color: #636363 } 
.btn-primary .badge {color: #636363; background-color: #fff } 
.btn-xl {color: #fff; background-color: #636363; border-color: #636363;  text-transform: none; font-weight: 300; border-radius: 8px; font-size: 25px; padding: 15px 40px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.btn-xl:hover, .btn-xl:focus, .btn-xl:active, .btn-xl.active, .open .dropdown-toggle.btn-xl {color: #fff; background-color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.5); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.btn-xl:active, .btn-xl.active, .open .dropdown-toggle.btn-xl {background-image: none } .btn-xl.disabled, .btn-xl[disabled], fieldset[disabled] .btn-xl, .btn-xl.disabled:hover, .btn-xl[disabled]:hover, fieldset[disabled] .btn-xl:hover, .btn-xl.disabled:focus, .btn-xl[disabled]:focus, fieldset[disabled] .btn-xl:focus, .btn-xl.disabled:active, .btn-xl[disabled]:active, fieldset[disabled] .btn-xl:active, .btn-xl.disabled.active, .btn-xl[disabled].active, fieldset[disabled] .btn-xl.active {background-color: #636363;}
.btn-xl .badge {color:#636363; background-color:#fff;} 
.navbar-default {background-color:none; border-color:transparent;}  
.navbar-default { background:0 none;}
.navbar-default .navbar-brand {color: #636363;}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:active, .navbar-default .navbar-brand.active {color: #fec503; } 
.navbar-default .navbar-collapse {border-color: rgba(255,255,255,.02)} 
.navbar-default .navbar-toggle {  background-color: #0d8bcb;    border-color: #369bce;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff } 
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color:#2c6a9e; }
.navbar-default .nav li a { text-transform: uppercase; font-weight: 400; letter-spacing: 1px; color: #fff } 
.navbar-default .nav li a:hover, .navbar-default .nav li a:focus,.navbar-default .nav li a.active {color:#6cbeff; outline: 0 }

.navbar-default {background-color:0 none; border: 0 none; padding:1px 0 0; -webkit-transition: padding .3s; -moz-transition: padding .3s; transition: padding .3s; } .navbar-default .navbar-brand {font-size: 2em; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s }
.navbar-default .navbar-nav>.active>a {border-radius: 3px }
.navbar-default.navbar-shrink {background-color: #222; padding: 10px 0 }
.navbar-default.navbar-shrink .navbar-brand {font-size: 1.5em }
.navbar-brand{ padding:0;}
.navbar-brand > img{ transition: all 0.3s ease 0s;}
.navbar-right { margin-top:20px;}

/*Navigation scorll style css */
.nav_fix_bg {background: rgba(13, 13, 13, 0.8) none repeat scroll 0 0;  padding: 10px 0;}
.nav_fix_bg .navbar-brand > img{ width:88px;}
.navbar.navbar-default.navbar-fixed-top.nav_fix_bg .nav li a:hover, .navbar.navbar-default.navbar-fixed-top.nav_fix_bg .nav li a:focus, .navbar.navbar-default.navbar-fixed-top.nav_fix_bg .nav li a.active {color: #addbff;}
/*------- */

header {background-repeat: none; background-attachment: scroll; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; text-align: center; color: #fff; padding-bottom:0px; } 
header .intro-text .intro-lead-in { font-size: 18px; line-height: 27px; margin-bottom: 40px; font-weight: 300; font-style:normal;} 
header .intro-text .intro-heading { font-size: 60px; line-height: 75px; margin-bottom: 5px; text-transform: none; }
header .intro-text .intro-heading span{font-weight: 300; } header .intro-text .intro-heading strong{font-weight: 700;}
header .intro-text {padding-top:200px; padding-bottom: 200px;    float: left;width: 100%; }
.head-text{padding-top:20px;}
.head-mob img{ float:right;margin-right:15px;}
header .intro-text .intro-heading h2 {line-height:50px;  margin:0 0 10px 0;  padding: 0;    text-align: center; font-weight:300;}
header .intro-text .intro-heading p { font-size: 17px; font-weight: normal; text-transform: capitalize; margin: 0 0 40px 0; padding: 0; line-height: 36px; color:#e0e0e0; }
.download,.more{padding:14px 40px; font-size:19px; background:#fff; color:#0f0f0f; font-weight:lighter; border-radius:30px;}
.download{color:#fff; background:#166aad; margin: 0 0px 0 15px;}
.more:hover{background:#232323; color:#fff;}
.download:hover{background:#5fbeff;color:#fff;}
.submit{padding:8px 32px; font-size:19px;background:#fff;color:#0f0f0f; font-weight:lighter;background:#232323; color:#fff; border:0; outline:0; transition:all 0.3s ease 0s; }
.submit:hover{ background:#337ab7;} 


/*welcome section css*/ 
.welcome-section {    padding: 50px 0;text-align: center;}
.welcome-section h3 {font-weight: 300;  font-size:40px; text-transform: initial; margin-bottom:20px; }
.welcome-section h3 span,h3 span,h2 span{color:#1c6096;}
.welcome-section p {    font-size: 16px;}









/*Feature section css*/ 
.lft-main-features{padding:10% 0 0 0;}
.left_features{width:100%; float:left; margin-bottom:30px;}
.feature{ float:left; padding:80px 0; width:100%;}
.feature_boxes{float:left; width:70%; text-align:right; padding:0 0px 0 0;}
.feature_boxes h3{ font-size:25px; text-transform:capitalize; line-height: 27px; margin-bottom:10px; font-weight: 300; font-style:normal; padding:0;}
.feature_boxes p{ padding:0; margin:0;}
.feature_img {   float: left; vertical-align:middle; width: 30%;}
.right-img{ float:left; margin:38px 0 0 10px;}
.left-img{ float:left; margin:38px 10px 0 0px;}
.center-img{ margin:0 auto; display:block;}
.rgt-main-features{padding:10% 0 0 0;}
.rgt-main-features .feature_boxes{ text-align:left;}
.contact_sec{background:url(../images/footer-bg.jpg) no-repeat top right/cover;  position: relative; padding: 50px 0px 50px;  z-index: 1;    float: left;width: 100%;}
.contact_sec:before {  position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  content: '';  z-index: -1; background: rgba(33, 40, 43, 0.98);}
.contact_sec h3{ color:#fff;}
.txt-boxes {float: left;  margin-right: 1%;    width: 32.65%;}
.txt-area {float: left;    width: 100%;}
.txt-boxes:nth-child(3){ margin:0;}









.contact_sec .txt-box {background-color: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #9a9a9a; display: block; font-size: 14px; height: 53px; line-height: 1.42857; padding: 10px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; margin: 0 0 10px 0; }
.contact_sec .txt-box:focus {border-color: #fbb7a3;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 86, 56, 0.6);}
.contact_sec .txt-box::-webkit-input-placeholder { color:#9a9a9a;}
.contact_sec .txt-box:-moz-placeholder { /* Firefox 18- */ color:#9a9a9a;}
.contact_sec .txt-box::-moz-placeholder {  /* Firefox 19+ */ color:#9a9a9a;}
.contact_sec .txt-box:-ms-input-placeholder { color:#9a9a9a;}
.submit_btn {width: 160px; height: 48px; text-align: center; background: #166aad; color: #88caff; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);     margin: 14px auto 0 auto; border: 0; outline: 0; display: block; max-width: 160px; border-radius: 30px; font-size: 21px; transition: all 0.3s ease 0s;}
.submit_btn:hover{ box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.3);    background: #125e9a;    color: #bee2ff;}


.address-sec h4{ color:#fff; font-size:20px;text-transform: capitalize;}
.address-sec ul{ margin:0; padding:0;}
.address-sec  li { color:#9a9a9a; font-size:16px; list-style:none;margin: 0 0 6px 0;}
.address-sec  li strong{ font-size:15px; font-weight:600; color:#d6d2d2;} 
.address-sec  li a{ color:#4b9cbf;}
.address-sec  li a:hover{ color:#56beeb}
/*how-works*/

.how-works{background:url(../images/company-profile.jpg) no-repeat top right/cover; background-attachment:fixed;  position: relative; padding: 50px 0px 50px;  z-index: 1;    float: left;width: 100%;}
.how-works:before {  position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  content: '';  z-index: -1; background: rgba(33, 40, 43, 0.9);}
.how-works h3{ color:#fff;}
.how-works p{ font-size:16px; color:#d6d6d6;}
.how-works a{ color: #4b9cbf;}
.how-works a:hover{ color:#56beeb}
.how-works img {    padding: 4px;    background: #fff;    box-shadow: 0 0 8px #424242;}
/*testimonial section css*/ 
.testimonials-sec{ width:100%; background:none; float:left; padding:38px 0; color:#686868;}
/* carousel */
#banner-carousel {padding: 0 2px 30px 2px; margin-top: 30px;text-align:center;}
/* indicator position */
#banner-carousel .carousel-indicators {right: 50%; top: auto; bottom: -10px;  margin-right: -19px;}
/* indicator color */
#banner-carousel .carousel-indicators li { background:#fff; border:0 none;}
/* active indicator */
#banner-carousel .carousel-indicators .active { background:#2196F3;border:0 none; height:10px; width:10px; margin-bottom:1px;}
/* typography */

.quality-sec{ padding:40px 0; float:left; width:100%;}
.quality-sec h2 {  text-align:center; color:#333; text-transform:capitalize; margin-bottom:20px; font-size:40px; font-weight:300;}
.quality-sec p,.quality-sec ul li { font-size: 14px; font-weight:400;}
.quality-sec h3 {text-align: left; color: #444444; text-transform: capitalize; margin-bottom: 15px; font-size: 18px; font-weight: bold; }
.quality-sec ul{padding: 0;margin: 0;}
.quality-sec ul li { margin-bottom:15px;list-style: none;}
.quality-sec ul li i {color: #036ea5; margin: 0 4px 0 0; vertical-align: middle; }

footer {background:#1f2324; padding:50px 0 0;position:relative; float:left; width:100%;}
.footer-nav ul { display:table; width:auto; margin:0 auto;padding: 0;}
.footer-nav ul li{ display:inline-block; margin:0 18px;}
.footer-nav ul li a{ font-size:14px;color:#828282; text-transform:uppercase;}
.footer-nav ul li a:hover{color: #676767;}
.social_div{margin:45px 0 0 0;}
.line{ display:block; background:#3c3c3c; height:1px; width:100%; margin-top:34px;}
ul.social-buttons {  float: left; list-style:0 none;margin: 2% 0;    text-align: center;width:100%; padding:0; }
ul.social-buttons > li {    display: inline-block;padding-left:5px;padding-right:5px;}
ul.social-buttons > li a {background-color: #293031;border-radius: 100%; color:#9a9a9a; display: block; font-size: 20px; height:58px; line-height: 58px; outline: 0 none; transition: all 0.3s ease 0s; width: 58px;}
ul.social-buttons > li a:hover{ background: #28383c;color: #6f8e96;}  
.copyright{ text-align:center; padding-top:35px;padding-bottom:15px;overflow:hidden;}


/*inner page css*/

.inner_head_banner {padding:120px 0 10px;text-align:center;}
.inner_head_banner h2 {text-align: center; font-size: 50px; text-transform: capitalize; font-weight: 100; margin-bottom: 30px; }
.inner-section,.se-section {padding: 60px 0; display:block; width:100%;}
.inner-section p,.se-section p{  font-size:15px;}
.inner-section p strong,.se-section p strong {    color:#545454;}
.inner-section h2 {color: #474747; padding: 0; margin: 0 0 30px 0; font-size: 30px; font-weight: 400; }
.inner-section h4 {color: #474747; padding: 0; margin: 0 0 30px 0; font-size: 22px; font-weight: 400; }
.inner-section ul li {color: #474747; font-size:16px; margin:0 0 8px 0;}
.se-section{border-top:1px solid #ececec;}
.highlights li{ font-size:16px; list-style:none;line-height:35px;}
.highlights li i{ font-size:13px; margin-right:6px;font-weight:300;}


.contact_form{ padding:30px 15px 30px; border: 1px solid#eee; -webkit-box-shadow: 0px 20px 35px rgba(0, 0, 0, .1); box-shadow: 0px 20px 35px rgba(0, 0, 0, .1); -webkit-transition: all 900ms ease; -o-transition: all 900ms ease; transition: all 900ms ease; background: #fff;  margin-bottom:45px;}
.contact_form .form-control {border-radius:0; height:45px;}
.contact_form textarea.form-control{ height:auto;}
.contact_address ul{list-style: none; margin: 0;   background: #eee; padding:25px; border-radius: 5px; float:left; width:48%; margin:0 1% 20px; }
.contact_address ul li{ font-size:15px;margin-bottom:15px;}
.contact_address ul li i{ margin-right:6px;}
.contact_address ul li a{ text-decoration:underline;color:#154db3;}
.contact_address ul li a:hover{ text-decoration:none;color:#333;}
.contact_address ul li.add-heading{ color: #232323;font-size: 18px;line-height: 28px; }






/* service style css */
.our-services {    padding:20px 0 70px;    background:#efefef; float:left; width:100%;}
.our-services  h3{font-weight: 300;  font-size:40px; text-transform: initial; margin-bottom:30px; color:#243c4f;text-align: center; }
.our_ser{ max-width:1335px; margin:0 auto;}


.our_ser figure {position: relative; float: left; overflow: hidden; margin: 10px 0.5%; min-width: 320px; max-width:320px; width: 24%; text-align: center; cursor: pointer; }
.our_ser figure img {position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 0.8; }
.our_ser figure figcaption {padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.our_ser figure figcaption::before,
.our_ser figure figcaption::after {pointer-events: none;}
.our_ser figure figcaption,
.our_ser figure figcaption > a {position: absolute; top: 0; left: 0; width: 100%; height: 100%;background: rgba(0,0,0,0.3); transition:all 0.3s ease 0s; }
.our_ser figure figcaption > a {z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; }
.our_ser figure h2 {word-spacing: -0.15em; font-weight: 300;    padding:10px; font-size: 40px; }
.our_ser figure h2 span {color:#70bdfb; }
.our_ser figure h2,.grid figure p {margin: 0; }
.our_ser figure p {letter-spacing: 1px; font-size: 68.5%; }



.our_ser figure.effect-goliath {background:#000;}
.our_ser figure.effect-goliath img, figure.effect-goliath h2 {-webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; }
.our_ser figure.effect-goliath img {-webkit-backface-visibility: hidden; backface-visibility: hidden; }
.our_ser figure.effect-goliath h2, figure.effect-goliath p {position: absolute; bottom: 0; left: 0; padding:10px; margin:0; }
.our_ser figure.effect-goliath p {text-transform: none; font-size:14px; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0); }
.our_ser figure.effect-goliath:hover img {-webkit-transform: translate3d(0,-100px,0); transform: translate3d(0,-100px,0); }
.our_ser figure.effect-goliath:hover h2 {-webkit-transform: translate3d(0,-100px,0); transform: translate3d(0,-100px,0); }
.our_ser figure.effect-goliath:hover p {opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.our_ser figure.effect-goliath:hover figcaption{ background:rgba(25, 114, 150, 0.7);}








.bx {background: #fff; padding: 5px; box-shadow: 0 0px 6px #8c8c8c; border-radius: 2px;}
.service-left {border-right:1px solid #bfbfbf;background:#fff; padding: 0;}
.service-left ul {margin:10px 0 10px 0;padding: 0;list-style: none;}
.service-left ul li{padding: 9px 10px;transition: 	all 0.3s ease 0s;}
.service-left ul li:last-child{border-bottom:0;}
.service-left ul li:hover {    background: #f1f1f1;}
.service-left ul li, .service-left ul li a {text-transform: uppercase; color: #5f5f5f; font-size: 18px; margin: 0 0 10px;font-weight: 600;  }
.service-left  ul li:hover a,.service-left  ul li span{color:#337ab7;}
.list-head{ margin-bottom:10px;}
.row-eq-height {  display:-webkit-box;display:-webkit-flex;display: -ms-flexbox;display:flex;}
.breadcrumb a{ color: #1878a9; }
.inner-section .service-rgt ul{ padding: 0; }
.inner-section .service-rgt ul li{ list-style:none; }

.ourpanel h3 {text-align: left; font-size: 18px; font-weight: 600; margin: 10px 0 8px 0; display: block; color: #333; }
 .inner-section .service-rgt ul li:before,.inner-section ul.panel-list li:before {display: inline-block; content: "\f00c"; font: normal normal normal 14px/1 FontAwesome;color:#036ea5;padding:0 6px 0 0px}
.inner-section ul.panel-list {    margin: 0 0 20px 0;     padding: 0;   list-style:none;}
.inner-section ul.panel-list li{margin-bottom: 12px;}
 .inner-section a{color:#31708f;}
  .inner-section a:hover{color:#337ab7;}