@font-face {
	font-family: ikony-light;
	src: url(../fonts/fa-light-300.ttf);
}
.fal {font-family: ikony-light;}


::placeholder {color: #c1c1c1;opacity: 1;}
:-ms-input-placeholder {color: #c1c1c1;}
::-ms-input-placeholder {color: #c1c1c1;}

#content{padding-top: 60px;}


section.bg-darker{
	padding: 50px 0;
}
.grey-bg{
	padding: 50px 0;
	background-color: var(--lightgrey);
}


#content{
	min-height: 800px;
}

body{
	color: var(--black);
	font-family: var(--font_main);
	font-weight: var(--font_regular);
	font-size: var(--font_16);
}

h1{
	font-size: var(--font_60);
	font-weight: var(--font_bold);
	margin-bottom:20px;
}
h2{
	font-size: var(--font_45);
	font-weight: var(--font_extrabold);
	margin-bottom:20px;
}
h3{
	font-size: var(--font_30);
	font-weight: var(--font_extrabold);
	margin-bottom:20px;
}
h4{
	font-size: var(--font_20);
	font-weight: var(--font_bold);
	margin-bottom:20px;
}


#content ul{
	list-style-type: none;
    margin: 0;
    padding: 0;
}
#content ul li{
	position: relative;
	padding-left: 25px;
}
#content ul li::before{
	position: absolute;
	content: "\f111";
	font-family: "Font Awesome 5 free";
	font-size: 8px;
	font-weight: 600;
	top: 4px;
	left: 0;
}

.badge{
	border-radius: 0;
}

a{
	color: var(--secondary);
	text-decoration: none;
}
a:hover{
	text-decoration: none;
	color: var(--secondary-darker);
}

.p{
	font-size: var(--font_16);
	color: var(--dark);
	line-height: 1.5;
	font-weight: var(--font_medium);
	margin-bottom:20px;
}
.p-bold{
	font-weight: var(--font_bold);
}
.bg-darker{
	background-color: var(--lightgrey);
}
.bg-main{
	background-color: var(--primary);
	background: linear-gradient(45deg, var(--primary) 0%, var(--primary-darker) 100%);
	color: var(--primary-text-color);
}
.bg-black{
	background-color: var(--black);
}

.intro-with-bg{
	position: relative;
	overflow: hidden;
}
.intro-with-bg img{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	height: 100%;
}
.intro-with-bg.onright-bg img{
	left:0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.underheader-margin{
	margin-top: 60px;
}


.sec{
	width: 100%;
	max-width: var(--page_maxwidth);
	padding: 0 50px;
	margin:0 auto;
}
.sec-head{
	width:50%;
}


.btn-simple{
	font-size: 15px;
	color: var(--black);
	line-height: 23px;
	font-weight: var(--font_bold);
	position: relative;
}
.btn-simple.btn-bg{
	background-color: var(--primary);
	border:0;
	outline: 0;
	padding:15px 20px;
	text-align: center;
	min-width: 200px;
}
.btn-simple:hover{
	color: var(--black);
}
.btn-simple::after{
	content: "";
	position: absolute;
	bottom:-5px;left:0;
	width:20%;
	height:2px;
	background-color: var(--primary);
	transition: transform 0.3s;
	transform: scaleX(1);
	transform-origin: left;
	transition: all 0.3s;
}
.btn-simple.white-text{
	color: var(--white);
}
.btn-simple.white::after{
	background-color: var(--white);
}
.btn-simple:hover::after {
	width:100%;
	transform: scaleX(0.5);
	transform-origin: right;
}


/* BUTTONS */
/* btn options */
.btn-centered{
	display: table!important;
	margin: 0 auto;
	text-align: center;
}
.btn-basic.btn-sm{
	font-size: 13px;
	padding:8px 15px;
	line-height: 1;
}
.btn-basic.btn-lg{
	font-size: 15px;
	padding:17px 30px;
	line-height: 1;
}


.btn-fa-icon-static-right i{
	font-size: 100%;
	line-height: 1;
	margin-left: 10px;
}
.btn-fa-icon-anim-right{
	position: relative;
}

.btn-fa-icon-anim-right:hover i{
	left:10px;
}
.btn-fa-icon-anim-right i{
	position: relative;
	font-size: 100%;
	line-height: 1;
	margin-left: 10px;
	left:0;
	transition: all 0.2s;
}


.btn-fa-icon-static-left i{
	font-size: 100%;
	line-height: 1;
	margin-right: 10px;
}
.btn-fa-icon-anim-left{
	position: relative;
}

.btn-fa-icon-anim-left:hover i{
	right:10px;
}
.btn-fa-icon-anim-left i{
	position: relative;
	font-size: 100%;
	line-height: 1;
	margin-right: 10px;
	right:0;
	transition: all 0.2s;
}



/* btn main */
.btn-basic{
	font-size: 15px;
	padding:15px 25px;
	display: inline-block;
	transition: all 0.3s;
	font-weight: 400;
	color: var(--dark);
	line-height: 1;
	border-radius: var(--buttons_radius_prim);
}
input.btn-basic{
	/*background-color: transparent;*/
}

/* btn default */
.btn-default{
	background-color: #fff;
	color: var(--dark);
	border-radius: var(--buttons_radius_prim);
}
.btn-default:hover{
	background-color: var(--primary);
	color: var(--primary-text-color);
}
.btn-default-prim-to-white{
	background-color: var(--primary);
	color: var(--primary-text-color);
}
.btn-default-prim-to-white:hover{
	background-color: #fff;
	color: var(--dark);
}
.btn-default-prim-to-dark{
	background-color: var(--secondary);
	color: var(--primary-text-color);
}
.btn-default-prim-to-dark:hover{
	background-color: var(--secondary-darker);
	color: var(--primary-text-color);
}
/* btn ghost */
.btn-ghost-prim{
	color: var(--primary);
	border:1px solid var(--primary);
	border-radius: var(--buttons_radius_prim);
}
.btn-ghost-prim:hover{
	background-color: var(--primary);
	color: var(--primary-text-color);
}
.btn-ghost-prim-white{
	color: #fff;
	border:1px solid #fff;
	border-radius: var(--buttons_radius_prim);
}
.btn-ghost-prim-white:hover{
	background-color: #fff;
	color: var(--dark);
}


/* bottom line efekt */
.btn-bottom-line-prim{
	border-radius: 0;
	position: relative;
	background-color: var(--primary);
	color: var(--primary-text-color);
}
.btn-bottom-line-prim::after{
	content: "";
	position: absolute;
	bottom:0px;left:0;
	width:30%;
	height:2px;
	background-color: var(--primary-text-color);
	transition: transform 0.3s;
	transform: scaleX(1);
	transform-origin: left;
	transition: all 0.3s;
}
.btn-bottom-line-prim:hover::after {
	width:100%;
	transform: scaleX(0.3);
	transform-origin: right;
	color: var(--primary-text-color);
}
.btn-bottom-line-prim:hover {
	color: var(--primary-text-color);
}
.btn-bottom-line-prim-white{
	background-color: #fff;
	color: var(--dark);
}
.btn-bottom-line-prim-white::after{
	background-color: var(--primary);
}
.btn-bottom-line-prim-white:hover {
	color: var(--dark);
}

/* END BUTTONS */











.intro{
	padding-top:50px;
	padding-bottom:50px;
	position: relative;
	z-index: 2;
}
.intro.sm-gap{
	padding-top:30px;
	padding-bottom:30px;
}
.intro.lg-gap{
	padding-top:80px;
	padding-bottom:80px;
}

.intro h1{
	width:100%;
	position: relative;
	z-index: 2;
	margin-bottom: 0;
}
.all-centered{
	text-align: center;
}
.all-centered .intro img{
	width: 100%;
}
.intro .description{
	width: 100%;
	max-width: 600px;
	margin:0 0;
	margin-bottom: 0px;
	margin-top: 25px;
}
.intro .description p{
	margin-bottom: 0px;
}
.intro .btn-basic{
	margin-top: 25px;
}
.all-centered .description{
	margin:0 auto;
}

.inner-block{
	max-width: 750px;
	margin:0 auto;
}

.big-box{
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 300px 40px 40px;
	display: block;
	z-index:1;
}
.big-box.team{
	color: var(--white);
	cursor: pointer;
	overflow: hidden;
}
.big-box.team h4{
	font-weight: var(--font_bold);
}
.big-box.team:hover img{
	transform: scale(1.08);
}
.big-box.team img{
	visibility: visible;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
	width: 100%;
	height: 100%;
	z-index: -1;
	transition: transform 0.5s;
}


a.big-box{
	color: var(--white);
}
.big-box h4,.big-box .btn-simple{
	z-index:5;
	font-weight: var(--font_bold);
}


.owl-carousel .owl-item img {
	width: auto;
	filter: grayscale(1);
	width:100%;
	
}


.ref-slider{
	position: relative;
	padding-left: 45px;
	padding-right: 45px;
}
.ref-nav{
	position: absolute;
	top:0;
	bottom:0;
	margin:auto 0;
	width:40px;
	height:40px;
	display: flex;
	align-items: center;
	justify-content:center;
	cursor: pointer;
}
.ref-nav i{
	font-size: 50px;
	color: var(--primary);
}
.ref-prev{
	left:0;
}
.ref-next{
	right:0;
}


footer{
	background-color: var(--footer);
	padding-top:50px;
	/*padding-bottom:50px;*/
	color:var(--footer-text-color);
}
footer .logo{
	max-width: 250px;
	max-height: 100px;
}
footer a {color:var(--footer-text-color);transition:all 0.3s;}
footer a:hover {color:#a5d1ff;}

.footer-second{
	margin-top: 30px;
}
.footer-left div{
	margin-top: 30px;
}
.footer-left span{font-size: var(--font_12);}
.footer-left span a{font-weight: var(--font_bold);}

.footer-contact a{
	white-space: nowrap;
}
.footer-contact a i{
	margin-right: 6px;
}
























.services{margin-top:50px;}
.services-item .services-img{
	max-width: 80%;
	margin:20px auto;
	height:auto;
}
.services-item{
	margin-bottom: 15px;
}
.services-item:last-of-type{
	margin-bottom: 0px;
}
.services-item .service-head{
	font-weight: var(--font_bold);
	font-size: var(--font_18);
}
.services-item .service-desc{
	font-weight: var(--font_medium);
	font-size: var(--font_15);
}


.interest-block .btn-basic{
	margin-top: 20px;
}
.interest-block{
	padding:0;
}
.interest-block.prim.bg_ .interest-1{
	background: linear-gradient(90deg, var(--primary) 0%, #00000000 100%);
}
.interest-block.black.bg_ .interest-1{
	background: linear-gradient(90deg, #000000 0%, #00000000 100%);
}

.interest-block.prim .sec.bg_ .interest-1{
	background: linear-gradient(90deg, var(--primary) 0%, #00000000 100%);
}
.interest-block.black .sec.bg_ .interest-1{
	background: linear-gradient(90deg, #000000 0%, #00000000 100%);
}

.interest-block .sec.bg_{
	background-clip: content-box;
}

.interest-1{
	width: 100%;
	background-color: var(--primary);
	color: var(--primary-text-color);
	padding: 80px;
}
.fluid-interest .interest-1{
	padding-left: 0;
	padding-right: 0;
}
.interest-1 .head{
	width: 100%;
	max-width: 500px;
}
.interest-1 .desc{
	width: 100%;
	max-width: 500px;
}
.interest-center{
	text-align: center;
}
.interest-center .head{
	margin:0 auto;
}
.interest-center .desc{
	margin:0 auto;
}



.btn-big-ghost{
	padding: 25px 80px 25px 25px;
	font-size: var(--font_15);
	color: var(--black);
	border:2px solid #000;
	position: relative;
	font-weight: var(--font_bold);
	display: inline-block;
	transition: all 0.3s;
}
.btn-big-ghost:hover{
	color: var(--black);
	background-color: var(--black);
	color: var(--primary);
}
.btn-big-ghost:hover i{
	right:25px;
}
.btn-big-ghost i{
	position: absolute;
	right:30px;
	top:0;
	bottom:0;
	height:20px;
	margin:auto 0;
	display: flex;
	align-items: center;
	font-weight: 800;
	transition: right 0.3s;
	font-size: 20px;
}

.project-head{
	color: var(--midgrey);
	font-weight: var(--font_medium);
}
.project-desc{
	font-weight: var(--font_bold);
}


.article-text{

}
.article-text p{
	font-size: var(--font_15);
	color: var(--dark);
	line-height: 25px;
	font-weight: var(--font_medium);
	margin-bottom:20px;
}


.gallery-3 img{
	width:100%;
	height:100%;
	object-fit: cover;
}
.gallery-3 a{
	overflow:hidden;
	display: block;
}

.gallery-vid-bg{
	width:100%;
	height:600px;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	transition: all 0.3s;
}
.gallery-vid-bg::after{
	content: "\f04b";
	font-family: "Font Awesome 5 Free";
	position: absolute;
	top:0;left:0;right:0;bottom:0;
	width:150px;
	height:150px;
	margin: auto auto;
	font-size: 40px;
	font-style: normal;
	font-weight: normal;
	justify-content: center;
	display: flex;
	align-items: center;
	color:#000;
	opacity: 0.5;
	background-color: #fff;
	border-radius: 150px;
	transition: all 0.3s;
	font-weight: 600;
}
.gallery-vid-bg:hover::after{
	opacity: 0.8;
}


/* masonry gallery */
.gallery-masonry-5 {
	display: grid;
	grid-template-rows: 
	repeat(4, 180px);
	grid-template-columns: 
	repeat(3, 1fr);
	grid-gap: 5px;
}
.gallery-masonry-5 > .masonry-item {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}
.masonry-item img{
	width:100%;
	height:100%;
	object-fit: cover;
	
}
.masonry-item:nth-child(1) {
	grid-row: 1 / 4;
}
.masonry-item:nth-child(2) {
	grid-column: 2 / 4;
	grid-row: 1 / 3;
}
.masonry-item:nth-child(3) {
	grid-column: 3 / 4;
	grid-row: 3 / 5;
}
.masonry-item:nth-child(4) {
	grid-column: 2 / 3;
	grid-row: 3 / 4;
}
.masonry-item:nth-child(5) {
	grid-column: 1 / 3;
	grid-row: 4 / 5;
}
.gallery-masonry-5{
	margin-bottom: 5px;
}
.gallery-masonry-5.normal{
	display: flex;
	flex-wrap: wrap;
	grid-template-rows: unset;
	grid-template-columns: unset;
	grid-gap: unset;
}
.gallery-masonry-5.normal .gallery-item{
	width: 100%;
}
.gallery-masonry-5.normal .masonry-item:nth-child(1){
	width: calc(33.33% - 5px);
	grid-row: unset;
	margin-right: 5px;
	margin-bottom: 5px;
}
.gallery-masonry-5.normal .masonry-item:nth-child(2){
	width: 66.67%;
	grid-row: unset;
	grid-column: unset;
	margin-bottom: 5px;
}
.gallery-masonry-5.normal .masonry-item:nth-child(3){
	width: calc(50% - 5px);
	grid-row: unset;
	grid-column: unset;
	margin-bottom: 5px;
	margin-right: 5px;
}
.gallery-masonry-5.normal .masonry-item:nth-child(4){
	width: 50%;
	grid-row: unset;
	grid-column: unset;
	margin-bottom: 5px;
}




/* gallery hover effects */
.gallery .gallery-item{
	transition: all 1s;
}

.gallery-item-zoom .gallery-item:hover{transform: scale(1.03, 1.03);}

.gallery-item-opacity .gallery-item:hover{opacity:0.9;}

.gallery-item-colorize .gallery-item{
	transition: all 1s;
	filter: grayscale(100%);
}
.gallery-item-colorize .gallery-item:hover{filter: grayscale(0%);}


.highlight-block{
	width: 100%;
	height:auto;
	padding:30px;
	border:1px solid #efefef;
}
.highlight-block .headline{
	color:var(--primary);
	margin:0;
}
.highlight-block .headline h1,h2,h3,h4{
	margin-bottom: 5px;
}
.highlight-block .description{
}
.highlight-block .description p{
	margin-bottom: 0;
}

.contact-3-row{
	display: flex;
}
.contact-3-col-img{
	width:60px;
}
.contact-3-col-img img{
	width: 100%;
	max-width: 100%;
	max-height: 50px;
}
.contact-3-col-text{
	width:100%;
	margin-left:20px;
}
.contact-3-col-text div:first-child{
	font-weight: var(--font_bold);
	font-size: var(--font_18);
	margin-bottom: 3px;
}
.contact-3-col-text div:last-child{
	font-size: var(--font_16);
}
.contact-3-col-text a{
	color: var(--black);
	font-weight: var(--font_bold);
}

.big-pad{
	margin:70px 0;
}
.marg-20{
	margin:20px 0;
}
.desktop-pad-50{
	padding:50px 0;
}
.desktop-pad-30{
	padding:30px 0;
}
.big-pad-30bot{
	padding:100px 0 70px 0;
}
.no-pad{
	padding:0;
}

.client-item{
	margin-bottom:30px;
}
.client-item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#contact-map-1{
	padding: 160px;
}













wrapper {
	display: block;
	position: absolute;
	top: 10px;
	right: 14px;
	width: 28px;
	height: 28px;
}
wrapper bun:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 3px;
	background: #000;
	border-radius: 28px;
	transition: all 0.5s cubic-bezier(0.1, 0.9, 0, 1.2);
	top: 10%;
	right: 0;
}
wrapper bun:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 3px;
	background: #000;
	border-radius: 3px;
	transition: all 0.5s cubic-bezier(0.1, 0.9, 0, 1.2);
	bottom: 10%;
	left: 0;
}
wrapper bun burger {
	position: absolute;
	display: flex;
	align-items: center;
	height: 28px;
	width: 28px;
	top: 0;
	left: 0;
}
wrapper bun burger:before, wrapper bun burger:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 3px;
	background: #000;
	border-radius: 3px;
	transition: all 0.5s cubic-bezier(0.1, 0.9, 0, 1.2);
}
wrapper input {
	display: block;
	position: absolute;
	top: 0;left: 0;right: 0;bottom: 0;
	opacity: 0;
	z-index: 1;
	width: 28px!important;
	height:28px!important;
	cursor: pointer;
}
wrapper input:hover ~ bun:before, wrapper input:hover ~ bun:after, wrapper input:hover ~ bun :before, wrapper input:hover ~ bun :after {
	background: #000;
}
wrapper input:checked ~ bun:before, wrapper input:checked ~ bun:after {
	width: 0;
}
wrapper input:checked ~ bun burger:before {
	transform: rotate(135deg);
}
wrapper input:checked ~ bun burger:after {
	transform: rotate(45deg);
	/*box-shadow: 0 0 0 0 #d3eefc;*/
}
















.project-desc-right{font-weight: var(--font_bold);}



.footer-menu .f-menu-item{
	width: 100%;
	text-align: left;
	margin-bottom: 5px;
}
.footer-menu .f-menu-item a{
	color: var(--footer-text-color);
	font-weight: 400;
	font-size:14px;
	position: relative;
	transition: all 0.3s;
}
.footer-menu .f-menu-item a:hover{
	color: var(--footer-text-color);
	text-decoration: underline;
}
.footer-social{

}
.footer-social i{
	font-size: 25px;
	padding: 0 8px;
	color: var(--lightgrey);
}


.ref-item-name{
	font-weight: var(--font_extrabold);
	text-align: center;
	margin-top: 20px;
}
.ref-item-desc{
	font-weight: var(--font_bold);
	text-align: center;
	margin-top: 5px;
	color:var(--midgrey);
	font-size: var(--font_12);
}


.article-twocols {
	column-count: 2;
	column-gap: 30px;
}

.article-citacion{
	border-left:1px solid var(--midgrey);
	padding-left: 30px;
}
.article-citacion .p{
	font-size: var(--font_18);
	line-height: 35px;
}
.article-main-text h1,.article-main-text h2,.article-main-text h3{
	margin-bottom: 15px;
}


.article-wall{padding:0;padding-top: 60px;}
.article-wall.wall-sm{padding-top: 30px;}
.article-wall.wall-lg{padding-top: 80px;}


.col-bottom-projects{margin-bottom: 30px;}


.popup{
	position: fixed;
	top:0;left:0;
	z-index:9999997;
	width:100%;
	height:100%;
	display: none;
	overflow: auto;
}
.popup-bg{
	position: fixed;
	top:0;left:0;right:0;bottom:0;
	background-color: rgba(0,0,0,0.5);
}
.popup-front-team{
	position: absolute;
	top:100px;
	left:0;right:0;
	background-color: #fff;
	width:1200px;
	z-index:9999999;
	margin: 0 auto 100px auto;
	display: flex;
	
	max-width: 100%;
}
.popup-front-team .col-md-6{
	padding-left:0px;
	padding-right: 0px;
}

.popup-front-item.desc{
	padding:50px;
}
.popup-front-item img{
	object-fit: cover;
	width:100%;
	height:100%;
}
.pop-close{
	width: 40px;
	height: 40px;
	position: absolute;
	top:10px;
	right:10px;
	background-color: var(--primary);
	border-radius: 50px;
	z-index:99999999;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.pop-close i {
	color: var(--primary-text-color);
	font-size: 28px;
}

.banner-12 {
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	width: 100%;
	padding: 120px;
	position: relative;
}
.banner-text {
	width: 50%;
	color:var(--white);
	position: relative;
	z-index:5;
}
.banner-text .p{
	color:var(--white);
}
.banner-text .btn-big-ghost{
	color:var(--white);
	border: 2px solid var(--white);
}
.banner-text .btn-big-ghost:hover{
	color:var(--black);
	border: 2px solid var(--white);
	background-color: var(--white);
}
.banner-shadow-black{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.3) 100%);
	z-index: 0;
}






/* slider fullscreen */
.slider-block{
	height:100vh;
	padding:0;
}
.slider-block.slider-16-9{
	height:675px;
}
.slider-content-block{
	height: 100%;
}
.slider-content-item{
	height:100%;
	
}
.slider-content-item img{
	height:100%;
	width: 100%;
	object-fit:cover;
	position: absolute;
}
.slider-content-item iframe{
	width: 100%;
	max-height: 100%;
	position: absolute;
}
.overlay{
	position: absolute;
	content: "";
	left:0;right:0;top:0;bottom: 0;
	background-color: #000;
	opacity:0.5;
}
.overlay.primary-overlay{
	background-color: var(--primary);
}

.overlay.opac-00{
	opacity:0;
}
.overlay.opac-01{
	opacity:0.1;
}
.overlay.opac-02{
	opacity:0.2;
}
.overlay.opac-03{
	opacity:0.3;
}
.overlay.opac-04{
	opacity:0.4;
}
.overlay.opac-05{
	opacity:0.5;
}
.overlay.opac-06{
	opacity:0.6;
}
.overlay.opac-07{
	opacity:0.7;
}
.overlay.opac-08{
	opacity:0.8;
}

.slider-content-item .sec{
	height: 100vh;
	display: flex;
	align-items: center;
}
.slider-content-item .v-centered{
	color:#fff;
	position: relative;
	z-index:1;
}
.slider-content-item .v-centered .btn-default{
	margin-top: 15px;
}
.slider-content-item .v-centered .desc{
	width:100%;
	max-width: 500px;
}



/*--------------------*/
/* Grow Pop */
/*--------------------*/
.nav-growpop .icon-wrap {
	position: relative;
	z-index: 100;
	display: block;
	padding: 20px 0;
	width: 50px;
	text-align: center;
	border: 0;
	background: var(--primary);
	color: 
	-webkit-transition: border-width 0.3s 0.15s;
	transition: border-width 0.3s 0.15s;
}

.nav-growpop svg.icon {
	fill: var(--primary-text-color);
}

.nav-growpop div {
	position: absolute;
	top: 50%;
	padding: 20px;
	width: 440px;
	height: 144px;
	background: #fff;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}

.nav-growpop a.prev div {
	left: 0;
	padding: 20px 155px 20px 70px;
	text-align: right;
	-webkit-transform: translateY(-50%) translateX(-100%) scale(0.75);
	transform: translateY(-50%) translateX(-100%) scale(0.75);
}
.nav-growpop a.prev div img{
	height: 104px;
	width: 120px;
	object-fit: cover;
}

.nav-growpop a.next div {
	right: 0;
	padding: 20px 70px 20px 155px;
	-webkit-transform: translateY(-50%) translateX(100%) scale(0.75);
	transform: translateY(-50%) translateX(100%) scale(0.75);
}

.nav-growpop a.next div img{
	height: 104px;
	width: 120px;
	object-fit: cover;
}

.nav-growpop span {
	display: block;
	padding-bottom: 5px;
	border-bottom: 1px solid #ddd;
	color: #cdcdcd;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	font-size: 0.7em;
	line-height: 1.2;
}

.nav-growpop h3 {
	margin: 0;
	padding: 8px 0 10px;
	color: #818181;
	font-weight: 300;
	font-size: 1.325em;
	line-height: 1.2;
}

.nav-growpop div p {
	margin: 0;
	color: #b24e44;
	font-style: italic;
	font-size: 75%;
	font-family: "Lucida Bright", Georgia, serif;
}

.nav-growpop img {
	position: absolute;
	top: 20px;
}

.nav-growpop a.prev img {
	right: 20px;
}

.nav-growpop a.next img {
	left: 20px;
}

.nav-growpop a:hover .icon-wrap {
	border-top-width: 40px;
	border-bottom-width: 40px;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.nav-growpop a:hover div {
	opacity: 1;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
	-webkit-transform: translateY(-50%) translateX(0) scale(1);
	transform: translateY(-50%) translateX(0) scale(1);
}
.slider-nav-box{
	overflow: hidden;
	position: relative;
}


.svg-wrap{display: none;}





















.sec-maindesc h2{
	text-align: center;
}
.sec-maindesc .uppertext{
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 4px;
	font-size: var(--font_14);
	margin-bottom: 20px;
}
.sec-maindesc .maintext{
	text-align: center;
	margin-top: 20px;
}


/* projects */
.projects .row{
	margin-top: 50px;
}

.projects .big-box{
	width: 100%;
	height: 350px;
	padding:0;
	position: relative;
}
.projects .big-box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.projects .big-box-desc{
	position: absolute;
	bottom:25px;left: 25px;right: 25px;
	z-index:1;
}
.projects .big-box span:first-of-type {
	color: var(--white);
	font-size: 14px;
	font-weight: var(--font_bold);
	margin-bottom: 10px;
	display: block;
	opacity: 0.8;
}
.projects .big-box span:last-child {
	font-size: 14px;
	margin-top: 5px;
}
.projects .big-box::after{
	content:"";
	position: absolute;
	bottom:0;left:0;right:0;
	top:50%;
	background: rgb(0,0,0);
	background: linear-gradient(0deg, #00267acc 0%, #00267a00 100%);
	transition: all 0.3s;
}
a.big-box:hover:after{
	top:0;
}

.projects .btn-centered{
	margin-top:50px;
}
.projects .big-box:hover .btn-simple::after{
	width: 100%;
	transform: scaleX(0.5);
	transform-origin: right;
}


.projects-slider{
	margin-top:50px;
	margin-left: -15px;
	margin-right: -15px;
}
.projects-2-carousel-item{
	padding-left:15px;
	padding-right: 15px;
}





/* gallery */
.slick-arrow{display: none!important;}
.gallery-grid img{
	width: 100%;
}
.gallery-grid .row{
	margin-top:50px;
}
.gallery-slider .slick-slide{
	height:600px;
}
.gallery-slider .slick-slide img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.gallery-nav .slick-slide{
	height:200px;
}
.gallery-nav .slick-slide img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.minislidernav .gallery-slider-arrow{
	display: none;
}
.gallery-slider-arrow{
	width: 40px;
	height: 40px;
	position: absolute;
	top:0;
	bottom:0;
	margin: auto 0;
	z-index:1;
	cursor: pointer;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.gallery-slider-arrow.prev{
	left:0;
}
.gallery-slider-arrow.next{
	right:0;
}

.gallery-miniatures .inner-block{
	margin-bottom: 50px;
}
.gallery-miniatures .btn-centered{
	margin-top: 50px;
}
.slick-dotted.slick-slider{
	margin-bottom: 0!important;
}
.slick-dots{
	z-index:1;
	bottom: 15px!important;
}
.slick-dots li button:before{
	font-size: 40px!important;
	color:#fff!important;
}
.slick-dots li::before{
	display: none;
}

.slider-16-9 .sec.slider-16-9{
	height: 675px;
	width: 100%;
	max-width: var(--page_maxwidth);
	padding: 0 50px;
	margin: 0 auto;
}
.sec.slider-16-9{
	width: 100%;
	height: 100vh;
	max-width: unset;
	margin:unset;
	padding:unset;
}
.sec.slider-16-9 .slider-wrapper{
	height: 100vh;
}
.slider-16-9 .sec{
	position: relative;
	overflow: hidden;
}
.slider-content-item{
	height: 100vh;
}
.slider-16-9 .slider-content-item{
	min-height: 675px;
	max-height: 100vh;
}
.slider-16-9 .slider-16-9 .slider-content-item .sec{
	min-height: 675px;
	height: 675px;
	max-height: 100vh;
	padding-left: 150px;
	padding-right: 150px;
}
.slider-16-9 .slider-16-9 .slider-wrapper{
	position: relative;
	min-height: 675px;
	max-height: 100vh;
	height: 675px;
	overflow: hidden;
}



.gallery-grid .btn-centered{margin-top:20px;}

/* contact */
.input-default{
	/*width: 100%;
	border:2px solid #dcdcdc;
	outline: 0;
	padding:10px 20px;
	margin-bottom: 10px;
	transition: box-shadow .15s ease-in-out;*/
}
.input-default:focus{
	/*box-shadow: 0 0 0 0.2rem rgb(220 220 220 / 25%);*/
}

.input-default {
	width: 100%;
	padding: 10px 15px;
	font-size: 15px;
	color: #000;
	margin-bottom: 15px;
	border: none;
	border: 1px solid #ababab;
	outline: none;
	background: transparent;
	border-radius: 5px;
}

.input-box::after {
	position: absolute;
	content: "\f00c";
	top:11px;
	width: 20px;
	height: 20px;
	right: 10px;
	font-size: 15px;
	font-family: "Font Awesome 5 free";
	font-weight: 600;
	text-align: center;
	display: none;
	color: #18ca18;
}
.input-box::before {
	position: absolute;
	content: "\f00d";
	top:11px;
	width: 20px;
	height: 20px;
	right: 10px;
	font-size: 15px;
	font-family: "Font Awesome 5 free";
	font-weight: 600;
	text-align: center;
	display: none;
	color: #ff0000;
}

.input-box.erroractive::after{
	display: none;
}
.input-box.erroractive::before{
	display: block;
}
.input-box.success::after{
	display: block;
}

.basic-form label {
	position: absolute;
	top:9px;
	left: 10px;
	padding: 1px 5px;
	font-size: 15px;
	color: #000;
	pointer-events: none;
	transition: .2s;
	background-color: #fff;
}
.basic-form label .main{
	color: #000;
}
.basic-form label .input-error{
	color: #ff0000;
}

.filled label{
	top: -12px;
	left: 10px;
	font-size: 12px;
}
.erroractive label{
	top: -12px;
	left: 10px;
	font-size: 12px;

}

.input-box label .main{color:#b0b0b0;}
.input-box .input-default:focus ~ label{
	top: -12px;
	left: 10px;
	font-size: 12px;
}

.input-box .input-default:focus ~ label .main{
	color:#000;
}


.input-box{
	position: relative;
}
.input-box.checkboxes{
	display: block;
	position:static;
}
.input-box.checkboxes::after{
	display: none;
}
.input-box.checkboxes label{
	position: static;
	pointer-events: unset;
}


.text-label{
	font-weight: var(--font_medium);
}
.contact-main .form{
	margin-top: 50px;
}
.contact-main textarea{
	min-height: 100px;
}



.video-block{
	position: relative;
}
.video-block iframe{
	width: 100%;
}
.video-block video{
	width: 100%;
}

.video-block .volume-control{
	position: absolute;
	top:0;
	left:-50px;
	width: 50px;
	height:50px;
	background-color: var(--primary);
	text-align: center;
	line-height: 50px;
	cursor: pointer;
	font-size: 20px;
}

.video-block-desc{
	text-align: center;
	position: absolute;
	top:0;
	bottom:0;
	left:0;right:0;
	margin:auto auto;
	display: flex;
	align-items: center;
	justify-content: center;
	color:#fff;
	background-color: rgba(0,0,0,0.8);
}


.filetable{
	width: 100%;
	margin:0;
	padding:0;
	list-style-type: none;
	margin-top: 50px;
}
.filetable li{
	border-bottom: 1px solid #efefef;
	display: flex;
	align-items: center;
	padding: 10px 0;
	font-weight: 700;
}
.filetable li span{
	width: 30px;
	height: 30px;
	margin-left: auto;
}


.multigallery-fw img{
	width: 100%;
}
.multigallery-fw .col-12{
	margin-bottom: 20px;
}
.multigallery-fw .col-12:last-child{
	margin-bottom: 0px;
}




.nav-filter-horizontal{
	display: flex;
	flex-wrap: wrap;
}
.nav-filter-horizontal .nav-filter-item{
	padding: 10px 15px;
	cursor: pointer;
	position: relative;
	margin: auto;
	transition: color 0.5s;
	white-space: nowrap;
	user-select: none;
}
.nav-filter-horizontal .nav-filter-item:hover{
	color: var(--secondary);
}
.nav-filter-horizontal .nav-filter-item.active{
	color: var(--secondary);
}
.nav-filter-horizontal .nav-filter-item.active::after{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom:-8px;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background-color: var(--secondary);
	margin: auto;
}






.icons-row{
	display: flex;
	justify-content: center;
	margin-left: -15px;
	margin-right: -15px;
	margin-top: 50px;
	margin-bottom: 30px;
	flex-wrap: wrap;
}
.icons-col{
	width: 20%;
	padding:0 15px 30px 15px;
	height: 100%;
}

.cols-col2 .icons-col{
	width: 50%;
}
.cols-col3 .icons-col{
	width: 33.33%;
}
.cols-col4 .icons-col{
	width: 25%;
}
.cols-col5 .icons-col{
	width: 20%;
}


.icons-col img{
	max-width: 100px;
	max-height: 100px;
	min-height: 100px;
	margin:0 auto;
	display: block;
}
.icons-col-h{
	font-size: var(--font_20);
	font-weight: var(--font_bold);
	margin-top: 20px;
	text-align: center;
}
.icons-col-desc{
	font-size: var(--font_15);
	font-weight: var(--font_regular);
	text-align: center;
}
.big-icons-grid .btn-basic{
	margin-top: 15px;
}
.big-icons-grid.justify-left .icons-row{
	justify-content: unset;
}

.big-icons-grid.icons-sm .icons-col img {
    max-width: 50px;
    max-height: 50px;
    min-height: 50px;
}
.icons-grid-align-left .icons-col img {
    margin:0;
}
.icons-grid-align-left .icons-col-h {
    text-align: left;
}
.icons-grid-align-left .icons-col-desc {
    text-align: left;
}



.cta-sec .btn-simple{
	margin-top: 50px;
}
.cta-sec .image-block img{
	width: 100%;
}
.cta-text-block{
	background-color: #fff;
	position: relative;
	padding:50px 50px 0 50px;
}
.cta-image-active .cta-text-block{
	margin-top: -15%;
}


/* popup */
.popup-overlay{
	background-color: rgba(0,0,0,0.3);
	z-index:99998;
	position: fixed;
	top:0;left:0;right:0;bottom:0;
	display: none;
}
.popup-big{
	display: none;
	z-index:99999;
	width: 100%;
	max-width: 480px;
	min-height: 250px;
	background-color: #fff;
	text-align: left;
	height: auto;
	position: fixed;
	top: 100px;
	right: 100px;
}
.popup-big-content{
	padding: 30px 30px;
}
.popup-big-content h3{
	margin-bottom: 10px;
}
.popup-big.sec-maindesc .uppertext{
	text-align: left;
}
.popup-big.sec-maindesc .popup-desc{
	text-align: left;
}
.popup-big.sec-maindesc .btn-simple{
	display: inline-block;
}
.popup-big.sec-maindesc .image{
}
.popup-big.sec-maindesc .image.inside{
	padding-left: 30px;
	padding-right: 30px;
}
.popup-big.sec-maindesc .image img{
	width: 100%;
}
.popupclose{
	width: 40px;
	height: 40px;
	position: absolute;
	top:20px;
	right:20px;
	display: flex;
	justify-content: center;
	cursor: pointer;
}
.popupclose i{
	font-size: 20px;
	text-align: center;
	line-height: 40px;
}

.gallery-item-zoom div a{
	overflow: hidden;
	display: block;
	max-height: 185px;
	min-height: 185px;
	position: relative;
}
.gallery-item-zoom div a img{
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.relative{
	position: relative;
}


.owl-slider-arrow{
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	z-index: 1;
	cursor: pointer;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.owl-slider-arrow.prev{
	left:0;
}
.owl-slider-arrow.next{
	right:0;
}

.testemonials .relative{
	padding-left: 50px;
	padding-right: 50px;
	margin-top: 50px;
}
.testemonials .btn-simple{margin-top: 15px;display:inline-block;}
.testemonials .testemon-desc{margin-top: 15px;}
.testemonials .btn-basic{margin-top:15px;}



.text-align-left .uppertext{
	text-align: left;
}
.text-align-left h2{
	text-align: left;
}
.text-align-left .maintext{
	text-align: left;
}

.text-align-right .uppertext{
	text-align: right;
}
.text-align-right h2{
	text-align: right;
}
.text-align-right .maintext{
	text-align: right;
}

#product a:hover h3{
	color:var(--primary);
}
.info {
	line-height: 1.7;
}

/* text and image */
.content-image{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.basic-image-text .text-order{
	display: flex;
	align-items: center;
}
.basic-image-text.text-left-order .text-order{
	padding-right: 80px;
}
.basic-image-text.text-right-order .text-order{
	padding-left: 80px;
}
.basic-image-text.text-right-order .text-order {
	order:2;
}
.basic-image-text.text-right-order .image-order {
	order:1;
}
.basic-image-text h2{
	margin-bottom: 20px;
}
.basic-image-text .btn-basic{
	margin-top: 15px;
}
.basic-image-text .main-text-style p{
	margin-bottom: 0px;
}
.basic-image-text figure.table{
	margin-top: 15px;
}
.basic-image-text .col-sm-6{
	margin-top: 15px;
}
.basic-image-text .second-text-style {
	margin-top: 15px;
	font-size: 13px;
	line-height: 1.3;
}

/* 50-50-img-text */
.img-text-50-50{
	padding:0;
	margin:50px 0;
}
.img-text-row .col-right-text:before{
	content: " ";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: var(--primary-lighter);
	opacity: .15;
	z-index: -1;
}

.img-text-row{
	display: flex;
}
.img-text-row .col-left-img{
	width: 50%;
}
.img-text-row .col-left-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.img-text-row .col-right-text{
	width: 50%;
	padding:50px;
	position: relative;
}
.advantages-list{
	margin-top: 30px;
}
.advantages-list li{
	padding-left: 30px;
	position: relative;
	margin-bottom: 25px;
}
.advantages-list li::before{
	display: none;
}
.advantages-list li:last-child{
	margin-bottom: 0px;
}
.advantages-list li i{
	position: absolute;
	top:5px;
	left:0;
	color: var(--secondary);
}
.advantages-list li div.h{
	font-weight: var(--font_bold);
	margin-bottom: 5px;
}
.advantages-list li div.text{
	font-weight: var(--font_regular);
	text-decoration: none;
	margin-bottom: 0;
	color: #5A5A5A;
}
.img-text-50-50.text-right-order .text-order{
	order:2;
}
.img-text-50-50.text-right-order .image-order{
	order:1;
}
.img-text-50-50.text-left-order .text-order{
	order:1;
}
.img-text-50-50.text-left-order .image-order{
	order:2;
}




/* project grid 2 */
.project-grid-item-divided .img-100{
	position: relative;
}
.img-100{
	overflow: hidden;
}
.img-100 img{
	width: 100%;
	transition: transform .5s;
}
.project-grid-item-divided-desc{
	margin-top: 20px;
}
.project-grid-item-divided-desc h4{
	color: var(--dark);
}
.project-grid-item-divided .badges{
	position: absolute;
	top:15px;
	left:15px;
}
.badge{
	background-color: #fff;
	color: var(--dark);
}
.project-grid-item-divided .sec-badges{
	position: absolute;
	bottom:15px;
	right:15px;
}

.badge-primary{
	background-color: var(--primary);
	color: var(--primary-text-color);
}


.project-grid-item-divided:hover .img-100 img {
	transform: scale(1.08);
}
.project-grid-item-divided .showmore{
	position: absolute;
	top:0;left:0;right:0;bottom:0;
	width: 150px;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	margin:auto;
	color: #fff;
	height: 14px;
	line-height: 14px;
	font-weight: var(--extrabold);
	transition: all 0.3s;
	opacity: 0;
}
.project-grid-item-divided:hover .showmore{
	opacity: 1;
}


.basic-form label a {
	color: var(--primary-darker);
}
.basic-form label a:hover {
	color: var(--primary-darker);
	text-decoration: underline;
}
.basic-form input[type=checkbox], .basic-form input[type=radio] {
	--active: var(--primary);
	--active-inner: #fff;
	--focus: 2px var(--primary-lighter);
	--border: var(--primary);
	--border-hover: var(--primary);
	--background: #fff;
	--disabled: #F6F8FF;
	--disabled-inner: #E1E6F9;
	-webkit-appearance: none;
	-moz-appearance: none;
	height: 21px;
	outline: none;
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin: 0;
	cursor: pointer;
	border: 1px solid var(--bc, var(--border));
	background: var(--b, var(--background));
	transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
	}
.basic-form input[type=checkbox]:after,
.basic-form input[type=radio]:after {
	content: "";
	display: block;
	left: 0;
	top: 0;
	position: absolute;
	transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
	}
.basic-form input[type=checkbox]:checked,
.basic-form input[type=radio]:checked {
	--b: var(--active);
	--bc: var(--active);
	--d-o: .3s;
	--d-t: .6s;
	--d-t-e: cubic-bezier(.2, .85, .32, 1.2);
	}
.basic-form input[type=checkbox]:disabled,
.basic-form input[type=radio]:disabled {
	--b: var(--disabled);
	cursor: not-allowed;
	opacity: 0.9;
	}
.basic-form input[type=checkbox]:disabled:checked,
.basic-form input[type=radio]:disabled:checked {
	--b: var(--disabled-inner);
	--bc: var(--border);
	}
.basic-form input[type=checkbox]:disabled + label,
.basic-form input[type=radio]:disabled + label {
	cursor: not-allowed;
	}
.basic-form input[type=checkbox]:hover:not(:checked):not(:disabled),
.basic-form input[type=radio]:hover:not(:checked):not(:disabled) {
	--bc: var(--border-hover);
	}
.basic-form input[type=checkbox]:focus,
.basic-form input[type=radio]:focus {
	box-shadow: 0 0 0 var(--focus);
	}
.basic-form input[type=checkbox]:not(.switch),
.basic-form input[type=radio]:not(.switch) {
	width: 21px;
	}
.basic-form input[type=checkbox]:not(.switch):after,
.basic-form input[type=radio]:not(.switch):after {
	opacity: var(--o, 0);
	}
.basic-form input[type=checkbox]:not(.switch):checked,
.basic-form input[type=radio]:not(.switch):checked {
	--o: 1;
	}
.basic-form input[type=checkbox] + label,
.basic-form input[type=radio] + label {
	font-size: 14px;
	line-height: 21px;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	margin-left: 4px;
}
.basic-form input[type=checkbox]:not(.switch) {
	border-radius: 7px;
}
.basic-form input[type=checkbox]:not(.switch):after {
	width: 5px;
	height: 9px;
	border: 2px solid var(--active-inner);
	border-top: 0;
	border-left: 0;
	left: 7px;
	top: 4px;
	transform: rotate(var(--r, 20deg));
}
.basic-form input[type=checkbox]:not(.switch):checked {
	--r: 43deg;
}
.basic-form input[type=checkbox].switch {
	width: 38px;
	border-radius: 11px;
}
.basic-form input[type=checkbox].switch:after {
	left: 2px;
	top: 2px;
	border-radius: 50%;
	width: 15px;
	height: 15px;
	background: var(--ab, var(--border));
	transform: translateX(var(--x, 0));
}
.basic-form input[type=checkbox].switch:checked {
	--ab: var(--active-inner);
	--x: 17px;
}
.basic-form input[type=checkbox].switch:disabled:not(:checked):after {
	opacity: 0.6;
}

.basic-form input[type=radio] {
	border-radius: 50%;
}
.basic-form input[type=radio]:after {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: var(--active-inner);
	opacity: 0;
	transform: scale(var(--s, 0.7));
}
.basic-form input[type=radio]:checked {
	--s: .5;
}


.team-view .row{
	margin-top: 50px;
}





/* basic roller */
.centered-roller{padding:50px 0;}
.roller{width: 100%;}
.roller-item{
	border-bottom: 1px solid #e6e6e6;
	padding-top: 0px;
}
.roller-item:last-child {
	border-bottom: 0;
}
.roller-item-btn{
	display: flex;
	align-items: center;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
	padding: 20px 25px 20px 0;
	width: 100%;
	cursor: pointer;
	margin-bottom: 0px;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.roller-item-btn img{
	margin-right: 20px;
	height: 40px;
	max-width: 40px;
	width: 40px;
}
.roller-item-content{
	margin-top: 5px;
	display: none;
	padding: 0px 0 15px 0;
}
.roller-item-btn::before{
	content: '\f078';
	font-family: "Font Awesome 5 free";
	color: var(--primary);
	font-weight: 900;
	font-size: 18px;
	position: absolute;
	right: 0;
	top: 20px;
	margin: auto 0;
	transform: rotate(0deg);
	transition: .3s all ease;
}
.roller-item-btn.active:before {
	content: "\f078";
	transform: rotate(180deg);
}



#img-underlayer{
	display: none;
	z-index: 99979;
}

figure.table{
	margin-bottom: 0;
}
table{
	width: 100%;
	margin-bottom: 0;
}
table thead tr{
	border-top: 1px solid #dee2e6;
	border-bottom: 1px solid #dee2e6;
}
table tr td{
	padding-top: 7px;
	padding-bottom: 7px;
	padding-right: 5px;
}




.client-logos .col-6{
	margin-bottom: 15px;
}
.client-logos .owl-item div img{
	max-width: 100%;
	width: auto!important;
	max-height: 80px;
	margin: auto;
	opacity: .4;
	transition: all 0.3s;
}
.client-logos .owl-stage{
	display: flex;
	align-items: center;
	margin:0 auto;
}
.client-logos .owl-carousel .owl-item:hover img{
	filter: grayscale(0);
	opacity:1;
}


.referencie-grid-row {
	display: flex;
	flex-wrap: wrap;
}
.referencie-grid-col {
	width: 20%;
	border-right: 1px solid #f4f4f4;
	display: flex;
	align-items: center;
	min-height: 180px;
	padding: 20px;
}
.referencie-grid-col img {
	width: auto;
	max-width: 70%;
	max-height: 100px;
	height: auto;
	margin: auto;
	filter: grayscale(1);
	opacity: .4;
	transition: all 0.3s;
}
.referencie-grid-col img:hover {
	filter: grayscale(0);
	opacity: 1;
}
.break-3 {
	border-bottom: 1px solid #f4f4f4;
	width: 100%;
	display: none;
}
.break-5 {
	border-bottom: 1px solid #f4f4f4;
	width: 100%;
}
.last-in-5 {
	border-right: 0;
}

/* form 2 cols */
.contact-form-cols{
	position: relative;
	background-color: #fff;
}
.contact-form-cols .left-bg-contact {
	position: absolute;
	width: 100%;
	top: 0px;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgb(228,236,248);
	background: linear-gradient(90deg, var(--primary-lighter) 0%, var(--primary-lighter) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
	opacity:0.15;
}
.contact-form-cols .mob-bg{display: none;}
.contact-form-block {
	display: flex;
	position: relative;
}
.contact-form-block .left{
	width: 50%;
	position: relative;
	padding: 50px 50px 50px 0;
}
.contact-form-block .right {
	width: 50%;
	background-color: #fff;
	display: flex;
	align-items: center;
	padding: 50px 0 50px 50px;
}
.contact-form-block .right .form{
	width: 100%;
}
.contact-form-block .right .form label{
	/*display: none;*/
}
.contact-form-block .right .form .w-checkbox.checkbox-agreement{
	
}
.quo-row {
	display: flex;
	align-items: center;
	margin-top: 50px;
}
.contact-form-cols .quo-row {
	display: block;
	margin-bottom: 40px;
}
.quo-row .profile {
	display: flex;
	align-items: center;
	margin-left: auto;
}
.quo-row .profile .profile-img {
	width: 60px;
	min-width: 60px;
	height: 60px;
	border-radius: 60px;
	background-size: cover;
	margin-right: 20px;
	-webkit-box-shadow: 0px 6px 41px -5px rgb(0 0 0 / 27%);
	box-shadow: 0px 6px 41px -5px rgb(0 0 0 / 27%);
}
.quo-row .profile .profile-name {
	color: var(--darkgrey);
	font-size: 20px;
	width: auto;
	white-space: nowrap;
}
.quo-row .profile .profile-func {
	color: #788EAC;
	text-transform: uppercase;
	font-size: 16px;
	white-space: nowrap;
}
.contact-form-cols .a-text a {
	color: var(--darkgrey);
}
.contact-form-cols.sec-maindesc .uppertext{
	text-align: left;
}
.contact-form-cols.sec-maindesc h2{
	text-align: left;
}



/* fw hero slider */
.hero3 .sec{color: #fff;}
.hero3 .sec h2{max-width: 400px;width: 100%;}
.hero3 .sec .desc{max-width: 400px;width: 100%;}
.hero3 .slick-track{height:100vh;}
.hero3 .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.hero3 .slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0;}
.hero3 .slick-list:focus{outline:none;}
.hero3 .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.hero3 .slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto;}
.hero3 .slick-track:before,.slick-track:after{content:"";display:table;}
.hero3 .slick-track:after{clear:both;}
.hero3 .slick-slide{float:left;height:100%;min-height:1px;display:none;}
.hero3 .slick-initialized .slick-slide{display:block;}
.hero3{background-color:rgba(0,30,70,0.15);position:relative;}
.hero3__item{height:calc(100vh - 64px);position:relative;overflow:hidden;-webkit-backface-visibility:hidden;}
@media (min-width:990px){
.hero3__item{height:calc(100vh - 80px);}
}
.hero3__item.slick-active+.hero3__item .hero3__in{-webkit-transform:translate3D(-50vw,0,0);-moz-transform:translate3D(-50vw,0,0);-ms-transform:translate3D(-50vw,0,0);-o-transform:translate3D(-50vw,0,0);transform:translate3D(-50vw,0,0);}
.hero3__in{display:flex;align-items:center;position:absolute;left:0;top:0;right:0;bottom:0;transition:1.5s ease all;padding:0 0px;-webkit-transform:translate3D(50vw,0,0);-moz-transform:translate3D(50vw,0,0);-ms-transform:translate3D(50vw,0,0);-o-transform:translate3D(50vw,0,0);transform:translate3D(50vw,0,0);}
@media (min-width:990px){
.hero3__in{padding:0 0px;}
}
.slick-active .hero3__in{-webkit-transform:translate3D(0,0,0);-moz-transform:translate3D(0,0,0);-ms-transform:translate3D(0,0,0);-o-transform:translate3D(0,0,0);transform:translate3D(0,0,0);}
.hero3 .slick-cloned.slick-cloned .hero3__in{-webkit-transform:translate3D(0,0,0);-moz-transform:translate3D(0,0,0);-ms-transform:translate3D(0,0,0);-o-transform:translate3D(0,0,0);transform:translate3D(0,0,0);}
.hero3__bg{background-size:cover;background-position:center;position:absolute;left:0;right:0;top:0;bottom:0;filter: brightness(0.9);}

.hero3__bg--desktop{overflow: hidden;}
.hero3__bg--desktop img{
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	/*transform: scale(1.1);*/
}
.hero3__item.slick-active .hero3__bg--desktop img{
	/*animation-name:zoomin;*/
	animation-duration:5s;
}
.slick-slide:nth-child(2) .hero3__bg--desktop img{
	transition: all 4s;
}


@media (min-width:750px){
.hero3__bg--device{display:none;}
}
.hero3__dots{margin:0 auto;position:relative;}
@media (min-width:990px){
.hero3__dots{display:block;}
}
.hero3__dots .slick-dots{display:flex;margin:0;padding:0;list-style:none;position:absolute;left:0;bottom:50px!important;z-index:50;justify-content: center;}
.hero3__dots .slick-dots li{width:3em;height:2px;margin:0;opacity:0.5;transition:0.3s;position:relative;}
.hero3__dots .slick-dots li.slick-active{opacity:1;}
.hero3__dots .slick-dots li button{width:100%;height:100%;background-color:white;border:none;padding:0;text-indent:-1000px;overflow:hidden;cursor:pointer;outline:transparent;position:absolute;left:0;top:0;right:0;bottom:0;}
.hero3__dots .slick-dots li+li{margin-left:0.5em;}
.hero3__bar{height:3px;background-color:var(--primary);transform-origin:left center;position:absolute;left:0;bottom:0;right:0;}
.slick-active .hero3__bar{animation-name:loadingBar;animation-duration:4s;animation-delay:1.5s;animation-fill-mode:both;}
.slick-cloned .hero3__bar{-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-ms-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);}
.hero3__container{width:100%;margin:0 auto;position:relative;z-index:10;}
@media (max-width:749px){
.hero3__container{padding-bottom:0vh;}
}
.hero3__content{color:white;}
.hero3__content h2{font-size:30px;font-weight:700;line-height:1.2;}
@media (min-width:600px){
.hero3__content h2{font-size:5vw;}
}
@media (min-width:1200px){
.hero3__content h2{font-size:60px;}
}
@media (min-width:990px){
.hero3__bottomAnchor{bottom:80px;}
}
@keyframes loadingBar{0%{-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-ms-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);}100%{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);}}
@keyframes pulsing{0%{opacity:0.25;}50%{opacity:1;}100%{opacity:0.25;}}
@keyframes zoomin{
	0%{transform: scale(1);}
	100%{transform: scale(1.1);}
}
/* END fw hero slider */



.text-cols{
	overflow: hidden;
}
ul {
	list-style: none;
	padding-left: 0;
	margin: 0;
}
.text-cols ul li {
	position: relative;
	padding-left: 35px;
	margin-bottom: 10px;
}
.text-cols ul li:last-child {
	margin-bottom: 0;
}
.text-cols.list-style-check ul li:before {
	content: "\f058";
}
.text-cols.list-style-plus ul li:before {
	content: "\f067";
}
.text-cols.list-style-circleplus ul li:before {
	content: "\f055";
}
.text-cols.list-style-minus ul li:before {
	content: "\f068";
}

.text-cols ul li:before {
	display: block;
	position: absolute;
	content: "\f058";
	font-family: 'Font Awesome 5 Pro';
	color: var(--primary);
	left: 0;
	font-weight: 600;
}
.text-cols h2,.text-cols h3,.text-cols h4,.text-cols h5{
	margin-bottom: 15px;
}
.text-cols .col-sm-12:last-child{
	margin-bottom: 0px;
}

.breadcrumbs-block{
	padding: 20px 0;
}
.crumbs {
	font-size: 12px;
	color: #D5D5D5;
	font-weight: 500;
}
.crumbs svg{
	margin-top:-2px;
}
.crumbs .spacer{
	margin-left: 8px;
	margin-right: 8px;
}
.crumbs a{
	color: #000!important;
}
.crumbs a:hover{
	color: var(--primary)!important;
}
.crumbs .active-crumb{
	color: #7F8A99!important;
	display: inline-block;
}


/* projects boxes  */
.box-grid-block .sec{
	margin-bottom: 50px;
}
.box-grid-item{
	display: inline-block;
	width: 25%;
	padding-bottom: 21.85%;
	position: relative;
	float: left;
	background-color: var(--primary);
	overflow: hidden;
}
.box-grid-item:after {
	content: '';
	left: 0;
	right: 0;
	bottom: 0;
	height: 50%;
	display: block;
	z-index: 20;
	position: absolute;
	background: -webkit-gradient(linear,left bottom,left top,from(rgba(41,45,51,.6)),to(rgba(41,45,51,0)));
	background: linear-gradient(to top,rgba(41,45,51,.6),rgba(41,45,51,0));
}
.box-grid-desc{
	z-index: 30;
	position: absolute;
	color: #fff;
	padding: 50px;
	bottom: 0;
}
.box-grid-desc div{
	font-size: 24px;
	font-weight: 600;
}
.box-grid-desc div small{
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1px;
}
.box-grid-img {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.box-grid-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: -webkit-transform .3s;
	transition:transform .3s;
}
.box-grid-item-lg {
	width: 50%;
	padding-bottom: 43.7%;
}
.box-grid-item:hover .box-grid-img img {
	-webkit-transform: scale(1.02);
	transform: scale(1.02);
}
.last-box-label:after{
	display: none;
}
.box-grid:after, .box-grid:before {
	content: "";
	display: table;
}
.box-grid:after {
	clear: both;
}
.last-box-label .box-grid-desc{
	top: 0;left: 0;right: 0;bottom: 0;
}
.last-box-label .box-grid-desc{
	display: flex;
	align-items: center;
	justify-content: center;
}
.last-box-label .box-grid-desc div{
	position: relative;
	line-height: 1;
}
.last-box-label .box-grid-desc div:before{
	position: absolute;
	top: -20px;
	left: 0;
	right: 0;
	content:"";
	width: 70px;
	height: 1px;
	margin: 0 auto;
	background-color: #fff;
	transition: all 0.3s;
}
.last-box-label .box-grid-desc div:after{
	position: absolute;
	bottom: -25px;
	left: 0;
	right: 0;
	content:"";
	width: 70px;
	height: 1px;
	margin: 0 auto;
	background-color: #fff;
	transition: all 0.3s;
}
.last-box-label:hover .box-grid-desc div:before{
	width: 100%;
}
.last-box-label:hover .box-grid-desc div:after{
	width: 100%;
}
/* end */

.img-parallax-wrap{
	overflow: hidden;
}
.img-parallax-wrap img{
	position: absolute;
	width: auto;
	min-width: 100%;
	height: 120%;
	top: -10%;
}


/* image-hovertabs */
.image-hovertabs{
	position: relative;
}
.image-hovertabs-item{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 50px!important;
	border-right: 1px solid rgba(255,255,255,.5);
	color: #fff;
	height: 500px;
}

.image-hovertabs-item:hover{
	color: #fff;
}
.image-hovertabs-item:hover .desc {
	max-height: 150px;
	transition: all 0.8s ease;
}
.image-hovertabs-item:last-child{
	border-right: 0;
}
.image-hovertabs-gallery{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}
.image-hovertabs-gallery img{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: brightness(0.7);
	opacity: 0;
	transform: translate(-50%,-50%) scale(1.1);
	transition: opacity .5s ease-in-out,transform .5s ease-in-out;
}
.image-hovertabs-gallery img.active{
	opacity: 1;
	transform: translate(-50%,-50%) scale(1);
}
.image-hovertabs-item div{
	font-size: 24px;
	font-weight: 600;
}
.image-hovertabs-item div .desc{
	font-size: var(--font_16);
	font-weight: 400;
	margin-top: 5px;
	overflow: hidden;
	max-height: 0;
	transition: all .5s ease-out;
	
}
.image-hovertabs-item div small {
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1px;
}
.image-hovertabs-item .item-bg{
	display: none;
}
.image-hovertabs-item:after {
	display: none;
	content: '';
	left: 0;
	right: 0;
	bottom: 0;
	height: 50%;
	z-index: 4;
	position: absolute;
	background: -webkit-gradient(linear,left bottom,left top,from(rgba(41,45,51,.6)),to(rgba(41,45,51,0)));
	background: linear-gradient(to top,rgba(41,45,51,.6),rgba(41,45,51,0));
}


.text-block h1, .text-block h2, .text-block h3, .text-block h4, .text-block h5{
	margin-bottom: 15px;
}

.text-main-block{
	text-align: center;
}
.text-main-block.text-align-left{
	text-align: left;
}
.text-main-block.text-align-right{
	text-align: right;
}


.no-dots .slick-dots{
	display: none!important;
}



/* pricing cards */
.pricing-cards{
	padding: 50px 0 20px 0;
}
.pricing-cards .row{
	justify-content: center;
}
.pricing-cards .col-sm-6{
	margin-bottom: 30px;
}
.pricing-card-item{
	background-color: #fff;
	padding: 30px;
	border-radius: 10px;
	border: 1px solid #efefef;
	display: flex;
	height: 100%;
	flex-direction: column;
}
.pricing-card-item h4{
	margin-bottom: 15px;
}
.pricing-card-item .price{
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 15px;
}
.pricing-card-item .price span{
	font-size: 26px;
	font-weight: 600;
	text-decoration: line-through;
	color: var(--midgrey);
	padding: 0 10px;
}
.pricing-card-item .list ul li{
	position: relative;
	padding-left: 35px;
    margin-bottom: 10px;
}
.pricing-card-item .list ul li::before{
	display: block;
    position: absolute;
    content: "\f058";
    font-family: 'Font Awesome 5 free';
    color: var(--primary);
    left: 0;
    font-weight: 600;
}
.pricing-card-item .text{
	color: var(--midgrey);
	font-size: 14px;
	line-height: 1.3;
	margin-bottom: 15px;
	border-top: 1px solid #efefef;
	padding-top: 15px;
}
.pricing-card-item .text p{
	margin-bottom: 0;
}
.pricing-card-item .btn-basic{
	width: 100%;
	text-align: center;
}
.pricing-card-item .to-bottom{
	margin-top: auto;
}


.contact-cols .con-col-item{
	margin-bottom: 30px;
}
.contact-cols h5 {
    margin-bottom: 20px;
}
.contact-cols .phone {
    color: #848484;
    margin-bottom: 10px;
}
.contact-cols p{
	margin-bottom: 0;
}


/* masking gallery */
.mask-slider-gallery .sec{
	position: relative;
}
.mask-slider-item{
	display: flex;
	position: absolute;
	right:50px;
	left:50px;
	top: 0;
	z-index: 1;
}
.mask-slider-item:first-child{
	position: relative;
	right: 0px;
	left: 0px;
	top: 0;
	z-index: 1;
}
.mask-slider-item.active{
	z-index: 3;
}
.mask-slider-col{
	height: 450px;
	overflow: hidden;
	-webkit-clip-path: polygon(0 0,0 0,0 100%,0 100%);
	clip-path: polygon(0 0,0 0,0 100%,0 100%);
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}
.mask-slider-item.active .mask-slider-col{
	-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
	clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
	-webkit-transition: -webkit-clip-path 1.5s;
	transition: -webkit-clip-path 1.5s;
	-o-transition: clip-path 1.5s;
	transition: clip-path 1.5s;
	transition: clip-path 1.5s,-webkit-clip-path 1.5s;
}
.mask-slider-item.current{
	z-index: 4;
}

.mask-slider-col-third{
	width: 33.33%;
	min-width: 33.33%;
}
.mask-slider-col-100{
	width: 100%;
}
.mask-slider-col img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.mask-slider-item.active .mask-slider-col img{
	-webkit-transition: -webkit-transform 3s;
    transition: -webkit-transform 3s;
    -o-transition: transform 3s;
    transition: transform 3s;
    transition: transform 3s,-webkit-transform 3s;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
/* end */

/* img-block-upsize  */
.onscrscroll-image-upsize{
	overflow: hidden;
	padding: 0;
}
.img-block-upsize{
	margin: 0 auto;
	width: 88%;
	height: 600px;
	background-size: cover;
	transition: all 0.1s ease;
	background-position: center;
}
/* end */



/* news grid */
.news-grid{
	background-color: var(--lightgrey);
	margin: 0;
	padding: 50px 0;
}
.news-grid .inner-block{
	margin-bottom: 30px;
}
.news-grid a{
	display: contents;
}
.news-grid .news-grid-row{
	height: 630px;
	display: inline-block;
	margin:-15px;
}
.news-grid-big-col{
	width: 50%;
	height: 100%;
	padding:15px;
	display: flex;
	flex-direction: column;
	float: left;
}
.news-grid-big-img-block{
	width: 100%;
	height: 100%;
	position: relative;
}
.news-grid-big-col .news-grid-big-img{
	height: 100%;
	width: 100%;
	object-fit: cover;
	position: absolute;
}
.news-grid-big-col .big-col-desc{
	height: auto;
	background-color: #fff;
	padding: 30px;
}
.news-grid-big-col .big-col-desc{
	color: var(--dark);
}
.news-grid-big-col .big-col-info span{
	color: var(--midgrey);
	font-size: 14px;
}
.news-grid-big-col .big-col-info span.read-more{
	float: right;
	color: var(--primary);
}

.news-grid-sm-col{
	padding: 15px;
	width: 25%;
	height: 315px;
	float: left;
}
.news-grid-sm-col .sm-col-desc{
	background-color: #fff;
	width: 100%;
	height: 100%;
	padding: 30px;
	display: flex;
	flex-direction: column;
	color: var(--dark);
}
.news-grid-sm-col .sm-col-desc h4{
	margin-top: auto;
}
.news-grid-sm-col .sm-col-desc div{
	color: var(--midgrey);
	font-size: 14px;
	margin-bottom: 15px;
}
.news-grid-sm-col .sm-col-desc div.date{
	margin-bottom: 0px;
	margin-top: 15px;
	opacity: .6;
}
/* end */

/* cols-text-adv */
.cols-text-adv-row{
	display: flex;
	margin-left: -15px;
	margin-right: -15px;
}
.cols-text-adv-row .col-left{
	width: 40%;
	padding: 0 15px;
	padding-right: 100px;
}
.cols-text-adv-row .col-right{
	width: 60%;
	padding: 0 15px;
}
.cols-text-adv-row .col-right img{
	height: 50px;
	width: auto;
	display: block;
	margin-bottom: 15px;
}
.cols-text-adv-row .col-sm-6{
	margin-bottom: 15px;
}
.cols-text-adv-row .col-sm-6 .p{
	line-height: 1.6;
}
/* end */

/* rooms stay */
.doublecol{
	display: flex;
}
.col-content{
	width: 70%;
	padding-top: 20px;
	padding-right: 20px;
}
.col-content h2, .col-content .maintext{
	text-align: left;
}
.col-content .inner-block{
	width: 100%;
	max-width: unset;
}

.col-content .sec{
	padding-left: 0;
	padding-right: 0;
}
.col-content h2{
	font-size: 30px;
}
.col-sidepanel{
	width: 30%;
	padding-bottom: 50px;
}
.col-sidepanel .sec{
	padding: 0;
}
.col-sidepanel .big-pad{
	margin: 20px 0 0 0;
}
/* end */

/* parallax slider */
.height-800 .overlay-slider-slides,.height-800 .overlay-slider-item{
	height: 800px;
}
.height-600 .overlay-slider-slides,.height-600 .overlay-slider-item{
	height: 600px;
}
.height-400 .overlay-slider-slides,.height-400 .overlay-slider-item{
	height: 400px;
}
.overlay-slider{
	position: relative;
}
.overlay-slider-slides{
	overflow: hidden;
	width: 100%;
	height: calc(100vh - 60px);
	position: relative;
}
.overlay-slider-item {
	height: calc(100vh - 60px);
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	transform: translateX(50%);
	transition: transform 1.5s, clip-path 1.5s;
	-webkit-clip-path: polygon(50% 0,100% 0%,100% 100%,50% 100%);
	clip-path: polygon(50% 0,100% 0%,100% 100%,50% 100%);
}
.overlay-slider-item h2{
	text-shadow: 0px 5px 15px #000000a3;
}
.overlay-slider-item .btn-basic{
	margin-top: 15px;
}
.overlay-slider-item .inner div p{
	margin-bottom: 0;
}
.overlay-slider-item.before{
	z-index: 3;
	transform: translateX(50%);
	animation: translateback 1.5s ease;
	-webkit-clip-path: polygon(50% 0,100% 0%,100% 100%,50% 100%);
	clip-path: polygon(50% 0,100% 0%,100% 100%,50% 100%);
}
@keyframes translateback {
	0% {transform: translateX(0%);}
	100% {transform: translateX(-50%);}
}

.overlay-slider-item.current{
	z-index: 4;
	transform: translateX(0%);
	-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
	clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
}
.overlay-slider-item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: brightness(.7);
}

.overlay-slider-nav{
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	z-index: 5;
	list-style-type: none;
	display: flex;
	justify-content: center;
	margin: 0;
	padding: 0;
}
.overlay-slider-nav li{
	width: 40px;
	height: 2px;
	margin: 0 5px;
	background-color: #fff;
	opacity: .5;
	cursor: pointer;
	padding: 0;
}
.overlay-slider-nav li::before{
	display: none;
}
.overlay-slider-nav li.active{
	opacity: 1;
}
.overlay-slider-item .sec{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	color: #fff;
}
.overlay-slider-item .sec .inner{
	width: 100%;
	max-width: 500px;
}
.overlay-slider-item .sliding_bar{
	height:3px;
	background-color:var(--primary);
	transform-origin:left center;
	position:absolute;
	left:0;bottom:0;right:0;
}
.overlay-slider-item.current .sliding_bar{
	animation-name: loadingBar;
    animation-duration: 3.5s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}
/* end  */




/* stay intro */
.sec-lg {
    overflow: hidden;
    margin: 0 auto;
    max-width: 1920px;
}
.banner-intro-image .sec-lg{
	height: 100%;
    position: relative;
    background-color: #f4f2ef;
}
.banner-intro-image .sec-lg .overlay{
	position: absolute;
	left: 0;top: 0;right: 0;bottom: 0;
	background-color: #000;
	opacity: .5;
}
.banner-intro-image{
	height: 400px;
}
.banner-intro-image .sec-lg{
	height: 100%;
	position: relative;
	background-color: #f4f2ef;
}
.banner-intro-image .sec{
	height: 100%;
	position: relative;
}

.banner-intro-image-block{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 50%;
}
.banner-intro-image-block img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.banner-intro-text{
	width: 50%;
	padding-right: 100px;
	height: 100%;
	display: flex;
	align-items: center;
	color: #fff;
}
.banner-uppertitle{
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 15px;
}
.banner-parameters{
	position: absolute;
	bottom: 50px;
	left: 50px;
	width: 50%;
	padding-right: 100px;
}
.banner-parameters span{
	border-right: 1px solid #DADCDF;
	margin-right: 10px;
	padding-right: 10px;
	color: #5E767D;
	font-size: 14px;
	line-height: 25px;
}
.banner-parameters span:last-child{
	border-right: 0;
	margin-right: 0;
	padding-right: 0;
}


.col-content .reserv-room-btn-fixed{display:none;}
.sticky-bar {
    position: sticky;
    top: 80px;
}


.img-overflow{
	overflow: hidden;
}
.scale-on-scroll{
	height: 600px;background-position: center;
	background-size: cover;
	transition:all 5s cubic-bezier(0, 0, 0.2, 1);
}

.horizontal-grid-text .boxes{
	display: flex;
	flex-direction: column;
}
.horizontal-grid-text .boxes .item{
	width: 100%;
    border: 1px solid #D5D5D5;
    border-bottom: 0px;
    display: flex;
    transition: all 0.2s;
    position: relative;
    background-color: #fff;
}
.horizontal-grid-text .boxes .item:last-child{
    border-bottom: 1px solid #D5D5D5;
}
.horizontal-grid-text .boxes .item .title{
	padding: 50px;
	width: 30%;
}
.horizontal-grid-text .boxes .item .desc{
	padding: 50px;
	width: 70%;
}
.horizontal-grid-text .boxes .item .desc p:last-child{margin-bottom: 0;}
.horizontal-grid-text .boxes .item:before {
    content: "";
    position: absolute;
    display: block;
    top: -1px;
    left: -1px;
    height: 2px;
    right: -1px;
    background-color: var(--primary);
    transform-origin: left;
    transition: all 0.3s ease;
    -webkit-transform: scale(0,1);
    -moz-transform: scale(0,1);
    -ms-transform: scale(0,1);
    -o-transform: scale(0,1);
    transform: scale(0,1);
}
.horizontal-grid-text .boxes .item:hover::before {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}
.horizontal-grid-text .boxes .item:hover{
	background-color: #efefef;
	box-shadow: 0 2rem 3rem 0 rgb(0 0 0 / 3%);
	z-index: 2;
}



.simple-col-items .item{
	margin-bottom: 20px;
}
.simple-col-items .item img{
	margin-bottom: 20px;
	width: 100%;
}
.simple-col-items .item h3{
	margin-bottom: 20px;
}

/* img-textonbg */
.img-textonbg{
	position: relative;
	overflow: hidden;
}
.img-textonbg::before{
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	height: 100%;
	width: 100%;
	background-color: #efefef;
}
.img-textonbg .sec{
	display: flex;
}
.img-textonbg .img{
	width: 50%;
	display: flex;
	justify-content: end;
	min-height: 500px;
}
.img-textonbg .img img{
	height: 100%;
	width: auto;
	display: block;
	margin-left: auto;
}
.img-textonbg.text-left .img img{
	margin-left: 0
}
.img-textonbg .text-content{
	width: 50%;
	position: relative;
	padding: 50px 0 50px 50px;
	display: flex;
	align-items: center;
}
.img-textonbg h2{
	margin-bottom: 20px;
}

.img-textonbg.text-left .img{
	order: 2;
}
.img-textonbg.text-left .text-content{
	order: 1;
	padding: 50px 50px 50px 0px;
}
.img-textonbg.text-left::before{
	left: 0;
	right: 50%;
	width: 50%;
}
.img-textonbg.text-left .img{
	justify-content: start;
}
/* end */

/* fluid-text-img */
.fluid-text-img .content-wrapper{
	display: flex;
}
.fluid-text-img .content-wrapper .img{
	width: calc(50% + 150px);
	position: relative;
	min-height: 400px;
}
.fluid-text-img .content-wrapper .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
}
.fluid-text-img .content-wrapper .text-content{
	width: calc(50% - 150px);
	padding: 50px;
	display: flex;
	align-items: center;
}
.fluid-text-img .content-wrapper .text-content .align{
	width: 100%;
	max-width: calc(var(--page_maxwidth)/2 - 50px - 150px - 50px);
}
.fluid-text-img h2{
	margin-bottom: 20px;
}

.fluid-text-img.text-left .img{
	order: 2;
}
.fluid-text-img.text-left .text-content{
	order: 1;
}
.fluid-text-img.text-left .content-wrapper .text-content .align{
	margin-left: auto;
}
/* end */

/* testimonials-aboveimg */
.testimonials-aboveimg{
	position: relative;
}
.testimonials-aboveimg .img-bg{
	width: 100%;
	min-height: 400px;
	position: relative;
}
.testimonials-aboveimg .img-bg{
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
}
.testimonials-aboveimg .img-bg .img-overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: #00267acc;
}
.testimonials-aboveimg-slider{
	z-index: 2;
	position: relative;
	height: 100%;
}
.testimonials-aboveimg-slider .slick-list{
	height: 100%!important;
}
.testimonials-aboveimg-slider .slick-slide.item{
	min-height: 400px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 50px;
	padding-bottom: 50px;
}
.testimonials-aboveimg-slider .item .align{
	width: 100%;
	padding-left: 100px;
	padding-right: 100px;
}
.testimonials-aboveimg-slider .text{
	font-size: 22px;
	color: #fff;
	text-align: center;
}
.testimonials-aboveimg-slider .name{
	color: #fff;
	text-align: center;
}
.testimonials-aboveimg .underlayer{
	position: absolute;
	left: 0px;
	top: -50px;
	width: 50%;
	height: 100%;
	background-color: #efefef;
}
.testimonials-aboveimg .underlayer.under-right{
	left: 50%;
}
/* end */


#main-loader{
    background-color: rgba(255,255,255,.5);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    display: flex;
    align-items: center;
}
#main-loader span{
    display: block;
    margin: 0 auto;
    background: url('../images/tenor.gif') center center no-repeat;
    background-size: cover;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 4px solid #feefe6;
}


.node-intro{
	position: relative;
}
.node-intro .overlay-img{
	position: absolute;
	left: 0; top: 0; right: 0; bottom: 0;
}
.node-intro .overlay-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.node-intro .overlay-img::after{
	content:"";
	position: absolute;
	background-color: #00267acc;
	left: 0; top: 0;
	width: 100%;
	height: 100%;
}
.node-intro .sec{
	position: relative;
	z-index: 2;
	color: #fff;
	display: flex;
	flex-direction: column;
	height: 600px;
}
.node-intro .title-wrapper{
	margin-top: auto;
	text-align: center;
	margin-bottom: 0;
	text-transform: uppercase;
}
.node-intro .info-wrapper{
	display: flex;
	margin-bottom: 50px;
	margin-top: auto;
}
.node-intro .info-wrapper .item{
	border-right: 1px solid rgba(255,255,255,0.4);
	margin-right: 50px;
	padding-right: 50px;
}
.node-intro .info-wrapper .item .label{
	font-weight: 600;
	font-size: 20px;
}
.node-intro .info-wrapper .item:last-child{
	border-right: 0;
	margin-right: 0px;
	padding-right: 0px;
}
#content .node-intro .info-wrapper .item .val ul li{
	display: inline-block;
	padding:0;
	margin-right: 5px;
}
.node-intro .info-wrapper .item .val ul li::before{
	display: none;
}
#content .node-intro .info-wrapper .item .val ul li::after{
	display: inline-block;
	content:",";
}
#content .node-intro .info-wrapper .item .val ul li:last-child::after{
	display: none;
}
#content .node-intro .info-wrapper .item .val p:last-child{
	margin-bottom: 0;
}

.text-items-gallery a.item{
	color: initial;
	padding-right: 60px;
	position: relative;
	display: block;
	margin-bottom: 20px;
	border-bottom: 1px solid #efefef;
	padding-bottom: 20px;
}
.text-items-gallery a.item:last-child{
	margin-bottom: 0;
	border-bottom: 0;
	padding-bottom: 0;
}
.text-items-gallery a.item .desc p:last-child{
	margin-bottom: 0;
}
.text-items-gallery .title-wrapper{
	padding-right: 50px;
}
.text-items-gallery a.item::after{
	content:"\f30b";
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	position: absolute;
	top:0;
	bottom:0;
	margin:auto;
	height: 20px;
	line-height: 20px;
	right: 0;
	transition: transform 0.2s;
	font-size: 20px;
}
.text-items-gallery a.item:hover::after{
	transform: translateX(10px);
}









.frame {width: 100%; height: 400px; padding: 0;}
.frame .scrollbar-slider { margin: 0; padding: 0; height: 100%; list-style: none; }
.frame .scrollbar-slider li { float: left; margin: 0 5px 0 0; padding: 0; width: 420px; height: 100%;position: relative; }
.frame .scrollbar-slider li.h { width:500px; }
.frame .scrollbar-slider li.v { width:250px; }

.frame .scrollbar-slider li img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.scrollbar {  margin: 0 auto;width: 50%; height: 2px; background:#d5dee4;margin-top: var(--size-xl);margin-bottom: 2px;}
.scrollbar .handle {
	width: 100px; /* overriden if dynamicHandle: 1 */
	height: 6px;
	position: relative;
	top: -2px;
	background: var(--tertiary);
	border-radius: 2px;
	cursor: grab;
}
.scrollbar .handle:active{
	cursor: grabbing;
}


.fw-image-slider-block{
	height: 600px;
}
.fw-image-slider-block .scrollbar-slider li{
	height: 600px;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-left: 0!important;
}
.fw-image-slider-block .scrollbar-slider li::before{
	display: none;
}
.fw-image-slider-block .scrollbar-slider li.c{
	width: 600px;
}
.fw-image-slider-block .scrollbar-slider li.h{
	width: 750px;
}
.fw-image-slider-block .scrollbar-slider li.v{
	width: 400px;
}

.fw-image-slider-block .scrollbar-slider li .note{
	background-color: rgba(255,255,255,1);
	position: absolute;
	z-index: 5;
	color: white;
	font-size: 18px;
	padding:20px 40px;
	line-height: 1;
	bottom:50px;
	left: 50px;
	color: var(--dark);
	max-width: 400px;
}

.fw-image-slider-block .scrollbar-slider li .note.top-left{
	top: 0px;
	left: 20px;
}
.fw-image-slider-block .scrollbar-slider li .note.top-right{
	top: 0px;
	right: 20px;
}
.fw-image-slider-block .scrollbar-slider li .note.bottom-left{
	bottom: 0px;
	left: 20px;
}
.fw-image-slider-block .scrollbar-slider li .note.bottom-right{
	bottom: 0px;
	right: 20px;
}


.node-text-image-detail .img-wrapper img{
	height: auto;
	width: 100%;
	object-fit: cover;
	position: sticky;
	top:50px;
}
.node-text-image-detail .longtext{
	padding:50px 50px 50px 0;
}
.node-text-image-detail .longtext:last-child{
	margin-block: 0px;
}
.node-text-image-detail .longtext.bg{
	background: var(--secondary);
	position: relative;
	color: #fff;
} 
.node-text-image-detail .longtext.bg::before{
	content:"";
	position: absolute;
	left: -900em;
	width: 900em;
	top:0;
	height: 100%;
	background: var(--secondary);
} 
.node-text-image-detail .longtext h2{
	display: block;
	border-bottom: 1px solid rgba(0,0,0,0.5);
	margin-bottom: 30px;
	padding-bottom: 30px;
}
.node-text-image-detail .longtext.bg h2{
	border-color: rgba(255,255,255,1);
}
.node-text-image-detail .longtext p:last-child{
	margin-bottom: 0;
}


.basic-page-front .not-hp {
	display: none;
}


.checkbox-agreement input {
    position: absolute!important;
}
.w-checkbox span{
	padding-left: 30px;
}
.checkboxes label{
	padding-left: 0;
}
.checkboxes .w-checkbox{
	margin-bottom: 3px;
}
.upper-text {
    font-size: 12px;
    font-weight: 700;
    color: var(--secondary);
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-bottom: 20px;
}



.page-front .node-intro{
	padding-top: 100px;
}







@media (max-width: 1600px){}
@media (max-width: 1400px){
	.popup-front-team{width: 1080px;}
	.slider-fs .sec .sec{padding:0 100px;}
	.box-grid-desc{padding: 30px;}
	.box-grid-desc div {font-size: 20px;}
	.image-hovertabs-item{padding: 30px!important;height: 400px;}
	.image-hovertabs-item div {font-size: 20px;}

}
@media (max-width: 1199.98px){
	.popup-front-team{width: 850px;}
}
@media (max-width: 991.98px){
	.sec{padding:0 30px;}
	.intro{padding-top: 50px;padding-bottom:50px;}
	.intro.sm-gap{padding-top: 30px;padding-bottom:30px;}
	.intro.lg-gap{padding-top: 70px;padding-bottom:70px;}
	.intro h1{width:100%;}
	.sec-head{width:80%;}
	.interest-1{padding:100px;}
	.interest-2{padding:100px;}
	.popup-front-team{width:90%;}
	.banner-12{padding: 100px;}
	.banner-text {width:70%;}
	.popup-big{top:60px;right:60px;}
	.video-block .volume-control{left:0;opacity:0.3;transition: all 0.3s;}
	.video-block .volume-control:hover{opacity:1;}
	.icons-col{width: 25%;}
	.gallery-slider .slick-slide{height:400px;}
	

	.basic-image-text.text-left-order .text-order{padding-right: 60px;}
	.basic-image-text.text-right-order .text-order{padding-left: 60px;}

	.slider-16-9 .sec.slider-16-9{padding:0 30px;}

	.break-3 {display: block;}
	.break-5 {display: none;}
	.last-in-3 {border-right: 0;}
	.referencie-grid-col {width: 33.33%; padding: 20px;min-height: 100px;}

	.gallery-masonry-5{margin-bottom: 5px;}

	.box-grid-desc{padding: 20px;}
	.box-grid-desc div{font-size: 18px;}

	.article-wall{padding:0;padding-top: 60px;}
	.article-wall.wall-sm{padding-top: 25px;}
	.article-wall.wall-lg{padding-top: 70px;}

	.cols-col2 .icons-col{width: 50%;}
	.cols-col3 .icons-col{width: 50%;}
	.cols-col4 .icons-col{width: 33.33%;}
	.cols-col5 .icons-col{width: 33.33%;}

	.mask-slider-item{right:30px;left:30px;}

	.news-grid-big-col{width: 66.67%;}
	.news-grid-sm-col{width: 33.33%;}
	.news-grid-sm-col:nth-child(3){display: none;}
	.news-grid-sm-col:nth-child(4){display: none;}

	.cols-text-adv-row .col-left{padding-right: 50px;}

	.col-content{width: 60%;}
	.col-sidepanel{width: 40%;}

	.fluid-text-img .content-wrapper .img{width: 50%;}
	.fluid-text-img .content-wrapper .text-content{width: 50%;}
	.fluid-text-img .content-wrapper .text-content{padding: 50px 30px 50px 50px;}
	.fluid-text-img.text-left .content-wrapper .text-content{padding: 50px 50px 50px 30px;}

	.last-in-5 {border-right: 1px solid #f4f4f4;}

	.page-front .node-intro{padding-top: 0px;}

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

	.big-pad{margin:50px 0;}
	h1{font-size: var(--font_45);}
	h2{font-size: var(--font_30);}
	.col-content h2{font-size: 24px;}
	h3{font-size: var(--font_20);}
	h4{font-size: var(--font_18);}
	.project-desc-right{margin-top:30px;}
	.col-bottom-projects{margin-bottom: 0px;}
	.col-bottom-fix{margin-bottom:30px;}
	.desktop-pad-50{padding:0;}
	.desktop-pad-30{padding:15px 0;}
	.interest-1{padding:60px;}
	.interest-2{padding:60px;}

	.intro{padding-top: 50px;padding-bottom: 50px;}
	.intro.sm-gap{padding-top: 30px;padding-bottom:30px;}
	.intro.lg-gap{padding-top: 70px;padding-bottom:70px;}

	#contact-map-1{padding:80px;}
	.popup-front-team{top:50px;margin-bottom:50px;flex-wrap: wrap;height:auto;overflow-y: auto;width: calc(100% - 30px);position: relative;}
	.popup-front-item{width: 100%;height:auto;}
	.popup-front-item.image{max-height: 450px;}
	.popup-front-item img{max-height: 450px;}
	
	.footer-contact{text-align: center;}
	.highlight-block{padding:30px;}
	.row .col-bottom-fix:last-child{margin-bottom:0;}
	.banner-12{padding:60px;}
	.banner-text {width:85%;}
	.popup-big{top:40px;right:40px;}
	.icons-col{width: 33.33%;}
	.gallery-slider .slick-slide{height:350px;}

	.basic-image-text.text-left-order .text-order{order:2;}
	.basic-image-text.text-left-order .image-order{order:1;}

	.basic-image-text.text-left-order .text-order{padding-right: 15px;padding-top: 15px;}
	.basic-image-text.text-right-order .text-order{padding-left: 15px;padding-top: 15px;}

	.img-text-row .col-right-text{padding:35px;}

	.img-text-50-50.text-right-order .text-order{order:2;}
	.img-text-50-50.text-right-order .image-order{order:1;}
	.img-text-50-50.text-left-order .text-order{order:2;}
	.img-text-50-50.text-left-order .image-order{order:1;}


	.slider-16-9 .sec.slider-16-9{padding:0 0px;}
	.slider-16-9 .slider-16-9 .slider-content-item .sec{padding:0 100px;}
	


	.referencie-grid-col {padding: 10px;}

	.gallery-masonry-5{margin-bottom: 5px;}

	.contact-form-block {flex-wrap: wrap;}
	.contact-form-cols .left-bg-contact{display: none;}
	.contact-form-cols .mob-bg{display: block;position: absolute;z-index: -1;left: 0;right: 0;top: 0;bottom: 0;
		background: rgb(228,236,248);
	background: linear-gradient(90deg, var(--primary-lighter) 0%, var(--primary-lighter) 100%, rgba(255,255,255,0) 100%, rgba(255,255,255,0) 100%);
	opacity:0.15;
	}
	.contact-form-block .left{width: 100%;padding:40px;position: relative;z-index: 1;}
	.contact-form-block .right{width: 100%;padding:40px;}

	.text-cols .col-sm-12{margin-bottom: 20px;}

	
	.box-grid-item{width: 50%;padding-bottom: 43.7%;}
	.box-grid-item-lg {width: 100%;padding-bottom: 87.4%;}
	.box-grid-desc div{font-size: 16px;}

	.img-parallax-wrap img{position: static;min-width: unset;width: 100%;}

	.image-hovertabs-item{height: 300px;overflow: hidden;border: 0;padding: 20px!important;}
	.image-hovertabs-item .item-bg{display: block;position: absolute;top: 0px;left: 0px;object-fit:cover;width: 100%;height: 100%;z-index: 3;}
	.image-hovertabs-item div{position: relative;z-index: 5;font-size: 16px;}
	.image-hovertabs-item div .desc{max-height: unset;line-height: 1.3;font-size: 14px;}
	.image-hovertabs-item:after {display: block;height: 60%;
		background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.8)),to(rgba(41,45,51,0)));
		background: linear-gradient(to top,rgba(0,0,0,.95),rgba(0,0,0,0));
	}

	.article-wall{padding:0;padding-top: 60px;}
	.article-wall.wall-sm{padding-top: 20px;}
	.article-wall.wall-lg{padding-top: 50px;}

	.cols-col2 .icons-col{width: 50%;}
	.cols-col3 .icons-col{width: 50%;}
	.cols-col4 .icons-col{width: 50%;}
	.cols-col5 .icons-col{width: 50%;}

	.news-grid .news-grid-row{height: auto;}
	.news-grid-big-col{width: 100%;height: 600px;}
	.news-grid-sm-col{width: 50%;}
	.news-grid-sm-col:nth-child(3){display: flex;}
	.news-grid-sm-col:nth-child(4){display: flex;}

	.cols-text-adv-row{flex-wrap: wrap;}
	.cols-text-adv-row .col-left{width: 100%;}
	.cols-text-adv-row .col-right{width: 100%;}


	.banner-intro-text{width: 100%;padding: 0;}
	.banner-parameters{width: 100%;padding: 0;position: static;margin-top: 15px;}
	.banner-intro-image-block{position: static;width: 100%;}
	.banner-intro-image .sec{margin-bottom: 0px;margin-top: 0px;}

	.doublecol{flex-wrap: wrap;}
	.col-sidepanel{width: 100%;min-width: unset;}
	.col-content{width: 100%;padding-right: 0;}

	.height-800 .overlay-slider-slides,.height-800 .overlay-slider-item{height: 650px;}
	.height-600 .overlay-slider-slides,.height-600 .overlay-slider-item{height: 550px;}
	.height-400 .overlay-slider-slides,.height-400 .overlay-slider-item{height: 350px;}

	.sidepanel-sliding .multigallery-fw img{width: 250px;display: block;margin: 0 auto;}

	.img-textonbg .sec{flex-direction: column;}
	.img-textonbg .img{width: 100%;height: auto;min-height: 0px;}
	.img-textonbg .img img{width: 100%;height: auto;}
	.img-textonbg .text-content{width: 100%;}
	.img-textonbg::before{display: none;}
	.img-textonbg .text-content{padding: 50px 0 50px 0;}

	.img-textonbg.text-left .img{order: 1;}
	.img-textonbg.text-left .text-content{padding: 50px 0px 50px 0;order: 2;}

	.fluid-text-img .content-wrapper{flex-direction: column;}
	.fluid-text-img .content-wrapper .img{width: 100%;}
	.fluid-text-img .content-wrapper .text-content{width: 100%;padding: 50px 30px 0px 30px;}
	.fluid-text-img .content-wrapper .text-content .align{max-width: 100%;}
	.fluid-text-img.text-left .img{order: 1;}
	.fluid-text-img.text-left .text-content{order: 2;}

	.testimonials-aboveimg-slider .item .align{padding-left: 50px;padding-right: 50px;}
	.testimonials-aboveimg-slider .text{font-size: 20px;}

	.text-items-gallery .title-wrapper{margin-bottom: 20px;}

	.fw-image-slider-block .scrollbar-slider li{height: 260px;}
	.fw-image-slider-block .scrollbar-slider li.h{width: 280px;}
	.fw-image-slider-block .scrollbar-slider li .note{position: static;padding: 15px 15px;}

	.node-text-image-detail .img-wrapper{margin-top: 30px;}
	.node-text-image-detail .longtext{padding:30px 0 30px 0;}
	.node-text-image-detail .longtext.bg{background-color: transparent;z-index: 0;}
	.node-text-image-detail .longtext.bg::before{left: -30px;width: calc(100% + 60px);}
	.node-text-image-detail .longtext.bg *{position: relative;z-index: 1;}

}
@media (max-width: 575.98px){
	:root {
		--font_15: 14px;
		--font_16: 15px;
		--font_18: 18px;
	}
	.p{line-height: 25px;}
	
	#content{min-height: 500px;}


	.bg-main{padding:0;}

	.intro{padding-top: 30px;padding-bottom: 30px;}
	.intro.sm-gap{padding-top: 30px;padding-bottom:30px;}
	.intro.lg-gap{padding-top: 40px;padding-bottom:40px;}

	h1{font-size: var(--font_30);}
	h2{font-size: var(--font_25);}
	h3{font-size: var(--font_20);}
	h4{font-size: var(--font_18);}
	.intro h1{width:100%;}
	.sec{padding:0 15px;}
	.sec-head{width:100%;}
	.big-pad{margin:20px 0;}
	.col-bottom-fix{margin-bottom:15px;}
	.gallery-vid-bg{height:285px;}

	.gallery-masonry-5{grid-template-rows: repeat(3, 180px);grid-template-columns: repeat(2, 1fr);margin-bottom: 5px;}
	.masonry-item:nth-child(1) {grid-row: unset;grid-column: 1 / 2;}
	.masonry-item:nth-child(2) {grid-row: unset;grid-column: unset;}
	.masonry-item:nth-child(3) {grid-row: 2 / 3;grid-column: 1 / 3;}
	.masonry-item:nth-child(4) {grid-row: unset;grid-column: unset;}
	.masonry-item:nth-child(5) {grid-row: unset;grid-column: unset;}
	.interest-1{padding:30px;}
	.interest-2{padding:30px;}
	.footer-second{text-align: center;}
	section.bg-darker{padding: 35px 0;}
	.popup{overflow-y: auto;}
	.popup-front-team{height:auto;position: relative;overflow-y: auto;}
	.popup-front-item.image{max-height: 250px;}
	.popup-front-item img{max-height: 250px;}
	.popup-front-item.desc{padding:25px;}
	.article-twocols {column-count: 1;}
	.big-box{padding: 160px 20px 23px;}
	.big-pad-30bot{padding:30px 0 0px 0;}
	.highlight-block{padding: 20px;}
	.article-citacion{padding-left:20px;}
	.article-citacion .p{font-size: 16px;line-height: 28px;}
	.banner-shadow-black{background-color: #000;opacity: 0.8;}
	.banner-12{padding:30px;}
	.banner-text {width:100%;}
	.header-contact{display: block;}
	.footer-social{margin-top:10px;}
	.btn-simple{font-size:14px;}
	.gallery-vid-bg::after{width:80px;height: 80px;font-size: 20px;}
	.popup-big{top:15px;right:15px;left:15px;margin-bottom:15px;max-width: unset;width: auto;}
	.icons-col{width: 50%;}
	.gallery-grid .btn-centered{margin-top:50px;}
	.gallery-slider .slick-slide{height:300px;}
	.gallery-nav .slick-slide{height:80px;}

	.img-text-row{flex-wrap: wrap;}
	.img-text-row .col-left-img{width: 100%;}
	.img-text-row .col-right-text{width: 100%;padding:20px;}

	
	.slider-16-9 .slider-16-9 .slider-content-item .sec{padding:0 20px;}
	.slider-fs .sec .sec{padding:0 15px;}
	.nav-growpop{display: none;}


	.projects .row div:last-child{margin-bottom: 0;}
	.team-view .row{margin-top: 35px;}
	.projects .row{margin-top: 35px;}

	.projects-slider{margin-top: 35px;}
	.interest-1 .desc{font-size: 14px;line-height: 1.4;}
	.interest-1 .desc p{margin-bottom: 15px;}
	.interest-1 h2{margin-bottom: 15px;}

	.roller-item-btn{font-size: 16px;padding: 15px 25px 15px 0;}
	.roller-item-content{font-size: 14px;line-height: 1.4;}
	.testemonials .testemon-desc{font-size: 14px;line-height: 1.4;}
	.roller-item-btn::before{top:14px;}

	

	.main-table thead tr td{font-size: 15px;}
	.main-table tr td{font-size: 13px;}

	.referencie-grid-col {padding: 5px;}

	.contact-form-block .left{padding:25px 15px;}
	.contact-form-block .right{padding:30px 0px 0 0px;}
	.contact-form-cols .quo-row{margin:13px 0;}
	.quo-row .profile .profile-name{font-size: 16px;}
	.quo-row .profile .profile-func{font-size: 14px;}
	.contact-form-block .left .a-text{margin-bottom: 5px;}
	.quo-row .profile .profile-img{width: 45px;height: 45px;border-radius: 45px;min-width: 45px;margin-right: 10px;}

	.hero3__dots .slick-dots li{width: 2em;}

	.icons-col img{max-width: 70px;max-height: 70px;min-height: 70px;}
	.icons-col-h{font-size: 16px;}

	.cta-text-block{padding: 30px 0px 0 0;}

	.image-hovertabs-gallery{display: none;}
	.image-hovertabs-item{margin-bottom: 15px;padding: 15px!important;}
	.image-hovertabs-item:last-child;{margin-bottom: 0;}
	.image-hovertabs .row{margin-left: 15px;margin-right: 15px;}

	.box-grid-block .sec{margin-bottom: 20px;}

	.article-wall{padding:0;padding-top: 60px;}
	.article-wall.wall-sm{padding-top: 20px;}
	.article-wall.wall-lg{padding-top: 20px;}

	.cols-col2 .icons-col{width: 100%;}
	.cols-col3 .icons-col{width: 100%;}
	.cols-col4 .icons-col{width: 50%;}
	.cols-col5 .icons-col{width: 50%;}

	.pricing-cards .col-sm-6{margin-bottom: 15px;}

	.mask-slider-item{right: 15px;left:15px;}
	.mask-slider-col{height: 300px;}

	.img-block-upsize{height: 400px;}

	.news-grid .news-grid-row{margin: -10px;}
	.news-grid-big-col{padding: 10px;height: 400px;}
	.news-grid-sm-col{padding: 10px;width: 100%;height: auto;}
	.news-grid-sm-col .sm-col-desc{padding: 25px;}
	.news-grid-big-col .big-col-desc{padding: 25px;}

	.height-800 .overlay-slider-slides,.height-800 .overlay-slider-item{height: 600px;}
	.height-600 .overlay-slider-slides,.height-600 .overlay-slider-item{height: 400px;}
	.height-400 .overlay-slider-slides,.height-400 .overlay-slider-item{height: 300px;}

	.sidepanel-sliding .multigallery-fw img{width: 200px;}

	.banner-intro-image{height: 280px;}

	.scale-on-scroll{height: 300px;}

	.horizontal-grid-text .boxes .item{flex-direction: column;}
	.horizontal-grid-text .boxes .item .title{width: 100%;padding: 20px 20px 0 20px;}
	.horizontal-grid-text .boxes .item .desc{width: 100%;padding: 10px 20px 20px 20px;}

	.img-textonbg .text-content{padding: 30px 0 0px 0;}
	.img-textonbg.text-left .text-content{padding: 30px 0 0px 0;}
	.img-textonbg h2{margin-bottom: 10px;}

	.upper-text{margin-bottom: 8px;}

	.fluid-text-img .content-wrapper .text-content{padding: 30px 15px 0px 15px;}
	.fluid-text-img.text-left .content-wrapper .text-content{padding: 30px 15px 0px 15px;}

	.testimonials-aboveimg .underlayer{display: none;}
	.testimonials-aboveimg-slider .text{font-size: 18px;}
	.testimonials-aboveimg-slider .item .align{padding-left: 30px;padding-right: 30px;}

	.node-intro .info-wrapper{flex-direction: column;}
	.node-intro .info-wrapper .item{width: 100%;margin:0;border:0;border-bottom:1px solid rgba(255,255,255,0.4);padding-bottom: 15px;margin-bottom: 15px;}
	.node-intro .info-wrapper .item:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: 0;}
	.node-intro .sec{height: 400px;}

	.nav-filter-horizontal{flex-wrap: nowrap;overflow: auto;margin:0 -15px;}
	.nav-filter-horizontal .nav-filter-item{padding:8px 10px;}
	.nav-filter-horizontal .nav-filter-item:first-child{padding-left: 15px;}
	.nav-filter-horizontal .nav-filter-item:last-child{padding-right: 15px;}
	.nav-filter-horizontal .nav-filter-item.active::after{display: none;}
	.contact-main .sec{position: relative;}
	.nav-filter-horizontal::after{
		position: absolute;content:"";background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,1));top: 0;
    	right: 0;
    	height: 100%;
    	width: 100px;
    	pointer-events: none;
    }

    .node-text-image-detail .longtext{padding: 0 0;margin-bottom: 30px;}
    .node-text-image-detail .longtext.bg{padding: 30px 0;}
    .node-text-image-detail .longtext.bg::before{left: -15px;width: calc(100% + 30px);}
    .node-text-image-detail .longtext h2{margin-bottom: 15px;padding-bottom: 15px;}
    .fw-image-slider-block{height: 260px;}
    .contact-form-block .right{padding: 30px 0px;}

    .intro.sec > div{padding:30px 0px;}

    .main-image-cta .sec{padding-left: 15px;padding-right: 15px;}

    .last-in-5{border-right: initial;}
    .referencie-grid-col{border-right: 1px solid #f4f4f4;}
    .referencie-grid-col.last-in-3{border-right: 0;}

    .checkboxes .w-checkbox{margin-bottom: 5px;}
}
@media (max-width: 450px){
	.contact-submit-block input{width: 100%;}
	.testemonials .prev{display: none!important;}
	.testemonials .next{display: none!important;}
	.testemonials .relative{padding-left: 0;padding-right: 0;}

	.checkbox-agreement{font-size: 13px;padding:0;line-height: 1.2;}
	.checkbox-agreement input{position: absolute;}
	.checkbox-agreement .w-form-label{padding-left: 30px;display: block;}
	.checkbox-agreement a{white-space: pre;}
	.submit-form{margin-top: 10px;}

	.box-grid-desc{padding: 15px;}
	.box-grid-desc div{font-size: 15px;}

}



@media (min-width: 768px){
	.col-md-20p{
		flex: 0 0 20%;
		max-width: 20%;
	}
}

.basic-page-booking #cookie-bar
{bottom:0px!important;}

.bg-white {
    background-color: #fff!important;
}
.message {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 20px;
    border: 2px solid #ebe1db;
    margin: 20px auto;
}