html {font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden;background-color:#1C1C1C }
* {-webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; }
body {font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight:400;
  font-style: normal;
  font-size: 19px; color: #555; margin: 0; background-color:#1C1C1C }
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {display: block; }
audio,canvas,progress,video {display: inline-block; vertical-align: baseline; }
audio:not([controls]) {display: none; height: 0; }
[hidden],template {display: none; }
a {background-color: transparent; }
a:active,a:focus,a:hover {outline: 0 none; }
abbr[title] {border-bottom: 1px dotted; }
b,strong {font-weight: 700; }
dfn {font-style: italic; }
h1 {font-size: 2em; margin: .67em 0; }
mark {background: #ff0 none repeat scroll 0 0; color: #000; }
small {font-size: 80%; }
sub,sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup {top: -.5em; }
sub {bottom: -.25em; }
img {border: 0 none; }
svg:not(:root) {overflow: hidden; }
figure {margin: 1em 40px; }
hr {box-sizing: content-box; height: 0; }
pre {overflow: auto; }
code,kbd,pre,samp {font-family: monospace,monospace; font-size: 1em; }
button,input,optgroup,select,textarea {color: inherit; font: inherit; margin: 0; }
button {overflow: visible; }
button,select {text-transform: none; }
button,html input[type=button],input[type=reset],input[type=submit] {cursor: pointer; }
button[disabled],html input[disabled] {cursor: default; }
button::-moz-focus-inner,input::-moz-focus-inner {border: 0 none; padding: 0; }
input {line-height: normal; }
input[type=checkbox],input[type=radio] {box-sizing: border-box; padding: 0; }
fieldset {border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em; }
legend {border: 0 none; padding: 0; }
textarea {overflow: auto; }
optgroup {font-weight: 700; }
table {border-collapse: collapse; border-spacing: 0; }
td,th {padding: 0; }
body,button,input,optgroup,select,textarea {color: #d5d5d5; font-size:17px; line-height: 1.5; }
h1,h2,h3,h4,h5,h6 {clear: both; color: #fff; font-size: 40px;font-family: "Montserrat", serif;
    font-weight: 400; }
h2 {font-size: 32px; margin: 0; }
h3 {font-size: 22px; margin: 0; }
p {margin-bottom: 1.5em; }
cite,dfn,em,i {font-style: italic; }
blockquote {margin: 0 1.5em; }
address {margin: 0 0 1.5em; }
pre {background: #eee none repeat scroll 0 0; font-family: "Courier 10 Pitch",Courier,monospace; font-size: .9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; }
code,kbd,tt,var {font-family: Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace; font-size: .9375rem; }
abbr,acronym {border-bottom: 1px dotted #666; cursor: help; }
ins,mark {background: #fff9c0 none repeat scroll 0 0; text-decoration: none; }
big {font-size: 125%; }
html {box-sizing: border-box; }
* {box-sizing: border-box; }
body {background: #fff none repeat scroll 0 0; }
blockquote::after,blockquote::before,q::after,q::before {content: ""; }
blockquote,q {quotes: """"; }
hr {background-color: #ccc; border: 0 none; height: 1px; margin-bottom: 1.5em; }
ol,ul {margin: 0 0 1.5em; }
ul {list-style: outside none disc; }
li {padding: 0 0 5px; }
ol {list-style: outside none decimal; }
li>ol,li>ul {margin-bottom: 0; margin-left: 1.5em; }
dt {font-weight: 700; }
dd {margin: 0 1.5em 1.5em; }
img {height: auto; max-width: 100%; }
figure {margin: 1em 0; }
table {margin: 0 0 1.5em; width: 100%; }
button,input[type=button],input[type=reset],input[type=submit] {font-weight: 500; font-size: 16px; background-color: #896755; border: 1px solid #896755; border-radius: 5px; padding: 10px 35px; text-align: center; min-width: 100px; color: #fff; display: inline-block; transition: ease-in-out .5s all; -webkit-appearance: none; }
button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover {background-color: #000; border-color: #000; }
input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=range],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea {border: 1px solid #6B6972; border-radius: 3px; color: #fff; font-size: 16px; padding: 8px 10px; font-weight: 400; background-color:#1d1d1d; }
select {border: 1px solid #6e6e6e; color:#fff }
.asterisk{color:red;}
input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=range]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,textarea:focus {color: #fff; }
textarea {width: 100%;color:#fff }
::-webkit-input-placeholder {color: #9a9a9a; }
:-ms-input-placeholder {color: #9a9a9a; }
::placeholder {color: #9a9a9a; }
a {color: #008dd2; text-decoration: none; transition: all .3s ease 0s; }
a:visited {transition: all .3s ease 0s; }
a:active,a:focus,a:hover {outline: medium none; }
a:focus {outline: medium none; }
a:active,a:hover {outline: 0 none; }
.site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation {margin: 0 0 1.5em; overflow: hidden; }
.comment-navigation .nav-previous,.post-navigation .nav-previous,.posts-navigation .nav-previous {float: left; width: 50%; }
.comment-navigation .nav-next,.post-navigation .nav-next,.posts-navigation .nav-next {float: right; text-align: right; width: 50%; }
.alignleft {display: inline; float: left; margin-right: 1.5em; }
.alignright {display: inline; float: right; margin-left: 1.5em; }
.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto; }
.clear::after,.clear::before,.comment-content::after,.comment-content::before,.entry-content::after,.entry-content::before,.site-content::after,.site-content::before,.site-footer::after,.site-footer::before,.site-header::after,.site-header::before {content: ""; display: table; table-layout: fixed; }
.clear::after,.comment-content::after,.entry-content::after,.site-content::after,.site-footer::after,.site-header::after {clear: both; }
.widget {margin: 0 0 30px; }
.widget select {max-width: 100%; }
.sticky {display: block; }
.hentry {margin: 0 0 1.5em; }
.updated:not(.published) {display: none; }
.entry-content,.entry-summary,.page-content {margin: 1.5em 0 0; }
.inline-block {display: inline-block; }
embed,iframe,object {max-width: 100%; }
.clearnone {clear: none; }
.fl {float: left; }
@font-face {font-family:FontAwesome; font-style:normal; font-weight:400; src:url(../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"),url(../fonts/fontawesome-webfont.woff2?v=4.7.0) format("woff2"),url(../fonts/fontawesome-webfont.woff?v=4.7.0) format("woff"),url(../fonts/fontawesome-webfont.ttf?v=4.7.0) format("truetype"),url(../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format("svg"); }
.container {margin: 0 auto; padding: 0 5%; position: relative; }
.boxspacer {display: block; height: 20px; }
.boxspacer10 {display: block; height: 10px; }
.text-right {text-align: right; }
.text-justify {text-align: justify; }
.textlink {color: #81b84d; font-size: 13px; text-decoration: none; }
.textlink:hover {color: #000; }
.visible-sm {display: none!important; }
#primary.content-area {float: left; margin: 0 5% 0 0; width: 70%; }
body.page-template-full-width #primary.content-area {float: left; margin: 0; width: 100%; }
aside#secondary {float: left; padding: 50px 0 0; width: 25%; }
.widget {background-color: #efeef0; border: 1px double #e2e2e2; margin: 0 0 30px; padding: 20px; }
h2.widget-title {color: #30458a; display: block; font-weight: 600; line-height: 26px; position: relative; margin-top: 0; }
.search-form .search-field {margin: 0 0 10px; width: 100%; }
.fixed-header {position: fixed!important; top: 0!important; left: 0; right: 0; background-color: #fff; z-index: 9999; animation: 1s .1s fadeInDown both; }
.fixed-header .logoImg img {display: block; max-height: 60px; }
.fixed-header .logoImg {padding: 5px 0; }
body.fixed {padding-top: 100px; }
#masthead {position: absolute; right: 0; left: 0; top: 0; z-index: 99; background:#2E2E2E }
#masthead.fixed-header {box-shadow: 6px 3px 14px rgba(0,0,0,.21); background: #2E2E2E; }
#masthead.innerpage{background-color:#2E2E2E}
.topSocialIcons {display: inline-block; float: right; padding: 0; }
.topSocialIcons a {font-size: 20px; margin-left: 10px; }
.fixed-header a.btnOnlinePortfolio {display: none; }
.fixed-header .topSocialIcons {padding-top: 10px; }
#masthead.innerheader {position: relative; }
.logoImg {float: left; padding:10px 0; position: relative; z-index: 10; }
.logoImg img {display: block; float: none; margin: auto; }
.topMenu {position: relative; z-index: 9; padding: 25px 0 0 0;  margin: 0;  }
.fixed-header .topMenu {padding: 0 2% 0 0; }

.getquotebtn {float:right; margin: 0; text-align: left;}
.fixed-header .getquotebtn {margin:10px 0 0; }
.fixed-header #cssmenu ul {margin:10px 0 0; }
.fw200 {width:200px !important; }
.fh56 {height:56px !important; }
.uppercase {text-transform:uppercase}
.button-grd-line {width: 145px; height: 50px; display: inline-block; vertical-align: middle; text-align: center; border-radius: 8px; position: relative; border: 0; outline: none; overflow: hidden}
.button-grd-line:before {content: ""; background: linear-gradient(to right, #cf72e8 0, #5857f9 100%); display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 8px}
.button-grd-line:after {content: ""; background: transparent url(../images/button-white-layer.png) repeat-x 0 80%; display: block; position: absolute; left: 1px; top: 1px; width: calc(100% - 2px); height: calc(100% - 2px); border-radius: 7px; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out}
.button-grd-line span {position: absolute; left: 0; width: 100%; text-align: center; top: 50%; z-index: 9; background: linear-gradient(to right, #cf72e8 0, #5857f9 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out}
.button-grd-line em {position: absolute; left: 0; width: 100%; text-align: center; top: 130%; z-index: 9; color: var(--myClrLight); font-style: normal; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; color:#fff; }
.button-grd-line:hover span {top: -120%}
.button-grd-line:hover em {top: 50%}
.button-grd-line:hover:after {background-position: 100% 180%}
.homeSlider {position: relative; padding-top: 0; }
.homeSlider .caption-wrap {top: 38%; text-align: center; 
color: #fff; position: absolute; left: 5%; right:5%; max-width: 900px; margin: 0 auto; font-size: 20px;}
.homeSlider .caption-wrap .line1 {font-family: "Montserrat", serif;font-size:70px; line-height:85px; color: #fff; font-weight: 300; margin:0;  }
.homeSlider .caption-wrap p {font-family: "Montserrat", serif; color: #fff; font-size: 30px; line-height: 36px; font-weight: 300; margin:40px 0 50px; }
.homeSlider .owl-item.active .caption-wrap .line1 {animation: 1s .1s fadeInDown both; }
.homeSlider .owl-item.active .caption-wrap p {animation: 1s .3s fadeInDown both; }
.homeSlider .owl-item.active .caption-wrap .btn-group {animation: 1s .6s fadeInUp both; }
.homeSlider .caption-wrap .btn-group {margin-bottom: 10px; margin-top:10px; }
.homeSlider .owl-item .caption-wrap .btn-default {padding: 10px 25px; background-color: #6C4F3D; border-color: #6C4F3D; border-radius:0}
.homeSlider .owl-item .caption-wrap .btn-default:hover {background-color: #000; border-color: #000; }
.homeSlider .owl-item.active .caption-wrap .btn-default {animation: 1s .5s fadeInUp both; }
.bg-slider-btm {position: absolute; left: 0; right: 0; width: 100%; height: 169px; bottom: -20px; background: url(../images/bg-slider-btm.png) center bottom no-repeat; background-size: 100%; z-index: 2; }
.homeSlider .owl-dots {position: absolute; left: 0; right: 0; bottom: 40px; }
.homeSlider .owl-theme .owl-dots .owl-dot.active span {background-color: #fff; }
.homeSlider .owl-theme .owl-nav {margin: 0; border: none!important; }
.homeSlider .owl-carousel .owl-nav button.owl-next,.homeSlider .owl-carousel .owl-nav button.owl-prev {width: 50px; position: absolute; top: 50%; padding: 0; height: 50px; border-radius: 5px; background-color: rgba(0,0,0,.1); color: #fff; border: 1px solid transparent; line-height:48px; }
.homeSlider .owl-carousel .owl-nav button.owl-next:hover,.homeSlider .owl-carousel .owl-nav button.owl-prev:hover {background-color: #222; color: #fff; }
.homeSlider .owl-carousel .owl-nav button.owl-next {right: 3%; }
.homeSlider .owl-carousel .owl-nav button.owl-prev {left: 3%; }
#pre-div {background-color: #f6f6f6; bottom: 0; height: 100%; width: 100%; left: 0; position: absolute; right: 0; top: 0; z-index: 999; }
#loader {background-image: url(../images/ajax-loader.gif); background-position: center center; background-repeat: no-repeat; height: 149px; left: 50%; margin: -75px 0 0 -109px; position: absolute; top: 50%; width: 218px; }

.text-justify {text-align: justify; }
.owlpics {display: block; text-align: center; }
.owlpics h3 {font-size: 18px; color: #212121; font-weight: 600; margin: 0; padding: 10px; }
.owlpics .imgbox,.owlpics img {transition: all .3s ease 0s; }
.owlpics .imgbox span {display: none; position: absolute; left: 0; right: 0; top: 60%; color: #fff; font-weight: 700; z-index: 1; transition: all .3s ease 0s; }
.owlpics:hover .imgbox {background-color: #000; }
.owlpics:hover img {opacity: .4; }
.owlpics:hover .imgbox span {display: block; }
.owl-theme .owl-nav[class*=owl-] {border-radius: 0; background-color: #fff; border: 1px solid #acacac; color: #000; width: 50px; text-align: center; line-height: 40px; }
.owl-theme .owl-nav[class*=owl-]:hover {background-color: #000; color: #fff; border-color: #000; }
.owl-theme .owl-nav {margin-top: 30px; }
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev {background-color: #f0f0f0; padding: 4px 7px!important; border-radius: 15px; }
.owl-carousel .imgWrap {width: 100%; height: 200px; display: table-cell; text-align: center; vertical-align: middle; }
.owl-carousel .imgbox {display: table; }
.owl-carousel .imgbox img {max-width: 100%; width: auto; margin: auto; max-height: 210px; }
.fullrow {padding: 60px 0; position: relative; clear: both; background:#1c1c1c }
.site-footer {padding:0;background:#1c1c1c;
 color: #fff; font-size: 18px; position: relative; }
.footerLogo {text-align: left; margin:0 0 40px 0}
.footerLogo hr {width: 60px; background-color: #fff; height: 2px; margin: 30px auto 0; }
.footerSocial {clear: both; text-align: left; }
.copyrightNew {color:#fff; }
.footerSocial a {width: 42px;
    height: 42px;
    line-height: 40px;
    font-size: 20px;
    border-radius: 42px;
    display: inline-block;
    margin: 0 10px 0 0;
    text-align: center;
    color: #fff !important;
    background: #6C4F3D; border:1px solid #6C4F3D;  }
.footerSocial a:hover {background-color: #000; color: #fff !important; }
.footerTitle {margin: 0 0 20px; font-size: 26px; 
    font-weight:500; color: #B2996E; padding: 0 0 10px; }
.site-footer ul {list-style: none; margin: 0; padding: 0; font-size:16px; }
.site-footer li {margin: 0; padding: 0 0 10px; }
.site-footer .menu li {padding: 0 0 15px 18px; position: relative; }
.site-footer .menu li:before {content: "\f105"; font: normal normal normal 14px/1 FontAwesome; position: absolute; left: 0; top: 3px; color: #fff; }
.disclaimer {color: #000; border-top: 4px solid #e67817; text-align: justify; padding: 20px 0 0; margin-top: 15px; }
.disclaimer a {text-decoration: underline; }
.text-orange {color: #fc771e; }
.site-footer .col-31 {width: 28%; margin-right: 7%; }
.site-footer .col-32 {width: 32%; margin-right: 2%; }
.site-footer .col-33 {width: 31%; }
.site-footer .col-41 {width: 22%; margin-right: 2%; }
.site-footer .col-42 {width: 18%; margin-right: 2%; }
.site-footer .col-43 {width: 22%; margin-right: 2%; }
.site-footer .col-44 {width: 24%; }

.footer-shape-top svg {height: 38px;transform: translateX(-50%) rotateY(180deg);}
.elementor-shape-fill {fill: #EDF2F5;}
.footerFlex {display: flex; justify-content: space-between; flex-wrap: wrap; margin-top:60px; margin-bottom:60px; }
.bottomForm .input-field {margin-bottom: 15px; }
.bottomForm .input-field input,.bottomForm .input-field textarea {background-color: #1c111a; border: 1px solid #3b313d; width: 100%; border-radius: 0; color: #999b9f; }
.bottomForm button,.bottomForm input[type=button],.bottomForm input[type=reset],.bottomForm input[type=submit] {background-color: #753335; border: 1px solid #100f16; border-radius: 0; }
.inquiryPage.bottomForm .input-field input,.inquiryPage.bottomForm .input-field textarea {background-color: #f6f6f6; border: 1px solid #ccc; width: 100%; border-radius: 0; color: #999b9f; }
.sisCompany {display:flex; align-items:center; }
.sisCompany .cname {margin-left:20px; }
.whatsAppBtn {
	width: 40px;
	height: 40px;
	line-height: 40px;
	background: #25d366;
	display: block;
	position: fixed;
	bottom: 20px;
	left: 20px;
	z-index: 9999;
	text-align: center;
	border-radius: 50%;
	font-size: 22px;
	color: #fff;
	animation: bounce 2s infinite
}

@keyframes bounce {

	0%,
	100%,
	20%,
	50%,
	80% {
		transform: translateY(0)
	}

	40% {
		transform: translateY(-20px)
	}

	60% {
		transform: translateY(-10px)
	}
}
.site-footer a {color: #fff; }
.site-footer a:hover {color: #fff; text-decoration:underline }
.site-footer .box {margin-bottom: 25px; min-height: 37px; font-size:16px; }
.site-footer .box .fa {color: #B2996E;line-height: 32px;font-size: 18px;}
.site-footer .box .fa.fa-map-marker{font-size:25px;}
.site-footer .box .fa.fa-phone{font-size:22px;}
.site-footer .boxColumn {margin: 0 0 0 50px; padding-top: 4px; }
.site-footer .boxColumn a:hover,.site-footer li a:hover {color: #fff; text-decoration: underline; }
.site-footer .unittitle {color: #0187c5; font-size: 18px; font-weight: 700; margin-bottom: 12px; }
.site-footer .copyRight .container {padding-top: 25px; }
.site-footer .copyRight {text-align: center; font-size: 14px; padding:35px 0 0; margin: 20px 0 0; color: #9F9F9F; border-top:1px solid rgba(225,225,255,0.2);clear: both;
    width: 100%; }
.site-footer .copyRight a {color: #fff; text-decoration: underline; }
.site-footer .copyRight a:hover {color: #fff; }
.site-footer .copyRight p {margin: 0; }
.site-footer .copyRight .left {float: left; }
.site-footer .copyRight .right {float: right; text-align: right; }
.site-footer .copyRight:after {content: ""; display: block; clear: both; }
#back-to-top {
	opacity: 0;
	background:#896755;
	color: transparent;
	bottom: 15px;
	cursor: pointer;
	height: 66px;
	border-radius:30px;
	overflow: hidden;
	padding: 6px;
	position: fixed;
	right: 15px;
	text-align: center;
	width: 46px;
	z-index: 99;
	display: block;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out
}

#back-to-top.show {
	opacity: 1
}

#back-to-top::after {
	content: '\f062 ';
	display: inline-block;
	color: #fff;
	font-family: Fontawesome;
	font-size: 16px;
	left: 0;
	position: absolute;
	right: 0;
	top: 11px;
	-webkit-animation: passingbottomtotop 1.1s linear infinite;
	-moz-animation: passingbottomtotop 1.1s linear infinite;
	-ms-animation: passingbottomtotop 1100ms linear infinite;
	-o-animation: passingbottomtotop 1.1s linear infinite;
	animation: passingbottomtotop 1.1s linear infinite;
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out
}

#back-to-top:hover {
	background-color: #4f5c6d
}

#back-to-top:hover:after {
	color: #fff
}

@-webkit-keyframes passingbottomtotop {
	0% {
		-webkit-transform: translateY(50%);
		transform: translateY(50%);
		opacity: 0
	}

	50% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}

	100% {
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		opacity: 0
	}
}

@keyframes passingbottomtotop {
	0% {
		-webkit-transform: translateY(50%);
		-ms-transform: translateY(50%);
		transform: translateY(50%);
		opacity: 0
	}

	50% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}

	100% {
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		opacity: 0
	}
}
#menubtn {height: 40px; border-radius: 5px; line-height: 38px; display: inline-block; margin-left: 12px; padding: 0 15px; cursor: pointer; border: 1px solid #000; margin-top: 21px; background-color: #000; color: #fff; }
.fixed-header #menubtn {margin-top: 15px; }
#menubtn span {padding-left: 5px; }
.col21 {width: 48%; display: inline-block; margin: 0 2% 0 0; float: left; }
.col22 {width: 48%; display: inline-block; margin: 0 0 0 2%; }
.col-21 {width: 48%; display: inline-block; margin: 0 3% 0 0; float: left; }
.col-22 {width: 48%; display: inline-block; margin: 0; float: right; }
.col-31 {width: 31.66%; display: inline-block; margin: 0 2.5% 0 0; float: left; }
.col-32 {width: 31.66%; display: inline-block; margin: 0 2.5% 0 0; float: left; }
.col-33 {width: 31.66%; display: inline-block; margin: 0; float: left; }
.col-41 {width: 23.12%; display: inline-block; margin: 0 2.5% 30px 0; float: left; }
.col-42 {width: 23.12%; display: inline-block; margin: 0 2.5% 30px 0; float: left; }
.col-43 {width: 23.12%; display: inline-block; margin: 0 2.5% 30px 0; float: left; }
.col-44 {width: 23.12%; display: inline-block; margin: 0; float: left; }
.box {margin-bottom: 30px; }
.box .fa {color: #acacac; float: left; font-size: 22px; padding: 2px 0 0; }
.box .fa-mobile {font-size: 36px; margin-left: 3px; margin-top: -7px; }
.box .fa-envelope-o {font-size: 20px; margin-top: 1px; }
.boxColumn {margin: 0 0 0 30px; }
.boxColumn a {text-decoration: none; }
.boxColumn a:hover {color: #000; }
.entry-content a:hover {color: #000; }
.brdimg {border: 1px solid #083d5f; }
.col21 iframe,.col22 iframe {border-top: 1px solid #ccc!important; border-bottom: 1px solid #ccc!important; }
.col21 iframe {border-right: 1px solid #ccc!important; }
.btn-default {font-weight: 400; font-size: 17px; background: #6C4F3D;
border: 1px solid #6C4F3D; border-radius:0; padding: 12px 35px; text-align: center; min-width: 100px; color: #fff; display: inline-block; text-transform:uppercase }
.btn-default:hover {background: #000; border-color: #000; }
.btn-default.btn-o {background-color: transparent; border-color: #acacac; color: #fff; }
.btn-default.btn-o:hover {background-color: #000; border-color: #000; color: #fff; }
.btn-lg {font-size: 18px; padding: 8px 30px; }
.btn-black {border-color: #2a2a2a!important; background-color: #2a2a2a!important; }
.btn-white {border-color: #fff; background-color: #fff; color: #008dd2; }
.btn-white:hover {color: #fff; }
.btn-orange {background-color: #13277a; border-color: #13277a; }
.btn-default i {display: inline-block; padding-right: 10px; }
.linktxt {color: #000; font-size: 20px; text-transform: uppercase; border-bottom: 2px solid #ccc; padding: 0 0 5px; }
.linktxt:hover {color: #008dd2; border-bottom: 2px solid #008dd2; }

.col-8 {width: 66.66666667%; float: left; }
.col-4 {width: 33.33333333%; float: left; }
.smallLine {margin-top: 0; position: relative; font-size: 16px; font-weight: 400; text-transform: uppercase; letter-spacing: 3px; color: rgba(255,255,255,.85); }
.breadcrumbs {font-size: 14px; font-weight: 400; text-decoration: none; text-align: center; margin: 20px 0 0; color: #ddd; }
.breadcrumbs a {color: #fff; }
.breadcrumbs a:hover {color: #f58025; }
.breadcrumb li a:before {position: absolute; right: 0; bottom: 0; width: 0; height: 1px; content: ""; transition: all .25s cubic-bezier(.645,.045,.355,1); background-color: #1292ee; }
.breadcrumb li a:hover:before {left: 0; width: 100%; }
.breadcrumbs span.fa-hand-o-right {margin: 0 10px; }
.fw900 {font-weight: 900; }
.pageTitle {text-align: center; padding:360px 0 220px; color: #fff; 
background:#1c1c1c url(../images/bg-pagetitle.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;	

position: relative; z-index: 9;  }


.pageTitle:after {opacity: .6; }
.pageTitle:after {content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; position: absolute; background-color: #030f27; }
.pageTitle h1 {margin: 0; padding: 0; font-size: 105px; line-height: 115px; color: #fff;  font-weight:200; text-transform:uppercase}
@media only screen and (min-width:1901px) {.pageTitle {background-size: cover; }
}
.radiusleftimg {border-radius: 0 60px 0 60px; box-shadow: 2px 5px 10px rgba(0,0,0,.5); }
.radiusrightimg {border-radius: 60px 0 60px 0; box-shadow: 2px 5px 10px rgba(0,0,0,.5); }
.bg-f6f6f6 {background-color: #f6f6f6; }
.bg-e4e4e4 {background-color: #e4e4e4; }
#breadcrumb {list-style: none; margin: 10px 0 0; padding: 0; }
#breadcrumb li {display: inline-block; font-size: 16px; }
#breadcrumb li:not(:last-child):after {content: "/"; display: inline-block; margin: 0 10px; }
#breadcrumb a {color: #fff; }
.site-content {padding: 30px 0; }
.site-content p {line-height: 30px; }
.img-border {border: 1px solid #fff; border-radius: 20px; box-shadow: 0 0 0 5px rgba(0,0,0,.1); }
.col31 {width: 33%; float: left; }
.col32 {width: 33%; float: left; padding-right: 40px; }
.col33 {width: 33%; float: left; }
#frm_contact label {font-size: 14px; margin-bottom: 6px; display: inline-block; }
#frm_contact input {border: 1px solid #ccc; width: 90%; padding: 9px; font-size: 16px; }
#frm_contact select {border: 1px solid #ccc; width: 90%; padding: 9px; font-size: 16px; }
#frm_contact textarea {border: 1px solid #ccc; width: 90%; font-size: 16px; padding: 9px; }
#frm_contact .form-group {margin: 0 0 10px; }
#period-addon {line-height: 40px; }
.mapwrap .col21,.mapwrap .col22 {width: 50%; margin: 0; }
.wrap404 {text-align: center; padding: 240px 0 50px; }
.wrap404 i {font-size: 120px; }
.wrap404 h2 {font-size: 40px; font-weight: 500; margin: 0; line-height:normal }
.wrap404 h4 {font-size: 30px; font-weight: 300; margin: 0; color: #ccc; }
.wrap404 p {font-size: 20px; }
.wrap404 .btn-default{margin-bottom:10px;}
.well {transform: scale(.8); box-shadow: 0 0 10px rgba(0,0,0,.3); padding: 20px; margin: 10px; background-color: #e3e3e3; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.3); box-shadow: inset 0 1px 1px rgba(0,0,0,.3); display: none; max-width: 320px; min-width: 300px; min-height: 300px; color: #000; }
.popup_visible .well {transform: scale(1); }
.well .closeicon {position: absolute; right: 1px; top: 1px; cursor: pointer; padding: 6px; color: #fff; background: #000; }
.well .form-group {margin-bottom: 15px; }
.well input.form-control {width: 100%; }
.well select {width: 100%; padding: 7px 10px; }
.well label {display: block; font-size: 12px; margin: 0 0 5px; font-weight: 700; }
.well .head2 {font-family: Montserrat,sans-serif; font-weight: 800; text-transform: uppercase; margin: 0 0 20px; border-bottom: 1px solid #000; padding-bottom: 10px; }
.w1200 {max-width:1200px!important; margin: 0 auto; }
.w980 {max-width: 980px!important; margin: 0 auto; }
.w900 {max-width: 900px!important; margin: 0 auto; }
.w800 {max-width: 800px!important; margin: 0 auto; }
.w660 {max-width: 660px!important; margin: 0 auto; }
.w600 {max-width: 600px!important; margin: 0 auto; }
.w250 {max-width: 250px!important; margin: 0 auto; }
.w200 {max-width: 200px!important; margin: 0 auto; }
.w150 {max-width: 150px!important; margin: 0 auto; }
.w100 {max-width: 100px!important; margin: 0 auto; }
.minw100 {min-width: 100px; }
.minw240 {min-width: 240px; }
.field-row {margin-bottom: 30px; }
.places_box{float:left;width:100%;border-bottom:1px solid #ccc;padding:0 0 40px;margin-bottom:40px; clear:both}
.places_box.last-child{margin-bottom:0;border-bottom:none;}
.places_box .place_img{width:30%;}
.places_box .place_detail{float:left;text-align:justify;width:calc(66% - 30px); margin-left:30px;}
.places_box .place_detail .head4{font-family: "Marcellus", serif;
    font-weight: 400; font-size:32px;margin:0 0 20px;padding:0;display:block;}
.places_box .distance span{font-weight:bold}
.places_box .desc p{line-height:28px;}

.formWrap {margin: 0 auto; }
.formWrap label {display: block; font-weight: 400; }
.formWrap input[type=email],.formWrap input[type=number],.formWrap input[type=tel],.formWrap input[type=text] {width: 100%; border-radius: 0; }
.formWrap select {width: 100%; border-color: #6e6e6e; border-radius: 0; color: #2a2a2a; font-size: 16px; font-weight: 400; padding: 9px 7px; }
.formWrap .col21,.formWrap .col22,.formWrap .colfull {margin-bottom: 12px; }
.formWrap .col-31,.formWrap .col-32,.formWrap .col-33 {margin-bottom: 15px; }
.formWrap textarea {height: 147px; border-radius: 0; color: #fff; }
.formWrap input[type=submit] {width: auto; -webkit-appearance: none; }
.captchaflex {display:flex; }
.captchaflex > div {margin-right:15px; }
.captchaflex .font16 {font-size:16px; }
.captchaflex a {color:#3690d1; }
table.pkg {background-color: #fff; font-size: 18px; border-top: 1px solid #c2c2c2; border-left: 1px solid #c2c2c2; }
table.pkg td {padding: 10px; border-bottom: 1px solid #c2c2c2; border-right: 1px solid #c2c2c2; color: #1a1a1a; }
table.pkg td:first-child {background-color: #f1f1f1; }
.anchorspan {position: absolute; top: -100px; }
.showMobile {display: none; }
.showMobile a {display: inline-block; background-color: #f2f2f2; float: left; text-align: center; color: #000; padding: 2px 0; width: 25%; text-transform: uppercase; }
.addBorder {border-left: 1px solid rgba(0,0,0,.2); }
.yeardiv {width: 50px!important; float: left; text-align: center; margin-right: 10px; }
.mr20 {margin-right: 20px!important; }
.mt28 {margin-top: 28px!important; }
.mt50 {margin-top: 50px!important; }
.mt40 {margin-top: 40px!important; }
.mt30 {margin-top: 30px!important; }
.mt20 {margin-top: 20px!important; }
.mt10 {margin-top: 10px!important; }
.showMobile a:hover {background-color: #000; color: #fff; }
#menubtn {display: none; }
.text-center {text-align: center; }
.font20 {font-size: 20px; }
.font24 {font-size: 24px; }
.formWrap input[type=submit].btn-tracking {width: 70%; padding: 4px 0; vertical-align: top; margin: 0; }
.alert {padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; }
.alert-success {color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; }
.alert-info {color: #31708f; background-color: #d9edf7; border-color: #bce8f1; }
.alert-warning {color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; }
.alert-danger {color: #a94442; background-color: #f2dede; border-color: #ebccd1; }
.table-responsive{overflow:auto}
.table {border-left: 1px solid #ccc; border-top: 1px solid #ccc; color: #000; }
.table th {text-align: center; padding: 10px; color: #fff; font-size: 20px; border-right: 1px solid #fff; border-bottom: 1px solid #ccc; background: linear-gradient(90deg, rgba(41, 84, 185, 1) 0%, rgba(17, 141, 245, 1) 100%);}
.table td {padding: 12px 20px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #fff; }
.font28 {font-size: 28px; line-height: 36px; }
.mulilight {font-weight: 300!important; }
.mt0 {margin-top: 0!important; }
.mb0 {margin-bottom: 0!important; }
.mt20 {margin-top: 20px; }
.mb10 {margin-bottom: 10px; }
.mb20 {margin-bottom: 20px; }
.m0 {margin: 0; }
.vtop {vertical-align: top; }
.title-light {font-weight: 300; color: #272727; font-size: 24px; }
.pb20 {padding-bottom: 20px; }
.text-white {color: #fff; }
.eq-row {display: flex; position: relative; }
.eq-row .column {flex: 50%; }
.p40 {padding: 40px; }
.showOnlyDesktop {display: block; }
.showiPad {display: none; }
.topbar {color: #fff; font-size: 16px; background: rgb(24,124,227);
background: linear-gradient(90deg, rgba(24,124,227,1) 0%, rgba(42,82,182,1) 100%); }
.topbar .container {margin: 0 5%; padding: 0; }
.topbar:after {content: ""; display: block; clear: both; }
.topbar .topLeft {text-align: left; float: left; padding: 10px 35px 10px 10px; position: relative; min-height: 42px; }
.topbar .topLeft .addre {display: inline-block; margin-right: 30px; }
.topbar .topLeft .addre i {font-size: 22px; display: inline-block; margin-right: 5px; }
.topbar .topLeft .mail {display: inline-block; }
.topbar .topLeft .mail i {font-size: 20px; display: inline-block; margin-right: 5px; }
.topbar .topLeft a {color: #444; }
.topbar .topLeft a:hover {color: #008dd2; }
.topbar .topRight {float: right; display: flex; padding: 8px 0 8px 0; position: relative; }
.topbar .topRight i {font-size: 22px; display: inline-block; margin-right: 5px; top: 2px; position: relative; }
.topbar .topRight a:hover {color: #60f7f5 ; }
.topbar .topRight a {color: #fff; }
.topbar .topRight .call {margin-right: 30px; line-height: 34px; }
.topbar .topRight .email {margin-right: 30px; }
.fixed-header .topbar {display: none; }
.leftText {float: left; padding: 8px 0; }
.topsocial {float: right; font-size: 14px; }
.topsocial a {color: #fff; margin: 0; display: inline-block; line-height: 37px; padding: 0 10px; }
.topsocial a:hover {color: #fff; background-color: #000; }
.iconLeft {float: left; width: 60px; margin: 7px 0 0 0; }
.iconLeft .fa {font-size: 45px; }
.servConRight {display: table; margin-left: -65px; }
.introContent.nobg {background-image: none; }
.introContent {padding: 90px 0 140px; background: #fff; position: relative; min-height: 80vh; }
.introContent .container {z-index: 10; position: relative; }
.border-img {box-shadow: 1px 0 54px rgba(0,0,0,.22); }
.introContent .col-21 {width: 46%; }
.introContent .col-22 {width: 50%; }
.homeIntro .titletxt {margin-top: 50px; }
.titletxt {font-size: 48px; color: #2a2a2a; font-weight: 900; line-height: 52px; }
.titletxt small {font-size: 22px; color: #3e4095; font-weight: 400; line-height: 24px; display: block; margin-bottom: 10px; }
.img-box-behind {display: block; position: relative; }
.img-box-behind img {position: relative; z-index: 5; padding: 40px 0 0 40px; }
.img-box-behind:after {content: ""; display: block; width: 90%; height: 90%; background-color: #f1f0ef; position: absolute; top: 0; left: 0; z-index: 4; }
.introContent p {text-align: justify; }
.wow {visibility: hidden; }
.img-block {display: block; }
.desktop-p40 {padding: 40px; }
.tb {display: table; width: 100%; height: 100%; vertical-align: middle; }
.tbs {display: table-cell; height: 100%; vertical-align: middle; }
.gallerylist {list-style: none; margin: 0; padding: 0; }
.gallerylist:after {content: ""; display: block; clear: both; }
.gallerylist li {margin: 0; padding: 0; width: 20%; float: left; }
.gallerylist li a {margin: 1px; position: relative; display: block; overflow: hidden; }
.gallerylist li a img {display: block; }
.gallerylist li a img[alt] {font-size: 12px; }
.gallerylist li .caption {position: absolute; left: 0; right: 0; bottom: 0; background-color: rgba(59,89,151,.8); text-align: center; visibility: hidden; height: 0; transition: all ease-in-out .2s; color: #fff; font-size: 22px; }
.gallerylist li a:hover .caption {visibility: visible; height: 100%; left: 0; top: 0; }
.owl-carousel .owl-nav {background-color: transparent; }
.owl-theme .owl-nav[class*=owl-]:hover {background-color: transparent; }
.owl-carousel .owl-nav button.owl-prev {background-color: #2a2a2a; color: #fff; }
.owl-carousel .owl-nav button.owl-next {background-color: #2a2a2a; color: #fff; }
.carouselBox {text-align: center; position: relative; }
.carouselBox .pic {display: block; overflow: hidden; border-radius: 50%; position: relative; }
.carouselBox .content {position: relative; left: 0; bottom: 0; width: 100%; padding: 10px 15px; z-index: 1; -moz-transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transition: .4s; }
.carouselBox .content .title {font-size: 20px; margin: 0; color: #fff; font-weight: 600; -moz-transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transition: .4s; }
.carouselBox:hover .content .title {color: #fff; }
.carouselBox .overlay {position: absolute; top: 0; width: 100%; height: 100%; background: linear-gradient(to top,rgba(0,0,0,.9) 20%,rgba(255,164,100,.3) 80%); -moz-transition: .4s; -webkit-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transition: .4s; opacity: 0; visibility: hidden; }
.carouselBox:hover .overlay {opacity: 1; visibility: visible; }
.carouselBox .overlay img {width: 49px; height: 49px; margin: auto; left: 0; right: 0; top: 0; opacity: 0; visibility: hidden; position: absolute; transition: all ease-in-out .2s; }
.carouselBox:hover .overlay img {opacity: 1; visibility: visible; top: 50%; margin-top: -20px; }
#owl-homeProductss.owl-carousel .owl-nav button.owl-next,#owl-homeProductss.owl-carousel .owl-nav button.owl-prev {background-color: transparent; border: 1px solid #555; width: 70px; padding: 2px 7px!important; color: #555; border-radius: 30px; }
.missionVisionRow {clear: both; background-color: #dbdde5; text-align: center; }
.missionVisionRow:after {content: ""; display: block; clear: both; }
.missionVisionRow .missionCol {width: 33.33%; float: left; padding: 50px; }
.missionVisionRow .visionCol {width: 33.33%; float: left; padding: 50px; background-color: #eee; min-height: 472px; }
.missionVisionRow .goalCol {width: 33.33%; float: right; padding: 50px; }
.missionVisionRow .icon {width: 150px; height: 150px; margin: 0 auto; display: block; background-position: center center; background-repeat: no-repeat; background-color: #eee; border-radius: 50%; margin-bottom: 20px; }
.missionVisionRow .icon-mission {background-image: url(../images/icon-mission.png); }
.missionVisionRow .icon-vision {background-image: url(../images/icon-vision.png); background-color: #fff; }
.missionVisionRow .icon-goal {background-image: url(../images/icon-goal.png); }
.missionVisionRow h2 {font-size: 28px; color: #2e3e9e; font-weight: 400; font-family: 'Titillium Web',sans-serif; }
.missionVisionRow p {font-size: 16px; color: #000; line-height: 24px; }
.homeClients {padding: 20px 0 60px; text-align: center; }
.homeClients h2 {font-size: 26px; color: #222; margin-bottom: 20px; }
.clientLogos {display: block; clear: both; text-align: center; }
.clientLogos:after {content: ""; display: block; clear: both; }
.clientlogobox {width: calc(16.66% - 15px); height: 170px; text-align: center; position: relative; margin: 15px 15px 0 0; float: left; background-color: #fff; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); display: table; transition: all ease-in-out .5s; border-radius: 5px; }
.clientlogobox:hover {box-shadow: 0 8px 16px rgba(25,56,138,.24); }
.clientlogobox span {display: table-cell; vertical-align: middle; padding: 10px; }
.clientlogobox img {vertical-align: middle; max-height: 130px; max-width: 100%; margin: auto; width: auto!important; }
.clientdFlex {display: flex; text-align: left; margin-bottom: 40px; }
.clientdFlex .clientLeft {min-width: 300px; margin-right: 20px; }
.clientdFlex .clientLeft span {color: #f58025; font-size: 16px; font-weight: 500; }
.clientdFlex .clientLeft .txtbtm {color: #222; font-size: 30px; font-weight: 600; }
#owl-homeclients.owl-theme .owl-nav[class*=owl-] {background-color: transparent; margin: 20px 0 0 0; }
#owl-homeclients.owl-carousel .owl-nav button.owl-next,#owl-homeclients.owl-carousel .owl-nav button.owl-prev {background-color: #cbcbcb; color: #222; }
.clientBox img {border: 1px solid #ccc; border-radius: 10px; }
.clientBox {padding: 1px; }
.bottomCTA {background-color: #0187c5; color: #fff; font-family: 'Titillium Web',sans-serif; font-size: 30px; font-weight: 400; padding: 25px 0 0 0; }
.bottomCTA span {font-weight: 700; white-space: nowrap; }
.bottomCTA .colLeft {width: 26%; float: left; background-color: #00092d; padding: 0 0 10px 20px; }
.bottomCTA .colRight {width: 74%; float: right; padding: 0 0 10px 100px; position: relative; }
.bottomCTA .colRight:before {content: ""; display: block; position: absolute; left: 0; top: 0; border-bottom: 60px solid #00092d; border-right: 60px solid transparent; }
.bottomCTA a {color: #fff; }
.bottomCTA a:hover {padding-left: 2px; color: #000; }
.serviceBoxes {padding: 30px 0 0; }
.serviceBoxes:after {content: ""; display: block; clear: both; }
.serviceBoxes .carouselBox {width: 14.6%; float: left; margin: 0 1% 20px; }
.serviceBoxes .carouselBox .pic {border-radius: 12px; }
.serviceBoxes .carouselBox .content .title {color: #000; }
.serviceBoxes .carouselBox .content {padding: 0; }
.clientPage .clientlogobox {width: 23%; margin: 0 1% 2%; border: 1px solid #ccc; }
.homeGetinTouch {padding: 140px 0 180px; background: url(../images/bg-getintouch.jpg) center top no-repeat; text-align: center; color: #fff; background-size: cover; z-index: 9; position: relative; }
.homeGetinTouch h2 {font-size: 50px; font-weight: 800; text-transform: uppercase; color: #fff; text-shadow: 4px 2px 5px rgba(0,0,0,.25); }
.homeGetinTouch p {font-size: 22px; font-weight: 400; }
.homeForm {clear: both; background-color: #f8f8f8; padding: 0 0 100px; }
.btn-fontaw {font-family: FontAwesome,sans-serif; }
.formBox {max-width: 750px; margin: -80px auto 0; background-color: #fff; padding: 40px; box-shadow: 10px 0 30px rgba(0,0,0,.18); position: relative; z-index: 10; }
.formBox .formBtn {text-align: center; }
.counter-name-wrap {width: 45%; padding-right: 5%; display: inline-block; margin-bottom: 40px; }
.counter-name-wrap .counter {font-weight: 600; font-size: 50px; color: #333; display: inline-block; line-height: 70px; }
.counter-name-wrap .plus {font-weight: 600; font-size: 50px; color: #333; display: inline-block; line-height: 50px; }
.counter-name-wrap small {font-weight: 600; font-size: 20px; color: #333; text-transform: uppercase; }
.counter-name-wrap .counter-name {font-size: 18px; color: #fff; line-height: normal; clear: both; display: inline-block; padding: 5px 15px; background: #e5007d; background: -moz-linear-gradient(-45deg,#e5007d 0,#e5007d 44%,#5d002c 100%); background: -webkit-gradient(left top,right bottom,color-stop(0,#e5007d),color-stop(44%,#e5007d),color-stop(100%,#5d002c)); background: -webkit-linear-gradient(-45deg,#e5007d 0,#e5007d 44%,#5d002c 100%); background: -o-linear-gradient(-45deg,#e5007d 0,#e5007d 44%,#5d002c 100%); background: -ms-linear-gradient(-45deg,#e5007d 0,#e5007d 44%,#5d002c 100%); background: linear-gradient(135deg,#e5007d 0,#e5007d 44%,#5d002c 100%); }
.bigtext {font-size: 26px; font-weight: 400; color: #2a2a2a; margin: 0 0 0 49px; }
.bigtext .fa {top: 7px; }
.col4 {width: 40%; float: left; padding-left: 10%; }
.col8 {width: 60%; float: left; }
.vtop {vertical-align: top; }
.font26 {font-size: 26px; }
.pl0 {padding-left: 0; }
.flex {display: flex; }
.flex .profilePic {width: 20%; }
.profileText {width: 80%; padding: 0 0 0 30px; }
.mobile-reverse .profileText {padding: 0 30px 0 0; }
.error {color: red !important; }
.about_left_img {position: relative; z-index: 2; display: inline-block; margin: auto; }
.about_left_img::after {position: absolute; content: ""; height: 300px; width: 300px; background: url(../images/dotted_bg.png) no-repeat; left: -15%; bottom: -16%; z-index: -1; }
.aboutpageIntro .col-21 {width: 50%; }
.aboutpageIntro .col-22 {width: 45%; vertical-align: top; }
.aboutpageIntro h2 {font-weight: 600; font-size: 24px; line-height: 34px; }
.aboutpageIntro h3 {font-size: 18px; line-height: 30px; }
.aboutpageIntro h2 span {font-weight: 700; }
.fl {float: left; }
.z5 {position: relative; z-index: 5; }
.z10 {position: relative; z-index: 10; }
.visionBox {border: 1px solid #dadada; border-radius: 15px; padding: 15px 15px 20px; border-left-width: 6px; display: flex; }
.visionBox .ico {padding: 0 20px; min-width: 120px; }
.visionBox h2 {font-weight: 500; margin: 0 0 5px; }
.visionBox p {margin: 0; }
.fw300 {font-weight: 300; }
.boxshadow {box-shadow: 0 5px 10px rgba(0,0,0,.15); }
.businessDetails img {border: 1px solid #ccc; border-radius: 20px; }
.detailedBox {border: 1px solid #dadada; border-radius: 20px; overflow: hidden; margin-top: 20px; }
.detailedBox .bRow {border-bottom: 1px solid #ccc; display: flex; flex-direction: row; background-color: rgba(0,0,0,.1); padding: 10px 15px; }
.detailedBox .bRow:nth-child(2n+1) {background-color: #f6f6f6; }
.detailedBox .bRow .col1 {min-width: 190px; text-align: left; }
.detailedBox.w50per .bRow .col1 {width: 50%; }
.detailedBox.w50per .bRow .col2 {width: 50%; }
.pageWrap {position: relative; z-index: 10; }
.cardwrap {display: flex; flex-direction: row; margin: 20px 0; }
.singleCard {display: flex; border: 1px solid #dadada; border-radius: 20px; justify-content: space-between; margin: 0 15px; width: 50%; padding: 20px; align-items: center; }
.singleCard .cardimg {max-width: 300px; }
.singleCard .cardContent h3 {margin: 0 0 20px; font-weight: 700; font-size: 22px; }
.productBox {display: flex; align-items: center; margin-bottom: 60px; }
.productBox .productContent {width: 40%; z-index: 5; }
.productBox .productContent>div {padding: 40px; background-color: #f6f6f6; margin: 0 0 0 -80px; box-shadow: 8px 10px 20px rgba(0,0,0,.1); }
.productBox .productContent h3 {margin: 0; font-size: 32px; }
.productBox .productImg {width: 60%; }
.productBox.reverse {flex-direction: row-reverse; }
.productBox.reverse .productContent>div {margin: 0 -80px 0 0; }
.contactFlex {display: flex; }
.contact__page__info {padding: 20px; color: #222; margin-right: 30px; }
.contact__page__info .boxColumn a {color: #222; }
.contact__page__info .boxColumn a:hover {color: #222; text-decoration: underline; }
.contact__page__info .box .fa {color: #222; }
.contact__info__heading h2 {font-size: 22px; letter-spacing: -1px; line-height: 45px;  text-transform: capitalize; margin-bottom: 23px; color: #222; }
.contact__info__heading p {font-size: 16px; line-height: 26px; font-weight: 400; color: #fff; }
.single__contact__location {position: relative; padding: 30px 0 0 100px; }
.single__contact__location h6 {font-size: 16px; line-height: 26px; margin: 0; font-weight: 500; }
.single__contact__location__icon {height: 50px; width: 50px; text-align: center; line-height: 50px; position: absolute; left: 20px; top: 50%; margin-top: -25px; }
.single__contact__location__icon__bg {position: relative; z-index: 2; }
.single__contact__location__icon__bg:after {position: absolute; content: ""; height: 70px; width: 35px; background: #bfdf70; border-radius: 50%; transform: rotate(-45deg); z-index: -1; left: 0; top: 0; }
.contactRight {background-color: #fff; flex: 0 0 40%; }
.contactLeft {flex: 0 0 30%; background: #f6f6f6; }
.mapBox {background-color: #fff; border-radius: 10px; flex: 0 0 30%; }
.mapBox img {transition: all ease-in-out .5s; }
.mapBox a:hover img {transform: scale(1.05); }
.mapBox iframe {border: 1px solid #ccc; display: block; }
.bgForm {padding: 0 60px; }
.form_heading h2 {font-size: 24px; letter-spacing: -1px; line-height: 45px; color: #000; font-weight: 700; text-transform: capitalize; margin-bottom: 10px; }
.form_heading {margin-bottom: 30px; }
.form_heading p {font-size: 16px; line-height: 26px; color: #555; font-weight: 400; }
.formWrap label {color: #fff; }
.display-block {display: block; }
.masonry {margin: 0; display: flex; width: 100%; }
.masonry--h {flex-flow: row wrap; }
.masonry--h {margin-left: -8px; counter-reset: brick; }
.masonry-brick {overflow: hidden; border-radius: 5px; margin: 0 0 8px 8px; background-color: #333; color: #fff; position: relative; }
.masonry-brick:after {position: absolute; top: 50%; left: 50%; z-index: 5000; transform: translate(-50%,-50%); counter-increment: brick; content: "\f00e"; transition: font-size .25s,opacity .25s ease-in-out; font-weight: 700; opacity: 0; font: normal normal normal 14px/1 FontAwesome; font-size: 1.25em; }
.masonry-brick:hover:after {font-size: 2.25em; opacity: 1; }
.masonry-brick--h {flex: auto; height: 250px; min-width: 150px; }
.logoImg img.dark {display: none; }
.loader {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; background: #1c1c1c; }
.loaderImg {width:110px; height:110px; position:absolute; left:calc(50% - 55px); top:calc(50% - 55px); background: #1c1c1c url(../images/favicon.png) 50% 50% no-repeat; -webkit-animation: zoomOut 2s infinite linear; }
@-webkit-keyframes zoomOut {from {-webkit-transform: scale(0); }
to {-webkit-transform: scale(1); }
}
.w480 {max-width: 480px; }
.ml10 {margin-left: 10px; }
.bg-f6f6f6 {background-color: #f6f6f6; }
.fancybox-button {min-width: inherit; }
#owl-homeclients.owl-theme .owl-nav {width: auto; border: none; margin-top: 0; }
#owl-homeclients.owl-carousel .owl-nav button.owl-next,#owl-homeclients.owl-carousel .owl-nav button.owl-prev {line-height: 30px; padding: 0 20px!important; }
.homeAbout {padding:100px 0; background-color: #1c1c1c; color:#d5d5d5 }
.homeAbout.nobg{background-image:none}
.homeAbout .abtflex{display:flex;  margin:0 -30px;align-items: center;}
.homeAbout .abtflex .cfcol{ margin:0 30px;width:45%}
.homeAbout .abtflex .cfcol.first{flex:1;}
.homeAbout .abtflex .cfcol img{border-radius:15px;}
.homeAbout .col-21 {width:36%; margin-right:6%; }
.homeAbout .col-22 {width: 54%; }
#owl-aboutpage.owl-carousel .owl-item img {border-radius: 60px 0 0 0; }
.homeAbout.is-inner .col-21 {width: 60%; margin-right:0; }
.homeAbout.is-inner .col-22 {width:36%; margin-left:0; }
.homeAbout.is-inner .skill-tag {left:-75px; right:inherit; }
.custom-cursor {
  position: fixed;
  width: 12px;
  height: 12px;
  background-color:#CAA05C;
  
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
  transition: transform 0.1s ease, background-color 0.3s ease;
  z-index: 999999;
  mix-blend-mode: difference; /* optional */
}

.custom-cursor.cursor-hover {
  transform: translate(-50%, -50%) scale(2);
  background-color: rgba(255, 255, 255, 0.3);
}
.subtitle{color:#fff; font-size:24px; font-weight:400;  font-family: "Alegreya", serif; font-style:italic;margin-bottom: 10px;}
.subtitle span:before{background-color:#896755;height:2px; width:46px; content:""; display:inline-block;margin: 0 10px;top: -5px;position: relative;}
.maintitle{color: #fff;
    font-size: 90px;
    line-height: 100px;
    font-weight: 200;
    margin: 0 0 35px;
    text-transform: uppercase;}
.heading2{color: #fff;
    font-size: 60px;
    line-height: 70px;
    font-weight: 200;
    margin: 0 0 35px;
    text-transform: uppercase;}
.about-us-2__media {
  position: relative;
  margin-right: 80px;
}
.about-us-2__thumb-1{margin-top:80px;}
.about-us-2__thumb-2 {
    position: absolute;
    top: -80px;
    right: 0;
}
.about-us-2__customer h3{color: #fff;font-size: 30px;font-weight: 700;}
.about-us-2__customer {
   text-align:left;
   color:#fff;
    background: #15181B;
    border:5px solid #FFFFFF;
   
    height: 120px;
    width: 270px;
    padding: 15px 24px 12px;
    position: absolute;
    bottom:90px;
    right: 60px;
}
.video-section {
      position: relative;
      width: 100%;
      height: 100vh;
      overflow: hidden;
      background-color: #000;
    }

    .video-thumbnail,
    .video-element {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .video-element {
      display: none;
    }

    .play-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      cursor: pointer;
      background: rgba(0, 0, 0, 0.4);
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 2;
    }

    .play-overlay img {
      width: 80px;
      height: 80px;
    }

    .video-overlay-text {
      position: absolute;
      top: 50%;
      width: 100%;
      text-align: center;
      color: white;
      transform: translateY(-50%);
      z-index: 1;
      pointer-events: none;
    }


.text-orange{color:#896755 !important;}
.bg-orange{background-color:#fff3ed !important}
.bg-blue{background-color:#fff3ed !important}



.product-blocks {display: flex; justify-content: center; }
.product-blocks .sblock {margin: 0 15px 25px; text-align: center; border-radius: 10px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; }
.product-blocks .sblock.col4 {width: calc(25% - 30px); }
.product-blocks .sblock h3 {font-weight: 400; }
.product-blocks .sblock img {border-radius: 10px; border: 1px solid #e2e2e2; }
.titlewithtape {background: url(../images/bg-tape.jpg) 50% bottom no-repeat; text-align: center; padding-bottom: 55px; background-size: 270px; margin-bottom: 40px; color: #673638; }
.about-dark {background-color: rgba(255,255,255,.75); padding: 20px; border-radius: 10px; margin-right: 45%; }
.serviceBoxesInner {display: flex; flex-wrap: wrap; }
.service-box {background: #343434; overflow: hidden; border: 1px solid #eee; border-radius: 10px; box-shadow: 0 10px 20px 0 rgba(50,50,50,.12); margin: 15px; -webkit-transition-duration: .3s; transition-duration: .3s; display: block; flex: 0 0 calc(25% - 30px); }
.service-box:hover {box-shadow: 0 10px 20px 0 rgba(50,50,50,.42); background-color: #131313; }
.service-inner-box {padding: 0 20px 0 20px; display: flex; }
.service-icon-box {float: left; padding-top: 5px; margin-right: 20px; margin-top: 20px; }
.service-icon-box img {max-width: 82px; }
.service-box .readmore {color: #fff; padding: 6px 15px; border-radius: 5px; border: 1px solid #f6f6f6; display: inline-block; }
.service-box:hover .readmore {background-color: #000; }
.service-content-box {float: left; }
.service-box .imgH {overflow: hidden; margin-bottom: 20px; }
.service-box .imgH img {width: 100%; transform: scale(1); transition: all ease-in-out .5s; display: block; }
.service-box:hover .imgH img {transform: scale(1.1); }
.service-box h3 {color: #fff; font-size: 18px; font-weight: 500; margin: 15px 0 0; }
.service-box:hover h3 {color: #008dd2; }
.service-box p {color: #cacaca; font-size: 15px; font-weight: 400; margin-top: 0; }
.service-box i {color: #f58025; font-size: 53px; -webkit-transition-duration: .3s; transition-duration: .3s; }
.primary-list {padding-left: 0; }
.primary-list li {list-style-type: none; margin-top: 5px; position: relative; padding-left: 20px; }
.primary-list li i {color: #f58025; padding-right: 10px; font-size: 13px; position: absolute; top: 5px; left: 0; }

.dflex-white-box {display: flex; flex-wrap: wrap; }
.white-box {flex: 0 0 calc(20% - 30px); margin: 15px; background-color: #fff; border-radius: 5px; padding: 15px; text-align: center; }
.white-box h2 {color: #111; font-size: 20px; font-weight: 500; margin: 10px 0 0; }
.white-box h2:after {content: ''; display: block; background: #f58025; height: 3px; width: 70px; margin: 10px auto; }
.bg-white {background: #f6f6f6!important; }
.bg-fff {background: #fff!important; }
.img-bordered {display: block; border-radius:20px; box-shadow:0px 1px 60px rgba(0,0,0,0.15); margin: auto; }
.border {border: 1px solid #ccc; }
.pageSwitch {position: relative; text-align: center; display: flex; flex-wrap: wrap; max-width: 600px; margin: auto; }
.pageSwitch .showSingle {border: 1px solid #ccc; padding: 10px 15px; color: #222; border-radius: 5px; display: inline-block; flex: 0 0 calc(50% - 20px); margin: 10px; cursor: pointer; }
.pageSwitch .showSingle.active {background-color: #f58025; border-color: #f58025; color: #fff; }

.primary-list.two-col {display: flex; margin: 10px 0 10px; flex-wrap: wrap; }
.primary-list.two-col li {margin: 0 1px 2px 0; flex: 0 0 calc(50% - 10px); }
.primary-list.three-col {display: flex; margin: 10px 0 10px; flex-wrap: wrap; }
.primary-list.three-col li {margin: 0 10px 2px 0; flex: 0 0 calc(33.33% - 10px); }
.image-box {position: relative; z-index: 1; display: inline-block; float: right; }
.image-box .image-item {position: relative; overflow: hidden; }
.image-box .image-item>img {border-radius:20px; display: block!important; }

.bottomCta {background-color: #008dd2; padding: 40px 0; color: #fff; font-size: 30px; font-weight: 900; }
.bottomCta .flexRows {display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.bottomCta .flexRows>div {margin: 15px; text-align: center; }
.bottomCta .flexRows .txt4 a {color: #fff!important; }
.bottomCta .flexRows .txt4 i {display: inline-block; margin-right: 5px; }
.interLinks {list-style: none; margin: 0; padding: 0; }
.interLinks li {list-style: none; margin: 0 0 5px; position: relative; }
.interLinks li a {padding: 6px 0 9px 45px; position: relative; border: 1px solid #ccc; border-radius: 5px; display: block; color: #222; }
.interLinks li a:before {content: ""; width: 24px; height: 24px; background: url(../images/icon-arrow.png) 0 0 no-repeat; background-size: auto; padding: 0; margin-left: 0; display: inline-block; position: absolute; left: 12px; top: 11px; background-size: 18px; }
.interLinks li a:hover {background-color: #000; color: #fff; }
.w500 {max-width: 500px; }
.box-shadow {box-shadow: 0 5px 30px rgb(0 0 0 / 10%); z-index: 1; position: relative; }
ul.style1 {padding: 0; margin: 0 0 15px 0; list-style-type: none; }
ul.style1 li {padding: 0 0 19px 40px; position: relative; margin: 0; }
ul.style1 li:before {content: ""; width: 26px; height: 26px; background: url(../images/icon-arrow.png) 0 0 no-repeat; padding: 0; margin-left: 0; display: inline-block; position: absolute; left: 0; top: 0; background-size: 26px; }
.style1.values li:before {position:relative; top:8px; margin-right:5px; }
.style1.values li {padding: 0 0 2px 0; }
.highlight {color: #000; font-size: 20px; }
.highlight a {color: #008dd2; text-decoration: underline; }
.cBoxFlex {display: flex; margin: 0 -15px; }
.cBoxFlex .cbox {background-color: #ccc; padding: 20px; text-align: center; flex: 0 0 calc(33.33%-30px); margin: 15px; border-radius: 10px; color: #fff; }
.cBoxFlex .cbox.one {background-color: #c0504d; }
.cBoxFlex .cbox.two {background-color: #9bbb59; }
.cBoxFlex .cbox.three {background-color: #8064a2; }
#masthead.fixed-header .burger-container {margin-top:10px; }
.burger-container {display:none; float:right; margin-top:14px; position: relative; height: 50px; width: 50px; cursor: pointer; transform: rotate(0deg); transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }
.burger-container #burger {width: 28px; height: 10px; position: relative; display: block; margin: -5px auto 0; top: 50%; }
.burger-container #burger .bar {width: 100%; height:2px; display: block; position: relative; background: #B2996E; transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition-delay: 0s; }
.burger-container #burger .bar.topBar {transform: translateY(0px) rotate(0deg); }
.burger-container #burger .bar.btmBar {transform: translateY(6px) rotate(0deg); }
.burgerMenu {background-color:#1c1c1c}
.site-header.menu-opened .burgerMenu {}
.site-header .burgerMenu ul.menu {padding-top:30px; }
.site-header ul.menu {position: relative; display: block; padding: 0px 30px 0; text-align:center; list-style: none; }
.site-header ul.menu li.menu-item {margin-top: 5px; transform: scale(1.15) translateY(-30px); opacity: 0; transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
.site-header ul.menu li.menu-item:nth-child(1) {transition-delay: 0.49s; }
.site-header ul.menu li.menu-item:nth-child(2) {transition-delay: 0.42s; }
.site-header ul.menu li.menu-item:nth-child(3) {transition-delay: 0.35s; }
.site-header ul.menu li.menu-item:nth-child(4) {transition-delay: 0.28s; }
.site-header ul.menu li.menu-item:nth-child(5) {transition-delay: 0.21s; }
.site-header ul.menu li.menu-item:nth-child(6) {transition-delay: 0.14s; }
.site-header ul.menu li.menu-item:nth-child(7) {transition-delay: 0.07s; }
.burgerSocial {margin-top: 10px; padding-bottom:30px; transform: scale(1.15) translateY(-30px); opacity: 0; transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
.burgerSocial {transition-delay: 0.07s; text-align:center; font-size:26px; }
.burgerSocial a {width: 42px;
    height: 42px;
    line-height: 44px;
    font-size: 20px;
    border-radius: 4px;
    display: inline-block;
    margin:10px;
    text-align: center;
    color: #fff !important;
    background: #1B1F22;
    border: 1px solid #4D4D4D;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25); }
.burgerSocial a:hover {background-color: #000; color: #fff !important; }
.site-header.menu-opened .burgerSocial {transition-delay: 0.69s; transform: scale(1) translateY(0px); opacity: 1; }
.burgerMenu {display:none}




.menuQuoteBtn {text-align: center; margin: 0 0 30px; transform: scale(1.15) translateY(-30px); opacity: 0; transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
.site-header.menu-opened .menuQuoteBtn {transition-delay: 0.69s; transform: scale(1) translateY(0px); opacity: 1; }
.site-header ul.menu li.menu-item a {display: block; position: relative; color: #fff; text-decoration: none; font-size: 22px; line-height: 2;  width: 100%; }
#masthead.site-header.menu-opened {height:100vh; position:absolute; overflow-y:auto; background-color: #1c1c1c; transition: all 0.3s ease-in, background 0.5s ease-in; transition-delay: 0.25s; }
.site-header.menu-opened .burger-container {transform: rotate(90deg); }
.site-header.menu-opened .burger-container #burger .bar {transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition-delay: 0.2s; }
.site-header.menu-opened .burger-container #burger .bar.topBar {transform: translateY(4px) rotate(45deg); }
.site-header.menu-opened .burger-container #burger .bar.btmBar {transform: translateY(2px) rotate(-45deg); }
.site-header.menu-opened ul.menu li.menu-item {transform: scale(1) translateY(0px); opacity: 1; }
.site-header.menu-opened ul.menu li.menu-item:nth-child(1) {transition-delay: 0.27s; }
.site-header.menu-opened ul.menu li.menu-item:nth-child(2) {transition-delay: 0.34s; }
.site-header.menu-opened ul.menu li.menu-item:nth-child(3) {transition-delay: 0.41s; }
.site-header.menu-opened ul.menu li.menu-item:nth-child(4) {transition-delay: 0.48s; }
.site-header.menu-opened ul.menu li.menu-item:nth-child(5) {transition-delay: 0.55s; }
.site-header.menu-opened ul.menu li.menu-item:nth-child(6) {transition-delay: 0.62s; }
.site-header.menu-opened ul.menu li.menu-item:nth-child(7) {transition-delay: 0.69s; }
.homevisionMission {padding:40px 0 60px; background-color:#fff; position:relative; text-align:center;     clear: both;}
.homevisionMission h2 {font-size:42px; color:#272727; margin-bottom:15px}
.homevisionMission .colFlex {display:flex; margin:0}
.homevisionMission .colFlex .vmBox {flex:0 0 50%; padding:15px 0}
.homevisionMission .colFlex .vmBox h3 {margin:15px 0; font-weight:600; color:#896755; }
.homevisionMission .colFlex .vmBox p {margin:15px; }

.homeService{padding:100px 0 0;  position:relative; background-color:#1c1c1c}
.vectorImg{padding:0 0 50px; margin-top:-50px;  position:relative; background-color:#1c1c1c; text-align:center}

.homeService p{color:#ccc; margin:0; transition:all ease-in-out 0.5s}
.homeService a:hover h3{color:#fff}
.homeService a:hover p{color:#fff}
.homeService .imgwrap{overflow:hidden}
.homeService .imgwrap img{transition:all ease-in-out 0.5s}
.homeService a:hover .imgwrap img{transform:scale(1.1);}
#owl-homeservice{padding:50px 0 10px}
#owl-homeservice.owl-carousel .owl-stage{display:flex}
#owl-homeservice.owl-carousel .owl-item{ text-align:center}
.hsbox{text-align:center}
.hsbox .icon{width:90px; height:90px; margin:0 auto 0; position:relative;  background-position:center center; background-repeat:no-repeat;display: block;background-size: 100%; transition:all ease-in-out 0.5s; background-position:center bottom}
.hsbox{color:#fff}
.hsbox .icon1{background-image:url(../images/icon1.png);}
.hsbox .icon2{background-image:url(../images/icon2.png);}
.hsbox .icon3{background-image:url(../images/icon3.png);}
.hsbox .icon4{background-image:url(../images/icon4.png);}
.hsbox .icon5{background-image:url(../images/icon5.png);}
.hsbox .icon6{background-image:url(../images/icon6.png);}
.hsbox h3{font-weight:400; margin:15px 0; color:#fff; font-size:22px; text-transform:uppercase}
#owl-homeservice .readmore{font-weight:600; margin:15px 0 10px; color:#896755; display:block}
.hsbox:hover .icon{background-size:90%;}

.serviceInnerBoxes{display:flex; margin:0 -15px;flex-wrap: wrap;}
.serviceInnerBoxes .hsbox{width:calc(50% - 30px); margin:15px; border-radius:30px; padding:30px 0}
.serviceInnerBoxes .hsbox:hover{ background:rgba(0,0,0,0.2);}

.projInnerBoxes{display:flex; margin:0 -15px;flex-wrap: wrap;}
.projInnerBoxes .projBox{width:calc(50% - 30px); margin:15px; }
.projInnerBoxes .projBox .projimgwrap img{display:block; width:100%}

.homeService a:hover .readmore{color:#018bce !important; }
.homeService a:hover .readmore svg path[stroke="#896755"] {stroke: #018bce;}

.homeService .left-shape {position: absolute;left: 0; top: 50px;}
.homeService .right-shape {position: absolute;right: 0;top: 0;}
.homeService .dot-shape {position: absolute;right: 127px;top: 198px;}
.homeService .line-shape {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    height: 70px;
	animation: ShapeAnim 80s linear infinite;
   
    width: 100%;
    background-repeat: repeat;
    overflow: hidden;
}
.homeService .exploreBtn{padding:80px 0 60px}

@keyframes ShapeAnim {
  0% {
    background-position: top left;
  }
  100% {
    background-position: top left 2000px;
  }
}

.homeCounter{background:#000;position:relative; padding:100px 0}
.homeCounter .counter_bg{
	background:url(../images/bg-counter.jpg);
	position: absolute;

  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.2;
  background-size: cover;}
.dflex-col {display: flex; flex-wrap: wrap; }
.counter-box {position: relative;  flex: 0 0 calc(25% - 30px); margin: 15px; display:flex; align-items:center }
.counter-box h3 {display: inline-block; font-size:50px; font-weight: 600; color: #fff; margin:0;}

.counter-box p {font-size: 20px; font-weight: 400; color: #fff; line-height: 1.7; margin:0; }
.counter-box .cbicon{width:80px; height:80px; background:#fff; border-radius:40px; margin:0 15px 0 0;display: flex;align-items: center;justify-content: center;}
.counter-box .cbtxt{flex:1}

.homeProjects{padding:100px 0; background-color:#1c1c1c; position:relative}
.homeProjects .hpflex{display:flex; margin:0 -15px; flex-wrap:wrap}
.homeProjects .hpflex .hpbox{width:calc(33.33% - 30px); margin:15px; background-color:#ccc;  border-radius:20px; overflow:hidden; position:relative}
.homeProjects .hpflex .hpbox:first-child{width:calc(66.66% - 30px);}

#owl-projects{padding:50px 0; color:#fff}
.projBox .projimgwrap{display:block; overflow:hidden}
.projBox .projCategory{color: #fff;font-size: 24px;font-weight: 400;font-family: "Alegreya", serif;font-style: italic;margin: 20px 0 0;}
.projBox .projTitle{font-size:30px; text-transform:uppercase; font-weight:300}

.latest-project__item-content, .latest-project__item-content .icon, .latest-project__item-content .icon__wrapper:after, .latest-project__item-thumb img, svg path {
    -webkit-transition: all 0.3s 0s ease-out;
    transition: all 0.3s 0s ease-out;
}

.latest-project__item {
  
  background: rgba(21, 24, 27, 0.7);
  border-radius: 10px;
}
.latest-project__item-content {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.latest-project__item-content .icon {
  width: 80px;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 500px;
  background: #fff;
}
.latest-project__item-content .icon svg path[fill=white] {
  fill: black;
}
.latest-project__item-content .icon:hover {
  background:#896755;
}
.latest-project__item-content .icon:hover svg path[fill=white] {
  fill: white;
}
.latest-project__item-content .icon__wrapper {
  width: 100%;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: calc(100% - 110px);
}
.latest-project__item-content .icon__wrapper:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 0;
  background: rgba(21, 24, 27, 0.7);
  border-radius: 10px;
}
.latest-project__item-content .text {
  left: 0;
  width: 100%;
  bottom: 0;
  padding: 21.5px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  background:#222;
}
.latest-project__item-content .text .title{margin:0; font-size:20px;}
.latest-project__item-content .text .title a{color:#fff}
.latest-project__item-content .text .title a:hover{color:#896755}
.latest-project__item-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;display: block;
}
.latest-project__item:hover .latest-project__item-thumb img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.latest-project__item:hover .latest-project__item-content {
  opacity: 1;
  visibility: visible;
}
.latest-project__item:hover .icon__wrapper::after {
  height: 100%;
}

.homeTestimonial{padding:100px 0; background-color:#FFF3ED;}
#owl-hometestimonial.owl-carousel .owl-stage{display:flex}
#owl-hometestimonial.owl-carousel .owl-item{background-color:#fff; border-radius:20px; box-shadow:0 2px 19px rgba(0,0,0,0.05); padding:40px;margin-top: 50px; }
#owl-hometestimonial .hticon{width:80px; height:80px; border-radius:50%; background:#896755 url(../images/icon-quote.png) center center no-repeat; display:block; margin:-70px 0 20px 0}
#owl-hometestimonial .htstars{color:#FFA54B; font-size:26px; margin:0 0 20px;}
#owl-hometestimonial .httext{font-size:18px; color:#555; margin:0 0 20px;}
#owl-hometestimonial .htname{font-size:18px; color:#555;font-weight:600;margin:0;}

.homeFaq{padding:100px 0; background:url(../images/bg-faq.jpg) left top no-repeat;}
.faq-accordion .accordion{list-style-type:none;padding-left:0;margin-bottom:0;}
.faq-accordion .accordion .accordion-item{display:block;margin-bottom:25px;border-radius:20px 0 20px 0;}
.faq-accordion .accordion .accordion-item:last-child{margin-bottom:0;}
.faq-accordion .accordion .accordion-title{color:#222;text-decoration:none;position:relative;display:block;font-size:20px;font-weight:500; background:#f3f3f3;padding:20px 40px 20px 20px; border-radius:10px;}
.faq-accordion .accordion .accordion-title i{position:absolute;right:15px;top:28px;-webkit-transition:all ease 0.5s;transition:all ease 0.5s;}
.faq-accordion .accordion .accordion-title.active{padding-right:40px;color:#fff; background-color:#896755;}
.faq-accordion .accordion .accordion-title i:before{top:20px;content:"";width:16px; height:16px; background:url(../images/icon-plus.png) 0 0 no-repeat; display:block;}
.faq-accordion .accordion .accordion-title.active i::before{content:"";width:16px; height:16px; background:url(../images/icon-minus.png) 0 0 no-repeat; display:block;}
.faq-accordion .accordion .accordion-content{display:none;position:relative;padding:20px 20px;border-radius:0 0 10px 10px;background: #f3f3f3}
.faq-accordion .accordion .accordion-content p{line-height:1.8;}
.faq-accordion .accordion .accordion-content.show{display:block;}

.footerCta{background:#1c1c1c;  position:relative; padding:60px 0}
.footerCta .fcflex{display:flex; align-items:center;}
.footerCta .fcflexLeft{flex:1; margin-right:30px; }

.footerCta h3{color:#fff; font-size:100px; font-weight:200; margin:0 0 20px; text-transform:uppercase}
.footerCta p{color:#fff; font-size:24px; font-weight:400; margin:0;  font-family: "Alegreya", serif; font-style:italic;
}

.haveProjectinMind{background:#B2996E;position:relative}
.haveProjectinMind .hpmflex{display:flex; align-items:center; }
.haveProjectinMind .hpmflex .hpmLeft{flex:1; text-align:right; padding-right:50px; }
.haveProjectinMind h2{font-weight:700; color:#fff; font-size:60px;}
.haveProjectinMind p{ color:#fff; font-size:26px;}
.haveProjectinMind .hpmflex .hpmRight{margin-top:-100px}

.homePlaces{background:#edf3f5 url(../images/bg-places.jpg) top left no-repeat; background-size:cover; padding:0 0 60px}
.homePlaces h2{font-size: 42px;margin:40px 0 0;}
.homePlaces p{margin:0; padding:0;}	
.homePlaces .hpimgbox{overflow:hidden; display:flex; min-height:350px; border-radius:20px; margin-bottom:8px;}	
.homePlaces .hpimgbox img{display:block;transition:all ease-in-out 0.5s}
.homePlaces a{color:#000}
.homePlaces a:hover{color:#2856BB}
.homePlaces a:hover img{transform:scale(1.1);}


#owl-homePlaces{margin:30px 0 0 0}
.homewhtsAppForm {
	background-color: #fff;
	box-shadow: 0 0 76px rgba(0, 0, 0, .1);
	border-radius: 10px;
	padding: 25px;
	max-width: 1100px;
	margin: -40px auto 0;
	z-index: 99;
	position: relative
}

.homewhtsAppForm .frmtitle{font-size:24px;}

.homewhtsAppForm form {
	display: flex
}
.text-left{text-align:left}
.homewhtsAppForm form>div {
	flex-grow: 1;
	flex-basis: 0;
	text-align: left;
	padding-right: 15px
}

.homewhtsAppForm form input {
	width: 100%;
	border-radius:5px;
	padding:9px 15px 8px;
	border: 1px solid #ccc;
	font-size:18px;
}

.homewhtsAppForm form select {
	width: 100%;
	padding: 8px 15px;
	border: 1px solid #ccc;
	border-radius: 5px;
	font-size:18px;
}

.homewhtsAppForm form label {
	font-weight: 400; font-size:18px;
	margin-bottom: 5px;
	display: block
}
.text-black{color:#000}
.text-gradient{background: linear-gradient(90deg, rgba(41, 84, 185, 1) 0%, rgba(17, 141, 245, 1) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;}
.homewhtsAppForm form input[type=submit] {
	background-color: #05c335;
	border: none;
	border-radius:5px;
	font-weight: 400;
	font-size: 18px;
	padding: 9px 15px;
	background:#00a884;
text-transform:inherit
}
.btn-fontaw {
    font-family: FontAwesome, Muli, sans-serif;
}

.homeParallax {position:relative; min-height:370px; background-attachment:fixed; background-size:cover; }
.flex-list {display:flex; flex-wrap:wrap; max-width:800px}
.flex-list li {flex:0 0 50%; }
.homeProducts {padding:100px 0; background-attachment:fixed; background-size:cover; position:relative; }


.homeProducts .pro-flex { display:flex; flex-direction:column;  margin-right: auto; color:#fff}
.homeProducts h3 {color:#fff; font-size:48px;font-family: "Marcellus", serif; font-weight:400 }
.homeCallback {padding:80px 0; background:url(../images/bg-home-form.jpg) right bottom no-repeat; }
.homeCallback h2 {color:#345db1; font-size:30px; }
.contactflex {display:flex; }
.contactflex .divLeft {flex:0 0 50%; padding:40px; }
.contactflex .divLeft h2 {font-weight: 400; color: #043d72; }
.contactflex .divRight {flex:0 0 50%; }
.contBoxes {padding:0; }
.contBoxes .contBoxFlex {display:flex; flex-wrap:wrap; flex-direction:column }
.contBoxes .contBoxFlex .contact-box {flex:1; padding:15px; border:1px solid #ccc; margin:15px; border-radius:20px; text-align:center}
.contact-box .contact-icon img {width: 64px; height: 64px; max-width: unset; margin-bottom: 20px; }
.content-text .title {font-size: 26px; color:#fff; line-height: 38px; margin: 0 0 10px; }
.contact-box .content-text .services-txt {margin: 0; color: #fff; font-weight: 400; }
.contact-box .content-text a { color: #fff; }
.applicationFlex {display:flex; flex-wrap:wrap; margin:30px 0 0}
.applicationFlex .appliBox {padding:15px; flex:0 0 25%; text-align:center; }
.applicationFlex .appliBox img {display:block; border-radius:30px 0 0 0}
.applicationFlex .appliBox p {text-align:center; }
.qualityBig {margin-bottom:20px; font-size:24px; }
.mb20 {margin-bottom:20px !important; }
.getquotebtn .btn-phone{display:flex;align-items: center;}
.getquotebtn .btn-phone span.icon{width:50px; height:50px; border-radius:17px;  line-height:50px; display:inline-block; text-align:center; color:#fff; font-size:24px; margin-right: 10px; transition:all ease-in-out 0.5s}
.getquotebtn .btn-phone small{color:#8F8F8F; font-size:15px; margin-bottom:5px; font-weight:500;}
.getquotebtn .btn-phone .tnumber{color:#fff; font-size:18px; font-weight:500;}
.getquotebtn .btn-phone span.txt{display: flex;flex-direction: column;}
.getquotebtn .btn-phone:hover span.icon{  background-color:#25d366; color:#fff}

.mobile-grid{display:none; flex-wrap:wrap; margin:0 -10px;}
.mobile-grid > div{flex:0 0 50%; padding:10px;}
.mobile-grid h3{font-size:18px;margin:0;color: #222;}
.mobile-grid > div img{border-radius:10px;}
#owl-homeProducts.owl-carousel .owl-nav button.owl-next,#owl-homeProductss.owl-carousel .owl-nav button.owl-prev {
    background-color: transparent;
    border: 1px solid #ccc;
    width: 70px;
    padding: 2px 7px!important;
    color: #ccc;
    border-radius: 30px
}
#owl-homeProducts h3{font-size:18px;margin:0;color: #222;}
#owl-homeProducts.owl-carousel .owl-item img {
    max-width: 100%;
    width: auto;
    margin: 20px auto;
    border-radius: 20px;
    display: block;
    overflow: hidden;border: 1px solid #ccc;
}
.mobile-grid .carouselBox .pic{border-radius:0}
#owl-homeProducts.owl-carousel .carouselBox .pic{border-radius:20px}
#owl-homeProducts .carouselBox:hover img.proimg {box-shadow: 0 5px 10px 5px rgba(0,0,0,.1)}

/*flexPackage*/
.flexPackage{display:flex; flex-wrap:wrap; margin:0 -15px;}
.flexPackage .fBox{flex:0 0 calc(33.33% - 30px); margin:15px;border:1px solid #ccc; padding:15px; text-align:center;}
.flexPackage .fBox:hover{background-color:#018BCE}
.flexPackage .fBox:hover h3{color:#fff}
.flexPackage .fBox h3{margin:0}
@media only screen and (max-width:600px){
	.flexPackage{ margin:0 -10px;}
	.flexPackage .fBox{flex:0 0 calc(50% - 20px);margin:10px;}
}
@media only screen and (max-width:400px){
	.flexPackage{ flex-direction:column}
	
}


@media only screen and (min-width:1025px) {
	.homeSlider {height:100vh;min-height: 800px; }
	#owl-homeslider {height:100vh; min-height: 800px; }
	#owl-homeslider.owl-carousel .owl-item img {height: 100vh; min-height: 800px;}
}
@media only screen and (max-width:1600px) {
	
	.homeAbout .abtflex .cfcol{flex:1}
	.logoImg img {max-height: 80px; }
	.topMenu {padding:21px 0 0 0; }
	#cssmenu>ul>li {margin: 0 15px; }
	
}
@media only screen and (max-width:1520px) {
	#cssmenu>ul>li>a{font-size:18px;padding: 20px 0;}
	
    
	
}
@media only screen and (max-width:1400px) {
	.footerCta h3 {font-size: 40px;}
	
	.about-us-2__media{margin-right:0}
	.about-us-2__thumb-2 img{max-width:300px;}
	.about-us-2__customer{right:0}
	
	
	.topSocialIcons a {width: 34px; height: 34px; line-height: 34px; font-size: 18px; }
	.container {padding: 0 15px; }
	.topbar .container {margin: 0 15px; }
	
	.fixed-header .topSocialIcons {padding-top: 13px; }
}
@media only screen and (max-width:1299px) {.logoImg img {max-height: 60px; }
#owl-homeslider {height: 70vh; min-height: 600px; }
#owl-homeslider.owl-carousel .owl-item img {height: 70vh; min-height: 600px; }
.homeSlider .caption-wrap .line1 {font-size: 4.5vw; line-height: 6.5vw; }
.homeSlider .caption-wrap p {font-size: 2vw; line-height: 2vw; margin:3vw 0 }
.fixed-header .topSocialIcons {padding-top: 13px; }
.homeIntro .titletxt {margin-top: 0; }
.topbar .topLeft {line-height: 22px; }
}
@media only screen and (max-width:1279px) {.white-box {flex: 0 0 calc(33.33% - 30px); }
.service-box {flex: 0 0 calc(33.33% - 30px); }
#cssmenu>ul>li {margin: 0 10px; }
.topSocialIcons a {margin-left: 4px; }
.col4 {padding-left: 0; }
.counter-name-wrap .counter {font-size: 40px; }
.counter-name-wrap .plus {font-size: 40px; }
}
@media only screen and (max-width:1180px) {.getquotebtn .button-grd-line {height:44px; font-size: 16px; }
.getquotebtn .button-grd-line.fw200 {width: 170px !important; }
.getquotebtn {margin: 0 0 0 20px; }

#cssmenu>ul>li>a {font-size: 15px; }
.hasSub:after {font: normal normal normal 16px/1 FontAwesome; }
}
@media only screen and (max-width:1024px) {
	.homeSlider .caption-wrap {
    top: 27%;}
	.sisCompany {flex-direction:column; align-items:inherit}
.sisCompany img {max-width:100px; }
.sisCompany .cname {margin-left: 0; }
.service-box {flex: 0 0 calc(50% - 30px); }
.contactLeft .primary-list.two-col li {flex: 0 0 100%; }
.clientlogobox {width: calc(25% - 15px); }
.pageTitle {background-position: 0; }
.homeAbout h1,.homeAbout .head1 {font-size: 32px; }
.titletxt {font-size: 38px; line-height: 42px; }
.showOnlyDesktop {display: none; }
.showiPad {display: block; }
.site-footer .container {padding: 0 15px; }
.site-footer .copyRight .container {padding: 25px 15px 0; }
}
@media only screen and (max-width:1023px) {
	.homeService .right-shape{display:none}
	.homeService .left-shape{display:none}
	.homeService .dot-shape{display:none}
	
	
	.contBoxes .contBoxFlex .contact-box {padding:20px; }
.pageTitle {padding: 210px 0 130px; }
.homeCallback {background-size: 100% auto !important; }
.homeCallback .col-21 {width:60%}
.homeParallax {min-height: 210px; }
.homeAbout {padding: 40px 0 40px; }
.maintitle{font-size:26px;line-height:36px;}
.homeAbout h1,.homeAbout .head1 {font-size: 24px; line-height: 26px; }
.burger-container {display:inline-block; }
.burgerMenu {display:block}
.logoImg img {max-height: 50px; }
.logoImg {padding: 12px 0 ; }
#masthead:after {display:none}
#cssmenu ul {display:none; }
.getquotebtn {display:none; }
.topbar {display:none; }
.homeSlider {padding-top:75px; }
#masthead {height:75px; overflow: hidden; }
.counter-box {flex: 0 0 calc(50% - 30px); }
.product-blocks {flex-wrap: wrap; }
.product-blocks .sblock {width: calc(33.33% - 30px); }
.col4 {width: 100%; padding-left: 0; }
.col8 {width: 100%; margin-top: 20px; }
}
@media only screen and (max-width:980px) {
	.haveProjectinMind .hpmflex .hpmRight {
    margin-top: -100px;
    max-width: 320px;
}
.haveProjectinMind .hpmflex .hpmLeft{padding:25px 0}
.haveProjectinMind h2 {font-size: 31px;}

	.wrap404 {padding: 40px; }
#owl-homeslider {height: 80vw; min-height: inherit; }
#owl-homeslider.owl-carousel .owl-item img {height:80vw; width: 100%; min-height: inherit; }
.homeSlider .caption-wrap {font-size: 2vw; }
.homeSlider .caption-wrap .btn {width: auto; padding: 1.5vw 2vw; font-size: 2vw; height: auto; line-height: normal; }
}
@media only screen and (max-width:979px) {.contBoxes .contBoxFlex {flex-direction:column}
.contBoxes {padding: 20px 0; }
.cBoxFlex {flex-direction: column; }
.logoImg {padding: 12px 0 12px 15px; }
.site-footer .col-31 {width: 100%; margin: 0 0 20px; }
.site-footer .col-32 {width: 100%; margin: 0 0 20px; }
.site-footer .col-33 {width: 100%; margin: 0; }
.site-footer {padding:0; }
.topbar {display: none; }
.hide-tablet {display: none; }
.inquiryform {margin: 25px 0; }
.contactFlex {flex-direction: column; align-items: inherit; }
.contact__page__info {padding: 10px 15px 15px; margin: 0; }
.bgForm {padding: 20px 0 30px; }
.form_heading h2 {font-size: 28px; }
.contact__info__heading p {margin-bottom: 0; }
.fullrow {padding: 40px 0; }
.topSocialIcons a {font-size: 14px; }
.topSocialIcons {padding: 22px 15px 0 0; }
.fixed-header .topSocialIcons {padding-top: 21px; }
.topMenu {padding-top: 0; padding-bottom: 0; }
#masthead .container {padding: 0; }
.leftText {padding: 0 15px; }
.topsocial {display: none; }
.topMenu {float: left; width: 100%; }
#cssmenu #menu-button {display: none; }
#cssmenu>ul {clear: both; }
.topEnquiryBtn {display: none; }
#cssmenu>ul>li {padding: 0; margin: 0; }
#cssmenu>ul>li:first-child {padding: 0; }
.fixed-header .logoImg {padding: 10px 0 10px 15px; }
#menubtn {display: inline-block; float: right; margin-right: 15px; }
#menubtn i {display: none; }
.topMenu #cssmenu {padding: 0; }
.site-header .container {padding: 0 15px; }
.topMenu {margin: 0; }
.fixed-header .topMenu {margin-top: 0; }
.pageTitle {margin-top: 0; }
.container {padding: 0 15px; }
}
@media only screen and (max-width:800px) {
	.footerCta .fcflex{flex-direction:column}
	.footerCta .fcflexLeft{margin-right:0; margin-bottom:20px;        text-align: center;}
	    .footerCta h3 {
        font-size: 30px;
    }
	
	.homewhtsAppForm{margin:-20px 0 0;}
	.homewhtsAppForm form {
		flex-direction: column
	}

	.homewhtsAppForm form>div {
		padding-right: 0;
		padding-bottom: 15px
	}

	

	.hide-mobile {
		display: none
	}

	.homewhtsAppForm .formBtn {
		margin-top: 15px
	}
	.homeAbout .abtflex{flex-direction:column; margin:0;}
	.homeAbout .abtflex .cfcol{margin:0; width:100%}
	.homeAbout .abtflex.sm-column-reverse{flex-direction:column-reverse}
	.homeAbout .abtflex .cfcol.second{width:100%}
	.homeAbout .abtflex .cfcol.first{padding-bottom:20px;}
	.applicationFlex .appliBox {flex:0 0 50%; }
.homeAbout .title-large {font-size: 26px; line-height: 34px; margin: 20px 0 20px 0; }
.homeAbout .title-large br {display: none!important; }
.pageTitle {background-size: cover; }
.pageTitle.bg-services::after {opacity: .3; }
.white-box {flex: 0 0 calc(50% - 30px); }
.primary-list.three-col {flex-wrap: wrap; }
.primary-list.three-col li {margin: 0 10px 10px 0; flex: 0 0 calc(50% - 10px); }
.productGrid .probox {width: calc(33.33% - 30px); }
.homeSlider .caption-wrap {top: 28%; left: 8%; }
.homeSlider .owl-item .caption-wrap .btn-default {font-size: 2vw; padding: 1vw 3vw; }
.homeSlider .owl-item .caption-wrap .button-grd-line.fw200 {width: 120px !important; }
.homeSlider .owl-item .caption-wrap .button-grd-line.fh56 {height: 40px !important; }
aside#secondary {padding: 40px 0 0; width: 30%; }
#primary.content-area {width: 65%; }
.site-footer .copyRight .col21,.site-footer .copyRight .col22 {text-align: center; width: 100%; margin: 0; padding: 0; }
.site-footer .col-41 {width: 48%; margin: 0; padding: 0; }
.site-footer .col-42 {width: 43%; float: right; }
.site-footer .col-43 {width: 48%; margin: 20px 0 0 0; clear: left; }
.site-footer .col-44 {width: 44%; margin: 0; float: right; }
.col21.footerLeft {width: 100%; }
.col22.footerRight {width: 100%; margin-left: 0; }
.footerMenu {float: none; text-align: center; }
.footerSocial {float: none; text-align: left; margin: 20px 0 0; }
.site-footer .copyRight .right {text-align: center; padding: 0; float: none; }
.site-footer .copyRight .left {float: none; padding: 0; }
.site-footer .copyRight {margin-top: 30px; }
.sideLinks {display: none; }
.site-footer {background-size: cover; }
.gallerylist li {width: 25%; }
.introContent {padding: 20px 0 10px; }
}
@media only screen and (max-width:767px) {
	.latest-project__item-content .icon {
    width: 50px;
    height: 50px;}
	.homeProjects .hpflex{flex-direction:column}
	.homeProjects .hpflex .hpbox:first-child,.homeProjects .hpflex .hpbox{width:calc(100% - 30px);}
	
	
	.contBoxes .contBoxFlex .contact-box {margin: 10px 0px; }
.contactflex .divLeft {padding: 0 0 30px; }
.contactflex .divRight {min-height: 260px; }
.contactflex .divRight iframe {min-height: 260px; display:block}
.contactflex {flex-direction:column}
.homeAbout.is-inner .col-22,.homeAbout.is-inner .col-21 {width: 100%; }
.homeCallback .col-21 {width: 100%; }
.flex-list li {flex: 0 0 100%; }
.homeAbout .skill-tag {right: 0; top: inherit; }
.homeAbout h1 span,.homeAbout .head1 span {display: inline; }
.homeSlider .caption-wrap {left: 0; }
.restable {overflow-x: auto; }
.homeSlider .owl-theme .owl-nav {display: none; }
.eq-row {display: block; }
.eq-row .column {flex: inherit; width: 100%; }
.bgImgcol {height: 350px; width: 100%; }
.p40 {padding: 30px!important; }
.contentLeft {width: 100%; }
.sidebarRight {width: 100%; margin: 30px 0 0; }
.site-footer {position: static; }
.pageWrap {margin-bottom: 0; }
}
@media only screen and (max-width:640px) {
	.homevisionMission .colFlex {margin:0; flex-direction: column; }
.homevisionMission {padding: 30px 0}
.homevisionMission h2 {font-size: 28px; }
.homevisionMission .imgIcon img {max-width:90px; }
.homevisionMission .colFlex .vmBox p {margin: 0; }
}
@media only screen and (max-width:620px) {.white-box {flex: 100%; margin: 10px 0; }
.service-box {flex: 100%; margin: 10px 0; }
.counter-box h3 {font-size: 34px; }
.counter-box {margin: 10px; flex: 0 0 calc(50% - 20px); }
.showMobile {display: block; }
.topSocialIcons {display: none; }
}
@media only screen and (max-width:600px) {
	.serviceInnerBoxes{flex-direction:column}
	.serviceInnerBoxes .hsbox {width: calc(100% - 30px);}
	.mobile-grid{display:flex;}
	.mobile-hide{display:none !important}
	.places_box .place_img{width:100%;margin:0 !important;max-width:100%;}
	.places_box .place_detail{width:100%;padding:20px 0 0 0; margin:0}
	.places_box .place_detail .head4{font-size:26px;}
	
	.homeCallback {padding: 30px 0; }
.homeAbout .image-box {margin-top:40px; margin-bottom:20px; }
.homeProducts h3 {font-size: 26px; }
.mobile-grid h3 {
font-size: 18px;}
.sm-mb0 {margin-bottom: 0!important; }
.heading2 {font-size: 40px;line-height: 50px;}
.bottomCta {font-size: 26px; font-weight: 700; padding: 10px 0; }
.bottomCta .btn-default {border-radius: 5px; }
.bottomCta .flexRows .txt2 {margin: 15px 0; }
.homeAbout h1,.homeAbout .head1 {font-size: 36px; margin: 0 0 10px; line-height: 46px; }
.homeAbout .col-22 {width: 100%; }
.homeAbout .col-21 {width: 100%; margin: 0; float: left; }

#primary.content-area {width: 100%; margin: 0; }
aside#secondary {padding: 40px 0 0; width: 100%; }
.alignleft,.alignright {max-width: 220px; }
.titleWithborder,.titleWithoutborder {font-size: 22px; margin-bottom: 20px; }
.col-21,.col21 {width: 100%; display: block; margin: 0 0 30px; float: none; }
.col-22,.col22 {width: 100%; display: block; margin: 0; }
.col-31,.col31 {width: 100%; float: left; margin: 0 0 30px; }
.col-32,.col32 {width: 100%; float: left; margin: 0 0 30px; }
.col-33,.col33 {width: 100%; float: left; }
.col-41,.col-42,.col-43,.col-44 {width: 100%; margin: 0 0 10px; }
.aboutpageIntro .col-21,.aboutpageIntro .col-22 {width: 100%; margin: 0; }
input#address {width: 100%; }
.mapwrap .col21,.mapwrap .col22 {width: 100%; }
.introContent .col-22 {width: 100%!important; }
.introContent .col-21 {width: 100%!important; clear: both; }
.img-box-behind img {padding: 20px 0 0 20px; }
.homeService h2{font-size:42px;}
.homeService {padding: 40px 0 40px;}
.homeCounter {padding: 40px 0;}
.homeProjects {padding: 40px 0;}
.homeTestimonial {padding: 40px 0;}
.homeFaq {padding: 40px 0;}
.homePlaces h2 {font-size: 36px;}
.dflex-col {flex-direction:column}
}
@media only screen and (max-width:599px) {
	.haveProjectinMind .hpmflex{flex-direction:column-reverse;}
	.haveProjectinMind .hpmflex .hpmRight {margin-top: 0;}
	.haveProjectinMind .hpmflex .hpmLeft{text-align:center;padding: 25px 0 50px;}
	
	
	.accordion button {font-size: 16px; }
.accordion button .icon {top: 11px; }
.primary-list.three-col li {margin: 0 0 1px 0; flex: 0 0 100%; }
.clientlogobox {width: calc(50% - 15px); }
#masthead::after {display: none; }
.desktop-p40 {padding: 20px 15px; }
.col-8 {width: 100%; }
.col-4 {width: 100%; }
.pageTitle {padding: 160px 0 100px; background-size: cover!important;  }
.pageTitle h1{font-size:52px; line-height:62px;}
.bg-slider-btm {height: 50px; bottom: 0; }
.homeSlider .caption-wrap .btn-group {margin-top: 10px; }
}
@media only screen and (max-width:567px) {
	.homePlaces .hpimgbox{min-height:240px;}
	select {-webkit-appearance: none; }
	.clientdFlex {flex-direction: column; }
.homeClients {padding: 20px 0 20px; }
.m-block {display: block!important; }
.m-block.mr20 {margin-right: 0!important; margin-bottom: 10px; }
.tab_content {padding: 15px; }
.footerSocial a {margin: 0 5px 0 0; }
.contactGoogleMap iframe {height: 200px; }
}
@media only screen and (max-width:479px) {.homeAbout .smallTitle {margin-top:30px; }
.homeAbout.is-inner .smallTitle {margin-top:0px; }
.homeProducts .pro-flex {padding: 25px; }
.homeProducts {padding: 100px 0; }
.col-55 div {display: inline-block; max-width: 50%; float: left; padding: 0 15px; }
.col-55 div:last-child {padding-top: 10px; }
.footerLogo { max-width:300px; }
.footerSocial {margin: 5px 0 15px; }
.counter-box {margin: 10px 0; flex: 100%; }
#menubtn {padding: 0 10px; margin-left: 0; }
#menubtn span {display: none; }
#menubtn i {display: inline-block; }
.logoImg {padding-right: 0; }
.product-blocks {margin: 0 -20px; }
.product-blocks .sblock {width: calc(50% - 30px); margin: 0 10px 24px; }
.aboutpageIntro h3 {font-size: 18px; }
.homeSlider .caption-wrap .line1 {margin: 0 0 10px 0; }
.about-dark {margin-left: 0; margin-right: 0; }
.about-dark .font20 {font-size: 16px; text-align: justify; }
.pdflink {font-size: 16px; }
.pageTitle h1 {font-size: 40px; line-height: 44px; }
.hide-mobile {display: none; }
.formBox {padding: 15px; }
.formWrap .col21,.formWrap .col22,.formWrap .colfull {margin-bottom: 15px; }
.homeForm {padding: 0 0 40px; }
#owl-homeclients .owl-stage-outer {padding-bottom: 20px; }
.footerTitle {font-size: 20px; }
.gallerylist li {width: 50%; }
.alignleft,.alignright {max-width: inherit; width: 100%; float: none; margin: 0; }
.entry-summary,.page-content {margin: 0; }
aside#secondary {padding: 0; }
.owl-carousel .imgbox img {max-height: inherit; }
.introContent {padding: 25px 0 10px; }
.topbar {font-size: 11px; padding: 3px; }
.introContent {padding: 15px 0 20px; }
.introContent h1 {font-size: 21px; }
.homeSlider .caption-wrap {top: 21%; font-size: 3.5vw; }
.homeSlider .caption-wrap .line1 {font-size: 6vw; line-height: 8vw; }
.homeSlider .caption-wrap p {font-size: 4vw; line-height: 5vw; }

.homeSlider .owl-item .caption-wrap .button-grd-line.fh56 {height: 32px !important; }
.homeSlider .owl-item .caption-wrap .button-grd-line.fw200 {width: 100px !important; }
.homeSlider .owl-item .caption-wrap .btn-default {padding: 1.5vw 4vw!important; font-size: 3vw; }
.titletxt {font-size: 24px; line-height: 26px; }
.titletxt small {font-size: 18px; line-height: 18px; }
.site-footer .copyRight {font-size: 12px; padding-bottom: 15px; }
.site-footer {padding-top: 0; }
.site-footer .container {margin:30px 0 0; }
.site-footer .copyRight .container {padding: 0 55px 0 15px; }
.site-footer .footerSocial {padding: 0;text-align: center; }
.site-footer .col-41 {margin: 0; padding: 0; }
.site-footer .col-41 .footerLogo {        margin: 0 auto; }
.site-footer .col-42 {padding-left: 0; margin: 0; }
.site-footer .col-43 {width: 100%; margin: 20px 0 0 0; }
.site-footer .col-44 {width: 100%; margin: 20px 0 0; text-align:left; }
.sisCompany {flex-direction: inherit; align-items:center; }
.sisCompany .cname {margin-left: 20px; }
.site-footer .footerTitle {margin-bottom: 0; }
.site-footer .copyRight {margin: 0; }
#back-to-top {bottom: 18px; }
.fullrow {padding: 30px 0; }
.smp0 {padding:0 !important; }
.hide-sm {display: none; }
h2 {font-size: 22px; }
h3 {font-size: 20px; }
.font26 {font-size: 20px; }
.fixed-header .topbar {display: none; }
.homeSlider .owl-dots {bottom: 20px; }
.flex {flex-direction: column; }
.mobile-reverse.flex {flex-direction: column-reverse; }

}
@media only screen and (max-width:420px) {.applicationFlex .appliBox {flex:0 0 100%; padding:0}
.clientlogobox {height: 90px; }
.pageSwitch .showSingle {flex: 1; margin: 4px; font-size: 14px; }
.clientdFlex {margin-bottom: 20px; }
.homeClients {padding: 20px 0 0; }
.pageTitle h1 {font-size: 28px; line-height: normal; }
a.isphone {display: block; }
}
@media only screen and (max-width:413px) {.site-footer .col-41,.site-footer .col-42 {width: 100%; }
.copyrightNew {font-size: 14px; text-align:left}
}
@media only screen and (max-width:390px) {.logoImg img {max-height: 50px; }
.fixed-header .logoImg img {max-height: 50px; }
}
@media only screen and (max-width:359px) {.logoImg img {max-height: 45px; }
.fixed-header .logoImg img {max-height: 45px; }
#menubtn {margin-top: 16px; }
.contact__info__heading h2 {font-size: 26px; }
.form_heading h2 {font-size: 24px; }
.single__contact__location h6 {font-size: 14px; line-height: normal; }
.single__contact__location {padding: 30px 0 0 85px; }
}
@media only screen and (max-width:340px) {.contactLeft {margin: 0 -15px; }
.service-icon-box {display: none; }
}