<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700&amp;display=swap');
@font-face {
 font-family: 'Khatulistiwa';
    src: url('../khatulistiwa/Khatulistiwa.eot') format('embedded-opentype'); /* IE9 + later */
    src: url('../khatulistiwa/Khatulistiwa.eot?#iefix') format('embedded-opentype'), /* IE6 to IE8  */
         url('../khatulistiwa/Khatulistiwa.woff') format('woff'),  /* Newer browsers */
         url('../khatulistiwa/Khatulistiwa.ttf') format('truetype'), /* Safari og iOS, Chrome, Android, Firefox and Opera except Opera Mini  */
        url('../khatulistiwa/Khatulistiwa.svg#Khatulistiwa') format('svg'); /*IE og iOS earlier than version 5*/
}

*
{	
	font-family: 'Manrope', sans-serif;
	font-size:14px;
	color:#000
}

html , body
{
	overflow-x:hidden;
	-webkit-overflow-scrolling: touch;
	display:contents

}
.transition
{
	transition:all 0.5s ease-in-out;
}
body
{
	
}
a {
	color:#707070;
	text-decoration:none;
	transition:0.8s;
	-webkit-transition:0.8s;
	-moz-transition:0.8s;
	-o-transition:0.8s;
}
.displaynone
{
	display:none !important
}
.vError
{
	border-bottom:white 1px solid !important
}
.form-error
{
    color: red;
    font-size: 10px !important;
    padding-top: 5px;
    display: inline-block;
}
.h100{
	height:100%
}
.FormResult  , .FormResult1
{
	color:green;
	width:100%;
}
.dnone
{
	display:none
}
.d-block{
	display:block
}
.d-flex
{
	display:flex;
	flex-wrap: wrap;
}
.italic
{
	font-style:italic
}
.white
{
	color:#FFF
}
.font-Khatulistiwa , .font-Khatulistiwa *
{
	font-family: 'Khatulistiwa';
}
.font-light , .font-light *
{
	 font-weight: 300;
}
.font-regular, .font-regular *
{
	 font-weight: 400;
}
.font-medium, .font-medium *
{
	 font-weight: 500;
}
.font-semibold, .font-semibold *
{
	 font-weight: 600;
}
.font-bold, .font-bold *
{
	 font-weight: 700;
}
.font-12, .font-12 *
{
	font-size:0.75rem
}
.font-13, .font-13 *
{
	font-size:0.8125rem
}
.font-14, .font-14 *
{
	font-size:0.875rem
}
.font-16, .font-16 *
{
	font-size:1rem
}
.font-18 , .font-18 *
{
	font-size:1.125rem
}
.font-20, .font-20 *
{
	font-size:1.25rem
}
.font-22, .font-22 *
{
	font-size:1.375rem
}
.font-24, .font-24 *
{
	font-size:1.5rem
}
.font-26, .font-26 *
{
	font-size:1.625rem
}
.font-28, .font-28 *
{
	font-size:1.75rem
}
.font-30, .font-30 *
{
	font-size:1.875rem
}
.font-32, .font-32 *
{
	font-size:2rem
}
.font-36, .font-36 *
{
	font-size:2.25rem
}
.font-40, .font-40 *
{
	font-size:2.2rem
}
.font-42, .font-42 *
{
	font-size:2.625rem
}
.font-45, .font-45 *
{
	font-size:2.8125rem
}
.font-50, .font-50 *
{
	font-size:3.125rem
}
.font-52, .font-52 *
{
	font-size:3.25rem
}
.font-55, .font-55 *
{
	font-size:3.437rem
}
.font-62, .font-62 *
{
	font-size:3.875rem
}
.font-90, .font-90 *
{
	font-size:5.625rem
}
.font-100, .font-100 *
{
	font-size:6.25rem
}
.font-110, .font-110 *
{
	font-size:6.875rem
}
.text-center
{
	text-align:center
}
.line-height13
{
	line-height:1.3rem
}
.line-height14
{
	line-height:1.4rem
}
.line-height15
{
	line-height:1.5rem
}
.line-height2
{
	line-height:2rem
}
.line-height3
{
	line-height:3rem
}
.line-height4
{
	line-height:4rem
}
.line-height8
{
	line-height:8rem
}
.inline-block
{
	display:inline-block
}
.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;
}
.jc-fs
{
	    justify-content: flex-start !important;
}
.jc-sb
{
	    justify-content: space-between !important
}

.trigger{
	width: 40px;
	height: 40px;

	position: absolute;
	top: 11px;
    right: 0;
	z-index: 999999999;
	display: none;

}

.trigger &gt; div{
	position: relative;
}

.trigger &gt; div &gt; span{
	position: absolute;
	height: 4px;
	width:60%;
	margin:0 20%;
	background: #0D93D2;
	top:12px;

	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;

	transition:.7s;
	-moz-transition:.7s;
	-webkit-transition:.7s;
}

.trigger &gt; div &gt; span:nth-child(2){
	top:20px;
}

.trigger &gt; div &gt; span:nth-child(3){
	top:28px;
}

.trigger &gt; div.close &gt; span:nth-child(1){
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	transform: rotate(45deg);
	top: 19px;
	background:#FFF
}

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

.trigger &gt; div.close &gt; span:nth-child(3){
	-ms-transform: rotate(-45deg); /* IE 9 */
	-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
	transform: rotate(-45deg);
	top: 19px;background:#FFF
}

.trigger, .sitewrapper{
	transition:.7s;
	-moz-transition:.7s;
	-webkit-transition:.7s;
}

.slided{
	-ms-transform: translate(-320px,0); /* IE 9 */
	-webkit-transform: translate(-320px,0); /* Safari */
	transform: translate(-320px,0); /* Standard syntax */
}
.white , .white *
{
	color:#FFF
}
.white1 , .white1 *
{
	color:#FFF;
	opacity:0.7
}
.blur {
    
    background: transparent !important;
}
.z-100
{
	z-index:100
}
.relative
{
	position:relative;
}
b
{
	font-weight:700
}
.txt-justify
{
	text-align:justify
}
.py-100
{
	padding-top:100px;
	padding-bottom:100px
}
.px-100
{
	padding-right: 100px;
	padding-left: 100px
}
.ai-fs
{
	align-items:flex-start
}
.line-height2
{
	line-height:2rem
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.bg_darkgrey
{
	background:#363636;
}
.bg_grey
{
	background:#F2F2F2;
}
.slick-dots li button:before
{
	font-size:12px !important;
}
.slick-dots li.slick-active button:before
{
	color:#ED4815 !important;
}
footer a:hover
{
	color:#ED4815;
}
.social_footer li a:hover span
{

	color:#ED4815
}


.ai-fs
{
	    align-items: flex-start;
}

nav li a
{
	text-transform:uppercase
}
.logo img
{

}
.insideImg h1
{
	font-size:3.5rem
}
.insideImg
{
	overflow:hidden
}
footer
{
	background:#F7F7F7;

}
a
{
	text-decoration:none;
	color:inherit
}
.d-block
{
	display:block !important
}
.w-100
{
	width:100%
}
.trigger{
	width: 40px;
	height: 40px;

	position: absolute;
	top: 23px;
    right: 11px;
	z-index: 9999;
	display: none;

}

.trigger &gt; div{
	position: relative;
}

.trigger &gt; div &gt; span{
	position: absolute;
	height: 2px;
	width:60%;
	margin:0 20%;
	background: #24262A;
	top:12px;

	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;

	transition:.7s;
	-moz-transition:.7s;
	-webkit-transition:.7s;
}

.trigger &gt; div &gt; span:nth-child(2){
	top:19px;
}

.trigger &gt; div &gt; span:nth-child(3){
	top:27px;
}

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

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

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

.trigger, .sitewrapper{
	transition:.7s;
	-moz-transition:.7s;
	-webkit-transition:.7s;
}

.slided{
	-ms-transform: translate(-320px,0); /* IE 9 */
	-webkit-transform: translate(-320px,0); /* Safari */
	transform: translate(-320px,0); /* Standard syntax */
}
.relative
{
	position:relative
}
.jc-sa
{
	justify-content: space-around;
}
.jc-se
{
	justify-content: space-evenly;
}
.h250
{
	height:250px;
}

.order1
{
	order:1
}
.order2
{
	order:2
}
.underline{
text-decoration:underline
}
.bg_white
{
	background:#FFF
}
.uppercase
{
	text-transform:uppercase
}
.z-45
{
	z-index:45
}
.z-50
{
	z-index:50
}
.h100
{
	min-height:100vh
}
.container
{
	width:90%
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.first_section
{
	min-height:100vh;
	background:#808080;

}
.read_more img , .text2 img{
	max-width:70%
}



.text2
{
	transition: .5s ease-in-out;
	animation-name: fadeUp;
    animation-duration: .25s;
}
.fadeUp{animation-name:fadeUp;animation-duration:1s}@keyframes fadeUp{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}



.first_layer
{
	width:0;
	height:100vh;
	position:absolute;
	top:0;
	left:0;
	z-index:30;
	background:#1F1F1F;
	transition: .5s ease-in-out;
}
.first_layer.animated
{
	width:100%
}



.read_more
{
	transition: .25s ease-in-out;
	    opacity: 0;
}
.read_more.show
{
	
	    opacity: 1;
}




.left_corner
{
	position: fixed;
    top: 0;
    left: 0;
    width: 100px;
    height: 100vh;
    background: #1F1F1F;
    z-index: 10000;
    border: 1px solid #303030;
    border-top: none;
    transition: left .1s ease-in;
    transition: left .1s ease-out;
    transition: background .5s ease-in-out;
    display: none;
}
.left_corner.show
{
    display: block!important;
    animation-name: swipeIn;
    animation-duration: .5s;
}
@keyframes swipeIn{0%{left:-100px}to{left:0}}


main{transition: .5s ease-in-out;z-index:50;position:relative;}
main.animated {
    width: calc(100% - 100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
}

.top-header
{
	position:absolute;
	top:0;
	left:0;
	padding:50px 0;
	width:100%;
	z-index:60;
	transition: .5s ease-in-out;
	opacity:0;
}
.top-header.show
{
	opacity:1;
}





.second_section
{
	/*background:url('../img/428-4286210_about-us-building-sketch.png') no-repeat center center / contain #808080;*/
	background:#808080;
	height:100vh;
	position:fixed;
	top:0;
	left:0;
	z-index:40;
	width:100%;
	top:0;
}
.second_section_content
{
	width:calc(100% - 100px);
	margin-left:100px;
}
.second_section img
{
	max-width:150px
}
.second_section .pb-30
{
	height:150px;
}

.third_section
{
	margin-top:100vh;
	background:#1F1F1F;
}
.text4
{
	padding:100px 0 50px 0
}
.bg_hover , .bg_hover img
{
	transition:all 1s ease-in-out;
	overflow:hidden
}
.portfolio_box:hover  .bg_hover img

{
	transform:scale(1.2);
}
.portfolio_box:before
{
	position:absolute;
	top:0;
	left:0;
	z-index:60;
	content:'';
	width:100%;
	height:100%;
	background:rgba(31,31,31,0.4)
}
.portfolio_title
{
	position:absolute;
	left:50px;
	bottom:10px;
	z-index:60
}


.fourd_section
{
	background:#1F1F1F;
	padding:100px 0
}

footer
{
	background: #FFF;
	padding: 0;
margin-bottom:-25px;
padding:5vh 0;
display:inline-block;
width:100%
}
.jc-sb
{
	justify-content: space-between;
}
.burger
{
	position:absolute;
	top:15px;
	right:55px;
	z-index:500
}
.cur
{
	cursor:pointer
}

.lang
{
	position:absolute;
top: 2px;
    right: 0;
	z-index:500
}

.jc-fe
{
	justify-content:flex-end
}



.menu {
    position: fixed;
    top: 0;
    left: -200%;

    width: 100%;
    height: 100vh;
    background: #808080;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    z-index: 9999;
    transition: .5s ease-in-out;padding-left:100px;
}
.menu--active {
    width: 100%;
    left: 0;
}
.menu-box
{
	width:100%
}
.bigmenu 
{
	height:70%
}
.m2
{
	max-height:65vh
}
.menu_top
{
	position:absolute;
	top:0;
	left:0;
	z-index:50;
	width: 100%;
	
}
.menu_content
{
	height:90%
}
.menu_logo
{

    margin-top: 50px;
}
.ai-se
{
	    align-items: self-end
}.header--menu-active {
    background: #808080; 
    border-color: hsla(0,0%,8%,.2);
}



.burger_open line
{
	transition: .25s ease-in-out;
}

.burger_open:hover #Line_1 
{
	    transform: translateX(15px);
}
.burger_open:hover #Line_3
{
	    transform: translate(5 15);
}
.read_more:hover
{
	
}

.color1
{
	color:#808080;
}
.left_corner li
{
	display:inline-block;
	width:100%;
	text-align:center;
	margin:5px 0
}
.left_corner li a svg path
{
	transition:all 0.5s ease-in-out;
}


.left_corner li a:hover svg path
{
	fill:#808080
}
.left_corner li.rot
{
    transform: rotate(270deg);
    display: flex;
	margin-top:10vh;
}
nav ul li
{
	display:inline-block;
	width:100%;
	text-align:right;
}
nav ul li a
{
	color:#FFF;
	
}
nav ul li a:hover , nav ul li a.active , .menu-info a:hover
{
	color:#1F1F1F
}



.read_more a
{
	border:1px solid #808080;
	padding: 3vh 7vh;
	color:#808080;display:inline-block;
	transition:all 0.5s ease-in-out;
}
.read_more a:hover
{
	background:#FFF
}
.read_more.view_all a
{
	padding: 1vh 1.5vh;
}
.read_more.back a
{

	padding: 2vh 5vh;	
}

.read_more.get_started a
{
	padding: 2vh 2vh;
	border-color:#000;
	color:#000
}

.read_more.get_started.color1 a
{

	border-color:#808080;
	color:#808080
}

.footer_social a , .footer_social a span
{
	color:#000000
}
.footer_social li
{
	margin:0 5px;
}
.footer_social a:hover , .footer_social a:hover span , .footer_nav li a:hover , footer .menu-info a:hover
{
	color:#FFF
}
.footer_nav li{
width:100%;
padding:10px 0
}
.footer_nav li a{
color:#000000
}
footer .menu-info a
{
	color:#000
}


.bg1 {
    background: #808080;
}
.bg2
{
	background:#1F1F1F
}

.bg3
{
	background:#808080
}

/*
.about_page footer
{
	background:#1F1F1F
}

.about_page footer h3
{
	color:#FFF
}

.about_page footer  a
{
	color:#FFF
}
.about_page footer  a:hover
{
	color:#808080
}
.about_page footer  .colored , .about_page footer  .colored a  , .about_page footer  .colored  span
{
	color:#808080
}


.about_page footer  .colored:hover , .about_page footer  .colored a:hover  , .about_page footer  .colored:hover  span
{
	color:#FFF
}*/
.what_we_do_box
{
	min-height:305px;
}

input[type=text] , textarea
{
	background:none;
	border:0;
	padding:0;
	border-bottom:1px solid #808080;
	color:#808080;
	font-size:2.2vh;
	resize:none;
	font-weight:400;
}
textarea:hover , textarea:focus{
		border:0 !important;
	padding:0;
	border-bottom:1px solid #808080!important;
}

input[type='text']::placeholder , textarea::placeholder , select::placeholder , input[type='email']::placeholder  { /* Chrome, Firefox, Opera, Safari 10.1+ */
 color:#808080;
  opacity: 1; /* Firefox */
}

input[type='text']:-ms-input-placeholder , textarea:-ms-input-placeholder , select::ms-input-placeholder , input[type='email']:-ms-input-placeholder   { /* Internet Explorer 10-11 */
 color:#808080;
}

 input[type='text']::-ms-input-placeholder , textarea::-ms-input-placeholder   , select::-ms-input-placeholder ,  input[type='email']::-ms-input-placeholder { /* Microsoft Edge */
 color: #808080;;
}
.cv_style {
    width: 175px;height:38px;
}

#validatedCustomFile {
    padding: 0;
    height: 39px !important;
}
.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    /* height: calc(1.5em + 0.75rem + 2px); */
    padding: 10px 0;
    overflow: hidden;
    /* font-weight: 400; */
    /* line-height: 1.5; */
    text-align: center;
    color: #808080;
    background-color: #FFF;
    border: 0;
    font-size: 2.2vh;
}
.custom-control-label::before, .custom-file-label, .custom-select {
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    margin: 0;
    overflow: hidden;
    opacity: 0;
}

#submit_form button {
    background: #808080;
    padding: 10px 0;
    width: 175px;
    text-align: center;
    font-size: 2.2vh;
    color: #FFF;
}
.cv-error
{
	color:#FFF !important
}
.c-m-h{
height:55px;
}

.ai-fe
{
	align-items:flex-end
}
.contact-info a:hover
{
	color:#FFF
}
.contact-bg
{
	background:url('../img/sub/contact-bg1.jpg?v=1.1') no-repeat top right #1F1F1F;
	background-size: auto 100%;
}
.colw-850
{
	width:850px;
}
.portfolio_box_inner
{

	/*padding-right:45px;*/
}
.work_listing .portfolio_box_inner:nth-child(2n+2)
{
	/*padding-left:45px;
	padding-right:0;*/
}
.portfolio_box_inner.portfolio_box_home
{
	/*padding:0 !important*/
}
.portfolio_box_inner .bg_hover
{
	background:#FFF
}
.jc-sb
{
	justify-content:space-between
}
.portfolio_overlay
{
	position:absolute;
	top:0;
	left:0;
	z-index:50;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.9);
	padding:45px;
	opacity:0;transition:all 0.5s ease-in-out;
}
.portfolio_overlay h3
{
	opacity:0;transition:all 1s ease-in-out;padding-top:5px;
}
.portfolio_overlay h2
{
	opacity:0;transition:all 1s ease-in-out;padding-top:10px;
}
.portfolio_overlay div.white
{
	opacity:0;transition:all 1s ease-in-out;padding-top:15px;
}
.portfolio_box_inner:hover img
{
	transform:scale(1.1)
}


.portfolio_box_inner:hover .portfolio_overlay
{
	opacity:1
}
.portfolio_box_inner:hover .portfolio_overlay h3
{
	transform:translateY(-5px);opacity:1
}
.portfolio_box_inner:hover .portfolio_overlay h2
{
	transform:translateY(-10px);opacity:1
}
.portfolio_box_inner:hover .portfolio_overlay div.white
{
	transform:translateY(-15px);opacity:1
}
.gallery .bg_hover:hover img
{
	transform:scale(1.1)
}

.footer_logo img
{
    position: absolute;
    top: -135px;
    left: -145px;
    z-index: 50;
    max-width: 500px;
}
footer
{
	overflow:hidden
}
.burger_close{top:70px;}


.first_section  .h100{    min-height: calc(100vh - 0px);
    padding-top: 110px;}
	
.inner_section  .h100{    min-height: calc(80vh - 0px);
    padding-top: 160px;}


.font-16-vh , .font-16-vh *
{
	font-size:1.8vh
}
.font-18-vh , .font-18-vh *
{
	font-size:1.8vh
}
.font-20-vh , .font-20-vh *
{
	font-size:2vh
}
.font-22-vh , .font-22-vh *
{
	font-size:2.2vh
}
.font-25-vh , .font-25-vh *
{
	font-size:2.5vh
}
.font-28-vh , .font-28-vh *
{
	font-size:2.8vh
}
.font-30-vh , .font-30-vh *
{
	font-size:3vh
}
.font-40-vh , .font-40-vh *
{
	font-size:4vh;
}
.font-45-vh , .font-45-vh *
{
	font-size:4.5vh;
}
.font-50-vh , .font-50-vh *
{
	font-size:5vh
}
.font-55-vh , .font-55-vh *
{
	font-size:5vh
}
.font-60-vh , .font-60-vh *
{
	font-size:6vh
}
.font-70-vh , .font-70-vh *
{
	font-size:7vh
}
.font-90-vh , .font-90-vh *
{
	font-size:9vh
}
.font-100-vh , .font-100-vh *
{
	font-size:10vh
}
.font-110-vh , .font-110-vh *
{
	font-size:11vh;
	line-height: 11vh;
}
.scroll_down
{
	position:absolute;
	bottom:0;
	left:0;
	z-index:50;
	text-align:center;
	width:100%
}
.scroll_down div
{
    height: 60px;
    width: 1px;cursor:pointer;
    background: #FFF;
    position: relative;
    display: inline-block;
}
.scroll_down div span
{
    height: 30px;
    width: 3px;
    background: #FFF;
    position: absolute;transition:all 0.5s ease-in-out;
	top?:0;
	left:-1px;
}
.scroll_down:hover div span
{
	transform:translateY(30px)
}
.notshow{opacity:0;transition:all 1s ease-in-out;}
.notshow.show{opacity:1}
.parallax_block{display:none}
.logo img{width:250px;}
.menu_logo img{width:250px;}
 .gallery_slick .slick-slide  {
      margin: 0 10px;
  }

  /* the parent */
 .gallery_slick .slick-list    {
      margin: 0 -10px;
  } 
  
 .latest_arrow
{
	position:absolute;
	cursor:pointer;
	top:calc(50% - 20px);
	z-index:60;
	background:none;
	width:40px;
}
.leftLst
{
	left:-25px;
}
.rightLst
{
	right:-25px;
} 
 .banners .slick-dots , .gallery_slick_for .slick-dots
 {
    position: absolute;
    top: 0;
    width:35px;
    height: 100%;
    right: 0;	display: flex !important;
    justify-content: center;
    flex-direction: column;
    align-content: center;
    align-items: center; 
 } 
.banners .slick-dots , .gallery_slick_for .slick-dots
 {
    position: absolute;
    top: 0;
    width: 10px;
    height: 100%;
    right: 3vh;	 
 }  
 
.banners .slick-dots li button:before , .gallery_slick_for .slick-dots li button:before
 {
	     color: #FFF;
    opacity: 0.5 !important;
 }
.banners .slick-dots li.slick-active button:before , .gallery_slick_for .slick-dots li.slick-active button:before
 {
	 opacity:1  !important;
 } 
 
.banners  .slick-dots li button:before , .gallery_slick_for  .slick-dots li button:before {
    font-size: 14px !important;
}

.banners .slick-dots li.slick-active button:before  , .gallery_slick_for .slick-dots li.slick-active button:before{
    color: #FFF !important;
}
 .first_section .banners  .h100
{
	position:relative;
	
}
.first_section .banners   .h100.imggg:before
{
	position:absolute;
	top:0;
	left:0;
	z-index:50;
	content:'';
	background:rgba(0,0,0,0.7);
	width:100%;
	height:100%;
	
}
.first_section .banners   .h100 .container
{
	position:relative;
	z-index:100
}
.gallery_slick_for
{
	
}

 .gallery_slick_for .slick-slide  {
      margin: 0 10px;
  }

  /* the parent */
 .gallery_slick_for .slick-list   {
      margin: 0 -10px;
  } 
  
  .gallery_slick_for .slick-dots
 {
    position: absolute;
    bottom: -50px;
	top:auto;
    width:100%;
    height:auto;
    right: 0;	display: inline-block !important;

 } 
 .filter_white
 {
	 filter: brightness(0) invert(1);
 }
 .color-1 , .color-1 *
 {
	 color:#707070
 }
 .copyright
 {
	 margin-top:25px;
 }
 .copyright a
 {
	 color:#000
 }
 .vError
 {
	 border-bottom:1px solid red !important
 }
.footer_nav li a:hover , footer .menu-info a:hover
{
	color:#808080 !important;
}
.work_mob
{
	display:none
}
.footer_social
{
	display:none
}
/*m*/@media all and (max-width: 1200px){
.lang{right:0;top:2.5px;}
.lang a{font-size:2.5rem;line-height:3rem}
.left_corner.show , .what_we_do_box_none  {display:none !important}
main.animated{    transform: translateX(0);width:100%}	
.first_section .h100 {padding-top: 90px;}

.font-110-vh, .font-110-vh * {font-size: 7vh;line-height: 7vh}
.read_more a , .read_more.view_all a{padding: 1.5vh 5vh;font-size:1.5rem}
}



/*xm*/@media all and (max-width: 868px){
.font-90-vh, .font-90-vh * {
    font-size: 4.5vh;
}
	.work_mob
{
	display:block
}

	 .d-none-s
 {display:none !important}
	.banners {margin-bottom:0 !important}
	.banners .slick-dots, .gallery_slick_for .slick-dots{right:2vh}

.container , .colw-850{width:100%}	
.font-110-vh, .font-110-vh * {font-size: 4.5vh;line-height: 4.5vh;}
.font-70-vh, .font-70-vh * {font-size: 4.5vh;}

.font-60-vh, .font-60-vh * {font-size: 4vh;line-height: 4vh;}
.font-55-vh, .font-55-vh *{font-size: 3.5vh;}
/*.read_more a , .read_more.view_all a{padding: 2vh 5vh;}*/
.flex-row-m{    flex-direction: column;}
.box_none{display:none}
.read_more.view_all{margin-top:25px;}
.footer_nav  , .menu-info , footer{text-align:center}
.py-25-m{padding:25px 0}.menu-info{padding-top:25px;}
.top-header{width:100%;}
.top-header{position:relative;padding:25px 0}


.first_section{min-height:inherit}
.first_section .h100{padding-top:0; padding-bottom:75px;   min-height: inherit;justify-content: flex-start;}

.home_page .first_section{min-height:75vh}
.home_page   .first_section .h100{justify-content: center;padding-top:0;    min-height: calc(100vh - 160px);}
.inner_section .h100{padding:50px 0;    min-height: inherit;}

.burger {right: 70px;}
.menu{padding:0}
nav ul.font-100-vh  , nav ul.font-100-vh *{font-size:5vh}
nav ul li{text-align:center;padding:10px 0;line-height:2rem}nav  li a{font-size:4vh !important;line-height:2rem}
.menu-box .menu-info{order:2;width: 100%;}
.menu-box .menu-nav{order:1}
.menu_content {justify-content: center !important;height: 100%;padding-top:80px;}
.menu-box .menu_logo {    margin-left: 15px;margin-top: 20px;width: 190px;}
.py-100{padding:50px 0}
.what_we_do_page .pr-50{padding-right:0}
form .pl-25{padding-left:0;}form .pr-25{padding-right:0}
.contact-bg {background:#1F1F1F;}
.contact-info{text-align:center;padding-bottom:50px;}
.first_layer{height:100%}
/*.portfolio_box_inner {padding:25px 0 !important}*/
.burger_close{top:40px}
.second_section_content {margin-left:0;width:100%}
.parallax_none{display:none}
.parallax_block{display:inline-block;position: relative;height: auto;padding-top: 50px !important;}
.third_section{margin-top:0}
.footer_logo{height:100px;overflow:hidden}.footer_logo img {position: relative;top: -50px;left: 0;z-index: 50;max-width: 100%;}
.logo img {
    width: 190px;
}
.contact-info{margin-top:3rem}
.menu-info .jc-fs{justify-content:center !important}
.gallery_slick_for .slick-dots{right:0}
.font-20-vh, .font-20-vh *{line-height:initial}
.font-25-vh, .font-25-vh * {line-height: initial;}
.pt-0-s{padding-top:0}
.footer_social  span{font-size:20px;}
.footer_social{display:block}
}

</pre></body></html>