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

@font-face {
    font-family: 'lg';
    src: url("#{$lg-path-fonts}/lg.eot?n1z373");
    src: url("#{$lg-path-fonts}/lg.eot?#iefixn1z373") format("embedded-opentype"), url("#{$lg-path-fonts}/lg.woff?n1z373") format("woff"), url("#{$lg-path-fonts}/lg.ttf?n1z373") format("truetype"), url("#{$lg-path-fonts}/lg.svg?n1z373#lg") format("svg");
    font-weight: normal;
    font-style: normal;
}

.lg-icon {font-family: 'lg';}


html,body { height:100%;}
body {font-family: 'Poppins', sans-serif; color:#515050; font-size:16px; background:#fff; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; height:100%;}

strong {font-family: 'Poppins', sans-serif;}
.d-flex {display: flex!important;}

.pb-1 {padding-bottom:10px;}
.pb-2 {padding-bottom:20px;}
.pb-3 {padding-bottom:30px;}
.pb-4 {padding-bottom:40px;}
.pb-5 {padding-bottom:50px;}

img{ max-width:100%; height:auto; font-smoothing:antialiased;}
a {color:#85ac24;}
a:hover {color:#333;}
p {color:#353535; font-family: 'Poppins', sans-serif; font-size:15px; line-height:25px;}
a, button, input[type=submit]{-webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;}
a:hover, a:focus, button, .btn{ text-decoration:none; outline:0 !important; outline-offset:0px !important;}
label { font-weight:normal;}
h1, a h1, h2, a h2, h3, a h3, h4, a h4 {color:#393b3d; font-family: 'Poppins', sans-serif; line-height:normal; font-weight:700;}
h2 { font-size:35px;}
h3 { font-size:24px;}
h4 { font-size:18px;}
ul {list-style:none;}
.mt10 { margin-top:10px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt40 { margin-top:40px;}
.mb10 { margin-bottom:10px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.mb40 { margin-bottom:40px;}
.mb50 { margin-bottom:50px;}
.pt10 { padding-top:10px;}
.pt20 { padding-top:20px;}
.pt30 { padding-top:30px;}
.pt40 { padding-top:40px;}
.pt50 { padding-top:50px;}
.btn-lg {padding:10px 24px;}
.btn small { display:block; font-size:13px; text-transform:none;}
.btn-default { border:solid 2px #a0a0a0;}
.btn-primary { background-color:#084d86; border:solid 1px #084d86;}
.btn-primary:hover { background-color:#3470a1; border-color:#3470a1;}
.radius{-webkit-border-radius:50%; border-radius:50%; background-clip:padding-box;}
.table-block { display:table; width:100%; height:100%;}
.cell-block { display:table-cell; vertical-align:middle; float:none;}
.error { font-size:14px;}
.red-text { color:#f17a7b; display:block; padding:5px 0;}
.form-group { position:relative;}
.form-control {box-shadow:none; font-size:inherit; -webkit-appearance: none; -moz-appearance: none;}

img[align="left"] {margin: 0 40px 20px 0;}

.slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: inline-block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-dots {text-align: center; width: 100%; position:absolute; bottom:20px; left:0;}
.slick-dots li {display:inline-block; list-style:none; margin:0 3px; position: relative;}
.slick-dots li.slick-active button {background:#fff; border:#fff; width:65px; line-height:28px;}
.slick-dots li button{background:transparent; border:2px solid #fff; width:14px; height:14px; border-radius:50px; padding:0; text-indent: -9999px;}

#header {width:100%; position:fixed; transition-duration:0.4s; z-index:1000; left:0; top:0; height:89px; padding:5px 0; background:linear-gradient(to bottom,rgba(0,0,0,0.9) 0,rgba(0,0,0,0));}
#header.affix { background-color: rgba(24, 24, 24);}
.right-section {margin-top:15px;}
#header .navbar-brand { height:auto; padding:20px 30px;}
#navbar .nav {padding:15px 10px 15px 0;}
#navbar .nav > li {padding:0 25px; float:left;}
#navbar .nav > li > a { color:#fff; position:relative; padding:8px 0; letter-spacing:0.3px; text-transform:uppercase; font-weight:400; font-size:16px;}
#navbar .nav > li > a:hover, #header .nav > li > a:focus { background-color:transparent;}
#navbar .nav > li > a:before { height:2px; background:#fff; position:absolute; bottom:0; left:50%; content:''; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0;}
#navbar .nav > li > a:hover:before, #header .nav > li > a.active:before {width:100%; left:0;}

.toggle-btn {cursor: pointer; width:60px; height:50px; position: relative; border: none; display: inline-block; vertical-align: middle; padding:0; background:none; -webkit-transition-duration:0.4s; transition-duration:0.4s; left:30px; top:17px; z-index: 9999;}
.toggle-btn:focus {outline: none;}
.toggle-btn span, .toggle-btn span:before, .toggle-btn span:after { left:0; content: ''; position: absolute; display: block; width:40px; height:2px; background: #fff; cursor: pointer;}
.toggle-btn span {top:25px; left:0; width:15px;}
.toggle-btn span:before {top:-10px; width:35px;}
.toggle-btn span:after {bottom: -10px; width:25px;}
.toggle-btn span, .toggle-btn span:before, .toggle-btn span:after {-webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.toggle-btn.active span {background-color: transparent; width:40px;}
.toggle-btn.active span:before, .toggle-btn.active span:after {top: 0; background:#fff; width:30px;}
.toggle-btn.active span:before {-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width:30px;}
.toggle-btn.active span:after {top: 10px; -webkit-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); width:30px;}
.toggle-btn:hover span, .toggle-btn:hover span:before, .toggle-btn:hover span:after {width: 30px;}

/** Menu **/
.no-scroll {overflow: hidden;}
.nav-flex-menu {min-height:100%; display:flex;}
.nav-menu {position: fixed; top: 0; left: -100%; background: #333; width: 100%; height: 100%; z-index: 100; overflow-x: hidden; overflow-y:auto; -webkit-transition-duration: 0.6s; transition-duration:0.6s;}
.nav-menu.open {left: 0;}
.nav-menu .col-left, .nav-menu .col-right {padding:120px 50px 89px; z-index: 666;}
.nav-menu .col-left { background: #759525; padding-left: 145px; z-index:66;} 
.nav-menu .col-half-right {background:#000;}
.nav-menu .pd-0 {padding:0 !important;}
.col-half-right .item { width:100%; height:100%; background-repeat:no-repeat; background-color:#999; background-size:cover;}
.col-half-right, .col-half-right .item, .slick-slider .slick-track, .slick-slider .slick-list {height: 100%;}

.nav-primary>li {margin-bottom: 2.2rem;}
.nav-primary>li>a {color: #fff; font-weight: 500; font-size:20px; padding:0; display: inline-block;position: relative;}
.nav-primary>li>a:before, .nav-secondary .nav-link:before, .menu-address a:before { content: ''; width: 0; height: 2px; background: #fff; position: absolute; bottom: 0; left: 0; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;}
.nav-primary>li>a:hover:before, .nav-primary>li>a.active:before, .nav-secondary .nav-link:hover:before, .menu-address a:hover:before {width: 100%;}
.nav-primary>li>a:hover {background:none;}
.nav-menu .position-relative {z-index:9999;}
.nav-secondary .nav-item {margin-right: 2rem;}
.nav-secondary .nav-item:last-child {margin-right: 0;}
.nav-secondary .nav-link {color: #fff; padding:0; position: relative;}
.menu-address {margin-bottom:20px; color: #fff;}
.menu-address small { display: block; color: #999; font-size:16px;}
.menu-address a { color:#fff; position: relative; display: inline-block;}
.menu-address a:before {background:inherit;}
.menu-social a { display: inline-block; color: #fff; font-size:20px; padding: .5rem 1rem .5rem 0; margin-right: 1rem;}
.menu-social a:hover {color: #759525;}
.menu-address strong {display:block; margin-top:5px; text-transform:uppercase; font-weight:600;}

/** Menu **/
.btn {border:none; color:#fff; margin:13px 0 0 0; padding:8px 35px; text-transform:uppercase; font-weight:500;}
.btn:hover, .btn:focus {color:#fff;}

.btn-more {background:none; border: 2px solid #000; color: #000; border-radius:0; font-size:14px; padding:8px 35px; position: relative; text-transform: uppercase; overflow: hidden; letter-spacing:1px;}
.btn-more::before, .btn-more::after {background: #7ca01f; content: ''; position: absolute; z-index: -1;}
.btn-more::after {height: 100%; left: -35%; top: 0; transform: skew(50deg); transition-duration: 0.6s; transform-origin: top left; width: 0;}
.btn-more:hover, .btn-more:focus {border-color:#7ca01f;}
.btn-more:focus {background:#7ca01f;}
.btn-more:hover:after {height: 100%; width: 135%;}

.head-nav {float:left;}
.home-slider, .col-banner {width:100%; height:100%;}
.home-slider, .home-slider .item, .slick-slider .slick-track, .slick-slider .slick-list {height: 100%; position:relative;}
.col-banner .item { width:100%; height:100%; background-repeat:no-repeat; background-color:#999; background-size:cover;}
.data-caption { background:rgba(0,0,0,0.1); width:100%; height:100%; display:table;}
.data-caption .caption {display:table-cell; vertical-align:middle; text-align:center; width:100%;}
.col-banner .title { font-weight:800; font-family: 'Poppins', sans-serif; font-size:50px; color:#fff; margin:0; line-height:68px;}
.col-banner p { color:#ddd; font-size:18px; margin-top:10px;}

.right-call {margin-top:30px;}
.right-call ul li {float:left; padding:0 20px;}
.right-call .call {background:url(../images/call.png) no-repeat; height:32px; line-height:32px; padding: 0 0 0 35px;}
.right-call a {color:#fff; font-size:20px;}
.right-call .btn-quote {background:#fff; color:#2a2a2a; font-size:16px; padding:8px 25px; border-radius:100px; text-transform:uppercase;}

.right-call .btn-quote:hover {background:#86aa2b; color:#fff;}

.section {padding:40px 0;}
.title-head {margin-bottom: 50px;}
.title-head .title { font-size:55px; color: #000; position: relative; padding-bottom:4rem; margin: 0 0 30px; text-transform:uppercase; font-weight:200;}
.title-head .title:before { content: ''; width:2px; height: 40px; background: #a3cd39; position: absolute; bottom: 0; left: 50%;}
.title-head p {color:#2e2e2e;}

.circle-color {background:#474646; padding:15px; box-shadow: 0 0 0 4px #fff, 0 0 0 5px #fff; margin: 0 auto; -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s; transition: background 0.3s, color 0.3s, box-shadow 0.3s;} 
.service-block {margin-bottom:40px; padding:0; list-style:none;}
.feature li { display:inline-block; vertical-align:top; width:150px; margin:10px 5px;}
.feature li a {display:block;}
.feature li a strong {display:block; font-size:15px; color:#000; font-weight:500; text-transform:uppercase; margin-top:15px;}
.feature a .circle-color {transition: all ease 0.4s;}
.feature a:hover .circle-color {box-shadow: 0 0 0 4px #fff, 0 0 0 5px #a3cd39; transition: all ease 0.4s; transform: scale(1.1); background:#a3cd39;}
.feature a:hover strong {color:#7e9f2a;}

.bg-black, .bg-gredient {min-height:560px;}
.bg-black {background:#000; padding:25px;}
.bg-gredient {background: rgb(93,93,93); background: linear-gradient(0deg, rgba(93,93,93,1) 0%, rgba(30,28,28,1) 50%); position:relative;}
.bg-black h3 {color:#fff; font-size:18px; font-weight:600; margin-bottom:40px;}
.bg-black p {color:#fff; font-weight:300; line-height:26px; font-size:14px;}

.award-slide .item {min-height:100%; height:400px; width:100%; background-repeat:no-repeat; background-position:center center; margin-top:140px;}
.award-slide .slick-dots {bottom: -25px; padding:0;}
.award-slide .slick-dots li.slick-active button {width:50px;}
.award-slide .slick-dots li button {width:12px; height:12px;}
.award-slide .caption {text-align:center;}
.caption h3 {color:#fff; font-size:28px; font-weight:200; margin-top:-95px;}

.col-about .bg-black a {font-size:14px; color:#a3cd39; position:relative; transition: all ease 0.3s;}
.col-about .bg-black a:before {content:''; position:absolute; left:0; bottom:0; height:2px; width:0; background:#a3cd39; transition: all ease 0.3s;}
.col-about .bg-black a:hover:before {width:100%;}

.col-pd {padding:0 5%;}
.p-5 {padding:0 5px;}
.p-0 {padding:0;}

.work-slide .item {width:100%; height:560px; background-repeat:no-repeat; background-size:cover;}

.home-client li {float: left; padding: 5px 30px; text-align: center; margin: 0 !important;}
.home-client {margin-bottom:30px;}
.home-client .client-image {width: 100%; max-width: 100px;}
.home-client .client-image, .our-client .row > [class*='col-'] .client-image {-webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: .7;}
.our-client .row > [class*='col-']:hover .client-image, .home-client .client-image:hover  {-webkit-filter:none; filter:none; opacity:1}

.our-client .client-image {max-width: 150px; display: block; margin: 0 auto;}
.border-bottom {border-bottom: 1px solid #e7e7e7;}
.border-right {border-right: 1px solid #e7e7e7;}
.our-client [class*="col-"] {padding: 5%; display: block !important;}
.our-client .cl-block {margin-bottom:0;}

.enquire-now {background:#575757; padding:20px 0;}
.enquire-now h3 {margin:0; color:#fff; text-transform:uppercase; font-weight:200;}
.btn-enquire {border:1px solid #fff; text-transform:uppercase; padding:8px 25px; border-radius:4px; color:#fff; display:inline-block;}
.btn-enquire .fa {margin-left:15px;}
.btn-enquire:hover,.btn-enquire:focus {border-color:#7f9f2d; color:#fff; background:#7f9f2d;}

.work-panel {border-radius:0; box-shadow:none; border:none; position:relative; overflow:hidden; margin-bottom:0;}
.black {background:#000;}
.pink {background:#71054a;}
.yellow {background:#b79727;}
.red {background:#cf2b2b;}
.dark {background:#0c351f;}
.dark-pink {background:#950032;}
.black figure img, .pink figure img, .yellow figure img, .red figure img, .dark figure img, .dark-pink figure img {opacity:0.4;}
.work-panel figure img {width:100%; -webkit-transition-duration:1s; transition-duration:0.8s;}
.work-panel:hover figure img {transform:scale(1.2);}
.work-panel .panel-body {position:absolute; top:40%; padding:8px 15px; width:100%; color:#fff;}
.work-title h3 { font-size:18px; font-weight:600; margin:0; color:#fff; position:relative; text-transform:uppercase;}
.work-title h3:before {content:''; position:absolute; left:50%; bottom:-10px; margin-left:-15px; width:20px; height:2px; background:#fff;}
.col-work .btn {margin-top:40px;}

.ci-exh .title {font-size:28px;}
.ci-exh .h1, .ci-exh .h2, .ci-exh .h3 {line-height:35px;}

/*.tiles.justified-gallery .entry-visible .caption {display: block; text-align: center; font-size: 16px; background:#80a22a; opacity:1; padding:10px 0; font-weight:700;}
.row-gap > [class*='col-'] {padding: 0 5px;}
.tiles.justified-gallery a {overflow:hidden;}
.tiles.justified-gallery > .entry-visible > img {width:100%; transition-duration:0.4s !important; transition:inherit;}
.tiles.justified-gallery a:hover img {transform:scale(1.1); opacity:0.8;}
*/
.tab-nav {margin: 0 0 6rem;}
.nav-item {float:left;}
.tab-nav .nav-link {color: #555; font-size:16px; font-weight:700; position: relative; border-bottom: solid 1px #ddd; padding: .8rem 2.5rem;}
.tab-nav .nav-link:before { content:''; position: absolute; bottom:-1px; left: 0; width:0; height: 3px; background: #7ca11f; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;}
.tab-nav .nav-link.active {color: #7ca11f;}
.tab-nav .nav-link:hover, .navtab .nav-link:focus {background:none;}
.tab-nav .nav-link.active:before { width: 100%;}

/** Footer **/
#footer { background:#18191b; color:#294653; position:relative; padding:40px 0 0; font-size:13px;}
.footer-nav-title {font-size:18px;  position:relative; font-weight:500; margin:0 0 20px; padding:0 0 7px; color:#fff;}
.footer-nav-title:before { content:''; width:30px; height:2px; position:absolute; background:#a3cd39; left:0; bottom:0;}
.footer-nav .nav li {position:relative; padding-left:13px;}
.footer-nav .nav li:before { content:'\f105'; position:absolute; top:3px; left:0; font-family:'FontAwesome'; color:#bababb; font-weight:300; font-size:17px;}
.footer-nav .nav li a {color:#bababb; padding:4px 0; position:relative; display:inline-block; font-size:14px;}
.footer-nav .nav li a:hover, .footer-nav .nav li a:focus {background-color:transparent; color:#fff;}
.footer-nav .nav li a:before, .footer-address a:before { height:1px; background:#fff; position:absolute; bottom:0; left:0; content:''; transition:width 0.4s ease 0s, left 0.4s ease 0s; width:0;}
.footer-nav .nav li a:hover:before, .footer-address a:hover:before {width:100%;}
.footer-nav .foot-logo {margin-bottom:20px;}
.footer-nav p {font-size:14px; font-weight:300; color:#bababb;}
.pd-l {padding-left:35px;}
.footer-address {color:#fff; margin-bottom:10px;}
.footer-address p {color:#bababb;}
.col-add address {padding-left:35px; color:#bababb; font-size:14px; margin-bottom:30px;}
.col-add a {color:#bababb; display:block; font-size:14px;}
.ft-add {background:url(../images/foot-address-ico.png) no-repeat; height:26px;}
.ft-call {background:url(../images/foot-call-ico.png) no-repeat; height:24px;}
.ft-mail {background:url(../images/foot-maill-ico.png) no-repeat; height:17px;}

.footer-bottom {background:#000000; margin-top:20px; padding:10px 0; color:#999;}
.copy-text { margin:10px 0;}
.social-links {text-align:center;}
.copy-text a {color:#5e771f; padding:0 10px;}
.copy-text a:hover {text-decoration:underline; color:#bababb;}
.social-links a {display:inline-block; padding:0 8px; color:#bababb; font-size:17px;} 
.social-links a:hover {color:#87ac2b;}
/** Footer **/

/** Inner Page **/
.inner-banner .col-item {width:100%; background-repeat:no-repeat; background-color:#999; background-size:cover; height:100px; position:relative; padding-bottom: 37%;}
.inner-banner .col-item:before { content:''; background:rgba(0,0,0,0.4); position:absolute; top:0; left:0; z-index:1;}
.inner-banner .data-caption {width:100%; position:absolute; bottom: 0; left:0; z-index:2; height:auto; background:none;}
.data-caption .inner-caption p {font-size:14px; color:#dadada;}
.inner-banner .title {color:#fff; text-transform:uppercase; font-size:55px; padding:0; margin:0; line-height:.7;}

.page-cform {background:#7ca11f; margin:-20rem 0 0; padding:30px 50px 50px;}
.hp-cform-title { font-size:40px; font-weight:800; color:#fff; margin-bottom:4rem;}
.hp-cform-title small {font-size:18px; line-height:0.8; color:#fff; font-weight:500; letter-spacing:0.4px; display:block;}
.form-head {margin-bottom:30px;}
.input-line .form-control {border:solid #e2e2e2; border-width:0 0 2px; border-radius:0; padding-left:0; background:none; color:#fff; font-size:14px; margin-bottom:30px; box-shadow:none;}
.input-line ::placeholder {color:#fff;}
.input-line select option {color:#000 !important;}
.btn-more.form-btn {border-color:#fff; color:#fff;}
.btn-more.form-btn:hover, .btn-more:focus {border-color:#fff; background:#fff; color:#000;}

.contact-info {margin-top:40px;}
.contact-info address strong {font-size:15px; color:#292929; text-transform:uppercase; font-weight:700; display:block;}
.contact-info address p, .contact-info address a  {font-size:16px; color:#3d3d3d;}
.contact-info address+address {border-top:1px solid #e2e2e2; padding-top:40px;}
.cnt_add, .cnt_phone, .cnt_email {position:relative; padding-left:60px;}
.cnt_add:before {content:''; background:url(../images/cnt-add.png) no-repeat; position:absolute; height:44px; width:45px; left:0; top:0;}
.cnt_phone:before {content:''; background:url(../images/cnt-call.png) no-repeat; position:absolute; height:44px; width:45px; left:0; top:39px;}
.cnt_email:before {content:''; background:url(../images/cnt-mail.png) no-repeat; position:absolute; height:44px; width:45px; left:0; top:39px;}
.map {margin-bottom:40px;}

.client p {font-size:14px;}
.cl-panel {padding:0 50px; margin-bottom:50px;}
.view-btn {font-size:12px; font-weight:600; color:#000; text-transform:uppercase; position:relative; display:block; text-align:right;}
.view-btn:before {content:''; position:absolute; background:#a3cd39; height:2px; width:83%; left:0; top:9px; transition: all ease 0.3s;}
.view-btn:hover, .view-btn:focus {color:#688422;}
.view-btn:hover:before {width:70%;}
.btn-bottom {margin-top: 57px !important;}

.more-panel {opacity: 1; padding-bottom: 0; height:554px; position: relative; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; background-color: #f2f2f2; background-repeat: no-repeat; background-size: cover; background-position: center;}
.more-panel-overlay {background: rgba(63,63,63,0.5); width: 100%; height: 100%; border-bottom: solid 5px transparent; cursor: pointer; -webkit-transition-duration: 0.4s;transition-duration: 0.4s;}
.more-panel-overlay .w-caption {width: 100%; font-size:20px;}
.more-panel-overlay .w-caption h3 {color: #fff; margin-top:65%; position:relative; display: inline-block; padding-bottom:6px; text-transform:uppercase;}
.more-panel-overlay .w-caption h3:before {content:''; position:absolute; bottom:0; left:20%; width:75px; height:2px; background:#fff;}
.more-panel:hover .more-panel-overlay {background-color: rgba(100,128,31,0.8);}

.grey-bg {background:#f0f0f0;}
.service .cl-panel {background:#fff; padding:20px 30px; height:360px; margin-bottom:30px;}
.service .cl-panel h3 {margin:5px 0 13px 0; font-size:18px; text-transform:uppercase; font-weight:500; color:#000;}
.service .cl-panel p {font-size:14px; color:#7c7c7c;}
.service .cl-panel .view-btn {margin-top:30px;}
.service .cl-panel .view-btn:before {width:75%;}
.service .cl-panel .view-btn:hover:before {width:60%;}
.service .cl-panel img {width:60px;}

.dotted {background:url(../images/dots.png) no-repeat; background-position: calc(50% + 430px) 0 !important;}
.dotted  .service-block {margin-top:40px;}
.event {padding:100px 0;}
.event p span {color:#85ac24;}

.modal-ui .modal-content {padding:30px; box-shadow:10px 10px 0 5px #7f9f2d; border:none;}
.modal-ui .close {font-weight:300; position:absolute; top:0; right:0; width:50px; height:50px; text-align:center; padding:0; line-height:50px; font-size:30px;}
.modal-ui .modal-title {margin-bottom:20px;}
.modal-ui .modal-title .title { font-size:25px; text-transform:uppercase; letter-spacing:1px; margin:0; color:#3b3b3b;}
.modal-ui .modal-dialog {margin: 5.75rem auto;}
.modal-ui .form-modal .form-control, .modal-ui .form-modal ::placeholder {color:#616161;}

.filter-button li a:hover, .filter-button li a:focus {background:none;}

.right-call .fa {display:none;}
.home-client ul {padding:0; margin:0;}

.about-history {display:flex; text-align:justify;}
.about-history.odd {flex-direction:row-reverse;}
.about-history .col-img { position:relative; width:50%; height: 700px;}
.about-history .col-img img { position:absolute; top:0; left:0; width:100%; height:100%; -o-object-fit: cover; object-fit: cover;}
.about-history .col-text {padding: 100px 50px; width:50%;}
.col-logo {text-align:center; padding:75px 0 0 0 !important;}
.col-text a {text-transform:uppercase; font-size:13px; font-weight:700; color:#882248; letter-spacing:2px; font-family: 'Rubik', sans-serif; margin-top:70px; display:inline-block;}
.col-text p {font-weight:300;}
.about-history .title-head .title::before {display:none;}
.about-history .title-head, .about-history .title-head .title {margin-bottom:0;}
.about-history .title-head .title {padding-bottom: 3rem; font-size: 30px; text-align: left; font-weight: 600;}
.award-title .title {padding:35% 0;}

/** Inner Page **/
.thank-header {background:#000 !important;}
.thank-block {width:40%; margin:10% auto; padding:150px 0; text-align:center;}
.thank-msg h3 {color:#000; text-transform:uppercase; font-size:50px; font-weight:800; margin:0;}
.thank-msg p {font-size:18px; color:#555555; padding:6px 20px;}
.thank-msg a .fa {font-size:18px; padding:0 5px; vertical-align:middle; margin-top:-2px;}

.sticky-btn {background:#7ca11f; padding:12px 35px; border:1px solid #fff;}
.sticky-btn:hover {background:inherit; border-color:#7ca11f !important; color:#000;}



@media (max-width:1200px){.col-focus .panel{height:285px;}
#navbar {display:block !important;}
#navbar .nav > li > a {padding:0 10px;}
}

@media only screen and (max-width:1199px){
   .nav-menu .col-left {padding-left: 50px;}

}

@media only screen and (max-width:767px){
	#header {padding:12px 0;}
	.toggle-btn {top:-4px;}
	#header .navbar-brand {padding:5px 0; margin:0;}
	.navbar-brand > img {width: 100px; padding:0;}
	.right-call {margin-top:5px;}
	.nav-flex-menu {display:block;}
	.nav-menu .col-left {padding: 100px 30px 30px;}
	.nav-menu .col-right {padding: 50px 30px 30px;}
	.nav-primary > li {margin-bottom: 2rem;}
	.nav-primary > li > a {font-size:18px;}
	.right-call a {font-size:18px;}
	.right-call .btn-quote {font-size:14px;}
	.toggle-btn {left: 14px;}
	.col-banner .title br {display:none;}
	.col-banner .title {font-size:30px; line-height: 47px;}
	.title-head .title {font-size:35px;}
	.title-head p br {display:none;}
	.home-client {display:block;}
    .home-client .client-image {width: 63%}
	.home-client li {width: 33.33%; padding: 5px 10px;}
    .enquire-now h3 {text-align:center; font-size:18px;}
	.enquire-now > div {text-align:center;}
	.more-panel-overlay .w-caption h3 {margin-top: 35%;}
	.enquire-now  .pull-left, .enquire-now .pull-right  {float:inherit !important;}
	.enquire-now .btn-enquire {text-align:center; display:inline-block; margin-top:20px;}
	.pd-l {padding-left:8px;}
	.service .cl-panel {height:auto;}
	.inner-banner .title {font-size: 40px;}
	.gallery .circle-color {width: 90%;}
	.gallery .feature li {width: 127px;}
	.filter-button li + li {margin-left: 0;}
	.inner-banner .col-item {padding-bottom:50%;}
	.page-cform {margin:0; padding: 30px 30px 50px;}
	.hp-cform-title {font-size: 35px;}
	.hp-cform-title small {font-size: 16px;}
	.contact-info address p br {display:none;}
	.gallery .service-block {margin-bottom:0;}
	.event {padding:0 8px;}
	.about-history {display:block;}
	.about-history .col-img img {position:inherit;}
	.about-history .col-text {width:100%;}
	.about-history .col-text {padding:30px;}
	.about-history .col-img {height:auto;}

	}
	
	@media only screen and (max-width:680px){
	.right-call .btn-quote .fa {display:block; color:#fff; font-size:22px;}
	.right-call span {display:none;}
	.right-call .btn-quote {background:none; padding:0; margin-top: 5px; display: inline-block;}
	.inner-banner .title {font-size: 30px; line-height: .9;}
	.dotted {background:none;}
	}
	
@media only screen and (max-width:480px){
	.col-banner .slick-dots {display:none !important;}
	.home-slider {height:auto;}
	.col-banner .item {height: 400px;}
	.feature li {float:left; width:33%; margin:0 0 15px;}
	.feature li a strong {font-size:13px;}
	.circle-color {width:80px;}
	.feature li {height:138px;}
	.btn-more {margin-top:0;}
	.work-title h3 {font-size:14px;}
	.black .panel-body, .dark-pink .panel-body {top: 22%;}
	.client {padding-top:0;}
	.more-panel-overlay .w-caption h3 {margin-top: 55%;}
	.service .cl-panel .view-btn::before {width:65%;}
	.service .cl-panel .view-btn:hover:before {width:55%;}
	.gallery .feature li {width: 100px; float:inherit;}
	.gallery .circle-color {width: 70%; padding: 8px;}
	
	
}