/* Start:/local/templates/tpl_valfex/css/normalize.min.css?16083160641981*/ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /* End */ /* Start:/local/templates/tpl_valfex/css/fonts.css?16083160643656*/ @font-face { font-family: 'Museo Sans'; src: url('/local/templates/tpl_valfex/css/MuseoSansCyrl-100.eot'); src: local('MuseoSansCyrl-100'), url('/local/templates/tpl_valfex/css/../fonts/MuseoSansCyrl-100.eot?#iefix') format('embedded-opentype'), url('/local/templates/tpl_valfex/css/../fonts/MuseoSansCyrl-100.woff') format('woff'), url('/local/templates/tpl_valfex/css/../fonts/MuseoSansCyrl-100.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Museo Sans'; src: url('/local/templates/tpl_valfex/css/MuseoSansCyrl-100Italic.eot'); src: local('MuseoSansCyrl-100Italic'), url('/local/templates/tpl_valfex/css/../fonts/MuseoSansCyrl-100Italic.eot?#iefix') format('embedded-opentype'), url('/local/templates/tpl_valfex/css/../fonts/MuseoSansCyrl-100Italic.woff') format('woff'), url('/local/templates/tpl_valfex/css/../fonts/MuseoSansCyrl-100Italic.ttf') format('truetype'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Museo Sans'; src: url('/local/templates/tpl_valfex/css/MuseoSansCyrl-300.eot'); src: local('MuseoSansCyrl-300'), url('/local/templates/tpl_valfex/css/../fonts/MuseoSansCyrl-300.eot?#iefix') format('embedded-opentype'), url('/local/templates/tpl_valfex/css/../fonts/MuseoSansCyrl-300.woff') format('woff'), url('/local/templates/tpl_valfex/css/../fonts/MuseoSansCyrl-300.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Museo Sans'; src: url('/local/templates/tpl_valfex/css/MuseoSansCyrl-300Italic.eot'); src: local('MuseoSansCyrl-300Italic'), url('/local/templates/tpl_valfex/css/../fonts/MuseoSansCyrl-300Italic.eot?#iefix') format('embedded-opentype'), url('/local/templates/tpl_valfex/css/../fonts/MuseoSansCyrl-300Italic.woff') format('woff'), url('/local/templates/tpl_valfex/css/../fonts/MuseoSansCyrl-300Italic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Museo Sans'; src: url('/local/templates/tpl_valfex/css/MuseoSansCyrl-500.eot'); src: local('MuseoSansCyrl-500'), url('/local/templates/tpl_valfex/css/../fonts/MuseoSansCyrl-500.eot?#iefix') format('embedded-opentype'), url('/local/templates/tpl_valfex/css/../fonts/MuseoSansCyrl-500.woff') format('woff'), url('/local/templates/tpl_valfex/css/../fonts/MuseoSansCyrl-500.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Museo Sans'; src: url('/local/templates/tpl_valfex/css/MuseoSansCyrl-500Italic.eot'); src: local('MuseoSansCyrl-500Italic'), url('/local/templates/tpl_valfex/css/../fonts/MuseoSansCyrl-500Italic.eot?#iefix') format('embedded-opentype'), url('/local/templates/tpl_valfex/css/../fonts/MuseoSansCyrl-500Italic.woff') format('woff'), url('/local/templates/tpl_valfex/css/../fonts/MuseoSansCyrl-500Italic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Museo Sans'; src: url('/local/templates/tpl_valfex/css/MuseoSansCyrl-700.eot'); src: local('MuseoSansCyrl-700'), url('/local/templates/tpl_valfex/css/../fonts/MuseoSansCyrl-700.eot?#iefix') format('embedded-opentype'), url('/local/templates/tpl_valfex/css/../fonts/MuseoSansCyrl-700.woff') format('woff'), url('/local/templates/tpl_valfex/css/../fonts/MuseoSansCyrl-700.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Museo Sans'; src: url('/local/templates/tpl_valfex/css/MuseoSansCyrl-700Italic.eot'); src: local('MuseoSansCyrl-700Italic'), url('/local/templates/tpl_valfex/css/../fonts/MuseoSansCyrl-700Italic.eot?#iefix') format('embedded-opentype'), url('/local/templates/tpl_valfex/css/../fonts/MuseoSansCyrl-700Italic.woff') format('woff'), url('/local/templates/tpl_valfex/css/../fonts/MuseoSansCyrl-700Italic.ttf') format('truetype'); font-weight: 700; font-style: italic; } @font-face { font-family: 'Museo Sans'; src: url('/local/templates/tpl_valfex/css/MuseoSansCyrl-900.eot'); src: local('MuseoSansCyrl-900'), url('/local/templates/tpl_valfex/css/../fonts/MuseoSansCyrl-900.eot?#iefix') format('embedded-opentype'), url('/local/templates/tpl_valfex/css/../fonts/MuseoSansCyrl-900.woff') format('woff'), url('/local/templates/tpl_valfex/css/../fonts/MuseoSansCyrl-900.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Museo Sans'; src: url('/local/templates/tpl_valfex/css/MuseoSansCyrl-900Italic.eot'); src: local('Museo Sans Cyrl 900 Italic'), local('MuseoSansCyrl-900Italic'), url('/local/templates/tpl_valfex/css/../fonts/MuseoSansCyrl-900Italic.eot?#iefix') format('embedded-opentype'), url('/local/templates/tpl_valfex/css/../fonts/MuseoSansCyrl-900Italic.woff') format('woff'), url('/local/templates/tpl_valfex/css/../fonts/MuseoSansCyrl-900Italic.ttf') format('truetype'); font-weight: 900; font-style: italic; } /* End */ /* Start:/local/templates/tpl_valfex/css/animate.css?160831606477758*/ @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.7.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2018 Daniel Eden */ @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } .heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-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 fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-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 fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; } .animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; } .animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; } .animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; } .animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; } .animated.fast { -webkit-animation-duration: 800ms; animation-duration: 800ms; } .animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms; } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; } @media (print), (prefers-reduced-motion) { .animated { -webkit-animation: unset !important; animation: unset !important; -webkit-transition: none !important; transition: none !important; } } /* End */ /* Start:/local/templates/tpl_valfex/js/vendor/fancybox/jquery.fancybox.min.css?160831606412795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/tpl_valfex/js/vendor/fotorama/fotorama.css?160831606415141*/ /*! * Fotorama 4.6.4 | http://fotorama.io/license/ */ .fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__html,.fotorama__img,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video iframe{position:absolute;width:100%;height:100%;top:0;right:0;left:0;bottom:0}.fotorama--fullscreen,.fotorama__img{max-width:99999px!important;max-height:99999px!important;min-width:0!important;min-height:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.fotorama__wrap .fotorama__grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.fotorama__grabbing *{cursor:move;cursor:-webkit-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.fotorama__spinner{position:absolute!important;top:50%!important;left:50%!important}.fotorama__wrap--css3 .fotorama__arr,.fotorama__wrap--css3 .fotorama__fullscreen-icon,.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border,.fotorama__wrap--css3 .fotorama__video-close,.fotorama__wrap--css3 .fotorama__video-play{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__caption,.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before,.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__nav,.fotorama__wrap--css3 .fotorama__spinner,.fotorama__wrap--css3 .fotorama__stage,.fotorama__wrap--css3 .fotorama__stage .fotorama__img,.fotorama__wrap--css3 .fotorama__stage__frame{-webkit-transform:translateZ(0);transform:translateZ(0)}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus,.fotorama__nav__frame{outline:0}.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after{content:'';border-radius:inherit;background-color:rgba(0,175,234,.5)}.fotorama__wrap--video .fotorama__stage,.fotorama__wrap--video .fotorama__stage__frame--video,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,.fotorama__wrap--video .fotorama__stage__shaft{-webkit-transform:none!important;transform:none!important}.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border{transition-property:-webkit-transform,width;transition-property:transform,width;transition-timing-function:cubic-bezier(0.1,0,.25,1);transition-duration:0ms}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__no-select,.fotorama__video-close,.fotorama__video-play,.fotorama__wrap{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fotorama__select{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.fotorama__nav,.fotorama__nav__frame{margin:auto;padding:0}.fotorama__caption__wrap,.fotorama__nav__frame,.fotorama__nav__shaft{-moz-box-orient:vertical;display:inline-block;vertical-align:middle;*display:inline;*zoom:1}.fotorama__nav__frame,.fotorama__thumb-border{box-sizing:content-box}.fotorama__caption__wrap{box-sizing:border-box}.fotorama--hidden,.fotorama__load{position:absolute;left:-99999px;top:-99999px;z-index:-1}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__nav,.fotorama__nav__frame,.fotorama__nav__shaft,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video-close,.fotorama__video-play{-webkit-tap-highlight-color:transparent}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(/local/templates/tpl_valfex/js/vendor/fotorama/fotorama.png) no-repeat}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:2dppx){.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(/local/templates/tpl_valfex/js/vendor/fotorama/fotorama@2x.png) 0 0/96px 160px no-repeat}}.fotorama__thumb{background-color:#7f7f7f;background-color:rgba(127,127,127,.2)}@media print{.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__thumb-border,.fotorama__video-close,.fotorama__video-play{background:none!important}}.fotorama{min-width:1px;overflow:hidden}.fotorama:not(.fotorama--unobtrusive)>*:not(:first-child){display:none}.fullscreen{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#000}.fotorama--fullscreen{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;float:none!important;z-index:2147483647!important;background:#000;width:100%!important;height:100%!important;margin:0!important}.fotorama--fullscreen .fotorama__nav,.fotorama--fullscreen .fotorama__stage{background:#000}.fotorama__wrap{-webkit-text-size-adjust:100%;position:relative;direction:ltr;z-index:0}.fotorama__wrap--rtl .fotorama__stage__frame{direction:rtl}.fotorama__nav,.fotorama__stage{overflow:hidden;position:relative;max-width:100%}.fotorama__wrap--pan-y{-ms-touch-action:pan-y}.fotorama__wrap .fotorama__pointer{cursor:pointer}.fotorama__wrap--slide .fotorama__stage__frame{opacity:1!important}.fotorama__stage__frame{overflow:hidden}.fotorama__stage__frame.fotorama__active{z-index:8}.fotorama__wrap--fade .fotorama__stage__frame{display:none}.fotorama__wrap--fade .fotorama__fade-front,.fotorama__wrap--fade .fotorama__fade-rear,.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active{display:block;left:0;top:0}.fotorama__wrap--fade .fotorama__fade-front{z-index:8}.fotorama__wrap--fade .fotorama__fade-rear{z-index:7}.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active{z-index:9}.fotorama__wrap--fade .fotorama__stage .fotorama__shadow{display:none}.fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;border:none!important}.fotorama__error .fotorama__img,.fotorama__loaded .fotorama__img{-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,.fotorama__img--full{display:none}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full{display:block}.fotorama__wrap--only-active .fotorama__nav,.fotorama__wrap--only-active .fotorama__stage{max-width:99999px!important}.fotorama__wrap--only-active .fotorama__stage__frame{visibility:hidden}.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active{visibility:visible}.fotorama__nav{font-size:0;line-height:0;text-align:center;display:none;white-space:nowrap;z-index:5}.fotorama__nav__shaft{position:relative;left:0;top:0;text-align:left}.fotorama__nav__frame{position:relative;cursor:pointer}.fotorama__nav--dots{display:block}.fotorama__nav--dots .fotorama__nav__frame{width:18px;height:30px}.fotorama__nav--dots .fotorama__nav__frame--thumb,.fotorama__nav--dots .fotorama__thumb-border{display:none}.fotorama__nav--thumbs{display:block}.fotorama__nav--thumbs .fotorama__nav__frame{padding-left:0!important}.fotorama__nav--thumbs .fotorama__nav__frame:last-child{padding-right:0!important}.fotorama__nav--thumbs .fotorama__nav__frame--dot{display:none}.fotorama__dot{display:block;width:4px;height:4px;position:relative;top:12px;left:6px;border-radius:6px;border:1px solid #7f7f7f}.fotorama__nav__frame:focus .fotorama__dot:after{padding:1px;top:-1px;left:-1px}.fotorama__nav__frame.fotorama__active .fotorama__dot{width:0;height:0;border-width:3px}.fotorama__nav__frame.fotorama__active .fotorama__dot:after{padding:3px;top:-3px;left:-3px}.fotorama__thumb{overflow:hidden;position:relative;width:100%;height:100%}.fotorama__nav__frame:focus .fotorama__thumb{z-index:2}.fotorama__thumb-border{position:absolute;z-index:9;top:0;left:0;border-style:solid;border-color:#00afea;background-image:linear-gradient(to bottom right,rgba(255,255,255,.25),rgba(64,64,64,.1))}.fotorama__caption{position:absolute;z-index:12;bottom:0;left:0;right:0;font-family:'Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:1.5;color:#000}.fotorama__caption a{text-decoration:none;color:#000;border-bottom:1px solid;border-color:rgba(0,0,0,.5)}.fotorama__caption a:hover{color:#333;border-color:rgba(51,51,51,.5)}.fotorama__wrap--rtl .fotorama__caption{left:auto;right:0}.fotorama__wrap--no-captions .fotorama__caption,.fotorama__wrap--video .fotorama__caption{display:none}.fotorama__caption__wrap{background-color:#fff;background-color:rgba(255,255,255,.9);padding:5px 10px}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fotorama__wrap--css3 .fotorama__spinner{-webkit-animation:spinner 24s infinite linear;animation:spinner 24s infinite linear}.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__stage .fotorama__img{transition-property:opacity;transition-timing-function:linear;transition-duration:.3s}.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0}.fotorama__select{cursor:auto}.fotorama__video{top:32px;right:0;bottom:0;left:0;position:absolute;z-index:10}@-moz-document url-prefix(){.fotorama__active{box-shadow:0 0 0 transparent}}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{position:absolute;z-index:11;cursor:pointer}.fotorama__arr{position:absolute;width:32px;height:32px;top:50%;margin-top:-16px}.fotorama__arr--prev{left:2px;background-position:0 0}.fotorama__arr--next{right:2px;background-position:-32px 0}.fotorama__arr--disabled{pointer-events:none;cursor:default;*display:none;opacity:.1}.fotorama__fullscreen-icon{width:32px;height:32px;top:2px;right:2px;background-position:0 -32px;z-index:20}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus{border-radius:50%}.fotorama--fullscreen .fotorama__fullscreen-icon{background-position:-32px -32px}.fotorama__video-play{width:96px;height:96px;left:50%;top:50%;margin-left:-48px;margin-top:-48px;background-position:0 -64px;opacity:0}.fotorama__wrap--css2 .fotorama__video-play,.fotorama__wrap--video .fotorama__stage .fotorama__video-play{display:none}.fotorama__error .fotorama__video-play,.fotorama__loaded .fotorama__video-play,.fotorama__nav__frame .fotorama__video-play{opacity:1;display:block}.fotorama__nav__frame .fotorama__video-play{width:32px;height:32px;margin-left:-16px;margin-top:-16px;background-position:-64px -32px}.fotorama__video-close{width:32px;height:32px;top:0;right:0;background-position:-64px 0;z-index:20;opacity:0}.fotorama__wrap--css2 .fotorama__video-close{display:none}.fotorama__wrap--css3 .fotorama__video-close{-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--video .fotorama__video-close{display:block;opacity:1}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{opacity:0}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{opacity:1}.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--video .fotorama__fullscreen-icon{opacity:0!important}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{display:none}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{display:block}.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon{display:none!important}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus){-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus){-webkit-transform:translate3d(-48px,0,0);transform:translate3d(-48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus){-webkit-transform:translate3d(48px,0,0);transform:translate3d(48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon{-webkit-transform:translate3d(32px,-32px,0)!important;transform:translate3d(32px,-32px,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev{-webkit-transform:translate3d(-48px,0,0)!important;transform:translate3d(-48px,0,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next{-webkit-transform:translate3d(48px,0,0)!important;transform:translate3d(48px,0,0)!important}.fotorama__wrap--css3 .fotorama__arr:not(:focus),.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),.fotorama__wrap--css3 .fotorama__video-close:not(:focus),.fotorama__wrap--css3 .fotorama__video-play:not(:focus){transition-property:-webkit-transform,opacity;transition-property:transform,opacity;transition-duration:.3s}.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before{content:"";display:block;position:absolute;text-decoration:none;top:0;bottom:0;width:10px;height:auto;z-index:10;pointer-events:none;background-repeat:no-repeat;background-size:1px 100%,5px 100%}.fotorama__nav:before,.fotorama__stage:before{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent);background-position:0 0,0 0;left:-10px}.fotorama__nav.fotorama__shadows--left:before,.fotorama__stage.fotorama__shadows--left:before{left:0}.fotorama__nav:after,.fotorama__stage:after{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent);background-position:100% 0,100% 0;right:-10px}.fotorama__nav.fotorama__shadows--right:after,.fotorama__stage.fotorama__shadows--right:after{right:0}.fotorama--fullscreen .fotorama__nav:after,.fotorama--fullscreen .fotorama__nav:before,.fotorama--fullscreen .fotorama__stage:after,.fotorama--fullscreen .fotorama__stage:before,.fotorama__wrap--fade .fotorama__stage:after,.fotorama__wrap--fade .fotorama__stage:before,.fotorama__wrap--no-shadows .fotorama__nav:after,.fotorama__wrap--no-shadows .fotorama__nav:before,.fotorama__wrap--no-shadows .fotorama__stage:after,.fotorama__wrap--no-shadows .fotorama__stage:before{display:none} /* End */ /* Start:/local/templates/tpl_valfex/js/vendor/swiper/swiper-bundle.min.css?160831606413676*/ /** * Swiper 6.0.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://swiperjs.com * * Copyright 2014-2020 Vladimir Kharlampidi * * Released under the MIT License * * Released on: July 3, 2020 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} /* End */ /* Start:/local/templates/tpl_valfex/css/main.css?1790931671220355*/ ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 20px 0; padding: 0; } audio, canvas, iframe, img, svg, video { vertical-align: middle; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } blockquote { font-size: 16px; font-style: italic; border-left: 3px solid #d70000; margin: 0 0 30px 0; padding-left: 30px; line-height: 24px; } /* ========================================================================== Scaffolding ========================================================================== */ html { font: 14px/1.45 'Museo Sans', 'Open Sans', sans-serif; color: #222; background: #fff; -webkit-font-smoothing: antialiased; } a { color: #d70000; text-decoration: none; -webkit-transition: .35s ease; transition: .35s ease; } a:hover, a:focus { color: #333333; text-decoration: none; } a:hover, a:active, a:focus { outline: none; } h1, h2, h3, h4 { margin: 0; font-weight: 900; line-height: 1.45; font-family: 'Museo Sans', 'Open Sans', sans-serif; } h1 { font-size: 30px; margin: 0 0 30px 0; } h2 { font-size: 24px; margin: 0 0 20px 0; } h3 { font-size: 20px; margin: 0 0 20px 0; } h4 { font-size: 18px; margin: 0 0 20px 0; } img { max-width: 100%; height: auto; } ol { margin-left: 0; padding-left: 17px; } ol li { margin-bottom: 10px; } form input[type=text], form input[type=submit], form textarea { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s linear; transition: all .3s linear; -webkit-appearance: none; -moz-appearance: none; border: none; background: 0 0; -webkit-box-shadow: none; box-shadow: none; font-family: 'Museo Sans', sans-serif; outline: 0; resize: none; } form input[type=text], form textarea { width: 100% } form input[type=submit] { cursor: pointer; outline: 0 } /* ========================================================================== Animations ========================================================================== */ @keyframes scaleSize { 0% { width: 100px; height: 100px; opacity: 1; } 100% { width: 180px; height: 180px; opacity: 0; } } @keyframes scaleSize2 { 0% { width: 70px; height: 70px; opacity: 1; } 100% { width: 150px; height: 150px; opacity: 0; } } /* ========================================================================== New-year Lamp's ========================================================================== */ .index-module__root--ytXHr { top: 0; left: 0; width: 100%; height: auto; display: flex; overflow: hidden; position: absolute; pointer-events: none } .GarlandParts-module__root--xoR8F { display: flex; position: relative } .GarlandParts-module__root--xoR8F:not(.GarlandParts-module__rootVisible--Mf9g4) { opacity: 0 } .GarlandParts-module__rootVisible--Mf9g4.GarlandParts-module__rootAnimated--lGOIr { animation: GarlandParts-module__fadeIn--AIRnb var(--vkui--animation_duration_l) forwards } .GarlandParts-module__switch--BZF8l.GarlandParts-module__switch--BZF8l { top: -24px; right: 47px; z-index: -1; padding: 0 10px; position: fixed; pointer-events: all; color: var(--vkui--color_icon_tertiary); transition: top var(--vkui--animation_duration_m) } [dir=rtl] .GarlandParts-module__switch--BZF8l.GarlandParts-module__switch--BZF8l { right: auto; left: 47px } @media (max-width: 1229px) { .GarlandParts-module__switch--BZF8l.GarlandParts-module__switch--BZF8l { display:none } } .GarlandParts-module__switchHover--oq_9z.GarlandParts-module__switchHover--oq_9z { top: -20px } .GarlandParts-module__switchActive--Crh2N.GarlandParts-module__switchActive--Crh2N { top: 0 } .GarlandParts-module__lamp--DCHB2 { color: var(--vkui--color_icon_secondary) } .GarlandParts-module__shadow--_ZsNe { color: transparent } .GarlandParts-module__rootEnabled--RuoYx .GarlandParts-module__lamp--DCHB2,.GarlandParts-module__rootEnabled--RuoYx .GarlandParts-module__shadow--_ZsNe { will-change: transform; transform: translateZ(0); animation-duration: 12s; animation-iteration-count: infinite; animation-timing-function: steps(24,end) } .GarlandParts-module__item--i8iCu { z-index: 1; overflow: visible; color: var(--vkui--color_icon_tertiary) } .GarlandParts-module__item1--Ez7Lm { margin-top: -5px; margin-left: -9px } [dir=rtl] .GarlandParts-module__item1--Ez7Lm { margin-left: 0; margin-right: -9px } .GarlandParts-module__item1--Ez7Lm .GarlandParts-module__lamp--DCHB2,.GarlandParts-module__item1--Ez7Lm .GarlandParts-module__shadow--_ZsNe { animation-name: GarlandParts-module__animation1--kwsUW } .GarlandParts-module__item2--LjZCw { margin-top: -3px; margin-left: -8px } [dir=rtl] .GarlandParts-module__item2--LjZCw { margin-left: 0; margin-right: -8px } .GarlandParts-module__item2--LjZCw .GarlandParts-module__lamp--DCHB2,.GarlandParts-module__item2--LjZCw .GarlandParts-module__shadow--_ZsNe { animation-name: GarlandParts-module__animation2--cvP1g } .GarlandParts-module__item3--S1Utc { margin-top: -8px; margin-left: -8px } [dir=rtl] .GarlandParts-module__item3--S1Utc { margin-left: 0; margin-right: -8px } .GarlandParts-module__item3--S1Utc .GarlandParts-module__lamp--DCHB2,.GarlandParts-module__item3--S1Utc .GarlandParts-module__shadow--_ZsNe { animation-name: GarlandParts-module__animation3--F4HJJ } .GarlandParts-module__item4--NXg4D { margin-top: -6px; margin-left: -8px } [dir=rtl] .GarlandParts-module__item4--NXg4D { margin-left: 0; margin-right: -8px } .GarlandParts-module__item4--NXg4D .GarlandParts-module__lamp--DCHB2,.GarlandParts-module__item4--NXg4D .GarlandParts-module__shadow--_ZsNe { animation-name: GarlandParts-module__animation4--xTDbK } .GarlandParts-module__item5--waIp_ { margin-top: -7px; margin-left: -10px } [dir=rtl] .GarlandParts-module__item5--waIp_ { margin-left: 0; margin-right: -10px } .GarlandParts-module__item5--waIp_ .GarlandParts-module__lamp--DCHB2,.GarlandParts-module__item5--waIp_ .GarlandParts-module__shadow--_ZsNe { animation-name: GarlandParts-module__animation5--Q_bzd } @keyframes GarlandParts-module__fadeIn--AIRnb { 0% { opacity: 0 } to { opacity: 1 } } @keyframes GarlandParts-module__animation1--kwsUW { 0% { color: #07f } 20% { color: #17d685 } 40% { color: #ffd91d } 60% { color: #f679ff } 80% { color: #ab47e9 } to { color: #07f } } @keyframes GarlandParts-module__animation2--cvP1g { 0% { color: #f679ff } 20% { color: #ffd91d } 40% { color: #ab47e9 } 60% { color: #07f } 80% { color: #17d685 } to { color: #f679ff } } @keyframes GarlandParts-module__animation3--F4HJJ { 0% { color: #17d685 } 20% { color: #07f } 40% { color: #ab47e9 } 60% { color: #f679ff } 80% { color: #ffd91d } to { color: #17d685 } } @keyframes GarlandParts-module__animation4--xTDbK { 0% { color: #ffd91d } 20% { color: #f679ff } 40% { color: #17d685 } 60% { color: #07f } 80% { color: #ab47e9 } to { color: #ffd91d } } @keyframes GarlandParts-module__animation5--Q_bzd { 0% { color: #ab47e9 } 20% { color: #07f } 40% { color: #17d685 } 60% { color: #ffd91d } 80% { color: #f679ff } to { color: #ab47e9 } } /* ========================================================================== Layout ========================================================================== */ * { -webkit-box-sizing: border-box; box-sizing: border-box; } html, body { height: 100%; width: 100%; font: 16px/1.4 'Museo Sans', 'Open Sans', sans-serif; font-weight: 300; } .wrapper { position: relative; width: 100%; min-width: 1200px; min-height: 100%; } .content-wrapper { padding: 0 0 542px; overflow: hidden; } .container { position: relative; width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; } .with-padding { padding-top: 65px; } .with-padding-bottom { padding-bottom: 50px; } .fl { float: left; } .fr { float: right; } .cols { display: flex; flex-wrap: nowrap; } .cols .sidebar { width: 280px; } .cols .main-col { width: 820px; } .page-content { margin-bottom: 50px; } .col-2 { width: 50%; } .col-3 { width: 33.333%; } .col-4 { width: 25%; } .col-5 { width: 20%; } .mb0 {margin-bottom: 0 !important; } .mb10 {margin-bottom: 10px !important;} .mb20 {margin-bottom: 20px !important;} .mb30 {margin-bottom: 30px !important;} .mb40 {margin-bottom: 40px !important;} .mb50 {margin-bottom: 50px !important;} .mb60 {margin-bottom: 50px !important;} .pt40 {padding-top: 40px;} .pb40 {padding-bottom: 40px;} /* ========================================================================== Common ========================================================================== */ .solid-underline { display: inline-block; width: auto; height: auto; text-decoration: none; } .solid-underline span { border-bottom: 1px solid #dedede; transition: .15s ease border-color; } .solid-underline:hover span { border-bottom-color: transparent; } .button { position: relative; display: inline-block; width: auto; height: auto; padding: 0 20px; text-decoration: none; color: #fff; border: none; border-radius: 4px; outline: none; background: #c71017; background: -webkit-linear-gradient(bottom, #921014, #c71017); background: -moz-linear-gradient(bottom, #921014, #c71017); background: linear-gradient(to top, #921014, #c71017); font-family: 'Museo Sans', 'Open Sans', sans-serif; font-size: 14px; text-align: center; cursor: pointer; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; transition: opacity .3s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .button.with-arrow:after { content: ''; position: relative; display: inline-block; vertical-align: middle; width: 25px; height: 9px; margin-left: 10px; background: url(/local/templates/tpl_valfex/css/../images/arrow-right-btn-white.svg) 0 0 no-repeat; transition-property: transform; transition-duration: .3s; transition-timing-function: ease; transform: translateX(0); fill: #fff; } .button.with-arrow:hover:after { background: url(/local/templates/tpl_valfex/css/../images/arrow-right-btn-red.svg) 0 0 no-repeat; transform: translateX(5px); } .red { color: #d70000; } .asterisk { color: #b90000; } .text-center { text-align: center; } /* ========================================================================== Common --> Shadow ========================================================================== */ .shadow { transition: box-shadow .3s ease; -moz-transition: box-shadow .3s ease; -ms-transition: box-shadow .3s ease; -o-transition: box-shadow .3s ease; -webkit-transition: box-shadow .3s ease } .shadow:hover { border-color: transparent; -webkit-box-shadow: 0 13px 24px 0 rgba(18,25,38,.1); -moz-box-shadow: 0 13px 24px 0 rgba(18,25,38,.1); box-shadow: 0 13px 24px 0 rgba(18,25,38,.1); } .shadow-border { position: relative; } .shadow-border img, .shadow-border::after { border-radius: inherit; } .shadow-border img { display: block; } .shadow-border::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); pointer-events: none; } /* ========================================================================== Common -> Headers ========================================================================== */ .sidebar-header { overflow: hidden; line-height: normal; text-align: left; } .sidebar-header:before, .sidebar-header:after { content: ''; display: inline-block; vertical-align: middle; width: 100%; height: 1px; background: #ececec; margin-left: 10px; } .sidebar-header:before { margin-left: -100%; } .sidebar-header:after { margin-right: -100%; } /* ========================================================================== Common -> Numbered list ========================================================================== */ .list-counters { counter-reset: myCounter; margin-bottom: 25px; padding: 0; } .list-counters li { list-style: none; margin-bottom: 10px; } .list-counters li:before { counter-increment: myCounter; content: counter(myCounter); color: #b90000; background: #ffffff; display: inline-block; text-align: center; margin: 0 15px 0 0px; line-height: 28px; width: 27px; height: 27px; font-weight: bold; font-size: 14px; border-radius: 50%; border: 1px solid #b90000; } /* ========================================================================== Common -> Red line list ========================================================================== */ .bullet { padding: 0; margin: 0; list-style: none; counter-reset: li; } .bullet li { position: relative; margin-bottom: 30px; border: 3px solid #e4e4e4; padding: 20px; border-radius: 4px; background: #fefefe; color: #222; font-family: "Museo", sans-serif; min-height: 60px; font-weight: 400; font-size: 16px; margin-right: 30px; float: left; width: 460px; } .bullet li:before { position: absolute; top: -0.7em; padding-left: 0.4em; padding-right: 0.4em; font-size: 24px; font-weight: bold; color: #d52434; background: #fefefe; border-radius: 50%; counter-increment: li; content: counter(li); } .pointed { padding: 0; margin: 0; list-style: none; } .pointed li { position: relative; padding-left: 15px; margin: 15px 30px; font-size: 15px; display: inline-block; vertical-align: top; width: 450px; font-weight: 600; } .pointed li > i { padding-top: 10px; display: block; text-transform: none; font-weight: 500; } .pointed li:before { position: absolute; top: 9px; left: 0; display: block; width: 5px; height: 5px; border-radius: 50%; background: #b90000; content: ''; } .red-pointed { padding: 0; margin: 0; list-style: none; margin-bottom: 20px; } .red-pointed > li { position: relative; padding-left: 15px; margin: 10px 20px; } .red-pointed > li:before { position: absolute; top: 10px; left: 0; display: block; width: 4px; height: 4px; border-radius: 50%; background: #b90000; content: ''; } .dashed-list { padding: 0; margin: 0; list-style: none; margin-bottom: 20px; } .dashed-list > li { position: relative; padding-left: 20px; margin: 10px 0; } .dashed-list > li:before { position: absolute; content: "\2014"; left: 0; color: #b90000; font-size: 16px; } /* ========================================================================== Списки --> Список с галочкой ========================================================================== */ .checked-list { position: relative; padding: 0; margin: 0; list-style: none; } .checked-list__item { color: #444; padding-bottom: 7px; padding-left: 20px } .checked-list__item:before { position: absolute; content: "\2714"; left: 0; color: #d90000; font-size: 16px; } /* ========================================================================== Common -> Tables ========================================================================== */ .table { width: 100%; border-spacing: 0; border-collapse: collapse; } .table th { vertical-align: middle; padding: 15px; color: #fff; font-size: 16px; font-weight: 500; text-align: center; background: #b90000; } .table tr { border-bottom: 1px solid #e5e5e5; } .table td { padding: 15px; color: #222; font-size: 16px; text-align: left; } /* ========================================================================== Common -> Tables -> Content table ========================================================================== */ .content-table { width: 100%; border-spacing: 0; border-collapse: collapse; } .content-table th { vertical-align: middle; padding: 15px; color: #222; font-size: 16px; font-weight: 700; text-align: center; background: #f5f5f5; border: 1px solid #e5e5e5; } .content-table tr { //border-bottom: 1px solid #e5e5e5; } .content-table td { padding: 15px; color: #222; font-size: 16px; text-align: center; border: 1px solid #e5e5e5; } /* ========================================================================== Common -> Popups ========================================================================== */ .popups { overflow: hidden; height: 0; width: 0; visibility: hidden } .popup { position: relative; padding: 10px 40px; box-sizing: border-box; } .popup h3 { margin: 20px 0; font-size: 28px } .popup.popup-vendor { width: 780px; padding: 15px 40px 40px; } .popup.popup-vendor .vendor-pict { float: left; margin: 5px 30px 20px 0; position: relative; width: 325px; height: 300px; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat } .popup.popup-vendor .vendor-text>:last-child { margin-bottom: 0; padding-bottom: 0 } /* ========================================================================== Common -> Accordion ========================================================================== */ [data-accordion] [data-content] { overflow: hidden; max-height: 0; } .accordion { margin-bottom: 15px; box-shadow: 0 2px 15px rgba(0,0,0, .1); padding: 20px 30px; transition: all .2s ease; border-radius: 6px; } .open.accordion { box-shadow: 0 5px 15px rgba(0,0,0, .1); } .accordion__header { display: flex; justify-content: space-between; position: relative; padding-left: 25px; cursor: pointer; color: #222; transition: all .2s ease; font-size: 18px; font-weight: 700; line-height: 1.4; } .accordion__header:before { content: ''; display: block; position: absolute; top: 3px; left: 0; width: 16px; height: 16px; background: url(/local/templates/tpl_valfex/css/../images/accordion-plus.png) 0 0 no-repeat; } .accordion.open > .accordion__header:before { background: url(/local/templates/tpl_valfex/css/../images/accordion-minus.png) 0 0 no-repeat; } .accordion__header:hover { color: #d70000; } .accordion-header__left { display: block; width: 590px; } .accordion-header__right { width: 300px; padding-left: 30px; font-size: 20px; font-weight: 700; color: #222; text-align: right; } .accordion-header__title { display: block; padding-bottom: 5px; } .accordion-header__desc { display: block; font-size: 15px; font-weight: 300; color: #666; } .accordion__text { padding-top: 20px; margin-top: 20px; border-top: 1px solid #eee; } /* ========================================================================== Common -> Tabs ========================================================================== */ .tabs {} .tabs__inner {} .tabs__list { margin: 0; padding: 0; list-style-type: none; display: flex; flex-wrap: nowrap; margin: 40px 0 50px 0; } .tabs__item { position: relative; border-radius: 25px; background: #fff; transition: all .1s ease; margin: 0 5px; } .tabs__item:after { position: absolute; content: ''; width: 0; height: 0; top: auto; right: auto; left: 50%; border: 7px solid transparent; border-top: 7px solid #fff; margin-left: -7px; transition: all .1s ease; } .tabs__item.active { background: #b91b21; border-radius: 25px; transition: all .1s ease; } .tabs__item.active:after { position: absolute; content: ''; width: 0; height: 0; top: auto; right: auto; left: 50%; border: 7px solid transparent; border-top: 7px solid #b91b21; margin-left: -7px; transition: all .1s ease; } .tabs__link { display: block; line-height: 50px; padding: 0 30px; } .tabs__link span { color: #222; font-size: 16px; font-weight: 700; } .tabs__item.active .tabs__link span { color: #fff; transition: all .1s ease; border-color: transparent; } /* ========================================================================== Common -> Breadcrumbs ========================================================================== */ .breadcrumbs { margin-bottom: 20px; } .breadcrumbs ul { margin: 0; padding: 0; list-style-type: none; } .breadcrumbs li { display: inline; vertical-align: middle; } .breadcrumbs li a { color: #222; -webkit-transition: color .3s ease; transition: color .3s ease; font-size: 14px; } .breadcrumbs li a:hover { color: #d70000; } .breadcrumbs li + li:before { content: "\2015"; font-size: 14px; padding: 0 10px; color: #d70000; } .breadcrumbs li > span { color: #888; font-size: 14px; } /* ========================================================================== Pagination ========================================================================== */ .pagination { font-size: 0; text-align: center; padding: 30px 100px 0; border-top: 1px solid #eeeeee; } .pagination:before { content: ''; display: table; } .pagination:after { content: ''; display: table; clear: both; } .pagination .item, .pagination .next, .pagination .prev, .pagination > a { display: inline-block; color: #d70000; font-weight: bold; line-height: 30px; text-decoration: underline; } .pagination .item:hover, .pagination .next:hover, .pagination .prev:hover, .pagination > a:hover { text-decoration: none; } .pagination .item, .pagination > a { width: 30px; height: 30px; border-radius: 3px; margin: 0 2px 0 3px; font-size: 16px; text-align: center; color: #222; } .pagination .item.active, .pagination > a.active { background: #d70000; color: #fff; cursor: default; text-decoration: none; } .pagination .filler { color: #d70000; font-size: 16px; } .pagination .next, .pagination .prev { font-size: 0; width: 30px; vertical-align: top; } .pagination .prev { text-align: left; } .pagination .prev:before { width: 7px; height: 12px; content: ''; display: inline-block; vertical-align: middle; background: url('/local/templates/tpl_valfex/css/../images/pagination-prev.png'); margin: 0 8px 0 0; } .pagination .prev.not-active:before { background: url('/local/templates/tpl_valfex/css/../images/pagination-prev-gray.png'); } .pagination .next { text-align: right; } .pagination .next:after { width: 7px; height: 12px; content: ''; display: inline-block; vertical-align: middle; background: url('/local/templates/tpl_valfex/css/../images/pagination-next.png'); margin: 0 0 0 8px; } .pagination .next.not-active:after { background: url('/local/templates/tpl_valfex/css/../images/pagination-next-gray.png'); } .pagination .dots { font-size: 10px; color: #d70000; font-weight: bold; text-decoration: none; } /* ========================================================================== Common -> Sort panel ========================================================================== */ .sort-panel__list { display: flex; align-items: center; padding-bottom: 15px; margin-bottom: 10px; border-bottom: 1px solid #eee; } .sort-panel__title { font-weight: 700; } .sort-panel__item { margin-left: 10px; padding: 5px 10px; border: 1px solid #eee; border-radius: 5px; color: #222; } .sort-panel__item--active { font-weight: 700; color: #d70000; border-color: #d70000; } .sort-panel__item--active:hover { color: #d70000; } /* ========================================================================== Header section ========================================================================== */ .header-section { overflow: hidden; line-height: normal; text-align: left; } .header-section:after { content: ''; display: inline-block; vertical-align: middle; width: 100%; height: 1px; background: #eeeeee; border-width: 0 30px; margin: 0 30px; } .header-section:after { margin-right: -100%; } /* ========================================================================== Sidebar ========================================================================== */ .sidebar { position: relative; margin-right: 60px; } /* ========================================================================== Sidebar menu ========================================================================== */ .sidebar-menu { position: relative; margin-bottom: 50px; } .sidebar-menu__list { margin: 0; padding: 0; list-style-type: none; } .sidebar-menu__item { margin-bottom: 15px; } .sidebar-menu__link { font-size: 15px; font-weight: 700; color: #222; } .sidebar-menu__link:hover { color: #d70000; } .sidebar-submenu { margin: 0; padding: 20px 0 0 0; list-style-type: none; } .sidebar-submenu__item { position: relative; margin-bottom: 10px; padding-left: 20px; } .sidebar-submenu__item:before { position: absolute; left: 0; content: "\2015"; font-size: 14px; color: #d70000; } .sidebar-submenu__link { font-size: 15px; font-weight: 300; color: #222; line-height: 20px; } .sidebar-submenu__link:hover { color: #d70000; } .sidebar-submenu__link.active { font-weight: 700; } /* ========================================================================== Sidebar --> Download Link ========================================================================== */ .sidebar-download { position: relative; padding: 15px 20px; border-radius: 4px; background: #c30404 url(/local/templates/tpl_valfex/css/../images/bg-download-catalog.png); background-position: right; background-repeat: no-repeat; width: 250px; margin-bottom: 60px; } .sidebar-download__link { position: relative; display: block; padding-left: 40px; color: #fff; font-size: 14px; } .sidebar-download__link:before { position: absolute; content: ''; left: 0; top: 4px; width: 30px; height: 33px; background: url(/local/templates/tpl_valfex/css/../images/icon-download-catalog.png); } .sidebar-download__link:hover { color: #fff; } /* ========================================================================== Sidebar --> Sales block ========================================================================== */ .sidebar__sales { margin-bottom: 30px; } .sidebar-sales__title { font-size: 17px; font-weight: 700; margin-bottom: 20px; } .sidebar-sales__item { margin-bottom: 20px; } .sidebar-sales__item-title { margin-bottom: 10px; line-height: 20px; } .sidebar-sales__item-link { font-size: 15px; font-weight: 500; color: #d70000; text-decoration: underline; } .sidebar-sales__item-link:hover { color: #d70000; } .sidebar-sales__item-desc { font-size: 14px; font-weight: 300; margin-bottom: 10px; } .sidebar-sales__item-bottom { display: flex; align-items: center; } .sidebar-sales__item-date { padding: 3px 5px; color: #727272; border: 1px solid #e8e8e8; font-size: 11px; border-radius: 4px; } .sidebar-sales__item-more { color: #333; font-size: 13px; font-weight: 500; margin-left: 10px; } /* ========================================================================== Sidebar --> Slider banners ========================================================================== */ .sidebar-banners { margin-bottom: 30px; } .sidebar-banners__title { font-size: 17px; font-weight: 700; margin-bottom: 20px; } .sidebar-banners__slider { border: 1px solid #ececec; border-radius: 4px; } .sidebar-banners__slider .swiper-pagination-bullet { background: #444; border: none; } .sidebar-banners__slider .swiper-pagination-bullet-active { background: transparent; border: 2px solid #d70000; } /* ========================================================================== Sidebar --> Last catalog items ========================================================================== */ .sidebar-block { margin-bottom: 30px; } .sidebar-block__title { font-size: 17px; font-weight: 700; margin-bottom: 20px; } .last-catalog__slider {} .last-catalog__slider .swiper-button-prev { left: 5px; top: 100px; } .last-catalog__slider .swiper-button-next { right: 5px; top: 100px; } .last-catalog__slider .swiper-button-next:after, .last-catalog__slider .swiper-button-prev:after { font-size: 24px; color: #888; transition: color .3s ease; } .last-catalog__slider .swiper-button-next:hover:after, .last-catalog__slider .swiper-button-prev:hover:after { color: #d70000; opacity: 0.9; } .last-catalog__slider .swiper-button-next, .last-catalog__slider .swiper-button-prev, .last-catalog__slider .swiper-button-next:hover, .last-catalog__slider .swiper-button-prev:hover { background: transparent; box-shadow: none; } .last-catalog__slider .swiper-pagination-bullet { border: 2px solid #cccccc; } .last-catalog__slider .swiper-pagination-bullet-active { border: none; } .last-catalog__slider.swiper-container-horizontal>.swiper-pagination-bullets { bottom: 90px; } .last-catalog__image { border: 1px solid #ececec; border-radius: 4px; margin-bottom: 10px; } .last-catalog__desc { display: block; font-size: 15px; color: #222; } /* ========================================================================== Header ========================================================================== */ .header { position: relative; } .header__top { padding: 30px 0; display: flex; justify-content: space-between; height: 120px; } .header__left { display: flex; align-items: center; } .header__logo { margin-right: 30px; width: 228px; } .header__slogan { width: 200px; font-size: 14px; font-weight: 500; color: #333; } .header__right { display: flex; align-items: center; } .header__price { position: relative; padding-left: 45px; } .header__price > a { color: #333; font-size: 15px; font-weight: 500; line-height: 20px; width: 100px; } .header__price:before { content: ''; position: absolute; top: 0; left: 0; width: 32px; height: 40px; background: url(/local/templates/tpl_valfex/css/../images/icon-header-price.png); } .header__city { position: relative; margin-left: 45px; min-width: 150px; } .header__city-link, .header__dropdown-link { position: relative; font-size: 15px; font-weight: 500; color: #333; padding: 0 13px 0 25px; } .header__city-link:hover{ color: #333; opacity: 0.9; } .header__city-link:after { position: absolute; content: ''; top: 50%; right: 0; margin-top: -1px; width: 7px; height: 4px; background: url(/local/templates/tpl_valfex/css/../images/icon-citys-arrows.png) 0 -4px no-repeat; } .header__city--dropdown .header__city-link:after { position: absolute; content: ''; top: 50%; right: 0; margin-top: -1px; width: 7px; height: 4px; background: url(/local/templates/tpl_valfex/css/../images/icon-citys-arrows.png) 0 0 no-repeat; } .header__city-icon, .header__dropdown-icon { margin-top: -1px; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 26px; height: 24px; margin-right: 5px; margin-left: -5px; } .header__dropdown { position: absolute; z-index: 300; top: auto; left: 50%; min-width: 205px; max-width: 210px; padding: 15px 20px; font-size: 15px; text-align: left; color: #333; border: 1px solid #f6f6f6; border-radius: 4px; background-color: #fff; visibility: hidden; opacity: 0; -webkit-transform: translate(-50%, 5px); -ms-transform: translate(-50%, 5px); transform: translate(-50%, 5px); -webkit-transition: visibility 0s ease .2s, opacity .2s ease, -webkit-transform .2s ease; -o-transition: visibility 0s ease .2s, opacity .2s ease, transform .2s ease; transition: visibility 0s ease .2s, opacity .2s ease, transform .2s ease; transition: visibility 0s ease .2s, opacity .2s ease, transform .2s ease, -webkit-transform .2s ease; -webkit-box-shadow: 0 5px 17px rgba(0,0,0,.1); box-shadow: 0 5px 17px rgba(0,0,0,.1); } .header__dropdown.header__dropdown--open { visibility: visible; opacity: 1; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); transition: visibility 0s ease, opacity .2s ease, transform .2s ease; transition: visibility 0s ease, opacity .2s ease, transform .2s ease, -webkit-transform .2s ease; } .header__dropdown:before { position: absolute; top: -6px; left: 40px; display: block; width: 10px; height: 10px; content: ""; background: #fff; transform: rotate(45deg); border-left: 1px solid #f6f6f6; border-top: 1px solid #f6f6f6; z-index: 90; border-radius: 1px; } .header__city .header__dropdown { margin-top: 8px; } .header__dropdown .header__city-link {} .header__dropdown-list { list-style-type: none; margin: 0; padding: 0; } .header__dropdown-list li { margin-bottom: 15px; } .header__dropdown-list li:last-child { margin-bottom: 0; } .header__dropdown-list li a { display: block; padding-right: 0; } .header__dropdown-list a.current { color: #b7b7b7; cursor: default; font-weight: 300; } .header__contacts { margin-top: 5px; width: 150px; /* Fix для двойной строки с номером телефона */ } .header__contacts-phone { font-size: 16px; font-weight: 700; color: #333; } .header__button { margin-left: 20px; } .header__button .button { font-size: 14px; font-weight: 500; color: #fff; border-radius: 50px; padding: 15px 25px; transition: .3s ease all; } .header__button .button:hover { opacity: .9; } /* ========================================================================== Header --> Search ========================================================================== */ .header__links { position: relative; margin-left: 40px; } .header__links-item { width: 50px; height: 50px; } .header-search__form { margin: 0; padding: 0; line-height: 1; } .header-search__input { position: relative; height: 50px; border: 0; outline: none; transition: all 0.5s ease; color: #666; font-size: 14px; } .header__links-item--search { position: absolute; top: 0; right: 0; width: 50px; height: 50px; background: url(/local/templates/tpl_valfex/css/../images/icon-search.png) center no-repeat; cursor: pointer; } .header-search__wrapper { position: absolute; top: 50%; right: 0; width: 50px; height: 50px; margin-top: -25px; line-height: 50px; padding-right: 50px; border: 1px solid #eaeaea; border-radius: 50px; transition: all .5s ease; cursor: pointer; z-index: 100; background: #fff; box-shadow: 0 0px 10px rgba(0,0,0,.1); } .header-search__wrapper.active { width: 665px; padding-left: 25px; background: #fff; /*border: 1px solid #f1f1f1;*/ box-shadow: 0 0 10px rgba(0,0,0,0.1); } .header-search__input { transition: opacity 0.3s ease; } .header-search__input::-webkit-input-placeholder { opacity: 1; transition: opacity 0.3s ease; color: #666; font-size: 14px; } .header-search__input::-moz-placeholder { opacity: 1; transition: opacity 0.3s ease; color: #666; font-size: 14px; } .header-search__input:-moz-placeholder { opacity: 1; transition: opacity 0.3s ease; color: #666; font-size: 14px; } .header-search__input:-ms-input-placeholder { opacity: 1; transition: opacity 0.3s ease; color: #666; font-size: 14px; } .header-search__input:focus::-webkit-input-placeholder { opacity: 0; transition: opacity 0.3s ease; } .header-search__input:focus::-moz-placeholder { opacity: 0; transition: opacity 0.3s ease; } .header-search__input:focus:-moz-placeholder { opacity: 0; transition: opacity 0.3s ease; } .header-search__input:focus:-ms-input-placeholder { opacity: 0; transition: opacity 0.3s ease; } /* ========================================================================== Header -> Navigation ========================================================================== */ .header__nav { position: relative; background: #8d0f13; background: -webkit-linear-gradient(bottom, #921014, #c71017); background: -moz-linear-gradient(bottom, #921014, #c71017); background: linear-gradient(to top, #921014, #c71017); -webkit-box-shadow: 0px 12px 20px 0px rgba(0,0,0,.1); box-shadow: 0px 12px 20px 0px rgba(0,0,0,.1); z-index: 150; } /* ========================================================================== Header -> New Year ========================================================================== */ /* .header__nav:before { position: absolute; content: ''; top: 0; display: block; background: url(/local/templates/tpl_valfex/images/bg-header-newyear-2022.png) 0 0 repeat-x; height: 100%; width: 100%; } */ .header__logo--new-year { margin-right: 20px; width: 249px; } .header-logo__image--new-year { position: absolute; display: block; top: 15px; } /* ========================================================================== Header -> 8 Marth ========================================================================== */ /* .header__nav:before { position: absolute; content: ''; top: 0; display: block; background: url("/local/templates/tpl_valfex/images/bg-header-8marth3.png") 0 0 repeat-x; height: 100%; width: 100%; opacity: 0.2; } */ /* ========================================================================== Header -> 14 february st valentine's day ========================================================================== */ /* .header__nav:before { position: absolute; content: ''; top: 0; display: block; background: url("/local/templates/tpl_valfex/images/bg-header-love-2022.png") 0 0 repeat-x; height: 100%; width: 100%; } .heart { animation: heartbeat 1s infinite; background-color: #d70000; display: block; height: 9px; position: relative; transform: rotate(-45deg); left: 19px; top: 24px; width: 9px; } .heart:before, .heart:after { content: ""; background-color: #d70000; border-radius: 50%; height: 9px; position: absolute; width: 9px; } .heart:before { top: -6px; left: 0; } .heart:after { left: 6px; top: 0; } @keyframes heartbeat { 0% { transform: scale( 1 ) rotate(-45deg); } 20% { transform: scale( 1.25 ) rotate(-45deg); } 40% { transform: scale( 1.4 ) rotate(-45deg); } } */ /* ========================================================================== Header -> 10 Year VALFEX ========================================================================== */ .header__logo--ten-year { margin-right: 20px; width: 228px; } .header__logo--ten-year img { position: absolute; display: block; top: 20px; width: 228px; } .header__nav-list { position: relative; margin: 0; padding: 0; list-style-type: none; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } /* ========================================================================== //END Header -> 10 Year VALFEX ========================================================================== */ .header__nav-list-item { height: 100%; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .header__nav-list-item:hover { cursor: pointer; } .header__nav-list-item > a { position: relative; color: #fff; font-size: 15px; font-weight: 500; padding: 20px 15px; border-radius: 0 0 4px 4px; } .header__nav-list-item--left { margin-left: auto; } .header__nav-list-item--stm { box-shadow: inset 0 0 15px rgba(0, 0, 0, .15); background: #ec242d; } .header__nav-list-item--stm > a { padding-left: 25px; padding-right: 25px; } .header__nav-list-item--stm > a:hover { background: rgba(0,0,0,0.1); } .header__nav-list-item--catalog { padding-left: 20px; } .header__nav-list-item--catalog > a > img { margin-right: 5px; margin-top: -1px; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 18px; height: 18px; } .header__nav-list-item--catalog > a > span { margin-left: 10px; } .header-catalog__dropdown { position: absolute; top: 100%; width: 100%; left: 0; z-index: 1000; background: #fff; } .header__nav-list-item.with-dropdown { position: relative; } .header__nav-list-item.with-dropdown > a:after { position: absolute; content: ''; top: 50%; right: 3px; margin-top: -2px; background: url(/local/templates/tpl_valfex/css/../images/icon-arrow-bottom.svg) 0 0 no-repeat; width: 8px; height: 5px; } .header__nav-list-item.with-dropdown:hover > a:after { position: absolute; content: ''; top: 50%; right: 3px; margin-top: -2px; background: url(/local/templates/tpl_valfex/css/../images/icon-arrow-up.svg) 0 0 no-repeat; width: 8px; height: 5px; } .header__nav-list-item.with-dropdown:hover .header-nav__dropdown, .header__nav-list-item:hover .header-nav__dropdown--catalog { visibility: visible; opacity: 1; pointer-events: auto; } .header-nav__dropdown { position: absolute; top: 100%; left: 0; background: #fff; padding: 25px 15px 25px 25px; min-width: 240px; border-radius: 0 0 4px 4px; box-shadow: 0 5px 17px rgba(0,0,0,.1); overflow: hidden; opacity: 0; visibility: hidden; transition: all 0.2s ease; z-index: 1000; pointer-events: none; } .header-nav__dropdown-list { margin: 0; padding: 0; list-style-type: none; } .header-nav__dropdown-list a { display: block; margin-bottom: 15px; } .header-nav__dropdown-list li:last-child a { margin-bottom: 0; } .header-nav__dropdown-list span { font-size: 15px; font-weight: 300; color: #333; transition: all .3s ease; } .header-nav__dropdown-list span:hover { color: #d70000; } .header-nav__dropdown--catalog { padding-top: 40px; } .header-nav__dropdown--catalog .main-catalog__item { margin-bottom: 25px; } .header-nav__dropdown--catalog .main-catalog__item-image { width: 50px; } .header-nav__dropdown--catalog .main-catalog__item-title { font-size: 15px; font-weight: 500; transition: all .3s ease; } .header-nav__dropdown--catalog .main-catalog__item-title:hover { color: #b90000; } .header-nav__dropdown--open { opacity: 1; visibility: visible; } /* ========================================================================== Content ========================================================================== */ /* ========================================================================== Content -> Main Slider ========================================================================== */ .main-slider { height: 450px; overflow: hidden; } .main-slider .container { position: relative; height: 100%; } .main-slider__item { position: relative; display: block; padding-top: 90px; width: 100%; height: 450px; background: center center no-repeat; background-size: cover; text-decoration: none; } .main-slider__item-title { width: 600px; font: 900 34px/34px 'Museo Sans', sans-serif; color: #222; text-transform: uppercase; margin-bottom: 25px; } .main-slider__item-subtitle { width: 450px; font: 300 15px/20px 'Museo Sans', sans-serif; color: #353535; margin-bottom: 25px; } .main-slider__item .button { font-size: 13px; font-weight: 600; line-height: 35px; background: none; border: 1px solid #b91b21; color: #b91b21; transition: all .2s linear; } .main-slider__item .button:hover { opacity: 1; background: #b91b21; color: #fff; } .main-slider__item .button.btn-white { border: 1px solid #fff; color: #fff; } .main-slider__item .button.btn-white:hover { border: 1px solid #de2930; } .main-slider__item--only-btn .button { position: absolute; bottom: 80px; right: 50%; width: 400px; height: 60px; transform: translate(50%,-50%); font-size: 26px; font-weight: 600; color: #ffee33; border: 3px solid #ffee33; } .main-slider__item--only-btn .button:hover { background: #ffee33; color: #000; } .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 30px; } .swiper-pagination-bullet { width: 15px; height: 15px; background: transparent; border: 2px solid #f5f5f5; opacity: 1; } .swiper-pagination-bullet-active { background: #b91b21; border: none; } /* ========================================================================== Content -> About ========================================================================== */ .about { position: relative; padding-bottom: 30px; box-shadow: 0 5px 50px rgba(0,0,0,.07); } .about__wrapper { position: relative; display: flex; justify-content: space-between; flex-shrink: 0; } .about__left { width: 70%; } .about__right { width: 30%; margin-left: 50px; padding-top: 50px; } .about__title { width: 580px; font-size: 26px; font-weight: 900; line-height: 30px; margin-top: 60px; } .about__text { font-size: 15px; line-height: 24px; } .about__text-link { color: #d70000; text-decoration: underline; font-size: 15px; font-weight: 700; } .about__digits { display: flex; justify-content: space-between; align-items: center; } .about__digits-item { display: flex; align-items: center; padding: 25px 0; } .about__digits-item span { font-size: 54px; font-weight: 900; color: #d70000; line-height: 1; padding-right: 5px; } .about__digits-item--with-symbol span:first-child { display: flex; align-items: center; font-size: 36px; } .about__digits-item p { margin: 0; color: #333; font-size: 14px; font-weight: 700; } .about__digits-item--leader { background: url(/local/templates/tpl_valfex/css/../images/icon-cup.png) 75px 12px no-repeat; } .about__digits-item--time { background: url(/local/templates/tpl_valfex/css/../images/icon-time.png) 88px 12px no-repeat; } .about__digits-item--count { background: url(/local/templates/tpl_valfex/css/../images/icon-parthners-2.png) 190px 10px no-repeat; } .about__catalog { width: 250px; text-align: center; } .about__catalog-image { } .about__catalog-link { display: block; font: 700 15px/1 'Museo Sans', 'Open Sans', sans-serif; margin-top: 20px; text-decoration: underline; color: #d70000; } .about__catalog-link:hover { text-decoration: none; } .about__catalog-pdf { position: relative; display: block; width: 90px; border-radius: 20px; border: 2px solid #d70000; font-weight: 700; margin: 15px auto 0; transition: all 0.2s ease-out; color: #d70000; line-height: 33px; padding-left: 20px; } .about__catalog-pdf:before { content: ''; position: absolute; width: 12px; height: 15px; top: 50%; left: 20px; margin-top: -8px; background: url(/local/templates/tpl_valfex/css/../images/icon-download.png) -12px 0 no-repeat; } .about__catalog-pdf:hover:before { background: url(/local/templates/tpl_valfex/css/../images/icon-download.png) 0 0 no-repeat; } .about__catalog-pdf:hover { color: #fff; background: #d70000; } /* ========================================================================== Главная страница --> Счетчик обратного отсчета ========================================================================== */ .comming-soon { /* box-shadow: 0 30px 50px rgba(0,0,0,.05); */ padding: 40px 0; } .comming-soon__wrapper { display: flex; justify-content: space-between; } .comming-soon__left { width: 500px; } .comming-soon__right { /* width: 700px; */ } .comming-soon__title { line-height: 48px; font-size: 36px; font-weight: 700; } .comming-soon__title > span { font-weight: 900; } .comming-soon__title-year { display: inline-block; margin-top: 10px; background: #d70000; padding: 5px 20px; border-radius: 30px; color: #fff; } .comming-soon__info { position: relative; display: flex; align-items: center; margin: 30px 20px 20px 0; padding-left: 50px; width: 320px; font-size: 16px; font-weight: 700; line-height: 20px; } .comming-soon__info a { color: #333; text-decoration: underline; } .comming-soon__info::before { content: ''; position: absolute; display: inline-flex; width: 40px; height: 40px; left: 0; right: auto; margin: 0; background: url(/images/students/icon-information.png) no-repeat; background-position: center; } .time-count { position: relative; width: 520px; background: #f7f7f7; border-radius: 8px; border: 1px solid #eee; padding: 20px 40px 30px 40px; } .time-count::before { content: ''; position: absolute; display: block; bottom: 0; left: 0; width: 106px; height: 126px; background: url(/local/templates/tpl_valfex/css/../images/icon-clock-bomb.png) no-repeat; transform: translate(-50%,25%); } .time-count__title { margin-bottom: 20px; font-size: 24px; font-weight: 500; text-align: center; color: #000; } .time-count__content { padding-left: 30px; display: flex; } .time-count__left, .time-count__right { display: flex; padding: 15px; background: #ededed; border: 1px solid #ddd; border-radius: 8px; } .time-count__right { width: 265px; margin-left: 20px; } .time-count__item { font-weight: 900; text-align: center; } .time-count__days { color: #d70000; font-weight: 900; } .time-count__days .time-count__val { font-size: 65px; } .time-count__days .time-count__text { font-weight: 700; color: #d70000; } .time-count__hours, .time-count__minutes, .time-count__seconds { color: #000; } .time-count__val { font-size: 48px; font-weight: 900; line-height: 60px; } .time-count__text { font-size: 16px; font-weight: 300; color: #333; line-height: 1; } .time-count__separator { padding: 0 5px; line-height: 48px; font-size: 48px; font-weight: 900; color: #000; } .time-count__separator--circle { padding: 0 5px; font-size: 12px; line-height: 58px; color: #d70000; } /* ========================================================================== Main page -> Press block ========================================================================== */ /* .main-press { position: relative; padding-top: 40px; padding-bottom: 60px; } .main-press__wrapper { display: flex; } .main-press__block { width: 50%; } .main-press__block:first-child { margin-right: 40px; } .main-press__title { display: flex; align-items: center; margin-bottom: 20px; } .main-press__title-text { color: #222; font-size: 30px; font-weight: 900; margin: 0; } .main-press__title-link { margin-left: auto; padding-top: 5px; font-size: 15px; font-weight: 500; color: #d70000; } .main-press__title-link:after { } .main-press__list { width: 100%; display: flex; flex-wrap: nowrap; justify-content: space-between; } .main-press__item { position: relative; width: 270px; display: block; } .main-press__item-image { position: relative; height: 210px; overflow: hidden; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); margin-bottom: 10px; border: 1px solid #f3f3f3; border-radius: 4px; } .main-press__item-image img { display: block; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; object-position: 50%; object-fit: cover; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); transition: transform .6s ease; transition: transform .6s ease, -webkit-transform .6s ease; } .main-press__item:hover .main-press__item-image img { -webkit-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); } .main-press__item-date { display: flex; margin-bottom: 10px; } .main-press__item-date span{ padding: 5px 10px; border: 1px solid #f3f3f3; border-radius: 4px; font-size: 13px; font-weight: 500; color: #777; } .main-press__item-title { color: #222; font-weight: 700; font-size: 15px; line-height: 20px; margin-bottom: 10px; } */ /* ========================================================================== Main page -> Press block ========================================================================== */ .main-press { position: relative; padding-top: 40px; } .main-press--news { padding-bottom: 60px; } .main-press--sales { padding-bottom: 20px; } .main-press__wrapper { display: flex; } .main-press__block { width: 100%; } .main-press__title { display: flex; align-items: center; margin-bottom: 20px; } .main-press__title-text { color: #222; font-size: 30px; font-weight: 900; margin: 0; } .main-press__title-link { margin-left: auto; padding-top: 5px; font-size: 15px; font-weight: 500; color: #d70000; } .main-press__list { width: 100%; display: flex; flex-wrap: nowrap; justify-content: space-between; } .main-press__item { position: relative; display: block; margin-right: 15px; } .main-press__item:last-child { margin-right: 0; } .main-press__item--news { width: 33.333%; } .main-press__item--sales { width: 50%; } .main-press__item-image { position: relative; overflow: hidden; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); margin-bottom: 10px; border: 1px solid #f3f3f3; border-radius: 4px; } .main-press__item-image--news { height: 220px; } .main-press__item-image--sales { height: 360px; } .main-press__item-image img { display: block; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; object-position: 50%; object-fit: cover; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); transition: transform .6s ease; transition: transform .6s ease, -webkit-transform .6s ease; } .main-press__item:hover .main-press__item-image img { -webkit-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); } .main-press__item-date { display: flex; margin-bottom: 10px; } .main-press__item-date span{ padding: 5px 10px; border: 1px solid #f3f3f3; border-radius: 4px; font-size: 13px; font-weight: 500; color: #777; } .main-press__item-title { color: #222; font-weight: 700; font-size: 15px; line-height: 20px; margin-bottom: 10px; } .main-press__item--sales .main-press__item-title { font-size: 18px; } /* ========================================================================== Main page -> Parthners slider ========================================================================== */ .main-manufacture { position: relative; padding-bottom: 45px; box-shadow: 0 5px 50px rgba(0,0,0,.05); } .main-promo { position: relative; height: 450px; width: 100%; display: flex; justify-content: center; align-items: center; } .main-promo__video { position: absolute; left: 0; top: 0; bottom: 0; z-index: 1; width: 100%; height: 100%; overflow: hidden; } .main-promo__video:before { content: ""; display: block; position: absolute; left: 0; top: 0; bottom: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); } .main-promo__video--ppr:before { background: rgba(0, 0, 0, 0.5); } .main-promo__video--career:before { background: rgba(0, 0, 0, 0.5); } .main-promo__video video { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; } .main-promo__video.main-promo__video--career video { top: 15%; transform: translate(-50%, -15%); } .main-promo__inner { position: relative; z-index: 1; text-align: center; } .main-promo__icon {} .btn-play { display: inline-block; position: relative; width: 100px; height: 100px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-bottom: 40px; } .btn-play .btn-i { width: 100px; height: 100px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #b91b21; position: relative; display: block; z-index: 5; } .btn-play .btn-i:after { content: ''; position: absolute; left: 50%; display: block; top: 50%; border-top: 19px solid transparent; border-bottom: 19px solid transparent; border-left: 36px solid #fff; margin: -19px 0 0 -12px; } .btn-play:after { animation: scaleSize 1s linear infinite; } .btn-play:before { animation: scaleSize 1s linear infinite .5s; } .btn-play:after, .btn-play:before { content: ''; position: absolute; width: 100px; height: 100px; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -khtml-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); border: 1px solid #D0021B; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .main-promo__title { font-size: 30px; font-weight: 900; color: #f2f2f2; width: 600px; line-height: 36px; margin-bottom: 30px; text-shadow: 0 2px 5px rgba(0,0,0, 0.2); } .main-promo__button { font-size: 14px; font-weight: 500; color: #f2f2f2; border-radius: 50px; padding: 15px 25px; box-shadow: 0 3px 7px rgba(0,0,0,0.15); } .main-promo__button:hover { color: #eee; opacity: 0.9; } .main-manufacture__inner { display: flex; padding-top: 40px; } .main-manufacture__wrapper { display: flex; } .main-manufacture__right { display: flex; align-content: center; flex-wrap: wrap; margin-left: 20px; } .main-manufacture__left h2 { font-size: 30px; font-weight: 900; } .main-manufacture__left p { font-size: 15px; line-height: 24px; } .main-digits { display: flex; align-items: center; margin-bottom: 50px; } .main-digits__item { width: 200px; text-align: center; } .main-digits__item:first-child { width: 220px; } .main-digits__item-title { color: #222; font-size: 40px; font-weight: 900; } .main-digits__item-title sup { font-size: 26px; } .main-digits__item-description { font-size: 14px; font-weight: 500; } .main-advantages { display: flex; align-items: center; } .main-advantages__item { width: 200px; text-align: center; } .main-advantages__item:first-child { width: 220px; } .main-advantages__item-icon { margin-bottom: 20px; } .main-advantages__item-description { font-size: 14px; font-weight: 500; } .main-manufacture__link { color: #d70000; text-decoration: underline; font-size: 15px; font-weight: 700; } /* ========================================================================== Main page -> Advantages ========================================================================== */ .advantages { position: relative; padding-top: 40px; box-shadow: 0 5px 50px rgba(0,0,0,.07); } .advantages__title { font-size: 30px; font-weight: 900; margin-bottom: 30px; } .advantages__list { display: flex; justify-content: flex-start; align-items: stretch; align-content: flex-start; flex-wrap: nowrap; list-style-type: none; margin: 0; padding: 0; } .advantages__item { display: block; width: 16.666%; background: #fff; cursor: pointer; transition: all .3s ease; } .advantages__item.active { position: relative; background: #fff; box-shadow: 0 5px 25px rgba(0,0,0,.15); } .advantages__item.active:after { position: relative; content: ''; top: 0; left: 0; width: 100%; height: 22px; background: #fff; display: block; z-index: 10; } .advantages__item.active .advantages__item-name { font-weight: 700; } .advantages__item-link { display: block; padding: 15px 9px 20px 9px; color: #222; font-size: 14px; text-align: center; text-decoration: none; } .advantages__item-icon { display: block; height: 110px; line-height: 110px; } .advantages__item-icon img { position: relative; top: -1px; vertical-align: middle; max-width: 90%; max-height: 90%; } .advantages__item-name { display: block; font-size: 15px; font-weight: 500; } .advantages__tab-content { display: none; padding: 30px 25px 20px; color: #222; font-size: 15px; line-height: 24px; position: relative; overflow: hidden; background: #fff; box-shadow: 0 5px 25px rgba(0,0,0,.15); transition: all .3s ease; } /* ========================================================================== Main page -> Map ========================================================================== */ .main-map { position: relative; padding-top: 60px; padding-bottom: 45px; box-shadow: 0 5px 50px rgba(0,0,0,.05); } .main-map__title { font-size: 30px; font-weight: 900; padding-bottom: 30px; } /* ========================================================================== Main page -> Parthners slider ========================================================================== */ .parthners { position: relative; padding: 50px 0; } .parthners__title { font-size: 30px; font-weight: 900; margin-bottom: 30px; } .parthners-slider { position: relative; margin: 0 50px; } .parthners-slider__item { text-align: center; } .parthners-slider__item img { width: 200px; opacity: .6; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); -webkit-filter: gray; filter: gray; -webkit-transition: all .3s; transition: all .3s; -webkit-backface-visibility: hidden; } .parthners-slider__item img:hover { opacity: 1; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: none; } .swiper-button-next, .swiper-button-prev { width: 45px; height: 45px; background: #fff; border-radius: 50%; box-shadow: 0 1px 7px rgba(0,0,0, 0.1); transition: all .2s ease; outline: none; } .swiper-button-next { right: 20px; } .swiper-button-prev { left: 20px; } .swiper-button-next:hover, .swiper-button-prev:hover { box-shadow: 0 1px 7px rgba(0,0,0, 0.2); } .swiper-button-next:after, .swiper-button-prev:after { font-size: 0; } .swiper-button-next svg, .swiper-button-prev svg { position: absolute; width: 9px; height: 13px; fill: #cdcdcd; transition: all .2s ease; } .swiper-button-next:hover svg, .swiper-button-prev:hover svg { fill: #333; } /* ========================================================================== Main page -> Catalog sections ========================================================================== */ .main-catalog { position: relative; padding-top: 30px; box-shadow: 0 5px 50px rgba(0,0,0,.05); } .main-catalog__title { font-size: 30px; font-weight: 900; } .main-catalog__sections { display: flex; flex-wrap: wrap; } .main-catalog__item { display: flex; flex-basis: 33.333%; align-items: center; justify-content: center; margin-bottom: 50px; color: #222; } .main-catalog__item-title { padding-left: 20px; font-size: 16px; font-weight: 700; width: 270px; transition: all .2s ease; } .main-catalog__item-title:hover { color: #d70000; } /* ========================================================================== Catalog page ========================================================================== */ .catalog-sections { } .catalog-sections__inner { } .catalog-sections__list { position: relative; margin-left: -15px; margin-right: -15px; display: flex; flex-wrap: wrap; } .catalog-sections__item { position: relative; width: 33.333%; padding: 15px; } .catalog-sections__item--new:after { content: ''; position: absolute; top: 25px; left: 25px; width: 50px; height: 50px; background: url(/local/templates/tpl_valfex/css/../images/icon-new-item.png) 0 0 no-repeat; } .catalog-sections__item--new-left:after { content: ''; position: absolute; top: 25px; left: 25px; width: 50px; height: 50px; background: url(/local/templates/tpl_valfex/css/../images/icon-new-item.png) 0 0 no-repeat; } .catalog-sections__item--new-rus:after { content: ''; position: absolute; top: 25px; left: 25px; width: 62px; height: 52px; background: url(/local/templates/tpl_valfex/css/../images/icon-catalog-label-new-rus.png) 0 0 no-repeat; } .catalog-sections__item--rus:after { content: ''; position: absolute; top: 25px; left: 25px; width: 62px; height: 53px; background: url(/local/templates/tpl_valfex/css/../images/icon-catalog-label-vfr-rus.png) 0 0 no-repeat; } .catalog-sections__item--gost:after { content: ''; position: absolute; top: 25px; left: 25px; width: 50px; height: 50px; background: url(/local/templates/tpl_valfex/css/../images/icon-label-list-gost-r.png) 0 0 no-repeat; } .catalog-sections__item-picture { height: 180px; border: 1px solid #f3f3f3; margin-bottom: 15px; border-radius: 6px; overflow: hidden; position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; transition: opacity .3s ease; } .catalog-sections__item:hover { opacity: .85; } .catalog-sections__item-content {} .catalog-sections__item-title { font-weight: 700; font-size: 16px; text-align: left; line-height: 20px; transition: color .3s ease; color: #222; } .catalog-sections__item:hover .catalog-sections__item-title { color: #d70000; } /* ========================================================================== Catalog detail page ========================================================================== */ .product__cols { padding-bottom: 50px; margin-bottom: 50px; -webkit-box-shadow: 0px 12px 20px 0px rgba(0,0,0,.05); box-shadow: 0px 12px 20px 0px rgba(0,0,0,.05); } .product__inner { display: flex; flex-wrap: nowrap; } .product__gallery { width: 580px; margin-right: 45px } .product__gallery .fotorama__stage { box-sizing: border-box; border: 1px solid #eee; border-radius: 4px; } .product__gallery .fotorama__thumb-border { border-color: #b91b21; border-radius: 6px; } .product__gallery .fotorama__thumb { border-radius: 6px; border: 1px solid #eee; } .product-gallery__wrapper { position: relative; } .product-gallery__labels { padding: 15px 0 0 15px; position: absolute; z-index: 10; } .product-labels__item { position: relative; width: 80px; height: 80px; margin-bottom: 10px; background-repeat: no-repeat; background-size: cover; background-position: center center; display: table; color: #fff; text-align: center; } .product-labels__holder { display: table-cell; vertical-align: middle; } .product-labels__holder-value { display: block; font-size: 13px; font-weight: 600; line-height: 1; } .product-labels__holder-value strong { display: block; font-size: 24px; font-weight: 900; line-height: 1; } .product-labels__holder-value:last-child { margin-right: 0; } .product-labels__holder-value.gray { background-color: transparent; } .product__properties { width: 535px; } .product-properties__list { margin: 0; padding: 0; list-style-type: none; } .product-properties__item { position: relative; font-size: 15px; color: #222; margin-bottom: 5px; } .product__tabs { margin-bottom: 80px; } .product-tabs__list { margin: 0; padding: 0; list-style-type: none; display: flex; flex-wrap: nowrap; margin-bottom: 60px; } .product-tabs__item { position: relative; border-radius: 25px; background: #fff; transition: all .1s ease; margin: 0 5px; } .product-tabs__item:after { position: absolute; content: ''; width: 0; height: 0; top: auto; right: auto; left: 50%; border: 7px solid transparent; border-top: 7px solid #fff; margin-left: -7px; transition: all .1s ease; } .product-tabs__item.active:after { position: absolute; content: ''; width: 0; height: 0; top: auto; right: auto; left: 50%; border: 7px solid transparent; border-top: 7px solid #b91b21; margin-left: -7px; transition: all .1s ease; } .product-tabs__item-link { display: block; line-height: 50px; padding: 0 30px; } .product-tabs__item-link span { color: #222; font-size: 16px; font-weight: 500; } .product-tabs__item.active { background: #b91b21; border-radius: 25px; transition: all .1s ease; } .product-tabs__item.active .product-tabs__item-link span { color: #fff; transition: all .1s ease; border-color: transparent; } .product__tab-content { } .product__detail { font-size: 16px; font-weight: 300; color: #222; line-height: 24px; } .product__models {} .product__models table, .product-sizes__shema-table table { width: 100%; border-spacing: 0; border-collapse: collapse; } .product__models table th, .product-sizes__shema-table table th { vertical-align: middle; padding: 15px; color: #333; font-size: 16px; font-weight: 700; text-align: center; border-bottom: 2px solid #b91b21; } .product__models table tr, .product-sizes__shema-table table tr { border-bottom: 1px solid #e5e5e5; } .product__models table tr:nth-child(even), .product-sizes__shema-table table tr:nth-child(even) { background: #fbfbfb; } .product__models table tr:nth-child(odd), .product-sizes__shema-table table tr:nth-child(odd) { background: #f5f5f5; } .product__models table tr:first-of-type, .product-sizes__shema-table table tr:first-of-type { background: #fff; } .product__models table td, .product-sizes__shema-table table td { vertical-align: middle; padding: 15px; color: #232323; font-size: 14px; text-align: center; } .product-sizes__shema { display: flex; flex-wrap: nowrap; } .product-sizes__shema-table { width: 80%; } .product-sizes__shema-image { margin-top: 50px; width: 20%; } .product-sizes__shema-image img { max-width: 200px; } .product__buttons { margin-top: 15px; padding-top: 15px; border-top: 1px solid #e5e5e5; } .product__button { display: inline-block; text-decoration: none; outline: none; cursor: pointer; text-align: center; font-size: 14px; font-weight: 500; color: #d70000; border-radius: 50px; padding: 15px 25px; transition: .3s ease all; background: #fff; border: 1px solid #d70000; backface-visibility: hidden; } .product__button:hover { background: #d70000; color: #fff; } .product__button-icon { margin-right: 10px; } .product__button--buy .product__button-icon > svg { fill: #d70000; transition: all .3s ease; } .product__button--buy:hover .product__button-icon > svg { fill: #fff; } /* ========================================================================== Catalog detail page --> Documents Tab ========================================================================== */ .product__documents {} .product-documents__list { display: flex; flex-wrap: wrap; } .product-documents__item { position: relative; width: 50%; padding-left: 45px; padding-right: 45px; margin-bottom: 45px; } .product-documents__item:before { position: absolute; content: ''; top: 5px; left: 0; background: url(/local/templates/tpl_valfex/css/../images/icon-document-download.svg) 0 0 no-repeat; width: 32px; height: 40px; } .product-documents__item-name { display: block; margin-bottom: 5px; font-size: 15px; font-weight: 300; line-height: 22px; color: #222; } .product-documents__item-info { font-size: 12px; font-weight: 300; color: #828282; } .product-documents__item-info--enlarged { font-size: 13px; } /* ========================================================================== Catalog detail page --> Product Line ========================================================================== */ .product-line { margin-bottom: 60px; } .product-line__title { margin-bottom: 20px; } .product-line__list .catalog-sections__item { width: 25%; } /* ========================================================================== Catalog detail page --> Product variant's list ========================================================================== */ .product-variants__list { //margin: 0 -1px -1px 0; //border: 1px solid #f3f3f3; } .product-variants__item {} .product-variants__item--table { display: flex; flex-wrap: wrap; align-items: center; width: 100%; margin-top: -1px; //margin-bottom: 10px; padding: 10px; border: 1px solid #f5f5f5; } .product-variants__item--table i { display: flex; height: 100px; } .product-variants__item--table img { position: relative; z-index: 1; max-width: 100%; max-height: 100%; width: auto; height: auto; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.15s ease; transition: all 0.15s ease; } .product-variants__item--table img:hover { z-index: 2; -webkit-transform: scale(1.7); transform: scale(1.7); -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0, .06); box-shadow: 0 0 5px 2px rgba(0,0,0, .06); } .product-variants__item-info { padding-left: 20px; } .product-variants__item-title { color: #222; font-weight: 700; font-size: 16px; line-height: 20px; transition: color .3s ease; } .product-variants__item-title:hover { color: #d70000; } .product-variants__item-props { display: flex; padding-top: 15px; } .product-variants__item-prop { margin-right: 15px; padding: 5px 10px; font-size: 14px; border: 1px solid #eee; border-radius: 10px; } .product-variants__item-prop span:nth-child(1) { color: #777; } .product-variants__item-prop span:nth-child(2) { font-weight: 400; color: #333; } /* ========================================================================== News page --> Sections list ========================================================================== */ .news-sections {} .news-sections__list { margin-bottom: 30px; border: 1px solid #eee; border-radius: 3px; display: flex; flex-wrap: nowrap; } .news-sections__item { white-space: nowrap; padding: 15px 20px; border: 1px solid transparent; } .news-sections__item span { color: #222; font-size: 16px; font-weight: 700; border-bottom: 1px solid #dedede; cursor: pointer; -webkit-transition: all .3s ease; transition: all .3s ease; } .news-sections__item span:hover { color: #d70000; border-bottom-color: transparent; } .news-sections__item--active { font-size: 16px; font-weight: 700; color: #888; border: 1px solid transparent; } /* ========================================================================== News page --> News list ========================================================================== */ .news__list { margin: 0 -10px; font-size: 0; } .news__item { width: 25%; display: inline-block; padding: 10px; margin-bottom: 25px; vertical-align: top; } .news-item--sales { width: 33%; } .news-item__image { position: relative; height: 210px; overflow: hidden; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); margin-bottom: 10px; border-radius: 4px; } .news-item__image--sales { height: 230px; } .news-item__image img { display: block; width: 100%; height: 100%; position: relative; top: 50%; left: 50%; object-position: 50%; object-fit: cover; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); transition: transform .6s ease; transition: transform .6s ease, -webkit-transform .6s ease; } .news__item:hover .news-item__image img { -webkit-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); } .news-item__date { display: flex; margin-bottom: 10px; } .news-item__date span{ padding: 5px 10px; border: 1px solid #f3f3f3; border-radius: 4px; font-size: 13px; font-weight: 500; color: #777; } .news-item__title { color: #222; font-weight: 700; font-size: 15px; line-height: 20px; margin-bottom: 10px; } /* ========================================================================== News detail page ========================================================================== */ .news-detail {} .news-detail__image { position: relative; float: left; margin: 0 30px 20px 0; width: 350px; height: 235px; border-radius: 4px; } .news-detail__date { content: ''; position: absolute; left: 20px; bottom: 25px; display: inline-block; padding: 5px 10px; color: #fff; border-radius: 4px; font-size: 12px; background: #b30000; font-weight: 700; z-index: 1; } .text-content p { font-size: 16px; font-weight: 300; } .text-content p:first-child { margin-top: 0; } /* ========================================================================== News detail page --> Documents list ========================================================================== */ .documents { margin-bottom: 40px; } .documents__list {} .documents__item { position: relative; display: block; width: 100%; margin-bottom: 25px; padding-left: 45px; } .documents__item:before { position: absolute; content: ''; top: 5px; left: 0; background: url(/local/templates/tpl_valfex/css/../images/icon-document-download.svg) 0 0 no-repeat; width: 32px; height: 40px; } .documents-item__name { display: block; margin-bottom: 5px; font-size: 15px; font-weight: 300; line-height: 22px; color: #222; } .documents-item__info { font-size: 12px; font-weight: 300; color: #828282; } .documents-item__info--enlarged { font-size: 13px; } /* ========================================================================== News detail page --> Photo gallery ========================================================================== */ .photo-gallery { margin-bottom: 25px } .photo-gallery__list { display: flex; flex-wrap: wrap; justify-content: flex-start; margin-left: -10px; margin-right: -10px; } .photo-gallery__title { padding-bottom: 15px; } .photo-gallery__item { width: 25%; overflow: hidden; } .photo-gallery-item__image { display: block; height: 220px; margin: 10px; background: 50% 50% no-repeat; transition: all .3s linear; background-size: cover; border-radius: 4px; } .photo-gallery__item:hover .photo-gallery-item__image { opacity: .8; } .photo-gallery-item__desc { display: block; color: #333; font-size: 14px; font-weight: 300; margin: 10px; } /* ========================================================================== News detail page --> Siblings ========================================================================== */ .siblings { padding-top: 25px; border-top: 1px solid #e5e5e5; } .siblings__list { display: flex; flex-wrap: nowrap; justify-content: space-between; } .siblings__item { width: 300px; position: relative; } .siblings-item__image { position: absolute; top: 0; width: 90px; height: 70px; background-position: center center; background-repeat: no-repeat; overflow: hidden; } .siblings-item__text { display: block; padding: 1px 0; color: #666; } .siblings-item__link { font-size: 15px; font-weight: 700; line-height: 20x; color: #d70000; text-decoration: underline; } .siblings-item--prev { text-align: left; padding-left: 105px; } .siblings-item--prev .siblings-item__image { left: 0; } .siblings-item--next { text-align: right; padding-right: 105px; } .siblings-item--next .siblings-item__image { right: 0; } /* ========================================================================== Contacts --> Contacts tabs ========================================================================== */ .contacts__tabs { margin-bottom: 60px; } .contacts-tabs__list { margin: 0; padding: 0; list-style-type: none; display: flex; flex-wrap: nowrap; margin-bottom: 60px; } .contacts-tabs__item { position: relative; border-radius: 25px; background: #fff; transition: all .1s ease; margin: 0 5px; } .contacts-tabs__item:after { position: absolute; content: ''; width: 0; height: 0; top: auto; right: auto; left: 50%; border: 7px solid transparent; border-top: 7px solid #fff; margin-left: -7px; transition: all .1s ease; } .contacts-tabs__item.active:after { position: absolute; content: ''; width: 0; height: 0; top: auto; right: auto; left: 50%; border: 7px solid transparent; border-top: 7px solid #b91b21; margin-left: -7px; transition: all .1s ease; } .contacts-tabs__link { display: block; line-height: 50px; padding: 0 30px; } .contacts-tabs__link span { color: #222; font-size: 16px; font-weight: 700; } .contacts-tabs__item.active { background: #b91b21; border-radius: 25px; transition: all .1s ease; } .contacts-tabs__item.active .contacts-tabs__link span { color: #fff; transition: all .1s ease; border-color: transparent; } .contacts__tab-content { } .contacts__map { position: relative; box-shadow: 0px 6px 20px 0px rgba(0,0,0,.05); margin-bottom: 70px; } .contacts__map .ymap { width: 100%; height: 500px; } .contacts-tab__description { margin-bottom: 40px; font-size: 16px; } .map-block { position: relative; overflow: hidden; width: 100%; margin-bottom: 60px; } .map { width: 820px; height: 500px; background: #dedede; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; float: left; } .left-panels { width: 340px; height: 500px; overflow-y: auto; overflow-x: hidden; float: left; } .object-list td { padding: 15px 15px 15px 0; border-bottom: 1px solid #ccc; } .object-list tr:first-child td { padding-top: 0; } .object-list tr:last-child td { border: none; } .object-list:not([width]),.object-list[width="100%"],.object-list { margin: 0; width: 100%; max-width: 100%; } .contact-page .left-panel .object-list { margin-bottom: 10px; } .left-panels .object-list-wrapper { max-height: 500px; } .object-list .name { position: relative; margin-bottom: 10px; } .object-list .name > a { color: #222; font-size: 16px; font-weight: 900; border-bottom: 1px dashed #ccc; transition: .2s ease all; } .object-list .name > a:hover { border-color: transparent; } .object-list .address { color: #444; font-size: 15px; margin-bottom: 10px; } .object-list .phone { font-size: 15px; font-weight: 500; color: #222; } .object-list .email { font-size: 15px; font-weight: 500; } .map-company-title { display: inline-block; font-weight: 700; } .map-popover { position: absolute; width: auto; min-height: 150px; top: 0; left: 0; z-index: 999; text-align: left; white-space: normal; background-color: #fff; border: 1px solid #eee; box-shadow: 0 5px 10px rgba(0, 0, 0, .1); } .map-popover .close { display: block; text-decoration: none; float: right; font-size: 25px; font-weight: normal; line-height: 1; color: #333; text-shadow: 0 1px 0 #fff; opacity: .5; right: 0; top: 0; margin-top: 5px; margin-right: 7px; } .map-popover .arrow, .map-popover .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .map-popover .arrow { border-width: 11px; bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0, 0, 0, .25); border-bottom-width: 0; } .map-popover .arrow:after { content: ""; border-width: 10px; bottom: 1px; margin-left: -10px; border-top-color: #fff; border-bottom-width: 0; } .map-popover .ds-mapCont { padding: 0 20px 20px; } .map-popover .ds-mapCol { color: #2e2e2e; } .map-popover .ds-mapCol .map-company-row { font-size: 15px; margin-bottom: 5px; } .map-popover .ds-mapCol .map-company-name { display: block; font-size: 16px; font-weight: 700; margin-bottom: 15px; } .contacts-map-info { position: absolute; width: 380px; background: #fff; top: 30px; right: 70px; padding: 25px 30px 25px 30px; box-shadow: 0 6px 20px 0 rgba(0,0,0,.05); border-radius: 4px; z-index: 10; } .contacts-map-info__title { font-size: 20px; font-weight: 900; text-align: center; padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #ebebeb; line-height: 24px; } .contacts-map-info__item { margin-bottom: 10px; } .contacts-map-info__item span { display: block; margin-bottom: 5px; font-size: 16px; font-weight: 700; } .contacts-map-info__item p { font-size: 14px; font-weight: 300; margin: 0; } .contacts-map-info__address a { color: #b90000; font-size: 15px; font-weight: 700; text-decoration: underline; } .contacts-map-info__email a { color: #b90000; font-size: 15px; font-weight: 700; text-decoration: underline; } .contacts-socials {} .contacts-socials__list { display: flex; align-items: center; } .contacts-socials__item { position: relative; display: inline-block; vertical-align: middle; width: 35px; height: 35px; background: #b90000; border-radius: 50%; margin-right: 10px; } .contacts-socials__item:hover { opacity: .85; } .contacts-socials__item:before { position: absolute; content: ''; top: 50%; left: 50%; width: 22px; height: 22px; transform: translate(-50%, -50%); } .contacts-socials__item--vk:before { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MzIuMzM3IDUzMi4zMzcnPjxwYXRoIGQ9J000NzEuOTk4LDI0MS4yODZjNy41Ny05Ljc4NiwxMy41OC0xNy42MzgsMTguMDE4LTIzLjU2MmMzMS45NjUtNDIuNDk4LDQ1LjgyLTY5LjY0Niw0MS41NzQtODEuNDgybC0xLjY2Ni0yLjc3MmMtMS4xMDctMS42NjUtMy45NzctMy4xOTQtOC41OTItNC41NzhjLTQuNjIxLTEuMzgzLTEwLjUzMy0xLjYwNC0xNy43MzYtMC42OTFsLTc5LjgyMiwwLjU2M2MtMS44NDgtMC4xODQtMy42OTctMC4xNDEtNS41NDUsMC4xMjhjLTEuODQ4LDAuMjgxLTMuMDQ3LDAuNTYzLTMuNjA1LDAuODMyYy0wLjU1NywwLjI4Mi0xLjAxNiwwLjUwOC0xLjM4MywwLjY5MmwtMS4xMDcsMC44MzJjLTAuOTI0LDAuNTUxLTEuOTM5LDEuNTI0LTMuMDQ3LDIuOTE0Yy0xLjEwOSwxLjM4OS0yLjAzOSwyLjk5OS0yLjc3Myw0Ljg1M2MtOC42ODQsMjIuMzU2LTE4LjU2OCw0My4xNDYtMjkuNjU2LDYyLjM2M2MtNi44MzgsMTEuNDU3LTEzLjEyMywyMS4zOTYtMTguODQ0LDI5Ljc5MmMtNS43MjksOC40MTUtMTAuNTMzLDE0LjYwMy0xNC40MTQsMTguNTY4Yy0zLjg3OSwzLjk3Mi03LjM5Myw3LjE2Ni0xMC41MzEsOS41NmMtMy4xNDYsMi40MTEtNS41NDUsMy40MjEtNy4yMDMsMy4wNTRjLTEuNjY2LTAuMzY3LTMuMjM4LTAuNzM0LTQuNzEzLTEuMTE0Yy0yLjU4OC0xLjY1OC00LjY3LTMuOTE3LTYuMjM2LTYuNzg3Yy0xLjU3Mi0yLjg1Ny0yLjYzMS02LjQ2My0zLjE4OS0xMC44MDhjLTAuNTUxLTQuMzM5LTAuODgxLTguMDg0LTAuOTY3LTExLjIzYy0wLjA5OC0zLjEzOS0wLjA0OS03LjU3LDAuMTQxLTEzLjMwNWMwLjE4NC01LjcyOSwwLjI3NS05LjYwMiwwLjI3NS0xMS42NGMwLTcuMDE0LDAuMTQxLTE0LjYzOSwwLjQxOC0yMi44NjRjMC4yNzUtOC4yMTksMC41MDgtMTQuNzM3LDAuNjkxLTE5LjU0MmMwLjE4NC00Ljc5OCwwLjI3NS05Ljg4NCwwLjI3NS0xNS4yNDVjMC01LjM0OS0wLjMyNC05LjU2LTAuOTc1LTEyLjYxM2MtMC42NDgtMy4wNDItMS42MjEtNS45OTgtMi45MDYtOC44NjhjLTEuMjk3LTIuODU4LTMuMTg5LTUuMDgtNS42ODYtNi42NDZjLTIuNDk2LTEuNTczLTUuNTg4LTIuODE1LTkuMjgzLTMuNzQ2Yy05Ljc5OS0yLjIyMi0yMi4yNzEtMy40MDktMzcuNDE4LTMuNjA0Yy0zNC4zNy0wLjM1NS01Ni40NTEsMS44Ni02Ni4yNDMsNi42NThjLTMuODgsMi4wMzgtNy4zOTMsNC44MDQtMTAuNTMyLDguMzE3Yy0zLjMyOSw0LjA3LTMuNzg4LDYuMjkxLTEuMzgzLDYuNjQ2YzExLjA4OSwxLjY2NSwxOC45MzYsNS42NDMsMjMuNTU2LDExLjkyMmwxLjY2NSwzLjMyM2MxLjI5MSwyLjQxMSwyLjU4Myw2LjY1OSwzLjg4LDEyLjc1NGMxLjI5Miw2LjA5NiwyLjEyNCwxMi44NCwyLjQ5NywyMC4yMzNjMC45MjQsMTMuNDg4LDAuOTI0LDI1LjAzMSwwLDM0LjY0NmMtMC45MjQsOS42MTQtMS43OTksMTcuMDkzLTIuNjMxLDIyLjQ0MmMtMC44MzMsNS4zNjEtMi4wODEsOS43LTMuNzQsMTMuMDIzYy0xLjY2NSwzLjMzNS0yLjc3Miw1LjM2Ny0zLjMyOSw2LjEwN2MtMC41NTcsMC43MzQtMS4wMTYsMS4xOTktMS4zODMsMS4zODRjLTIuNDA1LDAuOTE4LTQuODk2LDEuMzgzLTcuNDg0LDEuMzgzYy0yLjU4OSwwLTUuNzI5LTEuMjk4LTkuNDI1LTMuODg3Yy0zLjY5Ny0yLjU3Ni03LjUzNC02LjEzOC0xMS41LTEwLjY2N2MtMy45NzgtNC41MjItOC40NTItMTAuODU2LTEzLjQ0Ni0xOC45OWMtNC45ODgtOC4xMjEtMTAuMTY2LTE3LjczNi0xNS41MjEtMjguODE5bC00LjQzMS04LjA0MmMtMi43NzItNS4xNjUtNi41NjEtMTIuNjk5LTExLjM2NS0yMi41ODNzLTkuMDU4LTE5LjQ0My0xMi43NDgtMjguNjljLTEuNDgxLTMuODc0LTMuNjk3LTYuODMtNi42NTItOC44NjhsLTEuMzgzLTAuODMyYy0wLjkyNC0wLjczNS0yLjQwNS0xLjUyNC00LjQzNy0yLjM1MWMtMi4wMzgtMC44MzItNC4xNTUtMS40MzItNi4zNzctMS44MDVsLTc1Ljk0MywwLjU1MWMtNy43NiwwLTEzLjAyMywxLjc2My0xNS43OTUsNS4yNzVsLTEuMTA4LDEuNjU5QzAuMjc1LDEzNi4wNTksMCwxMzcuNTQsMCwxMzkuNTY2YzAsMi4wMzgsMC41NTcsNC41MjksMS42NjUsNy40NzljMTEuMDg5LDI2LjA1OSwyMy4xNDYsNTEuMTg4LDM2LjE2OSw3NS4zODZjMTMuMDMsMjQuMjExLDI0LjM0Niw0My43MDksMzMuOTU0LDU4LjQ4OWM5LjYwOCwxNC43OTIsMTkuNCwyOC43MzMsMjkuMzgyLDQxLjg1NGM5Ljk4MiwxMy4xMjEsMTYuNTg1LDIxLjUyMywxOS44MTYsMjUuMjE0YzMuMjMxLDMuNzAzLDUuNzcxLDYuNDc2LDcuNjIsOC4zMTdsNi45MjgsNi42NThjNC40MzEsNC40MzIsMTAuOTQ5LDkuNzQzLDE5LjU0MiwxNS45MzdjOC41OTIsNi4xOTMsMTguMTAzLDEyLjI4OSwyOC41NSwxOC4yODdjMTAuNDM1LDYuMDEsMjIuNTg5LDEwLjg5OSwzNi40NDQsMTQuNjk0YzEzLjg1NiwzLjc5NCwyNy4zNDQsNS4zMTcsNDAuNDY1LDQuNTcxaDMxLjg3NGM2LjQ2OS0wLjU1MSwxMS4zNjMtMi41NzYsMTQuNjg4LTYuMDk2bDEuMTA3LTEuMzgzYzAuNzM0LTEuMTAyLDEuNDMyLTIuODE1LDIuMDgtNS4xMjNjMC42NDMtMi4zMDcsMC45NzUtNC44NTMsMC45NzUtNy42MTljLTAuMTkxLTcuOTQzLDAuNDE2LTE1LjExNiwxLjc5OS0yMS40ODFjMS4zODMtNi4zNzcsMi45NTUtMTEuMTc1LDQuNzEzLTE0LjQxOGMxLjc1Ni0zLjIyNiwzLjczOC01Ljk1NSw1Ljk1OS04LjE3N2MyLjIxNy0yLjIyMiwzLjc4My0zLjU1LDQuNzEzLTQuMDE1YzAuOTI0LTAuNDUzLDEuNjY2LTAuNzc3LDIuMjE3LTAuOTczYzQuNDMtMS40NzYsOS42NS0wLjA0MywxNS42Niw0LjI5NmM2LjAwNCw0LjM1MiwxMS42NDEsOS43LDE2LjkxLDE2LjA3N2M1LjI2Miw2LjM3NywxMS41OSwxMy41MzEsMTguOTg0LDIxLjQ4MWM3LjM4Nyw3Ljk0MywxMy44NTUsMTMuODU1LDE5LjQsMTcuNzM1bDUuNTQ1LDMuMzM2YzMuNjk1LDIuMjA5LDguNDk0LDQuMjQxLDE0LjQxMiw2LjA5NmM1LjkxMiwxLjg0MiwxMS4wOSwyLjMwNywxNS41MiwxLjM4M2w3MC45NTUtMS4xMTRjNy4wMiwwLDEyLjQ3My0xLjE1LDE2LjM1NC0zLjQ2NGMzLjg3OS0yLjI5NSw2LjE4OC00Ljg1Myw2LjkyOC03LjYxOWMwLjczNC0yLjc3MiwwLjc4My01Ljg5OSwwLjE0MS05LjQxOWMtMC42NDgtMy41MDctMS4yOTctNS45NTUtMS45MzktNy4zMzhjLTAuNjQ4LTEuMzgzLTEuMjUtMi41NDYtMS44MDctMy40NjRjLTkuMjQtMTYuNjI4LTI2Ljg4NS0zNy4wNTEtNTIuOTM4LTYxLjI1NWwtMC41NTctMC41NTFsLTAuMjc1LTAuMjgxbC0wLjI3NS0wLjI3SDQ3My40Yy0xMS44My0xMS4yNzMtMTkuMzA5LTE4Ljg1LTIyLjQ0OS0yMi43MzZjLTUuNzI3LTcuMzgtNy4wMjUtMTQuODY1LTMuODc5LTIyLjQ0MUM0NDkuMjc1LDI3MS44NzQsNDU3LjU4NiwyNTkuNzY5LDQ3MS45OTgsMjQxLjI4NnonIGZpbGw9JyNmZmYnLz48L3N2Zz4=) no-repeat; width: 22px; height: 22px; } .contacts-socials__item--yt:before { width: 22px; height: 22px; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBzdHlsZT0iZmlsbDojZmZmIiBkPSJNMTkuNjE1IDMuMTg0Yy0zLjYwNC0uMjQ2LTExLjYzMS0uMjQ1LTE1LjIzIDAtMy44OTcuMjY2LTQuMzU2IDIuNjItNC4zODUgOC44MTYuMDI5IDYuMTg1LjQ4NCA4LjU0OSA0LjM4NSA4LjgxNiAzLjYuMjQ1IDExLjYyNi4yNDYgMTUuMjMgMCAzLjg5Ny0uMjY2IDQuMzU2LTIuNjIgNC4zODUtOC44MTYtLjAyOS02LjE4NS0uNDg0LTguNTQ5LTQuMzg1LTguODE2em0tMTAuNjE1IDEyLjgxNnYtOGw4IDMuOTkzLTggNC4wMDd6Ii8+PC9zdmc+) no-repeat; } .contacts-socials__item--ins:before { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgdmVyc2lvbj0iMS4xIiAgIGlkPSJMYXllcl8xIiAgIHg9IjBweCIgICB5PSIwcHgiICAgdmlld0JveD0iMCAwIDMwMCAzMDAiICAgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzAwIDMwMDsiICAgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgICBzb2RpcG9kaTpkb2NuYW1lPSIwMDktaW5zdGFncmFtLTMuc3ZnIiAgIGlua3NjYXBlOnZlcnNpb249IjAuOTIuMyAoMjQwNTU0NiwgMjAxOC0wMy0xMSkiPjxtZXRhZGF0YSAgIGlkPSJtZXRhZGF0YTM5Ij48cmRmOlJERj48Y2M6V29yayAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48ZGVmcyAgIGlkPSJkZWZzMzciIC8+PHNvZGlwb2RpOm5hbWVkdmlldyAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIgICBib3JkZXJvcGFjaXR5PSIxIiAgIG9iamVjdHRvbGVyYW5jZT0iMTAiICAgZ3JpZHRvbGVyYW5jZT0iMTAiICAgZ3VpZGV0b2xlcmFuY2U9IjEwIiAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIiAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIiAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMTgiICAgaWQ9Im5hbWVkdmlldzM1IiAgIHNob3dncmlkPSJmYWxzZSIgICBpbmtzY2FwZTp6b29tPSIwLjc4NjY2NjY3IiAgIGlua3NjYXBlOmN4PSIxNTAiICAgaW5rc2NhcGU6Y3k9IjE1MCIgICBpbmtzY2FwZTp3aW5kb3cteD0iLTgiICAgaW5rc2NhcGU6d2luZG93LXk9Ii04IiAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0iTGF5ZXJfMSIgLz48ZyAgIGlkPSJYTUxJRF81MDRfIiAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjEiPjxwYXRoICAgaWQ9IlhNTElEXzUwNV8iICAgZD0iTTM4LjUyLDAuMDEyaDIyMi45NzhDMjgyLjY4MiwwLjAxMiwzMDAsMTcuMzM2LDMwMCwzOC41MnYyMjIuOTc4YzAsMjEuMTc4LTE3LjMxOCwzOC40OS0zOC41MDIsMzguNDkgICBIMzguNTJjLTIxLjE4NCwwLTM4LjUyLTE3LjMxMy0zOC41Mi0zOC40OVYzOC41MkMwLDE3LjMzNiwxNy4zMzYsMC4wMTIsMzguNTIsMC4wMTJ6IE0yMTguNTQ2LDMzLjMyOSAgIGMtNy40MzgsMC0xMy41MDUsNi4wOTEtMTMuNTA1LDEzLjUyNXYzMi4zMTRjMCw3LjQzNyw2LjA2NywxMy41MTQsMTMuNTA1LDEzLjUxNGgzMy45MDNjNy40MjYsMCwxMy41MDYtNi4wNzcsMTMuNTA2LTEzLjUxNCAgIFY0Ni44NTRjMC03LjQzNC02LjA4LTEzLjUyNS0xMy41MDYtMTMuNTI1SDIxOC41NDZ6IE0yNjYuMDg0LDEyNi44NjhoLTI2LjM5NmMyLjUwMyw4LjE3NSwzLjg2LDE2Ljc5NiwzLjg2LDI1Ljc1OSAgIGMwLDQ5Ljg4Mi00MS43NjYsOTAuMzQtOTMuMjY2LDkwLjM0Yy01MS40ODcsMC05My4yNTQtNDAuNDU4LTkzLjI1NC05MC4zNGMwLTguOTYzLDEuMzctMTcuNTg0LDMuODYxLTI1Ljc1OUgzMy4zNXYxMjYuNzMyICAgYzAsNi41NjMsNS4zNTksMTEuOTAyLDExLjkxNiwxMS45MDJoMjA4LjkwN2M2LjU2MywwLDExLjkxMS01LjMzOSwxMS45MTEtMTEuOTAyVjEyNi44Njh6IE0xNTAuMjgzLDkwLjk3OCAgIGMtMzMuMjYsMC02MC4yNCwyNi4xMjgtNjAuMjQsNTguMzg4YzAsMzIuMjI3LDI2Ljk4LDU4LjM3NSw2MC4yNCw1OC4zNzVjMzMuMjc4LDAsNjAuMjU5LTI2LjE0OCw2MC4yNTktNTguMzc1ICAgQzIxMC41NDIsMTE3LjEwNSwxODMuNTYxLDkwLjk3OCwxNTAuMjgzLDkwLjk3OHoiICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MSIgLz48L2c+PGcgICBpZD0iZzQiPjwvZz48ZyAgIGlkPSJnNiI+PC9nPjxnICAgaWQ9Imc4Ij48L2c+PGcgICBpZD0iZzEwIj48L2c+PGcgICBpZD0iZzEyIj48L2c+PGcgICBpZD0iZzE0Ij48L2c+PGcgICBpZD0iZzE2Ij48L2c+PGcgICBpZD0iZzE4Ij48L2c+PGcgICBpZD0iZzIwIj48L2c+PGcgICBpZD0iZzIyIj48L2c+PGcgICBpZD0iZzI0Ij48L2c+PGcgICBpZD0iZzI2Ij48L2c+PGcgICBpZD0iZzI4Ij48L2c+PGcgICBpZD0iZzMwIj48L2c+PGcgICBpZD0iZzMyIj48L2c+PC9zdmc+) no-repeat; width: 18px; height: 18px; } .contacts-socials__item--yz:before { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC43OTMgMGMtLjA1MiA0LjUzMi0uMzQ4IDcuMDY4LTIuMDM2IDguNzU3QzcuMDY4IDEwLjQ0NSA0LjUzMiAxMC43NCAwIDEwLjc5M3YuNjU4YzQuNTMyLjA1MiA3LjA2OC4zNDggOC43NTcgMi4wMzYgMS42NjEgMS42NjIgMS45NzUgNC4xNDYgMi4wMzQgOC41NDVoLjY2M2MuMDU5LTQuNC4zNzItNi44ODMgMi4wMzMtOC41NDUgMS42NjItMS42NjEgNC4xNDYtMS45NzQgOC41NDUtMi4wMzN2LS42NjNjLTQuNC0uMDYtNi44ODMtLjM3My04LjU0NS0yLjAzNEMxMS44IDcuMDY4IDExLjUwMyA0LjUzMiAxMS40NTEgMFoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=); width: 22px; height: 22px; } .contacts-socials__item--tg:before { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxNi41NzUiPjxwYXRoIGQ9Ik0xLjM3NSA3LjEzNWM1LjM2OS0yLjMzOSA4Ljk0OS0zLjg4IDEwLjc0LTQuNjI2QzE3LjIyOS4zODIgMTguMjkyLjAxMiAxOC45ODUgMGMuMTUyLS4wMDMuNDkzLjAzNS43MTMuMjE0LjE4Ny4xNTEuMjM4LjM1Ni4yNjIuNDk5LjAyNS4xNDMuMDU1LjQ3LjAzMS43MjUtLjI3NyAyLjkxMi0xLjQ3NiA5Ljk3OS0yLjA4NiAxMy4yNC0uMjU5IDEuMzgtLjc2NyAxLjg0My0xLjI1OSAxLjg4OC0xLjA3LjA5OS0xLjg4Mi0uNzA2LTIuOTE3LTEuMzg1LTEuNjIxLTEuMDYzLTIuNTM3LTEuNzI0LTQuMTEtMi43NjEtMS44MTgtMS4xOTgtLjY0LTEuODU3LjM5Ni0yLjkzMy4yNzItLjI4MiA0Ljk4NC00LjU2OCA1LjA3NS00Ljk1Ny4wMTEtLjA0OC4wMjItLjIzLS4wODYtLjMyNS0uMTA3LS4wOTYtLjI2Ni0uMDYzLS4zODEtLjAzNy0uMTYzLjAzNy0yLjc1MiAxLjc0OC03Ljc2OCA1LjEzNC0uNzM1LjUwNS0xLjQuNzUtMS45OTcuNzM4LS42NTgtLjAxNC0xLjkyMy0uMzcyLTIuODYzLS42NzctMS4xNTMtLjM3NS0yLjA3LS41NzQtMS45OS0xLjIxLjA0MS0uMzMyLjQ5OC0uNjcxIDEuMzctMS4wMThaIiBmaWxsPSIjZmZmIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOi4wMzY4MzI0Ii8+PC9zdmc+) no-repeat; width: 20px; height: 16px; } .contacts-socials__item--max:before { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHZpZXdCb3g9IjAgMCAxMDAwIDEwMDAiPgo8ZGVmcz4KPHBhdGggaWQ9ImEiIGQ9Ik02MzQuNCAwSDM2NS42QzY0LjUgMCAwIDY0LjYgMCAzNjUuNnYyNjguOEMwIDkzNS41IDY0LjYgMTAwMCAzNjUuNiAxMDAwaDI2OC44YzMwMS4xIDAgMzY1LjYtNjQuNiAzNjUuNi0zNjUuNlYzNjUuNkMxMDAwIDY0LjUgOTM1LjQgMCA2MzQuNCAwIi8+CjwvZGVmcz4KPHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNTA4LjIxMSA4NzguMzI4Yy03NS4wMDcgMC0xMDkuODY0LTEwLjk1LTE3MC40NTMtNTQuNzUtMzguMzI1IDQ5LjI3NS0xNTkuNjg2IDg3Ljc4My0xNjQuOTc5IDIxLjkgMC00OS40NTYtMTAuOTUtOTEuMjQ4LTIzLjM2LTEzNi44NzMtMTQuNzgyLTU2LjIxLTMxLjU3Mi0xMTguODA3LTMxLjU3Mi0yMDkuNTA4IDAtMjE2LjYyNiAxNzcuNzU0LTM3OS41OTcgMzg4LjM1Ny0zNzkuNTk3IDIxMC43ODYgMCAzNzUuOTQ3IDE3MS4wMDEgMzc1Ljk0NyAzODEuNjA0LjcwNyAyMDcuMzQ3LTE2Ni41OTUgMzc2LjExOC0zNzMuOTQgMzc3LjIyNG0zLjEwMy01NzEuNTg1Yy0xMDIuNTY0LTUuMjkyLTE4Mi40OTkgNjUuNy0yMDAuMjAxIDE3Ny4wMjQtMTQuNiA5Mi4xNjIgMTEuMzE1IDIwNC4zOTggMzMuMzk3IDIxMC4yMzggMTAuNTg1IDIuNTU1IDM3LjIzLTE4Ljk4IDUzLjgzNy0zNS41ODdhMTg5LjggMTg5LjggMCAwIDAgOTIuNzEgMzMuMDMyYzEwNi4yNzMgNS4xMTIgMTk3LjA4LTc1Ljc5NCAyMDQuMjE1LTE4MS45NSA0LjE1NC0xMDYuMzgyLTc3LjY3LTE5Ni40ODYtMTgzLjk1OC0yMDIuNTc0eiIgY2xpcC1ydWxlPSJldmVub2RkIi8+Cjwvc3ZnPg==) no-repeat; width: 26px; height: 28px; } .contacts-socials__item--rt:before { width: 22px; height: 22px; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMi4wMTgiIGhlaWdodD0iMjIuMDE4IiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjIuMDE4IDIyLjAxOCI+PGcgZmlsbD0iI2ZmZiIgY2xhc3M9Im1haW4tbGF5ZXIiIGNsaXAtcGF0aD0idXJsKCNhKSIgdHJhbnNmb3JtPSJtYXRyaXgoLjg5OTMyIDAgMCAuODk5MzMgLS4yNSAtLjM0OCkiPjxwYXRoIGQ9Ik0xNS40IDEyLjA3SDguMTcyVjkuMjFIMTUuNGMuNDIyIDAgLjcxNS4wNzQuODYzLjIwMi4xNDcuMTI5LjIzOC4zNjcuMjM4LjcxNXYxLjAyN2MwIC4zNjctLjA5MS42MDUtLjIzOC43MzQtLjE0OC4xMjgtLjQ0MS4xODMtLjg2My4xODN6bS40OTUtNS41NTZINS4xMDd2MTIuMjNoMy4wNjV2LTMuOTc5aDUuNjQ5bDIuNjggMy45OGgzLjQzMmwtMi45NTUtMy45OTljMS4wOS0uMTYxIDEuNTc5LS40OTUgMS45ODItMS4wNDUuNDA0LS41NS42MDYtMS40My42MDYtMi42MDR2LS45MTdjMC0uNjk2LS4wNzQtMS4yNDctLjIwMi0xLjY2OGEyLjggMi44IDAgMCAwLS42Ni0xLjExOCAzIDMgMCAwIDAtMS4xMzktLjY4Yy0uNDQtLjEyOC0uOTkxLS4yMDEtMS42Ny0uMjAxWiIvPjxwYXRoIGQ9Ik0zNi45ODQuMzk3YzAgNi43NTUtNS40NzYgMTIuMjMxLTEyLjIzMSAxMi4yMzEtMS4zNzQgMC0yLjY5NC0uMjI2LTMuOTI3LS42NDRxLjA0LS40MzYuMDM4LS44ODd2LS45MTdjMC0uNzgtLjA4LTEuNDY2LS4yNTgtMi4wNDdhNC4xIDQuMSAwIDAgMC0uOTYtMS42MzJsLS4wMjQtLjAyNi0uMDI2LS4wMjRhNC4zIDQuMyAwIDAgMC0xLjYxOS0uOTY3bC0uMDI0LS4wMDgtLjAyNC0uMDA3cS0uODgxLS4yNTUtMi4wMzItLjI1NGgtMS4yOTh2LjAwMWgtMS4wOTFhMTIuMiAxMi4yIDAgMCAxLS45ODYtNC44MmMwLTYuNzU1IDUuNDc2LTEyLjIzIDEyLjIzLTEyLjIzIDYuNzU2IDAgMTIuMjMyIDUuNDc1IDEyLjIzMiAxMi4yMyIvPjwvZz48cmVjdCB3aWR0aD0iMjEuNjY2IiBoZWlnaHQ9IjIxLjY2NiIgeD0iLjE3NiIgeT0iLjE3NiIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9Ii4zNTIiIHJ4PSI1LjE4NCIvPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHJlY3Qgd2lkdGg9IjI0LjQ2MyIgaGVpZ2h0PSIyNC40NjMiIHg9Ii4yODkiIHk9Ii4zOTciIGZpbGw9IiNmZmYiIHJ4PSI1Ljk1Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+) no-repeat; } .contacts-socials.contacts-map-info__item span { margin-bottom: 10px; } .contacts-departments { display: flex; justify-content: space-between; flex-wrap: wrap; } .contacts-departments__section { width: 500px; margin-bottom: 70px; } .contacts-departments__section--border { border: 1px solid #f2f2f2; padding: 20px; } .contacts-departments__title { font-size: 20px; font-weight: 700; margin-bottom: 10px; } .contacts-departments__text { font-size: 16px; font-weight: 300; line-height: 22px; } .contacts-departments__link { display: inline-block; font-size: 16px; font-weight: 700; text-decoration: underline; } .contacts-departments__table p { font-size: 15px; font-weight: 300; margin: 0; line-height: 1.5; } /* ========================================================================== Parthnership page ========================================================================== */ .parthnership__bg { margin-bottom: 40px; } .parthnership__wrapper { box-shadow: 0 30px 50px rgba(0,0,0,.05); } .parthnership__text { font-size: 16px; font-weight: 300; margin-bottom: 50px; line-height: 24px; } .parthnership__title { font-size: 26px; font-weight: 900; margin-bottom: 10px; } .parthnership__list { margin: 0; padding: 0 0 70px 0; list-style: none; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; } .parthnership__list-item { width: 50%; font-size: 18px; font-weight: 300; padding-bottom: 20px; color: #444; padding-right: 40px; } .parthnership__list-item:before { position: relative; content: "—"; left: -10px; color: #b90000; font-size: 16px; } .parthnership__list-item span { display: block; font-size: 14px; font-weight: 300; line-height: 1; color: #666; line-height: 18px; padding-left: 15px; } .parthnership-request { padding: 80px 0 40px 0; } .parthnership-request__title { font-size: 36px; font-weight: 900; text-align: center; margin-bottom: 20px; line-height: 42px; } .parthnership-request__subtitle { font-size: 20px; font-weight: 300; text-align: center; margin-bottom: 40px; color: #505050; } .parthnership-request__button { text-align: center; } .parthnership-request__button .button { font-size: 16px; font-weight: 500; color: #fff; border-radius: 50px; padding: 15px 25px; -webkit-transition: all .5s cubic-bezier(.4,.26,0,.97); transition: all .5s cubic-bezier(.4,.26,0,.97); } .parthnership-request__button .button:hover { opacity: .9; } .parthnership-parthners { position: relative; padding: 50px 0; box-shadow: 0 30px 50px rgba(0,0,0,.05); } .parthnership-parthners .parthners-slider { margin: 0px 50px; } /* ========================================================================== Mediagallery ========================================================================== */ .media {} .media__row { display: flex; flex-wrap: wrap; margin: 0 -20px; } .media__col { width: 33.33%; padding: 0px 20px; margin-bottom: 40px; } .media__item { display: block; position: relative; height: 100%; min-height: 220px; border-radius: 6px; background-color: #f6f6f6; transition: all .3s ease; z-index: 100; background-repeat: no-repeat; background-size: cover; } .media__item:before { position: absolute; display: block; content: ''; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); z-index: 10; border-radius: 6px; transition: all .3s ease; } .media__item:after { position: absolute; display: block; content: ''; top: 50%; left: 50%; height: 70px; width: 70px; background: url(/local/templates/tpl_valfex/css/../images/icon-play-video.png); transform: translate(-50%, -50%); z-index: 30; transition: all .3s ease; opacity: .5; } .media__item:hover:before { opacity: .7; } .media__item:hover:after { opacity: .8; } .media-item__title { position: absolute; content: ''; bottom: 0; padding: 20px; font-size: 15px; font-weight: 500; color: #fff; z-index: 20; } /* ========================================================================== Mediagallery --> Photogallery ========================================================================== */ .media-photos {} .media-photos__row { display: flex; flex-wrap: wrap; margin: 0 -20px; } .media-photos__col { width: 33.33%; padding: 0px 20px; margin-bottom: 40px; } .media-photos__item { display: block; } .media-photos-item__bg { position: relative; height: 100%; min-height: 220px; border-radius: 6px; background-color: #f6f6f6; transition: all .3s ease; z-index: 100; background-repeat: no-repeat; background-size: cover; margin-bottom: 10px; } .media-photos-item__bg:before { position: absolute; display: block; content: ''; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); z-index: 50; border-radius: 6px; transition: all .3s ease; } .media-photos-item__bg:after { position: absolute; display: block; content: ''; top: 50%; left: 50%; height: 65px; width: 65px; background: url(/local/templates/tpl_valfex/css/../images/icon-mediagallery-plus.svg); transform: translate(-50%, -50%); z-index: 20; transition: all .3s ease; opacity: .5; } .media-photos-item__bg:hover:before, .media-photos-item:hover .media-photos-item__bg:before { opacity: .7; } .media-photos-item__title { font-size: 16px; font-weight: 700; color: #222; margin-bottom: 15px; } .media-photos-item__desc { display: flex; flex-wrap: nowrap; justify-content: space-between; } .media-photos-item__desc { font-size: 13px; font-weight: 300; color: #333; } .media-photos-item__desc span { color: #939393; } /* ========================================================================== About ========================================================================== */ .cards {} .cards__row { display: flex; flex-wrap: wrap; margin: 0 -20px; } .cards__col { width: 50%; padding: 0px 20px; margin-bottom: 30px; } .cards__item { position: relative; height: 100%; min-height: 360px; padding: 30px 60px 35px 35px; border-radius: 6px; background-color: #f6f6f6; color: #222; transition: .3s all; } .cards-item__inner { position: relative; display: flex; flex-direction: column; justify-content: space-between; min-height: 300px; height: 100%; } .cards-item__body { position: relative; z-index: 2; padding-right: 130px; } .cards-item__title { font-size: 26px; font-weight: 900; line-height: 32px; margin-bottom: 20px; } .cards-item__desc { margin-bottom: 30px; font-size: 14px; font-weight: 300; color: #555; } .cards-item__bottom { position: relative; z-index: 2; } .cards-item__button { display: inline-block; font-size: 16px; font-weight: 500; line-height: 1; padding: 20px 30px; border-radius: 44px; background: transparent; text-align: center; text-decoration: none; color: #b90000; border: 2px solid #b90000; transition: all .3s ease; } .cards-item__button:hover { background: #b90000; color: #fff; } .cards-item__img { position: absolute; bottom: 0; right: 0; z-index: 1; } .cards-item__img--work, .cards-item__img--intership, .cards-item__img--education, .cards-item__img--videoreview { width: 145px; height: 145px; } .cards-item--red .cards-item__title, .cards-item--red .cards-item__desc, .cards-item--red .cards-item__button { color: #fff; } .cards-item--red .cards-item__button { border-color: #fff; cursor: auto; } .cards-item--red .cards-item__button:hover { background: none; } .cards-item--red { background: #b90000; } /* ========================================================================== About --> Small cards ========================================================================== */ .small-cards { margin-bottom: 60px; } .small-cards__row { display: flex; flex-wrap: wrap; margin: 0 -5px; } .small-cards__col { width: 16.666%; padding: 0px 5px; margin-bottom: 10px; } .small-cards__item { display: flex; flex-direction: column; justify-content: space-between; padding: 20px 20px 25px 25px; min-height: 210px; border-radius: 6px; background-color: #f6f6f6; color: #222; text-decoration: none; -webkit-transition: all .3s cubic-bezier(.4,.26,0,.97); -o-transition: all .3s cubic-bezier(.4,.26,0,.97); transition: all .3s cubic-bezier(.4,.26,0,.97) } .small-cards__item:hover { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); cursor: pointer; } .small-cards-item__title { font-size: 18px; font-weight: 700; } .small-cards-item__img { width: 100%; text-align: right; } /* ========================================================================== About --> Digits block ========================================================================== */ .digits { margin-bottom: 60px; } .digits__title { font-size: 30px; font-weight: 900; margin-bottom: 30px; } .digits__wrapper {} .digits__row { display: flex; margin: 0 -15px; } .digits__col { width: 20%; padding: 0 15px; } .digits__item { text-align: center; } .digits-item__title { font-size: 60px; font-weight: 900; line-height: 1.5; } .digits-item__desc { font-size: 15px; font-weight: 300; } /* ========================================================================== About --> Reviews Slider ========================================================================== */ .reviews { margin-bottom: 60px; } .reviews__title { margin-bottom: 30px; } .reviews__slider { position: relative; margin: 0 50px; } .reviews-slider__item { position: relative; text-align: center; } .reviews-slider__item img { position: relative; width: 175px; opacity: .6; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); -webkit-filter: gray; filter: gray; -webkit-transition: all .3s; transition: all .3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; border: 5px solid #e2e2e2; } .reviews-slider__item img:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 5px solid #efefef; } .reviews-slider__item img:hover { opacity: 1; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: none; } /* ========================================================================== Quote ========================================================================== */ .quote { margin-bottom: 30px; } .quote__wrapper { position: relative; top: 0; left: 0; padding: 30px 60px 35px 35px; background-size: cover; overflow: hidden; border-radius: 6px; background: #f6f6f6; } .quote__inner {} .quote__title { color: #222; font-size: 30px; font-weight: 900; margin-bottom: 20px; } .quote__text { position: relative; color: #222; font-weight: 300; font-size: 15px; width: 750px; margin-bottom: 30px; line-height: 24px; } .quote__person { font-size: 16px; font-weight: 700; } .quate__post { font-size: 14px; font-style: italic; color: #222; } .quote__img { position: absolute; top: 50%; right: 100px; margin-top: -90px; } /* ========================================================================== Suppliers ========================================================================== */ .suppliers__bg { margin-bottom: 30px; } .suppliers__text { margin-bottom: 30px; } .suppliers__accordion { margin-bottom: 70px; } .suppliers__title { font-weight: 700; } /* ========================================================================== Vacancies ========================================================================== */ .vacancies {} .vacancies__accordion { margin-bottom: 40px; } .vacancies__accordion .accordion { margin-bottom: 25px; } .vacancies__section { font-size: 20px; font-weight: 700; margin-bottom: 20px; } .vacancies__title { font-size: 16px; font-weight: 700; } .vacancies__button { font-size: 14px; font-weight: 500; color: #fff; border-radius: 50px; padding: 15px 25px; transition: .3s ease all; } .vacancies__button:hover { color: #fff; } /* ========================================================================== Vacancies ========================================================================== */ .vacancies {} .vacancies__inner { display: flex; justify-content: space-between; flex-direction: row-reverse; } .vacancies__filter { width: 27%; margin-left: 30px; } .vacancies-filter__inner { padding: 20px; border: 1px solid #eee; border-radius: 8px; background: #f8f8f8; } .vacancies-filter__title { font-size: 18px; font-weight: 600; color: #222; padding-bottom: 5px; margin-bottom: 20px; border-bottom: 1px solid #e2e2e2; } .vacancies-filter__form {} .vacancies-filter__form label { display: block; margin-bottom: 5px; } form .vacancies-filter__input input, form .vacancies-filter__input select { display: block; width: 100%; padding: 6px 5px; font-size: 14px; line-height: 1.4; color: #333; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .vacancies-filter__group--buttons { display: flex; justify-content: flex-start; } .vacancies-filter__group--buttons input[type="submit"] { font-size: 14px; font-weight: 500; color: #fff; border: 1px solid #d70000; border-radius: 50px; padding: 10px 15px; margin-right: 10px; transition: .3s ease all; background: #d70000; } .vacancies-filter__group--buttons input[type="submit"]:hover { opacity: 0.9; } .vacancies__left {} .vacancies__right {} .vacancies__accordion { width: 73%; margin-bottom: 40px; } .vacancies__accordion .accordion { margin-bottom: 35px; } .vacancies__section { font-size: 20px; font-weight: 700; margin-bottom: 20px; } .vacancies__title { font-size: 16px; font-weight: 700; } .vacancies__button { font-size: 14px; font-weight: 500; color: #fff; border-radius: 50px; padding: 15px 25px; transition: .3s ease all; background: #d70000; } .vacancies__button:hover { color: #fff; } .vacancies-respond__button { padding: 15px 25px; color: #fff; border-radius: 25px; transition: .3s ease all; background: #d70000; } .vacancies-respond__button:hover, .vacancies-respond__button:focus { color: #fff; opacity: 0.9; } /* ========================================================================== FAQ --> FAQ accordion ========================================================================== */ .faq__accordion { margin-bottom: 40px; } .faq__accordion .accordion__text { padding-top: 0; } .faq__accordion .accordion__header { font-size: 16px; } /* ========================================================================== Training page ========================================================================== */ .training-page .text-content { box-shadow: 0 30px 50px rgba(0,0,0,.05); padding-bottom: 50px; } .training-page .cols { margin: 0 -15px 30px; } .training-page .col-3 { padding: 0 15px; } .training-page .col-3 img { border-radius: 4px; transition: all .2s ease; } .training-page .col-3:hover img { opacity: .9; } /* ========================================================================== Compaunds page ========================================================================== */ .compaunds__desc { display: flex; flex-wrap: nowrap; padding: 50px 0; font-size: 18px; align-items: center; justify-content: space-between; } .compaunds__text { width: 80%; padding-right: 30px; line-height: 30px; } .compaunds__text strong { font-weight: 900; } .compaunds__image { width: 20%; text-align: right; } .compaunds__image img { border-radius: 50%; border: 1px solid #f3f3f3; box-shadow: 0 5px 15px rgba(0,0,0,.05);; } .compaunds__list { margin: 0; padding: 0; list-style: none; margin: 30px -20px; } .compaunds-list__item { margin: 0 20px; } .compaunds-item__img { border-radius: 50%; margin-bottom: 20px; transition: all .5s cubic-bezier(.4,.26,0,.97); } .compaunds-item__img:hover { transform: translateY(-5px); } .compaunds-item__desc { text-align: center; font-weight: 700; font-size: 18px; } .compaunds__cols { margin: 0 -20px; margin-bottom: 50px; } .compaunds__cols .col-3 { padding: 0 20px; } .compaunds__table { margin-bottom: 50px; } .compaunds__table .header-section { margin-bottom: 25px; } .compaunds__table table { width: 100%; border-spacing: 0; border-collapse: collapse; } .compaunds__table table th { vertical-align: middle; padding: 15px; color: #fff; font-size: 16px; font-weight: 500; text-align: center; background: #b90000; } .compaunds__table table tr { border-bottom: 1px solid #e5e5e5; } .compaunds__table table td { padding: 15px; color: #222; font-size: 16px; text-align: left; } /* ========================================================================== STM ========================================================================== */ .stm-page .text-content { box-shadow: 0 35px 50px rgba(0,0,0,.05); } .stm__block { margin-bottom: 40px; } .stm-block__image { text-align: center; } .stm-block__button { padding: 15px 25px; border-radius: 6px; font-weight: 500; } .stm-block__button:hover { opacity: .9; color: #fff; } .stm-page .stm__table td { text-align: center; } .stm-steps__item { position: relative; padding: 25px 25px 15px 120px; } .stm-steps__item:before { content: '1'; position: absolute; top: 0; left: 30px; font-size: 90px; font-weight: 700; color: #e5e5e5; } .stm-steps__item--step1:before { content: '1'; } .stm-steps__item--step2:before { content: '2'; } .stm-steps__item--step3:before { content: '3'; } /* ========================================================================== Manufacture ========================================================================== */ .manufacture-desc { margin-bottom: 70px; } .manufacture-desc__wrapper { display: flex; background: #f8f8f8; border: 1px solid #f6f6f6; border-radius: 6px; } .manufacture-desc__left { width: 50% } .manufacture-desc__right { width: 50%; } .manufacture-desc__left-inner { padding: 40px 45px; } .manufacture-desc__title { font-size: 24px; font-weight: 900; } .manufacture-desc__img { display: block; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; } .manufacture-page .main-promo { margin-bottom: 80px; } .manufacture-page .cards { margin-bottom: 30px; } .digits-block { position: relative; font-size: 0; } .digits-block .row { padding-bottom: 40px; } .digits-block .caption { display: inline-block; width: 450px; padding-top: 20px; font-size: 48px; font-weight: 900; line-height: 52px } .digits-block .digits-item { display: inline-block; margin-left: 90px; width: 180px; text-align: center; vertical-align: top; } .digits-block .row .digits-item:nth-child(1) { margin-left: 0; } .digits-block .digits-item .icon-wrap { width: 70px; height: 70px; display: inline-block; margin-bottom: 16px; line-height: 70px; border-radius: 50%; background: #b90000; transition: transform .2s ease; } .digits-block .digits-item:hover .icon-wrap { -ms-transform: translateY(-6px); transform: translateY(-6px) } .digits-block .digits-item .icon-wrap .icon { display: inline-block; vertical-align: middle; } .digits-block .digits-item .icon-wrap .icon.manufactured-line { width: 45px; height: 44px; margin-top: -5px; background: url(/local/templates/tpl_valfex/css/../images/icon-manufacture-robot-line.png) 0 0 no-repeat; } .digits-block .digits-item .icon-wrap .icon.products-count { width: 44px; height: 35px; background: url(/local/templates/tpl_valfex/css/../images/icon-manufacture-count.png) 0 0 no-repeat; } .digits-block .digits-item .icon-wrap .icon.thermoplast-count { width: 44px; height: 45px; margin-top: -5px; background: url(/local/templates/tpl_valfex/css/../images/icon-manufacture-robot.png) 0 0 no-repeat; } .digits-block .digits-item .icon-wrap .icon.year-foudation { width: 36px; height: 30px; background: url(/local/templates/tpl_valfex/css/../images/icons-digits-block.png) 0 0 no-repeat; } .digits-block .digits-item .icon-wrap .icon.warehouse { width: 42px; height: 42px; background: url(/local/templates/tpl_valfex/css/../images/icon-manufacture-warenhouse.png) 0 0 no-repeat; } .digits-block .digits-item .icon-wrap .icon.production-departments { width: 42px; height: 44px; background: url(/local/templates/tpl_valfex/css/../images/icon-manufacture-factory.png) 0 0 no-repeat; } .digits-block .digits-item .icon-wrap .icon.jobs { width: 46px; height: 33px; background: url(/local/templates/tpl_valfex/css/../images/icon-manufacture-line.png) 0 0 no-repeat; } .digits-block .digits-item .icon-wrap .icon.brass-material { width: 36px; height: 30px; background: url(/local/templates/tpl_valfex/css/../images/icons-digits-block.png) 0 0 no-repeat; } .digits-block .digits-item .icon-wrap .icon.polipropilen-fitings { width: 48px; height: 39px; background: url(/local/templates/tpl_valfex/css/../images/icon-manufacture-ppr.png) 0 0 no-repeat; } .digits-block .digits-item .icon-wrap .icon.office { width: 43px; height: 45px; background: url(/local/templates/tpl_valfex/css/../images/logistic-center/office/icon-manufacture-office-01.svg) 0 0 no-repeat; background-size: cover; } .digits-block .digits-item .icon-wrap .icon.zone-relax { width: 50px; height: 50px; background: url(/local/templates/tpl_valfex/css/../images/logistic-center/office/icon-manufacture-office-03.svg) 0 0 no-repeat; background-size: cover; } .digits-block .digits-item .icon-wrap .icon.parking { width: 45px; height: 45px; background: url(/local/templates/tpl_valfex/css/../images/logistic-center/office/icon-manufacture-office-04.svg) 0 0 no-repeat; background-size: cover; } .digits-block .digits-item .icon-wrap .icon.employees { width: 45px; height: 45px; background: url(/local/templates/tpl_valfex/css/../images/logistic-center/office/icon-manufacture-office-05.svg) 0 0 no-repeat; background-size: cover; } .digits-block .digits-item .icon-wrap .icon.work-places { width: 42px; height: 43px; background: url(/local/templates/tpl_valfex/css/../images/logistic-center/office/icon-manufacture-office-06.svg) 0 0 no-repeat; background-size: cover; } .digits-block .digits-item .icon-wrap .icon.sku-count { width: 43px; height: 43px; background: url(/local/templates/tpl_valfex/css/../images/logistic-center/warehouse/icon-logistic-valve.svg) 0 0 no-repeat; background-size: cover; } .digits-block .digits-item .icon-wrap .icon.docks { width: 42px; height: 42px; background: url(/local/templates/tpl_valfex/css/../images/logistic-center/warehouse/icon-logistic-dock.svg) 0 0 no-repeat; background-size: cover; } .digits-block .digits-item .icon-wrap .icon.worktime { width: 45px; height: 45px; background: url(/local/templates/tpl_valfex/css/../images/logistic-center/warehouse/icon-logistic-worktime.svg) 0 0 no-repeat; background-size: cover; } .digits-block .digits-item .icon-wrap .icon.warehouse-counts { width: 45px; height: 45px; background: url(/local/templates/tpl_valfex/css/../images/logistic-center/warehouse/icon-logistic-warehouse.svg) 0 0 no-repeat; background-size: cover; } .digits-block .digits-item .icon-wrap .icon.autopark { width: 47px; height: 47px; background: url(/local/templates/tpl_valfex/css/../images/logistic-center/warehouse/icon-logistic-truck.svg) 0 0 no-repeat; background-size: cover; } .digits-block .digits-item .icon-wrap .icon.radiator { width: 46px; height: 32px; background: url(/local/templates/tpl_valfex/css/../images/icon-manufacture-steal-radiator.svg) 0 0 no-repeat; background-size: cover; } .digits-block .digits-item .name { margin-bottom: 10px; font: 900 36px 'Museo Sans', sans-serif; } .digits-block .digits-item .desc { font-size: 16px; color: #4e4e4e; } .manufacture-page .cols { margin: 0 -20px; } .manufacture-page .col-2 { padding: 0 20px; } .manufacture__photos .photo-gallery__item { width: 33.33%; } .manufacture__photos .photo-gallery-item__image { border-radius: 4px; } .laboratory__cols { display: flex; flex-wrap: nowrap; } .laboratory-cols__left { width: 70%; } .laboratory-cols__right { width: 30%; padding-left: 40px; } .laboratory-cols__image { margin-bottom: 20px; border-radius: 4px; width: 100%; height: 200px; object-fit: cover; } /* ========================================================================== Manufacture --> Slider ========================================================================== */ .header__slider { overflow: hidden; position: relative; z-index: 1; margin: 0 auto; height: 400px; padding-bottom: 60px;} .header__slider .slider__item { float: left; height: 400px; width: 640px; cursor: pointer;} .header__slider .slider__item__main { position: absolute; bottom: 0; left: 0; right: 0; height: auto; padding: 0 40px; margin: 0; background: #941111; background: rgba(148, 17, 17, 0.9); color: white; opacity: 0; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .header__slider .slider__item__title { font: 600 20px/26px "Museo Sans", sans-serif; color: white; text-decoration: none; } .header__slider .slider__item__title a { color: white; text-decoration: none; } .header__slider .slider__item__bg { position: relative; height: 400px; } .header__slider .slick-slide { position: relative; } .header__slider .slick-center:before { display: none; } .header__slider .slick-center .slider__item__main { opacity: 1; } .header__slider__decor { position: absolute; top: 0; width: 50%; height: 100%; content: ''; background: white; opacity: 0.75; z-index: 1; } .header__slider__decor_l { left: 0; margin-left: -320px; } .header__slider__decor_r { right: 0; margin-right: -320px; } .manufacture-slider { width: 100%; margin: 0; padding: 0;} .slider__item { position: relative; float: left; width: 100%; margin: 0; padding: 0; height: 300px; cursor: default; } .slider__item__bg { width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat;} .slider__item__title a { color: inherit; text-decoration: none; } .header__slider .slick-prev, .header__slider .slick-next { position: absolute; outline: 0; border: none; box-shadow: none; top: 50%; width: 27px; height: 50px; margin-top: -24px; text-indent: -9999px; z-index: 52; background: url('/local/templates/tpl_valfex/css/../images/slick-arrows.png'); background-position: center center; background-repeat: no-repeat; cursor: pointer; -moz-transition: opacity 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .header__slider .slick-prev { left: 50%; margin-left: -471px; background-position: 0 0; } .header__slider .slick-next { right: 50%; margin-right: -471px; background-position: -27px 0; } /* ========================================================================== Steps ========================================================================== */ .steps {} .steps__title { margin-bottom: 30px; } .steps__tabs { font-size: 0; margin-bottom: 70px; } .steps__list { position: relative; display: inline-block; vertical-align: top; margin: 0; padding: 0; list-style: none; width: 360px; border: 1px solid #efefef; background: #f6f6f6; border-radius: 30px 0 0 30px; } .steps__item { display: block; padding: 15px 25px; border-radius: 30px 0 0 30px; transition: all .2s ease; } .steps-item__link { font-size: 16px; font-weight: 700; color: #222; } .steps__item.active { background: #b90000; } .steps__item.active .steps-item__link { color: #fff; } .steps__item.active .steps-item__link span { border-bottom-color: transparent; } .steps__tabs-content { display: inline-block; width: 780px; padding-left: 40px; background: #fff; font-size: 16px; } .steps__tab-content p:first-child { margin-top: 0; } .steps-tab__images { display: flex; flex-wrap: wrap; margin: 0 -5px; } .steps-tab__images--col-2 .steps-tab__image { width: 50%; } .steps-tab__images--col-3 .steps-tab__image { width: 33.33%; } .steps-tab__images--col-4 .steps-tab__image { width: 25%; } .steps-tab__image { padding: 5px; } .steps-tab__image img { border-radius: 4px; } /* ========================================================================== Manufacture --> Advantages ========================================================================== */ .manufacture-advantages { margin-bottom: 80px; } .manufacture-advantages__list { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 40px; } .manufacture-advantages__item { position: relative; width: 560px; padding-left: 90px; } .manufacture-advantages__item::before { content: ''; position: absolute; top: 10px; left: 0; width: 60px; height: 60px; } .manufacture-advantages__item.manufacture-advantages__item--light::before { background: url(/local/templates/tpl_valfex/css/../images/icon-manufacture-scale.png) 0 0 no-repeat; width: 60px; height: 60px; } .manufacture-advantages__item.manufacture-advantages__item--coins::before { background: url(/local/templates/tpl_valfex/css/..//images/icon-manufacture-coins.png) 0 0 no-repeat; width: 60px; height: 54px; } .manufacture-advantages__item.manufacture-advantages__item--shield::before { background: url(/local/templates/tpl_valfex/css/..//images/icon-manufacture-schield.png) 0 0 no-repeat; width: 52px; height: 64px; left: 8px; } .manufacture-advantages__item.manufacture-advantages__item--radiator::before { background: url(/local/templates/tpl_valfex/css/..//images/icon-manufacture-steal-rad.png) 0 0 no-repeat; width: 70px; height: 41px; left: -10px; } .manufacture-advantages__item.manufacture-advantages__item--gost::before { background: url(/local/templates/tpl_valfex/css/../images/icon-manufacture-gost.png) 0 0 no-repeat; width: 62px; height: 62px; left: 15px; } .manufacture-advantages__item.manufacture-advantages__item--iso::before { background: url(/local/templates/tpl_valfex/css/../images/icon-manufacture-iso.png) 0 0 no-repeat; width: 62px; height: 62px; left: 5px; } .manufacture-advantages__item.manufacture-advantages__item--hourglass::before { background: url(/local/templates/tpl_valfex/css/../images/icon-manufacture-hourglass.png) 0 0 no-repeat; width: 38px; height: 60px; left: 20px; } .manufacture-advantages__item.manufacture-advantages__item--hourglass::before { background: url(/local/templates/tpl_valfex/css/../images/icon-manufacture-hourglass.png) 0 0 no-repeat; width: 38px; height: 60px; left: 20px; } .manufacture-advantages__item.manufacture-advantages__item--height::before { background: url(/local/templates/tpl_valfex/css/../images/icon-manufacture-height.png) 0 0 no-repeat; width: 58px; height: 60px; } .manufacture-advantages__item.manufacture-advantages__item--nomencl::before { background: url(/local/templates/tpl_valfex/css/../images/icon-manufacture-nomencl.png) 0 0 no-repeat; width: 60px; height: 56px; } .manufacture-advantages__item.manufacture-advantages__item--service::before { background: url(/local/templates/tpl_valfex/css/../images/icon-manufacture-service.png) 0 0 no-repeat; width: 60px; height: 60px; } .manufacture-advantages__item.manufacture-advantages__item--temperature::before { background: url(/local/templates/tpl_valfex/css/../images/icon-manufacture-temperature.png) 0 0 no-repeat; width: 60px; height: 60px; } .manufacture-advantages__item-title { font-size: 20px; font-weight: 900; color: #222; margin-bottom: 15px; } .manufacture-advantages__item-desc { font-size: 16px; font-weight: 300; } /* ========================================================================== Map SVG ========================================================================== */ .main-map__svg { position: relative; } .main-map__svg:before { position: absolute; content: ''; bottom: 0; left: 0; background: url(/local/templates/tpl_valfex/css/../images/map-svg-bg-left.png) 0 0 no-repeat; width: 340px; height: 298px; z-index: 1; } .main-map__svg:after { position: absolute; content: ''; top: 100px; right: 0; background: url(/local/templates/tpl_valfex/css/../images/map-svg-bg-right.png) 0 0 no-repeat; width: 558px; height: 125px; z-index: 1; } .main-map__svg svg { position: relative; z-index: 5; } .map-svg__red { stroke: #fff; fill: #b30000; } .map-svg__city { font-size:12px; fill:#000; font-weight: 700; } .map-svg__city-pointer { fill: #fff; stroke: #000; } [data-aos="red-fill"] { stroke: #fff; fill: #eee; transition-property: stroke, fill; } [data-aos="red-fill"].aos-animate { stroke: #fff; fill: #b30000; } /* ========================================================================== Map SVG --> Map Slider ========================================================================== */ .map-svg__slider { position: absolute; content: ''; width: 560px; top: 0; right: 0; z-index: 100; background: #ffffff; padding: 25px 40px; border: 1px solid #f5f5f5; border-radius: 6px; } .map-slider { padding-bottom: 5px; } .map-slider__item {} .map-slider__item-year { color: #b90000; font-size: 60px; font-weight: 900; } .map-slider__item-title { color: #222; font-size: 24px; font-weight: 900; line-height: 1.2; } .map-svg__slider .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 0; } .map-svg__slider .swiper-pagination-bullet { width: 12px; height: 12px; border: 2px solid #e6e6e6; } .map-svg__slider .swiper-pagination-bullet-active { border: 2px solid #b91b21; } /* ========================================================================== Laboratory page ========================================================================== */ .laboratory-page .col-left { width: 70%; } .laboratory-page .col-right { width: 30%; padding-left: 40px; } .laboratory-page .col-right img { margin-bottom: 20px; border-radius: 4px; } .laboratory__photos .photo-gallery-item__image { border-radius: 4px; } /* ========================================================================== Advertise --> Logotype page ========================================================================== */ .logo-list { margin: 0 -5px; display: flex; justify-content: space-between; } .logo-list__left { display: flex; flex-wrap: wrap; width: 825px; } .logo-list__row { display: flex; flex-wrap: wrap; margin-bottom: 10px; } .logo-list__item { margin: 0 5px; width: 265px; height: 95px; } .logo-list__item-img { border-radius: 8px; } .logo-list__item-img--shadow { box-shadow: inset 0px 0 0px 1px rgba(0, 0, 0, 0.5); } .logo-list__right { display: flex; flex-wrap: wrap; width: 325px; } .logo-color__list { display: flex; flex-wrap: wrap; justify-content: space-between; align-content: flex-start; } .logo-color__item { display: flex; flex-wrap: nowrap; align-items: center; width: 160px; height: 40px; font-size: 12px; margin-bottom: 10px; } .logo-color__item-bg { border-radius: 8px; width: 40px; height: 40px; } .logo-color__item-bg--white { background: #fff; border: 1px solid #d8d8d8; } .logo-color__item-bg--black { background: #2b2a29; } .logo-color__item-bg--red { background: #e31e24; } .logo-color__item-bg--gray { background: #5b5b5b; } .logo-color__item-bg--blue { background: #90c7db; } .logo-color__item-desc { padding-left: 10px; } .logo-color__item-desc span { display: block; line-height: 15px; color: #666; } .logo-color__item-desc span b { color: #222; } .logo-download-link { display: inline-block; padding-left: 60px; position: relative; line-height: 50px; color: #222; font-weight: 700; } .logo-download-link:before { content: ""; position: absolute; top: 0; left: 0; width: 46px; height: 50px; background: url(/local/templates/tpl_valfex/css/../images/icon-download-1.png); } /* ========================================================================== Advertise --> POS materials ========================================================================== */ .pos-materials__list { display: flex; flex-wrap: wrap; margin: 0 -15px; } .pos-materials__item { width: 25%; padding: 15px; } .pos-materials__image { border-radius: 4px; margin-bottom: 20px; width: 100%; height: 210px; object-fit: cover; transition: all .2s ease; } .pos-materials__title { display: block; font-size: 16px; font-weight: 700; color: #222; margin-bottom: 5px; transition: all .2s ease; } .pos-materials__info { display: block; font-size: 14px; font-weight: 300; color: #222; } .pos-materials__item:hover .pos-materials__title { color: #d70000; } .pos-materials__item:hover .pos-materials__image { opacity: .9; } .banner-materials__list { display: flex; flex-wrap: wrap; margin: 0 -15px; } .banner-materials__item { width: 25%; padding: 15px; } .banner-materials__image { border-radius: 4px; transition: all .2s ease; } .banner-materials__title { display: block; font-size: 16px; font-weight: 700; color: #222; margin-bottom: 5px; transition: all .2s ease; } .banner-materials__info { display: block; font-size: 14px; font-weight: 300; color: #222; } .banner-materials__item:hover .banner-materials__title { color: #d70000; } .banner-materials__item:hover .banner-materials__image { opacity: .9; } .banner-materials__image-wrapper { display: flex; align-items: center; height: 200px; background: #f2f2f2; padding: 20px; margin-bottom: 20px; border-radius: 4px; box-shadow: inset 0 0 25px rgba(0,0,0,.1); } .ad-catalogs { position: relative; } .ad-catalogs__list { display: flex; flex-wrap: wrap; margin: 0 -15px; } .ad-catalogs__item { width: 25%; padding: 15px; } .ad-catalogs-item__image-wrapper { display: flex; align-items: center; justify-content: center; margin-bottom: 20px; border-radius: 4px; box-shadow: inset 0 0 85px rgba(0,0,0,.3); } .ad-catalogs-item__image img { height: 200px; transition: all .2s ease; border-radius: 4px; } .ad-catalogs-item__image img:hover { opacity: .9; } .ad-catalogs-item__info { display: block; font-size: 14px; font-weight: 300; color: #222; } .ad-catalogs-item__title { display: block; font-size: 16px; font-weight: 700; color: #222; margin-bottom: 5px; transition: all .2s ease; } .ad-catalogs-item__link { font-size: 14px; font-weight: 300; color: #d70000; text-decoration: underline; } /* ========================================================================== History ========================================================================== */ .history-content { display: flex; flex-wrap: nowrap; padding-bottom: 30px; } .history-content__left { width: 50%; } .history-content__right { width: 50%; padding-left: 30px; text-align: center; } .history-content__link { display: inline-block; width: 240px; margin: 10px; border: 4px solid #eee; } /* ========================================================================== Search page ========================================================================== */ .catalog-search { margin-bottom: 20px; } .catalog-search .catalog-search__wrapper {} .catalog-search .catalog-search__form { position: relative; } .catalog-search .catalog-search__input { width: 100%; vertical-align: middle; line-height: 44px; height: 44px; border: 1px solid #ebebeb; border-radius: 3px; font-size: 15px; padding-left: 45px; padding-right: 20px; -webkit-transition: border-color 0.4s; -o-transition: border-color 0.4s; transition: border-color 0.4s; color: #666; background: #fff url(/local/templates/tpl_valfex/images/icon-catalog-search.png) 14px 14px no-repeat; } .catalog-search .catalog-search__submit { position: absolute; top: 0; right: 0; border-radius: 0 3px 3px 0; border: 0; color: #fff; font-size: 14px; background: #d70000; line-height: 44px; padding: 0 20px; cursor: pointer; outline: none; transition: background .3s ease; } .catalog-search .catalog-search__submit:hover { background: #c10505; } .catalog-search .catalog-search__input::-webkit-input-placeholder { opacity: 1; transition: opacity 0.3s ease; color: #666; } .catalog-search .catalog-search__input::-moz-placeholder { opacity: 1; transition: opacity 0.3s ease; } .catalog-search .catalog-search__input:-moz-placeholder { opacity: 1; transition: opacity 0.3s ease; } .catalog-search .catalog-search__input:-ms-input-placeholder { opacity: 1; transition: opacity 0.3s ease; } .catalog-search .catalog-search__input:focus::-webkit-input-placeholder { opacity: 0; transition: opacity 0.3s ease; } .catalog-search .catalog-search__input:focus::-moz-placeholder { opacity: 0; transition: opacity 0.3s ease; } .catalog-search .catalog-search__input:focus:-moz-placeholder { opacity: 0; transition: opacity 0.3s ease; } .catalog-search .catalog-search__input:focus:-ms-input-placeholder { opacity: 0; transition: opacity 0.3s ease; } /* ========================================================================== Certification ========================================================================== */ .certification { position: relative; padding-top: 40px; padding-bottom: 20px; } .certification__title { font-size: 30px; font-weight: 900; margin: 0; } .certification__inner { display: flex; flex-wrap: nowrap; align-items: center; height: 310px; } .certification__desc { width: 620px; } .certification__subtitle { font-weight: 700; font-size: 20px; line-height: 24px; padding-bottom: 10px; } .certification__text { font-weight: 300; font-size: 16px; } .certification__link { color: #d70000; text-decoration: underline; font-size: 15px; font-weight: 700; } .certification__image { width: 262px; height: 341px; margin-left: 145px; } .certification__image img { position: absolute; top: 0; } /* ========================================================================== Schemas page ========================================================================== */ .schemas__list table { width: 100%; border-spacing: 0; border-collapse: collapse; } .schemas__list table th { vertical-align: middle; padding: 15px; color: #333; font-size: 16px; font-weight: 700; text-align: center; border-bottom: 2px solid #b91b21; } .schemas__list table tr { border-bottom: 1px solid #e5e5e5; } .schemas__list table tr:nth-child(even) { background: #fbfbfb; } .schemas__list table tr:nth-child(odd) { background: #f5f5f5; } .schemas__list table tr:first-of-type { background: #fff; } .schemas__list table td { vertical-align: middle; padding: 15px; color: #232323; font-size: 15px; } .schemas__th { border-radius: 4px; color: #fff; font-size: 15px; padding: 5px 10px; } .schemas__th-dwg { display: inline-block; min-width: 90px; background: #333; } .schemas__th-pdf { display: inline-block; min-width: 90px; background: #b91b21; } .signature__howto { margin-top: 20px; padding: 20px; width: 280px; border: 1px dashed #ccc; border-radius: 10px; } .signature-howto__link { padding-left: 35px; position: relative; line-height: 24px; color: #222; } /* ========================================================================== Private -> Signatures page ========================================================================== */ .signature-howto__link > span { border-bottom: 1px solid #e1e1e1; } .signature-howto__link:hover > span { border-bottom: transparent; } .signature-howto__link:before { position: absolute; content: ''; display: block; top: 50%; left: 0; margin-top: -12px; width: 24px; height: 24px; background: url(/images/icon-sign-question.png) no-repeat; background-size: cover; } .copy-signature-btn { position: relative; display: inline-block; width: auto; height: auto; text-decoration: none; border: none; outline: none; background: #c71017; background: -webkit-linear-gradient(bottom, #921014, #c71017); background: -moz-linear-gradient(bottom, #921014, #c71017); background: linear-gradient(to top, #921014, #c71017); font-family: 'Museo Sans', 'Open Sans', sans-serif; cursor: pointer; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; transition: opacity .3s ease; font-size: 14px; font-weight: 500; color: #fff; border-radius: 50px; padding: 15px 25px; margin: 0 25px; transition: .3s ease all; } .signature__settings { padding: 20px; margin-bottom: 30px; border-radius: 5px; border: 1px solid #e5e5e5; width: 630px; } .signature__settings-list { list-style: none; padding: 0; margin: 0; } #signature-table__hotline, #hotline-block, .signature-settings-list__item--hotline { display: none; } .input-form input[type=text] { display: block; width: 100%; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; box-sizing: border-box; } .input-form select { display: block; width: 100%; padding: 6px 8px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; box-sizing: border-box; } .input-form input[disabled] { background: #e5e5e5; } .input-form input::placeholder { color: #bbb; } .input-form input, .input-form select { width: 310px; display: block; } /* ========================================================================== Boss page ========================================================================== */ .manager__list { display: flex; flex-wrap: wrap; margin: 0 -45px; } .manager__item { width: 220px; display: flex; flex-direction: column; justify-content: space-between; margin: 0 45px; } .manager__item:nth-child(n+5) { margin-top: 60px; } .manager-item__photo { overflow: hidden; z-index: 10; position: relative; width: 220px; height: 220px; background: #f9f9f9; border-radius: 50%; border: 1px solid #f3f3f3; margin-bottom: 20px; transition: opacity .3s ease; } .manager-item__photo img { position: absolute; z-index: 1; } .manager-item__photo:hover { opacity: .9; } .manager-item__desc { min-height: 65px; margin-bottom: 20px; } .manager-item__name { margin-bottom: 10px; line-height: 22px; font-size: 17px; font-weight: 700; color: #333; } .manager-item__post { font-size: 14px; font-weight: 300; color: #777; line-height: 18px; } .manager-item__btn.button { padding: 15px 25px; border-radius: 30px; border: 1px solid #b91b21; background: #fff; color: #b91b21; font-weight: 500; transition: all .3s ease; max-width: 150px; } .manager-item__btn.button:hover { background: #b91b21; color: #fff; } .manager__popup { display: none; border-radius: 10px; max-width: 1160px; } .manager-popup__row { display: flex; } .manager-popup__left { width: 220px; text-align: center; } .manager-popup__right { width: calc(100% - 220px); padding-left: 70px; } .manager-popup__photo { width: 220px; height: 220px; border: 1px solid #f3f3f3; border-radius: 50%; margin-bottom: 25px; background: #f9f9f9; } .manager-popup__photo--history { width: auto; height: auto; border-radius: 0; border: none; background: none; margin-bottom: 15px; } .manager-popup__name { font-size: 18px; font-weight: 700; color: #333; } .manager-popup__post { font-size: 14px; font-weight: 300; color: #777; } .boss__popup { display: none; width: 1160px; } .boss-popup.fancybox-content { border-radius: 8px; } .boss-popup__row { display: flex; margin: 0 -15px; justify-content: space-between; } .boss-popup__col { padding: 0 15px; } .boss-popup__desc { width: 65%; padding-right: 50px; } .boss-popup__name { color: #222; font-size: 28px; font-weight: 900; line-height: 32px; } .boss-popup__post { font-size: 20px; color:#777; margin-bottom: 30px; } .boss-popup__text { font-size: 15px; } .boss-popup__photo { width: 35%; } .boss-popup__photo { position: relative; max-width: 330px; } .boss-popup__photo > img { border-radius: 50%; width: 100%; } /* ========================================================================== Work page ========================================================================== */ .work-page .with-padding { padding-top: 40px; } .work-page .breadcrumbs { position: relative; z-index: 10; } .work__header { margin-top: -85px; margin-bottom: 60px; box-shadow: 0 0 30px 20px rgba(0, 0, 0, .1); } .work-header__inner { padding-top: 90px; width: 100%; height: 450px; background: center center no-repeat; background-size: cover; text-decoration: none; } .work-header__title { width: 600px; margin-bottom: 25px; font: 900 48px/52px 'Museo Sans', sans-serif; color: #222; } .work-header__title > span { color: #d70000; } .work-header__desc { width: 550px; margin-bottom: 45px; font: 300 20px/28px 'Museo Sans', sans-serif; color: #444; } .work-header__button { font-size: 14px; font-weight: 500; color: #fff; border-radius: 50px; padding: 15px 25px; transition: .3s ease all; background: #d70000; border: 1px solid #d70000; } .work-header__button:hover { box-sizing: border-box; color: #fff; background: none; color: #d70000; } .work__slogan { margin-bottom: 25px; } .work-slogan__inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; } .work-slogan__left { width: 50%; } .work-slogan__right { width: 45%; } .work-slogan__title { font: 900 36px/36px 'Museo Sans', sans-serif; color: #222; } .work-slogan__subtitle { font: 500 20px/36px 'Museo Sans', sans-serif; color: #222; } .work-slogan__digits { display: flex; flex-wrap: nowrap; } .work-slogan-digits__item { position: relative; width: 240px; padding: 25px 30px 30px; background: #f5f5f5; border-radius: 25px; margin-left: 25px; z-index: 10; overflow: hidden; } .work-slogan-digits__item:after { content: ''; position: absolute; left: -100px; top: -45px; z-index: 0; border-radius: 50%; background: #eceaea; width: 230px; height: 230px; } .work-slogan-digits__item > span { position: relative; display: block; line-height: 1; padding-bottom: 5px; color: #222; font-weight: 900; font-size: 36px; z-index: 10; } .work-slogan-digits__item > p { position: relative; margin: 0; color: #777; font-weight: 300; font-size: 14px; padding-right: 30px; line-height: 18px; z-index: 10; } .work-offers { box-shadow: 0 60px 30px 0 rgb(0 0 0 / 3%); padding-top: 60px; } .work-offers__title { font-size: 30px; font-weight: 900; } .work-offers__list { margin: 0; padding: 0 0 70px 10px; list-style: none; display: flex; justify-content: space-between; flex-wrap: wrap; } .work-offers__item { width: 50%; font-size: 18px; font-weight: 300; padding-bottom: 20px; color: #444; padding-right: 40px; } .work-offers__item:before { position: relative; content: "\2714"; left: -10px; color: #b90000; font-size: 16px; } .work-offers__item > span.asterisk { font-size: 14px; color: #d70000; } .work-offers__item > p { font-size: 14px; margin: 5px 0 0 0; } .work-offers__item > p .asterisk { font-size: 12px; color: #d70000; } .work-history { box-shadow: 0 30px 20px 0 rgb(0 0 0 / 3%); margin-bottom: 50px; padding-bottom: 60px; } .work-history__header { display: flex; align-items: center; margin-bottom: 50px; } .work-history__title h2 { margin: 0; font-size: 30px; font-weight: 900; color: #222; } .work-history__title p { margin: 0; font-size: 16px; font-weight: 500; color: #777; } .work-history__link { margin-left: auto; font-size: 14px; font-weight: 500; color: #fff; border-radius: 50px; padding: 15px 25px; transition: .3s ease all; background: #d70000; border: 1px solid #d70000; } .work-history__link:hover { box-sizing: border-box; color: #fff; background: none; color: #d70000; } .history-slider__item { text-align: center; } .history-slider-item__text { padding: 0 0 0 50px; text-align: left; } .history-slider-item__photo { margin-bottom: 5px; } .history-slider-item__name { margin-bottom: 10px; line-height: 15px; font-size: 15px; font-weight: 700; color: #222; transition: .3s ease all; } .history-slider__item:hover .history-slider-item__name { color: #d70000; } .history-slider-item__post { font-size: 14px; font-weight: 300; color: #777; line-height: 18px; } .work-history__slider .swiper-button-next, .work-history__slider .swiper-button-prev { top: 58%; } .work-directions { padding-bottom: 60px; box-shadow: 0 60px 30px 0 rgb(0 0 0 / 3%); } .work-directions__row { display: flex; justify-content: space-between; align-items: flex-start; } .work-directions__left { width: 380px; flex-wrap: nowrap; } .work-directions__right { width: 780px; display: flex; flex-wrap: wrap; } .work-directions__item { display: block; margin: 0px 0 25px 25px; padding: 30px 30px 15px 30px; width: 365px; min-height: 190px; height: 100%; border-radius: 15px; background: #f5f5f5; transition: .3s all; } .work-directions-item__svg { fill: #c2c2c2; transition: .3s all ease; } .work-directions__item:nth-child(n+3) { margin-bottom: 0; } .work-directions-item--big { margin: 0; padding: 30px; min-height: 435px; width: 380px; } .work-directions__item:hover .work-directions-item__count span { color: #d70000; } .work-directions__item:hover .work-directions-item__count p { color: #777; } .work-directions__item:hover .work-directions-item__icon svg { color: #d70000; } .work-directions__item:hover .work-directions-item__svg { fill: #d70000; } .work-directions-item__inner { position: relative; display: flex; flex-direction: column; justify-content: space-between; height: 100%; min-height: 190px; } .work-directions-item__inner--big { min-height: 435px; } .work-directions-item__top { display: flex; justify-content: space-between; flex-wrap: nowrap; } .work-directions-item__title { font-size: 18px; line-height: 26px; font-weight: 700; color: #222; transition: all .3s ease; } .work-directions-item__title--big { font-size: 24px; line-height: 30px; } .work-directions-item__icon svg { color: #222; transition: .3s all ease; } .work-directions-item__bottom { display: flex; justify-content: space-between; flex-wrap: nowrap; align-items: flex-end; } .work-directions-item__count { color: #c1c1c1; } .work-directions-item__count p { font-size: 14px; font-weight: 500; margin: 0; line-height: 1; padding-bottom: 5px; transition: .3s all ease; } .work-directions-item__count span { font-size: 48px; font-weight: 700; line-height: 1; transition: .3s all ease; } .work-directions-item--oneline { margin: 0 0 25px 0; width: 100%; padding: 30px; background: #d70000; } .work-directions-item--oneline .work-directions-item__title { font-size: 42px; line-height: 48px; color: #fff; } .work-directions-item--oneline .work-directions-item__icon svg { color: #fff; } .work-directions-item--oneline .work-directions-item__icon > span { font-weight: 500; color: #fff; line-height: 30px; padding-right: 10px; } .work-directions-item--oneline .work-directions-item__count { color: #fff; } .work-directions-item--oneline .work-directions-item__count span { color: #fff; } .work-directions-item--oneline .work-directions-item__svg { fill: #fff; } .work-directions-item--oneline:hover { background: #222; } .work-directions-item--oneline:hover .work-directions-item__title { color: #fff; } .work-directions-item--oneline:hover .work-directions-item__count p { color: #eee; } .work-directions-item--oneline:hover .work-directions-item__count span { color: #d90000; } .work-directions-item--oneline:hover .work-directions-item__icon svg { color: #d90000; } .work-directions-item--oneline:hover .work-directions-item__svg { fill: #fff; } .work__request { padding-bottom: 50px; margin-bottom: 50px; box-shadow: 0 30px 20px 0 rgb(0 0 0 / 3%); } .work-request__inner { display: flex; justify-content: space-between; align-items: center; } .work-contacts { padding-bottom: 40px; } .work-contacts__title { margin-bottom: 50px; } .work-contacts__title h2 { margin: 0; font-size: 30px; font-weight: 900; color: #222; } .work-contacts__title p { margin: 0; font-size: 16px; font-weight: 500; color: #777; } .work-contacts__wrapper { padding: 40px 60px; border: 1px solid #e8e8e8; border-radius: 20px; } .work-contacts__cols { display: flex; justify-content: space-between; } .work-contacts__col {} .work-contacts__item { padding-bottom: 5px; } .work-contacts__item--title { margin-bottom: 15px; font-size: 20px; font-weight: 700; } .work-contacts-item__link { font-weight: 700; color: #d70000; font-size: 20px; } .work-contacts-item__link--phone { color: #333; font-weight: 500; font-size: 16px; } .work-contacts-item__link--phone:hover { color: #d70000; } .sidebar-contacts { margin-top: 30px; padding: 20px; border: 1px solid #eee; border-radius: 8px; background: #f8f8f8; } .sidebar-contacts__title { font-size: 18px; font-weight: 700; color: #222; padding-bottom: 5px; margin-bottom: 20px; border-bottom: 1px solid #e2e2e2; } .sidebar-contacts__cols {} .sidebar-contacts__col { padding-bottom: 20px; } .sidebar-contacts__col:last-child { padding-bottom: 10px; } .sidebar-contacts__item { font-size: 15px; padding-bottom: 5px; } .sidebar-contacts__item--title { padding-bottom: 10px; font-size: 16px; font-weight: 700; } .sidebar-contacts-item__link { color: #333; font-weight: 300; } .sidebar-contacts-item__link:hover { color: #d70000; } .sidebar-contacts-item__link--email { color: #d70000; font-size: 18px; font-weight: 700; } .work-ourlife { box-shadow: 0 30px 20px 0 rgb(0 0 0 / 3%); padding-bottom: 60px; margin-bottom: 40px; } .work-ourlife__header { display: flex; align-items: center; margin-bottom: 50px; } .work-ourlife__title { margin: 0; font-size: 30px; font-weight: 900; color: #222; } .work-ourlife__link { margin-left: auto; font-size: 14px; font-weight: 500; color: #fff; border-radius: 50px; padding: 15px 25px; transition: .3s ease all; background: #d70000; border: 1px solid #d70000; } .work-ourlife__link:hover { box-sizing: border-box; color: #fff; background: none; color: #d70000; } .main-press__list--ourlife .main-press__item { width: 33.33%; } .main-press__list--ourlife .main-press__item-image { height: 280px; } /* ========================================================================== Work page --> Mediagallery ========================================================================== */ .work-mediagallery { position: relative; box-shadow: 0 0 30px 20px rgba(0, 0, 0, .1); margin-bottom: 60px; } .work-promo { position: relative; height: 450px; width: 100%; display: flex; justify-content: center; } .work-promo__video { position: absolute; left: 0; top: 0; bottom: 0; z-index: 1; width: 100%; height: 100%; overflow: hidden; } .work-promo__video:before { content: ""; display: block; position: absolute; left: 0; top: 0; bottom: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(5px); } .work-promo__video video { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; } .work-promo__inner { position: relative; z-index: 1; text-align: center; } .work-promo__title { font-size: 36px; font-weight: 900; color: #f2f2f2; width: 100%; line-height: 36px; padding-top: 60px; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); padding-bottom: 30px; } .work-promo__subtitle { font-size: 26px; font-weight: 300; color: #f2f2f2; } .work-mediagallery__slider { position: absolute; bottom: 0; width: 100%; z-index: 100; padding-bottom: 30px; background: linear-gradient(0deg, rgb(40 40 40) 0%, rgba(0, 0, 0, 0) 100%); } .work-mediagallery__slider .swiper-button-next { right: 30px; } .work-mediagallery__slider .swiper-button-prev { left: 30px; } .work-mediagallery__row { display: flex; flex-wrap: wrap; margin: 0 -20px; } .work-mediagallery__col { width: 33.33%; background: rgba(255, 255, 255, 0.3); border-radius: 8px; } .work-mediagallery__item { display: block; position: relative; height: 100%; min-height: 220px; border-radius: 6px; background-color: #f6f6f6; transition: all .3s ease; z-index: 100; background-repeat: no-repeat; background-size: cover; } .work-mediagallery__item:before { position: absolute; display: block; content: ''; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); z-index: 10; border-radius: 6px; transition: all .3s ease; } .work-mediagallery__item:after { position: absolute; display: block; content: ''; top: 50%; left: 50%; height: 70px; width: 70px; background: url(/local/templates/tpl_valfex/css/../images/icon-play-video.png); transform: translate(-50%, -50%); z-index: 30; transition: all .3s ease; opacity: .5; } .work-mediagallery__item:hover:before { opacity: .7; } .work-mediagallery__item:hover:after { opacity: .8; } .work-mediagallery-item__title { position: absolute; content: ''; bottom: 0; padding: 20px; font-size: 15px; font-weight: 500; color: #fff; z-index: 20; } /* ========================================================================== Страница "Стажировка" --> Блок "Слоган" ========================================================================== */ .intership__slogan { margin-bottom: 50px; } .intership-slogan__inner { position: relative; display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; overflow: hidden; } .intership-slogan__inner::after{ content: ''; position: absolute; display: block; width: 140px; height: 140px; border-radius: 50%; background: #fff url(/images/students/icon-door.png) center center no-repeat; left: 50%; margin-left: -70px; } .intership-slogan__left, .intership-slogan__right { width: 50%; } .intership-slogan__text { height: 110px; background: #d70000; font-size: 25px; font-weight: 900; color: #fff; padding: 20px 115px; border-radius: 10px; } .intership-slogan__period { height: 110px; background: #f5f5f5; padding: 25px 75px 20px 175px; text-align: left; color: #222; border-radius: 10px; } .intership-slogan__period-text { font-size: 20px; font-weight: 500; } .intership-slogan__period-subtext { font-size: 26px; font-weight: 900; } /* ========================================================================== Страница "Стажировка" --> Блок "Выбери направление" ========================================================================== */ .intership-page .with-padding { padding-top: 40px; } .intership__types { box-shadow: 0 30px 20px 0 rgb(0 0 0 / 3%); margin-bottom: 50px; padding-bottom: 60px; } .intership-types__list { display: flex; justify-content: space-between; margin: 0px -15px; } .intership-types__item { position: relative; width: 50%; height: 290px; background: #f5f5f5; border-radius: 10px; margin: 0 15px; padding: 25px; overflow: hidden; } .intership-types__item::after { content: ''; position: absolute; width: 400px; height: 400px; background: #eee; bottom: -200px; right: -200px; border-radius: 50%; } .intership-types__item-title { font-size: 24px; font-weight: 900; margin-bottom: 15px; } .intership-types__item-desc { font-size: 15px; font-weight: 300; line-height: 22px; width: 320px; margin-bottom: 15px; } .intership-types__item-info { position: relative; display: flex; padding-left: 50px; width: 320px; font-size: 15px; font-weight: 700; line-height: 20px; } .intership-types__item-info::before { content: ''; position: absolute; display: inline-flex; width: 40px; height: 40px; left: 0; right: auto; margin: 0; background: url(/images/students/icon-information.png) no-repeat; background-position: center; } .intership-types__item-img { position: absolute; bottom: 0; z-index: 100; } .intership-types__item-img--trainee { right: 15px; } .intership-types__item-img--interns { right: 0; } /* ========================================================================== Страница "Стажировка" --> Блок "Мы предлагаем" ========================================================================== */ .intership__features { box-shadow: 0 30px 20px 0 rgb(0 0 0 / 3%); margin-bottom: 75px; padding-bottom: 60px; } .intership-features__title { font-size: 30px; font-weight: 900; margin-bottom: 45px; } .intership-features__list { margin: 0; padding: 0; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; } .intership-features__item { position: relative; width: 50%; padding: 0 30px 60px 100px; font-size: 17px; font-weight: 300; line-height: 24px; color: #444; } .intership-features__item:before { content: ''; position: absolute; display: block; top: 0; left: 0; background-repeat: no-repeat; background-position: 0; } .intership-features__item--cup::before { width: 50px; height: 70px; background-image: url(/images/students/icon-student-cup.png); } .intership-features__item--checklist::before { width: 52px; height: 70px; background-image: url(/images/students/icon-student-checklist.png); } .intership-features__item--mentor::before { width: 70px; height: 62px; background-image: url(/images/students/icon-student-mentor.png); } .intership-features__item--employee::before { width: 58px; height: 70px; background-image: url(/images/students/icon-student-employee.png); } /* ========================================================================== Страница "Стажировка" --> Блок "Узнаешь себя?" ========================================================================== */ .intership__request { box-shadow: 0 30px 20px 0 rgb(0 0 0 / 3%); margin-bottom: 75px; padding-bottom: 60px; } .intership-request__inner { display: flex; justify-content: space-between; align-items: center; } .intership-request__title { font-size: 46px; font-weight: 900; line-height: 42px; margin-bottom: 35px; } .intership-request__list { margin: 0; padding: 0; list-style: none; margin-bottom: 40px; } .intership-request__item { position: relative; font-size: 18px; font-weight: 300; padding-left: 40px; margin-bottom: 15px; } .intership-request__item::before { content: ''; position: absolute; width: 26px; height: 26px; left: 0; background: url(/images/students/icon-request-check.png) 0 0 no-repeat; } .intership-request__button .work-header__button { font-size: 16px; padding-left: 35px; padding-right: 35px; } /* ========================================================================== Страница "Логистический центр" ========================================================================== */ .logistic-page .digits-block { box-shadow: 0 30px 50px rgba(0,0,0,.05); } .logistic-office-row { display: flex; align-items: center; min-height: 300px; margin-bottom: 50px; } .logistic-office-row__left, .logistic-office-row__right { width: 50%; } .logistic-office-row__left { padding: 0 40px; } .logistic-office-row__left--order-r { order: 1 } .logistic-office-row__image { display: block; min-height: 300px; border-radius: 8px; background-repeat: no-repeat; background-size: cover; background-position: center center; transition: all .2s ease; } .logistic-office-row__image:hover { opacity: .85; } .logistic-advantages { padding: 40px 0; margin-bottom: 40px; box-shadow: 0 30px 50px rgba(0,0,0,.05); } .logistic-advantages__title { font-weight: 900; margin-bottom: 40px; } .logistic-advantages__list { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; margin: 0; padding-left: 40px; list-style: none; } .logistic-advantages__list-item { position: relative; width: 50%; font-size: 18px; font-weight: 300; color: #444; padding-left: 50px; padding-bottom: 50px; padding-right: 40px; } .logistic-advantages__list-item:before { position: absolute; display: block; content: ''; background: url(/local/templates/tpl_valfex/css/../images/logistic-center/warehouse/icon-logistic-thumbsup.svg) 0 0 no-repeat; width: 34px; height: 40px; left: -10px; color: #b90000; font-size: 16px; } .logistic-advantages__list-item span { display: block; font-size: 14px; font-weight: 300; line-height: 1; color: #666; line-height: 18px; padding-top: 5px; } .logistic-reasons { padding: 40px 0; box-shadow: 0 30px 50px rgba(0,0,0,.05); } .logistic-reasons__title { margin-bottom: 40px; font-weight: 300; } .logistic-reasons__list { margin: 0; } .logistic-reasons__list-item { display: flex; align-items: center; margin-bottom: 20px; } .logistic-reasons__list-item:last-child { margin-bottom: 0; } .logistic-reasons__list-item span:nth-child(1) { width: 5%; font-size: 60px; font-weight: 900; color: #b90000; } .logistic-reasons__list-item span:nth-child(2) { width: 90%; } /* ========================================================================== Техподдержка --> Обучение ========================================================================== */ .training-intro { display: flex; align-items: flex-start; justify-content: space-between; } .training-intro__logo { padding-top: 20px; } .training-intro__text { padding-left: 30px; } .training-advantages { padding-bottom: 40px; } .training-advantages__title { padding-bottom: 30px; } .training-advantages__wrapper { display: flex; } .training-advantages__left, .training-advantages__right { width: 570px; } .training-advantages__left { margin-right: 30px; } .training-advantages__right { display: flex; } .training-advantages__item { position: relative; width: 270px; border-radius: 8px; background: #f8f9fa; padding: 95px 20px 25px 40px; } .training-advantages__item-title { font-weight: 700; font-size: 20px; padding-bottom: 15px; } .training-advantages__item-desc { font-weight: 300; font-size: 14px; color: #777; } .training-advantages__item--personal .training-advantages__item-content { position: relative; width: 270px; z-index: 2; } .training-advantages__item--personal { width: 100%; height: 220px; border-radius: 8px; padding: 95px 0 25px 40px; margin-bottom: 30px; } .training-advantages__item--personal::after { position: absolute; content: ''; top: 0; right: 0; width: 232px; height: 220px; background: url(/local/templates/tpl_valfex/css/../images/training/training-personal.png) 0 0 no-repeat; z-index: 1; border-radius: 8px; } .training-advantages__item--cash { width: 270px; height: 100%; } .training-advantages__item--profit { height: 220px; margin-bottom: 30px; } .training-advantages__row { display: flex; flex-wrap: nowrap; gap: 30px; } .training-advantages__col { margin-left: 30px; } .training-advantages__item--time::after { position: absolute; content: ''; width: 50px; height: 50px; top: 25px; left: 40px; background: url(/local/templates/tpl_valfex/css/../images/training/icon-training-time.png) 0 0 no-repeat; } .training-advantages__item--quality::after { position: absolute; content: ''; width: 40px; height: 50px; top: 25px; left: 40px; background: url(/local/templates/tpl_valfex/css/../images/training/icon-training-quality.png) 0 0 no-repeat; } .training-advantages__item--profit::after { position: absolute; content: ''; top: 25px; left: 40px; width: 48px; height: 58px; background: url(/local/templates/tpl_valfex/css/../images/training/icon-training-profit.png) 0 0 no-repeat; } .training-advantages__item--up { margin-left: 30px; } .training-advantages__item--up::after { position: absolute; content: ''; bottom: 0; right: 0; width: 240px; height: 242px; background: url(/local/templates/tpl_valfex/css/../images/training/training-up.png) 0 0 no-repeat; } .training-advantages__item--cash::after { position: absolute; content: ''; bottom: 0; right: 0; width: 230px; height: 247px; background: url(/local/templates/tpl_valfex/css/../images/training/training-cash.png) 0 0 no-repeat; } .training-photogallery { position: relative; padding: 50px 0; } .training-slider { position: relative; margin: 0 60px; } .training-slider__item { text-align: center; height: auto; } .training-slider__item img { position: relative; display: block; width: 100%; height: 100%; top: 50%; left: 50%; object-position: 50%; object-fit: cover; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); transition: transform .6s ease; transition: transform .6s ease, -webkit-transform .6s ease; border-radius: 8px; transition: all .3s; opacity: 1; } .training-slider__item img:hover { opacity: .85; } /* ========================================================================== О компании --> Реализованные объекты ========================================================================== */ .reference-desc { padding: 60px 0 80px 0; } .reference-desc__inner { display: flex; flex-wrap: nowrap; align-items: center; } .reference-desc__left { width: 450px; padding-right: 25px; color: #222; font-weight: 400; font-size: 24px; } .reference-desc__left > span { font-weight: 900; } .reference-desc__right { width: 700px; padding: 10px 0 10px 35px; border-left: 5px solid #d70000; } /* ========================================================================== О компании --> Реализованные объекты --> Список объектов ========================================================================== */ .reference-list { box-shadow: 0 30px 50px rgba(0,0,0,.05); padding-bottom: 60px; } .reference-list__title { font-size: 26px; font-weight: 900; margin-bottom: 35px; } .reference-list__row { display: flex; flex-wrap: wrap; margin: 0 -20px; } .reference-list__col { width: 33.33%; padding: 0px 20px; margin-bottom: 45px; } .reference__item { display: block; } .reference-item__bg { position: relative; height: 100%; min-height: 220px; border-radius: 6px; background-color: #f6f6f6; transition: all .3s ease; z-index: 100; background-repeat: no-repeat; background-size: cover; margin-bottom: 15px; } .reference-item__bg:hover, .reference-item:hover { opacity: .92; } .reference-item__title { font-size: 16px; font-weight: 700; color: #222; margin-bottom: 15px; } .reference-item__city, .reference-item__developer { font-size: 13px; font-weight: 300; color: #777; } .reference-item__city { margin-bottom: 5px; } .reference-item__developer span { color: #333; } .reference-item__desc { display: flex; flex-wrap: nowrap; justify-content: space-between; } .reference-item__desc { font-size: 13px; font-weight: 300; color: #333; } .parthners__title { font-size: 26px; font-weight: 900; margin-bottom: 45px; } .reference__popup { display: none; width: 1160px; } .reference__popup.fancybox-content { border-radius: 8px; } .reference-popup__inner { display: flex; margin: 0 -15px; justify-content: space-between; } .reference-popup__left, .reference-popup__right { padding: 0 15px; } .reference-popup__left { position: relative; width: 45%; } .reference-popup__image { width: 100%; height: 100%; object-position: center; object-fit: cover; border-radius: 8px; } .reference-popup__right { width: 55%; padding-right: 50px; } .reference-popup__title { font-size: 24px; font-weight: 900; color: #222; } .reference-popup__subtitle { color: #777; font-size: #333; font-weight: 300; font-size: 13px; padding-bottom: 20px; } .reference-popup__desc { font-weight: 300; font-size: 15px; color: #333; padding-bottom: 30px; } .reference-popup__equipment-title { padding-bottom: 5px; font-size: 16px; font-weight: 500; } .reference-popup__equipment-list { margin: 0; padding: 0; list-style-type: none; display: flex; flex-wrap: nowrap; gap: 10px; } .reference-popup__equipment-link { display: block; width: 60px; height: 60px; } .reference-sections { } .reference-sections__list { margin: 0; padding: 0; list-style-type: none; display: flex; flex-wrap: nowrap; gap: 10px; margin-bottom: 40px; } .reference-sections__item { line-height: 45px; font-size: 13px; font-weight: 500; transition: all .1s ease; } .reference-sections__item--active { padding: 0 15px; background: #d90000; border: none; border-radius: 25px; color: #fff; line-height: 45px; font-weight: 700; } .reference-sections__link { display: block; border-radius: 25px; padding: 0 14px; color: #444; border: 1px solid #cfcdcd; } .reference-sections__link:hover { background: #efefef; } .show-more { display: flex; flex-wrap: nowrap; justify-content: center; padding: 30px 100px 0; border-top: 1px solid #eeeeee; } .show-more__button { padding: 10px 80px; border-radius: 25px; font-size: 14px; font-weight: 500; background: #d90000; color: #fff; cursor: pointer; } /* ========================================================================== О компании --> Техподдержка --> BIM-модели ========================================================================== */ .bim-models__list { position: relative; margin-left: -20px; margin-right: -20px; display: flex; flex-wrap: wrap; } .bim-models__item { position: relative; width: 500px; margin: 15px 20px 25px 20px; } .bim-models__item--revit:after { content: ''; position: absolute; top: 15px; left: 20px; width: 74px; height: 27px; background: url(/local/templates/tpl_valfex/css/../images/icon-bim-models-revit.png) 0 0 no-repeat; } .bim-models__item-image { display: block; position: relative; margin-bottom: 15px; width: 500px; height: 300px; } .bim-models__item-image img { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; object-position: 50%; object-fit: cover; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); transition: opacity .5s ease; border-radius: 8px; } .bim-models-item__image--front { opacity: 1; } .bim-models-item__image--back { opacity: 0; } .bim-models__item-top:hover .bim-models-item__image--back { opacity: 1; } .bim-models__item-top:hover .bim-models-item__image--front { opacity: 0; } .bim-models__item-title { margin-bottom: 15px; font-size: 16px; font-weight: 700; color: #222; } .bim-models-item__bottom { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; } .bim-models__item-link { display: flex; align-items: center; font-size: 14px; font-weight: 500; color: #fff; border-radius: 50px; padding: 10px 20px; background: #d70000; border: 1px solid #d70000; transition: .3s ease all; } .bim-models__item-link:hover { box-sizing: border-box; color: #fff; background: none; color: #d70000; } .bim-models__item-link::before { content: ''; position: relative; display: inline-block; vertical-align: middle; width: 18px; height: 18px; margin-right: 7px; background: url(/local/templates/tpl_valfex/css/../images/icon-download-white.svg) 0 0 no-repeat; transition: .3s ease all; fill: #fff; } .bim-models__item-link:hover::before { background: url(/local/templates/tpl_valfex/css/../images/icon-download-red.svg) 0 0 no-repeat; } .bim-models__item-date { font-size: 13px; font-weight: 300; color: #1c1c1c; } .bim-models__item-date span { color: #777; } /* ========================================================================== О компании --> Миссия и принципы ========================================================================== */ .mission-page .with-padding { padding-top: 40px; } .mission-page .breadcrumbs { position: relative; z-index: 10; } .mission-header { margin-top: -85px; margin-bottom: 60px; box-shadow: 0 0 30px 20px rgba(0, 0, 0, .1); } .mission-header__inner { padding-top: 90px; width: 100%; height: 450px; background: center center no-repeat; background-size: cover; text-decoration: none; } .mission-header__title { width: 520px; margin-bottom: 35px; font: 900 36px/52px 'Museo Sans', sans-serif; color: #222; } .mission-header__subtitle { width: 520px; font-size: 20px; font-weight: 700; margin-bottom: 25px; } .mission-header__subtitle > b { font-weight: 900; } .mission-header__desc { width: 500px; margin-bottom: 45px; font: 300 15px/24px 'Museo Sans', sans-serif; color: #444; } .mission-company { box-shadow: 0 30px 20px 0 rgb(0 0 0 / 3%); margin-bottom: 75px; padding-bottom: 60px; } .mission-company__title { font-size: 30px; padding-bottom: 20px; } .mission-company__list { display: flex; margin: 0 -40px; } .mission-company__item { position: relative; width: 33.333%; padding: 0 40px; } .mission-company__item-image { padding-bottom: 20px; } .mission-company__item-title { padding-bottom: 25px; font-weight: 700; font-size: 22px; line-height: 30px; min-height: 80px; } .mission-company__item-desc { font-weight: 300; font-size: 16px; line-height: 24px; color: #444; } .mission-quote { padding-bottom: 40px; } .mission-quote__inner { position: relative; font-size: 20px; font-weight: 300; line-height: 30px; padding: 20px 40px 25px 80px; } .mission-quote__inner::before { content: ''; position: absolute; display: block; top: 0; left: 0; width: 100px; height: 85px; background: url(/local/templates/tpl_valfex/css/../images/icon-quote-left.png) 0 0 no-repeat; z-index: -1; } .mission-principles { padding-bottom: 40px; } .mission-principles__title { font-size: 30px; padding-bottom: 20px; } .mission-asterisk { font-size: 15px; font-weight: 300; line-height: 24px; } .mission-asterisk__inner { padding: 10px 25px; border: 1px solid #e7e7e7; border-radius: 10px; background: #fbfbfb; } .mission-principles__list { display: flex; justify-content: flex-start; align-items: stretch; align-content: flex-start; flex-wrap: nowrap; list-style-type: none; margin: 0; padding: 0; } .mission-principles__item { display: block; width: 16.666%; background: #fff; cursor: pointer; transition: all .3s ease; } .mission-principles__item.active { position: relative; background: #fff; box-shadow: 0 5px 25px rgba(0,0,0,.15); } .mission-principles__item.active:after { position: relative; content: ''; top: 0; left: 0; width: 100%; height: 22px; background: #fff; display: block; z-index: 10; } .mission-principles__item-link { position: relative; display: flex; justify-content: center; align-items: flex-end; padding: 15px 9px 20px 9px; color: #222; font-size: 14px; text-align: center; text-decoration: none; min-height: 160px; } .mission-principles__item { display: block; font-size: 15px; font-weight: 500; } .mission-principles__item-icon { position: absolute; top: 10px; left: 15px; line-height: 1; font-size: 150px; font-weight: 700; color: #efefef; z-index: 1; transition: all .3s ease; } .mission-principles__item.active .mission-principles__item-icon { color: #d70000; } .mission-principles__item-name { position: relative; z-index: 10; font-weight: 700; font-size: 16px; } .mission-principles__tab-content { display: none; padding: 30px 25px 20px; color: #222; font-size: 15px; line-height: 24px; position: relative; overflow: hidden; background: #fff; box-shadow: 0 5px 25px rgba(0,0,0,.15); transition: all .3s ease; } /* ========================================================================== Cookies Popup ========================================================================== */ .cookies-popup { display: none; position: fixed; left: 0; right: 0; bottom: 20px; width: 900px; padding: 20px 35px; margin-left: auto; margin-right: auto; align-items: center; background-color: #fff; border-radius: 20px; box-shadow: 0 4px 30px rgba(0, 0, 0, .2); z-index: 99999; } .cookies-popup__info { padding-right: 30px; } .cookies-popup__info p { font-size: 13px; color: #333; } .cookies-popup__button { font-size: 14px; font-weight: 500; color: #fff; border-radius: 50px; padding: 15px 25px; transition: .3s ease all; background: #d70000; border: 1px solid #d70000; } .cookies-popup__button:hover { box-sizing: border-box; color: #fff; background: none; color: #d70000; } /* ========================================================================== Страница "Где купить" ========================================================================== */ .where-buy__map { display: flex; flex-wrap: nowrap; justify-content: space-between; padding-bottom: 50px; } .where-buy__map-left { width: 460px; } .where-buy__map-right { width: 700px; } .where-buy__list { scrollbar-width: thin; overflow-y: auto; overflow-x: hidden; height: 700px; padding-right: 5px; margin-right: 5px; } .where-buy__item { background-color: #ffffff; border: 1px solid #eaeaea; border-radius: 10px; padding: 15px 20px; transition: all .3s ease; color: #333; margin-bottom: 10px; } .where-buy__item::last-child { margin-bottom: 0; } .where-buy-item__link { cursor: pointer; text-decoration: underline; transition: all .15s ease; } .where-buy-item__link:hover { color: #d70000; } .where-buy-item__header { padding-bottom: 15px; } .where-buy-item__title { display: inline-block; margin-bottom: 5px; border-bottom: 1px dashed #ccc; line-height: 20px; font-size: 18px; font-weight: 700; cursor: pointer; } .where-buy-item__desc { font-size: 13px; font-weight: 300; color: #555; } .where-buy-item__content { font-size: 14px; } .where-buy-item__contact { display: flex; align-items: center; padding-bottom: 5px; } .where-buy-item__contact span { line-height: 18px; } .where-buy-item__contact a { color: #333; } .where-buy-item__icon { padding-right: 10px; } .where-buy-item__contact svg { width: 15px; height: auto; fill: #333; } .where-buy-item__bottom a { display: flex; align-items: flex-start; gap: 4px; font-size: 14px; color: #d70000; } .where-buy-item__bottom a svg { fill: currentColor; width: 8px; transition: transform 0.3s ease 0s; } .where-buy-item__bottom:hover a svg { transform: translate(2px, -2px); } /* ========================================================================== Где купить --> Горизонтальный фильтр ========================================================================== */ .where-buy__filter { margin-bottom: 20px; } .where-buy-filter__inner { padding: 20px; border: 1px solid #eee; border-radius: 8px; background: #f8f8f8; } .where-buy-filter__title { font-size: 18px; font-weight: 600; color: #222; padding-bottom: 5px; margin-bottom: 20px; border-bottom: 1px solid #e2e2e2; } .where-buy-filter__form form { display: flex; justify-content: space-between; align-items: center; } .where-buy-filter__form label { display: block; margin-bottom: 5px; } form .where-buy-filter__input input, form .where-buy-filter__input select { display: block; width: 100%; padding: 6px 5px; font-size: 14px; line-height: 1.4; color: #333; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .where-buy-filter__group { width: 40%; margin-right: 20px; } .where-buy-filter__group--buttons { display: flex; justify-content: flex-start; align-self: flex-end; } .where-buy-filter__group--buttons input[type="submit"] { font-size: 14px; font-weight: 500; color: #fff; border: 1px solid #d70000; border-radius: 50px; padding: 10px 15px; transition: .3s ease all; background: #d70000; } .where-buy-filter__group--buttons input[type="submit"]:last-child { margin-left: 10px; } .where-buy-filter__group--buttons input[type="submit"]:hover { opacity: 0.9; } .where-buy-filter__group--buttons input[type="submit"].where-buy-filter__button--gray { color: #666; border: 1px solid #cacaca; background: #e0e0e0; } /* ========================================================================== Где купить --> Маркетплейсы и DIY-сети ========================================================================== */ .where-buy-logos__list { margin: 0 -15px; display: flex; flex-wrap: wrap; justify-items: center; } .where-buy-logos__item { display: flex; align-items: center; max-width: 230px; max-height: 80px; margin-left: 15px; margin-bottom: 15px; padding: 20px 30px; border: 1px solid #e5e5e5; border-radius: 8px; cursor: pointer; transition: all .5s ease; } .where-buy-logos__item:hover { opacity: 0.8; background: #f5f5f5; border-color: #ccc; } /* ========================================================================== О компании ver 2.0 --> Video блок ========================================================================== */ .about-page .with-padding { padding-top: 40px; } .about-page .page-header { position: relative; z-index: 10; } .about-page .breadcrumbs li a { color: #999; } .about-page .breadcrumbs li > span { color: #666; } .about-page .video-section { position: relative; margin-bottom: 50px; margin-top: -85px; box-shadow: 0 30px 50px rgba(0, 0, 0, .05); } .about-page .video-section .video-container { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } .about-page .video-section .mask { -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); position: relative; z-index: 2; display: flex; align-items: center; align-content: center; justify-content: center; flex-direction: column; background: #333; mix-blend-mode: multiply; width: 100%; color: #fff; transition: opacity 1s ease, transform .1s linear; padding-bottom: 30px; padding-top: 50px; } .about-page .video-section .video-container img, .about-page .video-section video { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; -o-object-fit: cover; object-fit: cover; } .about-page .video-section .bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition-property: opacity; transition-duration: .3s; transition-timing-function: ease; background: no-repeat 50% 50% #02141a; background-size: cover; mix-blend-mode: screen; pointer-events: none; z-index: 3; } .about-page .video-section .content-container { position: relative; z-index: 4; } .about-page .video-section .text { font: 700 32px/1.1 'Rubik', sans-serif; text-transform: uppercase; text-align: center; } .about-page .video-section .text p { margin: 0; width: 100%; } .about-page .video-section .text p:not(.multiline) { white-space: nowrap; } .about-page .video-section .text p > .textFitted { display: inline-block; font-size: 288px; } .about-page .video-section .text p.light > .textFitted { display: inline-block; font-size: 52px; } .about-page .video-section .text img { display: block; margin: 0 auto; max-width: 100%; } .about-page .video-section .text .light { font-weight: 300; } /* ========================================================================== О компании ver 2.0 --> Блок "О компании" ========================================================================== */ .about__button { font-size: 14px; font-weight: 500; color: #d90000; border-radius: 15px; padding: 15px 30px; transition: .3s ease all; background: none; border: 1px solid #d90000; } .about__button:hover { box-sizing: border-box; color: #fff; background: #d90000; } .about__button.with-arrow::after { background: url(/local/templates/tpl_valfex/css/../images/arrow-right-btn-red.svg) 0 0 no-repeat; } .about__button.with-arrow:hover::after { background: url(/local/templates/tpl_valfex/css/../images/arrow-right-btn-white.svg) 0 0 no-repeat; } .about-company { box-shadow: 0 30px 50px rgba(0, 0, 0, .05); padding-bottom: 60px; } .about-company__title { font-size: 38px; font-weight: 900; margin-bottom: 20px; } .about-company__wrapper { display: flex; flex-wrap: nowrap; } .about-company__left { width: 580px; } .about-company__right { width: 510px; margin-left: 70px; } .about-company__text { padding-bottom: 40px; font-size: 16px; line-height: 24px; } .about-company__text > span { font-weight: 900; } .about-company__video.media__item { height: 350px; border-radius: 15px; } .about-company__video.media__item:before { border-radius: 15px; background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%); } .about-company__video.media__item:after { background: url(/local/templates/tpl_valfex/css/../images/icon-play-red.png); width: 80px; height: 80px; opacity: 1; } .about-today__title { padding-bottom: 15px; font-size: 20px; font-weight: 900; } .about-today__title > span { color: #d90000; } .about-advantages { display: flex; align-items: center; justify-content: space-between; } .about-advantages__item { text-align: center; } .about-advantages__item-icon { margin-bottom: 20px; } .about-advantages__item-description { font-size: 15px; font-weight: 500; } /* ========================================================================== О компании ver 2.0 --> Блок "Миссия компании" ========================================================================== */ .about-mission { padding-top: 40px; padding-bottom: 50px; box-shadow: 0 30px 50px rgba(0, 0, 0, .05); } .mission-company__title { font-size: 38px; font-weight: 900; } .mission-quote { position: relative; padding: 30px 40px; border: 2px solid #d90000; border-radius: 15px; padding-left: 160px; } .mission-quote::before { content: ''; position: absolute; display: block; top: 30px; left: 40px; width: 100px; height: 65px; background: url(/local/templates/tpl_valfex/css/../images/icon-quote-red.png) 0 0 no-repeat; background-size: contain; z-index: -1; } .mission-quote__title { font-size: 42px; font-weight: 900; line-height: 1; margin-bottom: 40px; } .mission-quote__list { display: flex; justify-content: space-between; align-items: center; } .mission-quote__item { width: 450px; font-size: 18px; /* font-style: italic; */ } .mission-quote__item:first-child { padding-right: 30px; border-right: 1px solid #d90000; } /* ========================================================================== О компании ver 2.0 --> Блок "Производство" ========================================================================== */ .about-factory { padding-top: 40px; padding-bottom: 60px; box-shadow: 0 30px 50px rgba(0, 0, 0, .05); } .about-factory__header { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; padding-bottom: 50px; } .about-factory__title { margin-bottom: 5px; font-size: 38px; font-weight: 900; line-height: 1; } .about-factory__subtitle { font-size: 20px; font-weight: 300; } .about-factory__slide a img { border-radius: 15px; width: 100%; height: 160px; object-fit: cover; display: block; } .about-factory__row { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin: 0 -5px; padding-bottom: 5px; } .about-factory__col { width: 50%; height: 360px; padding: 5px; } .about-factory__content { background: #f7f7f7; border-radius: 15px; padding: 25px 0; margin-bottom: 30px; } .about-factory__content-caption { border-left: 2px solid #d90000; /* border-right: 2px solid #d90000; */ font-weight: 300; padding: 0 35px; } .about-factory__content-title { font-size: 20px; margin-bottom: 20px; color: #242424; font-weight: 700; } .about-factory__content-subtitle { font-size: 18px; } /* .about-factory__item { position: relative; display: block; overflow: hidden; height: 100%; min-height: 220px; border-radius: 15px; background-color: #f6f6f6; transition: all .3s ease; z-index: 100; background-repeat: no-repeat; background-size: cover; } .about-factory__item::before { position: absolute; display: block; content: ''; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 70%); z-index: 10; border-radius: 15px; transition: all .3s ease; } .about-factory__item:hover::before { opacity: .7; } .about-factory__item-content { position: absolute; left: 0; right: 0; bottom: 0; padding: 20px; z-index: 20; color: #fff; transition: transform .4s ease; } .about-factory__item-title { font-size: 17px; line-height: 1.4; font-weight: 700; color: #fff; transform: translateY(35px); transition: all .4s ease; display: inline-flex; padding: 5px 10px; border-radius: 10px; } .about-factory__item-description { opacity: 0; margin-top: 10px; font-size: 15px; line-height: 1.5; color: rgba(255,255,255,.9); transform: translateY(20px); transition: opacity .35s ease, transform .35s ease; } .about-factory__item:hover .about-factory__item-title { transform: translateY(0); background: #d90000; } .about-factory__item:hover .about-factory__item-description { opacity: 1; transform: translateY(0); } */ .about-factory__item { position: relative; display: block; height: 100%; min-height: 220px; border-radius: 15px; background-color: #f6f6f6; background-repeat: no-repeat; background-size: cover; background-position: center; overflow: hidden; z-index: 100; } .about-factory__item::after { position: absolute; display: block; content: ''; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 70%); z-index: 10; border-radius: 15px; transition: all .3s ease; } /* Видео */ .about-factory__item-video { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; z-index: 1; transition: opacity .4s ease; transform: scale(1.1); object-fit: cover; } /* Затемнение поверх видео */ .about-factory__item::before { content: ''; position: absolute; inset: 0; background: rgba(0, 0, 0, .1); opacity: 0; z-index: 10; transition: opacity .4s ease; } /* Контент */ .about-factory__item-content { position: absolute; left: 0; right: 0; bottom: 0; padding: 40px 25px; z-index: 20; color: #fff; transition: opacity .35s ease, transform .35s ease; } /* Заголовок */ .about-factory__item-title { display: inline-flex; font-size: 16px; font-weight: 700; color: #fff; background: rgb(217 0 0 / 80%); padding: 5px 15px; border-radius: 6px; } /* Описание */ .about-factory__item-description { font-size: 14px; line-height: 1.5; color: rgba(255, 255, 255, .9); opacity: 1; transform: translateY(15px); transition: opacity .35s ease, transform .35s ease; } .about-factory__item-video-expand, .about-factory__item-link { position: absolute; top: 20px; right: 20px; display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; padding: 0; border: 1px solid rgba(255, 255, 255, .5); border-radius: 50%; background: rgba(0, 0, 0, .35); color: #fff; z-index: 30; opacity: 0; transition: all .3s ease; cursor: pointer; } .about-factory__item-link { top: 70px; } .about-factory__item-video-expand:focus, .about-factory__item-link:focus { color: #fff; border: 1px solid rgba(255, 255, 255, .5); } .about-factory__item:hover .about-factory__item-video-expand, .about-factory__item:hover .about-factory__item-link { opacity: 1; } .about-factory__item-video-expand:hover, .about-factory__item-link:hover { background: #d90000; border-color: #d90000; } .about-factory__item-video-expand svg, .about-factory__item-link svg { display: block; color: #fff; } .about-factory__item:hover .about-factory__item-video, .about-factory__item:hover .about-factory__item-description { opacity: 1; /* transform: translateY(0); */ opacity: 1; } .about-factory__item:hover::before { opacity: 1; } .about-factory__item:hover .about-factory__item-content { opacity: 0; transform: translateY(20px); } /* ========================================================================== О компании ver 2.0 --> Блок "Наши принципы" ========================================================================== */ .about-principles { padding-top: 40px; padding-bottom: 60px; box-shadow: 0 30px 50px rgba(0, 0, 0, .05); } .about-principles__caption { padding-bottom: 50px; } .about-principles__title { margin-bottom: 5px; font-size: 38px; font-weight: 900; line-height: 1; } .about-principles__subtitle { font-size: 20px; font-weight: 300; } .about-principles__left, .about-principles__right { width: 45%; } .about-principles__faq { display: flex; justify-content: space-between; flex-wrap: wrap; } .about-principles__faq-item { padding: 25px 0; border-bottom: 1px solid #eee; } .about-principles__left .about-principles__faq-item:first-child, .about-principles__right .about-principles__faq-item:first-child { border-top: 1px solid #eee; } .faq__header { display: flex; justify-content: space-between; align-items: center; transition-property: color, opacity; transition-duration: .2s; transition-timing-function: ease; cursor: pointer; } .faq__header:hover { color: #d90000; } .faq__title { font-weight: 700; font-size: 24px; } .faq__icon { position: relative; justify-self: right; width: 36px; height: 36px; background: #d90000; border-radius: 15px; } .faq__icon::before, .faq__icon::after { content: ''; position: absolute; top: 17px; left: 9px; display: block; background: #fff; width: 18px; height: 2px; transition-property: transform; transition-duration: .2s; transition-timing-function: ease; } .faq__icon::before { transform: rotate(90deg); } .faq.open .faq__icon::before { transform: rotate(0deg); } .faq__text { margin-top: 20px; width: 90%; } /* ========================================================================== О компании ver 2.0 --> Блок "Логистика" ========================================================================== */ .about-logistic { box-shadow: 0 30px 50px rgba(0, 0, 0, .05); padding-top: 40px; padding-bottom: 50px; } .about-logistic__caption { padding-bottom: 40px; } .about-logistic__title { margin-bottom: 5px; font-size: 38px; font-weight: 900; line-height: 1; } .about-logistic__subtitle { font-size: 20px; font-weight: 300; } .about-logistic__wrapper { display: flex; flex-wrap: nowrap; align-items: center; } .about-logistic__left { width: 630px; } .about-logistic__right { width: 495px; margin-left: 35px; } .about-logistic__text { line-height: 24px; margin-bottom: 25px; } .about-logistic__image img { border-radius: 15px; } /* ========================================================================== О компании ver 2.0 --> Блок "Цифры" ========================================================================== */ .about-digits { box-shadow: 0 30px 50px rgba(0, 0, 0, .05); padding-top: 40px; padding-bottom: 50px; } .about-digits__header { display: flex; flex-wrap: nowrap; justify-content: space-between; padding-bottom: 40px; } .about-digits__caption { } .about-digits__title { margin-bottom: 5px; font-size: 38px; font-weight: 900; line-height: 1; } .about-digits__subtitle { font-size: 20px; font-weight: 300; } /* Слайдер */ .digits-slider__item { text-align: center; } .digits-slider-item__inner { min-height: 135px; border-radius: 32px; border: 1px solid rgba(17, 17, 17, .1); padding: 10px; } .digits-slider-item__title { font-size: 48px; font-weight: 900; line-height: 1.5; } .digits-slider-item__desc { font-size: 15px; font-weight: 300; } /* Навигация слайдера */ .about-digits__nav-slider { display: flex; justify-items: center; align-items: flex-end; gap: 10px; } .about-digits__nav-next, .about-digits__nav-prev { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; background: #fff; border-radius: 15px; transition: all .2s ease; outline: none; border: 1px solid #e1e1e1; box-shadow: none; cursor: pointer; } .about-digits__nav-next svg, .about-digits__nav-prev svg { position: absolute; width: 12px; height: 15px; fill: #cdcdcd; transition: all .2s ease; } .about-digits__nav-next:hover svg, .about-digits__nav-prev:hover svg { fill: #fff; } .about-digits__nav-next:hover, .about-digits__nav-prev:hover { background: #d90000; border-color: transparent; } /* ========================================================================== О компании ver 2.0 --> Блок "Лаборатория" ========================================================================== */ .about-lab { box-shadow: 0 30px 50px rgba(0, 0, 0, .05); padding-top: 40px; padding-bottom: 50px; } .about-lab__caption { padding-bottom: 40px; } .about-lab__title { margin-bottom: 5px; font-size: 38px; font-weight: 900; line-height: 1; } .about-lab__subtitle { font-size: 20px; font-weight: 300; } .about-lab__wrapper { display: flex; flex-wrap: nowrap; align-items: center; } .about-lab__left { width: 495px; } .about-lab__right { width: 640px; margin-left: 35px; } .about-lab__text { line-height: 24px; margin-bottom: 25px; } .about-lab__image img { border-radius: 15px; } /* ========================================================================== О компании ver 2.0 --> Блок "История" ========================================================================== */ .about-history { box-shadow: 0 30px 50px rgba(0, 0, 0, .05); padding-top: 40px; padding-bottom: 40px; } .about-history__header { display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 40px; } .about-history__title { margin-bottom: 5px; font-size: 38px; font-weight: 900; line-height: 1; } .about-history__subtitle { font-size: 20px; font-weight: 300; } /* Слайдер История (года) */ .timeline, .timeline__years { position: relative; } .timeline__years { padding: 0 45px; margin-bottom: 35px; } .timeline__years:before { content: ''; position: absolute; width: 100%; height: 1px; left: 0; top: 8px; background: rgba(17,17,17,.3); } .timeline__year, .timeline__year:before { transition-duration: .2s; transition-timing-function: ease; } .timeline__year { transition-property: color; position: relative; display: flex; flex-direction: column; align-items: center; gap: 5px; cursor: pointer; } @media (pointer: coarse) { .timeline__year:active { color:#d90000; } } @media (pointer: fine),(-ms-high-contrast:none),(-ms-high-contrast:active) { .timeline__year:hover { color:#d90000; } .timeline__year:focus-visible { outline: 1px dashed #d90000!important; outline-offset: 5px; } } .timeline__year:before { width: 16px; height: 16px; transition-property: background-color; content: ''; border-radius: 4px; background: #ddd; } .timeline__year--active { pointer-events: none; } .timeline__year--active:before { background-color: #d90000; } .timeline__year > span { font-size: 16px; font-weight: 700; } /* Основной слайдер Истории */ .timeline__slide { display: grid; gap: 75px; grid-template-columns: 580px 505px; align-items: start; cursor: grab; } .timeline__picture { width: 580px; } .timeline__picture img, .timeline__picture picture { display: block; width: 100%; height: 380px; border-radius: 48px; object-fit: cover; } .timeline__text-wrap { padding: 15px 0 0 0; } .timeline__slide-year { font-size: 48px; font-weight: 900; color: #d90000; padding-bottom: 10px; } .timeline__slide-title { padding-bottom: 20px; font-size: 24px; font-weight: 700; color: #222; } .timeline__slide-text .dashed-list { margin-bottom: 0; } .timeline__slide-text .dashed-list > li { margin: 5px 0; } /* Навигация слайдера */ .about-history__nav-slider { display: flex; justify-items: center; align-items: flex-end; gap: 10px; } .about-history__nav-next, .about-history__nav-prev { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; background: #fff; border-radius: 15px; transition: all .2s ease; outline: none; border: 1px solid #e1e1e1; box-shadow: none; cursor: pointer; } .about-history__nav-next svg, .about-history__nav-prev svg { position: absolute; width: 12px; height: 15px; fill: #cdcdcd; transition: all .2s ease; } .about-history__nav-next:hover svg, .about-history__nav-prev:hover svg { fill: #fff; } .about-history__nav-next:hover, .about-history__nav-prev:hover { background: #d90000; border-color: transparent; } /* ========================================================================== О компании ver 2.0 --> Блок "География" ========================================================================== */ .about-geo { padding-top: 40px; padding-bottom: 60px; box-shadow: 0 30px 50px rgba(0, 0, 0, .05); } .about-geo__header { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; padding-bottom: 50px; } .about-geo__title { margin-bottom: 5px; font-size: 38px; font-weight: 900; line-height: 1; } .about-geo__subtitle { font-size: 20px; font-weight: 300; } .about-geo__desc { position: relative; width: 500px; padding-left: 20px; border-left: 1px solid #d90000; z-index: 10; } .about-geo__map .main-map__svg { position: relative; z-index: 5; margin-top: -80px; } .about-page .swiper-button-next { right: 0; } .about-page .swiper-button-prev { left: 0; } .about-page .swiper-button-next, .about-page .swiper-button-prev { width: 45px; height: 45px; background: #fff; border-radius: 15px; transition: all .2s ease; outline: none; border: 1px solid #e1e1e1; box-shadow: none; } .about-page .swiper-button-next:hover, .about-page .swiper-button-prev:hover { border-color: #d90000; box-shadow: none; } .about-page .swiper-button-next:hover svg, .about-page .swiper-button-prev:hover svg { fill: #d90000; } /* ========================================================================== О компании ver 2.0 --> Блок "Партнеры" ========================================================================== */ .about-parthners { padding-top: 40px; } .about-parthners__list { position: relative; } .about-parthners__caption { padding-bottom: 50px; } .about-parthners__title { margin-bottom: 5px; font-size: 38px; font-weight: 900; line-height: 1; } .about-parthners__subtitle { font-size: 20px; font-weight: 300; } /* ========================================================================== Footer ========================================================================== */ .footer { position: relative; min-width: 1200px; margin: -542px auto 0; min-height: 542px; background: #333; border-top: 1px solid #f0f0f0; } .footer__menu { padding: 70px 0; background: #f9f9f9; } .footer-nav__wrapper { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } .footer-nav__col { position: relative; -ms-flex-preferred-size: 20%; flex-basis: 20%; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; } .footer-nav__item { margin-bottom: 10px; } .footer-nav__item:last-child { margin-bottom: 0; } .footer-nav__item--title { font-family: 'Museo Sans', 'Open Sans', sans-serif; font-size: 16px; font-weight: 700; color: #222; margin-bottom: 15px; } .footer-nav__item--title .footer-nav__link { font-family: 'Museo Sans', 'Open Sans', sans-serif; font-size: 16px; font-weight: 700; color: #222; } .footer-nav__link { font-size: 14px; font-weight: 300; line-height: 1; color: #222; } .footer-nav__link:hover { color: #d70000; } /* ========================================================================== Footer -> Contacts ========================================================================== */ .footer__contacts { position: relative; margin-top: 10px; } .footer__contacts-item { margin-bottom: 20px; } .footer__contacts-item-title { color: #222; font-size: 14px; font-weight: 500; margin-bottom: 5px; } .footer__contacts-item-body { margin-bottom: 5px; color: #222; font-size: 16px; font-weight: 700; } .footer__question-button { } .footer__question-button .button { background: none; border: 1px solid #c5c5c5; color: #222; padding: 15px 50px; font-weight: 700; transition: .2s ease all; } .footer__question-button .button:hover { opacity: 1; background: #b91b21; color: #fff; border: 1px solid #b91b21; } /* ========================================================================== Footer -> Bottom ========================================================================== */ .footer-bottom { position: relative; padding: 20px 0; background: #8d0f13; background: -webkit-linear-gradient(bottom, #921014, #c71017); background: -moz-linear-gradient(bottom, #921014, #c71017); background: linear-gradient(to top, #921014, #c71017); } /* ========================================================================== Footer -> New Year background ========================================================================== */ /* .footer-bottom:before { content: ''; position: absolute; top: 0; display:block; background: url(/local/templates/tpl_valfex/images/bg-footer-newyear-2022.png) 0 0 no-repeat; width: 100%; height: 100%; } */ /* ========================================================================== //END Footer -> New Year background ========================================================================== */ .footer-bottom__wrapper { display: flex; align-items: center; } .footer-bottom__text { color: #fff; font-size: 13px; width: 350px; margin-left: 50px; } .footer-bottom__iso { margin-left: 25px; } .footer-social { margin-left: auto; } .footer-social__title { color: #fff; margin-bottom: 5px; } .footer-social__content { display: flex; } .footer-social__link { margin-right: 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-repeat: no-repeat; background-position: 50% 50%; } .footer-social__link svg .main-layer { fill: #fff; -webkit-transition: opacity .3s; transition: opacity .3s; } .footer-social__link:hover svg .main-layer { opacity: 0.8; } .footer-line { background: #a5080e; padding: 15px 0; } .footer-line__wrapper { display: flex; align-items: center; } .footer-line__copyright { color: #fff; font-size: 13px; } .footer-line__check-error { font-size: 13px; color: #fff; margin-left: auto; } .footer-line__check-error span { padding: 5px 15px; background: #c71017; border-radius: 4px; } .footer-line__created { font-size: 13px; color: #fff; margin-left: auto; } .footer-line__created > a { color: #fff; text-decoration: underline; } .footer-line__created > a:hover { text-decoration: none; } /* ========================================================================== Media Queries ========================================================================== */ @media only screen and (min-width: 35em) { } @media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { } /* ========================================================================== Helper classes ========================================================================== */ .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* ========================================================================== Print styles ========================================================================== */ @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* End */ /* Start:/local/templates/tpl_valfex/components/bitrix/search.title/catalog/style.css?16083160632340*/ div.title-search-result { box-shadow: 0 0 10px rgba(0,0,0,0.1); display:none; overflow:hidden; z-index:205; } table.title-search-result { border-collapse: collapse; border:none; width:100%; } table.title-search-result th { background-color: #f9f9f9; border-right: 1px solid #ececec; color: #666; font-size: 13px; font-weight: normal; padding-top: 2px; padding-bottom: 2px; padding-left: 14px; padding-right: 12px; text-align: right; vertical-align: top; white-space: nowrap; width: 1%; } table.title-search-result td { background-color:white; font-size: 13px; font-weight:normal; padding-top:2px; padding-bottom:2px; text-align:left; white-space:nowrap; } table.title-search-result td.title-search-item { padding-left:8px; padding-right:15px; } table.title-search-result td.title-search-item a { padding-left:4px; padding-right:15px; vertical-align:top; display:block; color: #222; } table.title-search-result td.title-search-item img { border: 1px solid #f5f5f5; margin-right: 15px; vertical-align:top; } table.title-search-result td.title-search-item b { color:#d70000; font-weight:normal; } table.title-search-result tr.title-search-selected td ,table.title-search-result tr.title-search-selected a ,table.title-search-result tr.title-search-selected td.title-search-more a { background-color:#f9f9f9; } table.title-search-result td.title-search-more { font-size:11px; font-weight:normal; padding-right:15px; padding-left:24px; padding-top:0px; } table.title-search-result td.title-search-more a { padding-left: 7px; padding-right: 15px; text-decoration: none; color: #999999; } table.title-search-result td.title-search-all { padding-left: 7px; padding-right: 15px; padding-top: 5px; padding-bottom: 5px; } table.title-search-result td.title-search-all a { padding-left:5px; text-decoration:none; color:#666; } table.title-search-result td.title-search-separator , table.title-search-result th.title-search-separator { padding-top:0px; padding-bottom:0px; font-size:4px; } div.title-search-fader { display:none; background-image: url('/local/templates/tpl_valfex/components/bitrix/search.title/catalog/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } p.title-search-preview { font-size:12px; } div.title-search-result td.title-search-price span { font-size: 26px; } /* End */ /* Start:/bitrix/components/slam/easyform/lib/css/bootstrap.min.css?160831607322741*/ .slam-easyform{font:normal 16px/1.4 "Arial", sans-serif}.slam-easyform .hidden{display:none!important;visibility:hidden!important}.slam-easyform .form-group{margin-bottom:15px}.slam-easyform .control-label{display:inline-block;margin-bottom:5px;font-weight:700}.slam-easyform .form-control{display:block;width:100%;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;box-sizing:border-box}.slam-easyform .form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)}.slam-easyform [class*="col-xs"]{float:left;position:relative;min-height:1px;padding-left:15px;padding-right:15px;box-sizing:border-box}.slam-easyform .row{margin-left:-15px;margin-right:-15px}.slam-easyform .row:before{content:" ";display:table;clear:both}.slam-easyform .col-xs-12{width:100%}.slam-easyform .col-xs-9{width:75%}.slam-easyform .col-xs-3{width:25%}.slam-easyform .radio-inline, .slam-easyform .checkbox-inline{display:inline-block;position:relative;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:400;cursor:pointer}.slam-easyform .help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}.slam-easyform .btn:active, .slam-easyform .btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125)}.slam-easyform .btn:hover, .slam-easyform .btn:focus{color:#333;text-decoration:none}.slam-easyform .btn-primary:active, .slam-easyform .btn-primary.active, .slam-easyform .open>.dropdown-toggle.btn-primary{background-image:none}.slam-easyform .btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125)}.slam-easyform .pull-right{float:right}.slam-easyform .pull-right{float:right!important}.slam-easyform .btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.slam-easyform .btn-primary:active:hover, .slam-easyform .btn-primary.active:hover, .slam-easyform .open>.dropdown-toggle.btn-primary:hover, .slam-easyform .btn-primary:active:focus, .slam-easyform .btn-primary.active:focus, .slam-easyform .open>.dropdown-toggle.btn-primary:focus, .slam-easyform .btn-primary:active.focus, .slam-easyform .btn-primary.active.focus, .slam-easyform .open>.dropdown-toggle.btn-primary.focus{color:#fff;background-color:#204d74;border-color:#122b40}.slam-easyform .btn-primary:active, .slam-easyform .btn-primary.active, .slam-easyform .open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.slam-easyform .btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.slam-easyform .btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.slam-easyform .btn-primary:active, .slam-easyform .btn-primary.active, .slam-easyform .open .dropdown-toggle.btn-primary{background-image:none}.slam-easyform .btn-primary:hover, .slam-easyform .btn-primary:focus, .slam-easyform .btn-primary:active, .slam-easyform .btn-primary.active, .slam-easyform .open .dropdown-toggle.btn-primary{color:#fff;background-color:#3276b1;border-color:#285e8e}.slam-easyform .btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.slam-easyform .pull-right{float:right !important}.slam-easyform input, .slam-easyform button, .slam-easyform select, .slam-easyform textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}.slam-easyform button, .slam-easyform input[type=button], .slam-easyform input[type=reset], .slam-easyform input[type=submit]{-webkit-appearance:button;cursor:pointer}.slam-easyform button, .slam-easyform select{text-transform:none}.slam-easyform button{overflow:visible}.slam-easyform button, .slam-easyform input[type="button"], .slam-easyform input[type="reset"], .slam-easyform input[type="submit"]{-webkit-appearance:button;cursor:pointer}.slam-easyform .close:not([disabled]):not(.disabled){cursor:pointer}.slam-easyform .modal-header .close{margin-top:-2px}.slam-easyform .modal-header .close{margin-top:-2px}.slam-easyform button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.slam-easyform .close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity: .2;filter:alpha(opacity=20)}.slam-easyform .modal:before{display:inline-block;vertical-align:middle;content:" ";height:100%}.slam-easyform .close:hover, .slam-easyform .close:focus{color:#000;text-decoration:none;cursor:pointer;opacity: .5;filter:alpha(opacity=50)}.slam-easyform .fade.in{opacity:1;background:rgba(0, 0, 0, .5)}.slam-easyform .modal{text-align:center}.modal-open .slam-easyform .modal{overflow-x:hidden}.slam-easyform .modal{display:none;overflow:auto;overflow-y:scroll;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.slam-easyform .fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear;background:none}.slam-easyform .modal.fade .modal-dialog{-webkit-transform:translate(0, -25%);-ms-transform:translate(0, -25%);transform:translate(0, -25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.slam-easyform .modal.in .modal-dialog{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.slam-easyform .modal-dialog{display:inline-block;text-align:left;vertical-align:middle}.slam-easyform .modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0, 0, 0, .2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0, 0, 0, .5);box-shadow:0 3px 9px rgba(0, 0, 0, .5);background-clip:padding-box;outline:0}.slam-easyform .modal-content{-webkit-box-shadow:0 5px 15px rgba(0, 0, 0, .5);box-shadow:0 5px 15px rgba(0, 0, 0, .5)}.slam-easyform .modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.42857143px}.slam-easyform .modal-body{position:relative;padding:20px}.slam-easyform .alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.slam-easyform .alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.slam-easyform .alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.slam-easyform .modal .modal-header .title{margin:0;font-size:22px;display:inline-block}.slam-easyform .has-success .help-block, .slam-easyform .has-success .control-label, .slam-easyform .has-success .radio, .slam-easyform .has-success .checkbox, .slam-easyform .has-success .radio-inline, .slam-easyform .has-success .checkbox-inline{color:#3c763d}.slam-easyform .clearfix:before, .slam-easyform .clearfix:after, .slam-easyform .container:before, .slam-easyform .container:after, .slam-easyform .container-fluid:before, .slam-easyform .container-fluid:after, .slam-easyform .row:before, .slam-easyform .row:after, .slam-easyform .form-horizontal .form-group:before, .slam-easyform .form-horizontal .form-group:after, .slam-easyform .btn-toolbar:before, .slam-easyform .btn-toolbar:after, .slam-easyform .btn-group-vertical>.btn-group:before, .slam-easyform .btn-group-vertical>.btn-group:after, .slam-easyform .nav:before, .slam-easyform .nav:after, .slam-easyform .navbar:before, .slam-easyform .navbar:after, .slam-easyform .navbar-header:before, .slam-easyform .navbar-header:after, .slam-easyform .navbar-collapse:before, .slam-easyform .navbar-collapse:after, .slam-easyform .pager:before, .slam-easyform .pager:after, .slam-easyform .panel-body:before, .slam-easyform .panel-body:after, .slam-easyform .modal-footer:before, .slam-easyform .modal-footer:after{content:" ";display:table;clear:both}@media (min-width:768px){.slam-easyform .modal-dialog{position:relative;width:auto;margin:10px}.slam-easyform .modal-dialog{width:600px;margin:30px auto}.slam-easyform .container{width:750px}.slam-easyform .container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}}@media (min-width:992px){.slam-easyform .container{width:970px}}@media (min-width:1200px){.slam-easyform .container{width:1170px}}.modal-open{overflow:hidden}.slam-easyform *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.slam-easyform .has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}.slam-easyform .has-error .help-block, .slam-easyform .has-error .control-label, .slam-easyform .has-error .radio, .slam-easyform .has-error .checkbox, .slam-easyform .has-error .radio-inline, .slam-easyform .has-error .checkbox-inline{color:#a94442}.slam-easyform .has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}.slam-easyform .radio input[type=radio], .slam-easyform .radio-inline input[type=radio], .slam-easyform .checkbox input[type=checkbox], .slam-easyform .checkbox-inline input[type=checkbox]{float:left;margin-left:-20px}.slam-easyform input[type=radio], .slam-easyform input[type=checkbox]{margin:4px 0 0;margin-top:1px 9;line-height:normal}.slam-easyform input[type=checkbox], .slam-easyform input[type=radio]{box-sizing:border-box;padding:0}.slam-easyform .has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168}.slam-easyform .has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483}.slam-easyform .container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.slam-easyform .col-xs-1, .slam-easyform .col-sm-1, .slam-easyform .col-md-1, .slam-easyform .col-lg-1, .slam-easyform .col-xs-2, .slam-easyform .col-sm-2, .slam-easyform .col-md-2, .slam-easyform .col-lg-2, .slam-easyform .col-xs-3, .slam-easyform .col-sm-3, .slam-easyform .col-md-3, .slam-easyform .col-lg-3, .slam-easyform .col-xs-4, .slam-easyform .col-sm-4, .slam-easyform .col-md-4, .slam-easyform .col-lg-4, .slam-easyform .col-xs-5, .slam-easyform .col-sm-5, .slam-easyform .col-md-5, .slam-easyform .col-lg-5, .slam-easyform .col-xs-6, .slam-easyform .col-sm-6, .slam-easyform .col-md-6, .slam-easyform .col-lg-6, .slam-easyform .col-xs-7, .slam-easyform .col-sm-7, .slam-easyform .col-md-7, .slam-easyform .col-lg-7, .slam-easyform .col-xs-8, .slam-easyform .col-sm-8, .slam-easyform .col-md-8, .slam-easyform .col-lg-8, .slam-easyform .col-xs-9, .slam-easyform .col-sm-9, .slam-easyform .col-md-9, .slam-easyform .col-lg-9, .slam-easyform .col-xs-10, .slam-easyform .col-sm-10, .slam-easyform .col-md-10, .slam-easyform .col-lg-10, .slam-easyform .col-xs-11, .slam-easyform .col-sm-11, .slam-easyform .col-md-11, .slam-easyform .col-lg-11, .slam-easyform .col-xs-12, .slam-easyform .col-sm-12, .slam-easyform .col-md-12, .slam-easyform .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.slam-easyform .col-xs-1, .slam-easyform .col-xs-2, .slam-easyform .col-xs-3, .slam-easyform .col-xs-4, .slam-easyform .col-xs-5, .slam-easyform .col-xs-6, .slam-easyform .col-xs-7, .slam-easyform .col-xs-8, .slam-easyform .col-xs-9, .slam-easyform .col-xs-10, .slam-easyform .col-xs-11, .slam-easyform .col-xs-12{float:left}.slam-easyform .col-xs-12{width:100%}.slam-easyform .col-xs-11{width:91.66666667%}.slam-easyform .col-xs-10{width:83.33333333%}.slam-easyform .col-xs-9{width:75%}.slam-easyform .col-xs-8{width:66.66666667%}.slam-easyform .col-xs-7{width:58.33333333%}.slam-easyform .col-xs-6{width:50%}.slam-easyform .col-xs-5{width:41.66666667%}.slam-easyform .col-xs-4{width:33.33333333%}.slam-easyform .col-xs-3{width:25%}.slam-easyform .col-xs-2{width:16.66666667%}.slam-easyform .col-xs-1{width:8.33333333%}.slam-easyform .col-xs-pull-12{right:100%}.slam-easyform .col-xs-pull-11{right:91.66666667%}.slam-easyform .col-xs-pull-10{right:83.33333333%}.slam-easyform .col-xs-pull-9{right:75%}.slam-easyform .col-xs-pull-8{right:66.66666667%}.slam-easyform .col-xs-pull-7{right:58.33333333%}.slam-easyform .col-xs-pull-6{right:50%}.slam-easyform .col-xs-pull-5{right:41.66666667%}.slam-easyform .col-xs-pull-4{right:33.33333333%}.slam-easyform .col-xs-pull-3{right:25%}.slam-easyform .col-xs-pull-2{right:16.66666667%}.slam-easyform .col-xs-pull-1{right:8.33333333%}.slam-easyform .col-xs-pull-0{right:0}.slam-easyform .col-xs-push-12{left:100%}.slam-easyform .col-xs-push-11{left:91.66666667%}.slam-easyform .col-xs-push-10{left:83.33333333%}.slam-easyform .col-xs-push-9{left:75%}.slam-easyform .col-xs-push-8{left:66.66666667%}.slam-easyform .col-xs-push-7{left:58.33333333%}.slam-easyform .col-xs-push-6{left:50%}.slam-easyform .col-xs-push-5{left:41.66666667%}.slam-easyform .col-xs-push-4{left:33.33333333%}.slam-easyform .col-xs-push-3{left:25%}.slam-easyform .col-xs-push-2{left:16.66666667%}.slam-easyform .col-xs-push-1{left:8.33333333%}.slam-easyform .col-xs-push-0{left:0}.slam-easyform .col-xs-offset-12{margin-left:100%}.slam-easyform .col-xs-offset-11{margin-left:91.66666667%}.slam-easyform .col-xs-offset-10{margin-left:83.33333333%}.slam-easyform .col-xs-offset-9{margin-left:75%}.slam-easyform .col-xs-offset-8{margin-left:66.66666667%}.slam-easyform .col-xs-offset-7{margin-left:58.33333333%}.slam-easyform .col-xs-offset-6{margin-left:50%}.slam-easyform .col-xs-offset-5{margin-left:41.66666667%}.slam-easyform .col-xs-offset-4{margin-left:33.33333333%}.slam-easyform .col-xs-offset-3{margin-left:25%}.slam-easyform .col-xs-offset-2{margin-left:16.66666667%}.slam-easyform .col-xs-offset-1{margin-left:8.33333333%}.slam-easyform .col-xs-offset-0{margin-left:0}@media (min-width:768px){.slam-easyform .col-sm-1, .slam-easyform .col-sm-2, .slam-easyform .col-sm-3, .slam-easyform .col-sm-4, .slam-easyform .col-sm-5, .slam-easyform .col-sm-6, .slam-easyform .col-sm-7, .slam-easyform .col-sm-8, .slam-easyform .col-sm-9, .slam-easyform .col-sm-10, .slam-easyform .col-sm-11, .slam-easyform .col-sm-12{float:left}.slam-easyform .col-sm-12{width:100%}.slam-easyform .col-sm-11{width:91.66666667%}.slam-easyform .col-sm-10{width:83.33333333%}.slam-easyform .col-sm-9{width:75%}.slam-easyform .col-sm-8{width:66.66666667%}.slam-easyform .col-sm-7{width:58.33333333%}.slam-easyform .col-sm-6{width:50%}.slam-easyform .col-sm-5{width:41.66666667%}.slam-easyform .col-sm-4{width:33.33333333%}.slam-easyform .col-sm-3{width:25%}.slam-easyform .col-sm-2{width:16.66666667%}.slam-easyform .col-sm-1{width:8.33333333%}.slam-easyform .col-sm-pull-12{right:100%}.slam-easyform .col-sm-pull-11{right:91.66666667%}.slam-easyform .col-sm-pull-10{right:83.33333333%}.slam-easyform .col-sm-pull-9{right:75%}.slam-easyform .col-sm-pull-8{right:66.66666667%}.slam-easyform .col-sm-pull-7{right:58.33333333%}.slam-easyform .col-sm-pull-6{right:50%}.slam-easyform .col-sm-pull-5{right:41.66666667%}.slam-easyform .col-sm-pull-4{right:33.33333333%}.slam-easyform .col-sm-pull-3{right:25%}.slam-easyform .col-sm-pull-2{right:16.66666667%}.slam-easyform .col-sm-pull-1{right:8.33333333%}.slam-easyform .col-sm-pull-0{right:0}.slam-easyform .col-sm-push-12{left:100%}.slam-easyform .col-sm-push-11{left:91.66666667%}.slam-easyform .col-sm-push-10{left:83.33333333%}.slam-easyform .col-sm-push-9{left:75%}.slam-easyform .col-sm-push-8{left:66.66666667%}.slam-easyform .col-sm-push-7{left:58.33333333%}.slam-easyform .col-sm-push-6{left:50%}.slam-easyform .col-sm-push-5{left:41.66666667%}.slam-easyform .col-sm-push-4{left:33.33333333%}.slam-easyform .col-sm-push-3{left:25%}.slam-easyform .col-sm-push-2{left:16.66666667%}.slam-easyform .col-sm-push-1{left:8.33333333%}.slam-easyform .col-sm-push-0{left:0}.slam-easyform .col-sm-offset-12{margin-left:100%}.slam-easyform .col-sm-offset-11{margin-left:91.66666667%}.slam-easyform .col-sm-offset-10{margin-left:83.33333333%}.slam-easyform .col-sm-offset-9{margin-left:75%}.slam-easyform .col-sm-offset-8{margin-left:66.66666667%}.slam-easyform .col-sm-offset-7{margin-left:58.33333333%}.slam-easyform .col-sm-offset-6{margin-left:50%}.slam-easyform .col-sm-offset-5{margin-left:41.66666667%}.slam-easyform .col-sm-offset-4{margin-left:33.33333333%}.slam-easyform .col-sm-offset-3{margin-left:25%}.slam-easyform .col-sm-offset-2{margin-left:16.66666667%}.slam-easyform .col-sm-offset-1{margin-left:8.33333333%}.slam-easyform .col-sm-offset-0{margin-left:0}}@media (min-width:992px){.slam-easyform .col-md-1, .slam-easyform .col-md-2, .slam-easyform .col-md-3, .slam-easyform .col-md-4, .slam-easyform .col-md-5, .slam-easyform .col-md-6, .slam-easyform .col-md-7, .slam-easyform .col-md-8, .slam-easyform .col-md-9, .slam-easyform .col-md-10, .slam-easyform .col-md-11, .slam-easyform .col-md-12{float:left}.slam-easyform .col-md-12{width:100%}.slam-easyform .col-md-11{width:91.66666667%}.slam-easyform .col-md-10{width:83.33333333%}.slam-easyform .col-md-9{width:75%}.slam-easyform .col-md-8{width:66.66666667%}.slam-easyform .col-md-7{width:58.33333333%}.slam-easyform .col-md-6{width:50%}.slam-easyform .col-md-5{width:41.66666667%}.slam-easyform .col-md-4{width:33.33333333%}.slam-easyform .col-md-3{width:25%}.slam-easyform .col-md-2{width:16.66666667%}.slam-easyform .col-md-1{width:8.33333333%}.slam-easyform .col-md-pull-12{right:100%}.slam-easyform .col-md-pull-11{right:91.66666667%}.slam-easyform .col-md-pull-10{right:83.33333333%}.slam-easyform .col-md-pull-9{right:75%}.slam-easyform .col-md-pull-8{right:66.66666667%}.slam-easyform .col-md-pull-7{right:58.33333333%}.slam-easyform .col-md-pull-6{right:50%}.slam-easyform .col-md-pull-5{right:41.66666667%}.slam-easyform .col-md-pull-4{right:33.33333333%}.slam-easyform .col-md-pull-3{right:25%}.slam-easyform .col-md-pull-2{right:16.66666667%}.slam-easyform .col-md-pull-1{right:8.33333333%}.slam-easyform .col-md-pull-0{right:0}.slam-easyform .col-md-push-12{left:100%}.slam-easyform .col-md-push-11{left:91.66666667%}.slam-easyform .col-md-push-10{left:83.33333333%}.slam-easyform .col-md-push-9{left:75%}.slam-easyform .col-md-push-8{left:66.66666667%}.slam-easyform .col-md-push-7{left:58.33333333%}.slam-easyform .col-md-push-6{left:50%}.slam-easyform .col-md-push-5{left:41.66666667%}.slam-easyform .col-md-push-4{left:33.33333333%}.slam-easyform .col-md-push-3{left:25%}.slam-easyform .col-md-push-2{left:16.66666667%}.slam-easyform .col-md-push-1{left:8.33333333%}.slam-easyform .col-md-push-0{left:0}.slam-easyform .col-md-offset-12{margin-left:100%}.slam-easyform .col-md-offset-11{margin-left:91.66666667%}.slam-easyform .col-md-offset-10{margin-left:83.33333333%}.slam-easyform .col-md-offset-9{margin-left:75%}.slam-easyform .col-md-offset-8{margin-left:66.66666667%}.slam-easyform .col-md-offset-7{margin-left:58.33333333%}.slam-easyform .col-md-offset-6{margin-left:50%}.slam-easyform .col-md-offset-5{margin-left:41.66666667%}.slam-easyform .col-md-offset-4{margin-left:33.33333333%}.slam-easyform .col-md-offset-3{margin-left:25%}.slam-easyform .col-md-offset-2{margin-left:16.66666667%}.slam-easyform .col-md-offset-1{margin-left:8.33333333%}.slam-easyform .col-md-offset-0{margin-left:0}}@media (min-width:1200px){.slam-easyform .col-lg-1, .slam-easyform .col-lg-2, .slam-easyform .col-lg-3, .slam-easyform .col-lg-4, .slam-easyform .col-lg-5, .slam-easyform .col-lg-6, .slam-easyform .col-lg-7, .slam-easyform .col-lg-8, .slam-easyform .col-lg-9, .slam-easyform .col-lg-10, .slam-easyform .col-lg-11, .slam-easyform .col-lg-12{float:left}.slam-easyform .col-lg-12{width:100%}.slam-easyform .col-lg-11{width:91.66666667%}.slam-easyform .col-lg-10{width:83.33333333%}.slam-easyform .col-lg-9{width:75%}.slam-easyform .col-lg-8{width:66.66666667%}.slam-easyform .col-lg-7{width:58.33333333%}.slam-easyform .col-lg-6{width:50%}.slam-easyform .col-lg-5{width:41.66666667%}.slam-easyform .col-lg-4{width:33.33333333%}.slam-easyform .col-lg-3{width:25%}.slam-easyform .col-lg-2{width:16.66666667%}.slam-easyform .col-lg-1{width:8.33333333%}.slam-easyform .col-lg-pull-12{right:100%}.slam-easyform .col-lg-pull-11{right:91.66666667%}.slam-easyform .col-lg-pull-10{right:83.33333333%}.slam-easyform .col-lg-pull-9{right:75%}.slam-easyform .col-lg-pull-8{right:66.66666667%}.slam-easyform .col-lg-pull-7{right:58.33333333%}.slam-easyform .col-lg-pull-6{right:50%}.slam-easyform .col-lg-pull-5{right:41.66666667%}.slam-easyform .col-lg-pull-4{right:33.33333333%}.slam-easyform .col-lg-pull-3{right:25%}.slam-easyform .col-lg-pull-2{right:16.66666667%}.slam-easyform .col-lg-pull-1{right:8.33333333%}.slam-easyform .col-lg-pull-0{right:0}.slam-easyform .col-lg-push-12{left:100%}.slam-easyform .col-lg-push-11{left:91.66666667%}.slam-easyform .col-lg-push-10{left:83.33333333%}.slam-easyform .col-lg-push-9{left:75%}.slam-easyform .col-lg-push-8{left:66.66666667%}.slam-easyform .col-lg-push-7{left:58.33333333%}.slam-easyform .col-lg-push-6{left:50%}.slam-easyform .col-lg-push-5{left:41.66666667%}.slam-easyform .col-lg-push-4{left:33.33333333%}.slam-easyform .col-lg-push-3{left:25%}.slam-easyform .col-lg-push-2{left:16.66666667%}.slam-easyform .col-lg-push-1{left:8.33333333%}.slam-easyform .col-lg-push-0{left:0}.slam-easyform .col-lg-offset-12{margin-left:100%}.slam-easyform .col-lg-offset-11{margin-left:91.66666667%}.slam-easyform .col-lg-offset-10{margin-left:83.33333333%}.slam-easyform .col-lg-offset-9{margin-left:75%}.slam-easyform .col-lg-offset-8{margin-left:66.66666667%}.slam-easyform .col-lg-offset-7{margin-left:58.33333333%}.slam-easyform .col-lg-offset-6{margin-left:50%}.slam-easyform .col-lg-offset-5{margin-left:41.66666667%}.slam-easyform .col-lg-offset-4{margin-left:33.33333333%}.slam-easyform .col-lg-offset-3{margin-left:25%}.slam-easyform .col-lg-offset-2{margin-left:16.66666667%}.slam-easyform .col-lg-offset-1{margin-left:8.33333333%}.slam-easyform .col-lg-offset-0{margin-left:0}} /* End */ /* Start:/bitrix/components/slam/easyform/lib/css/bootstrapValidator.min.css?1608316073565*/ /*! * BootstrapValidator (http://bootstrapvalidator.com) * The best jQuery plugin to validate form fields. Designed to use with Bootstrap 3 * * @version v0.5.2, built on 2014-09-25 4:01:07 PM * @author https://twitter.com/nghuuphuoc * @copyright (c) 2013 - 2014 Nguyen Huu Phuoc * @license MIT */ .bv-form .help-block{margin-bottom:0}.bv-form .tooltip-inner{text-align:left}.nav-tabs li.bv-tab-success>a{color:#3c763d}.nav-tabs li.bv-tab-error>a{color:#a94442}.bv-form .bv-icon-no-label{top:0}.bv-form .bv-icon-input-group{top:0;z-index:100} /* End */ /* Start:/local/templates/tpl_valfex/components/slam/easyform/dealer-request/style.css?16083160633944*/ .slam-easyform { font: normal 16px/1.4 "Museo Sans", sans-serif; } .slam-easyform .modal { text-align: center; } .slam-easyform .modal-content { border: none; -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3); } .slam-easyform .modal-body { padding: 30px; } .slam-easyform .modal-body .warning-buy { line-height: 18px; } .slam-easyform .modal-header { padding: 20px 30px; text-align: center; } .slam-easyform .form-group { margin-bottom: 10px; } .slam-easyform .form-group .checkbox { margin-bottom: 5px; } .slam-easyform .control-label { font-weight: 700; } .slam-easyform .control-label .asterisk { color: #d70000; } .slam-easyform .radio input[type=radio], .slam-easyform .radio-inline input[type=radio], .slam-easyform .checkbox input[type=checkbox], .slam-easyform .checkbox-inline input[type=checkbox] { margin-left: 0; } .slam-easyform .has-error .help-block, .slam-easyform .has-error .control-label, .slam-easyform .has-error .radio, .slam-easyform .has-error .checkbox, .slam-easyform .has-error .radio-inline, .slam-easyform .has-error .checkbox-inline { color: #c70000; } .slam-easyform .has-success .help-block, .slam-easyform .has-success .control-label, .slam-easyform .has-success .radio, .slam-easyform .has-success .checkbox, .slam-easyform .has-success .radio-inline, .slam-easyform .has-success .checkbox-inline { color: #222; } .slam-easyform .form-control { color: #222; } .slam-easyform .form-control:focus { border-color: #ccc; -webkit-box-shadow: none; box-shadow: none; } .slam-easyform .has-success .form-control, .slam-easyform .has-success .form-control:focus { border-color: #ccc; -webkit-box-shadow: none; box-shadow: none; } .slam-easyform .has-error .form-control { border-color: #c70000; } .slam-easyform .has-error .form-control:focus { border-color: #c70000; -webkit-box-shadow: none; box-shadow: none; } .slam-easyform .btn { position: relative; display: inline-block; width: auto; height: auto; text-decoration: none; border: none; outline: none; background: #c71017; background: -webkit-linear-gradient(bottom, #921014, #c71017); background: -moz-linear-gradient(bottom, #921014, #c71017); background: linear-gradient(to top, #921014, #c71017); font-family: 'Museo Sans', 'Open Sans', sans-serif; cursor: pointer; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; transition: opacity .3s ease; font-size: 14px; font-weight: 500; color: #fff; border-radius: 50px; padding: 15px 25px; transition: .3s ease all; } .slam-easyform .modal-body .ok-text { font-size: 15px; text-align: center; } @media screen and (min-width: 768px) { .slam-easyform .modal:before { display: inline-block; vertical-align: middle; content: " "; height: 100%; } } @media (min-width: 768px) { .slam-easyform .modal-dialog { //width: 450px; } } .slam-easyform .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; } .slam-easyform .modal .modal-header .title { margin: 0; display: inline-block; font-size: 22px; font-weight: 900; color: #222; } .hide-formvalidation small.help-block { display: none !important; } @keyframes spinner { to { transform: rotate(360deg) } } .slam-easyform .spinner, .slam-easyform .spinner:hover { position: relative; color: transparent } .slam-easyform .spinner:before { content: ''; box-sizing: border-box; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; border-radius: 50%; border: 2px solid #ccc; border-top-color: #333; animation: spinner .6s linear infinite } /* End */ /* Start:/local/templates/tpl_valfex/components/bitrix/catalog.section.list/header-catalog-menu/style.min.css?17296930216236*/ .bx_catalog_line{margin-bottom:30px}.bx_catalog_line .bx_catalog_line_category_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_catalog_line .bx_catalog_line_category_title a{color:#000;text-decoration:none}.bx_catalog_line .bx_catalog_line_ul{padding:0}.bx_catalog_line .bx_catalog_line_ul li{margin-bottom:20px;list-style:none}.bx_catalog_line .bx_catalog_line_ul li:before{content:''!important}.bx_catalog_line .bx_catalog_line_img{position:relative;display:block;float:left;overflow:hidden;margin-right:40px;width:125px;height:125px;border:1px solid #ccc;border-radius:2px;background-position:center;background-size:contain;background-repeat:no-repeat;-webkit-background-size:contain}.bx_catalog_line .bx_catalog_line_title{margin-bottom:10px;padding:0;vertical-align:top;line-height:18px}.bx_catalog_line .bx_catalog_line_title a{color:#4c7da6;font-size:18px}.bx_catalog_line .bx_catalog_line_title a:hover{text-decoration:none}.bx_catalog_line .bx_catalog_line_title span{font-size:16px}.bx_catalog_line .bx_catalog_line_description{color:#3f3f3f;font-size:13px;line-height:16px}@media(max-width:639px){.bx-touch .bx_catalog_line .bx_catalog_line_img{margin-right:10px;width:50px;height:50px}.bx-touch .bx_catalog_line .bx_catalog_line_title{margin-bottom:5px;line-height:14px}.bx-touch .bx_catalog_line .bx_catalog_line_title a{font-size:14px}.bx-touch .bx_catalog_line .bx_catalog_line_description{font-size:11px}}.bx_catalog_line .bx_catalog_line_img,.bx_catalog_line .bx_catalog_line_title,.bx_catalog_line .bx_catalog_line_title a,.bx_catalog_line .bx_catalog_line_description{transition:all .3s ease}.bx_catalog_text{margin-bottom:30px}.bx_catalog_text .bx_catalog_text_category_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_catalog_text .bx_catalog_text_category_title a{color:#000;text-decoration:none}.bx_catalog_text .bx_catalog_text_ul{padding:0}.bx_catalog_text .bx_catalog_text_ul li{float:left;margin:0 10px 10px;list-style:none}.bx_catalog_text .bx_catalog_text_ul li:before{content:''!important}.bx_catalog_text .bx_catalog_text_title{margin:0;padding:0;vertical-align:top;font-size:14px;line-height:14px}.bx_catalog_tile .bx_catalog_tile_title a{display:inline-block;overflow:hidden;max-width:100%;color:#4c7da6;-ms-text-overflow:ellipsis;text-overflow:ellipsis;font-size:14px}.bx_catalog_text .bx_catalog_text_title a:hover{text-decoration:none}.bx_catalog_text .bx_catalog_text_title span{font-size:12px}@media(max-width:639px){.bx-touch .bx_catalog_text .bx_catalog_line_title{margin-bottom:5px;line-height:12px}.bx-touch .bx_catalog_text .bx_catalog_line_title a{font-size:12px}}.bx_catalog_text .bx_catalog_line_title,.bx_catalog_text .bx_catalog_line_title a{transition:all .3s ease}.bx_catalog_tile{margin-bottom:30px}.bx_catalog_tile .bx_catalog_tile_category_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_catalog_tile .bx_catalog_tile_category_title a{color:#000;text-decoration:none}.bx_catalog_tile .bx_catalog_tile_ul{padding:0}.bx_catalog_tile .bx_catalog_tile_ul li{float:left;box-sizing:border-box;margin-bottom:20px;padding:0 10px;width:12.5%;list-style:none;text-align:center}.bx_catalog_tile .bx_catalog_tile_ul li:before{content:''!important}.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:both}.bx_catalog_tile .bx_catalog_tile_img{position:relative;display:block;overflow:hidden;margin:0 auto;width:78px;height:78px;border:1px solid #ccc;border-radius:2px;background-color:#fff;background-position:center;background-size:contain;background-repeat:no-repeat;-webkit-background-size:contain}.bx_catalog_tile .bx_catalog_tile_title{margin-top:5px;margin-bottom:10px;padding:0;vertical-align:top;line-height:14px}.bx_catalog_tile .bx_catalog_tile_title a{color:#4c7da6;font-size:14px}.bx_catalog_tile .bx_catalog_tile_title a:hover{text-decoration:none}.bx_catalog_tile .bx_catalog_tile_title span{font-size:12px}@media(max-width:980px){.bx_catalog_tile .bx_catalog_tile_ul li{width:20%}.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:none}.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear:both}}@media(max-width:639px){.bx-touch .bx_catalog_tile .bx_catalog_tile_title{margin-bottom:5px;line-height:14px}.bx-touch .bx_catalog_tile .bx_catalog_tile_title{line-height:10px}.bx-touch .bx_catalog_tile .bx_catalog_tile_title a{font-size:11px}}@media(min-width:480px) and (max-width:639px){.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li{width:25%}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(4n+1){clear:both}}@media(max-width:479px){.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li{width:33.3%}.bx-touch .bx_catalog_tile .bx_catalog_tile_img{width:100%;height:80px}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(3n+1){clear:both}}.bx_catalog_tile .bx_catalog_tile_title,.bx_catalog_tile .bx_catalog_tile_title a,.bx_catalog_tile .bx_catalog_tile_ul li,.bx_catalog_tile .bx_catalog_tile_img{transition:all .3s ease}.bx_sitemap{margin-bottom:30px}.bx_sitemap .bx_sitemap_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_sitemap .bx_sitemap_title a{color:#000;text-decoration:none}.bx_sitemap .bx_sitemap_ul li{padding:0;line-height:14px}.bx_sitemap .bx_sitemap_ul li:before{content:''!important}.bx_sitemap .bx_sitemap_li_title{display:inline-block;margin:0;margin-bottom:10px;padding:0;vertical-align:top;font-weight:normal;line-height:13px}.bx_sitemap .bx_sitemap_li_title a{color:#4c7da6;white-space:nowrap;font-size:13px}.bx_sitemap .bx_sitemap_li_title a:hover{text-decoration:none}.bx_sitemap .bx_sitemap_li_title span{font-size:11px}@media(max-width:639px){.bx-touch .bx_sitemap .bx_catalog_line_title{margin-bottom:5px;line-height:12px}.bx-touch .bx_sitemap .bx_catalog_line_title a{font-size:12px}}.bx_sitemap .bx_catalog_line_title,.bx_sitemap .bx_catalog_line_title a{transition:all .3s ease} /* End */ /* /local/templates/tpl_valfex/css/normalize.min.css?16083160641981 */ /* /local/templates/tpl_valfex/css/fonts.css?16083160643656 */ /* /local/templates/tpl_valfex/css/animate.css?160831606477758 */ /* /local/templates/tpl_valfex/js/vendor/fancybox/jquery.fancybox.min.css?160831606412795 */ /* /local/templates/tpl_valfex/js/vendor/fotorama/fotorama.css?160831606415141 */ /* /local/templates/tpl_valfex/js/vendor/swiper/swiper-bundle.min.css?160831606413676 */ /* /local/templates/tpl_valfex/css/main.css?1790931671220355 */ /* /local/templates/tpl_valfex/components/bitrix/search.title/catalog/style.css?16083160632340 */ /* /bitrix/components/slam/easyform/lib/css/bootstrap.min.css?160831607322741 */ /* /bitrix/components/slam/easyform/lib/css/bootstrapValidator.min.css?1608316073565 */ /* /local/templates/tpl_valfex/components/slam/easyform/dealer-request/style.css?16083160633944 */ /* /local/templates/tpl_valfex/components/bitrix/catalog.section.list/header-catalog-menu/style.min.css?17296930216236 */