/*Keyframes*/ @-webkit-keyframes lds-ellipsis1 { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes lds-ellipsis1 { 0% { -moz-transform: scale(0); transform: scale(0); } 100% { -moz-transform: scale(1); transform: scale(1); } } @-o-keyframes lds-ellipsis1 { 0% { -o-transform: scale(0); transform: scale(0); } 100% { -o-transform: scale(1); transform: scale(1); } } @keyframes lds-ellipsis1 { 0% { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-webkit-keyframes lds-ellipsis3 { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0); transform: scale(0); } } @-moz-keyframes lds-ellipsis3 { 0% { -moz-transform: scale(1); transform: scale(1); } 100% { -moz-transform: scale(0); transform: scale(0); } } @-o-keyframes lds-ellipsis3 { 0% { -o-transform: scale(1); transform: scale(1); } 100% { -o-transform: scale(0); transform: scale(0); } } @keyframes lds-ellipsis3 { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); } } @-webkit-keyframes lds-ellipsis2 { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(19px, 0); transform: translate(19px, 0); } } @-moz-keyframes lds-ellipsis2 { 0% { -moz-transform: translate(0, 0); transform: translate(0, 0); } 100% { -moz-transform: translate(19px, 0); transform: translate(19px, 0); } } @-o-keyframes lds-ellipsis2 { 0% { -o-transform: translate(0, 0); transform: translate(0, 0); } 100% { -o-transform: translate(19px, 0); transform: translate(19px, 0); } } @keyframes lds-ellipsis2 { 0% { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(19px, 0); -moz-transform: translate(19px, 0); -o-transform: translate(19px, 0); transform: translate(19px, 0); } } @-webkit-keyframes phone { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(40deg); transform: rotate(40deg); } 60% { -webkit-transform: rotate(0); transform: rotate(0); } 70% { -webkit-transform: rotate(40deg); transform: rotate(40deg); } 80% { -webkit-transform: rotate(0); transform: rotate(0); } 90% { -webkit-transform: rotate(40deg); transform: rotate(40deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @-moz-keyframes phone { 0% { -moz-transform: rotate(0); transform: rotate(0); } 50% { -moz-transform: rotate(40deg); transform: rotate(40deg); } 60% { -moz-transform: rotate(0); transform: rotate(0); } 70% { -moz-transform: rotate(40deg); transform: rotate(40deg); } 80% { -moz-transform: rotate(0); transform: rotate(0); } 90% { -moz-transform: rotate(40deg); transform: rotate(40deg); } 100% { -moz-transform: rotate(0); transform: rotate(0); } } @-o-keyframes phone { 0% { -o-transform: rotate(0); transform: rotate(0); } 50% { -o-transform: rotate(40deg); transform: rotate(40deg); } 60% { -o-transform: rotate(0); transform: rotate(0); } 70% { -o-transform: rotate(40deg); transform: rotate(40deg); } 80% { -o-transform: rotate(0); transform: rotate(0); } 90% { -o-transform: rotate(40deg); transform: rotate(40deg); } 100% { -o-transform: rotate(0); transform: rotate(0); } } @keyframes phone { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -o-transform: rotate(40deg); transform: rotate(40deg); } 60% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } 70% { -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -o-transform: rotate(40deg); transform: rotate(40deg); } 80% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } 90% { -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -o-transform: rotate(40deg); transform: rotate(40deg); } 100% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } } /* fonts */ @font-face { font-family: 'Exo 2'; src: local("Exo 2 Thin"), local("Exo2-Thin"), url("../fonts/exo2thin.woff2") format("woff2"), url("../fonts/exo2thin.woff") format("woff"), url("../fonts/exo2thin.ttf") format("truetype"); font-weight: 100; font-style: normal; } @font-face { font-family: 'Exo 2'; src: local("Exo 2 Thin Italic"), local("Exo2-ThinItalic"), url("../fonts/exo2thinitalic.woff2") format("woff2"), url("../fonts/exo2thinitalic.woff") format("woff"), url("../fonts/exo2thinitalic.ttf") format("truetype"); font-weight: 100; font-style: italic; } @font-face { font-family: 'Exo 2'; src: local("Exo 2 Extra Light"), local("Exo2-ExtraLight"), url("../fonts/exo2extralight.woff2") format("woff2"), url("../fonts/exo2extralight.woff") format("woff"), url("../fonts/exo2extralight.ttf") format("truetype"); font-weight: 200; font-style: normal; } @font-face { font-family: 'Exo 2'; src: local("Exo 2 Extra Light Italic"), local("Exo2-ExtraLightItalic"), url("../fonts/exo2extralightitalic.woff2") format("woff2"), url("../fonts/exo2extralightitalic.woff") format("woff"), url("../fonts/exo2extralightitalic.ttf") format("truetype"); font-weight: 200; font-style: italic; } @font-face { font-family: 'Exo 2'; src: local("Exo 2 Light"), local("Exo2-Light"), url("../fonts/exo2light.woff2") format("woff2"), url("../fonts/exo2light.woff") format("woff"), url("../fonts/exo2light.ttf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: 'Exo 2'; src: local("Exo 2 Light Italic"), local("Exo2-LightItalic"), url("../fonts/exo2lightitalic.woff2") format("woff2"), url("../fonts/exo2lightitalic.woff") format("woff"), url("../fonts/exo2lightitalic.ttf") format("truetype"); font-weight: 300; font-style: italic; } @font-face { font-family: 'Exo 2'; src: local("Exo 2"), local("Exo2-Regular"), url("../fonts/exo2.woff2") format("woff2"), url("../fonts/exo2.woff") format("woff"), url("../fonts/exo2.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: 'Exo 2'; src: local("Exo 2 Italic"), local("Exo2-Italic"), url("../fonts/exo2italic.woff2") format("woff2"), url("../fonts/exo2italic.woff") format("woff"), url("../fonts/exo2italic.ttf") format("truetype"); font-weight: 400; font-style: italic; } @font-face { font-family: 'Exo 2'; src: local("Exo 2 Medium"), local("Exo2-Medium"), url("../fonts/exo2medium.woff2") format("woff2"), url("../fonts/exo2medium.woff") format("woff"), url("../fonts/exo2medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: 'Exo 2'; src: local("Exo 2 Medium Italic"), local("Exo2-MediumItalic"), url("../fonts/exo2mediumitalic.woff2") format("woff2"), url("../fonts/exo2mediumitalic.woff") format("woff"), url("../fonts/exo2mediumitalic.ttf") format("truetype"); font-weight: 500; font-style: italic; } @font-face { font-family: 'Exo 2'; src: local("Exo 2 Semi Bold"), local("Exo2-SemiBold"), url("../fonts/exo2semibold.woff2") format("woff2"), url("../fonts/exo2semibold.woff") format("woff"), url("../fonts/exo2semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; } @font-face { font-family: 'Exo 2'; src: local("Exo 2 Semi Bold Italic"), local("Exo2-SemiBoldItalic"), url("../fonts/exo2semibolditalic.woff2") format("woff2"), url("../fonts/exo2semibolditalic.woff") format("woff"), url("../fonts/exo2semibolditalic.ttf") format("truetype"); font-weight: 600; font-style: italic; } @font-face { font-family: 'Exo 2'; src: local("Exo 2 Bold"), local("Exo2-Bold"), url("../fonts/exo2bold.woff2") format("woff2"), url("../fonts/exo2bold.woff") format("woff"), url("../fonts/exo2bold.ttf") format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: 'Exo 2'; src: local("Exo 2 Bold Italic"), local("Exo2-BoldItalic"), url("../fonts/exo2bolditalic.woff2") format("woff2"), url("../fonts/exo2bolditalic.woff") format("woff"), url("../fonts/exo2bolditalic.ttf") format("truetype"); font-weight: 700; font-style: italic; } @font-face { font-family: 'Exo 2'; src: local("Exo 2 Extra Bold"), local("Exo2-ExtraBold"), url("../fonts/exo2extrabold.woff2") format("woff2"), url("../fonts/exo2extrabold.woff") format("woff"), url("../fonts/exo2extrabold.ttf") format("truetype"); font-weight: 800; font-style: normal; } @font-face { font-family: 'Exo 2'; src: local("Exo 2 Extra Bold Italic"), local("Exo2-ExtraBoldItalic"), url("../fonts/exo2extrabolditalic.woff2") format("woff2"), url("../fonts/exo2extrabolditalic.woff") format("woff"), url("../fonts/exo2extrabolditalic.ttf") format("truetype"); font-weight: 800; font-style: italic; } @font-face { font-family: 'Exo 2'; src: local("Exo 2 Black"), local("Exo2-Black"), url("../fonts/exo2black.woff2") format("woff2"), url("../fonts/exo2black.woff") format("woff"), url("../fonts/exo2black.ttf") format("truetype"); font-weight: 900; font-style: normal; } @font-face { font-family: 'Exo 2'; src: local("Exo 2 Black Italic"), local("Exo2-BlackItalic"), url("../fonts/exo2blackitalic.woff2") format("woff2"), url("../fonts/exo2blackitalic.woff") format("woff"), url("../fonts/exo2blackitalic.ttf") format("truetype"); font-weight: 900; font-style: italic; } @font-face { font-family: 'Circe'; src: url("../fonts/Circe-Regular.eot"); src: local("Circe"), local("Circe-Regular"), url("../fonts/Circe-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Circe-Regular.woff") format("woff"), url("../fonts/Circe-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Circe'; src: url("../fonts/Circe-ExtraLight.eot"); src: local("Circe ExtraLight"), local("Circe-ExtraLight"), url("../fonts/Circe-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/Circe-ExtraLight.woff") format("woff"), url("../fonts/Circe-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; } @font-face { font-family: 'Circe'; src: url("../fonts/Circe-Thin.eot"); src: local("Circe Thin"), local("Circe-Thin"), url("../fonts/Circe-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Circe-Thin.woff") format("woff"), url("../fonts/Circe-Thin.ttf") format("truetype"); font-weight: 100; font-style: normal; } @font-face { font-family: 'Circe'; src: url("../fonts/Circe-Light.eot"); src: local("Circe Light"), local("Circe-Light"), url("../fonts/Circe-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Circe-Light.woff") format("woff"), url("../fonts/Circe-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: 'Circe'; src: url("../fonts/Circe-Bold.eot"); src: local("Circe Bold"), local("Circe-Bold"), url("../fonts/Circe-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Circe-Bold.woff") format("woff"), url("../fonts/Circe-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; } @font-face { font-family: 'Circe'; src: url("../fonts/Circe-ExtraBold.eot"); src: local("Circe ExtraBold"), local("Circe-ExtraBold"), url("../fonts/Circe-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Circe-ExtraBold.woff") format("woff"), url("../fonts/Circe-ExtraBold.ttf") format("truetype"); font-weight: 800; font-style: normal; } /* General */ a:hover { text-decoration: none; color: #EB0000; } a { color: inherit; -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } body { font-family: "Exo 2"; } body.overflow { overflow: hidden; -ms-touch-action: none; touch-action: none; } *, *:focus, *:focus-within { outline: none !important; outline-color: transparent !important; } p.phone { font-size: 14px; color: #000; padding-left: 25px; display: inline-block; position: relative; font-weight: 500; } p.phone.animated::before { -webkit-animation: 1s phone; -moz-animation: 1s phone; -o-animation: 1s phone; animation: 1s phone; -webkit-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); -moz-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); -o-animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } .flex-header { display: flex; align-items: center; justify-content: space-between; } div.social > a { -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-right: 3px; } div.social > a:hover { opacity: 0.6; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .flex-header .header-item { display: flex; align-items: center; } .flex-header .header-item p { font-size: 14px; color: #191A1C; margin: 0; } .flex-header .header-item p a { color: #EB0000; padding-left: 5px; } .flex-header .header-item p b { color: #EB0000; } .flex-header .header-item img { margin-right: 10px; } p.location { padding-left: 25px; position: relative; font-weight: 600; } p.location::before { content: url(../../images/location.svg); display: inline-block; position: absolute; top: 1px; left: 0; } .navbar-default .navbar-toggle .icon-bar { background-color: #EB0000; } .navbar-default .navbar-toggle { float: left; margin-top: -45px; border: none; } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: transparent; } /* Select box */ .select-hidden { display: none; visibility: hidden; padding-right: 10px; } input { border: 1px solid #e8e8e8; padding: 13px 19px; } .select { cursor: pointer; display: inline-block; position: relative; font-size: 16px; color: #000; width: 220px; height: 46px; font-size: 14px; color: #aaaaaa; } .tab-pane.fade { -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -webkit-transform: translateX(-30px); -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); -o-transform: translateX(-30px); transform: translateX(-30px); } .tab-pane.fade.in { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } .select-styled { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff; padding: 8px 15px; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; transition: all 0.2s ease-in; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; border-radius:0; border: 1px solid #E8E8E8; } .select-styled:after { content: ""; width: 0; height: 0; border: 5px solid transparent; border-color: #000 transparent transparent transparent; position: absolute; top: 20px; right: 20px; } .select-styled:hover { background-color: #f0f0f0; } .select-styled:active, .select-styled.active { background-color: #e8e8e8; } .select-styled:active:after, .select-styled.active:after { top: 15px; border-color: transparent transparent #000 transparent; } .select-options { display: none; position: absolute; top: 100%; right: 0; left: 0; z-index: 1000; margin: 0; padding: 0; list-style: none; background-color: #f5f5f5; } .select-options li { margin: 0; padding: 12px 0; text-indent: 15px; border-top: 1px solid gainsboro; -webkit-transition: all 0.15s ease-in; -o-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; transition: all 0.15s ease-in; } .select-options li:hover { color: #f5f5f5; background: #EB0000; } .select-options li[rel="hide"] { display: none; } /* Loader */ #loader { position: fixed; z-index: 999999999999999999999999; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background-color: #FFF; } #loader .lds-ellipsis { display: inline-block; position: relative; width: 64px; height: 64px; } #loader .lds-ellipsis div { position: absolute; top: 27px; width: 11px; height: 11px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #3db7e8; -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0); -moz-animation-timing-function: cubic-bezier(0, 1, 1, 0); -o-animation-timing-function: cubic-bezier(0, 1, 1, 0); animation-timing-function: cubic-bezier(0, 1, 1, 0); } #loader .lds-ellipsis div:nth-child(1) { left: 6px; -webkit-animation: lds-ellipsis1 0.6s infinite; -moz-animation: lds-ellipsis1 0.6s infinite; -o-animation: lds-ellipsis1 0.6s infinite; animation: lds-ellipsis1 0.6s infinite; } #loader .lds-ellipsis div:nth-child(2) { left: 6px; -webkit-animation: lds-ellipsis2 0.6s infinite; -moz-animation: lds-ellipsis2 0.6s infinite; -o-animation: lds-ellipsis2 0.6s infinite; animation: lds-ellipsis2 0.6s infinite; } #loader .lds-ellipsis div:nth-child(3) { left: 26px; -webkit-animation: lds-ellipsis2 0.6s infinite; -moz-animation: lds-ellipsis2 0.6s infinite; -o-animation: lds-ellipsis2 0.6s infinite; animation: lds-ellipsis2 0.6s infinite; } #loader .lds-ellipsis div:nth-child(4) { left: 45px; -webkit-animation: lds-ellipsis3 0.6s infinite; -moz-animation: lds-ellipsis3 0.6s infinite; -o-animation: lds-ellipsis3 0.6s infinite; animation: lds-ellipsis3 0.6s infinite; } /* Header */ header section { border-bottom: 1px solid #E8E8E8; } header section.top { padding: 8px 0; } header section.top p.location { float: left; margin-bottom: 0; margin-top: 3px; } header section.top div.social { float: right; } header section.top div.social a { margin-right: 1.5px; } header section.top div.social a > img { width: 25px; height: 24px; } header section.bottom { padding: 35px 0 0; background: #F5F5F5; border: none; margin-bottom: 30px; } header section.bottom .navbar-default { background-color: unset; border: none; margin: 0; min-height: auto; } .flex-header div#navbarCollapse { padding: 0; } .flex-header div#navbarCollapse ul.nav.navbar-nav { float: none; } .flex-item { display: flex; justify-content: space-between; } header section.bottom .navbar-default a { font-size: 14px; font-weight: bold; color: #191a1c; -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); padding: 0; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; display: flex; align-items: center; } header section.bottom .navbar-default a img { margin-right: 7px; } .flex-header div#navbarCollapse ul.nav.navbar-nav li { margin-left: 25px; } .flex-header div#navbarCollapse ul.nav.navbar-nav li:first-child { margin-left: 0; } header section.bottom .navbar-default li.active > a, header section.bottom .navbar-default li > a:hover, header section.bottom .navbar-default li.active > a:hover, header section.bottom .navbar-default li.active > a:focus { color: #EB0000; background-color: transparent; } header section.bottom a.user { color: #191A1C; font-size: 14px; -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); font-weight: bold; display: flex; align-items: center; } header section.bottom a.user img { margin-right: 5px; } .flex-header.footer { margin: 30px 0 25px; } header section.bottom a.user:hover { color: #EB0000; } header section.bottom div.links { padding-left: 0; } header section.bottom .searchContainer { padding: 0; } header section.bottom .searchForm { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; position: relative; } header section.bottom .searchForm .select-styled { -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; } header section.bottom .searchForm div.select { margin-right: -1px; } header section.bottom .searchForm input.search-input { width: 525px; padding-left: 35px; margin-right: -2px; font-weight: 500; } header section.bottom .searchForm input.search-input::-webkit-input-placeholder { color: #aaaaaa; font-weight: 500; font-size: 14px; letter-spacing: 0; } header section.bottom .searchForm input.search-input:-moz-placeholder { color: #aaaaaa; font-weight: 500; font-size: 14px; letter-spacing: 0; } header section.bottom .searchForm input.search-input::-moz-placeholder { color: #aaaaaa; font-weight: 500; font-size: 14px; letter-spacing: 0; } header section.bottom .searchForm input.search-input:-ms-input-placeholder { color: #aaaaaa; font-weight: 500; font-size: 14px; letter-spacing: 0; } header section.bottom .searchForm input.search-input::-ms-input-placeholder { color: #aaaaaa; font-weight: 500; font-size: 14px; letter-spacing: 0; } header section.bottom .searchForm input.search-input::placeholder { color: #aaaaaa; font-weight: 500; font-size: 14px; letter-spacing: 0; } header section.bottom .searchForm input.search-submit { background: #EB0000; border-radius: 100px; color: transparent; background-image: url(../../images/search.png); background-position: center; background-repeat: no-repeat; border-color: #EB0000; margin-left: -28px; width: 46px; -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); position: static; right: -20px; height: 46px; } header section.bottom .searchForm input.search-submit:hover { -webkit-box-shadow: #9e9e9e7a 0 10px 24px; -moz-box-shadow: #9e9e9e7a 0 10px 24px; box-shadow: #9e9e9e7a 0 10px 24px; } header section.bottom div.user_actions { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-right: 0; position: relative; } header section.bottom div.user_actions a.action { position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; margin-left: 15px; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; color: #000; -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } header section.bottom div.user_actions a.action:hover { color: #EB0000; } header section.bottom div.user_actions a.action span.count { position: absolute; color: #FFF; background-color: #EB0000; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 22px; height: 22px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; left: 32px; border: 1px solid #EB0000; top: -3px; } header section.bottom div.user_actions a.action svg > path { -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } header section.bottom div.user_actions a.action div.icon_container { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 40px; width: 40px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-right: 20px; -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } header section.bottom div.user_actions .user-cart { display: none; position: absolute; right: 0; top: 55px; width: 310px; background: #FFFFFF; border-radius: 10px; -webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.15); z-index: 30; padding: 0 25px; } header section.bottom div.user_actions .user-cart .cart-list .cart-item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; position: relative; border-bottom: 1px solid #eeeeee; padding: 25px 0 15px; } header section.bottom div.user_actions .user-cart .cart-list .cart-item .cart-item-image { width: 79px; height: 79px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px; background: #FAFAFA; border-radius: 5px; } header section.bottom div.user_actions .user-cart .cart-list .cart-item .cart-item-image img { max-width: 100%; height: 100%; background: #fff; padding: 13px 20px; width: 100%; border-radius: 5px } header section.bottom div.user_actions .user-cart .cart-list .cart-item .btn-remove { position: absolute; top: 18px; left: 65px; background: #FFF; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; border: 1px solid #e5e5e5; padding: 0; width: 18px; height: 18px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-family: none; color: #EB0000; } header section.bottom div.user_actions .user-cart .cart-list .cart-item .cart-item-description { padding: 0px 0 0px 20px; width: 181px; } header section.bottom div.user_actions .user-cart .cart-list .cart-item .cart-item-description .cart-item-title { display: block; font-weight: bold; font-size: 13px; color: #444; } .flex-header .languages ul { margin: 0 0 0 4px; padding: 0; display: flex; align-items: center; } .flex-header .languages { display: flex; align-items: center; } .flex-header .languages ul li { list-style: none; margin-left: 3px; } .flex-header .languages ul li a { font-size: 14px; line-height: 17px; color: #191A1C; } .flex-header .languages ul li a:hover { color: #EB0000; } header section.bottom div.user_actions .user-cart .cart-list .cart-item .cart-item-description .cart-item-price { display: block; font-weight: bold; font-size: 13px; color: #EB0000; } header section.bottom div.user_actions .user-cart .cart-footer { padding: 20px 0 30px; } header section.bottom div.user_actions .user-cart .cart-footer .cart-totals { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } header section.bottom div.user_actions .user-cart .cart-footer .cart-totals .cart-totals-desc { font-size: 14px; } header section.bottom div.user_actions .user-cart .cart-footer .cart-totals .cart-totals-value { font-size: 15px; font-weight: bold; } header section.bottom div.user_actions .user-cart .cart-footer .cart-checkout.button { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin: 20px auto 0; width: -webkit-fit-content; width: -moz-fit-content; width: 100%; padding: 13px 46px; color: #fff; background: #D52C29; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-transform: uppercase; font-size: 11px; font-weight: bold; letter-spacing: 1px; -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } header section.bottom div.user_actions .user-cart .cart-footer .cart-checkout.button:hover { -webkit-box-shadow: #9e9e9e7a 0 10px 24px; -moz-box-shadow: #9e9e9e7a 0 10px 24px; box-shadow: #9e9e9e7a 0 10px 24px; } main .content-box { margin-left: -15px; margin-right: -15px; } main .heading-box { border-bottom: 2px solid #EBEBEB; position: relative; margin-bottom: 30px; } main .heading-box ul > li > a, main .heading-box ul > li.active > a, main .heading-box ul > li:focus > a, main .heading-box ul > li:hover > a { padding: 0; background-color: transparent !important; } main .heading-box ul > li.active > a .heading::before { content: ""; position: absolute; left: 0; width: 100%; border-top: 2px solid #EB0000; bottom: 1px; z-index: 100; opacity: 1; } main .heading-box ul > li.active > a .heading, main .heading-box ul > li:focus > a .heading, main .heading-box ul > li:hover > a .heading { color: #222222; } main .heading-box ul > li > a .heading { -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); color: #848484; } main .heading-box ul > li > a .heading::before { opacity: 0; -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } main .heading-box a.more { font-size: 13px; color: #000; position: absolute; right: 0; bottom: 10px; -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); font-weight: 500; } main .heading-box a.more:hover { color: #EB0000; } main .shop-item { background: #F7F7F7; border-radius: 10px; min-height: 410px; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 10px; margin-bottom: 50px; max-width: 100%; margin-left: auto; margin-right: auto; padding: 10px 10px 0 10px; } main .shop-item .shop-image-square { height: 258px; position: relative; z-index: 0; background: #FFFFFF; border-radius: 10px; overflow: hidden; } main .shop-item .shop-title { position: absolute; bottom: 105px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } main .shop-item .fav { position: absolute; top: 20px; left: 20px; z-index: 3; } main .shop-item .fav:hover path, main .shop-item .fav.active path { fill: #EB0000; stroke: #EB0000; d: path("M24.490,10.420 C24.962,9.959 25.129,9.284 24.926,8.656 C24.721,8.027 24.189,7.579 23.534,7.484 L17.717,6.640 C17.470,6.603 17.255,6.448 17.145,6.224 L14.544,0.958 C14.252,0.367 13.660,-0.001 12.999,-0.001 C12.339,-0.001 11.746,0.367 11.454,0.958 L8.853,6.224 C8.743,6.448 8.528,6.603 8.280,6.640 L2.464,7.484 C1.810,7.579 1.277,8.027 1.073,8.656 C0.869,9.284 1.036,9.959 1.509,10.420 L5.717,14.518 C5.897,14.693 5.979,14.945 5.937,15.191 L4.943,20.978 C4.832,21.628 5.094,22.273 5.628,22.661 C6.162,23.050 6.857,23.100 7.443,22.792 L12.645,20.060 C12.867,19.943 13.131,19.943 13.353,20.060 L18.556,22.792 C18.810,22.926 19.085,22.991 19.359,22.991 C19.714,22.991 20.068,22.881 20.370,22.661 C20.905,22.273 21.167,21.628 21.055,20.978 L20.062,15.191 C20.019,14.945 20.101,14.693 20.281,14.518 L24.490,10.420 Z"); d: "M24.490,10.420 C24.962,9.959 25.129,9.284 24.926,8.656 C24.721,8.027 24.189,7.579 23.534,7.484 L17.717,6.640 C17.470,6.603 17.255,6.448 17.145,6.224 L14.544,0.958 C14.252,0.367 13.660,-0.001 12.999,-0.001 C12.339,-0.001 11.746,0.367 11.454,0.958 L8.853,6.224 C8.743,6.448 8.528,6.603 8.280,6.640 L2.464,7.484 C1.810,7.579 1.277,8.027 1.073,8.656 C0.869,9.284 1.036,9.959 1.509,10.420 L5.717,14.518 C5.897,14.693 5.979,14.945 5.937,15.191 L4.943,20.978 C4.832,21.628 5.094,22.273 5.628,22.661 C6.162,23.050 6.857,23.100 7.443,22.792 L12.645,20.060 C12.867,19.943 13.131,19.943 13.353,20.060 L18.556,22.792 C18.810,22.926 19.085,22.991 19.359,22.991 C19.714,22.991 20.068,22.881 20.370,22.661 C20.905,22.273 21.167,21.628 21.055,20.978 L20.062,15.191 C20.019,14.945 20.101,14.693 20.281,14.518 L24.490,10.420 Z"; } main .shop-item .shop-add-button { padding: 9px 54px; background: #FFFFFF; border: 2px solid #F7F7F7; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; bottom: -18px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); font-size: 11px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; color: #1C1E23; z-index: 3; } main .shop-item .shop-add-button svg { margin-right: 11px; } main .shop-item .shop-add-button svg path { -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } main .shop-item .shop-add-button:hover { color: #FFF; background: #EB0000; box-shadow: 0px 10px 24px rgba(158, 158, 158, 0.62); border-color: #EB0000; } main .shop-item .shop-add-button:hover svg path { fill: #FFF; } main .shop-item .shop-add-form { opacity: 0; visibility: hidden; -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); position: absolute; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; height: 40px; bottom: -18px; left: 50%; -webkit-transform: translateX(-50%) scaleY(0); -moz-transform: translateX(-50%) scaleY(0); -ms-transform: translateX(-50%) scaleY(0); -o-transform: translateX(-50%) scaleY(0); transform: translateX(-50%) scaleY(0); -webkit-transform-origin: bottom; -moz-transform-origin: bottom; -ms-transform-origin: bottom; -o-transform-origin: bottom; transform-origin: bottom; z-index: 3; } main .shop-item .shop-add-form.active { opacity: 1; visibility: visible; -webkit-transform: translateX(-50%) scaleY(1); -moz-transform: translateX(-50%) scaleY(1); -ms-transform: translateX(-50%) scaleY(1); -o-transform: translateX(-50%) scaleY(1); transform: translateX(-50%) scaleY(1); } main .shop-item .shop-add-form button { border: 1px solid #e8e8e8; background-color: #FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width: 40px; font-size: 20px; height: 40px; position: absolute; -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } main .shop-item .shop-add-form button path { -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } main .shop-item .shop-add-form button:hover { color: #FFF; background-color: #EB0000; border-color: #EB0000; box-shadow: 0px 10px 24px rgba(158, 158, 158, 0.62); } main .shop-item .shop-add-form button:hover path { fill: #FFF; } main .shop-item .shop-add-form button.shop-add-decrease { left: 0px; } main .shop-item .shop-add-form button.shop-add-increase { right: 0; } main .shop-item .shop-add-form input.shop-add-count { -webkit-appearance: none; -moz-appearance: none; appearance: none; text-align: center; font-size: 20px; font-weight: bold; color: #1c1e23; max-width: 95%; margin: 0 auto; } main .shop-item .sale-value { background: #EB0000; color: #FFF; font-weight: bold; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 42px; height: 43px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; top: 20px; right: 20px; font-size: 20px; z-index: 1; } main .shop-item .sale-value .small { padding-top: 5px; font-size: 13px; } main .shop-item:hover .product_image { -webkit-transform: translate(-50%, -50%) scale(1.05); -moz-transform: translate(-50%, -50%) scale(1.05); -ms-transform: translate(-50%, -50%) scale(1.05); -o-transform: translate(-50%, -50%) scale(1.05); transform: translate(-50%, -50%) scale(1.05); } main .shop-item .product_image { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-height: 100%; -o-object-fit: cover; object-fit: cover; max-width: 100%; -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } main .shop-title { font-size: 16px; color: #1c1e23; font-weight: bold; } main .shop-price { font-size: 12px; color: #868686; } main .shop-price span.shop-old-price { font-size: 15px; font-weight: bold; color: #000; } main .shop-price .shop-current-price { font-size: 20px; font-weight: bold; color: #EB0000; } main .shop-price .shop-item-id { color: #000000; font-weight: 600; } main .shop-desc-box span.shop-desc { font-size: 16px; color: #000; font-weight: bold; transition: 0.5s; } main .slider-prev, main .slider-next { width: 10px; height: 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; padding: 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); background-color: transparent; border-top: 2px solid #bababa; border-left: 2px solid #bababa; -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } main .slider-prev:hover, main .slider-next:hover { border-color: #EB0000; } main .heading { font-size: 20px; font-weight: 700; color: #222222; position: relative; padding: 20px 0 10px; margin-top: 0; margin-bottom: -3px; text-transform: uppercase; display: inline-block; margin-right: 15px; } main .heading::before { content: ""; position: absolute; left: 0; width: 66px; border-top: 2px solid #EB0000; bottom: 1px; z-index: 100; } main div.slider-nav { position: absolute; right: 0; bottom: 10px; } main button.slider-prev { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } main section.top { padding: 0 0 0 0; } main section.top .heading { padding: 20px 0 30px; } main section.top .heading::after { content: ""; position: absolute; left: 0; right: 0; border-top: 1px solid #f9f9f9; bottom: 0; z-index: 0; } main section.top div.categories { padding: 30px 15px 49px; } main section.top div.categories .item { position: relative; border: 1px solid #E8E8E8; -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); width: 100%; background-color: #fff; } main section.top div.categories .item:last-child { border-radius: 0px 10px 10px 0px; overflow: hidden; }main section.top div.categories .item:first-child { border-radius: 10px 0px 0px 10px; overflow: hidden; } main section.top div.categories .item > a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 205px; } main section.top div.categories .item .image { height: 120px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } main section.top div.categories .item .image img { max-width: 100%; height: auto; } main section.top div.categories .item:not(:last-child) { border-right: none; } main section.top div.categories .item .category-name { display: block; margin-top: 13px; font-weight: bold; color: #191a1c; font-size: 15px; } main section.top div.categories .item::after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 9px; background-color: #EB0000; display: block; -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); } main section.top div.categories .item:hover { background-color: #F5F5F5; } main section.top div.categories .item:hover::after { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); } main section.top div.bannerContainer { width: 100%; padding: 0; border-radius: 10px; overflow: hidden; } main section.top div.bannerContainer .item { height: 436px; } main section.top div.bannerContainer img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } div#banner .slick-dots { list-style: none; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; position: absolute; left: 50%; bottom: 40px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); padding-left: 0; margin: 0; } div#banner .slick-dots > li > button { width: 8px; height: 8px; border: 2px solid #FFFFFF; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: block; text-indent: -3000vw; background: transparent; padding: 0; margin-left: 8px; -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } div#banner .slick-dots > li.slick-active > button { background-color: #D52C29; border-color: #D52C29; opacity: 1; } main section.catalog div.brands button.slider-prev, main section.catalog div.brands button.slider-next { width: 31px; height: 31px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #FFF; border: solid 2px #ededed; margin-left: 4px; -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } main section.catalog div.brands button.slider-prev::after, main section.catalog div.brands button.slider-next::after { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 5px; -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); border-color: transparent transparent transparent #ededed; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } main section.catalog div.brands button.slider-prev:hover, main section.catalog div.brands button.slider-next:hover { border-color: #3db7e8; } main section.catalog div.brands button.slider-prev:hover::after, main section.catalog div.brands button.slider-next:hover::after { border-color: transparent transparent transparent #3db7e8; } main section.catalog div.brands div.slider-nav { position: initial; } main section.catalog div.brands button.slider-prev { position: absolute; left: 23px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } main section.catalog div.brands button.slider-prev::after { -webkit-transform: translate(-50%, -50%) rotate(180deg); -moz-transform: translate(-50%, -50%) rotate(180deg); -ms-transform: translate(-50%, -50%) rotate(180deg); -o-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); } main section.catalog div.brands button.slider-next { position: absolute; right: 23px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } main div.new-items a.more { right: 50px; } main section.catalog div.promotions { padding-left: 0; } main section.catalog div.promotions .fav:hover path, main section.catalog div.promotions .fav.active path { fill: #3db7e8; stroke: #3db7e8; d: path("M30.333,13.591 C30.944,12.990 31.159,12.109 30.896,11.290 C30.632,10.471 29.944,9.886 29.100,9.762 L21.590,8.660 C21.270,8.613 20.994,8.411 20.851,8.118 L17.494,1.250 C17.117,0.478 16.352,-0.001 15.499,-0.001 C14.647,-0.001 13.882,0.478 13.505,1.250 L10.147,8.118 C10.004,8.411 9.727,8.613 9.407,8.660 L1.897,9.762 C1.053,9.886 0.366,10.471 0.102,11.290 C-0.161,12.109 0.054,12.990 0.665,13.591 L6.098,18.936 C6.330,19.165 6.436,19.493 6.381,19.814 L5.099,27.363 C4.955,28.211 5.293,29.051 5.983,29.558 C6.673,30.065 7.570,30.131 8.326,29.729 L15.042,26.165 C15.328,26.013 15.670,26.013 15.956,26.165 L22.673,29.729 C23.000,29.903 23.356,29.989 23.709,29.989 C24.168,29.989 24.625,29.844 25.015,29.558 C25.705,29.051 26.044,28.211 25.899,27.363 L24.616,19.815 C24.562,19.493 24.668,19.165 24.900,18.937 L30.333,13.591 Z"); d: "M30.333,13.591 C30.944,12.990 31.159,12.109 30.896,11.290 C30.632,10.471 29.944,9.886 29.100,9.762 L21.590,8.660 C21.270,8.613 20.994,8.411 20.851,8.118 L17.494,1.250 C17.117,0.478 16.352,-0.001 15.499,-0.001 C14.647,-0.001 13.882,0.478 13.505,1.250 L10.147,8.118 C10.004,8.411 9.727,8.613 9.407,8.660 L1.897,9.762 C1.053,9.886 0.366,10.471 0.102,11.290 C-0.161,12.109 0.054,12.990 0.665,13.591 L6.098,18.936 C6.330,19.165 6.436,19.493 6.381,19.814 L5.099,27.363 C4.955,28.211 5.293,29.051 5.983,29.558 C6.673,30.065 7.570,30.131 8.326,29.729 L15.042,26.165 C15.328,26.013 15.670,26.013 15.956,26.165 L22.673,29.729 C23.000,29.903 23.356,29.989 23.709,29.989 C24.168,29.989 24.625,29.844 25.015,29.558 C25.705,29.051 26.044,28.211 25.899,27.363 L24.616,19.815 C24.562,19.493 24.668,19.165 24.900,18.937 L30.333,13.591 Z"; } main section.catalog div.promotions .sale-value { font-size: 19px; font-weight: bold; width: 45px; height: 45px; } main section.catalog div.promotions .sale-value .small { font-size: 12px; } main section.catalog div.promotions .shop-item { max-width: 100%; } main section.catalog div.promotions .content-box { margin-left: 0; margin-right: 0; } main section.catalog div.promotions .product_image { height: 220px; } main section.catalog div.promotions .slick-slide { margin: 0 5px; } main section.catalog div.promotions .slick-list { margin: 0 -5px; } main section.catalog div.promotions .shop-item { height: 480px; margin-bottom: 25px; } main section.catalog div.promotions .shop-title { font-size: 18px; } main section.catalog div.promotions .shop-price { float: right; font-size: 14px; } main section.catalog div.promotions .shop-price .shop-current-price { font-size: 18px; } main section.catalog div.promotions p.info { background-color: #f7f7f7; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 15px; color: #6f6f6f; margin-top: 25px; padding: 20px; } main section.catalog div.promotions div.timer { position: relative; } main section.catalog div.promotions div.timer .timer-end { display: none; } main section.catalog div.promotions div.timer span.timer-heading { font-size: 33px; color: #3db7e8; text-transform: uppercase; font-weight: bold; } main section.catalog div.promotions div.timer span.timer-desc { display: inline-block; width: 95px; color: #7b7b7b; font-size: 15px; margin-left: 5px; line-height: 1; } main section.catalog div.promotions div.timer .timer-container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 80px; } main section.catalog div.promotions div.timer .timer-counter-desc { position: absolute; bottom: 10px; display: inline-block; width: 35px; text-align: center; color: #6f6f6f; font-size: 12px; } main section.catalog div.promotions div.timer .timer-end { font-size: 33px; color: #3db7e8; text-transform: uppercase; font-weight: bold; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } main section.catalog div.promotions div.timer .timer-counter { width: 35px; height: 35px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #ededed; font-weight: bold; font-family: "Circe"; font-size: 14px; position: absolute; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; top: 10px; } main section.catalog div.promotions div.timer .timer-counter.timer-seconds, main section.catalog div.promotions div.timer .timer-counter.timer-seconds + .timer-counter-desc { right: 0; } main section.catalog div.promotions div.timer .timer-counter.timer-minutes, main section.catalog div.promotions div.timer .timer-counter.timer-minutes + .timer-counter-desc { right: 40px; } main section.catalog div.promotions div.timer .timer-counter.timer-hours, main section.catalog div.promotions div.timer .timer-counter.timer-hours + .timer-counter-desc { right: 80px; } main section.catalog div.promotions div.timer .timer-counter.timer-days, main section.catalog div.promotions div.timer .timer-counter.timer-days + .timer-counter-desc { right: 120px; } main section.catalog div.advertisement { margin-top: 15px; } main section.catalog div.advertisement + .clearfix { margin-bottom: 25px; } main section.catalog div.advertisement img { width: 100%; height: auto; } main section.catalog div.advertisement div:first-child { padding-left: 0; } main section.catalog div.advertisement div:last-child { padding-right: 0; } main section.news .content-box { margin-left: 0; margin-right: 0; } main section.news .slick-slider { overflow: hidden; } main section.news .slick-slide { margin: 0 15px; } main section.news .slick-list { margin: 0 -15px; } main section.news .item:hover .news-image img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } main section.news .item .news-image { height: 250px; position: relative; overflow: hidden; } main section.news .item .news-image span.news-date { color: #FFF; font-size: 14px; position: absolute; bottom: 20px; left: 43px; z-index: 100; } main section.news .item .news-image span.news-date::before { content: url(../../images/clock.png); position: absolute; left: -24px; top: 2px; } main section.news .item .news-image::after { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(107, 107, 107, 0) 58%, rgba(0, 0, 0, 0.82) 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(107, 107, 107, 0) 58%, rgba(0, 0, 0, 0.82) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(58%, rgba(107, 107, 107, 0)), to(rgba(0, 0, 0, 0.82))); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(107, 107, 107, 0) 58%, rgba(0, 0, 0, 0.82) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(107, 107, 107, 0) 58%, rgba(0, 0, 0, 0.82) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#d1000000', GradientType=0); } main section.news .item .news-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } main section.news .item .news-content { padding-bottom: 50px; padding-left: 20px; } main section.news .item .news-content .news-title { color: #060606; font-size: 16px; font-weight: bold; line-height: 1.75; height: 85px; overflow: hidden; } main section.news .item .news-content .news-teaser { color: #878787; font-size: 14px; line-height: 1.857; overflow: hidden; height: 45px; } main section.news .item .news-content .news-more { color: #3db7e8; text-transform: uppercase; font-size: 12px; font-weight: bold; margin-top: 30px; display: block; padding-left: 33px; position: relative; letter-spacing: 2px; } main section.news .item .news-content .news-more::before { content: url(../../images/news-arrow.svg); position: absolute; left: 0; -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); top: 2px; } main section.news .item .news-content .news-more:hover::before { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } main section.news a.more { right: 50px; } main section.catalog-page .heading-box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap-reverse; -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } main section.catalog-page .heading-box .settings { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin: 18px 0 13px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } main section.catalog-page .heading-box .select { height: 36px; margin-right: 10px; } main section.catalog-page .heading-box .select-styled { background: #FFF; color: #777777; font-size: 14px; text-transform: uppercase; } main section.catalog-page .heading-box .select-styled::after { background: url(../../images/select-arrow.png); border: none; width: 8px; height: 5px; -webkit-background-size: 100% 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; background-repeat: no-repeat; top: 14px; right: 11px; } main section.catalog-page .heading-box .amount .select { width: 55px; } main section.catalog-page .heading-box .sort-by .select { width: 155px; } main section.catalog-page .heading-box .sort-by .select .select-styled { font-size: 12px; } main section.catalog-page .heading-box .view-choose { width: 36px; height: 36px; border: 1px solid #e8e8e8; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 5px; } main section.catalog-page .heading-box .view-choose.active { background-color: #f5f5f5; } main section.catalog-page div.side-bar .side-bar-item { border: 1px solid #E8E8E8; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-top: 20px; padding: 0 30px; } main section.catalog-page div.side-bar .side-bar-item.categories { margin-top: 27px; } main section.catalog-page div.side-bar .side-bar-item.categories .heading-box { margin-bottom: 10px; } main section.catalog-page div.side-bar .side-bar-item.categories ul { padding-left: 0; } main section.catalog-page div.side-bar .side-bar-item.categories ul > li { list-style: none; position: relative; white-space: nowrap; } main section.catalog-page div.side-bar .side-bar-item.categories ul > li > a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; height: 48.75px; width: 100%; font-size: 15px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } main section.catalog-page div.side-bar .side-bar-item.categories ul > li > a span.title { margin-left: 30px; font-weight: 500; color: #000; -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } main section.catalog-page div.side-bar .side-bar-item.categories ul > li > a:hover .line { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); } main section.catalog-page div.side-bar .side-bar-item.categories ul > li > a:hover span.title { color: #EB0000; } main section.catalog-page div.side-bar .side-bar-item.categories ul > li > a .line { display: block; height: 1px; background-color: #EB0000; width: 100%; float: right; margin-left: 20px; -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; -o-transform-origin: right; transform-origin: right; } main section.catalog-page div.side-bar .side-bar-item.categories ul > li > a .image-container { width: 30px; position: absolute; left: -5px; height: 18px; } main section.catalog-page div.side-bar .side-bar-item.categories ul > li > a .image-container > img { position: absolute; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; left: 50%; } main section.catalog-page div.side-bar .side-bar-item .small-heading-box { position: relative; } main section.catalog-page div.side-bar .side-bar-item .small-heading { font-size: 18px; font-weight: bold; color: #222222; margin-bottom: 24px; } main section.catalog-page div.side-bar .side-bar-item .collapse-item { background-color: transparent; background-image: url(../../images/collapseactive.png); background-repeat: no-repeat; background-position: center; border: none; position: absolute; right: -5px; top: 7px; width: 10px; height: 10px; } main section.catalog-page div.side-bar .side-bar-item .collapse-item.active { background-color: transparent; background-image: url(../../images/collapse.png); background-repeat: no-repeat; background-position: center; } /* main section.catalog-page div.side-bar .side-bar-item .item-box { padding-top: 16px; } */ main section.catalog-page div.side-bar .side-bar-item .item-box:not(.active) { display: none; } main section.catalog-page div.side-bar .side-bar-item label { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; cursor: pointer; } main section.catalog-page div.side-bar .side-bar-item label input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } main section.catalog-page div.side-bar .side-bar-item label input[type="checkbox"] + span { padding-left: 20px; font-size: 16px; font-weight: normal; display: inline-block; } main section.catalog-page div.side-bar .side-bar-item label input[type="checkbox"] + span::before { content: ''; display: block; position: absolute; left: 0; width: 13px; height: 13px; background: #f1f3f5; top: 5px; border: 0 solid #EB0000; -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } main section.catalog-page div.side-bar .side-bar-item label input[type="checkbox"]:checked + span { color: #EB0000; } main section.catalog-page div.side-bar .side-bar-item label input[type="checkbox"]:checked + span::before { background: #FFF; border: 4px solid #EB0000; } main section.catalog-page div.side-bar .side-bar-item label input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } main section.catalog-page div.side-bar .side-bar-item label input[type="radio"] + span { padding-left: 20px; font-size: 16px; font-weight: normal; display: inline-block; } main section.catalog-page div.side-bar .side-bar-item label input[type="radio"] + span::before { content: ''; display: block; position: absolute; left: 0; width: 13px; height: 13px; background: #f1f3f5; top: 5px; border: 0 solid #EB0000; -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); border-radius: 100px; } main section.catalog-page div.side-bar .side-bar-item label input[type="radio"]:checked + span { color: #EB0000; } main section.catalog-page div.side-bar .side-bar-item label input[type="radio"]:checked + span::before { background: #FFF; border: 4px solid #EB0000; } main section.catalog-page .listing .listing-item { max-width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; min-height: auto; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 25px 10px 10px; margin-bottom: 20px; -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } main section.catalog-page .listing .listing-item:hover { -webkit-box-shadow: 0px 10px 24px 0px rgba(158, 158, 158, 0.62); -moz-box-shadow: 0px 10px 24px 0px rgba(158, 158, 158, 0.62); box-shadow: 0px 10px 24px 0px rgba(158, 158, 158, 0.62); } main section.catalog-page .listing .listing-item .shop-image-square { width: 286px; height: 286px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } main section.catalog-page .listing .listing-item .shop-image-square img { position: unset; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } main section.catalog-page .listing .listing-item .shop-title { position: unset; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; font-size: 23px; margin-bottom: 10px; display: block; } main section.catalog-page .listing .listing-item .shop-price { position: unset; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; font-size: 14px; display: block; } main section.catalog-page .listing .listing-item .shop-price .shop-current-price { font-size: 20px; } main section.catalog-page .listing .listing-item .shop-price .shop-old-price { font-size: 20px; } main section.catalog-page .listing .listing-item .shop-add-button, main section.catalog-page .listing .listing-item .shop-add-form { position: absolute; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; left: 30px; top: unset; bottom: 0px; right: unset; margin-top: 30px; } main section.catalog-page .listing .listing-item .shop-add-form { position: absolute; } main section.catalog-page .listing .listing-item .shop-add-button { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } main section.catalog-page .listing .listing-item .shop-add-button path { fill: #EB0000; } main section.catalog-page .listing .listing-item .shop-add-button:hover { background-color: #EB0000; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; box-shadow: 0px 10px 24px rgb(158 158 158 / 62%); } main section.catalog-page .listing .listing-item .shop-add-button:hover path { fill: #fff; } main section.catalog-page .listing .listing-item:hover .shop-add-button path { fill: #fff; } main section.catalog-page .listing .listing-item .shop-item-features { font-size: 13px; color: #848484; list-style: none; padding-left: 30px; margin-left: 30px; font-weight: 500; width: 358px; } main section.catalog-page .listing .listing-item .shop-item-features li { margin-bottom: 20px; position: relative; } main section.catalog-page .listing .listing-item .shop-item-features li .value { font-size: 13px; color: #191a1c; font-weight: 600; white-space: nowrap; } main section.catalog-page .listing .listing-item .shop-item-features li::before { content: url(../../images/mark.png); position: absolute; left: -25px; top: 2px; } main section.catalog-page .listing .listing-item .shop-item-features-values { font-size: 13px; color: #191a1c; list-style: none; padding-left: 30px; font-weight: 600; } main section.catalog-page .listing .listing-item .shop-item-features-values li { margin-bottom: 20px; position: relative; } main section.catalog-page .grid .row { margin: 0 -15px; } main section.catalog-page .pagination { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: inline-block; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; clear: both; padding: 0 15px; } main section.catalog-page .pagination > ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; list-style: none; } main section.catalog-page .pagination > ul > li > a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 32px; height: 32px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #e0e0e0; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; color: #555555; margin-left: 5px; } main section.catalog-page .pagination > ul > li > a:hover, main section.catalog-page .pagination > ul > li > a.active { background: #EB0000; color: #FFF !important; border-color: #EB0000; } main .range-slider { background: #E0E0E0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin-bottom: 15px; margin-top: 10px; position: relative; } main .range-slider .knob { background-color: #EB0000; text-align: center; width: 14px; height: 14px; position: absolute; top: -5px; z-index: 2; border: 2px solid #EB0000; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } main .range-slider .range { background-color: #EB0000; height: 3px; position: relative; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } main .range-slider #val-min, main .range-slider #val-max { position: absolute; left: 0; top: -30px; } main .range-slider + .results { margin-top: 35px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; color: #191a1c; margin-bottom: 28px; } main .range-slider + .results #min, main .range-slider + .results #max { width: 87px; height: 25px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 5px; border: none; background-color: #F5F5F5; } main section.details-page { overflow: hidden; } main section.details-page #gallery-popup, main section.details-page #youtube-popup { position: fixed; top: 0; bottom: 0; right: 0; left: 0; background: rgba(0, 0, 0, 0.8); display: none; z-index: 100; } main section.details-page #gallery-popup .image-container, main section.details-page #youtube-popup .image-container { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } main section.details-page #gallery-popup .image-container img, main section.details-page #youtube-popup .image-container img { max-width: 100%; height: auto; } main section.details-page #gallery-popup .close, main section.details-page #youtube-popup .close { font-size: 30px; position: absolute; right: 15px; top: 15px; color: #FFF; } main section.details-page .inner-banner { margin: 30px 0; } main section.details-page .inner-banner img { max-width: 100%; height: auto; } main section.details-page .short-desc > div:first-child { padding-right: 20px; } main section.details-page .short-desc .gallery { padding-left: 0; } main section.details-page .short-desc .gallery .big-image { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: relative; height: 590px; background: #F7F7F7; border-radius: 10px; margin-bottom: 22px; padding: 10px; } main section.details-page .short-desc .gallery .big-image img.image { max-width: 460px; height: auto; } main section.details-page .short-desc .gallery .big-image .fav { position: absolute; top: 20px; left: 20px; } main section.details-page .short-desc .gallery .big-image .full-width { position: absolute; height: 34px; width: 34px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; bottom: 25px; right: 20px; } main section.details-page .short-desc .gallery .big-image .full-width img { -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } main section.details-page .short-desc .gallery .big-image .full-width:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } main section.details-page .short-desc .gallery .big-image #play-video { width: 68px; height: 68px; background-color: rgba(61, 183, 232, 0.8); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); opacity: 0; } main section.details-page .short-desc .gallery .big-image #play-video:hover { width: 75px; height: 75px; } main section.details-page .short-desc .gallery .big-image:hover #play-video { opacity: 1; } main section.details-page .short-desc .gallery .images-row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 -11px; } main section.details-page .short-desc .gallery .images-row .small-image { width: 25%; height: 130px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: relative; border: 1px solid #e8e8e8; background: #f7f7f7; margin: 0 11px; padding: 13px; cursor: pointer; } main section.details-page .short-desc .gallery .images-row .small-image img { max-width: 100%; height: auto; max-height: 100%; } main section.details-page .short-desc .details { padding-right: 0; } main section.details-page .short-desc .details .inner-heading-box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } main section.details-page .short-desc .details .inner-heading-box .inner-heading { font-size: 30px; color: #1c1e23; font-weight: bold; margin: 12px 0 0; width: 350px; } main section.details-page .short-desc .details .inner-heading-box .shop-price { font-size: 15px; } main section.details-page .short-desc .details .inner-heading-box .shop-current-price { font-size: 25px; padding: 0 5px; } main section.details-page .short-desc .details .short-description { font-size: 16px; color: #191a1c; font-weight: 500; padding: 30px 0; } main section.details-page .short-desc .details .warranty { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 0; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; margin: 20px 0; } main section.details-page .short-desc .details .warranty .column { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } main section.details-page .short-desc .details .warranty .column svg { margin-right: 15px; } main section.details-page .short-desc .details .warranty .column .title { color: #8a8a8a; font-size: 16px; } main section.details-page .short-desc .details .warranty .column .period { color: #EB0000; font-size: 16px; font-weight: bold; } main section.details-page .short-desc .details .warranty .column .delivery { font-size: 16px; font-weight: normal; color: #000; } main section.details-page .short-desc .details .specifications .title { font-size: 18px; font-weight: bold; color: #191a1c; } main section.details-page .short-desc .details .specifications .specifications-table { margin-top: 30px; } main section.details-page .short-desc .details .specifications .specifications-table .specifications-table-item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 15px; } main section.details-page .short-desc .details .specifications .specifications-table .specifications-table-item .specifications-table-title { width: auto; color: #848484; font-size: 16px; padding-left: 25px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; white-space: nowrap; position: relative; } main section.details-page .short-desc .details .specifications .specifications-table .specifications-table-item .specifications-table-title::before { content: ""; position: absolute; background-image: url(../../images/mark.png); width: 16px; height: 14px; display: block; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } main section.details-page .short-desc .details .specifications .specifications-table .specifications-table-item .specifications-table-value { font-size: 16px; font-weight: 500; width: auto; text-align: left; color: #191a1c; width: 220px; } main section.details-page .short-desc .details .all-specifications { font-size: 14px; color: #EB0000; text-decoration: underline; display: block; margin-top: 5px; margin-bottom: 50px; } main section.details-page .short-desc .details div.add-to-cart { position: relative; height: 50px; margin-top: 20px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } main section.details-page .short-desc .details div.add-to-cart .out-of-stock-desc { font-size: 16px; font-weight: 600; color: #000000; } main section.details-page .short-desc .details div.add-to-cart .stock-description { font-size: 16px; font-weight: 500; color: #000000; } main section.details-page .short-desc .details div.add-to-cart .stock-description .blue { color: #3db7e8; font-weight: bold; } main section.details-page .short-desc .details .shop-add-button { padding: 13.5px 50px; background-color: #FFF; border: #f7f7f7 2px solid; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; left: 0; white-space: nowrap; -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #000; } main section.details-page .short-desc .details .shop-add-button svg { margin-right: 10px; } main section.details-page .short-desc .details .shop-add-button svg path { -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } main section.details-page .short-desc .details .shop-add-button.out-of-stock { background: #c2c2c2; border-color: #c2c2c2; color: #FFF; pointer-events: none; } main section.details-page .short-desc .details .shop-add-button.out-of-stock svg path { fill: #FFF; } main section.details-page .short-desc .details .shop-add-button:hover { color: #FFF; background-color: #EB0000; -webkit-box-shadow: #9e9e9e7a 0 10px 24px; -moz-box-shadow: #9e9e9e7a 0 10px 24px; box-shadow: #9e9e9e7a 0 10px 24px; border-color: #EB0000; } main section.details-page .short-desc .details .shop-add-button:hover svg path { fill: #FFF; } main section.details-page .short-desc .details .shop-add-form { opacity: 0; visibility: hidden; -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); position: absolute; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; height: 50px; left: 0; -webkit-transform-origin: bottom; -moz-transform-origin: bottom; -ms-transform-origin: bottom; -o-transform-origin: bottom; transform-origin: bottom; } main section.details-page .short-desc .details .shop-add-form.active { opacity: 1; visibility: visible; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); } main section.details-page .short-desc .details .shop-add-form button { border: 1px solid #e8e8e8; background-color: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 50px; font-size: 20px; height: 50px; position: absolute; -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } main section.details-page .short-desc .details .shop-add-form button path { -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } main section.details-page .short-desc .details .shop-add-form button:hover { color: #FFF; background-color: #EB0000; border-color: #EB0000; -webkit-box-shadow: #9e9e9e7a 0 10px 24px; -moz-box-shadow: #9e9e9e7a 0 10px 24px; box-shadow: #9e9e9e7a 0 10px 24px; } main section.details-page .short-desc .details .shop-add-form button:hover path { fill: #FFF; } main section.details-page .short-desc .details .shop-add-form button.shop-add-decrease { left: 0px; } main section.details-page .short-desc .details .shop-add-form button.shop-add-increase { right: 0; } main section.details-page .short-desc .details .shop-add-form input.shop-add-count { -webkit-appearance: none; -moz-appearance: none; appearance: none; text-align: center; font-size: 20px; font-weight: bold; color: #1c1e23; max-width: 90%; margin: 0 auto; height: 50px; } main section.details-page .short-desc .details .share { margin-top: 15px; font-size: 14px; color: #222222; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } main section.details-page .short-desc .details .share .desc { margin-right: 12px; } main section.details-page .short-desc .details .share a.share-button { margin-right: 7px; padding: 6px 10px; color: #555555; border: 1px solid #e5e5e5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 12px; font-family: "Roboto"; font-weight: 300; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } main section.details-page .short-desc .details .share a.share-button img { margin-right: 5px; } main section.details-page .short-desc .details .share .shared-amount { padding: 6px 10px; font-size: 12px; color: #555555; border: 1px solid #e5e5e5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-family: "Roboto"; font-weight: 300; margin-left: 7px; position: relative; } main section.details-page .short-desc .details .share .shared-amount::after { content: ""; position: absolute; left: -7px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 7px; height: 7px; background: url(../../images/triangle.png); -webkit-background-size: 100% 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; background-position: right center; background-repeat: no-repeat; } main section.details-page .tabs { clear: both; } main section.details-page .tabs .content-box { margin: 0; } main section.details-page .tabs .specifications-accordion { margin-bottom: 1px; width: 100%; } main section.details-page .tabs .specifications-accordion .top { background: #f7f7f7; padding: 20px; font-size: 18px; font-weight: bold; cursor: pointer; color: #191a1c; position: relative; } main section.details-page .tabs .specifications-accordion .top::after { content: ''; display: block; background-image: url(../../images/collapseactive.png); background-repeat: no-repeat; background-position: center; position: absolute; right: 20px; top: 28px; width: 10px; height: 10px; } main section.details-page .tabs .specifications-accordion .top.active::after { background-image: url(../../images/collapse.png); } main section.details-page .tabs .specifications-table { margin-top: 20px; margin-bottom: 20px; padding: 0 5px; display: none; } main section.details-page .tabs .specifications-table .specifications-table-item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 10px; width: 100%; } main section.details-page .tabs .specifications-table .specifications-table-item .specifications-table-title { color: #848484; font-size: 16px; padding-left: 15px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; white-space: nowrap; position: relative; } main section.details-page .tabs .specifications-table .specifications-table-item .specifications-table-title::before { content: ""; position: absolute; width: 5px; height: 5px; background: #3db7e8; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: block; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } main section.details-page .tabs .specifications-table .specifications-table-item hr.dots { width: 100%; margin-left: 10px; border: none; height: 1px; background: url(../../images/dots.png); margin-bottom: 0; } main section.details-page .tabs .specifications-table .specifications-table-item .specifications-table-value { font-size: 16px; font-weight: 500; text-align: left; color: #191a1c; white-space: nowrap; } main section.details-page #specifications { padding-bottom: 30px; } main section.details-page #specifications .specifications-container { margin: 0 -15px; } main section.details-page .long-desc { margin: 50px 0; } main section.details-page .long-desc .desc-group { clear: both; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 55px; padding-bottom: 50px; } main section.details-page .long-desc .desc-group:nth-child(even)::before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: url(../../images/descriptionbg.png); -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; background-repeat: no-repeat; left: -50vw; right: -50vw; width: 150vw; z-index: -1; } main section.details-page .long-desc .desc-group:not(:last-child) { padding-bottom: 30px; margin-bottom: 30px; } main section.details-page .long-desc .desc-group .column { width: 50%; } main section.details-page .long-desc .desc-group .column.text { padding: 0 0 0 50px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } main section.details-page .long-desc .desc-group .column.text:last-child { padding: 0 50px 0 0; } main section.details-page .long-desc .desc-group .column.text .title { font-size: 30px; font-weight: bold; color: #191a1c; line-height: 0.767; margin-bottom: 20px; } main section.details-page .long-desc .desc-group .column.text p { font-size: 14px; font-weight: normal; color: #191a1c; line-height: 1.643; } main section.details-page .long-desc .desc-group .column:last-child img { float: right; } main section.details-page .long-desc .desc-group img { max-width: 100%; height: auto; } main section.details-page .long-desc .desc-group h2 { margin-top: 12px; margin-bottom: 25px; padding-bottom: 26px; border-bottom: 1px solid #eeeeee; font-size: 30px; font-weight: bold; color: #1c1e23; } main section.details-page .long-desc .desc-group p { font-size: 16px; color: #848484; line-height: 1.313; margin-bottom: 12px; } main section.details-page .product-videos { padding-bottom: 30px; } main section.details-page .product-videos .youtube-embed { position: relative; } main section.details-page .product-videos .youtube-embed img { height: 520px; width: 100%; display: block; margin: 0 auto; -o-object-fit: cover; object-fit: cover; } main section.details-page .product-videos .youtube-embed iframe { display: none; } main section.details-page .product-videos .youtube-embed .youtube-start { background: transparent; border: none; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } main section.details-page .product-videos .youtube-embed .youtube-start img { height: unset; width: auto; } main section.details-page .product-videos .video-list { margin: 20px -10px 0 -15px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } main section.details-page .product-videos .video-list .video-item { margin-bottom: 15px; } main section.details-page .product-videos .video-list .video-item img { width: 100%; -o-object-fit: cover; object-fit: cover; } main section.details-page .product-videos .video-list .video-title { font-size: 18px; font-weight: bold; display: block; margin-top: 20px; } main section.details-page .accessories-slider, main section.details-page .similar-slider { margin: 0 -15px; } footer section.mailing { background-color: #f7f7f7; padding: 50px 0; } footer section.mailing .mailing-form { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } footer section.mailing .mailing-form .mailing-form-desc { margin-left: 25px; margin-right: 20px; max-width: 145px; text-transform: uppercase; font-size: 14px; font-weight: bold; color: #060606; margin-top: 0; margin-bottom: 0; letter-spacing: 1px; } footer section.mailing .mailing-form .mailing-form-email { width: 505px; height: 48px; padding-left: 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } footer section.mailing .mailing-form .mailing-form-submit { padding: 0 40px; height: 48px; background-color: #3db7e8; border: none; color: #FFF; font-size: 11px; text-transform: uppercase; -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955); letter-spacing: 2px; font-weight: 700; } footer section.mailing .mailing-form .mailing-form-submit:hover { -webkit-box-shadow: #9e9e9e7a 0 10px 24px; -moz-box-shadow: #9e9e9e7a 0 10px 24px; box-shadow: #9e9e9e7a 0 10px 24px; } footer section.bottom { padding: 60px 0; border: 0; } footer section.bottom div.contactinfo { padding-left: 0; } footer section.bottom div.contactinfo div.logo { margin-bottom: 20px; } footer section.bottom div.contactinfo p { max-width: 375px; font-size: 14px; line-height: 1.571; font-weight: 500; color: #000; } footer section.bottom div.contactinfo .phones { margin-top: -10px; font-size: 13px; line-height: 1.692; } footer section.bottom div.contactinfo .email a { color: #3db7e8; } footer section.bottom div.navigation div:nth-child(2) { padding-left: 80px; } footer section.bottom div.navigation .social { max-width: 240px; } footer section.bottom div.navigation h2 { font-size: 15px; font-weight: bold; color: #060606; text-transform: uppercase; margin-top: 0; } footer section.bottom div.navigation ul { list-style: none; margin-left: 0; padding-left: 0; font-size: 13px; font-weight: 500; color: #000; margin-top: 15px; line-height: 2.692; } footer section.bottom div.instagram-widget { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: right; -webkit-justify-content: right; -moz-box-pack: right; -ms-flex-pack: right; justify-content: right; padding-right: 0; } footer section.bottom div.instagram-widget img { max-width: 100%; } footer section.copyrights { text-align: center; color: #888888; font-size: 13px; padding: 30px 0; } footer section.copyrights p { margin-bottom: 0; } footer section.copyrights .year { color: #060606; } footer section.copyrights a { color: #3db7e8; } .brands-banner { position: relative; } .brands-banner.enabled { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .brands-banner img { width: 100%; height: auto; } main section.details-page.brands-page .short-desc .details .specifications .specifications-table .specifications-table-item .specifications-table-title { width: 590px; } .main-home { background: url(../../images/bg_main.png) no-repeat; background-attachment: fixed; background-position: center; } section.catalog .item { background: #F7F7F7; border-radius: 10px; width: 100%; height: 200px; transition: 0.5s; margin-bottom: 30px; } section.catalog .item:hover { background: #EB0000; box-shadow: 0px 10px 24px rgba(158, 158, 158, 0.62); border-radius: 10px; } section.catalog .item a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } section.catalog .item:hover img.img-catalog { display: none; } section.catalog .item:hover .img-catalog-active { display: block; } .img-catalog-active { display: none; } .shop-item .block-description { text-align: center; margin-top: 25px; padding: 0 6px; } .shop-desc-box { margin-top: 8px; } .shop-item:hover span.shop-desc { color: #EB0000; } .item-img { border-radius: 10px; overflow: hidden; height: 260px; margin-top: 20px; } .item-img img { width: 100%; object-fit: cover; height: 100%; } main section.catalog div.accessories-nav a.more { right: 50px; } .link-shop { position: absolute; bottom: 0; top: 0; width: 100%; display: inline-block; left: 0; z-index: 2; } .accessories-nav { margin-top: 30px; } section.section-brands .brands .heading-box h2.heading { padding-top: 0; } section.section-brands .brands .heading-box { margin: 0; } section.section-brands .brands { background: #FFFFFF; border: 1px solid #E8E8E8; border-radius: 10px; padding: 30px 40px; } section.section-brands { margin-top: 20px; padding-bottom: 50px; } div#brand { margin-top: 28px; } div#brand ul.slick-dots { padding: 0; display: flex; justify-content: center; margin: 30px 0 0 0; } div#brand ul.slick-dots li { list-style: none; margin: 0 4px; } div#brand ul.slick-dots li button { width: 8px; height: 8px; border: 2px solid #7F7F7F; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: block; text-indent: -3000vw; background: transparent; padding: 0; } div#brand ul.slick-dots li.slick-active button { background: #EB0000; border-color: #EB0000; } footer { background: url(../../images/footer-bg.jpg) no-repeat center; background-size: cover; } button#metaModalBut { position: fixed; bottom: 50%; } footer .section-footer { padding: 50px 0; } footer .flex-footer { display: flex; align-items: center; justify-content: space-between; } footer .flex-footer .item-logo p { font-weight: 400; font-size: 13px; line-height: 16px; color: #FFFFFF; margin: 25px 0 0 0; } .heading-footer { font-size: 15px; line-height: 18px; color: #FFFFFF; display: inline-block; width: 100%; font-weight: bold; text-transform: uppercase; margin-bottom: 30px; } .menu-footer ul li { list-style: none; margin-bottom: 15px; } .menu-footer ul { padding: 0; margin: 0; } .menu-footer ul li a { font-size: 13px; line-height: 16px; color: #fff; font-weight: normal; } .menu-footer ul li a:hover { color: #EB0000; } .menu-footer ul li:last-child { margin: 0; } .social-media ul { padding: 0; margin: 25px 0 0 0; display: flex; } .social-media ul li { list-style: none; margin: 0 6px 0 0; } .social-media ul li:last-child { margin: 0; } .pay ul { padding: 0; margin: 30px 0 0 0; display: flex; align-items: center; } .pay ul li { list-style: none; margin: 0 15px 0 0; } .pay ul li:last-child { margin: 0; } .adress-footer p { font-size: 14px; line-height: 17px; color: #FFFFFF; font-weight: normal; margin: 0; } .adress-footer p b { font-weight: bold; } .adress-footer .call-center { margin: 20px 0; } .adress-footer li { display: flex; align-items: center; list-style: none; margin-bottom: 20px; } .adress-footer li a { font-weight: normal; padding-left: 5px; } .adress-footer a { font-size: 14px; line-height: 17px; color: #FFFFFF; font-weight: bold; } .adress-footer a:hover { color: #EB0000; } .contact-footer { width: 379px; } .fixed-phone { position: fixed; z-index: 111; bottom: 70px; right: 100px; display: flex; flex-wrap: wrap; justify-content: center; transition: 1s; } .fixed-phone.sticky a.top { opacity: 1; visibility: visible; } a.top.sticky { margin-bottom: 265px; } .fixed-phone .message { background: #EB0000; border-radius: 100px; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; position: relative; } .fixed-phone .message::after { content: ''; position: absolute; top: -8px; left: -8px; height: 76px; min-width: 60px; -webkit-width: calc(100% + 16px); width: calc(100% + 16px); border-radius: 100px; background: #EB0000; opacity: .2; } .fixed-phone .message::before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 1px solid #EB0000; border-radius: 50%; -webkit-animation: widgetPulse infinite 1.5s; animation: widgetPulse infinite 1.5s; } .fixed-phone .message img { position: relative; z-index: 2; } @keyframes widgetPulse { 50% { -webkit-transform: scale(1,1); transform: scale(1,1); opacity: 1; } 100% { -webkit-transform: scale(2,2); transform: scale(2,2); opacity: 0; } } a.top { width: 100%; text-align: center; margin-bottom: 15px; opacity: 0; visibility: hidden; transition: 0.5s; } .menu-footer ul li a:hover img { opacity: 0.6; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .menu-footer ul li a img { transition: 0.5s; } main .shop-item:hover .shop-add-button { color: #FFF; background: #EB0000; box-shadow: 0px 10px 24px rgb(158 158 158 / 62%); border-color: #EB0000; } main .shop-item:hover .shop-add-button svg path { fill: #FFF; } a.top path { transition: 0.5s; } a.top:hover path { fill: #EB0000; } section.catalog-page.type-list .listing-item .shop-item-column { position: relative; } section.catalog-page.type-list .listing-item .shop-item-column .block-description { margin-bottom: 60px; margin-left: 30px; position: relative; padding: 0; text-align: left; } span.block-list { display: inline-block; width: 144px; } .block-bg-details { background: #FFFFFF; border-radius: 10px; width: 100% !important; height: 100%; overflow: hidden; display: flex !important; justify-content: center; align-items: center; position: absolute !important; top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; } main section.details-page .short-desc .details .warranty .column svg path { fill: #EB0000; } section.details-page div#banner .slick-list { height: 100%; width: 100%; } section.details-page div#banner .slick-track { height: 100%; width: 100% !important; } section.details-page div#banner .slick-dots > li > button { border: 2px solid #7F7F7F; } section.details-page div#banner .slick-dots > li.slick-active > button { border-color: #EB0000; } main .shop-price div { display: flex; align-items: center; justify-content: end; } .shop-price span.article { font-size: 15px; line-height: 18px; color: #868686; font-weight: normal; padding-right: 5px; } main .shop-price span.shop-item-id { font-size: 15px; line-height: 18px; font-weight: normal; } main section.details-page .shop-price span.shop-old-price { font-size: 25px; } main section.details-page .shop-price .not_available { font-size: 16px; line-height: 19px; color: #000000; font-weight: normal; } div#specifications ul.shop-item-features { padding-left: 30px; margin: 0; } div#specifications ul.shop-item-features li::before { content: url(../../images/mark.png); position: absolute; left: -25px; top: 2px; } div#specifications ul.shop-item-features li { margin-bottom: 20px; position: relative; } div#specifications ul.shop-item-features li:last-child { margin: 0; } div#specifications ul.shop-item-features li span.block-list { font-size: 16px; font-weight: normal; color: #848484; width: 250px; margin: 0; } div#specifications ul.shop-item-features li span.value { font-size: 16px; line-height: 19px; color: #191A1C; font-weight: bold; } .section { padding: 22px 0 50px; } .crumbs { display: flex; align-items: center; padding: 0; margin: 0 0 23px; } .crumbs li { list-style: none; padding-right: 10px; } .crumbs li a { font-size: 12px; letter-spacing: 0.02em; color: #8C8C8C; font-weight: normal; transition: 0.5S; } .crumbs li span { font-size: 12px; letter-spacing: 0.02em; color: #191A1C; font-weight: bold; padding-left: 4px; } .crumbs li a:hover { color: #EB0000; } .brd-section { border-top: 1px solid #F0F0F0; } .heading-page h2 { font-size: 20px; line-height: 24px; text-transform: uppercase; color: #222222; margin: 0; font-weight:bold; } table.shop_table { width: 100%; } .table-block { margin: 24px 0; background: #FFFFFF; border: 1px solid #E8E8E8; border-radius: 5px; overflow-y: hidden; } .section-basket table.shop_table { width: 100%; overflow: scroll; } .shop_table th { text-align: left; } .shop_table tr.order { border-top: 1px solid #E8E8E8; } .shop_table th { padding: 19px 30px; font-size: 14px; color: #222222; font-weight: bold; text-transform: uppercase; } .shop_table td { padding: 22px 30px; } table.shop_table thead { background: #F8F8F8; } td.product-name { display: flex; align-items: center; } td.product-name h2 { font-size: 16px; line-height: 19px; color: #1C1E23; font-weight: bold; margin: 0 0 0 17px; width: 240px; transition: 0.5s; } td.product-name img { border: 1px solid #F7F7F7; border-radius: 2px; overflow: hidden; width: 58px; height: 58px; object-fit: contain; } .shop_table td p { font-size: 14px; line-height: 17px; color: #222222; margin: 0; font-weight: normal; } .shop_table td input { background: #FFFFFF; border: 1px solid #E8E8E8; border-radius: 3px; padding: 10px 8px 10px 20px; width: 70px; height: 34px; } td.order-close button { border: 1px solid #E5E5E5; border-radius: 100%; background: transparent; width: 25px; height: 25px; padding: 0; display: flex; align-items: center; justify-content: center; } .delivery-block { display: flex; align-items: center; justify-content: space-between; } .delivery-block div { display: flex; align-items: center; width: 70%; } .delivery-block p { font-weight: 400; font-size: 13px; line-height: 16px; color: #222222; margin: 0 0 0 11px; } .delivery-block a { font-size: 13px; font-weight: bold; color: #1C1E23; background: #FFFFFF; border: 2px solid #E8E8E8; border-radius: 10px; padding: 10px 36px; transition: 0.5s; } .delivery-block a:hover { color: #fff; border-color: #EB0000; background: #EB0000; box-shadow: 0px 10px 24px rgb(158 158 158 / 62%); } .delivery-block button { font-size: 13px; font-weight: bold; color: #1C1E23; background: #FFFFFF; border: 2px solid #E8E8E8; border-radius: 10px; padding: 10px 36px; transition: 0.5s; } .delivery-block button:hover { color: #fff; border-color: #EB0000; background: #EB0000; box-shadow: 0px 10px 24px rgb(158 158 158 / 62%); } .checkout-top { padding: 18px 21px; } .checkout-top span { font-weight: 400; font-size: 13px; line-height: 16px; color: #222222; display: block; } .checkout-top input { background: #FFFFFF; border: 1px solid #E8E8E8; border-radius: 3px; width: 100%; height: 46px; font-size: 14px; line-height: 21px; color: #AAAAAA; padding: 14px 16px; margin: 7px 0 10px; } .checkout-top a { background: #222222; border-radius: 10px; width: 100%; font-size: 11px; color: #FFFFFF; font-weight: bold; padding: 14px 5px; display: inline-block; text-align: center; } .checkout-top h3 { font-size: 14px; line-height: 17px; color: #222222; font-weight: bold; margin: 22px 0 0 0; } .checkout-block ul { margin: 0; padding: 0; } .checkout-block li { display: flex; align-items: center; justify-content: space-between; padding: 17px 21px; border-top: 1px solid #E8E8E8; font-size: 14px; color: #222222; font-weight: normal; } .checkout-block li b { font-size: 15px; color: #666666; width: 114px; } .checkout-block li span { display: inline-block; width: 80px; text-align: left; } .checkout-block li:last-child span { width: auto; display: block; } .checkout-block li:last-child b { width: auto; } .checkout-block li:last-child { background: #F8F8F8; font-weight: bold; font-size: 18px; color: #000000; } .checkout-block li:last-child b { font-size: 16px; color: #000000; } .checkout-link a { background: #EB0000; box-shadow: 0px 10px 24px rgba(158, 158, 158, 0.62); border-radius: 10px; font-size: 13px; color: #FFFFFF; font-weight: bold; display: inline-block; width: 100%; text-align: center; padding: 11px 5px; } .table-block form { padding: 30px; } .table-block form .flex-form { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; } .block-form.entrance-form form .flex-form div { width: 100%; } .block-form.entrance-form form .flex-form div .input-form { width: 100%; margin-bottom: 15px; } .block-form.entrance-form form .flex-form-submit button { font-size: 14px; font-weight: bold; color: #fff; border: 2px solid #EB0000; background: #EB0000; border-radius: 10px; padding: 15px 36px; transition: 0.5s; width: 100%; box-shadow: 0px 10px 24px rgb(158 158 158 / 62%); } .block-form.entrance-form form .flex-form-submit { margin-top: 10px; } .block-form.entrance-form form .flex-form-submit button:hover { color: #1C1E23; background: #FFFFFF; border-color: #F7F7F7; } .table-block form .flex-form .form-block { width: 49%; } .table-block form .flex-form div label { font-weight: 400; font-size: 13px; line-height: 16px; color: #222222; margin-bottom: 8px; } .table-block form .flex-form div .input-form { background: #FFFFFF; border: 1px solid #E8E8E8; border-radius: 5px; width: 100%; height: 44px; padding: 13px 15px; color: #222222; font-size: 14px; } .table-block form .flex-form div .input-form::placeholder { font-weight: 400; font-size: 14px; color: #AAAAAA; } .table-block form .flex-form div .input-form:focus { border: 1px solid #EB0000; } .table-block form .flex-form div .select .select-styled { background: #FFFFFF; border: 1px solid #E8E8E8; border-radius: 5px; width: 100%; height: 44px; padding: 13px 15px; color: #222222; font-size: 14px; } .table-block form .flex-form div .select { width: 100%; } .flex-form.last-form .form-block { margin-top: 10px; } .table-block form h2 { font-size: 20px; line-height: 24px; color: #191A1C; font-weight: 600; margin: 30px 0 10px; } .delivery-block.information { justify-content: space-between; } .orders-heading { background: #F8F8F8; padding: 18px 21px; } .orders-heading h3 { margin: 0; font-size: 16px; line-height: 19px; color: #000000; font-weight: bold; } .checkout-block ul.list-heading li { flex-wrap: wrap; color: #1C1E23; font-weight: normal; padding: 19px 21px; background: transparent; font-size: 14px; } .checkout-block ul.list-heading li b { color: #222222; font-weight: bold; font-size: 14px; margin-top: 5px; width: auto; } .checkout-block ul.list-heading li:first-child { border: none; } .delivery-block.information a { padding: 10px 56px; } .table-block.contact { overflow: unset; } .flex-block { display: flex; justify-content: space-between; flex-wrap: wrap; } .flex-block .table-block { width: 49%; cursor: pointer; border: 1px solid #E8E8E8; } .flex-block .table-block ul { margin: 0; padding: 0; } .flex-block .table-block ul li { padding: 21px 20px; border-top: 1px solid #E8E8E8; display: flex; justify-content: flex-start; align-items: center; } .flex-block .table-block ul li:first-child { border: none; justify-content: space-between; } .flex-block .table-block ul li h3 { margin: 0; font-size: 20px; line-height: 24px; color: #EB0000; font-weight: bold; } .flex-block .table-block ul li span { font-size: 20px; color: #191A1C; font-weight: bold; position: relative; display: flex; align-items: center; padding-left: 23px; } .flex-block .table-block ul li span::after { content: ''; position: absolute; left: 0; background: #FFFFFF; border: 2px solid #E8E8E8; border-radius: 100px; width: 15px; height: 15px; } .flex-block .table-block.active { border-color: #EB0000; } .flex-block .table-block.active ul li span::after { border: 4px solid #EB0000; } .flex-block .table-block ul li p { font-weight: 600; font-size: 14px; line-height: 17px; color: #1C1E23; margin: 0; } .flex-block .table-block ul li .location-icon { margin-right: 10px; } .flex-block .table-block ul li .delivery-icon { margin-right: 20px; } .flex-block .table-block ul li p b { display: block; } .section-payment .item { border-radius: 10px; position: relative; background: #F5F5F5; overflow: hidden; padding: 15px; width: 32.3%; cursor: pointer; margin-top: 24px; } .section-payment .item::after { content: ''; position: absolute; right: 0; background: #203E7A; width: 50%; top: 0; bottom: 0; } .section-payment .item.payme::after { background: #00CCCC; } .section-payment .item.click::after { background: #00C4FF; } .section-payment .item .block-payment { background: #fff; position: relative; z-index: 2; padding: 20px; } .section-payment .item .block-payment span { font-size: 20px; color: #191A1C; font-weight: bold; position: relative; display: flex; padding-left: 23px; line-height: 24px; } .section-payment .item .block-payment span::after { content: ''; position: absolute; left: 0; background: #FFFFFF; border: 2px solid #E8E8E8; border-radius: 100px; width: 15px; height: 15px; top: 6px; } .flex-description { display: flex; align-items: end; margin-top: 21px; } .flex-description p { font-weight: 500; font-size: 13px; line-height: 16px; color: #1C1E23; margin: 0; } .delivery-block.payment { justify-content: end; margin-top: 21px; } .delivery-block.payment a { padding: 10px 71px; } .section-payment .item.active .block-payment span::after { border: 4px solid #EB0000; } .section-succes { padding: 100px 0; } .section-succes .result-block { display: flex; justify-content: center; flex-wrap: wrap; text-align: center; } .section-succes .result-block h2 { font-weight: bold; font-size: 30px; line-height: 36px; color: #202125; margin: 23px 0 10px; width: 100%; } .section-succes .result-block p { font-size: 15px; line-height: 22px; color: #202125; font-weight: normal; margin: 0; } .flex-link { display: flex; align-items: center; width: 100%; justify-content: center; margin-top: 20px; } .flex-link a { font-size: 13px; color: #FFFFFF; font-weight: bold; background: #EB0000; border: 2px solid #EB0000; box-shadow: 0px 10px 24px rgba(158, 158, 158, 0.62); border-radius: 10px; padding: 11px 19px; } .flex-link .last-link:last-child { background: #FFFFFF; border-color: #E8E8E8; color: #1C1E23; box-shadow: none; margin-left: 10px; } .section-personal td.product-name button { font-size: 16px; text-decoration-line: underline; color: #1C1E23; font-weight: bold; background: transparent; border: none; transition: 0.5s; } .table-block .profile-usermenu ul li { border-top:1px solid #E8E8E8; } .table-block .profile-usermenu ul li:first-child { border: none; } .table-block .profile-usermenu ul li button { font-size: 15px; color: #222222; font-weight: bold; background: none; border: none; width: 100%; text-align: left; padding: 20px 5px 20px 20px; transition: 0.5s; } .table-block .profile-usermenu ul li a { font-size: 15px; color: #222222; font-weight: bold; background: none; border: none; width: 100%; text-align: left; padding: 20px 5px 20px 20px; } .table-block .profile-usermenu ul li:last-child { background: #F8F8F8; } .table-block .profile-usermenu ul li a:hover { color: #EB0000; } .table-block .profile-usermenu ul li button:hover { color: #EB0000; } /* .active-slide { display: none; } */ div#first { display: block; } .table-block .profile-usermenu ul li button.active { color: #EB0000; } .order-number-block { margin-top: 24px; } .order-number-block .item { display: none; } .order-number-block .item .border-block { background: #FFFFFF; border: 1px solid #E8E8E8; border-radius: 5px; } .border-block .flex-block { align-items: center; padding: 30px; } .border-block .flex-block h3 { font-weight: 600; font-size: 20px; line-height: 24px; text-transform: uppercase; color: #191A1C; margin: 0; } .block-order .flex-block p { font-style: normal; font-weight: 400; font-size: 14px; line-height: 17px; color: #222222; margin: 0; } .status-order { display: flex; justify-content: space-between; align-items: flex-start; padding: 32px 30px; border-top: 1px solid #E8E8E8; } .new-text::before { content: ''; display: block; background: #00C108; border-radius: 10px; width: 9px; height: 9px; margin-right: 6px; } .new-text { display: flex; align-items: center; } .status-order .block-item span.new-text { display: flex; align-items: center; } .status-order .block-item { display: flex; align-items: flex-start; } .status-order .block-item h4 { font-size: 20px; line-height: 24px; color: #191A1C; margin: 0 0 10px 0; } .status-order .block-item span { font-size: 14px; color: #222222; font-weight: normal; display: block; } .status-order .block-item div { margin-left: 10px; } .status-order .block-item p { font-weight: 600; font-size: 14px; line-height: 17px; color: #1C1E23; margin: 3px 0 0 0; } .status-order .block-item a { font-size: 13px; color: #FFFFFF; font-weight: bold; background: #EB0000; box-shadow: 0px 10px 24px rgb(158 158 158 / 62%); border-radius: 10px; padding: 13px 26px; display: inline-block; margin-top: 13px; } .status-order .block-item img { width: 30px; object-fit: scale-down; } .status-order .block-item.customer { width: 228px; } .block-list { margin-top: 30px; } .order-number-block .item .broduct-list { margin: 0px 30px 30px 30px; border: 1px solid #E8E8E8; border-radius: 5px; overflow: hidden; } div#order-second .status-order .block-item a { background: #00C108; } .section-personal td.product-name button:hover { color: #EB0000; } .table-block form h2.heading-contact { margin-top: 0; margin-bottom: 15px; } .table-block form .flex-form.footer-form .form-block { width: 32%; } .form-button { margin-top: 30px; } .form-button input { font-weight: bold; font-size: 13px; line-height: 16px; color: #1C1E23; background: #FFFFFF; border: 2px solid #E8E8E8; border-radius: 10px; padding: 10px 39px; transition: 0.5s; } .form-button input:hover { background: #EB0000; box-shadow: 0px 10px 24px rgba(158, 158, 158, 0.62); border-color: #EB0000; color: #fff; } .section-information .table-block .profile-usermenu ul li:last-child { background: transparent; } .section-information .table-block.information { padding: 30px; } .section-information .table-block.information .item h2 { font-size: 20px; line-height: 24px; color: #191A1C; margin: 0 0 15px; } .section-information .table-block.information .item p { font-size: 15px; line-height: 22px; color: #4E4E4E; font-weight: normal; margin: 0 0 30px 0; } .section-information .table-block.information .item p:last-child { margin: 0; } .section-information .table-block.information .item { display: none; } .section-information .table-block.information .item .flex-pay { display: flex; align-items: flex-start; margin-bottom: 30px; } .section-information .table-block.information .item .flex-pay div { margin-left: 15px; width: 841px; } .section-information .table-block.information .item .flex-pay .information-icon { margin: 0; width: 75px; } .section-information .table-block.information .item .flex-pay:last-child { margin: 0; } section.catalog-page.type-list span.block-list { margin: 0; } .delivery-block.mobile { display: none; } .owerlay_site { position: fixed; left: 0; right: 0; bottom: 0; top: 0; background: #00000087; opacity: 0; visibility: hidden; transition: 1s; z-index: 1111; } .owerlay_site.active { opacity: 1; visibility: visible; } .block-form { position: fixed; /* background: #FFFFFF; */ border-radius: 15px; z-index: 111111; top: 0; left: 0; right: 0; width: 1160px; margin: 0 auto; transform: scale(0); transition: 0.5s; width: 545px; overflow: hidden; bottom: 0; /* padding-bottom: 97px; */ margin: 63px auto; } .registration-from.active { transform: scale(1); } .block-form ul.nav.nav-tabs li a { padding: 20px 25px; margin: 0; border-radius: 0; } .entrance-form.active { transform: scale(1); } .block-form .table-block { max-height: 100%; margin: 0; background: transparent; border: 0; overflow: unset; border: none; border-radius: inherit; overflow-y: scroll; background: #FFFFFF; } .block-form .table-block form .flex-form .form-block { width: 100%; } .block-form .heading-form { text-align: center; width: 100%; font-weight: 700; font-size: 30px; color: #1C1E23; font-weight: bold; margin: 0 0 40px 0; } .block-form .table-block form { padding: 50px; } .flex-form-submit { display: flex; align-items: center; justify-content: space-between; margin-top: 30px; } .flex-form-submit input { font-size: 11px; font-weight: bold; color: #1C1E23; background: #FFFFFF; border: 2px solid #F7F7F7; border-radius: 10px; padding: 10px 36px; transition: 0.5s; } .flex-form-submit p { font-size: 13px; line-height: 16px; color: #222222; margin: 0; } .flex-form-submit p a { color: #EB0000; text-decoration: underline; } .flex-form-submit input:hover { color: #fff; border-color: #EB0000; background: #EB0000; box-shadow: 0px 10px 24px rgb(158 158 158 / 62%); } .flex-text-form { display: flex; align-items: center; justify-content: space-between; display: none; } .flex-text-form a { font-weight: 400; font-size: 13px; text-decoration-line: underline; color: #222222; } .chechbox-form { margin: 22px 0; } .chechbox-form input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; } .chechbox-form label { position: relative; cursor: pointer; margin: 0; font-weight: 400; font-size: 13px; color: #222222; display: flex; align-items: center; } .chechbox-form label:before { content:''; -webkit-appearance: none; background-color: transparent; border: 2px solid #E8E8E8; padding: 5px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 10px; } .chechbox-form input:checked + label:before { border: 4px solid #3DB7E8; padding: 3px; } .entrance-form .flex-form-submit input { padding: 12px 57px; } button.close-form { background: transparent; border: none; position: absolute; top: 20px; right: 20px; } .block-form input#email { background: #FFFFFF; border: 1px solid #E8E8E8; border-radius: 5px; width: 100%; height: 44px; padding: 13px 15px; color: #222222; font-size: 14px; box-shadow: none; } .block-form input#email:focus { border: 1px solid #EB0000; } .block-form button.btn.btn-primary { font-size: 11px; font-weight: bold; color: #1C1E23; background: #FFFFFF; border: 2px solid #F7F7F7; border-radius: 10px; padding: 10px 36px; transition: 0.5s; } .block-form button.btn.btn-primary:hover { color: #fff; border-color: #EB0000; background: #EB0000; box-shadow: 0px 10px 24px rgb(158 158 158 / 62%); } .advertisement { display: inline-block; width: 100%; } button.shop-add-button.active { opacity: 0; visibility: hidden; } .fixed .user_actions a:first-child { margin-left: 0 !important; } .side-bar { margin-bottom: 60px; } td.product-name a { display: flex; align-items: center; } td.product-name a:hover h2 { color: #EB0000; } .header-stiky.sticky { position: fixed; background: #fff; z-index: 111111111; right: 40px; display: flex; align-items: center; box-shadow: 0px 10px 24px rgba(158, 158, 158, 0.62); padding: 20px 15px !important; top: 0; transition: 0.5s; } .header-stiky.sticky { transform: translateY(0px); } .header-stiky .pop-up-link { margin-left: 20px; display: none; } .header-stiky.sticky .pop-up-link { display: inline-block; } .fixed .links{ margin-left: 20px; display: none; } .header-stiky.sticky .links { display: inline-block; } .short-desc a.fav { position: absolute; z-index: 1; top: 30px; left: 30px; } .table-block ul.select-options { position: static; margin-bottom: 30px; } main section.catalog-page .pagination > ul { justify-content: end; } .section-information .table-block.information .item { display: none; align-items: center; justify-content: space-between; } #first-child { display: flex; } .item.flex-about .basic-page-image { background: #FFFFFF; border: 1px solid #E8E8E8; border-radius: 5px; width: 300vh; height: 300px; overflow: hidden; margin-left: 40px; } .item.flex-about .basic-page-image img { width: 100%; height: 100%; object-fit: cover; } .item.flex-about .page-title { font-weight: 600; font-size: 20px; line-height: 24px; color: #191A1C; margin: 0 0 16px; } .item.flex-contact { display: flex !important; align-items: center; justify-content: space-between; } .item.flex-contact .col iframe { width: 100%; height: 100%; } .item.flex-contact .col { width: 450px; height: 330px; } .section-information .table-block.information .item.flex-contact .col h2 { font-style: normal; font-weight: 600; font-size: 20px; line-height: 24px; color: #191A1C; margin: 0; } .section-information .table-block.information .item.flex-contact .col p { font-style: normal; font-weight: 400; font-size: 14px; line-height: 17px; color: #222222; margin: 10px 0 0 0; } .section-information .table-block.information .item.flex-contact .col span { font-style: normal; font-weight: 400; font-size: 14px; line-height: 17px; color: #222222; margin: 10px 0 0 0; display: block; } .section-information .table-block.information .item.flex-contact .col a { font-style: normal; font-weight: 400; font-size: 14px; line-height: 17px; color: #222222; margin: 10px 0 0 0; display: inline-block; } .section-information .table-block.information .item.flex-contact .contactinfo.col div { margin-bottom: 20px; } .section-information .table-block.information .item.flex-contact .contactinfo.col div:last-child { margin: 0; } .item.flex-contact .contactinfo.col { height: auto; } .table-block .profile-usermenu ul li a.active { color: #EB0000; } .section-information .table-block.information .item.flex-contact .col a:hover { color: #EB0000; } .table-block .flex-item { flex-wrap: wrap; } .table-block .flex-item .item { background: #FFFFFF; border: 1px solid #E8E8E8; border-radius: 5px; width: 49%; margin-top: 30px; } section.section-personal.brd-section.section div#third { padding: 30px; } section.section-personal.brd-section.section div#third h2 { font-style: normal; font-weight: 600; font-size: 20px; line-height: 24px; color: #191A1C; margin: 0; } .table-block .flex-item .item .flex-top { display: flex; align-items: center; justify-content: space-between; padding: 15px 19px; border-bottom: 1px solid #E8E8E8; } section.section-personal.brd-section.section div#third .flex-top h2 { font-weight: bold; } .table-block .flex-item .item .flex-top .buttons-item button { background: transparent; border: none; padding: 0; } .table-block .flex-item .item .flex-top .buttons-item button.delete { margin-left: 10px; } .table-block .flex-item .item .item-footer { display: flex; align-items: center; padding: 16px 19px; } .table-block .flex-item .item .item-footer p { font-weight: 600; font-size: 14px; line-height: 17px; color: #1C1E23; margin: 0 0 0 10px; } .address-room { margin-top: 20px; } .address-room button { font-size: 13px; font-weight: bold; color: #1C1E23; background: #FFFFFF; border: 2px solid #E8E8E8; border-radius: 10px; padding: 10px 36px; transition: 0.5s; } .address-room button:hover { color: #fff; border-color: #EB0000; background: #EB0000; box-shadow: 0px 10px 24px rgb(158 158 158 / 62%); } .table-block .flex-item .item.active { display: none; } .address-form.active { transform: scale(1); } .short-desc a.fav.active path { fill: #EB0000; stroke: #EB0000; d: path("M24.490,10.420 C24.962,9.959 25.129,9.284 24.926,8.656 C24.721,8.027 24.189,7.579 23.534,7.484 L17.717,6.640 C17.470,6.603 17.255,6.448 17.145,6.224 L14.544,0.958 C14.252,0.367 13.660,-0.001 12.999,-0.001 C12.339,-0.001 11.746,0.367 11.454,0.958 L8.853,6.224 C8.743,6.448 8.528,6.603 8.280,6.640 L2.464,7.484 C1.810,7.579 1.277,8.027 1.073,8.656 C0.869,9.284 1.036,9.959 1.509,10.420 L5.717,14.518 C5.897,14.693 5.979,14.945 5.937,15.191 L4.943,20.978 C4.832,21.628 5.094,22.273 5.628,22.661 C6.162,23.050 6.857,23.100 7.443,22.792 L12.645,20.060 C12.867,19.943 13.131,19.943 13.353,20.060 L18.556,22.792 C18.810,22.926 19.085,22.991 19.359,22.991 C19.714,22.991 20.068,22.881 20.370,22.661 C20.905,22.273 21.167,21.628 21.055,20.978 L20.062,15.191 C20.019,14.945 20.101,14.693 20.281,14.518 L24.490,10.420 Z"); d: "M24.490,10.420 C24.962,9.959 25.129,9.284 24.926,8.656 C24.721,8.027 24.189,7.579 23.534,7.484 L17.717,6.640 C17.470,6.603 17.255,6.448 17.145,6.224 L14.544,0.958 C14.252,0.367 13.660,-0.001 12.999,-0.001 C12.339,-0.001 11.746,0.367 11.454,0.958 L8.853,6.224 C8.743,6.448 8.528,6.603 8.280,6.640 L2.464,7.484 C1.810,7.579 1.277,8.027 1.073,8.656 C0.869,9.284 1.036,9.959 1.509,10.420 L5.717,14.518 C5.897,14.693 5.979,14.945 5.937,15.191 L4.943,20.978 C4.832,21.628 5.094,22.273 5.628,22.661 C6.162,23.050 6.857,23.100 7.443,22.792 L12.645,20.060 C12.867,19.943 13.131,19.943 13.353,20.060 L18.556,22.792 C18.810,22.926 19.085,22.991 19.359,22.991 C19.714,22.991 20.068,22.881 20.370,22.661 C20.905,22.273 21.167,21.628 21.055,20.978 L20.062,15.191 C20.019,14.945 20.101,14.693 20.281,14.518 L24.490,10.420 Z"; } .short-desc a.fav:hover path { fill: #EB0000; stroke: #EB0000; d: path("M24.490,10.420 C24.962,9.959 25.129,9.284 24.926,8.656 C24.721,8.027 24.189,7.579 23.534,7.484 L17.717,6.640 C17.470,6.603 17.255,6.448 17.145,6.224 L14.544,0.958 C14.252,0.367 13.660,-0.001 12.999,-0.001 C12.339,-0.001 11.746,0.367 11.454,0.958 L8.853,6.224 C8.743,6.448 8.528,6.603 8.280,6.640 L2.464,7.484 C1.810,7.579 1.277,8.027 1.073,8.656 C0.869,9.284 1.036,9.959 1.509,10.420 L5.717,14.518 C5.897,14.693 5.979,14.945 5.937,15.191 L4.943,20.978 C4.832,21.628 5.094,22.273 5.628,22.661 C6.162,23.050 6.857,23.100 7.443,22.792 L12.645,20.060 C12.867,19.943 13.131,19.943 13.353,20.060 L18.556,22.792 C18.810,22.926 19.085,22.991 19.359,22.991 C19.714,22.991 20.068,22.881 20.370,22.661 C20.905,22.273 21.167,21.628 21.055,20.978 L20.062,15.191 C20.019,14.945 20.101,14.693 20.281,14.518 L24.490,10.420 Z"); d: "M24.490,10.420 C24.962,9.959 25.129,9.284 24.926,8.656 C24.721,8.027 24.189,7.579 23.534,7.484 L17.717,6.640 C17.470,6.603 17.255,6.448 17.145,6.224 L14.544,0.958 C14.252,0.367 13.660,-0.001 12.999,-0.001 C12.339,-0.001 11.746,0.367 11.454,0.958 L8.853,6.224 C8.743,6.448 8.528,6.603 8.280,6.640 L2.464,7.484 C1.810,7.579 1.277,8.027 1.073,8.656 C0.869,9.284 1.036,9.959 1.509,10.420 L5.717,14.518 C5.897,14.693 5.979,14.945 5.937,15.191 L4.943,20.978 C4.832,21.628 5.094,22.273 5.628,22.661 C6.162,23.050 6.857,23.100 7.443,22.792 L12.645,20.060 C12.867,19.943 13.131,19.943 13.353,20.060 L18.556,22.792 C18.810,22.926 19.085,22.991 19.359,22.991 C19.714,22.991 20.068,22.881 20.370,22.661 C20.905,22.273 21.167,21.628 21.055,20.978 L20.062,15.191 C20.019,14.945 20.101,14.693 20.281,14.518 L24.490,10.420 Z"; } a.active { color: #EB0000 !important; font-weight: bold; } .flex-item .buttons-item form { padding: 0; } .flex-item .buttons-item { display: flex; align-items: center; } header section.bottom .searchForm div.select .select { display: none; } section.section-personal.brd-section.section .table-block form .flex-form.footer-form .form-block { width: 49%; } section.section-personal.brd-section.section .table-block form .flex-form { margin-bottom: 20px; } div#brand .item img { width: 158px; height: auto; } .reset-filters a { background: #EB0000; padding: 15px 20px; display: inline-block; color: #fff; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; border-radius: 10px; font-size: 11px; margin-top: 20px; text-decoration: none; } section.details-page .image-container { width: 800px !important; /* height: 450px !important; */ margin: 0 auto; } section.details-page .image-container img { width: 100%; object-fit: cover; } nav.flex.items-center.justify-between { display: none !important; } .delivery-block.payment.web form#orderForm { width: 100%; } .delivery-block.payment.web form#orderForm .checkout-link { width: 100%; } .delivery-block.payment.web form#orderForm .checkout-link button.blue-button.checkout { background: #EB0000; box-shadow: 0px 10px 24px rgba(158, 158, 158, 0.62); border-radius: 10px; font-size: 13px; color: #FFFFFF; font-weight: bold; display: inline-block; width: 100%; text-align: center; padding: 14px 5px; border: none; text-transform: uppercase; } .fixed .big-button { position: fixed; right: 217px; bottom: 30px; width: 66px; height: 66px; border-radius: 50%; background: #EB0000; display: flex; justify-content: center; align-items: center; color: #FFF; font-size: 33px; box-shadow: 0px 4px 10px 0px rgb(235 0 0 / 51%); transition: all 600ms; z-index: 130; border: none; padding: 0; } .callAction .big-button .close { transition: all 600ms; position: relative; z-index: 1; } .callAction .big-button .phone-fixed { transition: all 600ms; position: relative; z-index: 1; } .callAction .big-button .close { position: absolute; text-shadow: none; font-size: 43px; opacity: 1; color: #fff; font-weight: 700; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); line-height: 1; font-style: normal; } .callAction .big-button.active .close { transform: translate(-50%, -50%) scale(1); } .callAction .big-button.active .phone-fixed { transform: scale(0); } .fixed { position: relative; top: 0px; right: 0; z-index: 100; display: inline-block; } .callAction .call_window { background-color: #fff; position: fixed; right: 37px; border-radius: 10px; box-shadow: 0px 4px 10px 0px rgb( 0, 0, 0, 0.1); padding: 30px 30px; bottom: 120px; width: 333px; transition: 600ms; transform: translateY(30px); opacity: 0; visibility: hidden; overflow: hidden; z-index: 130; } .callAction .call_window.active { opacity: 1; visibility: visible; transform: translateY(0); } .callAction .call_window .tel-number { background: #FFFFFF; border: 1px solid #E8E8E8; border-radius: 3px; width: 100%; height: 46px; font-size: 14px; line-height: 21px; color: #AAAAAA; padding: 14px 16px; margin: 0px 0 10px; } .callAction .call_window .send-submit { background: #EB0000; box-shadow: 0px 10px 24px rgba(158, 158, 158, 0.62); border-radius: 10px; font-size: 13px; color: #FFFFFF; font-weight: bold; display: inline-block; width: 100%; text-align: center; padding: 11px 5px; border: 1px solid #EB0000; text-transform: uppercase; } .click-marks { margin-bottom: 13px; display: flex; align-items: center; justify-content: space-between; position: relative; cursor: pointer; } .click-marks span { font-size: 17px; font-weight: normal; } .active-marks { margin-left: 10px; visibility: hidden; height: 0; } .active-marks span { font-size: 15px !important; } .active-marks span::before { width: 12px !important; height: 12px !important; } .fixed .call_window h2 { font-size: 22px; margin: 0 0 20px; width: 100%; text-align: center; font-weight: bold; } .item-box [type="radio"]:checked, .item-box [type="radio"]:not(:checked) { position: absolute; left: -9999px; } .item-box [type="radio"]:checked + label, .item-box [type="radio"]:not(:checked) + label { position: relative !important; padding-left: 28px !important; cursor: pointer !important; font-size: 15px !important; color: #2a2a2a !important; display: flex !important; align-items: center !important; margin-bottom: 0px !important; } .item-box [type="radio"]:checked + label:before, .item-box [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 21px; height: 21px; border: 1px solid #d7d7d7; border-radius: 100%; background: #fff; } .item-box [type="radio"]:checked + label:after, .item-box [type="radio"]:not(:checked) + label:after { content: ''; width: 9px; height: 9px; background: #EB0000; position: absolute; top: 6px; left: 6px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .item-box [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } .item-box [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .click-marks div { width: 100%; position: relative; } .click-marks div::after { content: ''; background-color: transparent; background-image: url(../../images/select-arrow.png); background-repeat: no-repeat; background-position: center; border: none; position: absolute; right: -5px; top: 7px; width: 10px; height: 10px; } .active-marks.active { visibility: visible; height: auto; } .pagination .select ul.select-options { display: flex !important; position: static; width: 100%; background: transparent; border: none; justify-content: end; } .pagination .select ul.select-options { display: flex; position: static; width: 100%; background: transparent; border: none; justify-content: end; } .pagination .select .select-styled { position: static; display: none; } .pagination .select { width: 100%; cursor: auto; height: auto; } .pagination .select ul.select-options li { padding: 0; border: none; text-indent: inherit; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 32px; height: 32px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #e0e0e0; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; color: #555555; margin-left: 5px; } .pagination .select ul.select-options li:hover { color: #fff; border: 1px solid #EB0000; } main section.catalog-page .pagination .heading-box { width: 100%; margin: 0; display: inline-block; border: none; } main section.catalog-page .pagination .heading-box .settings { justify-content: end; } main section.catalog-page .pagination .heading-box .settings .amount { width: 100%; } main section.catalog-page .pagination .heading-box .settings .amount .select { width: 100%; height: auto; } main section.catalog-page .pagination .heading-box .settings .amount .select .select { display: none; } .pagination .select ul.select-options li.active { color: #fff; border: 1px solid #EB0000; } .pagination .select ul.select-options li:first-child { color: #fff; border: 1px solid #EB0000; background: #EB0000; } .active-model { display: none !important; } .active-model.active { display: block !important; } main section.catalog-page .pagination { justify-content: end; display: flex; padding: 0 10px 0px 0; } main section.catalog-page .pagination li a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 32px; height: 32px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #e0e0e0; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; color: #555555; margin-left: 5px; } main section.catalog-page .pagination li a:hover { background: #EB0000; color: #FFF; border-color: #EB0000; } main section.catalog-page .pagination li span { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 32px; height: 32px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #e0e0e0; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; color: #555555; margin-left: 5px; } main section.catalog-page .pagination li.page-item.active span { background-color: #EB0000 !important; color: #FFF !important; border-color: #EB0000 !important; } .callAction { position: fixed; bottom: 0; right: 0; z-index: 7; } .phone-style { zoom: 1; position: relative; width: 108px; height: 108px; } .styles_Blur { background-image: linear-gradient(208deg,#EB0000,#EB0000); top: auto; bottom: -20px; left: auto; right: -20px; position: absolute; width: 128px; height: 128px; opacity: .25; animation: 1s ease 0s infinite alternate none running call_button; border-radius: 64px; } .phone-buttons button { animation: 1s ease 0s infinite alternate none running ifmyAP; position: absolute; right: 24px; bottom: 24px; } .phone-buttons button { background: #EB0000; border: 0; opacity: 1; width: 62px; height: 62px; border-radius: 100%; visibility: visible; transition: .5s; display: flex; align-items: center; outline: none; justify-content: center; } @keyframes call_button { 0% { transform: scale(.82) translate(48px,20px); } 100% { transform: scale(1) translate(0px,0px); } } @keyframes ifmyAP { 0% { transform: scale(.68) translate(25px,25px); } 100% { transform: scale(1) translate(0px,0px); } } .delivery-block.information.web.col-block a { border: 1px solid #E8E8E8; border-radius: 5px; height: 100%; width: 100%; padding: 0; display: flex; align-items: center; justify-content: center; font-size: 20px; } .delivery-block.information.web.col-block { width: 49%; height: 212px; margin: 24px 0; } .delivery-block.information.web.col-block.none { order: 1; }