/*@font-face {*/
    /*font-family: Akrobat-Bold;*/
    /*src: url("../fonts/Akrobat-Bold.otf");*/
/*}*/

/*@font-face {*/
    /*font-family: Akrobat-Regular;*/
    /*src: url("../fonts/Akrobat-Regular.otf");*/
/*}*/

/*@font-face {*/
    /*font-family: Akrobat-Light;*/
    /*src: url("../fonts/Akrobat-Light.otf");*/
/*}*/

/*@font-face {*/
    /*font-family: Akrobat-SemiBold;*/
    /*src: url("../fonts/Akrobat-SemiBold.otf");*/
/*}*/

/*@font-face {*/
    /*font-family: Akrobat-Thin;*/
    /*src: url("../fonts/Akrobat-Thin.otf");*/
/*}*/

/*@font-face {*/
    /*font-family: OpenSans-Bold;*/
    /*src: url("../fonts/OpenSans-Bold.ttf");*/
/*}*/

/*@font-face {*/
    /*font-family: OpenSans-BoldItalic;*/
    /*src: url("../fonts/OpenSans-BoldItalic.ttf");*/
/*}*/

/*@font-face {*/
    /*font-family: OpenSans-CondBold;*/
    /*src: url("../fonts/OpenSans-CondBold.ttf");*/
/*}*/

/*@font-face {*/
    /*font-family: OpenSans-CondLight;*/
    /*src: url("../fonts/OpenSans-CondLight.ttf");*/
/*}*/

/*@font-face {*/
    /*font-family: OpenSans-CondLightItalic;*/
    /*src: url("../fonts/OpenSans-CondLightItalic.ttf");*/
/*}*/

/*@font-face {*/
    /*font-family: OpenSans-ExtraBold;*/
    /*src: url("../fonts/OpenSans-ExtraBold.ttf");*/
/*}*/

/*@font-face {*/
    /*font-family: OpenSans-ExtraBoldItalic;*/
    /*src: url("../fonts/OpenSans-ExtraBoldItalic.ttf");*/
/*}*/

/*@font-face {*/
    /*font-family: OpenSans-Italic;*/
    /*src: url("../fonts/OpenSans-Italic.ttf");*/
/*}*/

/*@font-face {*/
    /*font-family: OpenSans-Light;*/
    /*src: url("../fonts/OpenSans-Light.ttf");*/
/*}*/

/*@font-face {*/
    /*font-family: OpenSans-LightItalic;*/
    /*src: url("../fonts/OpenSans-LightItalic.ttf");*/
/*}*/

/*@font-face {*/
    /*font-family: OpenSans-Regular;*/
    /*src: url("../fonts/OpenSans-Regular.ttf");*/
/*}*/

/*@font-face {*/
    /*font-family: OpenSans-Semibold;*/
    /*src: url("../fonts/OpenSans-Semibold.ttf");*/
/*}*/

/*@font-face {*/
    /*font-family: OpenSans-Semibold;*/
    /*src: url("../fonts/OpenSans-Semibold.ttf");*/
/*}*/

/*@media screen and (max-width: 1400px) {*/
    /*body {*/
        /*font-size: 12px!important;*/
    /*}*/
/*}*/

* {
    padding: 0;
    margin: 0;
}

input:focus, textarea:focus {
    outline: none;
}

body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*font-size: 16px;*/
}

iframe {
    width: 100% !important;
    height: 100vh;
}

.close {
    position: fixed;
    right: 0;
    top: 10vh;
}

.block1 {
    width: 66.66666667%;
}

.block2 {
    width: 31.333%;
    padding-left: 2%;
    position: relative;
}
.backLink{
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    left: -57px;
    top: 10%;
    z-index: 99999;
}
.caseContainer img {
    width: 100%;
    display: block;
}

h2.date {
    font-family: OpenSansLight;
    text-transform: uppercase;
    font-size: 1rem;
    margin: 6.818% 0;
}

.line {
    width: 50%;
    height: 2px;
    background: #000;
}

h1 {
    /*font-family: OpenSans-CondBold, serif;*/
    /*font-size: 2.5em;*/
    margin: 4% 0;
}

/*p.title {*/
    /*!*font-family: OpenSans-CondLight, serif;*!*/
    /*!*font-size: 1.6em;*!*/
    /*color: #808080;*/
/*}*/

p.desc {
    /*font-family: OpenSans-Regular, serif;*/
    font-size: 0.9rem;
    line-height: 1.3;
    margin: 5.32% 0 0;
    width: 50%;
}

p.tags {
    /*font-family: OpenSans-Regular, serif;*/
    font-size: 0.7em;
    color: #808080;
    margin: 8.312% 0 3.325%;
    width: 50%;
}

i {
    /*color: #000;*/
    margin: 0 2%;
    /*font-size: 1.3em !important;*/
}

a {
    text-decoration: none;
    /*color: #808080;*/
}

p.contact {
    /*font-family: OpenSans-Regular, serif;*/
    /*font-size: 1em;*/
    /*color: #808080;*/
    margin: 2% 0;
}

::-webkit-scrollbar {
    background: #ffffff;
}

::-webkit-scrollbar-thumb {
    background: #f3450f;
}

::-webkit-scrollbar-thumb:hover {
    background: #f3450f;
}

::-moz-scrolled-content {
    background: #f3450f;
}


.portfolio-single-wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media all and (max-width: 1200px){
    .portfolio-single-wrapper{
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
    }

    iframe{
        
    }

    .block2{
        width: 100%;
    }

    .block1{
        width: 100%;
    }

    p.desc{
        width: auto;
    }

   

    
}

@media all and (max-width: 767px) {
     .backLink {
         position: static;
         background-color: #f85930;
         background-image: url(../files/img/close.png);
         background-size: contain;
     }

     .caseContainer .closeImg {
         display: none;
     }
}