.clear {clear: both;}
.gap {padding: 20px;}
.w-20 {width: 30% !important;}
.left-side .logo img {height: 25px; width: 100px;}
.bold {font-weight: bold;}
.mt-30 {margin-top: 30px;}
.mt-80 {margin-top: 80px;}
.mb-80 {margin-bottom: 80px;}
.mb-30 {margin-bottom: 30px;}

.pb-30 {padding-bottom: 30px;}
.p0 {padding: 0 !important;}
.p30-50 {padding: 30px 50px !important;}
.font-28 {font-size: 28px !important;}
.font-48 {font-size: 68px !important; letter-spacing: 0 !important;}
.blog .post .post-image {width: 35% !important}
.blog .post .post-content {width: 65% !important}
.text-content-block {padding-top: 20px;}
.text-content-block h6 {font-weight: 700; margin-bottom: 20px;}

.bg-dark {background: #111; color: white;}
.big-title-center {font-size: 66px; text-align: center; font-weight: bold; padding: 50px 0;}

/*
.slider .gallery-thumbs .swiper-slide-active {width: 100% !important; overflow: auto;}*/

.slider .gallery-thumbs .swiper-slide-active span { font-size: 78px !important; }


@media (max-width:760px){
.slider {height: 300px;}
.slider .swiper-container .swiper-slide video {width: 100%; height: auto;top:100px;}
.slider .gallery-thumbs .swiper-slide-active span { font-size: 32px !important; }
.left-side {width: 100%; height:80px;position: relative; padding-top: 20px;}
.left-side .logo img {height: auto;}
.hamburger {position: absolute; left: 10px; top: 15px;}
.hamburger__line {width: 30px;}
.swiper-button-prev, .swiper-button-next {display: none;}
.swiper-slide p img {width: 60%;}
.site-navigation {padding-left: 30px;}
.blog .post .post-image, .blog .post .post-content {width: 100% !important}
.page-header {height: 250px;}
.page-header .inner {padding-left: 20px;}
.blog {padding-top: 10px; padding-bottom: 0 !important;}
.blog .post {margin-top: 0;}
h3.big-title-center {font-size: 7vw}

}