/* font */

        @import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700&display=swap&subset=cyrillic');

        @font-face {
            font-family: 'PT Sans', sans-serif;
        }

        @font-face {
            font-family: "Muller-BL";
            src: url('../fonts/MullerBlack.eot');
            src: url('../fonts/MullerBlack.eot?#iefix') format('embedded-opentype'),
            url('../fonts/MullerBlack.otf') format('opentype'),
            url('../fonts/MullerBlack.svg'),
            url('../fonts/MullerBlack.woff') format('woff'),
            url('../fonts/MullerBlack.ttf') format('truetype');
        }

        @font-face {
            font-family: "Muller-B";
            src: url('../fonts/MullerBold.eot');
            src: url('../fonts/MullerBold.eot?#iefix') format('embedded-opentype'),
            url('../fonts/MullerBold.otf') format('opentype'),
            url('../fonts/MullerBold.svg'),
            url('../fonts/MullerBold.woff') format('woff'),
            url('../fonts/MullerBold.ttf') format('truetype');
        }

        @font-face {
            font-family: "Muller-M";
            src: url('../fonts/MullerMedium.eot');
            src: url('../fonts/MullerMedium.eot?#iefix') format('embedded-opentype'),
            url('../fonts/MullerMedium.otf') format('opentype'),
            url('../fonts/MullerMedium.svg'),
            url('../fonts/MullerMedium.woff') format('woff'),
            url('../fonts/MullerMedium.ttf') format('truetype');
        }

        @font-face {
            font-family: "Muller-R";
            src: url('../fonts/MullerRegular.eot');
            src: url('../fonts/MullerRegular.eot?#iefix') format('embedded-opentype'),
            url('../fonts/MullerRegular.otf') format('opentype'),
            url('../fonts/MullerRegular.svg'),
            url('../fonts/MullerRegular.woff') format('woff'),
            url('../fonts/MullerRegular.ttf') format('truetype');
        }

        @font-face {
            font-family: "Muller-L";
            src: url('../fonts/MullerLight.eot');
            src: url('../fonts/MullerLight.eot?#iefix') format('embedded-opentype'),
            url('../fonts/MullerLight.otf') format('opentype'),
            url('../fonts/MullerLight.svg'),
            url('../fonts/MullerLight.woff') format('woff'),
            url('../fonts/MullerLight.ttf') format('truetype');
        }

/* body */
		
		html, body {
            font-family: "Muller-L";
            font-weight:normal;
            font-size:16px;
            text-indent:0;
            text-align:justify;
            line-height:24px;
            width:100%;
            min-width:1220px;
            height:100%;
            margin:0 auto;
            padding:0;
            color:#ffffff;
            background:#12161d;
            -webkit-text-size-adjust: none;
            position:relative;
		}

            @media all and (max-width: 1240px) {
                html, body {
                    min-width:1000px;
                }
            }

            @media all and (max-width: 1020px) {
                html, body {
                    min-width:700px;
                }
            }

            @media all and (max-width: 720px) {
                html, body {
                    min-width:500px;
                }
            }

        ::-webkit-scrollbar {width:5px; height:5px;}
        ::-webkit-scrollbar-button {width:0; height:0; background:#ffffff; }
        ::-webkit-scrollbar-track {background:#ffffff;}
        ::-webkit-scrollbar-track-piece {background:#ffffff;}
        ::-webkit-scrollbar-thumb {height:5px; background:#f9c425;}
        ::-webkit-scrollbar-corner {background:#ffffff;}
        ::-webkit-resizer {background:#ffffff;}

        ::selection {color:#ffffff; background:#f9c425;}
        ::-moz-selection {color:#ffffff; background:#f9c425;}

        body img {border:none;}

		a {text-decoration:none;}

		a:link {color:#ffffff;}
		a:visited {color:#ffffff;}
		a:hover {color:#ffffff;}
		a:active {color:#ffffff;}

        a:hover, a:not(:hover) {
            -webkit-transition: All 0.2s ease;
            -moz-transition: All 0.2s ease;
            -o-transition: All 0.2s ease;
            -ms-transition: All 0.2s ease;
            transition: All 0.2s ease;
        }

		.clear {clear:both;}

        ul {
            margin:0;
            padding:0;
        }

        ul li {
            padding:0;
            margin:0;
            list-style-type: none;
        }

/* page */

        #page {
            width:100%;
            height:100%;
            max-width:1920px;
            padding:0;
            margin:0 auto;
            position:relative;
        }

        #page::after {
            content:'';
            width:100%;
            height:100%;
            padding:0;
            margin:0;
            position:fixed;
            top:0;
            left:0;
            background:rgba(18,22,29,0.8);
            z-index:2;
        }

/* top */

        .top {
            width:calc(100% - 100px);
            padding:40px 0 0 0;
            margin:0;
            position:fixed;
            top:0;
            left:50px;
            z-index:50;
		}

        .top a.logo {
            width:146px;
            height:20px;
            padding:0;
            margin:4px 0 0 0;
            background:url('../images/ypakovka-white.svg') no-repeat 0 0;
            display:block;
            float:left;
            pointer-events:none;
            cursor:default;
		}

        .menu-trigger {
            width:24px;
            height:20px;
            padding:0;
            margin:3px 0 0 65px;
            position:relative;
            float:left;
            opacity:0.5;
            cursor:pointer;
        }

        .menu-trigger:hover { opacity:1; }

        .menu-trigger,
        .menu-trigger span {
            display:inline-block;
            transition:all .4s;
            box-sizing:border-box;
        }

        .menu-trigger span {
            position:absolute;
            left:0;
            height:2px;
            background-color:#f9c835;
            border-radius:4px;
        }

        .menu-trigger span:nth-of-type(1) {
            width:24px;
            top:0;
        }

        .menu-trigger span:nth-of-type(2) {
            width:17px;
            top:9px;
        }

        .menu-trigger span:nth-of-type(3) {
            width:12px;
            top:18px;
        }

        /* menu-trigger animation */

        .menu-trigger.active-1 span:nth-of-type(1) {
            top:-11px;
            -webkit-transform: translateY(20px) rotate(-45deg);
            transform: translateY(20px) rotate(-45deg);
        }

        .menu-trigger.active-1 span:nth-of-type(2) {
            width:24px;
            left:50%;
            opacity:0;
            -webkit-animation: active-menu-bar01 .8s forwards;
            animation: active-menu-bar01 .8s forwards;
        }

        @-webkit-keyframes active-menu-bar01 {
            100% { height: 0; }
        }

        @keyframes active-menu-bar01 {
            100% { height: 0; }
        }

        .menu-trigger.active-1 span:nth-of-type(3) {
            width:24px;
            top:29px;
            -webkit-transform : translateY(-20px) rotate(45deg);
            transform : translateY(-20px) rotate(45deg);
        }

        /* end menu-trigger animation */

        .top a.tel {
            font-family: "Muller-R";
            font-weight:normal;
            font-style:normal;
            text-align:left;
            font-size:20px;
            line-height:26px;
            padding:0;
            margin:0;
            color:#ffffff;
            cursor:pointer;
            float:right;
        }

        .top a.tel:hover {
            color:#facb43;
        }

        .pdf-w {
            padding:0;
            margin:0 50px 0 0;
            float:right;
        }

        .top a.pdf {
            font-family: "Muller-R";
            font-weight:normal;
            font-style:normal;
            text-align:center;
            letter-spacing:2px;
            text-transform:uppercase;
            font-size:14px;
            line-height:30px;
            width:50px;
            height:28px;
            padding:0 0 0 10px;
            margin:0;
            color:#facb43;
            cursor:pointer;
            background:url('../images/pdf.svg') no-repeat 0 0;
            display:block;
        }

        .top a.pdf:hover {
            color:#181b20;
            background:url('../images/pdf-hover.svg') no-repeat 0 0;
        }

            @media all and (max-width: 1360px) {
                .top {
                    width:calc(100% - 60px);
                    padding:40px 0 0 0;
                    margin:0;
                    position:fixed;
                    top:0;
                    left:30px;
                    z-index:50;
                }
            }

            @media all and (max-width: 720px) {
                .top {
                    width:calc(100% - 40px);
                    padding:30px 0 0 0;
                    margin:0;
                    position:fixed;
                    top:0;
                    left:20px;
                    z-index:50;
                }

                .menu-trigger {
                    width:24px;
                    height:20px;
                    padding:0;
                    margin:3px 0 0 0;
                    position:absolute;
                    top:30px;
                    left:calc(50% - 12px);
                    z-index:auto;
                    float:none;
                    opacity:0.5;
                    cursor:pointer;
                }

                .pdf-w {
                    padding:0;
                    margin:0;
                    float:none;
                    position:fixed;
                    bottom:50px;
                    left:5px;
                    z-index:50;
                    -moz-transform: rotate(-90deg);
                    -ms-transform: rotate(-90deg);
                    -webkit-transform: rotate(-90deg);
                    -o-transform: rotate(-90deg);
                    transform: rotate(-90deg);
                }
            }

/* left box */

        a.logo-2 {
            width:25px;
            height:29px;
            padding:0;
            margin:0;
            background:url('../images/ypakovka.svg') no-repeat center center;
            display:block;
            pointer-events:none;
            cursor:default;
            position:fixed;
            left:50px;
            bottom:30px;
            z-index:50;
        }

        .navigation {
            width:340px;
            height:20px;
            padding:0;
            margin:0;
            position:fixed;
            left:-105px;
            top:50%;
            z-index:50;
            -moz-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            -webkit-transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
            transform: rotate(-90deg);
        }

        .navigation a {
            font-family: "Muller-R";
            font-weight:normal;
            font-style:normal;
            text-align:left;
            letter-spacing:3px;
            text-transform:uppercase;
            font-size:11px;
            line-height:20px;
            height:20px;
            padding:0;
            margin:0 20px;
            color:rgba(255,255,255,0.2);
            cursor:pointer;
            float:right;
            position:relative;
        }

        .navigation a:hover {
            color:#facb43;
        }

        .navigation .active-navigation a {
            color:#facb43;
        }

            @media all and (max-width: 1360px) {
                a.logo-2 {
                    width:25px;
                    height:29px;
                    padding:0;
                    margin:0;
                    background:url('../images/ypakovka.svg') no-repeat center center;
                    display:block;
                    pointer-events:none;
                    cursor:default;
                    position:fixed;
                    left:30px;
                    bottom:30px;
                    z-index:50;
                }

                .navigation {
                    width:340px;
                    height:20px;
                    padding:0;
                    margin:0;
                    position:fixed;
                    left:-125px;
                    top:50%;
                    z-index:50;
                    -moz-transform: rotate(-90deg);
                    -ms-transform: rotate(-90deg);
                    -webkit-transform: rotate(-90deg);
                    -o-transform: rotate(-90deg);
                    transform: rotate(-90deg);
                }
            }

            @media all and (max-width: 720px) {
                a.logo-2 {
                    width:25px;
                    height:29px;
                    padding:0;
                    margin:0;
                    background:url('../images/ypakovka.svg') no-repeat center center;
                    display:block;
                    pointer-events:none;
                    cursor:default;
                    position:fixed;
                    left:calc(50% - 12.5px);
                    bottom:auto;
                    top:30px;
                    z-index:50;
                }

                .navigation {
                    width:340px;
                    height:20px;
                    padding:0;
                    margin:0;
                    position:fixed;
                    left:-135px;
                    top:50%;
                    z-index:50;
                    -moz-transform: rotate(-90deg);
                    -ms-transform: rotate(-90deg);
                    -webkit-transform: rotate(-90deg);
                    -o-transform: rotate(-90deg);
                    transform: rotate(-90deg);
                }
            }

/* social */

        .social {
            width:24px;
            padding:0;
            margin:0;
            display:block;
            cursor:default;
            position:fixed;
            right:50px;
            bottom:30px;
            z-index:50;
        }

        .social a {
            width:24px;
            height:24px;
            padding:0;
            margin:15px 0 0 0;
            display:block;
            cursor:pointer;
            opacity:0.2;
        }

        .social a.behance {  background:url('../images/behance.png') no-repeat center right;
            -webkit-background-size: 22px 14px;
            -moz-background-size: 22px 14px;
            -o-background-size: 22px 14px;
            background-size: 22px 14px;
        }
        .social a.instagram {  background:url('../images/instagram.png') no-repeat center right;
            -webkit-background-size: 18px 19px;
            -moz-background-size: 18px 19px;
            -o-background-size: 18px 19px;
            background-size: 18px 19px;
        }
        .social a.vk {  background:url('../images/vk.png') no-repeat center right;
            -webkit-background-size: 23px 13px;
            -moz-background-size: 23px 13px;
            -o-background-size: 23px 13px;
            background-size: 23px 13px;
        }

        .social a:hover {
            opacity:1;
        }

            @media all and (max-width: 1360px) {
                .social {
                    width:24px;
                    padding:0;
                    margin:0;
                    display:block;
                    cursor:default;
                    position:fixed;
                    right:30px;
                    bottom:30px;
                    z-index:50;
                }
            }

            @media all and (max-width: 720px) {
                .social {
                    width:24px;
                    padding:0;
                    margin:0;
                    display:block;
                    cursor:default;
                    position:fixed;
                    right:20px;
                    bottom:30px;
                    z-index:50;
                }
            }

/* rub-button */

        .rub-button {
            width:27px;
            height:30px;
            overflow:hidden;
            padding:0;
            margin:0;
            background:url('../images/rub.png') no-repeat 0 0;
            -webkit-background-size: 27px 30px;
            -moz-background-size: 27px 30px;
            -o-background-size: 27px 30px;
            background-size: 27px 30px;
            position:fixed;
            top:calc(50% - 45px);
            right:50px;
            z-index:50;
            cursor:pointer;
        }

        .rub-button:hover {
            padding:0 0 110px 0;
            top:calc(50% - 100px);
        }

        .rub-button span {
            opacity:0;
            font-family: "Muller-B";
            font-weight:normal;
            font-style:normal;
            text-align:left;
            text-transform:uppercase;
            letter-spacing:1px;
            font-size:12px;
            line-height:32px;
            width:110px;
            height:28px;
            padding:0;
            margin:0;
            color:#ffffff;
            position:absolute;
            left:-42px;
            bottom:45px;
            z-index:auto;
            -moz-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            -webkit-transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
            transform: rotate(-90deg);
        }

        .rub-button:hover span {
            opacity:1;
        }

        .rub-button:hover, .rub-button:not(:hover),
        .rub-button:hover span, .rub-button:not(:hover) span {
            -webkit-transition: All 0.3s ease;
            -moz-transition: All 0.3s ease;
            -o-transition: All 0.3s ease;
            -ms-transition: All 0.3s ease;
            transition: All 0.3s ease;
        }

            @media all and (max-width: 1360px) {
                .rub-button {
                    right:30px;
                }
            }

            @media all and (max-width: 720px) {
                .rub-button {
                    right:20px;
                }
            }

/* home */

        #home-w {
            overflow:hidden;
            width:100%;
            height:100%;
            min-height:680px;
            padding:0;
            margin:0;
            position:relative;
        }

        #home {
            width:860px;
            padding:0;
            margin:0;
            text-align:center;
            position:absolute;
            top:calc(50% - 205px);
            left:calc(50% - 430px);
            z-index:5;
        }

        #home h1 {
            font-family: "Muller-M";
            font-weight:normal;
            font-style:normal;
            text-align:center;
            font-size:42px;
            line-height:62px;
            max-width:760px;
            padding:0;
            margin:0 auto;
            color:#ffffff;
            cursor:default;
            position:relative;
        }

        #home h1 span {
            color:#f9c425;
        }

        #home h4 {
            font-family: "Muller-L";
            font-weight:normal;
            font-style:normal;
            text-align:center;
            font-size:26px;
            line-height:36px;
            max-width:660px;
            padding:0;
            margin:55px auto 0 auto;
            color:#ffffff;
            cursor:default;
            position:relative;
        }

        #home h4 span {
            color:#f9c425;
        }

        #home p {
            font-family: "Muller-L";
            font-weight:normal;
            font-style:normal;
            text-align:center;
            font-size:16px;
            line-height:28px;
            height:26px;
            padding:0;
            display:inline-block;
            margin:75px auto 0 auto;
            color:#ffffff;
            cursor:default;
            position:relative;
            opacity:0.5;
        }

        #home p span.text {
            float:left;
        }

        #home p span.ico {
            width:26px;
            height:26px;
            padding:0;
            margin:0 20px;
            float:left;
            cursor:default;
            background:url('../images/plus.svg') no-repeat 0 0;
        }

        .br-none {
            display:none;
        }

            @media all and (max-width: 1020px) {
                #home-w {
                    width:100%;
                    height:auto;
                    min-height:10px;
                    padding:0;
                    margin:0;
                    position:relative;
                }

                #home {
                    width:500px;
                    padding:180px 0;
                    margin:0 auto;
                    text-align:center;
                    position:relative;
                    top:auto;
                    left:auto;
                    z-index:5;
                }

                #home h1 {
                    font-family: "Muller-M";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    font-size:34px;
                    line-height:44px;
                    max-width:500px;
                    padding:0;
                    margin:0 auto;
                    color:#ffffff;
                    cursor:default;
                    position:relative;
                }

                #home h1 br {
                    display:none;
                }

                #home h1 span {
                    color:#f9c425;
                }

                #home h4 {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    font-size:22px;
                    line-height:32px;
                    max-width:660px;
                    padding:0;
                    margin:45px auto 0 auto;
                    color:#ffffff;
                    cursor:default;
                    position:relative;
                }

                #home h4 span {
                    color:#f9c425;
                }

                #home p {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    font-size:16px;
                    line-height:28px;
                    height:26px;
                    padding:0;
                    display:inline-block;
                    margin:55px auto 0 auto;
                    color:#ffffff;
                    cursor:default;
                    position:relative;
                    opacity:0.5;
                }

                #home p span.text {
                    float:left;
                }

                #home p span.ico {
                    width:26px;
                    height:26px;
                    padding:0;
                    margin:0 15px;
                    float:left;
                    cursor:default;
                    background:url('../images/plus.svg') no-repeat 0 0;
                }
            }

            @media all and (max-width: 720px) {
                #home-w {
                    width:100%;
                    height:auto;
                    min-height:10px;
                    padding:0;
                    margin:0;
                    position:relative;
                }

                #home {
                    width:360px;
                    padding:160px 0 60px 0;
                    margin:0 auto;
                    text-align:center;
                    position:relative;
                    top:auto;
                    left:auto;
                    z-index:5;
                }

                #home h1 {
                    font-family: "Muller-M";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    font-size:28px;
                    line-height:38px;
                    max-width:500px;
                    padding:0;
                    margin:0 auto;
                    color:#ffffff;
                    cursor:default;
                    position:relative;
                }

                #home h1 br {
                    display:block;
                }

                #home h1 span {
                    color:#f9c425;
                }

                #home h4 {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    font-size:18px;
                    line-height:28px;
                    max-width:320px;
                    padding:0;
                    margin:35px auto 0 auto;
                    color:#ffffff;
                    cursor:default;
                    position:relative;
                }

                #home h4 span {
                    color:#f9c425;
                }

                #home p {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    font-size:14px;
                    line-height:24px;
                    height:22px;
                    padding:0;
                    display:inline-block;
                    margin:45px auto 0 auto;
                    color:#ffffff;
                    cursor:default;
                    position:relative;
                    opacity:0.5;
                }

                #home p span.text {
                    float:left;
                }

                #home p span.ico {
                    width:22px;
                    height:22px;
                    padding:0;
                    margin:0 9px;
                    float:left;
                    cursor:default;
                    background:url('../images/plus.svg') no-repeat 0 0;
                    -webkit-background-size: 100% auto;
                    -moz-background-size: 100% auto;
                    -o-background-size: 100% auto;
                    background-size: 100% auto;
                }
            }

/* slider */

        #slider-w {
            width:100%;
            padding:0;
            margin:-120px 0 0 0;
            position:relative;
        }

        #slider {
            width:1140px;
            padding:0 0 15px 0;
            margin:0 auto;
            text-align:center;
            position:relative;
            z-index:5;
        }

        .slider-w {
            width:100%;
            position:relative;
            display:block;
            padding:0 0 15px 0;
            margin:0 auto;
        }

        .slider-w1 {
            width:100%;
            position:relative;
            display:block;
            padding:0;
            margin:0 auto;
            overflow:hidden;
        }

        .slider-w::after {
            content:'';
            width:100%;
            height:500px;
            margin:0;
            padding:0;
            position:absolute;
            top:170px;
            left:0;
            z-index:-1;
            -moz-box-shadow: 0 9px 51px 0 rgba(9,15,19,1);
            -webkit-box-shadow: 0 9px 51px 0 rgba(9,15,19,1);
            box-shadow: 0 9px 51px 0 rgba(9,15,19,1);
        }

        #slider .slick-slider {
            width:100%;
            position:relative;
            display:block;
        }

        #slider .slick-list {
            width:1425px;
            overflow:hidden;
            display:block;
            margin:0 0 0 -285px;
            padding:0;
            position:relative;
            outline:none;
            border:none;
        }

        #slider .slider-box {
            width:100%;
            overflow:hidden;
            display:block;
            margin:0 auto;
            padding:0;
            position:relative;
            outline:none;
            border:none;
            z-index:5;
        }

        #slider .slick-list:focus {
            outline:none;
            border:none;
        }

        #slider .slick-slide {
            width:25%;
            height:100%;
            padding:0;
            margin:170px 0 150px 0;
            background:#000000;
            position:relative;
            display:none;
            float:left;
        }

        #slider .slick-slide img {
            width:100%;
            padding:0;
            margin:0;
            position:relative;
            display:block;
            z-index:5;
            opacity:0.5;
        }

        #slider .slick-center {
            background:none;
            -moz-transform: scale(1.3);
            -ms-transform: scale(1.3);
            -o-transform: scale(1.3);
            -webkit-transform: scale(1.3);
            z-index:10;
            border-radius:20px;
            -webkit-border-radius:20px;
            -moz-border-radius:20px;
            -khtml-border-radius:20px;
        }

        #slider .slick-center img {
            width:100%;
            padding:0;
            margin:0;
            position:relative;
            display:block;
            z-index:10;
            opacity:1;
            border-radius:20px;
            -webkit-border-radius:20px;
            -moz-border-radius:20px;
            -khtml-border-radius:20px;
            -moz-box-shadow: 0 9px 51px 0 rgba(9,15,19,1);
            -webkit-box-shadow: 0 9px 51px 0 rgba(9,15,19,1);
            box-shadow: 0 9px 51px 0 rgba(9,15,19,1);
        }

        #slider .slick-initialized .slick-slide {
            display:block;
            border:none;
            outline:none;
        }

        #slider .slick-vertical .slick-slide {
            display:block;
            height:auto;
        }

        #slider .slick-arrow.slick-hidden {
            display:none;
        }

        #slider .slick-prev {
            font-size:0;
            line-height:0;
            position:absolute;
            top:50%;
            left:0;
            width:60px;
            height:60px;
            padding:0;
            -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
            cursor:pointer;
            color:transparent;
            border:none;
            outline:none;
            background:#facb43;
            z-index:20;
        }

        #slider .slick-prev::before {
            content: "";
            display: block;
            position: absolute;
            right:16px;
            top:50%;
            width:10px;
            height:10px;
            border-top: 1px solid #181b20;
            border-right: 1px solid #181b20;
            -webkit-transform: translate(-50%,-50%) rotate(-135deg);
            transform: translate(-50%,-50%) rotate(-135deg);
            transition: opacity .35s;
        }

        #slider .slick-next {
            font-size:0;
            line-height:0;
            position:absolute;
            top:50%;
            right:0;
            width:60px;
            height:60px;
            padding:0;
            -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
            cursor:pointer;
            color:transparent;
            border:none;
            outline:none;
            background:#facb43;
            z-index:20;
        }

        #slider .slick-next::before {
            content: "";
            display: block;
            position: absolute;
            right:20px;
            top:50%;
            width:10px;
            height:10px;
            border-bottom: 1px solid #181b20;
            border-left: 1px solid #181b20;
            -webkit-transform: translate(-50%,-50%) rotate(-135deg);
            transform: translate(-50%,-50%) rotate(-135deg);
            transition: opacity .35s;
        }

        #slider .slick-prev:hover,
        #slider .slick-next:hover {
            opacity:0.75;
        }

        .slick-prev:hover, .slick-prev:not(:hover),
        .slick-next:hover, .slick-next:not(:hover) {
            -webkit-transition: All 0.2s ease;
            -moz-transition: All 0.2s ease;
            -o-transition: All 0.2s ease;
            -ms-transition: All 0.2s ease;
            transition: All 0.2s ease;
        }

        #slider .slick-dotted.slick-slider {
            padding:0;
            margin:0;
            z-index:20;
        }

        #slider .slick-dots {
            width:100%;
            display:block;
            padding:0;
            margin:0;
            position:absolute;
            top:20px;
            left:0;
            list-style:none;
            text-align:center;
        }

        #slider .slick-dots li {
            position:relative;
            display:inline-block;
            width:122px;
            height:1px;
            margin:0;
            padding:0;
            cursor:pointer;
            background:url('../images/bullet.svg') no-repeat 0 0;
        }

        #slider .slick-dots li:hover,
        #slider .slick-dots li:hover::after {
            -webkit-transition: All 0.2s ease;
            -moz-transition: All 0.2s ease;
            -o-transition: All 0.2s ease;
            -ms-transition: All 0.2s ease;
            transition: All 0.2s ease;
        }

        #slider .slick-dots li:hover {
            background:url('../images/bullet-hover.png') no-repeat 0 0;
            -webkit-background-size: 122px auto;
            -moz-background-size: 122px auto;
            -o-background-size: 122px auto;
            background-size: 122px auto;
        }

        #slider .slick-dots li.slick-active {
            background:url('../images/bullet-active.png') no-repeat 0 0;
            -webkit-background-size: 122px auto;
            -moz-background-size: 122px auto;
            -o-background-size: 122px auto;
            background-size: 122px auto;
        }

        #slider .slick-dots li::after {
            content:'';
            position:absolute;
            top:calc(50% - 7px);
            left:calc(50% - 7px);
            width:12px;
            height:12px;
            border:1px solid #26404b;
            margin:0;
            padding:0;
            cursor:pointer;
            background:none;
            border-radius:100%;
            -webkit-border-radius:100%;
            -moz-border-radius:100%;
            -khtml-border-radius:100%;
        }

        #slider .slick-dots li:hover::after {
            border:1px solid #47778b;
        }

        #slider .slick-dots li.slick-active::after {
            border:1px solid #ffde16;
            background:#ffde16;
            -moz-box-shadow: 0 0 27px 0 rgba(255,209,56,0.28);
            -webkit-box-shadow: 0 0 27px 0 rgba(255,209,56,0.28);
            box-shadow: 0 0 27px 0 rgba(255,209,56,0.28);
        }

        #slider .slick-dots li button {
            font-size:0;
            line-height:0;
            display:block;
            width:100%;
            height:100%;
            padding:0;
            margin:0;
            cursor:pointer;
            color:transparent;
            border:0;
            outline:none;
            background:transparent;
        }

            @media all and (max-width: 1360px) {
                #slider-w {
                    width:100%;
                    padding:0;
                    margin:-120px 0 0 0;
                    position:relative;
                }

                #slider {
                    width:1080px;
                    padding:0 0 15px 0;
                    margin:0 auto;
                    text-align:center;
                    position:relative;
                    z-index:5;
                }

                .slider-w {
                    width:100%;
                    position:relative;
                    display:block;
                }

                .slider-w::after {
                    content:'';
                    width:100%;
                    height:470px;
                    margin:0;
                    padding:0;
                    position:absolute;
                    top:170px;
                    left:0;
                    z-index:-1;
                    -moz-box-shadow: 0 9px 51px 0 rgba(9,15,19,1);
                    -webkit-box-shadow: 0 9px 51px 0 rgba(9,15,19,1);
                    box-shadow: 0 9px 51px 0 rgba(9,15,19,1);
                }

                #slider .slick-slider {
                    width:100%;
                    position:relative;
                    display:block;
                }

                #slider .slick-list {
                    width:1350px;
                    overflow:hidden;
                    display:block;
                    margin:0 0 0 -270px;
                    padding:0;
                    position:relative;
                    outline:none;
                    border:none;
                }

                #slider .slider-box {
                    width:100%;
                    overflow:hidden;
                    display:block;
                    margin:0 auto;
                    padding:0;
                    position:relative;
                    outline:none;
                    border:none;
                    z-index:5;
                }

                #slider .slick-list:focus {
                    outline:none;
                    border:none;
                }

                #slider .slick-slide {
                    width:25%;
                    height:100%;
                    padding:0;
                    margin:170px 0 150px 0;
                    background:#000000;
                    position:relative;
                    display:none;
                    float:left;
                }

                #slider .slick-slide img {
                    width:100%;
                    padding:0;
                    margin:0;
                    position:relative;
                    display:block;
                    z-index:5;
                    opacity:0.5;
                }

                #slider .slick-center {
                    background:none;
                    -moz-transform: scale(1.3);
                    -ms-transform: scale(1.3);
                    -o-transform: scale(1.3);
                    -webkit-transform: scale(1.3);
                    z-index:10;
                    border-radius:20px;
                    -webkit-border-radius:20px;
                    -moz-border-radius:20px;
                    -khtml-border-radius:20px;
                }

                #slider .slick-center img {
                    width:100%;
                    padding:0;
                    margin:0;
                    position:relative;
                    display:block;
                    z-index:10;
                    opacity:1;
                    border-radius:20px;
                    -webkit-border-radius:20px;
                    -moz-border-radius:20px;
                    -khtml-border-radius:20px;
                    -moz-box-shadow: 0 9px 51px 0 rgba(9,15,19,1);
                    -webkit-box-shadow: 0 9px 51px 0 rgba(9,15,19,1);
                    box-shadow: 0 9px 51px 0 rgba(9,15,19,1);
                }

                #slider .slick-initialized .slick-slide {
                    display:block;
                    border:none;
                    outline:none;
                }

                #slider .slick-vertical .slick-slide {
                    display:block;
                    height:auto;
                }

                #slider .slick-arrow.slick-hidden {
                    display:none;
                }

                #slider .slick-prev {
                    font-size:0;
                    line-height:0;
                    position:absolute;
                    top:50%;
                    left:0;
                    width:60px;
                    height:60px;
                    padding:0;
                    -webkit-transform: translate(0, -50%);
                    -ms-transform: translate(0, -50%);
                    transform: translate(0, -50%);
                    cursor:pointer;
                    color:transparent;
                    border:none;
                    outline:none;
                    background:#facb43;
                    z-index:20;
                }

                #slider .slick-prev::before {
                    content: "";
                    display: block;
                    position: absolute;
                    right:16px;
                    top:50%;
                    width:10px;
                    height:10px;
                    border-top: 1px solid #181b20;
                    border-right: 1px solid #181b20;
                    -webkit-transform: translate(-50%,-50%) rotate(-135deg);
                    transform: translate(-50%,-50%) rotate(-135deg);
                    transition: opacity .35s;
                }

                #slider .slick-next {
                    font-size:0;
                    line-height:0;
                    position:absolute;
                    top:50%;
                    right:0;
                    width:60px;
                    height:60px;
                    padding:0;
                    -webkit-transform: translate(0, -50%);
                    -ms-transform: translate(0, -50%);
                    transform: translate(0, -50%);
                    cursor:pointer;
                    color:transparent;
                    border:none;
                    outline:none;
                    background:#facb43;
                    z-index:20;
                }

                #slider .slick-next::before {
                    content: "";
                    display: block;
                    position: absolute;
                    right:20px;
                    top:50%;
                    width:10px;
                    height:10px;
                    border-bottom: 1px solid #181b20;
                    border-left: 1px solid #181b20;
                    -webkit-transform: translate(-50%,-50%) rotate(-135deg);
                    transform: translate(-50%,-50%) rotate(-135deg);
                    transition: opacity .35s;
                }

                #slider .slick-prev:hover,
                #slider .slick-next:hover {
                    opacity:0.75;
                }

                .slick-prev:hover, .slick-prev:not(:hover),
                .slick-next:hover, .slick-next:not(:hover) {
                    -webkit-transition: All 0.2s ease;
                    -moz-transition: All 0.2s ease;
                    -o-transition: All 0.2s ease;
                    -ms-transition: All 0.2s ease;
                    transition: All 0.2s ease;
                }

                #slider .slick-dotted.slick-slider {
                    padding:0;
                    margin:0;
                    z-index:20;
                }

                #slider .slick-dots {
                    width:100%;
                    display:block;
                    padding:0;
                    margin:0;
                    position:absolute;
                    top:20px;
                    left:0;
                    list-style:none;
                    text-align:center;
                }

                #slider .slick-dots li {
                    position:relative;
                    display:inline-block;
                    width:122px;
                    height:1px;
                    margin:0;
                    padding:0;
                    cursor:pointer;
                    background:url('../images/bullet.svg') no-repeat 0 0;
                }

                #slider .slick-dots li:hover {
                    background:url('../images/bullet-hover.png') no-repeat 0 0;
                    -webkit-background-size: 122px auto;
                    -moz-background-size: 122px auto;
                    -o-background-size: 122px auto;
                    background-size: 122px auto;
                }

                #slider .slick-dots li.slick-active {
                    background:url('../images/bullet-active.png') no-repeat 0 0;
                    -webkit-background-size: 122px auto;
                    -moz-background-size: 122px auto;
                    -o-background-size: 122px auto;
                    background-size: 122px auto;
                }

                #slider .slick-dots li::after {
                    content:'';
                    position:absolute;
                    top:calc(50% - 7px);
                    left:calc(50% - 7px);
                    width:12px;
                    height:12px;
                    border:1px solid #26404b;
                    margin:0;
                    padding:0;
                    cursor:pointer;
                    background:none;
                    border-radius:100%;
                    -webkit-border-radius:100%;
                    -moz-border-radius:100%;
                    -khtml-border-radius:100%;
                }

                #slider .slick-dots li:hover::after {
                    border:1px solid #47778b;
                }

                #slider .slick-dots li.slick-active::after {
                    border:1px solid #ffde16;
                    background:#ffde16;
                    -moz-box-shadow: 0 0 27px 0 rgba(255,209,56,0.28);
                    -webkit-box-shadow: 0 0 27px 0 rgba(255,209,56,0.28);
                    box-shadow: 0 0 27px 0 rgba(255,209,56,0.28);
                }

                #slider .slick-dots li button {
                    font-size:0;
                    line-height:0;
                    display:block;
                    width:100%;
                    height:100%;
                    padding:0;
                    margin:0;
                    cursor:pointer;
                    color:transparent;
                    border:0;
                    outline:none;
                    background:transparent;
                }
            }

            @media all and (max-width: 1240px) {
                #slider-w {
                    width:100%;
                    padding:0;
                    margin:-120px 0 0 0;
                    position:relative;
                }

                #slider {
                    width:860px;
                    padding:0 0 15px 0;
                    margin:0 auto;
                    text-align:center;
                    position:relative;
                    z-index:5;
                }

                .slider-w {
                    width:100%;
                    position:relative;
                    display:block;
                }

                .slider-w::after {
                    content:'';
                    width:100%;
                    height:500px;
                    margin:0;
                    padding:0;
                    position:absolute;
                    top:170px;
                    left:0;
                    z-index:-1;
                    -moz-box-shadow: 0 9px 51px 0 rgba(9,15,19,1);
                    -webkit-box-shadow: 0 9px 51px 0 rgba(9,15,19,1);
                    box-shadow: 0 9px 51px 0 rgba(9,15,19,1);
                }

                #slider .slick-slider {
                    width:100%;
                    position:relative;
                    display:block;
                }

                #slider .slick-list {
                    width:100%;
                    overflow:hidden;
                    display:block;
                    margin:0 auto;
                    padding:0;
                    position:relative;
                    outline:none;
                    border:none;
                }

                #slider .slider-box {
                    width:100%;
                    overflow:hidden;
                    display:block;
                    margin:0 auto;
                    padding:0;
                    position:relative;
                    outline:none;
                    border:none;
                    z-index:5;
                }

                #slider .slick-list:focus {
                    outline:none;
                    border:none;
                }

                #slider .slick-slide {
                    width:25%;
                    height:100%;
                    padding:0;
                    margin:170px 0 150px 0;
                    background:#000000;
                    position:relative;
                    display:none;
                    float:left;
                }

                #slider .slick-slide img {
                    width:100%;
                    padding:0;
                    margin:0;
                    position:relative;
                    display:block;
                    z-index:5;
                    opacity:0.5;
                }

                #slider .slick-center {
                    background:none;
                    -moz-transform: scale(1.3);
                    -ms-transform: scale(1.3);
                    -o-transform: scale(1.3);
                    -webkit-transform: scale(1.3);
                    z-index:10;
                    border-radius:20px;
                    -webkit-border-radius:20px;
                    -moz-border-radius:20px;
                    -khtml-border-radius:20px;
                }

                #slider .slick-center img {
                    width:100%;
                    padding:0;
                    margin:0;
                    position:relative;
                    display:block;
                    z-index:10;
                    opacity:1;
                    border-radius:20px;
                    -webkit-border-radius:20px;
                    -moz-border-radius:20px;
                    -khtml-border-radius:20px;
                    -moz-box-shadow: 0 9px 51px 0 rgba(9,15,19,1);
                    -webkit-box-shadow: 0 9px 51px 0 rgba(9,15,19,1);
                    box-shadow: 0 9px 51px 0 rgba(9,15,19,1);
                }

                #slider .slick-initialized .slick-slide {
                    display:block;
                    border:none;
                    outline:none;
                }

                #slider .slick-vertical .slick-slide {
                    display:block;
                    height:auto;
                }

                #slider .slick-arrow.slick-hidden {
                    display:none;
                }

                #slider .slick-prev {
                    font-size:0;
                    line-height:0;
                    position:absolute;
                    top:50%;
                    left:0;
                    width:60px;
                    height:60px;
                    padding:0;
                    -webkit-transform: translate(0, -50%);
                    -ms-transform: translate(0, -50%);
                    transform: translate(0, -50%);
                    cursor:pointer;
                    color:transparent;
                    border:none;
                    outline:none;
                    background:#facb43;
                    z-index:20;
                }

                #slider .slick-prev::before {
                    content: "";
                    display: block;
                    position: absolute;
                    right:16px;
                    top:50%;
                    width:10px;
                    height:10px;
                    border-top: 1px solid #181b20;
                    border-right: 1px solid #181b20;
                    -webkit-transform: translate(-50%,-50%) rotate(-135deg);
                    transform: translate(-50%,-50%) rotate(-135deg);
                    transition: opacity .35s;
                }

                #slider .slick-next {
                    font-size:0;
                    line-height:0;
                    position:absolute;
                    top:50%;
                    right:0;
                    width:60px;
                    height:60px;
                    padding:0;
                    -webkit-transform: translate(0, -50%);
                    -ms-transform: translate(0, -50%);
                    transform: translate(0, -50%);
                    cursor:pointer;
                    color:transparent;
                    border:none;
                    outline:none;
                    background:#facb43;
                    z-index:20;
                }

                #slider .slick-next::before {
                    content: "";
                    display: block;
                    position: absolute;
                    right:20px;
                    top:50%;
                    width:10px;
                    height:10px;
                    border-bottom: 1px solid #181b20;
                    border-left: 1px solid #181b20;
                    -webkit-transform: translate(-50%,-50%) rotate(-135deg);
                    transform: translate(-50%,-50%) rotate(-135deg);
                    transition: opacity .35s;
                }

                #slider .slick-prev:hover,
                #slider .slick-next:hover {
                    opacity:0.75;
                }

                .slick-prev:hover, .slick-prev:not(:hover),
                .slick-next:hover, .slick-next:not(:hover) {
                    -webkit-transition: All 0.2s ease;
                    -moz-transition: All 0.2s ease;
                    -o-transition: All 0.2s ease;
                    -ms-transition: All 0.2s ease;
                    transition: All 0.2s ease;
                }

                #slider .slick-dotted.slick-slider {
                    padding:0;
                    margin:0;
                    z-index:20;
                }

                #slider .slick-dots {
                    width:100%;
                    display:block;
                    padding:0;
                    margin:0;
                    position:absolute;
                    top:20px;
                    left:0;
                    list-style:none;
                    text-align:center;
                }

                #slider .slick-dots li {
                    position:relative;
                    display:inline-block;
                    width:122px;
                    height:1px;
                    margin:0;
                    padding:0;
                    cursor:pointer;
                    background:url('../images/bullet.svg') no-repeat 0 0;
                }

                #slider .slick-dots li:hover {
                    background:url('../images/bullet-hover.png') no-repeat 0 0;
                    -webkit-background-size: 122px auto;
                    -moz-background-size: 122px auto;
                    -o-background-size: 122px auto;
                    background-size: 122px auto;
                }

                #slider .slick-dots li.slick-active {
                    background:url('../images/bullet-active.png') no-repeat 0 0;
                    -webkit-background-size: 122px auto;
                    -moz-background-size: 122px auto;
                    -o-background-size: 122px auto;
                    background-size: 122px auto;
                }

                #slider .slick-dots li::after {
                    content:'';
                    position:absolute;
                    top:calc(50% - 7px);
                    left:calc(50% - 7px);
                    width:12px;
                    height:12px;
                    border:1px solid #26404b;
                    margin:0;
                    padding:0;
                    cursor:pointer;
                    background:none;
                    border-radius:100%;
                    -webkit-border-radius:100%;
                    -moz-border-radius:100%;
                    -khtml-border-radius:100%;
                }

                #slider .slick-dots li:hover::after {
                    border:1px solid #47778b;
                }

                #slider .slick-dots li.slick-active::after {
                    border:1px solid #ffde16;
                    background:#ffde16;
                    -moz-box-shadow: 0 0 27px 0 rgba(255,209,56,0.28);
                    -webkit-box-shadow: 0 0 27px 0 rgba(255,209,56,0.28);
                    box-shadow: 0 0 27px 0 rgba(255,209,56,0.28);
                }

                #slider .slick-dots li button {
                    font-size:0;
                    line-height:0;
                    display:block;
                    width:100%;
                    height:100%;
                    padding:0;
                    margin:0;
                    cursor:pointer;
                    color:transparent;
                    border:0;
                    outline:none;
                    background:transparent;
                }
            }

            @media all and (max-width: 1020px) {
                #slider-w {
                    width:100%;
                    padding:0;
                    margin:0;
                    position:relative;
                }

                #slider {
                    width:500px;
                    padding:0;
                    margin:0 auto;
                    text-align:center;
                    position:relative;
                    z-index:5;
                }

                .slider-w {
                    width:100%;
                    position:relative;
                    display:block;
                }

                .slider-w::after {
                    content:'';
                    width:100%;
                    height:410px;
                    margin:0;
                    padding:0;
                    position:absolute;
                    top:170px;
                    left:0;
                    z-index:-1;
                    -moz-box-shadow: 0 9px 51px 0 rgba(9,15,19,1);
                    -webkit-box-shadow: 0 9px 51px 0 rgba(9,15,19,1);
                    box-shadow: 0 9px 51px 0 rgba(9,15,19,1);
                }

                #slider .slick-slider {
                    width:100%;
                    position:relative;
                    display:block;
                    overflow:hidden;
                }

                #slider .slick-list {
                    width:700px;
                    margin:0 0 0 -100px;
                    overflow:hidden;
                    display:block;
                    padding:0;
                    position:relative;
                    outline:none;
                    border:none;
                }

                #slider .slider-box {
                    width:100%;
                    overflow:hidden;
                    display:block;
                    margin:0 auto;
                    padding:0;
                    position:relative;
                    outline:none;
                    border:none;
                    z-index:5;
                }

                #slider .slick-list:focus {
                    outline:none;
                    border:none;
                }

                #slider .slick-slide {
                    width:25%;
                    height:100%;
                    padding:0;
                    margin:170px 0 150px 0;
                    background:#000000;
                    position:relative;
                    display:none;
                    float:left;
                }

                #slider .slick-slide img {
                    width:100%;
                    padding:0;
                    margin:0;
                    position:relative;
                    display:block;
                    z-index:5;
                    opacity:0.5;
                }

                #slider .slick-center {
                    background:none;
                    -moz-transform: scale(1.3);
                    -ms-transform: scale(1.3);
                    -o-transform: scale(1.3);
                    -webkit-transform: scale(1.3);
                    z-index:10;
                    border-radius:20px;
                    -webkit-border-radius:20px;
                    -moz-border-radius:20px;
                    -khtml-border-radius:20px;
                }

                #slider .slick-center img {
                    width:100%;
                    padding:0;
                    margin:0;
                    position:relative;
                    display:block;
                    z-index:10;
                    opacity:1;
                    border-radius:20px;
                    -webkit-border-radius:20px;
                    -moz-border-radius:20px;
                    -khtml-border-radius:20px;
                    -moz-box-shadow: 0 9px 51px 0 rgba(9,15,19,1);
                    -webkit-box-shadow: 0 9px 51px 0 rgba(9,15,19,1);
                    box-shadow: 0 9px 51px 0 rgba(9,15,19,1);
                }

                #slider .slick-initialized .slick-slide {
                    display:block;
                    border:none;
                    outline:none;
                }

                #slider .slick-vertical .slick-slide {
                    display:block;
                    height:auto;
                }

                #slider .slick-arrow.slick-hidden {
                    display:none;
                }

                #slider .slick-prev {
                    font-size:0;
                    line-height:0;
                    position:absolute;
                    top:50%;
                    left:0;
                    width:60px;
                    height:60px;
                    padding:0;
                    -webkit-transform: translate(0, -50%);
                    -ms-transform: translate(0, -50%);
                    transform: translate(0, -50%);
                    cursor:pointer;
                    color:transparent;
                    border:none;
                    outline:none;
                    background:#facb43;
                    z-index:20;
                }

                #slider .slick-prev::before {
                    content: "";
                    display: block;
                    position: absolute;
                    right:16px;
                    top:50%;
                    width:10px;
                    height:10px;
                    border-top: 1px solid #181b20;
                    border-right: 1px solid #181b20;
                    -webkit-transform: translate(-50%,-50%) rotate(-135deg);
                    transform: translate(-50%,-50%) rotate(-135deg);
                    transition: opacity .35s;
                }

                #slider .slick-next {
                    font-size:0;
                    line-height:0;
                    position:absolute;
                    top:50%;
                    right:0;
                    width:60px;
                    height:60px;
                    padding:0;
                    -webkit-transform: translate(0, -50%);
                    -ms-transform: translate(0, -50%);
                    transform: translate(0, -50%);
                    cursor:pointer;
                    color:transparent;
                    border:none;
                    outline:none;
                    background:#facb43;
                    z-index:20;
                }

                #slider .slick-next::before {
                    content: "";
                    display: block;
                    position: absolute;
                    right:20px;
                    top:50%;
                    width:10px;
                    height:10px;
                    border-bottom: 1px solid #181b20;
                    border-left: 1px solid #181b20;
                    -webkit-transform: translate(-50%,-50%) rotate(-135deg);
                    transform: translate(-50%,-50%) rotate(-135deg);
                    transition: opacity .35s;
                }

                #slider .slick-prev:hover,
                #slider .slick-next:hover {
                    opacity:0.75;
                }

                .slick-prev:hover, .slick-prev:not(:hover),
                .slick-next:hover, .slick-next:not(:hover) {
                    -webkit-transition: All 0.2s ease;
                    -moz-transition: All 0.2s ease;
                    -o-transition: All 0.2s ease;
                    -ms-transition: All 0.2s ease;
                    transition: All 0.2s ease;
                }

                #slider .slick-dotted.slick-slider {
                    padding:0;
                    margin:0;
                    z-index:20;
                }

                #slider .slick-dots {
                    width:100%;
                    display:block;
                    padding:0;
                    margin:0;
                    position:absolute;
                    top:20px;
                    left:0;
                    list-style:none;
                    text-align:center;
                }

                #slider .slick-dots li {
                    position:relative;
                    display:inline-block;
                    width:50px;
                    height:1px;
                    margin:0;
                    padding:0;
                    cursor:pointer;
                    background:url('../images/bullet.svg') no-repeat -36px 0;
                }

                #slider .slick-dots li:hover {
                    background:url('../images/bullet.svg') no-repeat -36px 0;
                }

                #slider .slick-dots li.slick-active {
                    background:url('../images/bullet.svg') no-repeat -36px 0;
                }

                #slider .slick-dots li::after {
                    content:'';
                    position:absolute;
                    top:calc(50% - 7px);
                    left:calc(50% - 7px);
                    width:12px;
                    height:12px;
                    border:1px solid #26404b;
                    margin:0;
                    padding:0;
                    cursor:pointer;
                    background:none;
                    border-radius:100%;
                    -webkit-border-radius:100%;
                    -moz-border-radius:100%;
                    -khtml-border-radius:100%;
                }

                #slider .slick-dots li:hover::after {
                    border:1px solid #47778b;
                }

                #slider .slick-dots li.slick-active::after {
                    border:1px solid #ffde16;
                    background:#ffde16;
                    -moz-box-shadow: 0 0 27px 0 rgba(255,209,56,0.28);
                    -webkit-box-shadow: 0 0 27px 0 rgba(255,209,56,0.28);
                    box-shadow: 0 0 27px 0 rgba(255,209,56,0.28);
                }

                #slider .slick-dots li button {
                    font-size:0;
                    line-height:0;
                    display:block;
                    width:100%;
                    height:100%;
                    padding:0;
                    margin:0;
                    cursor:pointer;
                    color:transparent;
                    border:0;
                    outline:none;
                    background:transparent;
                }
            }

            @media all and (max-width: 720px) {
                #slider-w {
                    width:100%;
                    padding:0;
                    margin:0;
                    position:relative;
                }

                #slider {
                    width:100%;
                    padding:0 0 50px 0;
                    margin:0 auto;
                    text-align:center;
                    position:relative;
                    z-index:5;
                }

                .slider-w {
                    width:100%;
                    position:relative;
                    display:block;
                }

                .slider-w::after {
                    content:'';
                    width:100%;
                    height:330px;
                    margin:0;
                    padding:0;
                    position:absolute;
                    top:150px;
                    left:0;
                    z-index:-1;
                    -moz-box-shadow: 0 9px 51px 0 rgba(9,15,19,0);
                    -webkit-box-shadow: 0 9px 51px 0 rgba(9,15,19,0);
                    box-shadow: 0 9px 51px 0 rgba(9,15,19,0);
                    display:none;
                }

                #slider .slick-slider {
                    width:100%;
                    position:relative;
                    display:block;
                    overflow:hidden;
                }

                #slider .slick-list {
                    width:100%;
                    margin:0;
                    overflow:hidden;
                    display:block;
                    padding:0;
                    position:relative;
                    outline:none;
                    border:none;
                }

                #slider .slider-box {
                    width:100%;
                    overflow:hidden;
                    display:block;
                    margin:0 auto;
                    padding:0;
                    position:relative;
                    outline:none;
                    border:none;
                    z-index:5;
                }

                #slider .slick-list:focus {
                    outline:none;
                    border:none;
                }

                #slider .slick-slide {
                    width:100%;
                    height:100%;
                    padding:0;
                    margin:30px 0 50px 0;
                    background:none;
                    position:relative;
                    display:none;
                    float:left;
                }

                #slider .slick-slide img {
                    width:300px;
                    padding:0;
                    margin:0 auto;
                    position:relative;
                    display:block;
                    z-index:5;
                    opacity:0.5;
                    border-radius:20px;
                    -webkit-border-radius:20px;
                    -moz-border-radius:20px;
                    -khtml-border-radius:20px;
                }

                #slider .slick-center {
                    background:none;
                    -moz-transform: scale(1);
                    -ms-transform: scale(1);
                    -o-transform: scale(1);
                    -webkit-transform: scale(1);
                    z-index:10;
                    border-radius:20px;
                    -webkit-border-radius:20px;
                    -moz-border-radius:20px;
                    -khtml-border-radius:20px;
                }

                #slider .slick-center img {
                    width:300px;
                    padding:0;
                    margin:0 auto;
                    position:relative;
                    display:block;
                    z-index:10;
                    opacity:1;
                    border-radius:20px;
                    -webkit-border-radius:20px;
                    -moz-border-radius:20px;
                    -khtml-border-radius:20px;
                    -moz-box-shadow: 0 9px 31px 0 rgba(9,15,19,1);
                    -webkit-box-shadow: 0 9px 31px 0 rgba(9,15,19,1);
                    box-shadow: 0 9px 31px 0 rgba(9,15,19,1);
                }

                #slider .slick-initialized .slick-slide {
                    display:block;
                    border:none;
                    outline:none;
                }

                #slider .slick-vertical .slick-slide {
                    display:block;
                    height:auto;
                }

                #slider .slick-arrow.slick-hidden {
                    display:none;
                }

                #slider .slick-prev {
                    font-size:0;
                    line-height:0;
                    position:absolute;
                    top:50%;
                    left:0;
                    width:60px;
                    height:60px;
                    padding:0;
                    -webkit-transform: translate(0, -50%);
                    -ms-transform: translate(0, -50%);
                    transform: translate(0, -50%);
                    cursor:pointer;
                    color:transparent;
                    border:none;
                    outline:none;
                    background:#facb43;
                    z-index:20;
                }

                #slider .slick-prev::before {
                    content: "";
                    display: block;
                    position: absolute;
                    right:16px;
                    top:50%;
                    width:10px;
                    height:10px;
                    border-top: 1px solid #181b20;
                    border-right: 1px solid #181b20;
                    -webkit-transform: translate(-50%,-50%) rotate(-135deg);
                    transform: translate(-50%,-50%) rotate(-135deg);
                    transition: opacity .35s;
                }

                #slider .slick-next {
                    font-size:0;
                    line-height:0;
                    position:absolute;
                    top:50%;
                    right:0;
                    width:60px;
                    height:60px;
                    padding:0;
                    -webkit-transform: translate(0, -50%);
                    -ms-transform: translate(0, -50%);
                    transform: translate(0, -50%);
                    cursor:pointer;
                    color:transparent;
                    border:none;
                    outline:none;
                    background:#facb43;
                    z-index:20;
                }

                #slider .slick-next::before {
                    content: "";
                    display: block;
                    position: absolute;
                    right:20px;
                    top:50%;
                    width:10px;
                    height:10px;
                    border-bottom: 1px solid #181b20;
                    border-left: 1px solid #181b20;
                    -webkit-transform: translate(-50%,-50%) rotate(-135deg);
                    transform: translate(-50%,-50%) rotate(-135deg);
                    transition: opacity .35s;
                }

                #slider .slick-prev:hover,
                #slider .slick-next:hover {
                    opacity:0.75;
                }

                .slick-prev:hover, .slick-prev:not(:hover),
                .slick-next:hover, .slick-next:not(:hover) {
                    -webkit-transition: All 0.2s ease;
                    -moz-transition: All 0.2s ease;
                    -o-transition: All 0.2s ease;
                    -ms-transition: All 0.2s ease;
                    transition: All 0.2s ease;
                }

                #slider .slick-dotted.slick-slider {
                    padding:0;
                    margin:0;
                    z-index:20;
                }

                #slider .slick-dots {
                    width:100%;
                    display:block;
                    padding:0;
                    margin:0;
                    position:absolute;
                    top:auto;
                    bottom:0;
                    left:0;
                    list-style:none;
                    text-align:center;
                }

                #slider .slick-dots::after {
                    content:'';
                    width:250px;
                    height:1px;
                    display:block;
                    padding:0;
                    margin:0;
                    position:absolute;
                    top:16px;
                    left:calc(50% - 125px);
                    z-index:4;
                    list-style:none;
                    text-align:center;
                    background:rgba(38,64,75,0.2);
                }

                #slider .slick-dots li {
                    position:relative;
                    display:inline-block;
                    width:40px;
                    height:1px;
                    margin:0;
                    padding:0;
                    cursor:pointer;
                    background:none;
                }

                #slider .slick-dots li:hover {
                    background:none;
                }

                #slider .slick-dots li.slick-active {
                    background:none;
                }

                #slider .slick-dots li::after {
                    content:'';
                    position:absolute;
                    top:calc(50% - 7px);
                    left:calc(50% - 7px);
                    width:12px;
                    height:12px;
                    border:1px solid #26404b;
                    margin:0;
                    padding:0;
                    z-index:5;
                    cursor:pointer;
                    background:#26404b;
                    border-radius:100%;
                    -webkit-border-radius:100%;
                    -moz-border-radius:100%;
                    -khtml-border-radius:100%;
                }

                #slider .slick-dots li:hover::after {
                    border:1px solid #47778b;
                    background:#47778b;
                }

                #slider .slick-dots li.slick-active::after {
                    border:1px solid #ffde16;
                    background:#ffde16;
                    -moz-box-shadow: 0 0 27px 0 rgba(255,209,56,0.28);
                    -webkit-box-shadow: 0 0 27px 0 rgba(255,209,56,0.28);
                    box-shadow: 0 0 27px 0 rgba(255,209,56,0.28);
                }

                #slider .slick-dots li button {
                    font-size:0;
                    line-height:0;
                    display:block;
                    width:100%;
                    height:100%;
                    padding:0;
                    margin:0;
                    cursor:pointer;
                    color:transparent;
                    border:0;
                    outline:none;
                    background:transparent;
                }
            }

/* case */

        #cases {
            overflow:hidden;
            width:100%;
            padding:0;
            margin:0;
            position:relative;
        }

        .case {
            width:1140px;
            padding:90px 0;
            margin:0 auto;
            text-align:center;
            position:relative;
            z-index:5;
        }

        .case-left { float:left; }
        .case-right { float:right; }

        .case-img {
            width:500px;
            padding:50px 0 0 0;
            margin:0;
            text-align:center;
            position:relative;
            z-index:5;
        }

        .case-p1 {
            font-family: "Muller-L";
            font-weight:normal;
            font-style:normal;
            text-align:left;
            letter-spacing:1.5px;
            text-transform:uppercase;
            font-size:11px;
            line-height:16px;
            padding:0 0 0 80px;
            margin:0 30px 0 0;
            color:#ffffff;
            cursor:default;
            position:relative;
            float:none;
            display:inline-block;
        }

        .case-p1-4 { padding:0 0 0 100px; }

        .case-sp1 {
            font-family: "Muller-B";
            font-weight:normal;
            font-style:normal;
            text-align:left;
            letter-spacing:0;
            text-transform:uppercase;
            font-size:34px;
            line-height:34px;
            padding:0;
            margin:0;
            color:#f9c62d;
            cursor:default;
            position:absolute;
            top:0;
            left:0;
            z-index:auto;
        }

        .case-p2 {
            font-family: "Muller-L";
            font-weight:normal;
            font-style:normal;
            text-align:left;
            letter-spacing:1.5px;
            text-transform:uppercase;
            font-size:11px;
            line-height:16px;
            padding:0 0 0 95px;
            margin:0 0 0 30px;
            color:#ffffff;
            cursor:default;
            position:relative;
            float:none;
            display:inline-block;
        }

        .case-p2-3 { padding:0 0 0 85px; }
        .case-p2-5 { padding:0 0 0 85px; }

        .case-sp2 {
            font-family: "Muller-B";
            font-weight:normal;
            font-style:normal;
            text-align:left;
            letter-spacing:0;
            text-transform:uppercase;
            font-size:34px;
            line-height:34px;
            padding:0;
            margin:0;
            color:#f9c62d;
            cursor:default;
            position:absolute;
            top:0;
            left:0;
            z-index:auto;
        }

        .rub {
            font-family: 'PT Sans', sans-serif;
            font-weight:700;
        }

        .tablet {
            width:593px;
            height:509px;
            padding:0;
            margin:15px 0 0 0;
            text-align:left;
            position:relative;
            background:url('../images/1.png') no-repeat 0 0;
        }

        .img-1 {
            width:464px;
            height:348px;
            padding:0;
            margin:0;
            position:absolute;
            top:47px;
            left:15px;
            z-index:6;
            border-radius:5px;
            -webkit-border-radius:5px;
            -moz-border-radius:5px;
            -khtml-border-radius:5px;
        }

        .img-1 img {
            width:100%;
            padding:0;
            margin:0;
            display:block;
        }

        .img-2 {
            padding:0;
            margin:0;
            position:absolute;
            z-index:7;
            display:block;
        }

        .img-2-1 { height:465px; top:10px; right:0; }
        .img-2-2 { height:442px; top:25px; left:-160px; }
        .img-2-3 { height:237px; top:245px; left:20px; }
        .img-2-4 { height:462px; top:-5px; left:-140px; }
        .img-2-5 { height:483px; top:0; right:-5px; }

        img.client-logo {
            padding:0;
            float:left;
            display:block;
        }

        img.client-logo-1 { width:201px; margin:5px 0 0 80px; }
        img.client-logo-2 { width:186px; margin:-10px 0 0 80px; }
        img.client-logo-3 { width:243px; margin:0 0 0 50px; }
        img.client-logo-4 { width:212px; margin:-8px 0 0 80px; }
        img.client-logo-5 { width:180px; margin:5px 0 0 100px; }

        .case-p3 {
            font-family: "Muller-L";
            font-weight:normal;
            font-style:normal;
            text-align:left;
            letter-spacing:1.5px;
            text-transform:uppercase;
            font-size:11px;
            line-height:24px;
            padding:0;
            margin:0 0 0 70px;
            color:#ffffff;
            cursor:default;
            position:relative;
            float:left;
        }

        .case-p3 span {
            font-family: "Muller-B";
            font-weight:normal;
            font-style:normal;
            text-align:left;
            letter-spacing:1.5px;
            text-transform:uppercase;
            font-size:18px;
            line-height:24px;
            padding:0;
            margin:0;
            color:#f9c62d;
            cursor:default;
            display:inline-block;
        }

        .case-text {
            width:500px;
            padding:0;
            margin:0;
            text-align:left;
            position:relative;
            z-index:5;
        }

        .case h3 {
            font-family: "Muller-B";
            font-weight:normal;
            font-style:normal;
            text-align:left;
            font-size:30px;
            line-height:40px;
            padding:0;
            margin:0;
            color:#ffffff;
            cursor:default;
            position:relative;
        }

        .case h3 span {
            color:#f9c731;
        }

        .case h5 {
            font-family: "Muller-L";
            font-weight:normal;
            font-style:normal;
            text-align:left;
            font-size:16px;
            line-height:30px;
            max-width:430px;
            padding:0 0 0 55px;
            margin:40px 0 0 0;
            color:rgba(255,255,255,0.5);
            cursor:default;
            position:relative;
        }

        .case h5::after {
            content:'';
            width:25px;
            height:25px;
            margin:0;
            padding:0;
            position:absolute;
            top:-1px;
            left:15px;
            z-index:auto;
            background:url('../images/info.png') no-repeat 0 0;
            -webkit-background-size: 25px auto;
            -moz-background-size: 25px auto;
            -o-background-size: 25px auto;
            background-size: 25px auto;
        }

        .case-sp3 {
            font-family: "Muller-M";
            font-weight:normal;
            font-style:normal;
            text-align:left;
            text-transform:uppercase;
            letter-spacing:4px;
            font-size:16px;
            line-height:22px;
            padding:0;
            margin:0 0 10px 0;
            color:rgba(255,255,255,1);
            cursor:default;
            display:inline-block;
            position:relative;
        }

        .case-sp4 {
            color:rgba(249,200,53,1);
        }

        .case-sp5 {
            color:rgba(249,200,53,0.5);
        }

        .case .tags {
            width:100%;
            max-width:470px;
            padding:0;
            margin:40px 0 0 0;
            text-align:left;
            position:relative;
        }

        .case .tag {
            font-family: "Muller-L";
            font-weight:normal;
            font-style:normal;
            text-align:left;
            letter-spacing:1.5px;
            text-transform:uppercase;
            font-size:11px;
            line-height:29px;
            height:27px;
            border:1px solid rgba(249,199,49,0.2);
            padding:0 15px;
            margin:15px 15px 0 0;
            color:#f9c731;
            cursor:default;
            background:rgba(249,199,49,0);
            float:left;
            position:relative;
            border-radius:5px;
            -webkit-border-radius:5px;
            -moz-border-radius:5px;
            -khtml-border-radius:5px;
        }

        .case .tag:hover {
            border:1px solid rgba(249,199,49,0);
            background:rgba(249,199,49,0.2);
        }

        .case .tag-active {
            font-family: "Muller-R";
            font-weight:normal;
            color:#151517;
            background:rgba(249,199,49,1);
        }

        .case .tag-active:hover {
            border:1px solid rgba(249,199,49,1);
            background:rgba(249,199,49,1);
        }

        .case h4 {
            font-family: "Muller-M";
            font-weight:normal;
            font-style:normal;
            text-align:left;
            letter-spacing:4px;
            text-transform:uppercase;
            font-size:16px;
            line-height:20px;
            padding:0 0 0 55px;
            margin:50px 0 20px 0;
            color:#ffffff;
            cursor:default;
            position:relative;
        }

        .case h4::after {
            content:'';
            width:40px;
            height:24px;
            margin:0;
            padding:0;
            position:absolute;
            top:-5px;
            left:0;
            z-index:auto;
            background:url('../images/analytics.png') no-repeat 0 0;
            -webkit-background-size: 40px auto;
            -moz-background-size: 40px auto;
            -o-background-size: 40px auto;
            background-size: 40px auto;
        }

        .case h4 span {
            color:#f9c731;
        }

        .case-p4 {
            font-family: "Muller-L";
            font-weight:normal;
            font-style:normal;
            text-align:left;
            font-size:14px;
            line-height:22px;
            padding:0 0 0 55px;
            margin:10px 0 0 0;
            color:#f9c731;
            cursor:default;
            position:relative;
        }

        .case-p4 span {
            font-family: "Muller-L";
            font-weight:normal;
            font-style:normal;
            text-align:left;
            letter-spacing:1.5px;
            text-transform:uppercase;
            font-size:12px;
            line-height:22px;
            width:220px;
            display:inline-block;
            padding:0;
            margin:0;
            color:#ffffff;
            cursor:default;
            position:relative;
        }

        a.case-button-1 {
            font-family: "Muller-R";
            font-weight:normal;
            font-style:normal;
            text-align:left;
            letter-spacing:1.5px;
            text-transform:uppercase;
            font-size:11px;
            line-height:18px;
            width:130px;
            height:48px;
            padding:17px 0 0 85px;
            margin:50px 30px 0 0;
            float:left;
            outline:none;
            cursor:pointer;
            -webkit-appearance: none;
            -moz-appearance:none;
            color:#181e24;
            background:#f9c835;
            border:none;
            border-radius:10px;
            -webkit-border-radius:10px;
            -moz-border-radius:10px;
            -khtml-border-radius:10px;
            -moz-box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
            -webkit-box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
            box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
            position:relative;
        }

        a.case-button-1::after {
            content:'';
            width:30px;
            height:30px;
            margin:0;
            padding:0;
            cursor:pointer;
            position:absolute;
            top:18px;
            left:35px;
            z-index:auto;
            background:url('../images/bookmark.png') no-repeat 0 0;
            -webkit-background-size: 30px auto;
            -moz-background-size: 30px auto;
            -o-background-size: 30px auto;
            background-size: 30px auto;
        }

        a.case-button-1:hover {
            background:#fbd564;
            -moz-box-shadow: 0 0 20px 0 rgba(250,205,73,0);
            -webkit-box-shadow: 0 0 20px 0 rgba(250,205,73,0);
            box-shadow: 0 0 20px 0 rgba(250,205,73,0);
            outline:none;
        }

        a.case-button-1:hover, a.case-button-1:not(:hover) {
            -webkit-transition: All 0.2s ease;
            -moz-transition: All 0.2s ease;
            -o-transition: All 0.2s ease;
            -ms-transition: All 0.2s ease;
            transition: All 0.2s ease;
        }

        .case-button-2 {
            font-family: "Muller-R";
            font-weight:normal;
            font-style:normal;
            text-align:left;
            letter-spacing:1.5px;
            text-transform:uppercase;
            font-size:11px;
            line-height:18px;
            width:130px;
            height:47px;
            padding:16px 0 0 93px;
            margin:50px 0 0 0;
            float:left;
            outline:none;
            cursor:pointer;
            -webkit-appearance: none;
            -moz-appearance:none;
            color:#ffffff;
            background:none;
            border:1px solid rgba(250,205,73,0.1);
            border-radius:10px;
            -webkit-border-radius:10px;
            -moz-border-radius:10px;
            -khtml-border-radius:10px;
            -moz-box-shadow: 0 0 20px 0 rgba(250,205,73,0);
            -webkit-box-shadow: 0 0 20px 0 rgba(250,205,73,0);
            box-shadow: 0 0 20px 0 rgba(250,205,73,0);
            position:relative;
        }

        .case-button-2::after {
            content:'';
            width:43px;
            height:30px;
            margin:0;
            padding:0;
            cursor:pointer;
            position:absolute;
            top:18px;
            left:33px;
            z-index:auto;
            background:url('../images/youtube.png') no-repeat 0 0;
            -webkit-background-size: 43px auto;
            -moz-background-size: 43px auto;
            -o-background-size: 43px auto;
            background-size: 43px auto;
        }

        .case-button-2:hover {
            color:rgba(250,205,73,1);
            -moz-box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
            -webkit-box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
            box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
            outline:none;
        }

        .case-button-2:hover, .case-button-2:not(:hover) {
            -webkit-transition: All 0.2s ease;
            -moz-transition: All 0.2s ease;
            -o-transition: All 0.2s ease;
            -ms-transition: All 0.2s ease;
            transition: All 0.2s ease;
        }

            @media all and (max-width: 1360px) {
                .case {
                    width:1080px;
                    padding:90px 0;
                    margin:0 auto;
                    text-align:center;
                    position:relative;
                    z-index:5;
                }
            }

            @media all and (max-width: 1240px) {
                .case {
                    width:860px;
                    padding:90px 0;
                    margin:0 auto;
                    text-align:center;
                    position:relative;
                    z-index:5;
                }

                .case-left { float:left; }
                .case-right { float:right; }

                .case-img {
                    width:370px;
                    padding:50px 0 0 0;
                    margin:0;
                    text-align:center;
                    position:relative;
                    z-index:5;
                }

                .case-p1 {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    letter-spacing:1.5px;
                    text-transform:uppercase;
                    font-size:11px;
                    line-height:16px;
                    padding:0 0 0 70px;
                    margin:0 10px 0 0;
                    color:#ffffff;
                    cursor:default;
                    position:relative;
                    float:none;
                    display:inline-block;
                }

                .case-p1-4 { padding:0 0 0 100px; }

                .case-sp1 {
                    font-family: "Muller-B";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    letter-spacing:0;
                    text-transform:uppercase;
                    font-size:30px;
                    line-height:34px;
                    padding:0;
                    margin:0;
                    color:#f9c62d;
                    cursor:default;
                    position:absolute;
                    top:0;
                    left:0;
                    z-index:auto;
                }

                .case-p2 {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    letter-spacing:1.5px;
                    text-transform:uppercase;
                    font-size:11px;
                    line-height:16px;
                    padding:0 0 0 85px;
                    margin:0 0 0 10px;
                    color:#ffffff;
                    cursor:default;
                    position:relative;
                    float:none;
                    display:inline-block;
                }

                .case-p2-3 { padding:0 0 0 75px; }
                .case-p2-5 { padding:0 0 0 75px; }

                .case-sp2 {
                    font-family: "Muller-B";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    letter-spacing:0;
                    text-transform:uppercase;
                    font-size:30px;
                    line-height:34px;
                    padding:0;
                    margin:0;
                    color:#f9c62d;
                    cursor:default;
                    position:absolute;
                    top:0;
                    left:0;
                    z-index:auto;
                }

                .rub {
                    font-family: 'PT Sans', sans-serif;
                    font-weight:700;
                }

                .tablet {
                    width:440px;
                    height:378px;
                    padding:0;
                    margin:35px 0 0 0;
                    text-align:left;
                    position:relative;
                    background:url('../images/1.png') no-repeat 0 0;
                    -webkit-background-size: 100% auto;
                    -moz-background-size: 100% auto;
                    -o-background-size: 100% auto;
                    background-size: 100% auto;
                }

                .img-1 {
                    width:345px;
                    height:259px;
                    padding:0;
                    margin:0;
                    position:absolute;
                    top:35px;
                    left:11px;
                    z-index:6;
                    border-radius:5px;
                    -webkit-border-radius:5px;
                    -moz-border-radius:5px;
                    -khtml-border-radius:5px;
                }

                .img-1 img {
                    width:100%;
                    padding:0;
                    margin:0;
                    display:block;
                }

                .img-2 {
                    padding:0;
                    margin:0;
                    position:absolute;
                    z-index:7;
                    display:block;
                }

                .img-2-1 { height:365px; top:0; right:0; }
                .img-2-2 { height:342px; top:25px; left:-80px; }
                .img-2-3 { height:137px; top:245px; left:80px; }
                .img-2-4 { height:362px; top:-5px; left:-80px; }
                .img-2-5 { height:383px; top:0; right:15px; }

                img.client-logo {
                    padding:0;
                    float:left;
                    display:block;
                }

                img.client-logo-1 { width:180px; margin:5px 0 0 50px; }
                img.client-logo-2 { width:160px; margin:-2px 0 0 50px; }
                img.client-logo-3 { width:220px; margin:0 0 0 10px; }
                img.client-logo-4 { width:212px; margin:-8px 0 0 40px; }
                img.client-logo-5 { width:160px; margin:5px 0 0 60px; }

                .case-p3 {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    letter-spacing:1.5px;
                    text-transform:uppercase;
                    font-size:11px;
                    line-height:24px;
                    padding:0;
                    margin:0 0 0 40px;
                    color:#ffffff;
                    cursor:default;
                    position:relative;
                    float:left;
                }

                .case-p3 span {
                    font-family: "Muller-B";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    letter-spacing:1.5px;
                    text-transform:uppercase;
                    font-size:16px;
                    line-height:24px;
                    padding:0;
                    margin:0;
                    color:#f9c62d;
                    cursor:default;
                    display:inline-block;
                }

                .case-text {
                    width:420px;
                    padding:0;
                    margin:0;
                    text-align:left;
                    position:relative;
                    z-index:5;
                }

                .case h3 {
                    font-family: "Muller-B";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    font-size:26px;
                    line-height:36px;
                    padding:0;
                    margin:0;
                    color:#ffffff;
                    cursor:default;
                    position:relative;
                }

                .case h3 span {
                    color:#f9c731;
                }


                .case h5 {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    font-size:16px;
                    line-height:26px;
                    max-width:430px;
                    padding:0 0 0 55px;
                    margin:40px 0 0 0;
                    color:rgba(255,255,255,0.5);
                    cursor:default;
                    position:relative;
                }

                .case h5::after {
                    content:'';
                    width:25px;
                    height:25px;
                    margin:0;
                    padding:0;
                    position:absolute;
                    top:-1px;
                    left:15px;
                    z-index:auto;
                    background:url('../images/info.png') no-repeat 0 0;
                    -webkit-background-size: 25px auto;
                    -moz-background-size: 25px auto;
                    -o-background-size: 25px auto;
                    background-size: 25px auto;
                }

                .case-sp3 {
                    font-family: "Muller-M";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    text-transform:uppercase;
                    letter-spacing:4px;
                    font-size:16px;
                    line-height:22px;
                    padding:0;
                    margin:0 0 10px 0;
                    color:rgba(255,255,255,1);
                    cursor:default;
                    display:inline-block;
                    position:relative;
                }

                .case-sp4 {
                    color:rgba(249,200,53,1);
                }

                .case-sp5 {
                    color:rgba(249,200,53,0.5);
                }

                .case .tags {
                    width:100%;
                    padding:0;
                    margin:20px 0 0 0;
                    text-align:left;
                    position:relative;
                }

                .case .tag {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    letter-spacing:1.5px;
                    text-transform:uppercase;
                    font-size:11px;
                    line-height:29px;
                    height:27px;
                    border:1px solid rgba(249,199,49,0.2);
                    padding:0 15px;
                    margin:15px 15px 0 0;
                    color:#f9c731;
                    cursor:default;
                    background:rgba(249,199,49,0);
                    float:left;
                    position:relative;
                    border-radius:5px;
                    -webkit-border-radius:5px;
                    -moz-border-radius:5px;
                    -khtml-border-radius:5px;
                }

                .case .tag:hover {
                    border:1px solid rgba(249,199,49,0);
                    background:rgba(249,199,49,0.2);
                }

                .case .tag-active {
                    font-family: "Muller-R";
                    font-weight:normal;
                    color:#151517;
                    background:rgba(249,199,49,1);
                }

                .case .tag-active:hover {
                    border:1px solid rgba(249,199,49,1);
                    background:rgba(249,199,49,1);
                }

                .case h4 {
                    font-family: "Muller-M";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    letter-spacing:3px;
                    text-transform:uppercase;
                    font-size:16px;
                    line-height:20px;
                    padding:0 0 0 55px;
                    margin:40px 0 20px 0;
                    color:#ffffff;
                    cursor:default;
                    position:relative;
                }

                .case h4::after {
                    content:'';
                    width:40px;
                    height:24px;
                    margin:0;
                    padding:0;
                    position:absolute;
                    top:-5px;
                    left:0;
                    z-index:auto;
                    background:url('../images/analytics.png') no-repeat 0 0;
                    -webkit-background-size: 40px auto;
                    -moz-background-size: 40px auto;
                    -o-background-size: 40px auto;
                    background-size: 40px auto;
                }

                .case h4 span {
                    color:#f9c731;
                }

                .case-p4 {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    font-size:14px;
                    line-height:22px;
                    padding:0 0 0 55px;
                    margin:10px 0 0 0;
                    color:#f9c731;
                    cursor:default;
                    position:relative;
                }

                .case-p4 span {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    letter-spacing:1.5px;
                    text-transform:uppercase;
                    font-size:12px;
                    line-height:22px;
                    width:190px;
                    display:inline-block;
                    padding:0;
                    margin:0;
                    color:#ffffff;
                    cursor:default;
                    position:relative;
                }

                a.case-button-1 {
                    font-family: "Muller-R";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    letter-spacing:1.5px;
                    text-transform:uppercase;
                    font-size:11px;
                    line-height:18px;
                    width:120px;
                    height:48px;
                    padding:17px 0 0 75px;
                    margin:50px 20px 0 0;
                    float:left;
                    outline:none;
                    cursor:pointer;
                    -webkit-appearance: none;
                    -moz-appearance:none;
                    color:#181e24;
                    background:#f9c835;
                    border:none;
                    border-radius:10px;
                    -webkit-border-radius:10px;
                    -moz-border-radius:10px;
                    -khtml-border-radius:10px;
                    -moz-box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
                    -webkit-box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
                    box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
                    position:relative;
                }

                a.case-button-1::after {
                    content:'';
                    width:30px;
                    height:30px;
                    margin:0;
                    padding:0;
                    cursor:pointer;
                    position:absolute;
                    top:18px;
                    left:25px;
                    z-index:auto;
                    background:url('../images/bookmark.png') no-repeat 0 0;
                    -webkit-background-size: 30px auto;
                    -moz-background-size: 30px auto;
                    -o-background-size: 30px auto;
                    background-size: 30px auto;
                }

                a.case-button-1:hover {
                    background:#fbd564;
                    -moz-box-shadow: 0 0 20px 0 rgba(250,205,73,0);
                    -webkit-box-shadow: 0 0 20px 0 rgba(250,205,73,0);
                    box-shadow: 0 0 20px 0 rgba(250,205,73,0);
                    outline:none;
                }

                a.case-button-1:hover, a.case-button-1:not(:hover) {
                    -webkit-transition: All 0.2s ease;
                    -moz-transition: All 0.2s ease;
                    -o-transition: All 0.2s ease;
                    -ms-transition: All 0.2s ease;
                    transition: All 0.2s ease;
                }

                .case-button-2 {
                    font-family: "Muller-R";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    letter-spacing:1.5px;
                    text-transform:uppercase;
                    font-size:11px;
                    line-height:18px;
                    width:120px;
                    height:47px;
                    padding:16px 0 0 83px;
                    margin:50px 0 0 0;
                    float:left;
                    outline:none;
                    cursor:pointer;
                    -webkit-appearance: none;
                    -moz-appearance:none;
                    color:#ffffff;
                    background:none;
                    border:1px solid rgba(250,205,73,0.1);
                    border-radius:10px;
                    -webkit-border-radius:10px;
                    -moz-border-radius:10px;
                    -khtml-border-radius:10px;
                    -moz-box-shadow: 0 0 20px 0 rgba(250,205,73,0);
                    -webkit-box-shadow: 0 0 20px 0 rgba(250,205,73,0);
                    box-shadow: 0 0 20px 0 rgba(250,205,73,0);
                    position:relative;
                }

                .case-button-2::after {
                    content:'';
                    width:43px;
                    height:30px;
                    margin:0;
                    padding:0;
                    cursor:pointer;
                    position:absolute;
                    top:18px;
                    left:28px;
                    z-index:auto;
                    background:url('../images/youtube.png') no-repeat 0 0;
                    -webkit-background-size: 43px auto;
                    -moz-background-size: 43px auto;
                    -o-background-size: 43px auto;
                    background-size: 43px auto;
                }

                .case-button-2:hover {
                    color:rgba(250,205,73,1);
                    -moz-box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
                    -webkit-box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
                    box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
                    outline:none;
                }

                .case-button-2:hover, .case-button-2:not(:hover) {
                    -webkit-transition: All 0.2s ease;
                    -moz-transition: All 0.2s ease;
                    -o-transition: All 0.2s ease;
                    -ms-transition: All 0.2s ease;
                    transition: All 0.2s ease;
                }
            }

            @media all and (max-width: 1020px) {
                .case {
                    width:500px;
                    padding:90px 0;
                    margin:0 auto;
                    text-align:center;
                    position:relative;
                    z-index:5;
                }

                .case-left { float:none; }
                .case-right { float:none; }

                .case-img {
                    width:500px;
                    padding:0;
                    margin:0 auto;
                    text-align:center;
                    position:relative;
                    z-index:5;
                }

                .case-p1 {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    letter-spacing:1.5px;
                    text-transform:uppercase;
                    font-size:11px;
                    line-height:16px;
                    padding:0 0 0 80px;
                    margin:0 30px 0 0;
                    color:#ffffff;
                    cursor:default;
                    position:relative;
                    float:none;
                    display:inline-block;
                }

                .case-p1-4 { padding:0 0 0 100px; }

                .case-sp1 {
                    font-family: "Muller-B";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    letter-spacing:0;
                    text-transform:uppercase;
                    font-size:34px;
                    line-height:34px;
                    padding:0;
                    margin:0;
                    color:#f9c62d;
                    cursor:default;
                    position:absolute;
                    top:0;
                    left:0;
                    z-index:auto;
                }

                .case-p2 {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    letter-spacing:1.5px;
                    text-transform:uppercase;
                    font-size:11px;
                    line-height:16px;
                    padding:0 0 0 95px;
                    margin:0 0 0 30px;
                    color:#ffffff;
                    cursor:default;
                    position:relative;
                    float:none;
                    display:inline-block;
                }

                .case-p2-3 { padding:0 0 0 85px; }
                .case-p2-5 { padding:0 0 0 85px; }

                .case-sp2 {
                    font-family: "Muller-B";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    letter-spacing:0;
                    text-transform:uppercase;
                    font-size:34px;
                    line-height:34px;
                    padding:0;
                    margin:0;
                    color:#f9c62d;
                    cursor:default;
                    position:absolute;
                    top:0;
                    left:0;
                    z-index:auto;
                }

                .rub {
                    font-family: 'PT Sans', sans-serif;
                    font-weight:700;
                }

                .tablet {
                    width:593px;
                    height:509px;
                    padding:0;
                    margin:25px 0 0 0;
                    text-align:left;
                    position:relative;
                    background:url('../images/1.png') no-repeat 0 0;
                    -webkit-background-size: 100% auto;
                    -moz-background-size: 100% auto;
                    -o-background-size: 100% auto;
                    background-size: 100% auto;
                }

                .img-1 {
                    width:464px;
                    height:348px;
                    padding:0;
                    margin:0;
                    position:absolute;
                    top:47px;
                    left:15px;
                    z-index:6;
                    border-radius:5px;
                    -webkit-border-radius:5px;
                    -moz-border-radius:5px;
                    -khtml-border-radius:5px;
                }


                .img-2 {
                    padding:0;
                    margin:0;
                    position:absolute;
                    z-index:7;
                    display:block;
                }

                .img-2-1 { height:465px; top:10px; right:0; }
                .img-2-2 { height:442px; top:25px; left:-160px; }
                .img-2-3 { height:237px; top:245px; left:20px; }
                .img-2-4 { height:462px; top:-5px; left:-140px; }
                .img-2-5 { height:483px; top:0; right:-5px; }

                img.client-logo {
                    padding:0;
                    float:left;
                    display:block;
                }

                img.client-logo-1 { width:201px; margin:5px 0 0 80px; }
                img.client-logo-2 { width:186px; margin:-10px 0 0 80px; }
                img.client-logo-3 { width:243px; margin:0 0 0 50px; }
                img.client-logo-4 { width:212px; margin:-8px 0 0 80px; }
                img.client-logo-5 { width:180px; margin:5px 0 0 100px; }

                .case-p3 {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    letter-spacing:1.5px;
                    text-transform:uppercase;
                    font-size:11px;
                    line-height:24px;
                    padding:0;
                    margin:0 0 0 70px;
                    color:#ffffff;
                    cursor:default;
                    position:relative;
                    float:left;
                }

                .case-p3 span {
                    font-family: "Muller-B";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    letter-spacing:1.5px;
                    text-transform:uppercase;
                    font-size:18px;
                    line-height:24px;
                    padding:0;
                    margin:0;
                    color:#f9c62d;
                    cursor:default;
                    display:inline-block;
                }

                .case-text {
                    width:470px;
                    padding:0;
                    margin:60px auto 0 auto;
                    text-align:left;
                    position:relative;
                    z-index:5;
                }

                .case h3 {
                    font-family: "Muller-B";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    font-size:28px;
                    line-height:40px;
                    padding:0;
                    margin:0;
                    color:#ffffff;
                    cursor:default;
                    position:relative;
                }

                .case h3 span {
                    color:#f9c731;
                }

                .case .tags {
                    width:100%;
                    padding:0;
                    margin:30px 0 0 0;
                    text-align:center;
                    position:relative;
                }

                .case .tag {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    letter-spacing:1.5px;
                    text-transform:uppercase;
                    font-size:11px;
                    line-height:29px;
                    height:27px;
                    border:1px solid rgba(249,199,49,0.2);
                    padding:0 15px;
                    margin:15px 7px 0 7px;
                    color:#f9c731;
                    cursor:default;
                    background:rgba(249,199,49,0);
                    float:none;
                    display: inline-block;
                    position:relative;
                    border-radius:5px;
                    -webkit-border-radius:5px;
                    -moz-border-radius:5px;
                    -khtml-border-radius:5px;
                }

                .case .tag:hover {
                    border:1px solid rgba(249,199,49,0);
                    background:rgba(249,199,49,0.2);
                }

                .case .tag-active {
                    font-family: "Muller-R";
                    font-weight:normal;
                    color:#151517;
                    background:rgba(249,199,49,1);
                }

                .case .tag-active:hover {
                    border:1px solid rgba(249,199,49,1);
                    background:rgba(249,199,49,1);
                }

                .case h4 {
                    font-family: "Muller-M";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    letter-spacing:4px;
                    text-transform:uppercase;
                    font-size:16px;
                    line-height:20px;
                    padding:0 0 0 55px;
                    margin:50px 0 20px 0;
                    color:#ffffff;
                    cursor:default;
                    position:relative;
                }

                .case h4::after {
                    content:'';
                    width:40px;
                    height:24px;
                    margin:0;
                    padding:0;
                    position:absolute;
                    top:-5px;
                    left:0;
                    z-index:auto;
                    background:url('../images/analytics.png') no-repeat 0 0;
                    -webkit-background-size: 40px auto;
                    -moz-background-size: 40px auto;
                    -o-background-size: 40px auto;
                    background-size: 40px auto;
                }

                .case h4 span {
                    color:#f9c731;
                }

                .case-p4 {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    font-size:14px;
                    line-height:22px;
                    padding:0 0 0 55px;
                    margin:10px 0 0 0;
                    color:#f9c731;
                    cursor:default;
                    position:relative;
                }

                .case-p4 span {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    letter-spacing:1.5px;
                    text-transform:uppercase;
                    font-size:12px;
                    line-height:22px;
                    width:220px;
                    display:inline-block;
                    padding:0;
                    margin:0;
                    color:#ffffff;
                    cursor:default;
                    position:relative;
                }

                a.case-button-1 {
                    font-family: "Muller-R";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    letter-spacing:1.5px;
                    text-transform:uppercase;
                    font-size:11px;
                    line-height:18px;
                    width:130px;
                    height:48px;
                    padding:17px 0 0 85px;
                    margin:50px 30px 0 0;
                    float:left;
                    outline:none;
                    cursor:pointer;
                    -webkit-appearance: none;
                    -moz-appearance:none;
                    color:#181e24;
                    background:#f9c835;
                    border:none;
                    border-radius:10px;
                    -webkit-border-radius:10px;
                    -moz-border-radius:10px;
                    -khtml-border-radius:10px;
                    -moz-box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
                    -webkit-box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
                    box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
                    position:relative;
                }

                a.case-button-1::after {
                    content:'';
                    width:30px;
                    height:30px;
                    margin:0;
                    padding:0;
                    cursor:pointer;
                    position:absolute;
                    top:18px;
                    left:35px;
                    z-index:auto;
                    background:url('../images/bookmark.png') no-repeat 0 0;
                    -webkit-background-size: 30px auto;
                    -moz-background-size: 30px auto;
                    -o-background-size: 30px auto;
                    background-size: 30px auto;
                }

                a.case-button-1:hover {
                    background:#fbd564;
                    -moz-box-shadow: 0 0 20px 0 rgba(250,205,73,0);
                    -webkit-box-shadow: 0 0 20px 0 rgba(250,205,73,0);
                    box-shadow: 0 0 20px 0 rgba(250,205,73,0);
                    outline:none;
                }

                a.case-button-1:hover, a.case-button-1:not(:hover) {
                    -webkit-transition: All 0.2s ease;
                    -moz-transition: All 0.2s ease;
                    -o-transition: All 0.2s ease;
                    -ms-transition: All 0.2s ease;
                    transition: All 0.2s ease;
                }

                .case-button-2 {
                    font-family: "Muller-R";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    letter-spacing:1.5px;
                    text-transform:uppercase;
                    font-size:11px;
                    line-height:18px;
                    width:130px;
                    height:47px;
                    padding:16px 0 0 93px;
                    margin:50px 0 0 0;
                    float:left;
                    outline:none;
                    cursor:pointer;
                    -webkit-appearance: none;
                    -moz-appearance:none;
                    color:#ffffff;
                    background:none;
                    border:1px solid rgba(250,205,73,0.1);
                    border-radius:10px;
                    -webkit-border-radius:10px;
                    -moz-border-radius:10px;
                    -khtml-border-radius:10px;
                    -moz-box-shadow: 0 0 20px 0 rgba(250,205,73,0);
                    -webkit-box-shadow: 0 0 20px 0 rgba(250,205,73,0);
                    box-shadow: 0 0 20px 0 rgba(250,205,73,0);
                    position:relative;
                }

                .case-button-2::after {
                    content:'';
                    width:43px;
                    height:30px;
                    margin:0;
                    padding:0;
                    cursor:pointer;
                    position:absolute;
                    top:18px;
                    left:33px;
                    z-index:auto;
                    background:url('../images/youtube.png') no-repeat 0 0;
                    -webkit-background-size: 43px auto;
                    -moz-background-size: 43px auto;
                    -o-background-size: 43px auto;
                    background-size: 43px auto;
                }

                .case-button-2:hover {
                    color:rgba(250,205,73,1);
                    -moz-box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
                    -webkit-box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
                    box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
                    outline:none;
                }

                .case-button-2:hover, .case-button-2:not(:hover) {
                    -webkit-transition: All 0.2s ease;
                    -moz-transition: All 0.2s ease;
                    -o-transition: All 0.2s ease;
                    -ms-transition: All 0.2s ease;
                    transition: All 0.2s ease;
                }
            }

            @media all and (max-width: 720px) {
                .case {
                    width:360px;
                    padding:70px 0;
                    margin:0 auto;
                    text-align:center;
                    position:relative;
                    z-index:5;
                }

                .case-left { float:none; }
                .case-right { float:none; }

                .case-img {
                    width:360px;
                    padding:0;
                    margin:0;
                    text-align:center;
                    position:relative;
                    z-index:5;
                }

                .case-p1 {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    letter-spacing:1.5px;
                    text-transform:uppercase;
                    font-size:11px;
                    line-height:16px;
                    padding:0 0 0 75px;
                    margin:0 10px 0 0;
                    color:#ffffff;
                    cursor:default;
                    position:relative;
                    float:none;
                    display:inline-block;
                }

                .case-p1-2 { padding:0 0 0 70px; }
                .case-p1-3 { padding:0 0 0 70px; }
                .case-p1-4 { padding:0 0 0 90px; }

                .case-sp1 {
                    font-family: "Muller-B";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    letter-spacing:0;
                    text-transform:uppercase;
                    font-size:30px;
                    line-height:34px;
                    padding:0;
                    margin:0;
                    color:#f9c62d;
                    cursor:default;
                    position:absolute;
                    top:0;
                    left:0;
                    z-index:auto;
                }

                .case-p2 {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    letter-spacing:1.5px;
                    text-transform:uppercase;
                    font-size:11px;
                    line-height:16px;
                    padding:0 0 0 85px;
                    margin:0 0 0 10px;
                    color:#ffffff;
                    cursor:default;
                    position:relative;
                    float:none;
                    display:inline-block;
                }

                .case-p2-3 { padding:0 0 0 75px; }
                .case-p2-5 { padding:0 0 0 70px; }

                .case-sp2 {
                    font-family: "Muller-B";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    letter-spacing:0;
                    text-transform:uppercase;
                    font-size:30px;
                    line-height:34px;
                    padding:0;
                    margin:0;
                    color:#f9c62d;
                    cursor:default;
                    position:absolute;
                    top:0;
                    left:0;
                    z-index:auto;
                }

                .rub {
                    font-family: 'PT Sans', sans-serif;
                    font-weight:700;
                }

                .tablet {
                    width:430px;
                    height:369px;
                    padding:0;
                    margin:0;
                    text-align:left;
                    position:relative;
                    background:url('../images/1.png') no-repeat 0 0;
                    -webkit-background-size: 100% auto;
                    -moz-background-size: 100% auto;
                    -o-background-size: 100% auto;
                    background-size: 100% auto;
                }

                .img-1 {
                    width:337px;
                    height:253px;
                    padding:0;
                    margin:0;
                    position:absolute;
                    top:34px;
                    left:11px;
                    z-index:6;
                    border-radius:5px;
                    -webkit-border-radius:5px;
                    -moz-border-radius:5px;
                    -khtml-border-radius:5px;
                }

                .img-1 img {
                    width:100%;
                    padding:0;
                    margin:0;
                    display:block;
                }

                .img-2 {
                    padding:0;
                    margin:0;
                    position:absolute;
                    z-index:7;
                    display:block;
                }

                .img-2-1 { height:355px; top:10px; right:0; }
                .img-2-2 { height:342px; top:25px; left:-80px; }
                .img-2-3 { height:137px; top:245px; left:80px; }
                .img-2-4 { height:362px; top:-5px; left:-80px; }
                .img-2-5 { height:383px; top:0; right:15px; }

                img.client-logo {
                    padding:0;
                    float:left;
                    display:block;
                }

                img.client-logo-1 { width:180px; margin:5px 0 0 50px; }
                img.client-logo-2 { width:160px; margin:-2px 0 0 50px; }
                img.client-logo-3 { width:220px; margin:0 0 0 10px; }
                img.client-logo-4 { width:212px; margin:-8px 0 0 30px; }
                img.client-logo-5 { width:160px; margin:5px 0 0 60px; }

                .case-p3 {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    letter-spacing:1.5px;
                    text-transform:uppercase;
                    font-size:11px;
                    line-height:24px;
                    padding:0;
                    margin:0 0 0 30px;
                    color:#ffffff;
                    cursor:default;
                    position:relative;
                    float:left;
                }

                .case-p3 span {
                    font-family: "Muller-B";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    letter-spacing:1.5px;
                    text-transform:uppercase;
                    font-size:14px;
                    line-height:24px;
                    padding:0;
                    margin:0;
                    color:#f9c62d;
                    cursor:default;
                    display:inline-block;
                }

                .case-text {
                    width:360px;
                    padding:0;
                    margin:50px auto 0 auto;
                    text-align:left;
                    position:relative;
                    z-index:5;
                }

                .case h5 {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    font-size:16px;
                    line-height:26px;
                    max-width:430px;
                    padding:0 0 0 50px;
                    margin:30px 0 0 0;
                    color:rgba(255,255,255,0.5);
                    cursor:default;
                    position:relative;
                }

                .case h5::after {
                    content:'';
                    width:25px;
                    height:25px;
                    margin:0;
                    padding:0;
                    position:absolute;
                    top:-1px;
                    left:10px;
                    z-index:auto;
                    background:url('../images/info.png') no-repeat 0 0;
                    -webkit-background-size: 25px auto;
                    -moz-background-size: 25px auto;
                    -o-background-size: 25px auto;
                    background-size: 25px auto;
                }

                .case-sp3 {
                    font-family: "Muller-M";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    text-transform:uppercase;
                    letter-spacing:2px;
                    font-size:16px;
                    line-height:22px;
                    padding:0;
                    margin:0 0 10px 0;
                    color:rgba(255,255,255,1);
                    cursor:default;
                    display:inline-block;
                    position:relative;
                }

                .case-sp4 {
                    color:rgba(249,200,53,1);
                }

                .case-sp5 {
                    color:rgba(249,200,53,0.5);
                }

                .case h3 {
                    font-family: "Muller-B";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    font-size:24px;
                    line-height:34px;
                    max-width:350px;
                    padding:0;
                    margin:0;
                    color:#ffffff;
                    cursor:default;
                    position:relative;
                }

                .case h3 br {
                    display:none;
                }

                .case h3 span {
                    color:#f9c731;
                }

                .case .tags {
                    width:100%;
                    padding:0;
                    margin:30px 0 0 0;
                    text-align:center;
                    position:relative;
                }

                .case .tag {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    letter-spacing:1.5px;
                    text-transform:uppercase;
                    font-size:11px;
                    line-height:29px;
                    height:27px;
                    border:1px solid rgba(249,199,49,0.2);
                    padding:0 8px;
                    margin:10px 5px 0 5px;
                    color:#f9c731;
                    cursor:default;
                    background:rgba(249,199,49,0);
                    float:none;
                    display:inline-block;
                    position:relative;
                    border-radius:5px;
                    -webkit-border-radius:5px;
                    -moz-border-radius:5px;
                    -khtml-border-radius:5px;
                }

                .case .tag:hover {
                    border:1px solid rgba(249,199,49,0);
                    background:rgba(249,199,49,0.2);
                }

                .case .tag-active {
                    font-family: "Muller-R";
                    font-weight:normal;
                    color:#151517;
                    background:rgba(249,199,49,1);
                }

                .case .tag-active:hover {
                    border:1px solid rgba(249,199,49,1);
                    background:rgba(249,199,49,1);
                }

                .case h4 {
                    font-family: "Muller-M";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    letter-spacing:2px;
                    text-transform:uppercase;
                    font-size:16px;
                    line-height:20px;
                    padding:0 0 0 50px;
                    margin:35px 0 20px 0;
                    color:#ffffff;
                    cursor:default;
                    position:relative;
                }

                .case h4::after {
                    content:'';
                    width:40px;
                    height:24px;
                    margin:0;
                    padding:0;
                    position:absolute;
                    top:-5px;
                    left:0;
                    z-index:auto;
                    background:url('../images/analytics.png') no-repeat 0 0;
                    -webkit-background-size: 40px auto;
                    -moz-background-size: 40px auto;
                    -o-background-size: 40px auto;
                    background-size: 40px auto;
                }

                .case h4 span {
                    color:#f9c731;
                }

                .case-p4 {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    font-size:14px;
                    line-height:22px;
                    padding:0 0 0 50px;
                    margin:10px 0 0 0;
                    color:#f9c731;
                    cursor:default;
                    position:relative;
                }

                .case-p4 span {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    letter-spacing:1.5px;
                    text-transform:uppercase;
                    font-size:12px;
                    line-height:22px;
                    width:170px;
                    display:inline-block;
                    padding:0;
                    margin:0;
                    color:#ffffff;
                    cursor:default;
                    position:relative;
                }

                a.case-button-1 {
                    font-family: "Muller-R";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    letter-spacing:1.5px;
                    text-transform:uppercase;
                    font-size:11px;
                    line-height:18px;
                    width:105px;
                    height:48px;
                    padding:17px 0 0 55px;
                    margin:50px 25px 0 0;
                    float:left;
                    outline:none;
                    cursor:pointer;
                    -webkit-appearance: none;
                    -moz-appearance:none;
                    color:#181e24;
                    background:#f9c835;
                    border:none;
                    border-radius:10px;
                    -webkit-border-radius:10px;
                    -moz-border-radius:10px;
                    -khtml-border-radius:10px;
                    -moz-box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
                    -webkit-box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
                    box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
                    position:relative;
                }

                a.case-button-1::after {
                    content:'';
                    width:30px;
                    height:30px;
                    margin:0;
                    padding:0;
                    cursor:pointer;
                    position:absolute;
                    top:18px;
                    left:10px;
                    z-index:auto;
                    background:url('../images/bookmark.png') no-repeat 0 0;
                    -webkit-background-size: 30px auto;
                    -moz-background-size: 30px auto;
                    -o-background-size: 30px auto;
                    background-size: 30px auto;
                }

                a.case-button-1:hover {
                    background:#fbd564;
                    -moz-box-shadow: 0 0 20px 0 rgba(250,205,73,0);
                    -webkit-box-shadow: 0 0 20px 0 rgba(250,205,73,0);
                    box-shadow: 0 0 20px 0 rgba(250,205,73,0);
                    outline:none;
                }

                a.case-button-1:hover, a.case-button-1:not(:hover) {
                    -webkit-transition: All 0.2s ease;
                    -moz-transition: All 0.2s ease;
                    -o-transition: All 0.2s ease;
                    -ms-transition: All 0.2s ease;
                    transition: All 0.2s ease;
                }

                .case-button-2 {
                    font-family: "Muller-R";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    letter-spacing:1.5px;
                    text-transform:uppercase;
                    font-size:11px;
                    line-height:18px;
                    width:105px;
                    height:47px;
                    padding:16px 0 0 68px;
                    margin:50px 0 0 0;
                    float:left;
                    outline:none;
                    cursor:pointer;
                    -webkit-appearance: none;
                    -moz-appearance:none;
                    color:#ffffff;
                    background:none;
                    border:1px solid rgba(250,205,73,0.1);
                    border-radius:10px;
                    -webkit-border-radius:10px;
                    -moz-border-radius:10px;
                    -khtml-border-radius:10px;
                    -moz-box-shadow: 0 0 20px 0 rgba(250,205,73,0);
                    -webkit-box-shadow: 0 0 20px 0 rgba(250,205,73,0);
                    box-shadow: 0 0 20px 0 rgba(250,205,73,0);
                    position:relative;
                }

                .case-button-2::after {
                    content:'';
                    width:43px;
                    height:30px;
                    margin:0;
                    padding:0;
                    cursor:pointer;
                    position:absolute;
                    top:18px;
                    left:13px;
                    z-index:auto;
                    background:url('../images/youtube.png') no-repeat 0 0;
                    -webkit-background-size: 43px auto;
                    -moz-background-size: 43px auto;
                    -o-background-size: 43px auto;
                    background-size: 43px auto;
                }

                .case-button-2:hover {
                    color:rgba(250,205,73,1);
                    -moz-box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
                    -webkit-box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
                    box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
                    outline:none;
                }

                .case-button-2:hover, .case-button-2:not(:hover) {
                    -webkit-transition: All 0.2s ease;
                    -moz-transition: All 0.2s ease;
                    -o-transition: All 0.2s ease;
                    -ms-transition: All 0.2s ease;
                    transition: All 0.2s ease;
                }
            }

/* services */

        #services-w {
            overflow:hidden;
            width:100%;
            padding:0;
            margin:0;
            position:relative;
        }

        #services {
            width:920px;
            padding:90px 0;
            margin:0 auto;
            text-align:center;
            position:relative;
            z-index:5;
        }

        .service {
            width:calc(25% - 20px);
            height:650px;
            overflow:hidden;
            padding:0;
            margin:0 10px;
            float:left;
            text-align:left;
            background:#1a1f25;
            position:relative;
            display:block;
            cursor:pointer;
        }

        .service::after {
            content:'';
            width:100%;
            height:100%;
            padding:0;
            margin:0;
            background:url('../images/shadow.png') no-repeat bottom center;
            position:absolute;
            top:0;
            left:0;
            z-index:8;
        }

        .shadow {
            width:100%;
            height:100%;
            padding:0;
            margin:0;
            position:absolute;
            top:0;
            left:0;
            z-index:7;
            opacity:0.8;
        }

        .service-1 .shadow {
            background-image: linear-gradient(to bottom, #251c2a, #7b389e);
            background-image: -webkit-linear-gradient(to bottom, #251c2a, #7b389e);
            background-image: -moz-linear-gradient(to bottom, #251c2a, #7b389e);
            background-image: -o-linear-gradient(to bottom, #251c2a, #7b389e);
            background-image: -ms-linear-gradient(to bottom, #251c2a, #7b389e);
        }

        .service-2 .shadow {
            background-image: linear-gradient(to bottom, #1c232a, #00a9c8);
            background-image: -webkit-linear-gradient(to bottom, #1c232a, #00a9c8);
            background-image: -moz-linear-gradient(to bottom, #1c232a, #00a9c8);
            background-image: -o-linear-gradient(to bottom, #1c232a, #00a9c8);
            background-image: -ms-linear-gradient(to bottom, #1c232a, #00a9c8);
        }

        .service-3 .shadow {
            background-image: linear-gradient(to bottom, #2a281c, #e1b900);
            background-image: -webkit-linear-gradient(to bottom, #2a281c, #e1b900);
            background-image: -moz-linear-gradient(to bottom, #2a281c, #e1b900);
            background-image: -o-linear-gradient(to bottom, #2a281c, #e1b900);
            background-image: -ms-linear-gradient(to bottom, #2a281c, #e1b900);
        }

        .service-4 .shadow {
            background-image: linear-gradient(to bottom, #2a1c1c, #ba3535);
            background-image: -webkit-linear-gradient(to bottom, #2a1c1c, #ba3535);
            background-image: -moz-linear-gradient(to bottom, #2a1c1c, #ba3535);
            background-image: -o-linear-gradient(to bottom, #2a1c1c, #ba3535);
            background-image: -ms-linear-gradient(to bottom, #2a1c1c, #ba3535);
        }

        .service img {
            width:auto;
            height:100%;
            padding:0;
            margin:0;
            display:block;
            position:absolute;
            top:0;
            left:0;
            z-index:6;
        }

        .service h3 {
            font-family: "Muller-B";
            font-weight:normal;
            font-style:normal;
            text-transform:uppercase;
            text-align:center;
            font-size:40px;
            line-height:50px;
            padding:0;
            margin:0;
            color:#ffffff;
            position:absolute;
            top:30px;
            left:30px;
            z-index:9;
        }

        .service p {
            font-family: "Muller-L";
            font-weight:normal;
            font-style:normal;
            text-transform:uppercase;
            letter-spacing:3px;
            text-align:left;
            font-size:12px;
            line-height:28px;
            padding:0;
            margin:0;
            color:#ffffff;
            opacity:0.2;
            position:absolute;
            left:30px;
            bottom:50px;
            z-index:9;
        }

        .service:hover {
            -moz-box-shadow: 0 0 50px 0 rgba(18,20,31,0.3);
            -webkit-box-shadow: 0 0 50px 0 rgba(18,20,31,0.3);
            box-shadow: 0 0 50px 0 rgba(18,20,31,0.3);
        }

        .service:hover p {
            opacity:1;
        }

        .service:hover .shadow {
            opacity:0;
        }

        .service:hover, .service:not(:hover),
        .service:hover p, .service:not(:hover) p,
        .service:hover .shadow, .service:not(:hover) .shadow {
            -webkit-transition: All 1s ease;
            -moz-transition: All 1s ease;
            -o-transition: All 1s ease;
            -ms-transition: All 1s ease;
            transition: All 1s ease;
        }

            @media all and (max-width: 1240px) {

                #services {
                    width:880px;
                    padding:90px 0;
                    margin:0 auto;
                    text-align:center;
                    position:relative;
                    z-index:5;
                }

            }

            @media all and (max-width: 1020px) {

                #services {
                    width:520px;
                    padding:80px 0;
                    margin:0 auto;
                    text-align:center;
                    position:relative;
                    z-index:5;
                }

                .service {
                    width:calc(50% - 20px);
                    height:650px;
                    overflow:hidden;
                    padding:0;
                    margin:10px;
                    float:left;
                    text-align:left;
                    background:#1a1f25;
                    position:relative;
                    display:block;
                    cursor:pointer;
                }

            }

            @media all and (max-width: 720px) {
                #services {
                    width:360px;
                    padding:50px 0 70px 0;
                    margin:0 auto;
                    text-align:center;
                    position:relative;
                    z-index:5;
                }

                .service {
                    width:100%;
                    height:650px;
                    overflow:hidden;
                    padding:0;
                    margin:20px 0 0 0;
                    float:left;
                    text-align:left;
                    background:#1a1f25;
                    position:relative;
                    display:block;
                    cursor:pointer;
                }
            }

/* portfolio */

        #portfolio-w {
            overflow:hidden;
            width:100%;
            padding:0;
            margin:0;
            position:relative;
        }

        #portfolio {
            width:1140px;
            padding:90px 0;
            margin:0 auto;
            text-align:center;
            position:relative;
            z-index:5;
        }

        a.portfolio {
            overflow:hidden;
            margin:0;
            text-align:left;
            background:#1a1f25;
            position:relative;
            z-index:5;
        }

        a.portfolio-left { float:left; }
        a.portfolio-right { float:right; }

        a.portfolio-type-1 {
            padding:458px 0 0 0;
            width:444px;
            height:238px;
        }

        a.portfolio-type-2 {
            padding:110px 0 0 0;
            width:696px;
            height:238px;
        }

        a.portfolio-type-3 {
            padding:110px 0 0 0;
            width:348px;
            height:238px;
        }

        .portfolio-img-1 {
            width:auto;
            height:100%;
            padding:0;
            margin:0;
            display:block;
            position:absolute;
            top:0;
            left:0;
            z-index:6;
        }

        .portfolio-img-2 {
            padding:0;
            margin:0;
            display:block;
            position:absolute;
            z-index:8;
        }

        .portfolio-img-2-1 {
            width:206px;
            top:40px;
            left:calc(50% - 103px);
            opacity:0.2;
        }

        .portfolio-img-2-2 {
            width:116px;
            top:50px;
            left:50px;
            opacity:0.4;
        }

        .portfolio-img-2-3 {
            width:254px;
            top:20px;
            right:-84px;
            opacity:1;
        }

        .portfolio-img-2-4 {
            width:186px;
            top:40px;
            left:calc(50% - 93px);
            opacity:0.2;
        }

        a.portfolio:hover .portfolio-img-2-1 { opacity:0.3; }
        a.portfolio:hover .portfolio-img-2-2 { opacity:0.5; }
        a.portfolio:hover .portfolio-img-2-3 { opacity:0.9; }
        a.portfolio:hover .portfolio-img-2-4 { opacity:0.3; }

        a.portfolio:hover .portfolio-img-2, a.portfolio:not(:hover) .portfolio-img-2 {
            -webkit-transition: All 0.2s ease;
            -moz-transition: All 0.2s ease;
            -o-transition: All 0.2s ease;
            -ms-transition: All 0.2s ease;
            transition: All 0.2s ease;
        }

        a.portfolio::after {
            content:'';
            width:100%;
            height:100%;
            padding:0;
            margin:0;
            display:block;
            background:#1a1f25;
            position:absolute;
            top:0;
            left:0;
            z-index:7;
            opacity:0.1;
        }

        a.portfolio:hover::after {
            opacity:0;
        }

        a.portfolio:hover::after, a.portfolio:not(:hover)::after {
            -webkit-transition: All 0.2s ease;
            -moz-transition: All 0.2s ease;
            -o-transition: All 0.2s ease;
            -ms-transition: All 0.2s ease;
            transition: All 0.2s ease;
        }

        .portfolio h3 {
            font-family: "Muller-L";
            font-weight:normal;
            font-style:normal;
            text-align:left;
            text-transform:uppercase;
            letter-spacing:3px;
            font-size:12px;
            line-height:12px;
            padding:0;
            margin:0 0 0 30px;
            color:rgba(255,255,255,0.2);
            position:relative;
            z-index:10;
        }

        .portfolio h2 {
            display: inline-block;
            
            font-family: "Muller-M";
            font-weight:normal;
            font-style:normal;
            text-align:left;
            font-size:40px;
            line-height:44px;
            padding:0;
            margin:20px 0 0 30px;
            color:rgba(255,255,255,1);
            position:relative;
            z-index:10;
        }
        
        .portfolio h2 span.wrap {
            position: relative;
            width: calc(100%);
            background-image: linear-gradient(transparent calc(100% - 1px), rgba(255,255,255,0.3) 1px);
            background-repeat: no-repeat;
            background-size: 0% 100%;
            transition: background-size 1s;
        }
        
        .portfolio:hover h2 span.wrap {
            background-size: 100% 100%;
        }
        
        .portfolio h2 span.wrap .st {
            display: inline-block;
            position: relative;
        }
        
        .portfolio h2 i {
          position: absolute;
          right: -22px;
          bottom: 15px;
          width: 14px;
          height: 14px;
          overflow: hidden;
          opacity: 0;
          pointer-events: none;
          transition: opacity .33s 0s;
        }
        
        .portfolio h2 i hr {
          position: absolute;
          margin: 0;
          background: rgba(255, 255, 255, 0.75);
          border: none;
          transition: transform .075s .2s, width .1s .2s, height .1s .2s;
        }
        .portfolio h2 i hr:nth-of-type(1) {
          bottom: 0;
          transform: translate3d(-100%, 0, 0);
        }
        .portfolio h2 i hr:nth-of-type(2) {
          right: 0;
          transform: translate3d(0, 110%, 0);
        }
        .portfolio h2 i hr:nth-of-type(3) {
          top: 0;
          transform: translate3d(100%, 0, 0);
        }
        .portfolio h2 i hr:nth-of-type(4) {
          left: 0;
          transform: translate3d(0, -110%, 0);
        }
        .portfolio h2 i hr:nth-of-type(1),
        .portfolio h2 i hr:nth-of-type(3) {
          left: 0;
          width: 100%;
          height: 1px;
        }
        .portfolio h2 i hr:nth-of-type(2),
        .portfolio h2 i hr:nth-of-type(4) {
          bottom: 1px;
          width: 1px;
          height: calc(100% - 2px);
        }
        .portfolio h2 i hr:nth-of-type(5) {
          position: absolute;
          top: 0;
          right: 0;
          transform: translate3d(-22px, 22px, 0);
          width: 4px;
          height: 1px;
          overflow: visible;
          background: rgba(255, 255, 255, 0.75);
        }
        .portfolio h2 i hr:nth-of-type(5)::before,
        .portfolio h2 i hr:nth-of-type(5)::after {
          content: '';
          position: absolute;
          top: 1px;
          right: 0;
          width: 1px;
          height: 3px;
          background: rgba(255, 255, 255, 0.75);
        }
        .portfolio h2 i hr:nth-of-type(5)::after {
          transform: rotateZ(45deg) translate3d(-25%, 1px, 0);
          transform-origin: top right;
          height: 10px;
        }
        .portfolio:hover h2 i {
          opacity: 1;
          transition: opacity 0s;
        }
        .portfolio:hover h2 i hr {
          transform: translate3d(0, 0, 0);
        }
        .portfolio:hover h2 i hr:nth-of-type(1) {
          transition-delay: .3s;
        }
        .portfolio:hover h2 i hr:nth-of-type(2) {
          height: 6px;
          transition: transform .075s .375s, height .44s .5s;
        }
        .portfolio:hover h2 i hr:nth-of-type(3) {
          width: 7px;
          transition: transform .075s .45s, width .44s .5s;
        }
        .portfolio:hover h2 i hr:nth-of-type(4) {
          transition-delay: .525;
        }
        .portfolio:hover h2 i hr:nth-of-type(5) {
          transition: transform .5s .5s;
        }
        
        
        /*
        .portfolio h2 span { position:relative; }
        .portfolio h2 span::after {
            content:'';
            width:0;
            height:1px;
            padding:0;
            margin:0;
            background:rgba(255,255,255,0.3);
            position:absolute;
            left:0;
            bottom:0;
            z-index:auto;
        }

        a.portfolio:hover.portfolio h2 span::after { width:100%; }

        a.portfolio:hover.portfolio h2 span::after, a.portfolio:not(:hover).portfolio h2 span::after {
            -webkit-transition: All 0.5s ease;
            -moz-transition: All 0.5s ease;
            -o-transition: All 0.5s ease;
            -ms-transition: All 0.5s ease;
            transition: All 0.5s ease;
        }
        */
        .portfolio .tag {
            font-family: "Muller-L";
            font-weight:normal;
            font-style:normal;
            text-align:left;
            letter-spacing:1.5px;
            text-transform:uppercase;
            font-size:11px;
            line-height:29px;
            height:27px;
            border:1px solid rgba(249,199,49,1);
            padding:0 15px;
            margin:20px 0 0 30px;
            color:#f9c731;
            background:rgba(249,199,49,0);
            float:left;
            position:relative;
            z-index:10;
            border-radius:5px;
            -webkit-border-radius:5px;
            -moz-border-radius:5px;
            -khtml-border-radius:5px;
            
            margin-right: calc(100% - 200px)!important;
        }

        .portfolio .tag:hover {
            border:1px solid rgba(249,199,49,0);
            background:rgba(249,199,49,0.2);
        }

        .portfolio-all {
            display:none;
        }

        .portfolio-button {
            font-family: "Muller-B";
            font-weight:normal;
            font-style:normal;
            text-align:center;
            letter-spacing:2px;
            text-transform:uppercase;
            font-size:16px;
            line-height:20px;
            width:310px;
            height:40px;
            padding:25px 0 0 0;
            margin:70px auto 0 auto;
            display:inline-block;
            outline:none;
            cursor:pointer;
            -webkit-appearance: none;
            -moz-appearance:none;
            color:#181e24;
            background:#f9c835;
            border:none;
            border-radius:10px;
            -webkit-border-radius:10px;
            -moz-border-radius:10px;
            -khtml-border-radius:10px;
            -moz-box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
            -webkit-box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
            box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
            position:relative;
        }

        .portfolio-button:hover {
            background:#fbd564;
            -moz-box-shadow: 0 0 20px 0 rgba(250,205,73,0);
            -webkit-box-shadow: 0 0 20px 0 rgba(250,205,73,0);
            box-shadow: 0 0 20px 0 rgba(250,205,73,0);
            outline:none;
        }

        .portfolio-button:hover, .portfolio-button:not(:hover) {
            -webkit-transition: All 0.2s ease;
            -moz-transition: All 0.2s ease;
            -o-transition: All 0.2s ease;
            -ms-transition: All 0.2s ease;
            transition: All 0.2s ease;
        }

            @media all and (max-width: 1360px) {

                #portfolio {
                    width:1080px;
                    padding:90px 0;
                    margin:0 auto;
                    text-align:center;
                    position:relative;
                    z-index:5;
                }

                a.portfolio-type-1 {
                    padding:458px 0 0 0;
                    width:414px;
                    height:238px;
                }

                a.portfolio-type-2 {
                    padding:110px 0 0 0;
                    width:666px;
                    height:238px;
                }

                a.portfolio-type-3 {
                    padding:110px 0 0 0;
                    width:333px;
                    height:238px;
                }

                .portfolio-img-1 {
                    width:auto;
                    height:100%;
                    padding:0;
                    margin:0;
                    display:block;
                    position:absolute;
                    top:0;
                    left:-30px;
                    z-index:6;
                }

                .portfolio-img-2 {
                    padding:0;
                    margin:0;
                    display:block;
                    position:absolute;
                    z-index:8;
                }

                .portfolio-img-2-1 {
                    width:206px;
                    top:40px;
                    left:calc(50% - 103px);
                    opacity:0.2;
                }

                .portfolio-img-2-2 {
                    width:116px;
                    top:50px;
                    left:50px;
                    opacity:0.4;
                }

                .portfolio-img-2-3 {
                    width:254px;
                    top:20px;
                    right:-84px;
                    opacity:1;
                }

                .portfolio-img-2-4 {
                    width:186px;
                    top:40px;
                    left:calc(50% - 93px);
                    opacity:0.2;
                }

                a.portfolio:hover .portfolio-img-2-1 { opacity:0.3; }
                a.portfolio:hover .portfolio-img-2-2 { opacity:0.5; }
                a.portfolio:hover .portfolio-img-2-3 { opacity:0.9; }
                a.portfolio:hover .portfolio-img-2-4 { opacity:0.3; }

                a.portfolio:hover .portfolio-img-2, a.portfolio:not(:hover) .portfolio-img-2 {
                    -webkit-transition: All 0.2s ease;
                    -moz-transition: All 0.2s ease;
                    -o-transition: All 0.2s ease;
                    -ms-transition: All 0.2s ease;
                    transition: All 0.2s ease;
                }

                a.portfolio::after {
                    content:'';
                    width:100%;
                    height:100%;
                    padding:0;
                    margin:0;
                    display:block;
                    background:#1a1f25;
                    position:absolute;
                    top:0;
                    left:0;
                    z-index:7;
                    opacity:0.1;
                }

                a.portfolio:hover::after {
                    opacity:0;
                }

                a.portfolio:hover::after, a.portfolio:not(:hover)::after {
                    -webkit-transition: All 0.2s ease;
                    -moz-transition: All 0.2s ease;
                    -o-transition: All 0.2s ease;
                    -ms-transition: All 0.2s ease;
                    transition: All 0.2s ease;
                }

                .portfolio h3 {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    text-transform:uppercase;
                    letter-spacing:3px;
                    font-size:12px;
                    line-height:12px;
                    padding:0;
                    margin:0 0 0 30px;
                    color:rgba(255,255,255,0.2);
                    position:relative;
                    z-index:10;
                }

                .portfolio h2 {
                    font-family: "Muller-M";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    font-size:38px;
                    line-height:44px;
                    padding:0;
                    margin:20px 0 0 30px;
                    color:rgba(255,255,255,1);
                    position:relative;
                    z-index:10;
                }

                .portfolio .tag {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    letter-spacing:1.5px;
                    text-transform:uppercase;
                    font-size:11px;
                    line-height:29px;
                    height:27px;
                    border:1px solid rgba(249,199,49,1);
                    padding:0 15px;
                    margin:20px 0 0 30px;
                    color:#f9c731;
                    background:rgba(249,199,49,0);
                    float:left;
                    position:relative;
                    z-index:10;
                    border-radius:5px;
                    -webkit-border-radius:5px;
                    -moz-border-radius:5px;
                    -khtml-border-radius:5px;
                }

                .portfolio .tag:hover {
                    border:1px solid rgba(249,199,49,0);
                    background:rgba(249,199,49,0.2);
                }

                .portfolio-button {
                    font-family: "Muller-B";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    letter-spacing:2px;
                    text-transform:uppercase;
                    font-size:16px;
                    line-height:20px;
                    width:310px;
                    height:40px;
                    padding:25px 0 0 0;
                    margin:70px auto 0 auto;
                    display:inline-block;
                    outline:none;
                    cursor:pointer;
                    -webkit-appearance: none;
                    -moz-appearance:none;
                    color:#181e24;
                    background:#f9c835;
                    border:none;
                    border-radius:10px;
                    -webkit-border-radius:10px;
                    -moz-border-radius:10px;
                    -khtml-border-radius:10px;
                    -moz-box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
                    -webkit-box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
                    box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
                    position:relative;
                }

                .portfolio-button:hover {
                    background:#fbd564;
                    -moz-box-shadow: 0 0 20px 0 rgba(250,205,73,0);
                    -webkit-box-shadow: 0 0 20px 0 rgba(250,205,73,0);
                    box-shadow: 0 0 20px 0 rgba(250,205,73,0);
                    outline:none;
                }

                .portfolio-button:hover, .portfolio-button:not(:hover) {
                    -webkit-transition: All 0.2s ease;
                    -moz-transition: All 0.2s ease;
                    -o-transition: All 0.2s ease;
                    -ms-transition: All 0.2s ease;
                    transition: All 0.2s ease;
                }

            }

            @media all and (max-width: 1240px) {

                #portfolio {
                    width:860px;
                    padding:90px 0;
                    margin:0 auto;
                    text-align:center;
                    position:relative;
                    z-index:5;
                }

                a.portfolio-type-1 {
                    padding:408px 0 0 0;
                    width:344px;
                    height:208px;
                }

                a.portfolio-type-2 {
                    padding:100px 0 0 0;
                    width:516px;
                    height:208px;
                }

                a.portfolio-type-3 {
                    padding:100px 0 0 0;
                    width:258px;
                    height:208px;
                }

                .portfolio-img-1 {
                    width:auto;
                    height:100%;
                    padding:0;
                    margin:0;
                    display:block;
                    position:absolute;
                    top:0;
                    left:-40px;
                    z-index:6;
                }

                .portfolio-img-2 {
                    padding:0;
                    margin:0;
                    display:block;
                    position:absolute;
                    z-index:8;
                }

                .portfolio-img-2-1 {
                    width:206px;
                    top:40px;
                    left:calc(50% - 103px);
                    opacity:0.2;
                }

                .portfolio-img-2-2 {
                    width:116px;
                    top:40px;
                    left:40px;
                    opacity:0.4;
                }

                .portfolio-img-2-3 {
                    width:254px;
                    top:20px;
                    right:-84px;
                    opacity:1;
                }

                .portfolio-img-2-4 {
                    width:186px;
                    top:40px;
                    left:calc(50% - 93px);
                    opacity:0.2;
                }

                a.portfolio:hover .portfolio-img-2-1 { opacity:0.3; }
                a.portfolio:hover .portfolio-img-2-2 { opacity:0.5; }
                a.portfolio:hover .portfolio-img-2-3 { opacity:0.9; }
                a.portfolio:hover .portfolio-img-2-4 { opacity:0.3; }

                a.portfolio:hover .portfolio-img-2, a.portfolio:not(:hover) .portfolio-img-2 {
                    -webkit-transition: All 0.2s ease;
                    -moz-transition: All 0.2s ease;
                    -o-transition: All 0.2s ease;
                    -ms-transition: All 0.2s ease;
                    transition: All 0.2s ease;
                }

                a.portfolio::after {
                    content:'';
                    width:100%;
                    height:100%;
                    padding:0;
                    margin:0;
                    display:block;
                    background:#1a1f25;
                    position:absolute;
                    top:0;
                    left:0;
                    z-index:7;
                    opacity:0.1;
                }

                a.portfolio:hover::after {
                    opacity:0;
                }

                a.portfolio:hover::after, a.portfolio:not(:hover)::after {
                    -webkit-transition: All 0.2s ease;
                    -moz-transition: All 0.2s ease;
                    -o-transition: All 0.2s ease;
                    -ms-transition: All 0.2s ease;
                    transition: All 0.2s ease;
                }

                .portfolio h3 {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    text-transform:uppercase;
                    letter-spacing:3px;
                    font-size:12px;
                    line-height:12px;
                    padding:0;
                    margin:0 0 0 30px;
                    color:rgba(255,255,255,0.2);
                    position:relative;
                    z-index:10;
                }

                .portfolio h2 {
                    font-family: "Muller-M";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    font-size:29px;
                    line-height:36px;
                    padding:0;
                    margin:20px 0 0 30px;
                    color:rgba(255,255,255,1);
                    position:relative;
                    z-index:10;
                }

                .portfolio .tag {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    letter-spacing:1.5px;
                    text-transform:uppercase;
                    font-size:11px;
                    line-height:29px;
                    height:27px;
                    border:1px solid rgba(249,199,49,1);
                    padding:0 15px;
                    margin:20px 0 0 30px;
                    color:#f9c731;
                    background:rgba(249,199,49,0);
                    float:left;
                    position:relative;
                    z-index:10;
                    border-radius:5px;
                    -webkit-border-radius:5px;
                    -moz-border-radius:5px;
                    -khtml-border-radius:5px;
                }

                .portfolio .tag:hover {
                    border:1px solid rgba(249,199,49,0);
                    background:rgba(249,199,49,0.2);
                }

                .portfolio-button {
                    font-family: "Muller-B";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    letter-spacing:2px;
                    text-transform:uppercase;
                    font-size:16px;
                    line-height:20px;
                    width:310px;
                    height:40px;
                    padding:25px 0 0 0;
                    margin:70px auto 0 auto;
                    display:inline-block;
                    outline:none;
                    cursor:pointer;
                    -webkit-appearance: none;
                    -moz-appearance:none;
                    color:#181e24;
                    background:#f9c835;
                    border:none;
                    border-radius:10px;
                    -webkit-border-radius:10px;
                    -moz-border-radius:10px;
                    -khtml-border-radius:10px;
                    -moz-box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
                    -webkit-box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
                    box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
                    position:relative;
                }

                .portfolio-button:hover {
                    background:#fbd564;
                    -moz-box-shadow: 0 0 20px 0 rgba(250,205,73,0);
                    -webkit-box-shadow: 0 0 20px 0 rgba(250,205,73,0);
                    box-shadow: 0 0 20px 0 rgba(250,205,73,0);
                    outline:none;
                }

                .portfolio-button:hover, .portfolio-button:not(:hover) {
                    -webkit-transition: All 0.2s ease;
                    -moz-transition: All 0.2s ease;
                    -o-transition: All 0.2s ease;
                    -ms-transition: All 0.2s ease;
                    transition: All 0.2s ease;
                }
            }

            @media all and (max-width: 1020px) {

                #portfolio {
                    width:500px;
                    padding:80px 0;
                    margin:0 auto;
                    text-align:center;
                    position:relative;
                    z-index:5;
                }

                a.portfolio-type-1 {
                    padding:438px 0 0 0;
                    width:100%;
                    height:208px;
                }

                a.portfolio-type-2 {
                    padding:100px 0 0 0;
                    width:100%;
                    height:208px;
                }

                a.portfolio-type-3 {
                    padding:100px 0 0 0;
                    width:50%;
                    height:208px;
                }

                .portfolio-img-1 {
                    width:auto;
                    height:100%;
                    padding:0;
                    margin:0;
                    display:block;
                    position:absolute;
                    top:0;
                    left:0;
                    z-index:6;
                }

                .portfolio-img-1-2 { left:-40px; }

                .portfolio-img-2 {
                    padding:0;
                    margin:0;
                    display:block;
                    position:absolute;
                    z-index:8;
                }

                .portfolio-img-2-1 {
                    width:206px;
                    top:40px;
                    left:calc(50% - 103px);
                    opacity:0.2;
                }

                .portfolio-img-2-2 {
                    width:116px;
                    top:40px;
                    left:40px;
                    opacity:0.4;
                }

                .portfolio-img-2-3 {
                    width:254px;
                    top:20px;
                    right:-84px;
                    opacity:1;
                }

                .portfolio-img-2-4 {
                    width:186px;
                    top:40px;
                    left:calc(50% - 93px);
                    opacity:0.2;
                }

                a.portfolio:hover .portfolio-img-2-1 { opacity:0.3; }
                a.portfolio:hover .portfolio-img-2-2 { opacity:0.5; }
                a.portfolio:hover .portfolio-img-2-3 { opacity:0.9; }
                a.portfolio:hover .portfolio-img-2-4 { opacity:0.3; }

                a.portfolio:hover .portfolio-img-2, a.portfolio:not(:hover) .portfolio-img-2 {
                    -webkit-transition: All 0.2s ease;
                    -moz-transition: All 0.2s ease;
                    -o-transition: All 0.2s ease;
                    -ms-transition: All 0.2s ease;
                    transition: All 0.2s ease;
                }

                a.portfolio::after {
                    content:'';
                    width:100%;
                    height:100%;
                    padding:0;
                    margin:0;
                    display:block;
                    background:#1a1f25;
                    position:absolute;
                    top:0;
                    left:0;
                    z-index:7;
                    opacity:0.1;
                }

                a.portfolio:hover::after {
                    opacity:0;
                }

                a.portfolio:hover::after, a.portfolio:not(:hover)::after {
                    -webkit-transition: All 0.2s ease;
                    -moz-transition: All 0.2s ease;
                    -o-transition: All 0.2s ease;
                    -ms-transition: All 0.2s ease;
                    transition: All 0.2s ease;
                }

                .portfolio h3 {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    text-transform:uppercase;
                    letter-spacing:3px;
                    font-size:12px;
                    line-height:12px;
                    padding:0;
                    margin:0 0 0 30px;
                    color:rgba(255,255,255,0.2);
                    position:relative;
                    z-index:10;
                }

                .portfolio h2 {
                    font-family: "Muller-M";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    font-size:29px;
                    line-height:36px;
                    padding:0;
                    margin:20px 0 0 30px;
                    color:rgba(255,255,255,1);
                    position:relative;
                    z-index:10;
                }

                .portfolio .tag {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    letter-spacing:1.5px;
                    text-transform:uppercase;
                    font-size:11px;
                    line-height:29px;
                    height:27px;
                    border:1px solid rgba(249,199,49,1);
                    padding:0 15px;
                    margin:20px 0 0 30px;
                    color:#f9c731;
                    background:rgba(249,199,49,0);
                    float:left;
                    position:relative;
                    z-index:10;
                    border-radius:5px;
                    -webkit-border-radius:5px;
                    -moz-border-radius:5px;
                    -khtml-border-radius:5px;
                }

                .portfolio .tag:hover {
                    border:1px solid rgba(249,199,49,0);
                    background:rgba(249,199,49,0.2);
                }

                .portfolio-button {
                    font-family: "Muller-B";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    letter-spacing:2px;
                    text-transform:uppercase;
                    font-size:16px;
                    line-height:20px;
                    width:310px;
                    height:40px;
                    padding:25px 0 0 0;
                    margin:70px auto 0 auto;
                    display:inline-block;
                    outline:none;
                    cursor:pointer;
                    -webkit-appearance: none;
                    -moz-appearance:none;
                    color:#181e24;
                    background:#f9c835;
                    border:none;
                    border-radius:10px;
                    -webkit-border-radius:10px;
                    -moz-border-radius:10px;
                    -khtml-border-radius:10px;
                    -moz-box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
                    -webkit-box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
                    box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
                    position:relative;
                }

                .portfolio-button:hover {
                    background:#fbd564;
                    -moz-box-shadow: 0 0 20px 0 rgba(250,205,73,0);
                    -webkit-box-shadow: 0 0 20px 0 rgba(250,205,73,0);
                    box-shadow: 0 0 20px 0 rgba(250,205,73,0);
                    outline:none;
                }

                .portfolio-button:hover, .portfolio-button:not(:hover) {
                    -webkit-transition: All 0.2s ease;
                    -moz-transition: All 0.2s ease;
                    -o-transition: All 0.2s ease;
                    -ms-transition: All 0.2s ease;
                    transition: All 0.2s ease;
                }

            }

            @media all and (max-width: 720px) {
                #portfolio {
                    width:360px;
                    padding:70px 0 70px 0;
                    margin:0 auto;
                    text-align:center;
                    position:relative;
                    z-index:5;
                }

                a.portfolio-type-1 {
                    padding:290px 0 50px 0;
                    width:100%;
                    height:auto;
                }

                a.portfolio-type-2 {
                    padding:100px 0 50px 0;
                    width:100%;
                    height:auto;
                }

                a.portfolio-type-3 {
                    padding:100px 0 50px 0;
                    width:100%;
                    height:auto;
                }

                .portfolio-img-1 {
                    width:auto;
                    height:100%;
                    padding:0;
                    margin:0;
                    display:block;
                    position:absolute;
                    top:0;
                    left:0;
                    z-index:6;
                }

                .portfolio-img-1-2 { left:0; }
                .portfolio-img-1-3 { left:-50px; }
                .portfolio-img-1-4 { left:-100px; }
                .portfolio-img-1-5 { left:-150px; }
                .portfolio-img-1-6 { left:-125px; }

                .portfolio-img-2 {
                    padding:0;
                    margin:0;
                    display:block;
                    position:absolute;
                    z-index:8;
                }

                .portfolio-img-2-1 {
                    width:206px;
                    top:40px;
                    left:calc(50% - 103px);
                    opacity:0.2;
                }

                .portfolio-img-2-2 {
                    width:116px;
                    top:40px;
                    left:30px;
                    opacity:0.4;
                }

                .portfolio-img-2-3 {
                    width:154px;
                    top:20px;
                    right:-54px;
                    opacity:1;
                }

                .portfolio-img-2-4 {
                    width:186px;
                    top:40px;
                    left:calc(50% - 93px);
                    opacity:0.2;
                }

                a.portfolio:hover .portfolio-img-2-1 { opacity:0.3; }
                a.portfolio:hover .portfolio-img-2-2 { opacity:0.5; }
                a.portfolio:hover .portfolio-img-2-3 { opacity:0.9; }
                a.portfolio:hover .portfolio-img-2-4 { opacity:0.3; }

                a.portfolio:hover .portfolio-img-2, a.portfolio:not(:hover) .portfolio-img-2 {
                    -webkit-transition: All 0.2s ease;
                    -moz-transition: All 0.2s ease;
                    -o-transition: All 0.2s ease;
                    -ms-transition: All 0.2s ease;
                    transition: All 0.2s ease;
                }

                a.portfolio::after {
                    content:'';
                    width:100%;
                    height:100%;
                    padding:0;
                    margin:0;
                    display:block;
                    background:#1a1f25;
                    position:absolute;
                    top:0;
                    left:0;
                    z-index:7;
                    opacity:0.1;
                }

                a.portfolio:hover::after {
                    opacity:0;
                }

                a.portfolio:hover::after, a.portfolio:not(:hover)::after {
                    -webkit-transition: All 0.2s ease;
                    -moz-transition: All 0.2s ease;
                    -o-transition: All 0.2s ease;
                    -ms-transition: All 0.2s ease;
                    transition: All 0.2s ease;
                }

                .portfolio h3 {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    text-transform:uppercase;
                    letter-spacing:3px;
                    font-size:12px;
                    line-height:12px;
                    padding:0;
                    margin:0 0 0 30px;
                    color:rgba(255,255,255,0.2);
                    position:relative;
                    z-index:10;
                }

                .portfolio h2 {
                    font-family: "Muller-M";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    font-size:26px;
                    line-height:32px;
                    padding:0;
                    margin:20px 30px 0 30px;
                    color:rgba(255,255,255,1);
                    position:relative;
                    z-index:10;
                }

                .portfolio .tag {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    letter-spacing:1.5px;
                    text-transform:uppercase;
                    font-size:11px;
                    line-height:29px;
                    height:27px;
                    border:1px solid rgba(249,199,49,1);
                    padding:0 15px;
                    margin:20px 0 0 30px;
                    color:#f9c731;
                    background:rgba(249,199,49,0);
                    float:left;
                    position:relative;
                    z-index:10;
                    border-radius:5px;
                    -webkit-border-radius:5px;
                    -moz-border-radius:5px;
                    -khtml-border-radius:5px;
                }

                .portfolio .tag:hover {
                    border:1px solid rgba(249,199,49,0);
                    background:rgba(249,199,49,0.2);
                }

                .portfolio-button {
                    font-family: "Muller-B";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    letter-spacing:2px;
                    text-transform:uppercase;
                    font-size:16px;
                    line-height:20px;
                    width:310px;
                    height:40px;
                    padding:25px 0 0 0;
                    margin:70px auto 0 auto;
                    display:inline-block;
                    outline:none;
                    cursor:pointer;
                    -webkit-appearance: none;
                    -moz-appearance:none;
                    color:#181e24;
                    background:#f9c835;
                    border:none;
                    border-radius:10px;
                    -webkit-border-radius:10px;
                    -moz-border-radius:10px;
                    -khtml-border-radius:10px;
                    -moz-box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
                    -webkit-box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
                    box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
                    position:relative;
                }

                .portfolio-button:hover {
                    background:#fbd564;
                    -moz-box-shadow: 0 0 20px 0 rgba(250,205,73,0);
                    -webkit-box-shadow: 0 0 20px 0 rgba(250,205,73,0);
                    box-shadow: 0 0 20px 0 rgba(250,205,73,0);
                    outline:none;
                }

                .portfolio-button:hover, .portfolio-button:not(:hover) {
                    -webkit-transition: All 0.2s ease;
                    -moz-transition: All 0.2s ease;
                    -o-transition: All 0.2s ease;
                    -ms-transition: All 0.2s ease;
                    transition: All 0.2s ease;
                }

            }

/* videos */

        #videos-w {
            overflow:hidden;
            width:100%;
            padding:0;
            margin:0;
            position:relative;
            text-align:center;
        }

        #videos {
            width:1140px;
            padding:90px 0;
            margin:0 auto;
            text-align:center;
            position:relative;
            z-index:5;
        }

        #videos h2 {
            font-family: "Muller-M";
            font-weight:normal;
            font-style:normal;
            text-align:center;
            font-size:42px;
            line-height:62px;
            max-width:1140px;
            padding:0;
            margin:0 auto;
            color:#ffffff;
            cursor:default;
            position:relative;
        }

        #videos h2 span {
            color:#f9c835;
        }

        #videos h4 {
            font-family: "Muller-L";
            font-weight:normal;
            font-style:normal;
            text-align:center;
            font-size:24px;
            line-height:40px;
            max-width:1140px;
            padding:0;
            margin:30px auto 70px auto;
            color:#ffffff;
            cursor:default;
            position:relative;
            display:inline-block;
        }

        .video-sp1 {
            font-family: "Muller-R";
            font-weight:normal;
            font-style:normal;
            text-align:center;
            letter-spacing:2px;
            text-transform:uppercase;
            font-size:14px;
            line-height:40px;
            width:165px;
            height:38px;
            padding:0;
            margin:0 20px;
            display:inline-block;
            outline:none;
            cursor:default;
            -webkit-appearance: none;
            -moz-appearance:none;
            color:#181e24;
            background:#f9c835;
            border:none;
            border-radius:5px;
            -webkit-border-radius:5px;
            -moz-border-radius:5px;
            -khtml-border-radius:5px;
            position:relative;
        }

        .video-sp2 {
            font-family: "Muller-R";
            font-weight:normal;
            font-style:normal;
            text-align:center;
            letter-spacing:2px;
            text-transform:uppercase;
            font-size:14px;
            line-height:40px;
            width:175px;
            height:36px;
            padding:0;
            margin:0 0 0 20px;
            display:inline-block;
            outline:none;
            cursor:default;
            -webkit-appearance: none;
            -moz-appearance:none;
            color:#47778b;
            background:none;
            border:1px solid #47778b;
            border-radius:5px;
            -webkit-border-radius:5px;
            -moz-border-radius:5px;
            -khtml-border-radius:5px;
            position:relative;
        }

        .video-box {
            width:596px;
            overflow:hidden;
            padding:0;
            margin:0 auto;
            text-align:center;
            background:#1b242b;
            position:relative;
            border-radius:20px;
            -webkit-border-radius:20px;
            -moz-border-radius:20px;
            -khtml-border-radius:20px;
            -moz-box-shadow: 0 0 50px 0 rgba(9,15,19,1);
            -webkit-box-shadow: 0 0 50px 0 rgba(9,15,19,1);
            box-shadow: 0 0 50px 0 rgba(9,15,19,1);
        }

        .video-box img {
            width:100%;
            padding:0;
            margin:0;
            display:block;
        }

        .video-play {
            width:90px;
            height:115px;
            padding:0;
            margin:0;
            position:absolute;
            top:calc(50% - 55px);
            left:calc(50% - 45px);
            z-index:15;
            background:url('../images/play.png') no-repeat center center;
            -webkit-background-size: 90px auto;
            -moz-background-size: 90px auto;
            -o-background-size: 90px auto;
            background-size: 90px auto;
            cursor:pointer;
        }

        .video-play:hover {
            opacity:0.85;
        }

        .video-play:hover, .video-play:not(:hover) {
            -webkit-transition: All 0.2s ease;
            -moz-transition: All 0.2s ease;
            -o-transition: All 0.2s ease;
            -ms-transition: All 0.2s ease;
            transition: All 0.2s ease;
        }

        #videos .slick-slider {
            width:100%;
            min-height:500px;
            margin:0 auto;
            padding:0;
            position:relative;
            display:block;
            text-align:center;
        }

        #videos .slick-list {
            width:1820px;
            display:block;
            margin:0 0 0 -340px;
            padding:0;
            position:relative;
            outline:none;
            border:none;
        }

        #videos .slider-box {
            width:100%;
            display:block;
            margin:0 auto;
            padding:0;
            position:relative;
            outline:none;
            border:none;
            z-index:5;
        }

        #videos .slick-list:focus {
            outline:none;
            border:none;
        }

        #videos .slick-slide {
            width:596px;
            height:100%;
            min-height:407px;
            padding:0;
            margin:0;
            position:relative;
            float:left;
            -moz-transform: scale(0.7);
            -ms-transform: scale(0.7);
            -o-transform: scale(0.7);
            -webkit-transform: scale(0.7);
            opacity:0.2;
        }

        #videos .slick-slide::after {
            content:'';
            width:100%;
            height:100%;
            padding:0;
            margin:0;
            background:none;
            position:absolute;
            top:0;
            left:0;
            z-index:16;
        }

        #videos .slick-center {
            background:none;
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            -webkit-transform: scale(1);
            z-index:20;
            opacity:1;
        }

        #videos .slick-center::after {
            display:none;
        }

        #videos .slick-initialized .slick-slide {
            display:block;
            border:none;
            outline:none;
        }

        #videos .slick-vertical .slick-slide {
            display:block;
            height:auto;
        }

        #videos .slick-arrow.slick-hidden {
            display:none;
        }

        #videos .slick-prev {
            font-size:0;
            line-height:0;
            position:absolute;
            top:50%;
            left:0;
            width:60px;
            height:60px;
            padding:0;
            -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
            cursor:pointer;
            color:transparent;
            border:none;
            outline:none;
            background:#facb43;
            z-index:20;
        }

        #videos .slick-prev::before {
            content: "";
            display: block;
            position: absolute;
            right:16px;
            top:50%;
            width:10px;
            height:10px;
            border-top: 1px solid #181b20;
            border-right: 1px solid #181b20;
            -webkit-transform: translate(-50%,-50%) rotate(-135deg);
            transform: translate(-50%,-50%) rotate(-135deg);
            transition: opacity .35s;
        }

        #videos .slick-next {
            font-size:0;
            line-height:0;
            position:absolute;
            top:50%;
            right:0;
            width:60px;
            height:60px;
            padding:0;
            -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
            cursor:pointer;
            color:transparent;
            border:none;
            outline:none;
            background:#facb43;
            z-index:20;
        }

        #videos .slick-next::before {
            content: "";
            display: block;
            position: absolute;
            right:20px;
            top:50%;
            width:10px;
            height:10px;
            border-bottom: 1px solid #181b20;
            border-left: 1px solid #181b20;
            -webkit-transform: translate(-50%,-50%) rotate(-135deg);
            transform: translate(-50%,-50%) rotate(-135deg);
            transition: opacity .35s;
        }

        #videos .slick-prev:hover,
        #videos .slick-next:hover {
            opacity:0.75;
        }

        .slick-prev:hover, .slick-prev:not(:hover),
        .slick-next:hover, .slick-next:not(:hover) {
            -webkit-transition: All 0.2s ease;
            -moz-transition: All 0.2s ease;
            -o-transition: All 0.2s ease;
            -ms-transition: All 0.2s ease;
            transition: All 0.2s ease;
        }

        #videos .slick-dotted.slick-slider {
            padding:0;
            margin:0;
            z-index:20;
        }

        #videos .slick-dots {
            width:100%;
            display:block;
            padding:0;
            margin:0;
            position:absolute;
            top:480px;
            left:0;
            list-style:none;
            text-align:center;
        }

        #videos .slick-dots li {
            position:relative;
            display:inline-block;
            width:122px;
            height:1px;
            margin:0;
            padding:0;
            cursor:pointer;
            background:url('../images/bullet.svg') no-repeat 0 0;
        }

        #videos .slick-dots li:hover,
        #videos .slick-dots li:hover::after {
            -webkit-transition: All 0.2s ease;
            -moz-transition: All 0.2s ease;
            -o-transition: All 0.2s ease;
            -ms-transition: All 0.2s ease;
            transition: All 0.2s ease;
        }

        #videos .slick-dots li:hover {
            background:url('../images/bullet-hover.png') no-repeat 0 0;
            -webkit-background-size: 122px auto;
            -moz-background-size: 122px auto;
            -o-background-size: 122px auto;
            background-size: 122px auto;
        }

        #videos .slick-dots li.slick-active {
            background:url('../images/bullet-active.png') no-repeat 0 0;
            -webkit-background-size: 122px auto;
            -moz-background-size: 122px auto;
            -o-background-size: 122px auto;
            background-size: 122px auto;
        }

        #videos .slick-dots li::after {
            content:'';
            position:absolute;
            top:calc(50% - 7px);
            left:calc(50% - 7px);
            width:12px;
            height:12px;
            border:1px solid #26404b;
            margin:0;
            padding:0;
            cursor:pointer;
            background:none;
            border-radius:100%;
            -webkit-border-radius:100%;
            -moz-border-radius:100%;
            -khtml-border-radius:100%;
        }

        #videos .slick-dots li:hover::after {
            border:1px solid #47778b;
        }

        #videos .slick-dots li.slick-active::after {
            border:1px solid #ffde16;
            background:#ffde16;
            -moz-box-shadow: 0 0 27px 0 rgba(255,209,56,0.28);
            -webkit-box-shadow: 0 0 27px 0 rgba(255,209,56,0.28);
            box-shadow: 0 0 27px 0 rgba(255,209,56,0.28);
        }

        #videos .slick-dots li button {
            font-size:0;
            line-height:0;
            display:block;
            width:100%;
            height:100%;
            padding:0;
            margin:0;
            cursor:pointer;
            color:transparent;
            border:0;
            outline:none;
            background:transparent;
        }

            @media all and (max-width: 1360px) {

                #videos {
                    width:1080px;
                    padding:90px 0;
                    margin:0 auto;
                    text-align:center;
                    position:relative;
                    z-index:5;
                }

                #videos .slick-list {
                    width:1820px;
                    display:block;
                    margin:0 0 0 -370px;
                    padding:0;
                    position:relative;
                    outline:none;
                    border:none;
                }
            }

            @media all and (max-width: 1240px) {

                #videos {
                    width:860px;
                    padding:90px 0;
                    margin:0 auto;
                    text-align:center;
                    position:relative;
                    z-index:5;
                }

                #videos .slick-list {
                    width:1820px;
                    display:block;
                    margin:0 0 0 -480px;
                    padding:0;
                    position:relative;
                    outline:none;
                    border:none;
                }
            }

            .br1020 {
                display:none;
            }

            @media all and (max-width: 1020px) {

                #videos {
                    width:500px;
                    padding:80px 0;
                    margin:0 auto;
                    text-align:center;
                    position:relative;
                    z-index:5;
                }

                #videos .slick-list {
                    width:100%;
                    display:block;
                    margin:0;
                    padding:0;
                    position:relative;
                    outline:none;
                    border:none;
                }

                #videos .slider-box {
                    width:100%;
                    display:block;
                    margin:0 auto;
                    padding:0;
                    position:relative;
                    outline:none;
                    border:none;
                    z-index:5;
                }

                #videos .slick-slider {
                    width:100%;
                    min-height:400px;
                    margin:0 auto;
                    padding:0;
                    position:relative;
                    display:block;
                    text-align:center;
                }

                #videos h2 {
                    font-family: "Muller-M";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    font-size:36px;
                    line-height:46px;
                    max-width:1140px;
                    padding:0;
                    margin:0 auto;
                    color:#ffffff;
                    cursor:default;
                    position:relative;
                }

                #videos h2 span {
                    color:#f9c835;
                }

                #videos h4 {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    font-size:21px;
                    line-height:31px;
                    max-width:1140px;
                    padding:0;
                    margin:30px auto 70px auto;
                    color:#ffffff;
                    cursor:default;
                    position:relative;
                    display:inline-block;
                }

                .br1020 {
                    display:block;
                }

                .video-sp1 {
                    font-family: "Muller-R";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    letter-spacing:2px;
                    text-transform:uppercase;
                    font-size:14px;
                    line-height:40px;
                    width:165px;
                    height:38px;
                    padding:0;
                    margin:10px 10px 0 10px;
                    display:inline-block;
                    outline:none;
                    cursor:default;
                    -webkit-appearance: none;
                    -moz-appearance:none;
                    color:#181e24;
                    background:#f9c835;
                    border:none;
                    border-radius:5px;
                    -webkit-border-radius:5px;
                    -moz-border-radius:5px;
                    -khtml-border-radius:5px;
                    position:relative;
                }

                .video-sp2 {
                    font-family: "Muller-R";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    letter-spacing:2px;
                    text-transform:uppercase;
                    font-size:14px;
                    line-height:40px;
                    width:175px;
                    height:36px;
                    padding:0;
                    margin:10px 10px 0 10px;
                    display:inline-block;
                    outline:none;
                    cursor:default;
                    -webkit-appearance: none;
                    -moz-appearance:none;
                    color:#47778b;
                    background:none;
                    border:1px solid #47778b;
                    border-radius:5px;
                    -webkit-border-radius:5px;
                    -moz-border-radius:5px;
                    -khtml-border-radius:5px;
                    position:relative;
                }

                .video-box {
                    width:500px;
                    overflow:hidden;
                    padding:0;
                    margin:0 auto;
                    text-align:center;
                    background:#1b242b;
                    position:relative;
                    border-radius:20px;
                    -webkit-border-radius:20px;
                    -moz-border-radius:20px;
                    -khtml-border-radius:20px;
                    -moz-box-shadow: 0 0 50px 0 rgba(9,15,19,1);
                    -webkit-box-shadow: 0 0 50px 0 rgba(9,15,19,1);
                    box-shadow: 0 0 50px 0 rgba(9,15,19,1);
                }

                .video-box img {
                    width:100%;
                    padding:0;
                    margin:0;
                    display:block;
                }

                .video-play {
                    width:90px;
                    height:115px;
                    padding:0;
                    margin:0;
                    position:absolute;
                    top:calc(50% - 55px);
                    left:calc(50% - 45px);
                    z-index:15;
                    background:url('../images/play.png') no-repeat center center;
                    -webkit-background-size: 90px auto;
                    -moz-background-size: 90px auto;
                    -o-background-size: 90px auto;
                    background-size: 90px auto;
                    cursor:pointer;
                }

                .video-play:hover {
                    opacity:0.85;
                }

                #videos .slick-slide {
                    width:500px;
                    height:100%;
                    min-height:407px;
                    padding:0;
                    margin:0;
                    position:relative;
                    float:left;
                    -moz-transform: scale(0.7);
                    -ms-transform: scale(0.7);
                    -o-transform: scale(0.7);
                    -webkit-transform: scale(0.7);
                    opacity:0.2;
                }

                #videos .slick-slide::after {
                    content:'';
                    width:100%;
                    height:100%;
                    padding:0;
                    margin:0;
                    background:none;
                    position:absolute;
                    top:0;
                    left:0;
                    z-index:16;
                    display: none;
                }

                #videos .slick-center {
                    background:none;
                    -moz-transform: scale(1);
                    -ms-transform: scale(1);
                    -o-transform: scale(1);
                    -webkit-transform: scale(1);
                    z-index:20;
                    opacity:1;
                }

                #videos .slick-center::after {
                    display:none;
                }

                #videos .slick-initialized .slick-slide {
                    display:block;
                    border:none;
                    outline:none;
                }

                #videos .slick-vertical .slick-slide {
                    display:block;
                    height:auto;
                }

                #videos .slick-arrow.slick-hidden {
                    display:none;
                }

                #videos .slick-dots {
                    width:100%;
                    display:block;
                    padding:0;
                    margin:0;
                    position:absolute;
                    top:380px;
                    left:0;
                    list-style:none;
                    text-align:center;
                }

                #videos .slick-dots li {
                    position:relative;
                    display:inline-block;
                    width:50px;
                    height:1px;
                    margin:0;
                    padding:0;
                    cursor:pointer;
                    background:url('../images/bullet.svg') no-repeat -36px 0;
                }

                #videos .slick-dots li:hover {
                    background:url('../images/bullet.svg') no-repeat -36px 0;
                }

                #videos .slick-dots li.slick-active {
                    background:url('../images/bullet.svg') no-repeat -36px 0;
                }

                #videos .slick-dots li::after {
                    content:'';
                    position:absolute;
                    top:calc(50% - 7px);
                    left:calc(50% - 7px);
                    width:12px;
                    height:12px;
                    border:1px solid #26404b;
                    margin:0;
                    padding:0;
                    cursor:pointer;
                    background:none;
                    border-radius:100%;
                    -webkit-border-radius:100%;
                    -moz-border-radius:100%;
                    -khtml-border-radius:100%;
                }

                #videos .slick-dots li:hover::after {
                    border:1px solid #47778b;
                }

                #videos .slick-dots li.slick-active::after {
                    border:1px solid #ffde16;
                    background:#ffde16;
                    -moz-box-shadow: 0 0 27px 0 rgba(255,209,56,0.28);
                    -webkit-box-shadow: 0 0 27px 0 rgba(255,209,56,0.28);
                    box-shadow: 0 0 27px 0 rgba(255,209,56,0.28);
                }

                #videos .slick-dots li button {
                    font-size:0;
                    line-height:0;
                    display:block;
                    width:100%;
                    height:100%;
                    padding:0;
                    margin:0;
                    cursor:pointer;
                    color:transparent;
                    border:0;
                    outline:none;
                    background:transparent;
                }
            }

            @media all and (max-width: 720px) {
                #videos {
                    width:360px;
                    padding:70px 0 70px 0;
                    margin:0 auto;
                    text-align:center;
                    position:relative;
                    z-index:10;
                }


                #videos .slick-list {
                    width:500px;
                    overflow:hidden;
                    display:block;
                    margin:0 0 0 -70px;
                    padding:0;
                    position:relative;
                    outline:none;
                    border:none;
                }

                #videos .slick-slider {
                    width:100%;
                    min-height:300px;
                    margin:0 auto;
                    padding:0;
                    position:relative;
                    display:block;
                    text-align:center;
                }

                #videos h2 {
                    font-family: "Muller-M";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    font-size:28px;
                    line-height:36px;
                    max-width:1140px;
                    padding:0;
                    margin:0 auto;
                    color:#ffffff;
                    cursor:default;
                    position:relative;
                }

                #videos h2 span {
                    color:#f9c835;
                }

                #videos h4 {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    font-size:18px;
                    line-height:28px;
                    max-width:1140px;
                    padding:0;
                    margin:30px auto 70px auto;
                    color:#ffffff;
                    cursor:default;
                    position:relative;
                    display:inline-block;
                }

                .br1020 {
                    display:block;
                }

                .video-sp1 {
                    font-family: "Muller-R";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    letter-spacing:2px;
                    text-transform:uppercase;
                    font-size:14px;
                    line-height:40px;
                    width:240px;
                    height:38px;
                    padding:0;
                    margin:10px auto 10px auto;
                    display:block;
                    outline:none;
                    cursor:default;
                    -webkit-appearance: none;
                    -moz-appearance:none;
                    color:#181e24;
                    background:#f9c835;
                    border:none;
                    border-radius:5px;
                    -webkit-border-radius:5px;
                    -moz-border-radius:5px;
                    -khtml-border-radius:5px;
                    position:relative;
                }

                .video-sp2 {
                    font-family: "Muller-R";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    letter-spacing:2px;
                    text-transform:uppercase;
                    font-size:14px;
                    line-height:40px;
                    width:238px;
                    height:36px;
                    padding:0;
                    margin:10px auto 0 auto;
                    display:block;
                    outline:none;
                    cursor:default;
                    -webkit-appearance: none;
                    -moz-appearance:none;
                    color:#47778b;
                    background:none;
                    border:1px solid #47778b;
                    border-radius:5px;
                    -webkit-border-radius:5px;
                    -moz-border-radius:5px;
                    -khtml-border-radius:5px;
                    position:relative;
                }

                .video-box {
                    width:360px;
                    overflow:hidden;
                    padding:0;
                    margin:0 auto;
                    text-align:center;
                    background:#1b242b;
                    position:relative;
                    border-radius:20px;
                    -webkit-border-radius:20px;
                    -moz-border-radius:20px;
                    -khtml-border-radius:20px;
                    -moz-box-shadow: 0 0 50px 0 rgba(9,15,19,0);
                    -webkit-box-shadow: 0 0 50px 0 rgba(9,15,19,0);
                    box-shadow: 0 0 50px 0 rgba(9,15,19,0);
                }

                .video-box img {
                    width:100%;
                    padding:0;
                    margin:0;
                    display:block;
                }

                .video-play {
                    width:90px;
                    height:115px;
                    padding:0;
                    margin:0;
                    position:absolute;
                    top:calc(50% - 55px);
                    left:calc(50% - 45px);
                    z-index:15;
                    background:url('../images/play.png') no-repeat center center;
                    -webkit-background-size: 90px auto;
                    -moz-background-size: 90px auto;
                    -o-background-size: 90px auto;
                    background-size: 90px auto;
                    cursor:pointer;
                }

                .video-play:hover {
                    opacity:0.85;
                }

                #videos .slick-slide {
                    width:360px;
                    height:100%;
                    min-height:250px;
                    padding:0;
                    margin:0;
                    position:relative;
                    float:left;
                    -moz-transform: scale(0.7);
                    -ms-transform: scale(0.7);
                    -o-transform: scale(0.7);
                    -webkit-transform: scale(0.7);
                    opacity:0.2;
                }

                #videos .slick-center {
                    background:none;
                    -moz-transform: scale(1);
                    -ms-transform: scale(1);
                    -o-transform: scale(1);
                    -webkit-transform: scale(1);
                    z-index:20;
                    opacity:1;
                    display:block;
                }

                #videos .slick-center::after {
                    display:none;
                }

                #videos .slick-initialized .slick-slide {
                    display:block;
                    border:none;
                    outline:none;
                }

                #videos .slick-vertical .slick-slide {
                    display:block;
                    height:auto;
                }

                #videos .slick-arrow.slick-hidden {
                    display:none;
                }

                #videos .slick-dots {
                    width:100%;
                    display:block;
                    padding:0;
                    margin:0;
                    position:absolute;
                    top:auto;
                    bottom:0;
                    left:0;
                    list-style:none;
                    text-align:center;
                }

                #videos .slick-dots::after {
                    content:'';
                    width:170px;
                    height:1px;
                    display:block;
                    padding:0;
                    margin:0;
                    position:absolute;
                    top:16px;
                    left:calc(50% - 85px);
                    z-index:4;
                    list-style:none;
                    text-align:center;
                    background:rgba(38,64,75,0.2);
                }

                #videos .slick-dots li {
                    position:relative;
                    display:inline-block;
                    width:40px;
                    height:1px;
                    margin:0;
                    padding:0;
                    cursor:pointer;
                    background:none;
                }

                #videos .slick-dots li:hover {
                    background:none;
                }

                #videos .slick-dots li.slick-active {
                    background:none;
                }

                #videos .slick-dots li::after {
                    content:'';
                    position:absolute;
                    top:calc(50% - 7px);
                    left:calc(50% - 7px);
                    width:12px;
                    height:12px;
                    border:1px solid #26404b;
                    margin:0;
                    padding:0;
                    z-index:5;
                    cursor:pointer;
                    background:#26404b;
                    border-radius:100%;
                    -webkit-border-radius:100%;
                    -moz-border-radius:100%;
                    -khtml-border-radius:100%;
                }

                #videos .slick-dots li:hover::after {
                    border:1px solid #47778b;
                    background:#47778b;
                }

                #videos .slick-dots li.slick-active::after {
                    border:1px solid #ffde16;
                    background:#ffde16;
                    -moz-box-shadow: 0 0 27px 0 rgba(255,209,56,0.28);
                    -webkit-box-shadow: 0 0 27px 0 rgba(255,209,56,0.28);
                    box-shadow: 0 0 27px 0 rgba(255,209,56,0.28);
                }

                #videos .slick-dots li button {
                    font-size:0;
                    line-height:0;
                    display:block;
                    width:100%;
                    height:100%;
                    padding:0;
                    margin:0;
                    cursor:pointer;
                    color:transparent;
                    border:0;
                    outline:none;
                    background:transparent;
                }
            }

/* clients */

        #clients-w {
            overflow:hidden;
            width:100%;
            padding:0;
            margin:0;
            position:relative;
        }

        #clients {
            width:100%;
            padding:90px 0;
            margin:0 auto;
            text-align:center;
            position:relative;
            z-index:5;
        }

        .clients-photo {
            width:1240px;
            min-height:450px;
            padding:0;
            margin:0 auto 60px auto;
            position:relative;
            text-align:center;
        }

        .client-photo {
            height:380px;
            padding:0;
            margin:0;
            position:absolute;
        }

        .client-photo-1 { top:0; width:214px; left:0; z-index:11; background:url('../images/m1.png') no-repeat top center; }
        .client-photo-2 { top:0; width:286px; left:355px; z-index:11; background:url('../images/m2.png') no-repeat top center; }
        .client-photo-3 { top:0; width:279px; left:775px; z-index:11; background:url('../images/m3.png') no-repeat top center; }
        .client-photo-4 { top:60px; width:255px; left:150px; z-index:12; background:url('../images/m4.png') no-repeat top center; }
        .client-photo-5 { top:60px; width:316px; left:530px; z-index:12; background:url('../images/m5.png') no-repeat top center; }
        .client-photo-6 { top:60px; width:224px; left:1010px; z-index:12; background:url('../images/m6.png') no-repeat top center; }

        #clients h2 {
            font-family: "Muller-M";
            font-weight:normal;
            font-style:normal;
            text-align:center;
            font-size:42px;
            line-height:62px;
            max-width:1140px;
            padding:0;
            margin:0 auto;
            color:#ffffff;
            cursor:default;
            position:relative;
        }

        #clients h2 span {
            color:#f9c835;
        }

        #clients h4 {
            font-family: "Muller-L";
            font-weight:normal;
            font-style:normal;
            text-align:center;
            font-size:24px;
            line-height:38px;
            max-width:1140px;
            padding:0;
            margin:30px auto 0 auto;
            color:#ffffff;
            cursor:default;
            position:relative;
        }

        #clients-logos {
            width:100%;
            height:280px;
            padding:0;
            margin:60px 0 0 0;
            position:relative;
            background:url('../images/logos.png') repeat-x center left;
        }

            @media all and (max-width: 1360px) {

                #clients {
                    width:100%;
                    padding:90px 0;
                    margin:0 auto;
                    text-align:center;
                    position:relative;
                    z-index:5;
                }

                .clients-photo {
                    width:1080px;
                    min-height:450px;
                    padding:0;
                    margin:0 auto 60px auto;
                    position:relative;
                    text-align:center;
                }

                .client-photo {
                    height:380px;
                    padding:0;
                    margin:0;
                    position:absolute;
                }

                .client-photo-1 { top:0; width:214px; left:0; z-index:11; background:url('../images/m1.png') no-repeat top center; }
                .client-photo-2 { top:0; width:286px; left:255px; z-index:11; background:url('../images/m2.png') no-repeat top center; }
                .client-photo-3 { top:0; width:279px; left:665px; z-index:11; background:url('../images/m3.png') no-repeat top center; }
                .client-photo-4 { top:60px; width:255px; left:100px; z-index:12; background:url('../images/m4.png') no-repeat top center; }
                .client-photo-5 { top:60px; width:316px; left:440px; z-index:12; background:url('../images/m5.png') no-repeat top center; }
                .client-photo-6 { top:60px; width:224px; left:855px; z-index:12; background:url('../images/m6.png') no-repeat top center; }

                #clients h2 {
                    font-family: "Muller-M";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    font-size:42px;
                    line-height:62px;
                    max-width:1080px;
                    padding:0;
                    margin:0 auto;
                    color:#ffffff;
                    cursor:default;
                    position:relative;
                }

                #clients h4 {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    font-size:24px;
                    line-height:38px;
                    max-width:1080px;
                    padding:0;
                    margin:30px auto 0 auto;
                    color:#ffffff;
                    cursor:default;
                    position:relative;
                }
            }

            @media all and (max-width: 1240px) {

                #clients {
                    width:100%;
                    padding:90px 0;
                    margin:0 auto;
                    text-align:center;
                    position:relative;
                    z-index:5;
                }

                .clients-photo {
                    width:860px;
                    min-height:450px;
                    padding:0;
                    margin:0 auto 60px auto;
                    position:relative;
                    text-align:center;
                }

                .client-photo {
                    height:420px;
                    padding:0;
                    margin:0;
                    position:absolute;
                }

                .client-photo-1 { top:0; width:214px; left:0; z-index:11; background:url('../images/m1.png') no-repeat top center; }
                .client-photo-2 { top:0; width:286px; left:215px; z-index:11; background:url('../images/m2.png') no-repeat top center; }
                .client-photo-3 { top:0; width:279px; left:500px; z-index:11; background:url('../images/m3.png') no-repeat top center; }
                .client-photo-4 { top:90px; width:255px; left:80px; z-index:12; background:url('../images/m4.png') no-repeat top center; }
                .client-photo-5 { top:90px; width:316px; left:335px; z-index:12; background:url('../images/m5.png') no-repeat top center; }
                .client-photo-6 { top:90px; width:224px; left:650px; z-index:12; background:url('../images/m6.png') no-repeat top center; }

                #clients h2 {
                    font-family: "Muller-M";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    font-size:42px;
                    line-height:62px;
                    max-width:860px;
                    padding:0;
                    margin:0 auto;
                    color:#ffffff;
                    cursor:default;
                    position:relative;
                }

                #clients h4 {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    font-size:24px;
                    line-height:38px;
                    max-width:860px;
                    padding:0;
                    margin:30px auto 0 auto;
                    color:#ffffff;
                    cursor:default;
                    position:relative;
                }
            }

            @media all and (max-width: 1020px) {

                #clients {
                    width:100%;
                    padding:80px 0;
                    margin:0 auto;
                    text-align:center;
                    position:relative;
                    z-index:5;
                }

                .clients-photo {
                    width:500px;
                    min-height:850px;
                    padding:0;
                    margin:0 auto 60px auto;
                    position:relative;
                    text-align:center;
                }

                .client-photo {
                    height:420px;
                    padding:0;
                    margin:0;
                    position:absolute;
                }

                .client-photo-1 { top:0; width:214px; left:0; z-index:11; background:url('../images/m1.png') no-repeat top center; }
                .client-photo-2 { top:0; width:286px; left:215px; z-index:11; background:url('../images/m2.png') no-repeat top center; }
                .client-photo-3 { top:140px; width:279px; left:120px; z-index:12; background:url('../images/m3.png') no-repeat top center; }
                .client-photo-4 { top:320px; width:255px; left:0; z-index:13; background:url('../images/m4.png') no-repeat top center; }
                .client-photo-5 { top:320px; width:316px; left:190px; z-index:14; background:url('../images/m5.png') no-repeat top center; }
                .client-photo-6 { top:480px; width:224px; left:140px; z-index:15; background:url('../images/m6.png') no-repeat top center; }

                #clients h2 {
                    font-family: "Muller-M";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    font-size:36px;
                    line-height:46px;
                    max-width:500px;
                    padding:0;
                    margin:0 auto;
                    color:#ffffff;
                    cursor:default;
                    position:relative;
                }

                #clients h4 {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    font-size:21px;
                    line-height:31px;
                    max-width:500px;
                    padding:0;
                    margin:30px auto 0 auto;
                    color:#ffffff;
                    cursor:default;
                    position:relative;
                }
            }

            @media all and (max-width: 720px) {
                #clients {
                    width:100%;
                    padding:70px 0 70px 0;
                    margin:0 auto;
                    text-align:center;
                    position:relative;
                    z-index:5;
                }

                .clients-photo {
                    width:400px;
                    min-height:830px;
                    padding:0;
                    margin:0 auto 0 auto;
                    position:relative;
                    text-align:center;
                }

                .client-photo {
                    height:350px;
                    padding:0;
                    margin:0;
                    position:absolute;
                }

                .client-photo-1 { top:0; width:164px; left:0; z-index:11; background:url('../images/m1.png') no-repeat top center;
                    -webkit-background-size: 100% auto;
                    -moz-background-size: 100% auto;
                    -o-background-size: 100% auto;
                    background-size: 100% auto; }
                .client-photo-2 { top:0; width:236px; left:165px; z-index:11; background:url('../images/m2.png') no-repeat top center;
                    -webkit-background-size: 100% auto;
                    -moz-background-size: 100% auto;
                    -o-background-size: 100% auto;
                    background-size: 100% auto; }
                .client-photo-3 { top:140px; width:229px; left:100px; z-index:12; background:url('../images/m3.png') no-repeat top center;
                    -webkit-background-size: 100% auto;
                    -moz-background-size: 100% auto;
                    -o-background-size: 100% auto;
                    background-size: 100% auto; }
                .client-photo-4 { top:320px; width:205px; left:0; z-index:13; background:url('../images/m4.png') no-repeat top center;
                    -webkit-background-size: 100% auto;
                    -moz-background-size: 100% auto;
                    -o-background-size: 100% auto;
                    background-size: 100% auto; }
                .client-photo-5 { top:320px; width:266px; left:140px; z-index:14; background:url('../images/m5.png') no-repeat top center;
                    -webkit-background-size: 100% auto;
                    -moz-background-size: 100% auto;
                    -o-background-size: 100% auto;
                    background-size: 100% auto; }
                .client-photo-6 { top:480px; width:184px; left:100px; z-index:15; background:url('../images/m6.png') no-repeat top center;
                    -webkit-background-size: 100% auto;
                    -moz-background-size: 100% auto;
                    -o-background-size: 100% auto;
                    background-size: 100% auto; }

                #clients h2 {
                    font-family: "Muller-M";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    font-size:28px;
                    line-height:36px;
                    max-width:360px;
                    padding:0;
                    margin:0 auto;
                    color:#ffffff;
                    cursor:default;
                    position:relative;
                }

                #clients h4 {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    font-size:18px;
                    line-height:28px;
                    max-width:360px;
                    padding:0;
                    margin:30px auto 0 auto;
                    color:#ffffff;
                    cursor:default;
                    position:relative;
                }

                #clients-logos {
                    width:100%;
                    height:200px;
                    padding:0;
                    margin:60px 0 0 0;
                    position:relative;
                    background:url('../images/logos.png') repeat-x center left;
                    -webkit-background-size: auto 100%;
                    -moz-background-size: auto 100%;
                    -o-background-size: auto 100%;
                    background-size: auto 100%;
                }
            }

/* contract */

        #contract-w {
            overflow:hidden;
            width:100%;
            padding:0;
            margin:0;
            position:relative;
        }

        #contract {
            width:1140px;
            padding:90px 0;
            margin:0 auto;
            text-align:center;
            position:relative;
            z-index:5;
        }

        .stamp {
            width:110px;
            height:110px;
            padding:0;
            margin:0 auto 30px auto;
            position:relative;
            background:url('../images/stamp.svg') no-repeat 25px 27px;
        }

        .stamp-text {
            width:110px;
            height:110px;
            padding:0;
            margin:0;
            position:absolute;
            top:0;
            left:0;
            z-index:auto;
            background:url('../images/text.png') no-repeat center center;
            animation: stamp-ani 10s linear infinite;
        }

            @keyframes stamp-ani {
                from {
                    transform: rotate(0deg);
                }
                to {
                    transform: rotate(360deg);
                }
            }

            @-webkit-keyframes stamp-ani {
                from {
                    transform: rotate(0deg);
                }
                to {
                    transform: rotate(360deg);
                }
            }

        #contract h2 {
            font-family: "Muller-L";
            font-weight:normal;
            font-style:normal;
            text-align:center;
            font-size:42px;
            line-height:62px;
            padding:0;
            margin:0 auto;
            color:#ffffff;
            cursor:default;
            position:relative;
        }

        .contract-sp1 {
            font-family: "Muller-B";
            font-weight:normal;
        }

        .contract-sp2 {
            color:#f9c835;
        }

        .contract-left {
            width:570px;
            padding:0;
            margin:30px 0 0 0;
            text-align:center;
            position:relative;
            float:left;
        }

        .contract-img1 {
            width:534px;
            padding:0;
            margin:0 auto;
            display:block;
            position:relative;
            z-index:6;
        }

        .contract-img2 {
            width:143px;
            padding:0;
            margin:0;
            display:block;
            position:absolute;
            top:380px;
            left:0;
            z-index:7;
        }

        #contract h4 {
            font-family: "Muller-L";
            font-weight:normal;
            font-style:normal;
            text-align:left;
            font-size:14px;
            line-height:24px;
            padding:0;
            margin:30px 0 0 100px;
            color:rgba(255,255,255,0.2);
            cursor:default;
            position:relative;
            float:left;
        }

        #contract h4 span {
            font-family: "Muller-R";
            font-weight:normal;
            font-style:normal;
            text-align:left;
            font-size:20px;
            line-height:24px;
            padding:0;
            margin:0;
            color:rgba(255,255,255,1);
            cursor:default;
            position:relative;
        }

        .signature {
            width:174px;
            height:110px;
            padding:0;
            margin:-18px 60px 0 0;
            position:relative;
            background:url('../images/10.png') no-repeat 0 0;
            -webkit-background-size: 100% auto;
            -moz-background-size: 100% auto;
            -o-background-size: 100% auto;
            background-size: 100% auto;
            float:right;
        }

        .contract-right {
            width:410px;
            padding:0;
            margin:70px 0 0 70px;
            text-align:center;
            position:relative;
            float:left;
        }

        .contract-right p {
            font-family: "Muller-L";
            font-weight:normal;
            font-style:normal;
            text-align:left;
            font-size:16px;
            line-height:30px;
            padding:0;
            margin:50px 0 0 0;
            color:#ffffff;
            cursor:pointer;
            position:relative;
        }

        .contract-p1 { opacity:0.4; }
        .contract-p2 { opacity:0.3; }
        .contract-p3 { opacity:0.2; }
        .contract-p4 { opacity:0.1; }

        .contract-right p.contract-p-active {
            padding:0 0 0 50px;
            color:rgba(255,255,255,0.5);
            background:url('../images/bookmark-2.svg') no-repeat 0 0;
            opacity:1;
            cursor:default;
        }

        .contract-sp3 {
            font-family: "Muller-R";
            font-weight:normal;
            font-style:normal;
            text-align:left;
            font-size:20px;
            line-height:30px;
            padding:0;
            margin:0 0 10px 0;
            display:inline-block;
            color:#ffffff;
            position:relative;
        }

        .contract-p-active .contract-sp3 {
            font-family: "Muller-M";
            font-weight:normal;
            font-style:normal;
            text-transform:uppercase;
            letter-spacing:2px;
            font-size:16px;
            line-height:30px;
            padding:0;
            max-width:330px;
        }

        .contract-p-active .contract-sp4 {
            color:#f9c835;
        }

        .contract-right p:hover, .contract-right p:not(:hover),
        .contract-p-active:hover, .contract-p-active:not(:hover) {
            -webkit-transition: All 0.2s ease;
            -moz-transition: All 0.2s ease;
            -o-transition: All 0.2s ease;
            -ms-transition: All 0.2s ease;
            transition: All 0.2s ease;
        }

            @media all and (max-width: 1360px) {
                #contract {
                    width:1080px;
                    padding:90px 0;
                    margin:0 auto;
                    text-align:center;
                    position:relative;
                    z-index:5;
                }
            }

            @media all and (max-width: 1240px) {
                #contract {
                    width:860px;
                    padding:90px 0;
                    margin:0 auto;
                    text-align:center;
                    position:relative;
                    z-index:5;
                }

                #contract h2 {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    font-size:42px;
                    line-height:62px;
                    padding:0;
                    margin:0 auto;
                    color:#ffffff;
                    cursor:default;
                    position:relative;
                }

                .contract-sp1 {
                    font-family: "Muller-B";
                    font-weight:normal;
                }

                .contract-sp2 {
                    color:#f9c835;
                }

                .contract-left {
                    width:460px;
                    padding:0;
                    margin:30px 0 0 0;
                    text-align:center;
                    position:relative;
                    float:left;
                }

                .contract-img1 {
                    width:100%;
                    padding:0;
                    margin:0 auto;
                    display:block;
                    position:relative;
                    z-index:6;
                }

                .contract-img2 {
                    width:143px;
                    padding:0;
                    margin:0;
                    display:block;
                    position:absolute;
                    top:280px;
                    left:0;
                    z-index:7;
                }

                #contract h4 {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    font-size:14px;
                    line-height:24px;
                    padding:0;
                    margin:30px 0 0 50px;
                    color:rgba(255,255,255,0.2);
                    cursor:default;
                    position:relative;
                    float:left;
                }

                #contract h4 span {
                    font-family: "Muller-R";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    font-size:20px;
                    line-height:24px;
                    padding:0;
                    margin:0;
                    color:rgba(255,255,255,1);
                    cursor:default;
                    position:relative;
                }

                .signature {
                    width:174px;
                    height:110px;
                    padding:0;
                    margin:-18px 20px 0 0;
                    position:relative;
                    background:url('../images/10.png') no-repeat 0 0;
                    -webkit-background-size: 100% auto;
                    -moz-background-size: 100% auto;
                    -o-background-size: 100% auto;
                    background-size: 100% auto;
                    float:right;
                }

                .contract-right {
                    width:370px;
                    padding:0;
                    margin:40px 0 0 30px;
                    text-align:center;
                    position:relative;
                    float:left;
                }

                .contract-right p {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    font-size:16px;
                    line-height:30px;
                    padding:0;
                    margin:30px 0 0 0;
                    color:#ffffff;
                    cursor:pointer;
                    position:relative;
                }

                .contract-p1 { opacity:0.4; }
                .contract-p2 { opacity:0.3; }
                .contract-p3 { opacity:0.2; }
                .contract-p4 { opacity:0.1; }

                .contract-right p.contract-p-active {
                    padding:0 0 0 40px;
                    color:rgba(255,255,255,0.5);
                    background:url('../images/bookmark-2.svg') no-repeat 0 0;
                    opacity:1;
                    cursor:default;
                }

                .contract-sp3 {
                    font-family: "Muller-R";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    font-size:20px;
                    line-height:30px;
                    padding:0;
                    margin:0 0 10px 0;
                    display:inline-block;
                    color:#ffffff;
                    position:relative;
                }

                .contract-p-active .contract-sp3 {
                    font-family: "Muller-M";
                    font-weight:normal;
                    font-style:normal;
                    text-transform:uppercase;
                    letter-spacing:2px;
                    font-size:16px;
                    line-height:30px;
                    padding:0;
                    max-width:100%;
                }

                .contract-p-active .contract-sp4 {
                    color:#f9c835;
                }
            }

            @media all and (max-width: 1020px) {
                #contract {
                    width:500px;
                    padding:80px 0;
                    margin:0 auto;
                    text-align:center;
                    position:relative;
                    z-index:5;
                }

                #contract h2 {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    font-size:36px;
                    line-height:46px;
                    padding:0;
                    margin:0 auto;
                    color:#ffffff;
                    cursor:default;
                    position:relative;
                }

                #contract h2 br {
                    display:none;
                }

                .contract-sp1 {
                    font-family: "Muller-B";
                    font-weight:normal;
                }

                .contract-sp2 {
                    color:#f9c835;
                }

                .contract-left {
                    width:100%;
                    padding:0;
                    margin:30px 0 0 0;
                    text-align:center;
                    position:relative;
                    float:left;
                }

                .contract-img1 {
                    width:100%;
                    padding:0;
                    margin:0 auto;
                    display:block;
                    position:relative;
                    z-index:6;
                }

                .contract-img2 {
                    width:143px;
                    padding:0;
                    margin:0;
                    display:block;
                    position:absolute;
                    top:320px;
                    left:0;
                    z-index:7;
                }

                #contract h4 {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    font-size:14px;
                    line-height:24px;
                    padding:0;
                    margin:30px 0 0 60px;
                    color:rgba(255,255,255,0.2);
                    cursor:default;
                    position:relative;
                    float:left;
                }

                #contract h4 span {
                    font-family: "Muller-R";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    font-size:20px;
                    line-height:24px;
                    padding:0;
                    margin:0;
                    color:rgba(255,255,255,1);
                    cursor:default;
                    position:relative;
                }

                .signature {
                    width:174px;
                    height:110px;
                    padding:0;
                    margin:-18px 20px 0 0;
                    position:relative;
                    background:url('../images/10.png') no-repeat 0 0;
                    -webkit-background-size: 100% auto;
                    -moz-background-size: 100% auto;
                    -o-background-size: 100% auto;
                    background-size: 100% auto;
                    float:right;
                }

                .contract-right {
                    width:100%;
                    padding:0;
                    margin:40px 0 0 0;
                    text-align:center;
                    position:relative;
                    float:left;
                }

                .contract-right p {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    font-size:16px;
                    line-height:30px;
                    padding:0;
                    margin:30px 0 0 0;
                    color:#ffffff;
                    cursor:pointer;
                    position:relative;
                }

                .contract-p1 { opacity:0.4; }
                .contract-p2 { opacity:0.3; }
                .contract-p3 { opacity:0.2; }
                .contract-p4 { opacity:0.1; }

                .contract-right p.contract-p-active {
                    padding:0 0 0 50px;
                    color:rgba(255,255,255,0.5);
                    background:url('../images/bookmark-2.svg') no-repeat 0 0;
                    opacity:1;
                    cursor:default;
                }

                .contract-sp3 {
                    font-family: "Muller-R";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    font-size:20px;
                    line-height:30px;
                    padding:0;
                    margin:0 0 10px 0;
                    display:inline-block;
                    color:#ffffff;
                    position:relative;
                }

                .contract-p-active .contract-sp3 {
                    font-family: "Muller-M";
                    font-weight:normal;
                    font-style:normal;
                    text-transform:uppercase;
                    letter-spacing:2px;
                    font-size:16px;
                    line-height:30px;
                    padding:0;
                    max-width:100%;
                }

                .contract-p-active .contract-sp4 {
                    color:#f9c835;
                }
            }

            @media all and (max-width: 720px) {
                #contract {
                    width:360px;
                    padding:70px 0;
                    margin:0 auto;
                    text-align:center;
                    position:relative;
                    z-index:5;
                }

                #contract h2 {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    font-size:28px;
                    line-height:36px;
                    padding:0;
                    margin:0 auto;
                    color:#ffffff;
                    cursor:default;
                    position:relative;
                }

                #contract h2 br {
                    display:none;
                }

                .contract-sp1 {
                    font-family: "Muller-B";
                    font-weight:normal;
                }

                .contract-sp2 {
                    color:#f9c835;
                }

                .contract-left {
                    width:100%;
                    padding:0;
                    margin:30px 0 0 0;
                    text-align:center;
                    position:relative;
                    float:left;
                }

                .contract-img1 {
                    width:100%;
                    padding:0;
                    margin:0 auto;
                    display:block;
                    position:relative;
                    z-index:6;
                }

                .contract-img2 {
                    width:90px;
                    padding:0;
                    margin:0;
                    display:block;
                    position:absolute;
                    top:280px;
                    left:0;
                    z-index:7;
                }

                #contract h4 {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    font-size:14px;
                    line-height:24px;
                    padding:0;
                    margin:30px 0 0 0;
                    color:rgba(255,255,255,0.2);
                    cursor:default;
                    position:relative;
                    float:none;
                }

                #contract h4 span {
                    font-family: "Muller-R";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    font-size:20px;
                    line-height:24px;
                    padding:0;
                    margin:0;
                    color:rgba(255,255,255,1);
                    cursor:default;
                    position:relative;
                }

                .signature {
                    width:174px;
                    height:110px;
                    padding:0;
                    margin:10px auto 0 auto;
                    display:block;
                    position:relative;
                    background:url('../images/10.png') no-repeat 0 0;
                    -webkit-background-size: 100% auto;
                    -moz-background-size: 100% auto;
                    -o-background-size: 100% auto;
                    background-size: 100% auto;
                    float:none;
                }

                .contract-right {
                    width:100%;
                    padding:0;
                    margin:40px 0 0 0;
                    text-align:center;
                    position:relative;
                    float:left;
                }

                .contract-right p {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    font-size:16px;
                    line-height:26px;
                    padding:0;
                    margin:30px 0 0 0;
                    color:#ffffff;
                    cursor:pointer;
                    position:relative;
                }

                .contract-p1 { opacity:0.4; }
                .contract-p2 { opacity:0.3; }
                .contract-p3 { opacity:0.2; }
                .contract-p4 { opacity:0.1; }

                .contract-right p.contract-p-active {
                    padding:0 0 0 40px;
                    color:rgba(255,255,255,0.5);
                    background:url('../images/bookmark-2.svg') no-repeat 0 0;
                    opacity:1;
                    cursor:default;
                }

                .contract-sp3 {
                    font-family: "Muller-R";
                    font-weight:normal;
                    font-style:normal;
                    text-align:left;
                    font-size:20px;
                    line-height:26px;
                    padding:0;
                    margin:0 0 10px 0;
                    display:inline-block;
                    color:#ffffff;
                    position:relative;
                }

                .contract-p-active .contract-sp3 {
                    font-family: "Muller-M";
                    font-weight:normal;
                    font-style:normal;
                    text-transform:uppercase;
                    letter-spacing:1.5px;
                    font-size:16px;
                    line-height:26px;
                    padding:0;
                    max-width:100%;
                }

                .contract-p-active .contract-sp4 {
                    color:#f9c835;
                }
            }

/* new-box */

        #new-box-w {
            overflow:hidden;
            width:100%;
            padding:0;
            margin:0;
            position:relative;
        }

        #new-box {
            width:1140px;
            padding:90px 0;
            margin:0 auto;
            text-align:center;
            position:relative;
            z-index:5;
        }

            @media all and (max-width: 1360px) {

                #new-box {
                    width:1080px;
                    padding:90px 0;
                    margin:0 auto;
                    text-align:center;
                    position:relative;
                    z-index:5;
                }
            }

            @media all and (max-width: 1240px) {

                #new-box {
                    width:860px;
                    padding:90px 0;
                    margin:0 auto;
                    text-align:center;
                    position:relative;
                    z-index:5;
                }
            }

            @media all and (max-width: 1020px) {

                #new-box {
                    width:500px;
                    padding:80px 0;
                    margin:0 auto;
                    text-align:center;
                    position:relative;
                    z-index:5;
                }
            }

            @media all and (max-width: 720px) {
                #new-box {
                    width:360px;
                    padding:70px 0 70px 0;
                    margin:0 auto;
                    text-align:center;
                    position:relative;
                    z-index:5;
                }
            }

/* contacts */

        #contacts-w {
            width:100%;
            overflow:hidden;
            padding:0;
            margin:0;
            position:relative;
        }

        .contact-img-1 {
            width:815px;
            height:442px;
            padding:0;
            margin:0;
            position:absolute;
            left:calc(50% + 35px);
            bottom:0;
            background:url('../images/6.png') no-repeat bottom center;
            z-index:3;
        }

        .contact-img-2 {
            content:'';
            width:270px;
            height:453px;
            padding:0;
            margin:0;
            position:absolute;
            left:calc(50% - 510px);
            bottom:0;
            background:url('../images/7.png') no-repeat bottom center;
            z-index:3;
        }

        .contact-img-3 {
            content:'';
            width:1544px;
            height:248px;
            padding:0;
            margin:0;
            position:absolute;
            left:calc(50% - 716px);
            bottom:0;
            background:url('../images/5.png') no-repeat bottom center;
            z-index:4;
        }

        .contact-img-4 {
            content:'';
            width:207px;
            height:160px;
            padding:0;
            margin:0;
            position:absolute;
            left:calc(50% + 360px);
            bottom:480px;
            background:url('../images/4.png') no-repeat bottom center;
            z-index:4;
        }

        #contacts {
            width:600px;
            padding:90px 0;
            margin:0 auto;
            text-align:center;
            position:relative;
            z-index:5;
        }

        #contacts h2 {
            font-family: "Muller-M";
            font-weight:normal;
            font-style:normal;
            text-align:center;
            text-transform:uppercase;
            letter-spacing:5px;
            font-size:42px;
            line-height:62px;
            padding:0;
            margin:0 auto;
            color:#ffffff;
            cursor:default;
            position:relative;
        }

        #contacts h2 span {
            color:#f9c835;
        }

        #contacts h4 {
            font-family: "Muller-L";
            font-weight:normal;
            font-style:normal;
            text-align:center;
            font-size:24px;
            line-height:38px;
            padding:0;
            margin:30px auto 0 auto;
            color:#ffffff;
            cursor:default;
            position:relative;
        }

        #contacts h4 span {
            color:#f9c835;
        }

        .formbox {
            width:340px;
            margin:30px auto 0 auto;
            padding:0;
            text-align:center;
            position:relative;
        }

        .intl-tel-input {
            position:relative;
            display:inline-block;
            font-family: "Muller-L";
            font-weight:normal;
            font-size:14px;
            line-height:30px;
            text-indent:0;
            text-align:left;
            width:100%;
            padding:0;
            border:none;
            outline:none;
            margin:20px 0 0 0;
            float:left;
            color:#000000;
            -webkit-appearance: none;
            -moz-appearance:none;
            border-radius:10px;
            -webkit-border-radius:10px;
            -moz-border-radius:10px;
            -khtml-border-radius:10px;
        }

        .intl-tel-input * {
            box-sizing:border-box;
            -moz-box-sizing:border-box;
            outline:none;
            width:100%;
        }

        .intl-tel-input .hide {
            display:none;
        }

        .intl-tel-input .v-hide {
            visibility:hidden }
        .intl-tel-input input,.intl-tel-input input[type=text],.intl-tel-input input[type=tel]{
            width:100%;
            height:65px;
            padding:0 30px 0 90px;
            margin:0;outline:none;
            position:relative;z-index:0;
            transition:background-color 100ms ease-out
        }.intl-tel-input input.iti-invalid-key{background-color:#FFC7C7}
        .intl-tel-input .flag-dropdown{position:absolute;top:0;bottom:0;left:0;padding:1px;outline:none;}
        .intl-tel-input .flag-dropdown:hover{cursor:pointer}
        .intl-tel-input .flag-dropdown:hover .selected-flag{background-color:rgba(0,0,0,0.05)}
        .intl-tel-input input[disabled]+.flag-dropdown:hover,.intl-tel-input input[readonly]+.flag-dropdown:hover{cursor:default}
        .intl-tel-input input[disabled]+.flag-dropdown:hover .selected-flag,.intl-tel-input input[readonly]+.flag-dropdown:hover .selected-flag{background-color:transparent}
        .intl-tel-input .selected-flag{z-index:1;position:relative;width:70px;height:100%;padding:0 0 0 33px}
        .intl-tel-input .selected-flag .iti-flag{position:absolute;top:0;bottom:0;margin:auto}
        .intl-tel-input .selected-flag .arrow{position:absolute;top:50%;margin-top:-2px;right:4px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}
        .intl-tel-input .selected-flag .arrow.up{border-top:none;border-bottom:4px solid #555}
        .intl-tel-input .country-list{list-style:none;position:absolute;z-index:2;padding:0;margin:0 0 0 -1px;box-shadow:1px 1px 4px rgba(0,0,0,0.2);background-color:white;border:1px solid #CCC;white-space:nowrap;max-height:200px;overflow-y:scroll}
        .intl-tel-input .country-list .flag{display:inline-block;width:20px}
        @media (max-width: 500px){.intl-tel-input .country-list{white-space:normal}}
        .intl-tel-input .country-list .divider{padding-bottom:0;margin-bottom:0;border-bottom:1px solid #ccc}
        .intl-tel-input .country-list .country{padding:0 10px}.intl-tel-input .country-list .country .dial-code{color:#999}
        .intl-tel-input .country-list .country.highlight{background-color:rgba(0,0,0,0.05)}.intl-tel-input .country-list .flag,.intl-tel-input .country-list .country-name,.intl-tel-input .country-list .dial-code{vertical-align:middle}
        .intl-tel-input .country-list .flag,.intl-tel-input .country-list .country-name{margin-right:6px}
        .intl-tel-input select{position:absolute;outline:none;top:0;left:0;z-index:1;width:42px;height:100%;opacity:0; color:#000000;}
        .iti-flag{width:20px}.iti-flag.be{width:18px}.iti-flag.ch{width:15px}.iti-flag.mc{width:19px}
        .iti-flag.ne{width:18px}.iti-flag.np{width:13px}.iti-flag.va{width:15px}
        @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.iti-flag{background-size:5630px 15px}}
        .iti-flag.ac{height:10px;background-position:0px 0px}.iti-flag.ad{height:14px;background-position:-22px 0px}.iti-flag.ae{height:10px;background-position:-44px 0px}
        .iti-flag.af{height:14px;background-position:-66px 0px}.iti-flag.ag{height:14px;background-position:-88px 0px}.iti-flag.ai{height:10px;background-position:-110px 0px}
        .iti-flag.al{height:15px;background-position:-132px 0px}.iti-flag.am{height:10px;background-position:-154px 0px}.iti-flag.ao{height:14px;background-position:-176px 0px}
        .iti-flag.aq{height:14px;background-position:-198px 0px}.iti-flag.ar{height:13px;background-position:-220px 0px}.iti-flag.as{height:10px;background-position:-242px 0px}
        .iti-flag.at{height:14px;background-position:-264px 0px}
        .iti-flag.au{height:10px;background-position:-286px 0px}.iti-flag.aw{height:14px;background-position:-308px 0px}.iti-flag.ax{height:13px;background-position:-330px 0px}
        .iti-flag.az{height:10px;background-position:-352px 0px}.iti-flag.ba{height:10px;background-position:-374px 0px}.iti-flag.bb{height:14px;background-position:-396px 0px}
        .iti-flag.bd{height:12px;background-position:-418px 0px}.iti-flag.be{height:15px;background-position:-440px 0px}.iti-flag.bf{height:14px;background-position:-460px 0px}
        .iti-flag.bg{height:12px;background-position:-482px 0px}.iti-flag.bh{height:12px;background-position:-504px 0px}.iti-flag.bi{height:12px;background-position:-526px 0px}.iti-flag.bj{height:14px;background-position:-548px 0px}.iti-flag.bl{height:14px;background-position:-570px 0px}.iti-flag.bm{height:10px;background-position:-592px 0px}.iti-flag.bn{height:10px;background-position:-614px 0px}.iti-flag.bo{height:14px;background-position:-636px 0px}.iti-flag.bq{height:14px;background-position:-658px 0px}.iti-flag.br{height:14px;background-position:-680px 0px}.iti-flag.bs{height:10px;background-position:-702px 0px}.iti-flag.bt{height:14px;background-position:-724px 0px}.iti-flag.bv{height:15px;background-position:-746px 0px}.iti-flag.bw{height:14px;background-position:-768px 0px}.iti-flag.by{height:10px;background-position:-790px 0px}.iti-flag.bz{height:14px;background-position:-812px 0px}.iti-flag.ca{height:10px;background-position:-834px 0px}.iti-flag.cc{height:10px;background-position:-856px 0px}.iti-flag.cd{height:15px;background-position:-878px 0px}.iti-flag.cf{height:14px;background-position:-900px 0px}.iti-flag.cg{height:14px;background-position:-922px 0px}.iti-flag.ch{height:15px;background-position:-944px 0px}.iti-flag.ci{height:14px;background-position:-961px 0px}.iti-flag.ck{height:10px;background-position:-983px 0px}.iti-flag.cl{height:14px;background-position:-1005px 0px}.iti-flag.cm{height:14px;background-position:-1027px 0px}.iti-flag.cn{height:14px;background-position:-1049px 0px}.iti-flag.co{height:14px;background-position:-1071px 0px}.iti-flag.cp{height:14px;background-position:-1093px 0px}.iti-flag.cr{height:12px;background-position:-1115px 0px}.iti-flag.cu{height:10px;background-position:-1137px 0px}.iti-flag.cv{height:12px;background-position:-1159px 0px}.iti-flag.cw{height:14px;background-position:-1181px 0px}.iti-flag.cx{height:10px;background-position:-1203px 0px}.iti-flag.cy{height:14px;background-position:-1225px 0px}.iti-flag.cz{height:14px;background-position:-1247px 0px}.iti-flag.de{height:12px;background-position:-1269px 0px}.iti-flag.dg{height:10px;background-position:-1291px 0px}.iti-flag.dj{height:14px;background-position:-1313px 0px}.iti-flag.dk{height:15px;background-position:-1335px 0px}.iti-flag.dm{height:10px;background-position:-1357px 0px}.iti-flag.do{height:13px;background-position:-1379px 0px}.iti-flag.dz{height:14px;background-position:-1401px 0px}.iti-flag.ea{height:14px;background-position:-1423px 0px}.iti-flag.ec{height:14px;background-position:-1445px 0px}.iti-flag.ee{height:13px;background-position:-1467px 0px}.iti-flag.eg{height:14px;background-position:-1489px 0px}.iti-flag.eh{height:10px;background-position:-1511px 0px}.iti-flag.er{height:10px;background-position:-1533px 0px}.iti-flag.es{height:14px;background-position:-1555px 0px}.iti-flag.et{height:10px;background-position:-1577px 0px}.iti-flag.eu{height:14px;background-position:-1599px 0px}.iti-flag.fi{height:12px;background-position:-1621px 0px}.iti-flag.fj{height:10px;background-position:-1643px 0px}.iti-flag.fk{height:10px;background-position:-1665px 0px}.iti-flag.fm{height:11px;background-position:-1687px 0px}.iti-flag.fo{height:15px;background-position:-1709px 0px}.iti-flag.fr{height:14px;background-position:-1731px 0px}.iti-flag.ga{height:15px;background-position:-1753px 0px}.iti-flag.gb{height:10px;background-position:-1775px 0px}.iti-flag.gd{height:12px;background-position:-1797px 0px}.iti-flag.ge{height:14px;background-position:-1819px 0px}.iti-flag.gf{height:14px;background-position:-1841px 0px}.iti-flag.gg{height:14px;background-position:-1863px 0px}.iti-flag.gh{height:14px;background-position:-1885px 0px}.iti-flag.gi{height:10px;background-position:-1907px 0px}.iti-flag.gl{height:14px;background-position:-1929px 0px}.iti-flag.gm{height:14px;background-position:-1951px 0px}.iti-flag.gn{height:14px;background-position:-1973px 0px}.iti-flag.gp{height:14px;background-position:-1995px 0px}.iti-flag.gq{height:14px;background-position:-2017px 0px}.iti-flag.gr{height:14px;background-position:-2039px 0px}.iti-flag.gs{height:10px;background-position:-2061px 0px}.iti-flag.gt{height:13px;background-position:-2083px 0px}.iti-flag.gu{height:11px;background-position:-2105px 0px}.iti-flag.gw{height:10px;background-position:-2127px 0px}.iti-flag.gy{height:12px;background-position:-2149px 0px}.iti-flag.hk{height:14px;background-position:-2171px 0px}.iti-flag.hm{height:10px;background-position:-2193px 0px}.iti-flag.hn{height:10px;background-position:-2215px 0px}.iti-flag.hr{height:10px;background-position:-2237px 0px}.iti-flag.ht{height:12px;background-position:-2259px 0px}.iti-flag.hu{height:10px;background-position:-2281px 0px}.iti-flag.ic{height:14px;background-position:-2303px 0px}.iti-flag.id{height:14px;background-position:-2325px 0px}.iti-flag.ie{height:10px;background-position:-2347px 0px}.iti-flag.il{height:15px;background-position:-2369px 0px}.iti-flag.im{height:10px;background-position:-2391px 0px}.iti-flag.in{height:14px;background-position:-2413px 0px}.iti-flag.io{height:10px;background-position:-2435px 0px}.iti-flag.iq{height:14px;background-position:-2457px 0px}.iti-flag.ir{height:12px;background-position:-2479px 0px}.iti-flag.is{height:15px;background-position:-2501px 0px}.iti-flag.it{height:14px;background-position:-2523px 0px}.iti-flag.je{height:12px;background-position:-2545px 0px}.iti-flag.jm{height:10px;background-position:-2567px 0px}.iti-flag.jo{height:10px;background-position:-2589px 0px}.iti-flag.jp{height:14px;background-position:-2611px 0px}.iti-flag.ke{height:14px;background-position:-2633px 0px}.iti-flag.kg{height:12px;background-position:-2655px 0px}.iti-flag.kh{height:13px;background-position:-2677px 0px}.iti-flag.ki{height:10px;background-position:-2699px 0px}.iti-flag.km{height:12px;background-position:-2721px 0px}.iti-flag.kn{height:14px;background-position:-2743px 0px}.iti-flag.kp{height:10px;background-position:-2765px 0px}.iti-flag.kr{height:14px;background-position:-2787px 0px}.iti-flag.kw{height:10px;background-position:-2809px 0px}.iti-flag.ky{height:10px;background-position:-2831px 0px}.iti-flag.kz{height:10px;background-position:-2853px 0px}.iti-flag.la{height:14px;background-position:-2875px 0px}.iti-flag.lb{height:14px;background-position:-2897px 0px}.iti-flag.lc{height:10px;background-position:-2919px 0px}.iti-flag.li{height:12px;background-position:-2941px 0px}.iti-flag.lk{height:10px;background-position:-2963px 0px}.iti-flag.lr{height:11px;background-position:-2985px 0px}.iti-flag.ls{height:14px;background-position:-3007px 0px}.iti-flag.lt{height:12px;background-position:-3029px 0px}.iti-flag.lu{height:12px;background-position:-3051px 0px}.iti-flag.lv{height:10px;background-position:-3073px 0px}.iti-flag.ly{height:10px;background-position:-3095px 0px}.iti-flag.ma{height:14px;background-position:-3117px 0px}.iti-flag.mc{height:15px;background-position:-3139px 0px}.iti-flag.md{height:10px;background-position:-3160px 0px}.iti-flag.me{height:10px;background-position:-3182px 0px}.iti-flag.mf{height:14px;background-position:-3204px 0px}.iti-flag.mg{height:14px;background-position:-3226px 0px}.iti-flag.mh{height:11px;background-position:-3248px 0px}.iti-flag.mk{height:10px;background-position:-3270px 0px}.iti-flag.ml{height:14px;background-position:-3292px 0px}.iti-flag.mm{height:14px;background-position:-3314px 0px}.iti-flag.mn{height:10px;background-position:-3336px 0px}.iti-flag.mo{height:14px;background-position:-3358px 0px}.iti-flag.mp{height:10px;background-position:-3380px 0px}.iti-flag.mq{height:14px;background-position:-3402px 0px}.iti-flag.mr{height:14px;background-position:-3424px 0px}.iti-flag.ms{height:10px;background-position:-3446px 0px}.iti-flag.mt{height:14px;background-position:-3468px 0px}.iti-flag.mu{height:14px;background-position:-3490px 0px}.iti-flag.mv{height:14px;background-position:-3512px 0px}.iti-flag.mw{height:14px;background-position:-3534px 0px}.iti-flag.mx{height:12px;background-position:-3556px 0px}.iti-flag.my{height:10px;background-position:-3578px 0px}.iti-flag.mz{height:14px;background-position:-3600px 0px}.iti-flag.na{height:14px;background-position:-3622px 0px}.iti-flag.nc{height:10px;background-position:-3644px 0px}.iti-flag.ne{height:15px;background-position:-3666px 0px}.iti-flag.nf{height:10px;background-position:-3686px 0px}.iti-flag.ng{height:10px;background-position:-3708px 0px}.iti-flag.ni{height:12px;background-position:-3730px 0px}.iti-flag.nl{height:14px;background-position:-3752px 0px}.iti-flag.no{height:15px;background-position:-3774px 0px}.iti-flag.np{height:15px;background-position:-3796px 0px}.iti-flag.nr{height:10px;background-position:-3811px 0px}.iti-flag.nu{height:10px;background-position:-3833px 0px}.iti-flag.nz{height:10px;background-position:-3855px 0px}.iti-flag.om{height:10px;background-position:-3877px 0px}.iti-flag.pa{height:14px;background-position:-3899px 0px}.iti-flag.pe{height:14px;background-position:-3921px 0px}.iti-flag.pf{height:14px;background-position:-3943px 0px}.iti-flag.pg{height:15px;background-position:-3965px 0px}.iti-flag.ph{height:10px;background-position:-3987px 0px}.iti-flag.pk{height:14px;background-position:-4009px 0px}.iti-flag.pl{height:13px;background-position:-4031px 0px}.iti-flag.pm{height:14px;background-position:-4053px 0px}.iti-flag.pn{height:10px;background-position:-4075px 0px}.iti-flag.pr{height:14px;background-position:-4097px 0px}.iti-flag.ps{height:10px;background-position:-4119px 0px}.iti-flag.pt{height:14px;background-position:-4141px 0px}.iti-flag.pw{height:13px;background-position:-4163px 0px}.iti-flag.py{height:11px;background-position:-4185px 0px}.iti-flag.qa{height:8px;background-position:-4207px 0px}.iti-flag.re{height:14px;background-position:-4229px 0px}.iti-flag.ro{height:14px;background-position:-4251px 0px}.iti-flag.rs{height:14px;background-position:-4273px 0px}.iti-flag.ru{height:14px;background-position:-4295px 0px}.iti-flag.rw{height:14px;background-position:-4317px 0px}.iti-flag.sa{height:14px;background-position:-4339px 0px}.iti-flag.sb{height:10px;background-position:-4361px 0px}.iti-flag.sc{height:10px;background-position:-4383px 0px}.iti-flag.sd{height:10px;background-position:-4405px 0px}.iti-flag.se{height:13px;background-position:-4427px 0px}.iti-flag.sg{height:14px;background-position:-4449px 0px}.iti-flag.sh{height:10px;background-position:-4471px 0px}.iti-flag.si{height:10px;background-position:-4493px 0px}.iti-flag.sj{height:15px;background-position:-4515px 0px}.iti-flag.sk{height:14px;background-position:-4537px 0px}.iti-flag.sl{height:14px;background-position:-4559px 0px}.iti-flag.sm{height:15px;background-position:-4581px 0px}.iti-flag.sn{height:14px;background-position:-4603px 0px}.iti-flag.so{height:14px;background-position:-4625px 0px}.iti-flag.sr{height:14px;background-position:-4647px 0px}.iti-flag.ss{height:10px;background-position:-4669px 0px}.iti-flag.st{height:10px;background-position:-4691px 0px}.iti-flag.sv{height:12px;background-position:-4713px 0px}.iti-flag.sx{height:14px;background-position:-4735px 0px}.iti-flag.sy{height:14px;background-position:-4757px 0px}.iti-flag.sz{height:14px;background-position:-4779px 0px}.iti-flag.ta{height:10px;background-position:-4801px 0px}.iti-flag.tc{height:10px;background-position:-4823px 0px}.iti-flag.td{height:14px;background-position:-4845px 0px}.iti-flag.tf{height:14px;background-position:-4867px 0px}.iti-flag.tg{height:13px;background-position:-4889px 0px}.iti-flag.th{height:14px;background-position:-4911px 0px}.iti-flag.tj{height:10px;background-position:-4933px 0px}.iti-flag.tk{height:10px;background-position:-4955px 0px}.iti-flag.tl{height:10px;background-position:-4977px 0px}.iti-flag.tm{height:14px;background-position:-4999px 0px}.iti-flag.tn{height:14px;background-position:-5021px 0px}.iti-flag.to{height:10px;background-position:-5043px 0px}.iti-flag.tr{height:14px;background-position:-5065px 0px}.iti-flag.tt{height:12px;background-position:-5087px 0px}.iti-flag.tv{height:10px;background-position:-5109px 0px}.iti-flag.tw{height:14px;background-position:-5131px 0px}.iti-flag.tz{height:14px;background-position:-5153px 0px}.iti-flag.ua{height:14px;background-position:-5175px 0px}.iti-flag.ug{height:14px;background-position:-5197px 0px}.iti-flag.um{height:11px;background-position:-5219px 0px}.iti-flag.us{height:11px;background-position:-5241px 0px}.iti-flag.uy{height:14px;background-position:-5263px 0px}.iti-flag.uz{height:10px;background-position:-5285px 0px}.iti-flag.va{height:15px;background-position:-5307px 0px}.iti-flag.vc{height:14px;background-position:-5324px 0px}.iti-flag.ve{height:14px;background-position:-5346px 0px}.iti-flag.vg{height:10px;background-position:-5368px 0px}.iti-flag.vi{height:14px;background-position:-5390px 0px}.iti-flag.vn{height:14px;background-position:-5412px 0px}.iti-flag.vu{height:12px;background-position:-5434px 0px}.iti-flag.wf{height:14px;background-position:-5456px 0px}.iti-flag.ws{height:10px;background-position:-5478px 0px}.iti-flag.xk{height:15px;background-position:-5500px 0px}.iti-flag.ye{height:14px;background-position:-5522px 0px}.iti-flag.yt{height:14px;background-position:-5544px 0px}.iti-flag.za{height:14px;background-position:-5566px 0px}.iti-flag.zm{height:14px;background-position:-5588px 0px}.iti-flag.zw{height:10px;background-position:-5610px 0px}.iti-flag{width:20px;height:15px;box-shadow:0px 0px 1px 0px #888;background-image:url("../images/flags.png");background-repeat:no-repeat;background-color:#DBDBDB;background-position:20px 0}
        @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.iti-flag{background-image:url("../images/flags@2x.png")}}.iti-flag.np{background-color:transparent}

        .formbox input {
            font-family: "Muller-L";
            font-weight:normal;
            font-size:20px;
            line-height:30px;
            text-indent:0;
            text-align:left;
            width:calc(100% - 120px);
            height:30px;
            padding:18px 30px 17px 90px;
            border:none;
            margin:20px 0 0 0;
            float:left;
            color:#ffffff;
            outline:none;
            -webkit-appearance: none;
            -moz-appearance:none;
            border-radius:10px;
            -webkit-border-radius:10px;
            -moz-border-radius:10px;
            -khtml-border-radius:10px;
            background:rgba(0,0,0,0.5);
        }

        .formbox input.email {
            background:url('../images/mail.png') no-repeat 33px 23px rgba(0,0,0,0.5);
            -webkit-background-size: 26px 23px;
            -moz-background-size: 26px 23px;
            -o-background-size: 26px 23px;
            background-size: 26px 23px;
        }

        .formbox input:focus {
            -moz-box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
            -webkit-box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
            box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
        }

        .formbox input:-moz-placeholder {color:#545454;  }
        .formbox input::-webkit-input-placeholder {  color:#545454;  }

        .formbox input.error:-moz-placeholder {  color:#db264c;  }
        .formbox input.error::-webkit-input-placeholder {  color:#db264c;  }
        .formbox input.error {  color:#db264c;  border-color:#db264c;  }

        input::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;}
        input::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}
        input:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}
        input:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;}
        input:focus::-webkit-input-placeholder {opacity: 0.3; transition: opacity 0.3s ease;}
        input:focus::-moz-placeholder          {opacity: 0.3; transition: opacity 0.3s ease;}
        input:focus:-moz-placeholder           {opacity: 0.3; transition: opacity 0.3s ease;}
        input:focus:-ms-input-placeholder      {opacity: 0.3; transition: opacity 0.3s ease;}

        .checkbox {
            font-family: "GothamPro-R";
            font-weight:normal;
            font-style:normal;
            text-align:center;
            font-size:13px;
            line-height:20px;
            padding:0;
            margin:20px auto 0 auto;
            color:#ffffff;
            cursor:pointer;
            position:relative;
            display:inline-block;
            z-index:40;
        }

        .checkbox input[type=checkbox] {
            display:none;
        }

        .checkbox label {
            font-family: "Muller-L";
            font-weight:normal;
            font-style:normal;
            text-align:left;
            font-size:13px;
            line-height:20px;
            padding:0 0 0 30px;
            margin:0;
            color:#ffffff;
            cursor:pointer;
            position:relative;
            z-index:40;
        }

        .checkbox label a {
            font-family: "Muller-L";
            font-weight:normal;
            font-style:normal;
            text-align:left;
            font-size:13px;
            line-height:13px;
            display:inline-block;
            padding:0;
            margin:0;
            color:#47778b;
            border-bottom:1px solid #47778b;
            cursor:pointer;
        }

        .checkbox label a:hover {
            color:#f9c835;
            border-bottom:1px solid rgba(0,0,0,0);
        }

        .checkbox label:after {
            content: "";
            width:18px;
            height:18px;
            padding:0;
            margin:0;
            position:absolute;
            top:-4px;
            left:0;
            z-index:11;
            border:none;
            color:#ffffff;
            background:#f9c835;
            cursor:pointer;
            display:block;
            border-radius:3px;
            -webkit-border-radius:3px;
            -moz-border-radius:3px;
            -khtml-border-radius:3px;
        }

        .checkbox label::before {
            content: "";
            position: absolute;
            z-index:12;
            top:5px;
            left:9px;
            width:5px;
            height:5px;
            border-top: 2px solid #000000;
            border-left: 2px solid #000000;
            -webkit-transform: translate(-50%,-50%) rotate(-135deg);
            transform: translate(-50%,-50%) rotate(-135deg);
            transition: opacity .35s;
            display:none;
        }

        .checkbox input[type=checkbox]:checked + label::before {
            display:block;
        }

        .formbox .submit {
            width:100%;
            padding:0;
            margin:30px 0 0 0;
            float:left;
            border:none;
            outline:none;
            background:none;
        }

        .formbox .submit input {
            font-family: "Muller-B";
            font-weight:normal;
            font-style:normal;
            text-align:center;
            font-size:16px;
            letter-spacing:1.5px;
            text-transform:uppercase;
            line-height:68px;
            width:100%;
            height:65px;
            padding:0;
            margin:0;
            outline:none;
            cursor:pointer;
            -webkit-appearance: none;
            -moz-appearance:none;
            color:#101214;
            background:#f9c835;
            border:none;
            border-radius:10px;
            -webkit-border-radius:10px;
            -moz-border-radius:10px;
            -khtml-border-radius:10px;
            -moz-box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
            -webkit-box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
            box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
        }

        .formbox .submit input:hover {
            background:#fbd564;
            -moz-box-shadow: 0 0 20px 0 rgba(250,205,73,0);
            -webkit-box-shadow: 0 0 20px 0 rgba(250,205,73,0);
            box-shadow: 0 0 20px 0 rgba(250,205,73,0);
            outline:none;
        }

        .formbox .submit input:hover, .formbox .submit input:not(:hover) {
            -webkit-transition: All 0.2s ease;
            -moz-transition: All 0.2s ease;
            -o-transition: All 0.2s ease;
            -ms-transition: All 0.2s ease;
            transition: All 0.2s ease;
        }

            @media all and (max-width: 1020px) {
                #contacts-w {
                    width:100%;
                    overflow:hidden;
                    padding:0;
                    margin:0;
                    position:relative;
                }

                .contact-img-1 {
                    width:700px;
                    height:442px;
                    padding:0;
                    margin:0;
                    position:absolute;
                    left:calc(50% + 35px);
                    bottom:40px;
                    background:url('../images/6.png') no-repeat bottom center;
                    -webkit-background-size: 100% auto;
                    -moz-background-size: 100% auto;
                    -o-background-size: 100% auto;
                    background-size: 100% auto;
                    z-index:3;
                }

                .contact-img-2 {
                    content:'';
                    width:270px;
                    height:453px;
                    padding:0;
                    margin:0;
                    position:absolute;
                    left:calc(50% - 310px);
                    bottom:40px;
                    background:url('../images/7.png') no-repeat bottom center;
                    -webkit-background-size: 100% auto;
                    -moz-background-size: 100% auto;
                    -o-background-size: 100% auto;
                    background-size: 100% auto;
                    z-index:3;
                }

                .contact-img-3 {
                    content:'';
                    width:1544px;
                    height:248px;
                    padding:0;
                    margin:0;
                    position:absolute;
                    left:calc(50% - 716px);
                    bottom:0;
                    background:url('../images/5.png') no-repeat bottom center;
                    z-index:4;
                }

                .contact-img-4 {
                    content:'';
                    width:207px;
                    height:160px;
                    padding:0;
                    margin:0;
                    position:absolute;
                    left:calc(50% + 200px);
                    bottom:420px;
                    background:url('../images/4.png') no-repeat bottom center;
                    z-index:4;
                }

                #contacts {
                    width:500px;
                    padding:90px 0;
                    margin:0 auto;
                    text-align:center;
                    position:relative;
                    z-index:5;
                }

                #contacts h2 {
                    font-family: "Muller-M";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    text-transform:uppercase;
                    letter-spacing:3px;
                    font-size:36px;
                    line-height:46px;
                    padding:0;
                    margin:0 auto;
                    color:#ffffff;
                    cursor:default;
                    position:relative;
                }

                #contacts h2 span {
                    color:#f9c835;
                }

                #contacts h4 {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    font-size:21px;
                    line-height:31px;
                    padding:0;
                    margin:25px auto 0 auto;
                    color:#ffffff;
                    cursor:default;
                    position:relative;
                }

                #contacts h4 span {
                    color:#f9c835;
                }
            }

            @media all and (max-width: 720px) {
                #contacts-w {
                    width:100%;
                    overflow:hidden;
                    padding:0;
                    margin:0;
                    position:relative;
                }

                .contact-img-1 {
                    width:600px;
                    height:325px;
                    padding:0;
                    margin:0;
                    position:absolute;
                    left:calc(50% - 100px);
                    bottom:40px;
                    background:url('../images/6.png') no-repeat top center;
                    -webkit-background-size: 100% auto;
                    -moz-background-size: 100% auto;
                    -o-background-size: 100% auto;
                    background-size: 100% auto;
                    z-index:3;
                }

                .contact-img-2 {
                    content:'';
                    width:170px;
                    height:300px;
                    padding:0;
                    margin:0;
                    position:absolute;
                    left:calc(50% - 180px);
                    bottom:20px;
                    background:url('../images/7.png') no-repeat top center;
                    -webkit-background-size: 100% auto;
                    -moz-background-size: 100% auto;
                    -o-background-size: 100% auto;
                    background-size: 100% auto;
                    z-index:3;
                }

                .contact-img-3 {
                    content:'';
                    width:1544px;
                    height:248px;
                    padding:0;
                    margin:0;
                    position:absolute;
                    left:calc(50% - 516px);
                    bottom:0;
                    background:url('../images/5.png') no-repeat bottom center;
                    z-index:4;
                }

                .contact-img-4 {
                    content:'';
                    width:207px;
                    height:160px;
                    padding:0;
                    margin:0;
                    position:absolute;
                    left:calc(50% + 150px);
                    bottom:420px;
                    background:url('../images/4.png') no-repeat bottom center;
                    z-index:4;
                    display:none;
                }

                #contacts {
                    width:360px;
                    padding:70px 0 140px 0;
                    margin:0 auto;
                    text-align:center;
                    position:relative;
                    z-index:5;
                }

                #contacts h2 {
                    font-family: "Muller-B";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    text-transform:uppercase;
                    letter-spacing:1px;
                    font-size:28px;
                    line-height:46px;
                    padding:0;
                    margin:0 auto;
                    color:#ffffff;
                    cursor:default;
                    position:relative;
                }

                #contacts h2 span {
                    color:#f9c835;
                }

                #contacts h4 {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    font-size:18px;
                    line-height:28px;
                    padding:0;
                    margin:15px auto 0 auto;
                    color:#ffffff;
                    cursor:default;
                    position:relative;
                }

                #contacts h4 span {
                    color:#f9c835;
                    display: inline-block;
                }
            }

/* footer */

        #footer {
            width:100%;
            padding:0;
            margin:0;
            position:relative;
        }

        #footer {
            width:1140px;
            padding:30px 0;
            margin:0 auto;
            text-align:center;
            position:relative;
            z-index:5;
        }

        .footer-p1 {
            font-family: "Muller-L";
            font-weight:normal;
            font-style:normal;
            text-align:left;
            letter-spacing:1.5px;
            font-size:11px;
            line-height:18px;
            padding:0;
            margin:0;
            color:#447285;
            cursor:default;
            position:relative;
            float:left;
        }

        .footer-p1 a {
            font-family: "Muller-L";
            font-weight:normal;
            font-style:normal;
            text-align:left;
            letter-spacing:1.5px;
            font-size:11px;
            line-height:11px;
            padding:0;
            margin:0;
            color:#447285;
            border-bottom:1px solid #447285;
            cursor:pointer;
            display:inline-block;
            opacity:0.5;
        }

        .footer-p1 a:hover {
            color:#f9c835;
            border-bottom:1px solid rgba(0,0,0,0);
            opacity:1;
        }

        .footer-p2 {
            font-family: "Muller-L";
            font-weight:normal;
            font-style:normal;
            text-align:center;
            text-transform:uppercase;
            letter-spacing:1.5px;
            font-size:11px;
            line-height:18px;
            padding:0;
            margin:0;
            color:#ffffff;
            opacity:0.5;
            cursor:default;
            position:absolute;
            top:30px;
            left:calc(50% - 200px);
            width:400px;
            z-index:auto;
        }

        .footer-p3 {
            font-family: "Muller-L";
            font-weight:normal;
            font-style:normal;
            text-align:left;
            text-transform:uppercase;
            letter-spacing:1.5px;
            font-size:11px;
            line-height:18px;
            padding:0;
            margin:0;
            color:#ffffff;
            opacity:0.5;
            cursor:default;
            position:relative;
            float:right;
        }

            @media all and (max-width: 1240px) {
                #footer {
                    width:860px;
                    padding:30px 0;
                    margin:0 auto;
                    text-align:center;
                    position:relative;
                    z-index:5;
                }

            }

            @media all and (max-width: 1020px) {
                #footer {
                    width:500px;
                    padding:30px 0;
                    margin:0 auto;
                    text-align:center;
                    position:relative;
                    z-index:5;
                }

                .footer-p1 {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    letter-spacing:1.5px;
                    font-size:11px;
                    line-height:18px;
                    padding:0;
                    margin:0 auto;
                    color:#447285;
                    cursor:default;
                    position:relative;
                    float:none;
                    display:inline-block;
                }

                .footer-p1 a {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    letter-spacing:1.5px;
                    font-size:11px;
                    line-height:11px;
                    padding:0;
                    margin:0;
                    color:#447285;
                    border-bottom:1px solid #447285;
                    cursor:pointer;
                    display:inline-block;
                    opacity:1;
                }

                .footer-p1 a:hover {
                    color:#f9c835;
                    border-bottom:1px solid rgba(0,0,0,0);
                    opacity:1;
                }

                .footer-p2 {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    text-transform:uppercase;
                    letter-spacing:1.5px;
                    font-size:11px;
                    line-height:18px;
                    padding:0;
                    margin:20px auto;
                    color:#ffffff;
                    opacity:0.5;
                    cursor:default;
                    position:relative;
                    top:auto;
                    left:auto;
                    width:auto;
                    z-index:auto;
                    display:inline-block;
                }

                .footer-p3 {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    text-transform:uppercase;
                    letter-spacing:1.5px;
                    font-size:11px;
                    line-height:18px;
                    padding:0;
                    margin:0 auto;
                    color:#ffffff;
                    opacity:0.5;
                    cursor:default;
                    position:relative;
                    float:none;
                    display:inline-block;
                }
            }

            @media all and (max-width: 720px) {
                #footer {
                    width:360px;
                    padding:30px 0;
                    margin:0 auto;
                    text-align:center;
                    position:relative;
                    z-index:5;
                }

                .footer-p1 {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    letter-spacing:1px;
                    font-size:11px;
                    line-height:18px;
                    padding:0;
                    margin:0 auto;
                    color:#447285;
                    cursor:default;
                    position:relative;
                    float:none;
                    display:inline-block;
                }

                .footer-p1 a {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    letter-spacing:1px;
                    font-size:11px;
                    line-height:11px;
                    padding:0;
                    margin:0;
                    color:#447285;
                    border-bottom:1px solid #447285;
                    cursor:pointer;
                    display:inline-block;
                    opacity:1;
                }

                .footer-p1 a:hover {
                    color:#f9c835;
                    border-bottom:1px solid rgba(0,0,0,0);
                    opacity:1;
                }

                .footer-p2 {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    text-transform:uppercase;
                    letter-spacing:1px;
                    font-size:11px;
                    line-height:18px;
                    padding:0;
                    margin:20px auto;
                    color:#ffffff;
                    opacity:0.5;
                    cursor:default;
                    position:relative;
                    top:auto;
                    left:auto;
                    width:auto;
                    z-index:auto;
                    display:inline-block;
                }

                .footer-p3 {
                    font-family: "Muller-L";
                    font-weight:normal;
                    font-style:normal;
                    text-align:center;
                    text-transform:uppercase;
                    letter-spacing:1px;
                    font-size:11px;
                    line-height:18px;
                    padding:0;
                    margin:0 auto;
                    color:#ffffff;
                    opacity:0.5;
                    cursor:default;
                    position:relative;
                    float:none;
                    display:inline-block;
                }
            }

/* mini-video *

        #mini-video-w {
            width:100%;
            padding:0;
            margin:0;
            position:relative;
        }

        #mini-video {
            width:1140px;
            padding:30px 0;
            margin:0 auto;
            text-align:center;
            position:relative;
            z-index:5;
        }

        .footer-p1 {
            font-family: "Muller-L";
            font-weight:normal;
            font-style:normal;
            text-align:left;
            letter-spacing:1.5px;
            font-size:11px;
            line-height:18px;
            padding:0;
            margin:0;
            color:#447285;
            cursor:default;
            position:relative;
            float:left;
        }

            @media all and (max-width: 1240px) {


            }

            @media all and (max-width: 1020px) {

            }

            @media all and (max-width: 720px) {

            }

/* cookies */

        #cookies {
            display:none;
            width:200px;
            height:45px;
            padding:25px 80px 0 80px;
            margin:0;
            background:#12161d;
            border-radius:10px;
            -webkit-border-radius:10px;
            -moz-border-radius:10px;
            -khtml-border-radius:10px;
            position:fixed;
            bottom:30px;
            left:calc(50% - 180px);
            z-index:70;
            /* -moz-box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
            -webkit-box-shadow: 0 0 20px 0 rgba(250,205,73,0.1);
            box-shadow: 0 0 20px 0 rgba(250,205,73,0.1); */
        }

        .cookies-ico {
            width:70px;
            height:70px;
            padding:0;
            margin:0;
            background:url('../images/11.png') no-repeat center center;
            -webkit-background-size: 38px 38px;
            -moz-background-size: 38px 38px;
            -o-background-size: 38px 38px;
            background-size: 38px 38px;
            position:absolute;
            top:0;
            left:0;
            z-index:auto;
            -webkit-animation: cookie-rotate 2s ease-in-out;
            -webkit-animation-iteration-count: infinite;
        }

        @-webkit-keyframes cookie-rotate {
            0% {transform: rotate(0deg);}
            75% {transform: rotate(360deg);}
            100% {transform: rotate(360deg);}
        }

        #cookies h2 {
            font-family: "Muller-L";
            font-weight:normal;
            font-style:normal;
            text-align:left;
            letter-spacing:0.5px;
            font-size:16px;
            line-height:22px;
            padding:0;
            margin:0;
            color:#ffffff;
            cursor:default;
        }

        #cookies h2 span {
            font-family: "Muller-M";
            font-weight:normal;
        }

        .cookies-button {
            font-family: "Muller-B";
            font-weight:normal;
            font-style:normal;
            text-align:center;
            letter-spacing:0.5px;
            text-transform:uppercase;
            font-size:14px;
            line-height:42px;
            width:50px;
            height:40px;
            padding:0;
            margin:0;
            outline:none;
            cursor:pointer;
            -webkit-appearance: none;
            -moz-appearance:none;
            color:#101214;
            background:#f9c835;
            border-radius:10px;
            -webkit-border-radius:10px;
            -moz-border-radius:10px;
            -khtml-border-radius:10px;
            position:absolute;
            top:15px;
            right:15px;
            z-index:auto;
        }

        .cookies-button:hover {
            background:#fbd564;
            outline:none;
        }

        .cookies-button:hover, .cookies-button:not(:hover) {
            -webkit-transition: All 0.2s ease;
            -moz-transition: All 0.2s ease;
            -o-transition: All 0.2s ease;
            -ms-transition: All 0.2s ease;
            transition: All 0.2s ease;
        }

            @media all and (max-width: 1240px) {

            }

            @media all and (max-width: 1020px) {

            }

            @media all and (max-width: 720px) {

            }

/* mini-video */

        #mini-video {
            width:318px;
            height:160px;
            padding:15px 0 2px 15px;
            margin:0;
            background:url('../images/12.png') no-repeat 0 0;
            position:fixed;
            left:30px;
            bottom:13px;
            z-index:70;
            display:none;
        }

        #mini-video h2 {
            font-family: "Muller-M";
            font-weight:normal;
            font-style:italic;
            text-align:left;
            text-transform:uppercase;
            letter-spacing:3px;
            font-size:17px;
            line-height:21px;
            padding:0;
            margin:0;
            color:#ffffff;
            cursor:default;
        }

        #mini-video h2 span {
            color:#f9c835;
        }

        .play-mini-video {
            width:40px;
            height:46px;
            padding:0;
            margin:0;
            position:absolute;
            top:75px;
            left:115px;
            z-index:15;
            background:url('../images/play-ico.png') no-repeat center center;
            -webkit-background-size: 40px auto;
            -moz-background-size: 40px auto;
            -o-background-size: 40px auto;
            background-size: 40px auto;
            cursor:pointer;
        }

        .play-mini-video:hover {
            opacity:0.5;
        }

        .play-mini-video:hover, .play-mini-video:not(:hover) {
            -webkit-transition: All 0.2s ease;
            -moz-transition: All 0.2s ease;
            -o-transition: All 0.2s ease;
            -ms-transition: All 0.2s ease;
            transition: All 0.2s ease;
        }

        .close-mini-video {
            width:34px;
            height:34px;
            overflow:hidden;
            float:right;
            padding:0;
            margin:0;
            cursor:pointer;
            outline:none;
            position:absolute;
            top:-36px;
            left:270px;
            z-index:57;
            border:1px solid #47778b;
            border-radius:100%;
            -webkit-border-radius:100%;
            -moz-border-radius:100%;
            -khtml-border-radius:100%;
        }

        .close-mini-video::after {
            content:'';
            position:absolute;
            width:18px;
            height:1px;
            background:#47778b;
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
            top:16.5px;
            left:8px;
            z-index:208;
        }

        .close-mini-video::before {
            content:'';
            position:absolute;
            width:18px;
            height:1px;
            background:#47778b;
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
            top:16.5px;
            left:8px;
            z-index:208;
        }

        .close-mini-video:hover::after,
        .close-mini-video:hover::before {
            background:#f9c835;
        }

        .close-mini-video:hover {
            border:1px solid #f9c835;
        }

        .close-mini-video:hover, .close-mini-video:not(:hover),
        .close-mini-video:hover::after, .close-mini-video:not(:hover)::after,
        .close-mini-video:hover::before, .close-mini-video:not(:hover)::before {
            -webkit-transition: All 0.2s ease;
            -moz-transition: All 0.2s ease;
            -o-transition: All 0.2s ease;
            -ms-transition: All 0.2s ease;
            transition: All 0.2s ease;
        }

            @media all and (max-width: 1240px) {


            }

            @media all and (max-width: 1020px) {

            }

            @media all and (max-width: 720px) {

            }

/* noone */

        .noone {
            width:0;
            height:0;
            overflow:hidden;
            position:absolute;
            top:0;
            left:0;
            z-index:0;
        }

/* animation standart */

        .animated {
            -webkit-animation-duration: 1.25s;
            animation-duration: 1.25s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
        }

        @-webkit-keyframes fadeInUp {
            from {
                opacity: 0;
                -webkit-transform: translate3d(0, 30%, 0);
                transform: translate3d(0, 30%, 0);
            }

            to {
                opacity: 1;
                -webkit-transform: none;
                transform: none;
            }
        }

        @keyframes fadeInUp {
            from {
                opacity: 0;
                -webkit-transform: translate3d(0, 30%, 0);
                transform: translate3d(0, 30%, 0);
            }

            to {
                opacity: 1;
                -webkit-transform: none;
                transform: none;
            }
        }

        .fadeInUp {
            -webkit-animation-name: fadeInUp;
            animation-name: fadeInUp;
        }

        @-webkit-keyframes fadeInUp2 {
            from {
                opacity: 0;
                -webkit-transform: translate3d(0, 50%, 0);
                transform: translate3d(0, 50%, 0);
            }

            to {
                opacity: 1;
                -webkit-transform: none;
                transform: none;
            }
        }

        @keyframes fadeInUp2 {
            from {
                opacity: 0;
                -webkit-transform: translate3d(0, 50%, 0);
                transform: translate3d(0, 50%, 0);
            }

            to {
                opacity: 1;
                -webkit-transform: none;
                transform: none;
            }
        }

        .fadeInUp2 {
            -webkit-animation-name: fadeInUp2;
            animation-name: fadeInUp2;
        }

        @-webkit-keyframes fadeInDown {
            from {
                opacity: 0;
                -webkit-transform: translate3d(0, -30%, 0);
                transform: translate3d(0, -30%, 0);
            }

            to {
                opacity: 1;
                -webkit-transform: none;
                transform: none;
            }
        }

        @keyframes fadeInDown {
            from {
                opacity: 0;
                -webkit-transform: translate3d(0, -30%, 0);
                transform: translate3d(0, -30%, 0);
            }

            to {
                opacity: 1;
                -webkit-transform: none;
                transform: none;
            }
        }

        .fadeInDown {
            -webkit-animation-name: fadeInDown;
            animation-name: fadeInDown;
        }

        @-webkit-keyframes fadeInDown2 {
            from {
                opacity: 0;
                -webkit-transform: translate3d(0, -50%, 0);
                transform: translate3d(0, -50%, 0);
            }

            to {
                opacity: 1;
                -webkit-transform: none;
                transform: none;
            }
        }

        @keyframes fadeInDown2 {
            from {
                opacity: 0;
                -webkit-transform: translate3d(0, -50%, 0);
                transform: translate3d(0, -50%, 0);
            }

            to {
                opacity: 1;
                -webkit-transform: none;
                transform: none;
            }
        }

        .fadeInDown2 {
            -webkit-animation-name: fadeInDown2;
            animation-name: fadeInDown2;
        }

        @-webkit-keyframes fadeInLeft {
            from {
                opacity: 0;
                -webkit-transform: translate3d(-30%, 0, 0);
                transform: translate3d(-30%, 0, 0);
            }

            to {
                opacity: 1;
                -webkit-transform: none;
                transform: none;
            }
        }

        @keyframes fadeInLeft {
            from {
                opacity: 0;
                -webkit-transform: translate3d(-30%, 0, 0);
                transform: translate3d(-30%, 0, 0);
            }

            to {
                opacity: 1;
                -webkit-transform: none;
                transform: none;
            }
        }

        .fadeInLeft {
            -webkit-animation-name: fadeInLeft;
            animation-name: fadeInLeft;
        }

        @-webkit-keyframes fadeInRight {
            from {
                opacity: 0;
                -webkit-transform: translate3d(30%, 0, 0);
                transform: translate3d(30%, 0, 0);
            }

            to {
                opacity: 1;
                -webkit-transform: none;
                transform: none;
            }
        }

        @keyframes fadeInRight {
            from {
                opacity: 0;
                -webkit-transform: translate3d(30%, 0, 0);
                transform: translate3d(30%, 0, 0);
            }

            to {
                opacity: 1;
                -webkit-transform: none;
                transform: none;
            }
        }

        .fadeInRight {
            -webkit-animation-name: fadeInRight;
            animation-name: fadeInRight;
        }

        @-webkit-keyframes fadeOutDown {
            from {
                opacity: 1;
            }

            to {
                opacity: 0;
                -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
            }
        }

        @keyframes fadeOutDown {
            from {
                opacity: 1;
            }

            to {
                opacity: 0;
                -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
            }
        }

        .fadeOutDown {
            -webkit-animation-name: fadeOutDown;
            animation-name: fadeOutDown;
        }

        @-webkit-keyframes fadeOutUp {
            from {
                opacity: 1;
            }

            to {
                opacity: 0;
                -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);
            }
        }

        @keyframes fadeOutUp {
            from {
                opacity: 1;
            }

            to {
                opacity: 0;
                -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);
            }
        }

        .fadeOutUp {
            -webkit-animation-name: fadeOutUp;
            animation-name: fadeOutUp;
        }

        @-webkit-keyframes fadeOutLeft {
            from {
                opacity: 1;
            }

            to {
                opacity: 0;
                -webkit-transform: translate3d(-30%, 0, 0);
                transform: translate3d(-30%, 0, 0);
            }
        }

        @keyframes fadeOutLeft {
            from {
                opacity: 1;
            }

            to {
                opacity: 0;
                -webkit-transform: translate3d(-30%, 0, 0);
                transform: translate3d(-30%, 0, 0);
            }
        }

        .fadeOutLeft {
            -webkit-animation-name: fadeOutLeft;
            animation-name: fadeOutLeft;
        }

        @-webkit-keyframes fadeOutRight {
            from {
                opacity: 1;
            }

            to {
                opacity: 0;
                -webkit-transform: translate3d(30%, 0, 0);
                transform: translate3d(30%, 0, 0);
            }
        }

        @keyframes fadeOutRight {
            from {
                opacity: 1;
            }

            to {
                opacity: 0;
                -webkit-transform: translate3d(30%, 0, 0);
                transform: translate3d(30%, 0, 0);
            }
        }

        .fadeOutRight {
            -webkit-animation-name: fadeOutRight;
            animation-name: fadeOutRight;
        }

        @-webkit-keyframes zoomInDown {
            from {
                opacity: 0;
                -webkit-transform: scale3d(.5, .5, .5) translate3d(0, -500px, 0);
                transform: scale3d(.5, .5, .5) translate3d(0, -500px, 0);
                -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
                animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            }

            60% {
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
                animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            }
        }

        @keyframes zoomInDown {
            from {
                opacity: 0;
                -webkit-transform: scale3d(.5, .5, .5) translate3d(0, -500px, 0);
                transform: scale3d(.5, .5, .5) translate3d(0, -500px, 0);
                -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
                animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            }

            60% {
                opacity: 1;
                -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
                animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            }
        }

        .zoomInDown {
            -webkit-animation-name: zoomInDown;
            animation-name: zoomInDown;
        }

/* animation */

        .ani-1 {  visibility: hidden;  }
        .ani-2 {  visibility: hidden;  }
        .ani-3 {  visibility: hidden;  }
        .ani-4 {  visibility: hidden;  }
        .ani-5 {  visibility: hidden;  }
        .ani-6 {  visibility: hidden;  }
        .ani-7 {  visibility: hidden;  }
        .ani-8 {  visibility: hidden;  }
        .ani-9 {  visibility: hidden;  }
        .ani-10 {  visibility: hidden;  }

        .fadeInUp {  visibility: visible;  }
        .fadeInUp2 {  visibility: visible;  }
        .fadeInDown {  visibility: visible;  }
        .fadeInRight {  visibility: visible;  }
        .fadeInLeft {  visibility: visible;  }
        .zoomInDown {  visibility: visible;  }

        .d25s {
            -webkit-animation-delay: .25s;
            -moz-animation-delay: .25s;
            animation-delay: .25s;
        }

        .d50s {
            -webkit-animation-delay: .5s;
            -moz-animation-delay: .5s;
            animation-delay: .5s;
        }

        .d75s {
            -webkit-animation-delay: .75s;
            -moz-animation-delay: .75s;
            animation-delay: .75s;
        }

        .d100s {
            -webkit-animation-delay: 1s;
            -moz-animation-delay: 1s;
            animation-delay: 1s;
        }

        .d125s {
            -webkit-animation-delay: 1.25s;
            -moz-animation-delay: 1.25s;
            animation-delay: 1.25s;
        }

        .d150s {
            -webkit-animation-delay: 1.5s;
            -moz-animation-delay: 1.5s;
            animation-delay: 1.5s;
        }

        .d175s {
            -webkit-animation-delay: 1.75s;
            -moz-animation-delay: 1.75s;
            animation-delay: 1.75s;
        }

        .d200s {
            -webkit-animation-delay: 2s;
            -moz-animation-delay: 2s;
            animation-delay: 2s;
        }

        .d225s {
            -webkit-animation-delay: 2.25s;
            -moz-animation-delay: 2.25s;
            animation-delay: 2.25s;
        }

        .d250s {
            -webkit-animation-delay: 2.5s;
            -moz-animation-delay: 2.5s;
            animation-delay: 2.5s;
        }

        .d275s {
            -webkit-animation-delay: 2.75s;
            -moz-animation-delay: 2.75s;
            animation-delay: 2.75s;
        }

        .d300s {
            -webkit-animation-delay: 3s;
            -moz-animation-delay: 3s;
            animation-delay: 3s;
        }

            @media all and (max-width: 1020px) {
                .d25s,
                .d50s,
                .d75s,
                .d100s,
                .d125s,
                .d150s,
                .d175s,
                .d200s,
                .d225s,
                .d250s,
                .d275s,
                .d300s {
                    -webkit-animation-delay: 0s;
                    -moz-animation-delay: 0s;
                    animation-delay: 0s;
                }
            }

/* end */