@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
html {overflow-y: scroll; -webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%; }
article,aside,details,figcaption,figure,footer,header,main,nav,section {display: block;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a:focus {outline: thin dotted;}
a:hover,a:active {outline: 0;}
embed, iframe, object {max-width: 100%;}
button::-moz-focus-inner {border: 0;padding: 0;margin: 0;}
h1, h2, h3, h4, h5, h6 {color: #000000;line-height: 1.4;padding-bottom: 15px;font-weight: normal;}
h1 { font-size: 30px; }
h2 { font-size: 28px; }
h3 { font-size: 26px; }
h4 { font-size: 24px; }
h5 { font-size: 22px; }
h6 { font-size: 19px; }
body,button,input,select,textarea {color: #111111;font-size: 16px;line-height: 1.5;font-family: 'Roboto', sans-serif;font-weight: 400;}
p {color: #111111;font-size: 16px;line-height: 1.5;margin-bottom: 15px;font-weight: 400;}
sup, sub {font-size: 10px;height: 0;line-height: 1;position: relative;vertical-align: baseline;}
sup {bottom: 1ex;}
sub {top: .5ex;}
table {border-collapse: collapse;border-spacing: 0;margin: 0 0 1.5em;width: 100%;}
th {font-weight: bold;}
th, td {border: 1px solid #f2f2f2;padding: 6px 10px;}
caption, th, td {text-align: left;}
ul, ol {list-style: none;}
ol {list-style: decimal;}
li > ul,li > ol {margin: 0 0 0 20px;}
blockquote {font-style: italic;font-weight: normal;padding: 20px;border: 1px solid #f2f2f2;border-left: 3px solid #116a58;margin-bottom: 20px;}
blockquote em, blockquote i, blockquote cite {font-style: normal;}
blockquote cite {color: #666666;font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 400;letter-spacing: 0.05em;text-transform: uppercase;}
body {background: #ffffff;}
strong {font-weight: bold;}
cite, em, i {font-style: italic;}
pre {background-color: #f2f2f2;margin-bottom: 20px;overflow: auto;padding: 20px;border: 1px solid #eaeaea;}
pre, code, kbd, var, samp, tt {font-family: "Courier 10 Pitch", Courier, monospace;font-size: 14px;line-height: 19px;white-space: pre-wrap;}
abbr, acronym, dfn {border-bottom: 1px dotted #f2f2f2;cursor: help;}
address {display: block;font-style: italic;margin: 0 0 15px;}
ins {background-color: #f2f2f2;}
hr {border-color: #f2f2f2;border-style: solid none none;border-width: 1px 0 0;height: 0;margin: 30px 0;}
dl {margin-bottom: 24px;font-size: 16px;}
dt {font-weight: bold;margin-bottom: 5px;}
dd {margin-bottom: 24px;}
a {color:#116a58; text-decoration: none;-webkit-transition: 0.25s ease-in-out;-moz-transition: 0.25s ease-in-out;transition: 0.25s ease-in-out;-ms-transition: 0.25s ease-in-out;-o-transition: 0.25s ease-in-out;}
a:focus, a:active, a:hover {text-decoration: none;}
.pre-header { background: #116a58; padding: 10px 0;}
.ht-left {float: left;}
.ht-right {float: right; display: none;}
.ht-left ul, .ht-right ul {position: relative;list-style: none;padding-left: 0;margin-bottom: 0;}
.ht-left ul li, .ht-right ul li{display:inline-block;}
.ht-left ul li{margin-right:15px;}
.ht-left ul li a, .ht-right ul li a{color:#fff;}
.ht-left ul li img{margin-bottom:0; margin-right:10px;vertical-align:middle;}
.ht-right li { margin-left: 15px;}
.ht-right li .fa{font-size:18px;}
.hcontact { text-align: right; margin-top: 15px;}
.hcontact h2{font-size:48px; font-weight:bold; padding-bottom:0;line-height:1;}
.hcontact h3{font-size:26px; font-weight:400; padding-bottom:0;}
.hcontact h3 a{color:#333333;}
section.header-main.clearfix {padding: 15px 0;border-bottom: 1px solid #ccc;}
#main-navigation ul { padding-left: 0px; display: block; width: 100%; margin-bottom: 0px;}
#main-navigation li { list-style: none; display: inline-block; margin-top: 0px; padding:0 28px;}
#main-navigation a { line-height: 60px; height: 60px; display: block; text-align: center; font-family: 'Roboto', sans-serif; font-size: 15px; text-transform: uppercase;color:#111111;}
.copyright-footer { background: #116a58; padding: 10px 0;}
.copyright-footer  figure { margin: 0;}
#main-navigation li:last-child > div { position: absolute; width: 100%; left: 0; display: none;}
h3.footer-title { color: #222222; font-size: 20px; font-weight: 500;}
.nav-footer { background: #ececec; padding: 70px 0;}
nav.footer-menu a { color: #222222;}
footer.clearfix .row { padding: 0 55px;}
i.fa.fa-search { font-size: 18px;}
.nav-footer .row > div:nth-child(2){padding-left:50px;}
.nav-footer .row > div:nth-child(3){padding-left:50px;}
.nav-footer .row > div:last-child h3, .nav-footer .row > div:last-child .fm4 {float: right; width: 155px; clear: both;}
.copyright-footer p {text-align: right;color: #fff;margin-bottom: 0;margin-top: 20px;}
.banner-section {background-image: url(../images/banner.jpg);padding: 88px 0 78px; background-repeat: no-repeat;background-size: cover;background-position: center;}
.banner-caption {background: rgba(0,0,0,0.5);width: 65%;padding: 50px 40px; margin-bottom:30px;}
.banner-caption h1 {font-size: 36px; color: #fff; line-height:40px;}
.banner-caption p { line-height: 1.2; color: #fff; font-size: 20px;}
.banner-caption a { width: 150px; height: 40px; line-height: 40px; background: #116a58; display: inline-block; text-align: center; color: #fff;}
section.banner-section.clearfix ul {list-style: none; display: flex; align-items: center;}
section.banner-section.clearfix ul li{margin-right:10px;}
section.service-section.clearfix { padding: 70px 0;}
.row.rtitle h2 { text-align: center; padding-bottom: 30px; font-size: 36px; font-weight: 500;}
.row.scont > div { margin: 0 auto 20px; text-align: center;}
.row.scont h3 { font-size: 18px;font-weight: 500;text-align: center;background: #116a58;
padding: 10px; color: #fff;max-width:225px;margin:0 auto;}
header section.pre-header .row, header section.header-main .row { padding: 0;}
section .row, section.nav-section .row { padding: 0 40px;}
.whychoose-section {background-image: url(../images/why-choose-bg.jpg);padding: 70px 0 52px 0; background-repeat: no-repeat;background-size: cover;background-position:top center;}
.whychoose-section h2{font-size:30px; font-weight:500;}
.floating_right { position: fixed; right: 0; top: 45%; z-index: 9999; display: none;}
.floating_right img { max-width: 100px;}
.d-none { display: none!important;}
.floating_bottom { position: fixed; right: 0; bottom: -10px; z-index: 9999; display: none;}
.floating_bottom figure { margin-bottom: 0px;}
section.project-section.clearfix { background: #116a58;}
section.project-section .prtitle{padding:44px 40px;}
.row.prtitle h2 { padding-bottom: 0; font-size: 30px; color: #fff; font-weight: 400;}
section.project-section .owl-dots { display: none;}
.row.prtitle a { float: right; background: #0d4f42; color: #fff; padding: 13px 40px;line-height: 1;}
section.client-section, section.mcb-section {background:#f6f6f6; padding:35px 0;}
section.client-section.clearfix ul { display: table; width: 100%;}
section.client-section.clearfix ul li{display:table-cell; text-align:center;}
.mcb-block a{ display: flex; align-items: center;}
.mcb-block h3{padding-bottom:0; font-size:20px; font-weight:500;}
.mcb-block img{margin-right:15px;}
.nav-footer .col-md-3:first-child { padding-left: 0;}
section.contact-section h2{font-size:30px;font-weight:500; }
section.contact-section {padding:70px 0;}
section.contact-section ul li { display: flex; flex-direction: row-reverse; text-align: right; align-items: center; margin-bottom: 20px;}
section.contact-section ul li strong{display:block; color:#116a58}
section.contact-section ul li .fa{width:50px; text-align:center; font-size:20px; color:#116a58;} 
section.contact-section ul li .cf-txt {border-right: 1px solid #ccc; padding-right: 20px; width: 80%;}
.formitem .half {width: 45%; float: left; margin-right: 5%;}
.formitem .half input[type="text"], .formitem .half input[type="email"]{width:100%;}
.formitem input[type="text"], .formitem input[type="email"],.formitem textarea {width:95%; padding:10px 0;  border:0; border-bottom:1px solid #333; }
.formitem input::placeholder, .formitem textarea::placeholder{color:#111 !important;}
.formitem{margin-bottom:15px;}
.formitem input.fbtn { width: 150px; border: 0; padding: 10px 30px; background: #116a58; color: #fff;}
.slicknav_menu { display: none;}
section.page-title { background: #116a58; padding: 20px 0; text-align: center;    position: relative;}
section.page-title h1{padding-bottom:0; line-height:1; color:#fff; font-weight:500; font-size:30px;}
.inner-page .banner-section { padding: 0; height: 350px;}
.project-section{position:relative;}
.page-title:after, .project-section:after { position: absolute; bottom: -30px; border-style: solid; border-width: 30px 30px 0px 30px; border-color: #116a58 transparent transparent transparent; left: 48%;}
.inner-page-wrap { background: #fff url(../images/internal_bg.jpg) repeat-x top center; padding: 50px 0px 30px;}
.inner-page-wrap .container { padding: 25px 0; background: #fff; box-sizing: border-box;}
#primary h1 {font-weight: bold; margin-bottom: 10px; color: #116a58; font-size: 30px;}
#primary h2{color: #116a58; font-weight: 500; margin: 20px 0 0; font-size: 25px;}
#primary h2.question, .question  { margin: 25px 0 0; color: #111111;font-size: 20px;font-weight: bold;}
ul{padding-left:30px; margin-bottom:30px; list-style:disc;}
.widget { margin-bottom: 20px;}
.widget h3 { background: #116a58; color: #fff; padding: 10px 10px; margin-bottom: 0px;}
.blockquote { background: url(../images/paper_bg.png) top right; border: 0; padding: 30px 20px 40px 20px; font-size: 18px; color: #116a58; margin-bottom: 12px;}
.blockquote:before { font-size: 35px; color: #116a58; content: '\f10d'; font-family: 'FontAwesome'; position: relative;}
.blockquote:after { font-size: 35px; color: #116a58; content: '\f10e'; font-family: 'FontAwesome'; position: relative;top: 20px;}
.widget .imgLiquid { width: 100%; height: 300px;}
.ourlatestwork.owl-loaded.owl-drag { position: relative;    overflow: hidden;}
.ourlatestwork .owl-nav {position: absolute;top: 140px;width: 100%;}
button.owl-next {right: 0;position: absolute;}
.owl-item {float: left;}
.lastNameContainer{margin-top:10px;}
.lbl-right .af-element label{text-align:right;}
.af-body.af-standards { width: 100%; max-width: 100%; margin: 0 auto !important; display: block; position: relative; float: none;}
section.project-section-carousel {margin-top: 50px;}
.portfolioFilter {padding-top: 20px;}
.portfolioFilter a:hover, .portfolioFilter a.current {background: #116a58;}
.portfolioFilter a { line-height: 50px; margin-right: 10px; padding: 5px 10px; color: #fff; text-decoration: none; background: #000; text-transform: uppercase;}
.portfolioFilter a:hover:after, .portfolioFilter a.current:after { content: '+'; position: relative; background: #FFF; color: #116a58; height: 15px; width: 15px; text-align: center; line-height: 13px; font-size: 20px; display: inline-block;}
.portfolioFilter a:after, .portfolioFilter a:after { content: '-'; position: relative; background: #FFF; color: #3b3070; height: 15px; width: 15px; text-align: center; line-height: 10px; font-size: 24px; display: inline-block; margin-left: 10px;}
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s;}
.paddin { max-width: 250px; transition: all 0.5s ease-in-out; padding: 20px 25px 0 0; float: left;}
.isotope-item { z-index: 2;}
.portfolioContainer a { float: left;}
.paddin >a { background: #116a58; transition: all 0.5s ease-in-out;}
.paddin figure { margin-bottom: 0px;}
.paddin img { transition: all 0.5s ease-in-out;}
.portfolioContainer img { display: block; width: 100%;}
.Short-text { background: #e3e3e3;clear: both;}
.Short-text h6, .Short-text p { clear: both; padding-left: 10px; padding-top: 5px; padding-bottom: 5px;}
.Short-text p {color:#333333;}
.Short-text h6 { font-size: 17px;color: #116a58; font-weight: bold;}
.cat {display: none;}
.mg-bt { margin-bottom: 40px;}
.featured-image { position: relative; transition: all 0.5s ease-in-out;}
.hover-content { position: absolute; top: 0;left: 0; right: 0; bottom: 0; width: 100%; transition: all 0.5s ease-in-out; background: #000; opacity: 0;}
.hover-content .center { display: table; height: 100%; width: 100%;}
.center { text-align: center;}
.hover-content p { display: table-cell; vertical-align: middle; padding: 0 40px; color: #FFF;}
.featured-image:hover .hover-content { opacity: 0.8;}
.more-info { background: #0072bc; padding: 10px; margin-top: 20px; color: #FFF; width: 120px; margin: 0 auto; cursor: pointer; margin-top: 20px; text-align: center;}
.portfolio-slide {display: none;padding-bottom: 15px;clear: both;}
*, ::after, ::before { box-sizing: border-box;}
#secondary .widget{  max-width: 326px;}
nav.footer-menu ul {padding-left: 0;list-style: none;margin-bottom: 0;}
body #carousel .slides > li:first-child { margin-right: 10px !important; }
.project-section-carousel .owl-dots {display: none;}
nav#main-navigation li:last-child {display: none;}
.portfolioContainer figcaption {
display: none !important;}
html #olark-wrapper .olark-top-bar {background-color: #116a58!important;color: #ffffff !important;border-color: #116a58 !important;}
html #olark-wrapper .olark-top-bar-text {color: #fff !important;}
html #olark-wrapper #olark-container .olark-form-send-button { background-color: #116a58 !important; color: #fff !important;}
html #olark-wrapper .olark-top-bar-arrow { fill: #fff !important;}
html #olark-wrapper .olark-launch-button { background-color: #359920 !important;}
html #olark-wrapper .olark-launch-button svg path { fill: #fff !important;}
.inner-page section.banner-section { display: none;}
html #olark-wrapper .olark-launch-button { bottom: 0 !important;}
/************responsive***********/
@media (max-width:1200px){
	.nav-footer .row > div:nth-child(3) {padding-left: 0;}
	.nav-footer .row > div:nth-child(2) {padding-left: 0;}
	.row.scont img { max-width: 225px; width: 100%;}
	#main-navigation li { padding: 0 18px;}
	.row.scont h3 {font-size: 17px;}
	a.sidebar-btn img { width: 100%;}
}
@media (max-width:991px){
	#main-navigation li { padding: 0 7px; margin-left: -4px;}
	/*.whychoose-section { background-position: top left -340px;}*/
	section.client-section ul li img { width: 100%; max-width:180px;}
	section.contact-section ul li .cf-txt {padding-right: 10px;width: 100%;word-break: break-all;}
	.mcb-block h3 {font-size: 18px;}
	a.sidebar-btn img {width: 100%;}
	footer.clearfix .row { padding: 0 0;}
	h3.footer-title {font-size: 18px;}
	section .row, section.nav-section .row { padding: 0 20px;}
	
}
@media (max-width:767px){
	.ht-left {float: none;text-align: center;}
	.ht-right { float: none; text-align: center; margin-top: 10px;}
	.logo { text-align: center;}
	.hcontact {text-align: center;}
	.hcontact h2 {font-size: 42px;}
	nav#main-navigation > ul { display: none;}
	.slicknav_menu { display: block;}
	section.nav-section.clearfix { background: #116a58;}
	#main-navigation a {color:#fff;line-height: unset;height: unset;background: transparent;text-align: left;;  }
	#main-navigation ul li a{border-bottom: 1px solid rgba(0,0,0,0.5);}
	ul.slicknav_nav { text-align: left !important;}
	ul.slicknav_nav li {text-align: left !important; padding: 0 !important;margin-left: 0 !important; display: block !important;}
	.banner-caption { width: 100%; padding: 30px 20px; margin-bottom: 20px;}
	.whychoose-section { background-position: top left 100%;}
	section.contact-section ul li { flex-direction: row; text-align: left; }
	section.contact-section ul li .cf-txt { padding-right: 0; padding-left: 20px; border-right: 0; border-left:1px solid #ccc;}
	.mcb-block { margin-bottom: 20px;}
	.nav-footer .col-md-3{margin-bottom:30px;}
	.nav-footer .row > div:last-child h3, .nav-footer .row > div:last-child .fm4 { float: left; width: auto;}
	.copyright-footer,.copyright-footer p { text-align: center;}
	aside#secondary { max-width: 326px; margin: 0 auto;}
	.page-title:after, .project-section:after  {left: 46%;bottom: -29px;}
	.portfolioFilter a {display: block;    margin-right: 0;}
	.col-md-7.text-right { text-align: center !important; margin-bottom: 10px;}
	.portfolioFilter a {line-height: 1; margin-right: 0; padding: 10px 10px;}
}
@media (max-width:575px){
	.ht-left ul li { margin: 0 0 3px;}
	section.banner-section.clearfix ul li { width: 28.33%;}
	section.banner-section.clearfix ul li img{width:100%;}
	section .row, section.nav-section .row, footer.clearfix .row { padding: 0;}
	section.client-section.clearfix ul {display: block;}
	section.client-section.clearfix ul li { display: inline-block; text-align: center; width: 45%; margin-right: 4%;margin-bottom: 10px;}
	.formitem .half {width: 100%; float: none; margin-right: 0;}
	.formitem input[type="text"], .formitem input[type="email"], .formitem textarea { width: 100%;}
	.nav-footer .col-md-3 {padding: 0;}
	section.project-section .prtitle {padding: 20px 10px;}
	.row.prtitle h2 {padding-bottom: 10px; text-align: center;}
	.row.prtitle a {padding: 13px 0;margin: 10px auto 0;display: block;width: 150px;text-align: center; float:none;}
	.floating_right {top: unset;bottom: 0;}
	.nav-footer .footer-title, .nav-footer .footer-menu { text-align: center; margin: 0 auto;}
	.nav-footer .row > div:last-child h3, .nav-footer .row > div:last-child .fm4 {
    float: none;}
	.page-title:after, .project-section:after  {left: 42%;}
	.paddin { float: none; margin: 0 auto; right: 0;}
	.inner-page-wrap .container { padding: 25px 0; width: 94%; padding: 25px 3%;}
	.paddin { right: 0; margin: 0 auto 20px;    padding-right: 0;}
	.paddin img {margin-right: 0;width: 100%;}
	.nav-footer {padding: 40px 0 0;}
	.ht-right { margin-top: 3px;}
	.hcontact h2 { font-size: 36px;}
	.hcontact h3 {font-size: 23px;}
	.logo img { max-height: 100px;}
}