@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,600,700');

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline; box-sizing:border-box;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;box-sizing:border-box;}
body {	line-height: 1;	font-family: 'Montserrat', sans-serif;  font-weight:300; box-sizing:border-box;}
ol, ul, li {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
html {-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */}
a {	text-decoration: none;	transition: all ease 0.5s;	-webkit-transition: all ease 0.5s;}
* {margin: 0;	padding: 0;	box-sizing: border-box;  font-size:14px; }
img {max-width: 100%;}
input, textarea, button {font-family: 'Montserrat', sans-serif;outline:none;}
*:after, *:before {box-sizing:border-box;} 
.clear {clear:both; float:left; width:100%;}
 
#outer {float:left; width:100%;} 
.wrapper {margin:0px auto; max-width:1200px; width:100%; padding:0px 15px;}
header { width:100%; z-index:10; height:90px; background:rgba(255,255,255,0.1);position:absolute; top:0; left:0;  width:100%; }
.jumbotron {float:left; width:100%; z-index:9;  position:relative;}
header.header-main a.logo {float:left; padding:20px 0 ; margin-top:10px;}
header.header-main nav {float:right;  }
header.header-main nav ul{float:left;  margin-top: 20px; display:table; vertical-align:middle;  }
header.header-main nav ul li {  width:auto; display:table-cell; vertical-align:middle; position:relative;}
header.header-main nav ul li.has-sub:after {position:absolute; right: 0px; top: 15px;color:#fff; font-family: 'FontAwesome'; font-size:14px;  content:'\f078';}
header.header-main nav ul li a {font-size:14px; color:#fff; font-weight:700; text-transform:uppercase;}
header.header-main nav ul li + li a {margin-left:50px;}
header.header-main nav ul li i.fa {width:45px; height:45px; border-radius:50%; text-align:center; color:#fff; background:#31353d; font-size:22px; line-height:45px;}
header.header-main nav ul li a + a {margin-left:15px;}
header.header-main nav ul li a i.fa-phone{background:#f15a2a;}

.slide-caption {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); text-align:center; max-width:820px;}
.slide-caption h1 {color:#fff; float:left; width:100%; font-size:65px; font-weight:600; line-height:65px;}
.slide-caption p {color:#fff; float:left; width:100%; font-size:16px;  margin-top:25px; line-height:26px;padding: 0 40px;}
.slide-caption a, a.learn-more{color:#fff; float:left; width:100%; font-size:14px;  margin-top:60px;font-weight:600; text-transform:uppercase; letter-spacing:2px; }
.slide-caption a i {}
.jumbotron .owl-dots { bottom:60px; left: 0; position: absolute; text-align: center; width: 100%;}
.jumbotron .owl-dots .owl-dot {display:inline-block; height:12px; width:12px; border:1px solid #fff;  border-radius:50%; transition:all ease 450ms;}
.jumbotron .owl-dots .owl-dot + .owl-dot {margin-left:18px;}
.jumbotron .owl-dots .owl-dot.active {background:#fff; transition:all ease 450ms;}

.our-services {float:left; width:100%; padding:80px 0; background:#fff;}
.our-services h1.section-head, h1.section-head {float:left; width:100%; text-transform:capitalize; font-size:65px; font-weight:600; text-align:Center; color:#31353d;}
.our-services h1 {margin-bottom:20px; margin-top:30px;}
.our-services .row-30 {display:block; margin-left:-30px; margin-right:-30px;}
.row-30 .col-4 {float:left; width:25%; padding:30px;}
.our-services .service-block{text-align:Center; margin-top:80px;cursor:pointer;border:1px solid #fff; border-radius:30px; transition:all ease 450ms; }
.service-block{text-align:Center; margin-top:80px;  transition:all ease 450ms; }
.our-services .service-block:hover { transition:all ease 450ms; border-color:#f1592d;}
.service-block h2 {color:#2e333b; font-size:20px; line-height:26px; font-weight:700; margin-top:50px; }
.service-block p {color:#2e333b; font-size:16px; line-height:26px; color:#58585a; font-weight:300; margin-top:20px;}
.service-block a {color:#f15a2a; margin-top:20px;}
.row-center {float:left; width:100%; text-align:center;}
.col-inline-4 {display:inline-block; float:none; width:24%; padding:15px; vertical-align: middle;}
#basic a {float:left; width:100%;}
.popup_background {background-image:url(../images/pop-back.png); background-repeat:no-repeat; background-position:center center;}
.popup-model {padding:60px 30px 20px 30px; background:tranparent; text-align:center; position:relative; max-width:400px;}
.popup-model h2  {float:left; width:100%; text-align:center; padding:20px 0;  font-size:35px; color:#f15a2a; font-weight:600;}

.popup-model button.basic_close {position:absolute; top:-22.5px; left:50%; margin-left:-22.5px; height:45px; border-radius:50%; width:45px; background:transparent; text-align:center; cursor:pointer; color:#fff; border:1px solid #222428;  font-weight:700; font-family: 'Montserrat', sans-serif;}
.popup-model ul{float:left; width:100%; text-align:center;}
.popup-model ul li{float:left; width:100%; text-align:center; padding:14px 0;}
.popup-model ul li + li {border-top:1px solid #222428;}
.popup-model ul li a {font-size:16px; color:#fff; font-weight:600; text-transform:capitalize;}
header.header-main nav ul li.has-sub {padding-right:30px;}
header.header-main nav ul li.has-sub ul {position:absolute; top:110%; left: -115px;width:300px; background:#fff; display:none;}
header.header-main nav ul li.has-sub ul li {float:left; width:100%; text-align:Center; padding:0px 35px;}
header.header-main nav ul li.has-sub ul li + li {border-top:1px solid #f9f9f9; margin:0;}
header.header-main nav ul li.has-sub ul li + li a{margin:0;}
header.header-main nav ul li.has-sub ul li a {font-size:16px; color:#545454; font-weight:300; padding:15px 0px;float:left; width:100%; text-transform:capitalize; line-height:20px;}

.jumbotron.testimonials {float:left; position:static; background:url(../images/bg-02.jpg) no-repeat center center; background-size:100% 100%; padding:80px 0;}
.jumbotron.testimonials .pro-pic {display:inline-block; height:140px; width:140px; border-radius:50%; overflow:hidden;}
.jumbotron.testimonials .pro-pic img {height:100%; width:100%;}
.jumbotron.testimonials .slide-caption {float:left; width:100%; max-width:100%; position:static; text-align:center; transform:inherit;}
.item-full {float:left; width:100%; text-align:center;}
.jumbotron.testimonials .slide-caption p, .jumbotron.testimonials .slide-caption small{width:100%;}
.jumbotron.testimonials .slide-caption small{color:#f15a2a; font-weight:700; margin-top:25px; float:left; margin-bottom:40px;}
.jumbotron.testimonials .slide-text  {max-width:820px; display:inline-block;}
.jumbotron.testimonials .owl-dots {bottom:-20px;}
.jumbotron.testimonials .owl-nav {position:absolute; top:50%; left:5%; width:90%;}
.jumbotron.testimonials .owl-nav .owl-prev, .jumbotron.testimonials .owl-nav .owl-next {width:60px; height:60px;color:#fff; font-size:40px; opacity:.7;}
.jumbotron.testimonials .owl-nav .owl-prev {float:left;}
.jumbotron.testimonials .owl-nav .owl-next {float:right;}
.jumbotron.testimonials .owl-nav .owl-prev:hover, .jumbotron.testimonials .owl-nav .owl-next:hover  {opacity:1;}
.our-services-dark{float:left; width:100%; background:#f5f6f8; padding:20px 0px 130px 0;}
.our-services-dark h2 {display:inline-block; padding:40px 0 10px 0; position:relative; float:none; font-size:35px; color:#f15a2a;}
.our-services-dark P {display:inline-block; max-width:970px; font-size:16px; color:#58585a; margin-top:25px; font-weight:300;}
.service-block h2:before {position:absolute; top:0; left:50%; height:4px; background:#31353d; margin-left:-70px; width:140px; content:'';}
.our-services-dark .service-block + .service-block {margin-top:20px;}
.our-clients {float:left; width:100%; padding:80px 0;}
ul.client-list {float:left; width:100%; margin:60px 0 0 0;}
ul.client-list li {float:left; width:25%; padding:15px;}
.contact-section {float:left; width:100%; padding:90px 0; background:#f5f6f8;}
.contact-block {float:left; width:50%; padding:15px; text-align:left;}
.contact-block .inner-block {float:left; width:100%; border-radius:30px; background:#fff; padding:40px 40px 60px 40px; text-align:left; margin-bottom:30px;}
.contact-block .inner-block h1 {float:left; width:100%;   padding:0 0 20px 0; text-transform:capitalize; color:#f15a2a; font-weight:700; font-size:35px; text-align:left;}
.contact-block .inner-block ul {float:left; width:100%;}
.contact-block .inner-block ul li {float:left; width:100%; position:relative; padding-left:70px; margin-top:40px;}
.contact-block .inner-block ul li h2{float:left; width:100%; color:#31353d; font-size:16px; font-weight:700;}
.contact-block .inner-block ul li h2 a{  color:#31353d; }
.contact-block .inner-block ul li p{float:left; width:100%; color:#31353d; font-size:16px; font-weight:300; margin-top:12px;}
.contact-block .inner-block ul li i {position:absolute; font-size:17px; position:absolute; left:0; width:45px; height:45px; text-align:Center; line-height:45px; font-size:22px; border-radius:50%; top:50%; margin-top:-22.5px; background:#31353d; color:#f4f3f3;}
.contact-block .inner-block ul li i.fa-phone {background:#f15a2a;}
.contact-block .inner-block.map-block {background:url(../images/map.png) no-repeat center center; text-align:Center; min-height:335px;}
.contact-block .inner-block.map-block .address {background:url(../images/address-bg.png) no-repeat center center; display:inline-block; margin-top:30px; max-width:324px; padding:30px; text-align:Center; background-size:contain; min-height:150px;}
.inner-block.map-block .address h2 {color:#fff; font-size:16px; font-weight:700;}
.inner-block.map-block .address p {color:#fff; font-size:16px; font-weight:300; margin-top:10px;}
.inner-block .contact-form {margin-top: 18px;}
.inner-block .contact-form, .contact-form form {float:left; width:100%; text-align:left;}
.inner-block .contact-form .input-row{float:left; width:100%; margin-top:17px; position:relative; padding-top:20px;}
.inner-block .contact-form label{font-size:12px; color:#72767c; text-transform:uppercase; font-weight:300;}
.inner-block .contact-form label, .inner-block .contact-form input {float:left; width:100%; background:transparent; border:0;}
.inner-block .contact-form input, .inner-block .contact-form textarea {height:48px; border-bottom:2px solid #eeeff4; font-size:16px; font-weight:600; color:#2e333b;}
.inner-block .contact-form input:focus, .inner-block .contact-form textarea:focus {border-color:#f15a2a;}
.inner-block .contact-form input:focus + label, .inner-block .contact-form textarea:focus + label  {color:#f15a2a;}
.inner-block .contact-form label {position:absolute; top:5px; left:0; width:auto;}
.inner-block .contact-form textarea {height:140px; width:100%; border:0; border-bottom:2px solid #eeeff4; font-size:16px; font-weight:300; color:#2e333b;}
.inner-block .contact-form input[type="submit"], .inner-block .contact-form button{height:45px; width:100%; max-width:300px; border:0; background:#31353d; border-radius:30px; text-align:center; display:inline-block; float:none; font-size:14px; font-weight:700; color:#fff; letter-spacing:2px; text-transform:uppercase; cursor:pointer; transition:all ease 450ms;} 
.inner-block .contact-form .input-row.text-center { text-align: center;}
.inner-block .contact-form input[type="submit"]:hover, .inner-block .contact-form button:hover {background:#f15a2a; transition:all ease 450ms;}
.footer-main {float:left; width:100%; background:#eaecef; padding:30px 0;}
.footer-main ul {float:left; padding:0px 15px;margin: 15px 0 0 0;}
.footer-main ul li{float:left; font-size:12px; color:#31353d; font-weight:300; text-transform:capitalize;}
.footer-main ul li a, .footer-main ul li span{float:left; margin:0px 26px; font-size:12px; color:#31353d; font-weight:300; text-transform:capitalize; text-decoration:underline;}
.footer-main ul li + li{border-left:1px solid #31353d;}
.footer-main ul li a:hover {color:#f15a2a;}
.site-mark {float:right; padding:0px 15px;}
.footer-main ul li span { text-decoration:none;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  opacity:0.1;
  font-weight:400;
}
::-moz-placeholder { /* Firefox 19+ */
  opacity:0.1;
  font-weight:400;
}
:-ms-input-placeholder { /* IE 10+ */
  opacity:0.1;
  font-weight:400;
}
:-moz-placeholder { /* Firefox 18- */
  opacity:0.1;
  font-weight:400;
}