/**
    Theme Name: Driving Logistics
    Theme URI: http://drivinglogistics.net
    Author: LLOS&
    Author URI: http://llos.co
    Version: 1.1.4.1
 **/
a[href="#no-follow"]{
    cursor: default;
}

/*from admin*/
.hero-section.type2 .text-holder {
    position: fixed;
}
.home .hero-section .h3 {
	height: 160px;
}
.services-section .bg-visual figcaption ul li a:hover {
    font-style: normal;
    font-weight: 300;
}
.home .contact-section {
    padding-top: 0;
	margin-top: -150px;
	padding-bottom: 150px;
}
.main-gallery figure img {
    height: 70vh;
    width: 100%;
    object-fit: cover;
	-o-object-fit: cover;
}
.hero-gallery .swiper-container {
    width: 100%;
    height: 100%;
}
.sticky-section .text ul {
	margin-bottom: 10px;
}
.sticky-section .text ol {
    padding-left: 1rem;
}
.sticky-section .text ol li {
    padding-left: 5px;
    margin-bottom: 10px;
    display: list-item;
    list-style-type: "▸";
}
h2:not(.h1), .h2 {
	    font-size: clamp(5.8rem, 5.2083333vw, 5.8rem) !important;
}
.intro-description.text-left {
    text-align: left;
	  font-size: 1.6rem;
}
.wp-block-table table {
	font-size: 1.6rem;
	margin-bottom: 20px;
}
#footer { z-index: 40; }
#footer{background:#000!important;}

@media screen and (max-width: 1600px) and (min-width: 1200px) {
    h2:not(.h1), .h2 {
        font-size: clamp(4.5rem, 5.2083333vw, 5.5rem) !important;
    }
}

.separator {
    height: 20vh;
    background: black;
}

.play-btn {
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    width: 50px;
    height: 50px;
}
.play-btn .play {
    display: none;
}
.play-btn .play svg {
    width: 50px;
    height: 50px;
}
@media (max-width: 767.98px) {
    .play-btn .play {
        display: block;
    }
    .play-btn.hidden .play {
        display: none; 
    }

}

.sticky-section .two-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.two-columns .el {
    padding-right: 4rem;
    position: absolute;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}
.two-columns .el.active {
    opacity: 1;
}
.sticky-section .right-column {
    width: 65%;
}
.sticky-section .sticky-text-block .left-column.text-col {
    width: 35%;
    margin-top: 50px;
    position: sticky;
    left: 6.5rem;
    padding-right: 0;
}
.sticky-section .gallerys-block .main-gallery-holder {
    width: 100%;
    margin-left: 1.5rem;
}


@media (max-width: 1199.98px) {
    .sticky-section .sticky-text-block {
        display: block !important;
        padding: 0;
    }
    .sticky-section .fixed-text {
        display: none !important;
    }
    .sticky-section .right-column {
        width: 100%;
    }
    .sticky-section .sticky-text-block .right-column .text-col {
        left: unset;
        position: relative;
        height: auto;
    }
    .sticky-section .gallerys-block .main-gallery-holder {
        margin-left: 0;
    }
    .sticky-section .small-head,
    .sticky-section .main-head {
        padding: 0 20px;
    }
    .sticky-section .sticky-text-block .text-holders .el {
        position: relative;
        opacity: 1;
    }
    .right-column .main-gallery-holder .text {
        padding: 20px;
    }
}
/*EXPERIENCES*/
.galeriaExperiences{background-color:#000;height:auto;display:grid;  grid-template-columns: auto auto; gap: 1px 100px;padding-bottom:0.5%;}
.galeriaExperiencesItem{
	clip-path:polygon(14% 0,100% 0%,100% 100%,0% 103%); 
	overflow: hidden; 
	height: 60vh;
	padding-top: 1%;
	padding-right: 0%;
	margin-left: -17%;
	width: 122%;
	position:relative;
}
.galeriaExperiencesItem:nth-last-child(even) {
	width: 128%;
	clip-path: polygon(0% 0, 90% 0%, 77% 100%, 0% 100%);
    margin-left: -2%;
	padding-top: 1%;
	padding-right: 0%;
	padding-bottom: 1%;
    padding-left: 0%;
    
}
.galeriaExperiencesItem h2{
	width:100%;
	text-align:center;
	color:#ffffff;
	position:absolute;
	z-index:2;
	opacity:0;
	bottom:50%;
	transition: opacity 0.5s;
	font-size:1em;
}
.galeriaExperiencesItem:nth-last-child(even) h2{
	width:85%;
}
.galeriaExperiencesItem:hover h2{
	opacity:1;
}
.galeriaExperiencesItem img{
	width:100%;
	position:relative;
	opacity:1;
	transition: opacity 0.5s;
}
.galeriaExperiencesItem:hover img, a.galeriaExperiencesItem:visited img{
	opacity:0.4;
}
	@media (max-width: 2560px) {
		.galeriaExperiencesItem:nth-last-child(even) {
		margin-left: -3%;	
		}
		.galeriaExperiencesItem {
        height: 57vh;
    	}
	}
    @media (max-width: 2542px) {
        .galeriaExperiencesItem {height: 58vh;}
        .galeriaExperiencesItem {clip-path: polygon(17% 0, 100% 0%, 100% 100%, 0% 124%);}	
    }
    @media (max-width: 1920px) {
        .galeriaExperiencesItem{height: 56vh;}
        .galeriaExperiencesItem{margin-left: -17%;}	
    }
    @media (max-width: 1764px) {
        .galeriaExperiencesItem img {width: 113%;}
        .galeriaExperiencesItem{margin-left: -18%;}	
    }
    @media (max-width: 1640px) {
        .galeriaExperiencesItem {margin-left: -19%;}		
    }
    @media (max-width: 1520px) {
        .galeriaExperiencesItem img {width: 121%;}
        .galeriaExperiencesItem {margin-left:-20%;height:55vh;}	
    }
    @media (max-width: 1440px) {
        .galeriaExperiencesItem img {width: 140%;}
        .galeriaExperiencesItem {margin-left: -21%;}		
    }
    @media (max-width: 1366px) and (max-height: 768px) and (orientation: landscape) {
        .galeriaExperiencesItem {margin-left: -21%;height: 66vh;}
        .galeriaExperiencesItem h2 {width: 108%;}
        .galeriaExperiencesItem:nth-last-child(even) {margin-left: 0%;}	  	
    }
    @media (max-width: 1200px) {
        .galeriaExperiencesItem {margin-left: -21%;}
        .galeriaExperiencesItem{height:53vh;}
        .galeriaExperiencesItem h2{font-size:0.8em;}
    }
    @media (max-width: 1199px) {
        .galeriaExperiencesItem {margin-left: -24%;}
        .galeriaExperiencesItem{height:47vh;}	
    }
    @media (max-width: 1024px) {
        .galeriaExperiencesItem:nth-last-child(even){margin-left:0;}
        .galeriaExperiencesItem {height: 46vh;}
        .galeriaExperiencesItem {margin-left: -22%;}
        .galeriaExperiencesItem h2{font-size:0.6em;}	
    }
    @media (max-width: 992px) {
        .galeriaExperiences {
            background-color: #000;
            height: auto;
            display: grid;
            grid-template-columns: none;
            gap: 1px 100px;
            padding-bottom: 0%;
        }
		  .galeriaExperiencesItem { height: auto;}
            .galeriaExperiencesItem:nth-last-child(even),.galeriaExperiencesItem{    
            width: 100%;
            clip-path: none;
            margin-left: 0%; 
            padding-top: 0%; 
            padding-right: 0%; 
            padding-bottom: 0%; 
            padding-left: 0%;}
            .galeriaExperiencesItem:nth-last-child(even) h2{width:100%;}	
    }