@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600&display=swap');
/*--Resetcss--*/
/*==================box-sizing================*/
*{box-sizing:border-box}
*,
*:before,
*:after{box-sizing:border-box}
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*,
*:before,
*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}
/*====*/
*{margin:0;padding:0;border:none}
abbr,acronym,dfn{cursor:help;border-bottom:1px #000 dotted}
dfn{font-style:normal}
.left{float:left}.right{float:right}
.clear{clear:both}
.aligncenter{text-align:center}
.alignright{text-align:right}
a{color:#000;outline:none;border:none;text-decoration:none}
a:visited{color:#585858}
a:hover{text-decoration:none;color:#585858}
a:active{color:#585858}
address{margin:0.2em 0;padding:.5em 0 1em;line-height:140%;font-style:normal}
:focus{outline:0}
ul,ol{list-style:none;margin:0;padding:0}
p{font-size:16px;padding:8px 0;line-height:24px;margin:0;color:#000}
.input-group{position:relative;margin-bottom:15px}
.form-control{background:#fff;border:solid 1px #787878;font-size:15px;color:#434343;border-radius:4px;width:100%;min-height:44px;padding:8px 15px}
.form-control::-moz-placeholder{color:#797979;opacity:1}
.form-control:-ms-input-placeholder{color:#797979}
.form-control::-webkit-input-placeholder{color:#797979}
.form-control:focus{box-shadow:none}
textarea{font:12px Arial, Helvetica, sans-serif}
textarea.form-control{height:120px}
.block{display:inline-block;width:100%}
.button{font-family:"Roboto", Arial, sans-serif;display: inline-block;background-color: #ee212b;border: none;box-shadow: none;color: #fff;font-size: 15px;font-weight: 500;text-transform: uppercase;padding: 7px 27px;text-align: center;vertical-align: middle;border-radius: 6px;position: relative;z-index: 10;overflow: hidden;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
a:visited.button{color:#585858}
.button:hover{color:#585858}
.button:hover{color:#585858}
.button,.button::after{-webkit-transition:all 0.3s;transition:all 0.3s}
.button::before,.button::after{background-color:#ee212b;content:'';position:absolute;z-index:-1}
/*-- Btn-hover effect --*/
.btn-hover::after{height:100%;left:-35%;top:0;transform:skew(50deg);transition-duration:0.6s;transform-origin:top left;width:0}
.btn-hover:hover:after{height:100%;width:135%;color:#fff}
.button.btn-hover:hover{color:#fff}
.error{display:block;color:#d60606;font-size:13px;padding-top:5px}
.alert-success{opacity:1}.button.radius{border-radius:4px}
.capitalize{text-transform:none;text-transform:capitalize}
img.img-block{display:block;max-width:100%;height:auto}
.center-box{background-color:transparent;text-align:center;padding:60px 0}
.icon{display:inline-block;fill:currentColor;height:1em;position:relative;top:-0.0625em;vertical-align:middle;width:1em}
.list{list-style:none;margin:0}
.list li{background: url(../images/circle-arrow.png) no-repeat left 9px;color: #515157;font-size: 15px;line-height: 24px;margin: 0 0 10px;padding-left: 21px;font-weight: normal;}
.list li:last-child{margin-bottom:0}
.list-sm{list-style:none;margin:0}
.list-sm li{background:url(../images/circle.png) no-repeat left 5px;color:#646464;font-size:18px;line-height:24px;margin:0 0 15px;padding-left:28px}
.list-sm li:last-child{margin-bottom:0}
.list-numeric{list-style:number;font-size:16px;color:#686868}
.list-numeric li{line-height:24px;margin:0 0 16px}
figure{margin-bottom:0}
.service hr{border-bottom:1px solid #c9c9c9;margin:55px 0 13px;opacity:1}
/*--Body--*/
html{background:#fff;height:100%;font-family:Arial, Helvetica, sans-serif}
body{background:#fff;font-family:Arial, Helvetica, sans-serif;font-weight:400;font-size:15px;min-height:100%;color:#000}
.container{margin:0 auto;position:relative;padding:0 15px} 
/*--FetchFonts--*/
h1,h2,h3,h4,h5,h6{font-family:"Roboto", Arial, sans-serif;}
.email a,.request a,#nav ul li a,.call-us span,.nav-row .contact-us{font-family:"Roboto", Arial, sans-serif;font-weight:500}
.hd-title,.span-title,.welcome-intro p,.hd-span,.list li,.our-services ul span{font-family:"Roboto",Arial,sans-serif}
.copyright,.contact,.intro .description,.videobtn-play,.our-services p{font-family:"Roboto", Arial, sans-serif;font-weight:400;}

/*-- Headings --*/
.heading{font-weight: 500;font-size: 31px;color: #4275a6;margin: 0 0 6px;text-transform: none;}
.hd-h2{color: #363636;font-size: 50px;margin: 0 0 10px;position: relative;text-transform: none;font-weight: 500;}
.hd-h3{color:#000;font-size:26px;margin:0 0 35px;text-transform:uppercase}
.hd-title{display: block;font-size: 20px;font-weight: 600;color: #515151;}
.hd-span{font-family:"Roboto", Arial, sans-serif;display: block;font-size: 16px;font-weight: 600;color: #515151;}
.fwt-600{font-weight:600;}
/*--Container--*/
html,body{margin:0;padding:0;min-height:100vh;overflow-x:hidden}
#content{display:inline-block;background-color: #f0f0f0;width:100%;min-height:300px;position:relative;padding:50px 0 25px}
/*.home #content{padding:0}*/

/*--Header--*/
/*====----HomePage----=====*/
.header{background-color: #fff;clear:both;padding:0;border:none;}
.home-video{/*background:url(../images/introtopbg.jpg) no-repeat center center;min-height:708px;position:relative;margin:0 auto;background-size:cover*/}
.header .container-fluid{padding: 0 24px 0 54px;}
.header .logo{margin: 24px 0 0;}
.custom-logo{display: block;max-width: 100%;height: auto;}
.header [class*="col-"]{padding: 0 6px;}
.header [class*="row"]{margin:0 -6px;}
.header .header-top[class*="row"]{text-align: right;border-bottom: solid 1px #ddd;}
.header-top .email a{color:#696969;font-size:16px;}
.header-top .email a,.header-top .request a,.nav-row .contact-us a{-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.header-top .email:hover a,.header-top .request:hover a{color:#ee212b;}
.header-top .request a{color:#696969;font-size:16px;}
.header-top .email .fa,.header-top .circumstance .fa{display: inline-block;margin-right: 10px;color: #ee212b;}
.header-top .circumstance span{display: inline;font-size: 13px;}
.header-top .email,.header-top .circumstance{margin: 12px 0 0;}
.header-top .request{text-align: center;background: #e7e7e7;min-height: 48px;/*-webkit-transform: skew(-20deg);transform: skew(-20deg);*/position:relative;max-width: 207px;margin: 0 auto;}
.header-top .request:before{content:" ";position:absolute;left:-10px;height: 100%;top:0;background: #e7e7e7;width:24px;-webkit-transform: skew(-15deg, 0);transform: skew(-15deg, 0);}
.header-top .request:after{content:" ";position:absolute;right:-10px;height: 100%;top:0;background: #e7e7e7;width:24px;-webkit-transform: skew(-15deg, 0);transform: skew(-15deg, 0);}

.header-top .request a{/*-webkit-transform: skew(0deg);transform: skew(0deg);*/line-height:48px;}
.header-top .social{margin: 12px 0 0;text-align: center;}
.header-top .social li{display:inline-block;vertical-align:middle;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.header-top .social li a{color:#707173;padding: 0 10px;}
.call-us span{color: #262626;font-size: 21px;display: block;margin: 15px 10px 0 0;text-align: center;}
.call-us span a{color:#ee212b;display:inline-block;font-style:normal;}
.nav-row .contact-us{background: #ee212b;min-height: 70px;font-size: 18px;text-align: center;line-height: 70px;color: #fff;margin: -1px -8px 0 0;position:relative;z-index: 10;}
.nav-row .contact-us:before{content:" ";position:absolute;left:-10px;height: 100%;top:0;background: #ee212b;width:24px;-webkit-transform: skew(-15deg, 0);transform: skew(-15deg, 0);z-index: -1;}
.nav-row .contact-us:after{content:" ";position:absolute;right:-159%;height: 100%;top:0;background: #ee212b;z-index: -1;width:345px;}
.nav-row .contact-us a{color: #fff;}
.header-top .social li:hover a{color:#ee212b;}

.background-video{position:relative;}
.home-video{position:absolute;left:0;right:0;top:0;bottom:0;}
.background-video:before{content:" ";position:absolute;left:0;right:0;top:0;bottom:0;background-color: rgba(0,0,0,0.48);height:100%;width:100%;}


/**/
.intro{text-align:center;padding-top:175px;}
.intro h1{color: #fff;margin: 0 0 6px;font-weight: 600;}
.intro h1 span{display: block;position: relative;font-size: 34px;text-transform: uppercase;font-weight: 600;}
.intro h1 em{display: block;font-size: 75px;font-style: normal;text-transform:uppercase;}
.intro h1 span:after{content:" ";display:inline-block;top: -12px;right: -33px;height:4px;width:66px;background:#ee212b;position:relative;}
.intro h1 span:before{content:" ";display:inline-block;top: -12px;height:4px;left: -33px;width:66px;background:#ee212b;position:relative;}
.intro .description{font-size: 20px;padding: 8px 60px 57px;line-height: 28px;margin: 0;color: #fff;}
.intro .button{background-color: #fff;color: #2e2e2e;font-size: 20px;font-weight: 400;padding: 15px 39px;border-radius: 36px;margin: 0 10px;}
.intro .button:hover{/*background-color: #ee212b;*/color: #fff;}
.hd-animation{
background: linear-gradient(45deg, #fefefe, #fff, #f69397, #fff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 300% 300%;
animation: animation-text 10s ease infinite;
}

@-webkit-keyframes animation-text{
0%{
background-position: 0% 50%;
}
50%{
background-position: 100% 50%;
}
100%{
background-position: 0% 50%;
}
}

.welcome{background:url(../images/welcome-bg.jpg) no-repeat center center;min-height:100%;position:relative;margin:0 auto;background-size:cover;max-width:1980px;padding: 112px 0 105px;}
.welcome .hd-h2{margin: 63px 0 45px;position:relative;}
.welcome .hd-h2:after{content:" ";position:absolute;left:0;bottom:-24px;background:#ddd;height:1px;width:166px;}
.welcome .hd-h2:before{content:" ";position:absolute;left:0;bottom:-24px;background:#de2021;height:3px;width:66px;}
.welcome p{font-size: 15px;padding: 8px 0 24px;line-height: 21px;margin: 0;color: #888;}
.videobtn-play .videobtn{margin: 0 10px 0 0;display:inline-block;}
.videobtn-play{text-transform:uppercase;}

.videobtn-play{position: relative;top: 24px;left: 24px;}
.videobtn-play em{display: inline-block;color: #242424;font-style: normal;margin: 0 0 0 45px;position: relative;left: 0;top: -6px;}
.video-play-button{position: absolute;z-index: 10;top: 0;left: 0;/*transform: translateX(-50%) translateY(-50%);*/box-sizing: content-box;display: block;width: 32px;height: 44px;/* background: #fa183d; */border-radius: 50%;padding: 18px 20px 18px 28px;}
.video-play-button:before{content: "";position: absolute;z-index: 0;left: 0;top: 0;/*transform: translateX(-50%) translateY(-50%);*/display: block;width: 52px;height: 52px;background: #e1575c;border-radius: 50%;animation: pulse-border 1500ms ease-out infinite;border: solid 2px #ee212b;}
.video-play-button:after{content: "";position: absolute;z-index: 1;left: 0;top: 0;transform: translateX(-50%) translateY(-50%);display: block;width: 52px;height: 52px;/*background: solid 2px #ee212b;*/border-radius: 50%;transition: all 200ms;border: solid 2px #ee212b;}
.video-play-button:hover:after{background-color: darken(#fa183d, 10%);}
.video-play-button img{position: absolute;z-index: 3;max-width: 100%;width: auto;height: auto;transform: translateX(-50%) translateY(-50%);left: 0;top: 0;}

@keyframes pulse-border {
0% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1;
}
100% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity: 0;
}
}

/**/
.card-hover{position:relative;overflow: hidden;}
.card-hover:after{content:" ";-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background: rgba(0, 0, 0, 0.33);height: 100%;position: absolute;width: 100%;left: -50%;top: -50%;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.card-hover:hover:after{-webkit-transform: scale(3);-moz-transform: scale(3);-ms-transform: scale(3);-o-transform: scale(3);transform: scale(3);}
.card-hover figure img{-webkit-transform: rotate(0) scale(1);transform: rotate(0) scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.card-hover:hover img{-webkit-transform: rotate(15deg) scale(1.4);transform: rotate(15deg) scale(1.4);}
/**/

.our-services{background:url(../images/services-bg.jpg) no-repeat center center;min-height:100%;position:relative;margin:0 auto;/*background-size:cover;*/max-width:1980px;padding: 100px 0;}
.our-services .hd-h2 span{color: #ee212b;display: block;font-size: 18px;}
.our-services .hd-h2{color: #fff;margin: 0 0 3px;}
.our-services p{color: #fff;}

.our-services ul{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 18px -12px 0;align-items: center;}
.our-services ul li/*[class*="col-"]*/{padding: 0 12px;max-width:195px;flex: 0 0 195px;margin: 0 0 15px;}
.our-services ul li a{background: #fff;display: block;min-height:158px;padding: 33px 10px 12px;border-radius: 6px;}
.our-services ul figure{margin: 0 auto;}
.our-services ul figure img{display:block;margin:0 auto;}
.our-services ul span{display: block;text-align: center;font-size: 18px;text-transform: uppercase;font-weight: 500;line-height: 21px;}
.our-services ul figure img,.our-services ul span{-webkit-transition:all .3s ease-out;transition:all .3s ease-out;}
.our-services ul li:hover img,.our-services ul li:hover span{-webkit-transform:translate(0,-12px);transform:translate(0,-12px);}

.our-project{margin:0 auto;max-width:1980px;padding: 66px 0 0;}
.project-row{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0;align-items: center;justify-content: center;}
.project-row li{padding: 0;max-width:20%;flex: 0 0 20%;margin: 0;position:relative;}
.our-project .info{font-size: 16px;padding: 6px 0 42px;color: #6e6e6e;}
.our-project .hd-span{/*position:absolute;left:24px;bottom:27px;right:0;*/padding: 0;font-size:24px;font-weight:500;color:#fff;position:relative;top: -33px;margin: 0 0 15px;}
.our-project .hd-span:after{content:" ";height:2px;width:60px;position:absolute;left:0;bottom:-3px;background:#ee212b;}
.project-row p{font-size: 16px;color: #fff;padding: 0 0 18px;}
.project-row .button{font-family: "Open Sans", Arial, sans-serif;background-color: #fff;color: #131313;font-size: 18px;padding: 15px 33px;border-radius: 36px;}
.our-project .button::before,.our-project .button::after{background-color:#242424;content:'';position:absolute;z-index:-1}

.caption-hover.figbox,.caption-hover {
	overflow: hidden;position:relative;
}

.caption-hover figure img {
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
	-webkit-transform: scale(1);
    transform: scale(1);
}
.caption-hover figcaption,.caption-hover .description{
	background: #2c3f52;
	color: #ed4e6e;
}
.caption-hover:hover img {
	-webkit-transform: scale(1.12);
    transform: scale(1.12);
}
/*.caption-hover .description {
	position:absolute;left:0;right:0;top: auto;bottom: 0;opacity:0;visibility:hidden;background-color: rgba(0,0,0,0.66);
	height: 100%;
	width: 100%;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
	-webkit-transition: all 500ms ease 0s;transition: all 500ms ease 0s;
}*/
.caption-hover .description {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
	top: auto;
    opacity: 1;
    visibility: visible;
    background-color: transparent;
    height: 70px;
    width: 100%;
	padding: 12% 12px 0 18px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 0.4s, opacity 0.1s 0.3s;
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
}
.caption-hover:hover .description{
	height: 100%;
	opacity:1;visibility:visible;
	background:#ee212b;
	/*-webkit-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;*/
}
.our-project .caption-hover:hover .hd-span{
	top: 0;
}
.our-project .caption-hover:hover .hd-span:after{
	background: #fff;
}

/**/
@media (max-width:1024px){
.page-content{padding-top: 0;}
#site-navigation{display: block;width: 100%;}
/*====----====*/
.top-navigation{position:relative;}
.burger {
	width: 50px;
	height: 50px;
	position: fixed;
	top: 0;
	right: 15px;
	/*border-radius: 4px;*/
	z-index: 1000012;
	/*border: solid 1px rgb(255, 255, 255, 0.33);
	background-color: rgb(0, 0, 0, 0.33);*/
}
	/*  OVERLAY

========================================== */
.overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5900;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-color: #04121c;
	opacity: 0;
	visibility: hidden;
}
.overlay.show {
	opacity: 0.8;
	visibility: visible;
}	
/*===========*/
.burger span {
	position: relative;
	margin-top: 9px;
	margin-bottom: 9px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -15px;
	margin-top: -1.5px;
}
.burger.clicked {
	border: none;
}
.burger span,
.burger span::before,
.burger span::after {
	display: block;
	width: 30px;
	height: 3px;
	background-color: #a60303;
	outline: 1px solid transparent;
	-webkit-transition-property: background-color, -webkit-transform;
	-moz-transition-property: background-color, -moz-transform;
	-o-transition-property: background-color, -o-transform;
	transition-property: background-color, transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.burger span::before,
.burger span::after {
	position: absolute;
	content: "";
}
.burger span::before {
	top: -9px;
}
.burger span::after {
	top: 9px;
}
.burger.clicked span {
	background-color: transparent;
}
.burger.clicked span::before {
	-webkit-transform: translateY(9px) rotate(45deg);
	-moz-transform: translateY(9px) rotate(45deg);
	-ms-transform: translateY(9px) rotate(45deg);
	-o-transform: translateY(9px) rotate(45deg);
	transform: translateY(9px) rotate(45deg);
}
.burger.clicked span::after {
	-webkit-transform: translateY(-9px) rotate(-45deg);
	-moz-transform: translateY(-9px) rotate(-45deg);
	-ms-transform: translateY(-9px) rotate(-45deg);
	-o-transform: translateY(-9px) rotate(-45deg);
	transform: translateY(-9px) rotate(-45deg);
}
.burger.clicked span:before,
.burger.clicked span:after {
	background-color: #ffffff;
}
.burger:hover {
	cursor: pointer;
}
/*  NAV

========================================== */
nav {
	width: 100%;
}
.nav {
	background-color: #242424;
	position: fixed;
	z-index: 100000;
	top: 0;
	right: 0;
	height: 100%;
	max-width: 300px;
	width: 100%;
	padding: 90px 15px 60px 15px;
	overflow-y: auto;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.nav.show {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
}
.nav.show ul.nav-list li {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1;
}
.nav.show ul.nav-list li:nth-child(1) {
	transition-delay: 0.15s;
}
.nav.show ul.nav-list li:nth-child(2) {
	transition-delay: 0.3s;
}
.nav.show ul.nav-list li:nth-child(3) {
	transition-delay: 0.45s;
}
.nav.show ul.nav-list li:nth-child(4) {
	transition-delay: 0.6s;
}
.nav.show ul.nav-list li:nth-child(5) {
	transition-delay: 0.75s;
}
.nav.show ul.nav-list li:nth-child(6) {
	transition-delay: 0.9s;
}
.nav.show ul.nav-list li:nth-child(7) {
	transition-delay: 1.05s;
}
.nav.show ul.nav-list li:nth-child(8) {
	transition-delay: 1.2s;
}
.nav.show ul.nav-list li:nth-child(9) {
	transition-delay: 1.35s;
}
.nav.show .about,
.nav.show .social,
.nav.show ul.sub {
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
	transition-delay: .85s;
}

.nav ul.nav-list {
	list-style-type: none;
	display: block;
	width: 100%;
}
.nav ul.nav-list li {
	margin-bottom: 0;
	-webkit-transform: translateX(40px);
	-moz-transform: translateX(40px);
	-ms-transform: translateX(40px);
	-o-transform: translateX(40px);
	transform: translateX(40px);
	opacity: 0;
	border-bottom: solid 1px #1f1f1f;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.nav ul.nav-list li:last-of-type {
	margin-bottom: 0px;
}
.nav ul.nav-list li a,.nav ul.nav-list li span {
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	display: block;
	font-weight: 400;
	letter-spacing: 1px;
	padding: 10px 0;
	display: block;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.nav ul.nav-list li a span {
	color: #36b8f6;
}
.nav ul.nav-list li a:hover {
	color: #36b8f6;
}
.nav ul.sub {
	list-style-type: none;
	margin-top: 40px;
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-o-transform: translateY(30px);
	transform: translateY(30px);
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.nav ul.sub li {
	margin-bottom: 10px;
}
.nav ul.sub li:last-of-type {
	margin-bottom: 0px;
}
.nav ul.sub li a {
	color: #ffffff;
	font-family: "Myriad-Pro-Regular", sans-serif;
	letter-spacing: 1px;
	font-size: 0.9rem;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.nav ul.sub li a:hover {
	color: #b7ac7f;
}

#nav ul li.menu-item-has-children .sub-menu{display: none;background-color: transparent;}
#nav ul li.menu-item-has-children .sub-menu li a, #nav ul li.menu-item-has-children .sub-menu li span{font-size: 14px;padding: 8px 0 8px 15px;}
#nav ul li, #nav ul li a, #nav ul li span{font-family: "Myriad-Pro-Regular",Arial,sans-serif;}
#nav ul li.menu-item-has-children .fa-angle-down{display:none;}
/*===========*/
#nav ul li.menu-item-has-children .expand-collapse{width:15%;background:url(../images/expand-collapsed-menu.png) no-repeat 50% -2%;position:absolute;top:1px;right:0;display:block;z-index:1000000;height:35px;cursor:pointer;}
#nav ul li.menu-item-has-children.open > .expand-collapse{background-position:50% 91%} 

/*====*/
}

@media(min-width:1025px){
/*-- Main Navigation --*/
.nav-row [class*="col-"]{padding: 0 6px;}
.nav-row[class*="row"]{margin:0 -6px;}
.nav-row .nav{justify-content: flex-end;}


#nav .icon{display:inline-block;}
#nav ul{margin: 15px 0 0;text-align: right;}
.home #nav ul{text-align:center;}
#nav{float: none;min-height: 40px;padding:0;position: relative;z-index: 100000;text-align: right;}
#nav ul li{font-size: 14px;display: inline-block;position: relative;text-transform: uppercase;}
#nav ul li a/*,#nav ul li span*/{display: block;color: #323232;padding: 2px 5px 3px;margin: 0;position: relative;text-transform: capitalize;cursor: pointer;}
#nav ul li,#nav ul li a{-webkit-transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s}
#nav ul li.current-menu-item:hover a,#nav ul li:hover a{color: #ee212b;/*background-color:#ee212b;*/}
#nav ul li:hover a,#nav ul li.current-menu-item span{color: #ee212b;}
#nav ul li:last-child{background-image:none;}
#nav li a{display: inline-block;vertical-align: top;}
#nav svg,#nav .dropdown-toggle {display: none}
#nav ul > li > a::before{content: "";width: 100%;height: 3px;position: absolute;left: 0;bottom: 0;background: #fff;transition: 0.5s transform ease;transform: scale3d(0,1,1);transform-origin: 0 50%;}
#nav ul > li > a:hover::before{transform-origin: 0 50%;}
#nav ul > li > a:hover::before{transform: scale3d(1,1,1);}
#nav ul > li > a::before{background: #ee212b;transform-origin: 100% 50%;}
/* sub-navigation */
#nav > ul > li.menu-item-has-children > .sub-menu{opacity: 0;visibility: hidden;background-color: #000;position: absolute;left: 0;right: 0;width: 215px;top: 100%;padding: 6px 0;margin: 0 auto;    -webkit-transition: all 0.4s ease-in;transition: all 0.4s ease-in;-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;transform-origin: 0 0;border-radius: 0;border: none;border-top: 0;    -webkit-transform: rotateX(45deg);-moz-transform: rotateX(45deg);transform: rotateX(45deg);text-align: left;}
#nav > ul > li.menu-item-has-children > .sub-menu > li,#nav > ul > li > .sub-menu > li{display: block;width:100%;clear:both;min-height:35px;}
#nav > ul > li.menu-item-has-children:hover > .sub-menu{display: block;visibility: visible;opacity: 1;-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);transform: rotateX(0deg)}
#nav > ul > li.menu-item-has-children > .sub-menu li a, #nav > ul > li.menu-item-has-children > .sub-menu > li > span{background:url(../images/arrow.png) no-repeat 10px center;font-size: 15px;font-weight:normal;padding:6px 0 6px 24px;color:#fff;text-transform:none;text-decoration:none;display:inline-block;border:0;float:left;clear:both;width:100%;}
#nav > ul > li.menu-item-has-children > .sub-menu > li.current-menu-item > span{background:url(../images/active-arrow.png) no-repeat 10px center;color:#fff;} 
#nav > ul > li.menu-item-has-children > .sub-menu > li:hover > a{color:#fff;background:url(../images/active-arrow.png) no-repeat 10px center;}
/* sub-navigation */
#nav ul li.menu-item-has-children .sub-menu{opacity: 0;visibility: hidden;background-color: #fff;position: absolute;left: -58px;right: 0;width: 260px;top: 100%;padding: 16px 15px 10px;margin: 15px auto 0;    -webkit-transition: all 0.4s ease-in;transition: all 0.4s ease-in;-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;transform-origin: 0 0;border-radius: 0;border: none;border-top: 0;    -webkit-transform: rotateX(45deg);-moz-transform: rotateX(45deg);transform: rotateX(45deg);text-align: left;}
#nav ul li.menu-item-has-children .sub-menu li,#nav ul li .sub-menu li{display: block;width:100%;clear:both;min-height:35px;}
#nav ul li.menu-item-has-children:hover .sub-menu{display: block;visibility: visible;opacity: 1;-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);transform: rotateX(0deg)}
#nav ul li.menu-item-has-children .sub-menu li a, #nav ul li.menu-item-has-children .sub-menu li span{background:url(../images/arrow.png) no-repeat 10px center;font-size: 15px;font-weight:normal;padding:10px 0 10px 27px;color:#1a1a1a;text-transform:none;text-decoration:none;display:inline-block;border:0;float:left;clear:both;width:100%;border-bottom:solid 1px #d0d0d0;border-radius:0;}
#nav ul li.menu-item-has-children .sub-menu li.active span{background:url(../images/arrow.png) no-repeat 10px center;color:#ee212b;} 
#nav ul li.menu-item-has-children .sub-menu li:hover a{color:#ee212b;background:url(../images/arrow.png) no-repeat 10px center;}
.sub-menu:after{content:" ";position:absolute;left:0;right:0;top:-10px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;
border-bottom:10px solid #fff;margin:0 auto;}
#nav ul li.menu-item-has-children .sub-menu li:last-child a{border-bottom:0;}
/*-- Main Navigation --*/

/*====----header-shrink----====*/

}

@media (max-width:991px){
}


/*======= Tithi's css =======*/

.who-we-are {text-align: center;}
.who-we-are h2 {font-size:50px;font-family:'Roboto',Arial, Helvetica, sans-serif;font-weight:400;color:#1d1d1d;margin:70px 0 12px 0;}
.who-we-are p {font-size:16px;color:#6e6e6e;}

.our-done-right {margin-top:70px;position:relative;}
.our-done-right:before,.our-done-right:after{content:" ";position:absolute;left:0;top:0;width:50%;height:100%;z-index:1;}
.our-done-right:after{background:#ee212b}
.our-done-right [class*="col-"]{position:relative;z-index:100;}
.our-done-right .left-section{max-width:620px}
.our-done-right .left-section h2 {font-size:50px;font-family:'Roboto',Arial, Helvetica, sans-serif;font-weight:500;color:#fff;padding:30px 0 0 0;}
.our-done-right .left-section p {font-size:16px;color:#fcdfe0;}
.our-done-right .left-section .button {font-size:20px;border-radius:30px;width:210px;margin:25px 0;color:#131313;padding:17px 0;background-color:#fff;-webkit-transition: background .4s ease-in, color .4s ease-in;transition: background .4s ease-in, color .4s ease-in;}
/*.our-done-right .left-section .button:hover{background:#333;color:#fff;} */
.our-done-right .left-section .button::after{background-color:#242424;content:'';position:absolute;z-index:-1}
.our-done-right .left-section a:hover{color:#fff}


@media (max-width:1360px){
    .our-done-right .left-section h2{font-size:40px}
    .our-done-right .left-section .button{padding:13px 0}
}
@media (max-width:1000px){
    .our-done-right .left-section p{font-size:14px;line-height:22px}
}

.our-clients {background-color:#ececec;padding: 0 0 96px;}
.our-clients h2 {font-size:50px;font-family:'Roboto',Arial, Helvetica, sans-serif;font-weight:600;color:#1d1d1d;text-align:center;padding-top: 88px;}

.testimonial {text-align:left;margin-top:40px;position: relative;top: 0;left:0;}
.testimonial p {font-size:16px;font-family:'Roboto',Arial, Helvetica, sans-serif;font-weight:400;color:#4b4b4b;background-color:#fff;padding:32px 32px 32px 35px;}
.testimonial .white-box:after {
    content: '';
    position: absolute;
    left: 46px;
    max-width:95px; 
    margin:0 auto;
    border-top: 15px solid #fff;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
}
.testimonial figure {margin-top: 12px;float:left;margin: 30px 0 0 26px;}
.testimonial h3 {font-size:20px;font-weight:600;padding: 45px 0px 0 85px;line-height: 8px;}
.testimonial span {font-size:15px;font-family:'Roboto',Arial, Helvetica, sans-serif;font-weight:400;color:#848484;padding-left:12px;}
.our-clients a{-webkit-transition: background .5s ease-in;transition: background .5s ease-in;}
.our-clients button {margin:0 auto;}
/*.our-clients .button {width:323px;height:65px;font-size:20px;background-color:#ee212b;border-radius:30px;margin:0 auto;padding-top: 18px;margin:5px 0 98px 0;}*/
.our-clients .button{font-size: 20px;background-color: #ee212b;border-radius: 45px;margin: 5px auto 0;padding: 18px 70px;}
.our-clients a,.our-clients a:hover,.our-clients a.button:focus,.our-clients a.button:visited{color:#fff}
/*.our-clients a:hover{background:#333}*/
.our-clients .button::after{background-color:#242424;content:'';position:absolute;z-index:-1}

/*--- footer ---*/

.footer {background-color:#000;}

.footer-top {padding:80px 0 43px 0;border-bottom:1px solid #545454;}
.footer-top h2 {font-size:25px;font-family:'Roboto',Arial, Helvetica, sans-serif;color:#fff;text-transform:uppercase;padding-bottom: 18px;}
.footer-top p {color:#a3a3a3;padding-top: 18px}

.social-media {display:inline-flex;margin:14px 0 20px}
.social-media .fa{color:#fff;font-size:25px}
.social-media .icon{position:relative;margin-right:10px;color:red;font-size:25px;display:flex;justify-content:center;align-items:center;flex-direction:column;cursor:pointer;transition:all .2s cubic-bezier(0.68,-0.55,0.265,1.55)}
.social-media .tooltip{position:absolute;top:0;font:15px "Roboto", Arial, sans-serif;font-weight:500;background-color:#fff;color:#fff;padding:8px 10px;border-radius:3px;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(0.68,-0.55,0.265,1.55)}
.social-media .tooltip::before{position:absolute;content:"";height:10px;width:10px;background-color:#000;bottom:-3px;left:50%;transform:translate(-50%) rotate(45deg);transition:all .3s cubic-bezier(0.68,-0.55,0.265,1.55)}
.social-media .icon:hover .tooltip{top:-45px;opacity:1;visibility:visible;pointer-events:auto}
.social-media .icon:hover a,.social-media .icon:hover .tooltip{text-shadow:0 -1px 0 rgba(0,0,0,0.1)}
.social-media .facebook:hover{color:#3b5998}
.social-media .facebook:hover .tooltip,.social-media .facebook:hover .tooltip::before{background-color:#3b5998;color:#fff}
.social-media .youtube:hover{color:#b00}
.social-media .youtube:hover .tooltip,.social-media .youtube:hover .tooltip::before{background-color:#b00;color:#fff}
.social-media .instagram:hover{color:#E1306C}
.social-media .instagram:hover .tooltip,.social-media .instagram:hover .tooltip::before{background-color:#E1306C;color:#fff}
.social-media .google:hover{color:#dd4b39}
.social-media .google:hover .tooltip,.social-media .google:hover .tooltip::before{background-color:#dd4b39;color:#fff}

.contact-info li {padding-bottom: 17px;}
.contact-info li span a {position: relative;top: auto;left:29px;color:#a3a3a3;font-size:16px;}
.contact-info .fa {color:#ee212b;position:absolute;left:auto;top:auto;padding-top:2px;font-size:22px;}
.services li{background:url(../images/red-box.png) no-repeat;font-family:'Roboto',Arial, Helvetica, sans-serif;font-weight:500;position:relative;top:9px;line-height: 35px;text-transform:uppercase;}

.services li{-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.services li span{padding-left:5px;}
.services li a{color:#a3a3a3;font-size:20px;position: absolute;top:-13px;left: 19px}
.services li:hover a{color:#ee212b;}
.services li:hover{color:#ee212b;-webkit-transform:translate(12px,0);transform:translate(12px,0);}

.footer-base p{font:15px 'Open Sans',Arial, Helvetica, sans-serif;font-weight:500;color:#a3a3a3;text-align: center;padding: 28px 0 49px 0}

.newsletter span{font-size:16px;color:#a3a3a3}
.newsletter label{display:block}
.newsletter .form-control {/*width:279px;*/height:51px;background-color:#545454;color:#a4a4a4;font-size:16px;margin:17px 0 20px 0;border: none;}
.newsletter .form-control::-moz-placeholder{color:#b7b7b7;opacity:1}
.newsletter .form-control:-ms-input-placeholder{color:#b7b7b7}
.newsletter .form-control::-webkit-input-placeholder{color:#b7b7b7}

.newsletter .button {font-size:16px;background-color:#ee212b;color:#fff;width:141px;font-weight:400;height:41px;line-height:25px;text-transform:uppercase;border-radius:4px;-webkit-transition: background .4s ease-in, color .4s ease-in;transition: background .4s ease-in, color .4s ease-in}
.newsletter .button:hover{background:#fff;color:#000;}

@media (max-width:991px){
/*body{border:1px solid red}*/



}

@media (max-width:767px){
/*body{border:1px solid lightgreen}*/
/*.our-done-right:before, .our-done-right:after {width: 100%;}*/
.footer-top h2{font-size:20px;padding:25px 0 10px }
}

/*======= End My css =======*/

/*====Responsive====*/

/*====---- min-width ----====*/
/*====CSS3 Transitions====*/
.animated{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
}
.animated.infinite{
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
}

.animated.hinge{
    -webkit-animation-duration:2s;
    animation-duration:2s;
}
.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY{
    -webkit-animation-duration:.75s;
    animation-duration:.75s
}

@media (min-width:992px){
    @-webkit-keyframes fadeInDown{
        0%{
            opacity:0;
            -webkit-transform:translate3d(0, -100%, 0);
            transform:translate3d(0, -100%, 0);
        }
        100%{
            opacity:1;
            -webkit-transform:none;
            transform:none;
        }
    }
    @keyframes fadeInDown{
        0%{
            opacity:0;
            -webkit-transform:translate3d(0, -100%, 0);
            transform:translate3d(0, -100%, 0);
        }
        100%{
            opacity:1;
            -webkit-transform:none;
            transform:none;
        }
    }
    .fadeInDown{
        -webkit-animation-name:fadeInDown;
        animation-name:fadeInDown;
    }
}
/*====---- min-width ----====*/
@media (min-width:992px){
.contact-info .col-none{display: none;}
}	
@media (min-width:1200px){
#nav ul li{font-size: 15px;}#nav ul li a{padding: 2px 8px 3px;}#nav ul{margin: 16px 0 0;}.our-done-right .left-section{padding-right: 21px;}
}
@media (min-width:1281px){
#nav ul li{font-size: 16px;}.call-us span{font-size:24px;margin: 13px 10px 0 0;}.header-top .circumstance span{display: inline;font-size: 14px;}.nav-row .contact-us{font-size: 21px;}
}
@media (min-width:1441px){
#nav ul li{font-size: 18px;}.call-us span{font-size:25px;margin: 15px 10px 0 0;}.header-top .circumstance span{font-size: 15px;}#nav ul{margin: 19px 0 0;}
}
@media (min-width:1601px){
#nav ul li{font-size: 20px;}.call-us span{font-size:28px;margin: 12px 10px 0 0;}
}

/*====---- max-width ----====*/
@media (max-width:1366px){
.header-top .col-marker{flex: 0 0 30%;max-width: 30%;}.header-top .col-estimate{flex: 0 0 21%;max-width: 21%;}.header-top .col-social{flex: 0 0 15.666667%;max-width: 15.666667%;}
.header-top .social li a{padding: 0 8px;}.header-top .circumstance{margin-right: 15px;}.header-top .email a{font-size: 14px;}.our-project .hd-span{font-size: 21px;margin: 0 0 15px;top: -15px;}
.caption-hover .description{padding: 9% 12px 0 12px;}.project-row p{font-size: 15px;padding: 0 0 9px;line-height: 21px;}.project-row .button{font-size: 16px;padding: 10px 33px;}
.nav-row .contact-us{min-height: 60px;line-height: 60px;}
}
@media (max-width:1199px){
.header-top .email .fa,.header-top .circumstance .fa{margin-right: 6px;}.header-top .email a{font-size: 13px;}.header .header-top[class*="row"]{text-align: left;}.header-top .social li a{padding: 0 3px;}
.header .container-fluid{padding: 0 18px 0 18px;}/*.header-top .circumstance{margin: 3px 0 0;}*/.call-us span{font-size: 16px;}.nav-row .contact-us{min-height: 51px;font-size: 16px;line-height: 51px;}
.intro{padding-top: 75px;}.intro h1 em{font-size: 60px;}.intro .description{font-size: 16px;padding: 8px 15px 36px;line-height: 24px;}.intro .button{font-size: 16px;padding: 12px 33px;margin: 0 0 10px;}
.home-video{padding: 0 0 75px;min-height: 100%;}.welcome,.our-services{padding: 60px 0;}.welcome .hd-h2{margin: -9px 0 26px;}.welcome .hd-h2:after,.welcome .hd-h2:before{bottom: -12px;}
.welcome .hd-h2{font-size: 36px;}.our-project{padding: 50px 0 0;}.our-services ul figure img{max-width: 60px;height: auto;}.our-services ul li{max-width: 175px;flex: 0 0 175px;}
.our-services ul span{font-size: 15px;line-height: 18px;}.our-services ul li a{min-height: 142px;padding: 24px 10px 12px;}.our-services .hd-h2,.our-project .hd-h2{font-size: 42px;}
.our-project .description{padding: 36px 15px 24px;}.project-row li{max-width: 33.333333%;flex: 0 0 33.333333%;}.our-project .hd-span{top: -33px;}.who-we-are h2{font-size: 36px;margin: 50px 0 12px 0;}
.our-done-right .left-section h2{font-size: 36px;padding: 21px 0 0 0;}.our-done-right .left-section p{font-size: 15px;}.our-done-right .left-section .button{font-size: 16px;width: 180px;margin: 6px 0 25px;}
.our-done-right:before,.our-done-right:after{width: 100%;height: 100%;}.our-done-right .left-section{max-width: 100%;}.header-top .circumstance{margin-right: 0;}.header-top .request a{font-size: 13px;}
.our-clients h2{padding-top: 45px;}.our-clients h2 {font-size: 45px;}.our-clients h2{font-size: 36px;}.footer-top{padding:60px 0 24px 0}.our-clients{padding: 0 0 60px;}
.our-clients .button{font-size: 15px;border-radius: 36px;padding: 15px 33px;margin: 5px auto 0;}.footer-top h2{font-size: 21px;padding-bottom: 15px;}.services li a{font-size: 16px;}
.our-done-right .left-section{padding-right: 10px;}.our-project .info{padding: 6px 0 33px;}.our-done-right{margin-top: 48px;}

body{border:1px solid #000} 
}
@media (max-width:1024px){
.header .header-top [class*="col-"]{flex: 0 0 50%;max-width: 50%;}.header .nav-row .nav-col{flex: 0 0 100%;max-width: 100%;}.header .nav-row .col-span-1{flex: 0 0 75%;max-width: 75%;}
.header .nav-row .col-span-2{flex: 0 0 25%;max-width: 25%;}.header-top .email, .header-top .circumstance{margin: 3px 0 6px;}.welcome figure{margin: 0 auto;}.welcome .card-hover{margin: 0 0 36px;}
.our-project .hd-span{font-size: 21px;margin: 0 0 15px;min-height: 36px;}.our-project .hd-span:after{bottom: -3px;}.project-row p{font-size: 15px;padding: 0 0 12px;line-height: 21px;}
.caption-hover .description{padding: 24px 10px 0 10px;}.project-row .button{font-size: 15px;padding: 9px 33px;}.our-project .hd-span{top: -18px;}.header-top .request a{font-size: 15px;}
.intro{padding-top: 45px;}.our-project .description{padding: 25px 15px 24px;}.header .header-top .col-none{display:none;}

body{border:1px solid orange}
}
@media (max-width:991px){
.intro h1 em{font-size: 50px;}.welcome .hd-h2{font-size: 27px;}.intro .description{padding: 8px 6px 18px;}.our-project .description{padding: 24px 15px 15px;}.our-clients h2{font-size: 33px;}
.footer-top{padding: 45px 0 24px 0;}.our-project .hd-span{top: -18px;}.welcome, .our-services{padding: 48px 0;}.footer-base p{padding: 18px 0 27px 0;}.contact-info .col-none{display: block;}
.our-done-right{margin-top: 33px;}.our-clients h2{padding-top: 39px;}
/*.header .header-top .col-none{display:none;}*/

body{border:1px solid red} 
}
@media (max-width:767px){
.header .logo{max-width: 150px;margin: 10px auto;}.header-top .email a{font-size: 13px;}.header-top .social{text-align: center;}.nav-row .contact-us:after{right: -236%;}
.project-row li{max-width: 50%;flex: 0 0 50%;}.intro h1 em{font-size: 45px;}.our-services ul{justify-content: center;}.our-services .hd-h2, .our-project .hd-h2{font-size: 39px;}
.header [class*="col-"]{padding: 0 12px;}.header [class*="row"]{margin: 0 -12px;}

body{border:1px solid lightgreen}
}
@media (max-width:639px){
.header .col-none,.nav-row .contact-us:after{display:none;}.intro h1 em{font-size: 39px;}.our-services{padding: 39px 0;}.our-project{padding: 39px 0 0;}.who-we-are h2{margin: 39px 0 12px 0;}
.footer-top{padding: 39px 0 24px 0;}.header .nav-row .col-span-1{flex: 0 0 67%;max-width: 67%;}.header .nav-row .col-span-2{flex: 0 0 33%;max-width: 33%;}.welcome{padding: 39px 0 60px;}

body{border:1px solid blue}
}
@media (max-width:575px){
.project-row li{max-width: 100%;flex: 0 0 100%;max-width: 375px;margin: 0 auto;}.header [class*="row"]{margin: 0 -6px;}.header [class*="col-"]{padding: 0 6px;}
.header-top .request:before,.header-top .request:after{width: 16px;}

body{border:1px solid red}	
}
@media (max-width:480px){
html{-webkit-text-size-adjust:none}.nav-row .contact-us:before{left: -15px;}.intro h1 span{font-size: 21px;}.intro h1 em{font-size: 27px;}.intro{padding-top: 18px;}.intro .description{padding: 3px 0 12px;}
.intro .button{font-size: 13px;padding: 9px 27px;margin: 0 0 6px;}.intro h1 span:before{top: -8px;height: 3px;left: -18px;}.intro h1 span:after{top: -8px;height: 3px;right: -18px;}

body{border:1px solid magenta}
}