/** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url("/static/js/owl-carousel/owl.video.play.4a37f8008959.png") no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2017 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=177abed6916fe23363b363f3980bb60a) * Config saved to config.json and https://gist.github.com/177abed6916fe23363b363f3980bb60a *//*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,*:before,*:after{background:transparent !important;color:#000 !important;-webkit-box-shadow:none !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000 !important}.label{border:1px solid #000}.table{border-collapse:collapse !important}.table td,.table th{background-color:#fff !important}.table-bordered th,.table-bordered td{border:1px solid #ddd !important}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:hover,a:focus{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role="button"]{cursor:pointer}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:800px){.container{width:750px}}@media (min-width:1024px){.container{width:970px}}@media (min-width:1921px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:800px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:1024px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1921px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed} /* .notify-i.on { position: relative; } .notify-i.on:after { content: ""; display: inline-block; width: 20px; height: 20px; background: url("/static/css/images/profile-icons.450565918ab9.png") no-repeat; background-position: -243px 0; position: absolute; top: -2px; right: -6px; } .notify-i.on:after { top: -15px; right: -12px; width: 25px; background-position: -243px -27px; }*/ /* Slider */ .main-slider .item { position: relative; text-align: center; width: 100%; } .main-slider .owl-nav { top: 0; width: 100%; } .main-slider .owl-dots { text-align: center; position: relative; margin-top: -80px; margin: -30px 0 45px; } .main-slider .owl-dot.active { width: 18px; height: 18px; border: 2px solid #fff; position: relative; top: 3px; -webkit-box-shadow: 0 0 8px #b3b3b3; box-shadow: 0 0 8px #b3b3b3; } .main-slider .owl-dot { background: #525368; width: 10px; height: 10px; -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; margin: 0 2px;} .main-slider .owl-nav > div { width: 50px; float: left; position: absolute; top: 50%; } .main-slider .owl-nav > div:last-child { float: right; right: 0; } .main-slider .item img { width: 100%; } .slide-caption { z-index: 1; width: 100%; height: 100%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 1% 0; text-align: center; overflow: hidden; } .slide-caption.slide-center .sc-text-wrapper { display: inline-block; width: 100%; 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%); } .slide-caption .sc-img-wrapper { text-align: left; } /* Slide animations */ .slide-caption .sc-img-wrapper { display: inline-block; width: 50%; position: relative; height: 100%; } .slide-caption .sc-text-wrapper { -webkit-transition: .2s; transition: .2s; margin: 0;} .main-slider .slide-caption .sc-img { max-height: 100%; max-width: 80%; padding-left: 2%; padding-right: 2%; position: relative; display: inline-block; vertical-align: middle; width: auto; position: absolute; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .slide-caption .sc-title { font-family: "OpenSansBold", Arial, sans-serif; font-size: 32px; line-height: 42px; color: #b11271; position: relative; } .slide-caption .sc-description { font-family: "OpenSansLight", Arial, sans-serif; font-size: 24px; line-height: 34px; color: #6a696e; position: relative; } .slide-caption .sc-cta { font-family: "OpenSansLight", Arial, sans-serif; font-size: 18px; line-height: 18px; color: #d63593; padding: 12px 35px; border: 2px solid #d63593; opacity: 0; text-decoration: none; } .slide-caption .sc-cta:hover { text-decoration: none; } /* cta material design click*/ .material-link { display: inline-block; /* float: left; */ /* width: 49.6%; */ /* margin: 0.2%; */ /* height: 10em; */ text-align: center; color: #fff; text-decoration: none; position: relative; overflow: hidden; -webkit-transition: all 0.15s ease; transition: all 0.15s ease; z-index: 0; } .ink { display: block; position: absolute; background: #d63593; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .animate { -webkit-animation: ripple 0.65s linear; animation: ripple 0.65s linear; } @-webkit-keyframes ripple { 100% { opacity: 0; -webkit-transform: scale(2.5); } } @keyframes ripple { 100% { opacity: 0; -webkit-transform: scale(2.5); transform: scale(2.5); } } /* sliding center */ .slide-center .sc-title { margin-left: -200%; } .slide-center .sc-description { margin-right: -200%; } .slide-center .sc-cta { bottom: -150px; } .owl-item.active .slide-center .sc-title { margin-left: 0; -webkit-transition: 1s; transition: 1s; } .owl-item.active .slide-center .sc-description { margin-right: 0; -webkit-transition: 1s; transition: 1s; } .owl-item.active .slide-caption .sc-cta { font-family: "HelveticaBold", Arial, sans-serif; -webkit-transition: 1s; -webkit-transition: 1.1s; transition: 1.1s; opacity: 1; margin-top: 0; bottom: -17px; } /* sliding left */ .slide-left .sc-img-wrapper { float: right; } .slide-caption.slide-left .sc-text-wrapper { text-align: right; padding: 10px; float: left; width: 50%; display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .slide-caption .sc-img.top { top: -1000px; } .slide-left .sc-title { left: -100%; } .slide-left .sc-description { left: -100%; } .slide-left .sc-cta { opacity: 0; left: -100%; } .owl-item.active .slide-caption .sc-img.top { top: 50%; left: 0%; -webkit-transition: 1s; transition: 1s; width: auto; } .owl-item.active .slide-caption.slide-right .sc-img.top { top: 50%; right: 0; left: inherit; } .owl-item.active .slide-caption.slide-left .sc-img.bottom { bottom: 50%; right: 0%; -webkit-transition: 1s; transition: 1s; width: auto; -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%); } .owl-item.active .slide-left .sc-title { -webkit-transition: 1s; transition: 1s; left: 0%; } .main-slider .slide-left .sc-img { left: 0; } .owl-item.active .slide-left .sc-description { left: 0%; -webkit-transition: 1.2s; transition: 1.2s; } .owl-item.active .slide-left .sc-cta { -webkit-transition: 1.4s; transition: 1.4s; opacity: 1; left: 0%; } /* sliding right */ .slide-right .sc-img-wrapper { float: left; text-align: right; } .slide-caption.slide-right .sc-text-wrapper { padding: 10px; width: 50%; text-align: left; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 0; } .slide-caption .sc-img.bottom { bottom: -1000px; display: inline-block; } .slide-right .sc-title { left: 100%; } .slide-right .sc-description { left: 100%; } .slide-right .sc-cta { opacity: 0; left: 100%; } .owl-item.active .slide-caption.slide-right .sc-img.bottom { -webkit-transition: 1s; transition: 1s; bottom: 50%; -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%); } .owl-item.active .slide-right .sc-title { transition: 1s; -webkit-transition: 1s; left: 2%; } .owl-item.active .slide-right .sc-description { -webkit-transition: 1.2s; transition: 1.2s; left: 2%; } .owl-item.active .slide-right .sc-cta { -webkit-transition: 1.4s; transition: 1.4s; opacity: 1; left: 2%; } /* no-animation left */ .no-animation-left .sc-img-wrapper { float: left; text-align: right; } .no-animation-left .sc-text-wrapper { width: 50%; float: right; text-align: left; padding: 10px; width: 50%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 0; } .no-animation-left .sc-img-wrapper .sc-img { top: 50%; right: 0; } /* no-animation right */ .no-animation-right .sc-img-wrapper { float: right; text-align: left; } .no-animation-right .sc-img-wrapper .sc-img { top: 50%; left: 0; } .no-animation-right .sc-text-wrapper { width: 50%; float: left; text-align: right; padding: 10px; width: 50%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: 0; } /* Advantages */ body .advantages { display: table; width: 100%; margin: 0px auto; padding: 0 35px; border-left: none; border-right: none; -webkit-box-sizing: border-box; box-sizing: border-box; } .advantages > div { display: table-cell; width: 25%; border: 1px solid #eceaea; vertical-align: middle; text-align: center; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; } .advantages .separator { display: none; height: 0px; width: 100%; outline: 1px solid #eceaea; } .advantages div img { height: auto; float: left; max-width: 50%; margin-right: 10px; } .hp-wrapper { display: inline; text-align: left; } .hp-wrapper .advantage-h, .hp-wrapper .advantage-p { font-size: 20px; line-height: 20px; font-family: "OpenSansBold", Arial, sans-serif; color: #77b3d4; margin-top: 10px; } .hp-wrapper .advantage-p { font-size: 14px; font-family: "OpenSansLight", Arial, sans-serif; margin-top: 5px; } .advantages > div:nth-child(1) i { background-position: 0 0; } .advantages > div:nth-child(2) i { background-position: -122px 0; } .advantages > div:nth-child(3) i { background-position: -226px 0; } .advantages > div:nth-child(4) i { background-position: -343px 0; } /* Product slider */ .h2caption { font-family: "OpenSansRegular", Arial, sans-serif; font-size: 25px; line-height: 25px; padding-left: 10px; margin-bottom: 20px; display: inline-block; } body .hot-offers, body .new-offers { padding: 0px 35px; margin: 20px auto; } /* Articles */ .articles { background-size: 100%; background-attachment: fixed; } .articles .articles-wrapper { padding: 20px; margin: 0 auto } .articles .articles-head, .articles .article-wrapper, .articles .read-more { margin: 10px 0; -webkit-border-radius: 5px; border-radius: 5px; text-align: center; background-clip: padding-box; border: 4px solid rgba(255, 255, 255, 0.2); -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1); } .articles .articles-head { font-family: "OpenSansBold", Arial, sans-serif; font-size: 25px; line-height: 40px; margin: 0; color: #000; display: block; background: #fff; background-clip: padding-box; margin: 0 15px 15px; } .articles article { padding-left: 15px; padding-right: 15px; text-align: center; margin: 10px 0; } .articles .article-wrapper { padding-right: 10px; display: inline-block; font-size: 0; padding: 10px; background: #fff; max-width: 550px; min-height: 200px; background-clip: padding-box; } .articles .article-wrapper a { font-family: "OpenSansBold", Arial, sans-serif; color: #000; font-size: 18px; line-height: 20px; display: inline-block; width: 100%; } .articles .article-wrapper a.article-headline { height: 55px; overflow: hidden; position: relative; top: 0; left: 0; } .articles .article-wrapper a.article-headline:after { content: ""; display: inline-block; background: url("/static/css/images/hide-gradient.365e94ee5066.png") repeat-x; height: 20px; width: 100%; position: absolute; bottom: 0; } .articles .article-wrapper img { margin: 20px 0; width: 90%; } .articles .read-more { margin: 10px 15px; padding: 10px; font-family: "OpenSansLight", Arial, sans-serif; font-size: 20px; line-height: 20px; color: #525368; display: block; clear: both; -webkit-transition: .2s; transition: .2s; opacity: .9; } .articles .read-more:hover { text-decoration: none; opacity: 1; -webkit-transition: .2s; transition: .2s; } /* category-list */ .category-list-wrapper { padding: 15px 35px; display: inline-block;} .category-list { display: block; width: 100%; background: #f5f5f5; } .category-list .category { display: inline-block; float: left; width: 33.3333%; padding-right: 10px; margin-top: 15px; } .category-list .category h2 { margin-bottom: 5px; } .category-list .category h2 a { font-family: "OpenSansRegular", Arial, sans-serif; color: #000; font-size: 18px; line-height: 18px;} .category-list .category ul a { font-family: "OpenSansLight", Arial, sans-serif; font-size: 15px; line-height: 20px; color: #818080; } .category-list .category:last-child { padding-right: 0; } /* Brands */ .brands { display: block; position: relative; width: 100%; background-size: 100%; height: 300px; background-attachment: fixed; overflow: hidden; font-size: 0; max-width: 2560px; } .brands-caption { font-family: "OpenSansBold", Arial, sans-serif; font-size: 35px; line-height: 35px; color: #fff; position: relative; top: 40px; left: 20%; margin-bottom: 40px; } .brands-caption a{ color: #fff;} .a-wrapper { position: relative; top: 20px; left: 20%; display: inline-block; border-top: 1px solid #fff; border-bottom: 1px solid #fff; } .a-wrapper a { font-family: "OpenSansLight", Arial, sans-serif; font-size: 22px; line-height: 50px; color: #fff; padding: 0px 10px; } .a-wrapper a + a { border-left: 1px solid #fff; } .owl-carousel.brands-slider { padding: 20px; } .owl-carousel.brands-slider .item { text-align: center; height: 100px; line-height: 100px; } .owl-carousel.brands-slider .item img { max-width: 120px; max-height: 99px; display: inline-block; } /* products grid */ .hot-offers-slider .owl-nav, .new-offers-slider .owl-nav, .search-items .owl-nav { display: inline-block; position: absolute; top: -46px; right: 8px; margin-left: 10px; } .hot-offers-slider .owl-prev, .hot-offers-slider .owl-next, .new-offers-slider .owl-prev, .new-offers-slider .owl-next, .search-items .owl-prev, .search-items .owl-next { margin-left: 10px; opacity: .5; display: inline-block; width: 15px; height: 25px; background: url("/static/css/images/sprites/arrows.3da9357308d6.png") no-repeat left bottom; -webkit-transition: .2s; transition: .2s; } .hot-offers-slider .owl-prev:hover, .hot-offers-slider .owl-next:hover, .new-offers-slider .owl-prev:hover, .new-offers-slider .owl-next:hover, .search-items .owl-prev:hover, .search-items .owl-next:hover { opacity: .7; -webkit-transition: .2s; transition: .2s; } .hot-offers-slider .owl-next, .new-offers-slider .owl-next, .search-items .owl-next { background-position: right bottom; } .hot-offers-slider .item, .new-offers-slider .item, .search-items .item { position: relative; border: 1px solid #e7e7e7; -webkit-border-radius: 6px; border-radius: 6px; text-align: center; margin: 10px 7px; background-clip: padding-box; border: 5px solid rgba(68, 85, 102, 0.02); -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0 7px #ececec; box-shadow: 0 0 7px #ececec; -webkit-transition: .2s; transition: .2s; } .hot-offers-slider .item .product-code, .new-offers-slider .item .product-code, .search-items .item .product-code { display: inline-block; float: right; margin: 10px 10px 0 0; position: relative; z-index: 55; } .hot-offers-slider .item .product-code .p-code, .new-offers-slider .item .product-code .p-code, .search-items .item .product-code .p-code { font-family: "OpenSansRegular", Arial, sans-serif; font-size: 18px; line-height: 24px; border: 1px solid #77b3d4; -webkit-border-radius: 1px; border-radius: 1px; color: #77b3d4; } .hot-offers-slider .item .product-code .p-caption, .new-offers-slider .item .product-code .p-caption, .search-items .item .product-code .p-caption { font-family: "OpenSansLight", Arial, sans-serif; font-size: 12px; line-height: 24px; color: #77b3d4; } .hot-offers-slider .item .img-wrapper, .new-offers-slider .item .img-wrapper, .search-items .item .img-wrapper { display: table; width: 100%; height: 250px; line-height: 250px; overflow: hidden; } .hot-offers-slider .item .img-wrapper:hover, .new-offers-slider .item .img-wrapper:hover, .search-items .item .img-wrapper:hover { text-decoration: none; } .hot-offers-slider .item .img-wrapper img, .new-offers-slider .item .img-wrapper img, .search-items .item .img-wrapper img { width: 100%; display: inline-block; vertical-align: middle; max-height: 250px; } .hot-offers-slider .item .p-available, .hot-offers-slider .item .p-unvailable, .new-offers-slider .item .p-available, .new-offers-slider .item .p-unvailable, .search-items .item .p-available, .search-items .item .p-unvailable { font-size: 14px; line-height: 20px; color: #0072bc; font-family: "OpenSansLight", Arial, sans-serif; } .hot-offers-slider .item .p-available:hover, .hot-offers-slider .item .p-unvailable:hover, .new-offers-slider .item .p-available:hover, .new-offers-slider .item .p-unvailable:hover, .search-items .item .p-available:hover, .search-items .item .p-unvailable:hover { text-decoration: none; } .hot-offers-slider .item .p-unvailable, .new-offers-slider .item .p-unvailable, .search-items .item .p-unvailable { color: #999797; } .hot-offers-slider .item .p-name:after, .new-offers-slider .item .p-name:after, .search-items .item .p-name:after { content: ""; display: inline-block; background: url("/static/css/images/hide-gradient.365e94ee5066.png") repeat-x; height: 20px; width: 100%; position: absolute; bottom: 0; left: 0; } .hot-offers-slider .item .p-name, .new-offers-slider .item .p-name, .search-items .item .p-name { margin-top: 10px; height: 56px; line-height: 56px; overflow: hidden; position: relative; vertical-align: middle; display: inline-block; font-size: 18px; color: #000; font-family: "OpenSansLight", Arial, sans-serif; word-wrap: break-word; padding: 0 5px; } .hot-offers-slider .item .p-name:hover, .new-offers-slider .item .p-name:hover, .search-items .item .p-name:hover { text-decoration: none; } .hot-offers-slider .item .p-name > *, .new-offers-slider .item .p-name > *, .search-items .item .p-name > * { display: inline-block; line-height: 1; font-size: 18px; font-family: "OpenSansLight", Arial, sans-serif; } .hot-offers-slider .item:hover, .new-offers-slider .item:hover, .search-items .item:hover { -webkit-box-shadow: 0 0 7px 4px #ececec; box-shadow: 0 0 7px 4px #ececec; -webkit-transition: .2s; transition: .2s; } .hot-offers-slider .rating-comments, .new-offers-slider .rating-comments, .search-items .rating-comments { border-top: 1px solid #e7e7e7; padding: 10px 0px; margin: 10px 10px; } .hot-offers-slider .rating-comments .rating, .new-offers-slider .rating-comments .rating, .search-items .rating-comments .rating { float: left; margin: 0; } .hot-offers-slider .rating-comments .voices, .new-offers-slider .rating-comments .voices, .search-items .rating-comments .voices { float: left; font-size: 12px; font-family: "OpenSansLight", Arial, sans-serif; color: #000; line-height: 18px; margin-left: 5px; } .hot-offers-slider .rating-comments .comments-wrapper, .new-offers-slider .rating-comments .comments-wrapper, .search-items .rating-comments .comments-wrapper { float: right; } .hot-offers-slider .rating-comments .comments-wrapper a, .new-offers-slider .rating-comments .comments-wrapper a, .search-items .rating-comments .comments-wrapper a { color: #000; font-family: "OpenSansLight", Arial, sans-serif; font-size: 14px; line-height: 18px; } .hot-offers-slider .product-action, .new-offers-slider .product-action, .search-items .product-action { display: inline-block; width: 100%; padding: 0px 10px; overflow: hidden; line-height: 56px; height: 56px; } .hot-offers-slider .inform-availability, .new-offers-slider .inform-availability, .search-items .inform-availability { border: 1px solid #77b3d4; color: #77b3d4; font-family: "OpenSansBold", Arial, sans-serif; font-size: 16px; line-height: 20px; margin: 1px 0px; padding: 2px; display: inline-block; width: 100%; background: none; -webkit-border-radius: 5px; border-radius: 5px; vertical-align: middle; -webkit-transition: .2s; transition: .2s; } .hot-offers-slider .inform-availability:hover, .new-offers-slider .inform-availability:hover, .search-items .inform-availability:hover { background: #77b3d4; border: 1px solid #fff; color: #fff; -webkit-transition: .2s; transition: .2s; -webkit-box-sizing: border-box; box-sizing: border-box; } .hot-offers-slider .product-action .action-icons, .new-offers-slider .product-action .action-icons, .search-items .product-action .action-icons { display: inline-block; float: left; } .hot-offers-slider .product-action .action-icons .wish, .hot-offers-slider .product-action .action-icons .buy, .new-offers-slider .product-action .action-icons .wish, .new-offers-slider .product-action .action-icons .buy, .search-items .product-action .action-icons .wish, .search-items .product-action .action-icons .buy { position: relative; left: -130px; display: block; float: left; width: 32px; height: 32px; text-align: center; border: none; margin: 10px 5px 0 0; padding: 0; background: #77b3d4; /* line-height: 38px;*/ -webkit-border-radius: 50%; border-radius: 50%; background-size: 70%; -webkit-transition: .15s; transition: .15s; } .hot-offers-slider .product-action .action-icons .wish:hover, .hot-offers-slider .product-action .action-icons .buy:hover, .new-offers-slider .product-action .action-icons .wish:hover, .new-offers-slider .product-action .action-icons .buy:hover, .search-items .product-action .action-icons .wish:hover, .search-items .product-action .action-icons .buy:hover { background: #0072bc; -webkit-transition: .2s; transition: .2s; } .hot-offers-slider .product-action .action-icons .buy, .new-offers-slider .product-action .action-icons .buy, .search-items .product-action .action-icons .buy { line-height: 35px; } .hot-offers-slider .product-action .action-icons .action-icon, .new-offers-slider .product-action .action-icons .action-icon, .search-items .product-action .action-icons .action-icon { width: 16px; height: 16px; position: relative; display: block; margin: auto; } .hot-offers-slider .product-action .price, .new-offers-slider .product-action .price, .search-items .product-action .price { display: inline-block; float: right; line-height: 0; text-align: right; } .hot-offers-slider .product-action .price .old-price, .hot-offers-slider .product-action .price .new-price, .new-offers-slider .product-action .price .old-price, .new-offers-slider .product-action .price .new-price, .search-items .product-action .price .old-price, .search-items .product-action .price .new-price { position: relative; top: 10px; right: 0px; font-size: 16px; line-height: 16px; color: #000; font-family: "OpenSansLight", Arial, sans-serif; } .hot-offers-slider .product-action .price .new-price, .new-offers-slider .product-action .price .new-price, .search-items .product-action .price .new-price { top: 20px; font-size: 19px; line-height: 20px; color: #b20a72; top: 18px; } .item:hover .wish, .item:hover .buy, .item:hover .compare { left: 0 !important; -webkit-transition: .2s; transition: .2s; } /*.item .buy { -webkit-transition: 0.4s !important; transition: 0.4s !important; } .item:hover .buy { -webkit-transition: 0.3s !important; transition: 0.3s !important; } .product-action .wish.clicked { background: #0072bc!important; } .buy.clicked, .w-buy.clicked, .wish.clicked:hover { background: #0072bc!important; cursor: default!important; }*/ /* .wish.clicked:after, .buy.clicked:after, .w-buy.clicked:after { content: "✔"; width: 16px; height: 16px; position: absolute; top: 10px; border-radius: 50%; right: 0px; background: #ffffff; color: #0072bc; font-size: 12px; line-height: 16px; display: inline-block; font-family: Arial; padding: 0; border: 1px solid #0072bc; }*/ /* */ .search-items { display: inline-block; } .search-items .item { width: 25%; float: left; display: inline-block; } /*----------*/ /* Footer */ /*----------*/ @media (max-width: 1025px) { .slide-caption .sc-title { font-size: 25px; line-height: 30px; } .slide-caption .sc-description { font-size: 17px; line-height: 22px; } .slide-caption .sc-cta { font-size: 14px; line-height: 20px; padding: 8px 20px; } .main-slider .slide-caption .sc-img {} .hot-offers-slider .product-action .action-icons .buy, .hot-offers-slider .product-action .action-icons .wish, .hot-offers-slider .product-action .action-icons .compare, .new-offers-slider .product-action .action-icons .buy, .new-offers-slider .product-action .action-icons .compare, .new-offers-slider .product-action .action-icons .wish { left: 0!important; } /* brands */ .brands { text-align: center; background-attachment: inherit; background-position: center bottom; background: #000; } .brands .brands-caption, .brands .a-wrapper { left: 0; top: 80px; } .brands .a-wrapper { top: 55px; } .subs-note { text-align: center; line-height: 60px; height: auto; padding-right: 0px; padding-left: 0px; } .subs-input { text-align: center; } .subs-input form { text-align: center; min-width: 240px; max-width: 500px; float: none; padding-left: 0; padding-right: 0; } .subs-input .input-icon { display: none; } .subs-input input { width: 100%; float: left; margin: 0 auto; position: relative; right: 0px; padding: 0 22px; } .subs-input button { position: absolute; right: 0px; padding: 0; height: 60px; width: 60px; top: 0px; z-index: 100; } /* soc-icons */ .soc-icons { margin-left: 5px; } .soc-icons a { margin: 0 2px; } } /* user menu */ @media screen and (max-width: 870px) { /* user right menu*/ header .right-u-menu li a span { display: none; } /* advantages */ /* .advantages > div { width: 100%; display: table-row; text-align: center; padding: 10px; } .advantages > div { outline: 1px solid #eceaea; } .advantages .separator { display: none; } .advantages div img { margin-top: 10px; float: none; margin-right: 0; float: none; } .advantages .hp-wrapper { display: block; text-align: center; margin-bottom: 10px; }*/ /* slider */ .slide-caption .sc-title { font-size: 12px; line-height: 16px; } .slide-caption .sc-description { display: none; } .slide-caption .sc-cta { font-size: 14px; line-height: 18px; padding: 6px 15px; } .main-slider .slide-caption .sc-img {} .owl-item.active .slide-caption .sc-cta { bottom: -7px; } .h2caption { font-size: 18px; line-height: 22px; } /* articles */ .articles { background-attachment: scroll; } } @media screen and (max-width: 550px) { .hot-offers-slider .item, .new-offers-slider .item, .search-items .item { margin: 0 auto; } .articles .articles-head { font-size: 20px; line-height: 28px; max-width: 300px; margin: 0 auto; } .articles article { max-width: 300px; margin: 0 auto; display: block; float: none; } /* advantages */ /* .advantages > div { width: 100%; display: table-row; text-align: center; padding: 10px; } .advantages > div { outline: 1px solid #eceaea; } .advantages .separator { display: none; } .advantages div img { margin-top: 10px; float: none; margin-right: 0; float: none; } .advantages .hp-wrapper { display: block; text-align: center; margin-bottom: 10px; } .advantages { max-width: 330px; }*/ body .advantages { display: none; } .articles article { width: 100%; padding-left: 0; padding-right: 0; } .articles .read-more { margin-left: auto; margin-right: auto; max-width: 300px; } .subs-input button { top: 0px; } } @media screen and (min-width: 1280px) { .subs-input form { width: 74%; } } @media screen and (min-width: 2561px) { .main-slider-wrapper { display: inline-block; width: 100%; overflow: hidden; } .main-slider { max-width: 2497px; margin: 0 auto; } .main-slider.owl-carousel .owl-stage-outer { overflow: visible !important; } } @media (min-height: 600px) and (max-height: 701px) { .main-slider .item > img { max-height: 320px !important; } } @media (max-width: 480px) { .search-form .input, .search-form select { display: block; float: none; } /* slider */ .main-slider .owl-item img { /*min-height: 200px;*/ } .slide-caption .sc-title { font-size: 14px; line-height: 20px; } .slide-caption .sc-cta { font-size: 14px; line-height: 18px; padding: 6px 15px; } .main-slider .slide-caption .sc-img { /*max-width: 50px;*/ } .owl-item.active .slide-caption .sc-cta { bottom: -10px; } .subs-input input { font-size: 14px; } .scrollup { bottom: 5%; width: 38px; height: 38px; line-height: 28px; border-width: 4px; } .scrollup svg { width: 18px; height: 18px; } } @charset "UTF-8"; @font-face { font-family: "OpenSansLight"; src: local('OpenSansLight'), url("/static/fonts/OpenSans-Light.9ff12f694e59.ttf") format("truetype"); font-style: normal; font-weight: normal; font-display: auto; } @font-face { font-family: "OpenSansRegular"; src: local('OpenSansRegular'), url("/static/fonts/OpenSans-Regular.d7d5d4588a9f.ttf") format("truetype"); font-style: normal; font-weight: normal; font-display: auto; } @font-face { font-family: "OpenSansBold"; src: local('OpenSansBold'), url("/static/fonts/OpenSans-Bold.f5331cb6372b.ttf") format("truetype"); font-style: normal; font-weight: normal; font-display: auto; } * { font-family: "OpenSansRegular", Arial, sans-serif; -moz-box-sizing: border-box; margin: 0; outline: none; box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 16px; } h1, h2, h3, h4, h5, h6 { font-family: "OpenSansBold", Arial, sans-serif; color: #000; } h1.main-heading { font-size: 24px; font-family: "OpenSansBold", Arial, sans-serif; color: #f17e71; text-align: center; margin: 20px 0 35px; } body { background: #f5f5f5; } .h2caption { font-family: "OpenSansRegular", Arial, sans-serif; font-size: 25px; line-height: 25px; padding-left: 0; display: inline-block; margin-bottom: 20px; } p, span { color: #000; font-family: "OpenSansRegular", Arial, sans-serif; } ol, ul { list-style: none; } .clear { clear: both; display: inline-block; width: 100%; } .grid { max-width: 2560px; margin: 0 auto; padding: 15px 35px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-left: 0; padding-right: 0; } input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-family: "OpenSansRegular", Arial, sans-serif; } input::-moz-placeholder { /* Firefox 19+ */ font-family: "OpenSansRegular", Arial, sans-serif; opacity: 1; } input:-moz-placeholder { /* Firefox 19+ */ font-family: "OpenSansRegular", Arial, sans-serif; opacity: 1; } input:-ms-input-placeholder { /* IE 10+ */ font-family: "OpenSansRegular", Arial, sans-serif; } input { font-family: "OpenSansRegular", Arial, sans-serif; } svg { pointer-events: none; } .sitemap-ul .phone-icon svg > *, .envelope-icon svg > * { fill: #f9afa5; } @media screen and (max-width: 320px) { body { min-width: 320px; } } /* styling checkboxes */ /* styling checkboxes */ [type="checkbox"]:not(:checked), [type="checkbox"]:checked { position: absolute; left: -9999px; } [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label { position: relative; padding-left: 1.7em; cursor: pointer; line-height: 28px; font-size: 16px; text-align: center; } /* checkbox aspect */ [type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0; top: 2px; width: 20px; height: 1.25em; border: 2px solid #ccc; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); border-color: #525368; /* Standard syntax */ } /* checked mark aspect */ [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after { content: '✔'; position: absolute; top: 5px; left: 3px; width: 14px; font-size: 14px; line-height: 14px; font-weight: 100; color: #525368; -webkit-transition: all .2s; transition: all .2s; border-color: #525368; /* Standard syntax */ } .filter_form [type="checkbox"]:not(:checked) + label:after, .filter_form [type="checkbox"]:checked + label:after { color: #000; } /* checked mark aspect changes */ [type="checkbox"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } [type="checkbox"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /* disabled checkbox */ [type="checkbox"]:disabled:not(:checked) + label:before, [type="checkbox"]:disabled:checked + label:before { -webkit-box-shadow: none; box-shadow: none; border-color: #bbb; background-color: #ddd; } [type="checkbox"]:disabled:checked + label:after { color: #999; } [type="checkbox"]:disabled + label { color: #aaa; } .cf-caption [type="checkbox"]:not(:checked) + label:before, .cf-caption [type="checkbox"]:checked + label:before { top: 3px; } .cf-caption [type="checkbox"]:not(:checked) + label:after, .cf-caption [type="checkbox"]:checked + label:after { top: 6px; } /* accessibility */ /* hover style just for information */ /*----------*/ /* Header */ /*----------*/ header { display: inline-block; width: 100%; text-align: center; } header .upper-header-wrapper { background: #525368; min-height: 54px; position: fixed; left: 0; top: 0; width: 100%; z-index: 999; } .upper-header { padding: 10px 35px 8px; display: inline-block; width: 100%; } header .upper-header-wrapper:after { content: ""; display: block; height: 2px; position: absolute; bottom: 2px; background: #fff; margin-top: 0; width: 100%; } header .lang { background: #fff; -webkit-border-radius: 14px; border-radius: 14px; padding: 0 8px; width: 66px; font-size: 0; display: inline-block; position: relative; float: left; } header .lang { color: #fff; font-family: "HelveticaMedium", Arial, sans-serif; font-size: 12px; line-height: 30px; margin: 0 20px 0 2px; display: inline-block; } header .lang .active { float: left; } header .lang .inactive { float: right; color: #525368; } header .lang .ru.inactive { float: left; } header .lang .active { -webkit-border-radius: 50px; border-radius: 50px; padding: 2px 8px; color: #fff; margin: 0; top: -1px; height: 32px; position: absolute; background: #f9afa5; } header .lang.lang-mobile { display: none; } header .lang .active.uk { -webkit-box-shadow: -1px 0 4px 0 rgba(0, 0, 0, 0.5); box-shadow: -1px 0 4px 0 rgba(0, 0, 0, 0.5); right: -6px; } header .lang .active.ru { -webkit-box-shadow: 1px 0 4px 0 rgba(0, 0, 0, 0.5); box-shadow: 1px 0 4px 0 rgba(0, 0, 0, 0.5); left: -6px; } header .trigger { float: left; } header .menu-button-m { display: none; width: 29px; height: 24px; margin-top: 3px; } header .pushmenu { display: inline-block; } header .left-u-menu, .right-u-menu, .user-menu { display: inline-block; float: left; } header .left-u-menu li, .right-u-menu li, .user-menu li { display: inline-block; text-align: center; } header .left-u-menu li a, header .left-u-menu li span, .right-u-menu li a, .right-u-menu li i, .user-menu li a, .user-menu li i { text-decoration: none; color: #d9d5dd; margin: 0 4px; font-family: "OpenSansLight", Arial, sans-serif; font-size: 14px; line-height: 25px; -webkit-transition: .2s; transition: .2s; line-height: 30px; } header .left-u-menu li a:hover, header .left-u-menu li span:hover, .right-u-menu li a:hover, .right-u-menu li span:hover, .user-menu li a:hover, .user-menu li span:hover { color: #fff; -webkit-transition: .2s; transition: .2s; } header .left-u-menu .cart-icon:last-child a, .right-u-menu .cart-icon:last-child a, .user-menu .cart-icon:last-child a { margin-right: 0; } /* right user menu */ header .right-u-menu { float: right; position: relative; top: -2px; } header .right-u-menu li:hover a span { color: #fff; -webkit-transition: .2s; transition: .2s; } header .right-u-menu li:hover .menu-icon svg { fill: #fff; } header .right-u-menu .menu-icon { width: 21px; height: 21px; position: relative; top: 7px; } header .right-u-menu .menu-icon svg { width: 21px; height: 21px; fill: #e3e4e9; -webkit-transition: .2s; transition: .2s; } header .right-u-menu .wishes .menu-icon svg { fill: #f9afa5; } .checkout-table tr.inactive td.total, .checkout-table tr.inactive, .checkout-table tr.inactive a { color: lightgray; } .checkout-table tr.inactive a img{ filter: grayscale(100%); } .checkout-table .product-id { width: 60px; } header .right-u-menu .compare-icon .menu-icon svg { width: 25px; } header .right-u-menu .menu-icon.count { margin-right: 8px; } .menu-icon.phones-icon { display: none; } /* cart */ .cart, .wishes-list, .compare-list { visibility: hidden; position: absolute; height: 0; top: 50px; right: -8px; opacity: 0; width: 400px; z-index: 55; background: #fff; -webkit-border-radius: 14px; border-radius: 14px; border: 2px solid #525368; height: auto; padding: 10px 0; -webkit-transition: .5s; transition: .5s; } .cart:before, .wishes-list:before, .compare-list:before { content: ""; display: inline-block; width: 0; height: 0; position: absolute; top: -9px; right: 8px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 8px solid #525368; } .cart-icon, .wishes, .compare-icon { position: relative; } .cart-icon .menu-icon.count:after, .wishes .menu-icon.count:after, .compare-icon .menu-icon.count:after { content: attr(data-after); display: inline-block; position: absolute; top: -1px; right: -8px; min-width: 17px; background: #fff; color: #525368; padding: 0 4px 0 4px; margin: 0; height: 17px; line-height: 16px; border-radius: 10px; font-family: Arial; text-align: center; font-size: 12px; border: 1px solid #525368; } .wishes .menu-icon.count:after { border: 1px solid #525368; color: #525368; } .cart .cart-items li, .wishes-list .wishes-items li, .compare-icon .wishes-items li { width: 360px; overflow-x: hidden; } .cart-icon.hovered .cart, .wishes.hovered .wishes-list, .compare-icon.hovered .compare-list { visibility: visible; opacity: 1; top: 38px; -webkit-transition: .3s; transition: .3s; } .cart-items { padding: 10px 0; display: inline-block; width: 100%; overflow: auto; max-height: 50vh; } .wishes-items { padding: 10px 0; display: inline-block; max-height: 50vh; overflow: auto; } .cart-items li, .wishes-items li { position: relative; display: inline-block; width: 100%; padding: 10px 0; } .cart-items li, .wishes-items li { border-top: 1px solid #525368; } .cart-items li, .wishes-items li { padding: 18px 0; margin: 0; } .cart .summary, .wishes-form .summary, .compare-form .summary { border-top: 1px solid #525368; } .wishes-form .summary { width: 100%; } .cart-items li:first-child, .wishes-items li:first-child { border-top: none; } /*.cart-items li:last-child { border-top: none; }*/ .no-border-top { border-top: none !important; } .no-border-bottom { border-bottom: none !important; } .no-border { border: none !important; } .cart-items .empty-cart span { font-family: "OpenSansRegular", Arial, sans-serif; font-size: 16px; line-height: 16px; color: #525368; margin-bottom: 15px; display: inline-block; } .cart-items li img, .wishes-items li img { float: left; } .cart-items li > *, .wishes-items li > * { float: left; display: inline-block; font-family: "OpenSansRegular", Arial, sans-serif; font-size: 14px; line-height: 15px; color: #000; } .cart .empty-cart *, .wishes .empty-cart *, .wishes-form .empty-wishes * { color: #525368 !important; font-size: 16px; } .cart-items li a, .cart-items li span, .wishes-items li a, .wishes-items li span { color: #000; font-size: 14px; line-height: 15px; display: inline-block; } .cart-items li a:hover, .cart-items li span:hover, .wishes-items li a:hover, .wishes-items li span:hover { color: #000; } .cart-items li a:hover, .wishes-items li a:hover { text-decoration: underline; } .cart .product-img, .wishes-list.product-img { width: 70px; text-align: center; } .cart .product-img img { float: none; } .product-name { padding: 20px 15px 0 5px; text-align: left; width: calc(100% - 100px); } .wishes-list .product-amount, .cart .cart-items .product-amount, .compare-icon .wishes-items .product-amount { text-align: right; padding-right: 18px; display: inline-block; width: 100%; position: static; margin-top: 0; } .cart .product-amount span, .compare-list .product-amount span, .wishes-list .product-amount span { margin: 0; font-size: 14px; color: #000 !important; } .cart .product-amount span:first-child, .wishes-list .product-amount span:first-child { margin: 0 0 0 4px; } .product-amount, .close { position: absolute; top: 40%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: -5px; } /* close cross */ .cart .close, .wishes-list .close, .compare-list .close { width: 18px; height: 18px; -webkit-border-radius: 50%; border-radius: 50%; background: #fff; opacity: 1; } .cart .close:hover, .wishes-list .close:hover, .compare-list .close:hover { opacity: 1; cursor: pointer; } .close:before, .close:after { position: absolute; left: 4px; content: ' '; height: 17px; width: 2px; background-color: #525368; -webkit-transition: .2s; transition: .2s; } .close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .summary { display: block; padding: 10px 20px 15px; } .summary .s-caption, .summary .btn-order { float: left; } .summary .s-caption p, .summary .s-caption span { font-family: "OpenSansRegular", Arial, sans-serif; font-size: 16px; color: #525368; } .summary .s-caption .bill { font-family: "OpenSansBold", Arial, sans-serif; font-size: 20px; } .summary .btn-order, .order-now { font-family: "OpenSansLight", Arial, sans-serif; color: #fff; font-size: 16px; line-height: 18px; padding: 5px 10px; background: #525368; -webkit-border-radius: 15px; border-radius: 15px; display: inline-block; width: 50%; float: right; border: 1px solid #525368; -webkit-transition: .2s; transition: .2s; } .order-now { background: #f9afa5; color: #fff; border: none; -webkit-transition: .2s; transition: .2s; } .summary .btn-order:hover, .order-now:hover { color: #fff; background: #525368; -webkit-box-shadow: 0 0 2px 2px #525368; box-shadow: 0 0 2px 2px #525368; text-decoration: none; -webkit-transition: .2s; transition: .2s; } .cart-table-ations .order-now:hover { background: #f17e71; -webkit-box-shadow: 0 0 2px 2px #f17e71; box-shadow: 0 0 2px 2px #f17e71; } .summary .go-to-cart + .go-to-cart { width: 100%; margin-top: 15px; padding: 5px 10px; } /* lower-header */ .lower-header.grid { padding-top: 68px; } .lower-header { display: inline-block; width: 100%; text-align: center; margin: 0 0 0; padding-top: 20px; background: #fff; /* search select */ } .lower-header .phones, .lower-header .logo, .lower-header .search { display: inline-block; } .phones-wrapper-wrapper, .phones-wrapper { display: inline-block; float: left; } .lower-header .phones { padding: 0; float: left; } .lower-header .phones li { display: inline-block; float: left; clear: both; text-align: left; margin: 0 10px 8px; padding: 0; position: relative; } .lower-header .phones li i { display: inline-block; width: 20px; height: 20px; background: url("/static/css/images/phones.f46fa0d239ee.png") no-repeat center; position: absolute; margin-right: 5px; top: 2px; } .lower-header .phones li span, .lower-header .phones li a { margin-left: 30px; font-size: 18px; line-height: 22px; color: #000; display: inline-block; font-family: "OpenSansLight", Arial, sans-serif; } .lower-header .phones li span:hover, .lower-header .phones li a:hover { text-decoration: none; } .lower-header .phones li i.vodafone { background: url("/static/css/images/vodafone.f0e85f9945e8.png") no-repeat center; } .lower-header .phones li i.kyivstar { background-position: -21px center; } .lower-header .phones li i.lifecell { background-position: -41px center; } .lower-header .phones li i.call-me { background-position: -63px center; } .lower-header .logo { margin-top: 3px; max-width: 340px; } .lower-header .logo .logo-caption { color: #030303; font-weight: bold; font-size: 16px; margin-top: 20px; } .lower-header .search-form { display: inline-block; float: right; padding-top: 50px; } .lower-header .search-form .search-input { border: none; border-bottom: 1px solid #525368; text-align: left; padding: 0 0; color: #000; } .lower-header .search-form input, .lower-header .search-form select { font-size: 14px; color: #88898b; font-family: "OpenSansRegular", Arial, sans-serif; } body .lower-header .search-form select.search-select { width: 190px; height: 45px; float: left; display: table; border: 2px solid #77b3d4; text-align-last: center; text-align: center; } .lower-header .search-form .search-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size: 14px; color: #88898b; font-family: "OpenSansRegular", Arial, sans-serif; padding: 0 10px; text-align: left; } .lower-header .search-form .search-input:-ms-input-placeholder { /* IE 10+ */ color: #88898b; } .lower-header .search-form .search-input::-moz-placeholder { color: #88898b; } .lower-header .search-form .search-input:-moz-placeholder { /* Firefox 18- */ color: #88898b; } .lower-header .search-form .jq-selectbox { border: 2px solid #77b3d4; padding: 0 0; } .lower-header .search-form .jq-selectbox:active { background: #ffffff; -webkit-box-shadow: inset 0 0 7px #77b3d4; box-shadow: inset 0 0 7px #77b3d4; } .lower-header .search-form .jq-selectbox__trigger { display: inline-block; height: 25px; width: 25px; left: -13px; background: url("/static/css/images/select-arrow.2e598b764e0b.png") no-repeat center; top: 8px; } .lower-header .search-form .jq-selectbox__select-text { text-align: center; font-family: "OpenSansRegular", Arial, sans-serif; } .lower-header .search-form .jq-selectbox__dropdown { bottom: auto; -webkit-border-radius: 15px; border-radius: 15px; border: 2px solid #77b3d4; overflow: hidden; right: 0; } .lower-header .search-form .jq-selectbox ul { -webkit-border-radius: 13px; border-radius: 13px; } .lower-header .search-form .jq-selectbox li:hover { background-color: #0072bc; -webkit-transition: .2s; transition: .2s; } .lower-header .search-form .search-button { width: 26px; height: 26px; border: none; outline: none; -webkit-border-radius: 26px; border-radius: 26px; z-index: 2; padding: 0; opacity: 1; -webkit-transition: .2s; transition: .2s; position: relative; top: 2px; margin-left: -30px; background: url("/static/css/images/search.24076aedaf7d.png") no-repeat center; } .lower-header .search-form .search-button:hover { cursor: pointer; opacity: .6; -webkit-transition: .1s; transition: .1s; } .lower-header .search-form .search-button.z-index-down { z-index: 1; } /* breadcrumbs */ .breadcrumbs { width: 100%; display: inline-block; margin: 2px 0 14px; } .breadcrumbs a { font-family: "OpenSansLight", Arial, sans-serif; font-size: 14px; display: inline-block; float: left; color: #000; } .breadcrumbs a + a:before { content: "\2192"; display: inline-block; margin: 0 5px; } /* notify on account icon*/ .notify-i.on { position: relative; } .notify-i.on:after { content: ""; display: inline-block; width: 20px; height: 20px; background: url("/static/css/images/profile-icons.450565918ab9.png") no-repeat; background-position: -243px -23px; position: absolute; top: 0; right: -9px; } .entrance .notify-i.on:after { top: -16px; right: -14px; } .notify-i.on:after { top: -3px; right: -8px; width: 25px; } /* product slider */ .hot-offers-slider .owl-nav, .new-offers-slider .owl-nav, .search-items .owl-nav { display: inline-block; position: absolute; top: -46px; right: 8px; margin-left: 10px; } .hot-offers-slider .owl-prev, .hot-offers-slider .owl-next, .new-offers-slider .owl-prev, .new-offers-slider .owl-next, .search-items .owl-prev, .search-items .owl-next { margin-left: 10px; opacity: .5; display: inline-block; width: 15px; height: 25px; background: url("/static/css/images/sprites/arrows.3da9357308d6.png") no-repeat left bottom; -webkit-transition: .2s; transition: .2s; } .hot-offers-slider .owl-prev:hover, .hot-offers-slider .owl-next:hover, .new-offers-slider .owl-prev:hover, .new-offers-slider .owl-next:hover, .search-items .owl-prev:hover, .search-items .owl-next:hover { opacity: .7; -webkit-transition: .2s; transition: .2s; } .hot-offers-slider .owl-next, .new-offers-slider .owl-next, .search-items .owl-next { background-position: right bottom; } .hot-offers-slider .item, .new-offers-slider .item, .search-items .item { position: relative; border: 1px solid #e7e7e7; -webkit-border-radius: 6px; border-radius: 6px; text-align: center; background: #fff; margin: 10px 7px; background-clip: padding-box; border: 5px solid rgba(68, 85, 102, 0.02); -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0 7px #ececec; box-shadow: 0 0 7px #ececec; -webkit-transition: .2s; transition: .2s; -webkit-transition: .2s; transition: .2s; } /* .hot-offers-slider .item img, .new-offers-slider .item img, .search-items .item img { width: 100%; }*/ .hot-offers-slider .item .product-code, .new-offers-slider .item .product-code, .search-items .item .product-code { display: inline-block; float: right; margin: 10px 10px 0 0; position: relative; z-index: 55; } .hot-offers-slider .item .product-code .p-code, .new-offers-slider .item .product-code .p-code, .search-items .item .product-code .p-code { font-family: "OpenSansRegular", Arial, sans-serif; font-size: 18px; line-height: 24px; border: 1px solid #595a6e; -webkit-border-radius: 1px; border-radius: 1px; color: #595a6e; } .p-code a { color: #595a6e; } .hot-offers-slider .item .product-code .p-caption, .new-offers-slider .item .product-code .p-caption, .search-items .item .product-code .p-caption { font-family: "OpenSansLight", Arial, sans-serif; font-size: 12px; line-height: 24px; color: #595a6e; } .hot-offers-slider .item .img-wrapper, .new-offers-slider .item .img-wrapper { display: table; width: 100%; height: 200px; line-height: 200px; overflow: hidden; } .hot-offers-slider .item .img-wrapper:hover, .new-offers-slider .item .img-wrapper:hover, .search-items .item .img-wrapper:hover { text-decoration: none; } .hot-offers-slider .item .img-wrapper img, .new-offers-slider .item .img-wrapper img, .search-items .item .img-wrapper img { max-height: 200px; display: inline-block; vertical-align: middle; width: auto; max-width: 100%; } .hot-offers-slider .item .p-available, .hot-offers-slider .item .p-unavailable, .new-offers-slider .item .p-available, .new-offers-slider .item .p-unavailable, .search-items .item .p-available, .search-items .item .p-unavailable { font-size: 14px; line-height: 20px; color: #0072bc; font-family: "OpenSansLight", Arial, sans-serif; } .hot-offers-slider .item .p-available:hover, .hot-offers-slider .item .p-unavailable:hover, .new-offers-slider .item .p-available:hover, .new-offers-slider .item .p-unavailable:hover, .search-items .item .p-available:hover, .search-items .item .p-unavailable:hover { text-decoration: none; } .hot-offers-slider .item .p-unavailable, .new-offers-slider .item .p-unavailable, .search-items .item .p-unavailable { color: #999797; } .hot-offers-slider .item .p-name:after, .new-offers-slider .item .p-name:after, .search-items .item .p-name:after { content: ""; display: inline-block; background: url("/static/css/images/hide-gradient.365e94ee5066.png") repeat-x; height: 20px; width: 100%; position: absolute; bottom: 0; left: 0; } .hot-offers-slider .item .p-name, .new-offers-slider .item .p-name, .search-items .item .p-name { margin-top: 10px; height: 50px; line-height: 56px; overflow: hidden; position: relative; vertical-align: middle; display: inline-block; font-size: 16px; color: #525368; font-family: "OpenSansLight", Arial, sans-serif; word-wrap: break-word; padding: 0 5px; } .hot-offers-slider .item .p-name:hover, .new-offers-slider .item .p-name:hover, .search-items .item .p-name:hover { text-decoration: none; } .hot-offers-slider .item .p-name > *, .new-offers-slider .item .p-name > *, .search-items .item .p-name > * { display: inline-block; line-height: 1; font-size: 16px; color: #525368; font-family: "OpenSansRegular", Arial, sans-serif; } .hot-offers-slider .item:hover, .new-offers-slider .item:hover, .search-items .item:hover { -webkit-box-shadow: 0 0 7px 4px #ececec; box-shadow: 0 0 7px 4px #ececec; -webkit-transition: .2s; transition: .2s; } .hot-offers-slider .rating-comments, .new-offers-slider .rating-comments, .search-items .rating-comments { border-top: 1px solid #e7e7e7; padding: 10px 0; margin: 10px 10px; } .hot-offers-slider .rating-comments .rating, .new-offers-slider .rating-comments .rating, .search-items .rating-comments .rating { float: left; margin: 0; } .hot-offers-slider .rating-comments .voices, .new-offers-slider .rating-comments .voices, .search-items .rating-comments .voices { float: left; font-size: 12px; font-family: "OpenSansLight", Arial, sans-serif; color: #000; line-height: 18px; margin-left: 5px; } .hot-offers-slider .rating-comments .comments-wrapper, .new-offers-slider .rating-comments .comments-wrapper, .search-items .rating-comments .comments-wrapper { float: right; } .hot-offers-slider .rating-comments .comments-wrapper .comment, .new-offers-slider .rating-comments .comments-wrapper .comment, .search-items .rating-comments .comments-wrapper .comment { color: #000; font-family: "OpenSansLight", Arial, sans-serif; font-size: 12px; line-height: 18px; } .hot-offers-slider .product-action, .new-offers-slider .product-action, .search-items .product-action { display: inline-block; width: 100%; padding: 0 10px; overflow: hidden; line-height: 56px; height: 56px; } .hot-offers-slider .inform-availability, .new-offers-slider .inform-availability, .search-items .inform-availability { border: 1px solid #77b3d4; color: #77b3d4; font-family: "OpenSansBold", Arial, sans-serif; font-size: 16px; line-height: 20px; margin: 1px 0; padding: 2px; display: inline-block; width: 100%; background: none; -webkit-border-radius: 5px; border-radius: 5px; vertical-align: middle; -webkit-transition: .2s; transition: .2s; } .hot-offers-slider .inform-availability:hover, .new-offers-slider .inform-availability:hover, .search-items .inform-availability:hover { background: #77b3d4; border: 1px solid #fff; color: #fff; -webkit-transition: .2s; transition: .2s; -webkit-box-sizing: border-box; box-sizing: border-box; } .hot-offers-slider .product-action .action-icons, .new-offers-slider .product-action .action-icons, .search-items .product-action .action-icons { display: inline-block; float: left; } .hot-offers-slider .product-action .action-icons .wish, .hot-offers-slider .product-action .action-icons .buy, .hot-offers-slider .product-action .action-icons .compare, .new-offers-slider .product-action .action-icons .wish, .new-offers-slider .product-action .action-icons .buy, .new-offers-slider .product-action .action-icons .compare, .search-items .product-action .action-icons .wish, .search-items .product-action .action-icons .buy, .search-items .product-action .action-icons .compare { position: relative; left: -130px; display: block; float: left; width: 32px; height: 32px; text-align: center; border: none; margin: 10px 5px 0 0; padding: 0; background: #f9afa5; -webkit-border-radius: 50%; border-radius: 50%; background-size: 70%; -webkit-transition: .15s; transition: .15s; } .hot-offers-slider .product-action .action-icons .wish:hover, .hot-offers-slider .product-action .action-icons .buy:hover, .hot-offers-slider .product-action .action-icons .compare:hover, .new-offers-slider .product-action .action-icons .wish:hover, .new-offers-slider .product-action .action-icons .buy:hover, .new-offers-slider .product-action .action-icons .compare:hover, .search-items .product-action .action-icons .wish:hover, .search-items .product-action .action-icons .buy:hover, .search-items .product-action .action-icons .compare:hover { background: #f17e71; -webkit-transition: .2s; transition: .2s; } .hot-offers-slider .product-action .action-icons .action-icon, .new-offers-slider .product-action .action-icons .action-icon, .search-items .product-action .action-icons .action-icon { fill: #fff; width: 16px; height: 16px; position: relative; margin: auto; display: block; } .hot-offers-slider .product-action .price, .new-offers-slider .product-action .price, .search-items .product-action .price { display: inline-block; float: right; line-height: 0; text-align: right; } .hot-offers-slider .product-action .price .old-price, .hot-offers-slider .product-action .price .new-price, .new-offers-slider .product-action .price .old-price, .new-offers-slider .product-action .price .new-price, .search-items .product-action .price .old-price, .search-items .product-action .price .new-price { position: relative; top: 10px; right: 0; font-size: 16px; line-height: 16px; color: #000; font-family: "OpenSansLight", Arial, sans-serif; } .hot-offers-slider .product-action .price .new-price, .new-offers-slider .product-action .price .new-price, .search-items .product-action .price .new-price { font-size: 17px; line-height: 20px; color: #f17e71; top: 18px; } .hot-offers-slider .product-action .price .old-price + .new-price, .new-offers-slider .product-action .price .old-price + .new-price, .search-items .product-action .price .old-price + .new-price { top: 10px; } .item:hover .wish, .item:hover .buy { left: 0 !important; -webkit-transition: .2s; transition: .2s; } .item .buy { -webkit-transition: 0.4s !important; transition: 0.4s !important; } .item:hover .buy { -webkit-transition: 0.3s !important; transition: 0.3s !important; } .product-specs .ps-buttons .buy svg, .product-specs .ps-buttons .wish svg, .product-specs .ps-buttons .compare svg { width: 24px; height: 24px; fill: #fff; display: inline-block; vertical-align: middle; } .product-specs .ps-buttons .buy:hover, .product-specs .ps-buttons .wish:hover, .product-specs .ps-buttons .compare:hover { background: #f17e71; -webkit-box-shadow: 0 0 5px #f17e71; box-shadow: 0 0 5px #f17e71; -webkit-transition: .2s; transition: .2s; } .product-action .wish.clicked { background: #f17e71 !important; } .buy.clicked, .w-buy.clicked { background: #f17e71 !important; cursor: default !important; } .wish.clicked { background: #f17e71 !important; } .compare.clicked { background: #f17e71 !important; } .wish.clicked:after, .buy.clicked:after, .w-buy.clicked:after, .compare.clicked:after { content: ""; width: 16px; height: 16px; position: absolute; top: 10px; border-radius: 50%; right: 0; background: #fff url("/static/css/images/check.83bcedda0b5b.png") no-repeat center; -webkit-background-size: 60%; background-size: 60%; color: #f17e71 !important; font-size: 12px; line-height: 16px; display: inline-block; font-family: Arial; padding: 0; border: 1px solid #f17e71; } /* */ .search-items { display: inline-block; text-align: center; } .search-items .item { width: 25%; float: left; display: inline-block; } /* product grid caption */ .search-items-caption { font-family: "OpenSansBold", Arial, sans-serif; font-size: 25px; color: #000; padding: 0 5px; margin: 6px 0 16px; text-align: left; } .rating-category { text-align: right; font-size: medium; } @media screen and (width >= 680px) { .search-items-caption { width: calc(100% - 180px); } .rating-category { position: absolute; display: inline-block; right: 0; top: 12px; } } .search-items .items-wrapper { display: inline-block; width: 100%; } /* products grid */ .search-items .owl-nav { display: inline-block; position: absolute; top: -40px; right: 8px; margin-left: 10px; } .search-items .owl-prev, .search-items .owl-next { margin-left: 10px; opacity: .5; display: inline-block; width: 15px; height: 25px; background: url("/static/css/images/arrows.5cb6a4b60492.png") no-repeat left bottom; -webkit-transition: .2s; transition: .2s; } .search-items .owl-prev:hover, .search-items .owl-next:hover { opacity: .7; -webkit-transition: .2s; transition: .2s; } .search-items .owl-next { background-position: right bottom; } .search-items .item { position: relative; border: 1px solid #e7e7e7; -webkit-border-radius: 6px; border-radius: 6px; text-align: center; margin: 10px 0; -webkit-transition: .2s; transition: .2s; } .search-items .item .product-code { display: inline-block; float: right; margin: 10px 10px 0 0; position: relative; z-index: 0; } .search-items .item .product-code .p-code { font-family: "OpenSansRegular", Arial, sans-serif; font-size: 18px; line-height: 24px; -webkit-border-radius: 1px; border-radius: 1px; } .search-items .item .product-code .p-caption { font-family: "OpenSansLight", Arial, sans-serif; font-size: 12px; line-height: 24px; } .search-items .item .img-wrapper { display: inline-block; width: 100%; height: 250px; position: relative; overflow: hidden; } .search-items .item .img-wrapper a { display: inline-block; width: 100%; position: absolute; top: 50%; left: 50%; line-height: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .search-items .item .img-wrapper:hover { text-decoration: none; } .search-items .item .img-wrapper img { display: inline-block; vertical-align: middle; max-height: 200px; } .search-items .item .p-available, .search-items .item .p-unavailable { font-size: 14px; line-height: 20px; color: #0072bc; font-family: "OpenSansLight", Arial, sans-serif; } .search-items .item .p-available:hover, .search-items .item .p-unavailable:hover { text-decoration: none; } .search-items .item .p-unavailable { color: #999797; } .search-items .item .p-name:after { content: ""; display: inline-block; background: url("/static/css/images/hide-gradient.365e94ee5066.png") repeat-x; height: 20px; width: 100%; position: absolute; bottom: 0; left: 0; } .search-items .item .p-name { margin-top: 10px; height: 56px; line-height: 56px; overflow: hidden; position: relative; vertical-align: middle; display: inline-block; font-size: 18px; color: #000; font-family: "OpenSansLight", Arial, sans-serif; word-wrap: break-word; padding: 0 5px; } .search-items .item .p-name:hover { text-decoration: none; cursor: pointer; } .search-items .item .p-name > * { display: inline-block; line-height: 1; font-size: 16px; font-family: "OpenSansLight", Arial, sans-serif; } .search-items .item:hover { -webkit-box-shadow: 0 0 7px 4px #ececec; box-shadow: 0 0 7px 4px #ececec; -webkit-transition: .2s; transition: .2s; } .search-items .rating-comments { border-top: 1px solid #e7e7e7; padding: 10px 0; margin: 10px 10px; } .search-items .rating-comments .rating { float: left; margin: 0; } .search-items .rating-comments .voices { float: left; font-size: 12px; font-family: "OpenSansLight", Arial, sans-serif; color: #000; line-height: 17px; margin-left: 5px; } .search-items .rating-comments .comments-wrapper { float: right; padding-right: 3px; } .search-items .rating-comments .comments-wrapper .comment { color: #000; font-family: "OpenSansLight", Arial, sans-serif; font-size: 12px; line-height: 18px; } .search-items .product-action { display: inline-block; width: 100%; padding: 0 10px; overflow: hidden; height: 56px; line-height: 56px; } .search-items .inform-availability { border: 1px solid #77b3d4; color: #77b3d4; font-family: "OpenSansBold", Arial, sans-serif; font-size: 15px; line-height: 20px; margin: 1px 0; padding: 2px; display: inline-block; width: 100%; background: none; -webkit-border-radius: 5px; border-radius: 5px; vertical-align: middle; -webkit-transition: .2s; transition: .2s; } .search-items .inform-availability:hover { background: #77b3d4; border: 1px solid #fff; color: #fff; -webkit-transition: .2s; transition: .2s; -webkit-box-sizing: border-box; box-sizing: border-box; } .search-items .product-action .action-icons { display: inline-block; float: left; } .search-items .product-action .action-icons .wish, .search-items .product-action .action-icons .buy { position: relative; left: -130px; display: block; float: left; width: 32px; height: 32px; text-align: center; border: none; margin: 10px 5px 0 0; padding: 0; line-height: 38px; -webkit-border-radius: 50%; border-radius: 50%; background-size: 70%; -webkit-transition: .15s; transition: .15s; } .search-items .product-action .action-icons .wish:hover, .search-items .product-action .action-icons .buy:hover, .search-items .product-action .action-icons .compare:hover { -webkit-transition: .2s; transition: .2s; } .search-items .product-action .action-icons .buy { line-height: 35px; } .search-items .product-action .action-icons .action-icon { fill: #fff; width: 16px; height: 16px; position: relative; } .search-items .comment-icon { fill: #000; width: 16px; height: 16px; position: relative; } .search-items .product-action .price { display: inline-block; float: right; line-height: 0; text-align: right; } .search-items .product-action .price .old-price, .search-items .product-action .price .new-price { position: relative; top: 10px; right: 0; font-size: 16px; line-height: 16px; color: #000; font-family: "OpenSansLight", Arial, sans-serif; } .search-items .product-action .price .new-price { top: 18px; font-size: 18px; line-height: 20px; color: #b20a72; } .search-items .product-action .price .old-price + .new-price { top: 8px; } .search-items .product-action .price .list .price { position: relative; } .search-items .load-more, .show-all { display: inline-block; background: #525368; font-family: "OpenSansBold", Arial, sans-serif; font-size: 16px; padding: 10px; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; margin: 10px auto 10px; border: none; float: none; clear: both; -webkit-transition: .2s; transition: .2s; } .search-items .load-more:hover, .show-all:hover { opacity: .7; -webkit-transition: .2s; transition: .2s; text-decoration: none; color: #fff; } .list .item .p-available, .list .item .p-unavailable { bottom: 10px; } .list .item .inform-availability { line-height: 14px; max-width: 160px; padding: 6px 10px; position: absolute; bottom: 10px; right: 10px; } .item:hover .wish, .item:hover .buy, .item:hover .compare { left: 0 !important; -webkit-transition: .2s; transition: .2s; } main.base { display: inline-block; width: 100%; position: relative; z-index: 1; min-height: 334px; background: #f5f5f5; } .filter-sidebar { display: inline-block; width: 20%; float: left; } .search-items { position: relative; display: inline-block; width: 100%; float: right; } .filter-sidebar-w ~ .search-items { width: 77%; } .search-items .item { width: 24%; float: left; margin: 10px 0.5%; display: inline-block; background: #fff; background-clip: padding-box; border: 5px solid rgba(68, 85, 102, 0.02); -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0 10px #ececec; box-shadow: 0 0 10px #ececec; } /* tile/list */ .search-items .not-found { color: #767676; padding: 10px 11px; } .search-items.list { float: right; } .search-items.list .item { float: none; width: 99%; } .search-items.list .item > .img-wrapper { float: left; text-align: center; width: 20%; display: table; padding: 10px; } .search-items.list .item > .img-wrapper:hover { cursor: pointer; text-decoration: none; } .search-items.list .item > .img-wrapper img { height: auto; } .search-items.list .item .product-code { position: absolute; top: 0; right: 0; } .search-items.list .item .p-name { padding-right: 10px; padding-top: 15px; } .search-items.list .item .p-description { float: left; width: 80%; text-align: left; padding-left: 10px; margin: 38px 0 0 0%; display: inline-block; } .search-items.list .item .rating-comments { margin: 8px 10px 10px 0; } .search-items.list .item .product-action { padding-left: 0; } /* yes no icons */ /* search items for diff displays */ @media screen and (max-width: 1365px) { .search-items .item { width: 32%; margin: 10px 0.66666666%; } } @media screen and (min-width: 2100px) { .search-items .item { width: 15.6666%; margin: 10px .5%; } } @media screen and (min-width: 1450px) { .search-items.list .item > .img-wrapper { display: table; } .search-items.list .item > .img-wrapper img { margin-bottom: 5px; max-height: 160px; } } /* ribbon styling */ .box { width: 200px; height: 300px; position: relative; border: 1px solid #BBB; background: #EEE; } .ribbon { position: absolute; left: -5px; top: -5px; z-index: 1; overflow: hidden; width: 75px; height: 75px; text-align: right; } .ribbon span { font-size: 10px; font-weight: bold; color: #FFF; text-transform: uppercase; text-align: center; line-height: 20px; -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 100px; display: block; background: #f9afa5; -webkit-box-shadow: 0 3px 10px -5px black; box-shadow: 0 3px 10px -5px black; position: absolute; top: 19px; left: -21px; } .ribbon span::before { content: ""; position: absolute; left: 0; top: 100%; z-index: -1; border-left: 3px solid #f9afa5; border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid #f9afa5; } .ribbon span::after { content: ""; position: absolute; right: 0; top: 100%; z-index: -1; border-left: 3px solid transparent; border-right: 3px solid #f9afa5; border-bottom: 3px solid transparent; border-top: 3px solid #f9afa5; } /* new ribbon */ .ribbon.new span { background: #0072bc; } .ribbon.new span:before { border-left: 3px solid #0072bc; border-right: 3px solid transparent; border-top: 3px solid #0072bc; } .ribbon.new span:after { border-left: 3px solid transparent; border-right: 3px solid #0072bc; border-top: 3px solid #0072bc; } /* action ribbon */ .ribbon.action span { background: #9211C9; } .ribbon.action span:before { border-left: 3px solid #9211C9; border-right: 3px solid transparent; border-top: 3px solid #9211C9; } .ribbon.action span:after { border-left: 3px solid transparent; border-right: 3px solid #9211C9; border-top: 3px solid #9211C9; } /* action ribbon */ .ribbon.top span { background: #FF0000; } .ribbon.top span:before { border-left: 3px solid #FF0000; border-right: 3px solid transparent; border-top: 3px solid #FF0000; } .ribbon.top span:after { border-left: 3px solid transparent; border-right: 3px solid #FF0000; border-top: 3px solid #FF0000; } /*----------*/ /* Footer */ /*----------*/ /* Footer */ footer { background: #525368; display: block; width: 100%; padding: 0 0; } /* subscription */ .subscription { width: 100%; display: inline-block; padding: 10px 0 30px; position: relative; } .subscription:after { content: " "; width: 1%; height: 100%; vertical-align: middle; } .subs-note { line-height: 55px; min-height: 55px; padding-right: 60px; vertical-align: middle; } .subs-note p { font-family: "OpenSansLight", Arial, sans-serif; font-size: 25px; line-height: 30px; color: #fff; vertical-align: middle; display: inline-block; } .subs-input form { text-align: right; position: relative; display: inline-block; float: right; width: 100%; } .subs-input .input-icon { content: ' '; position: absolute; left: -65px; top: 0; display: inline-block; width: 60px; height: 60px; -webkit-border-radius: 50%; border-radius: 50%; line-height: 60px; background: #6cc; text-align: center; } .subs-input .input-icon svg { vertical-align: middle; width: 40px; height: 40px; fill: #fff; } .subs-input input { display: inline-block; float: left; height: 60px; width: 100%; -webkit-border-radius: 30px; border-radius: 30px; padding: 18px 20px; font-size: 20px; border: 2px solid #77b3d4; color: #aaa; } .subs-input button { display: inline-block; width: 70px; height: 70px; font-size: 24px; color: #fff; font-family: "OpenSansBold", Arial, sans-serif; background: #77b3d4; -webkit-border-radius: 50%; border-radius: 50%; border: none; position: absolute; right: 0; top: -5px; -webkit-transition: .2s; transition: .2s; } .subs-input button:hover { -webkit-transition: .2s; transition: .2s; } /* sitemap */ .sitemap { display: inline-block; width: 100%; margin: 50px 0 50px; } .sitemap-ul { display: inline-block; float: left; margin-right: 8%; } .sitemap .sitemap-ul:last-child { margin-right: 0; } .sitemap-ul li, .sitemap-ul li * { font-family: "OpenSansLight", Arial, sans-serif; font-size: 18px; line-height: 28px; color: #dadada; } .sitemap-ul:first-child { max-width: 240px; } .sitemap-ul:first-child li { padding-left: 0; } .sitemap-ul.contacts li { padding-left: 55px; position: relative; } .sitemap-ul.contacts .ul-caption { padding-left: 0; } .sitemap-ul .ul-caption { padding-left: 0; } .sitemap-ul .ul-caption { font-family: "OpenSansRegular", Arial, sans-serif; font-size: 18px; line-height: 20px; margin-bottom: 15px; color: #fff; } .sitemap-ul .phone-icon, .sitemap-ul .envelope-icon { width: 40px; height: 40px; line-height: 40px; background: #fff; -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; text-align: center; float: left; position: absolute; top: -7px; left: 0; } .sitemap-ul .phone-icon svg, .sitemap-ul .envelope-icon svg { width: 21px; height: 18px; vertical-align: middle; } ul.sitemap-ul.contacts span { margin: 0 5px; } .sitemap-ul .phone-icon { top: 40px; background: #fff; } .sitemap-ul .phone-icon svg { padding: 2px; width: 18px; height: 18px; background: #fff; fill: #66cccc; } /* social & copyright */ .social-copyright { padding-top: 20px; display: inline-block; width: 100%; } .social-caption { font-family: "OpenSansRegular", Arial, sans-serif; font-size: 20px; line-height: 25px; color: #fff; float: left; } .soc-icons { display: inline-block; position: relative; top: -6px; margin-left: 10px; } footer .soc-icons > a { text-align: center; display: inline-block; background: #fff; -webkit-border-radius: 50%; border-radius: 50%; width: 38px; height: 38px; margin: 0 5px; border: 2px solid #f9afa5; -webkit-transition: .2s; transition: .2s; } footer .soc-icons > a .soc-icon { display: inline-block; position: relative; top: 6px; width: 23px; height: 23px; fill: #f9afa5; } footer .soc-icons > a:hover { -webkit-box-shadow: 0 0 10px #f9afa5; box-shadow: 0 0 10px #f9afa5; -webkit-transition: .2s; transition: .2s; } footer .soc-icons .vk .soc-icon { width: 24px; height: 24px; top: 5px; } footer .soc-icons .odnoklassniki .soc-icon { top: 4px; width: 24px; height: 24px; } .copyright { text-align: right; font-family: "OpenSansLight", Arial, sans-serif; font-size: 16px; line-height: 21px; color: #dadada; } @media screen and (max-width: 1176px) { .items_full { height: 3036px; } .items-wrapper_, .sort-panel .jq-selectbox { display: None; } } @media (max-width: 1245px) { .phones-wrapper-wrapper, .phones-wrapper { float: none; } .lower-header .search-form { padding-top: 0; } .lower-header .phones { display: block; width: 100%; text-align: center; } .lower-header .phones li { float: none; } .lower-header .phones, .lower-header .logo { margin-bottom: 10px; display: block; } .lower-header .logo { float: none; margin: 0 auto 10px; display: block; } .lower-header .search-form { float: none; display: inline-block; margin: 0 auto; } .lower-header:before { display: none; } .sitemap-ul { margin-right: 4%; } } /* scrollup */ .scrollup { width: 70px; height: 70px; line-height: 55px; position: fixed; bottom: 8%; right: 20px; display: inline-block; border: 7px solid #f9afa5; -webkit-border-radius: 50%; border-radius: 50%; z-index: 555; text-align: center; -webkit-transition: .25s; transition: .25s; opacity: 0.65; } .scrollup svg { width: 40px; height: 40px; vertical-align: middle; } .scrollup:hover { opacity: 1; -webkit-transition: .25s; transition: .25s; cursor: pointer; } @media (max-width: 1025px) { .sort-panel div .s-arrow { width: 100%; } /* advantages */ .advantages > div { width: 50%; } .advantages .separator { display: table-row; } .sitemap { text-align: center; } .sitemap .sitemap-ul { float: none; margin-right: 4%; } .sitemap .sitemap-ul:first-child { display: block; width: 90%; max-width: 90%; margin: 0 auto; float: none; margin-bottom: 20px; } .search-items.list .product-action .action-icons .buy, .search-items.list .product-action .action-icons .wish, .search-items.list .product-action .action-icons .compare, .hot-offers-slider .product-action .action-icons .buy, .hot-offers-slider .product-action .action-icons .compare, .hot-offers-slider .product-action .action-icons .wish { left: 0; } .subs-note { text-align: center; line-height: 60px; padding-right: 0; padding-left: 0; padding-bottom: 20px; } .subs-input { text-align: center; } .subs-input form { text-align: center; min-width: 240px; max-width: 500px; float: none; padding-left: 0; padding-right: 0; } .subs-input .input-icon { display: none; } .subs-input input { width: 100%; float: none; margin: 0 auto; position: relative; left: 0; color: #aaa; } .subs-input button { float: none; position: absolute; right: 0; padding: 0; height: 60px; width: 60px; top: 0; } /* soc-icons */ .soc-icons { margin-left: 5px; } .soc-icons a { margin: 0 2px; } } /* user menu */ @media screen and (max-width: 870px) { .grid { padding: 15px 5px; } ul.sitemap-ul.contacts li:not(:first-child) { display: inline-block; padding: 0 2px; } ul.sitemap-ul.contacts li.email{ display: block; } ul.sitemap-ul.contacts li.email a{ color: #78b3d2; } ul.sitemap-ul.cabinet li:not(:first-child) { display: inline-block; padding: 0 15px; } ul.sitemap-ul.information li:not(:first-child) { display: inline-block; padding: 0 12px; } header .menu-button-m.fixed { display: inline-block; } .lower-header.fixed { padding-top: 100px; } header .menu-button-m.fixed svg { display: inline-block; width: 29px; height: 22px; } .main-menu.fixed { position: fixed; top: 43px; left: 0; width: 100%; z-index: 998; border-bottom: 1px solid #fff; } .main-menu.fixed .menu-button { display: none; } .items_full { height: 3228px; } .pushmenu { background: #525368; text-align: center; font-family: Tahoma, Geneva, sans-serif; width: 280px; height: 100%; top: 0; z-index: 1000; position: fixed; border-right: 2px solid #ffffff; } .pushmenu h3 { color: #f1f1f1; font-size: 1.3em; font-weight: 400; padding: 15px 25px; margin: 0; background: #333; height: 16px; } .links { list-style-type: none; padding: 0; margin: 70px 0 30px; width: 100%; } .links li { margin-top: 20px; display: block !important; } .links li a { position: relative; display: inline-block; color: #fff !important; font-size: 1.3em; font-weight: 400; text-decoration: none; padding: 14px; } .links li a:hover:after { width: 70%; } .links li a:active { color: #dbdbdb; } .pushmenu-left { left: -300px; } .pushmenu-left.pushmenu-open { left: 0; } .pushmenu-push { overflow-x: hidden; position: relative; left: 0; } .pushmenu-push-toright { left: 300px; } .pushmenu, .pushmenu-push { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } /* hamburger */ /* user menu */ .trigger { width: 35px; cursor: pointer; float: left; height: 30px; padding: 0; margin: 4px 0 0; } .trigger.opened { position: absolute; top: 16px; right: 5px; } .bar, .bar:after, .bar:before { width: 25px; height: 2px; } .bar { position: relative; -webkit-transform: translateY(9px); -ms-transform: translateY(9px); transform: translateY(9px); background: #e3e4e9; -webkit-transition: all 0ms 300ms; transition: all 0ms 300ms; } .bar.animate { background: rgba(255, 255, 255, 0); } .bar:before { content: ""; position: absolute; left: 0; bottom: 9px; background: #e3e4e9; -webkit-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1); transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); } .bar:after { content: ""; position: absolute; left: 0; top: 9px; background: #e3e4e9; -webkit-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1); transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); } .bar.animate:after { top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1); transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1); transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1); transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1); } .bar.animate:before { bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1); transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1); transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1); transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1); } /* user right menu*/ header .right-u-menu li a span, header .right-u-menu .cart-icon > span, header .right-u-menu .wishes > span, header .right-u-menu .compare-icon > span { display: none; } .wishes i.menu-icon { margin: 0 8px; } .cart-icon i.menu-icon { margin: 0 0 0 8px; } /* search-items list */ .search-items.list .item .p-name { padding-top: 15px; height: 90px; line-height: 90px; } .search-items.list .item > .img-wrapper { width: 40%; } .search-items.list .item > .img-wrapper img { margin-bottom: 5px; } .search-items.list .item .p-description { width: 60%; } .list .item .inform-availability { position: static; width: 100%; min-width: 100%; } /* category */ .category-list { display: none; } .sitemap .sitemap-ul { display: block; width: 100%; max-width: 100%; margin-bottom: 20px; } .sitemap-ul.contacts li { padding-left: 0; } .sitemap-ul.contacts li i { display: none; } .social, .copyright { text-align: center; } .social { margin-bottom: 5px; } .social-caption { float: none; } /* soc-icons */ .soc-icons { top: 5px; margin-left: 0; margin-bottom: 5px; } .h2caption { font-size: 18px; line-height: 22px; } /* scrollup */ .scrollup { bottom: 5%; } /* product page */ .comments-list-w { margin-bottom: 20px; } /* search-items */ .search-items .item .img-wrapper a { width: 65%; } } @media screen and (max-width: 800px) { body .comment-box-w .comment_form { padding-left: 0; } /* search-items */ .search-items .item .img-wrapper a { width: 75%; } /* phones popup */ .phone-popup ul.phones { font-size: 18px; color: #fff; text-align: center; margin-top: 20px; } .phone-popup ul.phones li { margin-top: 15px; } .phone-popup ul.phones * { color: #030303; font-family: "HelveticaRegular", Arial, sans-serif; } .phone-popup .popup-body .popup-caption { text-align: center; } .phone-popup .call-me { position: relative; padding-left: 25px; line-height: 20px; font-size: 18px; top: -3px; } .phone-popup ul.phones .call-me-button, .phone-popup ul.phones .call-me-button * { color: #f9afa5; line-height: 20px; font-size: 18px; } .phone-popup .call-me:before { content: ""; display: inline-block; margin-right: 10px; width: 20px; height: 20px; background: url("/static/css/images/phone.3b8a1a054b86.png") no-repeat center; float: left; position: absolute; top: 0; left: 0; background-size: 100%; } .menu-icon.phones-icon { display: inline-block; } .phones-wrapper-wrapper { display: none; } .phone-popup .phones-wrapper-wrapper { display: inline-block; } .upper-header.grid { padding: 5px 15px; } header .upper-header-wrapper { min-height: 44px; } header .lang { display: none; } header .lang.lang-mobile { display: inline-block; margin: 15px 20px 10px; } } @media only screen and (max-width: 550px) { .lower-header .phones li { clear: none; } .grid { padding: 15px 0; } .lower-header .phones-wrapper-wrapper { width: 100%; height: 22px; padding: 0 5px; overflow: hidden; position: relative; } .lower-header .phones-wrapper { display: inline-block; width: 100%; overflow-y: hidden; overflow-x: auto; } .lower-header .phones-wrapper-wrapper:before, .lower-header .phones-wrapper-wrapper:after { content: ""; display: inline-block; position: absolute; top: 0; right: -2px; height: 100%; width: 50px; background: url("/static/css/images/phones-gradient-bg.ca326fb0c65b.png") repeat-y center right; } .lower-header .phones-wrapper-wrapper:before { z-index: 1; right: inherit; left: 0; background-position: center left; } .lower-header .phones { display: inline-block; white-space: nowrap; } .lower-header .phones li { display: inline-block; margin: 0 5px 0; } .lower-header .logo { width: 200px; } .lower-header .logo img { width: 100%; max-width: 130px; } .lower-header .logo .logo-caption { font-size: 14px; } .search-items.list .img-wrapper img { margin-bottom: 0; } .h2caption { padding-left: 0; } .hot-offers-slider .item, .new-offers-slider .item { margin: 0 auto; } .search-items .load-more { width: 100%; max-width: 100%; } /* search-items */ .search-items .item .img-wrapper a { width: 100%; } header .right-u-menu { position: static; } .right-u-menu > li ul li { width: 100% !important; margin-left: 0 !important; padding: 10px 20px 10px 10px; } .right-u-menu > li { position: static; } .right-u-menu > li > div { top: 44px !important; left: 0; width: 100vw; border-radius: 0 0 14px 14px; border-top: none; } .right-u-menu > li > div:before { display: none; } .product-amount, .close { right: 5px; } .cart .cart-items li { padding: 10px 0 10px 0; } } @media (max-width: 480px) { .items_full { height: 3432px; } /* jqueryformstyler */ .jq-selectbox__select-text { padding: 0 40px 0 36px; } .lower-header .search-input, .lower-header .search-select { display: block; float: none; margin-bottom: 5px; width: 100%; } .lower-header .search-form { position: relative; display: block; max-width: 220px; } .lower-header .search-form .search-input { } .lower-header .search-form .search-input::-webkit-input-placeholder { text-align: center; } .lower-header .search-form .search-input::-moz-input-placeholder { text-align: center; } .lower-header .search-form .search-input:-moz-input-placeholder { text-align: center; } .lower-header .search-form .search-input:-ms-input-placeholder { text-align: center; } .lower-header .search-form .search-select { -webkit-border-radius: 22px; border-radius: 22px; } .lower-header .search-form .search-select .jq-selectbox__trigger { left: 5px; } .lower-header .search-form .jq-selectbox__dropdown { left: 50% !important; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .lower-header .search-form .search-button { position: absolute; top: 0; right: 0; } .search-form .input, .search-form select { display: block; float: none; } /* wish-list, cart hovered */ .cart, .wishes-list { width: 310px; } .cart .product-name, .wishes-list .product-name { width: calc(100% - 100px); } .cart .product-img, .wishes-list.product-img { width: 70px; } .summary .s-caption p { font-size: 14px; } body .lower-header .search-form select.search-select { width: 220px; } } @media screen and (max-width: 360px) { .wishes-list { right: -42px; } .cart { right: -10px; } .wishes-list:before { right: 50px; } .cart .product-img, .wishes-list.product-img { width: 50px; } .search-items .product-action { height: 85px; } .search-items .product-action .price { float: right; text-align: right; padding-top: 2px; } .search-items .product-action .price .new-price, .search-items .product-action .price .old-price { font-size: 12px; } } @media screen and (min-width: 1280px) { .subs-input form { width: 74%; } } @media screen and (min-width: 2561px) { .main-slider-wrapper { display: inline-block; width: 100%; overflow: hidden; } .main-slider { max-width: 2497px; margin: 0 auto; } .main-slider.owl-carousel .owl-stage-outer { overflow: visible !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .brands:after { display: none; } } :root .brands:after { display: none \9; } .rating svg { pointer-events: auto !important; } .rating { display: inline-block; } .errorlist { display: inline-block; margin: 10px 0; float: left; clear: both; width: 100%; } .errorlist * { font-family: "OpenSansLight", Arial, sans-serif; font-size: 16px; color: #ff0000; } /* action notifications */ .notification-w { position: fixed; bottom: 0; display: inline-block; width: 100%; z-index: 5555; left: 0; } .notification { display: inline-block; width: 100%; background: #0072bc; padding: 10px; border-radius: 2px; min-height: 50px; position: relative; } .notification .notify-text { font-family: "OpenSansLight", Arial, sans-serif; font-size: 16px; line-height: 20px; color: #fff; float: left; display: inline-block; padding: 5px 35px 5px 5px; } .notification .close-notification { background: url("/static/css/images/notification-close.7af0c7603c3f.png") no-repeat -5px center; display: inline-block; overflow: auto; padding: 14px; border-radius: 50%; float: right; position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: .2s; -o-transition: .2s; transition: .2s; } .notification .close-notification:hover { opacity: .85; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; cursor: pointer; } .warning.notification { background: #ea9a1e; } .error.notification { background: #f00; } /* chosen select */ .checkout-inner .chosen-container-single .chosen-single { height: 40px !important; padding: 0 !important; border-radius: 5px; border: 2px solid #cbd3d8; } .checkout-inner .chosen-container-single .chosen-single span { font-family: "OpenSansRegular", Arial, sans-serif; font-size: 16px; color: #6b6b6b; padding: 8px 40px 0; } .checkout-inner .chosen-container-single .chosen-single div b { background-position: 2px 9px; } .checkout-inner .chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -15px 9px; } .checkout-inner .chosen-container-single .chosen-drop { margin-top: -3px; } .checkout-inner .chosen-container-single .chosen-search input[type="text"] { height: 26px !important; } .checkout-inner .chosen-container-active .chosen-single { -webkit-box-shadow: none; box-shadow: none; border: 2px solid #77b3d4 !important; } .checkout-inner .chosen-container-active .chosen-drop { border: 2px solid #77b3d4; border-top: none; } .toolbar { color: #000; padding: 5px; font-size: 16px; background-color: gold; } .hidden-c { display: none; } .hidden-i { display: none !important; } /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* -------------------------------- Primary style for mega menu -------------------------------- */ *, *::after, *::before { box-sizing: border-box; } html { font-size: 0; } a { color: #3f8654; text-decoration: none; } input { font-family: sans-serif; } /* remove “X” from search input field */ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } input[type=text]::-ms-clear { display: none; width: 0; height: 0; } input[type=text]::-ms-reveal { display: none; width: 0; height: 0; } /* -------------------------------- Main Components -------------------------------- */ .cd-dropdown-wrapper { display: inline-block; position: relative; /*height: 40px;*/ /*margin: 30px 0 0 5%;*/ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 100%; } .cd-dropdown-trigger { display: block; position: relative; padding: 0 36px 0 20px; line-height: 40px; color: #ffffff; border-radius: 3px; font-family: 'OpenSansRegular', Arial, sans-serif; } ul.categories-dropdown-ul { display: none; } ul.categories-dropdown-ul { position: absolute; top: 49px; left: -36%; background: #525368; border-top: none; z-index: 5; opacity: 1; border-radius: 0 0px 10px 10px; width: 260px; box-shadow: 0 0 5px 2px rgba(82, 83, 104, .8); height: auto; overflow: hidden; } ul.categories-dropdown-ul li { display: inline-block; float: left; width: 100%; } ul.categories-dropdown-ul li a { display: inline-block; width: 100%; text-align: center; color: #fff; font-size: 18px; padding: 10px; } ul.categories-dropdown-ul li a:hover { background: #fff; color: #525368; } .cd-dropdown-trigger:hover{ cursor: pointer; } .cd-dropdown-trigger a { color: #fff; } .cd-dropdown-trigger a:hover, .cd-dropdown-trigger a:focus{ text-decoration: none; } .no-touch .cd-dropdown-trigger:hover { background-color: #171b46; } /*.cd-dropdown-trigger::before, .cd-dropdown-trigger::after {*/ /* this is the arrow inside the dropdown trigger content: ''; position: absolute; top: 50%; margin-top: -1px; height: 2px; width: 9px; background: #ffffff; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: width 0.3s, -webkit-transform 0.3s; -moz-transition: width 0.3s, -moz-transform 0.3s; transition: width 0.3s, transform 0.3s; */ /*}*/ /*.cd-dropdown-trigger::before { right: 22px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .cd-dropdown-trigger::after { right: 17px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }*/ @media only screen and (max-width: 1025px) { .VISIBLE { visibility: visible!important; transform: translateY(0)!important; overflow: auto; } } @media only screen and (max-width: 1025px) { .cd-dropdown-trigger { background: #525368; width: 100%; display: inline-block; border-top: 1px solid #fff; line-height: 0px; border-radius: 0; font-size: 0px; font-weight: normal; } .cd-dropdown-trigger > a { font-size: 16px; padding: 20px 0; display: inline-block; } .triggers { width: 100%; } .triggers-elements { width: 100%; display: block; overflow: hidden; position: relative; } .triggers-elements.closed { height: 0; display: inline-block; font-size: 0; -webkit-transition: height .4s; -o-transition: height .4s; transition: height .4s; } .triggers-elements.opened { /*height: 400px;*/ -webkit-transition: height .2s; -o-transition: height .2s; transition: height .2s; } .triggers .categories { color: #fff; font-size: 16px; line-height: 40px; float: left; font-family: 'OpenSansRegular', Arial, sans-serif; } ul.categories-dropdown-ul { width: 122%; left: -20px; top: 0px; position: relative; border-bottom: 1px solid #fff; border-radius: 0; } ul.categories-dropdown-ul li { display: inline-block; float: left; width: 100%; } ul.categories-dropdown-ul li a { text-align: left; border-top: 1px solid #fff; padding: 20px; padding-left: 40px; } ul.categories-dropdown-ul li a:hover { background: #fff; color: #525368; } .menu-button { height: 40px; background: #525368; display: block; width: 100%; padding: 0 10px; } .menu-button:hover { cursor: pointer; } .plus { float: right; width: 0; padding-top: 18px; right: 14px; } .triggers-elements .plus { display: inline-block; position: absolute; z-index: 999; right: 10px; height: 38px; } .plus:before { content: ""; display: inline-block; float: left; width: 16px; height: 4px; float: right; background: #fff; } .plus:after { content: ""; display: inline-block; float: left; width: 4px; height: 16px; position: relative; top: -6px; left: -6px; float: right; background: #fff; -webkit-transition: .4s; -o-transition: .4s; transition: .4s } .plus.opened:after { height: 0; position: relative; top: 0px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; } .has-children > a img { margin-right: 15px; font-size: 16px; position: absolute; top: 50%; left: 20px; transform: translateY(-50%); } .cd-dropdown-gallery::-webkit-scrollbar { display: none; } .cd-dropdown-content ,.cd-dropdown-content ul { height: 100%!important; } .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item h3, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 { color: #fff!important; text-align: left!important; } } @media only screen and (min-width: 1026px) { .cd-dropdown-wrapper { font-size: 0; float: left; } .cd-dropdown-trigger { padding: 0; margin: 0; border-top: none; border-bottom: none; vertical-align: middle; } .cd-dropdown-trigger.dropdown-is-active { box-shadow: inset 0px 0px 60px 0px rgba(255, 255, 255, .4); -webkit-transition: .2s; -o-transition: .2s; transition: .2s; } .triggers { text-align: justify; background: #525368; width: 100%; } .triggers tr:before, .triggers tr:after { content: ""; width: 15px; display: inline-block; } .triggers tbody, .triggers tr { width: 95%; display: table!important; max-width: 2560px; margin: 0 auto; } .triggers tbody .menu-button { display: none!important; } .cd-dropdown-trigger { text-align: center; display: table-cell; padding: 15px 5px; font-size: 15px; line-height: 20px; } .no-touch .cd-dropdown-trigger.dropdown-is-active:hover { background-color: #47975f; } .cd-dropdown-trigger.dropdown-is-active::before, .cd-dropdown-trigger.dropdown-is-active::after { /* transform the arrow into a 'X' */ width: 14px; } .cd-dropdown-trigger.dropdown-is-active::before { /* transform the arrow into a 'X' */ -webkit-transform: translateX(5px) rotate(-45deg); -moz-transform: translateX(5px) rotate(-45deg); -ms-transform: translateX(5px) rotate(-45deg); -o-transform: translateX(5px) rotate(-45deg); transform: translateX(5px) rotate(-45deg); } .cd-dropdown-trigger.dropdown-is-active::after { /* transform the arrow into a 'X' */ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } } .cd-dropdown h2, .cd-dropdown-content a, .cd-dropdown-content ul a { height: 50px; line-height: 50px; font-size: 16px; } @media only screen and (min-width: 768px) { .cd-dropdown h2, .cd-dropdown-content a, .cd-dropdown-content ul a { height: 60px; line-height: 60px; } } @media only screen and (min-width: 1026px) { .cd-dropdown h2, .cd-dropdown-content a, .cd-dropdown-content ul a { height: 50px; line-height: 50px; } .cd-dropdown-content li a { width: 100%; height: inherit; padding: 10px 20px 10px 60px; display: inline-block; line-height: 22px; white-space: inherit; } .cd-dropdown-gallery .cd-dropdown-item h3 { color: #fff; height: 53px; margin-bottom: 5px; } } .cd-dropdown h2, .cd-dropdown-content a, .cd-dropdown-content ul a, .cd-dropdown-content .cd-divider { padding: 0px 20px; } .cd-dropdown { position: fixed; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background-color: #0072bc; color: #ffffff; visibility: hidden; /* Force Hardware Acceleration */ -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0.5s; -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0.5s; transition: transform 0.5s 0s, visibility 0s 0.5s; } .cd-dropdown h2 { /* dropdown title - mobile version only */ position: relative; z-index: 1; color: #fff; background-color: #0072bc; border-bottom: 1px solid #fff; top: 0px; font-family: 'OpenSansRegular', Arial, sans-serif; } .cd-dropdown .cd-close { /* 'X' close icon - mobile version only */ position: absolute; z-index: 1; right: 0; top: 0; height: 50px; width: 50px; /* image replacement */ overflow: hidden; text-indent: 100%; white-space: nowrap; color: transparent; } .cd-dropdown .cd-close::after, .cd-dropdown .cd-close::before { /* this is the 'X' icon */ content: ''; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); height: 20px; width: 2px; background-color: #ffffff; } .cd-dropdown .cd-close::after { -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); } .cd-dropdown .cd-close::before { -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg); transform: translateX(-50%) translateY(-50%) rotate(-45deg); } .cd-dropdown.dropdown-is-active { visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0s; -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0s; transition: transform 0.5s 0s, visibility 0s 0s; } @media only screen and (min-width: 768px) { .cd-dropdown .cd-close { top: 0px; } } @media only screen and (min-width: 1026px) { .cd-dropdown { position: absolute; z-index: -1; top: calc(100% - 2px); /* reset style*/ height: auto; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); background-color: #ffffff; color: #111433; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); opacity: 0; /* -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px);*/ -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s; transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s; } .open-to-left .cd-dropdown { /* use the .open-to-left class if you want to open the dropdown on the left */ right: 0; left: auto; } .cd-dropdown h2, .cd-dropdown .cd-close { /* on desktop - hide title and 'X' */ display: none; } .cd-dropdown.dropdown-is-active { z-index: 2; opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); /* -webkit-transition: opacity 0.3s 0s, visibility 0.3s 0s, -webkit-transform 0.3s 0s; -moz-transition: opacity 0.3s 0s, visibility 0.3s 0s, -moz-transform 0.3s 0s; transition: opacity 0.3s 0s, visibility 0.3s 0s, transform 0.3s 0s;*/ } } .cd-dropdown-content, .cd-dropdown-content ul { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; padding-top: 50px; } .cd-dropdown-content a, .cd-dropdown-content ul a { display: block; color: #ffffff; /* truncate text with ellipsis if too long */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-top-width: 1px; border-color: #fff; border-style: solid; } .cd-dropdown-content li:first-of-type > a, .cd-dropdown-content ul li:first-of-type > a { border-top-width: 0; } .cd-dropdown-content li:last-of-type > a, .cd-dropdown-content ul li:last-of-type > a { border-bottom-width: 1px; } .cd-dropdown-content .cd-divider, .cd-dropdown-content ul .cd-divider { padding-top: 10px; padding-bottom: 10px; background-color: #0b0e23; font-size: 1.1rem; font-weight: bold; letter-spacing: 1px; color: #585a70; text-transform: uppercase; } .cd-dropdown-content .cd-divider + li > a, .cd-dropdown-content ul .cd-divider + li > a { border-top-width: 0; } .cd-dropdown-content a, .cd-dropdown-content .cd-search, .cd-dropdown-content .cd-divider, .cd-dropdown-content ul a, .cd-dropdown-content ul .cd-search, .cd-dropdown-content ul .cd-divider { /* Force Hardware Acceleration */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .cd-dropdown-content.is-hidden, .cd-dropdown-content ul.is-hidden { /* push the secondary dropdown items to the right */ -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .cd-dropdown-content.is-hidden > li > a, .cd-dropdown-content.is-hidden > li > .cd-search, .cd-dropdown-content.is-hidden > .cd-divider, .cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.is-hidden > li > a, .cd-dropdown-content ul.is-hidden > li > .cd-search, .cd-dropdown-content ul.is-hidden > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider { /* lower down the dropdown items opacity - when secondary dropdown slides in or for dropdown items hidden on the right */ opacity: 0; } .cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider { /* push the dropdown items to the left when secondary dropdown slides in */ -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .dropdown-is-active .cd-dropdown-content, .dropdown-is-active .cd-dropdown-content ul { -webkit-overflow-scrolling: touch; } @media only screen and (min-width: 768px) { .cd-dropdown-content, .cd-dropdown-content ul { padding-top: 50px; } .cd-dropdown-content a, .cd-dropdown-content ul a { font-size: 1.8rem; } } @media only screen and (min-width: 1026px) { .cd-dropdown-content, .cd-dropdown-content ul { padding-top: 0; overflow: visible; } .cd-dropdown-content a, .cd-dropdown-content ul a { color: #111433; height: 50px; line-height: 50px; font-size: 1.5rem; border-color: #fff; } .cd-dropdown-content .cd-divider, .cd-dropdown-content ul .cd-divider { background-color: transparent; color: #b3b3b3; border-top: 1px solid #ebebeb; } .cd-dropdown-content .cd-divider + li > a, .cd-dropdown-content ul .cd-divider + li > a { border-top-width: 1px; } .cd-dropdown-content.is-hidden > li > a, .cd-dropdown-content.is-hidden > li > .cd-search, .cd-dropdown-content.is-hidden > .cd-divider, .cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.is-hidden > li > a, .cd-dropdown-content ul.is-hidden > li > .cd-search, .cd-dropdown-content ul.is-hidden > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider { /* reset mobile style */ opacity: 1; } } .cd-dropdown-content .see-all a { /* different style for the See all links */ color: #3f8654; } .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item { /* items with picture (or icon) and title */ /* height: 80px; line-height: 80px;*/ } .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item h3, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 { /* truncate text with ellipsis if too long */ overflow: hidden; text-overflow: ellipsis; white-space: normal; color: #000; font-size: 15px; font-family: 'OpenSansRegular', Arial, sans-serif; font-weight: normal; text-align: center; } .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item { padding-left: 60px; } .cd-dropdown-content .cd-dropdown-gallery img { position: absolute; display: block; height: 25px; width: auto; left: 20px; top: 50%; margin-top: -12px; } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item { padding-left: 75px; position: relative; } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p { color: #111433; font-size: 1.3rem; /* hide description on small devices */ display: none; } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before { /* item icon */ content: ''; display: block; position: absolute; left: 20px; top: 50%; margin-top: -20px; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center center; background-size: 40px 40px; } @media only screen and (min-width: 1026px) { .cd-dropdown-content { /* reset mobile style */ position: static; height: auto; width: 20%; display: inline-block; background: #f5f5f5; padding: 10px 0; } .cd-dropdown-content > li:last-of-type a { border-bottom: none; } .no-touch .cd-dropdown-content > li:not(.has-children) a:hover { color: #3f8654; } .cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider { /* reset mobile style */ -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } .cd-dropdown-content .cd-secondary-dropdown, .cd-dropdown-content .cd-dropdown-gallery, .cd-dropdown-content .cd-dropdown-icons { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); left: 100%; height: auto; background-color: #ffffff; /* box-shadow: 0 2px 14px rgba(0, 0, 0, 0.1);*/ } .cd-dropdown-content .cd-secondary-dropdown::after, .cd-dropdown-content .cd-dropdown-gallery::after, .cd-dropdown-content .cd-dropdown-icons::after { clear: both; content: ""; display: table; } .open-to-left .cd-dropdown-content .cd-secondary-dropdown, .open-to-left .cd-dropdown-content .cd-dropdown-gallery, .open-to-left .cd-dropdown-content .cd-dropdown-icons { /* use the .open-to-left class if you want to open the dropdown on the left */ left: auto; right: 100%; } .cd-dropdown-content .cd-secondary-dropdown.is-hidden, .cd-dropdown-content .cd-dropdown-gallery.is-hidden, .cd-dropdown-content .cd-dropdown-icons.is-hidden { /* reset mobile style */ -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .cd-dropdown-content .cd-secondary-dropdown.fade-in, .cd-dropdown-content .cd-dropdown-gallery.fade-in, .cd-dropdown-content .cd-dropdown-icons.fade-in { /* animate secondary dropdown items when hovering over of of the .cd-dropdown-content list items */ -webkit-animation: cd-fade-in 0.2s; -moz-animation: cd-fade-in 0.2s; animation: cd-fade-in 0.2s; } .cd-dropdown-content .cd-secondary-dropdown.fade-out, .cd-dropdown-content .cd-dropdown-gallery.fade-out, .cd-dropdown-content .cd-dropdown-icons.fade-out { /* animate secondary dropdown items when hovering over of of the .cd-dropdown-content list items */ -webkit-animation: cd-fade-out 0.2s; -moz-animation: cd-fade-out 0.2s; animation: cd-fade-out 0.2s; } .cd-dropdown-content .cd-secondary-dropdown > .go-back, .cd-dropdown-content .cd-dropdown-gallery > .go-back, .cd-dropdown-content .cd-dropdown-icons > .go-back { display: none; } .cd-dropdown-content .cd-secondary-dropdown > .see-all, .cd-dropdown-content .cd-dropdown-gallery > .see-all, .cd-dropdown-content .cd-dropdown-icons > .see-all { position: absolute; bottom: 20px; height: 45px; text-align: center; } .cd-dropdown-content .cd-secondary-dropdown > .see-all a, .cd-dropdown-content .cd-dropdown-gallery > .see-all a, .cd-dropdown-content .cd-dropdown-icons > .see-all a { margin: 0; height: 100%; line-height: 45px; background: #ebebeb; pointer-events: auto; -webkit-transition: color 0.2s, background-color 0.2s; -moz-transition: color 0.2s, background-color 0.2s; transition: color 0.2s, background-color 0.2s; } .no-touch .cd-dropdown-content .cd-secondary-dropdown > .see-all a:hover, .no-touch .cd-dropdown-content .cd-dropdown-gallery > .see-all a:hover, .no-touch .cd-dropdown-content .cd-dropdown-icons > .see-all a:hover { color: #ffffff; background-color: #111433; } .cd-dropdown-content .cd-secondary-dropdown .cd-dropdown-item, .cd-dropdown-content .cd-secondary-dropdown a, .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-gallery a, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-icons a { border: none; } /* .cd-dropdown-content .cd-dropdown-gallery, .cd-dropdown-content .cd-dropdown-icons { padding: 20px 30px 100px; }*/ .cd-dropdown-content .cd-dropdown-gallery > .see-all, .cd-dropdown-content .cd-dropdown-icons > .see-all { width: calc(100% - 60px); } .cd-dropdown-content .cd-dropdown-icons > li, .cd-dropdown-content .cd-secondary-dropdown > li { width: 50%; float: left; } .cd-dropdown-content .cd-secondary-dropdown { overflow: hidden; width: 550px; padding-bottom: 65px; } .cd-dropdown-content .cd-secondary-dropdown::before { /* this is the separation line in the middle of the .cd-secondary-dropdown element */ position: absolute; content: ''; top: 290px; left: 15px; height: 1px; width: 520px; background-color: #ebebeb; } .cd-dropdown-content .cd-secondary-dropdown > li > a { color: #3f8654; font-size: 1.6rem; margin-bottom: 10px; line-height: 30px; height: 30px; pointer-events: none; } .cd-dropdown-content .cd-secondary-dropdown > li > a::after, .cd-dropdown-content .cd-secondary-dropdown > li > a::before { /* hide the arrow */ display: none; } .cd-dropdown-content .cd-secondary-dropdown.move-out > li > a { /* reset mobile style */ -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .cd-dropdown-content .cd-secondary-dropdown > li { margin: 20px 0; border-right-width: 1px; border-color: #ebebeb; border-style: solid; padding: 0 30px; height: 250px; } .cd-dropdown-content .cd-secondary-dropdown > li:nth-of-type(2n) { border-right-width: 0; } .cd-dropdown-content .cd-secondary-dropdown > li > ul { /* reset mobile style */ -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); position: relative; height: auto; } .cd-dropdown-content .cd-secondary-dropdown > li > ul > .go-back { display: none; } .cd-dropdown-content .cd-secondary-dropdown a { line-height: 25px; height: 25px; font-size: 1.3rem; padding-left: 0; } .no-touch .cd-dropdown-content .cd-secondary-dropdown a:hover { color: #3f8654; } .cd-dropdown-content .cd-secondary-dropdown ul { padding-bottom: 25px; overflow: hidden; height: auto; } .cd-dropdown-content .cd-secondary-dropdown .go-back a { padding-left: 20px; color: transparent; } .no-touch .cd-dropdown-content .cd-secondary-dropdown .go-back a:hover { color: transparent; } .cd-dropdown-content .cd-secondary-dropdown .go-back a::before, .cd-dropdown-content .cd-secondary-dropdown .go-back a::after { left: 0; } .cd-dropdown-content .cd-secondary-dropdown .see-all { position: absolute; bottom: 0; left: 0; width: 100%; } .cd-dropdown-content .cd-dropdown-gallery { width: 80%; right: 0; left: inherit; } .cd-dropdown-content .cd-dropdown-gallery > li { width: 10%; float: left; margin-right: 4%; margin-bottom: 15px; } /* .cd-dropdown-content .cd-dropdown-gallery > li:nth-of-type(2n) { margin-right: 0; }*/ .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item { padding: 0; height: auto; line-height: normal; color: #3f8654; margin-bottom: 2em; display: inline; } .cd-dropdown-content .cd-dropdown-gallery > li:nth-last-of-type(2) a, .cd-dropdown-content .cd-dropdown-gallery > li:last-of-type a { margin-bottom: 0; } .cd-dropdown-content .cd-dropdown-gallery img { position: static; height: auto; width: auto; margin: 0 auto 0.6em; } .cd-dropdown-content .cd-dropdown-icons { width: 600px; } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item { height: 80px; line-height: 1.2; padding: 24px 0 0 85px; } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item:hover { background: #ebebeb; } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 { color: #3f8654; font-weight: bold; } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p { display: block; font-size: 1.2rem; } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before { left: 25px; } .cd-dropdown-content > .has-children > ul { visibility: hidden; padding: 10px; } .cd-dropdown-content > .has-children > ul.is-active { /* when hover over .cd-dropdown-content items - show subnavigation */ visibility: visible; } .hovered { visibility: visible!important; transition: 0s; } .cd-dropdown-content > .has-children > .cd-secondary-dropdown.is-active > li > ul { /* if .cd-secondary-dropdown is visible - show also subnavigation */ visibility: visible; } .cd-dropdown-content > .has-children > a.is-active { /* hover effect for .cd-dropdown-content items with subnavigation */ /*box-shadow: inset 2px 0 0 #3f8654; color: #3f8654;*/ } .cd-dropdown-content > .has-children > a.is-active::before, .cd-dropdown-content > .has-children > a.is-active::after { /*background: #3f8654;*/ } .open-to-left .cd-dropdown-content > .has-children > a.is-active { box-shadow: inset -2px 0 0 #3f8654; } } /*@-webkit-keyframes cd-fade-in { 0% { opacity: 0; visibility: visible; } 100% { opacity: 1; visibility: visible; } } @-moz-keyframes cd-fade-in { 0% { opacity: 0; visibility: visible; } 100% { opacity: 1; visibility: visible; } } @keyframes cd-fade-in { 0% { opacity: 0; visibility: visible; } 100% { opacity: 1; visibility: visible; } } @-webkit-keyframes cd-fade-out { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: visible; } } @-moz-keyframes cd-fade-out { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: visible; } } @keyframes cd-fade-out { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: visible; } }*/ .cd-search input[type="search"] { width: 100%; height: 50px; padding: 0 20px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background-color: #242643; color: #ffffff; border: none; border-radius: 0; } .cd-search input[type="search"]::-webkit-input-placeholder { color: #ffffff; } .cd-search input[type="search"]::-moz-placeholder { color: #ffffff; } .cd-search input[type="search"]:-moz-placeholder { color: #ffffff; } .cd-search input[type="search"]:-ms-input-placeholder { color: #ffffff; } .cd-search input[type="search"]:focus { background: #ffffff; color: #111433; outline: none; } .cd-search input[type="search"]:focus::-webkit-input-placeholder { color: rgba(17, 20, 51, 0.4); } .cd-search input[type="search"]:focus::-moz-placeholder { color: rgba(17, 20, 51, 0.4); } .cd-search input[type="search"]:focus:-moz-placeholder { color: rgba(17, 20, 51, 0.4); } .cd-search input[type="search"]:focus:-ms-input-placeholder { color: rgba(17, 20, 51, 0.4); } .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after { /* arrow icon in CSS - for element with nested unordered lists */ content: ''; position: absolute; top: 50%; margin-top: -1px; display: inline-block; height: 2px; width: 10px; background: #ffffff; -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media only screen and (min-width: 1026px) { .cd-search input[type="search"] { background-color: #ebebeb; } .cd-search input[type="search"]::-webkit-input-placeholder { color: #b3b3b3; } .cd-search input[type="search"]::-moz-placeholder { color: #b3b3b3; } .cd-search input[type="search"]:-moz-placeholder { color: #b3b3b3; } .cd-search input[type="search"]:-ms-input-placeholder { color: #b3b3b3; } .has-children > a::after { -webkit-transform: none!important; -moz-transform: none!important; -ms-transform: none!important; -o-transform: none!important; transform: none!important; transform-origin: none!important; background: transparent; } .has-children > a::before { -webkit-transform-origin: 0; -moz-transform-origin: 0; -ms-transform-origin: 0; -o-transform-origin: 0; transform-origin: 0; background: none; } .has-children > a.is-active::after { content: ' '; display: inline-block; width: 14px; height: 19px; background: url("/static/css/images/menu-triangle.402ac7bdb0e2.png") no-repeat -4px 0px; /* transform: rotate(0);*/ transform-origin: 0; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; margin-top: -10px; right: 0; } } .has-children > a, .go-back a { position: relative; } .has-children > a::before, .go-back a::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .has-children > a::after, .go-back a::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } @media only screen and (min-width: 1026px) { .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after { /*background: #b3b3b3;*/ } } .has-children > a { padding-right: 20px; position: relative; font-size: 16px; padding-left: 60px; font-family: 'OpenSansLight', Arial, sans-serif; } .has-children > a img { position: absolute; top: 50%; left: 20px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .has-children > a:hover { text-decoration: none; } .has-children > a::before, .has-children > a::after { /* arrow goes on the right side - children navigation */ right: -15px; -webkit-transform-origin: 9px 50%; -moz-transform-origin: 9px 50%; -ms-transform-origin: 9px 50%; -o-transform-origin: 9px 50%; transform-origin: 9px 50%; } @media only screen and (min-width: 1026px) { .open-to-left .cd-dropdown-content > .has-children > a { padding-left: 40px; padding-right: 20px; } .open-to-left .cd-dropdown-content > .has-children > a::before, .open-to-left .cd-dropdown-content > .has-children > a::after { right: auto; left: 20px; -webkit-transform-origin: 1px 50%; -moz-transform-origin: 1px 50%; -ms-transform-origin: 1px 50%; -o-transform-origin: 1px 50%; transform-origin: 1px 50%; } i.full-amount.is-active { position: relative; bottom: 38px; right: 17px; /* left: 0; */ display: inline-block; color: #0072bc; font-size: 14px; float: right; border-radius: 16px; padding: 5px; font-family: Arial; border: 1px solid #0072bc; background: #f5f5f5; box-shadow: 0 0 10px 5px #f5f5f5; } } .cd-dropdown-content .go-back a { padding-left: 40px; font-size: 16px; font-family: 'OpenSansLight', Arial, sans-serif; } .cd-dropdown-content .go-back a::before, .cd-dropdown-content .go-back a::after { /* arrow goes on the left side - go back button */ left: 20px; -webkit-transform-origin: 1px 50%; -moz-transform-origin: 1px 50%; -ms-transform-origin: 1px 50%; -o-transform-origin: 1px 50%; transform-origin: 1px 50%; } .cd-main-content { background-color: #e6e6e6; min-height: calc(100vh - 100px); padding: 2em 5%; line-height: 2; } .no-js .cd-dropdown-wrapper:hover .cd-dropdown { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .no-js .cd-dropdown-wrapper .cd-close { display: none; } @media screen and (min-width: 2561px) { .cd-dropdown-wrapper { display: block; max-width: 2496px; margin: 0 auto; float: none; } } /* breadcrumbs */ .breadcrumbs { width: 100%; display: inline-block; margin: 2px 0 14px; } .breadcrumbs a { font-family: "OpenSansLight", Arial, sans-serif; font-size: 14px; line-height: 20px; display: inline-block; float: left; color: #000; } .breadcrumbs a + a:before { content: "\2192"; display: inline-block; margin: 0 5px; } /* filter sidebar */ /* filter caption */ .filter-unit p { padding-left: 8px; } .filter-unit:hover { cursor: pointer; } .filter-caption { font-family: "OpenSansRegular", Arial, sans-serif; font-size: 17px; border: 1px solid #e7e7e7; padding: 9px 27px 9px 9px; -webkit-border-radius: 2px; border-radius: 2px; background: #fff; margin-bottom: 10px; position: relative; -webkit-box-shadow: inset 0 0 4px #f6f6f6; box-shadow: inset 0 0 4px #f6f6f6; } .filter-caption:after, .show-wholesale:after { content: " "; display: inline-block; position: absolute; top: 50%; right: 9px; margin-top: -4px; float: right; width: 15px; height: 8px; background: url("/static/css/images/sprites/arrows.3da9357308d6.png") no-repeat -19px -53px; -webkit-transition: .2s; transition: .2s; } .show-wholesale:after { background-position: -19px -27px; } .show-wholesale.opened:after { -webkit-transform: rotateZ(-180deg); -ms-transform: rotateZ(-180deg); transform: rotateZ(-180deg); -webkit-transition: .2s; transition: .2s; } .filter-caption.opened:after { -webkit-transform: rotateZ(-180deg); -ms-transform: rotateZ(-180deg); transform: rotateZ(-180deg); -webkit-transition: .2s; transition: .2s; } .filter-unit .f-checkboxes { display: none; margin: 10px 0; padding: 5px 0; border-radius: 2px; box-shadow: inset 0 0 4px #f6f6f6; border: 1px solid #e7e7e7; background: #fff; } .filter-sidebar .clear-filter-btn, .filter-sidebar .filter-btn { width: 50%; color: #fff; font-size: 18px; font-family: "OpenSansLight", Arial, sans-serif; background: #525368; display: inline-block; border: none; float: left; padding: 5px; border: 1px solid #fff; text-align: center; border-radius: 2px; text-decoration: none; -webkit-transition: .2s; -o-transition: .2s; transition: .2s } .filter-sidebar .close { display: none; } .filter-sidebar .clear-filter-btn:hover, .filter-sidebar .filter-btn:hover { text-decoration: none; opacity: .7; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; } /* sort-panel */ .sort-panel { margin: 0 0 10px; padding: 6px 10px; text-align: left; border: 1px solid #e7e7e7; -webkit-border-radius: 5px; border-radius: 5px; background: #fff; line-height: 11px; /* sort-mobile select */ } .sort-panel .filter-mobile { display: none; } .sort-panel .sort-availability label { line-height: 20px; } .sort-panel div { display: inline-block; } .sort-panel div span { float: left; position: relative; margin: 0 5px; line-height: 28px; -webkit-transition: .2s; transition: .2s; } .sort-panel div span:not(:first-child):hover { text-decoration: underline; cursor: pointer; } .sort-panel div .s-arrow { float: right; } li.sel.s-arrow { font-weight: bold; } .sort-panel div .rotate { -webkit-transform: rotateZ(-180deg); -ms-transform: rotateZ(-180deg); transform: rotateZ(-180deg); -webkit-transition: .2s; transition: .2s; } .sort-panel .sorting span { line-height: 32px; height: 32px; } .sort-panel .sorting span.selected { font-weight: bold; } .sort-panel .view { float: right; margin: 0; } .sort-panel .view span { display: inline-block; line-height: 24px; border: 2px solid transparent; padding: 2px; } .sort-panel .view span svg { width: 24px; height: 25px; vertical-align: middle; } .sort-panel .view span.active { border: 2px solid #525368; padding: 2px; } .sort-panel .sort-mobile { width: inherit; height: 16px !important; } .sort-panel .sort-mobile .jq-selectbox__select-text { font-size: 16px; font-family: "OpenSansLight", Arial, sans-serif; line-height: 16px; height: 16px; padding: 0 0; } .sort-panel .sort-mobile .jq-selectbox__select { height: 16px; line-height: 16px; } .sort-panel .sort-mobile .jq-selectbox__dropdown { top: 21px; min-width: 120px; text-align: right; z-index: 20; margin-top: 4px; right: -10px !important; } .sort-panel .sort-mobile .jq-selectbox__trigger { background: none; } .sort-panel .sort-mobile.jq-selectbox { border: none; padding: 0; z-index: 54 !important; text-align: right; } .pop-up-overlay { display: none; width: 0; height: 0; overflow: hidden; opacity: 0; -webkit-transition: .2s; transition: .2s; } /* Product page */ .product-area .product-specs { padding-left: 20px !important; padding-top: 6px; } .product-specs .ps-line { font-size: 16px; font-family: "OpenSansLight", Arial, sans-serif; color: #000; padding: 5px; } .product-specs .ps-line:nth-child(odd) { background: #fff; } .product-specs .ps-line span { line-height: 18px; } .product-specs .ps-line span:first-child { font-family: "OpenSansBold", Arial, sans-serif; } .product-specs .ps-barcode:before { content: ""; display: inline-block; width: 16px; height: 13px; background: url("/static/css/images/barcode.e47665505ab2.png"); margin-right: 5px; position: relative; top: 1px; } .product-specs .ps-rating .rating-comments { display: inline-block; } .product-specs .rating-comments { position: relative; top: 2px; } .product-specs .ps-rating .voices { float: right; color: #000; position: relative; top: 2px; margin-left: 10px; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; } .product-specs .ps-actions > * { margin: 10px 0 0; } .product-specs .old-price, .product-specs .new-price { font-family: "OpenSansLight", Arial, sans-serif; } .product-specs .old-price { font-size: 18px; color: #000; margin-right: 10px; } .product-specs .new-price { font-size: 32px; color: #f17e71; } .product-specs .full-price { float: right; } .product-specs .ps-buttons { position: relative; display: inline-block; width: 180px; } .product-specs .ps-buttons .p-amount { width: 100%; float: left; border: 2px solid #f9afa5; -webkit-border-radius: 45px; border-radius: 45px; height: 45px; font-size: 15px; padding: 0 0 0 16px; color: #030; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .product-specs .ps-buttons .p-amount.clicked { border-color: #f17e71; } .product-specs .ps-buttons .input-w { width: 130px; position: relative; } .product-specs .ps-buttons .ps-buttons-w { display: inline-block; position: absolute; top: 5px; width: 20px; height: 36px; padding: 0 0; background: #fff; right: 46px; -webkit-border-radius: 45px; border-radius: 45px; } .product-specs .ps-buttons .up, .product-specs .ps-buttons .down { position: relative; right: 0; top: 0; display: inline-block; float: none; width: 20px; height: 16px; background: url("/static/css/images/input-arrows.fc30a620f4e9.png") center 6px no-repeat; } .product-specs .ps-buttons .up:hover, .product-specs .ps-buttons .down:hover { background-position: center -13px; cursor: pointer; } .product-specs .ps-buttons .down { background-position: center -50px; } .product-specs .ps-buttons .down:hover { background-position: center -33px; cursor: pointer; } .product-specs .ps-buttons .buy, .product-specs .ps-buttons .wish, .product-specs .ps-buttons .compare { position: absolute; top: 0; right: 0; width: 45px; height: 45px; padding: 0; background: #f9afa5; -webkit-border-radius: 50%; border-radius: 50%; border: none; color: #fff; text-align: center; vertical-align: middle; -webkit-transition: .2s; transition: .2s; } .product-specs .ps-buttons .compare { left: 185px; } .product-specs input:focus { outline: none; } .product-specs .buy-one-click { position: relative; display: inline-block; width: 320px; margin: 15px 0; } .buy-one-click input { width: 170px; color: #000; font-size: 15px; font-family: "OpenSansLight", Arial, sans-serif; float: left; height: 45px; padding: 0 5px; text-align: center; border: 2px solid #f9afa5; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; display: inline-block; } .buy-one-click button { position: relative; right: 0; float: left; font-size: 16px; padding: 15px 10px; height: 45px; font-size: 16px; border: none; display: inline-block; color: #fff; font-family: "OpenSansLight", Arial, sans-serif; background: #f9afa5; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; -webkit-transition: .2s; transition: .2s; } .product-specs .buy-one-click button:hover { background: #f17e71; -webkit-box-shadow: 0 0 5px #f17e71; box-shadow: 0 0 5px #f17e71; -webkit-transition: .2s; transition: .2s; } .cart_boc { height: 48px; float: left; margin: 0 10px; border-radius: 20px; overflow: hidden; border: 2px solid #f9afa5; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; } .cart_boc input { border: none; width: 158px; } .cart_boc button { border: none; background: #f9afa5; } .cart_boc:hover { -webkit-box-shadow: 0 0 1px 1px #f9afa5; box-shadow: 0 0 1px 1px #f9afa5; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; } .cart-table-aсtions .go-back-btn { text-align: right; margin: 0 0; float: left; } .cart_boc span { line-height: 46px; } .product-description, .manufacturer-description { clear: both; display: inline-block; width: 100%; margin-top: 20px; } .product-description .d-columns, .manufacturer-description .d-columns { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; font-family: "OpenSansLight", Arial, sans-serif; font-size: 16px; line-height: 20px; color: #000; } .product-description .note, .manufacturer-description .note { font-weight: bold; } .product-description iframe, .manufacturer-description iframe { margin-top: 20px; } .pd-caption, .c-caption { font-family: "OpenSansRegular", Arial, sans-serif; font-size: 24px; color: #030303; font-weight: normal; text-align: center; margin-bottom: 10px; margin-top: 10px; } /* comments section */ .comments { display: inline-block; } .comments-list-w { display: inline-block; padding-right: 20px; } .product-area .inform-availability, .show-wholesale { position: relative; right: 0; float: left; font-size: 16px; padding: 15px 10px; height: 45px; border: none; display: inline-block; color: #fff; font-family: "OpenSansLight", Arial, sans-serif; background: #f9afa5; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: .2s; transition: .2s; } .wholesale { display: inline-block; width: 100%; margin: 10px 0; } .show-wholesale { float: left; display: block; clear: both; margin: 0; padding-right: 30px; } .show-wholesale + ul { display: none; clear: both; float: left; overflow: hidden; margin: 5px 10px 5px; min-width: 100%; } .show-wholesale + ul.opened { margin: 5px 10px 5px; display: inline-block; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; } .show-wholesale + ul li span, .show-wholesale + ul li { color: #f9afa5; } .show-wholesale + ul.opened li { color: #f9afa5; margin-bottom: 5px; } .show-wholesale + ul.opened li span { color: #f9afa5; font-size: 16px; } /* leave a comment */ .comments-list { max-height: 450px; overflow-y: auto; position: relative; padding-right: 20px; padding-top: 0; } .comment .ch-user { font-size: 18px; font-family: "OpenSansLight", Arial, sans-serif; color: #525367; display: inline-block; margin-right: 10px; } .comment .ch-date { font-size: 14px; font-family: "OpenSansLight", Arial, sans-serif; color: #808182; display: inline-block; margin-right: 10px; } .comment .rating-comments { display: inline-block; position: relative; top: 2px; } .comment .comment-text { font-size: 16px; font-family: "OpenSansLight", Arial, sans-serif; color: #000; line-height: 20px; margin: 8px 0 14px; } .comment-box-w { display: inline-block; width: 100%; } .comment-box-w .comment_form { padding-left: 20px; } .comment-box-w.no-comments .comment_form { padding-left: 0; width: 100%; max-width: 900px; margin: 0 auto; float: none; } .comment_form .leave-comment { float: right; padding: 30px; background: #fff; -webkit-border-radius: 3px; border-radius: 3px; } .leave-comment * { margin: 0 auto; font-family: "OpenSansLight", Arial, sans-serif; } .lc-caption { font-size: 24px; text-align: center; } .lc-input-label, .lc-text-label { font-size: 16px; margin: 20px 2px 10px; text-align: left; } .lc-input, .lc-text { height: 45px; border: 1px solid #cbd3d8; -webkit-border-radius: 3px; border-radius: 3px; width: 100%; padding: 10px; font-size: 16px; color: #000; -webkit-transition: .2s; transition: .2s; } .lc-input:focus, .lc-text:focus { border: 1px solid #77b3d4; -webkit-transition: .2s; transition: .2s; -webkit-box-shadow: inset 0 0 4px #77b3d4; box-shadow: inset 0 0 4px #77b3d4; } .lc-text { height: 130px; resize: none; margin-bottom: 10px; } .comment-rating { margin-top: 10px; margin-bottom: 0; display: inline-block; } .comment-rating * { font-family: "OpenSansLight", Arial, sans-serif; font-size: 16px; color: #000; float: left; line-height: 22px; } .comment-rating .rating { display: inline-block; position: relative; top: 2px; margin: 0 5px; } .comment-button { clear: both; display: block; margin: 10px auto 0; border: none; background: #525368; color: #fff; font-size: 18px; padding: 10px 20px; -webkit-transition: .2s; transition: .2s; } .comment-button:hover { background: #525368; -webkit-box-shadow: 0 0 5px #525368; box-shadow: 0 0 5px #525368; -webkit-transition: .2s; transition: .2s; } /* article comment */ .article-comment .comments-list-w { width: 100%; text-align: left; } .article-comment .comment-box-w .comment_form { padding-left: 0; } .soc-share { display: inline-block; width: 100%; margin: 40px 0; } .soc-share-caption { padding: 0 2px; margin: 7px 0 0; } .soc-share .soc-icon-w { display: inline-block; } .soc-share .soc-icon-w i { display: inline-block; text-align: center; vertical-align: middle; width: 45px; height: 45px; margin: 0 1px; position: relative; background: #ececec; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: .2s; transition: .2s; } .soc-share .soc-icon-w i svg { width: 24px; height: 24px; fill: #f5f5f5; position: absolute; top: 50%; left: 50%; margin-top: -12px; margin-left: -12px; } .soc-share .soc-icon-w i:hover { -webkit-transition: .2s; transition: .2s; cursor: pointer; } .soc-share .soc-icon-w i.tw:hover { background: #29c3ff; } .soc-share .soc-icon-w i.vk:hover { background: #6a96c7; } .soc-share .soc-icon-w i.fb:hover { background: #4a6195; } .soc-share .soc-icon-w i.gp:hover { background: #ff6d4b; } .soc-share .soc-icon-w i.odnoklassniki:hover { background: #ff9c44; } .soc-share .soc-icon-w i.pinterest:hover { background: #cb2028; } /* Login/register page */ .lr-form table{ width: 100%; } .lr-form { margin: 20px 0; } .lr-form .submit { -webkit-transition: .15s; -o-transition: .15s; transition: .15s } .lr-form .submit:hover { background: #3aab5b; color: #fff; -webkit-transition: .15s; -o-transition: .15s; transition: .15s; } .lr-form h3 { margin-bottom: 10px; } .registr-form-w { border-left: 2px solid #525368; } .lr-form form { width: 70%; margin: 0 auto; } .lr-form label, .lr-form input { width: 100%; margin: 10px 0; display: inline-block; } .lr-form input, .lr-form select { border: 1px solid #cbd3d8; -webkit-border-radius: 3px; border-radius: 3px; width: 100%; padding: 12px 6px; font-size: 18px; color: #000; -webkit-transition: .2s; transition: .2s; } /* articles list page */ .load-more { display: block; background: #525368; font-family: "OpenSansBold", Arial, sans-serif; font-size: 16px; padding: 10px; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; max-width: 280px; margin: 10px auto 20px; border: none; float: none; clear: both; -webkit-transition: .2s; transition: .2s; } .article-list { overflow: auto; } /* article-list page */ .article-page-wrapper { text-align: center; overflow: auto; } .article-wrapper { display: inline-block; max-width: 800px; margin: 20px 10px 20px 0; } .article-list .article-item { padding: 12px; text-align: center; -webkit-transition: .2s; -o-transition: .2s; transition: .2s } .article-list .article-item-wrapper { display: inline-block; padding: 0; box-shadow: 0 0 20px 4px #969494; width: 100%; min-height: 342px; } .article-list .article-img { width: 100%; margin-bottom: 10px; display: inline-block; } .article-list .article-img img { height: auto; max-width: 100%; max-height: 134px; } .article-list .article-headline { font-size: 20px; font-family: "OpenSansRegular", Arial, sans-serif; margin-bottom: 5px; color: #3f8654; width: 100%; text-align: left; float: left; letter-spacing: 0.7px; padding: 10px 5px 0; line-height: 22px; } .article-list .article-headline:hover { color: #3f8654; cursor: pointer; } .article-list .article-context { font-size: 14px; font-family: "OpenSansLight", Arial, sans-serif; text-align: left; float: left; width: 100%; overflow: hidden; min-height: 55px; padding: 10px 5px 10px; line-height: 20px; letter-spacing: 0.7px; } .article-list .article-date { float: left; font-family: "OpenSansRegular", Arial, sans-serif; font-size: 14px; margin: 0 6px 0; color: #3f8654; } .article-list .article-readmore { font-size: 14px; font-family: "OpenSansRegular", Arial, sans-serif; color: #3f8654; border: 1px solid #3f8654; padding: 4px; margin: 6px; display: inline-block; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; float: right; } .article-list .article-readmore:hover { background: #3f8654; color: #fff; text-decoration: none; border: 1px solid #fff; outline: 1px solid #3f8654; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; } /* artile_show */ .article { margin-bottom: 20px; text-align: justify; } .tags:before { content: ""; display: inline-block; width: 25px; height: 20px; position: relative; top: 5px; background: url("/static/css/images/tag-icon.ec0be8d82082.png"); } .tags { margin-top: 20px; text-align: left; } .tags a { padding: 2px 5px; font-size: 15px; letter-spacing: 0.7px; color: #f17e71; font-family: "OpenSansRegular", Arial, sans-serif; display: inline-block; } .tags a:hover { text-decoration: underline; } .article * { font-size: 18px; font-family: "OpenSansRegular", Arial, sans-serif; color: #030303; line-height: 28px; text-align: justify; } .article > p { padding-bottom: 15px; text-indent: 30px; } .article strong { font-weight: bold; } .article a { color: #337ab7; text-decoration: underline; } .article a img { margin: 15px; } .content-author, .content-source { font-size: 18px; font-family: "OpenSansLight", Arial, sans-serif; line-height: 26px; text-align: left; } .comment_form { float: left; margin-bottom: 20px; } .article-wrapper .c-caption { float: left; width: 100%; text-align: left; } .article-wrapper .comment_form { width: 100%; } .article-wrapper .comment_form .leave-comment { padding: 30px; } .leave-comment { float: left; width: 100%; text-align: center; } .rel-articles { display: inline-block; float: left; clear: both; width: 100%; text-align: left; } .rel-articles .heading { font-size: 22px; color: #030303; font-family: "OpenSansRegular", Arial sans-serif; margin-bottom: 20px; } .rel-articles a, .rel-articles p { font-family: "OpenSansLight", Arial sans-serif; font-size: 16px; color: #525367; letter-spacing: 0.7px; line-height: 22px; } .rel-articles a:hover { text-decoration: underline; color: #525367; } .rel-articles p { font-size: 14px; line-height: 20px; color: #030303; margin-bottom: 10px; } .article-page-wrapper .right-panel { float: right; display: inline-block; max-width: 280px; padding-top: 10px; } .right-panel-heading { font-family: "OpenSansLight", Arial, sans-serif; font-size: 18px; line-height: 20px; letter-spacing: 0.7px; text-align: left; color: #030303; padding: 5px 0; } .article-category-list { display: inline-block; width: 100%; margin: 5px 0 40px; } .article-category-list li { display: inline-block; width: 100%; text-align: left; padding: 5px 0; } .article-category-list li * { font-size: 15px; color: #525368; letter-spacing: 0.7px; font-family: "OpenSansLight", Arial, sans-serif; } .article-category-list li a { float: left; margin-right: 5px; } .article-category-list .current-article-category a, .article-category-list .current-article-category * { color: #f17e71; font-family: "OpenSansRegular", Arial, sans-serif; } .article-category-list li em { display: inline-block; color: #095b90; font-size: 12px; font-family: Arial, sans-serif; display: inline-block; border-radius: 3px; padding: 2px 4px; float: right; } .article-category-list li a:hover { text-decoration: underline; } .article-page-wrapper .social-box { text-align: left; } .article-page-wrapper .social-box > * { display: inline-block; float: left; } .right-product-list { display: inline-block; width: 280px; font-size: 0; } .right-product-list li { display: inline-block; width: 280px; padding: 10px 0; } .right-product-list li * { display: inline-block; font-size: 18px; line-height: 22px; font-family: "OpenSansLight", Arial, sans-serif; } .right-product-list li .image { width: 100%; text-align: center; background: #fff; padding: 25px 0; } .right-product-list li .image:hover { text-decoration: none; } .right-product-list li .image img { height: 120px; } .right-product-list li .product { display: inline-block; padding: 5px 5px; text-align: left; } .right-product-list li .product * { font-family: "OpenSansLight", Arial, sans-serif; text-align: center; font-size: 15px; letter-spacing: .7px; line-height: 17px; color: #030303; } /* order-checkout page */ .checkout-form { float: left; padding-right: 20px; } .checkout-form .cf-form-phone .icon { font-family: Arial; font-size: 18px; color: #fff; border: none; height: 30px; background: #525367; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; } .checkout-form .cf-form-phone .icon:hover { opacity: .85; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; } /* cart-table */ .cart-form > p { display: inline-block; width: 100%; padding: 2px 0; } tr.item td.name.red a, tr.not-available { color: red; } .cart-table * { display: inline-block; display: table-cell; vertical-align: middle; } .cart-table span.code { display: inline-block; padding-right: 5px; font-size: small; width: 100%; color: darkgray; } .cart-table > * { display: table; float: left; border: 1px solid #e7e7e7; padding: 10px 0; border-left: none; border-right: none; width: 100%; text-align: justify; } .main-wrapper .checkout-table span.product-id{ display: none; } .main-wrapper .checkout-table td.total { font-size: 16px; text-align: right; color: #525368; } .checkout-form .form-table { width: 100%; max-width: 500px; float: right; } .cart-table-aсtions .summary-orders * { font-family: "OpenSansRegular", Arial, sans-serif; color: #f9afa5; font-size: 20px; } .cart-table-aсtions .summary-orders .total, .cart-table-aсtions .summary-orders .total * { font-family: "OpenSansRegular", Arial, sans-serif; color: #f17e71; } .main-wrapper .summary-orders td, .main-wrapper .summary-orders td * { font-size: 18px; color: #525368; } .order-buttons { margin: 10px 0; } .order-buttons .order-now svg { fill: #fff; width: 14px; height: 14px; margin: 0 0 0 10px; } .order-buttons .go-back-btn { font-size: 16px; line-height: 46px; color: #6b6b6b; padding: 0; text-decoration: underline; background: inherit; font-family: "OpenSansLight", Arial, sans-serif; width: initial; } .re-calc { display: inline-block; position: relative; top: 0; width: 20px; height: 16px; background: url("/static/css/images/re-calc.7e6b2a7c7e7a.png") no-repeat center; -webkit-background-size: 100%; background-size: 100%; border-radius: 50%; border: 1px solid #f17e71; padding: 10px; background-color: #ffffff; background-size: 90%; -webkit-transition: .1s; -o-transition: .1s; transition: .1s; } .re-calc:hover { cursor: pointer; -webkit-box-shadow: 0 0 5px 1px #f17e71; box-shadow: 0 0 5px 1px #f17e71; -webkit-transition: .1s; -o-transition: .1s; transition: .1s; } .order-buttons .order-now { width: inherit; } .order-buttons .edit-profile-btn { width: 49%; display: inline-block; float: left; height: inherit; text-align: center; } a.edit-profile-btn:hover { text-decoration: none; color: #fff; } .order-buttons input.edit-profile-btn { float: right; } .agreement-check #id_accept_rules + label { line-height: 17px; margin-right: 5px; margin-bottom: 5px; display: inline-block; } .agreement-check #id_accept_rules + label:before { top: -3px; } .agreement-check { display: inline-block; margin: 15px; } p.agreement-check a { white-space: nowrap; } .center-block form{ float: none; margin-left: auto; margin-right: auto; } .delivery-form label,.checkout-form label, .checkout-form .form-table th { float: left; font-family: "OpenSansRegular", Arial, sans-serif; font-size: 16px; color: #6b6b6b; } .checkout-form input, .checkout-form select { height: 30px; width: 100%; } .checkout-form .cf-caption { width: 100%; /* float: left; */ } .cf-caption, .cf-form { width: 100%; } /* pay methods*/ .form1 .info.cf-form { background: #f5f5f5; border-radius: 15px; border: 1px solid #cbd3d8; margin: 20px 0 0; padding: 15px 10px; position: relative; } .form1 .info.cf-form:before { content: ""; display: inline-block; background: url("/static/css/images/arrow-up.38811194d235.png") no-repeat; width: 21px; height: 12px; position: absolute; top: -11px; left: 50%; margin-left: -10px; } .form1 .info.cf-form strong { font-family: "OpenSansBold", Arial, sans-serif; margin-bottom: 5px; display: inline-block; } /* sortovach =) */ .notify-table .sort + .sort-i { display: none; } .notify-table .sort-asc + .sort-i { display: inline-block; -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } .info.cf-form textarea * { font-family: "OpenSansLight", Arial, sans-serif; font-size: 14px; line-height: 20px; } .cf-form textarea { width: 100%; height: 120px; resize: none; border: 1px solid #cbd3d8; border-radius: 3px; padding: 5px; } .cf-caption label { margin: 20px 2px 10px; } .checkout-w .fc label { margin-top: 0; } .cf-form input, .cf-form select, #delivery-checkout-form input, #delivery-checkout-form select, .checkout-form input, .checkout-form select { height: 40px; width: 100%; display: inline-block; border: 2px solid #cbd3d8; border-radius: 5px; padding: 5px 10px; color: #6b6b6b; font-size: 15px; font-family: "OpenSansLight", Arial, sans-serif; } .cf-form textarea { border: 2px solid #cbd3d8; } .cf-form input:focus, .cf-form select:focus, .cf-form textarea:focus, .np-delivery select { border: 2px solid #77b3d4; } .building-flat input { margin: 10px 0; } .checkout-w { width: calc(100% - 200px); display: inline-block; background: #fff; margin: 20px 0; border-radius: 5px; border: 1px solid #e7e7e7; -webkit-box-shadow: inset 0 0 3px 3px #f5f5f5; box-shadow: inset 0 0 3px 3px #f5f5f5; } .checkout-w .checkout-form { padding-right: 40px; } .checkout-inner { display: inline-block; padding: 35px; width: 100%; } .checkout-form .cf-form { width: 100%; float: right; } .checkout-w .checkout-table th.total { text-align: right; } .checkout-form .cf-form.cf-form-phone { position: relative; } .cf-form.cf-form-phone button { position: absolute; right: 0; top: 0; } /* checkout actions */ .checkout-actions { width: calc(100% - 200px); float: right; display: inline-block; text-align: left; } .checkout-actions .order-buttons * { width: inherit; float: left; } .checkout-actions .order-buttons input.edit-profile-btn { float: left; margin-left: 10px; } /* checkout table */ .checkout-table { margin: 0 0 0; } .checkout-table td, .checkout-table td * { font-family: Arial; font-size: 16px; padding: 5px; text-align: left; } .checkout-table .count input { min-width: 20px; display: inline-block; float: left; border-radius: 3px; border: 2px solid #f9afa5; padding: 6px 2px; text-align: center; max-width: 50px; font-family: Arial; font-size: 16px; height: 32px; } .checkout-table .count input::-webkit-outer-spin-button, .checkout-table .count input::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } .checkout-table .count span { border: 2px solid #f9afa5; display: block; background: #fff; float: left; border-radius: 15px 0 0 15px; padding: 6px 8px; margin: 0 -2px; cursor: default; font-size: 16px; height: 32px; font-family: Arial, sans-serif; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .checkout-table .count span:hover { cursor: pointer; color: #fff; background: #f9afa5; } .checkout-table .count span:active { box-shadow: inset 1px 1px 2px 2px #2987bb; } .checkout-table .count span.pluss { border-radius: 0 15px 15px 0; text-align: left; } .checkout-table span.close { cursor: pointer; } .checkout-table .remove { width: 24px; } .main-wrapper .cart-table-wrapper .total { color: #f17e71; font-size: 22px; text-align: center; width: 20%; } .cart-table-wrapper { background: #fff; padding: 10px; margin: 20px 0; border-radius: 5px; border: 1px solid #e7e7e7; -webkit-box-shadow: inset 0 0 3px 3px #f5f5f5; box-shadow: inset 0 0 3px 3px #f5f5f5; } .cart-table-wrapper .empty-cart, .wishes-inline .empty-cart, .wishes-inline .empty-wishes { 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%); } .checkout-table > p { display: inline-block; width: 100%; } .checkout-table .image { vertical-align: middle; width: 100px; } .checkout-table .name { text-align: left; padding: 5px 5px 5px 10px; width: 45%; } .checkout-table .image a { display: block; padding: 4px; } .checkout-table .image a img { display: block; width: 100%; } .checkout-w .checkout-table .image a img { max-width: 80px; } .checkout-w .checkout-table .image { max-width: 80px; } .checkout-w .checkout-table .mobile-show { display: none; } .checkout-table .count-w { text-align: center; padding: 0 10px; } .checkout-table .count { min-width: 100px; text-align: center; } .checkout-table thead tr { border-top: 1px solid #e7e7e7; } table.checkout-table thead tr { border-top: 1px solid #e7e7e7; } .checkout-table thead tr th { padding: 15px 0; color: #030303; } .checkout-table th { text-align: left; vertical-align: middle; color: #fff; } .checkout-table th.name { padding-left: 10px; } .checkout-table tbody tr:first-child { border-top: 1px solid #e7e7e7; } .checkout-table tbody tr.item { border-bottom: 1px solid #e7e7e7; position: relative; } .checkout-table tbody tr.full-name{ display: none; } .checkout-table td { vertical-align: middle; } .delete-order { text-align: center; width: 30px; } .delete-order p { width: 15px; height: 15px; display: inline-block; background: url("/static/css/images/delete.fff603276d68.png") center; border-radius: 3px; } .delete-order p:hover { opacity: .7; cursor: pointer; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; } .checkout-table .summary-orders { display: table-row; width: 100%; } .checkout-table .summary-orders td { padding: 15px 5px; color: #030303; font-family: "OpenSansLight", Arial, sans-serif; } .checkout-table td a { display: inline-block; padding: 5px 1px; line-height: 22px; } .cart-table-aсtions { display: inline-block; float: right; text-align: right; margin-top: 25px; margin-bottom: 20px; } .cart-table-ations .summary-orders { margin-bottom: 15px; } .cart-table-ations .total { margin: 0 5px 0 20px; } .cart-table-ations .total * { font-size: 30px; } .cart-table-ations .order-now { text-align: center; padding: 15px 10px; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .cart-table-ations .order-now:hover { background: #f9afa5; color: #fff; -webkit-box-shadow: 0 0 1px 1px #f9afa5; box-shadow: 0 0 1px 1px #f9afa5; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } /* payment info page */ /* order table */ .cart-table-h1 { font-size: 18px; font-family: "OpenSansRegular", Arial, sans-serif; color: #456; margin-bottom: 10px; } .cart-table-h1 span { color: #525367; font-family: "OpenSansBold", Arial, sans-serif; } .center-inner-content { display: inline-block; width: 100%; text-align: center; margin: 30px 0; } .cart-table-wrapper { display: inline-block; margin: 0 auto; width: calc(100% - 200px); max-width: 1600px; float: left; position: relative; } .order-buttons { display: block; clear: both; float: none; } .cart-table-ations .order-buttons { text-align: right; padding: 0 10px; } .cart-table-ations .go-back-btn { text-align: right; margin: 0; } /* order-info page */ .oioc { display: inline-block; width: 100%; max-width: 1600px; float: left; } .order-info-wrapper { display: inline-block; text-align: center; width: calc(100% - 200px); } .order-info-wrapper .order-info > p { clear: both; display: block; margin: 10px 0; padding: 10px 0; } .order-info-wrapper .order-info > p .caption, .order-info-wrapper .order-info > p .value { display: inline-block; float: left; width: 50%; text-align: left; font-family: "OpenSansLight", Arial, sans-serif; font-size: 16px; } .order-info-wrapper .order-info > p .caption { color: #055b92; } .order-info-wrapper .order-info > p .value { font-style: italic; color: #030303; } .order-info-wrapper .order-comment { float: right; width: 50%; text-align: center; } .order-info-wrapper .order-comments { display: block; clear: both; } .order-info-wrapper .order-comment .order-comment-inner { display: inline-block; margin-top: 22px; width: 100%; margin-left: 0; } .order-comments { text-align: left; margin-top: 10px; } .order-comments > li { margin: 10px 0; display: inline-block; width: 100%; } .order-comments .my { text-align: left; color: #fff; font-size: 16px; font-family: Arial; font-weight: 100; clear: both; padding: 5px; margin-bottom: 10px; background: none; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left, #525367 1%, transparent 50%); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #525367 1%, transparent 50%); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #525367 1%, transparent 50%); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, #525367 1%, transparent 50%); /* Standard syntax */ } .order-comments .my small { font-style: italic; } .order-comments p { text-align: left; float: left; color: #030303; font-size: 16px; line-height: 22px; clear: both; } .order-comments + .order-comment { width: 100%; } .order-comments + .order-comment textarea { max-width: 100%; width: 100%; } .order-comments + .order-comment input { max-width: 100%; width: 100%; } .order-info-wrapper textarea { max-width: 90%; max-height: 300px; resize: none; padding: 10px; display: block; display: inline-block; margin: 0; float: right; width: 100%; background: #fff; border-radius: 0 0 5px 5px; -webkit-box-shadow: inset 0 0 3px 3px #f5f5f5; box-shadow: inset 0 0 3px 3px #f5f5f5; } .order-info { display: inline-block; float: left; width: 50%; margin-bottom: 15px; } .order-show .count { min-width: 10px; display: table-cell; } .order-show .summary-orders { border-bottom: none; } .order-show thead tr th, .order-show thead tr td { vertical-align: middle; text-align: left; padding: 8px 5px; } .order-show thead tr th:first-child, .order-show tbody td:first-child, .order-show thead tr th:last-child, .order-show tbody td:last-child { padding-left: 10px; padding-right: 10px; } .order-show thead tr th.count-c { min-width: 50px; } .order-items-wrapper { display: block; clear: both; overflow: auto; text-align: right; } .order-info-caption { float: left; text-align: right; margin-bottom: 10px; width: 100%; padding-bottom: 5px; border-bottom: 1px solid #e7e7e7; } .order-info-caption *, .order-items-wrapper > h3 { float: left; margin-right: 10px; font-size: 18px; color: #030303; } .order-info-caption * { font-size: 14px; float: none; color: #055b92; font-style: italic; } .order-info-caption h1, .order-info-caption h1 * { float: left; font-style: normal; color: #030303; } .order-items-wrapper > h3 { margin: 20px 10px 10px; } .order-info-wrapper .checkout-table { float: none; clear: both; width: 100%; padding: 0; } .order-info-wrapper .checkout-table .summary-orders td { text-align: right; } .order-info-wrapper .checkout-table .summary-orders td.total { text-align: left; padding-left: 0; white-space: nowrap; } .order-info-wrapper .leave-comment-btn { padding: 10px; width: 100%; max-width: 90%; float: right; border: none; background: #525367; color: #fff; border-radius: 4px; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; margin: 10px 0; } .order-info-wrapper .leave-comment-btn:hover { opacity: .85; cursor: pointer; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; } .order-info-wrapper .order-items td a { padding: 5px; display: inline-block; float: left; } .order-info-wrapper .order-summary.after-comment { text-align: center; float: none; } .order-info-wrapper .order-summary { text-align: left; margin: 20px 0 10px; } .order-info-wrapper .order-summary.after-comment .payment { float: none; } .oiw-order-show .cancel-order { text-decoration: underline; color: #6b6b6b; font-size: 16px; background: none; border: none; margin: 10px 0; float: left; font-family: "OpenSansLight", Arial, sans-serif; } .oiw-order-show .print_document { display: inline-block; width: 24px; height: 24px; margin: 10px 5px; background: url("/static/css/images/print-icon.88b886e79bfc.png") no-repeat center; -webkit-background-size: 100%; background-size: 100%; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; } .oiw-order-show .print_document:hover { opacity: .85; text-decoration: none; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; } .order-info-wrapper .order-summary .payment { display: inline-block; float: left; margin: 10px 20px 10px 0; } .order-summary .payment input { border-radius: 4px; border: 1px solid #525367; max-width: 150px; } .order-summary .count { display: inline-block; padding: 4px 10px; margin: 5px; border: 2px solid #525367; border-radius: 4px; position: relative; background: #fff; } .order-summary .count input { display: inline-block; height: 30px; border: none; width: 100px; } .order-summary .count span { position: absolute; right: 10px; display: inline-block; width: 15px; border-radius: 2px; height: 15px; background: #f9f9f9 url("/static/css/images/select-icons.614d52fd556d.png") no-repeat center 4px; } .order-summary .count .minuss { background-position: center -19px; bottom: 50%; margin-bottom: -15px; } .order-summary > * { margin: 15px 0; } .order-summary .count span:hover { cursor: pointer; } .order-summary .count span:active { background-color: #c9c9c9; } .order-summary .count input[disabled] ~ span:active { background-color: #f9f9f9; } .order-summary .count .pluss { top: 50%; margin-top: -14px; } .order-summary * { color: #030303; font-size: 18px; font-family: "OpenSansRegular", Arial, sans-serif; } .order-summary .os-amount { color: #055b92; } .copd-wrapper { float: left; max-width: 1600px; width: 100%; } .online-payments { margin: 10px 0 20px; width: 100%; overflow: auto; } .online-payments h4 { font-size: 18px; color: #030303; float: left; text-align: left; } .online-payments .pay-button { display: inline-block; float: left; margin: 0 10px; } .pay-button.liqpay { background: url("/static/css/images/liqpay.1edc5ee6433d.png") no-repeat center; background-size: 100%; width: 230px; height: 80px; cursor: pointer; border: 1px solid lightgray; } .pay-button.liqpay:hover { background: url("/static/css/images/liqpay-0.d1950957aaaf.png") no-repeat center; } /* profile page */ .my-menu { display: inline-block; float: left; margin-right: 20px; /*padding-top: 30px;*/ width: 180px; } .my-menu li { margin: 3px; border-radius: 3px; padding: 2px 10px; position: relative; display: block; text-align: center; } .my-menu i { display: block; width: 32px; height: 32px; background: url("/static/css/images/profile-icons.450565918ab9.png") no-repeat; background-position: 0 0; margin: 0 auto 5px; text-align: center; } .my-menu i.profile-i { background-position: 4px 6px; } .my-menu i.orders-i { background-position: -33px 3px; } .my-menu i.cart-i { background-position: -99px 11px; } .my-menu i.wishes-i { background-position: -67px 12px; } .my-menu i.pwd-i { background-position: -127px 7px; } .my-menu i.notify-i { background-position: -201px 1px; } .my-menu i.logout-i { background-position: -161px 3px; } .my-menu li:hover i, .my-menu li.selected i { background-position-y: bottom; } .my-menu li a { color: #8e8c8c; font-family: Arial; font-size: 15px; line-height: 22px; padding: 3px 10px; display: inline-block; } .my-menu li a:hover, .my-menu li.selected a { text-decoration: none; border-radius: 5px; color: #525368; } .apf-wrapper { display: table; margin: 30px 0; width: calc(100% - 200px); max-width: 1600px; } .edit-profile-form { padding: 0 0 20px; background: #fff; border-radius: 5px; border: 1px solid #e7e7e7; -webkit-box-shadow: inset 0 0 3px 3px #f5f5f5; box-shadow: inset 0 0 3px 3px #f5f5f5; } .profile-main-wrapper { text-align: center; } .profile-table { display: inline-block; margin-left: -140px; } .profile-table > p { margin: 10px 0; } .profile-table .psocial { display: inline-block; width: 50%; text-align: left; float: right; } .profile-table .caption { text-align: right; float: left; padding-right: 10px; color: #030303; font-weight: bold; } .profile-table .caption, .profile-table .value { width: 50%; display: inline-block; } .profile-table .value { float: none; text-align: left; clear: right; color: #030303; } .edit-profile-form .form-table { text-align: center; display: table; } .edit-profile-form { position: relative; } .edit-profile-form .form-table > * { margin-top: 10px; padding: 0 35px; } .change-pwd .edit-profile-form .form-table > * { overflow: auto; } .edit-profile-form.change-pwd .form-table > * { clear: both; display: none; } .edit-profile-form .main-heading, .notify-form .main-heading, .checkout-w .main-heading { font-size: 18px; color: #030303; font-family: Arial, "OpenSansRegular", Helvetica, sans-serif; text-align: left; border-bottom: 1px solid #e7e7e7; display: inline-block; width: 100%; padding: 0 20px 15px; margin-bottom: 0; } .apf-wrapper .edit-profile-form .actions { margin-top: 0; } .apf-wrapper .edit-profile-form .actions .edit-profile-btn { margin: 10px 0; width: initial; } .edit-profile-form label { display: block; text-align: left; font-family: Arial, "OpenSansLight", Helvetica, sans-serif; font-size: 14px; color: #6b6b6b; margin-bottom: 8px; padding-left: 5px; } .edit-profile-form input[type="text"], .edit-profile-form input[type="password"], .edit-profile-form input[type="email"], .reset-pwd-form input, .edit-profile-form select { height: 44px; width: 100%; float: left; border: 2px solid #cbd3d8; border-radius: 3px; padding: 0 10px; } .edit-profile-form input:focus, .edit-profile-form select:focus, .reset-pwd-form input:focus { border: 2px solid #77b3d4; } .edit-profile-form .actions { float: none; clear: both; } .edit-profile-btn, .return-btn { font-family: "OpenSansRegular", Helvetica, Arial, sans-serif; font-size: 18px; width: inherit; color: #fff; background: #525368; border: none; padding: 10px 30px; border-radius: 2px; margin: 15px 0; float: none; -webkit-transition: .2s; -o-transition: .2s; transition: .2s } .edit-profile-btn:hover, .return-btn:hover { opacity: .9; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; } .apf-wrapper .form-table .actions { width: 100%; display: inline-block; text-align: center; clear: both; } .actions .deny-advert { display: inline-block; text-align: center; padding: 20px 20px 0; width: 100%; } .deny-advert label { display: inline-block; float: none; text-align: center; } .deny-advert label:hover { text-decoration: underline; cursor: pointer; } .apf-wrapper .edit-profile-form #id_deny_advertisement { position: relative; top: 2px; left: 2px; display: inline-block; } .return-btn { padding: 9px 20px; } .return-btn:hover { text-decoration: none; color: #fff; } .profile-table .edit-profile-btn:hover { } .profile-table .actions { text-align: center; } /* orders table */ .order-tabs-wrapper { display: inline-block; width: calc(100% - 200px); } .order-tabs { margin: 0 auto; text-align: left; width: 100%; background: #f5f5f5; line-height: 0; padding: 0; position: relative; -webkit-box-shadow: inset 0 0 3px 3px #f5f5f5; box-shadow: inset 0 0 3px 3px #f5f5f5; } .order-list-wrapper { text-align: left; max-width: 1600px; background: #fff; padding: 20px 0 0; border-radius: 5px; border: 1px solid #e7e7e7; -webkit-box-shadow: inset 0 0 3px 3px #f5f5f5; box-shadow: inset 0 0 3px 3px #f5f5f5; } .order-list-wrapper .table-scroll-wrapper { width: 100%; } .order-list-wrapper .order-items { width: 100%; } .table-scroll-wrapper { display: block; margin: 0 auto; } .order-tabs ul { text-align: left; display: inline-block; margin: 0 15px; } .order-tabs ul li { float: left; padding: 10px 15px; } .order-tabs ul li.selected { background: #fff; position: relative; border-radius: 5px 5px 0 0; border: 1px solid #e7e7e7; border-bottom: none; -webkit-box-shadow: inset 0 0 3px 3px #f5f5f5; box-shadow: inset 0 0 3px 3px #f5f5f5; } .order-tabs ul li.selected:after { content: ""; display: inline-block; width: calc(100% - 6px); height: 12px; left: 0; position: absolute; bottom: -6px; margin: 0 3px; background: #fff; } .order-tabs ul li a { color: #030303; line-height: 12px; font-size: 14px; font-family: "OpenSansRegular", Helvetica, sans-serif; } .table-scroll-wrapper { display: inline-block; margin: 0 auto; width: 100%; padding: 20px; background: #fff; border-radius: 0 0 5px 5px; -webkit-box-shadow: inset 0 0 3px 3px #f5f5f5; box-shadow: inset 0 0 3px 3px #f5f5f5; } .table-scroll-wrapper .checkout-table { width: 100%; } .ct-caption { position: relative; padding-left: 30px; margin: 10px; } .ct-caption, .ct-caption * { font-size: 14px; font-family: "OpenSansLight", Helvetica, sans-serif; text-align: left; color: #6b6b6b; margin-bottom: 10px; } .ct-caption i { display: inline-block; width: 20px; height: 24px; background: url("/static/css/images/ct-cart.3e50c69eef45.png") no-repeat; float: left; position: absolute; top: -7px; left: 0; } .order-list { width: 100%; border-collapse: separate; padding: 0; } .print { text-align: center; vertical-align: middle; } .print a { display: inline-block; width: 24px; height: 24px; background: url("/static/css/images/print-icon.88b886e79bfc.png") no-repeat center; -webkit-background-size: 100%; background-size: 100%; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; } .print a:hover { opacity: .85; text-decoration: none; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; } .order-list th, .order-list td { padding: 5px 10px; font-family: "OpenSansLight", Helvetica, sans-serif; font-size: 16px; } .order-list { border-collapse: collapse; } .order-list tr { border-bottom: 1px solid #e7e7e7; border-left: none; border-right: none; } .order-list tr.item-canceled * { color: #7e8c8c; } .order-list tr.item-canceled .view-order { border-color: #8e8c8c; } .order-list tr:hover * { color: #f17e71; } .order-list tr:hover .view-order { border-color: #f17e71; } .order-list thead tr * { color: #6b6b6b; font-size: 14px; font-family: "OpenSansLight", Helvetica, sans-serif; } .order-list td { border-bottom: none; vertical-align: middle; white-space: nowrap; } .order-list td * { font-family: Arial, sans-serif; font-size: 16px; color: #000; white-space: nowrap; } .order-list .order-date { color: #000; } .order-list .order-date:hover { text-decoration: none; } .order-list .pay-order, .order-list .view-order { color: #030303; border: 2px solid #77b3d4; padding: 4px 10px; font-size: 14px; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; border-radius: 8px; } .order-list .pay-order:hover, .order-list .view-order:hover { text-decoration: none; opacity: 0.85; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; } .order-list .pay-order { background-color: #00ba00; text-decoration: none; color: white; } .order-list .pay-order:hover { color: #00a000; } .delivery-info > div { display: inline-block; width: 100%; } .delivery-info label { width: 100%; float: left; margin: 20px 2px 10px; } #id_delivery_type label { margin: 5px 2px; } .delivery-info span { width: 100%; float: right; } .delivery-info .id_delivery_type { width: 50%; float: right; } .delivery-info #id_delivery_type { display: inline-block; width: 100%; float: right; } .delivery-info #id_delivery_type li { width: 100%; } .delivery-info #id_delivery_type input { width: 20px; height: 16px; display: inline-block; float: left; margin-right: 5px; } .np-delivery > p { width: 100%; display: inline-block; } .np-delivery label { margin: 20px 2px 10px; } .np-delivery label, .np-delivery span { width: 100%; float: left; display: inline-block; } .np-delivery .chosen-container { width: 100% !important; } .np-delivery span * { text-align: left; } /* wishes-inline page */ .wl-category-w { display: inline-block; padding: 20px !important; } .wishes-inline { display: inline-block; width: 100%; margin: 30px 0; } .wishes-inline .wishes-form { width: calc(100% - 200px); display: inline-block; float: left; clear: none; position: relative; min-height: 120px; max-width: 1600px; } .wishes-form .pwl-amount { display: block; color: #6b6b6b; text-align: right; position: relative; bottom: -3px; border-top: none !important; } .wishes-form .pwl-amount * { float: none !important; padding: 0 5px; } .wishes-inline .wishes-form { background: #fff; padding: 10px; border-radius: 5px; border: 1px solid #e7e7e7; -webkit-box-shadow: inset 0 0 3px 3px #f5f5f5; box-shadow: inset 0 0 3px 3px #f5f5f5; } .wishes-inline .wishes-form .wl-category-w li { border: none; } .wishes-inline .wishes-form .wl-category-w .selected { color: #a0156c; } .wishes-inline .wishes-form .wl-category-w a { font-size: 16px; color: #030303; text-decoration: none; display: inline-block; margin: 10px 0; } .wishes-inline .wishes-form * { font-family: "OpenSansLight", Helvetica, sans-serif; } .wishes-item .close:hover:after, .wishes-item .close:hover:before { opacity: .6; cursor: pointer; } .wishes-inline .wishes-form li { border-top: 1px solid #e7e7e7; } .wishes-inline .wishes-form .product-img { width: 20%; } .wishes-inline .wishes-form .product-img img { width: 100%; } .wishes-inline .wishes-form .description { width: 80%; /* margin-bottom: -90px;*/ } .wishes-inline .wishes-form .product-name { width: inherit; } .wishes-inline .wishes-form .product-name * { font-size: 18px; color: #030303; line-height: 24px; margin: 5px 0 10px; } .wishes-inline .wishes-form .rating-comments { padding: 0 5px; margin: 5px 0 0; } .wishes-inline .wishes-form .rating-comments * { font-size: 14px; } .wishes-inline .wishes-form .voices, .wishes-inline .wishes-form .comments-wrapper { margin: 5px; position: relative; top: -4px; } .wishes-inline .wishes-form .rating-comments .comment:before { content: ""; display: inline-block; width: 12px; height: 12px; background: url("/static/css/images/comment-icon.28bea3db0685.png") no-repeat; position: relative; top: 3px; margin-right: 3px; } .wishes-inline .wishes-form .comments-wrapper { display: inline-block; } .wishes-inline .wishes-form .product-code { display: block; padding: 0 10px; } .wishes-inline .wishes-form .product-code .p-caption { display: inline-block; color: #6b6b6b; } .wishes-inline .wishes-form .product-code .p-code { display: inline-block; color: #6b6b6b; } .wishes-inline .wishes-form .price { float: left; padding: 10px; } .wishes-inline .wishes-form .price .old-price { color: #030303; font-size: 16px; } .wishes-inline .wishes-form .price .new-price { color: #b20a72; font-size: 20px; } .wishes-inline .wishes-form .action-btn { max-width: 80px; text-align: center; display: inline-block; position: relative; float: right; top: -87px; } .wishes-inline .wishes-form .action-btn * { color: #f17e71; margin-bottom: 5px; } .wishes-inline .wishes-form .p-available, .wishes-inline .wishes-form .p-unavailable { font-size: 14px; color: #1ab24e; padding: 12px 0 10px; } .wishes-inline .wishes-form .p-unavailable { color: #999797; } .wishes-inline .wishes-form .buy { position: relative; display: inline-block; top: 0; right: 0; width: 45px; height: 45px; line-height: 40px; padding: 0; background: #f17e71; -webkit-border-radius: 50%; border-radius: 50%; border: none; color: #fff; text-align: center; vertical-align: middle; -webkit-transition: .2s; transition: .2s; } .wishes-inline .wishes-form .buy svg { width: 24px; height: 24px; fill: #fff; display: inline-block; vertical-align: middle; } .wishes-inline .wishes-form .buy:hover { background: #f17e71; -webkit-box-shadow: 0 0 5px #f17e71; box-shadow: 0 0 5px #f17e71; -webkit-transition: .2s; transition: .2s; } .wishes-inline .wishes-form .action-btn.not-available-action label { color: #6b6b6b; font-size: 14px; font-family: "OpenSansLight", Helvetica, sans-serif; } .wishes-inline .wishes-form .action-btn.not-available-action input { position: relative !important; top: 2px; right: 0; left: 0; } .wishes-inline .wishes-form .delete-order { position: absolute; top: 10px; right: 0; } .items-wrapper.wishes-items { max-height: initial; overflow: visible; } /* profile-page-pwd */ .profile-page-pwd .submit { width: 100%; } .profile-page-pwd .go-back-btn { color: #030303; text-decoration: underline; } /* notification page */ .notify-form { min-height: 120px; } .notify-form.nf-empty { padding: 20px; position: relative; } .notify-form.nf-empty * { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .notify-wrapper { display: inline-block; width: 100%; margin: 30px 0; } .notify-form { display: inline-block; background: #fff; border-radius: 5px; border: 1px solid #e7e7e7; -webkit-box-shadow: inset 0 0 3px 3px #f5f5f5; box-shadow: inset 0 0 3px 3px #f5f5f5; width: calc(100% - 200px); max-width: 1600px; position: relative; } .notify-thead { clear: both; } .notify-caption { padding: 10px 15px; display: inline-block; line-height: 32px; } .notify-caption * { font-family: "OpenSansLight", Helvetica, sans-serif; font-size: 14px; color: #6b6b6b; } .notify-caption span { margin: 0 5px; display: inline-block; } .notify-form .notify-table { width: 100%; } .notify-form .notify-i { display: block; float: left; width: 32px; height: 32px; background: url("/static/css/images/profile-icons.450565918ab9.png") no-repeat; margin-right: 5px; background-position: -201px 1px; } .notify-form .notify-table * { font-family: "OpenSansLight", Helvetica, sans-serif; font-size: 14px; line-height: 16px; color: #6b6b6b; text-align: left; } .notify-form .not-read-c { text-align: left; padding: 10px 15px; } .notify-form .not-read-c * { font-size: 16px; line-height: 30px; color: #6b6b6b; } .notify-table * { text-align: left; } .notify-table tr { border: 1px solid #e7e7e7; border-left: none; border-right: none; } .notify-table th, .notify-table td { padding: 10px 10px; vertical-align: middle; position: relative; } .notify-table .nl-checkbox, .notify-table .check-all { width: 30px; padding-left: 20px; } .notify-table .nl-mark { width: 30px; } .changer-item.icon { display: inline-block; width: 18px; height: 18px; background: url("/static/css/images/notify-mark.42e5de125e32.png") no-repeat bottom center; position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translate(-50%, -50%); } .changer-item.icon.yes { background-position: top center; } .nl-topic-mobile { display: none; } /*.nl-checkbox { width: 50px!important; }*/ .notify-form .not-read, .notify-form .not-read * { color: #e99b1e; } .notify-form .notify-actions { width: 100%; display: inline-block; padding: 20px 10px; border-top: 1px solid #e6e6e6; } .notify-form .notify-actions input { background: none; border: none; text-decoration: underline; color: #6b6b6b; font-size: 16px; font-family: "OpenSansLight", Helvetica, sans-serif; } .notify-form .notify-actions input:hover { text-decoration: none; } /* brands page */ .brand-letter-sort { display: inline-block; width: 100%; border-top: 1px solid #f17e71; border-bottom: 1px solid #f17e71; padding: 20px 10px; text-align: justify; } .brand-letter-sort .letter-sort { display: inline-block; font-family: "OpenSansLight", Helvetica, sans-serif; font-size: 18px; color: #f17e71; padding: 10px 15px; margin: 5px; position: relative; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; } .brand-letter-sort .letter-sort:after { content: ""; display: inline-block; 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%); width: 50%; height: 50%; opacity: 0; border: 1px solid #f17e71; -webkit-transition: .15s; -o-transition: .15s; transition: .15s; } .brand-letter-sort .letter-sort:hover:after { opacity: 1; width: 100%; height: 100%; } .brand-letter-sort .letter-sort:hover { cursor: pointer; } .brand-letter-sort .letter-sort:active { color: #fff; background: #f17e71; } .brand-list-page .brand-list { display: block; -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; text-align: center; } .brand-list-page .brand-list .brand-column { width: 100%; padding: 0; white-space: normal; display: inline-block; vertical-align: top; font-size: 14px; } .brand-list-page .brand-list .brand-column h3 { font-family: "OpenSansRegular", Helvetica, sans-serif; font-size: 24px; margin-top: 30px; margin-bottom: 15px; color: #f17e71; } .brand-list-page .brand-list .brand-column * { font-family: "OpenSansLight", Helvetica, sans-serif; font-size: 18px; color: #6b6b6b; line-height: 24px; } /* sitepage page */ .sitepage-body { padding: 0; margin: 20px 0; display: inline-block; background: #fff; width: 100%; border-radius: 5px; border: 1px solid #e7e7e7; -webkit-box-shadow: inset 0 0 3px 3px #f5f5f5; box-shadow: inset 0 0 3px 3px #f5f5f5; } .sitepage-body * { font-family: "OpenSansLight", Helvetica, sans-serif; font-size: 16px; line-height: 20px; } .sitepage-body strong { font-family: "OpenSansBold", Helvetica, sans-serif; display: block; margin-bottom: 10px; font-size: 22px; } .sitepage-main { float: left; } .sitepage-main { display: inline-block; float: left; width: calc(100% - 300px); padding: 30px; border-right: 1px solid #e7e7e7; } .sitepage-caption { border-bottom: 1px solid #e7e7e7; } .sitepage ul { padding: 10px 20px; } .sitepage ul.ul-decimal { list-style: decimal; padding: 10px 20px; } .sitepage ul li { margin: 15px; } .sitepage ul.ul-decimal ul.ul-custom { list-style-image: url("/static/css/images/list-image.07ad7dedf774.png"); padding: 0 4px; } .sitepage ul li.list-style-deny, .sitepage ul.list-style-deny { list-style: none; padding: 0; } .sitepage ul.list-style-deny li { margin-left: 0; } .sitepage .attention, .sitepage .warning { font-size: 20px; color: #055b92; margin: 10px 0; } .sitepage .warning { color: #c70f0f; } .sitepage-sidebar { width: 300px; height: 100%; float: right; border-left: 1px solid #e7e7e7; text-align: center; padding: 30px; position: relative; left: -1px; } .sitepage-sidebar .delivery-companies a { display: inline-block; margin: 10px 0; width: 240px; } .sitepage-sidebar .delivery-companies a img { width: 100%; } .sitepage-caption { padding: 10px; text-align: center; } .sitepage-caption h1 { font-size: 24px; font-family: "OpenSansBold", Arial, sans-serif; color: #f17e71; text-align: center; margin: 20px 0 20px; } .sitepage-sidebar .cu-caption { margin-bottom: 15px; } .sitepage-sidebar .cu-caption * { font-size: 18px; line-height: 24px; letter-spacing: 1px; font-family: "OpenSansRegular", Arial, sans-serif; } .sitepage-sidebar .cu-phones { margin: 20px 0 28px; } .sitepage-sidebar .cu-phones * { margin: 0 0 5px; } .sitepage-sidebar .call-back p { font-family: "OpenSansRegular", Arial, sans-serif; font-size: 18px; } .sitepage-sidebar .cb-input { display: inline-block; position: relative; margin: 18px 10px 0; } .sitepage-sidebar .call-back input { border: 2px solid #525368; border-radius: 4px; padding: 5px 10px; } .sitepage-sidebar .call-back button { width: 43px; height: 43px; background: url("/static/css/images/callback.8ad4f78f0a7d.png") center; border: none; position: absolute; right: -8px; top: -4px; border-radius: 50%; -webkit-transition: .15s; -o-transition: .15s; transition: .15s; } .sitepage-sidebar .call-back button:hover { -webkit-box-shadow: 0 0 2px 2px #525368; box-shadow: 0 0 2px 2px #525368; -webkit-transition: .15s; -o-transition: .15s; transition: .15s; } .skype-mail { margin: 20px; } .skype-mail i { display: inline-block; float: left; margin-right: 5px; width: 20px; height: 20px; position: relative; top: -3px; background: url("/static/css/images/skype.b47ca094b53b.png") no-repeat center; } .skype-mail p { display: inline-block; margin: 2px; } .skype-mail i.mail { background: url("/static/css/images/envelope.701d70df6372.png") no-repeat center; -webkit-background-size: 100%; background-size: 100%; } .sitepage-sidebar .work-schedule { margin: 20px 0; } .sitepage-sidebar .ws-caption { font-family: "OpenSansRegular", Arial, sans-serif; font-size: 18px; margin-bottom: 20px; } /* contacts page */ .sitepage.contact { text-align: center; } .sitepage.contact .sitepage-main { padding: 30px 20px 50px; } .sitepage.contact .contact-heading { font-family: "OpenSansBold", Arial, sans-serif; color: #030303; font-size: 20px; margin: 10px; } .sitepage.contact .contact-p { font-family: "OpenSansRegular", Arial, sans-serif; color: #030303; font-size: 16px; margin: 10px 0 20px; } .sitepage.contact form { max-width: 600px; margin: 0 auto; float: none; } .sitepage.contact form > p { display: inline-block; float: left; width: 50%; } .sitepage.contact form > p > * { margin: 10px 0; padding-top: 14px; display: inline-block; } .sitepage.contact form > p:nth-child(odd) { text-align: right; padding-right: 15px; } .sitepage.contact form > p:nth-child(even) { text-align: left; } .sitepage.contact form > p input, .sitepage.contact form > p textarea { border: 1px solid #cbd3d8; -webkit-border-radius: 3px; border-radius: 3px; width: 100%; padding: 10px 6px; font-size: 18px; color: #000; } .sitepage.contact form > p textarea { resize: none; min-height: 100px; } .sitepage.contact .comment-button { width: 50%; float: right; border-radius: 3px; } .sitepage.contact .recaptcha { width: 50%; float: right; display: inline-block; } /* order-successful */ .order-successful-w { text-align: center; } .order-successful-w p { font-family: "OpenSansRegular", Arial, sans-serif; color: #030303; font-size: 18px; line-height: 24px; } .product-promotions { padding: 0; position: relative; } .product-promotions p { padding: 6px 5px; } .pp-caption { color: #fff; background: #77b3d4; font-weight: bold; border-bottom: 1px solid #fff; } .pp-caption:after { position: absolute; top: 0; right: 5px; width: 25px; height: 25px; content: ""; display: inline-block; background: url("/static/css/images/arrow-down.5feba5250c02.png") center no-repeat; -webkit-background-size: 70%; background-size: 70%; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; } .pp-caption:hover { cursor: pointer; } .pp-caption.opened:after { transform: rotate(-180deg); -webkit-transition: .2s; -o-transition: .2s; transition: .2s; } .pp-caption + ul { position: absolute; top: 29px; width: 100%; display: none; } .pp-caption + ul p { background: #525368; border-bottom: 1px solid #fff; } .pp-caption + ul span { color: #fff; } .pp-caption + ul span:first-child { font-weight: bold; } /* product-promotions */ .product-promotions { padding: 0; position: relative; } .product-promotions p { padding: 6px; } .pp-caption { color: #fff; background: #525368; font-weight: bold; border-bottom: 1px solid #fff; } .pp-caption:after { position: absolute; top: 0; right: 5px; width: 25px; height: 25px; content: ""; display: inline-block; background: url("/static/css/images/arrow-down.5feba5250c02.png") center no-repeat; -webkit-background-size: 70%; background-size: 70%; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; } .pp-caption:hover { cursor: pointer; } .pp-caption.opened:after { transform: rotate(-180deg); -webkit-transition: .2s; -o-transition: .2s; transition: .2s; } .pp-caption + ul { position: absolute; top: 29px; width: 100%; display: none; } .pp-caption + ul p { background: #525368; border-bottom: 1px solid #fff; } .pp-caption + ul span { color: #fff; } .pp-caption + ul span:first-child { font-weight: bold; } @media screen and (min-width: 1921px) { .article-item:nth-child(4n + 5) { clear: left; } .brand-list-page .brand-list { -moz-column-count: 6; -webkit-column-count: 6; column-count: 6; } } @media screen and (min-width: 1599px) { .product-description .d-columns, .manufacturer-description .d-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } .brand-list-page .brand-list { -moz-column-count: 5; -webkit-column-count: 5; column-count: 5; } /* change-pwd page */ .user-edit .form-table > div { width: 33.3%; } } @media screen and (min-width: 1177px) { .sort-panel .sort-mobile { display: none !important; } } @media screen and (max-width: 1176px) { .article-wrapper { max-width: 992px; } .article-page-wrapper .right-panel { max-width: 992px; width: 100%; margin: 0 auto; float: none; } .right-product-list { width: 100%; } .right-product-list li { width: 33.3%; } .brand-list-page .brand-list { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; } .base .search-items { width: 100%; } .sort-panel { padding: 10px; line-height: 15px; } .sort-panel span, .sort-panel .view, .pop-up-overlay { display: none; } .sort-panel .sort-mobile, .sort-panel .filter-mobile { display: inline-block; float: right; position: relative; } .sort-panel .filter-mobile { display: inline-block; float: left; font-family: "OpenSansLight", Arial, sans-serif; font-size: 16px; line-height: 16px; } .filter-mobile:hover { cursor: pointer; } /* search-items */ .filter-sidebar-w .filter-sidebar { display: none; } .filter-sidebar.opened { display: inline-block; width: 100%; height: 100%; background: #525367; position: fixed; z-index: 55; top: 0; left: 0; } .filter-sidebar.opened .close:before, .filter-sidebar.opened .close:after { left: 15px; } .filter-sidebar.opened .filter_form { width: 80%; margin: 0 auto; position: relative; border: 1px solid #fff; height: 80%; top: 50%; padding: 30px 15px; left: 0; background: #fff; right: 0; overflow: auto; transform: translateY(-50%); border-radius: 2px; } .filter-sidebar.opened .clear-filter-btn, .filter-sidebar.opened .filter-btn { width: 40%; position: absolute; bottom: 10%; } .filter-sidebar.opened .clear-filter-btn { left: 10%; } .filter-sidebar.opened .filter-btn { right: 10%; } .filter-sidebar.opened .close { display: inline-block; position: absolute; top: 10%; background: #fff; right: 8.4%; padding: 8px 0; width: 32px; z-index: 5; border-radius: 50%; height: 32px; opacity: 1; -webkit-box-shadow: 0 0 10px #bdbdbd; box-shadow: 0 0 10px #bdbdbd; -webkit-transition: .2s; transition: .2s; } .filter-sidebar.opened .close:hover { cursor: pointer; } } /* questions & answers */ .qa-list { display: inline-block; width: 100%; text-align: center; margin: 20px 0; } .qa-list li { display: inline-block; width: 50%; text-align: left; margin-bottom: 15px; border-radius: 3px; overflow: hidden; } .qa-list .question { background: #525368; width: 100%; position: relative; padding: 10px 50px 10px 20px; } .qa-list .question:hover { cursor: pointer; } .qa-list .question * { color: #fff; font-size: 18px; line-height: 22px; } .qa-list .question:after { content: ""; display: inline-block; position: absolute; top: 50%; -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px); -o-transform: translateY(-6px); transform: translateY(-6px); background: url("/static/css/images/arrow-down1.c0799e79144b.png") no-repeat; right: 20px; width: 20px; height: 12px; background-size: 100%; -webkit-transition: .15s; -o-transition: .15s; transition: .15s; } .qa-list .question.opened:after { transform-origin: center; -webkit-transform: translateY(-6px) rotateZ(180deg); -moz-transform: translateY(-6px) rotateZ(180deg); -ms-transform: translateY(-6px) rotateZ(180deg); -o-transform: translateY(-6px) rotateZ(180deg); transform: translateY(-6px) rotateZ(180deg); -webkit-transition: .15s; -o-transition: .15s; transition: .15s; } .qa-list .question svg { display: none; } .qa-list .answer { background: #fff; display: none; border: 3px solid #525368; padding: 10px 20px; } /* compare page */ .compare-group { display: inline-block; width: 100%; margin-top: 50px; } .compare-group li { display: inline-block; float: left; margin: 2px 5px; margin-left: 0; position: relative; } .compare-group .group-name { background: #f9afa5; display: inline-block; color: #fff; padding: 8px 10px; margin-right: 33px; text-decoration: none; border-radius: 5px 0 0 5px; } .compare-group .selected .group-name { background: #f17e71; } .compare-group .remove-group { display: inline-block; position: absolute; top: 0; right: 0; border-left: 1px solid #fff; opacity: 1; transition: .1s; border-radius: 0 5px 5px 0; background: #f9afa5 url("/static/css/images/close.426d1f992af2.svg") center no-repeat; width: 34px; height: 100%; background-size: 42%; } .compare-group .selected .remove-group { background-color: #f17e71; } .compare-group .remove-group:hover { cursor: pointer; opacity: .8; transition: .1s; } .compare-table { display: block; width: 100%; margin: 20px 0; } .compare-table thead, .compare-table tbody, .compare-table thead tr, .compare-table th { display: block; } .compare-table .img-wrapper, .compare-table .img-wrapper a { display: inline-block; width: 100%; } .compare-table .img-wrapper a img { /* max-width: calc(100% - 50px);*/ height: 200px; width: auto; } .compare-table .img-wrapper + a { color: #3f8654; } .compare-table .img-wrapper p { color: #525368; } .compare-table .img-wrapper a:hover { text-decoration: none; } .compare-table thead { float: left; width: 250px; } .compare-table tbody { width: auto; position: relative; overflow-x: auto; width: calc(100% - 250px); } .compare-table td, .compare-table th { padding: .625em; line-height: 1.5em; border: 1px solid #ccc; border-left: none; border-top: none; box-sizing: border-box; overflow-x: hidden; overflow-y: hidden; } .compare-table th { text-align: left; background: #fff; border: 1px solid #ccc; border-top: none; } .compare-table th:first-child { height: 150px; border-top: 1px solid #ccc; } .compare-table tbody tr { display: table-cell; background: #fff; } .compare-table tbody td { display: block; width: 250px; position: relative; } .compare-table .remove-product { display: inline-block; position: absolute; top: 0; right: 0; width: 25px; height: 25px; } .compare-table .remove-product-i { display: inline-block; width: 15px; height: 15px; background: url("/static/css/images/close-blue.fad223611711.svg") center no-repeat; -webkit-background-size: 100%; background-size: 100%; opacity: 1; transition: .1s; position: relative; top: 5px; right: 5px; } .compare-table .remove-product-i:hover { cursor: pointer; opacity: .8; transition: .1s; } .compare-table tbody td:first-child { height: 150px; text-align: center; border-top: 1px solid #ccc; } .ps-price > * { width: 100%; display: inline-block; } .compare-table .new-price { color: #f17e71; } @media screen and (max-width: 800px) { .compare-table thead { width: 180px; } .compare-table tbody { position: relative; overflow-x: auto; width: calc(100% - 180px); } .compare-table tbody td { width: 180px; } .compare-table tbody td img { max-width: 100%; height: auto; max-height: 120px; } .compare-table td, .compare-table th { font-size: 14px; padding: 5px; } .compare-table .img-wrapper, .compare-table .img-wrapper a { height: 150px; } } .compare-table tbody { scrollbar-color: #525368 #63cdf6; scrollbar-width: thin; } .compare-table tbody::-webkit-scrollbar { width: 10px; height: 10px; } .compare-table tbody::-webkit-scrollbar-thumb { background-color: #525368; border-radius: 10px; } .compare-table tbody::-webkit-scrollbar-track { background-color: #f9afa5; border-radius: 10px; } /* end comapre page*/ .wishes-items, .cart-items { scrollbar-color: #525368 #fff; scrollbar-width: thin; } .wishes-items::-webkit-scrollbar, .cart-items::-webkit-scrollbar { width: 11px; height: 11px; } .wishes-items::-webkit-scrollbar-thumb, .cart-items::-webkit-scrollbar-thumb { background-color: #525368; border-radius: 25px; border: 2px solid #fff; } .wishes-items::-webkit-scrollbar-track, .cart-items::-webkit-scrollbar-track { background-color: #fff; border-radius: 25px; } @media screen and (min-width: 1024px) and (max-width: 1920px) { .article-item:nth-child(3n + 4) { clear: left; } } @media screen and (max-width: 1025px) { .search-items-wrapper { display: inline-block; width: 100%; } .body-fixed { width: 100%; z-index: 2; overflow: hidden; } .pop-up-overlay.active { display: block; opacity: 1; background: #0071bd; background: rgba(0, 114, 188, 0.8); position: fixed; top: 0; width: 100%; height: 100%; z-index: 9; -webkit-transition: .2s; transition: .2s; } .pop-up-filter { padding: 0 20px; overflow: auto; display: inline-block; width: 100%; height: 100%; -webkit-transition: .2s; transition: .2s; } .pop-up-filter-w.opened { opacity: 1; width: 80%; margin: 0 auto; padding: 0; height: 80%; position: relative; top: 10%; left: 0; right: 0; z-index: 11; background: #ececec; overflow: visible; border-top: 20px solid #ececec; border-top: 32px solid #ececec; -webkit-transition: opacity .2s; transition: opacity .2s; } .clear-filter-m, .filter-m { display: inline-block; width: 40%; font-size: 16px; color: #fff; line-height: 30px; text-align: center; -webkit-border-radius: 0; border-radius: 0; position: fixed; bottom: 10%; padding: 0; background: #525367; border: none; left: 10%; font-family: "OpenSansLight", Arial, sans-serif; } .clear-filter-m:hover, .filter-m:hover { text-decoration: none; opacity: .6; color: #fff; } .filter-m { left: inherit; right: 10%; border-left: 1px solid #fff; } .pop-up-filter-w .close { width: 31px; height: 31px; -webkit-border-radius: 50%; border-radius: 50%; background: #fff; opacity: 1; position: absolute; top: -30px; right: -8px; padding: 10px; } .pop-up-filter-w .close:before, .pop-up-filter-w .close:after { background-color: #525367; height: 13px; } .sort-panel .sort-mobile { display: inline-block !important; } .registr-form-w { border-left: none; } /* order-checkout page */ .checkout-form { padding-right: 0; } .wishes-items { width: 100%; } /* sitepages */ .sitepage-main, .sitepage-sidebar { width: 100%; } .sitepage-sidebar { border-top: 1px solid #e7e7e7; } .delivery-companies { display: none; } .sitepage-sidebar .cu-caption { text-align: center; } .watch-list-wrapper .out-of-stock { line-height: 15px; font-size: 13px; width: 29%; } /*.select2-container{*/ /* width: 100% !important;*/ /*}*/ } @media screen and (max-width: 1024px) and (min-width: 870px) { .cart-table-ations .go-back-btn { display: none; } } @media screen and (min-width: 870px) { body main.base { min-height: 877px; } .cart-table-wrapper { min-height: 120px; } .my-menu .account-set { display: none; } } @media screen and (max-width: 870px) { .comments-list-w { padding-right: 0; text-align: justify; } .pd-caption, .c-caption { font-size: 18px; line-height: 22px; } .h2caption { font-size: 18px; line-height: 22px; } .comment-button { width: 100%; } /* order-checkout page */ .order-buttons { margin-bottom: 10px; } .order-buttons .edit-profile-btn { width: 100%; margin: 4px 0; } .cart-table-wrapper { width: 100%; overflow-x: auto; } .table-scroll-wrapper .checkout-table { width: 800px; } /* order table pages*/ .order-tabs { width: 100%; } .order-list tr:hover { cursor: pointer; } .order-tabs ul { width: 100%; padding: 4px 6px; } .order-list { width: 100%; } .order-tabs ul li { padding: 10px 8px; } .order-tabs ul li a { font-size: 12px; } .table-scroll-wrapper { overflow-x: auto; width: 800px; padding: 0 0; } .my-menu { width: 100%; margin-right: 0; margin-bottom: 10px; } .order-info { margin-bottom: 0; } .order-info-wrapper .order-comment .order-comment-inner { margin-top: 0; } .my-menu > * { width: 100%; } .my-menu ul { display: none; } .my-menu li { width: 33.3%; float: left; margin: 10px 0; } .my-menu li.selected a { color: #525368; text-decoration: none; border: 1px solid #525368; border-radius: 5px; } /* order-page */ .order-info-wrapper .order-info, .order-info-wrapper .order-comment { width: 100%; margin-bottom: 15px; } .order-info-wrapper textarea#id_text, .order-info-wrapper .leave-comment-btn { max-width: 100%; width: 100%; } /* article's right-panel*/ .right-product-list li { width: 50%; } .apf-wrapper { width: 100%; } .edit-profile-form .form-table > * { display: inline-block; width: 100%; } .triangle-mark:before { display: none; } /* wishes-list page */ .wishes-inline .wishes-form { width: 100%; } /* profile-menu */ .my-menu li:nth-child(3n + 4) { clear: left; } /* order-list table */ .order-tabs-wrapper { width: 100%; } .order-tabs ul { margin: 0; padding: 0; } .order-list-wrapper { padding: 0 0 0; } .order-list .view-order-list, .order-list .print { display: none; } .order-info-wrapper { width: 100%; } .order-info-wrapper .order-comment .order-comment-inner { margin-left: 0; } /* notify form */ .notify-form { width: 100%; overflow-x: hidden; } .notify-form .notify-table { width: 100%; } .order-info-wrapper .order-info > p .caption { text-align: right; padding-right: 10px; } /* cheaout page */ .checkout-w { width: 100%; } .checkout-w .checkout-form { padding-right: 0; margin-bottom: 30px; } .checkout-actions { width: 100%; text-align: left; margin-bottom: 20px; } .checkout-actions .order-buttons input.edit-profile-btn { margin-left: 0; } .checkout-inner { padding: 35px 15px; } .product-area .product-specs { padding-left: 0 !important; } .my-menu .account-set { display: inline-block; width: 100%; } .my-menu .account-set i { width: 32px; height: 32px; background: url("/static/css/images/account-set.479869efb38d.png") no-repeat center; background-size: 100%; } .my-menu .account-set i:after { content: ''; display: inline-block; position: relative; top: 7px; right: -16px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #b2b1b1; } .my-menu .account-set.active i:after { border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #b2b1b1; border-top: none; } .cart-table-ations { width: 100%; } .cart_boc { width: 100%; margin: 10px 0; } .cart_boc button { position: static; float: right; } .cart_boc + .order-now, .cart_boc + .order-now + .order-now { width: 100%; max-width: 100%; padding: 13px 0; line-height: 16px; } } @media screen and (max-width: 694px) { .order-list-wrapper { position: relative; display: inline-block; width: 100%; } .cart-table-wrapper { position: relative; width: 100%; min-height: 120px; } .order-list { border-left: none; } /* order-table page */ .order-list th, .order-list td, .order-list th *, .order-list td * { font-size: 12px; padding: 8px 5px; } .order-list .status span { display: inline-block; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .order-buttons > * { width: 100%; margin: 3px 0; } .brand-list-page .brand-list { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } .sitepage.contact .recaptcha { width: 100%; } .sitepage.contact .recaptcha .g-recaptcha { float: right; } } @media screen and (max-width: 560px) { .wishes-inline .wishes-form .product-img { width: 100%; text-align: center; } .wishes-inline .wishes-form .product-img img { width: 50%; display: inline-block; float: none; } .wishes-inline .wishes-form .description { width: 100%; } /* cart-table */ .cart-table-wrapper .cart-table > * { position: relative; display: inline-block; width: 100%; padding: 10px 15px; } .cart-table-wrapper .cart-table * { display: inline-block; } .cart-table-wrapper .cart-table .total { width: 48%; text-align: right; font-size: 18px; } .main-wrapper .cart-table-ations .total { width: 100%; margin-bottom: 20px; } .cart-table-wrapper .image { width: 100%; } .cart-table-wrapper .image a { width: 50%; margin: 0 auto; } .cart-table-wrapper .name { width: 100%; display: inline-block; max-width: 100%; text-align: center; margin-bottom: 15px; } .wishes-inline .wishes-form .product-name { text-align: center; } .cart-table .total { float: right; line-height: 34px; } .cart-table .delete-order { position: absolute; top: 10px; right: 10px; } .cart-table-ations { width: 100%; text-align: center; } .cart-table-ations .summary-orders { margin-bottom: 10px; } .cart-table-ations .order-now, .cart-table-ations .go-back-btn { width: 100%; float: none; } .cart-table-ations .go-back-btn { line-height: 16px; margin-bottom: 10px; display: inline-block; width: auto; margin-top: 10px; } .cart-table-ations .order-buttons { text-align: center; } .soc-login-form .slff { width: 100%; } .watch-list-wrapper { max-width: 340px; min-width: 300px; } } @media screen and (max-width: 480px) { /* jqueryformstyler */ .jq-selectbox__select-text { padding: 0 40px 0 36px; } /* product page */ .product-specs .pd-price, .product-specs .pd-buttons { display: inline-block; width: 50%; } .product-specs .pd-price { float: left; } .product-specs .pd-price .old-price, .product-specs .pd-price .new-price { display: block; } .product-specs .pd-price .new-price { font-size: 28px; } .product-specs .pd-buttons .p-amount { max-width: 130px; float: right; } .product-description .d-columns, .manufacturer-description .d-columns { -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; text-align: justify; } .product-specs .ps-buttons { width: 100%; } .product-specs .buy-one-click { width: 100%; } .product-specs .ps-buttons .wish { left: 135px; } .soc-share .soc-icon-w, .soc-share-caption { text-align: center; width: 100%; } .product-specs .buy-one-click input { -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; width: 100%; } .product-specs .buy-one-click button { clear: both; width: 100%; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } /* reg/log page */ .lr-form form { width: 100%; } .main-wrapper .checkout-table th.mobile-hide, .main-wrapper .checkout-table td.product-id{ display: none; } .main-wrapper .checkout-table span.product-id{ display: inline-block; padding: 0; } .checkout-table tbody tr.full-name { border-bottom: 1px solid #e7e7e7; position: relative; display: table-row; } .checkout-table tbody tr td.name { display: none; } .checkout-table tbody tr.item { border-bottom: 0 } /* order-checkout page */ .checkout-table .image a { padding: 0; } .checkout-table .name { padding: 5px; } /* article's right-panel*/ .right-panel-heading { text-align: center; margin-bottom: 10px; } .right-product-list li { width: 100%; } .right-product-list li .product * { max-width: 220px; } /* wishes list page */ .wishes-items { padding: 10px 0; } .wishes-inline .wishes-form .action-btn { top: -81px; } .wishes-inline .wishes-form .buy { width: 35px; height: 35px; line-height: 37px; } .wishes-inline .wishes-form .buy svg { width: 20px; height: 20px; } .wishes-inline .wishes-form .action-btn { width: 100%; max-width: 100%; position: static; text-align: left; padding: 0 10px; } .wishes-inline .wishes-form .not-available-action .buy { background: #b2b1b1; } /* cart-table-wrapper */ .cart-table-ations .total { display: inline-block; width: 100%; margin: 10px 0; float: none; } /* profile menu */ .my-menu li { width: 50%; } .my-menu li:nth-child(odd) { float: left; clear: left; } .my-menu li:nth-child(even) { float: right; clear: right; } /* order-table page */ .order-list .status span { display: inline-block; max-width: 70px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } /* order show page */ .order-info-wrapper .checkout-table .summary-orders td { text-align: left; } .order-info-wrapper .checkout-table .summary-orders td.total { text-align: right; white-space: normal; } /* notify page */ .notify-table .nl-item .nl-topic, .notify-table .notify-thead .topic-c { display: none; } .notify-table .nl-topic-mobile { display: table-row; border-top: none; } .notify-form .notify-table * { border-bottom: none } /* checkout order */ .checkout-w .checkout-table span.product_id, .checkout-w .checkout-table .code { display: none; } .checkout-w .checkout-table .mobile-show { display: table-cell; } /* pagination */ .pagination .current, .pagination a { margin: 0 2px !important; padding: 4px 8px !important; font-size: 19px; } .watch-list-wrapper { width: 100%; } .base .watch-list-wrapper { padding: 0 50px } .watch-list-wrapper .h2caption { width: 100%; text-align: center; } .watch-list-wrapper .owl-prev, .watch-list-wrapper .owl-next { width: 42px !important; height: 42px !important; background-position: 10px 9px !important; } .watch-list-wrapper .owl-next { background-position: -26px 9px !important; right: -47px !important; } .watch-list-wrapper .owl-prev { left: -46px !important; } /* contacts page */ .sitepage.contact form > p { width: 100%; } .sitepage.contact form > p label { float: left; } .sitepage.contact .comment-button { width: 100%; } .search-items .rating-comments .voices { float: right; } .search-items .rating-comments .comments-wrapper { padding-right: 0; clear: both; } .cart_boc { height: initial; } .cart_boc button { width: 100%; } } @media screen and (max-width: 400px) { /* order-checkout page */ .main-wrapper .checkout-table td, .main-wrapper .checkout-table td *, .main-wrapper .checkout-table td.total { font-size: 12px; } .order-show thead tr th.count-c { min-width: 10px; } .brand-list-page .brand-list { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } .g-recaptcha { -webkit-transform: scale(0.76); -ms-transform: scale(0.76); -o-transform: scale(0.76); transform: scale(0.76); -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; -o-transform-origin: 0 0 0; transform-origin: 0 0 0; display: inline-block; overflow: hidden; width: 100% !important; } .reset-pwd .reset-pwd-form .g-recaptcha { margin-left: -115px; margin-bottom: 10px; } } /* pagination */ .pagination { text-align: center; margin: 30px auto; display: inline-block; float: right; width: 100%; } .pagination .current { border: 2px solid #f6f6f6; padding: 2px 6px; color: #525368; background: #fff; font-size: 20px; padding: 7px 11px; border-radius: 4px; margin: 0 6px; -webkit-box-shadow: 0 0 2px 2px #e7e7e7; box-shadow: 0 0 2px 2px #e7e7e7; } .pagination span { color: #aeaeae; font-size: 16px; font-family: Arial; display: inline-block; } .pagination a { font-size: 22px; font-family: Arial; color: #aeaeae; background: #fff; padding: 7px 15px; border-radius: 4px; margin: 0 6px; } .pagination a:hover { text-decoration: none; color: #525368; -webkit-box-shadow: 0 0 2px 2px #e7e7e7; box-shadow: 0 0 2px 2px #e7e7e7; } .pagination a:visited { text-decoration: none; } .pagination a:active { text-decoration: none; } /* watchlist */ .h2caption { display: block; clear: both; } .watch-list-wrapper { display: block; clear: both; padding: 0 60px; } .watch-list-wrapper .owl-prev, .watch-list-wrapper .owl-next { display: inline-block; width: 48px; height: 48px; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: 50%; margin-top: -26px; border: 4px solid #99ccff; background: url("/static/css/images/sprites/arrows.3da9357308d6.png") 13px 12px no-repeat; } .watch-list-wrapper .owl-prev { left: -55px; } .watch-list-wrapper .owl-next { float: right; background-position: -22px 12px; right: -55px; } .watch-list-wrapper .item { background: #fff; display: inline-block; padding: 10px; background-clip: padding-box; border: 5px solid rgba(68, 85, 102, 0.02); -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0 10px #ececec; box-shadow: 0 0 10px #ececec; } .watch-list-wrapper .item .w-img { display: inline-block; height: 180px; width: 100%; clear: both; float: none; text-align: center; line-height: 180px; overflow: hidden; } .watch-list-wrapper .item .w-img img { margin: 0 auto; padding: 10px; display: inline-block; max-height: 180px; vertical-align: middle; width: auto; } .watch-list-wrapper .item .p-name { margin-top: 10px; height: 56px; line-height: 56px; overflow: hidden; position: relative; vertical-align: middle; display: inline-block; font-size: 14px; color: #000; font-family: "OpenSansLight", Arial, sans-serif; word-wrap: break-word; padding: 0 5px; text-align: center; display: inline-block; z-index: 55; } .watch-list-wrapper .item .p-name:hover { text-decoration: none; cursor: pointer; } .watch-list-wrapper .item .p-name > * { display: inline-block; line-height: 1; } .watch-list-wrapper .item .p-name:after { content: ""; display: inline-block; background: url("/static/css/images/hide-gradient.365e94ee5066.png") repeat-x; height: 20px; width: 100%; position: absolute; bottom: 0; left: 0; } .watch-list-wrapper .item .w-product-action { display: inline-block; width: 100%; padding: 2px 10px 0; } .watch-list-wrapper .item .w-price { display: inline-block; float: left; } .watch-list-wrapper .item .new-price, .watch-list-wrapper .item .w-price .old-price { font-family: "OpenSansLight", Arial, sans-serif; font-size: 19px; line-height: 34px; color: #b20a72; } .watch-list-wrapper .out-of-stock { float: right; display: inline-block; line-height: 15px; font-size: 13px; text-align: right; } .watch-list-wrapper .item .w-buy { position: relative; display: table-cell; vertical-align: middle; width: 32px; height: 32px; float: right; padding: 0; text-align: center; border: none; margin: 0; background: #77b3d4; -webkit-border-radius: 50%; border-radius: 50%; background-size: 70%; -webkit-transition: .15s; transition: .15s; } .watch-list-wrapper .item .w-buy:hover { cursor: pointer; background: #525367; -webkit-transition: .2s; transition: .2s; } .watch-list-wrapper .item .w-buy svg { width: 16px; height: 16px; fill: #fff; } /* 4xx 5xx */ .error-page-w { text-align: center; width: 100%; height: 500px; position: relative; display: inline-block; } .error-page-inner { position: relative; 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%); } .error-code { font-family: "OpenSansBold", Arial, sans-serif; font-size: 82px; display: inline-block; margin: 0 auto; padding: 50px 25px; margin: 15px 0; border: 6px solid #525367; } .error-code h1 { color: #525367; font-size: 18px; max-width: 380px; } .error-code * { color: #525367; } .error-page-w .err { font-family: "OpenSansRegular", Arial, sans-serif; font-size: 32px; display: block; } .error-main { padding-left: 5px; } .error-main * { font-family: "OpenSansRegular", Arial, sans-serif; font-size: 32px; text-align: left; } .error-main p { font-size: 16px; line-height: 20px; color: #525367; display: inline-block; max-width: 250px; text-align: center; font-family: "OpenSansRegular", Arial, sans-serif; } .error-page-w + footer { position: absolute; bottom: 0; } /* social-login page */ .soc-login-form .login-form-w, .soc-login-form .registr-form-w { padding: 10px; margin: 0 auto; } .soc-login-form .slff { width: 70%; margin: 15px auto; } .profile-social-list { text-align: left; } .profile-social-list .social-button { display: inline-block; } .edit-profile-form .soc-list-caption { margin: 5px 0 11px; } .sl-headline { display: block; text-align: center; font-family: "OpenSansRegular", Arial, sans-serif; font-size: 20px; margin: 30px 10px 50px; } .profile-social-list .user_social{ text-decoration: none; } .profile-social-list .add, .profile-social-list .delete-social { display: inline-block; width: 20px; height: 20px; border-radius: 50%; overflow: hidden; position: relative; top: -6px; margin-right: 5px; } .profile-social-list .add a:hover, .profile-social-list .delete-social:hover { background: #c2bbbb; -webkit-transition: .15s; -o-transition: .15s; transition: .15s; } .profile-social-list .add a { width: 100%; height: 100%; display: inline-block; background: #e8e5e5; font-family: Arial; font-size: 23px; color: #fff; text-align: center; line-height: 21px; } .profile-social-list .delete-social { background: #e8e5e5; font-family: Arial; font-size: 24px; color: #fff; text-align: center; line-height: 16px; } .profile-social-list .delete-social:hover { cursor: pointer; } .login-recaptcha { display: inline-block; width: 100%; text-align: center; } .login-recaptcha > * { display: inline-block; margin: 10px auto 15px; } .rc-anchor-normal { width: 200px !important; } .agreement-text { text-align: center; } /* reset pwd */ .reset-pwd { text-align: center; display: block; } .reset-pwd .reset-pwd-form { display: inline-block; max-width: 304px; } .reset-pwd label { margin: 0 0 12px; display: block; font-family: Arial, "OpenSansLight", Helvetica, sans-serif; font-size: 18px; color: #6b6b6b; } .reset-pwd input { margin: 0 0 14px; } .reset-pwd .g-recaptcha { margin: 10px auto 30px; position: relative; left: 50%; float: left; margin-left: -152px; display: inline-block; } .reset-pwd .submit0:hover { background: #3aab5b; color: #fff; -webkit-transition: .15s; -o-transition: .15s; transition: .15s; } div.message-info { padding: 20px; color: #0772b9; } .auth-apple, .auth-facebook, .auth-google { display: flex; align-items: center; justify-content: center; border: 1px solid #cbd3d8; border-radius: 3px; width: 100%; margin: 10px 0; padding: 12px 6px; font-size: 18px; color: #000; transition: .2s; text-decoration: none; font-weight: bold; } /* Стилі для іконок */ .auth-apple::before, .auth-facebook::before, .auth-google::before { content: ""; display: inline-block; width: 24px; height: 24px; background-size: contain; background-repeat: no-repeat; margin-right: 10px; } .auth-facebook::before { background-image: url("/static/css/images/social/facebook.6e0d4ea899f8.svg"); } .auth-google::before { background-image: url("/static/css/images/social/google.079d4ec2d55d.svg"); } .auth-apple::before { background-image: url("/static/css/images/social/apple.f76f709d3bb7.svg"); } .auth-apple:hover , .auth-facebook:hover , .auth-google:hover { background: #c9c9c9; -webkit-transition: .15s; -o-transition: .15s; transition: .15s; color: #0772b9; text-decoration: none; } .main { position: relative; } .main h1 { padding: 0 5%; } .text h2 { font-weight: bold; font-size: 20px; line-height: 24px; padding: 0; margin: 0; width: 100%; } .text .h2-center { text-align: center; width: 100%; } .main .text-date { display: inline-block; position: absolute; top: 0; right: 0; margin: 0; font-size: 16px; font-weight: bold; } .text img { padding: 0; } .text ol li{ list-style: decimal; } .article.text ul li{ list-style-type: disc; } .article.text ol li, .article.text ul li{ font-size: 18px; line-height: 20px; margin: 10px 10px 10px 20px; } .article.text ol, .article.text ul{ padding: 10px 20px; } .text ul li { margin-bottom: 10px; } .text p { margin: 10px 0; line-height: 32px; text-align: justify; } .text figure { padding: 0; display: inline-block; text-align: center; margin: 20px; max-width: 50%; } .text figure figcaption { font-size: 15px; line-height: 25px; } .text figure.image-left { float: left; margin: 10px 20px 10px 0; } .text figure.image-right { margin: 10px 0 10px 20px; float: right; } .text figure.image-left img, .text figure.image-right img { width: 100%; } .text figure.image-center, .text figure.image-wide, .text figure.video { width: 100%; max-width: 100%; margin: 0; text-align: center; } .text figure.image-center img { min-width: 50%; } .text figure.image-wide img { width: 100%; display: inline-block; } .text .quote { width: 100%; max-width: 100%; margin: 0; padding: 20px; } .text blockquote { font-size: 24px; line-height: 36px; margin: 0; } .text .quote figcaption { font-size: 16px; line-height: 15px; margin-top: 5px; } .text blockquote:before, .text blockquote:after { content: ""; display: inline-block; width: 18px; height: 18px; position: relative; left: -10px; background: url("/static/css/images/quotation-left.357c5e4100dc.svg"); background-size: 100%; } .text blockquote:after { position: relative; left: initial; right: -10px; background: url("/static/css/images/quotation-right.682d15533a67.svg"); background-size: 100%; } .text figure.video iframe, .text figure.video video { min-width: 50%; max-width: 60%; } @media screen and (max-width:768px) { .text h2, .text h3, .text h4 { text-align: center; } .main .text-date { font-size: 15px; } } @media screen and (max-width:620px) { .text p { text-align: left; } .text img, .text figure, .text iframe, .text video { width: 100%; } } /*! * Fotorama 4.6.4 | http://fotorama.io/license/ */ .fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__html,.fotorama__img,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video iframe{position:absolute;width:100%;height:100%;top:0;right:0;left:0;bottom:0}.fotorama--fullscreen,.fotorama__img{max-width:99999px!important;max-height:99999px!important;min-width:0!important;min-height:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.fotorama__wrap .fotorama__grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.fotorama__grabbing *{cursor:move;cursor:-webkit-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.fotorama__spinner{position:absolute!important;top:50%!important;left:50%!important}.fotorama__wrap--css3 .fotorama__arr,.fotorama__wrap--css3 .fotorama__fullscreen-icon,.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border,.fotorama__wrap--css3 .fotorama__video-close,.fotorama__wrap--css3 .fotorama__video-play{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__caption,.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before,.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__nav,.fotorama__wrap--css3 .fotorama__spinner,.fotorama__wrap--css3 .fotorama__stage,.fotorama__wrap--css3 .fotorama__stage .fotorama__img,.fotorama__wrap--css3 .fotorama__stage__frame{-webkit-transform:translateZ(0);transform:translateZ(0)}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus,.fotorama__nav__frame{outline:0}.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after{content:'';border-radius:inherit;background-color:rgba(0,175,234,.5)}.fotorama__wrap--video .fotorama__stage,.fotorama__wrap--video .fotorama__stage__frame--video,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,.fotorama__wrap--video .fotorama__stage__shaft{-webkit-transform:none!important;transform:none!important}.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border{transition-property:-webkit-transform,width;transition-property:transform,width;transition-timing-function:cubic-bezier(0.1,0,.25,1);transition-duration:0ms}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__no-select,.fotorama__video-close,.fotorama__video-play,.fotorama__wrap{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fotorama__select{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.fotorama__nav,.fotorama__nav__frame{margin:auto;padding:0}.fotorama__caption__wrap,.fotorama__nav__frame,.fotorama__nav__shaft{-moz-box-orient:vertical;display:inline-block;vertical-align:middle;*display:inline;*zoom:1}.fotorama__nav__frame,.fotorama__thumb-border{box-sizing:content-box}.fotorama__caption__wrap{box-sizing:border-box}.fotorama--hidden,.fotorama__load{position:absolute;left:-99999px;top:-99999px;z-index:-1}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__nav,.fotorama__nav__frame,.fotorama__nav__shaft,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video-close,.fotorama__video-play{-webkit-tap-highlight-color:transparent}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url("/static/js/fotorama/fotorama.5976ab770f04.png") no-repeat}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:2dppx){.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url("/static/js/fotorama/fotorama@2x.5d193897fa25.png") 0 0/96px 160px no-repeat}}.fotorama__thumb{background-color:#7f7f7f;background-color:rgba(127,127,127,.2)}@media print{.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__thumb-border,.fotorama__video-close,.fotorama__video-play{background:none!important}}.fotorama{min-width:1px;overflow:hidden}.fotorama:not(.fotorama--unobtrusive)>*:not(:first-child){display:none}.fullscreen{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#000}.fotorama--fullscreen{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;float:none!important;z-index:2147483647!important;background:#000;width:100%!important;height:100%!important;margin:0!important}.fotorama--fullscreen .fotorama__nav,.fotorama--fullscreen .fotorama__stage{background:#000}.fotorama__wrap{-webkit-text-size-adjust:100%;position:relative;direction:ltr;z-index:0}.fotorama__wrap--rtl .fotorama__stage__frame{direction:rtl}.fotorama__nav,.fotorama__stage{overflow:hidden;position:relative;max-width:100%}.fotorama__wrap--pan-y{-ms-touch-action:pan-y}.fotorama__wrap .fotorama__pointer{cursor:pointer}.fotorama__wrap--slide .fotorama__stage__frame{opacity:1!important}.fotorama__stage__frame{overflow:hidden}.fotorama__stage__frame.fotorama__active{z-index:8}.fotorama__wrap--fade .fotorama__stage__frame{display:none}.fotorama__wrap--fade .fotorama__fade-front,.fotorama__wrap--fade .fotorama__fade-rear,.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active{display:block;left:0;top:0}.fotorama__wrap--fade .fotorama__fade-front{z-index:8}.fotorama__wrap--fade .fotorama__fade-rear{z-index:7}.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active{z-index:9}.fotorama__wrap--fade .fotorama__stage .fotorama__shadow{display:none}.fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;border:none!important}.fotorama__error .fotorama__img,.fotorama__loaded .fotorama__img{-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,.fotorama__img--full{display:none}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full{display:block}.fotorama__wrap--only-active .fotorama__nav,.fotorama__wrap--only-active .fotorama__stage{max-width:99999px!important}.fotorama__wrap--only-active .fotorama__stage__frame{visibility:hidden}.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active{visibility:visible}.fotorama__nav{font-size:0;line-height:0;text-align:center;display:none;white-space:nowrap;z-index:5}.fotorama__nav__shaft{position:relative;left:0;top:0;text-align:left}.fotorama__nav__frame{position:relative;cursor:pointer}.fotorama__nav--dots{display:block}.fotorama__nav--dots .fotorama__nav__frame{width:18px;height:30px}.fotorama__nav--dots .fotorama__nav__frame--thumb,.fotorama__nav--dots .fotorama__thumb-border{display:none}.fotorama__nav--thumbs{display:block}.fotorama__nav--thumbs .fotorama__nav__frame{padding-left:0!important}.fotorama__nav--thumbs .fotorama__nav__frame:last-child{padding-right:0!important}.fotorama__nav--thumbs .fotorama__nav__frame--dot{display:none}.fotorama__dot{display:block;width:4px;height:4px;position:relative;top:12px;left:6px;border-radius:6px;border:1px solid #7f7f7f}.fotorama__nav__frame:focus .fotorama__dot:after{padding:1px;top:-1px;left:-1px}.fotorama__nav__frame.fotorama__active .fotorama__dot{width:0;height:0;border-width:3px}.fotorama__nav__frame.fotorama__active .fotorama__dot:after{padding:3px;top:-3px;left:-3px}.fotorama__thumb{overflow:hidden;position:relative;width:100%;height:100%}.fotorama__nav__frame:focus .fotorama__thumb{z-index:2}.fotorama__thumb-border{position:absolute;z-index:9;top:0;left:0;border-style:solid;border-color:#00afea;background-image:linear-gradient(to bottom right,rgba(255,255,255,.25),rgba(64,64,64,.1))}.fotorama__caption{position:absolute;z-index:12;bottom:0;left:0;right:0;font-family:'Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:1.5;color:#000}.fotorama__caption a{text-decoration:none;color:#000;border-bottom:1px solid;border-color:rgba(0,0,0,.5)}.fotorama__caption a:hover{color:#333;border-color:rgba(51,51,51,.5)}.fotorama__wrap--rtl .fotorama__caption{left:auto;right:0}.fotorama__wrap--no-captions .fotorama__caption,.fotorama__wrap--video .fotorama__caption{display:none}.fotorama__caption__wrap{background-color:#fff;background-color:rgba(255,255,255,.9);padding:5px 10px}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fotorama__wrap--css3 .fotorama__spinner{-webkit-animation:spinner 24s infinite linear;animation:spinner 24s infinite linear}.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__stage .fotorama__img{transition-property:opacity;transition-timing-function:linear;transition-duration:.3s}.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0}.fotorama__select{cursor:auto}.fotorama__video{top:32px;right:0;bottom:0;left:0;position:absolute;z-index:10}@-moz-document url-prefix(){.fotorama__active{box-shadow:0 0 0 transparent}}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{position:absolute;z-index:11;cursor:pointer}.fotorama__arr{position:absolute;width:32px;height:32px;top:50%;margin-top:-16px}.fotorama__arr--prev{left:2px;background-position:0 0}.fotorama__arr--next{right:2px;background-position:-32px 0}.fotorama__arr--disabled{pointer-events:none;cursor:default;*display:none;opacity:.1}.fotorama__fullscreen-icon{width:32px;height:32px;top:2px;right:2px;background-position:0 -32px;z-index:20}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus{border-radius:50%}.fotorama--fullscreen .fotorama__fullscreen-icon{background-position:-32px -32px}.fotorama__video-play{width:96px;height:96px;left:50%;top:50%;margin-left:-48px;margin-top:-48px;background-position:0 -64px;opacity:0}.fotorama__wrap--css2 .fotorama__video-play,.fotorama__wrap--video .fotorama__stage .fotorama__video-play{display:none}.fotorama__error .fotorama__video-play,.fotorama__loaded .fotorama__video-play,.fotorama__nav__frame .fotorama__video-play{opacity:1;display:block}.fotorama__nav__frame .fotorama__video-play{width:32px;height:32px;margin-left:-16px;margin-top:-16px;background-position:-64px -32px}.fotorama__video-close{width:32px;height:32px;top:0;right:0;background-position:-64px 0;z-index:20;opacity:0}.fotorama__wrap--css2 .fotorama__video-close{display:none}.fotorama__wrap--css3 .fotorama__video-close{-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--video .fotorama__video-close{display:block;opacity:1}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{opacity:0}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{opacity:1}.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--video .fotorama__fullscreen-icon{opacity:0!important}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{display:none}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{display:block}.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon{display:none!important}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus){-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus){-webkit-transform:translate3d(-48px,0,0);transform:translate3d(-48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus){-webkit-transform:translate3d(48px,0,0);transform:translate3d(48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon{-webkit-transform:translate3d(32px,-32px,0)!important;transform:translate3d(32px,-32px,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev{-webkit-transform:translate3d(-48px,0,0)!important;transform:translate3d(-48px,0,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next{-webkit-transform:translate3d(48px,0,0)!important;transform:translate3d(48px,0,0)!important}.fotorama__wrap--css3 .fotorama__arr:not(:focus),.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),.fotorama__wrap--css3 .fotorama__video-close:not(:focus),.fotorama__wrap--css3 .fotorama__video-play:not(:focus){transition-property:-webkit-transform,opacity;transition-property:transform,opacity;transition-duration:.3s}.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before{content:"";display:block;position:absolute;text-decoration:none;top:0;bottom:0;width:10px;height:auto;z-index:10;pointer-events:none;background-repeat:no-repeat;background-size:1px 100%,5px 100%}.fotorama__nav:before,.fotorama__stage:before{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent);background-position:0 0,0 0;left:-10px}.fotorama__nav.fotorama__shadows--left:before,.fotorama__stage.fotorama__shadows--left:before{left:0}.fotorama__nav:after,.fotorama__stage:after{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent);background-position:100% 0,100% 0;right:-10px}.fotorama__nav.fotorama__shadows--right:after,.fotorama__stage.fotorama__shadows--right:after{right:0}.fotorama--fullscreen .fotorama__nav:after,.fotorama--fullscreen .fotorama__nav:before,.fotorama--fullscreen .fotorama__stage:after,.fotorama--fullscreen .fotorama__stage:before,.fotorama__wrap--fade .fotorama__stage:after,.fotorama__wrap--fade .fotorama__stage:before,.fotorama__wrap--no-shadows .fotorama__nav:after,.fotorama__wrap--no-shadows .fotorama__nav:before,.fotorama__wrap--no-shadows .fotorama__stage:after,.fotorama__wrap--no-shadows .fotorama__stage:before{display:none} /* customizing styles */ .fotorama--fullscreen .fotorama__stage, .fotorama--fullscreen .fotorama__nav, .fotorama--fullscreen { background: #fff; } .fotorama-w { display: inline-block; /*height: 241px;*/ padding-right: 20px; } .fotorama { left: 0; right: 0; float: none; margin: 0 auto; /* width: 100%!important; height: 100%!important;*/ } .fotorama__stage { padding: 0px; background: #fff; background-clip: padding-box; border: 5px solid rgba(68,85,102,0.02); border-radius: 10px; } .fotorama__stage .fotorama__img { margin: 0 auto; left: 0!important; right: 0!important; } .fotorama__arr--next { right: 8px!important; background-position: -30px 0px!important; } .fotorama__arr--prev { left: 8px!important; } .fotorama__nav { margin-top: 0px; text-align: left; } .fotorama--fullscreen .fotorama__nav { text-align: center; } .fotorama--fullscreen .fotorama__nav { margin-top: 0px!important; } .fotorama__nav--thumbs .fotorama__nav__frame { padding-left: 3px!important; } .fotorama__nav--thumbs .fotorama__nav__frame:last-child { padding-left: 3px !important; } .fotorama__nav--thumbs .fotorama__nav__frame:last-child { padding-right: 9px !important; } .fotorama__nav__frame--thumb { background: #0072bc; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left, #f9afa5 , #f9afa5); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #f9afa5, #f9afa5); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #f9afa5, #f9afa5); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, #f9afa5 , #f9afa5); /* Standard syntax */ border-radius: 50%; padding: 6px 10px 6px 3px!important; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; width: 64px!important; /* Standard syntax */ height: 64px !important; margin: 5px; overflow: hidden; } .fotorama__nav__frame--thumb.fotorama__active { background: #f17e71; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left, #f17e71 , #f17e71); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #f17e71, #f17e71); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #f17e71, #f17e71); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, #f17e71 , #f17e71); /* Standard syntax */ -webkit-transition: .2s; -o-transition: .2s; transition: .2s; } .fotorama__thumb-border { display: none; } .fotorama__thumb.fotorama__loaded.fotorama__loaded--img { padding: 0px; background: #fff; border-radius: 50%; text-align: center; } .fotorama__thumb.fotorama__loaded.fotorama__loaded--img img { width: 77% !important; height: auto!important; display: inline-block; top: 50%!important; float: none; position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin: 0 auto; right: 0; left: 0!important; /* margin: auto; */ } .fotorama--fullscreen .fotorama__loaded--img img { left: 0!important; right: 0 !important; } @media screen and (max-width: 1026px) { .fotorama-w { padding-right: 0; margin-bottom: 5px; } .fotorama__nav { text-align: center; } }