@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: 80px;}


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 .main-text-style ul{
	list-style-type: none;
    margin: 0;
    padding: 0;
}
#content .main-text-style  ul li{
	position: relative;
	padding-left: 30px;
}
#content .main-text-style  ul li::before{
	position: absolute;
	content: "\f111";
	font-family: "Font Awesome 5 free";
	font-size: 10px;
	font-weight: 600;
	top: 5px;
	left: 0;
}

.badge{
	border-radius: 0;
}

a:hover{
	text-decoration: none;
}

.p{
	font-size: var(--font_16);
	color: var(--dark);
	line-height: 30px;
	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.2;
}
.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: var(--font_bold);
	color: var(--dark);
	line-height: 1.3;
}
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(--primary);
	color: var(--primary-text-color);
}
.btn-default-prim-to-dark:hover{
	background-color: var(--primary-darker);
	color: var(--primary-text-color);
}
/* btn ghost */
.btn-ghost-prim{
	color: var(--primary);
	border:2px 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:2px 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;
}


header{
	height:80px;
	position: fixed;
	top:0;
	left:0;
	right:0;
	z-index:99980;
	display: flex;
	background-color: #fff;
	box-shadow: 0px 10px 20px #00000014;
}
.header-row{
	display: flex;
	align-items: center;
	position: relative;
	justify-content: center;
}
.sec.header-row{
	max-width: unset;
}
header .logo{ 
	position: absolute;
	left: 50px;
	top:0px;
	bottom:0;
	margin:auto 0;
	max-width:247px;
}
.menu{
	/*margin-left:auto;
	margin-right: 230px;*/
}
.menu-item{
	display: inline-block;
	padding: 0 20px;

}
.menu-item a{
	color: var(--black);
	text-transform: uppercase;
	font-weight: var(--font_regular);
	letter-spacing: 0.5px;
	font-size:15px;
	position: relative;
	transition: all 0.3s;
}
.footer-menu .f-menu-item a.selected{
	color: var(--primary);
}
.menu-item a.selected{
	color: var(--primary);
}
.menu-item a:hover{
	color: var(--primary);
}
.menu-item a:hover::after{
	/*transform: scaleX(1);
    transform-origin: left;*/
}
.menu-item a::after{
	/*content: "";
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    transition: transform 0.4s;
    transform: scaleX(0);
    transform-origin: right;*/
}
.header-social{
	display: inline-block;
	margin-left: 15px;
}
.header-social a{
	color: var(--black);
}
.header-social i{
	margin-left: 5px;
}

.lang-chooser{
	position: absolute;
	right: 250px;
	top:0;
	bottom:0;
	margin:auto 0;
	height: 34px;
}

.lang-chooser-fixed{
	position: fixed;
	top:13px;
	right: 60px;
	display: none;
}

#changelang{
	width: 50px;
	border-radius:2px;
	border: 1px solid #E0E6EE;
	text-align: center;
	padding: 5px 0;
}
#changelang i{
	font-size: 14px;
	margin-left: 5px;
}
#changelang-mob{
	width: 50px;
	border-radius:2px;
	border: 1px solid #E0E6EE;
	text-align: center;
	padding: 5px 0;
}
#changelang-mob i{
	font-size: 14px;
	margin-left: 5px;
}
.lang-chooser-item{
	width: 100%;
	border-bottom: 1px solid #E0E6EE;
	border-left: 1px solid #E0E6EE;
	border-right: 1px solid #E0E6EE;
	display: block;
	text-align: center;
	color: var(--darkred)!important;
	font-weight: var(--font_bold);
	padding: 3px 7px;
	transition: all 0.3s;
	background-color: #fff;
	text-transform: uppercase;
}
.lang-chooser-item:first-child{
	border-top: 1px solid #E0E6EE;
	
}
.lang-chooser-item:last-child{
	border-bottom: 1px solid #E0E6EE;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
}
.lang-chooser-item:hover{
	background-color: #f2f4f8;
}

#changelang{
	margin-left: 20px;
	font-weight: var(--font_bold);
	
	cursor: pointer;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
}
#languages{
	display: none;
	position: absolute;
	top:33px;
	right:0px;
	left:20px;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
}
#changelang-mob{
	margin-left: 20px;
	font-weight: var(--font_bold);
	color: var(--primary);
	cursor: pointer;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
}
#languages-mob{
	display: none;
	position: absolute;
	top:33px;
	right:0px;
	left:20px;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
}


.reservation-btn{
	background-color: var(--secondary);
	height:80px;
	padding-left: 50px;
	padding-right: 50px;
	min-width: 230px;
	line-height: 80px;
	position: fixed;
	top:0;
	right: 0;
	color: #fff;
	font-weight: var(--font_bold);
	text-shadow: 0px 1px 2px #0000004A;
	font-size: 18px;
	text-align: center;
}
.reservation-btn img{
	margin-left: 10px;
	position: relative;
	transition: all 0.3s;
	left:0;
}
.reservation-btn:hover img{
	left:10px;
}


















.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-1{
	width: 100%;
	background-color: var(--primary);
	padding: 120px;
}
.interest-2{
	width: 100%;
	background-color: var(--primary);
	padding: 120px;
}

.interest-2-block{position: relative;}
.interest-2-block .sec{position: relative;}
.interest-2-block::after{
	content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 50%;
    width: 100%;
    background-color: var(--black);
    z-index:-1;
}



.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;
}
.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:40px 30px 30px 30px;
	border: 1px solid #ECECEC;
	border-radius: 2px;
	box-shadow: 0px 6px 12px #0000000D;
}
.highlight-block .headline{
	margin:0;
	font-size: 20px;
	margin-bottom: 20px;
	position: relative;
	padding-left: 45px;
}
.highlight-block .headline img{
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	margin:auto 0;
}
.owl-carousel .highlight-block .headline img{
	width: auto!important;
	filter: grayscale(0)!important;
}

.highlight-block .description{
	font-size: 14px;
	color: #5A5A5A;
	line-height: 1.5;
}
.highlight-block .description p{
	margin:0;
}

.contact-3-row{
	display: flex;
}
.contact-3-col-img{
	width:60px;
}
.contact-3-col-img img{
	width:100%;
	height:100%;
	object-fit: cover;
}
.contact-3-col-text{
	width:100%;
	margin-left:20px;
}
.contact-3-col-text div:first-child{
	color: var(--midgrey);
	font-weight: var(--font_medium);
	margin-bottom: 3px;
}
.contact-3-col-text div:last-child{
	color: var(--black);
	font-weight: var(--font_bold);
}
.contact-3-col-text a{
	color: var(--black);
	font-weight: var(--font_bold);
}

.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;
}

header{
	transition: all 0.2s;
	border-color: #efefef;
}
header.bgcolor{
	background-color: #fff;
	border-bottom: 1px solid #efefef;
}
header.bgcolor .menu-item a::after{
	background-color: var(--primary);
}



/* hamburger icon */
#nav-icon4 {
  width: 25px;
  height: 25px;
  position: absolute;
  top:30px;
  right: 15px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  display: none;
}
#nav-icon4 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #9e9e9e;
  border-radius: 2px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
/* Icon 4 */
#nav-icon4 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
  top: 8px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#nav-icon4 span:nth-child(3) {
  top: 16px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#nav-icon4.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0px;
  left: 5px;
}
#nav-icon4.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}
#nav-icon4.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 17.5px;
  left: 5px;
}

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


.footer-menu{
	display: flex;
	justify-content: center;
	margin-bottom: 50px;
	padding-top: 30px;
	border-top: 1px solid #ECECEC;
	justify-content: center;
}

.footer-menu .f-menu-item {
    display: inline-block;
    padding: 0 20px;
}
.footer-menu .f-menu-item a{
	color: var(--black);
    text-transform: uppercase;
    font-weight: var(--font_regular);
    letter-spacing: 0.5px;
    font-size: 15px;
    transition: all 0.3s;
}
.footer-menu .f-menu-item a:hover{
	color: var(--primary);
}
.footer-social{

}
.footer-social i{
	font-size: 25px;
	padding: 0 8px;
	color: #adadad;
}


.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(--black);
	padding-left: 30px;
}
.article-citacion .p{
	font-size: var(--font_18);
	line-height: 35px;
}


.article-wall{padding:0;padding-top: 100px;}

.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(--black);
	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;
}

.header-contact{
	text-align: center;
	display: none;
	margin-top: 40px;
}
.header-contact a{
	color: var(--black);
	width: 100%;
	display: block;
	font-size: 15px;
	margin-bottom: 5px;
}


/* slider fullscreen */
.slider-block{
	height:100vh;
	padding:0;
}
.slider-content-block{
	height: 100%;
}
.slider-content-item{
	height:100%;
	min-height: 100vh!important;
	max-height: 100vh!important;
}
.slider-content-item img{
	height:100%;
	width: 100%;
	object-fit:cover;
	position: absolute;
}
.overlay{
	position: absolute;
	content: "";
	left:0;right:0;top:0;bottom: 0;
	background-color: rgba(0,0,0,0.5);
}
.slider-content-item .sec{
	height: 100vh;
	display: flex;
	align-items: center;
}
.slider-content-item .v-centered{
	color:#fff;
	position: relative;
	z-index:1;
}


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


/* 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:30px;left: 30px;right: 30px;
	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::after{
	content:"";
	position: absolute;
	bottom:0;left:0;right:0;
	top:50%;
	background: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	transition: all 0.3s;
}
a.big-box:hover:after{
	top:0;
}
.btn-centered{
	display: block;
	margin:0 auto;
	width: 200px;
	text-align: center;
	padding:15px 10px;
}
.btn-centered::after{
	bottom:0;
	background-color: #fff;
}
.projects .btn-centered{
	margin-top:50px;
}



/* 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;
}
.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:0px;
}
.gallery-slider-arrow.next{
	right:0px;
}


.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;
}





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

/* contact */
.input-default{
	width: 100%;
	border:1px solid #A7A7A7;
	outline: 0;
	padding:13px 20px;
	margin-bottom: 10px;
	border-radius: 2px;
}
.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: auto;
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.multigallery-fw .col-12{
	margin-bottom: 20px;
}
.multigallery-fw .col-12:last-child{
	margin-bottom: 0px;
}




.nav-filter-horizontal{
	display: flex;
}
.nav-filter-horizontal .nav-filter-item{
	padding:10px 15px;
	cursor: pointer;
}






.icons-row{
	display: flex;
	align-items: center;
	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 20px 15px;
}
.icons-col img{
	max-width: 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;
}






.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;}

.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;
}






/* bikes rental */
.advantages{
	padding-top: 120px;
	padding-bottom: 20px;
}
.advantages .adv-line{
	display: flex;
	align-items: center;
	justify-content: center;
}
.advantages .adv-line div{
	padding-right: 20px;
	font-size: 13px;
	text-decoration: underline;
	font-weight: var(--font_bold);
	line-height: 1;
	position: relative;
	padding-left: 22px;
}
.advantages .adv-line div i{
	color: var(--secondary);
	margin-right: 10px;
	font-size: 16px;
	display: inline-block;
	position: absolute;
	top:-1px;
	left:0;
}
.advantages .adv-line div:last-child{
	padding-right: 0px;
}

/* home slider */
.home-slider .sec{
	position: relative;
}
.home-slider .sec .relative{
	padding-left: 225px;
}
.home-slider{
	padding:0;
	margin-bottom: 50px;
}
.home-reserv-picker{
	width: 450px;
	display: flex;
	align-items: center;
	position: absolute;
	top:0;
	bottom:0;
	left:50px;
	z-index: 5;
}
.reserv-picker-block{
	background-color: var(--primary);
	color: #fff;
	padding:35px 40px;
	width: 100%;
}
.reserv-picker-block h2{
	font-size: 32px;
	line-height: 1.2;
	font-weight: var(--font_bold);
	margin-bottom: 20px;
	text-align: left;
}
.reserv-form-block{

}
.reserv-form-row{
	display: flex;
	flex-wrap: wrap;
}
.reserv-col-left{
	width: 50%;
	padding-right: 10px;
}
.reserv-col-right{
	width: 50%;
	padding-left: 10px;
}
.reserv-form-row p{
	font-size: 14px;
	margin-bottom: 10px;
	font-weight: var(--font_medium);
	line-height: 1;
	display: flex;
	align-items: center;
}
.reserv-form-row p img{
	margin-right: 7px;
	font-size: 14px;
}
.reserv-input{
	background-color: #fff;
	width: 100%;
	box-shadow: 0px 10px 50px #0000001A;
	border-radius: 2px;
	height:55px;
	line-height: 55px;
	color: #000;
	padding:0px 15px;
	position: relative;
	cursor: pointer;
}
.reserv-input img{
	position: absolute;
	right: 15px;
	top:0;
	bottom:0;
	margin:auto 0;
}
select.reserv-input{
	border:0;
	outline: 0;
	background-image: url(../images/fi-rr-angle-small-down.svg);
    background-repeat: no-repeat;
    background-position-x: 90%;
    background-position-y: 25px;
}
input.reserv-input{
	border:0;
	outline: 0;
	background-image: url(../images/fi-rr-calendar2.svg);
    background-repeat: no-repeat;
    background-position-x: 90%;
    background-position-y: 16px;
}


.reserv-form-submit{
	margin-top: 20px;
	width: 100%;
	background-color: #fff;
	font-size: 16px;
	text-align: center;
	height:55px;
	box-shadow: 0px 10px 50px #0000001A;
	border-radius: 2px;
	line-height: 55px;
	color: #000;
	font-weight: var(--font_bold);
	cursor: pointer;
}
.reserv-form-submit img{
	position: relative;
	margin-left: 10px;
	left:0;
	transition: all 0.3s;
}
.reserv-form-submit:hover img{
	left:10px;
}
.bikes-hp-slider .slick-slide{
	height:600px;
}
.bikes-hp-slider .slick-slide img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.home-slider .relative .gallery-slider-arrow{
	border-radius: 40px;
	box-shadow: 0px 8px 12px #0000004D;
	top:unset;
	bottom:-10px;
}
.home-slider .relative .gallery-slider-arrow.prev{
	left:unset;
	left: -50px;
}
.home-slider .relative .gallery-slider-arrow.next{
	right: -50px;
}
.home-slider .slick-dots{
	width: auto;
	position: absolute;
	right:20px;
}
.home-slider .relative .hp-slider-navs{
	position: absolute;
	bottom:40px;
	right: 80px;
	width: 500px;
}
.home-slider .slick-dots li{
	margin:0 0px;
	width: 15px;
}
.home-slider .slick-dots li button:before{
	opacity: 1;
	text-shadow: 0px 1px 2px #0000004A;
	width: 15px;
	font-size: 40px!important;
}
.home-slider .slick-dots li.slick-active button:before{
	opacity: 1;
	color: var(--primary)!important;
}

/* bikes grid */
.bikes-grid{
	padding:0;
	margin:50px 0;
}
.bikes-grid .row{
	margin-bottom: 50px;
}
.bikes-grid .bike-item{
	width: 100%;
	color: #000;
	display: block;
	text-align: center;
	box-shadow: 0px 6px 20px #0000000D;
	border: 1px solid #ECECEC;
	border-radius: 2px;
	padding:30px 20px 20px 20px;
	height: 100%;
}
.bikes-grid .bike-item .bike-name{
	font-weight: var(--font_bold);
	font-size: 17px;
	margin-bottom: 0px;
}
.bikes-grid .bike-item .bike-modelyear{
	font-size: 14px;
	margin-bottom: 0;
}
.bikes-grid .bike-item img{
	width: 100%;
}
.bikes-grid .bike-item .shortdesc{
	width: 100%;
	font-size: 14px;
}

.price-tag{
	position: absolute;
	top:22%;
	left:45px;
	width: 100px;
	height: 100px;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	background-color: #fff;
	border:2px solid var(--primary);
}
.price-tag span p{
	width: 100%;
	margin:0;
}
.price-tag span p:first-child{
	width: 100%;
	margin:0;
	font-size: 18px;
	color: #000;
	font-weight: var(--font_bold);
	line-height: 1;
}
.price-tag span p:nth-child(2){
	color: var(--primary);
	font-size: 25px;
	width: 100%;
	margin:0;
	line-height: 1.3;
	font-weight: var(--font_bold);
}
.price-tag span p:last-child{
	width: 100%;
	margin:0;
	font-size: 14px;
	line-height: 1;
}

/* 50-50-img-text */
.img-text-50-50{
	padding:0;
	margin:50px 0 100px 0;
}
.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%;
	background-color: #F9F9F9;
	padding:50px;
}

.advantages-list{
	list-style-type: none;
	margin:0;
	padding: 0;
	margin-top: 30px;
}
.advantages-list li{
	padding-left: 30px;
	position: relative;
	margin-bottom: 25px;
}
.advantages-list li:last-child{
	margin-bottom: 0px;
}
.advantages-list li i{
	position: absolute;
	top:5px;
	left:0;
	color: var(--secondary);
}
.advantages-list li p{
	font-weight: var(--font_bold);
	text-decoration: underline;
	margin-bottom: 5px;
}
.advantages-list li p:last-child{
	font-weight: var(--font_regular);
	text-decoration: none;
	margin-bottom: 0;
	color: #5A5A5A;
}

/* highlights blok */
.only-margin-50{
	padding:0;
	margin:50px 0;
}


/* testemonials-big */
.testemonials-big{
	background-image: url("../images/testemon-bg.jpg");
background-repeat: no-repeat;
    background-size: 100%;
    margin: 0;
    padding-bottom: 50px;
    padding-top: 300px;
    position: relative;
    background-position: center -122px;
}
.testemonials-big .mountains-overlay{
	position: absolute;
	left: 0;right: 0;bottom: 0;top:unset;
	height: 200px;
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

.testemonials-big .highlight-block{
	border:0;
	box-shadow: none;
	padding:0 30px 0 0;
	border-right: 1px solid #ECECEC;
}
.testemonials-big .col-md-4:last-child .highlight-block{
	border-right: 0px solid #ECECEC;
}
.testemonials-big .highlight-block .headline{
	padding-left: 60px;
}

.testemonials-big .highlight-block .headline p{
	margin-top: 0px;
	margin-bottom: 0;
	font-size: 14px;
}
.testem-reserv{
	width:450px;
	margin:0 auto;
	margin-top: 50px;
	margin-bottom: 50px;
}
.testemonials-big .relative .bg-1{
	position: absolute;
	top: 0;left:8%;bottom:0;
	margin:auto 0;
	z-index:0;
	height: 320px;
}
.testemonials-big .relative .bg-2{
	position: absolute;
	top: 0;right:8%;bottom:0;
	margin:auto 0;
	z-index:0;
	height: 300px;
}
.testemonials-big .relative .testem-reserv{
	z-index:1;
	position: relative;
}



/* bikes intro static */
.bikes-static-intro {
	margin-top: 0;
}
.bikes-static-intro .sec{
	position: relative;
}
.bikes-static-intro .reserv-picker-block h2{
	margin-bottom: 0;
}
.bikes-static-intro .relative{
	padding-left: 225px;
	height: 370px;
}
.bikes-static-intro .relative img{
	width: 100%;
	height:100%;
	object-fit: cover;
}
.main-text-style{
	color: #5A5A5A;
}
.main-text-style a{
	color: #000;
	text-decoration: underline;
}
.main-text-style.sm{
	font-size: 14px;
}
.intro-colored-line .sec{
	position: static;
}
.intro-colored-line .home-reserv-picker{
	position: static;
	width: 100%;
}
.intro-colored-line .reserv-picker-block{
	padding-top: 20px;
	padding-bottom: 20px;
}






/* text-img-defcols */
.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: 100px;
}
.basic-image-text.text-right-order .text-order{
	padding-left: 100px;
}
.basic-image-text.text-right-order .text-order {
	order:2;
}
.basic-image-text.text-right-order .image-order {
	order:1;
}
.only-padding-50{
	padding:50px 0;
}

/* timeline points */
.timeline-point{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 90px;
	height: 90px;
	border-radius: 90px;
	background-color: #fff;
	border: 2px solid #C4C4C4;
	margin:0 auto;
}
.timeline-point span{
	font-size:30px;
	font-weight: var(--font_bold);
}
.timeline-desc{
	text-align: center;
	width:80%;
	margin:0 auto;
}
.timeline-desc h3{
	margin-top: 20px;
	margin-bottom: 20px;
}
.timeline-col{
    position: relative;
}
.timeline-col::before{
	content: "";
    position: absolute;
    z-index: -1;
    top: 44px;
    left: 0px;
    width: 100%;
    border-top: 2px solid #ECECEC;
}
.timeline-col:first-child::before{
    left: 50%;
}
.timeline-col:last-child::before{
    width: 50%;
}


.item-reserve .visi {   
	    display: inline-block;
    width: 100%;
    background-color: #3273dc;
    color: #fff;
    padding: 1px 5px;
    line-height: 1;
    border-radius: 4px;
    font-size: 14px;
    text-align: center;
    font: 13px/22px Open Sans;
    }

/* 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: 16px;
    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{
	color: #5A5A5A;
    font-size: 15px;
    line-height: 1.5;
    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);
}



/* articles grid */
.img-block{
	display: block;
	height:250px;
	overflow: hidden;
}
.articles h3{
	color:#000;
	margin-bottom: 5px;
	margin-top: 20px;
}
.articles .publdate{
	font-size: 12px;
	color: #5A5A5A;
	margin-bottom:10px;
}
.articles .desc{
	font-size: 14px;
	color: #5A5A5A;
}
.articles .desc a{
	color: #000;
	text-decoration: underline;
}
.articles .content-image {
    transition: all 0.3s;
}
.articles .content-image:hover {
    transform: scale(1.03, 1.03);
}
.articles .blog-item{
	margin-bottom: 50px;
}

/* article */
.article-intro{
	padding-top: 100px;
}
.article h2{
	margin-bottom: 10px;
}
.article .publdate{
	font-size: 12px;
	color: #5A5A5A;
	margin-bottom:20px;
}
.article-ending{
	padding:20px 20px;
	border-top:1px solid #D2D2D2;
	border-bottom:1px solid #D2D2D2;
}
.article-ending span{
	font-size: 16px;
	font-weight: var(--font_bold);
	margin-right: 10px;
	color: #000;
}
.article-ending span.relive{
	margin-left: 20px;
}
.article-ending i{
	font-size: 18px;
	color: var(--primary);
}
.article-ending .row .col-sm-12:last-child{
	text-align: right;
}
.article-ending .row .col-sm-12:last-child i{
	padding:0 10px;
	color:#000;
	transition: all 0.3s;
}
.article-ending .row .col-sm-12:last-child i.fa-facebook-f:hover{
	color: #4C69D4;
}
.article-ending .row .col-sm-12:last-child i.fa-twitter:hover{
	color: #2ABEEB;
}
.article-ending .row .col-sm-12:last-child i.fa-pinterest-p:hover{
	color: #CF2838;
}
.article-ending .row .col-sm-12:last-child i.fa-linkedin-in:hover{
	color: #007BC7;
}
.testemonials-big.article{
	padding-top: 0;
}



/* bikes contact */
.contact-page{
	margin-top: 30px;
}
.contact-static-intro{
	background-color: var(--primary);
	padding:40px 40px;
}
.contact-static-intro h2{
	color: #fff;
	margin:0;
}
.contact-info{
	padding:40px 0 0 0;
}
.contact-bigdesc{
	text-decoration: underline;
	font-size: 20px;
}
.contest-smdesc{
	font-size: 13px;
}
.contact-info .col-con{
	margin-bottom: 20px;
}
.contact-info .col-con img{
	margin-bottom: 10px;
}
.contact-page label{
	font-size: 14px;
	font-weight: var(--font_bold);
}
.contact-page label{
	font-size: 14px;
	font-weight: var(--font_bold);
}
.contact-static-right{
	display: flex;
	align-items: center;
}
.contact-page h3{
	font-size: 25px;
	margin-top: 15px;
}
.contact-static-right h2{
	margin-bottom: 5px;
}

.contact-page .form-default{
	margin-top: 10px;
}



.article .gallery-miniatures .inner-block{
	margin-bottom: 0;
}
.article .gallery-miniatures{
	padding:50px 0;
}
.article .gallery-slider-arrow{
	width: 50px;
	height: 50px;
	border-radius: 50px;
	box-shadow: 0px 12px 12px #00000014;
}
.article .gallery-slider-arrow.prev{
	left:-25px;
}
.article .gallery-slider-arrow.next{
	right:-25px;
}
.article .slick-dots li{
	margin:0 0px;
	width: 15px;
}
.article .slick-dots li button:before{
	opacity: 1;
	text-shadow: 0px 1px 2px #0000004A;
	width: 15px;
	font-size: 10px!important;
}
.article .slick-dots li.slick-active button:before{
	opacity: 1;
	color: var(--primary)!important;
}


.litepicker .container__days .day-item.is-start-date{
	background-color: var(--primary);
}
.litepicker .container__days .day-item.is-end-date{
	background-color: var(--primary);
}
.litepicker .container__days .day-item.is-start-date:hover{
	color: #fff;
}
.litepicker .container__days .day-item.is-end-date:hover{
	color: #fff;
}
.litepicker .container__days .day-item:hover{
	color: var(--primary);
	-webkit-box-shadow: inset 0 0 0 1px var(--primary);
    box-shadow: inset 0 0 0 1px var(--primary);
}

.litepicker .container__months .month-item-header .button-previous-month:hover>svg, .litepicker .container__months .month-item-header .button-next-month:hover>svg{
	fill: var(--primary);
}

.f-contacts div{
	display: flex;
	align-items: center;
}
.f-contacts div a{
	margin-bottom: 0;
}
.f-contacts div img{
	margin-right: 10px;
}
.f-contacts div:first-child{
	margin-bottom: 5px;
}



.bikes-grid .row .col-bottom-fix:last-child{display: none;}

.checkboxes .checkbox-agreement{display: flex;}
.osobneudajespan a {
	color: var(--primary);
}





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


@media (max-width: 1400px){
	.popup-front-team{width: 1080px;}
	.menu-item{padding:0 15px;}
	.reservation-btn{min-width: 200px;padding-left: 35px;padding-right: 35px;}
	.lang-chooser{right: 230px;}
	.menu{margin-left: auto;margin-right: auto;}
}
@media (max-width: 1300px){
	.menu{margin-right: 0;}
}
@media (max-width: 1199.98px){
	.popup-front-team{width: 850px;}
	.menu-item{padding:0 8px;}
	.menu-item a{font-size: 14px;}
	.price-tag{top:30%;width: 80px;height:80px;}
	.price-tag span p:first-child{font-size: 16px;}
	.price-tag span p:nth-child(2){font-size: 22px;}
	.price-tag span p:last-child{font-size: 12px;}

	.testemonials-big .relative .bg-1{left:0;}
	.testemonials-big .relative .bg-2{right: 0;}
}
@media (max-width: 991.98px){
	.sec{padding:0 30px;}
	.intro{padding-top: 150px;padding-bottom: 150px;}
	.intro h1{width:80%;}
	.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;}
	.reservation-btn{display: none;}
	.lang-chooser{right:30px;}
	.menu{margin-left: auto;}
	header .logo{left:30px;height: 60px;top: 0;}

	.bikes-grid .bike-item{padding-top: 20px;}
	.bikes-grid .bike-item .bike-name{font-size: 15px;line-height: 1.3;}
	.bikes-grid .bike-item .shortdesc{font-size: 13px;line-height: 1.3;}
	.col-bottom-fix{margin-bottom:30px;}
	.bikes-grid .row .col-bottom-fix:last-child{display: block;}
	.bikes-grid .row{margin-bottom: 20px;}

	.img-text-50-50{margin: 50px 0 50px 0;}
	.highlight-block{padding:25px;}
	.highlight-block .headline{font-size: 16px;line-height: 1.3;}

	.testemonials-big .relative .bg-1{height: 250px;}
	.testemonials-big .relative .bg-2{height: 220px;}

	.footer-menu .f-menu-item{padding:0 10px;font-size: 14px;}

	.line-spacer-about{margin-bottom: 0;}
	.line-spacer-about hr{margin-bottom: 0;}
	.basic-image-text.text-left-order .text-order{padding-right: 60px;}
	.basic-image-text.text-right-order .text-order{padding-left: 60px;}
	.basic-image-text{padding:0;margin:50px 0;}

	.article-intro{padding-top: 80px;}
	.article .gallery-slider-arrow.prev{left:25px;}
	.article .gallery-slider-arrow.next{right:25px;}

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


}
@media (max-width: 767.98px){
	header{height: 60px;}
	/*header .menu-item{padding: 0 5px;}*/
	header{background-color: #fff;border-bottom:1px solid #efefef;}
	header .header-social{width:100%;margin-left:0;text-align: center;margin-top:20px;}
	.header-social i{padding:0 8px;margin:0;font-size: 25px;}
	.sec{padding:0 15px;}
	
	/*.menu-item{width:100%;margin-bottom: 20px;text-align: center;}
	header.bgcolor .menu-item a::after{display: none;}

	header .menu-item a{font-size:16px;}
	.menu{margin-left: unset;margin-right: unset;}*/
	header .logo{left:15px;}
	.lang-chooser{position: fixed;bottom:unset;top:14px;display: block;right:60px;}

	h1{font-size: var(--font_45);}
	h2{font-size: var(--font_30);}
	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:15px;}
	.desktop-pad-50{padding:0;}
	.desktop-pad-30{padding:15px 0;}
	.interest-1{padding:60px;}
	.interest-2{padding:60px;}
	.intro{padding-top: 100px;padding-bottom: 50px;}
	#contact-map-1{padding:80px;}
	.article-wall{padding-top: 70px;}
	.popup{}
	.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{text-align: center;}
	.footer-menu .f-menu-item{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;}


	.advantages{padding-top: 90px;}
	.home-reserv-picker{position: static;width: 100%;}
	.home-slider .sec .relative{padding-left:0;}
	.bikes-hp-slider .slick-slide{height: 450px;}
	.bikes-grid .bike-item .bike-modelyear{font-size: 13px;}
	.bikes-grid .row .col-md-6{padding-left: 7.5px;padding-right: 7.5px;}
	.bikes-grid .row{margin-left: -7.5px;margin-right: -7.5px;}

	.img-text-row .col-right-text{padding:35px;}
	.testemonials-big{background-image: none;padding-top: 0;}
	.testemonials-big .highlight-block{border:0;padding:0;}
	.testemonials-big .col-bottom-fix{margin-bottom:30px; }

	.testemonials-big .relative .bg-1{display: none;}
	.testemonials-big .relative .bg-2{display: none;}
	.testemonials-big .relative .testem-reserv{width: 100%;}

	.footer-menu{flex-wrap: wrap;}
	.footer-menu .f-menu-item{width: 50%;padding:10px 10px;}
	.footer-left{order:2;margin-bottom: 0;margin-top: 30px;}
	.legal-info{justify-content:center;}

	.bikes-static-intro .relative{padding-left: 0;height: 300px;}

	.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;}

	.article-intro{padding-top: 50px;}
	.article-ending .row .col-sm-12:last-child{text-align: left;margin-top: 15px;}
	.testemonials-big .mountains-overlay{display: none;}
	.testemonials-big{padding-bottom: 0;}

	.contact-info{padding-top:20px;}
	.contact-static-right{margin-top: 20px;}
	.map-block{margin-top: 30px;margin-bottom: 0px;height: 300px;}

	.testemonials .relative.reservunder{padding-left: 0px;padding-right: 0px;}

	.gallery-masonry-5{margin-bottom: 5px;}
}
@media (max-width: 575.98px){
	:root {
		--font_15: 14px;
		--font_18: 18px;
	}
	
	.bg-main{padding:0;}
	.intro{margin-top:60px;padding-top: 60px;padding-bottom: 55px;}

	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-head{width:100%;}
	.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{padding-bottom: 30px;}
	.footer-second{text-align: center;}
	.legal-info{flex-wrap: wrap;}
	.legal-info span{display: none;}
	.legal-info a{width: 100%;}
	.article-wall{padding-top: 50px;}
	section{padding: 25px 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;}
	.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;}

	.bikes-hp-slider .slick-slide{height: 350px;}
	.home-slider .relative .hp-slider-navs{width: unset;left:60px;right:60px;bottom: 20px;display: flex;justify-content: center;}
	.home-slider .slick-dots{right: auto;left: auto;}
	.bikes-grid .row .col-bottom-fix:last-child{display: none;}

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

	.highlight-block{padding:20px;}

	.bikes-static-intro .relative{height: 200px;}

	.timeline-col{position: relative;}
	.timeline-point{margin:0;width: 70px;height: 70px;position: absolute;top:0;left: 15px;}
	.timeline-point span{font-size: 25px;}
	.timeline-col:first-child::before{left: 50px;top:0;width: 1px;
		border-left:1px solid #ECECEC;border-top:0;bottom:0;}
	.timeline-col::before {left: 50px;top:0;width: 1px;
		border-left:1px solid #ECECEC;border-top:0;bottom:0;}
	.timeline-col:last-child::before{display: none;}
	.timeline-desc h3{margin-top: 0;margin-bottom: 5px;}
	.timeline-desc{margin-left:0;padding-left: 90px;text-align: left;margin-bottom: 25px;width:100%;}
	.timeline-points{margin-bottom: 25px;}
	.centered-roller{padding:0;}
	.btn-ghost.input{float:unset;margin-top: 10px;}

	.reserv-picker-block{padding:30px 35px;}
}
@media (max-width: 450px){
	.advantages{padding-top: 80px;}
	.advantages .adv-line{display: flex;flex-wrap: wrap;justify-content: center;}
	.advantages .adv-line div{margin-bottom: 10px;text-align: center;}

	.reserv-picker-block{padding:30px 30px;}
	.reserv-col-left{width: 100%;padding-right: 0;margin-bottom: 20px;}
	.reserv-col-right{width: 100%;padding-left: 0;margin-bottom: 0px;}
	.f-contacts a{font-size: 16px;}
}
footer{
	background-color: var(--footer);
	padding-top:50px;
	padding-bottom:50px;
	color:var(--footer-text-color);
	font-weight: var(--font_medium);
}
footer .logo{
	max-width: 100px;
}
footer a {color:var(--footer-text-color);}
footer a:hover {color:var(--footer-text-color);}

.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 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{
	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:50px 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: auto;
	text-align: left;
	margin-bottom: 5px;
}
.footer-menu .f-menu-item a{
	color: var(--footer-text-color);
	/*text-transform: uppercase;*/
	font-weight: var(--font_bold);
	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{

}


.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: 2px;
	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, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 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 #efefef;
	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: 3px 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;
	padding-left: 5px;
}

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

}

.input-box .input-default:focus ~ label{
	top: -12px;
	left: 10px;
	font-size: 12px;
}
.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 .col-12{
	margin-bottom: 20px;
}
.multigallery-fw .col-12:last-child{
	margin-bottom: 0px;
}




.nav-filter-horizontal{
	display: flex;
}
.nav-filter-horizontal .nav-filter-item{
	padding:10px 15px;
	cursor: pointer;
}






.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);
	text-decoration: underline;
	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{
	width: 100%;
	height: auto;
}


/* 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: 90%;
	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  */






@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%;}
}
@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{text-align: center;}
	.footer-menu .f-menu-item{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-image{height: auto;}
	.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: 20px;margin-top: 20px;}

	.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;}
}
@media (max-width: 575.98px){
	:root {
		--font_15: 14px;
		--font_16: 15px;
		--font_18: 18px;
	}
	.p{line-height: 25px;}
	
	#content{min-height: 500px;padding-top: 60px;}


	.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;}

}
@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%;
	}
}