/*@font-face { font-family: 'Open Sans'; src: url('fonts/opensans-light.eot'); src: url('fonts/opensans-light.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-light.woff2') format('woff2'), url('fonts/opensans-light.woff') format('woff'), url('fonts/opensans-light.ttf') format('truetype'); font-style: normal; font-weight: 300; }*/ /*@font-face { font-family: 'SF UI Display'; src: url('fonts/SF-UI-Display-Heavy.ttf') format('truetype'); font-style: normal; font-weight: 900; }*/ @font-face { font-family: 'Intro Head R Base'; src: url("../fonts/IntroHeadR-Base.otf"); font-style: normal; font-weight: 400; } @font-face { font-family: 'AG Letterica'; src: url("../fonts/AGLettericaCondensedC-It.otf"); font-style: italic; font-weight: 400; } @font-face { font-family: 'AG Letterica'; src: url("../fonts/AGLettericaDemiCondensedC.otf"); font-style: normal; font-weight: 600; } @font-face { font-family: 'AG Letterica'; src: url("../fonts/AGLettericaDmCondensedC-It.otf"); font-style: italic; font-weight: 600; } html, body { margin: 0; padding: 0; background-color: white; overflow-x: hidden; } header { position: absolute; top: 0; z-index: 1; width: 100%; min-height: 92px; font-family: "Intro Head R Base"; font-size: 18px; text-transform: uppercase; background-image: url("../img/header_background.png"); background-repeat: repeat-x; } header .logo { width: 345px; height: 95px; background-image: url("../img/logo.png"); background-position: center; -webkit-background-size: contain; background-size: contain; background-repeat: no-repeat; } header .logo:hover { background-image: url("../img/logo_hover.png"); } header .navbar { border: 0; height: auto; margin: 0; background-color: transparent; } header .container-fluid { max-width: 1038px; } @media (max-width: 1054px) { header .container-fluid { padding: 0; max-width: 910px; margin: 0 auto; } } header .container-fluid .navbar-header .navbar-brand { height: auto; padding: 0; margin-right: -18px; } @media (max-width: 402px) { header .container-fluid .navbar-header .navbar-brand { width: 300px; } } @media (max-width: 390px) { header .container-fluid .navbar-header .navbar-brand { width: 280px; } header .container-fluid .navbar-header .navbar-brand .logo { width: 100%; } } @media (max-width: 340px) { header .container-fluid .navbar-header .navbar-brand { width: 240px; } } @media (max-width: 924px) { header .container-fluid .navbar-header { float: none; margin-right: 0; margin-left: 0; } header .container-fluid .navbar-header button { margin-top: 27px; border-radius: 0; } header .container-fluid .navbar-header button:hover { background-color: rgba(255, 255, 255, 0.2); } header .container-fluid .navbar-header button span.icon-bar { background-color: white; height: 1px; } header .container-fluid .navbar-header button span.icon-bar + .icon-bar { margin-top: 5px; } header .container-fluid .navbar-header .navbar-toggle { display: block !important; } } @media (max-width: 924px) { header .container-fluid .navbar-collapse.collapse:not(.in) { display: none !important; } header .container-fluid .navbar-collapse { position: relative; background-image: url("../img/header_background.png"); background-repeat: repeat-x; top: -10px; border-top: 1px solid white; } header .container-fluid .navbar-collapse .navbar-nav { float: none; max-width: 590px; margin: 0 auto; } } @media (max-width: 599px) { header .container-fluid .navbar-collapse { background-color: black; } header .container-fluid .navbar-collapse .navbar-nav li { padding: 0 20px; float: none; } header .container-fluid .navbar-collapse .navbar-nav li:before { content: none; } header .container-fluid .navbar-collapse .navbar-nav li:hover:after { left: 0; } header .container-fluid .navbar-collapse .navbar-nav li a { margin-left: 20px; } } header .container-fluid .navbar-nav { margin: 0; } header .container-fluid .navbar-nav li { display: block; position: relative; padding: 0 18px 0 0; float: left; } header .container-fluid .navbar-nav li:hover:after { display: block; position: absolute; content: ""; width: 100%; height: 8px; bottom: 1px; background-color: rgba(22, 89, 255, 0.8); } header .container-fluid .navbar-nav li:before { display: block; float: left; content: ""; width: 3px; height: 91px; margin-left: -1px; background-image: url("../img/separator_dashed_vertical.png"); background-position: left top; background-repeat: no-repeat; } header .container-fluid .navbar-nav li:last-child { padding-right: 0; } header .container-fluid .navbar-nav li:last-child:hover:after { content: none; } header .container-fluid .navbar-nav li.active { background-color: #1659ff; } header .container-fluid .navbar-nav li.active a, header .container-fluid .navbar-nav li.active a:hover { background-color: transparent; color: white; } header .container-fluid .navbar-nav li a { display: block; margin-left: 18px; color: white; padding: 33px 0 32px; text-decoration: none; vertical-align: top; } header .container-fluid .navbar-nav li a:hover { color: white; } header .container-fluid .navbar-nav li a.tel { display: block; width: 160px; padding: 30px 0 29px; margin-left: 19px; font-family: "AG Letterica"; font-size: 18px; font-weight: 600; font-style: italic; text-align: center; background-image: url("../img/header_tel_background.png"); background-position: center; background-repeat: no-repeat; outline: none; -webkit-transition: padding 0.2s ease-out; transition: padding 0.2s ease-out; } header .container-fluid .navbar-nav li a.tel:hover { padding: 27px 0 32px; } @media (max-width: 1054px) { header .container-fluid .navbar-nav li { padding-right: 8px; } header .container-fluid .navbar-nav li a { margin-left: 8px; } } section > .container { padding-left: 20px; padding-right: 20px; } @media (min-width: 768px) { section > .container { width: 750px; } } @media (min-width: 992px) { section > .container { width: 970px; } } @media (min-width: 1200px) { section > .container { width: 100%; max-width: 1320px; } } section > .wrap { max-width: 1280px; margin: 0 auto; } section .slider { position: relative; max-width: 1280px; margin: 0 auto; overflow: hidden; } section .slider .slide { position: relative; } section .slider .slide img.background { position: absolute; top: 50%; left: 0; width: 100%; height: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } section .slider .slide .content { position: absolute; top: 0; left: 0; width: 100%; margin: 0; } section .slider .owl-item { float: left; } section .slider .owl-dots .owl-dot { display: inline-block; width: 36px; height: 36px; background-image: url("../img/slide/dot.png"); background-position: 30% 30%; background-repeat: no-repeat; vertical-align: top; cursor: pointer; -webkit-transition: -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out; } section .slider .owl-dots .owl-dot:hover { -webkit-transform: translateY(-4px); -ms-transform: translateY(-4px); transform: translateY(-4px); } section .slider .owl-dots .owl-dot + .owl-dot { margin-left: 5px; } section .slider .owl-dots .owl-dot.active { background-image: url("../img/slide/dot_active.png"); } h2.graphic, h3.graphic { text-indent: -9999px; background-position: center; background-repeat: no-repeat; } button.cta { width: 243px; height: 62px; font-family: "AG Letterica"; font-size: 36px; font-weight: 600; font-style: italic; color: white; text-transform: uppercase; background-color: transparent; background-image: url("../img/slide/top/button_cta.png"); background-repeat: no-repeat; border: 0; outline: none; filter: drop-shadow(0 41px 59px rgba(0, 0, 0, 0.47)); -webkit-filter: drop-shadow(0 41px 59px rgba(0, 0, 0, 0.47)); } button.cta:hover { background-image: url("../img/slide/top/button_cta_hover.png"); } section#top { position: relative; } section#top .slider { position: absolute; width: 100%; max-width: initial; height: 700px; top: 0; left: 0; } section#top .slider .slide { width: 100%; height: 700px; background-position: center 20%; -webkit-background-size: cover; background-size: cover; } @media (min-width: 1050px) { section#top .slider .slide.slide-2 .content img.title { margin-left: -170px; } section#top .slider .slide.slide-3 .content img.title { margin-left: 110px; } section#top .slider .slide.slide-4 .content img.title { margin-left: 90px; } } section#top .slider .slide .content img.title { display: block; margin-left: 42px; filter: drop-shadow(0 41px 59px rgba(0, 0, 0, 0.27)); -webkit-filter: drop-shadow(0 41px 59px rgba(0, 0, 0, 0.27)); } section#top .slider .owl-dots { position: absolute; z-index: 1; left: 50%; -webkit-transform: translateX(-webkit-calc(-50% - 35px)); -ms-transform: translateX(calc(-50% - 35px)); transform: translateX(calc(-50% - 35px)); bottom: 94px; text-align: center; } @media (max-width: 495px) { section#top .slider .owl-dots { width: 100%; -webkit-transform: none; -ms-transform: none; transform: none; left: 0; } } section#top .content { padding-left: 40px; padding-top: 194px; height: 700px; } @media (min-width: 1050px) { section#top .content { padding-left: 39%; } } @media (max-width: 699px) { section#top .content > img { width: 90%; } } section#top .content .cta { margin-top: 270px; margin-left: 2px; } @media (max-width: 495px) { section#top .content .cta { margin-left: 0; } } section#features .wrap { padding-top: 80px; padding-bottom: 40px; } section#features:before { display: block; position: relative; content: ""; margin-top: -8px; height: 8px; background-image: url("../img/edge_white_h.png"); background-repeat: repeat-x; } section#features h2 { margin: -7px 0 0 4px; max-width: 707px; height: 132px; background-image: url("../img/features_title.png"); } section#features .slider { height: 580px; margin-top: -127px; } section#features .slider .slide { height: 580px; text-align: center; } @media (max-width: 1280px) { section#features .slider .slide img.background { display: none; } } section#features .slider .slide .content { display: inline-block; position: static; width: auto; margin: 0; padding-top: 160px; text-align: left; } section#features .slider .slide .content li { vertical-align: middle; padding: 0; } @media (min-width: 1280px) { section#features .slider .slide .content { display: block; position: absolute; width: 100%; } section#features .slider .slide .content li { position: absolute; padding: 0; width: 200px; text-align: left; vertical-align: top; } section#features .slider .slide .content li:nth-child(1) { top: 161px; left: 200px; } section#features .slider .slide .content li:nth-child(2) { top: 370px; left: 440px; } section#features .slider .slide .content li:nth-child(3) { top: 190px; left: 690px; } section#features .slider .slide .content li:nth-child(4) { top: 350px; left: 920px; } } @media (max-width: 960px) { section#features .slider .slide .content li { width: 49%; text-align: center; } section#features .slider .slide .content li:nth-child(n+3) { margin-top: 20px; } } section#features .slider .slide .content .icon { display: block; margin: 0 auto 20px; } section#features .slider .slide .content .desc { font-family: "Intro Head R Base"; font-size: 21px; line-height: 26px; text-transform: uppercase; color: white; } section#features .slider .slide .content .desc span { padding-left: 4px; padding-right: 4px; background-color: #1659ff; } section#features .slider .owl-nav { position: relative; } section#features .slider .owl-nav > div { position: absolute; top: 350px; width: 25px; height: 35px; background-repeat: no-repeat; cursor: pointer; -webkit-transition: left 0.2s ease-out, right 0.2s ease-out; transition: left 0.2s ease-out, right 0.2s ease-out; } section#features .slider .owl-nav > div.owl-prev { left: 116px; background-image: url("../img/slide/features/arrow_left.png"); } section#features .slider .owl-nav > div.owl-prev:hover { background-image: url("../img/slide/features/arrow_left_hover.png"); } section#features .slider .owl-nav > div.owl-next { right: 115px; float: right; width: 23px; background-image: url("../img/slide/features/arrow_right.png"); } section#features .slider .owl-nav > div.owl-next:hover { background-image: url("../img/slide/features/arrow_right_hover.png"); } @media (max-width: 1280px) { section#features .slider { height: 400px; } section#features .slider .slide { height: 400px; } section#features .slider .slide li + li { margin-left: 40px; } } @media (max-width: 1280px) and (max-width: 1000px) { section#features .slider .slide li + li { margin-left: 0; } } @media (max-width: 1280px) { section#features .slider .owl-nav > div { top: 250px; } section#features .slider .owl-nav > div.owl-prev { left: 61px; } section#features .slider .owl-nav > div.owl-next { right: 60px; } } @media (max-width: 1280px) and (max-width: 900px) { section#features .slider .owl-nav > div.owl-prev { left: 31px; } section#features .slider .owl-nav > div.owl-next { right: 30px; } } @media (max-width: 960px) { section#features .slider { height: 640px; } section#features .slider .slide { height: 640px; } section#features .slider .slide .content { max-width: 80%; } section#features .slider .owl-nav > div { top: 350px; } section#features .slider .owl-nav > div.owl-prev { left: 61px; } section#features .slider .owl-nav > div.owl-next { right: 60px; } } @media (max-width: 960px) and (max-width: 700px) { section#features .slider .owl-nav > div.owl-prev { left: 31px; } section#features .slider .owl-nav > div.owl-next { right: 30px; } } section#tracks { background-image: url("../img/slide/tracks/background_wide.jpg"); background-repeat: repeat-x; background-position-x: center; background-position-y: 69px; } section#tracks .wrap { position: relative; padding-top: 65px; height: 869px; } @media (max-width: 991px) { section#tracks .wrap { height: 750px; } } @media (max-width: 926px) { section#tracks .wrap { height: 860px; } } @media (max-width: 350px) { section#tracks .wrap { height: 820px; } } section#tracks .wrap > .background { position: absolute; top: 68px; left: 0; width: 100%; height: 869px; background-image: url("../img/slide/tracks/background_ground.jpg"); background-repeat: no-repeat; } @media (max-width: 991px) { section#tracks .wrap > .background { height: 682px; } } @media (max-width: 926px) { section#tracks .wrap > .background { height: 792px; } } section#tracks .slider { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } section#tracks .slider .col-md-5 { overflow: hidden; } @media (max-width: 926px) { section#tracks .slider .col-md-5 { padding: 0; } section#tracks .slider .col-md-7 { margin: 20px auto 0; } } @media (max-width: 926px) { section#tracks .slider .col-md-7 { padding: 0; } } section#tracks .slider .owl-dots { position: absolute; bottom: 229px; left: 840px; } @media (max-width: 1049px) { section#tracks .slider .owl-dots { left: initial; right: 5%; } } @media (max-width: 992px) { section#tracks .slider .owl-dots { position: relative; left: 0; bottom: 110px; z-index: 1; text-align: center; } } @media (max-width: 926px) { section#tracks .slider .owl-dots { bottom: 140px; } } @media (max-width: 520px) { section#tracks .slider .owl-dots { bottom: 100px; } } section#tracks .slider .owl-stage > .owl-item > .slide { height: 869px; background-position: center 68px; background-repeat: no-repeat; } @media (max-width: 991px) { section#tracks .slider .owl-stage > .owl-item > .slide { height: 750px; } } @media (max-width: 926px) { section#tracks .slider .owl-stage > .owl-item > .slide { height: 860px; } } @media (max-width: 350px) { section#tracks .slider .owl-stage > .owl-item > .slide { height: 820px; } } section#tracks .slider .owl-stage > .owl-item > .slide .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; } @media (max-width: 1079px) { section#tracks .slider .owl-stage > .owl-item > .slide .background { background-position: left center; } } @media (max-width: 991px) { section#tracks .slider .owl-stage > .owl-item > .slide .background { background-image: none !important; } } section#tracks .slider .owl-stage > .owl-item > .slide .desc { color: white; } section#tracks .slider .owl-stage > .owl-item > .slide .desc .cta { float: right; margin-top: 20px; } section#tracks .slider .owl-stage > .owl-item > .slide .desc .title { text-indent: -9999px; width: 338px; height: 139px; float: left; margin-left: 7%; margin-top: 460px; background-image: url("../img/slide/tracks/staduimcross-1.2_title.png"); background-repeat: no-repeat; } @media (max-width: 820px) { section#tracks .slider .owl-stage > .owl-item > .slide .desc .title { margin-left: 0; } } @media (max-width: 635px) { section#tracks .slider .owl-stage > .owl-item > .slide .desc .title { position: relative; width: 100%; float: none; margin: -91px auto 0; background-position: center; } } @media (max-width: 520px) { section#tracks .slider .owl-stage > .owl-item > .slide .desc .title { margin: -41px auto 0; } } @media (max-width: 460px) { section#tracks .slider .owl-stage > .owl-item > .slide .desc .title { margin: -31px auto 0; height: 180px; -webkit-background-size: 90%; background-size: 90%; background-position-x: right; } } section#tracks .slider .owl-stage > .owl-item > .slide .desc img.track { display: block; float: left; width: 300px; height: auto; margin-left: 10%; margin-top: 444px; } @media (max-width: 760px) { section#tracks .slider .owl-stage > .owl-item > .slide .desc img.track { margin-left: 0; } } @media (max-width: 684px) { section#tracks .slider .owl-stage > .owl-item > .slide .desc img.track { width: 250px; } } @media (max-width: 635px) { section#tracks .slider .owl-stage > .owl-item > .slide .desc img.track { width: initial; max-width: 100%; margin: 300px auto 0; float: none; } } section#tracks .slider .owl-stage > .owl-item > .slide .desc p { margin-top: -20px; font-family: "Intro Head R Base"; font-size: 21px; text-transform: uppercase; } @media (max-width: 926px) { section#tracks .slider .owl-stage > .owl-item > .slide .desc p { font-size: 19px; margin-top: -30px; } } @media (min-width: 992px) { section#tracks .slider .owl-stage > .owl-item > .slide .content { margin: 0; } section#tracks .slider .owl-stage > .owl-item > .slide .desc { color: white; } section#tracks .slider .owl-stage > .owl-item > .slide .desc .cta { margin-top: 240px; margin-left: 74px; float: none; } } @media (min-width: 992px) and (max-width: 1079px) { section#tracks .slider .owl-stage > .owl-item > .slide .desc .cta { margin-left: 190px; } } @media (min-width: 992px) and (max-width: 1009px) { section#tracks .slider .owl-stage > .owl-item > .slide .desc .cta { margin-left: 210px; } } @media (min-width: 992px) { section#tracks .slider .owl-stage > .owl-item > .slide .desc .title { float: none; margin-top: -48px; margin-left: -43px; margin-bottom: -17px; } section#tracks .slider .owl-stage > .owl-item > .slide .desc img.track { float: none; width: initial; margin-top: 287px; margin-left: 256px; } section#tracks .slider .owl-stage > .owl-item > .slide .desc p { margin-left: 124px; margin-top: 0; } } section#tracks .front { position: absolute; width: 100%; height: 100%; top: 5px; left: 0; margin-left: 0; margin-right: 0; pointer-events: none; } section#tracks .front .col-md-7 { position: relative; } section#tracks .front .quad { position: absolute; top: 3px; left: -69px; } @media (max-width: 991px) { section#tracks .front .quad { display: none; } } section#tracks .front .cta { float: right; margin-top: 570px; margin-right: 15%; pointer-events: all; } @media (max-width: 926px) { section#tracks .front .cta { margin-top: 600px; } } @media (max-width: 635px) { section#tracks .front .cta { float: none; display: block; margin: 660px auto 0; } } @media (max-width: 520px) { section#tracks .front .cta { margin: 700px auto 0; } } @media (max-width: 350px) { section#tracks .front .cta { margin: 650px auto 0; } } section#tracks .front p { position: absolute; top: 633px; left: 139px; font-family: "Intro Head R Base"; font-size: 21px; color: white; text-transform: uppercase; } @media (max-width: 926px) { section#tracks .front p { font-size: 19px; margin-top: 30px; } } @media (max-width: 635px) { section#tracks .front p { display: none; } } @media (min-width: 992px) { section#tracks .front .cta { margin-top: 240px; margin-left: 74px; float: none; } } @media (min-width: 992px) and (max-width: 1079px) { section#tracks .front .cta { margin-left: 190px; } } @media (min-width: 992px) and (max-width: 1009px) { section#tracks .front .cta { margin-left: 210px; } } @media (min-width: 992px) { section#tracks .front p { top: 693px; } } section#tracks .gallery-wrap { position: relative; } @media (max-width: 991px) { section#tracks .gallery-wrap { margin-top: -40px; } } section#tracks .gallery-wrap .gallery { max-width: 500px; margin: 110px auto 0; } section#tracks .gallery-wrap .gallery .owl-item { display: inline-block; vertical-align: middle; } section#tracks .gallery-wrap ul li { width: 100%; float: left; -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.5); box-shadow: 0 0 40px rgba(0, 0, 0, 0.5); } section#tracks .gallery-wrap ul li img { width: 100%; height: auto; } section#tracks .gallery-wrap ul li > .number { display: none; } section#tracks .gallery-wrap .owl-prev, section#tracks .gallery-wrap .owl-next { position: absolute; top: 20%; width: 102px; height: 95px; background-repeat: no-repeat; cursor: pointer; -webkit-transform: rotateZ(-90deg); transform: rotateZ(-90deg); -webkit-transition: background 0.2s ease-out; transition: background 0.2s ease-out; } section#tracks .gallery-wrap .owl-prev { left: 0; background-image: url("../img/slide/tracks/arrow_up.png"); } section#tracks .gallery-wrap .owl-prev:hover { background-image: url("../img/slide/tracks/arrow_up_hover.png"); } section#tracks .gallery-wrap .owl-next { right: 0; background-image: url("../img/slide/tracks/arrow_down.png"); } section#tracks .gallery-wrap .owl-next:hover { background-image: url("../img/slide/tracks/arrow_down_hover.png"); } @media (min-width: 992px) { section#tracks .gallery-wrap { position: relative; width: 332px; height: 794px; margin-left: 103px; overflow-y: hidden; } } @media (min-width: 992px) and (max-width: 1079px) { section#tracks .gallery-wrap { -webkit-box-shadow: 60px 0 30px -40px rgba(0, 0, 0, 0.8); box-shadow: 60px 0 30px -40px rgba(0, 0, 0, 0.8); } } @media (min-width: 992px) { section#tracks .gallery-wrap:before, section#tracks .gallery-wrap:after { position: absolute; z-index: 1; display: block; content: ""; left: 0; width: 100%; height: 8px; background-position: left top; background-repeat: repeat-x; } section#tracks .gallery-wrap:before { top: -2px; background-image: url("../img/edge_white_h_i.png"); } section#tracks .gallery-wrap:after { bottom: 0; background-image: url("../img/edge_white_h.png"); } section#tracks .gallery-wrap .arrow-up, section#tracks .gallery-wrap .arrow-down { position: absolute; left: 141px; width: 102px; height: 95px; background-repeat: no-repeat; cursor: pointer; -webkit-transition: background 0.2s ease-out; transition: background 0.2s ease-out; } section#tracks .gallery-wrap .shade { position: absolute; top: 0; right: 0; left: initial; width: 280px; height: 100%; } section#tracks .gallery-wrap .shade:before, section#tracks .gallery-wrap .shade:after { position: absolute; display: block; content: ""; left: initial; right: 0; width: 100%; height: 321px; background-position: left top; background-repeat: repeat-x; } section#tracks .gallery-wrap .shade:before { top: 0; background-image: url("../img/slide/tracks/gallery_shade_top.png"); } section#tracks .gallery-wrap .shade:after { top: initial; bottom: 0; background-image: url("../img/slide/tracks/gallery_shade_bottom.png"); } section#tracks .gallery-wrap .arrow-up { top: 40px; background-image: url("../img/slide/tracks/arrow_up.png"); } section#tracks .gallery-wrap .arrow-up:hover { background-image: url("../img/slide/tracks/arrow_up_hover.png"); } section#tracks .gallery-wrap .arrow-down { top: 700px; background-image: url("../img/slide/tracks/arrow_down.png"); } section#tracks .gallery-wrap .arrow-down:hover { background-image: url("../img/slide/tracks/arrow_down_hover.png"); } section#tracks .gallery-wrap .gallery { height: 494px; margin-top: 145px; margin-bottom: 150px; overflow: visible; } section#tracks .gallery-wrap .gallery ul { position: relative; margin: 0; margin-left: 52px; -webkit-transition: top 0.2s ease-out; transition: top 0.2s ease-out; } section#tracks .gallery-wrap .gallery ul > li { position: relative; display: block; float: none; width: initial; padding: 7.5px 0; -webkit-box-shadow: none; box-shadow: none; } section#tracks .gallery-wrap .gallery ul > li:nth-child(n+4) { margin-top: 0; } section#tracks .gallery-wrap .gallery ul > li > img { display: block; } section#tracks .gallery-wrap .gallery ul > li > .number { display: block; position: absolute; left: -50px; padding: 67.5px 0; margin: -7.5px 0; font-family: "AG Letterica"; font-size: 21px; font-weight: 600; font-style: italic; color: white; background-image: url("../img/separator_dashed_vertical_white.png"); background-position: center center; background-repeat: repeat-y; } } section#service { position: relative; text-align: center; padding-top: 66px; padding-bottom: 82px; } section#service:after { display: block; position: absolute; content: ""; width: 100%; height: 8px; bottom: -8px; left: 0; background-image: url("../img/edge_white_h_i.png"); background-position: left top; background-repeat: repeat-x; } section#service h2 { max-width: 1280px; height: 92px; margin: 0 auto; background-image: url("../img/service/title.png"); background-position: 45% top; } @media (max-width: 940px) { section#service h2 { left: 0; } } section#service > .subtitle { margin-top: 32px; margin-bottom: 58px; font-family: "AG Letterica"; font-size: 21px; font-weight: 600; font-style: italic; text-transform: uppercase; color: black; } section#service .blocks, section#service .blocks-bottom { display: inline-block; } section#service .blocks li, section#service .blocks-bottom li { padding: 0; vertical-align: top; -webkit-box-shadow: 0 0 164px rgba(0, 0, 0, 0.4); box-shadow: 0 0 164px rgba(0, 0, 0, 0.4); } section#service .blocks li + li, section#service .blocks-bottom li + li { margin-left: 16px; } section#service .blocks { display: inline-block; } section#service .blocks:hover .block img.inactive { opacity: 1; } section#service .blocks li:hover .block { padding-top: 160px; } section#service .blocks li:hover .block img.inactive { opacity: 0; } section#service .blocks li:hover .block .desc { max-height: 213px; margin-bottom: -33px; opacity: 1; } section#service .blocks .block { position: relative; width: 220px; margin: 0 auto; padding-top: 340px; -webkit-transition: padding 0.2s ease-out; transition: padding 0.2s ease-out; } section#service .blocks .block img { display: block; position: absolute; top: -8px; left: 0; } section#service .blocks .block img.inactive { -webkit-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; opacity: 0; } section#service .blocks .block .desc-block { position: relative; background-color: white; } section#service .blocks .block .desc-block:before, section#service .blocks .block .desc-block:after { display: block; position: absolute; content: ""; left: 0; width: 100%; height: 8px; background-position: 0 0; background-repeat: repeat-x; } section#service .blocks .block .desc-block:before { top: -8px; background-image: url("../img/edge_white_h.png"); } section#service .blocks .block .desc-block:after { bottom: -8px; background-image: url("../img/edge_white_h_i.png"); } section#service .blocks .block .desc-block .title h3 { margin: 0; padding: 14px 0 1px 0; font-family: "AG Letterica"; font-size: 30px; font-weight: 600; font-style: italic; text-align: center; text-transform: uppercase; } section#service .blocks .block .desc-block .title .subtitle { display: block; margin-bottom: 1px; font-family: "AG Letterica"; font-size: 15px; font-weight: 400; font-style: italic; text-align: center; text-transform: uppercase; } section#service .blocks .block .desc-block .title .price { display: block; font-family: "AG Letterica"; font-size: 27px; font-weight: 600; font-style: italic; text-align: center; text-transform: uppercase; color: #1659ff; } section#service .blocks .block .desc-block .title .price-old { display: block; width: 87px; height: 28px; margin: 0 auto; padding-top: 5px; font-family: "AG Letterica"; font-size: 14.4px; font-weight: 600; font-style: italic; text-align: center; text-transform: uppercase; color: white; background-image: url("../img/service/price_old_background.png"); background-repeat: no-repeat; } section#service .blocks .block .desc-block .title .price-old:empty { height: 15px; background-image: none; } section#service .blocks .block .desc-block .title .price-old:empty + .price { margin-bottom: 13px; } section#service .blocks .block .desc-block .desc { max-height: 0; overflow: hidden; font-family: "Intro Head R Base"; font-size: 18px; color: #393939; background-color: white; opacity: 0; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } section#service .blocks .block .desc-block .desc:before { display: block; content: ""; height: 3px; background-image: url("../img/separator_dashed_h.png"); background-repeat: repeat-x; } section#service .blocks .block .desc-block .desc p { padding: 8px 18px 0; text-align: left; } section#service .blocks .block .desc-block .cta { margin-bottom: 40px; width: 202px; height: 52px; font-size: 27px; background-image: url("../img/service/button.png"); -webkit-filter: none; filter: none; } section#service .blocks .block .desc-block .cta:hover { background-image: url("../img/service/button_hover.png"); } section#service .blocks li.advanced:hover .block .desc-block .desc { max-height: 231px; } @media (max-width: 1000px) { section#service .blocks { max-width: 500px; } section#service .blocks li { width: 49%; vertical-align: top; } section#service .blocks li + li { margin: 0; } section#service .blocks li:nth-child(n+3) { margin-top: 60px; } section#service .blocks-bottom li { display: block; } section#service .blocks-bottom li + li { margin: 0; margin-top: 20px; } } section#service hr { margin-top: 38px; max-width: 940px; height: 3px; background-image: url("../img/separator_dashed_h.png"); background-repeat: repeat-x; border: 0; } section#service .blocks-bottom li.gift img.background { top: -84px; } section#service .blocks-bottom li .block { position: relative; padding-top: 34px; width: 462px; height: 220px; } section#service .blocks-bottom li .block:hover img.background { opacity: 0; } section#service .blocks-bottom li .block:hover img.hover { opacity: 1; } section#service .blocks-bottom li .block:hover .content .col.right { opacity: 1; bottom: 0; } section#service .blocks-bottom li .block > img { position: absolute; top: 0; left: 0; pointer-events: none; -webkit-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } section#service .blocks-bottom li .block > img.hover { opacity: 0; } section#service .blocks-bottom li .block > .content { position: relative; } section#service .blocks-bottom li .block > .content > .col { width: 50%; float: left; } section#service .blocks-bottom li .block > .content > .col.right { position: relative; bottom: -30px; padding-left: 23px; opacity: 0; -webkit-transition: opacity 0.2s ease-out, bottom 0.2s ease-out; transition: opacity 0.2s ease-out, bottom 0.2s ease-out; } section#service .blocks-bottom li .block > .content > .col h4 { margin-top: 20px; margin-bottom: 18px; font-family: "AG Letterica"; font-size: 30px; font-weight: 600; font-style: italic; color: black; text-transform: uppercase; } section#service .blocks-bottom li .block > .content > .col h4 small { display: block; margin-top: 2px; font-size: 15px; color: black; } section#service .blocks-bottom li .block > .content > .col .price { font-family: "AG Letterica"; font-size: 18px; font-weight: 600; font-style: italic; text-transform: uppercase; } section#service .blocks-bottom li .block > .content > .col .price .value { margin-left: 7px; font-size: 27px; color: #1659ff; } section#service .blocks-bottom li .block > .content > .col p { font-family: "Intro Head R Base"; font-size: 18px; text-align: left; } section#service .blocks-bottom li .block > .content > .col .cta { width: 202px; height: 52px; margin-left: -62px; font-size: 27px; background-image: url("../img/service/button.png"); -webkit-filter: none; filter: none; } section#service .blocks-bottom li .block > .content > .col .cta:hover { background-image: url("../img/service/button_hover.png"); } section#specs { min-height: 919px; padding-top: 87px; font-family: "Intro Head R Base"; font-size: 21px; color: white; text-align: center; background-color: #1451e8; background-image: url("../img/specs/background.jpg"); background-position: center; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; } section#specs h2.graphic { width: 367px; height: 109px; margin: 0 0 0 170px; background-image: url("../img/specs/title.png"); } section#specs strong { text-transform: uppercase; color: #fabf25; } section#specs .blocks { display: inline-block; margin-top: 48px; padding-left: 44px; text-align: left; } section#specs .blocks > ul { float: left; max-width: 300px; margin: 0; } section#specs .blocks > ul + ul { margin-left: 70px; } section#specs .blocks > ul:nth-child(2) { margin-top: 72px; } section#specs .blocks > ul > li { position: relative; padding-bottom: 46px; line-height: 25px; } section#specs .blocks > ul > li:before { display: block; content: ""; position: absolute; top: 0; left: -27px; width: 3px; height: 100%; background-image: url("../img/separator_dashed_vertical_white.png"); background-position: left top; background-repeat: repeat-y; } section#specs .blocks > ul > li:last-child:before { content: none; } section#specs .blocks > ul > li .dot { position: absolute; top: 5px; left: -33px; width: 15px; height: 15px; background-image: url("../img/specs/dot.png"); background-repeat: no-repeat; } @media (max-width: 1000px) { section#specs h2.graphic { margin: 0 auto; } section#specs .blocks > ul { float: none; } section#specs .blocks > ul + ul { margin: 0; } section#specs .blocks > ul:nth-child(2) { margin-top: 0; } } section#test-training { position: relative; z-index: 2; padding: 8px 0; margin: -8px 0; background-image: url("../img/test-training/track.png"); background-position: 20% 50%; background-repeat: repeat-x; } section#test-training::before { display: block; content: ""; position: absolute; top: 0; width: 100%; height: 8px; background-image: url("../img/edge_white_h.png"); background-repeat: repeat-x; } section#test-training::after { display: block; content: ""; position: absolute; bottom: 0; width: 100%; height: 8px; background-image: url("../img/edge_white_h_i.png"); background-repeat: repeat-x; z-index: 1; } section#test-training .wrap { padding-top: 20px; padding-bottom: 16px; padding-left: 149px; } section#test-training .wrap > *:not(.clearfix) { float: left; } @media (max-width: 1220px) { section#test-training .wrap { padding-left: 100px; } } @media (max-width: 1080px) { section#test-training .wrap { padding-left: 50px; } } @media (max-width: 1000px) { section#test-training .wrap { padding-left: 0; } section#test-training .wrap > *:not(.clearfix) { float: none; } } section#test-training h2 { width: 394px; height: 155px; margin: 0; background-image: url("../img/test-training/title.png"); } @media (max-width: 1000px) { section#test-training h2 { margin: 0 auto; } } section#test-training .helmet { display: block; position: relative; margin-top: -230px; margin-right: -281px; margin-left: -117px; margin-bottom: -298px; z-index: 2; } @media (max-width: 1080px) { section#test-training .helmet { margin-left: -150px; } } @media (max-width: 1000px) { section#test-training .helmet { margin: -100px auto -220px; -webkit-transform: translateX(11%); -ms-transform: translateX(11%); transform: translateX(11%); } } section#test-training .price-block { position: relative; text-align: center; z-index: 2; } section#test-training .price-block .price { margin-top: -25px; margin-bottom: -27px; font-family: "AG Letterica"; font-size: 63px; font-weight: 600; font-style: italic; color: #181818; } section#test-training .price-block .desc { margin: 24px auto 0; font-family: "Intro Head R Base"; font-size: 16px; text-transform: uppercase; color: black; } section#why-try { position: relative; z-index: 1; margin-bottom: -8px; font-family: "Intro Head R Base"; font-size: 21px; text-transform: uppercase; color: white; overflow: hidden; } section#why-try:after { display: block; position: absolute; content: ""; bottom: 0; left: 0; width: 100%; height: 8px; background-image: url("../img/why-try/edge_orange_h_i.png"); background-repeat: repeat-x; } section#why-try .wrap-outer { padding-top: 110px; padding-bottom: 100px; margin-bottom: 8px; background-color: #ee5d2a; } section#why-try .wrap-outer > .sparks { position: absolute; z-index: 1; top: -5%; left: 0; width: 50%; height: 110%; background-position: center; background-repeat: no-repeat; } section#why-try .wrap-outer > .sparks.left img { position: absolute; top: -95px; right: 260px; } section#why-try .wrap-outer > .sparks.right { left: initial; right: 0; } section#why-try .wrap-outer > .sparks.right img { position: absolute; top: 55px; left: 380px; } section#why-try .wrap { position: relative; z-index: 2; } section#why-try h2 { width: 386px; height: 145px; margin: 92px 75px 0 auto; background-image: url("../img/why-try/title.png"); } section#why-try ul { margin: 0; padding-left: 54px; margin-left: -59px; } section#why-try ul li:before { display: inline-block; content: ""; margin-right: 40px; margin-left: -54px; width: 15px; height: 15px; background-image: url("../img/why-try/dot.png"); background-repeat: no-repeat; } section#why-try ul li + li { margin-top: 25px; } @media (max-width: 991px) { section#why-try .col-md-6 { text-align: center; } section#why-try h2 { margin: 0 auto; } section#why-try ul { display: inline-block; text-align: left; margin-left: 0; margin-top: 40px; } section#why-try .wrap-outer > .sparks.left img { top: 60px; } section#why-try .wrap-outer > .sparks.right img { top: 285px; left: 300px; } } section#how-train { position: relative; z-index: 1; padding-top: 108px; padding-bottom: 8px; margin-bottom: -8px; min-height: 1214px; background-image: url("../img/how-train/background.jpg"); background-position: center 333px; background-repeat: no-repeat; overflow: hidden; } @media (max-width: 1279px) { section#how-train { min-height: 1000px; background-image: none; } } section#how-train:after { display: block; position: absolute; content: ""; width: 100%; height: 8px; bottom: 0; left: 0; background-image: url("../img/edge_light-gray_h_i.png"); background-position: left top; background-repeat: repeat-x; } section#how-train .shade { position: absolute; width: 100%; height: 250px; bottom: 8px; left: 0; background-image: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.1) 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.1))); background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#10000000',GradientType=0 ); } section#how-train h2.graphic { width: 455px; height: 155px; margin: 0 0 0 156px; background-image: url("../img/how-train/title.png"); } @media (max-width: 1279px) { section#how-train h2.graphic { margin: 0 auto; } } section#how-train .steps { position: relative; margin: 0; font-family: "Intro Head R Base"; font-size: 21px; line-height: 26px; color: #393939; } section#how-train .steps > li { position: absolute; } section#how-train .steps > li .number { display: inline-block; width: 44px; height: 76px; background-repeat: no-repeat; -webkit-filter: grayscale(1); filter: grayscale(1); -webkit-transition: -webkit-filter 0.4s ease-out, -webkit-filter 0.4s ease-out; transition: filter 0.4s ease-out, -webkit-filter 0.4s ease-out; } section#how-train .steps > li .desc span { padding: 0 6px; -webkit-transition: background-color 0.4s ease-out; transition: background-color 0.4s ease-out; } section#how-train .steps > li.active .number { -webkit-filter: none; filter: none; } section#how-train .steps > li.active .desc span { color: white; background-color: #1659ff; } section#how-train .steps .step-1 { top: 39px; left: 196px; } section#how-train .steps .step-1 .number { float: right; background-image: url("../img/how-train/1.png"); } section#how-train .steps .step-1 .desc { margin-top: 21px; margin-right: 102px; text-align: right; } section#how-train .steps .step-2 { top: 227px; left: 300px; } section#how-train .steps .step-2 .number { float: right; background-image: url("../img/how-train/2.png"); } section#how-train .steps .step-2 .desc { margin-top: 15px; margin-right: 107px; text-align: right; } section#how-train .steps .step-3 { top: 60px; left: 759px; } section#how-train .steps .step-3 .number { float: left; background-image: url("../img/how-train/3.png"); } section#how-train .steps .step-3 .desc { margin-top: -92px; margin-left: 72px; } section#how-train .steps .step-4 { top: 268px; left: 661px; } section#how-train .steps .step-4 .number { float: right; background-image: url("../img/how-train/4.png"); } section#how-train .steps .step-4 .desc { margin-top: 11px; margin-right: 102px; text-align: right; } section#how-train .steps .step-4 img { position: absolute; top: 98px; left: 103px; opacity: 0; -webkit-transition: left 0.2s ease-out, opacity 0.2s ease-out; transition: left 0.2s ease-out, opacity 0.2s ease-out; } section#how-train .steps .step-4.active img { left: 53px; opacity: 1; } section#how-train .steps .step-5 { top: 610px; left: 904px; } section#how-train .steps .step-5 .number { background-image: url("../img/how-train/5.png"); } section#how-train .steps .step-5 .desc { margin-top: 44px; margin-left: -53px; } section#how-train .steps .step-6 { top: 459px; left: 502px; } section#how-train .steps .step-6 .number { background-image: url("../img/how-train/6.png"); } section#how-train .steps .step-6 .desc { margin-top: 41px; margin-left: -50px; } section#how-train .steps .step-7 { top: 664px; left: 350px; } section#how-train .steps .step-7 .number { background-image: url("../img/how-train/7.png"); } section#how-train .steps .step-7 .desc { margin-top: 40px; margin-left: -53px; } @media (max-width: 1279px) { section#how-train .steps { position: static; max-width: 700px; margin: 80px auto 0; } section#how-train .steps > li { position: static; float: left; width: 350px; } section#how-train .steps > li:nth-child(n+3) { margin-top: 60px; } section#how-train .steps > li.step-4 { position: relative; top: initial !important; left: initial !important; } section#how-train .steps > li.step-4 > img { top: -100%; left: 40%; z-index: -1; } section#how-train .steps > li.step-4.active > img { left: 20%; } section#how-train .steps > li > * { vertical-align: middle; text-align: left !important; } section#how-train .steps > li > div.number { display: inline-block; float: none !important; margin-right: 20px; } section#how-train .steps > li > div.desc { display: inline-block; margin: 0 !important; } } @media (max-width: 716px) { section#how-train .steps { min-height: 1050px; max-width: 350px; } section#how-train .steps > li { float: none; } section#how-train .steps > li + li { margin-top: 60px; } } section#from-founder .heading { position: relative; padding-left: 59px; padding-top: 50px; padding-bottom: 50px; margin-left: -30px; background-color: white; } section#from-founder .heading h2.graphic { width: 295px; height: 109px; background-image: url("../img/from-founder/title.png"); background-repeat: no-repeat; } section#from-founder h3.graphic { position: relative; width: 283px; height: 155px; margin: 280px auto 0; background-image: url("../img/from-founder/title-2.png"); background-repeat: no-repeat; } section#from-founder .cols { overflow: hidden; } section#from-founder .cols > .col { float: left; } section#from-founder .cols > .col.left { position: relative; width: 45%; text-align: center; min-height: 760px; overflow: hidden; } section#from-founder .cols > .col.left .video-wrap { position: absolute; } section#from-founder .cols > .col.left #background-video { position: absolute; top: 0; left: 0; width: 100%; height: 760px; } section#from-founder .cols > .col.left .sparks { position: absolute; top: 0; left: 0; width: 100%; height: 760px; background-color: rgba(0, 0, 0, 0.6); background-image: url("../img/from-founder/sparks.png"); background-position: 280% center; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; } section#from-founder .cols > .col.left .cta { margin-top: 20px; } section#from-founder .cols > .col.right { width: 55%; } section#from-founder #accordion { margin-left: -30px; } section#from-founder .panel-default { padding: 0; margin: 0; font-family: "Intro Head R Base"; font-size: 21px; border-radius: 0; border: 0; } section#from-founder .panel-default .panel-heading { display: block; padding: 22px 0 22px 33px; margin-top: -1px; margin-left: -3px; width: 102%; color: white; background-color: #1659ff; border-radius: 0; border: 0; border-top: 1px solid #cccccc; text-decoration: none; -webkit-transform: perspective(500px) rotate3d(1, 0, 0, -5deg); transform: perspective(500px) rotate3d(1, 0, 0, -5deg); -webkit-transition: background 0.2s ease-out, color 0.2s ease-out, -webkit-transform 0.2s ease-out; transition: background 0.2s ease-out, color 0.2s ease-out, transform 0.2s ease-out; } section#from-founder .panel-default .panel-heading h4 { font-size: 21px; text-transform: uppercase; line-height: 29px; -webkit-transform: perspective(500px) rotate3d(1, 0, 0, 5deg); transform: perspective(500px) rotate3d(1, 0, 0, 5deg); } section#from-founder .panel-default .panel-heading h4:before { display: inline-block; content: ""; width: 21px; height: 29px; margin-right: 31px; background-image: url("../img/from-founder/arrow_right_active.png"); background-repeat: no-repeat; vertical-align: text-bottom; -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); -webkit-transition: background 0.2s ease-out, -webkit-transform 0.2s ease-out; transition: background 0.2s ease-out, transform 0.2s ease-out; } section#from-founder .panel-default .panel-heading.collapsed { color: #181818; background-color: white; -webkit-transform: perspective(500px) rotate3d(1, 0, 0, 5deg); transform: perspective(500px) rotate3d(1, 0, 0, 5deg); } section#from-founder .panel-default .panel-heading.collapsed h4 { -webkit-transform: perspective(500px) rotate3d(1, 0, 0, -5deg); transform: perspective(500px) rotate3d(1, 0, 0, -5deg); } section#from-founder .panel-default .panel-heading.collapsed h4:before { background-image: url("../img/from-founder/arrow_right.png"); -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); } section#from-founder .panel-default .panel-heading.collapsed h4:hover:before { background-image: url("../img/from-founder/arrow_right_hover.png"); } section#from-founder .panel-default .panel-collapse.collapsing, section#from-founder .panel-default .panel-collapse.in { color: white; } section#from-founder .panel-default .panel-collapse .panel-body { border: 0; margin-top: -1px; margin-left: 30px; background-color: #1e46a9; } section#testimonials { position: relative; z-index: 1; min-height: 898px; padding-bottom: 25px; background-image: url("../img/testimonials/background.jpg"); background-position: center; background-repeat: no-repeat; } section#testimonials .graphic { position: absolute; z-index: 2; left: 50%; top: 85px; width: 294px; height: 90px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-image: url("../img/testimonials/title.png"); } section#testimonials .cta-block { position: absolute; width: 100%; bottom: 0; text-align: center; } section#testimonials .cta-block .cta { width: 311px; height: 62px; background-image: url("../img/testimonials/button.png"); } section#testimonials .cta-block .cta:hover { background-image: url("../img/testimonials/button_hover.png"); } section#testimonials .slider, section#testimonials .slide { max-width: initial; } section#testimonials .slide { height: 898px; background-position: center; background-repeat: no-repeat; } section#testimonials .slide.slide-1 { background-image: url("../img/testimonials/background_slide_01.png"); } section#testimonials .slide.slide-2 { background-image: url("../img/testimonials/background_slide_02.png"); } section#testimonials .slide.slide-2 .content .desc { line-height: 30px; } section#testimonials .slide.slide-3 { background-image: url("../img/testimonials/background_slide_03.png"); } section#testimonials .slide.slide-3 .content .desc { line-height: 25px; } section#testimonials .slide.slide-4 { background-image: url("../img/testimonials/background_slide_04.png"); } section#testimonials .slide.slide-4 .content .desc { line-height: 27px; } section#testimonials .slide.slide-5 { background-image: url("../img/testimonials/background_slide_05.png"); } section#testimonials .slide.slide-5 .content .desc { line-height: 30px; } section#testimonials .slide.slide-6 { background-image: url("../img/testimonials/background_slide_06.png"); } section#testimonials .slide.slide-6 .content .desc { line-height: 27px; } section#testimonials .slide.slide-7 { background-image: url("../img/testimonials/background_slide_07.png"); } section#testimonials .slide.slide-8 { background-image: url("../img/testimonials/background_slide_08.png"); } section#testimonials .slide.slide-9 { background-image: url("../img/testimonials/background_slide_09.png"); } section#testimonials .slide .content { top: 200px; left: 50%; width: 310px; height: 530px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); padding: 48px 0 0; font-family: "Intro Head R Base"; font-size: 18px; text-align: center; } @media (max-width: 499px) { section#testimonials .slide .content { padding-top: 20px; width: 100%; padding-left: 70px; padding-right: 70px; } } section#testimonials .slide .content .title { margin: 0; margin-bottom: 18px; font-size: 21px; line-height: 31px; text-transform: uppercase; color: #1659ff; } @media (max-width: 354px) { section#testimonials .slide .content .title { line-height: 21px; } } section#testimonials .slide .content .desc { line-height: 32px; margin-bottom: 38px; } @media (max-width: 499px) { section#testimonials .slide .content .desc { line-height: 22px; } } @media (max-width: 354px) { section#testimonials .slide .content .desc { margin-bottom: 18px; } } section#testimonials .slide .content .author:before, section#testimonials .slide .content .author:after { display: inline-block; content: ""; width: 25%; height: 20px; background-image: url("../img/separator_dashed_h.png"); background-position: left center; background-repeat: repeat-x; vertical-align: middle; } section#testimonials .slide .content .author:before { margin-right: 20px; } section#testimonials .slide .content .author:after { margin-left: 10px; } section#testimonials .slide .content .author .name { vertical-align: middle; text-transform: uppercase; color: #1659ff; } section#testimonials .slide .content .author .contacts { display: inline-block; margin: 0; } section#testimonials .slide .content .author .contacts a.vk { display: inline-block; width: 39px; height: 31px; background-image: url("../img/testimonials/icon_vk.png"); background-repeat: no-repeat; vertical-align: middle; } @media (max-width: 464px) { section#testimonials .slide .content .author:before, section#testimonials .slide .content .author:after { content: none; } } section#testimonials .owl-nav { position: relative; max-width: 1280px; margin: 0 auto; } section#testimonials .owl-nav > * { position: absolute; top: 381px; width: 106px; height: 121px; cursor: pointer; } section#testimonials .owl-nav .owl-prev { left: 24px; background-image: url("../img/testimonials/arrow_left.png"); } section#testimonials .owl-nav .owl-prev:hover { background-image: url("../img/testimonials/arrow_left_hover.png"); } section#testimonials .owl-nav .owl-next { right: 1px; background-image: url("../img/testimonials/arrow_right.png"); } section#testimonials .owl-nav .owl-next:hover { background-image: url("../img/testimonials/arrow_right_hover.png"); } @media (max-width: 499px) { section#testimonials .owl-nav .owl-prev { left: 0; } section#testimonials .owl-nav .owl-next { right: -23px; } } section#misc { position: relative; padding: 266px 0 80px; margin-top: -22px; text-align: center; background-image: url("../img/misc/shape.jpg"); background-position: center top; background-repeat: repeat-x; } section#misc::after { display: block; content: ""; position: absolute; bottom: -8px; width: 100%; height: 8px; background-image: url("../img/edge_white_h_i.png"); background-repeat: repeat-x; z-index: 1; } section#misc ul.list-inline { display: inline-block; text-align: left; } section#misc ul.list-inline > li { max-width: 320px; vertical-align: top; } section#misc ul.list-inline > li h3 { margin: 0; height: 71px; font-family: "AG Letterica"; font-size: 21px; font-weight: 600; font-style: italic; text-transform: uppercase; color: #181818; } section#misc ul.list-inline > li hr { max-width: 120px; height: 3px; margin: 0 auto 17px 0; background-image: url("../img/separator_dashed_h.png"); background-position: left center; background-repeat: no-repeat; border: 0; } section#misc ul.list-inline > li p, section#misc ul.list-inline > li p + div { font-family: "Intro Head R Base"; font-size: 18px; line-height: 31px; color: #393939; } section#misc ul.list-inline > li p a, section#misc ul.list-inline > li p + div a { color: #1659ff; } section#misc ul.list-inline > li p ul, section#misc ul.list-inline > li p + div ul { margin: 0; padding: 1em; } section#misc ul.list-inline > li .cta { width: 189px; height: 49px; margin-left: -23px; font-size: 21px; background-image: url("../img/misc/button.png"); } section#misc ul.list-inline > li .cta:hover { background-image: url("../img/misc/button_hover.png"); } @media (max-width: 1050px) { section#misc ul.list-inline > li { display: block; max-width: 600px; margin-bottom: 20px; padding: 0 40px; } section#misc ul.list-inline > li .cta { float: right; } } section#map { position: relative; min-height: 400px; padding-bottom: 64px; font-family: "AG Letterica"; font-size: 21px; font-weight: 600; font-style: italic; color: white; text-transform: uppercase; background-color: #333333; } section#map .map { position: absolute; width: 100%; height: 100%; } section#map .map a[href^="http://maps.google.com/maps"] { display: none !important; } section#map .map a[href^="https://maps.google.com/maps"] { display: none !important; } section#map .map .gmnoprint a, section#map .map .gmnoprint span, section#map .map .gm-style-cc { display: none; } section#map .map .gmnoprint div { background: none !important; } section#map .cross { position: absolute; width: 100%; height: 100%; pointer-events: none; } section#map .cross .v { position: absolute; left: 50%; top: 0; height: 100%; border-left: 1px solid #474747; } section#map .cross .v:after { position: absolute; display: block; content: ""; height: 91px; top: 50%; left: -1px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-left: 1px solid white; } section#map .cross .h { position: absolute; top: 50%; left: 0; width: 100%; border-top: 1px solid #474747; } section#map .cross .h:after { position: absolute; display: block; content: ""; width: 91px; left: 50%; top: -1px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border-top: 1px solid white; } section#map .wrap { position: relative; padding-top: 73px; pointer-events: none; } @media (max-width: 450px) { section#map .wrap { text-align: center; } } section#map .wrap a { color: #1659ff; pointer-events: all; } section#map .wrap .zoom { float: right; margin-right: 147px; pointer-events: all; } @media (max-width: 1100px) { section#map .wrap .zoom { margin-right: 80px; } } @media (max-width: 509px) { section#map .wrap .zoom { margin-right: 40px; } } section#map .wrap .zoom > div { width: 59px; height: 51px; background-repeat: no-repeat; cursor: pointer; } section#map .wrap .zoom > div.zoom-in { background-image: url("../img/map/button_zoom-in.png"); } section#map .wrap .zoom > div.zoom-in:hover { background-image: url("../img/map/button_zoom-in_hover.png"); } section#map .wrap .zoom > div.zoom-out { height: 47px; background-image: url("../img/map/button_zoom-out.png"); } section#map .wrap .zoom > div.zoom-out:hover { background-image: url("../img/map/button_zoom-out_hover.png"); } section#map .wrap h2.graphic { margin: 0 0 0 132px; width: 259px; height: 109px; background-image: url("../img/map/title.png"); } @media (max-width: 1100px) { section#map .wrap h2.graphic { margin-left: 65px; } } @media (max-width: 509px) { section#map .wrap h2.graphic { margin-left: 25px; } } section#map .wrap .phone, section#map .wrap .email, section#map .wrap .buttons { margin-left: 147px; } @media (max-width: 1100px) { section#map .wrap .phone, section#map .wrap .email, section#map .wrap .buttons { margin-left: 80px; } } @media (max-width: 509px) { section#map .wrap .phone, section#map .wrap .email, section#map .wrap .buttons { margin-left: 20px; } } section#map .wrap .phone { margin-top: 42px; } section#map .wrap .phone .number { margin-top: -3px; font-size: 36px; } section#map .wrap .cta { float: right; margin-right: 123px; margin-top: -23px; pointer-events: all; } @media (max-width: 1100px) { section#map .wrap .cta { margin-right: 56px; } } @media (max-width: 780px) { section#map .wrap .cta { margin-top: 20px; margin-left: 190px; float: none; } } @media (max-width: 445px) { section#map .wrap .cta { display: block; margin: 120px auto -50px; } } section#map .wrap .email { margin-top: 65px; } section#map .wrap .email .text { margin-bottom: -6px; } section#map .wrap .email a { display: inline-block; padding-bottom: 2px; text-decoration: none; border-bottom: 4px solid; } section#map .wrap .email a:hover { text-indent: -2px; } @media (max-width: 445px) { section#map .wrap .email { max-width: 250px; margin: 65px auto 0; } } section#map .wrap .buttons { display: inline-block; margin-left: 138px; margin-top: 53px; } @media (max-width: 1100px) { section#map .wrap .buttons { margin-left: 71px; } } @media (max-width: 450px) { section#map .wrap .buttons { display: block; margin: 53px auto 0; width: 100%; overflow: hidden; } } section#map .wrap .buttons a { position: relative; display: block; width: 86px; height: 73px; float: right; background-repeat: no-repeat; text-indent: -9999px; } @media (max-width: 320px) { section#map .wrap .buttons a { width: 76px; } } section#map .wrap .buttons a + a { margin-right: -16px; } section#map .wrap .buttons a.facebook { z-index: 1; background-image: url("../img/map/icon_fb.png"); } section#map .wrap .buttons a.facebook:hover { background-image: url("../img/map/icon_fb_hover.png"); } section#map .wrap .buttons a.vk { z-index: 2; margin-right: -18px; background-image: url("../img/map/icon_vk.png"); } section#map .wrap .buttons a.vk:hover { background-image: url("../img/map/icon_vk_hover.png"); } section#map .wrap .buttons a.viber { z-index: 3; margin-right: -19px; background-image: url("../img/map/icon_viber.png"); } section#map .wrap .buttons a.viber:hover { background-image: url("../img/map/icon_viber_hover.png"); } section#map .wrap .buttons a.insta { z-index: 4; background-image: url("../img/map/icon_insta.png"); } section#map .wrap .buttons a.insta:hover { background-image: url("../img/map/icon_insta_hover.png"); } footer { position: relative; font-family: "Intro Head R Base"; font-size: 17px; text-transform: uppercase; color: #4d4d4d; background-color: black; } footer::before { display: block; content: ""; position: absolute; top: -8px; width: 100%; height: 8px; background-image: url("../img/edge_black_h.png"); background-repeat: repeat-x; } footer .wrap { max-width: 1320px; margin: 0 auto; padding: 21px 20px 23px; } footer .wrap > *:not(.clearfix) { width: 50%; float: left; } footer .wrap > *:not(.clearfix) > * { display: inline-block; } footer strong { color: #999999; } footer .payment { margin-left: 37px; } footer .payment img { margin-top: -2px; } footer .payment img + img { margin-left: 5px; } /* Popup */ .mfp-bg { background-color: white; opacity: 0.85; } .mfp-container { background-image: url("../img/popup/background.png"); background-position: center; background-repeat: no-repeat; } .mfp-container .mfp-content { position: relative; max-width: 440px; min-height: 550px; font-family: "Intro Head R Base"; font-size: 18px; text-align: center; color: #393939; } .mfp-container .mfp-content #popup { padding: 0 45px; } .mfp-container .mfp-content .mfp-close { position: absolute; top: 33px; right: 14px; width: 19px; height: 19px; background-image: url("../img/popup/button_close.png"); background-repeat: no-repeat; } .mfp-container .mfp-content .mfp-close:hover { background-image: url("../img/popup/button_close_hover.png"); } .mfp-container .mfp-content h2.graphic { width: 268px; height: 90px; margin: -39px auto 50px; background-image: url("../img/popup/title.png"); } .mfp-container .mfp-content .form-control { padding-left: 23px; padding-top: 5px; padding-bottom: 7px; width: 349px; height: 53px; font-size: 21px; color: black; background-color: transparent; background-image: url("../img/popup/input.png"); opacity: 0.5; border: 0; -webkit-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } .mfp-container .mfp-content .form-control::-webkit-input-placeholder { color: #393939; } .mfp-container .mfp-content .form-control::-moz-placeholder { color: #393939; } .mfp-container .mfp-content .form-control:-moz-placeholder { color: #393939; } .mfp-container .mfp-content .form-control:-ms-input-placeholder { color: #393939; } .mfp-container .mfp-content .form-control:hover, .mfp-container .mfp-content .form-control:focus { -webkit-box-shadow: none; box-shadow: none; opacity: 1; } .mfp-container .mfp-content .form-control + .form-control, .mfp-container .mfp-content .form-control + .select { margin-top: 6px; } .mfp-container .mfp-content .select { position: relative; } .mfp-container .mfp-content .select::after { display: inline-block; position: absolute; content: ""; top: 0; right: 23px; width: 24px; height: 100%; background-image: url("../img/popup/arrow_down.png"); background-position: left center; background-repeat: no-repeat; pointer-events: none; } .mfp-container .mfp-content .select select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ""; } .mfp-container .mfp-content p { margin-top: 36px; margin-bottom: 16px; line-height: 32px; }