:root{
    --color1: #0011ff;;
}


::-webkit-scrollbar-track
{
    border: 1px solid black;
    background-color: #000;
}

::-webkit-scrollbar
{
    width: 10px;
    background-color: #000;
}

::-webkit-scrollbar-thumb
{
    background-color: #333;  
}

/*  FONTS
====================================*/

@font-face {
	font-family: 'WallnuttCorps-Hokus';
	src: url('/core/fonts/WallnuttCorps-Hokus.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'WallnuttCorps-Regular';
	src: url('/core/fonts/WallnuttCorps-Regular.otf');
	font-weight: normal;
	font-style: normal;
}
/*
@font-face {
	font-family: 'Syne-Regular'
	src: url('/core/fonts/Syne-Regular.otf');
	font-weight: normal;
	font-style: normal;
}
*/
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;600&display=swap');



/*  DEFAULT
====================================*/
body{
    font-family: 'Syne', sans-serif;
    color: #000;
    margin: 0;
}
.pt-130{
    padding-top: 130px !important;
}
img {
    max-width: 100%;
    height: auto;
}
a, a:hover{
    text-decoration: none;
    color: #000;
}
ul{
    list-style: none;
    padding-left: 0;
}
.header{
    position: fixed;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    top: 0;
    left: 0;
    height: 100vh;
    padding: 25px 25px;
    z-index: 9;
    width: 25%;
    opacity: .9;
    /* box-shadow: 0px 0px 20px 0px #00000070; */
}
.header .title{
    font-size: 137px;
    line-height: 160px;
    font-weight: bold;
    font-family: 'WallnuttCorps-Hokus';
}
.header .logo{
    min-width: 100%;
    height: auto;
}
.header ul{
    margin-bottom: 0px;
}
.header ul li{
    margin-bottom: 20px;
    font-size: 36px;
    position: relative;
    /* padding-left: 10px; */
}
.header ul li:hover {
    /* text-decoration: underline; */
    -webkit-transition: all 0.45s ease;
    transition: all 0.45s ease;
}
/*
.header ul li::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: #000000;
    opacity: 0;
    -webkit-transition: all 0.45s ease;
    transition: all 0.45s ease;
    width: 100%;
    height: 2px;
}
.header ul li:hover::after {
    opacity: 1;
    -webkit-transition: all 0.45s ease;
    transition: all 0.45s ease;
}
*/
.header ul li a{
    letter-spacing: 5px;
    font-family: 'WallnuttCorps-Hokus';
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #000000;
}
.header ul li a:hover{
    color: #000000;
    -webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: #000000;
}
.header.index-header ul li::after{
    background: #ffffff;
}
.header.index-header ul li a{
    color: #ffffff;
    -webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: #ffffff;
}

.navbar.index-header .collapse ul li a{
    color: #fff !important;
}
header .navbar .navbar-brand img{
    width: 120px;
    max-width: 120px;
}
.homeSlide{
    position: relative;
    overflow: hidden;
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background: #000;
}
.homeSlide .swiper {
    width: 80%;
    height: 70%;
    position: relative;
    margin-top: 100px;
    margin-right: 10px;
}

.homeSlide .swiper-slide {
    text-align: center;
    font-size: 18px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.homeSlide .swiper-slide a.swiper-slide-title {
    position: absolute;
    bottom: -55px;
    right: 30px;
    font-family: 'Syne', sans-serif;
    font-size: 44px;
    line-height: 44px;
    color: #ff0000;
    letter-spacing: 4px;
    z-index: 9999999;
    text-align: right;
}

    .homeSlide .swiper-slide a.swiper-slide-title span {
        font-size: 32px;
        /*color: #fff;*/
    }

.homeSlide .swiper-slide a.swiper-slide-player {
    opacity: 0;
    position: absolute;
    font-family: 'Syne', sans-serif;
    font-size: 96px;
    color: #ffffff;
    z-index: 9999999;
    outline: none;
    filter: drop-shadow(2px 2px 5px rgb(0 0 0 / 0.4));
    -webkit-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;
}
.homeSlide .swiper-slide:hover a.swiper-slide-player {
    opacity: 1;
}

.homeSlide .swiper-button-prev, 
.homeSlide .swiper-container-rtl .swiper-button-next {
    left: 145px;
    right: auto;
}
.homeSlide .swiper-button-next, 
.homeSlide .swiper-container-rtl .swiper-button-prev {
    right: 50px;
    left: auto;
}
.swiper-button-next, 
.swiper-button-prev{
    color: #fff;
    opacity: 1 !important;
}

.homeSlideMobile{
    display: none;
    position: relative;
    overflow: hidden;
    height: 100vh;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
    background: #000;
}
.homeSlideMobile .swiper {
    width: 100%;
    height: 70%;
    position: relative;
    margin-top: 0px;
    margin-right: 0px;
}

.homeSlideMobile .swiper-slide {
    text-align: center;
    font-size: 18px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.homeSlideMobile .swiper-slide a.swiper-slide-title {
    position: absolute;
    bottom: -55px;
    right: 0px;
    left:0;
    font-family: 'Syne', sans-serif;
    font-size: 44px;
    line-height: 44px;
    color: #ff0000;
    letter-spacing: 4px;
    z-index: 9999999;
    text-align: center;
    padding: 0 25px;
}

    .homeSlideMobile .swiper-slide a.swiper-slide-title span {
        font-size: 32px;
        /*color: #fff;*/
    }

.homeSlideMobile .swiper-slide a.swiper-slide-player {
    opacity: 0;
    position: absolute;
    font-family: 'Syne', sans-serif;
    font-size: 96px;
    color: #ffffff;
    z-index: 9999999;
    outline: none;
    filter: drop-shadow(2px 2px 5px rgb(0 0 0 / 0.4));
    -webkit-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;
}
.homeSlideMobile .swiper-slide:hover a.swiper-slide-player {
    opacity: 1;
}

.homeSlideMobile .swiper-button-prev, 
.homeSlideMobile .swiper-container-rtl .swiper-button-next {
    left: 50px;
    right: auto;
}
.homeSlideMobile .swiper-button-next, 
.homeSlideMobile .swiper-container-rtl .swiper-button-prev {
    right: 50px;
    left: auto;
}


.homeTextMarquee{
    position: absolute;
    top: 18px;
    right: 25px;
    height: 100px;
    font-family: 'wallnuttcorps-hokus';
    display: flex;
    align-items: center;
    font-size: 46px;
    font-weight: 400;
    text-transform: uppercase;
    color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #0000ff;
    letter-spacing: 0.1em;
    width: 72%;
    z-index: 1040;
    /* text-shadow: -1px 0 #0000ff, 0 1px #0000ff, 1px 0 #0000ff, 0 -1px #0000ff; */
}
.homeTextMarquee > marquee {
    position: relative;
}

.homeTextMarquee::before{
    content: '';
    position: absolute;
    left: 0;
    background: url(/english/images/marquee-left.png) no-repeat center;
    background-size: cover;
    height: 92px;
    width: 46px;
}
.homeTextMarquee::after{
    content: '';
    position: absolute;
    right: 0;
    background: url(/english/images/marquee-right.png) no-repeat center;
    background-size: cover;
    height: 92px;
    width: 46px;
}

.directors{
    position: relative;
    overflow: hidden;
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background: #000;
}
.directors .swiper {
    width: 80%;
    height: auto;
    position: relative;
}

.directors .swiper-slide {
    text-align: center;
    font-size: 18px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 817px;
    width: 305px;
}

.directors .swiper-slide > a.swiper-slide-director {
    display: contents;
}
.directors .swiper-slide > a.swiper-slide-director > div.director-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: filter .5s ease-in-out;
    -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
    filter: grayscale(100%); /* FF 35+ */
}
.directors .swiper-slide > a.swiper-slide-director:hover > div.director-image {
    -webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
    filter: grayscale(0%); /* FF 35+ */
}

.directors .swiper-slide .director{
    position: absolute;
    bottom: 50px;
    margin: 0;
    left: 133px;
    transform: rotate(-90deg);
    display: block;
    width: 100%;
    z-index: 9999;
}
.directors .swiper-slide h2{
    color: #fff;
    text-align: left;
    font-size: 70px;
    text-transform: uppercase;
    font-weight: 700;
        font-family: 'wallnuttcorps-hokus';
    line-height: 1;
}
.directors .swiper-button-prev, .directors .swiper-container-rtl .swiper-button-next {
    left: 120px;
    right: auto;
}
.swiper-button-next, .swiper-button-prev{
    color: #fff;
    opacity: 1 !important;
}
.works{
   display: flex;
   align-items: center;
   justify-content: right;
   padding: 25px;
   height: 100vh;
   background: #000;
}
.works > .row{
    width: 75%;
    padding: 25px;
    overflow: auto;
    height: 100%;
    margin-left: 25%;
}

.works .works-box-category {
    margin-bottom: 30px;
}
.works .works-box-category .works-box-category-list {
    position: relative;
}
.works .works-box-category .works-box-category-list:nth-child(1):after{
    content: '';
    width: 100%;
    height: 50px;
    filter: brightness(0.5) sepia(1) hue-rotate(21deg) saturate(10000);
    position: absolute;
    top: -12px;
    right: 10px;
    background-position: right bottom;
    background-size: contain;
    background-image: url(/english/images/icon-hokus-1.svg?1);
    background-repeat: no-repeat;
    z-index: 9998;
}
.works .works-box-category .works-box-category-list:nth-child(2):after{
    content: '';
    width: 100%;
    height: 50px;
    filter: brightness(0.5) sepia(1) hue-rotate(21deg) saturate(10000);
    position: absolute;
    top: -12px;
    right: 10px;
    background-position: right bottom;
    background-size: contain;
    background-image: url(/english/images/icon-hokus-2.svg?1);
    background-repeat: no-repeat;
    z-index: 9998;
}
.works .works-box-category .works-box-category-list:nth-child(3):after{
    content: '';
    width: 100%;
    height: 50px;
    filter: brightness(0.5) sepia(1) hue-rotate(21deg) saturate(10000);
    position: absolute;
    top: -14px;
    right: 10px;
    background-position: right bottom;
    background-size: contain;
    background-image: url(/english/images/icon-hokus-3.svg?1);
    background-repeat: no-repeat;
    z-index: 9998;
}
.works .works-box-category .works-box-category-list:nth-child(4):after{
    content: '';
    width: 100%;
    height: 50px;
    filter: brightness(0.5) sepia(1) hue-rotate(21deg) saturate(10000);
    position: absolute;
    top: -14px;
    right: 10px;
    background-position: right bottom;
    background-size: contain;
    background-image: url(/english/images/icon-hokus-4.svg?1);
    background-repeat: no-repeat;
    z-index: 9998;
}
.works .works-box-category .works-box-category-list:nth-child(5):after{
    content: '';
    width: 100%;
    height: 50px;
    filter: brightness(0.5) sepia(1) hue-rotate(21deg) saturate(10000);
    position: absolute;
    top: -14px;
    right: 10px;
    background-position: right bottom;
    background-size: contain;
    background-image: url(/english/images/icon-hokus-5.svg?1);
    background-repeat: no-repeat;
    z-index: 9998;
}
.works .works-box-category .works-box-category-list:last-child:after {
    content: '';
    background-image: none;
}

.works .works-box-category .works-box-category-list a {
    position: relative;
    color: #fff;
    padding-left: 20px;
    padding-right: 100px;
    z-index: 9999;
}
.works .works-box-category .works-box-category-list a.selected,
.works .works-box-category .works-box-category-list a:hover {
    color: #FFFF00;
}

.works .works-box{
    position: relative;
    margin-bottom: 50px;
}
.works .works-box p {
    color: #ffffff;
    padding: 0 25px;
    text-align: center;
    font-size: 18px;
}
.works .works-box .works-box-content {
    display: block;
    width: 100%;
    /*height: 360px;
    padding-top: 56.25%;*/
}
.works .works-box .works-box-content .img{
    position: relative;
    cursor: pointer;
    margin-bottom: 10px;
    width: 100%;
    /*height: 360px;
    padding-top: 56.25%;*/
    -webkit-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;
    /*outline: 1px solid transparent;*/
}
.works .works-box .works-box-content .img img {
    object-fit: cover;
    width: 100%;
    /*height: 360px;
    padding-top: 56.25%;*/
}
.works .works-box:hover .works-box-content .img{
    /*outline: 1px solid #FFFF00;*/
}

.works .works-box .works-box-content .img svg {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: 'Syne', sans-serif;
    font-size: 46px;
    color: #ffffff;
    z-index: 10;
    outline: none;
    filter: drop-shadow(2px 2px 5px rgb(0 0 0 / 0.4));
    -webkit-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;
}
.works .works-box:hover .works-box-content .img svg {
    opacity: 1;
} 

.works .works-box .works-box-content .vid {
    display: none;
    width: 100%;
    /*height: 360px;
    padding-top: 56.25%;*/
    margin-bottom: 10px;
    overflow: hidden;
}

.content{
   display: flex;
   align-items: center;
   justify-content: right;
   padding: 25px;
   height: 100vh;
   background-color: #000;
   position: relative;
   overflow-x: hidden;
}
.content::before{
    /*
    -webkit-animation: spinX 3s linear infinite;
    content: '';
    background: url("/bg.png") no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    */
}

@-webkit-keyframes spinX{  
    0%   {-webkit-transform: rotate(0deg); }  
    100% {-webkit-transform: rotate(360deg);}  
}
.content > .row{
    width: 75%;
    padding: 25px;
    overflow: auto;
    height: 100%;
    margin-left: 25%;
}
.content h1{
    font-size: 64px;
    font-weight: 400;
    color: #0000ff;
    font-family: 'WallnuttCorps-Hokus';
    text-transform: uppercase;
    margin-bottom: 25px;
}
.content h2,
.works h2{
    font-size: 44px;
    font-weight: 400;
    color: #0000ff;
    font-family: 'WallnuttCorps-Hokus';
    text-transform: uppercase;
    margin-bottom: 25px;
}
.content h2 span,
.works h2 span{
    float: right;
}
.content h2 span a,
.works h2 span a{
    font-family: 'Syne', sans-serif;
    color: #fff;
    font-size: 22px;
}
.content p,
.works p,
.works p a{
    font-size: 22px;
    margin-bottom: 25px;
    color: #ffffff;
}

.contact{
    display: flex;
    align-items: center;
    justify-content: right;
    padding: 25px;
    height: 100vh;
    font-family: 'Syne', sans-serif;
    background-color: #000000e6;
    position: relative;
    overflow-x: hidden;
 }
 .contact > .row{
     width: 75%;
     padding: 25px;
     overflow: auto;
     height: auto;
     margin-left: 25%;
}
.contact .contact-text h1{
    font-size: 64px;
    font-weight: 400;
    color: #0000ff;
    font-family: 'WallnuttCorps-Hokus';
    text-transform: uppercase;
    margin-bottom: 25px;
}
.contact .contact-text h6{
    font-size: 26px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 35px
}
.contact .contact-text p{
    font-family: 'Syne', sans-serif;
    font-size: 20px;
    margin-bottom: 20px;
    color: #ffffff;
}
.contact .contact-text .row{
    /*width: 100%;*/
    padding: 0; 
}
.contact .adres{
    margin-bottom:40px;
}
.contact .adres h6{
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    color: #FFFF00;
}
.contact .adres p{
    font-size: 20px;
    color: #ffffff;
    max-width: 524px;
}
.contact .adres-detay h6{
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 0;
}
.contact .adres-detay a{
    font-size: 18px;
    color: #ffffff;
}
.contact .adres-detay{
    margin-bottom: 45px;
}
.contact hr{
    border-color: #707070;
    margin-bottom: 45px;
}
.contact .spectrum-img > iframe {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
.contact-form{
    padding: 90px 0;
}
.contact-form .row{
    width: 100%;
    padding: 0; 
    margin: 0;
}
.contact-form .form-control{
    font-family: 'Syne', sans-serif;
    width: 100%;
    height: 60px;
    margin-bottom: 27px;
    border-color: #CBCBCB;
    box-shadow: none !important;
    border-radius: 5px;
}
.contact-form .form-control:last-child{
    margin-bottom: 0;
}
.contact-form textarea.form-control{
    width: 100%;
    height: 147px;
}
.contact-form .gonder{
    display: flex;
    position: relative;
}
.contact-form .gonder .captcha{
    width: 240px;
    height: 64px;
}
.contact-form .gonder button{
    width: 100%;
    height: 57px;
    font-family: 'Syne', sans-serif;
    background-color: #FFFF00;
    color: #000;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    outline: none;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
}
.contact-form .gonder button:hover{
    background-color: #0000ff;
    color: #fff;
}
.contact-form .gonder button img{
    margin-left: 30px;
}
.contact .left-img{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.error {border:5px solid #c00 !important;}
.required {color:#ff5722;font-size:1.3em;margin-left:5px;}

span.contact-loading {
    position: absolute;
    right: 12px;
    top: 12px;
    background-image: url(/english/images/icon-ajaxloader.gif);
    padding: 15px;
    margin: 0;
    background-repeat: no-repeat;
    background-color: #fff;
    border-radius: 20px;
    background-position: 50% 50%;
    z-index: 9999;
}

.navbar {
    z-index: 9999;
}
.navbar-toggler-reverser {
    color: #fff !important;
    border-color: #fff !important;
}
.navbar-toggler-icon-reverser {
    filter: grayscale(1) invert(1) !important;
}
.grid {
  background: #EEE;
  max-width: 1300px;
}

/* clearfix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

.grid-sizer,
.grid-item {
  width: 50%;
}

.grid-item {
  width: 50%;
  height: 120px;
  float: left;
  background: #D26;
  border: 2px solid #333;
  border-color: hsla(0, 0%, 0%, 0.5);
  border-radius: 5px;
}


.ml-0{margin-left:0 !important;}.ml-5{margin-left:5px !important;}.ml-10{margin-left:10px !important;}.ml-15{margin-left:15px !important;}.ml-20{margin-left:20px !important;}.ml-25{margin-left:25px !important;}.ml-30{margin-left:30px !important;}.ml-35{margin-left:35px !important;}.ml-40{margin-left:40px !important;}.ml-45{margin-left:45px !important;}.ml-50{margin-left:50px !important;}.ml-60{margin-left:60px !important;}.ml-70{margin-left:70px !important;}.ml-80{margin-left:80px !important;}.ml-90{margin-left:90px !important;}.ml-100{margin-left:100px !important;}.ml-110{margin-left:110px !important;}.ml-120{margin-left:120px !important;}.ml-130{margin-left:130px !important;}.ml-140{margin-left:140px !important;}.ml-150{margin-left:150px !important;}
.mr-0{margin-right:0 !important;}.mr-5{margin-right:5px !important;}.mr-10{margin-right:10px !important;}.mr-15{margin-right:15px !important;}.mr-20{margin-right:20px !important;}.mr-25{margin-right:25px !important;}.mr-30{margin-right:30px !important;}.mr-35{margin-right:35px !important;}.mr-40{margin-right:40px !important;}.mr-45{margin-right:45px !important;}.mr-50{margin-right:50px !important;}.mr-60{margin-right:60px !important;}.mr-70{margin-right:70px !important;}.mr-80{margin-right:80px !important;}.mr-90{margin-right:90px !important;}.mr-100{margin-right:100px !important;}.mr-110{margin-right:110px !important;}.mr-120{margin-right:120px !important;}.mr-130{margin-right:130px !important;}.mr-140{margin-right:140px !important;}.mr-150{margin-right:150px !important;}
.mt-0{margin-top:0 !important;}.mt-5{margin-top:5px !important;}.mt-10{margin-top:10px !important;}.mt-15{margin-top:15px !important;}.mt-20{margin-top:20px !important;}.mt-25{margin-top:25px !important;}.mt-30{margin-top:30px !important;}.mt-35{margin-top:35px !important;}.mt-40{margin-top:40px !important;}.mt-45{margin-top:45px !important;}.mt-50{margin-top:50px !important;}.mt-60{margin-top:60px !important;}.mt-70{margin-top:70px !important;}.mt-80{margin-top:80px !important;}.mt-90{margin-top:90px !important;}.mt-100{margin-top:100px !important;}.mt-110{margin-top:110px !important;}.mt-120{margin-top:120px !important;}.mt-130{margin-top:130px !important;}.mt-140{margin-top:140px !important;}.mt-150{margin-top:150px !important;}.mt-200{margin-top:200px !important;}.mt-250{margin-top:250px !important;}
.mb-0{margin-bottom:0 !important;}.mb-5{margin-bottom:5px !important;}.mb-10{margin-bottom:10px !important;}.mb-15{margin-bottom:15px !important;}.mb-20{margin-bottom:20px !important;}.mb-25{margin-bottom:25px !important;}.mb-30{margin-bottom:30px !important;}.mb-35{margin-bottom:35px !important;}.mb-40{margin-bottom:40px !important;}.mb-45{margin-bottom:45px !important;}.mb-50{margin-bottom:50px !important;}.mb-60{margin-bottom:60px !important;}.mb-70{margin-bottom:70px !important;}.mb-80{margin-bottom:80px !important;}.mb-90{margin-bottom:90px !important;}.mb-100{margin-bottom:100px !important;}.mb-110{margin-bottom:110px !important;}.mb-120{margin-bottom:120px !important;}.mb-130{margin-bottom:130px !important;}.mb-140{margin-bottom:140px !important;}.mb-150{margin-bottom:150px !important;}.mb-200{margin-bottom:200px !important;}.mb-250{margin-bottom:250px !important;}

.mnl-10{margin-left:-10px !important;}.mnl-20{margin-left:-20px !important;}.mnl-30{margin-left:-30px !important;}.mnl-40{margin-left:-40px !important;}.mnl-50{margin-left:-50px !important;}.mnl-60{margin-left:-60px !important;}.mnl-70{margin-left:-70px !important;}.mnl-80{margin-left:-80px !important;}.mnl-90{margin-left:-90px !important;}.mnl-100{margin-left:-100px !important;}.mnl-110{margin-left:-110px !important;}.mnl-120{margin-left:-120px !important;}.mnl-130{margin-left:-130px !important;}.mnl-140{margin-left:-140px !important;}.mnl-150{margin-left:-150px !important;}
.mnr-10{margin-right:-10px !important;}.mnr-20{margin-right:-20px !important;}.mnr-30{margin-right:-30px !important;}.mnr-40{margin-right:-40px !important;}.mnr-50{margin-right:-50px !important;}.mnr-60{margin-right:-60px !important;}.mnr-70{margin-right:-70px !important;}.mnr-80{margin-right:-80px !important;}.mnr-90{margin-right:-90px !important;}.mnr-100{margin-right:-100px !important;}.mnr-110{margin-right:-110px !important;}.mnr-120{margin-right:-120px !important;}.mnr-130{margin-right:-130px !important;}.mnr-140{margin-right:-140px !important;}.mnr-150{margin-right:-150px !important;}
.mnt-10{margin-top:-10px !important;}.mnt-20{margin-top:-20px !important;}.mnt-30{margin-top:-30px !important;}.mnt-40{margin-top:-40px !important;}.mnt-50{margin-top:-50px !important;}.mnt-60{margin-top:-60px !important;}.mnt-70{margin-top:-70px !important;}.mnt-80{margin-top:-80px !important;}.mnt-90{margin-top:-90px !important;}.mnt-100{margin-top:-100px !important;}.mnt-110{margin-top:-110px !important;}.mnt-120{margin-top:-120px !important;}.mnt-130{margin-top:-130px !important;}.mnt-140{margin-top:-140px !important;}.mnt-150{margin-top:-150px !important;}
.mnb-10{margin-bottom:-10px !important;}.mnb-20{margin-bottom:-20px !important;}.mnb-30{margin-bottom:-30px !important;}.mnb-40{margin-bottom:-40px !important;}.mnb-50{margin-bottom:-50px !important;}.mnb-60{margin-bottom:-60px !important;}.mnb-70{margin-bottom:-70px !important;}.mnb-80{margin-bottom:-80px !important;}.mnb-90{margin-bottom:-90px !important;}.mnb-100{margin-bottom:-100px !important;}.mnb-110{margin-bottom:-110px !important;}.mnb-120{margin-bottom:-120px !important;}.mnb-130{margin-bottom:-130px !important;}.mnb-140{margin-bottom:-140px !important;}.mnb-150{margin-bottom:-150px !important;}

.pl-0{padding-left:0 !important;}.pl-5{padding-left:5px !important;}.pl-10{padding-left:10px !important;}.pl-15{padding-left:15px !important;}.pl-20{padding-left:20px !important;}.pl-25{padding-left:25px !important;}.pl-30{padding-left:30px !important;}.pl-35{padding-left:35px !important;}.pl-40{padding-left:40px !important;}.pl-45{padding-left:45px !important;}.pl-50{padding-left:50px !important;}.pl-60{padding-left:60px !important;}.pl-70{padding-left:70px !important;}.pl-80{padding-left:80px !important;}.pl-90{padding-left:90px !important;}.pl-100{padding-left:100px !important;}.pl-110{padding-left:110px !important;}.pl-120{padding-left:120px !important;}.pl-130{padding-left:130px !important;}.pl-140{padding-left:140px !important;}.pl-150{padding-left:150px !important;}
.pr-0{padding-right:0 !important;}.pr-5{padding-right:5px !important;}.pr-10{padding-right:10px !important;}.pr-15{padding-right:15px !important;}.pr-20{padding-right:20px !important;}.pr-25{padding-right:25px !important;}.pr-30{padding-right:30px !important;}.pr-35{padding-right:35px !important;}.pr-40{padding-right:40px !important;}.pr-45{padding-right:45px !important;}.pr-50{padding-right:50px !important;}.pr-60{padding-right:60px !important;}.pr-70{padding-right:70px !important;}.pr-80{padding-right:80px !important;}.pr-90{padding-right:90px !important;}.pr-100{padding-right:100px !important;}.pr-110{padding-right:110px !important;}.pr-120{padding-right:120px !important;}.pr-130{padding-right:130px !important;}.pr-140{padding-right:140px !important;}.pr-150{padding-right:150px !important;}.pr-200{padding-right:200px !important;}.pr-250{padding-right:250px !important;}
.pt-0{padding-top:0 !important;}.pt-5{padding-top:5px !important;}.pt-10{padding-top:10px !important;}.pt-15{padding-top:15px !important;}.pt-20{padding-top:20px !important;}.pt-25{padding-top:25px !important;}.pt-30{padding-top:30px !important;}.pt-35{padding-top:35px !important;}.pt-40{padding-top:40px !important;}.pt-45{padding-top:45px !important;}.pt-50{padding-top:50px !important;}.pt-60{padding-top:60px !important;}.pt-70{padding-top:70px !important;}.pt-80{padding-top:80px !important;}.pt-90{padding-top:90px !important;}.pt-100{padding-top:100px !important;}.pt-110{padding-top:110px !important;}.pt-120{padding-top:120px !important;}.pt-130{padding-top:130px !important;}.pt-140{padding-top:140px !important;}.pt-150{padding-top:150px !important;}.pt-200{padding-top:200px !important;}.pt-250{padding-top:250px !important;}
.pb-0{padding-bottom:0 !important;}.pb-5{padding-bottom:5px !important;}.pb-10{padding-bottom:10px !important;}.pb-15{padding-bottom:15px !important;}.pb-20{padding-bottom:20px !important;}.pb-25{padding-bottom:25px !important;}.pb-30{padding-bottom:30px !important;}.pb-35{padding-bottom:35px !important;}.pb-40{padding-bottom:40px !important;}.pb-45{padding-bottom:45px !important;}.pb-50{padding-bottom:50px !important;}.pb-60{padding-bottom:60px !important;}.pb-70{padding-bottom:70px !important;}.pb-80{padding-bottom:80px !important;}.pb-90{padding-bottom:90px !important;}.pb-100{padding-bottom:100px !important;}.pb-110{padding-bottom:110px !important;}.pb-120{padding-bottom:120px !important;}.pb-130{padding-bottom:130px !important;}.pb-140{padding-bottom:140px !important;}.pb-150{padding-bottom:150px !important;}.pb-200{padding-bottom:200px !important;}.pb-250{padding-bottom:250px !important;}


/* ---------------------------------------- */
/* ---------------------------------------- */
/* ---------------------------------------- */
/* ---------------------------------------- */
/* -----------  Responsive  --------------- */
/* ---------------------------------------- */
/* ---------------------------------------- */
/* ---------------------------------------- */
/* ---------------------------------------- */


@media only screen and (max-width: 1564px) {
    .contact{
        padding-top: 100px;
    }
    .header .title{
        font-size: 100px;
        line-height: 125px;
    }
    .navbar .navbar-collapse{
        font-size: 25px;
        font-weight: bold;
        text-transform: uppercase;
        font-family: 'WallnuttCorps-Hokus';
    }
    .directors .swiper-slide > a.swiper-slide-director > div.director-image {
        height: 85%;
    }
    .directors .swiper-slide .director {
        bottom: 75px;
        left: 90px;
    }
}
@media only screen and (max-width: 1200px) {
    .homeSlide .swiper {
        width: 100%;
        margin-top: 0;
    }
    .homeSlide .swiper-button-prev, 
    .homeSlide .swiper-container-rtl .swiper-button-next {
        left: 50px;
        right: auto;
    }
    .homeSlide .swiper-slide a.swiper-slide-title {
        bottom: 0;
        left: 50px;
    }
    .homeTextMarquee {
        width: 96%;
        right: 2%;
        top: 75px;
    }
    .directors {
        height: 95vh;
    }
    .directors .swiper {
        width: 100%;
    }
    .directors .swiper-button-prev, .directors .swiper-container-rtl .swiper-button-next {
        left: 40px;
        right: auto;
    }
    .directors .swiper-slide {
        height: 500px;
    }
    .directors .swiper-slide .director {
        bottom: 30px;
        margin: 0;
        left: 80px;
    }
    .directors .swiper-slide h2 {
        font-size: 44px;
    }
    .works .row{
        width: 100%;
        padding: 0;
        padding-top: 25px;
        padding-bottom: 25px;
        margin: 0;
    }
    .works{
        padding: 0;
    }
    .works .works-box .works-box-content,
    .works .works-box .works-box-content .img img,
    .works .works-box .works-box-content .img,
    .works .works-box .works-box-content .vid {
        /*height: 250px;*/
    }
    .content .row{
        width: 100%;
        padding: 0;
        padding-top: 25px;
        padding-bottom: 25px;
        margin: 0;
    }
    .content{
        padding: 0;
     }
     .contact .row{
        width: 100%;
        padding: 0;
        padding-top: 25px;
        padding-bottom: 25px;
        margin: 0;
        height: 100%;
    }
    .contact{
        padding: 0;
    }
    .contact .contact-text{
        margin-bottom: 25px;
    }
    .contact-form .form-control{
        width: 100%;
    }
    .contact-form textarea.form-control{
        width: 100%;
        margin-top: 20px;
    }
    .contact .adres,
    .contact .adres-detay,
    .contact .contact-text h6{
        margin-bottom: 10px;
        font-size: 20px;
    }
    .contact .adres p {
        max-width: 100% !important;
        font-size: 18px;
    }
    .contact-form {
        padding: 0;
    }
    .contact-form .form-control,
    .contact-form .form-control:last-child {
        margin-bottom: 20px !important;
    }
    .contact-form textarea.form-control {
        margin: 0;
    }
    .grid-sizer,
    .grid-item {
      width: 100%;
    }
}

@media only screen and (max-width: 812px) {
    .homeTextMarquee {
        width: 100%;
        right: 0;
        top: 40px;
        /*background-color: #000;*/
        font-size: 24px;
        -webkit-text-stroke-width: 1px;
        padding: 0px 25px;
    }
    .homeTextMarquee::before{
        content: '';
        position: absolute;
        left: 0;
        background: url(/english/images/marquee-left.png) no-repeat center;
        background-size: cover;
        background-size: 23px;
        background-position: right;
        height: 92px;
        width: 46px;
    }
    .homeTextMarquee::after{
        content: '';
        position: absolute;
        right: 0;
        background: url(/english/images/marquee-right.png) no-repeat center;
        background-size: cover;
        background-size: 23px;
        background-position: left;
        height: 92px;
        width: 46px;
    }
    /*
    .homeTextMarquee {
        font-size: 36px;
    }
    */
    .homeSlide .swiper {
        margin-right: 0;
    }
    .homeSlide .swiper-slide img {
        object-fit: cover;
        width: 100%;
        height: 85%;
    }
    .homeSlide .swiper-slide a.swiper-slide-title {
        font-size: 24px;
        line-height: 2rem;
    }
    .homeSlide .swiper-slide a.swiper-slide-title span {
        font-size: 18px;
    }
    .content p, .works p, .works p a {
        font-size: 18px;
    }
    .works-box.mt-80 {
        margin-top: 0!important;
    }
    .works .works-box p span.works-box-divider {
        display: none;
    }
    .works .works-box p span.works-box-director {
        display: block;
        font-size: 16px;
        font-family: monospace;
    }
    .content h2, .works h2 {
        text-align: center;
        font-size: 38px;
    }
    .content h2 span, .works h2 span {
        float: none;
        display: block;
    }
    .content h2 span a, .works h2 span a {
        font-size: 18px;
    }
}

@media only screen and (max-width: 768px) {
    /*
    .homeTextMarquee {
        display: none;
    }
    */
    .directors .swiper-slide {
        height: 700px;
    }
    .directors .swiper-slide .director {
        bottom: 75px;
        margin: 0;
        left: 110px;
    }
    .works .works-box-category .works-box-category-list a {
        font-size: 12px;
    }
}
@media only screen and (max-width: 480px) {
    .homeSlide {display: none;}
    .homeSlideMobile {display: flex;}
    
    .homeSlideMobile {
        align-items: flex-start;
        justify-content: flex-start;
    }
    .homeSlideMobile .swiper {
        height: 92%;
    }
    .homeSlideMobile .swiper-slide a.swiper-slide-title {
        bottom:100px;
        font-size: 28px;
        line-height: 32px;
    }
    .homeSlideMobile .swiper-slide a.swiper-slide-title span {
        font-size: 22px;
        line-height: 26px;   
        font-family: monospace;
    }
    .homeSlideMobile .swiper-slide a.swiper-slide-player {
        font-size: 72px;
    }
    .homeSlideMobile .swiper-slide img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
    .directors .swiper-slide {
        height: 550px;
    }
    .directors .swiper-slide .director {
        bottom: 60px;
        margin: 0;
        left: 50px;
    }
    .works .works-box-category .works-box-category-list:after {
        content: none !important;
    }
    .works .works-box-category .works-box-category-list a {
        padding: 0 10px !important;
        font-size: 14px;
    }
}