@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700&display=swap');


html, body {
	margin:0;
	padding:0;
	min-height:100%;
	font-family: 'Ubuntu';
	font-weight: 400;
	font-size: 18px;
	line-height: 1rem;
	color: #2b2b2b;
	overflow-x: hidden;
}


h1, h2, h3, h4, h5, h6 {
	font-weight: 300;
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	margin: 10px 0;
	text-transform: uppercase;
	font-family: 'Ubuntu' ;
}

 
p{
   font-size: 1em;
   line-height: 1.35em;
}


h1 {
   font-size: 2.8em;
   line-height: 1em;
}
 
h2 {
   font-size: 2.4em;
   line-height: 1em;
}

h3 {
   font-size: 2em;
   line-height: 1em;
}

h4 {
   font-size: 1.7em;
   line-height: 1em;
}

h5 {
   font-size: 1.4em;
   line-height: 1em;
}

h6 {
   font-size: 1em;
   line-height: 1em;
}


a {
	color:#a3a2a2;
	text-decoration:none;
	transition:0.8s;
	-webkit-transition:0.8s;
	-moz-transition:0.8s;
	-o-transition:0.8s;
}

a:hover {
	color:#747474;
}

.dgrey-bg{background: #1b1b1b}
.dgrey-col{color: #1b1b1b}
.white-bg{background: #fff}
.white-col{color: #fff}
.red-bg{background: #b62025}
.red-col{color: #b62025}

.lato{font-family: 'Ubuntu', ; text-transform: initial;}

::-moz-selection { background: #747474; color: #fff; }
::selection { background: #747474; color: #fff; }


.logo {
	position: fixed;
    z-index: 500;
    margin: 0;
    top: 3.5vw;
    right: 3.5vw;
}

.logo img{
	width: 12vw
}
header{
	width: 100%;
	min-height: 15vw;
	display:inline-block;
	box-sizing: border-box;
}
	
	
header.homepage{
	position: fixed;
	z-index: 999;

}

header menu , .work_menu{
	margin: 0;
	width: 100vw;
	height: 100vh;
	position: fixed;
	padding: 0 32px 0 0;
	top: 0;
	left: 0;
	/*background: rgba(255,255,255,.8);*/
	
	background-image: url(../img/menu-bg.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	text-align: center;
	display: none;
	z-index:500
}

header ul li , .work_menu ul li{
	position: relative;
}

header ul li a  , .work_menu ul li a{
	display: block;
	padding: 0 5px;
	line-height: 48px;
	color: #e0e0e0;
	text-align:left;
	font-weight: bold;
    cursor: pointer;

}

header ul li a.active , .work_menu ul li a.active {
	color: #fff;
}

header ul li a span  {
   font-size: 3.2em;
   line-height: 1em;
   text-transform:lowercase
}

.work_menu ul li a span {
font-size: 2rem;
    line-height: 1.3em;
    text-transform: lowercase;
}
header ul , .work_menu ul
{
	width:500px;
	    display: inline-block;
}

menu ul {
	margin-top: 15vh;
	font-size: .9rem;
}

.trigger.pattern{
background: url(../images/pattern.png) repeat #c9c9c9;
}
.trigger_work.close{
color:#FFF;
background:#000
}
.trigger_work.close .fa-arrow-right:before{
content: "\f00d";
}

.ddm{
	position: absolute;
	top: 100%;
	left: 0;
	padding: 10px;
	background: #fff;
	min-width: 180px;
	display: none;
}

.ddm li a{
	padding: 5px 0;
	line-height: 30px;
}
.flex-row {
	display: flex;
	justify-content: center;
	flex-direction: row;
	align-content: center;
	align-items: center;
}
.flex-column {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-content: center;
	align-items: center;
}
.flex-between {
	display: flex;
	justify-content:space-between;
	flex-direction: row;
	align-content: center;
	align-items: center;
}

.trigger{
	width: 3.5vw;
	height: 3.5vw;
	background:#000;
	color:#FFF;
	cursor: pointer;
	border: 1px solid #000;
	font-size: 1rem !important;
}

.trigger_work {
	border: 1px solid #000;
	width: 3.5vw;
	color: #000;
	padding: 7px 0;
	background: #FFF;
	cursor:pointer;
}

.trigger_work i {
margin-right: 10px;
}
.trigger_work span {
    display: inline-block;
}
.trigger_work div
{
	transform: rotate(-90deg);
	height: 90px;
}
.nav_fixed
{
	position: fixed;
	top:3.3vw;
	left: 3.3vw;
	z-index: 9999;	
}
.flex-row-end {
	display: flex;
	justify-content: flex-end;
	flex-direction: row;
	align-content: center;
	align-items: center;
}
.trigger > div{
	position: relative;
	width: 100%;
	height: 100%;
}

.trigger > div > span{

height: 3px;

width: 20px;

margin: 0;

background: #FFF;

display:inline-flex;

margin:1.5px 3px;
}

.trigger > div > span:nth-child(2){
	margin-left:10px;
	width: 30px;
}

.trigger > div > span:nth-child(3){

}

.trigger > div.close > span:nth-child(1){
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	transform: rotate(45deg);
	top: 19px;
	    margin-left: 6px;
    margin-top: 5px;
}

.trigger > div.close > span:nth-child(2){
	display: none;
}

.trigger > div.close > span:nth-child(3){
	-ms-transform: rotate(-45deg); /* IE 9 */
	-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
	transform: rotate(-45deg);
	top: 19px;
	    margin-left: 5px;
    margin-top: -5px;
}

.mCSB_inside > .mCSB_container{
	margin: 0 !important;
}


/* END OF HEADER STYLING FOR WEB*/

#overlay{
  position:fixed;
  z-index:99999;
  top:0;
  left:0;
  bottom:0;
  right:0;
  transition: 1s 0.4s;
  width: 100%;
  height: 100%;
  background: #fff url(../img/loading.gif) center no-repeat;
  background-size: 500px;
  font-size: .5rem;
}

#progress,
#progstat{
	display: none;
}

/*.peeek-loading {
overflow: hidden;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
}

.peeek-loading ul {
  position: absolute;
  left: calc(50% - 0.7em);
  top: calc(50% - 4.2em);
  display: inline-block;
  text-indent: 2.8em;
}

.peeek-loading ul li:after,
.peeek-loading ul:after {
  width: 1.4em;
  height: 1.4em;
  background-color: #fff;
  border-radius: 100%;
}

.peeek-loading ul li:after,
.peeek-loading ul:after {
  content: "";
  display: block;
}

.peeek-loading ul:after {
  position: absolute;
  top: 2.8em;
}

.peeek-loading li {
  position: absolute;
  padding-bottom: 5.6em;
  top: 0;
  left: 0;
}

.peeek-loading li:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: 0.125s;
}

.peeek-loading li:nth-child(1):after {
  animation-delay: 0.125s;
}

.peeek-loading li:nth-child(2) {
  transform: rotate(36deg);
  animation-delay: 0.25s;
}

.peeek-loading li:nth-child(2):after {
  animation-delay: 0.25s;
}

.peeek-loading li:nth-child(3) {
  transform: rotate(72deg);
  animation-delay: 0.375s;
}

.peeek-loading li:nth-child(3):after {
  animation-delay: 0.375s;
}

.peeek-loading li:nth-child(4) {
  transform: rotate(108deg);
  animation-delay: 0.5s;
}

.peeek-loading li:nth-child(4):after {
  animation-delay: 0.5s;
}

.peeek-loading li:nth-child(5) {
  transform: rotate(144deg);
  animation-delay: 0.625s;
}

.peeek-loading li:nth-child(5):after {
  animation-delay: 0.625s;
}

.peeek-loading li:nth-child(6) {
  transform: rotate(180deg);
  animation-delay: 0.75s;
}

.peeek-loading li:nth-child(6):after {
  animation-delay: 0.75s;
}

.peeek-loading li:nth-child(7) {
  transform: rotate(216deg);
  animation-delay: 0.875s;
}

.peeek-loading li:nth-child(7):after {
  animation-delay: 0.875s;
}

.peeek-loading li:nth-child(8) {
  transform: rotate(252deg);
  animation-delay: 1s;
}

.peeek-loading li:nth-child(8):after {
  animation-delay: 1s;
}

.peeek-loading li:nth-child(9) {
  transform: rotate(288deg);
  animation-delay: 1.125s;
}

.peeek-loading li:nth-child(9):after {
  animation-delay: 1.125s;
}

.peeek-loading li:nth-child(10) {
  transform: rotate(324deg);
  animation-delay: 1.25s;
}

.peeek-loading li:nth-child(10):after {
  animation-delay: 1.25s;
}

.peeek-loading li {
  animation: dotAnimation 2.5s infinite;
}

@keyframes dotAnimation {
  0%, 55%, 100% {
    padding: 0 0 5.6em 0;
  }
  5%,50% {
    padding: 2.8em 0;
  }
}
.peeek-loading li:after {
  animation: dotAnimationTwo 2.5s infinite;
}

@-webkit-keyframes dotAnimationTwo {
  0%, 55%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  5%,50% {
    opacity: .5;
    transform: scale(0.5);
  }
}*/


.tp-caption{
	color: #fff;
	font-size: 2rem;
}

.tp-caption .container{
	width: 100% !important;
	max-width: 100% !important;
	padding-left: 180px !important;
	padding-right: 180px !important;
}


.tp-caption h1,
.tp-caption h2,
.tp-caption span {
	position: relative;
	padding-left: 35px !important;
	width: 60vw !important;
	white-space: normal !important;
}

.tp-caption .container h1 > b{
	font-size: 2.3rem !important;
	line-height: 1.15rem !important;
}

.tp-caption span {
	font-size: 1.25rem !important;
	margin-top: 50px !important;
    	display: block;
}

.shapeh2{
	position: relative;
	font-size: 1.6em !important;
}

.shapeh2:after{
	position: absolute;
	top: 10px;
	left: 0;
	width: 4px;
	height: 60vh;
	background: #b62025;
	content: "";
}

.tp-caption div.shape{
	width: 8px;
	height: 60vh;
	background: #b62025;
}

figure.tilted{
	margin: 0;
	padding: 0;
	position: relative;
	display: inline-block;
}

figure.tilted img{
	display: block;
}

figure.tilted:after{
	position: absolute;
	width: 50px;
	height: 100%;
	top: 0;
	left: 0;
	background: url(../img/tilt.png) top no-repeat;
	background-size: 100% 100%;
	content: "";
}



.serviceslist {
	width: 105%;
	height: 500px;
}

.serviceslist .service {
	width: 33.33333333%;
	height: 100%;
	background: #3498db;
	position: relative;
	-webkit-transform: skewx(-10deg);
	-moz-transform: skewx(-10deg);
	-o-transform: skewx(-10deg);
	-ms-transform: skewx(-10deg);
	transform: skewx(-10deg);
	transform-origin: top left;
	float: left;
	display: inline;
	background-size: cover !important;
}

.serviceslist .service img{
	max-width: 25%;
}

.serviceslist .service a{
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 20;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}

.serviceslist .service:hover a{
	transform: scale(1.15);
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-o-transform: scale(1.15);
	-ms-transform: scale(1.15);
}

.serviceslist .service::after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	transition: .2s;
	-moz-transition: .2s;
	-webkit-transition: .2s;
}

.serviceslist .service:nth-child(1)::after{
	background: rgba(0,0,0,.8);
}

.serviceslist .service:nth-child(2)::after{
	background: rgba(182,32,37,.8);
}

.serviceslist .service:nth-child(3)::after{
	background: rgba(2,20,49,.8);
}


.serviceslist .service:nth-child(1):hover::after {
	background: rgba(0,0,0,0);
}

.serviceslist .service:nth-child(2):hover::after {
	background: rgba(182,32,37,0);
}

.serviceslist .service:nth-child(3):hover::after {
	background: rgba(2,20,49,0);
}

.serviceslist .service a > div {
	-webkit-transform: skewx(10deg);
	-moz-transform: skewx(10deg);
	-o-transform: skewx(10deg);
	-ms-transform: skewx(10deg);
	transform: skewx(10deg);
	position: relative;
	z-index: 2;
	box-sizing: border-box;
}

.serviceslist .service a > div .txt-edit {
	padding: 0 90px;
}

.title{
	padding: 25px 0;
	position: relative;
	margin-bottom: 25px;
}

.title:after{
	width: 150px;
	height: 3px;
	background: #b62025;
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
}

.title.txt-cntr:after{
	left: 50%;
	margin-left: -75px;
}

.patslider{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(../images/bg.png) bottom center no-repeat;
	background-size:cover;
	z-index: 2;
}

.tp-parallax-wrap{
	z-index: 10 !important;
}

.fulldesc{
	display: none;
}


.readdesc::after{
	content: "READ MORE"
}

.activedesc.readdesc::after{
	content: "READ LESS"

}

.readmore{
	display: inline-block;
}

.slickslider{
	width:100%;	
}

.slick-slide{
	padding: 15px;	
}

.slickslider .slick-arrow{
	width: 41px;
	height: 74px;
	background-size: 100% !important;
}

.slickslider .slick-arrow.slick-next {
	background: url(../img/next.png) center no-repeat;
	right: -45px;
}

.slickslider .slick-arrow.slick-prev {
	background: url(../img/prev.png) center no-repeat;
	left: -45px;
}

.slickslider .slick-arrow:before{
	color: transparent !important;
}


.partnerslist img{
	width: 100%;
	/*-webkit-filter: grayscale(100%);
	filter: grayscale(100%);*/
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

/*.partnerslist img:hover{
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}*/


/* PARALLAX SECTION IS HERE */
#prlx{
	background: url(../img/prlx-bg.jpg) 50% 0 no-repeat fixed;
	height: 70vh;
	color: white;
	margin: 0 auto;
	position:relative;
	background-size: cover;
}

.insideimg{
	position: relative;
	overflow: hidden;
}

.insideimg .img-bg{
	width: 100vw;
	height: 100vh;
}

.insideimg .img-bg::after{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(30,30,57,.45);
	content: "";
}

/* PARALLAX SECTION IS HERE */
#prlx{
	background: url(../img/prlx-bg.jpg) 50% 0 no-repeat fixed;
	height: 70vh;
	color: white;
	margin: 0 auto;
	position:relative;
	background-size: cover;
	overflow-y: hidden;
}

#prlx::after{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(30,30,57,.45);
	content: "";
}

.insideimg .ptitle,
#prlx .ptitle{
	position: absolute;
	z-index: 10;
	bottom: 25vh;
	font-size: 1.3rem;
	left: 0;
	width: 100%;
}

.ptitle h1{
	position: relative;
	padding-left: 30px;
	margin: 0;
}

.ptitle h1::before{
	position: absolute;
	left: 0;
	top: 7px;
	width: 4px;
	height: 40vh;
	background: #b62025;
	content: "";
}

.midlinetitle{
	position: relative;
	width: 100%;
}

.midlinetitle:before{
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -1px;
	height: 2px;
	width: 100%;
	background: #b52024;
	content: "";
}

.midlinetitle .fr{
	padding: 0 120px 0 20px;
	background: #fff;
	position: relative;
	z-index: 2;
}

.midlinetitle .fr h1{
	margin: 0;
}

.solutionslist .img-bg{
	width: 100%;
	height: 100%;
	min-height: 350px;
}

.solutionslist > .colw-100:nth-child(even) > div.row > div[class^="colw-"]{
	float: right;
}

.solutionslist h1.red-col{
	position: relative;
	font-size: 2.5rem;
	margin-bottom: 50px;
	display: inline-block;
}

.solutionslist h1.red-col:before{
	position: absolute;
	left: 100%;
	margin-left: 20px;
	top: 100%;
	height: 2px;
	width: 1500px;
	background: #b52024;
	content: "";
}

.solutionslist > .colw-100:nth-child(even) h1.red-col:before{
	position: absolute;
	left: auto;
	right: 100%;
	margin-left: 0;
	margin-right: 20px;
}

.solutionslist .txt-edit{
	font-size: .9rem !important;
	line-height: 1.1rem !important;
}

.readdesc {
	margin-top: 15px;
	cursor: pointer;
	display: block;
}

.mobile .row.sameheight > div[class^="colw-"]{
	padding-bottom: 0 !important;
}

.mobile .container{
	border-bottom: 1px solid #959595;
}

.mobile h2 strong{
	letter-spacing: 2px;
}

ul.tabs {
  width: 100%;
}

ul.tabs li{
  display: inline-block;
  padding: 15px 0;
  margin-right: 70px;
  font-size: 1.15rem;
  cursor: pointer;
  position: relative;
  font-weight: 900;
}

ul.tabs li:after{
	position: absolute;
	top: 100%;
	left: 0;
	height: 3px;
	width: 0;
	background: #b62025;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	content: "";
}

ul.tabs li.active-tab:after{
  width: 100%;
}

ul.tabs-content{
	margin-top: 30px;
}

ul.tabs-content li{
  display: none;
  list-style: none;
}

ul.tabs-content li .lato.red-col{
	font-size: 1.15rem;
}

ul.tabs-content li:nth-child(1){
  display: block;
}

.map{
	width: 100%;
}

.map iframe{
	width: 100% !important;
	height: 300px !important;
}

.bred.lato{
	border-left: 3px solid #b62025;
	padding-left: 20px;
}

.csform label{

}

.uploadinput input[type="file"]{
	display: none;
}

.uploadinput label{
		display: block;
		width: 100%;
		height: 50px;
		line-height: 50px;
		text-align: center;
		color: #fff;
		background: #1b1b1b;
		font-size: 15px;
}

.careerform input[type="submit"]{
	font-size: 15px;
	font-family: inherit;
	font-weight: 700;
}

.uploadinput input[type="submit"]{
	border: 2px solid #1b1b1b;
	background: #fff;
	color: #1b1b1b;
}

.arrowscroll{
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 500;
}

.arrowscroll a{
	display: block;
	background: url(../img/dwn.png) center no-repeat;
	width: 44px;
	height: 55px;
}

.hpabout {
	font-size: 17px;
	line-height: 23px;
	color: #c1c1c1;
}

.hpabout h1{
	color: #fff;
}

.hpabout .colw-50:first-child{
	padding-left: 180px !important;
	position: relative;
}

.hpabout .colw-50:first-child::after{
	width: 160px;
	height: 2px;
	position: absolute;
	left: 0;
	top: 70px;
	background: #b62025;
	content: "";
}

.txt-edit.addresses{
	font-weight: 400 !important;
}

.txt-edit.addresses b{
	font-weight: 700 !important;
}

.careerh5 {
	font-size: 1.3rem;
	line-height: 1.25em;
}

.expimg{
	display: block;
}

footer{
	

	font-size: .85rem;
	position: relative;
}

footer .arrowscroll{
	position: absolute;
} 

footer .arrowscroll a{
	background: url(../img/up.png) center no-repeat;
}

footer a{
	color: #ababab;
}

footer h5.fttitle{
	font-family: inherit;
	text-transform: inherit;
	color: #fff;
	font-weight: 900;
	font-size: 1.1em;
}

footer .row > ul > li{
	padding: 5px 0;
	border-bottom: 1px solid #2f61b3;
}

footer input[type="email"]{
	background: none;
	border: none;
	border-bottom: 2px solid #fff;
	color: #fff;
	padding: 0;
}

footer input[type="submit"]{
	background: none;
	border: 3px solid #fff;
	color: #fff;
}

footer input[type="submit"]:hover{
	background: #fff;
	color: #1b1b1b;
}

footer a.red-col{
	text-decoration: underline;
}

















.social
{
	margin-top:25px
}

.social a{
    display: inline-block;
    margin-right: 60px;
    margin-left: 5px;
    float: left;
}

.tp-bullets{
	height: auto !important;
	border: 2px solid #fff;
}

.tp-bullet
{
	position: relative !important;
    display: block !important;
    margin: 0 !important;
    top: 0 !important;
}

.tp-bullets, .tp-tabs, .tp-thumbs
{
	opacity:1 !important;
	visibility:visible !important;
	right:3.3vw !important;
	left: auto !important;

}



.vError
{
	border-bottom:red 1px solid!important
}
.form-error
{
	color:red;
	font-size:12px;
}
.FormResult 
{
	color:green;
	font-size:16px;
	width:100%;
	display:inline-block
}
#submit-form1 input[type="text"]
{
	color:#FFF !important
}
.white-col i{

    font-family: 'Ubuntu', ;
    text-transform: initial;

}
.search_form {
	margin-bottom:10px;
    position: relative;
}

.search_form input{
	text-align: right;
	font-size: 0.9rem !important;
	width: 12vw !important;
}
.search_form button{
	 background: none;
    border: 0;
    font-size: 1rem;
	background: none;
	border: 0;
	font-size: 1rem;
	position: absolute;
	left: 0;
	top: 20px;
}
footer .footer_top{
	border-top:1px solid #ebebeb;
	border-bottom:1px solid #ebebeb;
	padding:3rem 0
}
footer .footer_top ul{
text-align:center;
display:inline-block;
width:100%
}
footer .footer_top ul li{
display:inline-block;
margin:0px 0.78vw;
}
footer .footer_top ul li a{
color:#000;

}
footer .footer_bottom{

padding:1rem 0;
}
footer .footer_bottom a{
color:#000
}

footer .footer_bottom .copyright{
	color:#878787;
	display: block;
}

.container_full {
	padding-left: 10vw;
	padding-right: 18vw;
}

.colws-20 {
	width:20%;
	display:inline-flex;
}

.colws-60 {
	width:60%;display:inline-flex;
}
.nolineheight
{
	line-height:0
}
.tac
{
	text-align:center
}

.about_main_box  , .about_contact_box{
	margin-bottom: 6.4rem;
	position: relative;

}

.about_main_box:before,
.about_main_box:after {
	display: block;
	clear: both;
	content: "";
}

.about_section h1{
	font-weight:bold;
	text-transform:lowercase;
}
.about_box_text , .about_box_image
{
	display:inline-block;
	vertical-align:top
}

.about_box_text
{
	width: 55%;
	box-sizing: border-box;
	text-align:justify;
	padding-right:5vw;
	float: left;	
}

.about_box_image .img-bg{
	width: 100%;
	height: 100%;
	min-height: 647px;
}

.about_box_image.aboutimagesquare > .img-bg{
		width: 100%;
		/*padding: 40% 0;*/
		box-sizing: border-box;
	}

.about_main_box.active::before
{
	border-left:1px solid #000;
	position:absolute;
	left:-15px;
	top:0;
	z-index:50;
	content:'';
	height:100%	
}
.about_box_border
{
	position:relative;
}
.projects_box_border
{
	line-height:1.2rem
}
.about_main_box1:first-child .about_box_border::before
{
	border-left:1px solid #000;
	position:absolute;
	left:-15px;
	top:0;
	z-index:50;
	content:'';
	height:100%
}
.about_box_text h2
{
	margin-top: 0;
	font-weight:bold;
	line-height:.85em;
	text-transform:lowercase;
}

.about_box_text h3
{	
	font-weight:normal;
	text-transform:lowercase;
}
.about_box_text h4
{
	font-size:2.2rem;
	font-weight:bold;
	text-transform:capitalize;
}
.about_box_text h5
{
	font-size:1.3rem;
	font-weight:normal;
	text-transform:lowercase;
}
.csform
{

	color:#999999
}
.black
{
	color:#363636
}
#submit_form input{

}

.news_date , .news_plus
{
	color:#747474
}

.news_minus{
	color: #747474;
	display: none;
	padding-top:0.78vw;
    display: inherit;
	cursor:pointer
}

::-webkit-input-placeholder { /* Edge */
  color: #999999;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #999999;
}

::placeholder {
  color: #999999;
}
.d-flex
{
	display:flex;
}
.about_box_image.bg{
	background:#000;
	width:100%;
	max-width:32vw
}

.about_box_image .news_image_block{
	height: 6.5rem;
}

/*.about_box_image.nobg{
	width:100%;
	max-width:32vw
}*/

.news_box .news_description_block
{
	border-bottom:1px solid #747474;
	padding-bottom:1.3vw;
	
}
.news_box{
	margin-bottom: 2.5vw;
}

.line-height
{
	line-height:normal !important
}
.news_plus
{
	padding-top:0.78vw;
    display: inherit;
	cursor:pointer
}
.news_box:last-child .about_box_text
{
	border-bottom:0;
	padding-bottom:0;
	margin-bottom:0
}
.news_description_none , .news_image_none
{
	display: none;
	max-width: 100%;
}
.scroll-up
{
	cursor:pointer
}
.projects_header , .mCustomScrollbar1
{

}

.w1
{
	width:10%
}
.w2
{
	width:30%
}

.w3
{
	width:20%
}

.w4
{
	width:40%
}

.w5
{
	width:170px
}

.projects_header{
	font-size: 0 !important;
	padding: 0 30px 0 0;
	box-sizing: border-box;
}

.projects_header > span{
	font-size: 1rem !important;
}

.projects_header span{
	display: inline-block;
	padding: 15px 0
}

.projects_header span:first-child i{

}
.projects_header img{
	padding-left:10px;
}

.projects_filter,
.projects_order {
	width:5%;
	display:inline-block;
	vertical-align: top;
	position: relative;
}

.projects_filter span,
.projects_order span{
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	cursor:pointer;
    margin-bottom: 0;
    display: inline-block;
    padding: 10px 0;
}
.projects_list
{
	width: 100%;
	display:inline-block;
	margin-top: 40px;
}
.mCustomScrollbar1
{
	max-height:25vw
}
.projects_section
{
	padding-bottom:7.8rem
}
.projects_list a{
	color:#000
}

.projects_slick
{
	display:inline-block
}
.about_box_image {
	width: 45%;
	float: left;
}
.leftarrows_banner
{
	position:absolute;
	top:calc(50% - 23px);
	left:-50px;
	z-index:50;
	cursor:pointer
}


.rightarrows_banner
{
	position:absolute;
	top:calc(50% - 23px);
	right:-60px;
	z-index:50;
	cursor:pointer
}
.projects_thumb
{
	display:inline-block;
	vertical-align:bottom;
	padding-bottom:1vw;
	width:20vw;
	padding-left:2.6vw
}

.projects_thumb ul li
{
	display:inline-block;
	vertical-align:bottom
}
.breadcrumbs
{
	padding-bottom:4vw
}
.breadcrumbs li{
display:inline-block;
margin-right:10px;
}
.breadcrumbs li a{
color:#000
}
.projects_more,
.projects_less {
	padding-top:40px;
	display:inline-block;
	width:100%;
	cursor:pointer
}

.projects_less{
	display: none;
}

.projects_details_none{
	display:none;
	padding-top:25px;
}


.projects_slick .slick-slide img{
	width: 100%;
}

.projects_slick .slick-dots{
    bottom: -20px;
    width: 100%;
    right: 0;
}

.projects_slick .slick-dots li
{
margin: 0 3px;
    width: 15px;
}

.projects_slick .slick-dots li button {
    color: #a3a2a2;
    font-size: 13px;
    font-weight: 700 !important;
    width: 100%;
    margin: 0;
    padding: 0;
}

.projects_slick .slick-dots li button:before
{
	display:none;
	
}

.projects_slick .slick-dots li.slick-active  button
{
	color:#000
}
.projects_slick.slick-dotted.slick-slider
{
	margin-bottom:0
}
.solutions_gallery {
	padding:1rem 0
}

.solutions_gallery:last-child {
	padding-bottom: 0;
}

.solutions_gallery h3
{
	padding:1rem 0
}
.projects_filter ul,
.projects_order ul {
	width: 180px;
	display:none;
	padding: 10px;
	background: #fff;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 10;
	border: 1px solid #eee;
}

.projects_filter ul{
	width: 190px;
}

.projects_filter ul li,
.projects_order ul li {
	margin: 1rem 0;
}

.projects_filter ul li:first-child,
.projects_order ul li:first-child {
	margin-top: 0;
}

.projects_filter ul li a,
.projects_order ul li {
	color:#000
}


.sqm:after{
   content:" sqm";
}




.font-light.font-18 p{
	margin: 0;
}

.pimg .img-bg{
	width: 100%;
	padding: 36% 0;
	height: auto;
	min-height: 0;
}

.about_main_box.projectdetails .about_box_text {
    width: 50%;
	padding-right:5%;
}
.about_main_box.projectdetails .about_box_image {
    width: 45%;

}
.ai-fs
{
	align-items:flex-start
	}
.about_box_image a{position:relative}
.about_box_image span{
position: absolute;
    bottom: 50%;
    text-align: center;
    color: #FFF;
    width: 100%;
    font-size: 20px;
    left: 0;
    z-index: 100;
    text-shadow: 0 0 15px #000, 0 0 15px #000;
}
.flex-row {
    display: flex !important;
    justify-content: center;
    flex-direction: row;
    align-content: center;
    align-items: center;
}

.flex-column
{
    display: flex !important;
    justify-content: center;
    flex-direction: column;
    align-content: center;
    align-items: center;	
}





.tal
{
	text-align:left !important
}
.tar
{
	text-align:right
}
.displaynone
{
	display:none
}
.email_contact
{
	color:#000;
	font-weight:100
}

.font-130
{
	font-size:4.5vw;
}
.font-100
{
	/*font-size:4rem;*/
	font-size:2.6vw;
}
.font-90
{
	font-size:3.4vw;
}
.font-80
{
	font-size:3vw;
}
.font-66
{
	font-size:2rem;
}
.font-50
{
	/*font-size:2.5rem;*/
	    font-size: 1.9rem;
}
.font-40
{
	font-size:2rem;
}
.font-37
{
	font-size:1.7rem;
}
.font-33
{
	font-size:1.65rem;
}
.font-30
{
	font-size:1.5rem;
}
.font-25
{
	font-size:1.3rem;
}
.font-22
{
	font-size:1.1rem;
}
.font-20
{
	font-size:1rem;
}
.font-19
{
	font-size:0.9rem;
}
.font-18
{
	font-size:0.8rem;
}
.font-16
{
	font-size:0.6rem;
}
.font-light
{
	font-weight:300 !important
}
.font-regular
{
	font-weight:500 !important
}
.font-bold
{
	font-weight:700 !important
}
.address_info b
{

}
.mCustomScrollbar2
{
	height:525px;
}
.mCustomScrollbar2 .mCustomScrollBox.mCS-light.mCSB_vertical.mCSB_inside
{
	padding-right:30px !important;
}
.mCustomScrollbar2 .mCustomScrollBox.mCS-light.mCSB_vertical.mCSB_inside p:first-child
{
	margin-top:0 !important
}

.teamlist {
    width: 1050px;
    max-width: 100%;
    font-size: .8rem;
    margin: 0 auto !important;
}
.about_main_box:nth-last-child(2){
	/*display: none;*/
}

.teamlist .img-bg {
    width: 100%;
    padding: 60% 0;
    margin: 10px auto;
}

.teamlist b {
    display: block;
    margin-bottom: 5px;
    font-size: 1rem;
}

.hpsectanim{
	position: absolute;
	z-index: 500;
	bottom: 3.3vw;
	left: 40px;
	color: #fff;
}


.hpsectanim p{
	margin-bottom: 0;
}

.about_main_box:first-child .aboutimagesquare .img-bg{

	box-sizing: initial;
}
.projects_slick1
{
	display:none
}
.flex-wrap
{
	flex-wrap:wrap
}
.solutions_gallery_img
{
	height:150px;
}
.solutions_gallery_img img
{
	max-height:100px;
}
.jc-fs
{
	justify-content:flex-start
}