hr,img,legend{border:0}.center_wrap img,.img-thumbnail{max-width:100%}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}caption,img,td,th{vertical-align:middle}html{line-height:1;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}ol,ul{list-style:none;margin:0;padding:0}caption,td,th{text-align:left;font-weight:400}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a{outline:0!important;background-color:transparent;text-decoration:none}.dropdown-toggle:focus,.open > a,a:active,a:hover{outline:0}a img{border:none}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}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}.img-thumbnail,body{background-color:#fff}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;border-radius: 0;-webkit-appearance: none;}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[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 silver;margin:0 2px;padding:.35em .625em .75em}legend{padding:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:transparent}body{margin:0;font-size:15px;line-height:1.42857143;color:#333}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}figure{margin:0}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;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;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;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}.container,.container-fluid{margin-right:auto;margin-left:auto}[role=button]{cursor:pointer}.container{padding-left:20px;padding-right:20px}@media (min-width: 768px){.container{width:750px}}@media (min-width: 992px){.container{width:970px}}@media (min-width: 1200px){.container{width:1170px}}.container-fluid{padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.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-md-1,.col-md-10,.col-md-11,.col-md-12,.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-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.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-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66667%}.col-xs-10{width:83.33333%}.col-xs-9{width:75%}.col-xs-8{width:66.66667%}.col-xs-7{width:58.33333%}.col-xs-6{width:50%}.col-xs-5{width:41.66667%}.col-xs-4{width:33.33333%}.col-xs-3{width:25%}.col-xs-2{width:16.66667%}.col-xs-1{width:8.33333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66667%}.col-xs-pull-10{right:83.33333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66667%}.col-xs-pull-7{right:58.33333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66667%}.col-xs-pull-4{right:33.33333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66667%}.col-xs-pull-1{right:8.33333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66667%}.col-xs-push-10{left:83.33333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66667%}.col-xs-push-7{left:58.33333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66667%}.col-xs-push-4{left:33.33333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66667%}.col-xs-push-1{left:8.33333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66667%}.col-xs-offset-10{margin-left:83.33333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66667%}.col-xs-offset-7{margin-left:58.33333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66667%}.col-xs-offset-4{margin-left:33.33333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66667%}.col-xs-offset-1{margin-left:8.33333%}.col-xs-offset-0{margin-left:0}@media (min-width: 768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66667%}.col-sm-10{width:83.33333%}.col-sm-9{width:75%}.col-sm-8{width:66.66667%}.col-sm-7{width:58.33333%}.col-sm-6{width:50%}.col-sm-5{width:41.66667%}.col-sm-4{width:33.33333%}.col-sm-3{width:25%}.col-sm-2{width:16.66667%}.col-sm-1{width:8.33333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66667%}.col-sm-pull-10{right:83.33333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66667%}.col-sm-pull-7{right:58.33333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66667%}.col-sm-pull-4{right:33.33333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66667%}.col-sm-pull-1{right:8.33333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66667%}.col-sm-push-10{left:83.33333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66667%}.col-sm-push-7{left:58.33333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66667%}.col-sm-push-4{left:33.33333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66667%}.col-sm-push-1{left:8.33333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66667%}.col-sm-offset-10{margin-left:83.33333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66667%}.col-sm-offset-7{margin-left:58.33333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66667%}.col-sm-offset-4{margin-left:33.33333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66667%}.col-sm-offset-1{margin-left:8.33333%}.col-sm-offset-0{margin-left:0}}@media (min-width: 992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66667%}.col-md-10{width:83.33333%}.col-md-9{width:75%}.col-md-8{width:66.66667%}.col-md-7{width:58.33333%}.col-md-6{width:50%}.col-md-5{width:41.66667%}.col-md-4{width:33.33333%}.col-md-3{width:25%}.col-md-2{width:16.66667%}.col-md-1{width:8.33333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66667%}.col-md-pull-10{right:83.33333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66667%}.col-md-pull-7{right:58.33333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66667%}.col-md-pull-4{right:33.33333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66667%}.col-md-pull-1{right:8.33333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66667%}.col-md-push-10{left:83.33333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66667%}.col-md-push-7{left:58.33333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66667%}.col-md-push-4{left:33.33333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66667%}.col-md-push-1{left:8.33333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66667%}.col-md-offset-10{margin-left:83.33333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66667%}.col-md-offset-7{margin-left:58.33333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66667%}.col-md-offset-4{margin-left:33.33333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66667%}.col-md-offset-1{margin-left:8.33333%}.col-md-offset-0{margin-left:0}}@media (min-width: 1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66667%}.col-lg-10{width:83.33333%}.col-lg-9{width:75%}.col-lg-8{width:66.66667%}.col-lg-7{width:58.33333%}.col-lg-6{width:50%}.col-lg-5{width:41.66667%}.col-lg-4{width:33.33333%}.col-lg-3{width:25%}.col-lg-2{width:16.66667%}.col-lg-1{width:8.33333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66667%}.col-lg-pull-10{right:83.33333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66667%}.col-lg-pull-7{right:58.33333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66667%}.col-lg-pull-4{right:33.33333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66667%}.col-lg-pull-1{right:8.33333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66667%}.col-lg-push-10{left:83.33333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66667%}.col-lg-push-7{left:58.33333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66667%}.col-lg-push-4{left:33.33333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66667%}.col-lg-push-1{left:8.33333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66667%}.col-lg-offset-10{margin-left:83.33333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66667%}.col-lg-offset-7{margin-left:58.33333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66667%}.col-lg-offset-4{margin-left:33.33333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66667%}.col-lg-offset-1{margin-left:8.33333%}.col-lg-offset-0{margin-left:0}}.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.row:after,.row:before{content:" ";display:table}.clearfix:after,.container-fluid:after,.container: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}.hidden,.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.affix{position:fixed}@media (max-width: 767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}.visible-xs-block{display:block!important}.visible-xs-inline{display:inline!important}.visible-xs-inline-block{display:inline-block!important}}@media (min-width: 768px) and (max-width: 991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}.visible-sm-block{display:block!important}.visible-sm-inline{display:inline!important}.visible-sm-inline-block{display:inline-block!important}}@media (min-width: 992px) and (max-width: 1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}.visible-md-block{display:block!important}.visible-md-inline{display:inline!important}.visible-md-inline-block{display:inline-block!important}}@media (min-width: 1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}.visible-lg-block{display:block!important}.visible-lg-inline{display:inline!important}.visible-lg-inline-block{display:inline-block!important}.hidden-lg{display:none!important}}@media (max-width: 767px){.hidden-xs{display:none!important}}@media (min-width: 768px) and (max-width: 991px){.hidden-sm{display:none!important}}@media (min-width: 992px) and (max-width: 1199px){.hidden-md{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}.hidden-print{display:none!important}}.caret,.caret_rotate{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-right:3px solid transparent;border-left:3px solid transparent}.caret{border-top:4px dashed}.caret_rotate{border-bottom:4px dashed}.dropdown,.dropup{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:14px;text-align:left;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);-webkit-background-clip:padding-box;background-clip:padding-box}.dropdown-menu-right,.dropdown-menu.pull-right{left:auto;right:0}.dropdown-header,.dropdown-menu > li > a{display:block;padding:3px 20px;line-height:1.42857143;white-space:nowrap}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu > li > a{clear:both;font-weight:400;color:#333}.dropdown-menu > li > a:focus,.dropdown-menu > li > a:hover{text-decoration:none;color:#262626;background-color:#f5f5f5}.dropdown-menu > .active > a,.dropdown-menu > .active > a:focus,.dropdown-menu > .active > a:hover{color:#fff;text-decoration:none;outline:0;background-color:#337ab7}.dropdown-menu > .disabled > a,.dropdown-menu > .disabled > a:focus,.dropdown-menu > .disabled > a:hover{color:#777}.dropdown-menu > .disabled > a:focus,.dropdown-menu > .disabled > a:hover{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);cursor:not-allowed}.open > .dropdown-menu{display:block}.dropdown-menu-left{left:0;right:auto}.dropdown-header{font-size:12px;color:#777}.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990}.checkbox,.radio{z-index:-1;opacity:0}.pull-right > .dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9;content:""}.checkbox + label:after,.checkbox + label:before{content:'';transition:.2s}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}.checkbox{position:absolute;margin:10px 0 0 20px}.checkbox + label{position:relative;padding:0 0 0 60px;cursor:pointer}.checkbox + label:before{position:absolute;top:-4px;left:0;width:50px;height:26px;border-radius:13px;background:#CDD1DA;box-shadow:inset 0 2px 3px rgba(0,0,0,0.2)}.checkbox + label:after{position:absolute;top:-2px;left:2px;width:22px;height:22px;border-radius:10px;background:#FFF;box-shadow:0 2px 5px rgba(0,0,0,0.3)}.checkbox:checked + label:before{background:#9FD468}.checkbox:checked + label:after{left:26px}.checkbox:focus + label:before{box-shadow:inset 0 2px 3px rgba(0,0,0,0.2),0 0 0 3px rgba(255,255,0,0.7)}.radio{position:absolute;margin:10px 0 0 7px}.radio + label{position:relative;padding:3px 0 0 35px;cursor:pointer}.radio + label:after,.radio + label:before{content:'';position:absolute}.radio + label:before{top:-1px;left:0;width:25px;height:25px;border:2px solid #cbcbcb;border-radius:50%;background:#FFF}.radio + label:after{top:5px;left:6px;width:13px;height:13px;border-radius:50%;background:#e64040;opacity:0;transition:.2s}.radio:checked + label:after{opacity:1}@media (min-width: 768px){.navbar-right .dropdown-menu{left:auto;right:0}.navbar-right .dropdown-menu-left{left:0;right:auto}}@media (min-width: 1600px){.visible-lg{display:none!important}.hidden-lg{display:block!important}table.hidden-lg{display:table}tr.hidden-lg{display:table-row!important}th.hidden-lg,td.hidden-lg{display:table-cell!important}.container{width:1530px}}.col-xl-1,.col-xxl-1,.col-xxxl-1,.col-xl-2,.col-xxl-2,.col-md-2,.col-xxxl-2,.col-xl-3,.col-xxl-3,.col-md-3,.col-xxxl-3,.col-xl-4,.col-xxl-4,.col-md-4,.col-xxxl-4,.col-xl-5,.col-xxl-5,.col-md-5,.col-xxxl-5,.col-xl-6,.col-xxl-6,.col-md-6,.col-xxxl-6,.col-xl-7,.col-xxl-7,.col-md-7,.col-xxxl-7,.col-xl-8,.col-xxl-8,.col-md-8,.col-xxxl-8,.col-xl-9,.col-xxl-9,.col-md-9,.col-xxxl-9,.col-xl-10,.col-xxl-100,.col-xxxl-10,.col-xl-11,.col-xxl-111,.col-xxxl-11,.col-xl-12,.col-xxl-122,.col-xxxl-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}@media (min-width: 1600px){.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12{float:left}.col-xl-12{width:100%}.col-xl-11{width:91.66666667%}.col-xl-10{width:83.33333333%}.col-xl-9{width:75%}.col-xl-8{width:66.66666667%}.col-xl-7{width:58.33333333%}.col-xl-6{width:50%}.col-xl-5{width:41.66666667%}.col-xl-4{width:33.33333333%}.col-xl-3{width:25%}.col-xl-2{width:16.66666667%}.col-xl-1{width:8.33333333%}.col-xl-pull-12{right:100%}.col-xl-pull-11{right:91.66666667%}.col-xl-pull-10{right:83.33333333%}.col-xl-pull-9{right:75%}.col-xl-pull-8{right:66.66666667%}.col-xl-pull-7{right:58.33333333%}.col-xl-pull-6{right:50%}.col-xl-pull-5{right:41.66666667%}.col-xl-pull-4{right:33.33333333%}.col-xl-pull-3{right:25%}.col-xl-pull-2{right:16.66666667%}.col-xl-pull-1{right:8.33333333%}.col-xl-pull-0{right:0}.col-xl-push-12{left:100%}.col-xl-push-11{left:91.66666667%}.col-xl-push-10{left:83.33333333%}.col-xl-push-9{left:75%}.col-xl-push-8{left:66.66666667%}.col-xl-push-7{left:58.33333333%}.col-xl-push-6{left:50%}.col-xl-push-5{left:41.66666667%}.col-xl-push-4{left:33.33333333%}.col-xl-push-3{left:25%}.col-xl-push-2{left:16.66666667%}.col-xl-push-1{left:8.33333333%}.col-xl-push-0{left:0}.col-xl-offset-12{margin-left:100%}.col-xl-offset-11{margin-left:91.66666667%}.col-xl-offset-10{margin-left:83.33333333%}.col-xl-offset-9{margin-left:75%}.col-xl-offset-8{margin-left:66.66666667%}.col-xl-offset-7{margin-left:58.33333333%}.col-xl-offset-6{margin-left:50%}.col-xl-offset-5{margin-left:41.66666667%}.col-xl-offset-4{margin-left:33.33333333%}.col-xl-offset-3{margin-left:25%}.col-xl-offset-2{margin-left:16.66666667%}.col-xl-offset-1{margin-left:8.33333333%}.col-xl-offset-0{margin-left:0}}.visible-xl,.visible-xxl,.visible-xxxl{display:none!important}@media (min-width: 1600px) and (max-width: 1919px){.visible-xl{display:block!important}table.visible-xl{display:table}tr.visible-xl{display:table-row!important}th.visible-xl,td.visible-xl{display:table-cell!important}}@media (min-width: 1920px) and (max-width: 2559px){.visible-xxl{display:block!important}table.visible-xxl{display:table}tr.visible-xxl{display:table-row!important}th.visible-xxl,td.visible-xxl{display:table-cell!important}}.col-xs-five,.col-sm-five,.col-md-five,.col-lg-five{position:relative;min-height:1px;padding-right:10px;padding-left:10px}.col-xs-five{width:20%;float:left}@media (min-width: 768px){.col-sm-five{width:20%;float:left}}@media (min-width: 992px){.col-md-five{width:20%;float:left}}@media (min-width: 1200px){.col-lg-five{width:20%;float:left}}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:400;line-height:1;color:#777}h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}h1,.h1{font-size:30px;font-weight:600}h2,.h2{font-size:26px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width: 768px){.lead{font-size:21px}}small,.small{font-size:85%}mark,.mark{background-color:#fcf8e3;padding:.2em}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.thumbnail > img,.thumbnail a > img{margin-right:auto;margin-left:auto}.img-responsive,.thumbnail > img,.thumbnail a > img,.carousel-inner > .item > img,.carousel-inner > .item > a > img{display:block;max-width:100%;height:auto} html,body { height:100% } .container_full { padding:0 120px } p,body { color:#222 } a { color:#969696 } a:hover { color:#222 } .h_link { margin-bottom:12px } .indent-m { padding-top:50px; padding-bottom:50px } .indent-l { padding-top:65px; padding-bottom:65px } .sub_h1 { font-size:16px; letter-spacing:.04em } .text_center { text-align:center } @media (max-width: 1400px) { .container_full { padding:0 20px; width:1080px; margin:0 auto } } @media (max-width: 1200px) { body { padding-left:0 } .container_full { width:970px } } @media (max-width: 499px) { .container{ padding-left: 10px; padding-right: 10px; } .row{ margin-left: -10px; margin-right: -10px; } } .text_block,.text_block p { font-size:15px; line-height:1.6 } .text_block p { margin-bottom:20px } .btn { font-size:14px; padding:12px 31px 15px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; text-align:center; cursor:pointer; font-weight:500; display:inline-block; -webkit-transition:background .3s ease; -moz-transition:background .3s ease; -ms-transition:background .3s ease; -o-transition:background .3s ease; transition:background .3s ease; letter-spacing:.02em; position:relative; text-decoration:none; outline:none } body .btn-no_active,body .btn-no_active:hover { background-color:#bdbdbd!important } .link { position:relative; display:inline-block; font-size:16px; color:#087cd5; text-decoration:underline } .link:hover { text-decoration:none } .pseud_link { display:inline; border-bottom:1px dotted #262626; cursor:pointer } .pseud_link:hover { border:none; margin-bottom:1px } .btn-one { color:#e72e2e; transition:all .15s ease; border:none; padding:10px 32px 12px; box-shadow:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:3px; border:2px solid #e72e2e; font-weight:600; background:none } .btn-icon { padding-left:65px } .btn-one.btn-insert { border-color:#fff; color:#fff } .btn-icon:before { content:""; position:absolute; top:13px; left:25px; margin-top:-5px; width:27px; height:24px; background:url(/views/base_template/img/sprite.png) no-repeat -75px -24px; -webkit-transition:transform .3s ease; -moz-transition:transform .3s ease; -ms-transition:transform .3s ease; -o-transition:transform .3s ease; transition:transform .3s ease } .btn-icon.btn-insert:before { background-position:-1px -76px } .btn-icon:hover:before { -moz-transform:scale(1) rotate(1deg) translateX(3px); -webkit-transform:scale(1) rotate(1deg) translateX(3px); -o-transform:scale(1) rotate(1deg) translateX(3px); -ms-transform:scale(1) rotate(1deg) translateX(3px); transform:scale(1) rotate(1deg) translateX(3px) } .btn-two { background-color:#f02828!important; font-size:13px; font-weight:600; color:#fff; letter-spacing:.2px; transition:all .15s ease; border-bottom:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:3px; border-top:0; border-right:0; border-left:0; box-shadow:none } .btn-two:hover { color:#fff; background-color:#d81c1c!important } .btn-three { background:none; font-size:14px; padding:12px 35px 14px; color:#222; letter-spacing:.2px; transition:all .15s ease; border-bottom:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; box-shadow:none; border:1px solid #f02828 } .btn-four { background-color:#222; font-size:13px; font-weight:600; color:#fff; letter-spacing:.2px; transition:all .15s ease; border-bottom:none; border-top:0; border-right:0; border-left:0; box-shadow:none } .btn-three:hover { color:#e01010; border-color:#e01010 } .btn-card { font-size:14px; padding:12px 29px 15px 65px } .input-animate::-webkit-input-placeholder { -moz-transition:ease-in .3s; -o-transition:ease-in .3s; -webkit-transition:ease-in .3s; transition:ease-in .3s; transform-origin:0 50% } .input-animate { overflow:hidden } .input-animate:focus::-webkit-input-placeholder { -moz-transform:translateX(70%); -ms-transform:translateX(70%); -webkit-transform:translateX(70%); transform:translateX(70%); opacity:0 } input:not(:disabled):not([type="submit"]),textarea { padding:12px 0; border:none; font-size:14px; outline:none; letter-spacing:.03em; border-bottom:1px solid #d5d5d5; color:#111; -webkit-transition:border .3s ease; -moz-transition:border .3s ease; -ms-transition:border .3s ease; -o-transition:border .3s ease; transition:border .3s ease; box-shadow:none; background:none } input::-webkit-input-placeholder { letter-spacing:.04em } input::-moz-placeholder { letter-spacing:.04em } input:-ms-input-placeholder { letter-spacing:.04em } input:-moz-placeholder { letter-spacing:.04em } input.placeholder_white { color:#fff!important; border-bottom:1px solid #fff!important } .placeholder_white::-webkit-input-placeholder { color:#fff } .placeholder_white::-moz-placeholder { color:#fff } .placeholder_white:-ms-input-placeholder { color:#fff } .placeholder_white:-moz-placeholder { color:#fff } .scroll_downs { position:absolute; right:0; bottom:30px; left:0; margin:auto; width:25px; height:39px; z-index:50 } .mousey { width:4px; padding:6px 10px; height:38px; border:2px solid rgba(255,255,255,0.7); border-radius:25px; opacity:.75 } .scroller { width:2px; height:8px; border-radius:25%; background-color:#fff; animation-name:scroll; animation-duration:2.2s; animation-timing-function:cubic-bezier(0.15,0.41,0.69,0.94); animation-iteration-count:infinite; position:relative; left:-1px } @keyframes scroll { 0% { opacity:0 } 10% { transform:translateY(0); opacity:1 } 100% { transform:translateY(15px); opacity:0 } } .h1 { font-size:30px; font-weight:600 } @media (max-width: 499px) { h1, .h1 { font-size:22px; } } .hamburger { padding:15px 20px 14px 0; display:inline-block; cursor:pointer; transition-property:opacity,filter; transition-duration:.15s; transition-timing-function:linear; font:inherit; color:inherit; text-transform:none; background-color:transparent; border:0; margin:0; overflow:visible } .hamburger:hover { opacity:.7 } .hamburger__box { width:28px; height:24px; display:inline-block; position:relative; vertical-align:middle } .hamburger__inner { display:block; top:50%; margin-top:-2px } .hamburger__inner,.hamburger__inner::before,.hamburger__inner::after { width:23px; height:3px; background-color:#262626; position:absolute; transition-property:transform; transition-duration:.15s; transition-timing-function:ease } .mobile_nav .hamburger__inner,.mobile_nav .hamburger__inner::before,.mobile_nav .hamburger__inner::after { background-color:#f96f13 } .mobile_nav__i-67{font-weight: 600;} .hamburger__inner::before,.hamburger__inner::after { content:""; display:block } .hamburger__inner::before { top:-7px } .hamburger__inner::after { bottom:-7px } .hamburger-squeeze .hamburger__inner { transition-duration:.075s; transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19) } .hamburger-squeeze .hamburger__inner::before { transition:top .075s .12s ease,opacity .075s ease } .hamburger-squeeze .hamburger__inner::after { transition:bottom .075s .12s ease,transform .075s cubic-bezier(0.55,0.055,0.675,0.19) } .hamburger-squeeze.is-active .hamburger__inner { transform:rotate(45deg); transition-delay:.12s; transition-timing-function:cubic-bezier(0.215,0.61,0.355,1) } .hamburger-squeeze.is-active .hamburger__inner::before { top:0; opacity:0; transition:top .075s ease,opacity .075s .12s ease } .hamburger-squeeze.is-active .hamburger__inner::after { bottom:0; transform:rotate(-90deg); transition:bottom .075s ease,transform .075s .12s cubic-bezier(0.215,0.61,0.355,1) } .mobile_nav { display: block; overflow: hidden; width: 370px; height: 100%; position: fixed; z-index: 1200; top: 0px; left: -370px; background: #222; overflow-y: auto; visibility: hidden; -webkit-transition: all .5s cubic-bezier(0.6,0,0.5,1); -moz-transition: all .5s cubic-bezier(0.6,0,0.5,1); transition: all .5s cubic-bezier(0.6,0,0.5,1); } .mobile_nav .filter_price .btn { position: relative; right: 0px; top: 0px; } .mobile_nav .filter_price__row{margin-bottom: 3px;} .mobile_nav label input{ margin-left: 5px; } .mobile_nav__row{ height: 100%; } .mobile_nav.active{ -moz-transform: translateX(100%); -webkit-transform: translateX(100%); -o-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); visibility: visible; } .mobile_nav__item { padding: 30px 30px; border-bottom: 1px solid gainsboro; } .mobile_nav__title { font-size: 15px; font-weight: 600; margin-bottom: 20px; } .mobile_nav .hamburger__box{ border-radius: 50px; border: 1px solid #adadad; width: 28px; height: 28px; } .mobile_nav .hamburger__inner{ top: 53%; left: 6px; } .mobile_nav .hamburger__inner, .mobile_nav .hamburger__inner::before, .mobile_nav .hamburger__inner::after{ width: 14px; height: 2px; } .mobile_nav ul { padding-top: 10px; background-color: #fff; } .mobile_nav ul ul{ padding-top: 0px; padding-bottom: 0px; background: #fafafa; } .mobile_nav__drop_block{ display: none; } .mobile_nav__filter.active .mobile_nav__filter_list{ display: block; } .mobile_nav__filter_list{ display: none; } .mobile_nav__filter__row.active ul{ display: block; } .mobile_nav__filter_drop{ background: #f3f3f3; } .mobile_nav__filter_drop ul{ background: #f3f3f3!important; } .mobile_nav__filter_title{ border-bottom: 1px solid #e7e7e7; } .mobile_nav__filter_title{ font-size: 13px; padding-left: 65px; padding-top: 11px; padding-bottom: 14px; border-bottom: 1px solid #e4e4e4; cursor: pointer; position: relative; } .mobile_nav__filter_title:before { content: ""; width: 7px; height: 2px; background-color: #6d6d6d; border-radius: 0px; position: absolute; left: 48px; top: 19px; } .mobile_nav__filter_title:hover{ color: #00dc66; } .mobile_nav__filter__row li a{ color: #222; display: block; padding: 12px 30px 12px 80px; text-decoration: none; display: block; font-size: 13px; border-bottom: 1px solid #e8e8e8; cursor: pointer; position: relative; } .mobile_nav__filter__row li a:hover{ color: #00dc66; } .mobile_nav__filter__row.active .mobile_nav__filter_title{ color: #00dc66; } .mobile_nav__filter__row li a:before{ content: ""; width: 5px; height: 2px; background-color: #6d6d6d; position: absolute; left: 65px; top: 20px; } .mobile_nav__li.active .mobile_nav__drop_block{ display: block; } .mobile_nav ul ul .mobile_nav__i:hover, .mobile_nav__filter_drop_click:hover{color:#00dc66;} .mobile_nav ul .mobile_nav__i:hover{ color: #4a8bda; } .mobile_nav ul ul .mobile_nav__i{ position: relative; padding-left: 65px; } .mobile_nav__i_drop_arrow { z-index: 10; position: absolute; top: 0px; right: 0; height: 100%; width: 40px; border-left: 1px solid #eeeeee; } .mobile_nav__drop_parent{position: relative;} .mobile_nav__li.active .mobile_nav__i_drop_arrow i{ transform: rotate(45deg); -webkit-transform: rotate(45deg); } .mobile_nav__i_drop_arrow i{ height: 10px; width: 10px; border: solid black; border-width: 0px 1px 1px 0; display: inline-block; padding: 0px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); margin-top: 15px; margin-left: 12px; } .mobile_nav ul ul .mobile_nav__i:before, .mobile_nav__filter_drop_click:before{ content: ""; width: 5px; height: 5px; background-color: #6d6d6d; border-radius: 5px; position: absolute; left: 50px; top: 18px; } .mobile_nav__li {position: relative;} .mobile_nav__li.active > .mobile_nav__i { /* background-color: #4a8bda; border-color:#4a8bda;*/ color:#4a8bda; } .mobile_nav__top .mobile_nav__i, .mobile_nav__filter_drop_click { color: #222; display: block; padding: 12px 30px 12px 60px; text-decoration: none; display: block; font-size: 13px; border-bottom: 1px solid #eeeeee; cursor: pointer; position: relative; } .mobile_nav__filter_drop_click{ padding-left: 65px; } .mobile_nav__top .mobile_nav__i a{ color:#222; } .mobile_nav__top .mobile_nav__i img{ position: absolute; left: 18px; top: 6px; width: 30px; } .mask { position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.4); display:none; z-index:900 } .mobile_nav .hide_show_menu { position:absolute; right:0; top:0; z-index:10 } .mobile_nav .hide_show_menu:hover .hamburger__box{ border: 1px solid #64a6f8; } .mobile_nav .hide_show_menu:hover .hamburger__inner, .mobile_nav .hide_show_menu:hover .hamburger__inner::before, .mobile_nav .hide_show_menu:hover .hamburger__inner::after{ background-color: #5aa3ff; } .mobile_nav.no_overflow{ overflow: hidden; } .mobile_nav .mobile_filter__close{ width: 100%; border-bottom: 1px solid gainsboro; position: fixed; bottom: -1px; top: auto; left: 0; text-align: center; background: #333; color:white; padding: 15px 0px 22px; } .mobile_nav .mobile_btn__close{ display: inline-block; padding: 10px 20px 12px; cursor: pointer; font-size: 14px; background-color: #f02828; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .mobile_nav .filters{ margin-bottom: 58px; overflow-y: scroll; height: 100%; } .hide_show_menu { display:none; } .mobile_nav__list a { font-size:44px; text-transform:uppercase; color:#fff; font-family:UniSans; height:100% } .mobile_nav__contact { color:#222; text-align:left; padding:20px 20px 20px 30px; background:#222 } .mobile_nav__contact ul { background:#222 } .mobile_nav__contact ul a { color:#868686; font-weight:400; padding:12px 20px; font-size:13px; padding-top: 7px; padding-bottom: 7px; display: block; } .mobile_nav__phone { margin-bottom:20px; margin-top:72px } .mobile_nav__phone_item { font-weight:600; font-size:16px; margin-bottom:12px } .mobile_nav__phone_item span { font-size:13px; font-weight:400; display:block; margin-top:4px } .mobile_nav__address { font-size:15px; font-weight:400; margin-bottom:40px } @media (min-width: 1200px) { .mobile_nav,.mask { display:none!important } } @media (max-width: 1200px) { .hide_show_menu { display:inline-block } } @media (max-width: 600px) { .mobile_nav { width:100%; left:-100% } } .toggle_btn-style { background-color:#eaf7fd; padding:15px 70px 15px 25px; position:relative; font-weight:600; font-size:14px; color:#404040; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; -ms-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; position:relative } .toggle_item.active .toggle_btn-style:before { -moz-transform:scale(1) rotate(-180deg); -webkit-transform:scale(1) rotate(-180deg); -o-transform:scale(1) rotate(-180deg); -ms-transform:scale(1) rotate(-180deg); transform:scale(1) rotate(-180deg) } .toggle_btn-style:before { content:""; right:20px; top:21px; background:url(/views/base_template/img/toggle_target.png) no-repeat 0 0; width:16px; height:10px; position:absolute } .toggle_btn-style span { font-weight:600; border-bottom:1px dotted #4d4d4d } .toggle_btn-style:hover { cursor:pointer } .toggle_btn-style:hover span,.toggle_item.active .toggle_btn-style span { border-bottom:none; margin-bottom:1px } .toggle_btn-style:hover i { border-left:7px solid #fff } .toggle_btn-style i { width:0; height:0; border-top:4px solid transparent; border-left:7px solid #4d4d4d; display:block; border-bottom:4px solid transparent; position:absolute; top:20px; right:30px; -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg) } .toggle_target { display:none } .cart .toggle_btn-style { font-weight:400; background-color:transparent } .toggle_target-style { -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; padding:23px 28px; background:#fff } .toggle_item-style { margin-bottom:10px } .toggle_item-style.active i { -moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -o-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg) } .toggle_item-style.active .toggle_target { display:block } #return-to-top { position:fixed; bottom: 30px; left: 30px; background:#000; background:rgba(0,0,0,0.3); width:47px; height:47px; display:block; text-decoration:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; display:none; -webkit-transition:all .3s linear; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; z-index:100 } #return-to-top i { color:#fff; margin:0; position:relative; left:18px; top:-9px; font-size:19px; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:11px solid #fff } #return-to-top:hover { background:rgba(0,0,0,0.9) } @media screen and (max-width: 420px) { #return-to-top { left: 0!important; bottom: 15px!important; right: 0; margin: auto; } } .table__wrap { display:table; width:100% } .table__tr { display:table-row } .table__td { display:table-cell } .quantity { display:inline-block } .quantity input { width:80px; height:34px; line-height:1.65; padding:0; margin:0; padding-left:20px!important; text-align:center; padding-right:5px!important } .quantity input:focus { outline:0 } .quantity-nav { position:relative; height:0; width:100% } .quantity-button { position:relative; cursor:pointer; border-left:1px solid #eee; width:20px; text-align:center; color:#333; font-size:13px; line-height:1.7 } .quantity-button.quantity-up { position:absolute; height:32px; bottom:0; border-bottom:1px solid #e7e7e7; background:#d8d8d8; padding-top:3px; right:0 } .quantity-button.quantity-down { position:absolute; height:32px; border-bottom:1px solid #e7e7e7; bottom:0; background:#d8d8d8; padding-top:3px; left:0 } .quantity_status-yes { font-size:13px; color:#65c410; padding-left:15px } .quantity_status-no { font-size:13px; color:#e70000; padding-left:15px } .close_btn { position:absolute; left:-10px; top:-10px; width:23px; height:23px; background-color:#333; -webkit-border-radius:20px 20px 20px 20px; border-radius:20px 20px 20px 20px } .close_btn:hover { background-color:#f02828; cursor:pointer } .close_btn:before,.close_btn:after { position:absolute; left:15px; content:' '; height:12px; width:3px; background-color:#fff; top:5px; left:10px } .close_btn:before { transform:rotate(45deg) } .close_btn:after { transform:rotate(-45deg) } .pulse-box { position:fixed; z-index:1000; left:-2px; bottom:30px } svg.pulse-svg { overflow:visible } svg.pulse-svg .first-circle,svg.pulse-svg .second-circle,svg.pulse-svg .third-circle { fill:#ff0062; transform:scale(.5); transform-origin:center center; animation:pulse-me 3s linear infinite } svg.pulse-svg .second-circle { animation-delay:1s } svg.pulse-svg .third-circle { animation-delay:2s } .pulse-css { width:47px; height:47px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; position:relative; cursor:pointer; display:block; background-size:23px } .pulse-css img { z-index:10; width:21px; left:13px; top:11px; position:relative } a.pulse-mob-css { display:none } a.pulse-desk-css { display:none } @media only screen and (max-width:420px) { a.pulse-mob-css { display:block!important } .pulse-box { left:15px; bottom:15px } } @-webkit-keyframes fstAnimationEnter { from { opacity:0; -webkit-transform:translate3d(0,-1em,0) } to { opacity:1; -webkit-transform:translate3d(0,0,0) } } @-moz-keyframes fstAnimationEnter { from { opacity:0; -moz-transform:translate3d(0,-1em,0) } to { opacity:1; -moz-transform:translate3d(0,0,0) } } @keyframes fstAnimationEnter { from { opacity:0; -webkit-transform:translate3d(0,-1em,0); -moz-transform:translate3d(0,-1em,0); -ms-transform:translate3d(0,-1em,0); -o-transform:translate3d(0,-1em,0); transform:translate3d(0,-1em,0) } to { opacity:1; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } } .fstElement { display:inline-block; position:relative; border:1px solid #D7D7D7; box-sizing:border-box; color:#232323; font-size:1.1em; background-color:#fff } .fstElement > select,.fstElement > input { position:absolute; left:-999em } .fstToggleBtn { font-size:14px; font-weight:400; background:#f6f6f6; display:block; position:relative; box-sizing:border-box; padding:.71429em 1.42857em .71429em .71429em; min-width:14.28571em; cursor:pointer } .fstToggleBtn:after { position:absolute; content:""; right:.71429em; top:50%; margin-top:-.17857em; border:.35714em solid transparent; border-top-color:#cacaca } .fstQueryInput { -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none; outline:none; box-sizing:border-box; background:transparent; border:0 } .fstResults { position:absolute; left:-1px; top:100%; right:-1px; max-height:30em; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; border:1px solid #D7D7D7; border-top:0; background-color:#FFF; display:none } .fstResultItem { font-size:14px; display:block; padding:10px 20px; margin:0; cursor:pointer; border-top:1px dotted #e7e7e7 } .fstResultItem:hover { background:#f3f3f3 } .fstResultItem.fstUserOption { color:#707070 } .fstResultItem.fstFocused { color:#fff; background-color:#43A2F3; border-color:#73baf6 } .fstResultItem.fstSelected { color:#fff; background-color:#2694f1; border-color:#73baf6 } .fstGroupTitle { font-size:1.4em; display:block; padding:.5em .71429em; margin:0; font-weight:700 } .fstGroup { padding-top:1em } .fstGroup:first-child { padding-top:0 } .fstNoResults { font-size:14px; display:block; padding:.71429em; margin:0; color:#999 } .fstSingleMode .fstControls { position:absolute; left:-1px; right:-1px; top:100%; padding:.5em; border:1px solid #D7D7D7; background-color:#fff; display:none } .fstSingleMode .fstQueryInput { font-size:14px; display:block; width:100%; padding:.5em .35714em; color:#999; border:1px solid #D7D7D7 } .fstSingleMode.fstActive { z-index:100 } .fstSingleMode.fstActive.fstElement,.fstSingleMode.fstActive .fstControls,.fstSingleMode.fstActive .fstResults { box-shadow:0 .2em .2em rgba(0,0,0,0.1) } .fstSingleMode.fstActive .fstControls { display:block } .fstSingleMode.fstActive .fstResults { display:block; z-index:10; margin-top:-1px } .fstChoiceItem { display:inline-block; font-size:14px; position:relative; margin:0 .41667em .41667em 0; padding:.33333em .33333em .33333em 1.5em; float:left; border-radius:.25em; border:1px solid #43A2F3; cursor:auto; color:#fff; background-color:#43A2F3; -webkit-animation:fstAnimationEnter .2s; -moz-animation:fstAnimationEnter .2s; animation:fstAnimationEnter .2s } .fstChoiceItem.mod1 { background-color:#F9F9F9; border:1px solid #D7D7D7; color:#232323 } .fstChoiceItem.mod1 > .fstChoiceRemove { color:#a4a4a4 } .fstChoiceRemove { margin:0; padding:0; border:0; cursor:pointer; background:none; font-size:1.16667em; position:absolute; left:0; top:50%; width:1.28571em; line-height:1.28571em; margin-top:-.64286em; text-align:center; color:#fff } .fstChoiceRemove::-moz-focus-inner { padding:0; border:0 } .fstMultipleMode .fstControls { box-sizing:border-box; padding:.5em .5em 0; overflow:hidden; width:20em; cursor:text } .fstMultipleMode .fstQueryInput { font-size:15px; float:left; padding:.28571em 0; margin:0 0 .35714em; width:2em; color:#999 } .fstMultipleMode .fstQueryInputExpanded { float:none; width:100%; padding:.28571em .35714em } .fstMultipleMode .fstFakeInput { font-size:1.4em } .fstMultipleMode.fstActive,.fstMultipleMode.fstActive .fstResults { box-shadow:0 .2em .2em rgba(0,0,0,0.1) } .fstMultipleMode.fstActive .fstResults { display:block; z-index:10; border-top:1px solid #D7D7D7 } .chat_widget { position:fixed; z-index:100; right:25px; bottom:24px } .chat_widget__btn { cursor:pointer; background-color:#e72e2e; height:60px; width:60px; border:0; border-radius:50%; display:flex; justify-content:center; align-items:center; box-shadow:rgba(0,0,0,0.2) 0 0 20px; margin-top:5px } .chat_widget__btn img { width:35px } .chat_widget__list { display:none } .chat_widget.active .chat_widget__list { display:block } .chat_widget .viber { width:35px; height:35px; background:url(/views/base_template/img/chat/viber.svg) no-repeat center } .chat_widget .ms { width:35px; height:35px; background:url(/views/base_template/img/chat/ms.svg) no-repeat center } .chat_widget .chat { width:35px; height:35px; background:url(/views/base_template/img/chat/chat.svg) no-repeat center } .chat_widget__btn.active .chat { background:url(/views/base_template/img/chat/close.svg) no-repeat center } @media screen and (max-width: 767px) { .chat_widget { right:14px; bottom:14px } } /*===== heart animate =====*/ .textcontainer{ position: absolute; top: 70px; left:0; width: 100%; height: 100%; } .textcontainer .particletext{ height: 100%; } body .particletext { position: relative; } body .particletext.bubbles > .particle { opacity: 0; position: absolute; background-color: rgba(33, 150, 243, 0.5); -webkit-animation: bubbles 3s ease-in infinite; animation: bubbles 3s ease-in infinite; border-radius: 100%; } body .particletext.hearts > .particle, body .particletext.hearts2 > .particle { opacity: 0; position: absolute; background-color: #ee0f0f; -webkit-animation: hearts 3s ease-in infinite; animation: hearts 3s ease-in infinite; } body .particletext.hearts > .particle:before, body .particletext.hearts > .particle:after, body .particletext.hearts2 > .particle:before, body .particletext.hearts2 > .particle:after { position: absolute; content: ''; border-radius: 100px; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #ee0f0f; } body .particletext.hearts > .particle:before, body .particletext.hearts2 > .particle:before { -webkit-transform: translateX(-50%); transform: translateX(-50%); } body .particletext.hearts > .particle:after, body .particletext.hearts2 > .particle:after { -webkit-transform: translateY(-50%); transform: translateY(-50%); } body .particletext.lines > .particle { position: absolute; background-color: rgba(244, 67, 54, 0.5); -webkit-animation: lines 3s linear infinite; animation: lines 3s linear infinite; } body .particletext.confetti > .particle { opacity: 0; position: absolute; -webkit-animation: confetti 3s ease-in infinite; animation: confetti 3s ease-in infinite; } body .particletext.confetti > .particle.c1 { background-color: rgba(76, 175, 80, 0.5); } body .particletext.confetti > .particle.c2 { background-color: rgba(156, 39, 176, 0.5); } body .particletext.fire > .particle { position: absolute; background-color: rgba(255, 193, 7, 0.5); border-radius: 40px; border-top-right-radius: 0px; -webkit-animation: fires 0.8s linear infinite; animation: fires 0.8s linear infinite; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } body .particletext.fire > .particle:before { position: absolute; content: ''; top: 60%; left: 40%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 50%; height: 50%; border-radius: 40px; border-top-right-radius: 0px; background-color: rgba(251, 140, 0, 0.5); } body .particletext.sunbeams > .particle { position: absolute; background-color: rgba(253, 216, 53, 0.5); -webkit-animation: sunbeams 3s linear infinite; animation: sunbeams 3s linear infinite; } @-webkit-keyframes bubbles { 0% { opacity: 0; } 20% { opacity: 1; -webkit-transform: translate(0, -20%); transform: translate(0, -20%); } 100% { opacity: 0; -webkit-transform: translate(0, -1000%); transform: translate(0, -1000%); } } @keyframes bubbles { 0% { opacity: 0; } 20% { opacity: 1; -webkit-transform: translate(0, -20%); transform: translate(0, -20%); } 100% { opacity: 0; -webkit-transform: translate(0, -1000%); transform: translate(0, -1000%); } } @-webkit-keyframes hearts { 0% { opacity: 0; -webkit-transform: translate(0, 0%) rotate(45deg); transform: translate(0, 0%) rotate(45deg); } 20% { opacity: 0.8; -webkit-transform: translate(0, -20%) rotate(45deg); transform: translate(0, -20%) rotate(45deg); } 100% { opacity: 0; -webkit-transform: translate(0, -1000%) rotate(45deg); transform: translate(0, -1000%) rotate(45deg); } } @keyframes hearts { 0% { opacity: 0; -webkit-transform: translate(0, 0%) rotate(45deg); transform: translate(0, 0%) rotate(45deg); } 20% { opacity: 0.8; -webkit-transform: translate(0, -20%) rotate(45deg); transform: translate(0, -20%) rotate(45deg); } 100% { opacity: 0; -webkit-transform: translate(0, -1000%) rotate(45deg); transform: translate(0, -1000%) rotate(45deg); } } @-webkit-keyframes lines { 0%, 50%, 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } 25% { -webkit-transform: translateY(100%); transform: translateY(100%); } 75% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes lines { 0%, 50%, 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } 25% { -webkit-transform: translateY(100%); transform: translateY(100%); } 75% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @-webkit-keyframes confetti { 0% { opacity: 0; -webkit-transform: translateY(0%) rotate(0deg); transform: translateY(0%) rotate(0deg); } 10% { opacity: 1; } 35% { -webkit-transform: translateY(-800%) rotate(270deg); transform: translateY(-800%) rotate(270deg); } 80% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(2000%) rotate(1440deg); transform: translateY(2000%) rotate(1440deg); } } @keyframes confetti { 0% { opacity: 0; -webkit-transform: translateY(0%) rotate(0deg); transform: translateY(0%) rotate(0deg); } 10% { opacity: 1; } 35% { -webkit-transform: translateY(-800%) rotate(270deg); transform: translateY(-800%) rotate(270deg); } 80% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(2000%) rotate(1440deg); transform: translateY(2000%) rotate(1440deg); } } @-webkit-keyframes fires { 0% { -webkit-transform: rotate(-70deg) translateY(0%); transform: rotate(-70deg) translateY(0%); } 25% { -webkit-transform: rotate(-20deg) translateY(-5%); transform: rotate(-20deg) translateY(-5%); opacity: 1; } 50% { -webkit-transform: rotate(-70deg) translateY(-10%); transform: rotate(-70deg) translateY(-10%); } 75% { -webkit-transform: rotate(-20deg) translateY(-20%); transform: rotate(-20deg) translateY(-20%); } 100% { -webkit-transform: rotate(-70deg) translateY(-40%); transform: rotate(-70deg) translateY(-40%); opacity: 1; } } @keyframes fires { 0% { -webkit-transform: rotate(-70deg) translateY(0%); transform: rotate(-70deg) translateY(0%); } 25% { -webkit-transform: rotate(-20deg) translateY(-5%); transform: rotate(-20deg) translateY(-5%); opacity: 1; } 50% { -webkit-transform: rotate(-70deg) translateY(-10%); transform: rotate(-70deg) translateY(-10%); } 75% { -webkit-transform: rotate(-20deg) translateY(-20%); transform: rotate(-20deg) translateY(-20%); } 100% { -webkit-transform: rotate(-70deg) translateY(-40%); transform: rotate(-70deg) translateY(-40%); opacity: 1; } } @-webkit-keyframes sunbeams { 0% { -webkit-transform: translateY(40%) rotate(0deg); transform: translateY(40%) rotate(0deg); } 50% { -webkit-transform: translateY(-40%) rotate(180deg); transform: translateY(-40%) rotate(180deg); } 100% { -webkit-transform: translateY(40%) rotate(360deg); transform: translateY(40%) rotate(360deg); } 0%,14%,17%,43%,53%,71%,80%,94%,100% { opacity: 0; } 6%,15%,24%,28%,48%,55%,78%,82%,99% { opacity: 1; } } @keyframes sunbeams { 0% { -webkit-transform: translateY(40%) rotate(0deg); transform: translateY(40%) rotate(0deg); } 50% { -webkit-transform: translateY(-40%) rotate(180deg); transform: translateY(-40%) rotate(180deg); } 100% { -webkit-transform: translateY(40%) rotate(360deg); transform: translateY(40%) rotate(360deg); } 0%,14%,17%,43%,53%,71%,80%,94%,100% { opacity: 0; } 6%,15%,24%,28%,48%,55%,78%,82%,99% { opacity: 1; } } @media (max-width: 767px){ .textcontainer{ top: 0px; } .particletext { opacity: 0.7; } } .slide a{position: relative;z-index: 10;display: block;} .slide .textcontainer .particletext{ display: block; height: 100%; width: 100%; } .slide .textcontainer{ top: 0;} /*===== heart animate =====*/ .header { height: 110px; padding-top: 28px; position: relative; } /*===== h_head =====*/ .h_head { margin: 25px 0 20px; text-align: left; color:white; background-repeat: no-repeat; background-position: center; background-size: cover; } .h_head .breadcrumbs{padding: 0;} .h_head h1{ color: #222; font-size: 35px; letter-spacing: 0.04em; margin-top: 0px; } @media (max-width: 450px) { .h_head{margin: 20px 0;} } @media (max-width: 800px) { .h_head h1{ font-size: 28px} } /*===== h_head =====*/ /*===== head =====*/ .logo__link, .logo__slogan{ display: inline-block; vertical-align: middle; } .logo__slogan{ padding-left: 20px; margin-left: 20px; border-left: 1px solid #e4e4e4; letter-spacing: 0.06em; padding-top: 4px; padding-bottom: 5px; color: #969696; font-size: 13px; line-height: 1.5em; } .phone_in{ display: inline-block; text-align: center; } .phone__number{ font-size: 17px; color:#222; font-weight: 600; } .phone__btn{ color:#969696; font-size: 13px; letter-spacing: 0.02em; display: inline-block; border-bottom: 1px dotted #969696; } .phone__btn:hover{ border-bottom: none; color: #333333; } .basket{ margin-top: 5px; } .basket:hover .basket__title{ color: #e91919; } .basket:hover .basket_info__count{ -moz-transform: translateY(-5px); -webkit-transform: translateY(-5px); -o-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } .basket svg{ width: 38px; height: 33px; display: inline-block; float: left; margin-right: 15px; position: relative; top: 3px; display: block; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .basket:hover svg{ fill:#e72e2e; } .basket__info{ letter-spacing: 0.04em; font-size: 14px; color:#969696; } .basket__title{ font-size: 17px; color:#222; font-weight: 600; margin-top: 10px; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -ms-transition: color 0.2s ease; -o-transition: color 0.2s ease; transition: color 0.2s ease; } .basket_info__js{ display: none; font-size: 14px; font-weight: 400; color: #656565; } .basket_info__count{ width: 20px; height: 20px; padding-top: 4px; background-color: #e72e2e; font-size: 10px; color: white; font-weight: 600; position: absolute; text-align: center; z-index: 10; left: 38px; top: 3px; border-radius: 20px; display: none; -webkit-transition: transform 0.35s ease; -moz-transition: transform 0.35s ease; -ms-transition: transform 0.35s ease; -o-transition: transform 0.35s ease; transition: transform 0.35s ease; } .basket_info__count.active{ display: block; } .basket_info__sum{ display: none; } .basket-mob{ display: none; flex-grow: 0; flex-shrink: 0; position: relative; } .basket__count{ width: 20px; height: 20px; padding-top: 4px; background-color: #e72e2e; font-size: 10px; color: white; font-weight: 600; position: absolute; text-align: center; z-index: 10; left: 38px; top: 3px; display: none; border-radius: 20px; } .basket__count.active{ display: block; } .basket-mob i{ margin-right: 0; margin-left: 15px; float: none; } .search__btn{ width: 40px; height: 44px; outline: none; background-color: #333333; border: none; position: absolute; right: 0px; left: auto; top: 0px; } .search__btn:hover{ background-color: #494949; } .search__btn img{ width: 25px; height: 24px; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .search__input{ outline: none; border: none; border: 1px solid #e8e8e8!important; padding-bottom: 10px; width: 100%; padding: 11px 15px!important; } .search { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; flex-grow: 1; flex-shrink: 1; padding-left: 10px; } .search__clear_btn{ position: absolute; width: 25px; height: 25px; top: 9px; right: 50px; display: none; z-index: 10; cursor: pointer; } .search__clear_btn:hover{ fill: #e7102f; } .search__clear_btn.active{display: block;} .search__form{ display: inline-block; position: relative; flex-grow: 1; flex-shrink: 1; width: 100px; } .search__form:hover input:not(:disabled):not([type="submit"]), textarea, .search__form input:not(:disabled):not([type="submit"]):focus{ border-color: #e78b10!important; background-color: #fffef8; } .search-mob{ text-align: left; display: none; padding-left: 114px; } .search__popup { display: none; float: right; } .search__popup i{ width: 32px; height: 33px; background: url(/views/base_template/img/search.svg) no-repeat; float: right; position: relative; top: 6px; } .ui-widget-content.ui_search__ul{ background: #f0f0f0!important; color: #333333!important; z-index: 900!important; padding: 20px 30px!important; } .ui_search__title{font-weight: 600;} .ui-menu .ui-menu-item-wrapper{padding: 5px 10px!important; margin: 0px!important;} .ui-menu .ui-menu-item-wrapper:hover{padding: 5px 10px!important; margin: 0px!important;} .nav-mob .hamburger__box{margin-right: 10px;} .nav-mob{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; align-items: center; } nav.container_xl{ padding-left: 20px; padding-right: 20px; } .lang{ position: absolute; top: 0; right: 0; } .lang a{ display: inline-block; padding: 1px 10px 4px; background-color: #eaeaea; font-size: 14px; letter-spacing: 0.04em; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .logo img{ width: 200px; position: relative; z-index: 100; } body .nav-mob_btn{ background-color: #333; color: white; text-transform: uppercase; letter-spacing: 0.02em; padding: 12px 22px 12px 18px; width: 140px; font-weight: 600; cursor: pointer; } @media (max-width: 1599px) { .logo__slogan { display: none; } } @media (max-width: 1199px) { .search-mob{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; padding-left: 10px; } } @media (max-width: 767px) { .phone {text-align: right;} .fix_block .basket-mob {display: block;} .search__popup { display: block; margin-top: 0px; } .header{ height: 105px; } } @media (max-width: 499px) { body .container_xl{ padding-left: 10px; padding-right: 10px; } body .nav-mob_btn { padding: 8px 8px 8px 8px; width: 93px; font-size: 11px; } .search__input { padding: 9px 13px!important; } .search__btn{ height: 39px; background-position: 10px 9px; } .hamburger__box{width: 25px;} .nav-mob .hamburger__box{margin-right: 5px;} .hamburger__inner, .hamburger__inner::before, .hamburger__inner::after{width: 14px!important;} .nav-mob .hamburger__box{margin-right: 0px;} .hamburger__inner::before {top: -4px;} .hamburger__inner::after {bottom: -4px;} } @media (max-width: 420px) { .phone__btn { font-size: 13px;} .logo {width: 100%; text-align: center;} .phone{ display: none; } .header{padding-top: 20px; height: 90px;} .search-mob .search__clear_btn{ right: 7px; top: 7px; background-color: #333333; } .search-mob .search__clear_btn svg{fill:white;} } /*===== head =====*/ /*===== nav__main =====*/ .nav{ padding-left: 260px; position: relative; } .nav__main{ border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; width: 100%; position: relative; z-index: 103; } .nav__main > li{ display: inline-block; } .nav__main a{ font-size: 14px; color: #252525; padding: 17px 30px 19px; display: inline-block; font-weight: 400; text-decoration: none; -webkit-transition: color 0.15s ease; -moz-transition: color 0.15s ease; -ms-transition: color 0.15s ease; -o-transition: color 0.15s ease; transition: color 0.15s ease; position: relative; letter-spacing: 0.04em; } /*.nav__main a:before{ width: 100%; height: 1px; position: absolute; top: -1px; left: 0; content:""; -webkit-transition:background-color 0.1s ease; -moz-transition:background-color 0.1s ease; -ms-transition:background-color 0.1s ease; -o-transition:background-color 0.1s ease; transition: background-color 0.1s ease; } .nav__main a:after{ width: 100%; height: 1px; position: absolute; bottom: -1px; left: 0; content:""; -webkit-transition:background-color 0.1s ease; -moz-transition:background-color 0.1s ease; -ms-transition:background-color 0.1s ease; -o-transition:background-color 0.1s ease; transition: background-color 0.1s ease; } .nav__main a:hover:before, .nav__main a:hover:after{ background-color:#f2272b; }*/ .nav__main a:hover{ color:#f2272b; } .nav__catalog{ position: absolute; left: 0; width: 100%; } .nav__catalog:hover .hamburger__inner::after{ -moz-transform: scale(1) translateX(3px); -webkit-transform: scale(1) translateX(3px); -o-transform: scale(1) translateX(3px); -ms-transform: scale(1) translateX(3px); transform: scale(1) translateX(3px); } .nav__catalog:hover .hamburger__inner::before{ -moz-transform: scale(1) translateX(-4px); -webkit-transform: scale(1) translateX(-4px); -o-transform: scale(1) translateX(-4px); -ms-transform: scale(1) translateX(-4px); transform: scale(1) translateX(-4px); } .nav__catalog_btn{ background-color: #333; color: white; text-transform: uppercase; letter-spacing: 0.02em; padding: 17px 25px 17px 35px; width: 220px; font-weight: 600; cursor: pointer; font-size:14px; display: block; } .nav__catalog_btn .hamburger__inner::before { top: -6px; left: -4px; } .nav__catalog_btn .hamburger__inner::after { bottom: -6px; left: 3px; } .nav__catalog_btn .hamburger__inner{width: 16px;} .nav__catalog_btn:hover{color:white;} .nav__catalog_drop { position: absolute; top: 58px; left: 0; width: 260px; background: white; z-index: 10; padding: 10px 35px 30px 35px; z-index: 102; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.15s ease; -moz-transition: opacity 0.15s ease; -ms-transition: opacity 0.15s ease; -o-transition: opacity 0.15s ease; transition: opacity 0.15s ease; opacity: 1; -webkit-box-shadow: 0px 6px 17px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 6px 17px 0px rgba(0,0,0,0.2); box-shadow: 0px 6px 17px 0px rgba(0,0,0,0.2); height: 600px; overflow-y: auto; } .nav__catalog_drop ul ul{ border-bottom: 1px dotted #dedede; margin-left: 10px; } .nav__catalog_drop ul ul a{ font-weight: 400; } .nav__catalog_drop::-webkit-scrollbar { width: 10px; } /* Track */ .nav__catalog_drop::-webkit-scrollbar-track { background: #f1f1f1; } /* Handle */ .nav__catalog_drop::-webkit-scrollbar-thumb { background: #888; } /* Handle on hover */ .nav__catalog_drop::-webkit-scrollbar-thumb:hover { background: #555; } .nav__catalog_drop li {list-style: none;} .nav__catalog--parent.active .nav__catalog--droping{ visibility: visible; } .nav__catalog_drop a{ font-size: 13px; font-weight: 600; padding: 9px 0; display: block; color:#222; border-bottom: 1px dotted #dedede; letter-spacing: 0.03em; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -ms-transition: color 0.2s ease; -o-transition: color 0.2s ease; transition: color 0.2s ease; } .nav__catalog_drop a:hover{ color:#f12020; } .nav__catalog_drop_item{ padding-right: 50px; padding-bottom: 20px; } .nav__catalog_drop ul li:last-child a{ border: none; } .nav__drop_container{ position: relative; } .nav__drop_container:before{ content: ""; width: 100%; height: 100%; position: absolute; background: rgba(34, 34, 34, 0.3); visibility: hidden; z-index: 101; opacity: 0; -webkit-transition: opacity 0.15s ease; -moz-transition: opacity 0.15s ease; -ms-transition: opacity 0.15s ease; -o-transition: opacity 0.15s ease; transition: opacity 0.15s ease; } .nav__drop_container.active:before{ visibility: visible; opacity: 1; } .nav__catalog_btn .hamburger__inner:after{ width: 11px; left: 5px; } @media (max-width: 1599px) { .nav { padding-left: 240px; } .nav__catalog_btn{ padding: 17px 25px 17px 23px;} .nav__main{ display: flex; flex-wrap: wrap; justify-content: space-around; } .nav__main a{padding: 18px 11px;font-size: 13px;} } /*===== nav__main =====*/ .menu_itemid_3 > a:before{ content: ""; width: 24px; height: 24px; position: absolute; top: 3px; left: 17px; opacity: 0.7; background: url(/user/upload/files/nav/new.svg) no-repeat center; } .menu_itemid_2 > a:before, .menu_itemid_5 > a:before{ content: ""; width: 24px; height: 24px; position: absolute; top: 3px; left: 17px; opacity: 0.7; background: url(/user/upload/files/nav/sale.svg) no-repeat center; } .menu_itemid_5 a { font-weight: 600; color: #e80000!important; } .menu_itemid_5 a:hover{ color: #e80000!important; } .menu_itemid_79890 > a:before{ content: ""; width: 24px; height: 24px; position: absolute; top: 3px; left: 17px; opacity: 0.7; background: url(/user/upload/files/nav/present.svg) no-repeat center; } .mobile_nav__top .menu_itemid_79890 > a:before, .mobile_nav__top .menu_itemid_2 > a:before, .mobile_nav__top .menu_itemid_3 > a:before{ top: 8px; left: 23px; } .nav__wide_drop_menu { position: absolute; top: 56px; left: 0; width: 100%; background: white; padding: 0px; z-index: 102; visibility: hidden; -webkit-transition: opacity 0.15s ease; -moz-transition: opacity 0.15s ease; -ms-transition: opacity 0.15s ease; -o-transition: opacity 0.15s ease; transition: opacity 0.15s ease; opacity: 1; -webkit-box-shadow: 0px 6px 17px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 6px 17px 0px rgba(0,0,0,0.2); box-shadow: 0px 6px 17px 0px rgba(0,0,0,0.2); display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; padding: 30px 20px 30px; } .wide_drop_menu__link{ padding-top: 7px; padding-bottom: 7px; display: block; position: relative; padding-left: 55px; font-size: 14px; cursor: pointer; color: #222; } .wide_drop_menu__link-67{ font-weight: 600; } .wide_drop_menu__drop_col ul > div:before, .wide_drop_menu__drop_col .wide_drop_menu__link:before{ content: ""; width: 5px; height: 5px; background-color: #6d6d6d; border-radius: 10px; position: absolute; left: -15px; top: 13px; } .wide_drop_menu__drop_col ul > div{ padding-left: 73px; position: relative; } .wide_drop_menu__drop_col .wide_drop_menu__link{ position: relative; } .nav__wide_drop_menu .col{ width: 25%; padding-right: 30px; padding-bottom: 30px; } .nav__wide_drop_menu span{font-size: 13px;} .nav__wide_drop_menu .col:last-child{ border-right: 1px solid #eeeeee; } .nav__wide_drop_menu > ul{ display: flex; flex-wrap: wrap; } .nav__wide_drop_menu > ul > li{ width: 50%; } .nav__wide_drop_menu .icon{ width: 24px; position: absolute; top: 2px; left: 17px; } .nav__wide_drop_menu > ul > li > a:hover, .nav__wide_drop_menu > ul > li.active > a{ color:#4a8bda; } .nav__wide_drop_menu > ul > li > a{ font-size: 13px; padding: 7px 20px 7px 55px; display: block; color:#222; letter-spacing: 0.03em; position: relative; } .wide_drop_menu__drop{ display: none; } .drop_menu--js.active .wide_drop_menu__drop{ display: block; } .wide_drop_menu__drop a{ padding: 7px 0; font-size: 13px; display: inline-block; color:#111; } .nav__wide_drop_menu a:hover, .wide_drop_menu__link:hover{ color:#00dc66; } .nav__wide_drop_menu ul li:last-child a{ border: none; } .nav__wide_drop_menu ul{ overflow-y:auto; /* height: 600px;*/ } .nav__wide_drop_menu ul::-webkit-scrollbar { width: 10px; } /* Track */ .nav__wide_drop_menu ul::-webkit-scrollbar-track { background: #f1f1f1; } /* Handle */ .nav__wide_drop_menu ul::-webkit-scrollbar-thumb { background: #555; } /* Handle on hover */ .nav__wide_drop_menu ul::-webkit-scrollbar-thumb:hover { background: #555; } .nav__wide_drop_menu ul .wide_drop_menu__drop{ position: absolute; z-index: 100; min-width: 500px; top: 0; left: 305px; padding: 20px 30px; background: white; height: 100%; display: none; border-left: 1px solid #ececec; width: calc(100vw - 365px); overflow: hidden; } .wide_drop_menu__drop_in, .wide_drop_menu__filter { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; width: 100%; } .wide_drop_menu__filter .wide_drop_menu__drop_col{ display: none; } .wide_drop_menu__filter.active .wide_drop_menu__drop_col{display: block;} .wide_drop_menu__filter_title{ font-weight: 600; font-size: 13px; padding-bottom: 3px; } .wide_drop_menu__drop_col { width: 100%; padding-left: 0px; padding-bottom: 10px; } .wide_drop_menu__filter { padding-top: 0px; padding-left: 73px; font-size: 13px; } .wide_drop_menu__drop .wide_drop_menu__title{ padding-left: 73px; } .wide_drop_menu__drop .wide_drop_menu__title span{ display: block; position: relative; } .filter_drop_click{ display: block; cursor: pointer; margin-bottom: 10px; position: relative; } .filter_drop_click:before, .wide_drop_menu__title:before, .wide_drop_menu__title span:before{ content: ""; width: 5px; height: 5px; background-color: #6d6d6d; border-radius: 10px; position: absolute; left: -15px; top: 6px; } .filter_drop_click:hover{ color:#2ac078; } .nav__wide_drop_menu li:hover .wide_drop_menu__drop{ display: block; } .nav__wide_drop_menu li:nth-child(4) .wide_drop_menu__drop{ display: block; } /*===== nav__wide_drop_menu =====*/ /*===== nav__catalog_drop_wide =====*/ .nav__catalog_drop_wide_in .col:nth-child(1) > .item:nth-child(1) a{color: #35b578!important;} .nav__catalog_drop_wide_in .col:nth-child(1) > .item:nth-child(2) a{color: #ff5252!important;} .nav__catalog_drop_wide_in .col:nth-child(1) > .item:nth-child(3) a{color: #daa21e!important;} .nav__catalog_drop_wide{ width: 100%; position: absolute; top: 56px; left: 0; background: white; z-index: 10; padding: 10px 35px 30px 35px; z-index: 102; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.15s ease; -moz-transition: opacity 0.15s ease; -ms-transition: opacity 0.15s ease; -o-transition: opacity 0.15s ease; transition: opacity 0.15s ease; opacity: 1; -webkit-box-shadow: 0px 6px 17px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 6px 17px 0px rgba(0,0,0,0.2); box-shadow: 0px 6px 17px 0px rgba(0,0,0,0.2); overflow-y: auto; line-height: 1.2; } .nav__catalog_drop_wide .child{ margin-bottom: 20px; } .nav__catalog_drop_wide .child .item{ margin-bottom: 8px; } .nav__catalog_drop_wide a{ font-size: 13px; color:#111; } .nav__catalog_drop_wide a:hover{ color: #f71516!important; } .nav__catalog_drop_wide .child a{ color:#777; } .nav__catalog_drop_wide .row { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; } .nav__catalog_drop_wide_in{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; } .nav__catalog_drop_wide .item{ margin-bottom: 13px; } .nav__catalog_drop_wide_in{ width: 100%; padding-top: 20px; } .nav__catalog_drop_wide_in > .col{ width: 20%; font-weight: 600; /* padding: 20px; padding-bottom: 10px;*/ padding: 0px 20px; padding-bottom: 0px; } .nav__catalog_drop_wide .col .child{ font-weight: 400; margin-top: 9px; } .nav__catalog_drop_wide-info .nav__catalog_drop_wide_in > .col{ width: 33.33%; } .nav__catalog_drop_wide-info .nav__catalog_drop_wide_in{ width: 70%; } .nav__catalog_drop_wide-info .nav__catalog_drop_wide_info{ width: 30%; } .nav__informer_text{ display: block; width: 100%; padding: 40px 0; } .nav__informer_subtitle{ letter-spacing: 0.2em; font-size: 12px; text-align: center; margin-top: 10px; } .nav__informer_title { font-size: 30px; text-shadow: 4px 4px 15px rgba(0,0,0,0.8); font-weight: 600; text-align: center; } /*===== nav__catalog_drop_wide =====*/ .slide_img-mob{display: none!important;} @media (max-width: 991px) { .slide_img-desk{display: none!important;} .slide_img-mob{display: block!important;} } /*===== plus_wrap =====*/ .plus { background-color:#f8f8f8; margin-top: 30px; } .plus h1{ font-size: 22px; text-align: center; padding-top: 27px; margin-bottom: 5px; color: #9e9e9e; padding-left: 20px; padding-right: 20px; } .plus-vertical{ padding-left: 15px; background-color: transparent; } .plus-vertical__item{ font-size: 14px; color: #8b8b8b; line-height: 1.3; padding-top: 15px; padding-bottom: 16px; text-align: left; letter-spacing: 0.04em; } .plus-vertical__item .plus__icon{ top: -4px; } .plus-vertical .plus__itemIn span{ font-size: 13px; letter-spacing: 0.04em; } .plus__item { font-size:16px; color:#353535; line-height:1.3; padding-top:25px; padding-bottom:25px; text-align:center; letter-spacing:0.04em; } .plus__itemIn { position:relative; display:inline-block; padding-left:65px; padding-right: 20px; } .plus__itemIn span { text-align:left; display:inline-block; font-size: 15px; line-height: 1.53; } .plus__icon { position:absolute; left: 0px; width: 50px; height: 50px; background-repeat:no-repeat; background-image:url(/views/base_template/img/plus_sprite.png) } .plus__icon1 { background-position:0 -3px!important; } .plus__icon2 { background-position:-65px -3px!important; } .plus__icon3 { background-position:-130px -3px!important; } .plus__icon4 { background-position:-201px -3px!important; } @media (max-width:1599px) { .plus__item{ width: 33.33%; } .plus__item:nth-child(4n) { display:none } } @media (max-width:1199px) { .plus__item{ width: 50%; } .plus__item:nth-child(3n) { display:none } .plus__icon{padding-top: 55px;} } @media (max-width:800px) { .plus__item:first-child { display:none } .plus__item{width: 100%; text-align: center;} } @media (max-width:600px) { .plus_wrap { display:none } .plus h1{font-size:18px;} } @media (max-width:420px) { .plus__itemIn span{text-align: center; font-size: 14px;} .plus__icon {display: none;} .plus__itemIn{padding-left: 20px;} .plus{margin-top: 20px;} } /*===== plus_wrap =====*/ /*===== NAV =====*/ .nav .nav_in { border-top: 1px solid #e7e7e7; overflow:hidden; } .nav_in .hide_show_menu{ font-weight: 600; font-size: 14px; } .nav_in .hamburger__box{ margin-right: 3px; } .main_nav li > a{ padding-left: 25px; position: relative; } .main_nav li > a img{ position: absolute; top: 17px; left: 0; } .nav .caret_rotate { position: absolute; left: 30%; top: -9px; color: #f96f13; border-bottom: 9px dashed; border-right: 6px solid transparent; border-left: 6px solid transparent; } .nav .caret_rotate a { text-transform: none; text-align: center; } .nav_wrap { position: relative; height: 58px; } .nav_wrap .caret { position: absolute; right: -15px; top: 8px; } .nav_wrap > ul { width: 100%; padding-right: 150px; } .nav_wrap ul{ margin: 0; padding: 0; } .main_nav > ul li.active, .main_nav > ul li.active:hover, .main_nav > ul li a:hover, .main_nav .nav__drop_btn:hover { color: #f96f13; } .main_nav > li { display: inline-block; } .nav_wrap > ul li:first-child a { padding-left: 0; } .main_nav li a, .nav_wrap .nav__drop_btn { font-weight: 600; font-size: 14px; padding: 17px 44px 22px 36px; display: block; text-align: left; letter-spacing: 0.2px; color: #262626; text-decoration: none; text-transform: uppercase; -webkit-transition: color 0.25s ease; -moz-transition: color 0.25s ease; -ms-transition: color 0.25s ease; -o-transition: color 0.25s ease; transition: color 0.25s ease; } .main_nav li:last-child a{ padding-right: 0; } .main_nav li a:hover{ color:#f96f13; } .nav_wrap .nav__drop_btn { border: none; background-color: transparent; outline: none; } .nav_wrap .dropdown:hover .nav__drop_list{ display: block; } .nav_wrap .nav__drop_list { left: 0; text-align: left; font-weight: 400; padding: 20px 0; box-shadow: none; border-radius: 0; border: none; min-width: 230px; margin: 0; background: #f96f13; } .nav_wrap .nav__drop_list a { font-weight: 400; color: white; padding: 0; display: block; padding: 10px 35px !important; } .nav_wrap .nav__drop_list a:hover { color: white; background: #da4040; } .nav_wrap .nav__drop_btn > span { display: inline-block; position: relative; } @media (max-width: 1199px) { .main_nav li a, .nav_wrap .nav__drop_btn{padding: 17px 35px 22px 33px;} .main_nav > li:nth-child(6n){ display: none; } } @media (max-width: 991px) { .nav_wrap > ul { display: none; } } /*===== NAV =====*/ /*===== hamburger =====*/ .hamburger { padding: 15px 20px 14px 0; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger:hover { opacity: 0.7; } .hamburger__box { width: 28px; height: 24px; display: inline-block; position: relative; vertical-align: middle; } .hamburger__inner { display: block; top: 50%; margin-top: -2px; left: 0px; left: 4px; } .hamburger__inner, .hamburger__inner::before, .hamburger__inner::after { width: 20px; height: 2px; background-color: #ffffff; position: absolute; transition-property: transform, width; transition-duration: 0.15s; transition-timing-function: ease; } .mobile_nav .hamburger__inner, .mobile_nav .hamburger__inner::before, .mobile_nav .hamburger__inner::after { background-color: #222; } .hamburger__inner::before, .hamburger__inner::after { content: ""; display: block; } .hamburger__inner::before { top: -6px; } .hamburger__inner::after { bottom: -6px; } /*Squeeze*/ .hamburger-squeeze .hamburger__inner { transition-duration: 0.075s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger-squeeze .hamburger__inner::before { transition: top 0.075s 0.12s ease, opacity 0.075s ease; } .hamburger-squeeze .hamburger__inner::after { transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger-squeeze.is-active .hamburger__inner { transform: rotate(45deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger-squeeze.is-active .hamburger__inner::before { top: 0; opacity: 0; transition: top 0.075s ease, opacity 0.075s 0.12s ease; } .hamburger-squeeze.is-active .hamburger__inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /*===== hamburger =====*/ /*===== LANG =====*/ .select_lang { vertical-align: middle; display: inline-block; top: -3px; } .select_lang__btn { background: none; border: none; outline: none; font-size: 12px; font-weight: 500; color: #b7b7b7; padding: 0; text-transform: uppercase; position: relative; } .select_lang__btn:hover { color: #f96f13; } .select_lang__drop.dropdown-menu { min-width: 40px; margin-top: 4px; background: #f96f13; color: white; border-radius: 0; border: none; padding: 0; text-align: center; right: 0; left: auto; right: -16px; box-shadow: none; } .select_lang__drop.dropdown-menu a { color: white; display: block; padding: 11px; text-transform: uppercase; font-size: 12px; } .select_lang__drop.dropdown-menu > li > a { padding: 3px 13px; font-size: 12px; } .select_lang__btn .caret { position: absolute; top: 4px; right: -12px; } .nav__soc{ border-right: 1px solid #dbdbdb; display: inline-block; } .nav__soc_item { display: inline-block; background-image: url(/views/base_template/img/sprite.png); background-repeat: no-repeat; width: 22px; height: 20px; margin-right: 14px; vertical-align: middle; } .nav__soc_item-fb { background-position: 5px -119px; } .nav__soc_item-fb:hover { background-position: 5px -138px; } /*===== LANG =====*/ /*===== fixed_menu =====*/ .fixed_menu{ position: fixed; top: -58px; left: 0; width: 100%; background-color: #fff; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1); z-index: 1000; -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform .4s ease; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0px, 0px, 0px); } .fixed_menu .head__btn{ margin-top: 18px; } .fixed_menu .head__btn_item { text-align: left; } .fixed_menu.fix { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-backface-visibility: hidden; } .fixed_menu .logo{ padding-top: 10px; padding-bottom: 0px; } .fixed_menu .logo__slogan{ font-size: 12px; line-height: 1.5; letter-spacing: 1px; } .fixed_menu .head__phone{ padding-top: 5px; padding-bottom: 5px; text-align: right; padding-left: 0; } @media (max-width: 500px){ .fixed_menu .head__btn {display: none;} .fixed_menu .head__phone {width: 100%; text-align: center;} } @media (max-width: 370px){ .fixed_menu .logo img{ width: 114px; } .fixed_menu .head__phone_click{ font-size: 16px; } } /*===== fixed_menu =====*/ /*===== main_banner =====*/ .main_banner { overflow: hidden; } .main_banner .owl-nav{ opacity: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .main_banner:hover .owl-nav{ opacity: 1; } .main_banner .owl-nav{ position: absolute; bottom: 35px; z-index: 100; left: 7%; } .main_bannerWrap{ padding-top: 30px; text-align: center; } .main_bannerWrap .container{ width: 100%; max-width: 1920px; } .main_bannerWrap .owl-carousel .owl-item img{display: inline-block;} .main_bannerWrap .main_banner .owl-nav{ position: static; bottom: 0; margin-top: 0px; } .main_bannerWrap .main_banner .owl-prev{ position: absolute; top: 0; left: 0; height: 100%!important; width: 65px!important; margin: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.43+0,0+100 */ background: -moz-linear-gradient(left, rgba(0,0,0,0.43) 0%, rgba(0,0,0,0) 100%)!important; /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(0,0,0,0.43) 0%,rgba(0,0,0,0) 100%)!important; /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0,0,0,0.43) 0%,rgba(0,0,0,0) 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */ } .main_bannerWrap .main_banner .owl-next{ position: absolute; top: 0; right: 0; height: 100%!important; width: 65px!important; margin: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.43+100 */ background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.43) 100%)!important; /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.43) 100%)!important; /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.43) 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#6e000000',GradientType=1 ); /* IE6-9 */ } .main_bannerWrap .owl-theme .owl-nav [class*='owl-']{background: none;} .main_bannerWrap .owl-theme .owl-nav .owl-next:before{ content: ""; width: 27px; height: 46px; background: url(/views/base_template/js/owl/arrow3.png) no-repeat -40px -2px; position: absolute; top: 50%; margin-top: -23px; right: 20px; } .main_bannerWrap .owl-theme .owl-nav .owl-prev:before{ content: ""; width: 27px; height: 46px; background: url(/views/base_template/js/owl/arrow3.png) no-repeat -0px -2px; position: absolute; top: 50%; margin-top: -23px; left: 20px; } .main_bannerWrap .owl-carousel .owl-stage-outer{ z-index: -1; } @media (max-width: 991px){ .main_banner .owl-nav{display: none;} .main_bannerWrap{ padding-top: 20px;} } /*===== main_banner =====*/ /*===== breadcrumbs =====*/ .breadcrumbs { color: #adadad; letter-spacing: 0.04em; padding: 15px 0 16px; } .breadcrumbs li{display: inline-block; text-decoration: none;} .breadcrumbs li i { width: 14px; height: 9px; background: url(/views/base_template/img/breadcrumbs_arrow.png) no-repeat 0px -1px; display: inline-block; margin: 5px 11px 7px; vertical-align: middle; } .breadcrumbs a { display: inline-block; color: #555555; letter-spacing: 0.8px; font-size: 12px; text-decoration: none; } .breadcrumbs a:hover span{color: #2479e0;} .breadcrumbs span{ color: #b9b9b9; letter-spacing: 0.8px; font-size: 12px; } .breadcrumbs__line{ display: inline-block; padding: 0 10px; font-size: 0px; } @media (max-width: 450px){ .breadcrumbs ul{display:none;} .breadcrumbs{padding: 10px 0 10px;} } /*===== breadcrumbs =====*/ /*===== footer =====*/ .delivery_icon{ background: url(/user/upload/files/footer_info/delivery_icon.svg) no-repeat; width: 55px; height: 55px; display: block; } .return_icon{ background: url(/user/upload/files/footer_info/return_icon.svg) no-repeat; width: 55px; height: 55px; display: block; } .review_icon{ background: url(/user/upload/files/footer_info/review_icon.svg) no-repeat; width: 55px; height: 55px; display: block; } .footer_top{ background-color: #222222; margin-top: 50px; } .footer_info__title{ font-size: 15px; font-weight: 600; } .footer_info__text{ color:#808080; letter-spacing: 0.04em; margin-top: 5px; font-size: 13px; } .footer_info{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 0 0; position: relative; top:10px; } .footer_info__col_inner{position: relative; padding-left: 65px;} .footer_info .delivery_icon, .footer_info .return_icon, .footer_info .review_icon{ position: absolute; left:0; top: -4px; opacity: 0.3; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .footer_info__col_in{display: block;} .footer_info__col_in, .footer_info__col_in:hover{color:white;} .footer_info__col_in span{ border-bottom: 1px solid #474747; letter-spacing: 0.04em; -webkit-transition: border-bottom-color 0.2s ease; -moz-transition: border-bottom-color 0.2s ease; -ms-transition: border-bottom-color 0.2s ease; -o-transition: border-bottom-color 0.2s ease; transition: border-bottom-color 0.2s ease; } .footer_info__col_in:hover span{ border-bottom-color: #e72e2e; } .footer_info__col_in:hover i{ opacity: 0.6; } .footer{ letter-spacing: 0.04em; padding: 85px 0 0px; background-color: white; } .footer a:hover{ color: #b7b7b7; } .footer__addres { padding-bottom: 40px; } .footer__addres_title{ font-weight: 600; font-size:14px; color:#e72e2e; margin-bottom: 10px; display: block; } .footer__addres_title:hover{ color:#e72e2e!important; } .footer__addres_text{ line-height: 1.7; } .footer__addres_text, .footer__addres_link{ color:#222; font-size: 13px; } .footer__addres_item{ font-size: 14px; padding-bottom: 25px; padding-top: 25px; width: 20%; float: left; padding-left: 20px; padding-right: 20px; } .footer__addres_item:nth-child(5n+6){ clear:left; } .footer__addres_link{ text-decoration: underline; margin-top: 10px; display: inline-block; font-size: 13px; } .footer__addres_link:hover{ text-decoration:none; color:#e72e2e!important; } .footer__copyright{ color: #757575; padding-top: 13px; border-top: 1px solid #e4e4e4; padding-bottom: 10px; font-size: 14px; } .footer__socials a{ display: inline-block; padding-right: 5px; } .footer__copy{ text-transform: uppercase; margin-bottom: 10px; float: left; } .footer__dev{ color:#757575; float: right; } .footer__addres_item--hide{display: none;} .toggle_item.active .footer__addres_item--hide{display: block;} .toggle_item.active .footer__addres_all{display: none;} .footer__addres_all { color: #a8a8a8; text-align: center; font-weight: 600; font-size: 14px; margin-top: 10px; } .footer__addres_all .toggle_btn{ border-bottom: 1px dotted #222; cursor: pointer; color:#222; } .footer__addres_all .toggle_btn:hover{ color:#222; border-bottom: none; } /*footer_bottom*/ .footer_bottom{ background-color: #f8f8f8; } .footer__links{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; padding-top: 40px; padding-bottom: 40px; } .footer__links_col{ width: 25%; } .footer__links_title{ font-weight: 600; letter-spacing: 0.04em; color:#222; margin-bottom: 10px; } .footer__links_ul li{ margin-bottom: 8px; } .footer__links_ul a{ font-size: 13px; color:#222; } .footer__links_ul a:hover{ color:#ea1212; } .footer__payment{margin-top: 25px;} .footer__payment_icon img{ width: 50px; } .footer__payment_icon{display: inline-block;} .footer__phone_info{ letter-spacing: 0.06em; color:#989898; margin-top: 8px; font-size: 13px; } .footer__phone a{ font-size: 31px; font-weight: 600; color:#222; } .footer__phone a:hover{ color:#222!important; } .footer__email{ margin-top: 20px; } .footer__email_title{ font-size: 17px; font-weight: 600; margin-bottom: 3px; } .footer__email a{ font-size:13px ; color:#222; display: inline-block; border-bottom: 1px dotted #222; } .footer__email a:hover{ color:#ed0909; border-bottom: none; } @media (max-width: 1199px){ .footer__addres_item{width: 25%;} .footer__addres_item:nth-child(5n+6){clear:none;} .footer__addres_item:nth-child(4n+5){clear:left;} .footer_info__col:nth-child(4n){ display: none; } .footer__phone a{ font-size: 21px; } } @media (max-width: 991px){ .footer__addres_item{width: 33.3%;} .footer__addres_item:nth-child(4n+5){clear:none;} .footer__addres_item:nth-child(3n+4){clear:left;} .footer__links_col{ width: 50%; margin-bottom: 20px; margin-top: 10px; } .footer__links{margin-bottom: 20px;} } @media (max-width: 767px){ .footer_info__col:nth-child(3n){ display: none; } .footer_info__col_inner{ display: inline-block; margin-top: 10px; margin-bottom: 10px; margin-left: 30px; } } @media (max-width: 700px){ .footer__addres_item:nth-child(3n+4){clear:none;} .footer__addres_item:nth-child(2n+3){clear:left;} .footer__addres_item{width: 50%;} .footer__addres_item{ padding-bottom: 20px;} .footer__copyright {text-align:center;} .footer__copy{float: none;} .footer__dev{float: none;} } @media (max-width: 599px){ .footer_info{flex-flow: column; top:20px; padding-top: 0;} .footer_info__col{display: flex; justify-content: center;} .footer_info__col_inner{ margin-left: 00px; } } @media (max-width: 499px){ .footer__links_col{width: 100%;} .footer__links{padding-top:20px; padding-bottom: 20px; text-align: center;} .footer_info__col_inner{margin-left: 0px;} .footer__addres_item{text-align: center;} } @media (max-width: 400px){ .footer__addres_item{font-size: 12px;} .footer{padding-top: 90px;} .footer__addres_all{font-size: 12px;} } /*===== footer =====*/ /*===== mailing =====*/ .mailing{ background-color: #e72e2e; text-align: center; color: white; font-size: 18px; font-weight: 500; height: 95px; padding: 21px 30px 0; position: relative; top:50px; overflow: hidden; } .mailing:before{ content:""; width: 75px; height: 65px; position: absolute; left: 22px; top: 33px; background: url(/views/base_template/img/mailing_sprite.png) no-repeat 0 0; } .mailing:after{ content: ""; width: 150px; height: 53px; position: absolute; right: 10px; top: 15px; background: url(/views/base_template/img/mailing_sprite.png) no-repeat 0 0; } .mailing__btn{ background-color: transparent; border:none; outline: none; width: 30px; height: 18px; background: url(/views/base_template/img/sprite.png) no-repeat -74px 0; position: relative; z-index: 10; margin-top: 13px; } .mailing__title{padding-right: 80px;} .mailing__form_input{ width: 350px; } .mailing__title, .mailing__form{ display: inline-block; vertical-align: middle; position: relative; } .mailing__form_row{ float: left; position: relative; } .btn_pulse{ position: absolute; right: 7px; } .btn_pulse:before, .btn_pulse:after{ content: ""; position: absolute; top: 9px; left: -30px; right: 0; width: 100%; height: 100%; border: 1px solid white; border-radius: 50%; width: 90px; height: 90px; bottom: 0; margin: auto; -webkit-animation: pulse3 2s linear infinite; animation: pulse3 2s linear infinite; } .btn_pulse::before { -webkit-animation: pulse2 3s linear infinite; animation: pulse2 3s linear infinite; width: 70px; height: 70px; left: -21px; } @-webkit-keyframes pulse3 { 0% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 1; -webkit-transform: scale(1.3); transform: scale(1.3); } 100% { opacity: 0; -webkit-transform: scale(1.5); transform: scale(1.5); } } @keyframes pulse3 { 0% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 1; -webkit-transform: scale(1.3); transform: scale(1.3); } 100% { opacity: 0; -webkit-transform: scale(1.5); transform: scale(1.5); } } @-webkit-keyframes pulse2 { 0% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 1; -webkit-transform: scale(1.3); transform: scale(1.3); } 100% { opacity: 0; -webkit-transform: scale(1.5); transform: scale(1.5); } } @keyframes pulse2 { 0% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 1; -webkit-transform: scale(1.3); transform: scale(1.3); } 100% { opacity: 0; -webkit-transform: scale(1.5); transform: scale(1.5); } } @media (max-width: 1199px){ .mailing:before, .mailing:after, .btn_pulse::before, .btn_pulse::after{display: none;} .mailing:after{display: none;} .mailing__title{ padding-right: 0; padding-bottom: 10px; font-size: 17px; display: block; } .mailing{ height: 130px; } } @media (max-width: 500px){ .mailing__form_input{ width: 220px; } .mailing{ height: auto; padding: 25px 30px 35px; } } /*===== mailing =====*/ /*===== offers =====*/ .offers{ margin-bottom: 45px; margin-top: 35px; } .offers.offers-sale .h1{ color: #ef0a0a; } .offers .owl-nav{ position: absolute; top: -60px; right: 0; } .offers .h1{ display: inline-block; color:#222; } .offers-top .h1:hover{ color: #4a8bda!important; } .offers .h_link a{ display: inline-block; } .offers__all{ margin-left: 10px; } .offers__list .product__title{ height: 45px; overflow: hidden; } .informers{ margin-top: 30px; } @media (max-width: 499px){ .offers__list .product__title{ font-size: 13px; } .offers{ margin-bottom: 20px; margin-top: 10px; } .offers .product__price { min-height: 48px; } } @media (max-width: 400px){ .offers .offers__all{display: none!important;} .offers .h_link{text-align: center;} .offers .owl-nav{ position: absolute; bottom: -55px; right: 0; width: 100%; top: auto; } .offers{ margin-bottom: 70px; } } /*===== product sort =====*/ .sort{ position: relative; z-index: 90; display: inline-block; } .sort_list{ min-width: 210px; display: none; background: white; position: absolute; top:100%; left: 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 2px 2px 2px 2px #00000014; box-shadow: 2px 2px 2px 2px #00000014; } .sort_list.right{ right: 0; left:auto; } .sort_list__item.toggle{ border-radius: 5px; font-size: 13px; color: #222; letter-spacing: 0.4px; outline: none; display: inline-block; cursor: pointer; position: relative; } .sort > .sort_list__item{ border: 1px solid #f02828; padding: 10px 20px 15px; } .sort_list__item span:hover{ border-bottom: none; margin-bottom: 1px; } .sort_list .sort_list__item{ padding: 13px 20px; font-size: 13px; display: block; text-decoration: none; border-bottom: 1px solid #f0f0f0; cursor:pointer; color: #222; } .sort_list .sort_list__item:hover{ background-color: #f5f5f5; } .sort_list .sort_list__item:last-child{ border-bottom: none; } @media (max-width: 499px){ .sort > .sort_list__item{padding: 8px 15px 11px;} } /*===== product sort =====*/ .settings_list { margin-bottom: 15px; font-size: 13px; } .settings_list__title{ display: inline-block; padding-right: 10px; } .settings_list__item{ letter-spacing: 0.04em; } .settings_list__item-right{text-align: right;} .settings_list__item .select{ display: inline-block; margin-left: 10px; outline: none; border: none; } /*===== product =====*/ .catalog-full .product__item:nth-child(5n+6){ clear:left; } .products__list-flex{ display: flex; display: -webkit-flex; flex-wrap: wrap; } .product__size{ position: absolute; left: 0; bottom: -1px; background: #ffffff; text-align: center; opacity: 0; visibility: hidden; -moz-transform: translateY(50px); -webkit-transform: translateY(50px); -o-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; width: 100%; } .products__list .product__size .product__size_item{ color: #8b8b8b!important; } .product__link:hover .product__size{ opacity: 1; visibility: visible; -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .product__size { min-height: auto; padding-bottom: 0; padding-top: 0; top: 0; } .products__list-flex:after, .products__list-flex:before{ display: none; } .products__list-flex .product__item{ width: 20%; } .products__list-flex .product__info{ display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: flex-end; width: 100%; } .product__info_row{width: 100%;} .products__list-flex.products__list .product__title{ height: auto; position: relative; min-height: 25px; } .products__list-flex .product__item_in{ display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; height: 100%; } .products__list .product__item { margin-bottom: 50px; } .products__list.products__list-catalog .product__item { width: 25%; } .products__list .product__title{ height: 66px; overflow: hidden; } .product__img_in, .product__item_in{ position: relative; } .product__img_in{ overflow: hidden; } .product__img_in:hover img{ -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .product__img_in img{ -webkit-transition: transform 0.5s ease; -moz-transition: transform 0.5s ease; -ms-transition: transform 0.5s ease; -o-transition: transform 0.5s ease; transition: transform 0.5s ease; } .product__img_in{ background-size: cover; background-repeat: no-repeat; } .product__img_in.active_opacity img{ opacity: 0; } .product__img_wrap{ position: relative; overflow: hidden; } .product__img_wrap:hover .card__video{ display: none; } .product_variants{ position: absolute!important; width: 60px; top: 0; right: 0; z-index: 5; padding: 5px 5px 5px; background: #f2f2f2; -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1); */ -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1); box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1); visibility: hidden; opacity: 0; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -ms-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; padding-top: 35px; padding-bottom: 45px; height: 100%; } .product_variants .slick-list { position: relative; height: 100%!important; } .product_variants .slick-prev{ left: 20px; top: 15px; } .product_variants .slick-next{ left: 20px; bottom: 5px; top: auto; right: auto; } .product__img_wrap:hover .product_variants{ visibility: visible; opacity: 1; } .product_variants a{ display: block; margin-bottom: 5px; } .product_variants a:last-child{ margin-bottom: 0px; } .product__img{ position: relative; display: block; } .product__title{ font-size: 12px; color: #8b8b8b; letter-spacing: 0.04em; margin-bottom:2px; line-height: 1.7; margin-top: 11px; position: relative; } .product__price{ font-weight: 600; letter-spacing: 0.02em; } .product__info_row{ font-size: 0px; display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: flex-end; width: 100%; } .product__button { text-align: right; } .product__info_col{ display: inline-block; width: 50%; vertical-align: middle; } .product__info .btn-card{ padding: 9px 20px 12px 20px; font-size: 12px; } .product__info .btn{ border: 1px solid #333!important; color: #333!important;; } .product__info .btn:hover{ border-color: #e72e2e!important; color: #e72e2e!important; } .product__info .btn-no_active{ border:none!important; font-weight: 400; font-size: 12px; } .product__info{margin-top: 13px;} .product__info .btn-card-basket{ font-size: 13px; padding: 10px 15px 12px; } .product__price-old .product__price{ font-size: 16px; font-weight: white; } .product__price-old .product__price-main{ background-color: #e62a2a; color: white; font-size: 14px; padding: 3px 10px 5px 10px; line-height: 1.3; position: relative; } /* .product__price-old .product__price-main:after{ content: ""; width: 0; height: 0; border-top: 14px solid transparent; border-right: 16px solid #e62a2a; border-bottom: 14px solid transparent; position: absolute; top: 0; left: -16px; } .product__price-old .product__price-main:before{ content: ""; width: 5px; height: 5px; background-color: #fff; position: absolute; left: -2px; top: 11px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; z-index: 12; } */ .product__price-sale{ text-decoration: line-through; font-size: 14px; display: inline-block; margin-bottom: 5px; } .product__price-main{ display: inline-block; } .product__price-main .product__symbol_left{ display: block; } .product__price-old .product__price-main .product__symbol_left{ display: inline-block; } .product__symbol_right{font-size: 13px;letter-spacing: 0.04em;} .product__symbol_left{font-size: 13px;letter-spacing: 0.04em;} .product__symbol_center{font-size: 15px;letter-spacing: 0.04em;} .product__link{ display: block; } .product__img-first{ position: relative; z-index: 10; } .product__img-last{ position: absolute; bottom: 0; left: 0; } .product__item_in:hover .product__img-first{ opacity: 0; } .product__item_in:hover .product__img-last{ opacity: 1; } .products__list { margin-right: -10px; margin-left: -10px; } .product__video { position: absolute; right: 0px; top: 0px; padding: 3px 5px 7px; text-align: center; background-color: white; border-right: 1px solid #dddddd; border-top: 1px solid #dddddd; z-index: 10; cursor: pointer; } .product__video_icon img{ width: 24px; display: inline-block!important; } .products__list .product__item { padding-left: 10px; padding-right: 10px; } .product__link:hover .product__size{ opacity: 1; } .product__size .product__size_item{ display: inline-block; padding: 1px 4px 1px; border: 1px solid #e7e7e7; color: #bfbfbf!important; border-radius: 3px; margin-bottom: 2px; font-size: 11px; } @media (max-width: 1599px){ .products__list-flex .product__item{width: 25%;} .products__list.products__list-catalog .product__item{ width: 33.33%; } } @media (max-width: 1199px){ .settings_list__item-left{display: none;} .settings_list__item-right{width: 100%;} .settings_list {float: right; width: 50%;} .products__list-flex .product__item{width: 33.33%;} .settings_list{margin-bottom: 0px} } @media (max-width: 991px){ .product__size{opacity: 1;min-height: 28px;} .products__list-flex .product__item{ width: 50%; } } @media (max-width: 767px){ .products__list.products__list-catalog .product__item{width: 50%;} .product__info_col{width: 100%;} .product__button {text-align: center;} .product__price .product__price-sale {margin-right: 10px;} .product__info .product__price{padding-top: 0px;} .product__info .btn {font-size: 12px;} .product__price-main .product__symbol_left{display: inline-block; padding-right: 3px;} .product__symbol_right, .product__symbol_left{font-size: 11px;} .product__price-sale{font-size: 12px;} .product__symbol_center{font-size: 13px;} .product__title{ text-align: center; } .product__info{text-align: center; margin-top: 5px;} .product__price{margin-bottom: 5px;} .product__img_in{ text-align: center; } .product__img_in img{display: inline-block;} .product__size{font-size: 9px;} .products__list-flex .product__price { margin-bottom: 13px; } .products__list-flex .product__size{ text-align: center; } .settings_list__title{display: none;} .settings_list{width: auto;} } @media (max-width: 500px){ .product__size .product__size_item{padding: 0px 2px;} .products__list { margin-right: -10px; margin-left: -10px; } .catalog-full .products__list { margin-right: 0px; margin-left: 0px; } .products__list .product__item { padding-left: 3px; padding-right: 3px; } .products__list .product__title{ font-size: 12px; height: 54px; } .product__info .btn {font-size: 11px;} .products_sort .btn{font-size: 12px;} .sort_list__item.toggle{ font-size: 13px;} .products__list .product__price{font-size: 17px; min-height: 55px;} .products__list-flex.products__list .product__price{ min-height: auto; } .settings_list__item, .mob_filter{float: none; width: 100%;} } /*===== product ===== /*===== stiker =====*/ .stiker{ position: absolute; top: 0; left: 0; z-index: 70; } .stiker .stiker__sale span{ display: inline-block; padding: 3px 10px; background-color: #f02828; color: white; font-size: 12px; margin-top: 5px; } .stiker_no_quantity{ font-size: 12px; padding: 7px 14px 10px; background: #e72e2e; color: white; position: absolute; left:0; top:0; z-index: 10; } .stiker img{ margin-top: 10px; display: inline-block; } @media (max-width: 500px){ .stiker{ bottom: 44px; top: inherit; } .product__item .stiker .stiker__sale span{ font-size: 10px; padding: 3px 6px; } .product__item .stiker img{ width: 70px; } } /*===== stiker =====*/ /*===== list_banner =====*/ .list_banner_wrap{ margin-top: 80px; } .list_banner { margin-bottom: 5px; } .list_banner .slide{ margin-top: 10px; } @media (max-width: 767px){ .list_banner .slide{ margin-top: 6px; } .list_banner{ margin-bottom: 3px; } } /*===== list_banner =====*/ /*===== catalog =====*/ .catalog__list{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; margin-left: -5px; margin-right: -5px; } .page_catalog h1{margin-top: 0;} .page_catalog .breadcrumbs{ padding-bottom: 5px; } .catalog__item{ text-align: center; width: 33.33%; } .catalog__item_in{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin: 5px; height: calc(460 / 1905 * (100vw)); align-items: center; justify-content: center; background-size: cover; background-repeat: no-repeat; background-position: center; background-color: #333333; } .catalog__item_img{ position: relative; text-align: center; } .catalog__item_img:after{ content: ""; background-color: #f0f0f0; width: 100%; height: 100%; position: absolute; top:0; left:0; } .catalog__item_img img{ position: relative; z-index: 30; display: inline-block; } .catalog__item_name{ letter-spacing: 0.04em; color:white; display: block; width: 100%; padding: 40px 30px; font-size: 40px; text-shadow: 4px 4px 15px rgba(0,0,0,0.8); font-weight: 600; } .catalog__item:nth-child(5n+6){ clear:left; } @media screen and (max-width: 1499px){ .catalog__item_name { font-size: 25px; } } @media (max-width: 1199px){ .catalog__item_name { font-size: 22px; } .catalog__item:nth-child(5n+6){ clear:none; } .catalog__item:nth-child(4n+5){ clear:left; } } @media (max-width: 767px){ .catalog__item{ width: 50%; } .catalog__item_in{height: calc(750 / 1905 * (100vw)); margin:3px;} .catalog-home .catalog__item:last-child{ width: 100%; } } @media (max-width: 550px){ .catalog__item_name { font-size: 18px; } .catalog__item_img{ padding: 5px; } .catalog__item_name { padding-top: 25px; font-size: 14px; } } /*===== catalog =====*/ /*===== box_content =====*/ .box_content p { margin-bottom:15px; line-height:1.5 } .box_content h1 { font-weight:600 } .box_content h1,.box_content h2,.box_content h3,.box_content h4,.box_content h5,.box_content h6 { padding-bottom:0; line-height:1.4; text-transform:none; color:#737373 } .box_content h2 { font-size:20px } .box_content ul { margin-bottom:10px } .box_content li { position:relative; padding-left:25px; padding-bottom:9px } .box_content li:after { content:''; position:absolute; left:7px; top:9px; width:10px; height:2px; background-color:#f44029 } .seo_block{ padding-top: 20px; } .description_page p { color:#888 } .description_page { font-size:14px; color:#888 } .seo_block_text p{ font-size: 13px; line-height: 1.6; color:#333; } .seo_block_text a{ color:#4a8bda; } .box-hide { position:relative; overflow:hidden; max-height:330px } .box-hide.show { max-height:none } .box-hide.show:before { display:none } ; .description_page p { margin-bottom:1em } .description_page h2,.description_page h3 { font-size:17px } .description_page h1 { font-size:18px } .box-hide:before { z-index:10; background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,#fff 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,#ffffff)); background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,#ffffff 100%); background:-o-linear-gradient(top,rgba(255,255,255,0) 0%,#fff 100%); background:-ms-linear-gradient(top,rgba(255,255,255,0) 0%,#fff 100%); background:linear-gradient(top,rgba(255,255,255,0) 0%,#fff 100%); content:""; position:absolute; display:block; width:100%; height:50px; bottom:0 } .box-hide__bt { cursor:pointer; margin-top:11px; color:#292929; display:inline-block; font-size:15px; border-bottom:1px dotted #606060; line-height:normal } .box-hide__bt:hover { border-bottom:none; margin-bottom:1px } .box-hide-color1:before { background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,#f4f6f6 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,#f4f6f6)); background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,#f4f6f6 100%); background:-o-linear-gradient(top,rgba(255,255,255,0) 0%,#f4f6f6 100%); background:-ms-linear-gradient(top,rgba(255,255,255,0) 0%,#f4f6f6 100%); background:linear-gradient(top,rgba(255,255,255,0) 0%,#f4f6f6 100%) } /*===== box_content =====*/ .listing__left { padding-right: 40px; width:20%; float:left; padding-left: 15px; padding-right: 15px; padding-top: 40px; } .listing_anons{ font-size: 13px; line-height: 1.65; color: #6b6b6b; padding-bottom: 3px; margin-bottom: 15px; border-bottom: 1px dotted#dedede; } .listing_anons a{ color:#4a8bda; } .listing_anons ul{ list-style: disc; padding-left: 40px; margin-bottom: 10px; } .listing_anons li{ margin-bottom: 4px; } .listing_anons p{ color:#6b6b6b; } .listing__right { padding-right: 40px; width:80%; float:left; padding-left: 15px; padding-right: 15px; padding-top: 20px; } .listing__right h1{ margin-top: 5px; margin-bottom: 20px; } .listing__right .breadcrumbs{ padding: 15px 0 5px; } /*===== filters =====*/ .card__btn_prompt { color: #ea0d0d; padding: 13px 20px 15px; border: 1px solid #ff7f7f; font-size: 13px; letter-spacing: 0.02em; background: #fffbfb; margin-top: 20px; margin-bottom: 25px; display: none; } .card__btn_prompt span{ font-weight: 600; } .card__btn_prompt.active{ display:block; } .mobile_nav .filters{ border: none; } .mobile_nav-mod{ background-color: white; } .filters{ padding: 30px 33px 35px 0px; } .filter__row{ margin-bottom: 20px; } .filter__item_title{ letter-spacing: 0.04em; font-size: 13px; font-weight: 600; margin-bottom: 15px; } .filter__item{ padding-bottom: 25px; margin-bottom: 20px; border-bottom: 1px dotted #e2e2e2; } .filter__item:last-child{ border-bottom: none; margin-bottom: 0; } .filter_price__input { padding: 4px 0px!important; width: 70px; margin-left: 15px; } .filter__item img{display: inline-block;} .filter_color{ display: inline-block; width: 20px; height: 20px; border-radius: 50%; } .filters__list .filter__type_item{ font-size: 12px; color: #222; padding-right: 3px; text-align: left; display: block; margin-right: 5px; margin-bottom: 10px; cursor: pointer; } .filters__list .filter__type_item:hover a{ color:#111; } .filters__list .filter__type_item:hover label:before{ border-color:#111; } .filters__list .filter__type_item label{cursor: pointer; position: relative;} .filters__list .filter__type_item label:before{ content: ""; position: absolute; top: -2px; left: 0; width: 20px; height: 20px; z-index: 2; border: 1px solid #d8d8d8; border-radius: 3px; } .filters__list .filter__type_item-metka label:after { width: 100%; height: 100%; position: absolute; content: ""; top: 0; left: 0; } .filters__list .filter__type_item-metka input:checked + label:before { background: #222222 url(/views/base_template/img/check.svg) no-repeat center; background-size: 11px; border-color: #222; } .filters__list .filter__type_item.filter__type_item-metka label{ padding: 0px 10px 0 30px; display: block; border-radius: 4px; } @keyframes color_pulse { 0% { border-color: #dcdcdc; } 50% { border-color: #ff5a5a; } 100% { border-color: #dcdcdc; } } .filter__type_item.filter__type_item-metka input { display: none; } .no_search{ background: #fff3f3; padding: 15px 30px; margin-bottom: 20px; border-radius: 5px; } .filter__type_item.active label{ border-color: #333!important; color:#222; } .filter__type_item.filter__type_item-metka:hover label{ border-color: #333; color:#222; } .filter__type_item.filter__type_item-img label{ padding: 4px 4px; display: block; border:2px solid white; border-radius: 50%; font-size: 0; } .filter__type_item.filter__type_item-img input { display: none; } .filter__type_item.filter__type_item-img:hover label, .filter__type_item input[type=radio]:checked { border-color: #333333; color:#222; } .mob_filter__bt { margin-bottom: 15px; padding-top: 10px; padding-bottom: 13px; font-size: 13px; } .preloader_wrap{position: relative;} .filter_preloader{ width: 100%; height: 100%; position: absolute; text-align: center; padding-top: 100px; left: 0; right: 0; top: 0; margin: auto; background: rgba(255, 255, 255, 0.4); z-index: 100000; display: none; } .filter_preload{ width: 100%; height: 100%; position: fixed; text-align: center; padding-top: 100px; left: 0; right: 0; top: 0; margin: auto; background: rgb(255 255 255 / 0.7); z-index: 100000; display: none; } body.active .filter_preload{ display: block; } .filter_price{margin-bottom: 30px;} .filter_price .btn{ margin-top: 20px; font-size: 13px; border: 1px solid #222262; font-weight: 400; color: #111; } .filter_price .btn:hover{ color: #e7102f; border-color:#e7102f; } .filter_price .ui-slider .ui-slider-range, .filter_price .ui-slider-horizontal{ height: 3px; } .filter_price .ui-slider .ui-slider-range{ background-color: #212121; } .filter_price .ui-slider-horizontal .ui-slider-handle{ top: -5px; } .filter_price__title { letter-spacing: 0.04em; font-size: 14px; font-weight: 600; margin-bottom: 10px; } .filter_price__row{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin-bottom: 20px; } .filter_price__input { padding: 4px 0px!important; width: 50px; margin-left: 15px; margin-right: 10px; } @media (max-width: 991px){ .filter__type_item.filter__type_item-metka:hover label{ border-color: #dcdcdc; } } @media (max-width: 499px){ .mob_filter__bt {padding-left: 15px; padding-right: 15px;padding-top: 10px; padding-bottom: 10px;} } .dot-loader { height: 20px; width: 20px; display: inline-block; border-radius: 50%; background-color: #222; position: relative; -webkit-animation: 1.2s grow ease-in-out infinite; animation: 1.2s grow ease-in-out infinite; } .dot-loader--2 { -webkit-animation: 1.2s grow ease-in-out infinite 0.15555s; animation: 1.2s grow ease-in-out infinite 0.15555s; margin: 0 20px; } .dot-loader--3 { -webkit-animation: 1.2s grow ease-in-out infinite 0.3s; animation: 1.2s grow ease-in-out infinite 0.3s; } @-webkit-keyframes grow { 0%, 40%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes grow { 0%, 40%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } .slider_price { margin: 0 10px; } .mob_filter{display: none;} /*catalog_selection*/ .catalog_selection{ margin-bottom: 15px; } .catalog_selection li{ display: inline-block; font-size: 13px; margin-bottom: 5px; } .catalog_selection li a{ display: inline-block; padding: 5px 15px; margin:0 5px 0 0; border-radius: 50px; border:1px solid #cdcdcd; } .catalog_selection .catalog_selection__remove a{ border:1px solid #ff7777; } .catalog_selection__count{ padding-left: 5px; } .catalog_selection__item a{ padding-right: 35px!important; position: relative; } .catalog_selection__item a:before{ position: absolute; right: 10px; top: 6px; content: ""; width: 17px; height: 17px; opacity: 0.4; background: url(/views/base_template/img/close_small.svg) center no-repeat; } .catalog_selection__item a:hover:before{ opacity:1; } @media (max-width: 767px){ .catalog_selection li{ font-size: 13px; } } /*catalog_selection*/ /*===== filters =====*/ @media (max-width: 1599px){ .listing__left {padding-right: 20px;} .filter_price__input{margin-left: 0; margin-top: 3px;} .filters{padding: 25px 30px 95px 30px;} .products__list .product__item{ margin-bottom: 35px;} .listing__left {width: 25%;} .listing__right {width: 75%;} } @media (max-width: 1199px){ .listing__left {display: none;} .listing__right {width: 100%; padding-top: 5px;} .mob_filter{display: inline-block;} } /*===== menu =====*/ .menu{ border: 4px solid #efefef; padding: 30px 33px 35px 33px; margin-top: 35px; } .menu a{ color: #111; display: block; padding: 10px 0; font-size: 13px; letter-spacing: 0.03em; position: relative; } .menu a:hover{ color: #e81616; } .menu__title{ letter-spacing: 0.04em; font-size: 16px; font-weight: 600; margin-bottom: 10px; } .menu__list li ul a{ padding-left: 15px; padding-top: 0; } .menu__list li ul a:before{ content: ""; position: absolute; left: 0; top: 9px; width: 10px; height: 1px; background-color: #222222; } /*===== menu =====*/ /*===== variants_select =====*/ .variants_select { outline:none; background: #f9f9f9; border: 1px solid #dbdbdb; padding: 5px 10px; font-size: 14px; border-radius: 3px; width: 80%; box-sizing: border-box; margin-top: 10px; } /*===== variants_select =====*/ /*===== reviews =====*/ .reviews_wrap{ margin-bottom: 20px; } .reviews{ padding: 0px 40px 30px 0px; margin-right: 50px; min-height: 335px; border-right: 1px dotted #cacaca; } .review__item{ padding: 0px 0 30px; margin-bottom: 30px; border-bottom: 1px solid #dcdcdc; font-size: 14px; color:#333; overflow: hidden; } .review__empty{color: #989898} .review__list{margin-top: 20px;} .review__list ul{ list-style-type: none; } .review__ul > li .review__parent{ padding: 0px 0 15px; border-bottom: 1px dotted #c7c7c7; margin-bottom: 20px; } .review__ul ul li .review__parent { padding: 30px; background-color: #f8f8f8; position: relative; margin-top: 20px; } .review__ul ul li .review__parent:after { content: ""; position: absolute; top: -14px; left: 30px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 15px solid #222; } .review__name{ font-size: 14px; font-weight: 600; margin-right: 15px; float: left; } .review__text{ line-height: 1.5; margin-bottom: 5px; } .write_answer{ color: #f02828; display: inline-block; border-bottom: 1px dotted #f02828; font-size: 13px; margin-bottom: 15px; cursor:pointer; } .write_success{ margin-bottom: 15px; } .write_success .error{ color: #000000; background: #ffadad; padding: 8px 15px; border-radius: 4px; font-size: 14px; border: 1px solid #ffadad; } .write_success .success{ color: #19381e; background: #79ec8e; padding: 8px 15px; border-radius: 4px; font-size: 14px; border: 1px solid #79ec8e; } .write_answer__drop{ display: none; } .write_answer:hover{ border:none; margin-bottom: 16px; } .review__date{ float: left; } .review__rating{ float: right; } .review__info{ margin-bottom:10px; } .reviews h2{ font-weight: 500; font-size: 23px; } .review__answer{ width: 70%; float:right; margin-top: 10px; background-color: #e7e7e7; position: relative; padding:20px; } .review__answer:after{ content:""; position: absolute; top:-10px; left: 20px; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #e7e7e7; } @media (max-width: 991px){ .reviews_wrap{padding-left: 15px; padding-right: 15px;} } @media (max-width: 500px){ .review__col_l {display: none;} .review__col_r{width: 100%; float: none;} .review__answer{width: 100%;} .review__page .review__name { font-size: 20px!important; } body .review__page .review__parent{padding: 20px 20px 20px 20px!important;} body .review__page .review__text{font-size: 14px;} } /*===== reviews =====*/ .card__rating{ padding-top: 15px; margin-bottom: 20px; } .card__rating a{ display: inline-block; color:#222; font-size: 14px; border-bottom: 1px dotted #333; } .card__photo_mobile{display: none;} .card__photo_mobile .slick-slide img{ max-width: 100%; } .card__photo_mobile .slick-slide{ opacity: 1!important; } body .card__photo_mobile .slick-prev:before { background: url(/views/base_template/js/slick-1.8.1/arrow_left.svg) no-repeat; width: 41px; height: 41px; } body .card__photo_mobile .slick-next:before { background: url(/views/base_template/js/slick-1.8.1/arrow_right.svg) no-repeat; width: 41px; height: 41px; } body .card__photo_mobile .slick-arrow { background: transparent; border: none; } body .card__photo_mobile .slick-arrow:focus, body .card__photo_mobile .slick-arrow:hover { background: transparent; } body .card__photo_mobile .slick-next, body .card__photo_mobile .slick-prev { width: 55px; } .card__title{ font-size: 23px; margin-top: 0; font-weight: 400; } .card__left { margin-bottom: 30px; padding-left: 0; } .card__articul{ background-color: #fcf1cc; padding: 5px 15px; margin-top: 5px; display: inline-block; font-weight:400; font-size: 12px; border-radius: 4px; } .card__variant{ margin-top: 22px; margin-bottom: 10px; letter-spacing: 0.02em; } .card__variant .filter__type_item.filter__type_item-metka label{animation: color_pulse 1.7s infinite;} .card__variant .option--parent.active .filter__type_item.filter__type_item-metka label{animation: none;} .card__variant .filter__type_item.filter__type_item-metka label { padding: 4px 10px; display: block; border: 1px solid #dcdcdc; border-radius: 4px; } .card__variant .filter__type_item label { cursor: pointer; position: relative; } .card__variant .filter__item_title{ margin-bottom: 10px; } .card__variant .filter__type_item { font-size: 12px; color: #222; text-transform: uppercase; padding-right: 3px; text-align: center; display: inline-block; margin-right: 5px; margin-bottom: 7px; cursor: pointer; } .card__variant .filter__type_item label:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .card__variant .filter__type_item.active label { border-color: #333!important; color: #222; } .card__pricing{ margin-top: 35px; padding-top: 0px; border-top: 1px solid #e7e7e7; } .card__price { font-size: 43px; font-weight: 600; letter-spacing: 0.02em; margin-bottom: 15px; padding-top:10px; } .card__price-main{ position: relative; padding-right: 47px; display: inline-block; font-size: 24px; } .card__quantity{ color: #00bd00; margin-top: 12px; } .quantity_status-yes{ font-weight: 400; letter-spacing: 0.04em; padding-left: 0px; } .quantity_status-no{ color:#f02828; font-size: 13px; font-weight: 600; padding-left: 0px; } .quantity_status-ends{ color:#ff8a03; font-size: 13px; font-weight: 600; padding-left: 0px; } .card__symbol_left{ margin-right: 10px; display: inline-block; } .card__price-sale{ display: inline-block; margin-right: 10px; font-weight: 600; font-size: 18px; } .card__price-sale .card__symbol_left{ margin-right: 6px; text-decoration: line-through; } .card__price-old .card__price-sale{ text-decoration: line-through; } .card__price-old .card__price-main{ color:#e62a2a; } .card__btn{margin-bottom: 10px;} .card__btn .btn-card{ margin-right: 15px; margin-bottom: 10px; } .btn-card.active{display: none;} .btn-card-basket{display: none; margin-right: 15px;} .btn-card-basket.active{display: inline-block;} .card__plus{ background-color: #f8f8f8; margin-top: 15px; } .card__plus_item { font-size: 16px; color: #353535; line-height: 1.3; padding-top: 25px; padding-bottom: 25px; text-align: center; letter-spacing: 0.04em; } .card__plus .card__plus_itemIn span{ font-size: 14px; text-align: left; color: #797979; display: inline-block; } .card__plus_itemIn .plus__icon{ background-position: 0 -3px; } .card__plus_itemIn { position: relative; display: inline-block; padding-left: 65px; padding-right: 20px; } .card__detail{padding-top: 35px;} .card__detail_title{ font-size: 15px; letter-spacing: 0.02em; font-weight: 600; } .card__detail_tab{ display: table; width: 100%; margin-top: 7px; } .card__detail_row{ display: table-row; } .card__detail_col{ display: table-cell; width: 50%; border-bottom: 1px dotted #c6c6c6; padding: 10px 0 12px; font-size: 14px; } .card__detail_row:last-child .card__detail_col{ border:none; } .card__tab{width: 100%;} .card__tab td{ display: table-cell; width: 50%; border-bottom: 1px dotted #c6c6c6; padding: 10px 0 12px; font-size: 14px; } .card__anons{ margin-top: 10px; line-height: 1.55; } .card__photo_wrap{ position: relative; } .card__photo{ padding-left: 190px; padding-right: 10px; } .card__photo-full .card__photo{ padding-left: 0px; padding-right: 0; } .card__photo-full .card__slider{display: none;} .card__slider{ width: 170px; height: 100%; position: absolute; left:0px; top: 0; } .card__slider_item{ padding-bottom: 20px; outline: none; } .card .slick-next { bottom: -18px; top: auto; left: 0; width: 100%; background: #f5f5f5; height: 35px; z-index: 10; } .card .slick-arrow:hover{background-color: #f5f5f5;} .card .slick-arrow:focus{background-color: #f5f5f5;} .card .slick-prev { bottom: auto; top: 17px; left: 0; width: 100%; background: #f5f5f5; height: 35px; z-index: 10; } .card .slick-slider{ position: static; height: 100%!important; } .card__slider .slick-list{ height: 100%!important; position: relative; } .card__slider .active_arrow .slick-list{ padding-top: 50px; padding-bottom: 20px; } .card__slider .active_arrow .slick-list:before { content: ""; width: 100%; height: 70px; background-color: white; position: absolute; bottom: 25px; left: 0; z-index: 10; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); } .card__slider .active_arrow .slick-list:after { content: ""; width: 100%; height: 44px; position: absolute; top: 30px; left: 0; z-index: 10; /* background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );*/ } .card .slick-slide{ opacity: 0.7; } .card .slick-slide:hover{ opacity: 1; } .card .slick-center, .card .slick-current{ opacity: 1; } .card .toggle_list{ margin-top: 30px; } .card .toggle_btn-style{ font-size: 16px; background-color: #f6f6f6; font-weight: 500; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .card__informers_mob{display: none;} .card__video { position: absolute; right: 0px; top: 0px; padding: 7px 11px 10px; text-align: center; background-color: white; border-right: 1px solid #dddddd; border-top: 1px solid #dddddd; z-index: 50; cursor: pointer; } .card__video_block video{ max-width: 100%; } .card__video:hover .card__video_text span{ border-bottom: none; margin-bottom: 1px; } .card__video_text{ color:#222; font-size: 11px; letter-spacing: 0.06em; margin-top: 5px; } .card__video_icon img{ width: 24px; display: inline-block!important; } .card__video_text span{ display: inline-block; border-bottom: 1px dotted #222; } /*card__video_mobile*/ .card__video_mobile { flex-wrap: wrap; justify-content: center; background: #e7e7e7; padding-top: 10px; padding-bottom: 15px; display: none; width: 100%; border: none; outline: none; cursor: pointer; } .card__video_mobile:hover .card__video_mobile_text span{ border-bottom: none; margin-bottom: 1px; } .card__video_mobile_text{ color: #222; font-size: 13px; letter-spacing: 0.06em; margin-top: 3px; font-weight: 600; } .card__video_mobile_icon img{ width: 24px; display: inline-block!important; } .card__video_mobile_text span{ display: inline-block; border-bottom: 1px dotted #222; margin-left: 10px; } /*card__video_gallery*/ .card__video_gallery { position: absolute; right: 0px; top: 50%; width: 100%; margin-top: -35px; padding: 7px 11px 10px; text-align: center; z-index: 10; cursor: pointer; } .card__video_gallery:hover .card__video_text span{ border-bottom: none; margin-bottom: 1px; } .card__video_gallery_text{ color:#fff; font-size: 11px; letter-spacing: 0.06em; margin-top: 5px; } .card__video_gallery_icon img{ display: inline-block!important; opacity: 1!important; width: 45px; } .card__video_gallery_text span{ display: inline-block; border-bottom: 1px dotted #fff; } .card__slider_item-video{ opacity: 1!important; } .card__slider_item-video .card__video{ margin: auto; left: 0; top: 50%; margin-top: -35px; } .card__slider_item-video img{ opacity: 0.3; } .card__slider_item-video_in{ display: block; background-color: #383838; position: relative; } .card__slider_item-video:hover .img-responsive{ opacity: 0.2; } .mfp-content { max-width:1400px!important; } /*card__video_gallery*/ @media (max-width: 1599px){ .card__left .toggle_list{display: none;} .card__informers_mob{display: block;} } @media (max-width: 1599px){ .card__plus_item{width: 100%;} .card__plus_item:last-child{ display: none; } } @media (max-width: 991px){ .card__left{padding-right: 0;} .reviews{ padding: 0px 0px 30px 0px; border-right: 0; margin-right: 0px; min-height: auto; } } @media (max-width: 767px){ .card__photo_mobile{display:block;} .card__photo_wrap{display: none;} .card .slick-slider{position:relative;} .card__slider{ width:100%; position:relative; } .card .slick-slider{height: auto!important;} .card__slider_item, .card__slider .active_arrow .slick-list{padding-bottom: 0px;} .card__photo{padding-left: 0px;} .card .slick-next, .card .slick-prev{ width: 30px; height: 100%; bottom:0; top: 50%; } .card__video_mobile{display: flex;} .card .slick-prev{border-right: 5px solid white;} .card .slick-next{border-left: 5px solid white;} .card__slider .active_arrow .slick-list:after{display:none;} .card__slider .active_arrow .slick-list:after{display:none;} .card__slider .active_arrow .slick-list:before { display:none; } .card__slider .active_arrow .slick-list{ padding-top:0; margin-top: 20px; padding-left: 30px; padding-right: 30px; } .card__slider .slick-prev:before{ -moz-transform: scale(1) rotate(-90deg); -webkit-transform: scale(1) rotate(-90deg); -o-transform: scale(1) rotate(-90deg); -ms-transform: scale(1) rotate(-90deg); transform: scale(1) rotate(-90deg); } .card__slider .slick-next:before{ -moz-transform: scale(1) rotate(-90deg); -webkit-transform: scale(1) rotate(-90deg); -o-transform: scale(1) rotate(-90deg); -ms-transform: scale(1) rotate(-90deg); transform: scale(1) rotate(-90deg); } .card .slick-next{right:0; left: auto;} } @media (max-width: 599px){ .card__price-old .card__price-sale{ display: block; margin-bottom: 4px; } .card__price-main{padding-right: 0px; font-size: 18px; display: block;} .card__price-sale{margin-right: 0px;} .card__plus .card__plus_itemIn span{text-align: center;} .card__pricing{padding-top: 0px;} .card__right { padding-left: 0; padding-right: 0; text-align: center; } } @media (max-width: 420px){ .card__plus_itemIn{padding-left: 20px;} .card__plus .card__plus_itemIn span{text-align: center;} } /*===== card =====*/ .card_products_buy{ border-top: 1px dotted #c7c7c7; border-bottom: 1px dotted #c7c7c7; margin-top: 30px; padding-bottom: 25px; padding-top: 10px; } .card_products_seo{ margin-top: 30px; } .viewed_products .product__title{ font-size: 13px; } .card_products_buy .h1{ font-weight: 500; font-size: 23px; } .card_products_buy .h_link{ margin-bottom: 10px; } .card_products_buy .product__info{ margin-top: 0px; } /*===== pagination =====*/ .pagination{ margin-bottom: 50px; text-align: center; } .pagination li{ display: inline-block; padding:0 5px; } .pagination a{ text-decoration: none; color: #333; font-size: 15px; padding: 7px 15px; display: block; } .pagination .active a{ border: 1px solid #222; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .pagination_arrow a { height: 36px; width: 40px; } .pagination_arrow a:before{ content: ''; display: inline-block; background-image: url(../img/sprite_pagination.png); background-repeat: no-repeat; width: 10px; height: 9px; } .pagination_arrow-prev a:before{ background-position: -14px 0; } .pagination_arrow-next a:before{ background-position: -30px 0; } .pagination_arrow-last a:before{ background-position: -44px 0; } /*===== pagination =====*/ /*===== write_rev =====*/ .write_rev .h2{ font-weight: 500; font-size: 23px; } .write_rev__rating{ margin:15px 0; } .write_rev__input textarea, .write_rev__input input:not[type="submit"]{ background-color: #e8e8e8; border:1px solid #d0d0d0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 9px 14px 11px; outline:none; font-size:14px; } .write_rev__input textarea:focus, .write_rev__input input:focus:not[type="submit"]{ border-color: #1a95e5; background-color: white; } .write_rev__help{ margin: 15px 0; color: #989898; letter-spacing: 0.04em; font-size: 14px; } .write_rev__input input:not[type="submit"]{width: 50%; margin-bottom: 15px;} .write_rev__input{ width: 100%; margin-bottom: 20px; } .write_rev__texarea textarea{ width: 100%; min-height: 100px; resize: vertical; } .write_rev__rating .rating {display: inline-block;} .write_rev__rating span{ display: inline-block; /* margin-right: 15px; */ color: #737373; } /*===== write_rev =====*/ /*===== raiting =====*/ .rating img { display: inline-block !important; width: auto !important; } .rating_none{height: 20px;} /*===== raiting =====*/ /*===== photo_block =====*/ .photo_block { position: relative; height: 0; padding-top: 100%; margin: 1px; display: block; } .photo_block__in { overflow: hidden; border: none; background: #f0f0f0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .photo_block__in img { margin: auto; max-width: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } /*===== photo_block =====*/ /*===== news =====*/ .news_cart{ margin-bottom: 60px; } .news__item { margin-bottom: 30px; } .news__item .photo_blockWrap{ width: 170px; float: left; margin-right: 25px; position: relative; } .news__link{ color:#262626; font-size: 18px; margin-bottom: 15px; font-weight: 500; } .news__title{ margin-bottom: 10px; font-weight: 600; color: #333; } .news__title:hover{ color: #fd1a1a;} .news__date{ margin-top: 15px; } .news__anons{ color:#9c9c9c; line-height: 1.4; } .news__anons p {color: #888; line-height: 1.6; font-size: 14px;} .news__date{ color:#b4b4b4; height: 30px; font-size: 14px; } .news__item .photo_block{ padding-top: 75%; z-index: 10; } /*===== news =====*/ /*===== share =====*/ .share { margin-top: 25px; } .share__title{ font-size: 14px; color: #a9a9a9; letter-spacing: 0.02em; margin-bottom: 10px; } /*===== share =====*/ /*===== Корзина =====*/ /*шапка*/ .cart__head{ border-bottom: 2px solid #ececec; margin-bottom: 10px; } .cart__head_item{ text-decoration: none; padding-left: 0; } .cart__head_item_in{ border: 1px solid white; position: relative; color: #a3a3a3; padding: 15px 20px 20px; padding-left: 20px; line-height: normal; padding-left: 70px; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -ms-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; } .cart__head_item:hover .cart__head_item_in{ background-color: white; } .cart__head_item_in:after{ content:""; position: absolute; right: -23px; top: 50%; margin-top: -12px; background: url(/views/template/img/sprite.png) no-repeat -220px -174px; width: 14px; height: 24px; } .cart__head_item.active .cart__head_item_in:after{ background: url(/views/template/img/sprite.png) no-repeat -220px -144px; } .cart__head_item:last-child .cart__head_item_in:after{display: none;} .cart__head_number{ position: absolute; left: 20px; top: 5px; font-size: 60px; font-weight: 600; } .cart__head_title{ font-size: 20px; font-weight: 600; } .cart__head_subtitle{ font-size: 14px; margin-top: 5px; } .cart__head_item.active .cart__head_title, .cart__head_item.active .cart__head_subtitle{color:#111;} .cart__head_item.active .cart__head_number{color:#e72e2e;} .cart_confirm{ padding-left: 30px; padding-right: 30px; } .cart__quantity_input{ width: 60px; } /*таблица*/ .cart_mobtitle{ display: none; } .cart_table{ width: 100%; border-collapse: collapse; } .cart_table td{ border:1px dotted #d5d5d5; } .cart_table > thead{ background-color: #f6f6f6; color: #333; font-size: 13px; font-weight: 600; } .cart_table > thead td{ padding: 12px 17px; font-weight: 600; } .cart_table > tbody td{ padding: 20px; } .cart__product_title{ font-size: 14px; font-weight: 600; color: #333; text-decoration: none; margin-bottom: 10px; display: inline-block; } .cart__product_title:hover{color:#e72e2e;} .cart__product_info{ color:#333; overflow: hidden; } .cart__product_info li{ margin-bottom: 5px; font-size: 14px; } .cart__product_img{ float: left; width: 75px; margin-right: 20px; position: relative; } .cart__product_img img{max-width: 100%;} /*общий блок*/ .cart__base{ padding-top: 15px; } .cart__base_head{ background-color: #f6f6f6; color: #333; font-size: 13px; padding: 12px 17px; border-bottom: 1px dotted #d5d5d5; font-weight: 600; } .cart__base_body{ padding: 20px 25px 15px 25px; background-color: #f6f6f6; font-size: 14px; margin-bottom: 20px; } .cart__base_body .toggle_btn-style span{ display: inline-block; font-size: 17px; margin-bottom: 3px!important; } .cart__base_body .toggle_btn-style:hover span{ margin-bottom: 4px!important; } .cart__base_sum{ margin-bottom: 13px; } .cart__base_sum_l{ float:left; margin-top: 7px; width: 140px; } .cart__base_sum_r{ font-weight: 600; text-align: right; } .cart__base_sum_r span{ font-size: 24px; } @media (max-width: 499px){ .cart__base_body .toggle_btn-style span{ font-size: 15px; } } /*sertificate*/ .cart__base_sertificate .input{ background-color: #fff; border:1px solid #c1c1c1; border-radius:2px; margin-bottom: 15px; width: 100%; margin-top: 0; font-size: ; } .cart .toggle_btn-style{ padding: 15px 0px 7px 0px; } /*sertificate*/ .cart__base_sum-total{margin-top: 0px;} .cart__base_sum-total .cart__base_sum_l{ font-size: 18px; font-weight: 600; margin-top: 13px; } .cart__base_sum-total .cart__base_sum_r span{ font-size: 28px;} /*Личные данные*/ .cart_login{margin-bottom: 25px;} .cart_login span{ color:#1a95e5; border-bottom: 1px dashed #1a95e5; cursor: pointer; } .cart_login span:hover{ border-bottom: none; } .cart .h1{ font-size: 25px; } .cart_userform{ margin-top: 25px; position: relative; } .cart_userform.active .preload{ display: block; } .cart_userform__item{margin-bottom: 20px; font-size: 0;} .cart__selected .radio__row{ font-size: 14px; margin-bottom: 8px; } .delivery_label{ margin-bottom: 10px; } .cart_userform__item > div{ display: inline-block; float: none; vertical-align: middle; font-size: 15px; } .apidelivery__department select{ height: auto; padding: 10px; font-size: 14px; width: 100%; outline: none; border: 1px solid #d7d7d7; background: #f6f6f6; } .apidelivery__city .fstElement{ width: 100%; } .apidelivery__city .fstToggleBtn{ min-width: auto; } .cart_userform__btn{text-align: right;} .cart_show_reg{ margin-top: 30px; display: none; } .cart_show_reg.active{ display: block; } .cart_userform__btn input{ margin-left: 10px; } .cart_userform__btn a{ margin-bottom: 10px; } .sure{color:#f20000;} .cart_userform__item label{ display: inline-block; margin-left: 20px; } .cart_userform__item input{ width: 100%; } .cart_userform__item input.error{ border-color: #e72e2e; } .errorTxt .error{ color: #f52222; padding-left: 35px; font-size: 13px; letter-spacing: 0.02em; padding-top: 5px; } @media (max-width: 1199px){ .errorTxt .error{ padding-left: 15px; } } .cart_userform__textarea{ width: 100%; height: 150px; } /*Проверка номера телефона*/ .сheck_phone_number{ text-align: center; max-width: 550px!important; } .сheck_phone_number__insert { font-size: 30px; font-weight: 600; margin-bottom: 20px; margin-top: 10px; } .mfp-close.сheck_phone_number__close{ position: static!important; background-image:none!important; font-size: 15px!important; line-height: 1.5!important; display: inline-block!important; width: auto!important; font-family:inherit!important; margin-top: 30px; margin-bottom: 20px; height: auto; border-bottom: 1px dotted #222222; height: auto; color:#111!important; } } @media (max-width: 499px){ .сheck_phone_number__insert { font-size: 24px; } } /*Проверка номера телефона*/ /*Корзина пуста*/ .cart_clear{ text-align: center; padding: 20px 0 30px; } .cart_clear img{max-width: 100%; display: none;} .cart_clear__title{ margin-top: 40px; font-size: 24px; color:#313131; text-transform: uppercase; font-weight: 600; } .cart_clear__subtitle{ margin-top: 5px; color: #333333; } .cart_clear__subtitle{ margin-top: 15px; color: #333333; margin-bottom: 30px; } .cart__table{ font-size: 15px; } .cart__table .sale{ background: #f02828; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color:white; display: inline-block; text-align: center; font-size: 11px; padding: 3px 10px; } .cart__table .old_price__inner{color: #dc0606; } .cart__table .old_price__inner span{text-decoration: line-through;} .cart__table .table__td{ padding: 10px; border-bottom: 1px dotted #d8d8d8; } .cart__table .table__head{ font-size: 13px; font-weight: 600; } .cart_sizes_info_in{ padding: 5px 0px; padding-bottom: 10px; line-height: 1.7; font-size: 12px; display: inline-block; letter-spacing: 0.02em; color: #6d6d6d; } /*Финальный этап оформления*/ .orderfinal{ padding:0 30px; margin-bottom: 30px; } .orderfinal_list{ margin-bottom: 20px; } .orderfinal_list span{ font-weight: 600; display: inline-block; width: 150px; } .orderfinal_title{ font-size: 20px; color: #e72e2e; font-weight: 600; margin-bottom: 18px; } .orderfinal_list ul{ list-style-type: none; } .orderfinal_list li{ margin-top: 12px; } .orderfinal__message{ padding-bottom: 30px; padding-top: 0px; margin-bottom: 40px; background: #f8f8f8; text-align: center; } .orderfinal__message_title{ font-size: 28px; color:#111; font-weight: 600; } .orderfinal__message_subtitle{ font-size: 14px; color:#949494; } .cart .cart__base_sum-sum{ display: none; } .cart_pay__info{ font-size: 14px; padding: 25px 30px; background: #f8f8f8; border-radius: 5px; margin-bottom: 20px; } .cart_pay__info_title{ font-weight: 600; margin-bottom: 10px; } @media (max-width: 1199px){ .cart__base_sum_r span{ margin-top: 7px; display: inline-block; } .cart__base_sum-total .cart__base_sum_r span{font-size: 20px;} } @media screen and (max-width: 991px) { .cart__head_subtitle{display: none;} .cart__head_title{font-size: 15px;} .cart__head_number{ left: 18px; top: 4px; font-size: 35px; } .cart__head_item_in{ position: relative; color: #a3a3a3; padding: 15px 20px 20px; padding-left: 20px; line-height: normal; padding-left: 50px; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -ms-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; height:60px; } .cart__head{ margin-bottom: 10px; } } @media screen and (max-width: 700px) { .cart .h1{font-size: 20px;} .cart__head_item_in{ background-color: transparent; border:none; padding: 13px 0px 13px; padding-left: 30px; height: auto; box-shadow:none; } .cart__head_number{ left: 6px; top: 8px; font-size: 26px; } .cart__head_item_in:after{display: none;} .cart__table .table__td{ font-size: 13px; padding: 6px 10px; } .cart__product_sum {font-weight: 600; font-size: 16px;} .cart__product_info li{font-size: 13px;} .cart_userform__item label{margin-left: 0;} .cart_userform{margin-top: 15px;} .cart_userform__item > div{font-size: 14px;} .cart .table__wrap, .cart__table .table__head, .cart__table .table__td, .cart .table__tr {display: block; text-align: left;} .cart .table__head{display: none;} .cart_mobtitle{ display: inline-block; } .cart__table .price{clear: left;} .cart__table .price, .cart__table .count, .cart__table .cart__product_sum, .cart__table .table__td-price, .cart__table .table__td-quantity{ padding-left: 92px; } .cart__table .quantity input{ padding-right: 19px!important; } .cart__table .table__td{border-bottom:none;} .cart__product_title{font-size: 18px;} .cart__product_img{width: 60px;} .cart__head {display: none;} .cart__base_sum_l{float: none;} .cart__base_body .toggle_btn-style:before{display: none;} .cart__base_body .cart__base_sum_r{text-align:left;} .orderfinal > div{overflow: auto;} .orderfinal .cart_table{width: 800px;} } /*===== Корзина =====*/ /*===== Личный кабинет =====*/ .order_link{ font-size: 14px; font-weight: 600; color:#1a95e5; } /*===== Личный кабинет =====*/ /*===== Спасибо за регистрацию =====*/ .reg_success{ text-align: center; } .reg_success__title{ margin-top: 30px; text-transform: uppercase; font-size: 28px; } .reg_success__subtitle{ margin-top: 20px; color: #666; } /*===== Спасибо за регистрацию =====*/ /*===== Информер на карточке товара =====*/ .why_prod:hover{ color: white; } .why_prod{ background: #0564b5 url(/user/upload/images/design/why.jpg) no-repeat top center; color: white; padding: 25px 35px 30px 35px; display: block; margin-top: 25px; } .why_prod__title{ margin-bottom: 15px; font-size: 21px; font-weight: 600; display: block; } .why_prod a{ font-size: 14px; color:white; } .why_prod__link{ display: inline-block; font-size: 14px; text-decoration: underline; } .why_prod__link:hover{ text-decoration: none; } @media (max-width: 400px){ .why_prod{text-align: center; padding: 25px 25px;} .why_prod__title{ font-size: 17px; margin-bottom: 5px; } } /*===== Информер на карточке товара =====*/ /*===== countdown =====*/ ul.countdown { list-style: none; margin: 30px 0; padding: 0; display: block; text-align: center; } ul.countdown li { display: inline-block; } ul.countdown li span { font-size: 70px; font-weight: 300; line-height: 70px; } ul.countdown li.seperator { font-size: 70px; line-height: 60px; vertical-align: top; } ul.countdown li p { color: #ffffff; font-size: 16px; margin-top: 10px; } /*===== countdown =====*/ .head_banner { padding-left: 0!important; padding-right: 0!important; width: 100%!important; } .head_banner .container{ padding-left: 0px; padding-right: 0px; } /*===== size =====*/ .size_wrap{ margin-top: 5px; margin-bottom: 35px; } .size_btn{ color: #4a8bda; font-weight: 400; border-bottom:1px dotted #4a8bda; } .size_btn:hover{ color: #4a8bda; border:none; } /*===== size =====*/ /*=================tabs=================*/ .tabs_style{ font-size: 14px; font-weight: 400; margin-top: 15px; } .tabs_style > div{ padding-top:10px; } .tabs_style > ul{ margin:0px; padding:0px; } .tabs_style > ul:after{ content:""; display:block; clear:both; } .tabs_style > ul li{ margin: 0px; padding: 0px; cursor: pointer; display: block; float: left; padding: 1px 10px 2px 10px; color: #333; margin-right: 3px; text-transform: uppercase; font-size: 15px; font-weight: 600; letter-spacing: 0.04em; } .tabs_style > ul li:hover{ color: #f02828;; } .tabs_style > ul li.active, .tabs_style ul li.active:hover{ color: white; background: #222; } .tabs__content { display: none; } .tabs__content.active { display: block; } /*=================tabs=================*/ /*================= adaptive_tabs=================*/ .adaptive_table { /* border: 1px solid #ccc;*/ border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: fixed; } .adaptive_table caption { font-size: 1.5em; margin: .5em 0 .75em; } .adaptive_table tr { border-bottom: 2px solid #ececec; padding: .35em; } .adaptive_table td:first-child{ font-weight: 600; color:#ec0000; } .adaptive_table tr:nth-child(even){ background-color: #f6f6f6; } .adaptive_table th, .adaptive_table td { padding: .625em; text-align: center; } .adaptive_table th { font-size: .85em; letter-spacing: .1em; font-weight: 600; } @media screen and (max-width: 767px) { .adaptive_table.sm { border: 0; } .adaptive_table.sm caption { font-size: 1.3em; } .adaptive_table.sm thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .adaptive_table.sm tr { display: block; margin-bottom: .625em; } .adaptive_table.sm td { border-bottom: 1px solid #ddd; display: block; font-size: .8em; text-align: right; } .adaptive_table.sm td::before { content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; } .adaptive_table.sm td:last-child { border-bottom: 0; } } /*===========card__attrs========*/ .card__attrs{ margin-top: 30px; } .card__attrs li{ padding: 10px 0; border-bottom: 1px dotted lightgrey; color: #111; font-size: 14px; } .card__attrs span{ font-weight: 600; } .card__attrs_cell{float: left; width: 50%;} /*===========card__attrs========*/ /*===========card__links========*/ .product_links__title{ letter-spacing: 0.04em; font-size: 15px; font-weight: 600; margin-bottom: 10px; } .product_links_item{ display: inline-block; width: 60px; height: 60px; padding: 5px; border: 2px solid gainsboro; margin-right: 5px; margin-bottom: 5px; border-radius: 5px; overflow: hidden; } .product_links_item:hover, .product_links_item.active{ border-color: #222222; } /*===========card__links========*/ #__replain_widget{ right: 16px!important; } @media screen and (max-width: 767px) { #__replain_widget{ right: 6px!important; bottom: 7px!important; } } .card__info{ padding: 20px 30px; background: #f8f8f8; } .card__info li strong{ color:#f02828; } .card__info li{ position: relative; padding-left: 20px; padding-bottom: 5px; } .card__info li:before{ content: ""; width: 7px; height: 2px; position: absolute; left: 5px; top: 9px; background-color: #222; } .card__info_sub{ margin-top: 10px; margin-bottom: 10px; } /*===========dropzone========*/ .dropzone.dropzone__form { border: none!important; padding: 0 0 75px 0; } .fallback [type="file"] { height: 0!important; overflow: hidden!important; width: 0!important; padding: 0!important; } .dropzone.dropzone__form .dz-preview{ margin: 16px 16px 30px 16px; } .dropzone__form .dropzone__form_drop{height: 100px;} .dropzone__form {position: relative; padding: 0px 20px 100px 20px;} .dropzone__form_in{ position: absolute; bottom: 0px; } .dropzone__form .dz-default{ border: 2px dotted #d8d8d8; padding: 60px 25px; width: 200px; margin-top: 0!important; display: inline-block!important; border-radius: 10px; } /*===========dropzone========*/ .reviews_head__title{ font-size: 25px; font-weight: 600; } .reviews_head .write_answer{ display: none; } /*===== reviews =====*/ .review__page .review__name{ font-size: 24px; text-transform: uppercase; } .review__page .review__item_avatar{ width: 145px; height: 145px; border-radius: 50%; overflow: hidden; position: absolute; top: -80px; left: 20px; border: 10px solid white; } .review__page .review__item_city{ font-size: 14px; background: #333333; padding: 2px 10px; display: inline-block; color: white; } .review__page .review__product_link a{ color: #4a8bda; } .review__page .review__text{ margin-top: 10px; margin-bottom: 20px; } .review__product_link{ width: 200px; font-size: 13px; } .review__product_link img{margin-bottom:10px;} .review__page .review__date{ color:#d0d0d0; margin-top: 10px; font-size: 14px; } .review__gallery{ margin-bottom: 15px; } .review__gallery_item{ display: inline-block; width: 100px; padding: 5px; } .review__gallery_item img{ max-width: 100%; } .review__gallery_item:hover{ opacity: 0.8; } body .review__page .review__parent { margin-top: 50px; padding: 25px 30px 30px 35px; border-radius: 5px; border: 1px solid #e0e0e0; position: relative; border-top: 3px solid #333333; } .review__page .write_answer{font-size: 14px;} .review__page .review__page{ font-size: 14px; } @media screen and (max-width: 767px) { .reviews_head__title { font-size: 18px; } .review__list ul{ padding-left: 10px; list-style-type: none; } .reviews_head .dropzone__form{ padding: 0px 0px 100px 0px; } } /*===== reviews =====*/ /*===== inform_message =====*/ .inform_message { padding: 10px 15px; background: #ffffff; color: #222; border-radius: 5px; font-size: 14px; margin-bottom: 8px; } .inform_message__text{ font-size: 13px; margin-top: 5px; } .inform_message-error { background: #ffebeb; color: #e40000; } .inform_message__title{ font-weight: 600; color: #f02828; } @media screen and (max-width: 767px) { .inform_message { font-size: 12px; } .cart__base_in .toggle_item-style{ margin-bottom: 0px; } .cart__base_in .toggle_btn-style{ font-size: 13px; } } /*===== inform_message =====*/ .container_xl{ width: 100%; max-width: 1920px; padding-left: 20px; padding-right: 20px; margin:0 auto; } .akcent2{ padding-top: 20px; } .akcent2-mob{ display: none; } .akcent2__row{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .akcent2__item, .akcent2__item:hover { color:white; } .akcent2__item { text-align: center; } .akcent2__item { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin: 5px; height: calc(460 / 1905 * (100vw)); align-items: center; justify-content: center; background-size: cover; background-repeat: no-repeat; background-position: center; } .akcent2__title{ font-size: 55px; text-shadow: 4px 4px 15px rgba(0,0,0,0.8); font-weight: 600; } .akcent2__subtitle{ font-size: 22px; margin-top: 5px; text-shadow: 4px 4px 15px rgba(0,0,0,0.8); } .akcent2__col-l{ width: 33.3%; padding-bottom: 10px; } .akcent2__col-l .akcent2__item{ height: 100%; } .akcent2__col-r{ width: 66.6%; } .akcent2__col-r .akcent2__item { justify-content: left; padding-left: 5%; } .akcent2__col-r .akcent2__text{ text-align: left; } .akcent2__item .akcent2__text{ display: block; width: 100%; padding: 40px 20px; } .akcent2__row_bottom{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .akcent2__row_bottom .akcent2__col{ width: 33.33% } @media screen and (max-width: 1499px) { .akcent2__title { font-size: 48px; } } @media screen and (max-width: 1199px) { .akcent2__title { font-size: 38px; } .akcent2__subtitle{ font-size: 19px; } } @media screen and (max-width: 991px) { .akcent2__col-r{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .akcent2-mob{display: block;} .akcent2-desk{display: none;} .akcent2__col-r .akcent2__item{ width: 50%; justify-content: center; padding-left: 0; } .akcent2__col-r .akcent2__text{ text-align: center; } .akcent2__title { font-size: 28px; } .akcent2__subtitle{display: none;} .akcent2__col-l .akcent2__item-1{ background-image: url(/user/upload/images/akcent/akcent3_small_new.jpg); } } @media screen and (max-width: 767px) { .akcent2__row{display: none;} .akcent2__col-r{ width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; } .akcent2__row_bottom .akcent2__col{ width: 50%; } .akcent2__item{height: calc(660 / 1905 * (100vw));} .akcent2{ padding-left: 5px; padding-right: 5px; } } @media screen and (max-width: 499px) { .akcent2_wrap{ padding-left: 0px; padding-right: 0px; } .akcent2__col-r .akcent2__item, .akcent2__row_bottom .akcent2__col { width: 100%; } .akcent2__item{ height: calc(1160 / 1905 * (100vw)); margin-bottom: 15px; } } @media screen and (max-width: 399px) { .akcent2__title{ font-size: 22px; } } /*instagram_shop*/ .instagram_shop{ margin-top: 50px; } .instagram_shop__title{ text-align: center; font-size: 20px; margin-bottom: 10px; font-weight: 600; } .instagram_shop .gallery_moduleList { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; } .instagram_shop .gallery_module__item{ width: 20%; padding: 1px; } .gallery_module__item_hover{ visibility: hidden; opacity: 0; text-align: center; color:white; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; position: relative; z-index: 20; letter-spacing: 0.04em; padding: 3px 10px 5px; font-size: 13px; border:1px solid white; } .instagram_shop .photo_block__in{ background: #212121; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; align-content: center; justify-content: center; } .instagram_shop .photo_block{margin: 0px;} .instagram_shop .photo_block img{ -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .instagram_shop .photo_block:hover img{ opacity: 0.4; } .instagram_shop .photo_block:hover .gallery_module__item_hover{ visibility: visible; opacity: 1; } @media screen and (max-width: 1199px) { .instagram_shop .gallery_module__item{ width: 25%; } } @media screen and (max-width: 899px) { .instagram_shop .gallery_module__item{ width: 33.3%; } } @media screen and (max-width: 499px) { .instagram_shop .gallery_module__item{ width: 50%; } } /*instagram_shop*/ .width1000_page, .width1000_page p{ font-size: 14px; } .width1000_page p{ margin-bottom: 15px; } .width1000_page table{ font-size: 13px; } .width1000_page table{ margin-bottom: 20px; } .width1000_page .container{ max-width: 1000px; } .width1000_page .h_head{ margin-bottom: 0; } .width1000_page h2{ font-weight: 600; font-size: 22px; } .width1000_page td{ border:1px solid black; padding: 10px 20px; } .delivery_page_block1{ background-color: #e80000; padding: 30px 30px 35px 130px; color:white; position: relative; margin-bottom: 12px; margin-top: 15px; } .delivery_page_block1 i{ width: 80px; height: 80px; position: absolute; top: 20px; left: 35px; } .delivery_page_block1__title{ font-size: 22px; color:white; font-weight: 600; line-height: 1.4; margin-bottom: 5px; } .delivery_page_block1__text{ font-size: 15px; letter-spacing: 0.04em; } .delivery_page_block2__title{ font-size: 18px; font-weight: 600; margin-bottom: 7px; line-height: 1.4; } .delivery_page_block2__title span{ color:#e80000; } .delivery_page_block2{ margin-top: 20px; } @media screen and (max-width: 499px) { .delivery_page_block1 i{ display: none; } .delivery_page_block1{padding: 20px 20px 25px 30px;} .delivery_page_block1__title{ font-size: 17px; } .delivery_page_block1__text{font-size: 13px;} .width1000_page td{ padding: 10px 10px; } .width1000_page table{ font-size: 12px; } } .fix_block{ display: none; } .fix_block .container{ padding-left: 15px; padding-right: 15px; } .fix_block__row{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; } /*fix_block*/ body.fixed #fix--position2 .fix_block{ position: fixed; padding: 2px 0; top: 0; left: 0; right: 0; margin: 0 auto; z-index: 100; background-color: rgba(51, 51, 51, 0.95); display: none; height: 44px; } .fix_block__colmn-r{ display: flex; align-items: center; justify-content: flex-end; flex-grow: 0; flex-shrink: 0; width: 35px; } .fix_block__colmn-c{ text-align: center; flex-grow: 1; flex-shrink: 1; } .fix_block__phone{margin-right: 20px;} .fix_block__colmn-l { padding-top: 9px; color:white; font-size: 13px; font-weight: 600; flex-grow: 0; flex-shrink: 0; padding-right: 14px; } .fix_block__colmn-l a{ color: white; font-weight: 600; letter-spacing: 0.05em; display: inline-block; margin-top: 15px; padding-left: 7px; text-transform: uppercase; } .fix_block__colmn-l a:hover{ color:#e4ec45; } .fix_block__colmn-l i{ color: #e4ec45; font-size: 18px; } .fix_block__phone{ position: relative; top: -2px; } .fix_block .search__popup i{ top: -2px; background: url(/views/base_template/img/search_white.svg) no-repeat; } .fix_block .basket svg{ top:-3px; width: 27px; margin-right: 0; height: 27px; fill:white; } .fix_block .basket:hover svg{ fill: #ff3636; } .fix_block .basket__count{ top: -5px; left: 22px; } .fix_block__colmn .search__input { background: white!important; border: none!important; line-height: 1; -webkit-appearance: none; border-radius: 0; padding: 8px 13px 11px!important; } .fix_block__colmn .search__btn{ height: 37px; width: 35px; background-position: 8px 7px; } .fix_block__colmn .search__input::-webkit-input-placeholder { font-size: 11px; line-height:normal!important; } .fix_block__colmn .search__input:-ms-input-placeholder { font-size: 11px; line-height:normal!important; } .fix_block__colmn .search__input::placeholder { font-size: 11px; line-height:normal!important; } .fix_block__colmn .hide_show_menu{ font-size: 11px; } .fix_block__colmn .hamburger__box{ width: 24px; } .fix_block__colmn .hamburger__inner, .fix_block__colmn .hamburger__inner::before, .fix_block__colmn .hamburger__inner::after{ width: 15px; height: 2px; } .fix_block__colmn .hamburger__inner::before{ top: -5px; } .fix_block__colmn .hamburger__inner::after{ bottom: -5px; } .fix_block__colmn .search__btn{ background-color: #5d5d5d; } .fix_block__colmn .basket__count{ width: 15px; height: 15px; padding-top: 2px; font-size: 8px; } .fix_block__colmn .search__form{ top:2px; width: 100%; } @media screen and (max-width: 767px) { body.fixed #fix--position2 .fix_block{ display: block; } .fix_block__colmn .search__input::-webkit-input-placeholder { line-height:1.8!important; } .fix_block__colmn .search__input:-ms-input-placeholder { line-height:1.8!important; } .fix_block__colmn .search__input::placeholder { line-height:1.8!important; } } @media screen and (max-width: 399px) { .fix_block__row .search__form{ width: 165px; } } /*fix_block*/ .info_top_mob{ max-width: none!important; } /*===== chavo =====*/ .seo_products{ font-size: 14px; line-height: 1.7; } .seo_products h2{ font-size: 23px; } .seo_products h3{ font-size: 17px; } .seo_products a{ color: #4a8bda; } @media screen and (max-width: 499px) { .seo_products { font-size: 13px; } } /*===== chavo =====*/ /*===== relinking =====*/ .relinking{ border: 4px solid #efefef; padding: 30px 33px 35px 33px; margin-top: 30px; } .relinking a { color:#444; text-decoration: underline; font-size: 13px; } .relinking a:hover{ text-decoration: none; } .relinking li{ padding-bottom:10px; } /*===== relinking =====*/ /*===== relinking2 =====*/ .relinking2{ padding-top: 30px; } .relinking2 a{ color: #4a8bda; font-size: 13px; display: inline-block; padding-bottom: 5px; } .relinking2__title{ font-size: 17px; font-weight: 500; margin-bottom: 5px; } .relinking2__list{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .relinking2__list ul{ width: 50%; } .relinking2__list li{padding-right: 15px;} @media screen and (max-width: 991px) { .relinking2__list ul{ width: 100% } } @media screen and (max-width: 599px) { .relinking2__list{ flex-flow: column; } } /*===== relinking2 =====*/ /*===== sitema =====*/ .sitemap_catalog a{ position: relative; display: inline-block; color:#222; text-decoration: underline; font-size: 13px; } .sitemap_catalog a:hover{ text-decoration: none; } .sitemap_catalog a:before{ width: 10px; height: 1px; background-color: #222; content: ""; position: absolute; left: -19px; top: 9px; } .sitemap_catalog ul a{ margin: 5px 30px 12px; } .sitemap_catalog ul ul a { font-weight: 400; margin: 5px 50px 10px; } .sitemap_catalog ul ul ul a { font-weight: 400; margin: 5px 70px 12px; } /*===== sitema =====*/ /*===== sitemap_page =====*/ .sitemap_page .mobile_nav__i img{ display: none; } /*===== sitemap_page =====*/ .instagram_gallery{ flex-wrap: wrap; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .instagram_gallery a{ display: block; padding: 1px; width: 25%; } .instagram_gallery img{ max-width: 100%; width: 100%!important; margin: 0!important; } @media screen and (max-width: 599px) { .instagram_gallery a{ width: 50%; } } /*===== cities =====*/ .cities__list{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; padding: 40px 0; flex-wrap: wrap; } .cities__list ul{ width: 25%; } .cities__list ul a{ padding: 3px 5px; font-size: 13px; display: inline-block; } @media screen and (max-width: 991px) { .cities__list ul{ width: 50%; } } @media screen and (max-width: 499px) { .cities__list ul a{ font-size: 11px; } } /*===== cities =====*/ .tagsSlider{max-height:31px; overflow: hidden; margin-bottom: 20px; padding-top: 3px;} .tagsSlider__list{ display: flex!important; } .tagsSlider .slick-prev{ left: 0px; z-index: 10; position: relative; top: 14px; padding-right: 10px; } .tagsSlider .slick-next{ right: 0px; z-index: 10; position: relative; top: 14px; padding-left: 9px; } .tagsSlider .slick-next:before{ -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .tagsSlider .slick-prev:before{ -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .tagsSlider__item a{ align-items: center; justify-content: center; padding: 3px 15px 5px; border-radius: 2px; box-sizing: border-box; border: 1px solid #e4e4e4; background: #fff; font-size: 12px; color: #333; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; display: inline-block; margin-right: 10px; } .tagsSlider__item a:hover{ border-color:#00dc66; } @media (max-width: 500px){ .tagsSlider__item a{font-size: 12px; padding: 3px 10px 5px;} } /*=======ajax_load========*/ .ajax_load__btn{ text-align: center; margin-bottom: 40px; margin-top: 15px; } .ajax_load__btn span { padding: 13px 23px 15px; border: 1px solid #575757; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .ajax_load__btn span:hover{ border-color:#e62a2a; } /*=======ajax_load========*/ /*=======discount========*/ .discount{ background: #333 url('/user/upload/images/content/discount_bg.jpg') center; padding: 50px 70px; color:white; font-size: 14px; } /*----*/ .discount__head{ margin-bottom: 40px; } .discount__head_title{ font-weight: 600; font-size: 22px; line-height: 1.7; margin-bottom: 25px; } .discount__head_title span{ display: inline-block; background-color: #ed2319; color: white; padding-left: 10px; padding-bottom: 1px; padding-right: 10px; line-height: 1.3; } .discount__head_list li{ position: relative; padding-left: 35px; margin-bottom: 10px; } .discount__head_list .number{ font-size: 13px; width: 23px; height: 23px; color: #222; position: absolute; left: 0; top: 0; background: white; text-align: center; font-weight: 600; border-radius: 10px; } /*----*/ .discount__title{ font-size: 50px; font-weight: 600; line-height: 1.3; } .discount__subtitle{ font-size: 40px; font-weight: 600; color: #ffb90f; margin-bottom: 20px; } .discount__list{ font-size: 17px; font-weight: 600; letter-spacing: 0.02em; margin-bottom: 25px; margin-top: 25px; } .discount__list li{ margin-bottom: 10px; position: relative; } .discount__list_percent{ background-color: #f8c701; color: #111; text-align: center; font-weight: 600; display: inline-block; padding: 1px 7px; border-radius: 4px; } .discount__list_price{ color:#e9b52a; } .discount__info{ color: #f8c701; margin-bottom: 5px; } .discount__sale_title{ font-size: 30px; font-weight: 600; margin-top: 25px; margin-bottom: 5px; } .discount__sale_text{margin-bottom: 25px;} .discount__sale_title span{ color:#ed2319; } .discount__sale_h2{ font-size:20px; font-weight: 600; margin-bottom: 8px; } .discount__sale_list{ margin-bottom: 20px; } .discount__sale_list li{ position: relative; padding-left: 35px; margin-bottom: 10px; } .discount__sale_list .number { font-size: 13px; width: 23px; height: 23px; color: #222; position: absolute; left: 0; top: 0; background: white; text-align: center; font-weight: 600; border-radius: 10px; } .discount__inform{ padding-top: 30px; margin-top: 30px; border-top: 1px solid rgb(255 255 255 / 25%); display: flex; font-size: 13px; line-height: 1.7; } .discount__inform_col{ width: 50%; } .discount__inform_text{ color: #f8c701; } .discount__inform_title{ color: #ed2319; text-transform: uppercase; margin-bottom: 7px; font-weight: 600; letter-spacing: 0.02em; } .discount__inform_sale li{position: relative; padding-left: 20px; margin-bottom: 5px;} .discount__inform_sale li:before{ content: ""; width: 10px; height: 2px; background-color: #ed2319; position: absolute; top: 10px; left: 0; } @media (max-width: 767px){ .discount{ font-size: 13px; padding-left: 35px; padding-right: 35px; line-height: 1.75; } .discount__head_title{ font-size: 17px; } .discount__title, .discount__subtitle{ font-size: 25px; } .discount__list{ font-size: 15px; margin-top: 15px; } .discount__info{ font-size: 13px; } .discount__sale_title{ font-size: 20px; } .discount__inform{ flex-flow: column; } .discount__inform_col{width: 100%;} .discount__inform_text{ margin-top: 20px; } } @media (max-width: 499px){ .discount__list{font-size: 13px; font-weight: 400;} .discount__head_title, .discount__sale_title{font-size: 14px;} .discount__sale_h2{font-size: 14px;} .discount__title, .discount__subtitle{font-size: 18px;} .discount{padding:20px 20px 30px 20px;} } /*=======discount========*/ /*=======subscription========*/ .subscription{ display: flex; flex-wrap: wrap; align-items: center; margin-top: 50px; margin-bottom: 50px; } .subscription .modal_input__info{ font-size: 13px; margin-top: 12px; color: #bdbdbd; } .subscription form{ width: 280px; } .subscription__col-r{ padding-left: 30px; } .subscription .btn{margin-top: 30px;} .subscription form {max-width: 350px;} .subscription__title{ font-size: 25px; margin-bottom: 20px; line-height: 1.55; } .subscription__col-l img{ max-width: 100%; } .subscription__col { width: 50%; } .subscription__thanks_block{ margin-bottom: 40px; } .subscription__thanks_title{ font-size: 21px; margin-top: 15px; } .subscription__thanks_text{ font-size: 15px; } .subscription_final .subscription__title{ font-weight: 400; font-size: 21px; } .subscription_error{ color: #f02828; font-size: 13px; font-weight: 600; } @media (max-width: 767px){ .subscription{ flex-flow: column-reverse; } .subscription__col-r{ padding-left: 0px; } .subscription input{text-align: center;} .subscription__col{ width: 100%; text-align: center; } .subscription form{ width: 280px; margin: 30px auto 0px; } } /*=======subscription========*/ .thanksyou{ text-align: center; padding-top: 50px; padding-bottom: 30px; } .magnet_wrap { position: fixed; right: 0px; top: 10%; z-index: 10000; z-index: 1001; -webkit-transition: right .3s ease; -moz-transition: right .3s ease; -ms-transition: right .3s ease; -o-transition: right .3s ease; transition: right .3s ease; } .magnet_btn { -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; background-color: #e64040; color: #fff; display: block; padding: 8px 7px 8px 7px; cursor: pointer; -webkit-transition: transform .3s ease; -moz-transition: transform .3s ease; -ms-transition: transform .3s ease; -o-transition: transform .3s ease; transition: transform .3s ease; } .modal_preloader { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: white; z-index: 1; display: none; } .modal_preloader.active{ display: flex; } .starbox { -webkit-mask: url(/views/base_template/img/stars_clip_path.svg); mask: url(/views/base_template/img/stars_clip_path.svg); --color: #ff9f00; --bg: #ddd; flex-shrink: 0; display: inline-block; vertical-align: middle; width: 88px; height: 16px; } .catalog-rating-info { margin: 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; display: flex; align-items: center; margin-bottom: 4px; position: relative; z-index: 1; line-height: 24px; max-height: 24px; height: 24px; cursor: pointer; } .catalog-rating-info .starbox { display: flex; align-items: center; } .catalog-rating-info .pd__rating-reviews { color: #717d84; font-size: 13px; margin-left: 6px; font-weight: bold; line-height: 1.71; cursor: pointer; font-weight: bold; line-height: 1.71; } .rating__tab-count { vertical-align: text-bottom; background-color: #ff9f00; color: white; font-size: 12px; font-weight: bold; padding: 2px 8px; border-radius: 8px; margin-left: 7px; display: inline-block; } .stagh2 { display: inline-block; } .reviews .pd__rating-reviews { font-weight: normal; margin-left: 0px; margin-right: 10px; } .reviews .starbox { margin-right: 10px; } .reviews .pd__rating-reviews .bold { font-weight: bold; margin-right: 5px; color: #202020; } .separate-text-ratig { margin-right: 5px; } .reviews .review__date { float: right; font-size: 13px; color: #aeaeae; } .reviews .review__info { margin-bottom: 0px; } .full-stars { text-align: left; } .full-stars .rating-group { display: inline-flex; } .full-stars input { position: absolute; left: -9999px; } .full-stars label { margin: 0; cursor: pointer; display: flex; flex-direction: column; justify-content: center; text-align: center; width: 70px; } .full-stars label svg { margin: 2px; height: 40px; width: 40px; fill: #F5B335; transition: fill 0.3s; display: flex; align-self: center; } .full-stars input:checked ~ label svg { fill: #dfdfdf; } .full-stars .rating-group:hover label svg { fill: #FF9F00; } .full-stars .rating-group input:hover ~ label svg { fill: #dfdfdf; } .full-stars label span { font-size: 10px; } @media (max-width: 991px){ .news_page .left_form-2 {margin-top: 40px;} .news_page .news_list{padding: 0 10px;} .news__item .photo_blockWrap{margin-right: 15px;} .news__link{font-size: 16px;} } @media (max-width: 500px){ .news__item .photo_blockWrap{width: 100px;} .news__anons{display: none;} .full-stars label span { font-size: 9px; } .full-stars label svg { height: 30px; width: 30px; } .full-stars label { width: 60px; } } .slick-slide { height: auto !important; }