core/skin/m2.yurecnt.ru/css/template_3c22d4303060b873d7...

16139 lines
562 KiB
CSS
Raw Normal View History

2023-04-09 19:52:26 +05:00
.tfl-popup{
border-radius:0px;
}
.tfl-define-popup{
border-radius:0px;
}
.tfl-define-popup__main{
color: #000000;
background-color: #fad200;
}
.tfl-define-popup__main:hover{
color: #ffffff;
background-color: #000000;
}
.tfl-define-popup__second{
color: #000000;
background-color: #ffffff;
}
.tfl-define-popup__second:hover{
color: #000000;
background-color: #ffffff;
}
@media screen and (max-width: 767px)
{
.tfl-popup {
width: 100%;
height: 100%;
top: 60%;
border-radius: 0;
z-index: 9999999;
/* grid-template-rows: auto auto minmax(50%, max-content);*/
grid-template-rows: auto auto minmax(50%, 1fr);
}
.tfl-popup.tfl-popup_loading {
height: 100%;
}
.tfl-popup__container {
/* float: none;
align-self: stretch;*/
height: 100%;
}
.tfl-popup__with-locations.tfl-popup__with-defaults .tfl-popup__container{
grid-template-columns: 1fr;
grid-template-rows: auto 1fr;
}
.tfl-popup__with-defaults .tfl-popup__defaults{
margin-bottom: 1rem;
height: auto;
}
.tfl-popup .tfl-popup__search-input {
max-width: none;
width: 100%;
}
.tfl-popup__list {
width: 100%;
}
}
/* Start:/bitrix/templates/mallstroyhead/fonts/font-awesome/css/font-awesome.min.css?161495190029062*/
/*!
* Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/@font-face{font-family:'FontAwesome';src:url('/bitrix/templates/mallstroyhead/fonts/font-awesome/css/../fonts/fontawesome-webfont.eot?v=4.6.3');src:url('/bitrix/templates/mallstroyhead/fonts/font-awesome/css/../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('/bitrix/templates/mallstroyhead/fonts/font-awesome/css/../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('/bitrix/templates/mallstroyhead/fonts/font-awesome/css/../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('/bitrix/templates/mallstroyhead/fonts/font-awesome/css/../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),url('/bitrix/templates/mallstroyhead/fonts/font-awesome/css/../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.
/* End */
/* Start:/bitrix/templates/mallstroyhead/bootstrap/css/bootstrap.min.css?1615359931122540*/
/*!
* Bootstrap v3.3.5 (http://getbootstrap.com)
* Copyright 2011-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}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{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:'Glyphicons Halflings';src:url(/bitrix/templates/mallstroyhead/bootstrap/css/../fonts/glyphicons-halflings-regular.eot);src:url(/bitrix/templates/mallstroyhead/bootstrap/css/../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(/bitrix/templates/mallstroyhead/bootstrap/css/../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(/bitrix/templates/mallstroyhead/bootstrap/css/../fonts/glyphicons-halflings-regular.woff) format('woff'),url(/bitrix/templates/mallstroyhead/bootstrap/css/../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(/bitrix/templates/mallstroyhead/bootstrap/css/../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"
/* End */
/* Start:/bitrix/templates/mallstroyhead/js/owl.carousel/assets/owl.carousel.css?16149519003751*/
/**
* Owl Carousel v2.1.4
* Copyright 2013-2016 David Deutsch
* Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
*/
/*
* Owl Carousel - Core
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1; }
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y; }
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; }
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d; }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-loaded {
display: block; }
.owl-carousel.owl-loading {
opacity: 0;
display: block; }
.owl-carousel.owl-hidden {
opacity: 0; }
.owl-carousel.owl-refresh .owl-item {
display: none; }
.owl-carousel.owl-drag .owl-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-grab {
cursor: move;
cursor: grab; }
.owl-carousel.owl-rtl {
direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
float: right; }
/* No Js */
.no-js .owl-carousel {
display: block; }
/*
* Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
z-index: 0; }
.owl-carousel .owl-animated-out {
z-index: 1; }
.owl-carousel .fadeOut {
animation-name: fadeOut; }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
transition: height 500ms ease-in-out; }
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease; }
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d; }
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000; }
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("/bitrix/templates/mallstroyhead/js/owl.carousel/assets/owl.video.play.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none; }
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%; }
/* End */
/* Start:/bitrix/templates/mallstroyhead/css/material-design.css?161495190024423*/
/**
* Title: Material Design Flaticon Pack
* Author: Google
* Source: http://www.flaticon.com/packs/material-design
* License: CC BY 3.0 (http://creativecommons.org/licenses/by/3.0/)
*/
@font-face {
font-family: "material-design";
src: url("/bitrix/templates/mallstroyhead/css/../fonts/material-design.eot");
src: url("/bitrix/templates/mallstroyhead/css/../fonts/material-design.eot#iefix") format("embedded-opentype"),
url("/bitrix/templates/mallstroyhead/css/../fonts/material-design.woff") format("woff"),
url("/bitrix/templates/mallstroyhead/css/../fonts/material-design.ttf") format("truetype"),
url("/bitrix/templates/mallstroyhead/css/../fonts/material-design.svg") format("svg");
font-weight: normal;
font-style: normal;
}
.material-design-ico,
[class^="material-design-"]:before, [class*=" material-design-"]:before,
[class^="material-design-"]:after, [class*=" material-design-"]:after {
font-family: "material-design";
font-size: inherit;
font-weight: 400;
font-style: normal;
}
.material-design-account4:before {
content: "\e000";
}
.material-design-add179:before {
content: "\e001";
}
.material-design-add180:before {
content: "\e002";
}
.material-design-add181:before {
content: "\e003";
}
.material-design-add182:before {
content: "\e004";
}
.material-design-add183:before {
content: "\e005";
}
.material-design-add184:before {
content: "\e006";
}
.material-design-add186:before {
content: "\e007";
}
.material-design-adjust6:before {
content: "\e008";
}
.material-design-airplane106:before {
content: "\e009";
}
.material-design-android11:before {
content: "\e00a";
}
.material-design-android12:before {
content: "\e00b";
}
.material-design-apple70:before {
content: "\e00c";
}
.material-design-attachment19:before {
content: "\e00d";
}
.material-design-auto1:before {
content: "\e00e";
}
.material-design-automatic2:before {
content: "\e00f";
}
.material-design-automatic3:before {
content: "\e010";
}
.material-design-back57:before {
content: "\e011";
}
.material-design-backspace1:before {
content: "\e012";
}
.material-design-bed24:before {
content: "\e013";
}
.material-design-been:before {
content: "\e014";
}
.material-design-birthday20:before {
content: "\e015";
}
.material-design-black394:before {
content: "\e016";
}
.material-design-black395:before {
content: "\e017";
}
.material-design-black396:before {
content: "\e018";
}
.material-design-black397:before {
content: "\e019";
}
.material-design-black398:before {
content: "\e01a";
}
.material-design-black399:before {
content: "\e01b";
}
.material-design-black400:before {
content: "\e01c";
}
.material-design-black401:before {
content: "\e01d";
}
.material-design-black402:before {
content: "\e01e";
}
.material-design-blank30:before {
content: "\e01f";
}
.material-design-blank31:before {
content: "\e020";
}
.material-design-blank32:before {
content: "\e021";
}
.material-design-blank33:before {
content: "\e022";
}
.material-design-blogger12:before {
content: "\e023";
}
.material-design-blueetooth:before {
content: "\e024";
}
.material-design-bluetooth21:before {
content: "\e025";
}
.material-design-bluetooth22:before {
content: "\e026";
}
.material-design-bluetooth23:before {
content: "\e027";
}
.material-design-bluetooth24:before {
content: "\e028";
}
.material-design-bluetooth25:before {
content: "\e029";
}
.material-design-bookmark45:before {
content: "\e02a";
}
.material-design-bookmark46:before {
content: "\e02b";
}
.material-design-bookmark47:before {
content: "\e02c";
}
.material-design-bookmark48:before {
content: "\e02d";
}
.material-design-briefcase49:before {
content: "\e02e";
}
.material-design-briefcase50:before {
content: "\e02f";
}
.material-design-brightness10:before {
content: "\e030";
}
.material-design-brochure6:before {
content: "\e031";
}
.material-design-bubble8:before {
content: "\e032";
}
.material-design-bug18:before {
content: "\e033";
}
.material-design-burn9:before {
content: "\e034";
}
.material-design-button11:before {
content: "\e035";
}
.material-design-call47:before {
content: "\e036";
}
.material-design-call48:before {
content: "\e037";
}
.material-design-call49:before {
content: "\e038";
}
.material-design-camera59:before {
content: "\e039";
}
.material-design-camera60:before {
content: "\e03a";
}
.material-design-cancel19:before {
content: "\e03b";
}
.material-design-caps1:before {
content: "\e03c";
}
.material-design-caps:before {
content: "\e03d";
}
.material-design-car145:before {
content: "\e03e";
}
.material-design-car146:before {
content: "\e03f";
}
.material-design-car147:before {
content: "\e040";
}
.material-design-cell10:before {
content: "\e041";
}
.material-design-cell11:before {
content: "\e042";
}
.material-design-cell12:before {
content: "\e043";
}
.material-design-change3:before {
content: "\e044";
}
.material-design-chat75:before {
content: "\e045";
}
.material-design-chat76:before {
content: "\e046";
}
.material-design-check51:before {
content: "\e047";
}
.material-design-check52:before {
content: "\e048";
}
.material-design-chemistry17:before {
content: "\e049";
}
.material-design-circle107:before {
content: "\e04a";
}
.material-design-circle108:before {
content: "\e04b";
}
.material-design-circles23:before {
content: "\e04c";
}
.material-design-circumference:before {
content: "\e04d";
}
.material-design-city24:before {
content: "\e04e";
}
.material-design-clapperboard4:before {
content: "\e04f";
}
.material-design-clapperboard5:before {
content: "\e050";
}
.material-design-clear5:before {
content: "\e051";
}
.material-design-clipboard99:before {
content: "\e052";
}
.material-design-clock100:before {
content: "\e053";
}
.material-design-close47:before {
content: "\e054";
}
.material-design-closed64:before {
content: "\e055";
}
.material-design-cloud302:before {
content: "\e056";
}
.material-design-cloud303:before {
content: "\e057";
}
.material-design-cloud304:before {
content: "\e058";
}
.material-design-cloud305:before {
content: "\e059";
}
.material-design-cloud306:before {
content: "\e05a";
}
.material-design-cloud307:before {
content: "\e05b";
}
.material-design-compass106:before {
content: "\e05c";
}
.material-design-connection21:before {
content: "\e05d";
}
.material-design-copy31:before {
content: "\e05e";
}
.material-design-create2:before {
content: "\e05f";
}
.material-design-create3:before {
content: "\e060";
}
.material-design-credit98:before {
content: "\e061";
}
.material-design-crop13:before {
content: "\e062";
}
.material-design-crop14:before {
content: "\e063";
}
.material-design-cut23:before {
content: "\e064";
}
.material-design-dark55:before {
content: "\e065";
}
.material-design-developer2:before {
content: "\e066";
}
.material-design-device4:before {
content: "\e067";
}
.material-design-device5:before {
content: "\e068";
}
.material-design-disc30:before {
content: "\e069";
}
.material-design-do10:before {
content: "\e06a";
}
.material-design-double126:before {
content: "\e06b";
}
.material-design-download162:before {
content: "\e06c";
}
.material-design-download164:before {
content: "\e06d";
}
.material-design-download166:before {
content: "\e06e";
}
.material-design-downwards:before {
content: "\e06f";
}
.material-design-drafts:before {
content: "\e070";
}
.material-design-drop25:before {
content: "\e071";
}
.material-design-drop26:before {
content: "\e072";
}
.material-design-drop27:before {
content: "\e073";
}
.material-design-earth205:before {
content: "\e074";
}
.material-design-ellipsis1:before {
content: "\e075";
}
.material-design-email107:before {
content: "\e076";
}
.material-design-emoticon117:before {
content: "\e077";
}
.material-design-end3:before {
content: "\e078";
}
.material-design-enter5:before {
content: "\e079";
}
.material-design-exit13:before {
content: "\e07a";
}
.material-design-expand38:before {
content: "\e07b";
}
.material-design-expand39:before {
content: "\e07c";
}
.material-design-facebook56:before {
content: "\e07d";
}
.material-design-fast46:before {
content: "\e07e";
}
.material-design-favorite21:before {
content: "\e07f";
}
.material-design-favorite22:before {
content: "\e080";
}
.material-design-filled13:before {
content: "\e081";
}
.material-design-film61:before {
content: "\e082";
}
.material-design-filter20:before {
content: "\e083";
}
.material-design-flash25:before {
content: "\e084";
}
.material-design-flash26:before {
content: "\e085";
}
.material-design-folder215:before {
content: "\e086";
}
.material-design-forward18:before {
content: "\e087";
}
.material-design-forward19:before {
content: "\e088";
}
.material-design-framed1:before {
content: "\e089";
}
.material-design-front15:before {
content: "\e08a";
}
.material-design-front16:before {
content: "\e08b";
}
.material-design-front17:before {
content: "\e08c";
}
.material-design-full46:before {
content: "\e08d";
}
.material-design-gamepad3:before {
content: "\e08e";
}
.material-design-gamepad4:before {
content: "\e08f";
}
.material-design-get:before {
content: "\e090";
}
.material-design-gmail3:before {
content: "\e091";
}
.material-design-go10:before {
content: "\e092";
}
.material-design-good4:before {
content: "\e093";
}
.material-design-good5:before {
content: "\e094";
}
.material-design-google117:before {
content: "\e095";
}
.material-design-google118:before {
content: "\e096";
}
.material-design-google119:before {
content: "\e097";
}
.material-design-google120:before {
content: "\e098";
}
.material-design-google121:before {
content: "\e099";
}
.material-design-google122:before {
content: "\e09a";
}
.material-design-google123:before {
content: "\e09b";
}
.material-design-google124:before {
content: "\e09c";
}
.material-design-google125:before {
content: "\e09d";
}
.material-design-google126:before {
content: "\e09e";
}
.material-design-google127:before {
content: "\e09f";
}
.material-design-google128:before {
content: "\e0a0";
}
.material-design-google129:before {
content: "\e0a1";
}
.material-design-google130:before {
content: "\e0a2";
}
.material-design-google131:before {
content: "\e0a3";
}
.material-design-google132:before {
content: "\e0a4";
}
.material-design-google133:before {
content: "\e0a5";
}
.material-design-google134:before {
content: "\e0a6";
}
.material-design-google135:before {
content: "\e0a7";
}
.material-design-google136:before {
content: "\e0a8";
}
.material-design-google137:before {
content: "\e0a9";
}
.material-design-gps25:before {
content: "\e0aa";
}
.material-design-gps26:before {
content: "\e0ab";
}
.material-design-gps27:before {
content: "\e0ac";
}
.material-design-gps28:before {
content: "\e0ad";
}
.material-design-graduate32:before {
content: "\e0ae";
}
.material-design-halffilled1:before {
content: "\e0af";
}
.material-design-hangouts:before {
content: "\e0b0";
}
.material-design-headset11:before {
content: "\e0b1";
}
.material-design-headset12:before {
content: "\e0b2";
}
.material-design-help18:before {
content: "\e0b3";
}
.material-design-help19:before {
content: "\e0b4";
}
.material-design-hide3:before {
content: "\e0b5";
}
.material-design-high20:before {
content: "\e0b6";
}
.material-design-high21:before {
content: "\e0b7";
}
.material-design-high22:before {
content: "\e0b8";
}
.material-design-history6:before {
content: "\e0b9";
}
.material-design-home149:before {
content: "\e0ba";
}
.material-design-horizontal39:before {
content: "\e0bb";
}
.material-design-hotel68:before {
content: "\e0bc";
}
.material-design-https:before {
content: "\e0bd";
}
.material-design-import:before {
content: "\e0be";
}
.material-design-insert4:before {
content: "\e0bf";
}
.material-design-instagram16:before {
content: "\e0c0";
}
.material-design-invert1:before {
content: "\e0c1";
}
.material-design-keyboard53:before {
content: "\e0c2";
}
.material-design-keyboard54:before {
content: "\e0c3";
}
.material-design-label31:before {
content: "\e0c4";
}
.material-design-landscape10:before {
content: "\e0c5";
}
.material-design-laptop117:before {
content: "\e0c6";
}
.material-design-left216:before {
content: "\e0c7";
}
.material-design-left217:before {
content: "\e0c8";
}
.material-design-left218:before {
content: "\e0c9";
}
.material-design-light88:before {
content: "\e0ca";
}
.material-design-link60:before {
content: "\e0cb";
}
.material-design-linkedin24:before {
content: "\e0cc";
}
.material-design-list88:before {
content: "\e0cd";
}
.material-design-list89:before {
content: "\e0ce";
}
.material-design-location41:before {
content: "\e0cf";
}
.material-design-locked57:before {
content: "\e0d0";
}
.material-design-locked58:before {
content: "\e0d1";
}
.material-design-low34:before {
content: "\e0d2";
}
.material-design-magic20:before {
content: "\e0d3";
}
.material-design-man459:before {
content: "\e0d4";
}
.material-design-man460:before {
content: "\e0d5";
}
.material-design-map102:before {
content: "\e0d6";
}
.material-design-map103:before {
content: "\e0d7";
}
.material-design-mark1:before {
content: "\e0d8";
}
.material-design-mark2:before {
content: "\e0d9";
}
.material-design-medium5:before {
content: "\e0da";
}
.material-design-medium6:before {
content: "\e0db";
}
.material-design-medium7:before {
content: "\e0dc";
}
.material-design-memory1:before {
content: "\e0dd";
}
.material-design-menu55:before {
content: "\e0de";
}
.material-design-merge:before {
content: "\e0df";
}
.material-design-microphone84:before {
content: "\e0e0";
}
.material-design-microphone85:before {
content: "\e0e1";
}
.material-design-microsoft7:before {
content: "\e0e2";
}
.material-design-microsoft8:before {
content: "\e0e3";
}
.material-design-missed:before {
content: "\e0e4";
}
.material-design-mountain31:before {
content: "\e0e5";
}
.material-design-mountain32:before {
content: "\e0e6";
}
.material-design-mountains14:before {
content: "\e0e7";
}
.material-design-move26:before {
content: "\e0e8";
}
.material-design-new102:before {
content: "\e0e9";
}
.material-design-new103:before {
content: "\e0ea";
}
.material-design-nfc1:before {
content: "\e0eb";
}
.material-design-notifications1:before {
content: "\e0ec";
}
.material-design-notifications2:before {
content: "\e0ed";
}
.material-design-notifications:before {
content: "\e0ee";
}
.material-design-painter14:before {
content: "\e0ef";
}
.material-design-panoramic1:before {
content: "\e0f0";
}
.material-design-parking14:before {
content: "\e0f1";
}
.material-design-pause44:before {
content: "\e0f2";
}
.material-design-person325:before {
content: "\e0f3";
}
.material-design-phone370:before {
content: "\e0f4";
}
.material-design-phone371:before {
content: "\e0f5";
}
.material-design-phone372:before {
content: "\e0f6";
}
.material-design-phone373:before {
content: "\e0f7";
}
.material-design-phone374:before {
content: "\e0f8";
}
.material-design-phone375:before {
content: "\e0f9";
}
.material-design-photo210:before {
content: "\e0fa";
}
.material-design-photo211:before {
content: "\e0fb";
}
.material-design-photo212:before {
content: "\e0fc";
}
.material-design-photographic1:before {
content: "\e0fd";
}
.material-design-pinterest33:before {
content: "\e0fe";
}
.material-design-planet29:before {
content: "\e0ff";
}
.material-design-play105:before {
content: "\e100";
}
.material-design-play106:before {
content: "\e101";
}
.material-design-play107:before {
content: "\e102";
}
.material-design-play108:before {
content: "\e103";
}
.material-design-play109:before {
content: "\e104";
}
.material-design-plus80:before {
content: "\e105";
}
.material-design-poll:before {
content: "\e106";
}
.material-design-power106:before {
content: "\e107";
}
.material-design-previous14:before {
content: "\e108";
}
.material-design-printer88:before {
content: "\e109";
}
.material-design-problems:before {
content: "\e10a";
}
.material-design-progress10:before {
content: "\e10b";
}
.material-design-public10:before {
content: "\e10c";
}
.material-design-public11:before {
content: "\e10d";
}
.material-design-public9:before {
content: "\e10e";
}
.material-design-puzzle37:before {
content: "\e10f";
}
.material-design-radio51:before {
content: "\e110";
}
.material-design-random5:before {
content: "\e111";
}
.material-design-rate:before {
content: "\e112";
}
.material-design-read5:before {
content: "\e113";
}
.material-design-receipt9:before {
content: "\e114";
}
.material-design-record9:before {
content: "\e115";
}
.material-design-refresh55:before {
content: "\e116";
}
.material-design-refresh56:before {
content: "\e117";
}
.material-design-reminder6:before {
content: "\e118";
}
.material-design-replay4:before {
content: "\e119";
}
.material-design-reply18:before {
content: "\e11a";
}
.material-design-report:before {
content: "\e11b";
}
.material-design-rewind45:before {
content: "\e11c";
}
.material-design-right237:before {
content: "\e11d";
}
.material-design-right244:before {
content: "\e11e";
}
.material-design-ring24:before {
content: "\e11f";
}
.material-design-rotate11:before {
content: "\e120";
}
.material-design-rotate12:before {
content: "\e121";
}
.material-design-round50:before {
content: "\e122";
}
.material-design-round51:before {
content: "\e123";
}
.material-design-round52:before {
content: "\e124";
}
.material-design-round53:before {
content: "\e125";
}
.material-design-round54:before {
content: "\e126";
}
.material-design-round55:before {
content: "\e127";
}
.material-design-round56:before {
content: "\e128";
}
.material-design-round57:before {
content: "\e129";
}
.material-design-round58:before {
content: "\e12a";
}
.material-design-rounded54:before {
content: "\e12b";
}
.material-design-rounded55:before {
content: "\e12c";
}
.material-design-rounded56:before {
content: "\e12d";
}
.material-design-rounded57:before {
content: "\e12e";
}
.material-design-rounded58:before {
content: "\e12f";
}
.material-design-rounded59:before {
content: "\e130";
}
.material-design-rounded60:before {
content: "\e131";
}
.material-design-rubbish:before {
content: "\e132";
}
.material-design-save20:before {
content: "\e133";
}
.material-design-schedule2:before {
content: "\e134";
}
.material-design-screen44:before {
content: "\e135";
}
.material-design-screen45:before {
content: "\e136";
}
.material-design-screen46:before {
content: "\e137";
}
.material-design-screen47:before {
content: "\e138";
}
.material-design-screen48:before {
content: "\e139";
}
.material-design-screen49:before {
content: "\e13a";
}
.material-design-sd7:before {
content: "\e13b";
}
.material-design-sd8:before {
content: "\e13c";
}
.material-design-search100:before {
content: "\e13d";
}
.material-design-searching41:before {
content: "\e13e";
}
.material-design-select3:before {
content: "\e13f";
}
.material-design-select4:before {
content: "\e140";
}
.material-design-send12:before {
content: "\e141";
}
.material-design-send13:before {
content: "\e142";
}
.material-design-send14:before {
content: "\e143";
}
.material-design-server40:before {
content: "\e144";
}
.material-design-set5:before {
content: "\e145";
}
.material-design-set6:before {
content: "\e146";
}
.material-design-settings49:before {
content: "\e147";
}
.material-design-settings50:before {
content: "\e148";
}
.material-design-share39:before {
content: "\e149";
}
.material-design-shared1:before {
content: "\e14a";
}
.material-design-shining2:before {
content: "\e14b";
}
.material-design-shining3:before {
content: "\e14c";
}
.material-design-shopping231:before {
content: "\e14d";
}
.material-design-shopping232:before {
content: "\e14e";
}
.material-design-show4:before {
content: "\e14f";
}
.material-design-show5:before {
content: "\e150";
}
.material-design-show6:before {
content: "\e151";
}
.material-design-show7:before {
content: "\e152";
}
.material-design-show8:before {
content: "\e153";
}
.material-design-shuffle24:before {
content: "\e154";
}
.material-design-sim2:before {
content: "\e155";
}
.material-design-smartphone19:before {
content: "\e156";
}
.material-design-smartphone20:before {
content: "\e157";
}
.material-design-sms5:before {
content: "\e158";
}
.material-design-sms6:before {
content: "\e159";
}
.material-design-sms7:before {
content: "\e15a";
}
.material-design-snake4:before {
content: "\e15b";
}
.material-design-sort52:before {
content: "\e15c";
}
.material-design-speech108:before {
content: "\e15d";
}
.material-design-split4:before {
content: "\e15e";
}
.material-design-square181:before {
content: "\e15f";
}
.material-design-stop46:before {
content: "\e160";
}
.material-design-swap2:before {
content: "\e161";
}
.material-design-swap3:before {
content: "\e162";
}
.material-design-switch27:before {
content: "\e163";
}
.material-design-switch28:before {
content: "\e164";
}
.material-design-switch29:before {
content: "\e165";
}
.material-design-switch30:before {
content: "\e166";
}
.material-design-synchronization3:before {
content: "\e167";
}
.material-design-synchronization4:before {
content: "\e168";
}
.material-design-synchronization5:before {
content: "\e169";
}
.material-design-tab3:before {
content: "\e16a";
}
.material-design-tablet95:before {
content: "\e16b";
}
.material-design-tack:before {
content: "\e16c";
}
.material-design-tag71:before {
content: "\e16d";
}
.material-design-telephone105:before {
content: "\e16e";
}
.material-design-thermostat1:before {
content: "\e16f";
}
.material-design-three168:before {
content: "\e170";
}
.material-design-three170:before {
content: "\e171";
}
.material-design-thumb53:before {
content: "\e172";
}
.material-design-thumb54:before {
content: "\e173";
}
.material-design-tick7:before {
content: "\e174";
}
.material-design-timelapse:before {
content: "\e175";
}
.material-design-traffic21:before {
content: "\e176";
}
.material-design-tumblr22:before {
content: "\e177";
}
.material-design-turn17:before {
content: "\e178";
}
.material-design-turn18:before {
content: "\e179";
}
.material-design-turn19:before {
content: "\e17a";
}
.material-design-turn20:before {
content: "\e17b";
}
.material-design-turn21:before {
content: "\e17c";
}
.material-design-turn22:before {
content: "\e17d";
}
.material-design-turn23:before {
content: "\e17e";
}
.material-design-twitter47:before {
content: "\e17f";
}
.material-design-two375:before {
content: "\e180";
}
.material-design-two385:before {
content: "\e181";
}
.material-design-two393:before {
content: "\e182";
}
.material-design-underline6:before {
content: "\e183";
}
.material-design-underline7:before {
content: "\e184";
}
.material-design-undo19:before {
content: "\e185";
}
.material-design-unlocked43:before {
content: "\e186";
}
.material-design-up176:before {
content: "\e187";
}
.material-design-upload119:before {
content: "\e188";
}
.material-design-upload120:before {
content: "\e189";
}
.material-design-usb33:before {
content: "\e18a";
}
.material-design-user157:before {
content: "\e18b";
}
.material-design-user158:before {
content: "\e18c";
}
.material-design-users25:before {
content: "\e18d";
}
.material-design-verification24:before {
content: "\e18e";
}
.material-design-videocall:before {
content: "\e18f";
}
.material-design-view12:before {
content: "\e190";
}
.material-design-virtual2:before {
content: "\e191";
}
.material-design-visibility1:before {
content: "\e192";
}
.material-design-voice32:before {
content: "\e193";
}
.material-design-voicemail1:before {
content: "\e194";
}
.material-design-volume47:before {
content: "\e195";
}
.material-design-volume49:before {
content: "\e196";
}
.material-design-volume50:before {
content: "\e197";
}
.material-design-volume51:before {
content: "\e198";
}
.material-design-warning37:before {
content: "\e199";
}
.material-design-watch16:before {
content: "\e19a";
}
.material-design-waving:before {
content: "\e19b";
}
.material-design-web37:before {
content: "\e19c";
}
.material-design-website12:before {
content: "\e19d";
}
.material-design-wifi81:before {
content: "\e19e";
}
.material-design-wifi82:before {
content: "\e19f";
}
.material-design-wifi83:before {
content: "\e1a0";
}
.material-design-window57:before {
content: "\e1a1";
}
.material-design-work3:before {
content: "\e1a2";
}
.material-design-workspace:before {
content: "\e1a3";
}
.material-design-world96:before {
content: "\e1a4";
}
.material-design-write20:before {
content: "\e1a5";
}
.material-design-youtube35:before {
content: "\e1a6";
}
/* End */
/* Start:/bitrix/templates/mallstroyhead/css/material-icons.css?161495190049338*/
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(/bitrix/templates/mallstroyhead/css/../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
src: local('Material Icons'),
local('MaterialIcons-Regular'),
url(/bitrix/templates/mallstroyhead/css/../fonts/MaterialIcons-Regular.woff2) format('woff2'),
url(/bitrix/templates/mallstroyhead/css/../fonts/MaterialIcons-Regular.woff) format('woff'),
url(/bitrix/templates/mallstroyhead/css/../fonts/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons-ico,
[class*="material-icons-"]:before {
font-family: 'Material Icons';
font-weight: 400;
font-style: normal;
font-size: inherit;
}
.material-icons-3d_rotation:before {
content: "\e84d"
}
.material-icons-access_alarm:before {
content: "\e190"
}
.material-icons-access_alarms:before {
content: "\e191"
}
.material-icons-access_time:before {
content: "\e192"
}
.material-icons-accessibility:before {
content: "\e84e"
}
.material-icons-account_balance:before {
content: "\e84f"
}
.material-icons-account_balance_wallet:before {
content: "\e850"
}
.material-icons-account_box:before {
content: "\e851"
}
.material-icons-account_circle:before {
content: "\e853"
}
.material-icons-adb:before {
content: "\e60e"
}
.material-icons-add:before {
content: "\e145"
}
.material-icons-add_alarm:before {
content: "\e193"
}
.material-icons-add_alert:before {
content: "\e003"
}
.material-icons-add_box:before {
content: "\e146"
}
.material-icons-add_circle:before {
content: "\e147"
}
.material-icons-add_circle_outline:before {
content: "\e148"
}
.material-icons-add_shopping_cart:before {
content: "\e854"
}
.material-icons-add_to_photos:before {
content: "\e39d"
}
.material-icons-adjust:before {
content: "\e39e"
}
.material-icons-airline_seat_flat:before {
content: "\e630"
}
.material-icons-airline_seat_flat_angled:before {
content: "\e631"
}
.material-icons-airline_seat_individual_suite:before {
content: "\e632"
}
.material-icons-airline_seat_legroom_extra:before {
content: "\e633"
}
.material-icons-airline_seat_legroom_normal:before {
content: "\e634"
}
.material-icons-airline_seat_legroom_reduced:before {
content: "\e635"
}
.material-icons-airline_seat_recline_extra:before {
content: "\e636"
}
.material-icons-airline_seat_recline_normal:before {
content: "\e637"
}
.material-icons-airplanemode_active:before {
content: "\e195"
}
.material-icons-airplanemode_inactive:before {
content: "\e194"
}
.material-icons-airplay:before {
content: "\e055"
}
.material-icons-alarm:before {
content: "\e855"
}
.material-icons-alarm_add:before {
content: "\e856"
}
.material-icons-alarm_off:before {
content: "\e857"
}
.material-icons-alarm_on:before {
content: "\e858"
}
.material-icons-album:before {
content: "\e019"
}
.material-icons-android:before {
content: "\e859"
}
.material-icons-announcement:before {
content: "\e85a"
}
.material-icons-apps:before {
content: "\e5c3"
}
.material-icons-archive:before {
content: "\e149"
}
.material-icons-arrow_back:before {
content: "\e5c4"
}
.material-icons-arrow_drop_down:before {
content: "\e5c5"
}
.material-icons-arrow_drop_down_circle:before {
content: "\e5c6"
}
.material-icons-arrow_drop_up:before {
content: "\e5c7"
}
.material-icons-arrow_forward:before {
content: "\e5c8"
}
.material-icons-aspect_ratio:before {
content: "\e85b"
}
.material-icons-assessment:before {
content: "\e85c"
}
.material-icons-assignment:before {
content: "\e85d"
}
.material-icons-assignment_ind:before {
content: "\e85e"
}
.material-icons-assignment_late:before {
content: "\e85f"
}
.material-icons-assignment_return:before {
content: "\e860"
}
.material-icons-assignment_returned:before {
content: "\e861"
}
.material-icons-assignment_turned_in:before {
content: "\e862"
}
.material-icons-assistant:before {
content: "\e39f"
}
.material-icons-assistant_photo:before {
content: "\e3a0"
}
.material-icons-attach_file:before {
content: "\e226"
}
.material-icons-attach_money:before {
content: "\e227"
}
.material-icons-attachment:before {
content: "\e2bc"
}
.material-icons-audiotrack:before {
content: "\e3a1"
}
.material-icons-autorenew:before {
content: "\e863"
}
.material-icons-av_timer:before {
content: "\e01b"
}
.material-icons-backspace:before {
content: "\e14a"
}
.material-icons-backup:before {
content: "\e864"
}
.material-icons-battery_alert:before {
content: "\e19c"
}
.material-icons-battery_charging_full:before {
content: "\e1a3"
}
.material-icons-battery_full:before {
content: "\e1a4"
}
.material-icons-battery_std:before {
content: "\e1a5"
}
.material-icons-battery_unknown:before {
content: "\e1a6"
}
.material-icons-beenhere:before {
content: "\e52d"
}
.material-icons-block:before {
content: "\e14b"
}
.material-icons-bluetooth:before {
content: "\e1a7"
}
.material-icons-bluetooth_audio:before {
content: "\e60f"
}
.material-icons-bluetooth_connected:before {
content: "\e1a8"
}
.material-icons-bluetooth_disabled:before {
content: "\e1a9"
}
.material-icons-bluetooth_searching:before {
content: "\e1aa"
}
.material-icons-blur_circular:before {
content: "\e3a2"
}
.material-icons-blur_linear:before {
content: "\e3a3"
}
.material-icons-blur_off:before {
content: "\e3a4"
}
.material-icons-blur_on:before {
content: "\e3a5"
}
.material-icons-book:before {
content: "\e865"
}
.material-icons-bookmark:before {
content: "\e866"
}
.material-icons-bookmark_border:before {
content: "\e867"
}
.material-icons-border_all:before {
content: "\e228"
}
.material-icons-border_bottom:before {
content: "\e229"
}
.material-icons-border_clear:before {
content: "\e22a"
}
.material-icons-border_color:before {
content: "\e22b"
}
.material-icons-border_horizontal:before {
content: "\e22c"
}
.material-icons-border_inner:before {
content: "\e22d"
}
.material-icons-border_left:before {
content: "\e22e"
}
.material-icons-border_outer:before {
content: "\e22f"
}
.material-icons-border_right:before {
content: "\e230"
}
.material-icons-border_style:before {
content: "\e231"
}
.material-icons-border_top:before {
content: "\e232"
}
.material-icons-border_vertical:before {
content: "\e233"
}
.material-icons-brightness_1:before {
content: "\e3a6"
}
.material-icons-brightness_2:before {
content: "\e3a7"
}
.material-icons-brightness_3:before {
content: "\e3a8"
}
.material-icons-brightness_4:before {
content: "\e3a9"
}
.material-icons-brightness_5:before {
content: "\e3aa"
}
.material-icons-brightness_6:before {
content: "\e3ab"
}
.material-icons-brightness_7:before {
content: "\e3ac"
}
.material-icons-brightness_auto:before {
content: "\e1ab"
}
.material-icons-brightness_high:before {
content: "\e1ac"
}
.material-icons-brightness_low:before {
content: "\e1ad"
}
.material-icons-brightness_medium:before {
content: "\e1ae"
}
.material-icons-broken_image:before {
content: "\e3ad"
}
.material-icons-brush:before {
content: "\e3ae"
}
.material-icons-bug_report:before {
content: "\e868"
}
.material-icons-build:before {
content: "\e869"
}
.material-icons-business:before {
content: "\e0af"
}
.material-icons-cached:before {
content: "\e86a"
}
.material-icons-cake:before {
content: "\e7e9"
}
.material-icons-call:before {
content: "\e0b0"
}
.material-icons-call_end:before {
content: "\e0b1"
}
.material-icons-call_made:before {
content: "\e0b2"
}
.material-icons-call_merge:before {
content: "\e0b3"
}
.material-icons-call_missed:before {
content: "\e0b4"
}
.material-icons-call_received:before {
content: "\e0b5"
}
.material-icons-call_split:before {
content: "\e0b6"
}
.material-icons-camera:before {
content: "\e3af"
}
.material-icons-camera_alt:before {
content: "\e3b0"
}
.material-icons-camera_enhance:before {
content: "\e8fc"
}
.material-icons-camera_front:before {
content: "\e3b1"
}
.material-icons-camera_rear:before {
content: "\e3b2"
}
.material-icons-camera_roll:before {
content: "\e3b3"
}
.material-icons-cancel:before {
content: "\e5c9"
}
.material-icons-card_giftcard:before {
content: "\e8f6"
}
.material-icons-card_membership:before {
content: "\e8f7"
}
.material-icons-card_travel:before {
content: "\e8f8"
}
.material-icons-cast:before {
content: "\e307"
}
.material-icons-cast_connected:before {
content: "\e308"
}
.material-icons-center_focus_strong:before {
content: "\e3b4"
}
.material-icons-center_focus_weak:before {
content: "\e3b5"
}
.material-icons-change_history:before {
content: "\e86b"
}
.material-icons-chat:before {
content: "\e0b7"
}
.material-icons-chat_bubble:before {
content: "\e0ca"
}
.material-icons-chat_bubble_outline:before {
content: "\e0cb"
}
.material-icons-check:before {
content: "\e5ca"
}
.material-icons-check_box:before {
content: "\e834"
}
.material-icons-check_box_outline_blank:before {
content: "\e835"
}
.material-icons-check_circle:before {
content: "\e86c"
}
.material-icons-chevron_left:before {
content: "\e5cb"
}
.material-icons-chevron_right:before {
content: "\e5cc"
}
.material-icons-chrome_reader_mode:before {
content: "\e86d"
}
.material-icons-class:before {
content: "\e86e"
}
.material-icons-clear:before {
content: "\e14c"
}
.material-icons-clear_all:before {
content: "\e0b8"
}
.material-icons-close:before {
content: "\e5cd"
}
.material-icons-closed_caption:before {
content: "\e01c"
}
.material-icons-cloud:before {
content: "\e2bd"
}
.material-icons-cloud_circle:before {
content: "\e2be"
}
.material-icons-cloud_done:before {
content: "\e2bf"
}
.material-icons-cloud_download:before {
content: "\e2c0"
}
.material-icons-cloud_off:before {
content: "\e2c1"
}
.material-icons-cloud_queue:before {
content: "\e2c2"
}
.material-icons-cloud_upload:before {
content: "\e2c3"
}
.material-icons-code:before {
content: "\e86f"
}
.material-icons-collections:before {
content: "\e3b6"
}
.material-icons-collections_bookmark:before {
content: "\e431"
}
.material-icons-color_lens:before {
content: "\e3b7"
}
.material-icons-colorize:before {
content: "\e3b8"
}
.material-icons-comment:before {
content: "\e0b9"
}
.material-icons-compare:before {
content: "\e3b9"
}
.material-icons-computer:before {
content: "\e30a"
}
.material-icons-confirmation_number:before {
content: "\e638"
}
.material-icons-contact_phone:before {
content: "\e0cf"
}
.material-icons-contacts:before {
content: "\e0ba"
}
.material-icons-content_copy:before {
content: "\e14d"
}
.material-icons-content_cut:before {
content: "\e14e"
}
.material-icons-content_paste:before {
content: "\e14f"
}
.material-icons-control_point:before {
content: "\e3ba"
}
.material-icons-control_point_duplicate:before {
content: "\e3bb"
}
.material-icons-create:before {
content: "\e150"
}
.material-icons-credit_card:before {
content: "\e870"
}
.material-icons-crop:before {
content: "\e3be"
}
.material-icons-crop_16_9:before {
content: "\e3bc"
}
.material-icons-crop_3_2:before {
content: "\e3bd"
}
.material-icons-crop_5_4:before {
content: "\e3bf"
}
.material-icons-crop_7_5:before {
content: "\e3c0"
}
.material-icons-crop_din:before {
content: "\e3c1"
}
.material-icons-crop_free:before {
content: "\e3c2"
}
.material-icons-crop_landscape:before {
content: "\e3c3"
}
.material-icons-crop_original:before {
content: "\e3c4"
}
.material-icons-crop_portrait:before {
content: "\e3c5"
}
.material-icons-crop_square:before {
content: "\e3c6"
}
.material-icons-dashboard:before {
content: "\e871"
}
.material-icons-data_usage:before {
content: "\e1af"
}
.material-icons-dehaze:before {
content: "\e3c7"
}
.material-icons-delete:before {
content: "\e872"
}
.material-icons-description:before {
content: "\e873"
}
.material-icons-desktop_mac:before {
content: "\e30b"
}
.material-icons-desktop_windows:before {
content: "\e30c"
}
.material-icons-details:before {
content: "\e3c8"
}
.material-icons-developer_board:before {
content: "\e30d"
}
.material-icons-developer_mode:before {
content: "\e1b0"
}
.material-icons-device_hub:before {
content: "\e335"
}
.material-icons-devices:before {
content: "\e1b1"
}
.material-icons-dialer_sip:before {
content: "\e0bb"
}
.material-icons-dialpad:before {
content: "\e0bc"
}
.material-icons-directions:before {
content: "\e52e"
}
.material-icons-directions_bike:before {
content: "\e52f"
}
.material-icons-directions_boat:before {
content: "\e532"
}
.material-icons-directions_bus:before {
content: "\e530"
}
.material-icons-directions_car:before {
content: "\e531"
}
.material-icons-directions_railway:before {
content: "\e534"
}
.material-icons-directions_run:before {
content: "\e566"
}
.material-icons-directions_subway:before {
content: "\e533"
}
.material-icons-directions_transit:before {
content: "\e535"
}
.material-icons-directions_walk:before {
content: "\e536"
}
.material-icons-disc_full:before {
content: "\e610"
}
.material-icons-dns:before {
content: "\e875"
}
.material-icons-do_not_disturb:before {
content: "\e612"
}
.material-icons-do_not_disturb_alt:before {
content: "\e611"
}
.material-icons-dock:before {
content: "\e30e"
}
.material-icons-domain:before {
content: "\e7ee"
}
.material-icons-done:before {
content: "\e876"
}
.material-icons-done_all:before {
content: "\e877"
}
.material-icons-drafts:before {
content: "\e151"
}
.material-icons-drive_eta:before {
content: "\e613"
}
.material-icons-dvr:before {
content: "\e1b2"
}
.material-icons-edit:before {
content: "\e3c9"
}
.material-icons-eject:before {
content: "\e8fb"
}
.material-icons-email:before {
content: "\e0be"
}
.material-icons-equalizer:before {
content: "\e01d"
}
.material-icons-error:before {
content: "\e000"
}
.material-icons-error_outline:before {
content: "\e001"
}
.material-icons-event:before {
content: "\e878"
}
.material-icons-event_available:before {
content: "\e614"
}
.material-icons-event_busy:before {
content: "\e615"
}
.material-icons-event_note:before {
content: "\e616"
}
.material-icons-event_seat:before {
content: "\e903"
}
.material-icons-exit_to_app:before {
content: "\e879"
}
.material-icons-expand_less:before {
content: "\e5ce"
}
.material-icons-expand_more:before {
content: "\e5cf"
}
.material-icons-explicit:before {
content: "\e01e"
}
.material-icons-explore:before {
content: "\e87a"
}
.material-icons-exposure:before {
content: "\e3ca"
}
.material-icons-exposure_neg_1:before {
content: "\e3cb"
}
.material-icons-exposure_neg_2:before {
content: "\e3cc"
}
.material-icons-exposure_plus_1:before {
content: "\e3cd"
}
.material-icons-exposure_plus_2:before {
content: "\e3ce"
}
.material-icons-exposure_zero:before {
content: "\e3cf"
}
.material-icons-extension:before {
content: "\e87b"
}
.material-icons-face:before {
content: "\e87c"
}
.material-icons-fast_forward:before {
content: "\e01f"
}
.material-icons-fast_rewind:before {
content: "\e020"
}
.material-icons-favorite:before {
content: "\e87d"
}
.material-icons-favorite_border:before {
content: "\e87e"
}
.material-icons-feedback:before {
content: "\e87f"
}
.material-icons-file_download:before {
content: "\e2c4"
}
.material-icons-file_upload:before {
content: "\e2c6"
}
.material-icons-filter:before {
content: "\e3d3"
}
.material-icons-filter_1:before {
content: "\e3d0"
}
.material-icons-filter_2:before {
content: "\e3d1"
}
.material-icons-filter_3:before {
content: "\e3d2"
}
.material-icons-filter_4:before {
content: "\e3d4"
}
.material-icons-filter_5:before {
content: "\e3d5"
}
.material-icons-filter_6:before {
content: "\e3d6"
}
.material-icons-filter_7:before {
content: "\e3d7"
}
.material-icons-filter_8:before {
content: "\e3d8"
}
.material-icons-filter_9:before {
content: "\e3d9"
}
.material-icons-filter_9_plus:before {
content: "\e3da"
}
.material-icons-filter_b_and_w:before {
content: "\e3db"
}
.material-icons-filter_center_focus:before {
content: "\e3dc"
}
.material-icons-filter_drama:before {
content: "\e3dd"
}
.material-icons-filter_frames:before {
content: "\e3de"
}
.material-icons-filter_hdr:before {
content: "\e3df"
}
.material-icons-filter_list:before {
content: "\e152"
}
.material-icons-filter_none:before {
content: "\e3e0"
}
.material-icons-filter_tilt_shift:before {
content: "\e3e2"
}
.material-icons-filter_vintage:before {
content: "\e3e3"
}
.material-icons-find_in_page:before {
content: "\e880"
}
.material-icons-find_replace:before {
content: "\e881"
}
.material-icons-flag:before {
content: "\e153"
}
.material-icons-flare:before {
content: "\e3e4"
}
.material-icons-flash_auto:before {
content: "\e3e5"
}
.material-icons-flash_off:before {
content: "\e3e6"
}
.material-icons-flash_on:before {
content: "\e3e7"
}
.material-icons-flight:before {
content: "\e539"
}
.material-icons-flight_land:before {
content: "\e904"
}
.material-icons-flight_takeoff:before {
content: "\e905"
}
.material-icons-flip:before {
content: "\e3e8"
}
.material-icons-flip_to_back:before {
content: "\e882"
}
.material-icons-flip_to_front:before {
content: "\e883"
}
.material-icons-folder:before {
content: "\e2c7"
}
.material-icons-folder_open:before {
content: "\e2c8"
}
.material-icons-folder_shared:before {
content: "\e2c9"
}
.material-icons-folder_special:before {
content: "\e617"
}
.material-icons-font_download:before {
content: "\e167"
}
.material-icons-format_align_center:before {
content: "\e234"
}
.material-icons-format_align_justify:before {
content: "\e235"
}
.material-icons-format_align_left:before {
content: "\e236"
}
.material-icons-format_align_right:before {
content: "\e237"
}
.material-icons-format_bold:before {
content: "\e238"
}
.material-icons-format_clear:before {
content: "\e239"
}
.material-icons-format_color_fill:before {
content: "\e23a"
}
.material-icons-format_color_reset:before {
content: "\e23b"
}
.material-icons-format_color_text:before {
content: "\e23c"
}
.material-icons-format_indent_decrease:before {
content: "\e23d"
}
.material-icons-format_indent_increase:before {
content: "\e23e"
}
.material-icons-format_italic:before {
content: "\e23f"
}
.material-icons-format_line_spacing:before {
content: "\e240"
}
.material-icons-format_list_bulleted:before {
content: "\e241"
}
.material-icons-format_list_numbered:before {
content: "\e242"
}
.material-icons-format_paint:before {
content: "\e243"
}
.material-icons-format_quote:before {
content: "\e244"
}
.material-icons-format_size:before {
content: "\e245"
}
.material-icons-format_strikethrough:before {
content: "\e246"
}
.material-icons-format_textdirection_l_to_r:before {
content: "\e247"
}
.material-icons-format_textdirection_r_to_l:before {
content: "\e248"
}
.material-icons-format_underlined:before {
content: "\e249"
}
.material-icons-forum:before {
content: "\e0bf"
}
.material-icons-forward:before {
content: "\e154"
}
.material-icons-forward_10:before {
content: "\e056"
}
.material-icons-forward_30:before {
content: "\e057"
}
.material-icons-forward_5:before {
content: "\e058"
}
.material-icons-fullscreen:before {
content: "\e5d0"
}
.material-icons-fullscreen_exit:before {
content: "\e5d1"
}
.material-icons-functions:before {
content: "\e24a"
}
.material-icons-gamepad:before {
content: "\e30f"
}
.material-icons-games:before {
content: "\e021"
}
.material-icons-gesture:before {
content: "\e155"
}
.material-icons-get_app:before {
content: "\e884"
}
.material-icons-gif:before {
content: "\e908"
}
.material-icons-gps_fixed:before {
content: "\e1b3"
}
.material-icons-gps_not_fixed:before {
content: "\e1b4"
}
.material-icons-gps_off:before {
content: "\e1b5"
}
.material-icons-grade:before {
content: "\e885"
}
.material-icons-gradient:before {
content: "\e3e9"
}
.material-icons-grain:before {
content: "\e3ea"
}
.material-icons-graphic_eq:before {
content: "\e1b8"
}
.material-icons-grid_off:before {
content: "\e3eb"
}
.material-icons-grid_on:before {
content: "\e3ec"
}
.material-icons-group:before {
content: "\e7ef"
}
.material-icons-group_add:before {
content: "\e7f0"
}
.material-icons-group_work:before {
content: "\e886"
}
.material-icons-hd:before {
content: "\e052"
}
.material-icons-hdr_off:before {
content: "\e3ed"
}
.material-icons-hdr_on:before {
content: "\e3ee"
}
.material-icons-hdr_strong:before {
content: "\e3f1"
}
.material-icons-hdr_weak:before {
content: "\e3f2"
}
.material-icons-headset:before {
content: "\e310"
}
.material-icons-headset_mic:before {
content: "\e311"
}
.material-icons-healing:before {
content: "\e3f3"
}
.material-icons-hearing:before {
content: "\e023"
}
.material-icons-help:before {
content: "\e887"
}
.material-icons-help_outline:before {
content: "\e8fd"
}
.material-icons-high_quality:before {
content: "\e024"
}
.material-icons-highlight_off:before {
content: "\e888"
}
.material-icons-history:before {
content: "\e889"
}
.material-icons-home:before {
content: "\e88a"
}
.material-icons-hotel:before {
content: "\e53a"
}
.material-icons-hourglass_empty:before {
content: "\e88b"
}
.material-icons-hourglass_full:before {
content: "\e88c"
}
.material-icons-http:before {
content: "\e902"
}
.material-icons-https:before {
content: "\e88d"
}
.material-icons-image:before {
content: "\e3f4"
}
.material-icons-image_aspect_ratio:before {
content: "\e3f5"
}
.material-icons-import_export:before {
content: "\e0c3"
}
.material-icons-inbox:before {
content: "\e156"
}
.material-icons-indeterminate_check_box:before {
content: "\e909"
}
.material-icons-info:before {
content: "\e88e"
}
.material-icons-info_outline:before {
content: "\e88f"
}
.material-icons-input:before {
content: "\e890"
}
.material-icons-insert_chart:before {
content: "\e24b"
}
.material-icons-insert_comment:before {
content: "\e24c"
}
.material-icons-insert_drive_file:before {
content: "\e24d"
}
.material-icons-insert_emoticon:before {
content: "\e24e"
}
.material-icons-insert_invitation:before {
content: "\e24f"
}
.material-icons-insert_link:before {
content: "\e250"
}
.material-icons-insert_photo:before {
content: "\e251"
}
.material-icons-invert_colors:before {
content: "\e891"
}
.material-icons-invert_colors_off:before {
content: "\e0c4"
}
.material-icons-iso:before {
content: "\e3f6"
}
.material-icons-keyboard:before {
content: "\e312"
}
.material-icons-keyboard_arrow_down:before {
content: "\e313"
}
.material-icons-keyboard_arrow_left:before {
content: "\e314"
}
.material-icons-keyboard_arrow_right:before {
content: "\e315"
}
.material-icons-keyboard_arrow_up:before {
content: "\e316"
}
.material-icons-keyboard_backspace:before {
content: "\e317"
}
.material-icons-keyboard_capslock:before {
content: "\e318"
}
.material-icons-keyboard_hide:before {
content: "\e31a"
}
.material-icons-keyboard_return:before {
content: "\e31b"
}
.material-icons-keyboard_tab:before {
content: "\e31c"
}
.material-icons-keyboard_voice:before {
content: "\e31d"
}
.material-icons-label:before {
content: "\e892"
}
.material-icons-label_outline:before {
content: "\e893"
}
.material-icons-landscape:before {
content: "\e3f7"
}
.material-icons-language:before {
content: "\e894"
}
.material-icons-laptop:before {
content: "\e31e"
}
.material-icons-laptop_chromebook:before {
content: "\e31f"
}
.material-icons-laptop_mac:before {
content: "\e320"
}
.material-icons-laptop_windows:before {
content: "\e321"
}
.material-icons-launch:before {
content: "\e895"
}
.material-icons-layers:before {
content: "\e53b"
}
.material-icons-layers_clear:before {
content: "\e53c"
}
.material-icons-leak_add:before {
content: "\e3f8"
}
.material-icons-leak_remove:before {
content: "\e3f9"
}
.material-icons-lens:before {
content: "\e3fa"
}
.material-icons-library_add:before {
content: "\e02e"
}
.material-icons-library_books:before {
content: "\e02f"
}
.material-icons-library_music:before {
content: "\e030"
}
.material-icons-link:before {
content: "\e157"
}
.material-icons-list:before {
content: "\e896"
}
.material-icons-live_help:before {
content: "\e0c6"
}
.material-icons-live_tv:before {
content: "\e639"
}
.material-icons-local_activity:before {
content: "\e53f"
}
.material-icons-local_airport:before {
content: "\e53d"
}
.material-icons-local_atm:before {
content: "\e53e"
}
.material-icons-local_bar:before {
content: "\e540"
}
.material-icons-local_cafe:before {
content: "\e541"
}
.material-icons-local_car_wash:before {
content: "\e542"
}
.material-icons-local_convenience_store:before {
content: "\e543"
}
.material-icons-local_dining:before {
content: "\e556"
}
.material-icons-local_drink:before {
content: "\e544"
}
.material-icons-local_florist:before {
content: "\e545"
}
.material-icons-local_gas_station:before {
content: "\e546"
}
.material-icons-local_grocery_store:before {
content: "\e547"
}
.material-icons-local_hospital:before {
content: "\e548"
}
.material-icons-local_hotel:before {
content: "\e549"
}
.material-icons-local_laundry_service:before {
content: "\e54a"
}
.material-icons-local_library:before {
content: "\e54b"
}
.material-icons-local_mall:before {
content: "\e54c"
}
.material-icons-local_movies:before {
content: "\e54d"
}
.material-icons-local_offer:before {
content: "\e54e"
}
.material-icons-local_parking:before {
content: "\e54f"
}
.material-icons-local_pharmacy:before {
content: "\e550"
}
.material-icons-local_phone:before {
content: "\e551"
}
.material-icons-local_pizza:before {
content: "\e552"
}
.material-icons-local_play:before {
content: "\e553"
}
.material-icons-local_post_office:before {
content: "\e554"
}
.material-icons-local_printshop:before {
content: "\e555"
}
.material-icons-local_see:before {
content: "\e557"
}
.material-icons-local_shipping:before {
content: "\e558"
}
.material-icons-local_taxi:before {
content: "\e559"
}
.material-icons-location_city:before {
content: "\e7f1"
}
.material-icons-location_disabled:before {
content: "\e1b6"
}
.material-icons-location_off:before {
content: "\e0c7"
}
.material-icons-location_on:before {
content: "\e0c8"
}
.material-icons-location_searching:before {
content: "\e1b7"
}
.material-icons-lock:before {
content: "\e897"
}
.material-icons-lock_open:before {
content: "\e898"
}
.material-icons-lock_outline:before {
content: "\e899"
}
.material-icons-looks:before {
content: "\e3fc"
}
.material-icons-looks_3:before {
content: "\e3fb"
}
.material-icons-looks_4:before {
content: "\e3fd"
}
.material-icons-looks_5:before {
content: "\e3fe"
}
.material-icons-looks_6:before {
content: "\e3ff"
}
.material-icons-looks_one:before {
content: "\e400"
}
.material-icons-looks_two:before {
content: "\e401"
}
.material-icons-loop:before {
content: "\e028"
}
.material-icons-loupe:before {
content: "\e402"
}
.material-icons-loyalty:before {
content: "\e89a"
}
.material-icons-mail:before {
content: "\e158"
}
.material-icons-map:before {
content: "\e55b"
}
.material-icons-markunread:before {
content: "\e159"
}
.material-icons-markunread_mailbox:before {
content: "\e89b"
}
.material-icons-memory:before {
content: "\e322"
}
.material-icons-menu:before {
content: "\e5d2"
}
.material-icons-merge_type:before {
content: "\e252"
}
.material-icons-message:before {
content: "\e0c9"
}
.material-icons-mic:before {
content: "\e029"
}
.material-icons-mic_none:before {
content: "\e02a"
}
.material-icons-mic_off:before {
content: "\e02b"
}
.material-icons-mms:before {
content: "\e618"
}
.material-icons-mode_comment:before {
content: "\e253"
}
.material-icons-mode_edit:before {
content: "\e254"
}
.material-icons-money_off:before {
content: "\e25c"
}
.material-icons-monochrome_photos:before {
content: "\e403"
}
.material-icons-mood:before {
content: "\e7f2"
}
.material-icons-mood_bad:before {
content: "\e7f3"
}
.material-icons-more:before {
content: "\e619"
}
.material-icons-more_horiz:before {
content: "\e5d3"
}
.material-icons-more_vert:before {
content: "\e5d4"
}
.material-icons-mouse:before {
content: "\e323"
}
.material-icons-movie:before {
content: "\e02c"
}
.material-icons-movie_creation:before {
content: "\e404"
}
.material-icons-music_note:before {
content: "\e405"
}
.material-icons-my_location:before {
content: "\e55c"
}
.material-icons-nature:before {
content: "\e406"
}
.material-icons-nature_people:before {
content: "\e407"
}
.material-icons-navigate_before:before {
content: "\e408"
}
.material-icons-navigate_next:before {
content: "\e409"
}
.material-icons-navigation:before {
content: "\e55d"
}
.material-icons-network_cell:before {
content: "\e1b9"
}
.material-icons-network_locked:before {
content: "\e61a"
}
.material-icons-network_wifi:before {
content: "\e1ba"
}
.material-icons-new_releases:before {
content: "\e031"
}
.material-icons-nfc:before {
content: "\e1bb"
}
.material-icons-no_sim:before {
content: "\e0cc"
}
.material-icons-not_interested:before {
content: "\e033"
}
.material-icons-note_add:before {
content: "\e89c"
}
.material-icons-notifications:before {
content: "\e7f4"
}
.material-icons-notifications_active:before {
content: "\e7f7"
}
.material-icons-notifications_none:before {
content: "\e7f5"
}
.material-icons-notifications_off:before {
content: "\e7f6"
}
.material-icons-notifications_paused:before {
content: "\e7f8"
}
.material-icons-offline_pin:before {
content: "\e90a"
}
.material-icons-ondemand_video:before {
content: "\e63a"
}
.material-icons-open_in_browser:before {
content: "\e89d"
}
.material-icons-open_in_new:before {
content: "\e89e"
}
.material-icons-open_with:before {
content: "\e89f"
}
.material-icons-pages:before {
content: "\e7f9"
}
.material-icons-pageview:before {
content: "\e8a0"
}
.material-icons-palette:before {
content: "\e40a"
}
.material-icons-panorama:before {
content: "\e40b"
}
.material-icons-panorama_fish_eye:before {
content: "\e40c"
}
.material-icons-panorama_horizontal:before {
content: "\e40d"
}
.material-icons-panorama_vertical:before {
content: "\e40e"
}
.material-icons-panorama_wide_angle:before {
content: "\e40f"
}
.material-icons-party_mode:before {
content: "\e7fa"
}
.material-icons-pause:before {
content: "\e034"
}
.material-icons-pause_circle_filled:before {
content: "\e035"
}
.material-icons-pause_circle_outline:before {
content: "\e036"
}
.material-icons-payment:before {
content: "\e8a1"
}
.material-icons-people:before {
content: "\e7fb"
}
.material-icons-people_outline:before {
content: "\e7fc"
}
.material-icons-perm_camera_mic:before {
content: "\e8a2"
}
.material-icons-perm_contact_calendar:before {
content: "\e8a3"
}
.material-icons-perm_data_setting:before {
content: "\e8a4"
}
.material-icons-perm_device_information:before {
content: "\e8a5"
}
.material-icons-perm_identity:before {
content: "\e8a6"
}
.material-icons-perm_media:before {
content: "\e8a7"
}
.material-icons-perm_phone_msg:before {
content: "\e8a8"
}
.material-icons-perm_scan_wifi:before {
content: "\e8a9"
}
.material-icons-person:before {
content: "\e7fd"
}
.material-icons-person_add:before {
content: "\e7fe"
}
.material-icons-person_outline:before {
content: "\e7ff"
}
.material-icons-person_pin:before {
content: "\e55a"
}
.material-icons-personal_video:before {
content: "\e63b"
}
.material-icons-phone:before {
content: "\e0cd"
}
.material-icons-phone_android:before {
content: "\e324"
}
.material-icons-phone_bluetooth_speaker:before {
content: "\e61b"
}
.material-icons-phone_forwarded:before {
content: "\e61c"
}
.material-icons-phone_in_talk:before {
content: "\e61d"
}
.material-icons-phone_iphone:before {
content: "\e325"
}
.material-icons-phone_locked:before {
content: "\e61e"
}
.material-icons-phone_missed:before {
content: "\e61f"
}
.material-icons-phone_paused:before {
content: "\e620"
}
.material-icons-phonelink:before {
content: "\e326"
}
.material-icons-phonelink_erase:before {
content: "\e0db"
}
.material-icons-phonelink_lock:before {
content: "\e0dc"
}
.material-icons-phonelink_off:before {
content: "\e327"
}
.material-icons-phonelink_ring:before {
content: "\e0dd"
}
.material-icons-phonelink_setup:before {
content: "\e0de"
}
.material-icons-photo:before {
content: "\e410"
}
.material-icons-photo_album:before {
content: "\e411"
}
.material-icons-photo_camera:before {
content: "\e412"
}
.material-icons-photo_library:before {
content: "\e413"
}
.material-icons-photo_size_select_actual:before {
content: "\e432"
}
.material-icons-photo_size_select_large:before {
content: "\e433"
}
.material-icons-photo_size_select_small:before {
content: "\e434"
}
.material-icons-picture_as_pdf:before {
content: "\e415"
}
.material-icons-picture_in_picture:before {
content: "\e8aa"
}
.material-icons-pin_drop:before {
content: "\e55e"
}
.material-icons-place:before {
content: "\e55f"
}
.material-icons-play_arrow:before {
content: "\e037"
}
.material-icons-play_circle_filled:before {
content: "\e038"
}
.material-icons-play_circle_outline:before {
content: "\e039"
}
.material-icons-play_for_work:before {
content: "\e906"
}
.material-icons-playlist_add:before {
content: "\e03b"
}
.material-icons-plus_one:before {
content: "\e800"
}
.material-icons-poll:before {
content: "\e801"
}
.material-icons-polymer:before {
content: "\e8ab"
}
.material-icons-portable_wifi_off:before {
content: "\e0ce"
}
.material-icons-portrait:before {
content: "\e416"
}
.material-icons-power:before {
content: "\e63c"
}
.material-icons-power_input:before {
content: "\e336"
}
.material-icons-power_settings_new:before {
content: "\e8ac"
}
.material-icons-present_to_all:before {
content: "\e0df"
}
.material-icons-print:before {
content: "\e8ad"
}
.material-icons-public:before {
content: "\e80b"
}
.material-icons-publish:before {
content: "\e255"
}
.material-icons-query_builder:before {
content: "\e8ae"
}
.material-icons-question_answer:before {
content: "\e8af"
}
.material-icons-queue:before {
content: "\e03c"
}
.material-icons-queue_music:before {
content: "\e03d"
}
.material-icons-radio:before {
content: "\e03e"
}
.material-icons-radio_button_checked:before {
content: "\e837"
}
.material-icons-radio_button_unchecked:before {
content: "\e836"
}
.material-icons-rate_review:before {
content: "\e560"
}
.material-icons-receipt:before {
content: "\e8b0"
}
.material-icons-recent_actors:before {
content: "\e03f"
}
.material-icons-redeem:before {
content: "\e8b1"
}
.material-icons-redo:before {
content: "\e15a"
}
.material-icons-refresh:before {
content: "\e5d5"
}
.material-icons-remove:before {
content: "\e15b"
}
.material-icons-remove_circle:before {
content: "\e15c"
}
.material-icons-remove_circle_outline:before {
content: "\e15d"
}
.material-icons-remove_red_eye:before {
content: "\e417"
}
.material-icons-reorder:before {
content: "\e8fe"
}
.material-icons-repeat:before {
content: "\e040"
}
.material-icons-repeat_one:before {
content: "\e041"
}
.material-icons-replay:before {
content: "\e042"
}
.material-icons-replay_10:before {
content: "\e059"
}
.material-icons-replay_30:before {
content: "\e05a"
}
.material-icons-replay_5:before {
content: "\e05b"
}
.material-icons-reply:before {
content: "\e15e"
}
.material-icons-reply_all:before {
content: "\e15f"
}
.material-icons-report:before {
content: "\e160"
}
.material-icons-report_problem:before {
content: "\e8b2"
}
.material-icons-restaurant_menu:before {
content: "\e561"
}
.material-icons-restore:before {
content: "\e8b3"
}
.material-icons-ring_volume:before {
content: "\e0d1"
}
.material-icons-room:before {
content: "\e8b4"
}
.material-icons-rotate_90_degrees_ccw:before {
content: "\e418"
}
.material-icons-rotate_left:before {
content: "\e419"
}
.material-icons-rotate_right:before {
content: "\e41a"
}
.material-icons-router:before {
content: "\e328"
}
.material-icons-satellite:before {
content: "\e562"
}
.material-icons-save:before {
content: "\e161"
}
.material-icons-scanner:before {
content: "\e329"
}
.material-icons-schedule:before {
content: "\e8b5"
}
.material-icons-school:before {
content: "\e80c"
}
.material-icons-screen_lock_landscape:before {
content: "\e1be"
}
.material-icons-screen_lock_portrait:before {
content: "\e1bf"
}
.material-icons-screen_lock_rotation:before {
content: "\e1c0"
}
.material-icons-screen_rotation:before {
content: "\e1c1"
}
.material-icons-sd_card:before {
content: "\e623"
}
.material-icons-sd_storage:before {
content: "\e1c2"
}
.material-icons-search:before {
content: "\e8b6"
}
.material-icons-security:before {
content: "\e32a"
}
.material-icons-select_all:before {
content: "\e162"
}
.material-icons-send:before {
content: "\e163"
}
.material-icons-settings:before {
content: "\e8b8"
}
.material-icons-settings_applications:before {
content: "\e8b9"
}
.material-icons-settings_backup_restore:before {
content: "\e8ba"
}
.material-icons-settings_bluetooth:before {
content: "\e8bb"
}
.material-icons-settings_brightness:before {
content: "\e8bd"
}
.material-icons-settings_cell:before {
content: "\e8bc"
}
.material-icons-settings_ethernet:before {
content: "\e8be"
}
.material-icons-settings_input_antenna:before {
content: "\e8bf"
}
.material-icons-settings_input_component:before {
content: "\e8c0"
}
.material-icons-settings_input_composite:before {
content: "\e8c1"
}
.material-icons-settings_input_hdmi:before {
content: "\e8c2"
}
.material-icons-settings_input_svideo:before {
content: "\e8c3"
}
.material-icons-settings_overscan:before {
content: "\e8c4"
}
.material-icons-settings_phone:before {
content: "\e8c5"
}
.material-icons-settings_power:before {
content: "\e8c6"
}
.material-icons-settings_remote:before {
content: "\e8c7"
}
.material-icons-settings_system_daydream:before {
content: "\e1c3"
}
.material-icons-settings_voice:before {
content: "\e8c8"
}
.material-icons-share:before {
content: "\e80d"
}
.material-icons-shop:before {
content: "\e8c9"
}
.material-icons-shop_two:before {
content: "\e8ca"
}
.material-icons-shopping_basket:before {
content: "\e8cb"
}
.material-icons-shopping_cart:before {
content: "\e8cc"
}
.material-icons-shuffle:before {
content: "\e043"
}
.material-icons-signal_cellular_4_bar:before {
content: "\e1c8"
}
.material-icons-signal_cellular_connected_no_internet_4_bar:before {
content: "\e1cd"
}
.material-icons-signal_cellular_no_sim:before {
content: "\e1ce"
}
.material-icons-signal_cellular_null:before {
content: "\e1cf"
}
.material-icons-signal_cellular_off:before {
content: "\e1d0"
}
.material-icons-signal_wifi_4_bar:before {
content: "\e1d8"
}
.material-icons-signal_wifi_4_bar_lock:before {
content: "\e1d9"
}
.material-icons-signal_wifi_off:before {
content: "\e1da"
}
.material-icons-sim_card:before {
content: "\e32b"
}
.material-icons-sim_card_alert:before {
content: "\e624"
}
.material-icons-skip_next:before {
content: "\e044"
}
.material-icons-skip_previous:before {
content: "\e045"
}
.material-icons-slideshow:before {
content: "\e41b"
}
.material-icons-smartphone:before {
content: "\e32c"
}
.material-icons-sms:before {
content: "\e625"
}
.material-icons-sms_failed:before {
content: "\e626"
}
.material-icons-snooze:before {
content: "\e046"
}
.material-icons-sort:before {
content: "\e164"
}
.material-icons-sort_by_alpha:before {
content: "\e053"
}
.material-icons-space_bar:before {
content: "\e256"
}
.material-icons-speaker:before {
content: "\e32d"
}
.material-icons-speaker_group:before {
content: "\e32e"
}
.material-icons-speaker_notes:before {
content: "\e8cd"
}
.material-icons-speaker_phone:before {
content: "\e0d2"
}
.material-icons-spellcheck:before {
content: "\e8ce"
}
.material-icons-star:before {
content: "\e838"
}
.material-icons-star_border:before {
content: "\e83a"
}
.material-icons-star_half:before {
content: "\e839"
}
.material-icons-stars:before {
content: "\e8d0"
}
.material-icons-stay_current_landscape:before {
content: "\e0d3"
}
.material-icons-stay_current_portrait:before {
content: "\e0d4"
}
.material-icons-stay_primary_landscape:before {
content: "\e0d5"
}
.material-icons-stay_primary_portrait:before {
content: "\e0d6"
}
.material-icons-stop:before {
content: "\e047"
}
.material-icons-storage:before {
content: "\e1db"
}
.material-icons-store:before {
content: "\e8d1"
}
.material-icons-store_mall_directory:before {
content: "\e563"
}
.material-icons-straighten:before {
content: "\e41c"
}
.material-icons-strikethrough_s:before {
content: "\e257"
}
.material-icons-style:before {
content: "\e41d"
}
.material-icons-subject:before {
content: "\e8d2"
}
.material-icons-subtitles:before {
content: "\e048"
}
.material-icons-supervisor_account:before {
content: "\e8d3"
}
.material-icons-surround_sound:before {
content: "\e049"
}
.material-icons-swap_calls:before {
content: "\e0d7"
}
.material-icons-swap_horiz:before {
content: "\e8d4"
}
.material-icons-swap_vert:before {
content: "\e8d5"
}
.material-icons-swap_vertical_circle:before {
content: "\e8d6"
}
.material-icons-switch_camera:before {
content: "\e41e"
}
.material-icons-switch_video:before {
content: "\e41f"
}
.material-icons-sync:before {
content: "\e627"
}
.material-icons-sync_disabled:before {
content: "\e628"
}
.material-icons-sync_problem:before {
content: "\e629"
}
.material-icons-system_update:before {
content: "\e62a"
}
.material-icons-system_update_alt:before {
content: "\e8d7"
}
.material-icons-tab:before {
content: "\e8d8"
}
.material-icons-tab_unselected:before {
content: "\e8d9"
}
.material-icons-tablet:before {
content: "\e32f"
}
.material-icons-tablet_android:before {
content: "\e330"
}
.material-icons-tablet_mac:before {
content: "\e331"
}
.material-icons-tag_faces:before {
content: "\e420"
}
.material-icons-tap_and_play:before {
content: "\e62b"
}
.material-icons-terrain:before {
content: "\e564"
}
.material-icons-text_format:before {
content: "\e165"
}
.material-icons-textsms:before {
content: "\e0d8"
}
.material-icons-texture:before {
content: "\e421"
}
.material-icons-theaters:before {
content: "\e8da"
}
.material-icons-thumb_down:before {
content: "\e8db"
}
.material-icons-thumb_up:before {
content: "\e8dc"
}
.material-icons-thumbs_up_down:before {
content: "\e8dd"
}
.material-icons-time_to_leave:before {
content: "\e62c"
}
.material-icons-timelapse:before {
content: "\e422"
}
.material-icons-timer:before {
content: "\e425"
}
.material-icons-timer_10:before {
content: "\e423"
}
.material-icons-timer_3:before {
content: "\e424"
}
.material-icons-timer_off:before {
content: "\e426"
}
.material-icons-toc:before {
content: "\e8de"
}
.material-icons-today:before {
content: "\e8df"
}
.material-icons-toll:before {
content: "\e8e0"
}
.material-icons-tonality:before {
content: "\e427"
}
.material-icons-toys:before {
content: "\e332"
}
.material-icons-track_changes:before {
content: "\e8e1"
}
.material-icons-traffic:before {
content: "\e565"
}
.material-icons-transform:before {
content: "\e428"
}
.material-icons-translate:before {
content: "\e8e2"
}
.material-icons-trending_down:before {
content: "\e8e3"
}
.material-icons-trending_flat:before {
content: "\e8e4"
}
.material-icons-trending_up:before {
content: "\e8e5"
}
.material-icons-tune:before {
content: "\e429"
}
.material-icons-turned_in:before {
content: "\e8e6"
}
.material-icons-turned_in_not:before {
content: "\e8e7"
}
.material-icons-tv:before {
content: "\e333"
}
.material-icons-undo:before {
content: "\e166"
}
.material-icons-unfold_less:before {
content: "\e5d6"
}
.material-icons-unfold_more:before {
content: "\e5d7"
}
.material-icons-usb:before {
content: "\e1e0"
}
.material-icons-verified_user:before {
content: "\e8e8"
}
.material-icons-vertical_align_bottom:before {
content: "\e258"
}
.material-icons-vertical_align_center:before {
content: "\e259"
}
.material-icons-vertical_align_top:before {
content: "\e25a"
}
.material-icons-vibration:before {
content: "\e62d"
}
.material-icons-video_library:before {
content: "\e04a"
}
.material-icons-videocam:before {
content: "\e04b"
}
.material-icons-videocam_off:before {
content: "\e04c"
}
.material-icons-view_agenda:before {
content: "\e8e9"
}
.material-icons-view_array:before {
content: "\e8ea"
}
.material-icons-view_carousel:before {
content: "\e8eb"
}
.material-icons-view_column:before {
content: "\e8ec"
}
.material-icons-view_comfy:before {
content: "\e42a"
}
.material-icons-view_compact:before {
content: "\e42b"
}
.material-icons-view_day:before {
content: "\e8ed"
}
.material-icons-view_headline:before {
content: "\e8ee"
}
.material-icons-view_list:before {
content: "\e8ef"
}
.material-icons-view_module:before {
content: "\e8f0"
}
.material-icons-view_quilt:before {
content: "\e8f1"
}
.material-icons-view_stream:before {
content: "\e8f2"
}
.material-icons-view_week:before {
content: "\e8f3"
}
.material-icons-vignette:before {
content: "\e435"
}
.material-icons-visibility:before {
content: "\e8f4"
}
.material-icons-visibility_off:before {
content: "\e8f5"
}
.material-icons-voice_chat:before {
content: "\e62e"
}
.material-icons-voicemail:before {
content: "\e0d9"
}
.material-icons-volume_down:before {
content: "\e04d"
}
.material-icons-volume_mute:before {
content: "\e04e"
}
.material-icons-volume_off:before {
content: "\e04f"
}
.material-icons-volume_up:before {
content: "\e050"
}
.material-icons-vpn_key:before {
content: "\e0da"
}
.material-icons-vpn_lock:before {
content: "\e62f"
}
.material-icons-wallpaper:before {
content: "\e1bc"
}
.material-icons-warning:before {
content: "\e002"
}
.material-icons-watch:before {
content: "\e334"
}
.material-icons-wb_auto:before {
content: "\e42c"
}
.material-icons-wb_cloudy:before {
content: "\e42d"
}
.material-icons-wb_incandescent:before {
content: "\e42e"
}
.material-icons-wb_iridescent:before {
content: "\e436"
}
.material-icons-wb_sunny:before {
content: "\e430"
}
.material-icons-wc:before {
content: "\e63d"
}
.material-icons-web:before {
content: "\e051"
}
.material-icons-whatshot:before {
content: "\e80e"
}
.material-icons-widgets:before {
content: "\e1bd"
}
.material-icons-wifi:before {
content: "\e63e"
}
.material-icons-wifi_lock:before {
content: "\e1e1"
}
.material-icons-wifi_tethering:before {
content: "\e1e2"
}
.material-icons-work:before {
content: "\e8f9"
}
.material-icons-wrap_text:before {
content: "\e25b"
}
.material-icons-youtube_searched_for:before {
content: "\e8fa"
}
.material-icons-zoom_in:before {
content: "\e8ff"
}
.material-icons-zoom_out:before {
content: "\e900"
}
/* End */
/* Start:/bitrix/templates/mallstroyhead/css/fl-outicons.css?16149519006014*/
/**
* Title: Outicons Flaticon Pack
* Author: Anton Saputro
* Source: http://www.flaticon.com/packs/outicons
* License: CC BY 3.0 (http://creativecommons.org/licenses/by/3.0/)
*/
@font-face {
font-family: "fl-outicons";
src: url("/bitrix/templates/mallstroyhead/css/../fonts/fl-outicons.eot");
src: url("/bitrix/templates/mallstroyhead/css/../fonts/fl-outicons.eot#iefix") format("embedded-opentype"),
url("/bitrix/templates/mallstroyhead/css/../fonts/fl-outicons.woff") format("woff"),
url("/bitrix/templates/mallstroyhead/css/../fonts/fl-outicons.ttf") format("truetype"),
url("/bitrix/templates/mallstroyhead/css/../fonts/fl-outicons.svg") format("svg");
font-weight: normal;
font-style: normal;
}
.fl-outicons-ico,
[class^="fl-outicons-"]:before, [class*=" fl-outicons-"]:before,
[class^="fl-outicons-"]:after, [class*=" fl-outicons-"]:after {
font-family: fl-outicons;
font-size: inherit;
font-weight: 400;
font-style: normal;
}
.fl-outicons-add31:before {
content: "\e000";
}
.fl-outicons-airplane116:before {
content: "\e001";
}
.fl-outicons-announcer1:before {
content: "\e002";
}
.fl-outicons-attach16:before {
content: "\e003";
}
.fl-outicons-backward5:before {
content: "\e004";
}
.fl-outicons-badge12:before {
content: "\e005";
}
.fl-outicons-bell76:before {
content: "\e006";
}
.fl-outicons-book270:before {
content: "\e007";
}
.fl-outicons-bookmark54:before {
content: "\e008";
}
.fl-outicons-building106:before {
content: "\e009";
}
.fl-outicons-calendar194:before {
content: "\e00a";
}
.fl-outicons-cancel29:before {
content: "\e00b";
}
.fl-outicons-check74:before {
content: "\e00c";
}
.fl-outicons-chevron1:before {
content: "\e00d";
}
.fl-outicons-chevron2:before {
content: "\e00e";
}
.fl-outicons-chevron3:before {
content: "\e00f";
}
.fl-outicons-chevron:before {
content: "\e010";
}
.fl-outicons-clock169:before {
content: "\e011";
}
.fl-outicons-cloud18:before {
content: "\e012";
}
.fl-outicons-cloud367:before {
content: "\e013";
}
.fl-outicons-copy1:before {
content: "\e014";
}
.fl-outicons-cut38:before {
content: "\e015";
}
.fl-outicons-diskette17:before {
content: "\e016";
}
.fl-outicons-dislike18:before {
content: "\e017";
}
.fl-outicons-down-arrow24:before {
content: "\e018";
}
.fl-outicons-download194:before {
content: "\e019";
}
.fl-outicons-expand10:before {
content: "\e01a";
}
.fl-outicons-export:before {
content: "\e01b";
}
.fl-outicons-eye130:before {
content: "\e01c";
}
.fl-outicons-facebook7:before {
content: "\e01d";
}
.fl-outicons-file128:before {
content: "\e01e";
}
.fl-outicons-file129:before {
content: "\e01f";
}
.fl-outicons-filter:before {
content: "\e020";
}
.fl-outicons-font14:before {
content: "\e021";
}
.fl-outicons-forbidden17:before {
content: "\e022";
}
.fl-outicons-forward27:before {
content: "\e023";
}
.fl-outicons-gear40:before {
content: "\e024";
}
.fl-outicons-google4:before {
content: "\e025";
}
.fl-outicons-grid2:before {
content: "\e026";
}
.fl-outicons-headphones46:before {
content: "\e027";
}
.fl-outicons-heart373:before {
content: "\e028";
}
.fl-outicons-house204:before {
content: "\e029";
}
.fl-outicons-information83:before {
content: "\e02a";
}
.fl-outicons-laptop4:before {
content: "\e02b";
}
.fl-outicons-left-arrow25:before {
content: "\e02c";
}
.fl-outicons-like83:before {
content: "\e02d";
}
.fl-outicons-lines7:before {
content: "\e02e";
}
.fl-outicons-list100:before {
content: "\e02f";
}
.fl-outicons-lock8:before {
content: "\e030";
}
.fl-outicons-magnifying-glass33:before {
content: "\e031";
}
.fl-outicons-magnifying-glass34:before {
content: "\e032";
}
.fl-outicons-magnifying-glass35:before {
content: "\e033";
}
.fl-outicons-mail2:before {
content: "\e034";
}
.fl-outicons-microphone10:before {
content: "\e035";
}
.fl-outicons-minimize1:before {
content: "\e036";
}
.fl-outicons-minus6:before {
content: "\e037";
}
.fl-outicons-move1:before {
content: "\e038";
}
.fl-outicons-news:before {
content: "\e039";
}
.fl-outicons-notepad20:before {
content: "\e03a";
}
.fl-outicons-padlock86:before {
content: "\e03b";
}
.fl-outicons-pause51:before {
content: "\e03c";
}
.fl-outicons-pencil8:before {
content: "\e03d";
}
.fl-outicons-pencil9:before {
content: "\e03e";
}
.fl-outicons-phone14:before {
content: "\e03f";
}
.fl-outicons-photo-camera5:before {
content: "\e040";
}
.fl-outicons-picture54:before {
content: "\e041";
}
.fl-outicons-pin12:before {
content: "\e042";
}
.fl-outicons-play127:before {
content: "\e043";
}
.fl-outicons-pointer31:before {
content: "\e044";
}
.fl-outicons-power115:before {
content: "\e045";
}
.fl-outicons-print:before {
content: "\e046";
}
.fl-outicons-question5:before {
content: "\e047";
}
.fl-outicons-refresh8:before {
content: "\e048";
}
.fl-outicons-right-arrow30:before {
content: "\e049";
}
.fl-outicons-sad70:before {
content: "\e04a";
}
.fl-outicons-sales2:before {
content: "\e04b";
}
.fl-outicons-screen88:before {
content: "\e04c";
}
.fl-outicons-share53:before {
content: "\e04d";
}
.fl-outicons-share55:before {
content: "\e04e";
}
.fl-outicons-shopping-cart13:before {
content: "\e04f";
}
.fl-outicons-smartphone65:before {
content: "\e050";
}
.fl-outicons-smiley3:before {
content: "\e051";
}
.fl-outicons-sort2:before {
content: "\e052";
}
.fl-outicons-speech-balloon2:before {
content: "\e053";
}
.fl-outicons-speech-bubble34:before {
content: "\e054";
}
.fl-outicons-star6:before {
content: "\e055";
}
.fl-outicons-star7:before {
content: "\e056";
}
.fl-outicons-support1:before {
content: "\e057";
}
.fl-outicons-tablet4:before {
content: "\e058";
}
.fl-outicons-tags:before {
content: "\e059";
}
.fl-outicons-trash1:before {
content: "\e05a";
}
.fl-outicons-treasure:before {
content: "\e05b";
}
.fl-outicons-truck72:before {
content: "\e05c";
}
.fl-outicons-twitter4:before {
content: "\e05d";
}
.fl-outicons-up-arrow46:before {
content: "\e05e";
}
.fl-outicons-upload142:before {
content: "\e05f";
}
.fl-outicons-user189:before {
content: "\e060";
}
.fl-outicons-warning5:before {
content: "\e061";
}
.fl-outicons-white-flag1:before {
content: "\e062";
}
.fl-outicons-wifi110:before {
content: "\e063";
}
/* End */
/* Start:/bitrix/templates/mallstroyhead/js/fancybox/jquery.fancybox.css?16149519003962*/
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top;}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:10020;}
.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.fancybox-opened{z-index:10030;}
.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);}
.fancybox-outer, .fancybox-inner{position:relative;}
.fancybox-inner{overflow:hidden;}
.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch;}
.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap;}
.fancybox-image, .fancybox-iframe{display:block;width:100%;height:100%;}
.fancybox-image{max-width:100%;max-height:100%;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{background-image:url('/bitrix/templates/mallstroyhead/js/fancybox/fancybox_sprite.png');}
#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:0.8;cursor:pointer;z-index:10060;}
#fancybox-loading div{width:44px;height:44px;background:url('/bitrix/templates/mallstroyhead/js/fancybox/fancybox_loading.gif') center center no-repeat;}
.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:10040;}
.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url('/bitrix/templates/mallstroyhead/js/fancybox/blank.gif');-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:10040;}
.fancybox-prev{left:0;}
.fancybox-next{right:0;}
.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:10040;visibility:hidden;}
.fancybox-prev span{left:10px;background-position:0 -36px;}
.fancybox-next span{right:10px;background-position:0 -72px;}
.fancybox-nav:hover span{visibility:visible;}
.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible !important;}
.fancybox-lock{overflow:hidden !important;width:auto;}
.fancybox-lock body{overflow:hidden !important;}
.fancybox-lock-test{overflow-y:hidden !important;}
.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:10010;background:url('/bitrix/templates/mallstroyhead/js/fancybox/fancybox_overlay.png');}
.fancybox-overlay-fixed{position:fixed;bottom:0;right:0;}
.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll;}
.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:10050;}
.fancybox-opened .fancybox-title{visibility:visible;}
.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:10050;text-align:center;}
.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0, 0, 0, 0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap;}
.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff;}
.fancybox-title-inside-wrap{padding-top:10px;}
.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0, 0, 0, .8);}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5){#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{background-image:url('/bitrix/templates/mallstroyhead/js/fancybox/fancybox_sprite@2x.png');background-size:44px 152px;}
#fancybox-loading div{background-image:url('/bitrix/templates/mallstroyhead/js/fancybox/fancybox_loading@2x.gif');background-size:24px 24px;}
}
/* End */
/* Start:/bitrix/templates/mallstroyhead/css/photoswipe.css?16149519002278*/
body.ps-active{-webkit-text-size-adjust:none;overflow:hidden;}
body.ps-active *{-webkit-tap-highlight-color:rgba(255, 255, 255, 0);}
body.ps-active *:focus{outline:0;}
div.ps-document-overlay{background:#000;}
div.ps-viewport{background:#000;cursor:pointer;}
div.ps-zoom-pan-rotate{background:#000;}
div.ps-slider-item-loading{background:url(/bitrix/templates/mallstroyhead/css/../image/photoswipe-loader.gif) no-repeat center center;}
div.ps-caption{background:#000000;background:-moz-linear-gradient(top, #303130 0%, #000101 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#303130), color-stop(100%,#000101));border-bottom:1px solid #42403f;color:#ffffff;font-size:13px;font-family:"Lucida Grande", Helvetica, Arial,Verdana, sans-serif;text-align:center;}
div.ps-caption-bottom{border-top:1px solid #42403f;border-bottom:none;}
div.ps-caption-content{padding:13px;}
div.ps-toolbar{background:#000000;background:-moz-linear-gradient(top, #303130 0%, #000101 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#303130), color-stop(100%,#000101));border-top:1px solid #42403f;color:#ffffff;font-size:13px;font-family:"Lucida Grande", Helvetica, Arial,Verdana, sans-serif;text-align:center;height:44px;display:table;table-layout:fixed;}
div.ps-toolbar-top{border-bottom:1px solid #42403f;border-top:none;}
div.ps-toolbar-close, div.ps-toolbar-previous, div.ps-toolbar-next, div.ps-toolbar-play{cursor:pointer;display:table-cell;}
div.ps-toolbar div div.ps-toolbar-content{width:44px;height:44px;margin:0 auto 0;background-image:url(/bitrix/templates/mallstroyhead/css/../image/photoswipe-icons.png);background-repeat:no-repeat;}
div.ps-toolbar-close div.ps-toolbar-content{background-position:0 0;}
div.ps-toolbar-previous div.ps-toolbar-content{background-position:-44px 0;}
div.ps-toolbar-previous-disabled div.ps-toolbar-content{background-position:-44px -44px;}
div.ps-toolbar-next div.ps-toolbar-content{background-position:-132px 0;}
div.ps-toolbar-next-disabled div.ps-toolbar-content{background-position:-132px -44px;}
div.ps-toolbar-play div.ps-toolbar-content{background-position:-88px 0;}
@media only screen and (-webkit-min-device-pixel-ratio:2){div.ps-toolbar div div.ps-toolbar-content{-webkit-background-size:176px 88px;background-image:url(/bitrix/templates/mallstroyhead/css/../image/photoswipe-icons@2x.png);}
}
/* End */
/* Start:/bitrix/templates/mallstroyhead/css/stylesheet.css?1646837654238834*/
@charset "UTF-8";
/*========================================================
Bootstrap Reset
=========================================================*/
button, .btn {
background: none;
border: none;
display: inline-block;
padding: 0;
outline: none;
outline-offset: 0;
cursor: pointer;
-webkit-appearance: none;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
button::-moz-focus-inner, .btn::-moz-focus-inner {
border: none;
padding: 0; }
button:focus, .btn:focus {
outline: none; }
label {
font-size: 13px;
color: #000; }
@media (min-width: 768px) and (max-width: 991px) {
label {
font-size: 10px; } }
label {
font-weight: bold;
cursor: default; }
textarea {
resize: none; }
.btn-group.open .dropdown-toggle {
-webkit-box-shadow: none;
box-shadow: none; }
.nav-tabs {
margin-bottom: 30px;
border: none; }
.nav-tabs > li {
margin-right: 0; }
.nav-tabs > li > a {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding: 10px;
text-transform: uppercase;
margin: 0; }
.nav-tabs > li.active > a {
border: none !important;
background: none; }
.nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
border: none !important;
background: none; }
.tab-content {
margin-top: 0; }
blockquote {
font-size: inherit;
line-height: inherit; }
a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
background: none; }
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.table-hover > tbody > tr:hover {
background: none; }
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover, .input-group-addon {
font-size: 12px; }
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
z-index: auto; }
.bootstrap-datetimepicker-widget {
z-index: 998 !important; }
.bootstrap-datetimepicker-widget td.day,
.bootstrap-datetimepicker-widget td.minute,
.bootstrap-datetimepicker-widget td.hour,
.bootstrap-datetimepicker-widget td.second,
.bootstrap-datetimepicker-widget thead tr:first-child th,
.bootstrap-datetimepicker-widget td span {
border: 1px solid transparent;
border-radius: 0;
-moz-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease; }
.bootstrap-datetimepicker-widget td.day:hover,
.bootstrap-datetimepicker-widget td.minute:hover,
.bootstrap-datetimepicker-widget td.hour:hover,
.bootstrap-datetimepicker-widget td.second:hover,
.bootstrap-datetimepicker-widget thead tr:first-child th:hover,
.bootstrap-datetimepicker-widget td span:hover {
background: transparent;
color: #000;
border-color: transparent !important; }
.bootstrap-datetimepicker-widget td.separator {
font-size: 20px;
line-height: 20px; }
.bootstrap-datetimepicker-widget a[data-action] {
background: transparent;
color: #000; }
.bootstrap-datetimepicker-widget a[data-action] span {
border: none; }
.bootstrap-datetimepicker-widget a[data-action],
.bootstrap-datetimepicker-widget .timepicker td > span,
.bootstrap-datetimepicker-widget td.separator {
color: #000; }
.bootstrap-datetimepicker-widget a[data-action]:hover,
.bootstrap-datetimepicker-widget .timepicker td > span:hover {
color: #ffd200; }
.bootstrap-datetimepicker-widget .timepicker {
margin-top: 5px; }
.bootstrap-datetimepicker-widget .timepicker .table-condensed {
border-collapse: separate; }
.bootstrap-datetimepicker-widget .timepicker td span {
width: 15px;
height: 15px;
line-height: 15px;
margin: 5px 0; }
.bootstrap-datetimepicker-widget .timepicker td span.timepicker-hour, .bootstrap-datetimepicker-widget .timepicker td span.timepicker-minute {
border: none;
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 0px; }
.bootstrap-datetimepicker-widget thead tr:first-child th {
background: #f7f7f7; }
.timepicker-picker {
text-align: center; }
.bootstrap-datetimepicker-widget .timepicker .table-condensed {
width: 100%; }
.bootstrap-datetimepicker-widget td span {
-moz-transition: none;
-o-transition: none;
-webkit-transition: none;
transition: none; }
.bootstrap-datetimepicker-widget .timepicker td span.timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker td span.timepicker-minute {
border: none;
width: 50px;
height: 50px;
padding: 5px;
line-height: 50px;
border-radius: 0px; }
.bootstrap-datetimepicker-widget td.day.active,
.bootstrap-datetimepicker-widget td.day.active:hover {
background: #ffd200;
color: #FFF;
cursor: inherit; }
.fancybox-overlay {
z-index: 10001; }
.fancybox-opened {
z-index: 10003; }
.container > .alert,
.breadcrumb + .alert {
position: fixed;
z-index: 10004;
top: 0;
left: 0;
width: 100%;
-webkit-animation: alert-anim 1s cubic-bezier(1, -0.01, 0, 0.99);
-moz-animation: alert-anim 1s cubic-bezier(1, -0.01, 0, 0.99);
-ms-animation: alert-anim 1s cubic-bezier(1, -0.01, 0, 0.99);
-o-animation: alert-anim 1s cubic-bezier(1, -0.01, 0, 0.99);
animation: alert-anim 1s cubic-bezier(1, -0.01, 0, 0.99); }
.container > .alert .alert,
.breadcrumb + .alert .alert {
position: absolute;
left: 0;
right: 0;
top: 100%; }
.container > .alert .alert.fadeOut,
.breadcrumb + .alert .alert.fadeOut {
top: -100%; }
@-ms-keyframes alert-anim {
0% {
top: -100%; }
60% {
top: 0; }
100% {
top: 0; } }
@-o-keyframes alert-anim {
0% {
top: -100%; }
60% {
top: 0; }
100% {
top: 0; } }
@-webkit-keyframes alert-anim {
0% {
top: -100%; }
60% {
top: 0; }
100% {
top: 0; } }
@-moz-keyframes alert-anim {
0% {
top: -100%; }
60% {
top: 0; }
100% {
top: 0; } }
@keyframes alert-anim {
0% {
top: -100%; }
60% {
top: 0; }
100% {
top: 0; } }
@-ms-keyframes alert-anim2 {
0% {
top: -100%; }
60% {
top: 100%; }
100% {
top: 100%; } }
@-o-keyframes alert-anim2 {
0% {
top: -100%; }
60% {
top: 100%; }
100% {
top: 100%; } }
@-webkit-keyframes alert-anim2 {
0% {
top: -100%; }
60% {
top: 100%; }
100% {
top: 100%; } }
@-moz-keyframes alert-anim2 {
0% {
top: -100%; }
60% {
top: 100%; }
100% {
top: 100%; } }
@keyframes alert-anim2 {
0% {
top: -100%; }
60% {
top: 100%; }
100% {
top: 100%; } }
@-ms-keyframes alert-icon-anim {
0% {
font-size: 0; }
60% {
font-size: 0; } }
@-o-keyframes alert-icon-anim {
0% {
font-size: 0; }
60% {
font-size: 0; } }
@-webkit-keyframes alert-icon-anim {
0% {
font-size: 0; }
60% {
font-size: 0; } }
@-moz-keyframes alert-icon-anim {
0% {
font-size: 0; }
60% {
font-size: 0; } }
@keyframes alert-icon-anim {
0% {
font-size: 0; }
60% {
font-size: 0; } }
.product_page-right .alert {
margin-top: 20px; }
.alert {
position: relative;
padding: 18px 40px 18px 75px;
z-index: 30;
color: #FFF;
border-radius: 0;
min-height: 60px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: none;
font-weight: 700;
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
-moz-transition: 1s all cubic-bezier(1, -0.01, 0, 0.99);
-o-transition: 1s all cubic-bezier(1, -0.01, 0, 0.99);
-webkit-transition: 1s all cubic-bezier(1, -0.01, 0, 0.99);
transition: 1s all cubic-bezier(1, -0.01, 0, 0.99); }
.alert i {
position: absolute;
top: 0;
left: 0;
bottom: 0;
text-align: center;
width: 60px;
font-size: 40px;
-webkit-animation: alert-icon-anim 1s;
-moz-animation: alert-icon-anim 1s;
-ms-animation: alert-icon-anim 1s;
-o-animation: alert-icon-anim 1s;
animation: alert-icon-anim 1s;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); }
.alert i:before {
position: absolute;
top: 50%;
left: 0;
right: 0;
line-height: 0; }
.alert a:hover {
text-decoration: underline; }
.alert button.close {
position: absolute;
top: 50%;
line-height: 1;
right: 15px;
color: #FFF;
opacity: .7;
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%); }
.alert button.close:hover, .alert button.close:focus {
opacity: 1;
color: #FFF; }
.alert.fadeOut {
-moz-transform: translate(0, -100%);
-ms-transform: translate(0, -100%);
-o-transform: translate(0, -100%);
-webkit-transform: translate(0, -100%);
transform: translate(0, -100%); }
.alert.fadeOut .alert {
top: 100%; }
@media (max-width: 479px) {
.alert {
padding-right: 30px; }
.alert button.close {
right: 5px; } }
.alert-success {
background-color: #4caf50; }
.alert-success i {
background: #388E3C; }
.alert-success a, .alert-success a:visited, .alert-success a:focus, .alert-success a:hover {
color: #C8E6C9; }
.alert-danger {
background-color: #F44336; }
.alert-danger i {
background: #D32F2F; }
.alert-danger a, .alert-danger a:visited, .alert-danger a:focus, .alert-danger a:hover {
color: #FFCDD2; }
.alert-info {
background-color: #03A9F4; }
.alert-info i {
background: #0288D1; }
.alert-info a, .alert-info a:visited, .alert-info a:focus, .alert-info a:hover {
color: #B3E5FC; }
.alert-warning {
background-color: #FF5722; }
.alert-warning i {
background: #E64A19; }
.alert-warning a, .alert-warning a:visited, .alert-warning a:focus, .alert-warning a:hover {
color: #FFCCBC; }
.pagination > li:last-child > a,
.pagination > li:last-child > span,
.pagination > li:first-child > a,
.pagination > li:first-child > span {
border-radius: 0; }
.pagination {
margin: 0;
width: 100%;
font-weight: 900;
letter-spacing: .5px;
text-transform: uppercase; }
.pagination:before, .pagination:after {
display: table;
content: "";
line-height: 0; }
.pagination:after {
clear: both; }
.pagination > li {
display: inline-block; }
.pagination > li > a, .pagination > li > span {
display: inline-block;
color: #000;
background: none;
border: none;
float: none;
margin-left: 0;
line-height: 16px;
text-align: center;
padding: 0;
border: none; }
.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus {
color: #ffd200;
background: none;
border: none; }
.pagination > li.active > a, .pagination > li.active > a:hover, .pagination > li.active > a:focus, .pagination > li.active > span, .pagination > li.active > span:hover, .pagination > li.active > span:focus {
background: none;
color: #ffd200;
border: none;
z-index: auto; }
.pagination > li + li {
margin-left: 25px; }
.pagination li.tx a {
position: relative;
padding-left: 15px; }
.pagination li.tx a:before {
position: absolute;
top: 0;
left: 0;
content: '\f104';
font-family: "FontAwesome";
display: inline-block; }
.pagination li.tx + .tx {
margin-left: 21px; }
.pagination li.tx + .tx a:before {
content: '\f100'; }
.pagination li.numb + li.tx a:before, .pagination li.active + li.tx a:before {
content: '\f101'; }
.pagination li.numb + li.tx + li.tx a:before, .pagination li.active + li.tx + li.tx a:before {
content: '\f105'; }
.pagination-block {
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
padding-top: 18px;
padding-bottom: 19px;
margin-bottom: 30px;
line-height: 16px; }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
background: none;
text-decoration: none; }
.table thead td, .table th {
text-transform: uppercase;
font-weight: bold;
color: #000;
font-size: 13px;
background-color: #f7f7f7; }
.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
border-bottom: none; }
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
padding: 15px 10px 15px; }
.table td {
padding: 20px;
border-color: #e2e2e2;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.block-compare .table th, .block-compare .table td {
padding: 7px; }
legend {
border-color: #e2e2e2; }
.panel-group .panel, .panel, .table-bordered, .table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child, .table-bordered tbody:first-child tr:first-child > th:last-child, .table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child, .table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tbody:last-child tr:last-child > th:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child {
border-radius: 0; }
.table-bordered, .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
border-color: #ddd; }
.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
white-space: normal; }
.table-bordered > tbody > tr > td {
vertical-align: middle; }
.table > tbody + tbody {
border-top: none; }
.panel-default > .panel-heading {
padding: 20px;
background: #f7f7f7;
color: #000; }
.addthis_sharing_toolbox a {
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
.addthis_sharing_toolbox a:hover {
opacity: .6; }
.fancybox-close, .fancybox-prev span, .fancybox-next span {
opacity: 0.8; }
.fancybox-lock {
overflow: visible !important; }
.fancybox-close:hover, .fancybox-prev span:hover, .fancybox-next span:hover {
opacity: 1; }
.form-horizontal .radio, .form-horizontal .checkbox {
min-height: inherit; }
.form-horizontal .radio:first-child, .form-horizontal .checkbox:first-child {
padding-top: 0; }
.form-horizontal .control-label, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
padding-top: 0; }
.input-group .form-control {
z-index: auto; }
.atm-f {
height: auto !important; }
.text-danger {
color: #F00; }
.has-error * + .text-danger {
margin-top: 5px; }
.buttons input[type="checkbox"] {
position: relative;
top: 2px; }
.tooltip {
z-index: 9999;
pointer-events: none; }
.tooltip.top .tooltip-inner {
color: #fff;
background-color: #000; }
.tooltip.top .tooltip-arrow {
border-top-color: #000 !important; }
.ps-document-overlay,
.ps-carousel,
.ps-uilayer,
.ps-toolbar,
.ps-caption {
z-index: 100000000 !important; }
.vcenter {
vertical-align: middle !important; }
.table-custom > tbody > tr > td,
.table-custom > tbody > tr > th,
.table-custom > tfoot > tr > td,
.table-custom > tfoot > tr > th,
.table-custom > thead > tr > td,
.table-custom > thead > tr > th {
border-top: none;
border-bottom: 1px solid #e2e2e2;
padding-bottom: 10px; }
.modal {
z-index: 10005; }
.modal .terms_conditions_page {
margin-top: 30px; }
.modal-backdrop {
z-index: 10000; }
@media (max-width: 767px) {
.nav-tabs > li {
margin-right: 0; }
.pagination > li + li {
margin-left: 15px; }
.pagination > li.tx a {
padding-left: 0;
font-size: 11px; }
.pagination > li.tx a:before {
display: none; }
.pagination > li.tx + .tx {
margin-left: 10px; }
.pagination-block {
margin-bottom: 15px; } }
/*========================================================
Main Styles
=========================================================*/
body {
font: 400 13px/24px "Roboto", sans-serif;
color: #a8a8a8;
background: #fff; }
h1, h2, h3, h4, h5, h6 {
color: #000;
margin: 0 0 20px;
line-height: normal;
font-weight: 900;
letter-spacing: 1.5px;
text-transform: uppercase; }
/* Override the bootstrap defaults */
h1 {
text-transform: none;
font-size: 30px;
line-height: 34px;
margin-bottom: 0;
text-align: center;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden; }
h1 i {
margin-right: 7px; }
h1 i:before {
vertical-align: top; }
h1:after {
content: '';
height: 1px;
display: block;
background: #e2e2e2;
margin: 20px 0 40px; }
h1.no-line {
margin-bottom: 30px; }
h1.no-line:after {
display: none; }
h2 {
font-size: 18px; }
h3 {
font-size: 16px; }
h4 {
font-size: 15px; }
h5 {
font-size: 13px; }
h6 {
font-size: 12px; }
.description-category p {
margin-bottom: 25px; }
a {
display: inline-block;
font: inherit;
color: #000;
text-decoration: none;
max-width: 100%;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
a:active {
background-color: transparent; }
a:visited, a:focus {
color: #000;
outline: none;
text-decoration: none; }
a:hover {
text-decoration: none;
color: #ffd200; }
hr {
border-top-color: #dadada; }
p a {
font-weight: 900; }
p a:hover, p a:visited:hover, p a:focus:hover {
text-decoration: underline; }
img {
max-width: 100%;
height: auto; }
legend {
font-size: 18px;
padding: 7px 0px; }
label {
font-size: 12px;
font-weight: normal; }
strong, b {
color: #000;
font-weight: 900; }
.input-group .input-group-addon {
height: 30px; }
div.required .control-label:after {
content: '*';
color: red;
margin-left: 1px; }
.fa {
line-height: inherit;
font-family: inherit; }
.fa:before {
font-family: "FontAwesome"; }
#page > .ie-warning {
position: relative;
text-align: center;
display: none;
clear: both; }
@media (min-width: 768px) {
.lt-ie11 #page > .ie-warning {
display: block; } }
.mfilter-column_left {
border-top: 1px solid #e2e2e2;
padding-top: 3px; }
.mfilter-column_left .mfilter-content > ul > li:first-child .mfilter-heading {
padding-bottom: 7px; }
/*========================================================
Header styles
=========================================================*/
header {
margin-bottom: 27px; }
header .box-cart {
float: right; }
header .html-module {
margin-top: 17px;
letter-spacing: 1.6px;
font-size: 16px;
line-height: 19px;
color: #000;
text-transform: uppercase; }
header .html-module .box-heading {
display: none; }
header .html-module h1 {
letter-spacing: 1.6px;
font-size: 16px;
line-height: 19px;
color: #000;
text-transform: uppercase;
margin-bottom: 18px;
text-align: left;
padding: 0;
font-weight: 400;
height: auto;
}
header .html-module p {
margin-bottom: 18px; }
header .html-module p span {
margin-left: 8px;
margin-right: 9px; }
header .logo-block {
text-align: center;
height: 116px; }
header .logo {
margin: 0;
display: inline-block;
height: 116px; }
header .logo .img-responsive {
display: inline-block;
vertical-align: middle; }
header .logo:after {
display: none; }
header .logo a {
display: block;
max-width: 100%;
line-height: 110px;
height: 100px; }
header h1.logo {
line-height: 18px; }
html[lang="ru"] header .html-module {
letter-spacing: 1.2px; }
.logo-block {
background: #000; }
.header-top {
font-size: 14px;
line-height: 16px;
background: #f7f7f7;
margin-bottom: 30px; }
.common-home .header-top, .common-home header {
margin-bottom: 0; }
.top-logo .box-cart, .top-logo nav {
width: 33.3333%;
float: left;
padding-left: 2px; }
.top-logo [class*="col-lg-6"] {
width: 47.49933333%;
padding-left: 5px;
padding-right: 5px; }
.top-logo [class*="col-lg-4"] {
width: 35.834%; }
nav {
display: inline-block; }
nav .toggle {
display: inline-block;
color: #000;
background: #fff;
width: 131px;
height: 116px;
font-size: 14px;
line-height: 16px;
font-weight: 900;
text-transform: uppercase;
padding-top: 32px;
text-align: center;
letter-spacing: .5px; }
nav .toggle_cont {
letter-spacing: 1px; }
nav .toggle span {
display: inline-block;
margin-right: -6px; }
nav .toggle span:before {
float: right; }
nav .toggle i {
display: inline-block;
width: 100%;
font-size: 36px;
line-height: 30px;
margin-bottom: 5px; }
nav .toggle:hover, nav .toggle.active {
color: #ffd200;
background: #000; }
/*================ Toggle ===============*/
.toggle-wrap {
position: relative; }
.toggle_cont {
display: none;
color: #000;
background: #fff;
-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.03);
-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.03);
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.03);
border: none;
padding: 21px 0 27px;
list-style-type: none;
position: absolute;
right: 0;
top: 100%;
width: 131px;
text-align: left;
z-index: 20;
text-transform: uppercase;
font-size: 11px;
line-height: 13px;
font-weight: 500;
letter-spacing: .5px; }
.toggle_cont > li {
padding: 5px 15px 6px 20px;
width: 100%; }
.toggle_cont > li > a, .toggle_cont > li > button {
text-align: left;
color: #000;
display: inline-block; }
.toggle_cont > li > a:visited, .toggle_cont > li > button:visited {
color: #000; }
.toggle_cont > li > a:hover, .toggle_cont > li > a:focus, .toggle_cont > li > a:active, .toggle_cont > li > button:hover, .toggle_cont > li > button:focus, .toggle_cont > li > button:active {
color: #ffd200; }
.toggle_cont > li > a img, .toggle_cont > li > button img {
margin: 2px 3px 0 0;
vertical-align: top;
display: none; }
.toggle_cont > li > a i {
font-size: 12px;
color: rgba(255, 255, 255, 0.8);
margin-right: 8px; }
.toggle_cont ul li + li {
margin-top: 0; }
.toggle_cont__right {
right: auto;
left: 0; }
/*================ Top Links style ===============*/
/*================ CURRENCY AND LANGUAGE BOXES ===============*/
.box-language .btn-group span,
.box-currency .btn-group span {
cursor: pointer;
padding-right: 10px;
display: inline-block;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
.box-language .btn-group span:hover, .box-language .btn-group span:focus, .box-language .btn-group span:active, .box-language .btn-group span.sfHover,
.box-currency .btn-group span:hover,
.box-currency .btn-group span:focus,
.box-currency .btn-group span:active,
.box-currency .btn-group span.sfHover {
color: #ffd200; }
.box-language .btn-group span:after,
.box-currency .btn-group span:after {
display: inline-block;
margin-left: 0;
vertical-align: top;
content: '\e313';
font-family: 'Material Icons';
font-weight: 400; }
.box-language .dropdown-menu,
.box-currency .dropdown-menu {
background: #f9f9f9;
-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.03);
-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.03);
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.03);
min-width: 110px;
top: -10px;
left: 100%;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; }
.box-language .dropdown-menu li,
.box-currency .dropdown-menu li {
font-size: 11px;
line-height: 13px;
padding: 5px 15px 5px 20px;
width: 100%; }
.box-language .dropdown-menu li button, .box-language .dropdown-menu li a,
.box-currency .dropdown-menu li button,
.box-currency .dropdown-menu li a {
text-transform: uppercase;
color: #a8a8a8; }
.box-language .dropdown-menu li button:visited, .box-language .dropdown-menu li a:visited,
.box-currency .dropdown-menu li button:visited,
.box-currency .dropdown-menu li a:visited {
color: #a8a8a8; }
.box-language .dropdown-menu li button:hover, .box-language .dropdown-menu li button:focus, .box-language .dropdown-menu li button:active, .box-language .dropdown-menu li button.selected, .box-language .dropdown-menu li a:hover, .box-language .dropdown-menu li a:focus, .box-language .dropdown-menu li a:active, .box-language .dropdown-menu li a.selected,
.box-currency .dropdown-menu li button:hover,
.box-currency .dropdown-menu li button:focus,
.box-currency .dropdown-menu li button:active,
.box-currency .dropdown-menu li button.selected,
.box-currency .dropdown-menu li a:hover,
.box-currency .dropdown-menu li a:focus,
.box-currency .dropdown-menu li a:active,
.box-currency .dropdown-menu li a.selected {
color: #000; }
/*========================================================
Responsive Header styles
=========================================================*/
@media (min-width: 992px) and (max-width: 1199px) {
header .html-module {
margin-top: 20px;
letter-spacing: .5px;
font-size: 14px;
line-height: 16px; }
html[lang="ru"] header .html-module {
letter-spacing: .2px; }
html[lang="ru"] nav .toggle {
font-size: 13px;
letter-spacing: .3px; } }
@media (min-width: 768px) and (max-width: 991px) {
header .html-module {
margin-top: 22px;
letter-spacing: 0;
font-size: 12px;
line-height: 14px; }
header .html-module p span {
margin-left: 0;
margin-right: 0; }
header .logo-block {
padding-left: 10px;
padding-right: 10px; }
nav .toggle {
font-size: 10px;
line-height: 12px;
letter-spacing: 0; }
nav .toggle span {
margin-right: -4px; }
html[lang="ru"] header .html-module {
font-size: 11px;
letter-spacing: 0; } }
@media (max-width: 767px) {
header .logo-block {
display: inline-block;
width: 170px;
max-width: 100%;
margin: 30px 0; }
header .html-module {
margin-top: 0;
letter-spacing: 0;
font-size: 15px;
line-height: 18px; }
header .html-module p {
margin-bottom: 30px; }
header .html-module p span {
margin-left: 5px;
margin-right: 5px; }
header .search {
float: none; }
header .box-cart {
float: none;
margin-top: 0; }
header nav.nav {
margin-left: 0;
padding-left: 0;
padding-right: 0; }
header nav + nav a {
border-left: 1px solid #f7f7f7; }
header nav .toggle_cont {
top: 100%;
width: 100%; }
.top-logo nav {
width: 50%;
padding-left: 0;
padding-right: 0; }
nav .toggle {
width: 100%;
padding-top: 15px;
height: 90px; }
nav .toggle i {
font-size: 30px;
line-height: 26px; }
.top-logo [class*="col-lg-4"], .top-logo [class*="col-lg-6"] {
width: 100%;
padding-left: 15px;
padding-right: 15px; } }
@media (max-width: 767px) {
header .html-module {
font-size: 11px;
line-height: 13px; }
header .html-module p span {
margin-left: 0;
margin-right: 0; }
.top-logo nav {
-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.03);
-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.03);
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.03); }
.box-currency .dropdown-menu {
z-index: 1001; } }
@media (max-width: 480px) {
.box-language .dropdown-menu, .box-currency .dropdown-menu {
left: 0 !important;
right: auto !important;
top: 100% !important; } }
/*========================================================
Content styles
=========================================================*/
#page {
background: #fff;
overflow: hidden; }
@media (max-width: 767px) {
#content {
padding-bottom: 15px; } }
section.bottom {
margin-top: 10px; }
aside ul li > a:hover {
color: #bc2029; }
/*================== Marked List ======================*/
.box.account ul, .box.affilate ul {
padding: 0;
list-style-type: none; }
.box.account ul li + li, .box.affilate ul li + li {
border-top: 1px solid #e2e2e2; }
.box.account ul a, .box.affilate ul a {
position: relative;
background: #f7f7f7;
display: block;
padding: 13px 15px; }
.box.account ul a:hover, .box.affilate ul a:hover {
background: #efefef; }
.box.account ul a:hover, .box.affilate ul a:hover {
color: #ffd200; }
.manufacturer-content div, #content ul.list-unstyled {
margin: 0;
list-style-type: none; }
.manufacturer-content div li + li, #content ul.list-unstyled li + li {
margin-top: 10px; }
.manufacturer-content div a, #content ul.list-unstyled a {
position: relative; }
.manufacturer-content div a:before, #content ul.list-unstyled a:before {
content: '\e409';
margin-right: 3px;
font-weight: 400;
font-size: 20px;
font-family: 'Material Icons';
vertical-align: top; }
.manufacturer-content div a {
font-weight: bold; }
.manufacturer-content div a:before {
vertical-align: top; }
#content .product-info ul.list-unstyled a:before {
display: none; }
@media (max-width: 767px) {
aside {
margin-top: 20px; }
aside .container {
padding: 0;
width: 100%; } }
/*================== Lazy Img ======================*/
.lazy {
display: block;
position: relative;
height: 0;
overflow: hidden;
background: transparent url(/bitrix/templates/mallstroyhead/css/../image/lazy-loader.gif) no-repeat center center; }
.lazy img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
z-index: 0;
-moz-transition: 1s all ease;
-o-transition: 1s all ease;
-webkit-transition: 1s all ease;
transition: 1s all ease;
opacity: 0;
-webkit-backface-visibility: hidden; }
.lazy.lazy-loaded {
background: none; }
.lazy.lazy-loaded img {
opacity: 1; }
.search {
position: relative; }
.search input[type="text"] {
color: #a8a8a8;
display: block;
margin: 0;
float: left;
font-size: 14px;
line-height: 18px;
width: 445px;
height: 62px;
padding: 21px 5px 23px 20px;
background: #fff;
border: none;
border-right: none;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.search input[type="text"]:focus {
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.search button {
background: none;
border: none;
display: inline-block;
padding: 0;
outline: none;
outline-offset: 0;
cursor: pointer;
-webkit-appearance: none;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
color: #fff;
background: #000;
width: 113px;
padding: 23px 0;
text-align: center;
font-size: 14px;
line-height: 16px;
font-weight: 900;
letter-spacing: .5px;
text-transform: uppercase; }
.search button::-moz-focus-inner {
border: none;
padding: 0; }
.search button:focus, .search button:active {
color: #fff; }
.search button:hover, .search button:focus:hover, .search button:active:hover {
color: #ffd200; }
#livesearch_search_results {
margin: 3px 0 0;
padding: 5px;
position: absolute;
top: 100%;
width: 100%;
left: 0;
background: #fff;
-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.03);
-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.03);
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.03);
list-style-type: none;
z-index: 12;
font-size: 14px;
max-height: 500px;
overflow-y: auto;
overflow-x: hidden; }
#livesearch_search_results a, #livesearch_search_results a:visited {
display: block;
padding: 5px;
color: #000; }
#livesearch_search_results a:before, #livesearch_search_results a:after, #livesearch_search_results a:visited:before, #livesearch_search_results a:visited:after {
display: table;
content: "";
line-height: 0; }
#livesearch_search_results a:after, #livesearch_search_results a:visited:after {
clear: both; }
#livesearch_search_results li {
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
#livesearch_search_results li img {
float: left;
margin-right: 10px; }
#livesearch_search_results li img.loading {
background: #F5F5F5; }
#livesearch_search_results li:hover, #livesearch_search_results li.highlighted {
background-color: #ffd200; }
#livesearch_search_results li:hover a, #livesearch_search_results li.highlighted a {
color: #000; }
@media (min-width: 992px) and (max-width: 1199px) {
.search input[type="text"] {
width: 334px; } }
@media (min-width: 768px) and (max-width: 991px) {
#livesearch_search_results li img {
display: none !important; }
.search input[type="text"] {
width: 250px; }
.search button {
font-size: 11px;
width: 90px; } }
@media (max-width: 767px) {
.search {
float: none !important;
position: relative;
display: inline-block;
width: 100%; }
.search input[type="text"] {
width: calc(100% - 114px); }
.search button {
position: absolute;
top: 0;
right: 0; }
#livesearch_search_results {
text-align: left; } }
@media (max-width: 480px) {
.search input[type="text"] {
width: calc(100% - 80px);
padding-left: 12px;
padding-right: 5px;
font-size: 12px; }
.search button {
font-size: 11px;
width: 80px; } }
/*================ Box Cart ===============*/
@media (min-width: 768px) {
.box-cart {
position: relative; } }
.box-cart .cart {
width: 100%; }
.box-cart .btn-danger {
margin-top: 2px;
border: none; }
.box-cart .btn-danger, .box-cart .btn-danger:focus {
border: 0;
padding: 0;
color: #000;
font-size: 13px;
background: none; }
.box-cart .btn-danger:hover, .box-cart .btn-danger:focus:hover {
color: #ffd200;
background: none; }
.box-cart .btn-danger:focus, .box-cart .btn-danger:focus:focus {
box-shadow: none; }
.box-cart a:hover img {
opacity: .85; }
.box-cart .btn {
margin-bottom: 7px; }
.box-cart .name {
font-size: 14px;
line-height: 20px; }
.top-search i {
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
/*================ Cart ===============*/
.cart {
position: relative; }
.cart > button {
max-width: 100%;
width: 131px;
height: 116px;
line-height: 16px;
color: #000;
background: #ffd200; }
.cart > button i, .cart > button strong, .cart > button span {
vertical-align: top; }
.cart > button .cart-total2 {
display: inline-block;
color: #fff;
background: #ffd200;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width: 20px;
height: 20px;
font-size: 12px;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
.cart > button i {
font-size: 36px; }
.cart > button strong, .cart > button .cart-total, .cart > button .cart-total2 {
display: none; }
.cart > button:hover, .cart > button.active {
color: #ffd200;
background: #000; }
.cart .cart-remove-btn {
margin-bottom: 10px;
margin-left: 5px; }
.cart .cart-remove-btn:before, .cart .cart-remove-btn > span {
vertical-align: middle; }
.cart .cart-remove-btn:before {
margin-right: 5px; }
.cart-wrapper {
padding: 30px;
border: 1px solid #e2e2e2;
border-top-width: 2px; }
.cart-remove-btn, .cart-remove-btn:visited {
display: inline-block;
font-size: 22px;
color: #ffd200; }
.cart-remove-btn:focus, .cart-remove-btn:visited:focus {
text-decoration: none; }
.cart-remove-btn span, .cart-remove-btn:visited span {
font-size: 14px; }
.cart-remove-btn:hover, .cart-remove-btn:visited:hover {
text-decoration: none;
color: #000; }
/*================ Cart DropDown ===============*/
.cart .toggle_cont {
z-index: 1001;
min-width: 398px;
padding: 20px 15px 8px;
max-height: 500px;
font-size: 12px;
top: 100%;
overflow-y: auto;
overflow-x: hidden;
color: #a8a8a8;
background: #fff;
border: none;
-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.03);
-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.03);
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.03); }
.cart .toggle_cont > li {
padding: 9px 13px 5px 14px; }
.cart .toggle_cont .table > tbody > tr > td.text-center {
padding-left: 0;
padding-right: 0;
text-align: right; }
.cart .toggle_cont .table > tbody > tr > td.text-right {
padding-left: 0; }
.cart .toggle_cont h3 {
font-size: 12px;
line-height: 14px;
color: #000;
font-weight: 800;
text-transform: uppercase;
padding-bottom: 6px;
margin-bottom: 0;
border-bottom: 1px solid #d0d0d0; }
.cart .toggle_cont .image a {
overflow: hidden;
margin: 5px 10px 0 0;
background: #fff;
border: 1px solid #e2e2e2; }
.cart .toggle_cont img {
max-width: 72px;
background-color: #fff; }
.cart .toggle_cont table {
margin-bottom: 10px; }
.cart .toggle_cont .btn {
margin-right: 6px; }
.cart .toggle_cont .btn, .cart .toggle_cont .btn-primary {
margin-bottom: 10px;
padding: 8px 18px;
vertical-align: top; }
.cart .toggle_cont .btn-primary {
color: #000;
background: #ffd200; }
.cart .toggle_cont .btn-primary:visited {
color: #000;
background: #ffd200; }
.cart .toggle_cont .btn-primary:hover, .cart .toggle_cont .btn-primary:focus, .cart .toggle_cont .btn-primary:active, .cart .toggle_cont .btn-primary:visited:hover, .cart .toggle_cont .btn-primary:focus:active, .cart .toggle_cont .btn-primary:active:focus {
color: #ffd200;
background: #000; }
.cart .toggle_cont .btn-primary:first-child {
margin-right: 6px; }
.cart td {
font-size: 13px; }
.cart td strong {
font-size: 12px; }
.cart .toggle_cont table.total {
margin-top: 0;
margin-bottom: 23px; }
.cart .toggle_cont table.total td {
font-size: 12px;
border: none;
font-weight: bold;
padding: 2px;
color: #000; }
.cart .toggle_cont table.total td strong {
font-weight: 900;
color: #000;
font-family: "Roboto", sans-serif; }
.cart .table > tbody > tr > td {
padding-bottom: 6px; }
.cart .price-cart {
display: inline-block;
min-width: 85px;
padding: 2px 6px 0 0;
text-align: left;
font-family: "Roboto", sans-serif;
font-weight: 400; }
.cart .price-cart i {
font-size: 10px;
font-style: normal; }
.cart .price-cart b {
margin-left: 5px;
float: right;
font-weight: 900;
color: #000; }
.cart .table > tbody > tr > td {
border-top: none; }
.cart .table.total tr:last-child td strong,
.cart .table.total tr:last-child td {
font-size: 12px;
text-transform: uppercase; }
.cart .table.total tr:last-child td strong strong,
.cart .table.total tr:last-child td strong {
font-size: 14px;
text-transform: none; }
/*-----------------------------------------*/
@media (min-width: 768px) {
.navigation > .container {
position: relative; }
.cart > button {
line-height: 43px; } }
@media (max-width: 767px) {
.box-cart .cart {
width: auto; }
.box-cart .name {
font-size: 11px;
line-height: 14px; }
.cart {
position: fixed;
top: 0;
margin: 0;
z-index: 10000; }
.cart > button {
position: relative;
width: 50px;
height: 50px; }
.cart > button i {
font-size: 18px; }
.cart > button .cart-total, .cart > button strong {
display: none; }
.cart .price-cart {
min-width: 0; }
.cart .toggle_cont {
top: 100%;
min-width: 300px;
max-height: 250px;
overflow: auto;
right: 0;
padding: 10px 10px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; }
.cart .toggle_cont > li {
padding-top: 5px 5px; }
.cart .toggle_cont table {
margin-bottom: 5px; }
.cart .toggle_cont table.total {
margin-bottom: 15px; }
.cart .toggle_cont table.total td {
padding: 0; } }
/*========================================================
Product
=========================================================*/
/* =================== Product Layout =================== */
.product-layout {
margin-bottom: 2px; }
/* =================== Product Image =================== */
.product-thumb .image {
position: relative;
margin-bottom: 19px;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
.product-thumb .image .rating {
position: absolute;
display: inline-block;
left: 50%;
margin-left: -39px;
bottom: 6px; }
.product-thumb .image > a {
display: block; }
.product-thumb .image > a img {
-moz-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
-webkit-transition: 0.5s all ease;
transition: 0.5s all ease;
margin: 0 auto; }
/* =================== Product Caption =================== */
.name {
font: 900 12px/14px "Roboto", sans-serif;
text-transform: uppercase;
color: #000; }
.product-thumb {
position: relative;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 24px 30px 10px;
background: #f7f7f7;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
/*================ style for menu module --- ===================*/
/*======================= -- style for menu module ==============================*/ }
.product-thumb .caption {
position: relative;
z-index: 1; }
.product-thumb .cart-button {
height: 0;
font-size: 8px;
overflow: hidden;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
white-space: nowrap;
margin-top: 10px; }
.product-thumb .cart-button .btn-primary {
width: 136px;
padding-left: 10px;
padding-right: 10px; }
.product-thumb .cart-button .btn-primary i {
display: none; }
.product-thumb .btn-primary i {
display: none; }
.product-thumb .aside {
display: none; }
.product-thumb .name {
text-overflow: ellipsis;
/*white-space: nowrap;*/
hyphens: auto;
overflow: hidden;
max-width: 100%;
margin-bottom: 3px;
}
.product-thumb .name > a {
display: inline; }
.product-thumb .price {
width: 100%;
margin-bottom: 4px; }
@media (min-width: 768px) {
.product-layout .product-thumb:hover {
/*padding: 40px 49px 35px;*/
/*margin: -30px -35px -40px -35px;*/
background: #fff;
z-index: 2;
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.product-layout .product-thumb:hover .image {
padding: 0 36px;
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.product-layout .product-thumb:hover .cart-button {
height: 40px; } }
.cart-button .btn, .cart-button .btn-icon {
vertical-align: top; }
.related-block {
margin-bottom: 16px; }
.related-block .owl-carousel {
width: auto;
margin-left: -1px;
margin-right: -1px; }
.related-block .owl-carousel .owl-nav .owl-prev {
left: 1px; }
.related-block .owl-carousel .owl-nav .owl-next {
right: 1px; }
.related-block .owl-carousel:hover .owl-nav .owl-prev {
left: 1px; }
.related-block .owl-carousel:hover .owl-nav .owl-next {
right: 1px; }
.related-block .owl-carousel .owl-item {
padding: 0 1px; }
.related-block .owl-carousel .owl-item .product-thumb {
position: relative;
margin: 0 !important;
padding: 20px 30px !important;
background: #f7f7f7 !important; }
.related-block .owl-carousel .owl-item .product-thumb .cart-button {
white-space: normal;
height: auto !important;
margin-top: 2px; }
.related-block .owl-carousel .owl-item .product-thumb:after {
display: none;
border: none; }
.related-block .owl-carousel .owl-item .product-thumb:hover {
z-index: 1; }
.related-block .owl-carousel .owl-item .product-thumb:hover .image {
padding: 0; }
.related-block h3 {
padding-bottom: 10px;
border-bottom: 1px solid #e2e2e2;
margin-bottom: 30px; }
aside .box .owl-carousel {
width: auto;
margin-left: -1px;
margin-right: -1px; }
aside .box .owl-carousel .owl-nav .owl-prev {
left: 1px; }
aside .box .owl-carousel .owl-nav .owl-next {
right: 1px; }
aside .box .owl-carousel:hover .owl-nav .owl-prev {
left: 1px; }
aside .box .owl-carousel:hover .owl-nav .owl-next {
right: 1px; }
aside .box .owl-carousel .owl-item {
padding: 0 1px; }
aside .box .owl-carousel .owl-item .product-thumb {
position: relative;
margin: 0 !important;
padding: 15px 40px !important;
background: #f7f7f7 !important; }
aside .box .owl-carousel .owl-item .product-thumb .cart-button {
white-space: normal;
height: auto !important;
margin-top: 2px; }
aside .box .owl-carousel .owl-item .product-thumb:after {
display: none;
border: none; }
aside .box .owl-carousel .owl-item .product-thumb:hover {
z-index: 1; }
aside .box .owl-carousel .owl-item .product-thumb:hover .image {
padding: 0; }
.mobile-carousel.owl-carousel {
margin-left: -1px;
margin-right: -1px; }
.mobile-carousel.owl-carousel .owl-nav .owl-prev {
left: 1px; }
.mobile-carousel.owl-carousel .owl-nav .owl-next {
right: 1px; }
.mobile-carousel.owl-carousel .cart-button .btn-primary {
display: inline-block;
width: 100%;
margin-bottom: 2px; }
.mobile-carousel.owl-carousel:hover .owl-nav .owl-prev {
left: 1px; }
.mobile-carousel.owl-carousel:hover .owl-nav .owl-next {
right: 1px; }
.mobile-carousel.owl-carousel .owl-item {
padding: 0 1px; }
.mobile-carousel.owl-carousel .owl-item .product-thumb {
position: relative;
margin: 0 !important;
padding: 20px 30px !important;
background: #f7f7f7 !important; }
.mobile-carousel.owl-carousel .owl-item .product-thumb .cart-button {
white-space: normal;
height: auto !important;
margin-top: 2px; }
.mobile-carousel.owl-carousel .owl-item .product-thumb:after {
display: none;
border: none; }
.mobile-carousel.owl-carousel .owl-item .product-thumb:hover {
z-index: 1; }
.mobile-carousel.owl-carousel .owl-item .product-thumb:hover .image {
padding: 0; }
/* ================== Product List, Product Grid =================== */
.image-category {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
display: inline-block;
overflow: hidden;
margin-bottom: 15px; }
.product-list .product-thumb .caption, .product-list .product-thumb .cart-button {
overflow: hidden; }
.description {
font-family: "Roboto", sans-serif;
font-weight: 300;
margin-bottom: 10px; }
.product-grid .description {
display: none; }
.product-list.product-layout {
margin-bottom: 25px; }
.product-list .product-thumb {
position: relative;
margin: 0 !important;
padding: 0 !important;
background: none !important; }
.product-list .product-thumb:after {
display: none;
border: none; }
.product-list .product-thumb:hover {
z-index: 1; }
.product-list .product-thumb:hover .image {
padding: 0; }
.product-list .product-thumb .name {
padding: 0; }
@media (min-width: 768px) {
.product-list .product-thumb:before, .product-list .product-thumb:after {
display: table;
content: "";
line-height: 0; }
.product-list .product-thumb:after {
clear: both; } }
.product-list .product-thumb .image .cart-button {
display: none; }
.product-list .product-thumb .image, .product-list .product-thumb .aside {
float: left;
padding: 0;
width: 26.5%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.product-list .product-thumb > .btn {
display: none; }
.product-list .product-thumb .aside {
width: 70%;
padding: 0 0 0 30px;
text-align: left; }
.product-list .product-thumb .rating {
margin-bottom: 10px; }
.product-list .product-thumb .image {
background: #f7f7f7; }
.product-list .product-thumb .image .rating, .product-list .product-thumb .caption {
display: none; }
.product-list .product-thumb .description {
margin-bottom: 5px; }
@media (min-width: 768px) {
.product-list .product-thumb .product-option-wrap + .sale, .product-list .product-thumb .product-option-wrap + .new-pr, .product-list .product-thumb .product-option-wrap + .discount {
margin-left: 30px; }
.product-list .product-thumb .sale, .product-list .product-thumb .discount, .product-list .product-thumb .new-pr {
position: relative;
vertical-align: top;
margin-bottom: 15px;
font-size: 12px;
line-height: 14px;
padding: 8px 10px;
min-width: 0; }
.product-list .product-thumb .sale, .product-list .product-thumb .new-pr {
right: auto;
top: auto; }
.product-list .product-thumb .sale + .new-pr {
top: auto; }
.product-list .product-thumb .discount {
right: auto;
left: auto;
top: auto; } }
.product-list .product-thumb .aside {
display: block; }
.product-list .product-thumb .aside .btn-primary {
margin-bottom: 20px; }
.product-list .product-thumb .aside .btn {
width: auto;
margin-bottom: 15px; }
.product-list .product-thumb .aside .product-btn {
margin-bottom: 5px;
padding-right: 15px;
margin-right: 10px;
vertical-align: top;
position: relative; }
.product-list .product-thumb .aside .product-btn:after {
position: absolute;
content: '';
top: 0;
right: 0;
display: inline-block;
width: 1px;
height: 14px;
background: #e2e2e2; }
.product-list .product-thumb .aside .product-btn + .product-btn {
border-right: none;
padding-right: 0;
margin-right: 0; }
.product-list .product-thumb .aside .product-btn + .product-btn:after {
display: none; }
.product-list .product-thumb .aside .price {
margin-bottom: 15px; }
.product-list .product-thumb .caption {
text-align: left; }
.product-list .product-thumb .caption .btn-primary, .product-list .product-thumb .caption .price {
display: none; }
.product-list .product-thumb > .price, .product-list .product-thumb > .cart-button {
display: none; }
.clearfix + .product-list .product-thumb {
border-top: 1px solid #e2e2e2;
padding-top: 30px; }
.product-grid .product-thumb .image {
float: none; }
/* ================== SALE =================== */
.sale, .discount, .new-pr {
font-size: 18px;
line-height: 22px;
letter-spacing: .5px;
font-weight: 900;
text-transform: uppercase;
display: inline-block;
padding: 19px 16px 19px;
color: #000;
background: #ffd200; }
.sale, .new-pr {
padding-left: 10px;
padding-right: 10px;
min-width: 92px;
text-align: center; }
.new-pr {
color: #fff;
background: #000; }
.discount {
font-size: 24px; }
.product-block {
margin-right: -1px;
margin-left: -1px; }
.product-block > [class*="col-lg-"], .product-block > [class*="col-md-"], .product-block > [class*="col-sm-"], .product-block > [class*="col-xs-"],
.product-block > div > [class*="col-lg-"], .product-block > div > [class*="col-md-"], .product-block > div > [class*="col-sm-"], .product-block > div > [class*="col-xs-"] {
padding-left: 1px;
padding-right: 1px; }
.product-thumb .sale, .product-thumb .discount, .product-thumb .new-pr {
position: absolute;
z-index: 1; }
.product-thumb .sale, .product-thumb .new-pr {
right: 0;
top: 0; }
.product-thumb .sale + .new-pr {
top: 44px; }
.product-thumb .discount {
right: auto;
left: 0;
top: 0; }
.catalog__cont-wrap .sale, .catalog__cont-wrap .discount, .catalog__cont-wrap .new-pr {
margin-bottom: 15px; }
/* =================== Product Price =================== */
.price-new, .price-old, .price {
display: inline-block;
font: 900 24px/29px "Roboto", sans-serif;
color: #000; }
.price-old {
text-decoration: line-through;
color: #a8a8a8;
font-size: 18px;
line-height: 22px;
margin-right: 2px; }
.price-tx {
color: #000;
font-size: 14px;
font-weight: 900;
font-family: "Roboto", sans-serif; }
.price-section {
margin: 15px 0; }
.price-section .reward {
display: block;
margin-top: 10px; }
.price-tax {
font-size: 12px; }
.price-total {
font-weight: 900; }
.price s {
font-size: 18px;
color: #a8a8a8; }
.stock, .out-stock {
font-weight: 700; }
.stock {
color: #143546;
font-family: "Roboto", sans-serif; }
.out-stock {
color: #EE372A; }
.product-thumb .price-tax {
color: #999;
font-size: 12px;
display: block; }
/* =================== Product Rating =================== */
.fa-stack {
font-size: 16px;
line-height: 16px;
width: 0.8em;
height: 16px; }
.fa-stack i {
color: #a8a8a8; }
.fa-stack i.star {
color: #f8c938; }
.fa-stack-2x {
font-size: 1em; }
.product-thumb .fa-stack {
font-size: 16px; }
.rat {
color: #ffd200; }
/* =================== Product Quickview =================== */
.quick_info {
display: none; }
.fancybox-skin:hover .fancybox-nav span {
visibility: visible; }
.fancybox-inner .new-pr, .fancybox-inner .sale {
vertical-align: top; }
.fancybox-inner .cart-button {
margin-top: 10px; }
.fancybox-inner .cart-button .product-btn {
margin-bottom: 5px; }
.fancybox-nav {
height: 40px;
top: 50%;
width: 40px; }
.fancybox-next {
right: -60px; }
.fancybox-prev {
left: -60px; }
.quickview_description {
overflow: auto;
max-height: 300px;
border: 1px solid #e2e2e2;
padding: 10px;
margin-top: 15px; }
.quickview_description iframe {
width: 40% !important;
height: 200px !important;
float: left;
margin-right: 2em; }
.product-thumb .product-options {
display: none; }
.ajax-overlay .product-options {
position: relative;
display: inline-block;
vertical-align: middle;
max-width: 450px;
min-width: 300px;
padding-bottom: 0;
border-bottom: none;
max-height: 80%;
backface-visibility: hidden; }
.ajax-overlay .product-options h3 {
margin-top: 0; }
.ajax-overlay .product-options .col-sm-8 {
text-align: left; }
.ajax-overlay .product-options .options {
padding: 20px;
text-align: center;
background: #FFF;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px; }
.ajax-overlay .product-options .ajax-overlay_close {
position: absolute;
right: 10px;
top: 10px;
font-size: 16px;
color: rgba(0, 0, 0, 0.5);
font-family: "material-design"; }
.ajax-overlay .product-options .ajax-overlay_close:before {
content: '\e054'; }
.ajax-overlay .product-options .ajax-overlay_close:hover {
color: #000; }
.ajax-overlay .product-options .checkbox label:before {
background: #eaeaea; }
.ajax-overlay .product-option-wrap {
text-align: center;
height: 100%; }
.ajax-overlay .product-option-wrap:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.ajax-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
visibility: hidden;
opacity: 0;
-moz-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
-webkit-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
z-index: 997; }
.ajax-overlay.visible {
opacity: 1;
background: rgba(0, 0, 0, 0.7);
visibility: visible; }
.option-color {
position: relative;
padding-bottom: 10px; }
#product .option-color .text-danger {
position: absolute;
left: 0;
top: 30px;
width: 100%; }
#product .option-color .has-error {
position: static;
padding-bottom: 25px; }
#product #button-cart {
overflow: hidden;
position: relative; }
/*========================================================
Responsive Styles Product
=========================================================*/
@media (max-width: 1199px) {
.product-thumb .button-group button, .product-thumb .button-group button + button {
width: 33.33%; } }
@media (min-width: 992px) and (max-width: 1199px) {
.sale, .discount, .new-pr {
font-size: 14px;
line-height: 16px;
padding: 15px 12px; }
.sale, .new-pr {
min-width: 74px; }
.product-thumb:hover {
padding-left: 20px;
padding-right: 20px;
margin-left: -35px;
margin-right: -35px; }
.product-thumb:hover .image {
padding-left: 45px;
padding-right: 45px; } }
@media (min-width: 768px) and (max-width: 991px) {
.product-layout {
margin-bottom: 30px; }
.product-grid.col-sm-6 {
width: 33.33333333%; }
.sale, .discount, .new-pr {
font-size: 14px;
line-height: 16px;
padding: 10px 12px; }
.sale, .new-pr {
min-width: 65px; }
aside .box .owl-carousel .owl-item .product-thumb {
max-width: 270px;
display: block;
padding: 14px 10px 10px !important; }
aside .box .owl-carousel .owl-item .product-thumb .price-new, aside .box .owl-carousel .owl-item .product-thumb .price {
font-size: 20px; }
aside .box .owl-carousel .owl-item .product-thumb .price-old {
font-size: 16px; }
aside .box .owl-carousel .owl-item .product-thumb .btn-primary {
width: 30px;
height: 30px;
padding: 0;
line-height: 30px;
float: left;
margin-right: 1px; }
aside .box .owl-carousel .owl-item .product-thumb .btn-primary i {
display: inline-block;
font-size: 18px; }
aside .box .owl-carousel .owl-item .product-thumb .btn-primary span {
display: none; }
aside .box .owl-carousel .owl-item .product-thumb .cart-button {
margin-top: 0; }
aside .box .owl-carousel .owl-item .product-thumb .cart-button .btn-icon {
width: 30px;
max-width: 30px;
height: 30px;
line-height: 30px; }
.product-layout.product-grid {
margin-bottom: 2px; }
.product-layout.product-grid .product-thumb {
max-width: 270px;
display: block;
padding: 14px 10px 0; }
.product-layout.product-grid .product-thumb .price-new, .product-layout.product-grid .product-thumb .price {
font-size: 20px; }
.product-layout.product-grid .product-thumb .price-old {
font-size: 16px; }
.product-layout.product-grid .product-thumb .cart-button .btn-primary {
width: 30px;
height: 30px;
padding: 0;
line-height: 30px; }
.product-layout.product-grid .product-thumb .cart-button .btn-primary i {
display: inline-block;
font-size: 18px; }
.product-layout.product-grid .product-thumb .cart-button .btn-primary span {
display: none; }
.product-layout.product-grid .product-thumb .cart-button .btn-icon {
width: 30px;
max-width: 30px;
height: 30px;
line-height: 30px; }
.product-layout.product-grid .product-thumb:hover {
padding: 14px 19px 10px;
margin: -20px -9px -30px; }
.product-layout.product-grid .product-thumb:hover .image {
padding-left: 0;
padding-right: 0; } }
@media (min-width: 768px) {
.box .box-content .last {
clear: left; }
.fancybox-next {
right: -30px; }
.fancybox-prev {
left: -30px; }
.product-reviews .fa-stack {
font-size: 14px; } }
@media (max-width: 767px) {
#content .product-layout + .product-layout {
margin-top: 0; }
#content .product-layout.clr {
clear: both; }
.related-block .owl-item {
text-align: center; }
.related-block .owl-item .product-thumb {
display: inline-block; }
.product-thumb {
display: inline-block;
max-width: 100%;
width: 270px; }
.product-thumb .image .cart-button {
margin-left: -51px; }
.product-layout.product-list .cart-button .btn-primary, .product-layout.product-grid .cart-button .btn-primary {
display: inline-block;
width: 100%;
margin-bottom: 2px; }
.product-layout.product-list .product-thumb, .product-layout.product-grid .product-thumb {
position: relative;
margin: 0 !important;
padding: 20px 30px !important;
background: #f7f7f7 !important; }
.product-layout.product-list .product-thumb .cart-button, .product-layout.product-grid .product-thumb .cart-button {
white-space: normal;
height: auto !important;
margin-top: 2px; }
.product-layout.product-list .product-thumb:after, .product-layout.product-grid .product-thumb:after {
display: none;
border: none; }
.product-layout.product-list .product-thumb:hover, .product-layout.product-grid .product-thumb:hover {
z-index: 1; }
.product-layout.product-list .product-thumb:hover .image, .product-layout.product-grid .product-thumb:hover .image {
padding: 0; }
.product-layout.product-grid,
.product-layout.product-list {
text-align: center; }
.product-layout.product-grid .product-thumb,
.product-layout.product-list .product-thumb {
display: inline-block; }
.quickview_description iframe {
float: none;
width: 100% !important;
margin: 0 0 2em; }
.product-list .product-thumb .image, .product-list .product-thumb .caption, .product-list .product-thumb .aside,
.product-grid .product-thumb .image,
.product-grid .product-thumb .caption,
.product-grid .product-thumb .aside {
float: none;
margin: 0 0 15px;
width: 100%; }
.product-list .product-thumb .aside,
.product-grid .product-thumb .aside {
display: none; }
.product-list .product-thumb .caption,
.product-grid .product-thumb .caption {
border-right: none; }
.product-list .product-thumb > .price, .product-list .product-thumb .cart-button,
.product-grid .product-thumb > .price,
.product-grid .product-thumb .cart-button {
display: block; }
.product-list + .product-list .product-thumb,
.product-grid + .product-list .product-thumb {
border-top: none;
padding-top: 0; }
.product-list .product-thumb .caption {
display: block;
text-align: center; }
.product-list .product-thumb .caption .price {
display: block; }
.product-list .product-thumb .caption .btn-primary {
display: inline-block; }
.product-list .product-thumb .image .rating {
display: block; }
.clearfix + .product-list .product-thumb {
border-top: none;
padding: 0; }
.product-layout {
margin-bottom: 20px; }
aside .box .product-layout, .column-left .box .product-layout {
text-align: center; }
aside .box .product-layout .product-thumb, .column-left .box .product-layout .product-thumb {
display: inline-block; } }
@media (max-width: 600px) {
.quickview_description iframe,
.product-desc iframe {
height: 240px !important; } }
@media (max-width: 540px) {
#content .product-layout {
width: 100%;
float: none; }
.product-thumb .product-options {
max-width: 95%; }
.product-thumb .product-options [class*="col-xs"] {
float: left; }
.product-thumb .product-options [class*="col-xs"] + [class*="col-xs"] {
margin-top: 0 !important; } }
@media (max-width: 480px) {
.sale, .discount, .new-pr {
font-size: 14px;
line-height: 16px;
padding: 10px 12px; }
.sale, .new-pr {
min-width: 65px; } }
/*========================================================
Box
=========================================================*/
.box-heading {
line-height: 14px; }
.box {
margin-bottom: 20px; }
.box .box-heading {
margin: 0 0 30px; }
.box .box-heading h3 {
margin: 0;
line-height: 16px; }
.common-home .box.bestsellers {
margin-bottom: 7px; }
aside .box .product-layout, .column-left .box .product-layout, .col-lg-3 .box .product-layout {
width: 100%; }
aside [class*="col-"], aside .container, .column-left [class*="col-"], .column-left .container, .col-lg-3 [class*="col-"], .col-lg-3 .container {
width: 100%;
padding: 0; }
aside .row, .column-left .row, .col-lg-3 .row {
margin: 0; }
aside .box {
margin-bottom: 35px; }
aside .blog-search .box-heading {
margin-bottom: 25px; }
/*========================================================
Responsive Box
=========================================================*/
@media (min-width: 992px) and (max-width: 1199px) {
.box .box-heading {
margin-bottom: 20px; } }
@media (max-width: 767px) {
.box .box-heading {
margin-top: 10px;
padding-bottom: 10px;
margin-bottom: 15px; }
aside .box {
text-align: center; }
aside .box .box-heading, .column-left .box .box-heading, .col-lg-3 .box .box-heading {
position: relative;
cursor: pointer; }
aside .box .box-heading:after, .column-left .box .box-heading:after, .col-lg-3 .box .box-heading:after {
content: '\f067';
position: absolute;
right: 0;
top: 0;
font-size: 14px;
line-height: 14px;
font-family: "FontAwesome";
color: #2a4655; }
aside .box .box-heading:hover:after, .column-left .box .box-heading:hover:after, .col-lg-3 .box .box-heading:hover:after {
color: #ffd200; }
aside .box .box-heading.active:after, .column-left .box .box-heading.active:after, .col-lg-3 .box .box-heading.active:after {
content: '\f068'; }
aside .box.specials, .column-left .box.specials {
margin-bottom: 30px; }
aside h3 + ul.sf-menu, .column-left h3 + ul.sf-menu {
margin-bottom: 15px; } }
@media (max-width: 480px) {
aside, .column-left, .col-lg-3 {
padding-right: 20px !important;
padding-left: 20px !important; }
aside .owl-carousel .owl-nav .owl-prev, .column-left .owl-carousel .owl-nav .owl-prev, .col-lg-3 .owl-carousel .owl-nav .owl-prev {
left: 10px !important; }
aside .owl-carousel .owl-nav .owl-next, .column-left .owl-carousel .owl-nav .owl-next, .col-lg-3 .owl-carousel .owl-nav .owl-next {
right: 10px !important; }
.col-inner.column-left {
padding-left: 0 !important;
padding-right: 0 !important; }
#content .box.single-category .box-heading, #content .box.single-category .nav.nav-tabs {
margin-left: 5px;
margin-right: 5px; } }
/*========================================================
Buttons
=========================================================*/
#button-search + h2 {
margin-top: 15px; }
.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
background-color: #000;
border-color: #000; }
.buttons {
margin: 1em 0; }
.buttons:before, .buttons:after {
display: table;
content: "";
line-height: 0; }
.buttons:after {
clear: both; }
.buttons .btn {
margin-bottom: 10px; }
.buttons .btn:hover {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.buttons .btn i, .buttons .btn span {
vertical-align: top; }
.buttons .btn i {
margin: 0 5px;
line-height: 16px;
display: inline-block; }
.buttons .pull-right .btn {
margin-right: 10px; }
.buttons .pull-right [for="agree1"] + .btn {
margin-bottom: 0; }
.input-group-btn .btn {
padding: 7px 12px; }
.input-group-btn .btn i {
font-size: 15px;
line-height: 18px; }
.agree b {
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
.agree:hover b {
color: #ffd200; }
/* ================ Default Buttons BEGIN =============== */
.btn, .btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
font-size: 14px;
line-height: 16px;
font-weight: 900;
color: #fff;
background: #000;
text-shadow: none;
text-transform: uppercase;
overflow: hidden;
padding: 12px 23px;
outline: none;
letter-spacing: .5px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; }
.btn:visited, .btn-default:visited, .btn-primary:visited, .btn-success:visited, .btn-info:visited, .btn-warning:visited, .btn-danger:visited {
color: #fff;
background: #000; }
.btn:hover, .btn:focus, .btn:active, .btn:visited:hover, .btn:focus:active, .btn:active:focus, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default:visited:hover, .btn-default:focus:active, .btn-default:active:focus, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:visited:hover, .btn-primary:focus:active, .btn-primary:active:focus, .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success:visited:hover, .btn-success:focus:active, .btn-success:active:focus, .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info:visited:hover, .btn-info:focus:active, .btn-info:active:focus, .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning:visited:hover, .btn-warning:focus:active, .btn-warning:active:focus, .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger:visited:hover, .btn-danger:focus:active, .btn-danger:active:focus {
color: #ffd200;
background: #000;
outline: none !important; }
.btn-primary {
color: #000;
background: #ffd200; }
.btn-primary:visited {
color: #000;
background: #ffd200; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:visited:hover, .btn-primary:focus:active, .btn-primary:active:focus {
color: #ffd200;
background: #000; }
.camera_caption .btn {
overflow: hidden;
-moz-transition: all 0.7s cubic-bezier(0.2, 1, 0.3, 1);
-o-transition: all 0.7s cubic-bezier(0.2, 1, 0.3, 1);
-webkit-transition: all 0.7s cubic-bezier(0.2, 1, 0.3, 1);
transition: all 0.7s cubic-bezier(0.2, 1, 0.3, 1); }
.camera_caption .btn:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
z-index: -1;
-moz-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
-ms-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
-o-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
-webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
-webkit-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-moz-transition: all 0.7s;
-o-transition: all 0.7s;
-webkit-transition: all 0.7s;
transition: all 0.7s; }
.camera_caption .btn:hover:before {
opacity: 1;
background-color: #000;
-moz-transform: rotate3d(0, 0, 1, 0deg);
-ms-transform: rotate3d(0, 0, 1, 0deg);
-o-transform: rotate3d(0, 0, 1, 0deg);
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
/*================ Product Buttons BEGIN ===============*/
.product-btn {
color: #a8a8a8;
background: none;
padding: 0;
font: 400 12px/14px "Roboto", sans-serif;
text-transform: uppercase; }
.product-btn i {
margin-right: 3px;
font-size: 14px;
line-height: 14px;
vertical-align: top;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
.product-btn span {
vertical-align: top; }
.product-btn:visited {
color: #a8a8a8;
background: none; }
.product-btn:hover, .product-btn:focus, .product-btn:active {
color: #ffd200;
background: none; }
.product-btn:hover i, .product-btn:focus i, .product-btn:active i {
color: #ffd200; }
.product-btn:first-child {
margin-right: 10px; }
/* ================ QuickView =============== */
.product-thumb .image > .quickview {
position: absolute;
left: 50%;
top: 50%;
display: inline-block;
opacity: 0;
padding: 6px 12px;
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #ffd200;
color: #FFF;
z-index: 1; }
.product-thumb .image > .quickview:hover {
background: #ffd200; }
/* ================ Product page buttons =============== */
.product-buttons {
margin: 10px 0 10px;
padding: 0; }
.product-buttons:before, .product-buttons:after {
display: table;
content: "";
line-height: 0; }
.product-buttons:after {
clear: both; }
.product-buttons li {
display: inline-block;
margin-right: 10px;
list-style: none; }
.product-buttons li button {
display: inline-block;
background: none;
color: #ffd200;
padding: 0; }
.product-buttons li button:hover, .product-buttons li button:focus {
color: #000;
background: transparent; }
.product-buttons li button:active {
box-shadow: none; }
.btn-icon {
width: 40px;
max-width: 40px;
height: 40px;
font-size: 18px;
line-height: 38px;
text-align: center;
display: inline-block;
color: #fff;
background: #000; }
.btn-icon:visited {
color: #fff;
background: #000; }
.btn-icon:hover, .btn-icon:focus, .btn-icon:active {
color: #ffd200;
background: #000; }
#button-cart {
display: inline-block;
margin-left: 10px;
vertical-align: middle; }
#button-cart:disabled {
pointer-events: none;
opacity: .5; }
/* ================ Tooltip ================= */
.tooltip-inner {
background: #ffd200; }
[class][class].tooltip-arrow {
border-top-color: #ffd200; }
/*========================================================
Responsive styles Buttons
=========================================================*/
@media (min-width: 992px) and (max-width: 1199px) {
.account-wishlist table td .btn {
padding: 10px; } }
@media (min-width: 768px) and (max-width: 991px) {
.table-bordered > tbody > tr > .text-right {
padding: 5px; }
.account-wishlist table td .btn {
padding: 6px; } }
@media (max-width: 767px) {
#grid-view, #list-view {
display: none; }
.product-thumb .image > .quickview {
display: none; }
.quickview {
display: none !important; } }
@media (max-width: 479px) {
.btn, .btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
letter-spacing: 0; }
.buttons .pull-left, .buttons .pull-right {
float: none !important;
margin-left: 0; }
#button-cart {
display: block;
margin: 15px 0 0;
width: 100%; } }
@media (max-width: 410px) {
.account-address .table td a {
display: block; }
.account-address .table td a + a {
margin-top: 5px; } }
/*========================================================
Form Styles
=========================================================*/
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
display: block;
width: 100%;
background: #f2f2f2;
border: 1px solid #f3f4f5;
color: #a8a8a8;
font-size: 12px;
height: 35px;
line-height: 24px;
padding: 5.5px 10px 5.5px 25px;
outline: none;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1); }
input.form-control:focus {
border-color: #f3f4f5; }
.product-options .checkbox input[type="checkbox"] + label,
.product-options .radio input[type="radio"] + label {
border: 1px solid #f3f4f5; }
select:hover {
cursor: pointer; }
input[name*="quantity"] {
display: inline-block;
width: 40px;
text-align: center;
padding-left: 5px;
padding-right: 5px;
vertical-align: middle; }
input[name="captcha"] + img {
margin-top: 15px; }
textarea:not([class*="habla"]) {
min-height: 200px; }
select {
display: none; }
#modal-shipping input[type="radio"] {
display: inline;
float: left;
margin-top: 8px; }
@media (max-width: 479px) {
#modal-shipping .btn, #modal-shipping #button-shipping {
margin-top: 5px; } }
.counter, .counter:focus {
display: inline-block;
height: 35px;
width: 35px;
color: #000;
background: #f2f2f2;
line-height: 35px;
text-align: center;
font-size: 20px;
vertical-align: middle; }
.counter:hover, .counter:focus:hover {
background: #efefef;
color: #ffd200; }
@media (max-width: 767px) {
.counter, .counter:focus {
display: none; } }
@media (max-width: 767px) {
#product .counter {
display: inline-block; } }
.input-group-btn .btn {
height: 35px;
padding-top: 0;
padding-bottom: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.sbHolder {
background-color: #f2f2f2;
border: 1px solid #f3f4f5;
height: 35px;
position: relative;
width: 100%;
text-align: left;
color: #a8a8a8;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-width: 120px; }
.sbHolder:hover {
background: #efefef; }
.sbHolder:focus {
border-color: rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1); }
.sbSelector {
display: block;
height: 100%;
line-height: 24px;
font-family: "Roboto", sans-serif;
font-size: 12px;
font-weight: 300;
position: absolute;
left: 0;
top: 0;
right: 30px;
padding: 5.5px 5px 5.5px 10px;
overflow: hidden;
white-space: nowrap;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.sbSelector:hover {
color: inherit; }
.sbToggle {
display: block;
height: 100%;
outline: none;
position: absolute;
right: 0;
top: 0;
width: 30px;
text-align: center;
color: #2b2b2b;
font-family: "FontAwesome";
line-height: 35px;
font-size: 16px; }
.sbToggle:before {
content: "";
display: block;
-moz-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
-webkit-transition: 0.5s all ease;
transition: 0.5s all ease; }
.sbToggle:hover {
color: #ffd200; }
.sbToggleOpen:before {
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg); }
.sbHolderDisabled {
background-color: #3C3C3C;
border: solid 1px #515151; }
.sbOptions {
background-color: #f2f2f2;
list-style: none;
left: 0;
margin: 0;
padding: 10px 0;
position: absolute;
right: 0;
z-index: 1;
overflow-y: auto;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
outline: none;
z-index: 3;
font-family: "Roboto", sans-serif;
font-weight: 300;
font-size: 12px;
line-height: 16px; }
.container[role="main"] .sbOptions li {margin-bottom: 0; border-left: solid 1px #e1e1e1; border-right: solid 1px #e1e1e1; }
.container[role="main"] .sbOptions li:last-child {border-bottom: solid 1px #e1e1e1;}
.sbOptions li a {
display: block;
padding: 8px 20px 8px 10px;
color: #686868; }
.sbOptions li a:hover {
color: #ffd200;
background: #efefef; }
input[type="radio"] {
display: none; }
input[type="radio"] + label {
position: relative;
padding-left: 30px;
line-height: 24px; }
input[type="radio"] + label:before, input[type="radio"] + label:after {
content: '';
position: absolute;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
input[type="radio"] + label:before {
top: 5px;
left: 0;
width: 14px;
height: 14px;
border: none;
background: #f3f4f5; }
input[type="radio"] + label:after {
top: 7px;
left: 2px;
width: 10px;
height: 10px;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
input[type="radio"]:checked + label:after {
background: #ffd200; }
.radio-inline {
margin-right: 5px; }
input[type="checkbox"] {
display: none; }
input[type="checkbox"] + label {
position: relative;
padding-left: 20px;
cursor: pointer; }
input[type="checkbox"] + label:before, input[type="checkbox"] + label:after {
content: '';
position: absolute;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
top: 5px;
left: 0;
width: 14px;
height: 14px; }
input[type="checkbox"] + label:before {
background: #e5e5e5;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; }
input[type="checkbox"] + label:after {
text-align: center;
line-height: 14px;
font-family: "FontAwesome";
color: #ffd200; }
input[type="checkbox"]:checked + label:after {
content: ""; }
input[type="checkbox"][disabled] + label {
color: #f4f4f4;
display: none; }
input[type="checkbox"][name="agree"] + label {
margin-bottom: 12px; }
input[type="checkbox"][name="agree"] + label:before, input[type="checkbox"][name="agree"] + label:after {
top: 0; }
#habla_window_div #habla_topbar_div {
background: #ffd200 !important; }
#at15s, #at20mc {
z-index: 999 !important; }
/*========================================================
Menu styles
=========================================================*/
.sf-menu {
display: inline-block;
width: 100%;
position: relative; }
.sf-menu:before, .sf-menu:after {
display: table;
content: "";
line-height: 0; }
.sf-menu:after {
clear: both; }
.sf-menu > li {
position: relative; }
.sf-menu > li + li {
border-left: 2px solid #fff; }
.navigation {
position: relative;
z-index: 3; }
.megamenu {
position: relative;
background: #000; }
header .megamenu h3 {
display: none; }
.sf-menu {
list-style: none;
margin: 0;
padding: 0;
z-index: 3; }
/*================ Menu ===============*/
.sf-menu {
font-family: "Roboto", sans-serif;
display: table;
width: 100%;
table-layout: fixed; }
.sf-menu > li {
display: table-cell;
text-align: center;
width: 100%;
z-index: 1; }
.sf-menu > li > a {
color: #fff;
background: none;
position: relative;
font: 900 14px/16px "Roboto", sans-serif;
letter-spacing: .5px;
padding-top: 23px;
padding-bottom: 23px;
overflow: hidden;
text-transform: uppercase;
-moz-transition: all 0.7s cubic-bezier(0.2, 1, 0.3, 1);
-o-transition: all 0.7s cubic-bezier(0.2, 1, 0.3, 1);
-webkit-transition: all 0.7s cubic-bezier(0.2, 1, 0.3, 1);
transition: all 0.7s cubic-bezier(0.2, 1, 0.3, 1); }
.sf-menu > li > a:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #ffd200;
z-index: -1;
-moz-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3.5em, 0);
-ms-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3.5em, 0);
-o-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3.5em, 0);
-webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3.5em, 0);
transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3.5em, 0);
-webkit-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-moz-transition: all 0.7s;
-o-transition: all 0.7s;
-webkit-transition: all 0.7s;
transition: all 0.7s; }
.sf-menu > li.sfHover > a, .sf-menu > li > a:hover, .sf-menu > li > a.active {
color: #000;
background: none; }
.sf-menu > li.sfHover > a:before, .sf-menu > li > a:hover:before, .sf-menu > li > a.active:before {
opacity: 1;
background-color: #ffd200;
-moz-transform: rotate3d(0, 0, 1, 0deg);
-ms-transform: rotate3d(0, 0, 1, 0deg);
-o-transform: rotate3d(0, 0, 1, 0deg);
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.sf-menu li {
position: relative; }
.sf-menu li.sf-with-mega {
position: static; }
.sf-menu li > a {
display: block; }
.sf-menu .submenu_title {
margin-bottom: 21px; }
.sf-menu .submenu_title > a {
text-transform: uppercase;
font-size: 18px;
line-height: 22px;
font-weight: 700;
letter-spacing: .5px;
color: #000; }
.sf-menu .submenu_title > a:visited {
color: #000; }
.sf-menu .submenu_title > a:hover, .sf-menu .submenu_title > a:focus, .sf-menu .submenu_title > a:active, .sf-menu .submenu_title > a.active {
color: #ffd200; }
.sf-menu .submenu_title + ul li {
font-size: 14px;
line-height: 16px; }
.sf-menu .submenu_title + ul li > a, .sf-menu .submenu_title + ul li > a:visited {
color: #a8a8a8; }
.sf-menu .submenu_title + ul li.sfHover > a, .sf-menu .submenu_title + ul li > a:hover, .sf-menu .submenu_title + ul li > a:focus, .sf-menu .submenu_title + ul li > a:active, .sf-menu .submenu_title + ul li > a.active {
color: #000; }
.sf-menu .submenu_title + ul li + li {
margin-top: 14px; }
/*================ Sub-menu lvl1 ===============*/
.sf-menu .simple_menu {
list-style-type: none;
display: none;
position: absolute;
z-index: 109;
left: 0;
top: 100%;
width: 200px;
margin-top: 0;
padding: 0;
text-align: left; }
.sf-menu .simple_menu li.sfHover > a, .sf-menu .simple_menu li > a:hover, .sf-menu .simple_menu li > a.active {
color: #ffd200; }
/*================ Sub-menu lvl1 item ===============*/
.sf-menu .simple_menu {
font-size: 14px; }
.sf-menu .simple_menu li {
position: relative; }
.sf-menu .simple_menu a {
display: block;
background: #f7f7f7;
color: #a8a8a8;
padding: 13px 30px 13px 20px; }
.sf-menu .simple_menu a, .sf-menu .simple_menu a.sf-with-ul {
font-size: 14px; }
.sf-menu .simple_menu li.active > a, .sf-menu .simple_menu a:hover, .sf-menu .simple_menu li.sfHover > a, .sf-menu .simple_menu li > a.active {
color: #000 !important;
background: #efefef; }
/*================ Sub-menu lvl2 ===============*/
.sf-menu .simple_menu .simple_menu {
left: 100%;
top: 0;
margin-top: 0; }
.sf-menu .simple_menu .simple_menu:before {
display: none; }
.menu-gadget {
display: none !important; }
.sf-menu .sf-mega {
display: none;
position: absolute;
list-style-type: none;
text-align: left;
top: 100%;
left: 0;
right: 0;
min-width: 100%;
z-index: 10;
padding: 36px;
border: none;
background: #f7f7f7;
-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.03);
-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.03);
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.03);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; }
.sf-menu .sf-mega .container, .sf-menu .sf-mega [class*="col-"], .sf-menu .sf-mega .row {
width: 100%;
padding: 0;
margin: 0; }
.sf-menu .sf-mega > li + li {
margin-top: 19px; }
.sf-menu .sf-mega > li {
padding: 0; }
.sf-menu .sf-mega li {
font-size: 14px;
line-height: 16px;
display: block; }
.sf-menu .sf-mega li > a {
display: inline-block; }
.sf-menu .sf-mega li.sfHover > a, .sf-menu .sf-mega li > a:hover, .sf-menu .sf-mega li > a.active {
color: #fff; }
.sf-menu .sf-mega ul {
padding: 0;
list-style-type: none; }
.sf-menu .sf-mega_row {
margin: 0 -15px; }
.sf-menu .sf-mega_row:before, .sf-menu .sf-mega_row:after {
display: table;
content: "";
line-height: 0; }
.sf-menu .sf-mega_row:after {
clear: both; }
.sf-menu .sf-mega_section {
float: left;
padding: 0 15px; }
aside .sf-menu .sf-mega, .column-left .sf-menu .sf-mega {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; }
aside .megamenu, .column-left .megamenu {
line-height: 20px; }
aside .megamenu .sf-menu, .column-left .megamenu .sf-menu {
display: inline-block; }
aside .megamenu .sf-menu > li, .column-left .megamenu .sf-menu > li {
margin: 0; }
aside .megamenu .sf-menu > li > a, aside .megamenu .sf-menu > li > span, .column-left .megamenu .sf-menu > li > a, .column-left .megamenu .sf-menu > li > span {
letter-spacing: 1.1px; }
.sf-menu > li > .sf-with-ul {
position: relative; }
.sf-menu > li > .sf-with-ul:after {
position: relative;
margin-left: 3px;
content: '\e5c5';
font: 400 14px/16px 'Material Icons';
vertical-align: top; }
.sf-menu ul > li > .sf-with-ul {
position: relative;
font-size: 11px;
text-transform: none; }
.sf-menu ul > li > .sf-with-ul:after {
position: absolute;
right: 20px;
top: 50%;
margin-top: -7px;
content: '\e5cc';
font: 400 12px/14px 'Material Icons'; }
/*================ style for menu module --- ===================*/
@media (min-width: 768px) {
.megamenu_module .product-thumb:hover {
margin: 0;
padding: 15px 35px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; } }
@media (min-width: 992px) and (max-width: 1199px) {
.megamenu_module .product-thumb:hover {
padding: 31px 25px; } }
@media (max-width: 767px) {
.megamenu_module {
padding-left: 15px;
padding-right: 15px; }
.megamenu_module .box {
margin-bottom: 15px; }
.megamenu_module .box .box-heading {
margin-top: 25px;
padding-bottom: 0;
margin-bottom: 20px; }
.megamenu_module .box .owl-carousel {
display: block;
margin: 0; }
.megamenu_module .box .lazy {
display: none !important; }
.megamenu_module .product-thumb {
padding: 0;
background: none; }
.megamenu_module .product-thumb .image {
margin-bottom: 0; }
.megamenu_module .product-thumb .name > a {
padding: 0; }
.megamenu_module .product-thumb .name > a:hover {
background: none; }
.megamenu_module .product-thumb .image .rating {
display: none; }
.megamenu_module .product-thumb .new-pr, .megamenu_module .product-thumb .sale, .megamenu_module .product-thumb .discount {
display: none; } }
/*======================= -- style for menu module ==============================*/
/*============================================*/
@media (min-width: 768px) and (max-width: 991px) {
.sf-menu > li > .sf-with-ul:after {
margin-left: 0; }
.sf-menu .submenu_title {
margin-bottom: 15px; }
.sf-menu .submenu_title > a {
font-size: 14px;
line-height: 16px; }
.sf-menu .submenu_title + ul li + li {
margin-top: 8px; } }
@media (max-width: 767px) {
.sf-menu {
display: none; }
.sf-mega_section {
width: 100% !important; } }
/*================== Stuck menu ======================*/
.stuck-menu {
position: relative;
z-index: 3;
width: auto !important;
margin-bottom: 30px; }
.ajax-overlay-open .scroll-fix {
z-index: 996; }
@media only screen and (min-width: 991px) {
.scroll-fix {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 10000;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
background: rgba(255, 255, 255, 0.9); } }
@media only screen and (max-width: 991px) {
.stuck-menu {
position: static; }
.stuck-menu + .stuck-menu {
display: none; } }
/*=============== Responsive ====================*/
@media (max-width: 767px) {
.stuck-menu {
margin-bottom: 0; } }
/*================== RD Mobile Menu =====================*/
.rd-mobilemenu {
display: none;
position: fixed;
top: 0;
left: 0;
bottom: 0;
z-index: 999;
text-align: left;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
.rd-mobilemenu.active {
right: 0; }
.rd-mobilemenu_ul {
position: fixed;
top: -50px;
left: 0;
bottom: -50px;
width: 240px;
padding: 120px 0 70px;
color: #666;
background: #FFF;
font-size: 14px;
line-height: 20px;
overflow: auto;
-webkit-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
-moz-transform: translateX(-240px);
-ms-transform: translateX(-240px);
-o-transform: translateX(-240px);
-webkit-transform: translateX(-240px);
transform: translateX(-240px);
-moz-transition: 0.3s ease;
-o-transition: 0.3s ease;
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
-moz-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
-o-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
-webkit-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1); }
.rd-mobilemenu.active .rd-mobilemenu_ul {
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0); }
.rd-mobilemenu_ul > li > a {
font-weight: 900; }
.rd-mobilemenu_ul a {
display: block;
padding: 8px 45px 8px 20px; }
.rd-mobilemenu_ul a.active {
background: #f5f5f5;
color: #2d2d2d; }
.rd-mobilemenu_ul a:hover {
background: #ffd200;
color: #000; }
.rd-mobilemenu_ul a .rd-submenu-toggle {
position: absolute;
top: 50%;
right: 11px;
margin-top: -16px;
width: 32px;
height: 32px;
font: 400 10px "FontAwesome";
line-height: 32px;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
-webkit-transition: 0.5s all ease;
transition: 0.5s all ease;
z-index: 1;
background: rgba(0, 0, 0, 0.1); }
.rd-mobilemenu_ul a .rd-submenu-toggle:after {
content: '\f078'; }
.rd-mobilemenu_ul a .rd-submenu-toggle:hover {
background: #FFF;
color: #666; }
.rd-mobilemenu_ul a.rd-with-ul {
position: relative; }
.rd-mobilemenu_ul a.rd-with-ul.active .rd-submenu-toggle {
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
.rd-mobilemenu_ul .nav_blocks a {
padding: 0;
display: inline-block; }
.rd-mobilemenu_ul ul {
list-style-type: none;
padding-left: 0; }
.rd-mobilemenu_ul ul a {
padding-left: 30px; }
.rd-mobilemenu_ul ul ul a {
padding-left: 45px; }
.rd-mobilemenu_ul:after {
content: '';
display: block;
height: 20px; }
.rd-mobilepanel {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
height: 50px;
background: #FFF;
color: #000;
-webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
z-index: 10000; }
.rd-mobilepanel_title {
position: fixed;
top: 0;
left: 50px;
right: 90px;
color: #000;
font-size: 14px;
line-height: 49px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin-top: 0;
margin-bottom: 0;
text-transform: uppercase; }
.rd-mobilepanel_toggle {
background: none;
border: none;
display: inline-block;
padding: 0;
outline: none;
outline-offset: 0;
cursor: pointer;
-webkit-appearance: none;
position: fixed;
top: 13px;
left: 15px;
width: 24px;
height: 24px; }
.rd-mobilepanel_toggle::-moz-focus-inner {
border: none;
padding: 0; }
.rd-mobilepanel_toggle span {
position: relative;
display: block;
margin: auto;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease; }
.rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before {
content: "";
position: absolute;
left: 0;
top: -4px;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease; }
.rd-mobilepanel_toggle span:after {
top: 4px; }
.rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span {
width: 14px;
height: 2px;
background-color: #000;
backface-visibility: hidden;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; }
.rd-mobilepanel_toggle span {
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
.rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span:after {
-moz-transform-origin: 1px center;
-ms-transform-origin: 1px center;
-o-transform-origin: 1px center;
-webkit-transform-origin: 1px center;
transform-origin: 1px center;
-moz-transform-origin: 1px center;
-ms-transform-origin: 1px center;
-o-transform-origin: 1px center;
-webkit-transform-origin: 1px center;
transform-origin: 1px center; }
.rd-mobilepanel_toggle.active span {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg); }
.rd-mobilepanel_toggle.active span:before, .rd-mobilepanel_toggle.active span:after {
top: 0;
width: 8.75px; }
.rd-mobilepanel_toggle.active span:before {
-webkit-transform: rotate3d(0, 0, 1, -40deg);
transform: rotate3d(0, 0, 1, -40deg); }
.rd-mobilepanel_toggle.active span:after {
-webkit-transform: rotate3d(0, 0, 1, 40deg);
transform: rotate3d(0, 0, 1, 40deg); }
@media (max-width: 767px) {
body {
padding-top: 50px; }
.rd-mobilemenu, .rd-mobilepanel {
display: block; }
.cart {
right: 0;
height: 50px;
z-index: 10001; }
.cart > button {
line-height: 50px; }
.cart > button .cart-total2 {
line-height: 20px;
margin-top: 5px; }
header .search {
margin-bottom: 30px; }
header .nav .toggle_cont a i {
display: none; }
.header-top {
margin-bottom: 10px; }
.header-top .button-login {
margin-left: 10px; }
.header-top > .container > span a span {
font-size: 12px; }
.rd-mobilemenu_ul .nav_blocks.row {
margin: 0; }
.rd-mobilemenu_ul .nav_blocks.row > div.fourth .s-desc {
position: absolute;
pointer-events: none;
top: auto;
bottom: 26px;
width: 100%;
padding-left: 10px;
padding-right: 10px;
font-weight: bold;
font-size: 14px;
line-height: 16px; }
.rd-mobilemenu_ul .nav_blocks.row > div.one-third .s-desc {
font-size: 9px;
line-height: 12px; }
.rd-mobilemenu_ul .nav_blocks.row > div.one-third .s-desc h3 {
font-size: 14px;
line-height: 16px;
padding-bottom: 0;
margin-bottom: 5px; }
.rd-mobilemenu_ul .nav_blocks.row > div.one-third .s-desc h3:after {
display: none; }
.rd-mobilemenu_ul .nav_blocks.row > div.one-third .s-desc .btn {
bottom: 10%; }
.rd-mobilemenu_ul .nav_blocks.row > div.one-third .s-desc div {
top: 30%; }
.rd-mobilemenu_ul .nav_blocks.row > div.one-third .s-desc div + a {
padding: 5px 19px; } }
@media (max-width: 400px) {
.rd-mobilepanel_title {
font-size: 18px; } }
/*========================================================
nav_blocks
=========================================================*/
.nav_blocks {
margin-bottom: 2px; }
.nav_blocks.row {
margin-left: -1px;
margin-right: -1px; }
.nav_blocks > div.nav_block-big, .nav_blocks > div.nav_block-small {
width: 100%; }
.nav_blocks > div.col-sm-6 {
padding-left: 1px;
padding-right: 1px; }
.nav_blocks > div img {
-moz-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
-webkit-transition: 0.5s all ease;
transition: 0.5s all ease;
background: #fff;
width: 100%; }
.nav_blocks > div .nav_block-box {
position: relative;
overflow: hidden;
background: #fff; }
.nav_blocks > div .nav_block-box > a {
display: block; }
.nav_blocks > div .nav_block-box .link {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: inline-block;
content: '';
background: rgba(0, 0, 0, 0.3); }
.nav_blocks > div .nav_block-box:hover img {
opacity: .8; }
.nav_blocks > div .s-desc {
position: absolute;
display: inline;
left: 30px;
top: 24px;
color: #fff; }
.nav_blocks > div .s-desc h2 {
position: relative;
z-index: 2;
pointer-events: none;
font: 900 24px/29px "Roboto", sans-serif;
letter-spacing: 1px;
text-transform: none;
color: #fff;
text-transform: none;
margin-bottom: 16px; }
.nav_blocks > div .s-desc ul {
position: relative;
z-index: 2;
clear: left;
padding-left: 0;
letter-spacing: 1px;
list-style: none;
text-transform: uppercase;
display: inline-block;
font-weight: 500;
font-size: 11px; }
.nav_blocks > div .s-desc ul a {
color: #fff; }
.nav_blocks > div .s-desc ul a:visited {
color: #fff; }
.nav_blocks > div .s-desc ul a:hover, .nav_blocks > div .s-desc ul a:focus, .nav_blocks > div .s-desc ul a:active {
color: #ffd200; }
.nav_blocks-block .row {
margin-left: -1px;
margin-right: -1px; }
.nav_blocks-block [class*="col-lg-"], .nav_blocks-block [class*="col-md-"], .nav_blocks-block [class*="col-sm-"], .nav_blocks-block [class*="col-xs-"] {
padding-left: 1px;
padding-right: 1px; }
.nav_blocks-block [class*="col-lg-7"], .nav_blocks-block [class*="col-md-7"], .nav_blocks-block [class*="col-sm-7"] {
width: 51.62%; }
.nav_blocks-block [class*="col-lg-5"], .nav_blocks-block [class*="col-md-5"], .nav_blocks-block [class*="col-sm-5"] {
width: 48.38%; }
/*========================================================
Responsive nav_blocks
=========================================================*/
@media (min-width: 992px) and (max-width: 1199px) {
.nav_blocks > div .s-desc {
left: 24px;
top: 19px; }
.nav_blocks > div .s-desc h2 {
margin-bottom: 10px; } }
@media (min-width: 768px) and (max-width: 991px) {
.nav_blocks > div .s-desc {
left: 15px;
top: 12px;
line-height: 19px; }
.nav_blocks > div .s-desc h2 {
font-size: 18px;
line-height: 22px;
margin-bottom: 8px;
letter-spacing: 0.5px; } }
@media (max-width: 767px) {
.nav_blocks {
text-align: center; }
.nav_blocks > div {
display: inline-block;
max-width: 100%;
display: inline-block;
text-align: left;
width: auto; }
.nav_blocks > div .s-desc {
left: 24px;
top: 19px; }
.nav_blocks > div .s-desc h2 {
font-size: 20px;
line-height: 24px;
margin-bottom: 10px; }
.nav_blocks > div[class*="nav_block-right-"] {
width: 50%;
float: left; }
.nav_blocks-block {
line-height: 0; }
.nav_blocks-block .nav_blocks .s-desc {
line-height: 24px; }
.nav_blocks-block [class*="col-lg-7"], .nav_blocks-block [class*="col-md-7"], .nav_blocks-block [class*="col-sm-7"],
.nav_blocks-block [class*="col-lg-5"], .nav_blocks-block [class*="col-md-5"], .nav_blocks-block [class*="col-sm-5"] {
width: 100%; } }
@media (max-width: 480px) {
.nav_blocks > div .s-desc {
left: 15px;
top: 8px;
line-height: 19px; }
.nav_blocks > div .s-desc h2 {
font-size: 16px;
line-height: 17px;
margin-bottom: 5px;
letter-spacing: 0.5px; }
.nav_blocks-block .nav_blocks .s-desc {
line-height: 16px; } }
/*========================================================
HTML boxes
=========================================================*/
.html-module.welcome {
display: inline-block;
color: #000; }
.html-module.welcome .box-heading {
display: none; }
.html-module.brands {
background: #f7f7f7;
padding-top: 55px;
padding-bottom: 56px;
margin-bottom: 0; }
.html-module.brands:before, .html-module.brands:after {
position: absolute;
content: '';
top: 0;
left: 100%;
display: inline-block;
margin-left: -15px;
width: 500%;
height: 100%;
background: #f7f7f7; }
.html-module.brands:before {
left: auto;
right: 100%;
margin-left: 0;
margin-right: -15px; }
.html-module.brands .box-heading {
display: none; }
.html-module.brands .owl-item li {
line-height: 0; }
.html-module.brands .owl-item li a {
line-height: 80px; }
.html-module.brands .owl-item li a img {
display: inline-block;
vertical-align: middle;
background: #f7f7f7;
-moz-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
-webkit-transition: 0.5s all ease;
transition: 0.5s all ease; }
.html-module.brands .owl-item li a:hover img {
opacity: .7; }
.html-module.brands > .box-heading h3 {
color: #222328;
text-align: center;
margin-bottom: 32px; }
.html-module.brands .owl-carousel {
margin: 0; }
.html-module.brands .owl-carousel .owl-nav div {
opacity: 1 !important;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
font-size: 30px;
line-height: 30px;
width: 30px;
height: 30px;
color: #c8c8c8;
background: none; }
.html-module.brands .owl-carousel .owl-nav div:hover {
color: #ffd200; }
.html-module.brands .owl-carousel .owl-nav .owl-prev {
left: -30px !important; }
.html-module.brands .owl-carousel .owl-nav .owl-prev:before {
content: '\f0d9'; }
.html-module.brands .owl-carousel .owl-nav .owl-next {
right: -30px !important; }
.html-module.brands .owl-carousel .owl-nav .owl-next:before {
content: '\f0da'; }
.html-module.store .box-heading {
display: none; }
.html-module.store img {
display: inline-block;
float: left;
margin: 6px 32px 10px 0; }
.html-module.store p {
margin-bottom: 24px;
padding-right: 6%; }
.html-module.opening h3 {
margin-bottom: 22px; }
.html-module.opening .box-heading {
display: none; }
.html-module.opening .content {
line-height: 20px; }
.html-module.opening .content > div {
width: 100%;
display: inline-block;
overflow: hidden;
font-weight: 300; }
.html-module.opening .content > div:after {
content: '............................................................................................................................................................................................';
display: block;
white-space: nowrap;
overflow: hidden; }
.html-module.nav_blocks-bottom {
margin-bottom: 40px; }
.html-module.nav_blocks-bottom .box-heading {
display: none; }
.html-module.nav_blocks-bottom a {
display: inline-block;
width: 100%;
text-align: center;
padding: 17px 10px 20px 10px;
background: #f7f7f7;
border: 1px solid #e2e2e2;
color: #a8a8a8;
-moz-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
-webkit-transition: 0.5s all ease;
transition: 0.5s all ease; }
.html-module.nav_blocks-bottom a i {
font-size: 48px;
line-height: 48px;
color: #d9b302;
margin-bottom: 9px;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
.html-module.nav_blocks-bottom a h3 {
font-size: 18px;
line-height: 22px;
letter-spacing: 2px;
margin-bottom: 1px;
color: #d9b302;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
.html-module.nav_blocks-bottom a:visited {
color: #a8a8a8;
background: #f7f7f7; }
.html-module.nav_blocks-bottom a:hover, .html-module.nav_blocks-bottom a:focus, .html-module.nav_blocks-bottom a:active {
color: #fff;
background: #d9b302;
border-color: #d9b302; }
.html-module.nav_blocks-bottom a:hover i, .html-module.nav_blocks-bottom a:hover h3, .html-module.nav_blocks-bottom a:focus i, .html-module.nav_blocks-bottom a:focus h3, .html-module.nav_blocks-bottom a:active i, .html-module.nav_blocks-bottom a:active h3 {
color: #fff; }
aside .html-module.col-sm-3, .bottom .html-module.col-sm-3 {
width: 100% !important; }
/*========================================================
Responsive HTML boxes
=========================================================*/
@media (min-width: 992px) and (max-width: 1199px) {
.html-module.store p {
margin-bottom: 18px;
padding-right: 0; } }
@media (min-width: 768px) and (max-width: 991px) {
.html-module.welcome {
font-size: 11px; }
.html-module.nav_blocks-bottom {
font-size: 12px; } }
@media (max-width: 767px) {
.html-module.welcome {
width: 100%;
margin-bottom: 15px; }
.html-module.nav_blocks-bottom {
margin-bottom: 0; }
.html-module.store {
text-align: left; } }
.owl-carousel {
position: relative;
margin: 0 -15px;
width: auto; }
.owl-carousel .owl-item {
padding: 0 15px;
width: auto; }
.owl-carousel .owl-nav div {
opacity: 0;
color: #fff;
background: rgba(52, 55, 56, 0.8);
transition: all .3s ease;
font-size: 24px;
line-height: 35px;
position: absolute;
top: 50%;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
display: inlibe-block;
height: 37px;
width: 37px;
text-align: center;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; }
.related-block .owl-carousel .owl-nav div {
top: 50%; }
.owl-carousel .owl-nav div.disabled {
color: #fff;
background: #b3b7b8;
opacity: 0;
pointer-events: none; }
.owl-carousel .owl-nav div:hover {
color: #fff;
background: #ffd200; }
.owl-carousel .owl-nav .owl-prev {
left: 16px; }
.owl-carousel .owl-nav .owl-next {
right: 16px; }
.owl-carousel:hover .owl-nav div {
opacity: 1; }
.owl-carousel:hover .owl-nav div.disabled {
opacity: 0;
pointer-events: none; }
.owl-carousel:hover .owl-nav .owl-prev {
left: 16px; }
.owl-carousel:hover .owl-nav .owl-next {
right: 16px; }
@media (max-width: 767px) {
.owl-carousel .owl-item {
padding-left: 20px;
padding-right: 20px; }
.owl-carousel .owl-nav div {
opacity: 1;
text-shadow: none; }
.owl-carousel .owl-nav .owl-prev {
left: 5px !important; }
.owl-carousel .owl-nav .owl-next {
right: 5px !important; } }
aside .owl-carousel .owl-nav .owl-prev, aside .owl-carousel .owl-nav .owl-next {
top: 35.5%; }
.brands .owl-carousel .owl-item {
float: none;
display: inline-block;
vertical-align: middle;
text-align: center; }
.testimonials.owl-carousel .owl-nav {
margin-top: 30px; }
.testimonials.owl-carousel .owl-nav div {
opacity: 1;
position: static;
display: inline-block;
margin: 0 5px; }
.testimonials.owl-carousel .owl-nav div.disabled {
opacity: 0;
pointer-events: none; }
.owl-pagination {
text-align: center;
top: 40px;
position: relative; }
.owl-controls .owl-page {
display: inline-block;
margin: 0px 6px; }
.owl-controls .owl-page span {
display: block;
width: 11px;
height: 11px;
background: rgba(0, 0, 0, 0.5);
border-radius: 20px;
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); }
.owl-controls .owl-page.active span {
background: rgba(0, 0, 0, 0.9); }
@media (max-width: 767px) {
.box .mobile-carousel {
width: auto;
margin: 0 -15px 20px; }
.box .mobile-carousel .product-thumb {
width: 270px;
text-align: center; } }
@media (max-width: 479px) {
.box .mobile-carousel {
text-align: center; } }
/*========================================================
Blog Styles
=========================================================*/
.blog_articles {
margin-bottom: 30px; }
.blog_articles .box-heading {
text-align: center; }
.blog_articles .btn {
letter-spacing: .5px;
padding-left: 26px;
padding-right: 26px;
margin-bottom: 15px; }
.article-info .article-sub-title {
text-align: center; }
.article-info .btn {
margin-top: 15px; }
.article-image {
display: inline-block;
margin-bottom: 27px;
position: relative;
line-height: 0; }
.article-image:before, .article-image:after {
position: absolute;
display: inline-block;
z-index: 1;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
content: '';
left: 0;
top: 0;
width: 0;
height: 3px;
background: #000; }
.article-image:after {
width: 3px;
height: 0; }
.article-image img {
-moz-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
-webkit-transition: 0.5s all ease;
transition: 0.5s all ease; }
.article-image a {
position: relative;
background: #fff; }
.article-image a:before, .article-image a:after {
position: absolute;
display: inline-block;
z-index: 1;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
content: '';
left: auto;
top: auto;
right: 0;
bottom: 0;
width: 0;
height: 3px;
background: #000; }
.article-image a:after {
width: 3px;
height: 0; }
.article-image:hover:before {
width: 100%; }
.article-image:hover:after {
height: 100%; }
.article-image:hover a:before {
width: 100%; }
.article-image:hover a:after {
height: 100%; }
.article-image:hover img {
opacity: .85; }
.simple_blog-article-view h1:after {
margin-bottom: 15px; }
.article-date, .article-comments, .article-author {
display: inline-block;
margin-top: 5px;
margin-bottom: 5px;
text-transform: uppercase; }
.article-date:before, .article-comments:before, .article-author:before {
font-size: 18px;
line-height: 18px;
vertical-align: middle; }
.article-date a, .article-comments a, .article-author a {
color: #a8a8a8; }
.article-date a:visited, .article-date a:focus, .article-comments a:visited, .article-comments a:focus, .article-author a:visited, .article-author a:focus {
color: #a8a8a8; }
.article-date a:hover, .article-comments a:hover, .article-author a:hover {
color: #ffd200; }
.article-description {
font: 400 14px/24px "Roboto", sans-serif;
color: #a8a8a8;
margin-bottom: 15px; }
.article-title {
font: 900 12px/14px "Roboto", sans-serif;
margin-bottom: 19px;
letter-spacing: 1.2px;
text-transform: uppercase; }
.article-title > a {
display: inline; }
.article-title a {
color: #000; }
.article-title a:visited {
color: #000; }
.article-title a:hover, .article-title a:active, .article-title a:focus {
color: #ffd200; }
.article-sub-title {
font: 900 12px/18px "Roboto", sans-serif;
margin-bottom: 20px; }
.article-sub-title span.article-date, .article-sub-title span a {
letter-spacing: .5px; }
.article-sub-title span:before {
display: inline-block;
margin-right: 3px;
vertical-align: top; }
.article-sub-title span.article-date:before {
margin-right: 5px; }
.article-sub-title span + span {
margin-left: 10px; }
.common-home .blog_articles {
text-align: center;
margin-bottom: 45px; }
.common-home .blog_articles .box-heading h3 {
font-size: 18px;
letter-spacing: .7px; }
.common-home .blog_articles .btn {
margin-top: 19px; }
.common-home .article-sub-title span {
padding-left: 5px;
padding-right: 5px;
width: 50%;
float: left;
display: inline-block; }
.common-home .article-sub-title span + span {
margin-left: 0; }
.article-description ul, .article-description ol {
padding-left: 0;
list-style-type: none;
margin: 35px 0 45px; }
.article-description ul li, .article-description ol li {
position: relative;
color: #ffd200;
text-transform: uppercase;
padding-left: 50px; }
.article-description ul li:before, .article-description ol li:before {
position: absolute;
left: 0;
top: 0; }
.article-description ul li + li, .article-description ol li + li {
margin-top: 16px; }
.article-description ul li:before {
content: '\e18e';
font-size: 28px;
font-family: "material-design"; }
.article-description ol {
counter-reset: list; }
.article-description ol li {
counter-increment: list; }
.article-description ol li:before {
content: counter(list,decimal-leading-zero) ".";
color: #000;
font-size: 16px;
font-weight: 700; }
.simple_blog-article .article-image img {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
overflow: hidden;
opacity: 1 !important; }
.simple_blog-article .article-image:before, .simple_blog-article .article-image:after {
display: none; }
.simple_blog-article .blog_article {
margin-bottom: 15px; }
.simple_blog-category .blog_article .article-image img {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; }
.related-article h4 {
text-transform: uppercase;
color: #ffd200; }
.related-article h4 a:hover {
color: #000; }
.related-article .article-sub-title {
text-align: left; }
.related-article .article-sub-title span + span {
margin-left: 5px; }
.related-article .row + .row {
margin-top: 30px; }
.related-article .image {
margin-top: 5px; }
.author-info .image {
float: left;
margin: 5px 30px 10px 0; }
.article-comment {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #e2e2e2; }
.article-comment .author {
float: left;
text-transform: uppercase;
font-size: 16px;
margin-bottom: 10px; }
.article-comment .reply-message {
float: right;
text-transform: uppercase; }
.article-comment .reply-message a {
color: #000;
font-weight: bold; }
.article-comment .reply-message a:hover {
color: #ffd200; }
.article-comment .comment-date {
clear: both;
text-transform: uppercase; }
.article-comment .comment-date:before {
content: '\e616';
font-size: 15px;
font-family: 'Material Icons';
margin-right: 5px;
vertical-align: top; }
.article-comment .text {
margin-top: 15px; }
.article-comment .article-reply {
margin: 30px 0 0 60px; }
.reply-cancel {
font-size: 16px;
color: #ffd200;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
text-transform: uppercase;
margin-top: 10px; }
.reply-cancel:hover {
color: #000; }
#review-title {
clear: both; }
aside .blog_articles .box-heading {
text-align: left;
margin-bottom: 30px; }
aside .blog_articles .article-title {
line-height: 18px; }
aside .blog_articles .col-sm-4 + .col-sm-4 {
margin-top: 15px; }
aside .article-description {
margin-bottom: 10px; }
aside .blog-categories .box-heading {
margin-bottom: 25px; }
aside .blog-categories ul > li {
position: relative; }
aside .blog-categories ul > li > i {
position: absolute;
top: 10px;
right: 10px;
color: #000;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
cursor: pointer;
font-size: 20px; }
aside .blog-categories ul > li > i:hover {
color: #ffd200; }
aside .blog-categories ul > li > a {
background: #f2f2f2;
display: block;
font-weight: bold;
color: #000;
font-size: 12px;
text-transform: uppercase;
padding: 10px 10px 10px 20px; }
aside .blog-categories ul > li > a:hover {
color: #000;
background: #ffd200; }
aside .blog-categories ul > li + li {
border-top: 2px solid #fff;
margin-top: 0; }
aside .blog-categories ul ul {
display: none;
padding: 0;
list-style-type: none;
border-top: 1px solid #e2e2e2; }
aside .blog-categories ul ul a {
padding-left: 40px; }
aside #blog-search {
margin: 15px 0 0;
position: relative; }
aside #blog-search input[type="text"] {
padding-right: 35px;
padding-left: 20px; }
aside #blog-search a {
display: inline-block;
position: absolute;
right: 10px;
font-size: 24px;
line-height: 35px;
top: 0;
color: #000;
font-family: 'Material Icons';
background: none; }
aside #blog-search a:before {
content: '\e8b6'; }
aside #blog-search a:hover {
color: #ffd200; }
.simple_blog-article-view .product_tabs .nav-tabs {
width: 100%; }
.simple_blog-article-view .product_tabs .tab-content {
width: 100%; }
.simple_blog-article-view .article-image {
margin-top: 10px;
margin-bottom: 20px;
text-align: center;
width: 100%; }
.simple_blog-article-view .article-image:after, .simple_blog-article-view .article-image:before {
display: none; }
.simple_blog-article-view .article-image img {
display: inline-block;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
overflow: hidden;
opacity: 1 !important; }
.blog_articles .mobile-carousel .owl-item .col-sm-4 {
width: 100%;
text-align: center; }
.blog_articles .mobile-carousel .owl-item .col-sm-4 .article-sub-title span:before {
display: inline-block; }
/*========================================================
Blog Styles Responsive
=========================================================*/
@media (min-width: 992px) and (max-width: 1199px) {
.common-home .article-sub-title {
font-size: 11px; } }
@media (min-width: 768px) and (max-width: 991px) {
.common-home .blog_articles {
margin-bottom: 30px; } }
@media (max-width: 767px) {
.common-home .blog_articles {
margin-bottom: 20px; }
.simple_blog-article-view .product_tabs .nav-tabs, .simple_blog-article-view .product_tabs .tab-content {
width: 100%; } }
@media (max-width: 600px) {
.reply-cancel {
float: none;
display: block; } }
@media (max-width: 479px) {
.common-home .blog_articles .box-heading h3 {
letter-spacing: 0; }
.article-sub-title span {
display: block; }
.article-sub-title {
font-size: 11px; }
.article-sub-title span.article-date, .article-sub-title span a {
letter-spacing: 0; }
.article-date:before, .article-comments:before, .article-author:before {
font-size: 14px; } }
/*========================================================
Camera
=========================================================*/
.camera_container {
position: relative;
padding-bottom: 46.15%; }
@media (max-width: 650.05417px) {
.camera_container {
padding-bottom: 300px; } }
.camera_caption {
color: #000;
font-size: 18px; }
.camera_caption h2 {
font-size: 30px;
line-height: 30px;
font-weight: 900;
margin-bottom: 14px; }
.camera_caption .btn {
position: relative;
display: inline-block;
margin-top: 23px;
overflow: hidden;
font-size: 18px;
line-height: 22px;
letter-spacing: 1px;
color: #000;
background: none;
border: 4px solid #000;
padding: 13px 15px;
min-width: 160px; }
.camera_caption .btn:visited {
color: #000;
background: none;
border: 4px solid #000; }
.camera_caption .btn:hover, .camera_caption .btn:focus, .camera_caption .btn:active, .camera_caption .btn:visited:hover, .camera_caption .btn:focus:active, .camera_caption .btn:active:focus {
color: #fff;
background: transparent;
border: 4px solid #000; }
.camera_caption .desc {
padding: 9.1% 10% 0 60%;
font-weight: 900; }
.camera_caption .desc b {
display: inline-block;
margin-top: 20px;
font-size: 36px;
line-height: 36px; }
.camera_caption .slide-sale {
position: absolute;
padding: 9px 17px 8px;
letter-spacing: 1.2px;
font-size: 36px;
line-height: 43px;
font-weight: 900;
top: 13.8%;
left: 0;
background: #ffd200; }
.camera_wrap {
display: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
margin-bottom: 0 !important;
height: 100%;
background: #fff;
z-index: 0; }
.camera_wrap .camera_thumbs_cont {
margin-top: -122px;
position: relative;
z-index: 2; }
.camera_wrap .camera_thumbs_cont ul {
display: inline-block;
float: right;
width: auto !important;
padding: 0;
text-align: left;
white-space: nowrap; }
.camera_wrap .camera_thumbs_cont li {
display: inline-block;
overflow: hidden;
max-width: 92px !important;
padding: 0;
margin-left: 3px;
background: #fff;
cursor: pointer;
position: relative; }
.camera_wrap .camera_thumbs_cont li img {
height: 92px !important;
width: auto;
border: none;
margin: 0;
position: relative; }
.camera_wrap .camera_thumbs_cont li.cameracurrent {
cursor: default; }
.camera_wrap .camera_thumbs_cont li:before {
position: absolute;
z-index: 2;
content: '';
pointer-events: none;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: inline-block;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
border: 2px solid transparent; }
.camera_wrap .camera_thumbs_cont li.cameracurrent:before, .camera_wrap .camera_thumbs_cont li:hover:before {
border-color: #000; }
.camera_wrap img {
max-width: none !important; }
.camera_fakehover {
height: 100%;
min-height: 60px;
position: relative;
width: 100%; }
.camera_src {
display: none; }
.cameraCont, .cameraContents {
height: 100%;
position: relative;
width: 100%;
z-index: 1; }
.cameraSlide {
background: #f7f7f7; }
.cameraContent {
display: none; }
.camera_target {
overflow: hidden;
text-align: left;
z-index: 0; }
.camera_overlayer {
overflow: hidden;
z-index: 0; }
.camera_target_content {
overflow: hidden;
z-index: 2; }
.camera_loader {
background: #fff url("data:image/gif;base64,R0lGODlhHgAeAIQAAGRmZLS2tNze3IyOjHx6fMzKzPz6/HRydMTCxOzq7KyurISGhNza3GxubLy+vOTm5JSWlNTS1GxqbLy6vOTi5JSSlISChMzOzPz+/HR2dMTGxOzu7LSytIyKjP///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQIBAAAACwAAAAAHgAeAAAF/KAnjiO2JaT4bFjqplg0SJwbSMPVvmkyAMCAawKUdCg8EabQAEictVQAWNTsYI4nsFO4liIdKs0rKmglCEPSszxQEalHE3BArkcUt9POrhT5dyp6HWoeEUVwgSkFVAVsPwAWZIoYfgCEG1oRii8RWg8JHKKTnBiiHA+cqqusra6vsLGtCQETAaSUthMUCUWbrgJOAA8YkB24a5VAkh4XTxIarYdPiQZhAA2pqgl6FoUeFM8Z2oEJGU4SDCkIVAddyRF6ABMuploAFQyTGAKWTwqkMCC4N2+IMCcTkHkQYIFKFBJTlqkLZKBAmIcjiFgo8E2RgQeARFB40DFFCAAh+QQIBAAAACwAAAAAHgAeAIVkZmS0trTc3tyMjozMysx8enz8+vykpqR0cnTEwsTs6uzU1tSEhoRsbmy8vrzk5uSUlpTU0tSsrqxsamy8urzk4uSUkpTMzsyEgoT8/vysqqx0dnTExsTs7uzc2tyMioz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG/kCQcDjMZIjCSKJzRDqJmcgg4QwAJp9L80l8DCYAiTMBKAM+D64wQ2iAARpnBHEtTzhbKPn98TyjH2YTAXlCBIIJBmogbA1mVF1uAAgVi0QVCGATlWsWdpyWQxWOZ4ogEY+hTodlBIwDZR+mqkWepR1vEbROHhoaDgYcZQizu08EGhQXxszNzs/Q0dLGHg4By9MZBWUUbBQSAs8CdRUZgQADhaoZFmAYRxdvrsyoZZAGDGANabsKdAAYZlXQtIFfKAXbrvghQmYYAXVQ5pih4CSDFTMWPEB8YKuMBIgZErwpU0AXEgl2JnRbVIGBGQAUkVAog2GhJQMEzsVBQgADDodioQw8oMDBiQGIQoIAACH5BAgEAAAALAAAAAAeAB4AhWRmZLS2tIyOjNze3KSipHx6fMzKzPz6/HRydMTCxJyanOzq7KyurISGhNza3GxubLy+vJSWlOTm5KyqrNTS1GxqbLy6vJSSlOTi5KSmpISChMzOzPz+/HR2dMTGxJyenOzu7LSytIyKjP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAb+wJFwSCyOApkEiGNsDjmUgXECAFQEG6aTKBEALMaEtVoRYbYjjuFRARCMEgWiSvZoixxxG/BxQkV0FSF3QwaBCYRGanNVCUUSbAAdZ2hDGIwVlGkXZJqVQpdVIgdCFHSOn0WGVQZpXgCjqXgECgFSIHsUspUeVQiku1sZVQrBaBMEFp7GeMzOz9BNCx4MIdFEwxXF12kFVWDcA2NnEgkZE4mpHJwAGkwbdK3Gpm2oHIAACMuVEh1VGsBGYNhTQIKsBd4qVHBQpJcvA+mIQGH0RVGIPQAuOIg4ggodBhHzYARQgIDBItkqWOAISgOdKhDCtGP4SQ0+N0YweAiY6oAHBAsKJgQLAgAh+QQIBAAAACwAAAAAHgAeAIVkZmS0trSMjozc3tx8enzMysykoqT08vR0cnTEwsScmpzs6uyEhoTc2tysrqz8+vxsbmy8vryUlpTk5uTU0tRsamy8uryUkpTk4uSEgoTMzsykpqT09vR0dnTExsScnpzs7uyMioy0srT8/vz///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG/kCScEgsGgQbD2hUbBZHj6YBAKgABBqmszgReJoFarUawmyFowKk8mkeRAqEuOrRPiNWAMH+pITEFSJ8QgV5FQmDRQ8FclQJXBBUCGZnRBiNFZQkIxdUmZVNE40hUSQUno+gYAQKEVEjAlQZiaojfCB5FKq7HpK0u0UbVArAqrEAIsWgCgoJIMrQ0SQcBRvE0k0RVQzYUsPdRCMEVBbgQwNjmt2cskwPGhsZBdEaefObfwAQE8oLjRmlSGCwUqEDv10LxlVpUCSBGAQFfqGh0AhAuSci5lxoIFEhMlojEuShQsBAhANNhFWwIFFghjmOwGQYsGtRvm+KAtacYEFBBYgLxYIAACH5BAgEAAAALAAAAAAeAB4AhWRmZLS2tIyOjNze3Hx6fMzKzKSipPTy9HRydMTCxJyanOzq7ISGhNza3KyurPz6/GxubLy+vJSWlOTm5ISChNTS1GxqbLy6vJSSlOTi5Hx+fMzOzKSmpPT29HR2dMTGxJyenOzu7IyKjLSytPz+/P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAb+wJJwSBySMAwB57MgFZ/QogJgAVBFG2eUuJg8C9ZqWJTZlkgFCOf5SIwUCGr4oy2SIlVCnV0RWa0Be0IFYhYhZmdpYQlFExBWCGWIQhkEYZJnGJeTRBkICAaYFYucRSEPRCQCVhSCpaZiFa9mH5Cos1EcVgq4W6sAI71QD34AjMJCDxsGIiIYCR3IQhtWGrfSQhFWIthEBlW83WeWABfiJQN/mNJHVa2pB72jVsclCw4aCF6vC3EAFNcyPAJAYN+kBR7CDCiS4A+CAq6KHEhoxZydAGIAYGgQUQgJSxYcRCSRICNBAxE2XBviwMKFjkIGUPhD88OTDAsnPShQ7I8OhG4PJlxQIIIAg5VbggAAIfkECAQAAAAsAAAAAB4AHgCFZGZktLa0jI6M3N7cfHp8zMrMpKKk9PL0dHJ0xMLEnJqc7OrshIaE1NbUrK6s/Pr8bG5svL68lJaU5ObkhIKE1NLUbGpsvLq8lJKU5OLkfH58zM7MpKak9Pb0dHZ0xMbEnJ6c7O7sjIqM3NrctLK0/P78////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABv5Ak3BIFHYwDJGAkwiVitDosCQCWC0Ai2jzlHqFhax1DBBNvqVCAvr4JEgKhDj76RZLCYDGHi1VqlgAF3xgYiNfQg8FgQBrRBMQVggZiEMTCBYEEXYlGFeUlZYVD0UVV46hXiUCVhSEqUUhgRWwXx+Sr7VDHFYKun0HrAAkv0QPGxgiVY3FQ6YAFAxYqMUbVhoCFAkdzUIRViIHpN1CBli+5EIlBFYX6UIDYqDkna25uqbTdxlnsAty0MaBYQCAQL9KC9hlOUQkj6QC94iMGOPuTgBGGEZENFGCwrBceBgVNBBhwwaBQz4M+pLBI5lTzdIsIyNiI6IHEy4oEEGAgAWIEJWCAAAh+QQIBAAAACwAAAAAHgAeAIVkZmS0trSMjozc3tx8enzMysykoqT09vR0cnTEwsScmpzs6uyEhoTc2tysrqxsbmy8vryUlpTk5uSEgoTU0tT8/vxsamy8uryUkpTk4uR8fnzMzsykpqT8+vx0dnTExsScnpzs7uyMioy0srT///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG/kCScEgkhTgCEUPASYQqxahU2CEAABYsVrSBTr+kxHU8togy4Eon2
border: 1px solid #ffffff;
border-radius: 18px;
height: 36px;
left: 50%;
overflow: hidden;
position: absolute;
margin: -18px 0 0 -18px;
top: 50%;
width: 36px;
z-index: 3; }
.camera_nav_cont {
height: 65px;
overflow: hidden;
position: absolute;
right: 9px;
top: 15px;
width: 120px;
z-index: 4; }
.camerarelative {
overflow: hidden;
position: relative; }
.imgFake {
cursor: pointer; }
.camera_command_wrap .hideNav {
display: none; }
.camera_command_wrap {
left: 0;
position: relative;
right: 0;
z-index: 4; }
.showIt {
display: none; }
.camera_clear {
clear: both;
display: block;
height: 1px;
margin: -1px 0 25px;
position: relative; }
.camera_caption {
display: none; }
.cameraContent .camera_caption {
display: block; }
.cameraSlide, .cameraContent, .camera_target, .camera_overlayer, .camera_target_content {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0; }
/*================ Custom Layout&Styles =====================*/
.camera_prev, .camera_next {
cursor: pointer;
position: absolute;
top: 50%;
margin-top: -33px;
width: 33px;
height: 66px;
z-index: 5;
-moz-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
-webkit-transition: 0.5s all ease;
transition: 0.5s all ease; }
.camera_prev:hover, .camera_next:hover {
opacity: .5; }
@media (min-width: 992px) and (max-width: 1199px) {
.camera_caption .slide-sale {
padding: 9px 12px 8px;
letter-spacing: .5px;
font-size: 29px;
line-height: 34px; }
.camera_caption h2 {
font-size: 24px;
line-height: 24px;
margin-bottom: 10px; }
.camera_caption .desc b {
margin-top: 10px;
font-size: 29px;
line-height: 29px; }
.camera_caption .btn {
margin-top: 15px;
padding: 10px 12px;
font-size: 14px;
line-height: 18px;
min-width: 128px; } }
@media (min-width: 768px) and (max-width: 991px) {
.camera_caption {
font-size: 16px; }
.camera_caption .slide-sale {
padding: 7px 10px 6px;
letter-spacing: 0;
font-size: 20px;
line-height: 24px; }
.camera_caption h2 {
font-size: 16px;
line-height: 19px;
margin-bottom: 8px; }
.camera_caption .desc {
padding-top: 6%; }
.camera_caption .desc b {
margin-top: 8px;
font-size: 20px;
line-height: 20px; }
.camera_caption .btn {
margin-top: 12px;
padding: 8px 10px;
font-size: 14px;
line-height: 16px;
min-width: 100px; }
.camera_caption .btn, .camera_caption .btn:visited, .camera_caption .btn:hover, .camera_caption .btn:focus, .camera_caption .btn:active, .camera_caption .btn:visited:hover, .camera_caption .btn:focus:active, .camera_caption .btn:active:focus {
border-width: 3px; }
.camera_wrap .camera_thumbs_cont {
margin-top: -100px; }
.camera_wrap .camera_thumbs_cont li {
max-width: 70px !important; }
.camera_wrap .camera_thumbs_cont li img {
height: 70px !important; } }
@media (max-width: 767px) {
.camera_caption {
font-size: 16px; }
.camera_caption .slide-sale {
padding: 7px 10px 6px;
letter-spacing: 0;
font-size: 20px;
line-height: 24px; }
.camera_caption h2 {
font-size: 16px;
line-height: 19px;
margin-bottom: 8px; }
.camera_caption .desc {
padding: 6% 0 0 58%; }
.camera_caption .desc b {
margin-top: 8px;
font-size: 20px;
line-height: 20px; }
.camera_caption .btn {
margin-top: 12px;
padding: 8px 10px;
font-size: 14px;
line-height: 16px;
min-width: 100px; }
.camera_caption .btn, .camera_caption .btn:visited, .camera_caption .btn:hover, .camera_caption .btn:focus, .camera_caption .btn:active, .camera_caption .btn:visited:hover, .camera_caption .btn:focus:active, .camera_caption .btn:active:focus {
border-width: 3px; }
.camera_wrap .camera_thumbs_cont {
margin-top: -90px; }
.camera_wrap .camera_thumbs_cont li {
max-width: 70px !important; }
.camera_wrap .camera_thumbs_cont li img {
height: 70px !important; } }
@media (max-width: 480px) {
.camera_caption {
font-size: 12px; }
.camera_caption h2 {
font-size: 13px;
line-height: 16px;
margin-bottom: 5px;
letter-spacing: 0; }
.camera_caption .desc {
padding-top: 14%; }
.camera_caption .desc b {
margin-top: 5px;
font-size: 16px;
line-height: 16px; } }
.newsletter {
padding: 29px 50px 31px 39px;
margin-bottom: 0;
color: #fff;
background: #000; }
.newsletter .box-heading {
float: left;
font: 900 18px/22px "Roboto", sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
margin-top: 10px;
margin-bottom: 10px; }
.newsletter .box-content {
background: none;
padding: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
position: relative; }
.newsletter .box-content form {
position: relative; }
.newsletter .btn-primary {
float: right;
font-size: 14px;
line-height: 16px;
letter-spacing: .6px;
padding: 23px 10px;
width: 138px; }
.newsletter .btn-primary:hover, .newsletter .btn-primary:focus, .newsletter .btn-primary:active, .newsletter .btn-primary:visited:hover, .newsletter .btn-primary:focus:active, .newsletter .btn-primary:active:focus {
background: #262626; }
.newsletter p.newsletter-description {
font: 400 12px/18px "Roboto", sans-serif;
letter-spacing: .5px;
margin-bottom: 24px; }
.newsletter .tm-login-form {
display: inline-block;
float: right; }
.newsletter input {
width: 719px;
display: inline-block;
color: #a8a8a8;
font: 400 14px/16px "Roboto", sans-serif;
background: #fff;
height: 62px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #fff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
margin: 0;
padding-top: 12px;
padding-bottom: 12px; }
.newsletter input[type="text"] {
padding-left: 20px;
float: right; }
.newsletter input::-webkit-input-placeholder {
color: #a8a8a8;
opacity: 1; }
.newsletter input:-moz-placeholder {
color: #a8a8a8;
opacity: 1; }
.newsletter input::-moz-placeholder {
color: #a8a8a8;
opacity: 1; }
.newsletter input:-ms-input-placeholder {
color: #a8a8a8;
opacity: 1; }
.newsletter .newsletter-error, .newsletter .newsletter-success {
display: block;
font-size: 13px;
line-height: 16px;
position: absolute;
top: 100%;
width: 100%;
padding-left: 225px;
margin-top: 5px;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
.newsletter .newsletter-error {
color: red; }
.newsletter .newsletter-success {
color: lightgreen; }
.rd-parallax .newsletter {
color: #fff; }
@media (min-width: 992px) and (max-width: 1199px) {
.newsletter input {
width: 520px; }
.newsletter .box-heading {
font-size: 20px;
letter-spacing: 1px; } }
@media (min-width: 768px) and (max-width: 991px) {
.newsletter {
padding-left: 31px;
padding-right: 40px; }
.newsletter input {
width: 320px; }
.newsletter .box-heading {
font-size: 17px;
letter-spacing: .5px; } }
@media (max-width: 767px) {
.newsletter {
padding: 30px 10px 40px;
margin: 0 0 20px; }
.newsletter .box-heading {
float: none;
display: inline-block;
width: 100%;
margin-top: 0; }
.newsletter .newsletter-error, .newsletter .newsletter-success {
padding-left: 0; }
.newsletter .tm-login-form {
width: calc(100% - 120px); }
.box.newsletter .tm-login-form {
position: relative;
max-width: 100%; }
.box.newsletter input[type="text"] {
width: 100%;
max-width: 100%;
padding-left: 20px;
padding-right: 15px;
margin-right: 0;
float: right; }
.box.newsletter input, .box.newsletter .btn-primary {
margin-bottom: 10px; }
.box.newsletter .btn-primary {
padding-left: 5px;
padding-right: 5px;
width: 120px; } }
@media (max-width: 480px) {
.box.newsletter input {
margin-right: 0; }
.newsletter {
padding: 20px 10px 30px; }
.newsletter .newsletter-error, .newsletter .newsletter-success {
margin-top: 0; }
.newsletter .box-heading {
font-size: 18px;
letter-spacing: .5px;
padding-bottom: 0; }
.newsletter p.newsletter-description {
margin-bottom: 10px; } }
/* =================== Social list =================== */
.social-list i {
text-align: center; }
.social-list i[class*="youtube"] {
background-color: #fe3432; }
.social-list i[class*="facebook"] {
background-color: #3c5b9b; }
.social-list i[class*="google"] {
background-color: #f63d27; }
.social-list i[class*="twitter"] {
background-color: #2daae1; }
.social-list i[class*="pinterest"] {
background-color: #bd2126; }
.social-list i[class*="instagram"] {
background-color: #125688; }
.social-list i[class*="vimeo"] {
background-color: #17b3e8; }
.social-list li {
display: inline-block;
float: left; }
.social-list li + li {
margin: 0 0 0 17px; }
.social-block {
display: none; }
.social-block p {
line-height: 16px;
margin-bottom: 18px; }
.social-block li {
font-size: 18px;
line-height: 22px; }
.social-block a {
color: #000; }
.social-block a:visited, .social-block a:focus {
color: #000; }
.social-block a:hover {
color: #ffd200; }
.module-social .col-sm-3 {
width: 100%;
padding-left: 0;
padding-right: 0; }
@media (max-width: 767px) {
.social-block p {
margin-bottom: 10px; }
.social-list li {
float: none; } }
#page-preloader {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(128, 128, 128, 0.6);
z-index: -1;
opacity: 0;
-moz-transition: all 1.3s ease 0.3s;
-o-transition: all 1.3s ease 0.3s;
-webkit-transition: all 1.3s ease 0.3s;
transition: all 1.3s ease 0.3s; }
#page-preloader.visible {
opacity: 1;
z-index: 100500; }
#page-preloader.visible .preloader {
opacity: 1;
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
#page-preloader .preloader {
width: 120px;
height: 120px;
position: absolute;
display: inline-block;
border: 10px solid #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
left: 50%;
top: 50%;
background: url("/bitrix/templates/mallstroyhead/css/../image/preloader.gif") no-repeat 50% 50% #fff;
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 0; }
#product-preloader {
position: relative;
text-align: center; }
#product-preloader + * {
margin-top: 30px; }
#product-preloader .load-more {
margin-top: 15px; }
#product-preloader .preloader, #product-preloader .load-more {
display: inline-block; }
#product-preloader .preloader {
-moz-transition: all 0s ease;
-o-transition: all 0s ease;
-webkit-transition: all 0s ease;
transition: all 0s ease;
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate(-50%, -150%);
-ms-transform: translate(-50%, -150%);
-o-transform: translate(-50%, -150%);
-webkit-transform: translate(-50%, -150%);
transform: translate(-50%, -150%);
width: 40px;
height: 40px;
background: url("/bitrix/templates/mallstroyhead/css/../image/litt-loader.gif") no-repeat 50% 50%;
opacity: 0; }
#product-preloader.loading .preloader {
opacity: 1;
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-moz-transition: 0.5s ease 0.3s;
-o-transition: 0.5s ease 0.3s;
-webkit-transition: 0.5s ease 0.3s;
transition: 0.5s ease 0.3s; }
#product-preloader.loading .load-more {
opacity: 0;
pointer-events: none; }
/* =================== Product Quickview =================== */
.ajax-quickview,
.ajax-quickview-images,
.ajax-quickview-images > ul,
.ajax-quickview-images > ul > li {
height: 100%; }
.ajax-quickview-images,
.ajax-quickview-cont-wrap {
width: 50%; }
.ajax-quickview-cont * + .name {
margin-top: 15px; }
.ajax-quickview-cont h3 {
margin-top: 10px;
margin-bottom: 10px; }
.ajax-quickview-images {
position: relative;
float: left; }
.ajax-quickview-images > ul {
margin: 0;
background: #f2f2f2;
overflow: hidden;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px; }
.ajax-quickview-images > ul > li {
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 1;
opacity: 0;
text-align: center;
overflow: hidden;
-moz-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease; }
.ajax-quickview-images > ul > li > img {
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-height: 101%;
max-width: none;
width: auto; }
.ajax-quickview-images > ul > li.active {
z-index: 2;
opacity: 1; }
.ajax-quickview-images .next-img,
.ajax-quickview-images .prev-img {
position: absolute;
top: 50%;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 5;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
text-align: center;
font-size: 24px;
line-height: 35px;
height: 37px;
width: 37px;
color: #fff;
background: rgba(52, 55, 56, 0.8); }
.ajax-quickview-images .next-img:hover,
.ajax-quickview-images .prev-img:hover {
color: #fff;
background: #ffd200; }
.ajax-quickview-images .next-img {
right: 0; }
.ajax-quickview-images .prev-img {
left: 0; }
.ajax-quickview-cont-wrap {
float: right;
max-height: 100%;
overflow-y: auto; }
.ajax-quickview-cont-wrap .ajax-quickview-cont {
padding: 30px 50px; }
.ajax-quickview-cont-wrap .ajax-quickview-cont .sale, .ajax-quickview-cont-wrap .ajax-quickview-cont .new-pr, .ajax-quickview-cont-wrap .ajax-quickview-cont .discount {
position: relative;
top: auto;
left: auto; }
.ajax-quickview-cont-wrap .ajax-quickview-cont .sale + .new-pr {
margin-left: 15px; }
.ajax-quickview-cont-wrap .ajax-quickview-cont .product-options {
border-bottom: none; }
.ajax-quickview-cont-wrap .ajax-quickview-cont .counter + .btn-primary {
margin-left: 20px; }
.fancybox-inner .option-radio .radio, .fancybox-inner .option-radio .radio + .radio {
margin: 0 10px 10px 0;
padding: 0; }
.fancybox-inner input[type="radio"] + label:before {
background-color: #e5e7e9; }
.ajax-overlay input[type="radio"] + label:before {
background-color: #e5e7e9; }
.ajax-quickview-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 20;
background: rgba(119, 119, 119, 0.38);
opacity: 0;
visibility: hidden; }
.ajax-quickview-overlay .ajax-quickview-overlay__preloader {
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: inline-block;
width: 120px;
height: 120px;
border: 10px solid #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: url(/bitrix/templates/mallstroyhead/css/../image/quick_view_preloader.gif) no-repeat 50% 50% #fff; }
.ajax-quickview-overlay.visible {
opacity: 1;
visibility: visible; }
.fancybox-skin {
color: #a8a8a8;
background: #fff; }
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15); }
.fancybox-skin:hover .fancybox-nav span {
visibility: visible; }
.fancybox-nav {
height: 40px;
top: 50%;
width: 40px; }
.fancybox-next {
right: -60px; }
.fancybox-prev {
left: -60px; }
.fixed-left {
position: fixed;
left: 0;
top: 55px;
z-index: 1011;
background: #fff;
-moz-transform: translateX(-300px);
-ms-transform: translateX(-300px);
-o-transform: translateX(-300px);
-webkit-transform: translateX(-300px);
transform: translateX(-300px);
-moz-transition: transform 0.5s ease;
-o-transition: transform 0.5s ease;
-webkit-transition: transform 0.5s ease;
transition: transform 0.5s ease;
width: 300px;
height: 100%; }
.fixed-left.active {
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
-webkit-transform: translateX(0px);
transform: translateX(0px);
z-index: 1015; }
.fixed-left__toggle {
position: absolute;
left: 100%;
top: 196px;
display: inline-block;
width: 57px;
height: 60px;
line-height: 60px;
font-size: 26px;
text-align: center;
color: rgba(255, 255, 255, 0.6);
background: #000; }
.fixed-left__toggle:visited, .fixed-left__toggle:focus {
color: rgba(255, 255, 255, 0.6);
background: #000; }
.fixed-left__toggle:hover, .fixed-left__toggle:active {
color: #fff;
background: #000; }
.fixed-left__cont {
height: 100%;
margin-bottom: 55px;
overflow: auto;
padding: 15px;
border-right: 2px solid #e2e2e2; }
@media (min-width: 768px) {
.fixed-left {
top: 0; }
.fixed-left__toggle {
top: 251px; } }
.fixed-left .mfilter-box {
margin-bottom: 55px; }
.fixed-left .mfilter-filter-item + .mfilter-filter-item {
margin-top: 0; }
.catalog-thumb {
position: relative;
overflow: hidden;
background: #f7f7f7;
opacity: 0.45;
text-align: center;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; }
.catalog-thumb + .catalog-thumb {
margin-top: 15px; }
.catalog-thumb img {
position: relative;
display: block;
min-height: 100%;
max-width: 100%; }
.catalog-thumb .catalog-item {
font-size: 14px; }
.catalog-thumb .catalog-thumb__title,
.catalog-thumb .catalog-item {
margin: 0; }
.catalog-thumb .catalog-thumb__overlay {
padding: 70px 40px 40px 40px;
color: #fff;
text-transform: uppercase;
font-size: 20px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.catalog-thumb .catalog-thumb__overlay > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.catalog-thumb .catalog-thumb__overlay > a {
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0; }
.catalog-thumb.catalog-thumb--effect-julia {
background: #f7f7f7;
-moz-transition: filter 0.5s ease, background-color 1s ease;
-o-transition: filter 0.5s ease, background-color 1s ease;
-webkit-transition: filter 0.5s ease, background-color 1s ease;
transition: filter 0.5s ease, background-color 1s ease;
box-shadow: none;
max-width: 400px; }
.catalog-thumb.catalog-thumb--effect-julia img {
max-height: 400px;
transition: opacity 1s, transform 1s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.catalog-thumb.catalog-thumb--effect-julia .catalog-thumb__overlay {
text-align: left; }
.catalog-thumb.catalog-thumb--effect-julia .catalog-thumb__title {
position: absolute;
padding: 10px 30px;
color: #222328;
background: rgba(255, 255, 255, 0.55);
left: 0;
top: 0;
width: 100%;
display: inline-block; }
.catalog-thumb.catalog-thumb--effect-julia .catalog-item {
display: inline-block;
margin: 0 0 0.25em;
padding: 0.4em 1em;
background: rgba(255, 255, 255, 0.9);
color: #143546;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-transform: none;
transition: opacity 0.35s, transform 0.35s;
-moz-transform: translate3d(-360px, 0, 0);
-ms-transform: translate3d(-360px, 0, 0);
-o-transform: translate3d(-360px, 0, 0);
-webkit-transform: translate3d(-360px, 0, 0);
transform: translate3d(-360px, 0, 0); }
.catalog-thumb.catalog-thumb--effect-julia .catalog-item:first-child {
transition-delay: 0.15s; }
.catalog-thumb.catalog-thumb--effect-julia .catalog-item:nth-of-type(2) {
transition-delay: 0.1s; }
.catalog-thumb.catalog-thumb--effect-julia .catalog-item:nth-of-type(3) {
transition-delay: 0.05s; }
.catalog-thumb.catalog-thumb--effect-julia.active {
background-color: #f7f7f7;
opacity: 1; }
.catalog-thumb.catalog-thumb--effect-julia.active .catalog-item:first-child {
transition-delay: 0s; }
.catalog-thumb.catalog-thumb--effect-julia.active .catalog-item:nth-of-type(2) {
transition-delay: 0.05s; }
.catalog-thumb.catalog-thumb--effect-julia.active .catalog-item:nth-of-type(3) {
transition-delay: 0.1s; }
.catalog-thumb.catalog-thumb--effect-julia.active .catalog-item {
opacity: 1;
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.mobile .catalog-thumb.catalog-thumb--effect-julia .catalog-item:first-child,
.tablet .catalog-thumb.catalog-thumb--effect-julia .catalog-item:first-child {
transition-delay: 0s; }
.mobile .catalog-thumb.catalog-thumb--effect-julia .catalog-item:nth-of-type(2),
.tablet .catalog-thumb.catalog-thumb--effect-julia .catalog-item:nth-of-type(2) {
transition-delay: 0.05s; }
.mobile .catalog-thumb.catalog-thumb--effect-julia .catalog-item:nth-of-type(3),
.tablet .catalog-thumb.catalog-thumb--effect-julia .catalog-item:nth-of-type(3) {
transition-delay: 0.1s; }
.mobile .catalog-thumb.catalog-thumb--effect-julia .catalog-item,
.tablet .catalog-thumb.catalog-thumb--effect-julia .catalog-item {
opacity: 1;
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.catalog__cont * + .price {
margin-top: 15px; }
.catalog__cont * + .options {
margin-top: 20px; }
.catalog__cont * + .option {
margin-top: 10px; }
.catalog__cont .option .name + ul {
margin-left: 5px; }
.catalog__cont {
background: #f7f7f7;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
max-width: 100%;
padding: 20px;
-moz-transition: opacity 1s ease;
-o-transition: opacity 1s ease;
-webkit-transition: opacity 1s ease;
transition: opacity 1s ease;
overflow: hidden;
overflow-y: auto;
opacity: 1;
width: inherit; }
.catalog__cont-wrap {
position: relative;
display: none; }
@media (min-width: 768px) {
.catalog__cont-wrap {
display: block; } }
@media (min-width: 768px) and (max-width: 991px) {
.catalog__cont-wrap {
width: 407.5px; } }
@media (min-width: 992px) and (max-width: 1199px) {
.catalog__cont-wrap {
width: 535.833px; } }
@media (min-width: 1200px) {
.catalog__cont-wrap {
width: 670px; } }
.catalog__cont.loading {
opacity: 0; }
.catalog__cont.fixed {
position: fixed;
top: 15px;
max-height: calc(100% - 30px); }
.catalog__cont.absolute {
position: absolute;
bottom: 0; }
.catalog__cont.static {
position: static; }
.catalog__cont .options h3 {
display: none; }
.catalog__cont .name {
font-size: 30px;
line-height: 34px;
color: #222328;
font-weight: bold; }
.catalog__cont .sale, .catalog__cont .new-pr {
left: auto;
right: auto;
top: auto;
position: relative;
margin-bottom: 10px; }
.catalog__cont .sale + .new-pr {
margin-left: 3px; }
.catalog__cont .product-spec .table td {
padding: 15px 20px;
color: #143546;
background-color: #fff;
border-color: #f7f7f7; }
.catalog__cont .product-spec .table td:first-child {
border-color: #f7f7f7; }
.catalog__cont .option > .name, .catalog__cont .option > ul {
display: inline-block; }
.catalog__cont .option > ul {
list-style-type: none;
padding-left: 0;
margin: 0; }
.catalog__cont .option > ul, .catalog__cont .option > ul > li > img {
vertical-align: bottom; }
.catalog__cont .option > ul > li {
float: left; }
.catalog__cont .option > ul > li > span:after {
content: ';'; }
.catalog__cont .option > ul > li:last-of-type > span:after {
content: '.'; }
.catalog__cont .option > ul > li + li {
margin-top: 0;
margin-left: 10px; }
.catalog__cont .option .name {
font-size: 16px;
line-height: 21px; }
.product-catalog .pagination-block {
margin-top: 15px; }
/*=========== Filter =================*/
div.mfilter-content-opts {
padding: 0 0 10px; }
div.mfilter-content-opts .mfilter-options {
padding: 0; }
div.mfilter-content-opts .mfilter-options .mfilter-search {
margin-top: 5px; }
div.mfilter-content-opts .mfilter-options .mfilter-search input[type="text"] {
height: 44px;
color: #7f8187;
font-size: 12px;
line-height: 15px;
background-color: #f5f5f5;
padding: 14px 10px 14px 15px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
margin: 0;
border: none; }
div.mfilter-content-opts .mfilter-options .mfilter-search #mfilter-opts-search {
margin: 0; }
div.mfilter-content-opts .mfilter-options .mfilter-search #mfilter-opts-search:focus {
outline: none;
border: none; }
div.mfilter-content-opts .mfilter-options .mfilter-search #mfilter-opts-search_button {
color: #000;
font-size: 14px;
line-height: 44px;
height: 44px;
margin: 0;
background: none; }
div.mfilter-content-opts .mfilter-options .mfilter-search #mfilter-opts-search_button:hover {
color: #ffd200; }
div.mfilter-content-opts .mfilter-options .mfilter-price {
text-align: center;
letter-spacing: 3px;
margin-top: 3px;
margin-bottom: 15px;
font-weight: bold;
color: #000; }
div.mfilter-content-opts .mfilter-options .mfilter-price input[type="text"], div.mfilter-content-opts .mfilter-options .mfilter-price #mfilter-opts-price-min, div.mfilter-content-opts .mfilter-options .mfilter-price #mfilter-opts-price-max {
background: none;
padding: 0;
outline: none;
border: none;
height: 16px;
width: 60px;
min-width: 0;
max-width: 60px;
letter-spacing: 0;
text-align: center;
font: bold 12px/16px "Roboto", sans-serif;
color: #000; }
div.mfilter-content-opts .mfilter-options .mfilter-price .mfilter-slider-slider, div.mfilter-content-opts .mfilter-options .mfilter-price #mfilter-price-slider {
background: #f7f7f7;
height: 3px !important;
margin: 5px 0 0 !important; }
div.mfilter-content-opts .mfilter-options .mfilter-price .mfilter-slider-slider .ui-slider-range, div.mfilter-content-opts .mfilter-options .mfilter-price #mfilter-price-slider .ui-slider-range {
background: #ffd200 !important; }
div.mfilter-content-opts .mfilter-options .mfilter-price .mfilter-slider-slider .ui-slider-handle, div.mfilter-content-opts .mfilter-options .mfilter-price #mfilter-price-slider .ui-slider-handle {
background: #ffd200 !important;
width: 5px !important;
height: 15px !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin: 0 !important; }
div.mfilter-content-opts .mfilter-options .mfilter-price-slider {
padding: 0 !important;
margin-right: 0 !important; }
div.mfilter-content-opts .mfilter-options .ui-slider-horizontal .ui-slider-handle {
top: -6px !important; }
div.mfilter-heading {
font: 400 12px/14px "Roboto", sans-serif;
letter-spacing: 1px;
color: #000;
text-transform: uppercase;
padding-bottom: 7px;
border-bottom: 1px solid #e2e2e2;
margin-bottom: 3px;
padding-top: 5px; }
div.mfilter-heading .mfilter-head-icon {
display: inline-block;
background: none;
width: auto;
height: 19px;
vertical-align: top;
margin: 0;
-moz-transform: translateY(-50%) rotateX(-180deg);
-ms-transform: translateY(-50%) rotateX(-180deg);
-o-transform: translateY(-50%) rotateX(-180deg);
-webkit-transform: translateY(-50%) rotateX(-180deg);
transform: translateY(-50%) rotateX(-180deg);
color: #000; }
div.mfilter-heading .mfilter-head-icon:before {
content: '\f107';
font: 400 16px/19px "FontAwesome"; }
div.mfilter-heading .mfilter-head-icon:hover {
color: #ffd200; }
.mfilter-heading.mfilter-collapsed i.mfilter-head-icon {
-moz-transform: translateY(-50%) rotateX(0deg);
-ms-transform: translateY(-50%) rotateX(0deg);
-o-transform: translateY(-50%) rotateX(0deg);
-webkit-transform: translateY(-50%) rotateX(0deg);
transform: translateY(-50%) rotateX(0deg); }
div.mfilter-tb-as-tr.mfilter-option {
display: inline-block;
width: 100%;
position: relative; }
.mfilter-option .mfilter-tb-as-td {
display: inline-block;
border: none;
padding: 2px 0;
cursor: pointer; }
.mfilter-option > div input[type="checkbox"] {
position: relative; }
.mfilter-option > div input[type="checkbox"]:before, .mfilter-option > div input[type="checkbox"]:after {
content: '';
position: absolute;
top: -5px;
left: 0;
width: 20px;
height: 20px; }
.mfilter-option > div input[type="checkbox"]:before {
border: 2px solid #e2e2e2;
background: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
.mfilter-option > div input[type="checkbox"]:after {
content: '\f00c';
color: #fff;
font: 400 12px/20px "FontAwesome";
text-align: center;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
opacity: 0; }
.mfilter-option > div input[type="checkbox"]:checked:before {
background: #ffd200;
border-color: #ffd200; }
.mfilter-option > div input[type="checkbox"]:checked:after {
opacity: 1; }
.mfilter-option > div label {
color: #000; }
.mfilter-option > div + label.mfilter-tb-as-td {
padding-left: 5px;
margin-top: 3px; }
.mfilter-option > div + label.mfilter-tb-as-td + .mfilter-col-count {
position: absolute;
top: 0;
right: 8px; }
.mfilter-option.mfilter-disabled > div input[type="checkbox"]:before {
border-color: #f1f3f7; }
div.mfilter-opts-container {
padding-bottom: 23px; }
.product-filter .sort.sort--category .sbHolder {
width: 200px; }
.iScrollVerticalScrollbar {
background: #f7f7f7; }
.iScrollIndicator {
background-color: #ffd200 !important; }
.catalog__cont-wrap {
line-height: 21px; }
.catalog__cont-wrap .options ul li img {
width: 21px !important;
height: 21px !important;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
margin-right: 5px; }
/*========================================================
Responsive Styles
=========================================================*/
@media (min-width: 992px) and (max-width: 1199px) {
.catalog-thumb.catalog-thumb--effect-julia h2 {
font-size: 17px;
line-height: 20px; } }
@media (min-width: 768px) and (max-width: 991px) {
.catalog-thumb.catalog-thumb--effect-julia h2 {
font-size: 13px;
line-height: 16px; } }
@media (max-width: 767px) {
#mfilter-content-container {
text-align: center; }
.catalog-thumb.catalog-thumb--effect-julia {
display: inline-block;
opacity: 1 !important; }
.catalog-thumb.catalog-thumb--effect-julia h2 {
font-size: 13px;
line-height: 16px; } }
@media (max-width: 366px) {
.fixed-left {
width: 253px;
left: 47px; }
.fixed-left.active {
left: 0; } }
/*========================================================
Tab Products Module
=========================================================*/
.module_tab {
clear: both;
margin-top: 18px; }
.module_tab .nav-tabs {
padding: 0;
font-size: 0;
margin-top: 28px;
margin-bottom: 0; }
.module_tab .nav-tabs > li {
float: none;
display: inline-block;
letter-spacing: .8px; }
.module_tab .nav-tabs > li > a {
border: none !important;
padding: 20px 57px 21px; }
.module_tab .nav-tabs > li > a, .module_tab .nav-tabs > li > a:focus {
font: 900 18px/22px "Roboto", sans-serif;
color: #000; }
.module_tab .nav-tabs > li.active > a, .module_tab .nav-tabs > li > a:hover {
color: #000;
background: #ffd200; }
.module_tab .box {
margin-bottom: 57px; }
.module_tab .row {
margin-right: -1px;
margin-left: -1px; }
.module_tab [class*="col-lg-"], .module_tab [class*="col-md-"], .module_tab [class*="col-sm-"], .module_tab [class*="col-xs-"] {
padding-left: 1px;
padding-right: 1px; }
.module_tab .cart-button .btn-primary i {
display: none; }
/*========================================================
Tab Products Module Responsive Layout
=========================================================*/
@media (min-width: 992px) and (max-width: 1199px) {
.module_tab .nav-tabs {
margin-top: 20px; }
.module_tab .nav-tabs > li > a {
padding: 16px 46px 17px; }
.module_tab .nav-tabs > li > a, .module_tab .nav-tabs > li > a:focus {
font-size: 14px;
line-height: 16px; } }
@media (min-width: 768px) and (max-width: 991px) {
.module_tab .box {
margin-top: 1px;
margin-bottom: 35px; }
.module_tab .tab-content {
text-align: center; }
.module_tab .nav-tabs {
margin-top: 20px; }
.module_tab .nav-tabs > li > a {
padding: 13px 30px 14px; }
.module_tab .nav-tabs > li > a, .module_tab .nav-tabs > li > a:focus {
font-size: 14px;
line-height: 16px; }
.module_tab .product-thumb {
max-width: 270px;
display: inline-block; }
.module_tab .mobile-carousel .product-layout {
margin-bottom: 2px; }
.module_tab .mobile-carousel .product-layout .product-thumb {
max-width: 270px;
display: block;
padding: 14px 10px 0; }
.module_tab .mobile-carousel .product-layout .product-thumb .price-new, .module_tab .mobile-carousel .product-layout .product-thumb .price {
font-size: 20px; }
.module_tab .mobile-carousel .product-layout .product-thumb .price-old {
font-size: 16px; }
.module_tab .mobile-carousel .product-layout .product-thumb .cart-button .btn-primary {
width: 30px;
height: 30px;
padding: 0;
line-height: 30px; }
.module_tab .mobile-carousel .product-layout .product-thumb .cart-button .btn-primary i {
display: inline-block;
font-size: 18px; }
.module_tab .mobile-carousel .product-layout .product-thumb .cart-button .btn-primary span {
display: none; }
.module_tab .mobile-carousel .product-layout .product-thumb .cart-button .btn-icon {
width: 30px;
max-width: 30px;
height: 30px;
line-height: 30px; }
.module_tab .mobile-carousel .product-layout .product-thumb:hover {
padding: 14px 19px 10px;
margin: -20px -9px -30px; }
.module_tab .mobile-carousel .product-layout .product-thumb:hover .image {
padding-left: 0;
padding-right: 0; } }
@media (max-width: 767px) {
.nav-tabs > li > a {
letter-spacing: 0; }
.mobile-carousel.owl-carousel .owl-item {
padding: 0 15px; }
.module_tab .box {
margin-top: 1px;
margin-bottom: 20px; }
.module_tab .box .mobile-carousel {
margin: 0; }
.module_tab .tab-content {
text-align: center; }
.module_tab .owl-carousel .owl-nav .owl-next {
right: -10px !important; }
.module_tab .owl-carousel .owl-nav .owl-prev {
left: -10px !important; }
.module_tab .nav-tabs {
margin-bottom: 15px; }
.module_tab .nav-tabs > li > a {
padding: 12px 20px; }
.module_tab .nav-tabs > li > a, .module_tab .nav-tabs > li > a:focus {
font-size: 14px;
line-height: 16px; }
.module_tab .product-thumb {
max-width: 270px;
display: inline-block; } }
@media (max-width: 480px) {
.module_tab .nav-tabs > li > a {
padding: 8px 10px; }
.module_tab .nav-tabs > li > a, .module_tab .nav-tabs > li > a:focus {
font-size: 12px;
line-height: 14px; } }
.lookbook-block {
margin-bottom: 57px; }
.lookbook {
position: relative; }
.lookbook__img {
position: relative;
display: inline-block;
margin-bottom: 20px; }
.lookbook__img .sale, .lookbook__img .discount, .lookbook__img .new-pr {
font-size: 15px;
line-height: 18px;
padding: 5px;
vertical-align: top;
margin-bottom: 2px; }
.lookbook__img .sale, .lookbook__img .new-pr {
min-width: 0; }
.lookbook__img .discount {
font-size: 19px; }
.lookbook__img img {
margin-bottom: 5px; }
.lookbook__aside {
padding: 0; }
.lookbook__aside .option-color {
padding-bottom: 2px; }
.lookbook__aside .cart-button {
font-size: 8px; }
.lookbook__aside .cart-button button, .lookbook__aside .cart-button a {
margin-bottom: 2px; }
.lookbook a {
position: relative; }
.lookbook .desc {
position: static;
top: 0;
left: 0;
right: 0;
bottom: 0; }
.lookbook [data-marker] {
display: inline-block;
position: absolute;
width: 1px;
height: 1px;
pointer-events: none; }
.lookbook [data-marker] > i, .lookbook [data-marker] .close-btn {
width: 15px;
height: 15px;
background: #ffd200;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
color: #fff;
opacity: 1;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
border: 2px solid #fff; }
.lookbook [data-marker] > i {
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.lookbook [data-marker] .close-btn {
position: absolute;
right: 0;
top: 0;
width: 30px;
height: 30px;
-moz-transform: translate(50%, -50%);
-ms-transform: translate(50%, -50%);
-o-transform: translate(50%, -50%);
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
cursor: pointer;
font-size: 18px;
line-height: 25px;
z-index: 500;
text-align: center; }
.lookbook [data-marker] .close-btn:hover {
background: #000; }
.lookbook [data-marker].active > i {
opacity: 0; }
.lookbook .marker__cnt {
z-index: 500;
position: absolute;
background: #fff;
width: 170px;
font-size: 15px;
line-height: 15px;
margin: 30px 15px;
display: none;
opacity: 0;
color: #000;
pointer-events: auto;
border: 2px solid #ffd200; }
.lookbook .marker__cnt .name, .lookbook .marker__cnt .price {
padding-left: 15px;
padding-right: 15px;
margin-bottom: 5px; }
.lookbook .lookbook__aside .col-xs-12 {
margin-bottom: 15px; }
.lookbook [data-mapid]:not(area) {
position: relative; }
.lookbook [data-mapid]:not(area) .img-block {
background: #f7f7f7;
padding: 30px;
margin-bottom: 15px; }
@media (max-width: 767px) {
.lookbook [data-mapid]:not(area) .img-block {
display: inline-block; } }
.lookbook [data-mapid]:not(area) img {
overflow: hidden; }
.lookbook [data-mapid]:not(area) .sale, .lookbook [data-mapid]:not(area) .new-pr, .lookbook [data-mapid]:not(area) .discount {
display: none; }
.lookbook [data-mapid]:not(area) .name {
padding-top: 2px;
margin-bottom: 5px; }
.lookbook [data-mapid]:not(area).active .img-block {
box-shadow: 0 0 0 3px #ffd200; }
.lookbook [data-mapid]:not(area) .product-options {
line-height: 8px; }
.lookbook area[data-mapid] {
cursor: pointer; }
.lookbook-name {
position: absolute;
display: inline-block;
bottom: 34px;
left: 39px;
font-size: 18px;
line-height: 22px;
color: #fff;
font-weight: 900;
text-transform: uppercase;
pointer-events: none;
letter-spacing: 1px; }
.lookbook-name h2 {
font-size: 44px;
line-height: 44px;
margin-top: 9px;
margin-bottom: 0;
letter-spacing: 3.5px;
color: #fff !important;
}
.lookbook-list {
position: absolute;
bottom: 0;
right: 0;
padding: 20px 30px 24px 30px;
width: 260px;
color: #000;
font-weight: 700;
line-height: 30px;
text-transform: uppercase;
background: #ffd300;
font-size: 12px; }
.lookbook-list table {
width: 100%; }
.lookbook-list table caption {
font-size: 36px;
line-height: 43px;
padding-bottom: 11px;
padding-top: 8px;
font-weight: 900;
color: #000; }
.lookbook-list table td:first-child {
letter-spacing: 1.2px;
font-weight: 500; }
.lookbook-list table td + td {
width: 55px; }
.lookbook-list .btn {
margin-top: 20px;
letter-spacing: .7px;
padding-left: 25px;
padding-right: 25px; }
.lookbook__aside .name a {
display: inline; }
.product-lookbook footer {
margin-top: 10px; }
.product-lookbook-block {
display: inline-block;
float: left;
position: relative;
padding-left: 15px;
padding-right: 15px;
line-height: 0;
margin-bottom: 30px; }
.product-lookbook-block a {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
overflow: hidden;
background: #000; }
.product-lookbook-block a + div {
position: absolute;
display: inline-block;
top: 41%;
left: 0;
width: 100%;
-moz-transform: 0translateY -50%;
-ms-transform: 0translateY -50%;
-o-transform: 0translateY -50%;
-webkit-transform: 0translateY -50%;
transform: 0translateY -50%;
color: #fff;
font-size: 18px;
line-height: 22px;
font-weight: bold;
text-align: center;
pointer-events: none; }
.product-lookbook-block a img {
opacity: .7;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; }
.product-lookbook-block a:hover {
background: #ffd200; }
.product-lookbook-block a:hover img {
opacity: .8; }
.product-lookbook-block h3 {
color: #fff;
font-size: 40px;
line-height: 40px;
font-weight: bold;
text-transform: none;
position: relative;
margin-top: 6px; }
.product-lookbook-block h3:after {
position: absolute;
display: inline-block;
bottom: -16px;
width: 48px;
margin-left: -24px;
content: '';
left: 50%;
height: 2px;
background: #fff; }
.lookbook [data-mapid]:not(area) .product-options img {
margin-right: 5px; }
.lookbook [data-mapid]:not(area).active .product-options img {
box-shadow: none; }
/*========================================================
Responsive Styles
=========================================================*/
@media (min-width: 992px) and (max-width: 1199px) {
.lookbook-name {
bottom: 27px;
left: 30px;
font-size: 16px;
line-height: 19px;
letter-spacing: 0; }
.lookbook-name h2 {
font-size: 35px;
line-height: 35px;
letter-spacing: 1.5px; }
.lookbook-list {
line-height: 24px; }
.lookbook-list table caption {
font-size: 28px;
line-height: 35px;
padding-bottom: 8px; }
.lookbook-list table table td:first-child {
letter-spacing: .5px; }
.lookbook-list .btn {
margin-top: 15px;
letter-spacing: .5px;
padding-left: 20px;
padding-right: 20px; } }
@media (min-width: 768px) and (max-width: 991px) {
.lookbook-block {
margin-bottom: 40px; }
.lookbook-name {
bottom: 22px;
left: 24px;
font-size: 13px;
line-height: 16px;
letter-spacing: 0; }
.lookbook-name h2 {
font-size: 28px;
line-height: 28px;
letter-spacing: 1.5px;
margin-top: 5px; }
.lookbook-list {
font-size: 12px;
line-height: 20px; }
.lookbook-list table caption {
font-size: 22px;
line-height: 28px;
padding-bottom: 8px; }
.lookbook-list table td:first-child {
letter-spacing: 0.5px; }
.lookbook-list .btn {
margin-top: 10px;
letter-spacing: 0;
padding-left: 15px;
padding-right: 15px; } }
@media (max-width: 767px) {
.lookbook-block {
margin-bottom: 40px;
text-align: left; }
.lookbook__aside {
text-align: center; }
.lookbook__aside .cart-button {
margin-bottom: 20px; }
.lookbook-name {
bottom: 10px;
left: 15px;
font-size: 10px;
line-height: 12px;
letter-spacing: 0;
text-shadow: 0 0 2px #fff; }
.lookbook-name h2 {
font-size: 20px;
line-height: 20px;
letter-spacing: 0;
margin-top: 0; }
.lookbook-list {
font-size: 11px;
line-height: 16px;
width: 200px;
padding: 8px 20px 12px 20px; }
.lookbook-list table caption {
font-size: 18px;
line-height: 20px;
padding-top: 5px;
padding-bottom: 5px; }
.lookbook-list table td:first-child {
letter-spacing: 0; }
.lookbook-list .btn {
font-size: 11px;
line-height: 13px;
margin-top: 8px;
letter-spacing: .5px;
padding: 8px 12px; } }
@media (max-width: 480px) {
.lookbook-name {
bottom: 8px;
left: 12px;
font-size: 9px;
line-height: 11px; }
.lookbook-name h2 {
font-size: 16px;
line-height: 18px; }
.lookbook-list {
font-size: 10px;
line-height: 12px;
width: 150px;
padding: 5px 10px 5px; }
.lookbook-list table caption {
font-size: 14px;
line-height: 16px;
padding-top: 0;
padding-bottom: 1px; }
.lookbook-list table td + td {
width: 45px; }
.lookbook-list table td:first-child {
letter-spacing: 0; }
.lookbook-list .btn {
font-size: 10px;
line-height: 12px;
margin-top: 3px;
padding: 6px 10px; } }
/*========================================================
Color Schemes
=========================================================*/
.color_scheme_1 {
background: #ffd200; }
.color_scheme_1:before {
background: #000000; }
.color_scheme_2 {
background: #f7664a; }
.color_scheme_2:before {
background: #523b35; }
.color_scheme_3 {
background: #73dd8f; }
.color_scheme_3:before {
background: #354352; }
.color_scheme_4 {
background: #72d8dc; }
.color_scheme_4:before {
background: #354e52; }
#style_switcher, #style_switcher .toggler {
background: #fff;
border: 1px solid #e2e2e2; }
.toggler {
border-left: none !important;
margin: -1px 0 0 -1px; }
#style_switcher .toggler:hover {
color: #ffd200; }
#style_switcher div.color_scheme {
position: relative;
overflow: hidden; }
#style_switcher div.color_scheme:before {
content: '';
position: absolute;
left: 50%;
width: 50%;
height: 100%;
-webkit-filter: blur(0);
filter: blur(0); }
#style_switcher div.color_scheme:before {
top: 0; }
#style_switcher {
position: fixed;
top: 190px;
width: 295px;
box-sizing: border-box;
left: 0;
z-index: 1012;
padding: 21px 29px 30px 30px;
text-align: left;
-webkit-transform: translate(-100%, 0);
-moz-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
-o-transform: translate(-100%, 0);
transform: translate(-100%, 0);
-webkit-transition: transform 0.2s ease;
-moz-transition: transform 0.2s ease;
-ms-transition: transform 0.2s ease;
-o-transition: transform 0.2s ease;
transition: transform 0.2s ease; }
#style_switcher.shown {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
z-index: 1012; }
#style_switcher p {
line-height: 28px;
font-size: 17px;
font-weight: normal;
padding: 0 0 23px; }
#style_switcher p span {
font-size: 12.4px;
display: block;
line-height: 21px;
color: #888; }
#style_switcher .toggler {
position: absolute;
top: 0;
left: 100%;
width: 57px;
height: 60px;
font-size: 18px;
line-height: 40px;
cursor: pointer;
text-align: center;
transition: color .2s ease; }
#style_switcher .toggler:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
line-height: 60px;
text-align: center;
font-size: 26px;
height: 60px;
content: '\e150';
font-family: 'Material Icons';
transition: color .2s ease; }
#style_switcher.shown .toggler:before {
content: '\e14c'; }
#style_switcher #color-box {
margin: 0;
list-style: none;
font-size: 0;
padding: 0 0 10px;
line-height: 0; }
#style_switcher #color-box li {
display: inline-block;
margin-right: 10px;
cursor: pointer;
vertical-align: top; }
#style_switcher #color-box li:hover,
#style_switcher #color-box li.active {
padding: 2px; }
#style_switcher div.color_scheme {
width: 40px;
height: 40px;
border-radius: 0; }
#style_switcher #color-box li:hover div.color_scheme,
#style_switcher #color-box li.active div.color_scheme {
height: 36px;
width: 36px; }
#style_switcher #style_switcher_form {
padding: 0;
margin: 0; }
#style_switcher #style_switcher_form button.button {
display: block;
text-align: center;
padding: 4px 30px 6px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-position: 50% 50% !important;
background-repeat: no-repeat !important;
outline: none !important;
position: relative;
border: 2px solid #626262 !important;
background: transparent !important;
font-size: 15px;
line-height: 26px;
font-weight: bold; }
#style_switcher #style_switcher_form button.button:hover {
background: #626262 !important;
color: #fff !important; }
#style_switcher.loading:before {
position: absolute;
right: 30px;
bottom: 40px;
background: url(/bitrix/templates/mallstroyhead/css/../images/loading.gif);
width: 60px;
height: 20px;
content: ''; }
#style_switcher.success:before {
position: absolute;
right: 30px;
bottom: 32px;
content: '\f00c';
font-family: FontAwesome;
font-size: 20px;
line-height: 40px; }
@media (max-width: 480px) {
#style_switcher {
width: 260px;
padding-left: 20px; } }
body.mobile_mode.mobile #style_switcher {
top: 0 !important; }
/* =================== Breadcrumb =================== */
.breadcrumb {
margin: 0 0 27px;
border-radius: 0;
background: none;
padding: 0;
font-size: 12px;
line-height: 14px;
font-family: "Roboto", sans-serif;
text-transform: uppercase;
font-weight: 900;
letter-spacing: .6px; }
.breadcrumb a {
display: inline-block;
color: #000; }
.breadcrumb a:hover {
color: #ffd200; }
.breadcrumb a:hover i {
color: #ffd200; }
.breadcrumb > li {
position: relative;
vertical-align: top;
display: inline; }
.breadcrumb > li:last-child span {
color: #a8a8a8; }
.breadcrumb > li > a,
.breadcrumb > li > a > i,
.breadcrumb > li > span,
.breadcrumb > li + li:before {
vertical-align: middle; }
.breadcrumb > li + li:before {
content: '> ';
padding: 0;
margin-left: 2px;
margin-right: 2px;
font-size: 12px;
line-height: 14px; }
.breadcrumb i {
color: #000;
-moz-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease; }
.breadcrumb i:before {
content: '\e0ba';
font-family: "material-design"; }
/* =================== Product Page =================== */
.product-share {
height: 32px;
margin-top: 1em; }
.product-share a.at-share-btn {
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px; }
.review-form-title {
text-align: left;
font-family: "Roboto", sans-serif;
font-weight: 400; }
.review-form-title .btn-primary {
display: inline-block;
cursor: pointer;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
.product-rating-status {
line-height: 16px; }
.product-rating-status .review-link {
position: relative;
margin-left: 10px;
vertical-align: top; }
.product-rating-status .review-link-show a {
color: #a8a8a8; }
.product-rating-status .review-link-show a:visited, .product-rating-status .review-link-show a:focus {
color: #a8a8a8; }
.product-rating-status .review-link-show a:hover {
color: #ffd200; }
.product-rating-status .review-link-show a, .product-rating-status .review-link-write a {
text-decoration: underline;
font-weight: bold;
text-transform: uppercase; }
.rating-section .fa-stack {
letter-spacing: .8px; }
.rating-section a {
cursor: pointer; }
.product-review-form {
display: none; }
.product-options {
line-height: 22px;
padding-bottom: 0;
font-weight: 300;
font-family: "Roboto", sans-serif; }
.product-options .control-label {
text-align: left;
font-size: 14px;
margin: 0 0 10px;
color: #a8a8a8; }
.product-options .form-group:before, .product-options .form-group:after {
display: table;
content: "";
line-height: 0; }
.product-options .form-group:after {
clear: both; }
.product-options .radio {
padding-top: 0; }
.product-options .radio input[type="radio"] + label {
padding: 5px 5px 5px 40px;
display: block;
background: #f7f7f7;
text-transform: capitalize;
text-align: left; }
.product-options .radio input[type="radio"] + label:before {
top: 10px;
left: 13px; }
.product-options .radio input[type="radio"] + label:after {
top: 12px;
left: 15px; }
.product-options .radio + .radio {
margin-top: 15px; }
.product-options .checkbox label {
padding: 5px 5px 5px 45px;
display: block;
background: #f7f7f7;
text-transform: capitalize;
text-align: left; }
.product-options .checkbox label:before, .product-options .checkbox label:after {
left: 13px;
top: 10px; }
.product-options .checkbox label:before {
background: #f3f4f5; }
.product-options .text-danger {
display: inline-block;
width: 100%; }
.product_tabs {
margin: 30px 0 33px;
line-height: 0; }
.product_tabs:before, .product_tabs:after {
display: table;
content: "";
line-height: 0; }
.product_tabs:after {
clear: both; }
.product_tabs .nav-tabs {
padding: 0;
text-align: center; }
.product_tabs .nav-tabs > li {
float: none;
display: inline-block; }
.product_tabs .nav-tabs > li > a {
border: none !important; }
.product_tabs .nav-tabs > li > a, .product_tabs .nav-tabs > li > a:focus {
font: 600 18px/22px "Roboto", sans-serif;
color: #000; }
.product_tabs .nav-tabs > li.active > a, .product_tabs .nav-tabs > li > a:hover {
color: #fff;
background: #000; }
.product_tabs .tab-content {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 23px;
line-height: 24px;
font-family: "Roboto", sans-serif;
font-weight: 300; }
.product_tabs .tab-content .btn {
font-family: "Roboto", sans-serif; }
@media (max-width: 767px) {
.product_tabs .nav-tabs > li > a {
font-size: 11px;
padding-bottom: 10px; }
.product_tabs .nav-tabs > li > a:before {
display: none; } }
.product_tabs .rating {
display: inline-block;
width: 100%;
margin-bottom: 20px; }
.product_tabs .rating span:first-child {
font-weight: 400;
text-transform: uppercase;
margin-right: 5px; }
.product_tabs .rating .fa-stack {
width: .8em; }
.product_tabs .review-score .fa-stack {
margin-bottom: 14px; }
.product_tabs .review-item {
padding: 28px 20px 20px 30px;
background: #f7f7f7;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
.product_tabs .review-item .review-date {
letter-spacing: .5px;
text-transform: uppercase;
font-weight: 400;
margin-bottom: 4px; }
.product_tabs .review-item .review-author {
letter-spacing: .5px;
text-transform: uppercase; }
.product_tabs .review-item .review-author i {
display: inline-block;
font-size: 18px;
font-weight: 400;
margin-right: 5px;
vertical-align: top; }
.product-spec .table {
border: none;
line-height: 16px; }
.product-spec .table th {
text-align: center;
text-transform: uppercase;
font-family: "Roboto", sans-serif;
font-weight: 400;
border: none;
padding: 15px 0;
font-size: 12px;
background: none; }
.product-spec .table td {
padding: 28px 20px 21px 30px;
background: #f7f7f7;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: none;
margin: 0;
width: 50%;
vertical-align: top;
border-bottom: 10px solid #fff; }
.product-spec .table td span {
width: 22%;
display: inline-block; }
.product-spec .table td span:first-child {
text-transform: uppercase; }
.product-spec .table td span + span {
width: 78%; }
.product-spec .table td:first-child {
border-right: 10px solid #fff; }
.product-spec .table td + td {
border-left: 10px solid #fff; }
@media (max-width: 479px) {
.product-spec .table td:first-child,
.product-spec .table td {
width: 50%; } }
@media (max-width: 767px) {
.homebuilder {
text-align: center; }
.nav-tabs {
margin-bottom: 5px; }
.nav-tabs > li {
margin-bottom: 5px; }
.product_tabs .nav-tabs, .product_tabs .tab-content {
width: 100%;
float: none; }
.product_tabs .nav-tabs > li.active > a {
background: none; }
.product_tabs .tab-content {
border-left: none;
padding: 20px 0; } }
/* =================== Product Gallery =================== */
@media (max-width: 1199px) {
.zoomContainer {
display: none !important; } }
#productZoom {
background: #f7f7f7;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; }
.product-gallery:before, .product-gallery:after {
display: table;
content: "";
line-height: 0; }
.product-gallery:after {
clear: both; }
.product-gallery .col-lg-3 {
width: 22.2%; }
.product-gallery .col-lg-9 {
width: 77.8%; }
.product-gallery .col-lg-3, .product-gallery .col-lg-9 {
padding-left: 5px;
padding-right: 5px; }
.product-gallery .bx-wrapper {
margin: 0 !important; }
.product-gallery .image-thumb .bx-wrapper .bx-prev, .product-gallery .image-thumb .bx-wrapper .bx-next {
position: absolute;
left: 5px;
right: 5px;
font-size: 26px;
line-height: 18px;
background: #fff;
text-align: center;
margin: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; }
.product-gallery .image-thumb .bx-wrapper .bx-prev.disabled, .product-gallery .image-thumb .bx-wrapper .bx-next.disabled {
display: none;
visibility: hidden; }
.product-gallery .image-thumb .bx-wrapper .bx-prev:hover, .product-gallery .image-thumb .bx-wrapper .bx-next:hover {
color: #ffd200; }
.product-gallery .image-thumb .bx-wrapper .bx-prev {
top: 0; }
.product-gallery .image-thumb .bx-wrapper .bx-next {
bottom: 0; }
@media (max-width: 1199px) {
.product-gallery .image-thumb .bx-wrapper .bx-prev, .product-gallery .image-thumb .bx-wrapper .bx-next {
width: 20px;
height: 56px;
line-height: 56px;
display: inline-block;
font-size: 10px; }
.product-gallery .image-thumb .bx-wrapper .bx-next {
left: auto;
right: 15px;
bottom: 50%;
margin-bottom: -28px; }
.product-gallery .image-thumb .bx-wrapper .bx-prev {
top: 50%;
left: 15px;
right: auto;
margin-top: -28px; } }
@media (max-width: 767px) {
.product_page-left + .product_page-right {
margin-top: 25px; } }
.zoomContainer {
z-index: 1 !important; }
.zoomContainer .zoomLens {
z-index: 2 !important; }
.zoomWindowContainer > div {
border-width: 2px !important;
border-color: #e2e2e2 !important; }
.product-gallery > .row {
margin-left: -5px;
margin-right: -5px; }
.product-gallery .cart-button {
position: absolute;
z-index: 99;
right: 20px;
bottom: 15px;
width: 46px;
display: inline-block; }
.product-gallery .cart-button .btn-icon + .btn-icon {
margin-top: 5px; }
.product-gallery .image-thumb .bx-wrapper .bx-viewport {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box; }
.product-gallery .image-thumb li a {
border: none;
background: #f7f7f7;
text-align: center;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
display: block; }
@media (min-width: 1200px) {
.product-gallery .image-thumb li a:hover, .product-gallery .image-thumb li a.zoomGalleryActive {
background: #eaeaea; } }
.product-gallery .bx-viewport {
margin-top: 21px;
margin-bottom: 21px; }
.image-additional {
margin: 0 -10px 0 0;
padding: 0 10px 0 0;
list-style-type: none; }
.product-reviews input[type="radio"] {
display: inline;
outline: none; }
.product-reviews input[type="radio"]:focus {
outline: none; }
.product-reviews .review-item {
margin-bottom: 2em; }
.review-score .fa-stack {
margin-bottom: 10px; }
.product-title {
margin: 0 0 20px;
color: #000; }
.reward-block span {
display: block;
font-family: "Roboto", sans-serif;
font-weight: 300; }
.reward-block span strong {
font-weight: 300; }
#product {
margin-top: 15px; }
#product .input-group[class*="col-"] {
padding-left: 15px;
padding-right: 15px; }
#product label {
font-weight: 300; }
#product label.control-label {
letter-spacing: .8px;
color: #a8a8a8; }
#product .quantity {
margin-top: 0; }
#product .quantity label {
margin-right: 10px; }
#product .quantity .counter, #product .quantity .counter:focus {
background: none; }
#product #button-cart {
margin: 0 0 10px;
padding: 18px 30px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; }
#product #button-cart .over, #product #button-cart .out {
line-height: 52px; }
#product .price-section {
margin-top: 17px; }
.quantity {
display: inline-block;
position: relative; }
.quantity > label {
font-family: "Roboto", sans-serif;
font-size: 14px;
font-weight: 300;
margin-bottom: 0; }
.quantity input[name*="quantity"] {
height: 27px;
padding-top: 2px;
padding-bottom: 1px; }
.quantity .counter {
position: absolute;
display: inline-block;
top: 0;
right: 0;
width: 13px;
height: 13px;
line-height: 6px;
vertical-align: top;
padding-top: 7px;
font-size: 11px; }
.quantity .counter.counter-minus {
top: auto;
bottom: 0;
padding: 0 0 7px; }
.polaroid {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: #f7f7f7;
padding: 0; }
.magnificent-viewport {
background: #f7f7f7; }
.general_info {
font-size: 14px;
margin-top: -2px;
line-height: 20px; }
.general_info h2.product-title {
padding-top: 5px;
margin-bottom: 3px; }
.general_info .price-section {
margin: 15px 0 0;
padding-bottom: 10px; }
.general_info .product-section {
padding: 10px 0; }
.general_info .product-section strong {
font-weight: 300; }
.general_info .product-section strong + span {
font-size: 14px;
color: #000; }
.general_info .product-section strong + span.stock {
color: green; }
.general_info a {
color: #000;
font-weight: bold; }
.general_info a:hover {
color: #ffd200; }
.option-color .control-label {
vertical-align: top;
line-height: 27px;
margin: 0 11px 0 0; }
.option-color > div {
display: inline-block; }
.option-color .radio {
margin: 0;
display: inline-block;
float: left;
width: auto;
margin-top: -2px; }
.option-color .radio + .radio {
margin: -2px 0 0 1px; }
.option-color .radio input[type="radio"] + label {
padding: 0;
background: none;
border: none;
line-height: 0;
position: relative; }
.option-color .radio input[type="radio"] + label img {
display: inline-block;
position: absolute;
top: 3px;
left: 3px;
z-index: 1;
max-width: 21px;
-webkit-border-radius: 11px;
-moz-border-radius: 11px;
border-radius: 11px; }
.option-color .radio input[type="radio"] + label:before {
display: none; }
.option-color .radio input[type="radio"] + label:after {
position: relative;
display: inline-block;
top: auto;
left: auto;
width: 27px;
height: 27px;
border: 2px solid #fff;
background: none;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px; }
.option-color .radio input[type="radio"]:checked + label:after {
border-color: #ffd200;
background: none; }
.option-color .text-danger {
width: 100%; }
.option-checkbox {
line-height: 14px; }
.option-checkbox label {
line-height: 16px;
display: inline-block; }
.option-checkbox > div {
display: inline-block;
width: 100%; }
.option-checkbox .checkbox {
margin: 0;
display: inline-block;
float: left;
width: auto; }
.option-checkbox .checkbox label {
color: #143546;
font-size: 12px;
font-family: "Roboto", sans-serif; }
.option-checkbox .checkbox label:before, .option-checkbox .checkbox label:after {
top: -1px;
left: 0; }
.option-checkbox .checkbox + .checkbox {
padding: 0;
margin: 0 0 0 10px; }
.option-checkbox .checkbox input[type="checkbox"] + label {
padding: 0 0 0 19px;
background: none;
border: none;
line-height: 14px;
position: relative; }
.option-radio {
line-height: 14px; }
.option-radio label {
line-height: 16px;
display: inline-block; }
.option-radio > div {
display: inline-block;
width: 100%; }
.option-radio .radio {
margin: 0;
display: inline-block;
float: left;
width: auto;
padding-top: 5px; }
.option-radio .radio label {
color: #143546;
font-size: 12px;
font-family: "Roboto", sans-serif; }
.option-radio .radio + .radio {
margin: 0 0 0 10px; }
.option-radio .radio input[type="radio"] + label {
padding: 0 0 0 19px;
background: none;
border: none;
line-height: 14px;
position: relative; }
.option-radio .radio input[type="radio"] + label:before {
top: -1px;
left: 0; }
.option-radio .radio input[type="radio"] + label:after {
top: 1px;
left: 2px; }
.option-select .sbHolder {
width: 170px;
display: inline-block; }
.option-select > .control-label {
vertical-align: top;
line-height: 33px;
margin: 0 12px 5px 0; }
[data-clear] + .product-layout {
clear: left; }
.product-video .r_frame {
position: relative;
padding-bottom: 50%; }
.product-video iframe {
position: absolute;
left: 0;
top: 0;
width: 100% !important;
height: 100% !important; }
/* =================== Sub Category on Category Page =================== */
.box-subcat {
padding: 0;
margin: 0;
list-style-type: none; }
.box-subcat li {
text-align: center;
margin-bottom: 15px; }
.box-subcat li .thumb {
padding: 10px 0; }
.box-subcat li .image {
overflow: hidden;
margin-bottom: 15px; }
.box-subcat li .image a {
display: block;
background: #f7f7f7;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; }
.box-subcat li .image a:hover {
background: #eaeaea; }
.box-subcat li .image img {
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
.box-subcat li.first-in-line {
clear: left; }
.box-subcat li:nth-child(6n+7) {
clear: left; }
@media (max-width: 767px) {
.box-subcat li {
text-align: left;
float: left;
width: 50%; }
.box-subcat li .thumb {
padding: 0;
position: relative; }
.box-subcat li .thumb:before, .box-subcat li .thumb:after {
display: table;
content: "";
line-height: 0; }
.box-subcat li .thumb:after {
clear: both; }
.box-subcat li .image {
display: inline-block;
float: left;
padding-right: 15px;
margin-bottom: 0;
width: 30%; }
.box-subcat li .name {
padding-top: 0;
border-top: none;
position: absolute;
top: 50%;
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
left: 30%; }
.box-subcat li:nth-child(2n+1) {
clear: both; }
#content .box-subcat [class*="col-sm-"] + [class*="col-sm-"] {
margin-top: 0; } }
@media (max-width: 550px) {
.box-subcat li {
width: 100%;
float: none;
clear: both; } }
/* =================== Product Filter =================== */
.button-view button + button {
margin-left: 1px; }
.button-view a, .button-view button {
font-size: 24px;
line-height: 35px;
height: 35px;
text-align: center;
display: inline-block;
color: #c8c8c8; }
.button-view .compare-total {
font-size: 24px; }
.button-view .compare-total:visited {
color: #c8c8c8; }
.button-view .compare-total:hover, .button-view .compare-total:focus, .button-view .compare-total:active {
color: #ffd200; }
@media (min-width: 768px) {
.button-view .compare-total span {
display: none; } }
@media (max-width: 767px) {
.button-view .compare-total:before {
display: none; } }
#list-view:hover,
#grid-view:hover,
#list-view.active,
#grid-view.active {
color: #ffd200; }
.product-filter {
background: #fff;
margin: 0 0 30px;
padding: 9px 0;
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2; }
.product-filter_elem {
float: left; }
.product-filter_elem .sbHolder, .product-filter_elem select {
height: 35px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding: 17 10px;
font-size: 12px;
line-height: 16px;
border-top: none;
border-bottom: none;
font-family: "Roboto", sans-serif;
font-weight: 300; }
.product-filter_elem .sbHolder .sbSelector, .product-filter_elem select .sbSelector {
padding: 17 10px; }
.product-filter_elem .sbHolder .sbToggle, .product-filter_elem select .sbToggle {
line-height: 35px; }
.product-filter_elem.sort .sbHolder, .product-filter_elem.show .sbHolder {
width: auto;
border-right: none; }
.product-filter_elem .sbSelector {
vertical-align: top; }
.product-filter .show .sbHolder {
width: 56px;
min-width: 56px; }
.product-filter .sort {
width: 31%; }
.product-filter .sort .sbHolder {
width: 126px; }
.product-filter label, .product-filter .sbHolder {
display: inline-block;
vertical-align: middle; }
.product-filter label {
margin: 0 5px 0 22px;
font-family: "Roboto", sans-serif; }
.product-filter label.control-label {
font-size: 14px;
padding-top: 2px; }
.results {
margin-top: 13px; }
.nav-cat {
margin-bottom: 13px; }
.nav-cat .nam-page {
margin: 5px 0 5px 10px; }
/* ======== Cart page ============= */
.checkout-cart #content h1, .account-wishlist #content h1, .product-compare #content h1 {
margin: 30px 0 50px; }
.checkout-cart #content .table a, .account-wishlist #content .table a, .product-compare #content .table a {
color: #a8a8a8;
text-transform: uppercase;
font-weight: 700; }
.checkout-cart #content .table a:hover, .account-wishlist #content .table a:hover, .product-compare #content .table a:hover {
color: #000; }
.checkout-cart #content .table p .link, .account-wishlist #content .table p .link, .product-compare #content .table p .link {
margin-top: 5px; }
.checkout-cart #content .table.table-bordered tr td:nth-child(2), .account-wishlist #content .table.table-bordered tr td:nth-child(2), .product-compare #content .table.table-bordered tr td:nth-child(2) {
min-width: 150px; }
.checkout-cart #content .table-custom .price, .account-wishlist #content .table-custom .price, .product-compare #content .table-custom .price {
font-weight: 700; }
.checkout-cart #content .table-custom td:first-child, .account-wishlist #content .table-custom td:first-child, .product-compare #content .table-custom td:first-child {
text-transform: uppercase;
color: #000; }
.checkout-cart #content .table-custom tr:last-child td, .account-wishlist #content .table-custom tr:last-child td, .product-compare #content .table-custom tr:last-child td {
font-weight: 700;
color: #000; }
.checkout-cart #content .table-custom tr:last-child .price, .account-wishlist #content .table-custom tr:last-child .price, .product-compare #content .table-custom tr:last-child .price {
color: #ffd200;
font-size: 28px; }
.checkout-cart #content .table td:nth-child(3) {
min-width: 150px; }
.checkout-checkout #content #collapse-checkout-option .col-sm-6 + .col-sm-6 > h2 {
margin-top: 25px; }
.checkout-checkout #content .table-responsive .table tfoot td:last-child {
color: #000; }
.checkout-checkout #content .table-responsive .table tfoot tr:last-child td {
font-size: 18px; }
.checkout-checkout #content .table-responsive .table tfoot tr:last-child td:last-child {
color: #ffd200;
font-family: "Roboto", sans-serif;
font-weight: 900; }
.account-wishlist .table.table-bordered tr td:nth-child(6) {
min-width: 150px; }
.link {
color: #ffd200;
font-size: 14px;
font-weight: 700; }
.link:focus, .link:visited {
color: #ffd200; }
.link:hover {
color: #000; }
@media (max-width: 767px) {
.cart-wrapper {
padding: 30px 0;
border-left: none;
border-right: none;
border-bottom: none; }
.button-view .compare-total {
line-height: 30px; }
.button-view .compare-total span {
font-size: 14px;
margin-left: 15px; } }
@media (max-width: 500px) {
.checkout-cart #content .table.table-bordered td:first-child, .checkout-cart #content .table.table-bordered td:nth-child(4) {
display: none; }
.account-wishlist #content .table td:first-child, .account-wishlist #content .table td:nth-child(3) {
display: none; } }
/* ======== BLOCK COMPARE ============= */
.product-compare #content .table td:first-child {
min-width: 15%;
background: #f7f7f7;
color: #000; }
.product-compare #content .product-thumb {
padding: 0 25px; }
.rating .review {
display: inline-block;
margin-left: 10px;
padding-left: 10px;
position: relative;
border-left: 1px solid #e2e2e2; }
.product-thumb .cart-remove-btn {
position: absolute;
font-size: 22px;
right: 0;
top: 0; }
@media (max-width: 1199px) {
.product-compare .table-responsive {
border: none;
overflow-x: scroll; }
.product-compare .table-responsive .table-bordered {
border: 2px solid #e2e2e2; }
.product-compare .table-responsive td + td {
min-width: 270px; } }
@media (max-width: 767px) {
.product-compare .table-responsive td + td {
min-width: inherit;
max-width: 170px; }
.rating .review {
display: block;
margin-left: 0;
padding-left: 0;
border: none; } }
/* =================== About Page =================== */
.extra-wrap {
overflow: hidden; }
.information-information #content h4, .information-information #content h5 {
margin: 0 0 20px;
line-height: normal;
text-transform: uppercase;
color: #ffd200; }
.information-information #content h4 a:hover, .information-information #content h5 a:hover {
color: #000; }
.information-information #content h3 {
text-transform: uppercase;
font-size: 34px;
line-height: 40px;
margin-bottom: 0; }
.information-information #content h3:after {
content: '';
height: 1px;
display: block;
background: #e2e2e2;
margin: 20px 0 40px; }
.information-information #content h3.clear {
margin-bottom: 30px; }
.information-information #content h3.clear:after {
display: none; }
.information-information #content h5 {
color: #ffd200; }
.information-information #content h1, .information-information #content h2, .information-information #content h3, .information-information #content h4, .information-information #content h5 {
font-weight: 500; }
.information-information #content * + h3 {
margin-top: 60px; }
.information-information #content p + h4 {
margin-top: 40px; }
@media (max-width: 767px) {
.information-information #content [class*="col-sm"] + [class*="col-sm"] {
margin-top: 30px; } }
/* =================== Count box =================== */
.count-box {
margin-top: 10px;
margin-bottom: 45px; }
.count-box strong {
display: block;
color: #ffd200;
font-weight: 500;
font-size: 56px;
line-height: 60px; }
/* =================== Icon box =================== */
.icon-box i {
display: inline-block;
width: 120px;
height: 120px;
line-height: 120px;
text-align: center;
font-size: 66px;
color: #fff;
background: #ffd200;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
margin-bottom: 25px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
/* =================== Testimonials =================== */
.testimonials blockquote {
border: none;
padding: 0; }
.testimonials blockquote:before {
content: '\e09d';
display: inline-block;
color: #ffd200;
font-size: 84px;
line-height: 100px;
font-family: "material-design";
margin-bottom: 20px; }
/* =================== Thumbnail =================== */
.thumbnail {
background: none;
border: none;
padding: 0;
margin: 0 auto 25px;
border-radius: 0;
overflow: hidden; }
.thumbnail img {
-moz-transition: 0.5s opacity ease;
-o-transition: 0.5s opacity ease;
-webkit-transition: 0.5s opacity ease;
transition: 0.5s opacity ease;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; }
.thumbnail a {
display: block;
max-width: 100%;
background: #fff;
border: 1px solid #e2e2e2;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
overflow: hidden; }
.thumbnail a:hover img {
opacity: .8; }
@media (max-width: 767px) {
.thumbnail a {
display: inline-block; } }
.img-thumbnail {
border: 0;
background-color: #f7f7f7;
padding: 0;
border-radius: 0; }
.table-bordered .img-thumbnail {
background-color: transparent; }
.human_info .thumbnail {
float: left;
margin-right: 20px; }
.human_info p {
margin: 0;
text-indent: 2em; }
.clear {
clear: both;
margin: 0;
padding: 0;
font-size: 0;
border: 0;
line-height: 0; }
@media (max-width: 500px) {
img.alignleft, .human_info .thumbnail {
float: none;
margin: 0 auto 20px; } }
/* =================== Delivery Page =================== */
.delivery_page {
text-align: center; }
.delivery_page .table {
border-top: 2px solid #e2e2e2;
text-align: left; }
.delivery_page .table tbody td:first-child {
color: #000; }
.delivery_page .table tbody td:last-child {
color: #000;
font-family: "Roboto", sans-serif;
font-weight: 900; }
.delivery_page .table tbody td {
min-width: 150px; }
/* =================== Terms and Conditions Page =================== */
.terms_conditions_page h4 {
position: relative;
padding-left: 50px; }
.terms_conditions_page h4:before {
content: '\e174';
position: absolute;
left: 0;
bottom: -7px;
color: #ffd200;
font-size: 34px;
line-height: 34px;
font-family: "material-design"; }
.terms_conditions_page p + h4 {
margin-top: 40px; }
/* =================== Privacy Policy =================== */
.privacy_page ol {
list-style-type: none;
counter-reset: list;
padding-left: 0; }
.privacy_page ol li {
counter-increment: list; }
.privacy_page ol li h4:before {
content: counter(list,decimal);
display: inline-block;
margin-right: 15px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background: #ffd200;
color: #fff;
font-size: 16px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.privacy_page ol li + li {
margin-top: 40px; }
.privacy_page ol li p {
font-family: "Roboto", sans-serif;
font-weight: 300; }
/* =================== Site Map Page =================== */
.site-map-page h5 {
margin: 0 0 20px;
line-height: normal;
color: #000; }
.site-map-page ul + h5 {
margin-top: 40px; }
.site-map-page #content ul {
list-style-type: none;
padding-left: 0; }
.site-map-page #content ul li {
position: relative;
line-height: 24px; }
.site-map-page #content ul li + li {
margin-top: 16px; }
.site-map-page #content ul.category-list {
position: relative; }
.site-map-page #content ul.category-list:before {
content: '';
position: absolute;
left: 0;
top: 12px;
bottom: 12px;
width: 1px;
background: #ffd200; }
.site-map-page #content ul.category-list .ul-with-ul:before, .site-map-page #content ul.category-list .ul-with-ul:after {
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
.site-map-page #content ul.category-list .ul-with-ul:before {
top: 12px; }
.site-map-page #content ul.category-list .ul-with-ul:after {
top: 6px; }
.site-map-page #content ul.category-list ul {
position: relative;
margin-top: 16px; }
.site-map-page #content ul.category-list ul:before {
content: '';
position: absolute;
left: 0;
top: 12px;
bottom: 12px;
width: 1px;
background: #e2e2e2; }
.site-map-page #content ul.category-list li {
position: relative;
padding-left: 60px; }
.site-map-page #content ul.category-list li:before {
content: '';
position: absolute;
top: 50%;
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
left: 0;
height: 1px;
width: 35px;
background: #e2e2e2; }
.site-map-page #content ul.category-list > li:after {
content: '';
position: absolute;
top: 50%;
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
left: 35px;
width: 12px;
height: 12px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; }
.site-map-page #content ul.category-list > li:before, .site-map-page #content ul.category-list > li:after {
background: #ffd200; }
@media (max-width: 767px) {
.site-map-page .col-sm-6 + .col-sm-6 {
margin-top: 30px; } }
@media (max-width: 479px) {
.site-map-page .col-xs-6 {
width: 100%;
float: none; }
.site-map-page .col-xs-6 + .col-xs-6 {
margin-top: 30px; } }
/* =================== Contact page =================== */
.contact_page .panel {
padding-top: 15px;
background-color: transparent;
border: none;
border-top: 2px solid #e2e2e2;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.contact_page .panel img {
background-color: transparent; }
.contact_page .panel-body {
padding-left: 0;
padding-right: 0; }
.contact_page .map {
border-top: 2px solid #e2e2e2;
margin-bottom: 30px; }
.contact_page .icon {
position: relative;
padding-left: 70px;
min-height: 55px;
display: block; }
.contact_page .icon[class*="fa-"]:before {
font-family: "FontAwesome"; }
.contact_page .icon:before {
position: absolute;
left: 0;
top: 0;
width: 55px;
height: 55px;
line-height: 55px;
text-align: center;
color: #ffd200;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: 2px solid #ffd200;
font-size: 26px; }
.contact_page .icon + .icon {
margin-top: 20px; }
.contact_page .logo-block {
padding: 10px 15px;
background: #000; }
.contact_page .col-sm-4:nth-child(3n-2) {
clear: both; }
.contact_page .col-sm-4:nth-child(n+4) {
margin-top: 15px; }
.contact_page .form-horizontal .form-group {
margin-left: 0;
margin-right: 0; }
.contact_page .form-horizontal .form-group label {
font-size: 14px;
text-transform: uppercase;
margin-bottom: 15px; }
@media (max-width: 767px) {
.contact_page .col-sm-4:nth-child(n+2) {
margin-top: 30px; } }
/* =================== Manufacturer List =================== */
.manufacturer-list:before, .manufacturer-list:after {
display: table;
content: "";
line-height: 0; }
.manufacturer-list:after {
clear: both; }
.manufacturer-list .manufacturer-heading {
font-weight: bold;
color: #000;
float: left;
display: block;
font-size: 25px;
text-align: center;
text-transform: uppercase;
width: 15%;
height: 50px;
line-height: 50px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.manufacturer-list .manufacturer-content {
padding: 12px 15px;
float: left;
width: 85%;
border-left: 1px solid #e2e2e2;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.manufacturer-list .manufacturer-content a {
white-space: nowrap; }
.manufacturer-list + .manufacturer-list {
border-top: 1px solid #e2e2e2; }
.brands {
background: #f7f7f7;
padding: 20px;
margin-bottom: 30px; }
/* =================== Account Page =================== */
.well {
background-color: #fff;
border: 1px solid #ddd;
border-top: 2px solid #e2e2e2;
margin-bottom: 30px;
padding: 30px;
border-radius: 0;
box-shadow: none; }
.well .heading {
margin-bottom: 20px; }
.well .heading:before, .well .heading:after {
display: table;
content: "";
line-height: 0; }
.well .heading:after {
clear: both; }
.well .heading i {
color: #ffd200;
float: left;
font-size: 56px;
margin-right: 14px;
line-height: 60px; }
.well .heading h2 {
font-size: 23px;
color: #000;
margin: 0 0 5px; }
.well .heading strong {
font-weight: normal;
font-style: italic; }
.well p {
border-bottom: 1px solid #e2e2e2;
padding: 20px 0; }
.well a {
display: inline-block;
margin-top: 20px; }
.account-account h3 {
text-transform: uppercase;
padding-bottom: 20px;
border-bottom: 1px solid #ffd200; }
.account-account h3 i {
margin-right: 5px;
font-size: 16px; }
@media (max-width: 767px) {
.account-account .col-sm-4 + .col-sm-4 {
margin-top: 30px; } }
.account-address .table, .account-address-delete .table {
width: 50%;
margin: 0 auto; }
@media (max-width: 991px) {
.account-address .table, .account-address-delete .table {
width: 100%; } }
@media (min-width: 768px) and (max-width: 991px) {
.well .heading {
text-align: center; }
.well .heading h2 {
font-size: 17px; }
.well .heading i {
float: none; } }
.datepicker .prev, .datepicker .next, .datepicker .day, .datepicker .year, .datepicker .month, .datepicker .picker-switch {
cursor: pointer;
-moz-transition: 0.3s all ease;
-o-transition: 0.3s all ease;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease; }
.datepicker .prev:hover, .datepicker .prev.active, .datepicker .next:hover, .datepicker .next.active, .datepicker .day:hover, .datepicker .day.active, .datepicker .year:hover, .datepicker .year.active, .datepicker .month:hover, .datepicker .month.active, .datepicker .picker-switch:hover, .datepicker .picker-switch.active {
color: #ffd200;
background: transparent; }
.datepicker th {
text-align: center; }
/* fixed colum left + content + right*/
@media (min-width: 768px) {
#column-left .product-layout .col-md-3 {
width: 100%; }
#column-left + #content .product-layout .col-md-3 {
width: 50%; }
#column-left + #content + #column-right .product-layout .col-md-3 {
width: 100%; }
#content + #column-right .product-layout .col-md-3 {
width: 100%; } }
input#input-voucher,
input#input-coupon {
width: 90%; }
#collapse-coupon .col-sm-2,
#collapse-voucher .col-sm-2 {
width: 100%;
float: none;
padding-left: 3px; }
/*========================================================
Footer
=========================================================*/
footer {
color: #a8a8a8;
font-size: 14px;
margin-top: 106px;
padding-bottom: 35px; }
footer .row-inner > div {
margin-bottom: 20px; }
footer h1 {
text-align: left;
margin-bottom: 5px; }
footer h1:after {
display: none; }
footer h3 {
color: #000;
font-size: 18px; }
footer .footer_box address + p {
margin-top: 6px; }
footer .footer_modules {
display: inline-block;
width: 100%;
margin-bottom: 10px; }
footer .sf-menu > li > a {
padding: 0;
font-size: 14px;
line-height: 16px; }
footer .sf-menu > li > a:before {
display: none; }
footer .box-heading {
margin-top: 0; }
footer .accordion-footer .box-heading {
margin-bottom: 25px;
font-weight: bold;
letter-spacing: .8px; }
footer ul li + li {
margin-top: 14px; }
footer ul {
line-height: 16px; }
footer a {
color: #a8a8a8; }
footer a:visited, footer a:focus {
color: #a8a8a8; }
footer a:hover {
color: #000; }
footer address {
margin-top: -10px;
margin-bottom: 0; }
footer address p {
line-height: 36px; }
footer p {
margin-bottom: 0;
font-weight: 400; }
footer p a {
font-weight: 400; }
footer p a:hover {
text-decoration: none; }
footer .module-social .social-block {
display: inline-block; }
.common-home footer {
margin-top: 58px; }
.account-account h3 {
padding-bottom: 0;
margin-bottom: 20px;
border-bottom: 0; }
.accordion-footer .col-inner .col-sm-2 {
width: 20%; }
.accordion-footer .col-inner .col-sm-3 {
width: 30%; }
.copyright {
color: #000;
line-height: 18px; }
.copyright a {
color: #000; }
.copyright a:visited, .copyright a:focus {
color: #000; }
.copyright a:hover {
color: #ffd200; }
/*========================================================
Responsive Footer
=========================================================*/
@media (min-width: 768px) and (max-width: 991px) {
footer {
padding-bottom: 20px; }
footer h3 {
font-size: 12px; }
footer .accordion-footer .box-heading {
margin-bottom: 15px;
letter-spacing: 0; }
footer ul li + li {
margin-top: 8px; }
footer address {
margin-top: -7px; }
footer address p {
line-height: 30px; }
.accordion-footer .col-inner .col-sm-2, .accordion-footer .col-inner .col-sm-3 {
width: 50%; }
.accordion-footer .col-inner [class*="col-sm-"] {
margin-bottom: 15px; } }
@media (min-width: 479px) and (max-width: 767px) {
footer [class*="col-xs"]:nth-child(2n-1) {
clear: both; } }
@media (max-width: 767px) {
footer {
margin-top: 15px; }
footer .box-heading + .box-content {
display: none; }
footer h1 {
text-align: center; }
footer > .container {
text-align: center; }
footer .row-inner > div {
margin-bottom: 0; }
footer .box-content {
margin-bottom: 30px; }
footer h3.box-heading span {
cursor: pointer; }
footer .module-social .social-block {
display: block; }
footer .accordion-footer {
padding-left: 20px;
padding-right: 20px;
margin-top: 10px; }
footer .accordion-footer .col-xs-6 {
padding-left: 0;
padding-right: 0;
display: inline-block;
width: 100%; }
footer .accordion-footer .col-xs-6 .box-heading {
padding-top: 16px;
margin-bottom: 18px; }
footer .accordion-footer .col-xs-6 + .col-xs-6 {
border-top: 1px solid rgba(255, 255, 255, 0.3); }
.common-home footer {
margin-top: 15px; }
.copyright {
margin-bottom: 40px; }
.accordion-footer .col-inner .col-sm-2, .accordion-footer .col-inner .col-sm-3 {
width: 100%; } }
@media (max-width: 480px) {
footer [class*="col-xs"] {
float: none;
width: 100%; }
footer {
padding-bottom: 20px; }
footer h3 {
font-size: 16px; }
footer .accordion-footer .box-heading {
letter-spacing: 0;
margin-bottom: 20px; } }
/*
* @subsection ToTop
* @license MIT license - http://opensource.org/licenses/MIT
* @version 1.0.0
*/
.ui-to-top {
width: 44px;
height: 44px;
font-size: 34px;
line-height: 40px;
color: #000;
background: rgba(255, 255, 255, 0.2);
border: 2px solid #000;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
position: fixed;
right: 20px;
bottom: 20px;
overflow: hidden;
text-align: center;
text-decoration: none;
z-index: 20;
-moz-transform: translateY(120px) scale(0);
-ms-transform: translateY(120px) scale(0);
-o-transform: translateY(120px) scale(0);
-webkit-transform: translateY(120px) scale(0);
transform: translateY(120px) scale(0); }
.ui-to-top, .ui-to-top:visited {
color: #000; }
.ui-to-top:focus, .ui-to-top:hover {
color: #ffd200; }
.ui-to-top:hover {
color: #ffd200;
background: rgba(255, 255, 255, 0.2);
border-color: #000; }
.ui-to-top.active {
-moz-transform: translateY(0px) scale(1);
-ms-transform: translateY(0px) scale(1);
-o-transform: translateY(0px) scale(1);
-webkit-transform: translateY(0px) scale(1);
transform: translateY(0px) scale(1); }
.mobile .ui-to-top,
.tablet .ui-to-top {
display: none !important; }
@media (min-width: 480px) {
.ui-to-top {
right: 25px;
bottom: 60px; } }
/*========================================================
Responsive Styles
=========================================================*/
@media (min-width: 1200px) {
.container {
width: 1200px; } }
@media (max-width: 1199px) {
.table th, .table td {
padding: 8px; }
h1, h2, h3, h4, h5, h6 {
letter-spacing: .6px; } }
@media (min-width: 992px) and (max-width: 1199px) {
.product-filter .sort {
width: 40%; } }
@media (min-width: 768px) and (max-width: 991px) {
.product-filter .sort {
width: 50%; }
.product-spec .table td span {
width: 40%; }
.product-spec .table td span + span {
width: 60%; } }
@media (max-width: 767px) {
.common-home #content {
padding-bottom: 0; }
.breadcrumb {
margin-top: 10px; }
.product-spec .table td {
padding: 15px 12px; }
.product-spec .table td span {
width: 100%; }
.product-spec .table td span + span {
width: 100%; }
.row {
margin-left: -20px;
margin-right: -20px; }
.container {
padding-left: 20px;
padding-right: 20px; }
select {
display: block !important; }
.product-filter select {
display: inline-block !important; }
.product-filter .show select {
width: auto; }
.sbHolder {
display: none !important; }
.table-responsive {
border: none; }
.table-responsive .table-bordered {
border: 2px solid #e2e2e2; }
.delivery_page .table {
font-size: 13px; }
.product-filter .sort {
width: auto;
padding-left: 10px; }
.product-filter .sort .sbHolder, .product-filter .sort select {
width: 200px; }
.product-filter .sort label {
display: inline-block; }
.image {
text-align: center; }
}
@media (max-width: 600px) {
.product-filter {
background: none;
width: 75%;
margin-left: auto;
margin-right: auto; }
.product-filter .sort {
width: 100%;
padding-left: 0;
margin-bottom: 15px; }
.product-filter_elem, .product-filter_elem.pull-right {
float: none !important; }
.product-filter .product-filter_elem {
margin-bottom: 10px;
text-align: center; }
.product-filter .product-filter_elem:before, .product-filter .product-filter_elem:after {
display: table;
content: "";
line-height: 0; }
.product-filter .product-filter_elem:after {
clear: both; }
.product-filter .product-filter_elem label {
margin-top: 5px;
float: left;
text-align: left;
width: 50%;
margin-right: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-right: 15px; }
.product-filter .product-filter_elem select {
display: block !important;
width: 90%;
float: left;
margin-top: 0.4em;
}
.product-filter_elem.show select {
border-right: none; }
.product-filter .compare-total {
border-right: none;
width: auto; }
.product-filter .compare-total:before {
display: none; }
.product-filter .compare-total span {
display: inline-block; } }
@media (max-width: 580px) {
.panel-group .panel .input-group,
.panel-group .panel .input-group-btn,
.panel-group .panel input#input-voucher,
.panel-group .panel input#input-coupon,
.panel-group .panel input#button-voucher,
.panel-group .panel input#button-coupon {
width: 100%; }
.panel-group .panel .input-group-btn {
float: left;
margin-top: 5px; }
h1 {
font-size: 18px;
line-height: 30px; } }
@media (max-width: 479px) {
#habla_beta_container_do_not_rely_on_div_classes_or_names {
display: none !important; }
.product-filter {
width: 100%; }
.product-options .option-radio .radio + .radio, .product-options .option-radio .radio {
margin: 0 10px 5px 0; } }
@media (max-width: 410px) {
#accordion .table td,
#accordion .table thead td {
font-size: 9px;
word-wrap: break-word; } }
@media (max-width: 370px) {
.delivery_page .table td,
.delivery_page .table th {
padding: 6px; } }
.nav_blocks > div.nav_block-big {
height: 550px;
overflow: hidden;
}
.nav_blocks > div.nav_block-big img,
.nav_blocks > div.nav_block-small img,
.nav_blocks .nav_block-right-1 img,
.nav_blocks .nav_block-right-2 img {
object-fit: cover;
color: transparent;
background-color: transparent;
position: relative;
z-index: 2;
}
.nav_blocks .nav_block-right-1 img::before,
.nav_blocks .nav_block-right-2 img::before,
.nav_blocks .nav_block-right-1 img::after,
.nav_blocks .nav_block-right-2 img::after {
color: transparent;
background: transparent;
}
.nav_blocks > div.nav_block-small {
height: 274px;
overflow: hidden;
background-color: #e8e8e8;
}
.nav_block-right-1, .nav_block-right-2 {
height: 274px;
overflow: hidden;
background-color: #e8e8e8;
}
.nav_blocks > div .nav_block-box {
height: 100%;
}
.nav_block-right-1::before,
.nav_block-right-2::before,
.nav_blocks > div.nav_block-big::before,
.nav_blocks > div.nav_block-small::before {
content: '\f030';
font-family: FontAwesome;
color: #fff;
display: block;
font-size: 4.5vw;
position: absolute;
right: 20px;
bottom: 20px;
z-index: 2;
line-height: 0.8em;
opacity: 0.25;
}
@media (max-width: 1279px) {
.nav_blocks > div.nav_block-big {
height: 470px;
}
.nav_blocks > div.nav_block-small,
.nav_block-right-1,
.nav_block-right-2 {
height: 234px;
}
}
@media (max-width: 991px) {
.nav_blocks > div.nav_block-big {
height: 360px;
}
.nav_blocks > div.nav_block-small,
.nav_block-right-1,
.nav_block-right-2 {
height: 179px;
}
}
@media (max-width: 768px) {
.nav_blocks > div.nav_block-small,
.nav_block-right-1,
.nav_block-right-2,
.nav_blocks > div.nav_block-big {
height: 260px;
}
}
.product-thumb {
height: 330px;
width: 288px;
}
table[border="1"] td,
table[border="1"] th {padding: 6px;}
table[border="1"] p:last-of-type {margin: 0;}
table[border="1"] b:empty {display: none;}
/*** HEADER ***/
header .tfl__link-container {font-size: 14px;}
header .menu__item a {font-size: 13px;}
header .logo {height: 70px;}
header .col-info {font-size: 14px;}
header .col-info .phone {font-size: 23px;}
header .login svg {vertical-align: middle;}
/*
Баннеры под слайдером
*/
:root{
--primary-color: #FFD200;
--transition-banner: 0.4s;
};
.banners-wrap {}
.banners-row {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 30px;
}
.banners-item {position: relative; overflow: hidden;}
.banners-item__img {height: 150px; position: relative; z-index: 1; overflow: hidden;}
.banners-item__img img {display: block; width: 100%; height: 100%;
object-fit: cover;
object-position: center center;
}
.banners-item__title {color: #000; font-weight: bold; font-size: 22px; line-height: 1.3; position: absolute; inset: 15px 17px; z-index: 2;
transition: var(--transition-banner);
}
.banners-item__title span {display: table; background: var(--primary-color); padding: 0 10px; margin: 0 0 5px;}
.banners-item__category {position: absolute; inset: 0; z-index: 2; padding: 15px; transform: translateX(-120%);
background: linear-gradient(90.12deg, #000000 0.11%,
rgba(0, 0, 0, 0.89) 35.98%,
rgba(0, 0, 0, 0.600233) 67.16%,
rgba(0, 0, 0, 0.0206976) 99.91%);
transition: var(--transition-banner);
}
.banners-item__category li {position: relative;
display: flex;
}
.banners-item__category li:before {display: inline-block; margin: 0 4px 0 0;
content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDcgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMC45Njk2NyAwLjQ2OTY3QzEuMjYyNTYgMC4xNzY3NzcgMS43Mzc0NCAwLjE3Njc3NyAyLjAzMDMzIDAuNDY5NjdMNi4wMzAzMyA0LjQ2OTY3QzYuMzIzMjIgNC43NjI1NiA2LjMyMzIyIDUuMjM3NDQgNi4wMzAzMyA1LjUzMDMzTDIuMDMwMzMgOS41MzAzM0MxLjczNzQ0IDkuODIzMjIgMS4yNjI1NiA5LjgyMzIyIDAuOTY5NjcgOS41MzAzM0MwLjY3Njc3NyA5LjIzNzQ0IDAuNjc2Nzc3IDguNzYyNTYgMC45Njk2NyA4LjQ2OTY3TDQuNDM5MzQgNUwwLjk2OTY3IDEuNTMwMzNDMC42NzY3NzcgMS4yMzc0NCAwLjY3Njc3NyAwLjc2MjU2MyAwLjk2OTY3IDAuNDY5NjdaIiBmaWxsPSIjRkZEMjAwIi8+Cjwvc3ZnPgo=");
}
.banners-item__category a {color: #fff !important; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.banners-item__category a:hover {
color: var(--primary-color) !important;
}
.banners-item__link {width: 24px; height: 24px; background: var(--primary-color); border-radius: 40px; position: absolute; right: 13px; bottom: 13px; z-index: 4;
transition: var(--transition-banner);
display: flex;
}
.banners-item__link svg {display: block; margin: auto; position: relative; right: -1px;}
.banners-item:hover {}
.banners-item:hover .banners-item__title {transform: translateX(120%);}
.banners-item:hover .banners-item__category {transform: translateX(0);}
.banners-item:hover .banners-item__link {transform: scale(1.2);}
@media only screen and (max-width: 1024px){
.banners-row {
grid-gap: 10px;
}
.banners-item__title {font-size: 18px}
}
@media only screen and (max-width: 767px){
.banners-row {
grid-template-columns: repeat(2, 1fr);
grid-gap: 5px;
}
}
@media only screen and (max-width: 460px){
.banners-row {
grid-template-columns: repeat(1, 1fr);
}
}
/* End */
/* Start:/bitrix/templates/mallstroyhead/css/color_schemes/color_scheme_4.css?161495190015898*/
input[type="checkbox"] + label:after,
.count-box strong,
.testimonials blockquote:before,
.terms_conditions_page h4:before,
.contact_page .icon:before,
aside #blog-search a:hover,
.link,
.agree:hover b,
.checkout-checkout #content .table-responsive .table tfoot tr:last-child td:last-child,
#style_switcher .toggler:hover {
color: #ffd200; }
.icon-box i,
.privacy_page ol li h4:before {
background-color: #ffd200; }
.contact_page .icon:before {
border-color: #ffd200; }
h1, h2, h3, h4, h5, h6 {
color: #000000; }
a {
color: #000000; }
a:visited, a:focus {
color: #000000; }
a:hover {
color: #ffd200; }
.logo-block,
.article-image:before,
.article-image:after,
.article-image a:before,
.article-image a:after {
background-color: #000000; }
nav .toggle {
color: #000000;
background: #fff; }
nav .toggle:hover, nav .toggle.active {
color: #ffd200;
background: #000000; }
.box-language .btn-group span:hover, .box-language .btn-group span:focus, .box-language .btn-group span:active, .box-language .btn-group span.sfHover,
.box-currency .btn-group span:hover,
.box-currency .btn-group span:focus,
.box-currency .btn-group span:active,
.box-currency .btn-group span.sfHover {
color: #ffd200; }
.box-language .dropdown-menu li button, .box-language .dropdown-menu li a,
.box-currency .dropdown-menu li button,
.box-currency .dropdown-menu li a {
color: #a8a8a8; }
.box-language .dropdown-menu li button:visited, .box-language .dropdown-menu li a:visited,
.box-currency .dropdown-menu li button:visited,
.box-currency .dropdown-menu li a:visited {
color: #a8a8a8; }
.box-language .dropdown-menu li button:hover, .box-language .dropdown-menu li button:focus, .box-language .dropdown-menu li button:active, .box-language .dropdown-menu li button.selected, .box-language .dropdown-menu li a:hover, .box-language .dropdown-menu li a:focus, .box-language .dropdown-menu li a:active, .box-language .dropdown-menu li a.selected,
.box-currency .dropdown-menu li button:hover,
.box-currency .dropdown-menu li button:focus,
.box-currency .dropdown-menu li button:active,
.box-currency .dropdown-menu li button.selected,
.box-currency .dropdown-menu li a:hover,
.box-currency .dropdown-menu li a:focus,
.box-currency .dropdown-menu li a:active,
.box-currency .dropdown-menu li a.selected {
color: #000000; }
.lookbook [data-marker] > i, .lookbook [data-marker] .close-btn {
background: #ffd200; }
.lookbook .marker__cnt {
border-color: #ffd200; }
.lookbook [data-mapid]:not(area).active .img-block {
box-shadow: 0 0 0 3px #ffd200; }
.toggle_cont {
color: #000000; }
.toggle_cont > li > a, .toggle_cont > li > button {
color: #000000; }
.toggle_cont > li > a:visited, .toggle_cont > li > button:visited {
color: #000000; }
.toggle_cont > li > a:hover, .toggle_cont > li > a:focus, .toggle_cont > li > a:active, .toggle_cont > li > button:hover, .toggle_cont > li > button:focus, .toggle_cont > li > button:active {
color: #ffd200; }
.btn, .btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
color: #fff;
background: #000000; }
.btn:visited, .btn-default:visited, .btn-primary:visited, .btn-success:visited, .btn-info:visited, .btn-warning:visited, .btn-danger:visited {
color: #fff;
background: #000000; }
.btn:hover, .btn:focus, .btn:active, .btn:visited:hover, .btn:focus:active, .btn:active:focus, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default:visited:hover, .btn-default:focus:active, .btn-default:active:focus, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:visited:hover, .btn-primary:focus:active, .btn-primary:active:focus, .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success:visited:hover, .btn-success:focus:active, .btn-success:active:focus, .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info:visited:hover, .btn-info:focus:active, .btn-info:active:focus, .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning:visited:hover, .btn-warning:focus:active, .btn-warning:active:focus, .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger:visited:hover, .btn-danger:focus:active, .btn-danger:active:focus {
color: #ffd200;
background: #000000; }
.btn-primary {
color: #000000;
background: #ffd200; }
.btn-primary:visited {
color: #000000;
background: #ffd200; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:visited:hover, .btn-primary:focus:active, .btn-primary:active:focus {
color: #ffd200;
background: #000000; }
.article-comment .reply-message a {
color: #000000; }
.article-comment .reply-message a:hover {
color: #ffd200; }
.cart-remove-btn, .cart-remove-btn:visited {
color: #ffd200; }
.cart-remove-btn:hover, .cart-remove-btn:visited:hover {
color: #000000; }
.site-map-page h5 {
color: #000000; }
.site-map-page #content ul.category-list:before {
background: #ffd200; }
.site-map-page #content ul.category-list > li:before, .site-map-page #content ul.category-list > li:after {
background: #ffd200; }
.camera_caption {
color: #000000; }
.camera_caption .btn {
color: #000000;
border-color: #000000; }
.camera_caption .btn:visited {
color: #000000;
border-color: #000000; }
.camera_caption .btn:hover, .camera_caption .btn:focus, .camera_caption .btn:active, .camera_caption .btn:visited:hover, .camera_caption .btn:focus:active, .camera_caption .btn:active:focus {
color: #fff;
background: transparent;
border-color: #000000; }
.camera_caption .btn:before {
background: #000000; }
.camera_caption .btn:hover:before {
background-color: #000000; }
.camera_caption .slide-sale {
background: #ffd200; }
.camera_wrap .camera_thumbs_cont li:before {
border-color: transparent; }
.camera_wrap .camera_thumbs_cont li.cameracurrent:before, .camera_wrap .camera_thumbs_cont li:hover:before {
border-color: #000000; }
.megamenu {
background: #000000; }
.sf-menu > li > a:before {
background: #ffd200; }
.sf-menu > li.sfHover > a, .sf-menu > li > a:hover, .sf-menu > li > a.active {
color: #000000;
background: none; }
.sf-menu > li.sfHover > a:before, .sf-menu > li > a:hover:before, .sf-menu > li > a.active:before {
background-color: #ffd200; }
.sf-menu .submenu_title > a {
color: #000000; }
.sf-menu .submenu_title > a:visited {
color: #000000; }
.sf-menu .submenu_title > a:hover, .sf-menu .submenu_title > a:focus, .sf-menu .submenu_title > a:active, .sf-menu .submenu_title > a.active {
color: #ffd200; }
.sf-menu .submenu_title + ul li > a, .sf-menu .submenu_title + ul li > a:visited {
color: #a8a8a8; }
.sf-menu .submenu_title + ul li.sfHover > a, .sf-menu .submenu_title + ul li > a:hover, .sf-menu .submenu_title + ul li > a:focus, .sf-menu .submenu_title + ul li > a:active, .sf-menu .submenu_title + ul li > a.active {
color: #000000; }
.banners > div .s-desc ul a:hover, .banners > div .s-desc ul a:focus, .banners > div .s-desc ul a:active {
color: #ffd200; }
.btn-icon {
background: #000000; }
.btn-icon:visited {
background: #000000; }
.btn-icon:hover, .btn-icon:focus, .btn-icon:active {
color: #ffd200;
background: #000000; }
.sale, .discount {
background: #ffd200; }
.new-pr {
background: #000000; }
.search button {
color: #fff;
background: #000000; }
.search button:focus, .search button:active {
color: #fff; }
.search button:hover, .search button:focus:hover, .search button:active:hover {
color: #ffd200; }
.lookbook-list {
background: #ffd200; }
.article-image a:hover:before {
border-color: #000000; }
.article-title a {
color: #000000; }
.article-title a:visited {
color: #000000; }
.article-title a:hover, .article-title a:active, .article-title a:focus {
color: #ffd200; }
.article-date a:hover, .article-comments a:hover, .article-author a:hover {
color: #ffd200; }
.newsletter {
background-color: #000000; }
.newsletter .btn-primary:hover, .newsletter .btn-primary:focus, .newsletter .btn-primary:active, .newsletter .btn-primary:visited:hover, .newsletter .btn-primary:focus:active, .newsletter .btn-primary:active:focus {
background: #262626; }
footer h3 {
color: #000000; }
footer a {
color: #a8a8a8; }
footer a:visited, footer a:focus {
color: #a8a8a8; }
footer a:hover {
color: #000000; }
.copyright {
color: #000000; }
.copyright a {
color: #000000; }
.copyright a:visited, .copyright a:focus {
color: #000000; }
.copyright a:hover {
color: #ffd200; }
.breadcrumb a {
color: #000000; }
.breadcrumb a:hover {
color: #ffd200; }
.breadcrumb a:hover i {
color: #ffd200; }
.breadcrumb i {
color: #000000; }
.social-block a {
color: #000000; }
.social-block a:visited, .social-block a:focus {
color: #000000; }
.social-block a:hover {
color: #ffd200; }
.ui-to-top {
color: #000000;
border-color: #000000; }
.ui-to-top, .ui-to-top:visited {
color: #000000; }
.ui-to-top:focus, .ui-to-top:hover {
color: #ffd200; }
.ui-to-top:hover {
color: #ffd200;
border-color: #000000; }
.sbToggle:hover {
color: #ffd200; }
.cart .toggle_cont .btn-primary {
color: #000000;
background: #ffd200; }
.cart .toggle_cont .btn-primary:visited {
color: #000000;
background: #ffd200; }
.cart .toggle_cont .btn-primary:hover, .cart .toggle_cont .btn-primary:focus, .cart .toggle_cont .btn-primary:active, .cart .toggle_cont .btn-primary:visited:hover, .cart .toggle_cont .btn-primary:focus:active, .cart .toggle_cont .btn-primary:active:focus {
color: #ffd200;
background: #000000; }
.sbOptions li a:hover {
color: #ffd200; }
.ajax-quickview-images .next-img:hover,
.ajax-quickview-images .prev-img:hover {
background: #ffd200; }
.product-btn:hover, .product-btn:focus, .product-btn:active {
color: #ffd200; }
.product-btn:hover i, .product-btn:focus i, .product-btn:active i {
color: #ffd200; }
div.mfilter-content-opts .mfilter-options .mfilter-search #mfilter-opts-search_button {
color: #000000; }
div.mfilter-content-opts .mfilter-options .mfilter-search #mfilter-opts-search_button:hover {
color: #ffd200; }
div.mfilter-content-opts .mfilter-options .mfilter-price {
color: #000000; }
div.mfilter-content-opts .mfilter-options .mfilter-price input[type="text"], div.mfilter-content-opts .mfilter-options .mfilter-price #mfilter-opts-price-min, div.mfilter-content-opts .mfilter-options .mfilter-price #mfilter-opts-price-max {
color: #000000; }
div.mfilter-content-opts .mfilter-options .mfilter-price .mfilter-slider-slider .ui-slider-range, div.mfilter-content-opts .mfilter-options .mfilter-price #mfilter-price-slider .ui-slider-range {
background: #ffd200 !important; }
div.mfilter-content-opts .mfilter-options .mfilter-price .mfilter-slider-slider .ui-slider-handle, div.mfilter-content-opts .mfilter-options .mfilter-price #mfilter-price-slider .ui-slider-handle {
background: #ffd200 !important; }
div.mfilter-heading {
color: #000000; }
div.mfilter-heading .mfilter-head-icon {
color: #000000; }
div.mfilter-heading .mfilter-head-icon:hover {
color: #ffd200; }
.mfilter-option > div input[type="checkbox"]:checked:before {
background: #ffd200;
border-color: #ffd200; }
.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus {
color: #ffd200; }
.pagination > li.active > a, .pagination > li.active > a:hover, .pagination > li.active > a:focus, .pagination > li.active > span, .pagination > li.active > span:hover, .pagination > li.active > span:focus {
color: #ffd200; }
.product-gallery .image-thumb .bx-wrapper .bx-prev:hover, .product-gallery .image-thumb .bx-wrapper .bx-next:hover {
color: #ffd200; }
.iScrollIndicator {
background-color: #ffd200 !important; }
#list-view:hover,
#grid-view:hover,
#list-view.active,
#grid-view.active,
.button-view .compare-total:hover,
.button-view .compare-total:focus,
.button-view .compare-total:active {
color: #ffd200; }
.general_info .product-section strong + span {
color: #000000; }
.general_info a {
color: #000000; }
.general_info a:hover {
color: #ffd200; }
input[type="radio"]:checked + label:after {
background-color: #ffd200; }
.product-rating-status .review-link-show a {
color: #a8a8a8; }
.product-rating-status .review-link-show a:visited, .product-rating-status .review-link-show a:focus {
color: #a8a8a8; }
.product-rating-status .review-link-show a:hover {
color: #ffd200; }
.product_tabs .nav-tabs > li > a, .product_tabs .nav-tabs > li > a:focus {
color: #000000; }
.product_tabs .nav-tabs > li.active > a, .product_tabs .nav-tabs > li > a:hover {
color: #fff;
background: #000000; }
.module_tab .nav-tabs > li > a, .module_tab .nav-tabs > li > a:focus {
color: #000000; }
.module_tab .nav-tabs > li.active > a, .module_tab .nav-tabs > li > a:hover {
color: #000000;
background: #ffd200; }
.owl-carousel .owl-nav div:hover {
background: #ffd200; }
.checkout-cart #content .table a:hover, .account-wishlist #content .table a:hover, .product-compare #content .table a:hover {
color: #000000; }
.checkout-cart #content .table-custom td:first-child, .account-wishlist #content .table-custom td:first-child, .product-compare #content .table-custom td:first-child {
color: #000000; }
.checkout-cart #content .table-custom tr:last-child td, .account-wishlist #content .table-custom tr:last-child td, .product-compare #content .table-custom tr:last-child td {
color: #000000; }
.checkout-cart #content .table-custom tr:last-child .price, .account-wishlist #content .table-custom tr:last-child .price, .product-compare #content .table-custom tr:last-child .price {
color: #ffd200; }
.datepicker .prev:hover, .datepicker .prev.active, .datepicker .next:hover, .datepicker .next.active, .datepicker .day:hover, .datepicker .day.active, .datepicker .year:hover, .datepicker .year.active, .datepicker .month:hover, .datepicker .month.active, .datepicker .picker-switch:hover, .datepicker .picker-switch.active {
color: #ffd200; }
.bootstrap-datetimepicker-widget td.day:hover,
.bootstrap-datetimepicker-widget td.minute:hover,
.bootstrap-datetimepicker-widget td.hour:hover,
.bootstrap-datetimepicker-widget td.second:hover,
.bootstrap-datetimepicker-widget thead tr:first-child th:hover,
.bootstrap-datetimepicker-widget td span:hover {
color: #ffd200; }
.bootstrap-datetimepicker-widget td.day.active, .bootstrap-datetimepicker-widget td.day.active:hover,
.bootstrap-datetimepicker-widget td.minute.active,
.bootstrap-datetimepicker-widget td.minute.active:hover,
.bootstrap-datetimepicker-widget td.hour.active,
.bootstrap-datetimepicker-widget td.hour.active:hover,
.bootstrap-datetimepicker-widget td.second.active,
.bootstrap-datetimepicker-widget td.second.active:hover,
.bootstrap-datetimepicker-widget thead tr:first-child th.active,
.bootstrap-datetimepicker-widget thead tr:first-child th.active:hover,
.bootstrap-datetimepicker-widget td span.active,
.bootstrap-datetimepicker-widget td span.active:hover {
color: #fff;
background-color: #ffd200; }
.bootstrap-datetimepicker-widget a[data-action]:hover,
.bootstrap-datetimepicker-widget .timepicker td > span:hover {
color: #ffd200; }
.rd-mobilemenu_ul a:hover {
background: #ffd200; }
.box-cart .btn-danger, .box-cart .btn-danger:focus {
color: #000000; }
.box-cart .btn-danger:hover, .box-cart .btn-danger:focus:hover {
color: #ffd200; }
.cart > button {
color: #000000;
background: #ffd200; }
.cart > button .cart-total2 {
background: #ffd200; }
.cart > button:hover, .cart > button.active {
color: #ffd200;
background: #000000; }
/* End */
/* Start:/bitrix/templates/mallstroyhead/css/homebuilder.css?16149519001715*/
.tm-parallax {
background-size: cover;
background-attachment: fixed;
background-position: center center;
position: relative;
}
.tm-parallax:before{
background: url(/bitrix/templates/mallstroyhead/css/admin/images/pattern.png);
content: "";
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 0;
opacity: 0.8;
}
/**
* Suffix classes for make owner style for row and column. this will load automatic in setting form.
* format: .tm-col.YOUR_SUFFIX_CLASS , .tm-row.YOUR_SUFFIX_CLASS;
*/
/* widget load prestashop module **/
.widget-inner > [class*="col-"]{
width: 100%!important;
padding-left:0!important;
padding-right: 0!important;
}
/* column style */
.tm-col.default{
}
.tm-col.primary{
}
.tm-col.success{
}
.tm-col.info{
}
.tm-col.warning{
}
.tm-col.danger{
}
.tm-col.highlighted{
}
/* row style */
.tm-row.default{
}
.tm-row.primary{
}
.tm-row.success{
}
.tm-row.info{
}
.tm-row.warning{
}
.tm-row.danger{
}
.tm-row.highlighted{
}
.widget.default{
}
.widget.primary{
}
.widget.danger{
}
.widget.info{
}
.widget.warning{
}
.widget.highlighted{
}
/**
* Widget Styles
*/
/* Separator style */
.widget-separator .w_text_separator {
float: left;
height: 2px;
position: relative;
width: 100%;
background-color: #797C85;
}
.widget-separator .w_text_separator .text_separ {
position: absolute;
padding: 0 1px;
width: 50px;
top: -9px;
margin: 0 auto;
text-align: center;
background-color: #ffffff;
font-size: 15px;
font-family: monospace;
}
.widget-separator .separator_align_center {
left: 0;
right: 0;
}
.widget-separator .separator_align_left {
left: 0;
}
.widget-separator .separator_align_right {
right: 0;
}
/* End */
/* Start:/bitrix/templates/mallstroyhead/components/twofingers/location/mallstroy/style.css?16194645507798*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin,cyrillic);
.tfl__link-container:hover,
.tfl__link-container{
text-decoration:none;
display: inline-block;
}
.tfl__link:hover,
.tfl__link {
border-bottom:1px dashed;
cursor: pointer;
}
.tfl__link-label{
margin-right: 5px;
}
.tfl__link.tfl__link_order {
font-weight: bold;
line-height: 2;
}
.tfl-define-popup{
background-color: #fff;
text-align: center;
}
.tfl-define-popup__desktop{
border-radius: 0.3em;
-webkit-box-shadow: -1px 2px 13px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow: -1px 2px 13px 0px rgba(0, 0, 0, 0.25);
box-shadow: -1px 2px 13px 0px rgba(0, 0, 0, 0.25);
transform: translateX(-50%);
z-index: 1001;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
position: absolute;
width: 24rem;
}
.tfl-define-popup__mobile{
width: 100%;
position: relative;
z-index: 9999999;
border-radius: 0!important;
}
.tfl-define-popup__mobile .tfl-define-popup__buttons{
border-radius: 0!important;
}
.tfl-define-popup__desktop:before{
position: absolute;
width: 11px;
height: 11px;
transform: rotate(45deg);
content: '';
background-color: #fff;
left: calc(50% - 5px);
top: -5px;
}
.tfl-define-popup__text{
padding: 1.5em 2em;
}
.tfl-define-popup__buttons{
text-align: center;
font-size: 0.85em;
overflow: hidden;
}
.tfl-define-popup__button{
width: 50%;
display: block;
padding: 1rem 2rem;
float: left;
box-sizing: border-box;
}
.tfl-define-popup__main{
font-weight: bold;
}
.tfl-define-popup__second{
background-color: #f5f5f5;
}
.tfl-popup{
/*display: none;*/
position: fixed;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color: #fff;
z-index: 1001;
width: 70rem;
overflow: hidden;
left: 50%;
top: 45%;
transform: translate(-50%, -50%);
padding: 3rem;
-webkit-box-shadow: -1px 2px 13px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow: -1px 2px 13px 0px rgba(0, 0, 0, 0.25);
box-shadow: -1px 2px 13px 0px rgba(0, 0, 0, 0.25);
display: grid;
grid-template-rows: auto auto 25rem;
grid-template-columns: 1fr;
grid-gap: 2rem;
}
.tfl-popup.tfl-popup_loading {
background:url(/bitrix/templates/mallstroyhead/components/twofingers/location/mallstroy/img/preloader.svg) center center no-repeat #ffffff;
}
.tfl-popup__title{
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 2.5rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1;
}
.tfl-popup__search{
position: relative;
padding: 0;
margin-bottom: 1rem;
}
.tfl-popup .tfl-popup__search-input {
background: #fff;
-moz-border-radius: 0.25rem;
-webkit-border-radius: 0.25rem;
-khtml-border-radius: 0.25rem;
border-radius: 0.2rem;
border: 1px solid #d5d5d5;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 1.5rem;
line-height: 1;
padding: 1rem 1.5rem;
width: 100%;
font-family: 'Open Sans', sans-serif;
position: relative;
}
.tfl-popup__search-input::-webkit-input-placeholder {color: #bbb;}
.tfl-popup__search-input::-moz-placeholder {color: #bbb;}
.tfl-popup__search-input:-ms-input-placeholder {color: #bbb;}
.tfl-popup__search-input:-moz-placeholder {color: #bbb;}
.tfl-popup__search-input:focus::-webkit-input-placeholder {color: #d5d5d5;}
.tfl-popup__search-input:focus::-moz-placeholder {color: #d5d5d5;}
.tfl-popup__search-input:focus:-ms-input-placeholder {color: #d5d5d5;}
.tfl-popup__search-input:focus:-moz-placeholder {color: #d5d5d5;}
.tfl-popup__clear-field {
/*background: url("/bitrix/templates/mallstroyhead/components/twofingers/location/mallstroy/img/clear_field.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);*/
height: 25px;
position: absolute;
right: 4rem;
top: 50%;
transform: translateY(-50%);
width: 16px;
display:none;
}
.tfl-popup__search-icon{
height: 17px;
position: absolute;
right: 1.5rem;
top: 50%;
transform: translateY(-50%);
width: 17px;
}
.tfl-popup__search-icon .svg-search{
fill: #d5d5d5;
}
.tfl-popup__container{
position: relative;
display: grid;
grid-template-rows: 1fr;
grid-template-columns: 1fr;
}
.tfl-popup__container:before {
position: absolute;
content: '';
width: 100%;
height: 1.5rem;
bottom: -1px;
background-image: url(/bitrix/templates/mallstroyhead/components/twofingers/location/mallstroy/img/shadow.png);
background-repeat: repeat-x;
background-position: bottom left;
z-index: 1;
}
.favorites-right-locations.tfl-popup__with-locations.tfl-popup__with-defaults .tfl-popup__container{
grid-template-columns: 2fr 1fr;
}
.favorites-left-locations.tfl-popup__with-locations.tfl-popup__with-defaults .tfl-popup__container{
grid-template-columns: 1fr 2fr;
}
.tfl-popup__scroll-container{
overflow: hidden;
overflow-y: auto;
position: relative;
display: none;
}
.tfl-popup__with-locations .tfl-popup__scroll-container.tfl-popup__locations,
.tfl-popup__with-defaults .tfl-popup__scroll-container.tfl-popup__defaults{
display: block;
}
.tfl-popup__list {
list-style: none outside none;
padding: 0 0.75rem;
line-height: 1.25;
margin-bottom: 1rem;
-webkit-column-width: 15rem;
-moz-column-width: 15rem;
column-width: 15rem;
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 1rem;
-moz-column-gap: 1rem;
column-gap: 1rem;
-webkit-column-rule: 0px solid #ccc;
-moz-column-rule: 0 solid #ccc;
column-rule: 0px solid #ccc;
/*-webkit-column-fill: auto;
-moz-column-fill: auto;
column-fill: auto;*/
display: block;
}
.favorites-under-search .tfl-popup__defaults .tfl-popup__list{
margin-top: 1rem;
margin-bottom: 0;
}
.tfl-popup__list li {
padding-bottom: 0.75rem;
overflow: hidden;
list-style: none;
page-break-inside: avoid;
break-inside: avoid;
}
.tfl-popup__list li:before,
.tfl-popup__list li:after {
content: none;
}
.tfl-popup__location-link {
color: #333;
text-decoration: none;
border-bottom: 1px dashed #777;
font-family: 'Open Sans', sans-serif;
}
.tfl-popup__location-link:hover {
border-bottom: 1px dotted #333;
}
.tfl-popup__defaults .tfl-popup__location-link {
/* font-weight: 700; */
border-bottom: 1px dotted #333;
}
.tf-location__region {
display: block;
font-size: 0.7em;
color: #999;
line-height: 1;
margin-top: 0.3em;
}
.tfl-popup-overlay{
display: none;
position: fixed;
margin: 0;
padding: 0;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: url('/bitrix/templates/mallstroyhead/components/twofingers/location/mallstroy/img/custom-popup-overlay.png') repeat;
z-index: 1000;
}
.tfl-popup__close-container{
right: 1rem;
top: 1.7rem;
position: absolute;
}
.tfl-popup__close{
display: block;
position: relative;
cursor: pointer;
opacity: 0.2;
width: 15px;
height: 15px;
}
.tfl-popup__close:hover {
opacity: 0.5;
}
.tfl-popup__close:before,
.tfl-popup__close:after {
position: absolute;
content: '';
width: 3px;
background-color: #333;
height: 25px;
left: 0;
}
.tfl-popup__close:before {
transform: rotate(45deg);
}
.tfl-popup__close:after {
transform: rotate(-45deg);
}
.tfl-body-freeze{
overflow: hidden;
}
.tfl-body-blur {
-webkit-filter: blur(0.2rem);
-moz-filter: blur(0.2rem);
-o-filter: blur(0.2rem);
-ms-filter: blur(0.2rem);
filter: blur(0.2rem);
}
.tfl-popup__nofound-mess{
display: none;
font-size: 2rem;
text-align: center;
position: absolute;
top: 50%;
width: 100%;
color: #d5d5d5;
transform: translateY(-50%);
}
.tfl-popup__nofound-mess-show{
display: block;
}
/* End */
/* Start:/bitrix/templates/mallstroyhead/components/bitrix/search.title/head.form/style.css?16149519002124*/
div.title-search-result{display:none;overflow:hidden;z-index:20;min-width:370px;margin-top:-3px; background-color:rgba(255,255,255,1); /*top: 257px !important;*/ transform: translateY(47px); }
div.title-search-fader {display:none;background-image:url(/bitrix/templates/mallstroyhead/components/bitrix/search.title/head.form/images/fader.png);background-position:right top;background-repeat:repeat-y;position:absolute;}
p.title-search-preview {}
div.title-search-result td.title-search-price span {font-size:26px;}
.bx_searche .bx_img_element {background: transparent; width:67px; padding: 2.5px 5px; display: inline-block; vertical-align: middle;}
.bx_searche .bx_img_element hr {display: none;}
.bx_searche .bx_item_block {position: relative; display: block;}
.bx_searche .bx_image {width:45px;height:45px;background-size:contain;background-position:center;background-repeat:no-repeat;background-color: #fff; margin-left: 6px;}
.bx_searche a {display: block; width: 100%; background: rgba(255,255,255,0.85); color: #222; transition: background 0.4s ease-out 0s, color 0.4s linear 0s;}
.bx_searche a:hover {text-decoration: none; color: #000; background: #ffd200;}
.bx_searche a .bx_item_element b {font-weight:600; background: #ffd200; color: #000; font-weight: 400;}
.bx_searche a .bx_item_element {width: 80%; line-height: 1.2em;}
.bx_searche a:hover .bx_item_element b {}
.bx_searche .bx_item_element hr {border:none; border-bottom:1px solid #e5e5e5; margin:0;}
.bx_searche .bx_item_element {display:inline-block; font-size: 1.1em; text-decoration:none; vertical-align: middle; text-transform: uppercase; display: inline-block;}
.bx_searche .bx_price{font-weight:700;font-size:13px;}
.bx_searche .bx_price .old{font-weight:400;text-decoration:line-through;color:#636363;}
.bx_item_block.all_result{min-height:0;}
.bx_item_block.others_result{min-height:0;line-height:12px;padding:0;}
.bx_item_block.all_result .all_result_title{display:block; padding: 0.4em 0;}
.bx_item_block.all_result .all_result_title a{color:#a7a7a7;}
.bx_item_block.all_result .all_result_title a:hover{color:#4788cb;}
.bx_item_block.all_result a {margin-top:0;}
.others_result .bx_img_element {min-height: 28px;}
/* End */
/* Start:/bitrix/components/bitrix/sale.basket.basket.line/templates/head.basket.new/style.css?16152868764848*/
.bx-basket {}
.bx-basket-block {
font-size: 12px;
padding-bottom: 5px;
white-space: nowrap;
position: relative;
padding-left: 20px;
}
.bx-basket-block>.fa {
color: #97a1ab;
width: 12px;
position: absolute;
left: 0;
top: 3px;
}
.bx-basket-block a {
color: #039BE5;
border-bottom: 1px dashed;
margin-right: 10px;
}
.bx-basket-block a:hover {
text-decoration: none;
border-bottom-color: transparent;
}
/*FIXED BASKET*/
@media (min-width: 768px) {
.bx-basket-fixed{
width: 200px;
position: fixed;
z-index: 998;
background: #fff;
padding-top: 10px;
border: 1px solid #F0F0F0;
box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
border-radius: 1px;
overflow: hidden;
}
.bx-basket-fixed.top {top:10px}
.bx-basket-fixed.right {right:10px}
.bx-basket-fixed.bottom{bottom:10px}
.bx-basket-fixed.left {left:10px}
.bx-basket-fixed.bx-max-height{top:10px;bottom:10px;}
}
@media (max-width: 767px) {
.bx-basket-fixed{
/*width: 200px;*/
position: fixed;
z-index: 998;
background: #fff;
padding-top: 10px;
border: 1px solid #F0F0F0;
box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
border-radius: 1px;
overflow: hidden;
bottom: 0;
left: 0;
right: 0;
}
.bx-basket-item-list{
display: none;
}
/*.bx-basket-fixed */
}
.bx-basket-fixed .bx-basket-block{
margin-left: 10px;
}
.bx-basket-item-list{
position: relative;
padding-bottom: 20px;
border-top: 1px solid #F7F7F7;
overflow: hidden;
}
.bx-opener .bx-basket-item-list{
padding-bottom: 75px;
}
.bx-max-height .bx-basket-item-list{
position: absolute;
bottom: 0px;
left: 0;
right: 0;
}
.bx-closed .bx-basket-item-list{
height: 20px;
overflow: hidden;
}
.bx-basket-item-list-action{
cursor: pointer;
background: #F7F7F7;
position: absolute;
bottom: 0;
right: 0;
left: 0;
z-index: 120;
height: 20px;
line-height: 14px;
vertical-align: middle;
text-align: center;
font-size: 12px;
color: #4f4f4f;
padding: 3px 0;
}
.bx-basket-item-list-button-container{
text-align: center;
position: absolute;
bottom: 20px;
border-top: 1px solid #F7F7F7;
padding: 10px 0;
background: #fff;
left: 0;
right: 0;
}
.bx-basket-item-list-button-container a.btn
{
color: #dddddd;
text-decoration: none;
}
.bx-basket-item-list-button-container a.btn:hover,
.bx-basket-item-list-button-container a.btn:active
{
color: #ffffff;
}
.bx-basket-item-list-container{
overflow-y: auto;
max-height: 100%
}
.bx-basket-item-list-item{
padding-top: 15px;
position: relative;
padding-right: 10px;
padding-left: 10px;
margin-bottom: 15px;
border-bottom: 1px solid #F7F7F7;
}
.bx-basket-item-list-container .bx-basket-item-list-item:last-child{
border-bottom: none;
margin-bottom: 0;
}
.bx-basket-item-list-item-status{
font-weight: bold;
padding: 3px;
background: #EBEBEB;
margin: 0 10px 20px;
line-height: 16px;
font-size: 13px;
border-radius: 3px;
text-align: center;
white-space: normal;
}
.bx-basket-item-list-item-img{
text-align: center;
position: relative;
padding-bottom: 5px;
}
.bx-basket-item-list-item-img img{
max-width: 90px;
height: auto;
border: 1px solid #E6E6E6;
}
.bx-basket-item-list-item-name
{
padding-bottom: 5px;
}
.bx-basket-item-list-item-name a
{
font-size: 13px;
color: #3F3F3F;
text-decoration: none;
white-space: normal;
line-height: 16px;
}
.bx-basket-item-list-item-remove{
position: absolute;
right: 10px;
top: -7px;
width: 20px;
height:20px;
cursor: pointer;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAAJFBMVEX///8yMjI6Ojpvb29wcHCEhISHh4eIiIiqqqqtra2wsLCxsbE3yvJ6AAAAAXRSTlMAQObYZgAAACxJREFUCNcFwYEBgCAMA7BYUMb2/78m9sXdJtfNMHkzcJ4DlS9FpXXKavT6ARdgANGqCJ38AAAAAElFTkSuQmCC) no-repeat center;
opacity: .5;
}
.bx-basket-item-list-item-remove:hover{
opacity: .7;
}
.bx-basket-item-list-item-price-block{
padding-bottom: 5px;
font-size: 12px;
}
.bx-basket-item-list-item-price{
display: inline-block;
margin-right: 5px;
}
.bx-basket-item-list-item-price-old{
display: inline-block;
margin-right: 5px;
text-decoration: line-through;
color: #B0B0B0
}
.bx-basket-item-list-item-price-summ{}
.bx_cart_login_top .bx-hdr-profile a {
text-decoration: none;
}
.bx_cart_login_top .bx-hdr-profile{
line-height: 1.44em;
}
#cart-total, #cart-total-sum {
font-family: "Roboto";
}
#cart-total-sum {
position: static;
display: block;
width: 100%;
height: auto;
bottom: 0;
left: 0;
text-align: center;
font-size: 14px;
font-weight: 600;
color: #000;
transition: color 0.3s linear 0s;
line-height: 1.1em;
padding-bottom: 0.4em;
}
#cart-total {
position: absolute;
background: #f30;
color: #fff;
line-height: 2em;
width: 2em;
text-align: center;
border-radius: 50%;
top: 2em;
right: 2.6em;
font-size: 11px;
}
.cart > button:hover #cart-total-sum,
.active #cart-total-sum {
color: #fff;
}
/* End */
/* Start:/bitrix/templates/mallstroyhead/components/bitrix/news.list/parallax.banner/style.css?16251671278538*/
/*
/\ |\
_/ \ ___ |\ |\ | \
\ | |_|/_ /\____ ____/\ _|/_|_ \ /\____
| | \ / ___ \/ \ / \_ / \ Viasite © 2017
| || \/ / \ \_/| | / / / +7 (3435) 499-334
\ /| / / / \ \ | | _\ /___/\ Parallax Banners
\ __/ | _/\____ /\ ____/| _/ \_ / \____ / StyleSheet by LR
|/ |/ |/ \/ |/ |/ \*/
#viasite_slider {height: 22vw; overflow: hidden; width: 100%; position: relative; font-size: 1.2vw; margin-bottom: 0; text-align: center;}
#viasite_slider::after {transition: background-color 0.3s ease-out 0s; width: 1px; height: 1px; position: absolute; left: 0 ; top: 0; background-color: transparent; content: '';}
#viasite_slider.busy::after { width: 100%; height: 100%; transition: none; opacity: 1; background: #000; position: absolute; z-index: 9; top: 0; left: 0;}
#viasite_slider .mobile {display: none;}
#viasite_slider .desctop {display: block;}
#viasite_slider .filmstrip div.picture_mobile {display: none;}
#viasite_slider .filmstrip div.picture_desctop {display: block;}
#viasite_slider .filmstrip {width: 100%; height: 100%; overflow: hidden; position: relative; left: 0; top: 0; transition: transform 0.6s ease-out 0s;}
#viasite_slider .slider_item {position: relative; top: 0; left: 0; width: 100%; height: 100%; float: left;}
#viasite_slider .slider_item a {display: block; height: 100%;}
#viasite_slider .slider_item a.image_container {transition: none;}
#viasite_slider .slider_item a .image_container-bann {display: block; float: none; width: 100%; height: 100%; background-position: center; background-size: cover;}
#viasite_slider .slider_item h3 span {font-size: inherit;}
#viasite_slider .slider_item .infosector {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: table;}
#viasite_slider .slider_item .infosector p {font-size: 1.9em;}
#viasite_slider .slider_item .infosector > a {display: table-cell; width: 100%; height: 100%; vertical-align: middle; padding: 0 6rem; text-decoration: none; color: #fff; }
#viasite_slider .slider_item .infosector > a > .insert {margin: 0 auto; max-width: 1200px; position: relative;}
#viasite_slider .slider_item .infosector > a > .insert > * {max-width: 65%;}
#viasite_slider .slider_item .infosector > a > .insert > [data-position="right"] {margin-left: auto; margin-right: 0;}
#viasite_slider .slider_item .infosector > a h3 {font-size: 2.2em; color: rgb(255,210,0); line-height: 1em; margin-bottom: 0; }
#viasite_slider .slider_item .infosector > a [data-position="left"] {margin-left: 0;}
#viasite_slider .slider_item .infosector > a [data-position="right"] {margin-right: 0;}
#viasite_slider .slider_item .infosector button{position:relative; display:inline-block; margin-top:10px; overflow:hidden; font-size:18px; line-height:22px; letter-spacing:1px; color:#000; background:rgba(255,255,255,0.65); border:4px solid #000; border-top-color:rgb(0,0,0); border-right-color:rgb(0,0,0); border-bottom-color:rgb(0,0,0); border-left-color:rgb(0,0,0); padding:13px 15px; min-width:160px;color:#000;border-color:#000;text-transform:uppercase; }
#viasite_slider .slider_item .infosector button::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#000;font-weight:600;z-index:-1;-moz-transform:rotate3d(0,0,1,-45deg) translate3d(0,-3em,0);-ms-transform:rotate3d(0,0,1,-45deg) translate3d(0,-3em,0);-o-transform:rotate3d(0,0,1,-45deg) translate3d(0,-3em,0);-webkit-transform:rotate3d(0,0,1,-45deg) translate3d(0,-3em,0);transform:rotate3d(0,0,1,-45deg) translate3d(0,-3em,0);-webkit-transform-origin:0% 100%;-ms-transform-origin:0% 100%;transform-origin:0% 100%;-moz-transition:all 0.7s;-o-transition:all 0.7s;-webkit-transition:all 0.7s;transition:all 0.7s;}
#viasite_slider .slider_item .infosector button:hover{background:rgba(255,255,255,0); color:#fff;}
#viasite_slider .slider_item .infosector button:hover::before{opacity:1;background-color:#000;-moz-transform:rotate3d(0,0,1,0deg);-ms-transform:rotate3d(0,0,1,0deg);-o-transform:rotate3d(0,0,1,0deg);-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg);-webkit-transition-timing-function:cubic-bezier(0.2,1,0.3,1);transition-timing-function:cubic-bezier(0.2,1,0.3,1);}
#viasite_slider #nav_block_interface {position: relative; bottom: 2.5em; white-space: nowrap; display: inline-block; margin: 0 auto; /* */ display: none;}
#viasite_slider .slider_navigator_link {width: 1.4em; height: 1.4em; display: inline-block; margin-right: 0.4em; background: #000; outline: solid 16px rgba(255,210,0,0); transition: outline 0.2s ease-out 0s, background 0.4s ease-out 0s; border: solid 1px #c1c1c1;}
#viasite_slider .slider_navigator_link:last-child {margin-right: 0;}
#viasite_slider .slider_navigator_link:hover {outline: solid 2px rgba(255,210,0,1);}
#viasite_slider .slider_navigator_link.active, .slider_navigator_link.active:hover {background: rgba(255,210,0,1); border-color: rgba(255,210,0,1); cursor: default; outline: solid 16px rgba(255,210,0,0);}
#viasite_slider .hand_control {opacity: 0; transition: opacity 0.3s ease-out 0s; background: rgba(255,210,0,0.35); position: absolute; left: 0; bottom: 0; right: 0; width: 100%; height: 24px; z-index: 10;}
#viasite_slider .hand_control::before {background: rgba(255,210,0,0.95); content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 0.1%; transition: width 0.1s ease-in 0.3s;}
#viasite_slider.busy .hand_control {opacity: 0.5;}
#viasite_slider.busy .hand_control::before {width: 100%; transition: width 1.1s ease-out 0s;}
.nav_blocknav {position: absolute; width: 52px; height: 52px; background: rgba(0, 0, 0, 0.3); top: 48%; color: #fff; font: 400 12px/52px "FontAwesome";}
.nav_blocknav:hover, .nav_blocknav:active, .nav_blocknav:focus {background: rgba(255,255,255,0.6); color: #ffd200;}
.nav_blocknav[href="#next"] {right: 0%; color: #fff;}
.nav_blocknav[href="#next"]::before {content: '\f054';}
.nav_blocknav[href="#next"]:hover, .nav_blocknav[href="#next"]:active, .nav_blocknav[href="#next"]:focus {color: #ffd200;}
.nav_blocknav[href="#prev"] {left: 0%; color: #fff;}
.nav_blocknav[href="#prev"]::before {content: '\f053';}
.nav_blocknav[href="#prev"]:hover, .nav_blocknav[href="#prev"]:active, .nav_blocknav[href="#prev"]:focus {color: #ffd200;}
@media screen and (max-width: 1599px) {
#viasite_slider {height: 36vw;}
#viasite_slider {font-size: 1.35vw;}
#viasite_slider .slider_item .infosector > a > * {max-width: 55%;}
#viasite_slider .slider_item .infosector > a > .insert {max-width: 1024px;}
#viasite_slider .slider_item .infosector > a > .insert > * {max-width: 65%;}
}
@media screen and (max-width: 1099px) {
#viasite_slider {height: 45vw;}
#viasite_slider {font-size: 1.8vw;}
#viasite_slider .slider_item .infosector > a > * {max-width: 65%;}
}
@media screen and (max-width: 767px) {
#viasite_slider {font-size: 2vw; height: 87vw; width: auto;}
#viasite_slider .mobile {display: block;}
#viasite_slider .desctop {display: none;}
#viasite_slider .filmstrip div.picture_mobile {display: block;}
#viasite_slider .filmstrip div.picture_desctop {display: none;}
#viasite_slider:hover .hand_control {opacity: 0.11;}
#viasite_slider .slider_navigator_link {width: 2em; height: 2em; margin-right: 0.5em;}
#viasite_slider .slider_item .infosector {font-size: 1.45em;}
#viasite_slider #nav_block_interface {bottom: 0.5em; left: 1em;}
#viasite_slider .slider_item .infosector > a > * {max-width: 85%;}
#viasite_slider .slider_item .infosector a {position: relative; top: -11vw;}
#viasite_slider .slider_item .infosector h3.mobile {font-size: 1.5em; margin-bottom: 0.35em;}
#viasite_slider .slider_item .infosector p.mobile {font-size: 1.25em; line-height: 1.1em;}
#viasite_slider .slider_item .infosector p button {display: none;}
.nav_blocks > div.nav_block-small, .nav_block-right-1, .nav_block-right-2, .nav_blocks > div.nav_block-big, .nav_blocks > div[class*="nav_block-right-"] {height: auto; width: 100%; color: #000;}
.nav_blocks > div .s-desc h2 {color: #333;}
.nav_blocks > div .s-desc ul a, .nav_blocks > div .s-desc ul a:hover, .nav_blocks > div .s-desc ul a:link, .nav_blocks > div .s-desc ul a:visited, .nav_blocks > div .s-desc ul a:focus {color: #666; }
.nav_blocknav {background: rgba(0, 0, 0, 0.1);}
}
/* End */
/* Start:/bitrix/templates/mallstroyhead/styles.css?162013998732735*/
html, body {margin: 0; padding: 0; outline: 0; overflow-x: hidden;}
* {outline: 0;}
a, a:hover {text-decoration: none;}
html body #page {position: relative; overflow: visible;}
.alert {box-shadow: none; border-radius: 0; border: 0; color: #000;}
.toggle_cont > li > a, .toggle_cont > li > button {font-weight: 600;}
.nav_blocks > div.nav_block-big img, .nav_blocks > div.nav_block-small img, .nav_blocks .nav_block-right-1 img, .nav_blocks .nav_block-right-2 img, .product-thumb .image > a img {object-fit: contain;}
body .stuck-menu {z-index: 5;}
.bx-subscribe {background: #000;}
.bx-subscribe .bx-input-group {display: inline-block; font-size: 12px; font-weight: normal;}
.bx-subscribe .bx-form-control {width: 400px; display: inline-block; color: #888888; font: 400 14px/16px "Roboto", sans-serif; background: #fff; height: 62px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0; padding-top: 12px; padding-bottom: 12px; padding-left: 20px; float: right;}
.bx-subscribe .btn-subscribe {float:left; font-size:14px; line-height:16px; letter-spacing:.6px; padding:23px 10px; width:138px; color:#000000; background:#ffd200; font-weight:900; text-transform:uppercase; overflow:hidden; outline:none;}
.bx_subscribe_checkbox_container {display: none;}
.box-heading.subscribed {float: none;}
.bx_subscribe_submit_container {float: right;}
form[id^="bx_subscribe_subform"] {width: 64.2%; float: left;}
[for="SENDER_SUBSCRIBE_EMAIL"] {position: absolute; bottom: -2.4em; left: 0; width: 200%; max-width: none; color: #ffd200; opacity: 0; transition: opacity 0.35s ease-out 0s;}
#sender-subscribe .bx-input-group [for="SENDER_SUBSCRIBE_EMAIL"] a {color: #ffd200; text-decoration: underline;}
#sender-subscribe .bx-input-group [for="SENDER_SUBSCRIBE_EMAIL"] a:hover {color: #fffff1;}
.bx-subscribe:hover [for="SENDER_SUBSCRIBE_EMAIL"] {opacity: 1;}
label.privacy {width: 60%; line-height: 1.3em; padding-top: 1em; vertical-align: middle;}
label.privacy a {text-decoration: underline;}
#sender-subscribe .bx-input-group {position: relative;}
.header-top .homebuilder .tm-container {/*box-shadow: -50vw 0 0 #ececec, 50vw 0 0 #ececec; */ background: #f7f7f7;}
.header-top .homebuilder .tm-container {margin-bottom: 28px;}
.common-home .header-top .homebuilder .tm-container {margin-bottom: 0;}
#page .bx-pagination * {border-radius: 0;}
header .html-module {height: 2.6em; overflow: hidden;}
header .search button {height: auto; padding: 19px 0;}
header .search input[type="text"] {height: 55px; padding: 0.5em 1.3em; color: #666;}
header .html-module p {margin-bottom: 6px;}
.header-top .toggle_cont {width: 265px; left: 0; right: auto;}
.header-top .toggle_cont.pull-right {left: auto; right: 0;}
footer .about-site a img {width: 135px; height: auto;}
.stuck-menu {background: rgba(0,0,0,1); transition: background 0.8s linear 0s;}
.stuck-menu.scroll-fix {background: rgba(0,0,0,1)}
.share-icons {position: fixed; top: 190px; right: 0; z-index: 1012;}
.share-icons li.ya-share2__item {display: block; margin: 0px; padding: 4px 5px;}
.share-icons li.ya-share2__item .ya-share2__icon {height: 46px; width: 46px;}
.module_tab .nav-tabs {margin-bottom: 28px;}
.bx-authform-social a::before {display: none;}
.btn:hover {text-decoration: none;}
.news-list a, .news-list a:hover, .news-list a:focus, .news-list a:active {color: inherit; text-decoration: none;}
/* subscribe form */
.bx-subscribe.newsletter {box-shadow: -40vw 0 0 #000, 40vw 0 0 #000; padding: 29px 10px 31px 10px; position: relative; z-index: 1;}
.bx-subscribe.newsletter::after {display: block; content: ''; width: 100%; height: 1px; clear: both;}
/* main for inner pages */
.container[role="main"] {min-height: 500px; position: relative; padding: 1em 0 0 0; font-size: 1.1em; color: #585858; line-height: 1.3em; z-index: 1; top: 0; left: 0;}
.container[role="main"]::after {width: 100%; height: 1px; display: block; content: ''; clear: both;}
.container[role="main"] .detail-picture {width: 100%; height: auto; overflow: hidden; margin-bottom: 30px;}
.container[role="main"] .detail-picture img {width: 100%; height: auto;}
.container[role="main"] .payments img {margin: 0.5em 0.8em; max-width: 100px; height: auto; }
.container[role="main"] ol, .container[role="main"] ul { padding-left: 2.5em; font-size: 0.9em; line-height: 1.3em; padding-top: 2em; padding-bottom: 2em; color: #282828;}
.container[role="main"] ol li, .container[role="main"] ul li {margin-bottom: 1.3em;}
.container[role="main"] p i {font-size: 1.06em;}
/* footer styles */
footer .about-site {font: 400 normal 11px roboto, tahoma, arial, sans-serif; color: #000;}
footer .about-site h3 {margin-bottom: 0; position: relative; z-index: 3; width: 100%; text-align: center;}
footer .about-site .copyright {text-align: center;}
footer .about-site .copyright > div {position: relative; z-index: 10;}
footer .about-site .copyright > div p {position: absolute; top: 10px; left: -5px; width: 100%; text-align: center;}
footer .about-site .copyright > div a {width: 75%; height: auto; display: block; margin: 0 auto;}
footer .about-site .viasite-home-link {display: block; width: 80%; margin: 0 auto; position: relative; z-index: 1; top: -15px;}
footer p a {line-height: 1.2em;}
.bx-subscribe.newsletter .box-heading {display: inline-block; vertical-align: middle; font: 900 15px/20px "Roboto", sans-serif; margin-right: 1em;}
.bx-subscribe.newsletter h3.in-social-networks {font: 900 15px/20px "Roboto", sans-serif; display: inline-block; text-align: right; color: #fff; vertical-align: middle; margin: 0 1em 0 0; padding: 0;}
.icon-before::before {font-family: fontAwesome; display: inline-block; transform: scale(1); margin-right: 0.3em; font-size: 1.2em;}
.print::before {content: '\f02f'; }
.icon-before:hover::before {transform: scale(1.1);}
.social-container {text-align: right; float: right; margin-top: 0.6em; width: 35%;}
.social-container h3 {width: 110px;}
.bx-subscribe.newsletter .social {display: inline-block; color: #fff; vertical-align: middle;}
a.social {font-family: fontAwesome; color: #fff; display: inline-block; width: 2.4em; line-height: 2.2em; background: #282828; font-size: 1.5em; position: relative; z-index: 2; text-align: center; transform: scale(1);}
a.social:hover {z-index: 3; transform: scale(1.3);}
[icon="vk"]::before {content: '\f189';}
[icon="ok"]::before {content: '\f263';}
[icon="im"]::before{content: '\f16d';}
[icon="fb"]::before{content: '\f09a';}
[icon="tg"]::before{content: '\f2c6'; color: transparent; background-image: url(/upload/telegram.svg); background-size: 100% 100%; background-repeat: no-repeat;}
[icon="vk"]:hover {background: #4a76a8;}
[icon="ok"]:hover {background: #ee8208;}
[icon="im"]:hover {background: rgb(247,79,78);}
[icon="fb"]:hover {background: #4267b2;}
[icon="tg"]:hover {background: #32afed;}
.anim {transition: transform .2s ease-out 0s, background .35s ease-out 0s, opacity .16s linear 0s; opacity: 0.75;}
.anim:hover {opacity: 1;}
/* over slider heading */
.common-home .header-top .over-head {position: absolute; z-index: 99; width: 100%; height: auto; left: 0; top: 0; right: 0;}
body:not(.common-home) .header-top .over-head {margin-bottom: 30px; }
.container h1 {letter-spacing: 0; min-width: 8%; padding: 0.2em 0 0.4em 0;}
.sale-order-list-container:nth-of-type(even) {background: #f1f1f1;}
.basket-list .price-new, .basket-list .price-old, .basket-list .price {font: 600 15px/1.2em "Roboto", sans-serif}
.basket-list .price-new span, .basket-list .price-old span, .basket-list .price span {font: 400 11px/1.3em "Roboto", sans-serif; color: #888; display: block;}
.box-subcat li .image a img {object-fit: contain;}
body .container[role="main"] ul.breadcrumb {padding-top: 0; margin: 0;}
body.contacts-page .container[role="main"] {min-height: auto; padding-bottom: 2em;}
/* informer */
.viasite-informer {width: 100%; height: auto; list-style: none; margin-bottom: 1.5em; margin-top: -3em; margin-left: 0; padding-left: 0;}
.viasite-informer::after {width: 100%; height: 1px; content: ''; display: block; clear: both;}
.viasite-informer li {float: left; margin: 0; padding: 0; width: 25%; position: relative;}
.viasite-informer li::before {display: block; content: ''; position: absolute; background: #f7f7f7; top: 50.1%; bottom: 50.1%; left: 50.1%; right: 50.1%; z-index: 4; border: solid 2px #f1f1f1;}
.viasite-informer li::before {transition: left 0.4s cubic-bezier(.22,1,.59,1) 0s, right 0.4s cubic-bezier(.22,1,.59,1) 0s, top 0.4s cubic-bezier(.22,1,.59,1) 0s, bottom 0.4s cubic-bezier(.22,1,.59,1) 0s, background 0.3s ease-out 0s;}
.viasite-informer li:hover::before {top: 0%; bottom: 0%; left: 0%; right: 0%; z-index: 4;}
.viasite-informer li a {text-align: center; display: block; width: 100%; height: 100%; padding-top: 1.1em; position: relative; z-index: 4;}
.viasite-informer li a h3 {transition: color 0.45s ease-out 0s; color: #000; padding: 1.1em 0; margin-bottom: 0;}
.viasite-informer li a:hover h3 {/*color: rgb(255,210,0);*/}
.viasite-informer li a > div {width: 26%; height: 60px; margin: 0 auto 0.5em auto; position: relative;}
.viasite-informer li:first-child a > div {width: 21%;}
.viasite-informer li a img {width: 100%; height: auto; position: absolute; top: 0; left: 0; z-index: 5;}
.viasite-informer li a img.for-hover {z-index: 10; opacity: 0; transition: opacity 0.45s ease-out 0s;}
.viasite-informer li a:hover img.for-hover {opacity: 1;}
.viasite-informer li:first-child a img {margin-top: -3px;}
.description-category {padding-top: 2.5em; border-top: solid 4px #e1e1e1; margin-top: 2.5em;}
.viasite-informer {margin: 4em auto;}
.container font.errortext {font: 900 18px/22px "Roboto", sans-serif; text-transform: uppercase; color: #000 !important;}
.errortext::before {color: #711; font-family: fontAwesome; content: '\f05a'; display: inline-block; font-weight: 400; margin-right: 0.6em; margin-left: 18px;}
.picture-cabinet img {margin-top: 12%;}
.container .sale-personal-section-index-block.bx-theme-yellow {background: transparent; color: #000; border-radius: 0; opacity: 1; transition: all 0.4s ease-out 0s; position: relative; cursor: pointer;}
.container .sale-personal-section-index-block .fa {font-size: 0.5em; color: #000; line-height: 1.7em; transition: all 0.4s ease-out 0s; position: relative; z-index: 2;}
.sale-personal-section-index-block-name {font-size: 1em; line-height: 1em; transition: all 0.4s ease-out 0s; padding: 0 2em; margin: 0; position: relative; z-index: 2;}
.container .sale-personal-section-index-block::before {transition: left 0.4s cubic-bezier(.22,1,.59,1) 0s, right 0.4s cubic-bezier(.22,1,.59,1) 0s, top 0.4s cubic-bezier(.22,1,.59,1) 0s, bottom 0.4s cubic-bezier(.22,1,.59,1) 0s, background 0.3s ease-out 0s}
.container .sale-personal-section-index-block::before {display:block; content:''; position:absolute; background:#000; top:50.1%; bottom:50.1%; left:50.1%; right:50.1%; z-index: 0;}
.container .sale-personal-section-index-block:hover::before {top:0%; bottom:0%; left:0%; right:0%; z-index: 0;}
.container .sale-personal-section-index-block:hover .fa {color: #ffd200;}
.container .sale-personal-section-index-block:hover .sale-personal-section-index-block-name {color: #ffd200;}
.fa-envelope {transform: scale(0.82);}
.fa-calculator {transform: scale(0.92);}
.fa-list-ol {transform: scale(0.92);}
.bx-soa-pp-company-smalltitle {line-height: 1.25em;}
.box-subcat li .image {outline: solid 4px #e1e1e1; background: #e1e1e1; padding: 4px; }
.box-subcat li .image::hover {outline: 0; outline: solid 4px rgb(255,210,0);}
#bx-soa-order .bx-soa > div {border: solid 1px #d1d1d1; cursor: pointer; padding: 0; margin-bottom: 6px; font: 400 13px/24px "Roboto", sans-serif; color: #a8a8a8;}
#bx-soa-order .bx-soa > #bx-soa-main-notifications {border: none;}
#bx-soa-order .bx-soa .bx-soa-section-title-container {background: #f7f7f7; padding: 0.85em 0; border-bottom: solid 1px #d1d1d1;}
#bx-soa-order .bx-soa .bx-soa-section-title {letter-spacing: 0; font: 900 16px/2em "Roboto", sans-serif; }
#bx-soa-order .bx-soa .alert-warning {border: none; background: none; border-radius: none; box-shadow: none; font: 400 13px/1.5em "Roboto", sans-serif; color: #333; z-index: 1;}
#bx-soa-order .bx-soa .bx-soa-item-title::hover {color: #ffd200;}
#bx-soa-order .bx-soa > div.bx-selected .bx-soa-item-title {font: 900 16px/2em "Roboto", sans-serif;}
#bx-soa-order .bx-soa .bx-soa-section-content {font: 400 13px/1.5em "Roboto", sans-serif; color: #333;}
#bx-soa-order .bx_soa_location {font: 400 13px/1.5em "Roboto", sans-serif; color: #333;}
#bx-soa-order .bx_soa_location label {font: 400 13px/1.5em "Roboto", sans-serif; color: #333;}
#bx-soa-order .bx-soa > div.bx-selected {background: #e8e8e8;padding: 0; border-color: #d1d1d1;}
.bx-soa-pp-company-smalltitle, .bx-soa-service-small {color: #414141; font-size: 12px; line-height: 1.3em;}
.bx-soa-service-small {margin-top: 1em;}
.sbHolder {border: solid 1px #a8a8a8;}
.form-group input.form-control, .form-group textarea.bx-ios-fix {background-color: #fff; border-radius: 0; box-shadow: none;}
#tab-review.active .product-item-detail-tab-content {display: block;}
input[id^="QUANTITY_INPUT"] {display: inline-block; vertical-align: middle;}
.bx-soa-cart-total {background: #fff;}
.bx-soa-cart-total.bx-soa-cart-total-fixed {}
.bx-soa-reference {font-size: 1em; color: #000; max-width: 450px; line-height: 1.3em;}
.main-profile-social-block {text-align: center; padding-left: 5em; }
div.soc-serv-title {width: 100%;}
div.soc-serv-accounts {width: 100%; display: block;}
div.soc-serv-accounts table, div.soc-serv-accounts tbody {display: block;}
div.soc-serv-accounts table td, div.soc-serv-accounts table tr {display: inline-block;}
div.soc-serv-accounts table tr.soc-serv-header {display: none;}
div.soc-serv-accounts table tr {padding: 2em;}
.soc-serv-personal .soc-serv-link, .soc-serv-personal .soc-serv-link::visited {display: inline-block; padding: 1em; padding-left: 4em; margin-left: -3.5em; color: #a8a8a8;}
.soc-serv-personal .soc-serv-link:hover {background-color: transparent; color: #000;}
div.soc-serv-title {padding: 1.3em; height: auto;}
.bx-ss-icons .bx-ss-icon {transition: transform 0.25s ease-out 0s; transform: scale(1);}
.bx-ss-icons:hover .bx-ss-icon {transform: scale(1.4);}
div.soc-serv-accounts td.soc-serv-name {font: 400 13px/24px "Roboto", sans-serif; color: #a8a8a8;}
td.split-item-actions a.split-delete-item {transform: scale(1.3); transition: transform 0.25s ease-out 0s; }
td.split-item-actions a.split-delete-item:hover {transform: scale(1.6)}
ul.nav.nav-tabs {margin-bottom: 1.5em;}
.sale-order-list-container:nth-of-type(2n) {background: #fff;}
.sale-order-list-container {border: none; font-size: 13px; color: #333; line-height: 1.3em; margin-bottom: 2em;}
.sale-order-list-container h2 {letter-spacing: 0; padding: 0.6em 1em; margin: 0; line-height: 1.3em; font-size: 13px; background: #f7f7f7; color: #616161; border: solid 1px #ddd; font-weight: 500;}
.sale-order-list-inner-container {padding: 0 2em;}
.sale-order-list-inner-title-line {text-transform: uppercase; color: #000; font-size: 13px; padding: 0.5em 0; margin: 0; display: block;}
.sale-order-list-inner-row-template .sale-order-list-cancel-payment {display: none;}
.sale-order-list-container .btn {font-size: 0.8em; margin: 1em 0;}
.megamenu .sf-menu .sf-mega {box-shadow: 3px 3px 4px rgba(0,0,0,0.3); z-index: 4;}
.megamenu .sf-menu .submenu_title > a {padding: 0.5em 0;}
.megamenu .sf-menu .sf-mega ul {padding: 0.3em 0; margin: 0;}
.megamenu .sf-menu .submenu_title {margin-bottom: 0;}
.megamenu .sf-menu li {position: initial;}
.megamenu .sf-mega_section {column-count: 3; column-width: 32%;}
.nav_blocks a {display: block;}
.bx-soa-cart-total {top: 0; transition: 0.45s top ease-out 0s;}
.bx-soa-cart-total.bx-soa-cart-total-fixed {top: 75px; }
.container[role="main"] .bx-soa-pp-field ul li {margin-bottom: 0;}
.sbOptions li a {color: #444;}
.sbOptions li a:hover {color: #000;}
td.bx-ss-icons i.bx-ss-icon {width: 2.2em; height: auto; font-size: 1.2em; line-height: 2.2em; background: #282828; color: #f1f1f1; font-style: normal; text-align: center;}
.vkontakte::before {font-family: fontAwesome; content: '\f189'; }
.odnoklassniki::before {font-family: fontAwesome; content: '\f263'; }
.facebook::before {font-family: fontAwesome; content: '\f09a'; }
.yandex_map {margin-bottom: -2em; border-top: solid 4px #a8a8a8;}
.contacts {column-count: 3;}
.nav_blocks .core-link {display: block; position: absolute; width: 100%; height: 100%; z-index: 3;}
body .nav_blocks > div .s-desc ul {z-index: 4;}
.bx-pagination .bx-pagination-container ul li span {border-radius: 0;}
.bx-soa-coupon-input, .bx-soa-coupon {display: none;}
.blog_articles .row > div {height: 46em;}
.blog_articles .row > div .article-title {}
.blog_articles .row > div .article-description {line-height: 1.2em; height: 4.8em; overflow: hidden;}
#product .reward-block {color: #eec200; font-size: 1.3em; font-weight: 600; margin-top: 0.2em; display: inline-block;}
#product .reward-block::after {border-bottom: solid 2px #eec200; display: block; content: ''; transform: translateY(-0.5em);}
#product .price-new {display: block;}
#tab-review .bx-catalog-tab-list {display: none;}
body .general_info .product-section strong + span.stock {color: #eec200;}
body .blog-comment-fields input[type="text"], body .blog-comment-fields .bx-html-editor {background: #fff; border: solid 1px #d8d8d8 !important; border-radius: 0;}
body div.blog-post-edit-form, div.blog-comment-fields {background: transparent;}
.container[role="main"] .product-filter_elem ul {padding: 0;}
.container[role="main"] .product-filter .sort .sbHolder {width: 149px;}
html body footer, html body footer a, html body footer a:visited {color: #515151;}
html body footer a:hover, html body footer a:focus, html body footer a:active {color: #000;}
html body .sf-menu .submenu_title + ul li > a, html body .sf-menu .submenu_title + ul li > a:visited {color:#414141;}
.module_tab .tab-content {margin-top: 2.3em;}
.basket-list .table .btn-block .form-control {display: inline-block;}
.print-section a {font-size: 0.9em; color: #616161; text-decoration: underline;}
.map-columns {display: none;}
.map-columns + .catalog-section-list > ul > li {float: left; padding: 0 5em; list-style: none;}
.developed-by {position: absolute; right: -50%; bottom: 0; width: 100px; height: 105px; background: transparent; padding: 12px; }
footer {position: relative;}
body .sale-order-detail-general {border: none;}
body .sale-order-detail-general-head {background: transparent;}
body .sale-order-detail-general-item {color: #000;}
body .sale-order-detail-about-order-inner-container-repeat-button, body .sale-order-detail-about-order-inner-container-repeat-button:visited, body .sale-order-detail-about-order-inner-container-repeat-button:active {border-radius: 0; background: #ffd200; color: #000;}
body .sale-order-detail-about-order-inner-container-repeat-button:hover, body .sale-order-detail-about-order-inner-container-repeat-button:focus {background: #000; color: #fff;}
body .container-fluid.sale-order-detail * {font-family: roboto !important;}
.sale-order-detail-payment-options-methods-button-element, .sale-order-detail-payment-options-methods-button-element-new-window {border-radius: 0; background: #ffd200; color: #000;}
.sale-order-detail-payment-options-methods-button-element:hover, .sale-order-detail-payment-options-methods-button-element-new-window:hover {background: #000; color: #fff;}
.sale-order-detail-about-order-inner-container-repeat-button:hover, .sale-order-detail-payment-options-methods-button-element.active-button:hover, .sale-order-detail-payment-options-methods-button-element-new-window:hover {background: #000; color: #fff;}
.sale-order-detail-title-element {font-family: roboto;}
body .container font.errortext {display: none;}
@media screen and (min-width: 768px) and (max-width: 992px) {
header .html-module h1 {font-size: 14px; line-height: 14px;}
header nav .toggle {font-size: 9px;}
.sf-menu > li > a {font-size: 11px;}
.sf-menu {z-index: 5;}
}
@media screen and (max-width: 767px) {
html, body {overflow-x: hidden;}
.container .row h1 {line-height: 1.3em;}
.common-home .header-top .over-head {position: static;}
.container[role="main"] {padding: 2em 1.2em;}
header .html-module {padding: 0.6em 1.5em;}
.header-top .homebuilder .tm-container {box-shadow: 20vw 0 0 #ececec, -20vw 0 0 #ececec;}
header #cart-total-sum {font-size: 0;}
.cart > button:hover #cart-total-sum, .active #cart-total-sum {color: transparent;}
div.title-search-result {transform: translateY(0);}
header .html-module {height: auto;}
.nav_blocks .core-link {}
.nav_blocknav[href="#prev"] {left: 0;}
.nav_blocknav[href="#next"] {right: 0;}
.nav_blocks > div.nav_block-small, .nav_block-right-1, .nav_block-right-2, .nav_blocks > div.nav_block-big, .nav_blocks > div[class*="nav_block-right"] {height: 80vw; width: 100% !important;}
.nav_blocks > div .s-desc h2 {color: #fff; margin-top: 0.4em;}
.nav_blocks > div .s-desc ul a, .nav_blocks > div .s-desc ul a:hover, .nav_blocks > div .s-desc ul a:link, .nav_blocks > div .s-desc ul a:visited, .nav_blocks > div .s-desc ul a:focus {color: #fff;}
.nav_blocks > div .s-desc ul {margin-top: 0.5em;}
.nav_blocks > div .s-desc ul li {margin-top: 0.3em;}
.nav_block-right-1 {margin-bottom: 2px;}
.ui-to-top.active {-moz-transform:translateY(-27px) scale(1); -ms-transform:translateY(-27px) scale(1); -o-transform:translateY(-27px) scale(1); -webkit-transform:translateY(-27px) scale(1); transform:translateY(-27px) scale(1);}
.container[role="main"] img {margin-bottom: 1.5em;}
.container[role="main"] ol, .container[role="main"] ul { padding-left: 1em; font-size: 0.9em; line-height: 1.3em;}
.container[role="main"] p img {margin: 0.5em 0.8em;}
.container[role="main"] .payments img {display: block; margin-left: auto; margin-right: auto; margin-bottom: 0.75em;}
.lookbook-block {height: 100vw;}
.lookbook {height: auto; width: 100%;}
.lookbook a {height: 100%; display: block;}
.lookbook a img {object-fit: cover; height: auto; }
[for="SENDER_SUBSCRIBE_EMAIL"] {position: static; width: 100%; line-height: 1.2em; opacity: 1; padding: 0.3em 0;}
.lookbook-list {position: static; width: 100%; height: 50%;}
.lookbook .desc .lookbook-list {font-size: 13px; line-height: 1.4em; padding: 1.6em 1em; }
.lookbook .desc .lookbook-name {bottom: auto; top: 2em; text-shadow: 0 0 2px #000, 0 0 5px #000; font-size: 1.2em; line-height: 1.2em;}
.lookbook-name h2 {text-shadow: 0 0 2px #000, 0 0 5px #000; font-size: 1.7em; line-height: 1.2em;}
.box-subcat li .name {left: 38%;}
.bx-subscribe.newsletter {text-align: center; height: auto;}
.social-container {text-align: center; float: none; width: auto;}
form[id^="bx_subscribe_subform"] {width: 100%;}
.bx-subscribe .bx-input-group {width: auto;}
.bx_subscribe_submit_container {width: 100%;}
.bx-subscribe .btn-subscribe {width: 80%; margin: 0 auto 1em auto; float: none;}
.bx-subscribe .bx-form-control {width: 100%;}
.bx-subscribe.newsletter h3.in-social-networks {width: 100%; text-align: center; margin-bottom: 1.3em;}
footer .about-site {text-align: center;}
footer .about-site a {width: 40%; height: 26vw; margin: 6vw 0;}
footer .about-site a img {height: 100%; width: 100%;}
footer .about-site h3 {width: 100%; text-align: center;}
.box-content.footer_box {padding: 1.3em 2em;}
.lookbook-list .btn {font-size: 12px; margin: 1.2em 0; height: auto; padding: 1em 2em; display: inline-block;}
.viasite-informer {margin-top: 0;}
.viasite-informer li {width: 100%; float: none;}
.viasite-informer li a h3 {font-size: 1.2em; margin-top: 0em; padding-top: 1em;}
.viasite-informer li a {text-decoration: none;}
.viasite-informer li a img {max-height: 64px;}
.main-profile-social-block {padding-left: 0;}
div.soc-serv-accounts table tr {display: block; text-align: left; padding-bottom: 0.6em; }
div.soc-serv-accounts table td {padding-left: 1.6em;}
div.soc-serv-accounts td.soc-serv-name {line-height: 1.3em;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {margin-bottom: 0.5em;}
.nav_blocks a.core-link {overflow: hidden; min-height: 200px; max-height: 320px;}
.nav_blocks > div .nav_block-box {min-height: 50vw; max-height: 150vw;}
a.social {font-size: 2.3em;}
#search.search {width: 96%;}
header .header-top .html-module h1 {text-align: center;}
header .header-top h1::after {display: none;}
header .header-top .top-logo .optionalMenu {padding-left: 22px; padding-right: 22px;}
.stuck-menu.scroll-fix {display: none;}
.bx-subscribe .bx-input-group {width: 80%;}
body .box-subcat li .image {padding: 0; width: 14%;}
body .box-subcat li .name {left: 22%;}
body .product_page-right {padding: 35px;}
body.contacts-page .local_contact > a {display: none;}
body.contacts-page .local_contact > h3{padding-left: 0;}
.tab-content .tab-pane {padding: 0 1em;}
.tab-content .tab-pane#tab-review {text-align: center;}
.tab-pane .bx_item_detail_rating .bx_stars_container {margin: 1em auto;}
.product-reviews .bx_item_detail_rating {padding-left: 0;}
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
header .stuck-menu .sf-menu > li > a {font-size: 10px;}
header .stuck-menu#stuck {position: relative;}
header .header-top .html-module h1 {font-size: 14px; line-height: 14px;}
body .bx-subscribe.newsletter .box-heading,
body .bx-subscribe.newsletter .in-social-networks {display: block; float: none;}
body .bx-subscribe.newsletter .bx_subscribe_submit_container {float: left;}
body .bx-subscribe.newsletter .in-social-networks {margin-bottom: 10px;}
body .bx-subscribe.newsletter form[id^="bx_subscribe_subform"] {width: 62%;}
body .bx-subscribe.newsletter .social-container {text-align: left; width: 38%;}
body .bx-subscribe .bx-form-control {height: 40px;}
}
@media screen and (max-width: 480px) {
.social-container a.social {font-size: 6vw;}
[icon="tg"]::before {background-size: 6vw 6vw;}
}
@media print {
* {border:0; outline:none; font-size:100%; vertical-align:baseline; display:inherit; left:auto; right:auto; top:auto; bottom:auto; transition:none; transform:none; animation:none; box-shadow:none; text-shadow:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
body {line-height:1;}
ol,ul {list-style:inherit;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
body {font-size: 0.9em;}
style, script {display: none;}
header, #bx-panel, .accordion-footer {display: none !important;}
ul.nav.nav-tabs {display: none !important;}
.bx-subscribe.newsletter, div.related-block, ul.viasite-informer,
.product-gallery .image-thumb, jdiv, .form-group.form-horizontal,
.print-section, .bx-share-social, .product-item-detail-tab-content,
#button-cart {display: none !important;}
.product_page-right {width: auto !important;}
h1.product-title {width: 100%; height: auto; overflow: visible; display: block; padding: 0;}
body #tab-description {font-size: 0.9em; line-height: 1.3em;}
.about-site {border-top: solid 2px #000; padding-top: 10px;}
footer {display: none;}
ul, li, p {line-height: 1.2em; margin: 0.3em;}
.container, .container[role="main"] {min-width: none; max-width: none; width: auto; padding: 0.5em 1.5em;}
#productZoom {display: block; width: 100%; height: auto;}
.breadcrumb, .callbackkiller {display: none !important;}
.container * {margin-left: 0 !important; padding-left: 0 !important; margin-bottom: 0 !important; padding-bottom: 0 !important; text-align: left !important; line-height: 1.4em;}
.rd-mobilepanel {display: none;}
.product-gallery .hidden-xs.hidden-sm.hidden-md.text-center {display: block !important; margin-left: 0 !@important; float: none !important;}
.nav_blocks-block, .lookbook-block, #ui-to-top {display: none !important; }
.container p {line-height: 1.3rem;}
.sale-order-detail-payment-options-info-image, .sale-order-detail-payment-options-methods-image-container,
.sale-order-detail-payment-options-shipment-image-container, .sale-order-detail-order-item-img-block,
.sale-order-detail-about-order-inner-container-repeat-button, .sale-order-detail-about-order-inner-container-repeat-cancel,
.sale-order-detail-payment-options-methods-button-element, .sale-order-detail-about-order-inner-container-name-read-more,
.sale-order-detail-back-to-list-link-up, .sale-order-detail-payment-options-methods-info-change-link,
.sale-order-detail-show-link, sale-order-detail-back-to-list-link-down {display: none;}
.sale-order-detail-about-order-inner-container-details {display: block;}
}
/* Viasite popup */
.viasite-popup {position: fixed; z-index: 9999; background: rgba(0,0,0,0); transition: background 0.35s ease-out 0.35s; width: 100%; height: 100%; top: 0; left: 0; display: none;}
.viasite-popup.active {display: table; background: rgba(0,0,0,0.85);}
.popup-content-cell {width: 100%; height: 100%; text-align: center; vertical-align: middle; display: table-cell;}
.viasite-popup.success .popup-content {display: inline-block;}
.popup-content {font: 400 13px/24px "Roboto", sans-serif; color: #616161; padding: 1.2em 0.8em; background: #f1f1f1; border: solid 2px #a8a8a8; margin: 1em; display: none;}
.popup-content h3 {margin-bottom: 10px; line-height: 1em}
.popup-content p {line-height: 1.2em;}
.popup-content .popup-details {margin: 3em 0; text-align: center; }
.popup-content a.btn {margin-bottom: 0.5em;}
.popup-details img {margin-bottom: 3em;}
.viasite-popup.returnform .popup-content {padding: 0.5em 2em; position: relative;}
.viasite-popup.returnform .popup-details {margin: 1em 0;}
.viasite-popup.returnform .popup-details input[type="text"],
.viasite-popup.returnform .popup-details input[type="tel"],
.viasite-popup.returnform .popup-details input[type="email"],
.viasite-popup.returnform .popup-details textarea {background: #fff; margin-bottom: 0.6em; border: solid 1px #e1e1e1; border-radius: 0;}
.viasite-popup.returnform .popup-details textarea {margin-bottom: 1.2em;}
.viasite-popup.returnform h2 {margin-top: 1.3em;}
.viasite-popup.returnform [href="#closeForm"] {position: absolute; right: 0.1em; top: 0.1em; width: 2em; background: #ffd200; color: #ffffff; line-height: 2em; text-align: center;}
.viasite-popup.returnform [href="#closeForm"]::after {font-family: fontAwesome; content: '\f00d';}
.viasite-popup.returnform [href="#closeForm"]::before {content: ''; position: fixed; z-index: -1; top: 0; left: 0; width: 100%; height: 100%;}
.viasite-popup.returnform .popup-details [name="e-mail"] {display: none;}
.viasite-popup .lazy {width: 90px; height: 90px; background-color: #f1f1f1; border-radius: 50%; margin: 0 auto; }
.viasite-popup.active .lazy {display: block;}
.viasite-popup.active.success .lazy {display: none;}
@media screen and (max-width: 768px) {
.popup-content a.btn {display: block;}
}
/* Viasite logo */
#viasite-block-content {width: 5.12vw; position: absolute; right: 0; bottom: 0; transform: translateY(55px);}
#viasite-block-content #viasite-block-text {width: 100%; background: #000;}
#viasite-block-content #viasite-block-text a {outline: none; width: 100%; color: #fff; font-size: 0.62vw; line-height: 1.1em; text-decoration: underline; display: block; padding: 0.5em 0 0.5em 0.8em; font-family: arial;}
#viasite-block-content #viasite-logo-wrap {width: 100%; overflow: hidden;}
#viasite-block-content #viasite-logo-wrap a {outline: none;width: 100%;height: 4.56vw;background: rgba(0,0,0,0.8) url("http://viasite.ru/footer_logo/viasite-logo-white.png") bottom center no-repeat; background-size: auto auto; background-size: cover; display: block; transition: all 0.4s ease-in 0s;text-decoration: none;}
.viasite-logo-place {height: 300px;}
@media (max-width: 1024px) {
#viasite-block-content {right: 100px;}
}
@media (max-width: 768px) {
#viasite-block-content {display: none;}
}
body .bx-soa-cart-total-line.bx-soa-cart-total-line-highlighted {background: #ffd200;}
body .bx-soa-price-free {color: #000;}
html body .bx-soa-location-input-container[data-property-id-row="5"] {display: none;}
/* Callback killer mobile fix */
@media screen and (max-width: 768px) {
.callbackkiller {bottom: 32px !important; left: 50px !important;}
}
/* End */
/* Start:/bitrix/templates/mallstroyhead/template_styles.css?162013998714039*/
/**Спецификации**/
body {
font-family: 'Roboto', sans-serif;
}
ul,
li {
display: block;
padding: 0;
margin: 0;
}
/**Верхняя навигация**/
.menu__item a {
color: black;
font-size: 12px;
}
.menu {
padding-bottom: 13px;
padding-top: 13px;
}
.nav1 {
margin-bottom: 20px;
-webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, .5);
box-shadow: 0 5px 5px -5px rgba(0, 0, 0, .5);
}
/**Второй блок**/
.title__one {
width: 128px;
}
.title__one h1 {
font-size: 18px;
font-weight: bold;
}
.d3 {
border-radius: 7px;
background: #F9F0DA;
}
/**Поиск**/
.d3 form {
border-radius: 7px;
background: #eaeaea;
position: relative;
}
.d3 input,
.d3 button {
border: none;
outline: none;
background: transparent;
}
.d3 input {
width: 100%;
height: 42px;
padding-left: 15px;
font-size: 14px;
font-weight: 300;
overflow: hidden;
display: inline-block;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
padding-right: 40px;
}
.d3 button {
height: 42px;
width: 42px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
}
.d3 button:before {
content: "\f002";
font-family: FontAwesome;
font-size: 22px;
color: #000;
}
.img_d {
width: 42px;
display: block;
}
.title__img {
font-size: 14px;
font-weight: 600;
color: #000;
margin: 0;
}
.title__img p {
text-decoration: none;
color: #000;
}
.slider{
margin: 30px 0;
}
.wrap_ul_menu{
width: 100%;
overflow: hidden;
}
ul.list-icon {
height: 100%;
-webkit-user-select: none;
white-space: nowrap;
width: 100%;
margin-top: 7px;
overflow: auto;
scroll-behavior: smooth;
}
li.menu__item2 a > div{
border-bottom: 2px solid transparent;
}
li.menu__item2.active a > div, li.menu__item2:hover a > div {
border-bottom: 2px solid #ffd200;
}
ul.list-icon li{
display: inline-block;
}
ul.list-icon li:last-child{
margin-right: 20px;
}
.menu__item2 a {
color: black;
font-size: 18px;
font-weight: 200;
text-decoration: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.men2 {
padding-bottom: 13px;
padding-top: 13px;
}
.menu_img {
width: 24px;
margin-right: 5px;
}
.menu_sr {
font-size: 14px;
font-weight: bold;
}
.serch {
margin-top: 20px;
}
.wrap_cart_icon {
position: relative;
}
.wrap_cart_icon span.count {
position: absolute;
top: -10px;
right: -7px;
border-radius: 50%;
background: #f40909;
color: #000;
font-size: 17px;
font-weight: bold;
width: 24px;
height: 24px;
}
/* burger menu */
.burger {
z-index: 1;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: content-box;
box-sizing: content-box;
width: 30px;
height: auto;
padding: 15px 0;
background: 0 0;
border: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
}
.burger span {
position: relative;
display: inline-block;
width: 30px;
height: 2px;
vertical-align: bottom;
-webkit-transition: background .2s .4s;
-o-transition: background .2s .4s;
transition: background .2s .4s;
}
.burger span:before {
border-radius: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
content: "";
position: absolute;
right: 0;
top: 8px;
width: 30px;
height: 2px;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
transition: top .3s .3s ease, width .3s ease, -webkit-transform .3s ease;
-webkit-transition: top .3s .3s ease, width .3s ease, -webkit-transform .3s ease;
-o-transition: top .3s .3s ease, transform .3s ease, width .3s ease;
transition: top .3s .3s ease, transform .3s ease, width .3s ease;
transition: top .3s .3s ease, transform .3s ease, width .3s ease, -webkit-transform .3s ease;
-webkit-transition-delay: .1s;
-o-transition-delay: .1s;
transition-delay: .1s;
}
.burger span:after {
content: "";
position: absolute;
right: 0;
top: -8px;
width: 30px;
height: 2px;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
transition: top .3s .3s ease, width .3s ease, -webkit-transform .3s ease;
-webkit-transition: top .3s .3s ease, width .3s ease, -webkit-transform .3s ease;
-o-transition: top .3s .3s ease, transform .3s ease, width .3s ease;
transition: top .3s .3s ease, transform .3s ease, width .3s ease;
transition: top .3s .3s ease, transform .3s ease, width .3s ease, -webkit-transform .3s ease;
}
.burger span, .burger span:before, .burger span:after{
background: #000;
}
body.menu--open .burger span:after, body.menu--open .burger span:before{
background: #000;
}
body.menu--open .main-nav {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-box-shadow: -1px 0px 3px rgba(0, 0, 0, 0.23);
box-shadow: -1px 0px 3px rgba(0, 0, 0, 0.23);
}
.menu--open .burger > span:before {
-webkit-transform: rotate3d(0,0,1,45deg);
transform: rotate3d(0,0,1,45deg);
}
.menu--open .burger > span:after, .menu--open .burger > span:before{
top: 0;
transition: top .1s,-webkit-transform .1s .1s;
-webkit-transition: top .1s,-webkit-transform .1s .1s;
-o-transition: top .1s,transform .1s .1s;
transition: top .1s,transform .1s .1s;
transition: top .1s,transform .1s .1s,-webkit-transform .1s .1s;
transition: top .1s,transform .1s .1s,-webkit-transform .3s .3s;
width: 30px;
background: #000;
}
.menu--open .burger > span {
background: 0 0 !important;
}
.menu--open .burger > span:after {
-webkit-transform: rotate3d(0,0,1,-45deg);
transform: rotate3d(0,0,1,-45deg);
}
/* burger menu end */
.carousel-control{
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 40px;
height: 40px;
background: #ddd !important;
opacity: 1 !important;
border-radius: 50%;
}
.carousel-control {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.carousel-control.right{
right: -20px;
}
.carousel-control.left{
left: -20px;
}
.nav-black {
padding: 5px 0;
white-space: nowrap;
border-radius: 4px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
}
.nav-black > div{
margin-right: 10px;
}
.nav2-panel {
background: #000;
color: #fff;
padding: 10px;
border-radius: 0 0 4px 4px;
display: none;
}
.nav2-panel a{
display: block;
padding: 4px;
color: #fff;
}
.top_menu{
-ms-flex-pack: flex-end;
-webkit-box-pack: end;
justify-content: flex-end;
}
header .desc{
font-size: 18px;
font-weight: bold;
color: #000;
line-height: normal;
}
header .logo{
margin-right: 20px;
height: 59px; }
}
body.menu--open .nav2-panel{
display: block;
}
body.menu--open .nav-black{
border-radius: 4px 4px 0 0;
}
.sale-link {
background: url(/img/sale.png) center left no-repeat;
background-size: 28px;
padding-left: 40px;
line-height: 32px;
display: inline-block;
margin-right: 20px;
}
.top-link {
background: url(/img/top.png) center left no-repeat;
background-size: 23px;
padding-left: 30px;
line-height: 32px;
display: inline-block;
}
.py-20{
padding: 20px 0;
}
.cart_wrap{
background-size: 40px;
font-size: 18px;
font-weight: bold;
}
.cart_wrap .count{
font-size: 12px;
text-decoration: underline;
}
.d3.flex-grow-1 {
margin: 0 30px;
}
.phone{
font-size: 20px;
font-weight: bold;
}
.col-info-2{
text-align: right;
}
.login svg{
width: 30px;
height: 30px;
margin-right: 10px;
}
.login{
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.col-info{
margin-right: 30px;
}
.login a {
font-weight: bold;
text-decoration: underline;
}
header a{
color: #000;
}
.city svg{
width: 30px;
height: 20px;
color: #ffd200;
}
.city{
cursor: pointer;
}
.underline{
text-decoration: underline;
}
ul.list-icon:after {
content: "";
background: -webkit-gradient(linear, left top, right top, color-stop(10%, rgba(255,255,255,0)), to(rgba(255,255,255,1)));
background: -o-linear-gradient(left, rgba(255,255,255,0) 10%, rgba(255,255,255,1) 100%);
background: linear-gradient(90deg, rgba(255,255,255,0) 10%, rgba(255,255,255,1) 100%);
width: 30px;
height: 100%;
position: absolute;
right: 0;
display: block;
top: 0;
}
.relative{
position: relative;
overflow: hidden;
}
/*bootstrap 4.5 with custon classes*/
.d-block{
display: block;
}
.row-flex{
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.mb-2, .my-2 {
margin-bottom: .5rem!important;
}
.mr-2, .mx-2 {
margin-right: .5rem!important;
}
.mt-2, .my-2 {
margin-top: .5rem!important;
}
.pl-3, .px-3 {
padding-left: 1rem!important;
}
.pr-3, .px-3 {
padding-right: 1rem!important;
}
.ml-2, .mx-2 {
margin-left: .5rem!important;
}
.mr-2, .mx-2 {
margin-right: .5rem!important;
}
.ml-auto, .mx-auto {
margin-left: auto!important;
}
.mr-auto, .mx-auto {
margin-right: auto!important;
}
.flex-grow-1 {
-ms-flex-positive: 1!important;
-webkit-box-flex: 1!important;
flex-grow: 1!important;
}
.d-none {
display: none!important;
}
.align-items-center {
-ms-flex-align: center!important;
-webkit-box-align: center!important;
align-items: center!important;
}
.justify-content-center {
-ms-flex-pack: center!important;
-webkit-box-pack: center!important;
justify-content: center!important;
}
.justify-content-between {
-ms-flex-pack: justify!important;
-webkit-box-pack: justify!important;
justify-content: space-between!important;
}
.flex-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important;
}
.d-flex {
display: -ms-flexbox!important;
display: -webkit-box!important;
display: flex!important;
}
.text-center {
text-align: center!important;
}
.row-flex .col-6 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
}
@media (min-width: 992px){
.d-lg-block {
display: block!important;
}
.d-lg-none {
display: none!important;
}
}
@media (min-width: 768px){
.row-flex .col-md-4 {
-ms-flex: 0 0 33.333333%;
-webkit-box-flex: 0;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-flex .col-md-8 {
-ms-flex: 0 0 66.666667%;
-webkit-box-flex: 0;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
}
@media (min-width: 576px){
.justify-content-sm-between {
-ms-flex-pack: justify!important;
-webkit-box-pack: justify!important;
justify-content: space-between!important;
}
}
@media screen and (max-width: 991px){
body.menu--open .nav2-panel{
display: block;
}
}
@media screen and (max-width: 767px){
.d3.flex-grow-1{
width: 100%;
margin: 10px 0;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.links-info{
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.cart_wrap{
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
}
@media screen and (max-width: 575px){
li.menu__item2 a {
font-size: 14px;
}
.carousel-control.right{
right: 0;
}
.carousel-control.left{
left: 0;
}
.nav-black {
white-space: normal;
}
.col-info-2{
width: 100%;
text-align: right;
}
.links-info a {
width: 100%;
}
}
@media screen and (max-width: 420px){
.links-info{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 50%;
}
.cart_wrap {
background-size: 30px;
padding-left: 40px;
font-size: 16px;
}
}
.1nav3{display: grid;}
.1cart {position: relative !important;}
#viasite_slider{
margin-top: 20px;
margin-bottom: 20px;
}
.cart > button {background:white !important}
.cart > button:hover #cart-total-sum, .active #cart-total-sum{color:black !important}
.cab-link {
background: url(/img/user.png) center left no-repeat;
margin-left: 6px;
background-size: 23px;
padding-left: 28px;
line-height: 32px;
display:inline-block;
}
@media screen and (max-width: 768px){
.links-info a {width:auto !important;}
.cab-link-desc{display:none}
.header{margin-top: 40px;}
}
@media screen and (min-width: 768px){
.cab-link {display:none}
}
/* End */
/* /bitrix/templates/mallstroyhead/fonts/font-awesome/css/font-awesome.min.css?161495190029062 */
/* /bitrix/templates/mallstroyhead/bootstrap/css/bootstrap.min.css?1615359931122540 */
/* /bitrix/templates/mallstroyhead/js/owl.carousel/assets/owl.carousel.css?16149519003751 */
/* /bitrix/templates/mallstroyhead/css/material-design.css?161495190024423 */
/* /bitrix/templates/mallstroyhead/css/material-icons.css?161495190049338 */
/* /bitrix/templates/mallstroyhead/css/fl-outicons.css?16149519006014 */
/* /bitrix/templates/mallstroyhead/js/fancybox/jquery.fancybox.css?16149519003962 */
/* /bitrix/templates/mallstroyhead/css/photoswipe.css?16149519002278 */
/* /bitrix/templates/mallstroyhead/css/stylesheet.css?1646837654238834 */
/* /bitrix/templates/mallstroyhead/css/color_schemes/color_scheme_4.css?161495190015898 */
/* /bitrix/templates/mallstroyhead/css/homebuilder.css?16149519001715 */
/* /bitrix/templates/mallstroyhead/components/twofingers/location/mallstroy/style.css?16194645507798 */
/* /bitrix/templates/mallstroyhead/components/bitrix/search.title/head.form/style.css?16149519002124 */
/* /bitrix/components/bitrix/sale.basket.basket.line/templates/head.basket.new/style.css?16152868764848 */
/* /bitrix/templates/mallstroyhead/components/bitrix/news.list/parallax.banner/style.css?16251671278538 */
/* /bitrix/templates/mallstroyhead/styles.css?162013998732735 */
/* /bitrix/templates/mallstroyhead/template_styles.css?162013998714039 */
.tfl-popup {
border-radius: 0px;
}
.tfl-define-popup {
border-radius: 0px;
}
.tfl-define-popup__main {
color: #000000;
background-color: #fad200;
}
.tfl-define-popup__main:hover {
color: #ffffff;
background-color: #000000;
}
.tfl-define-popup__second {
color: #000000;
background-color: #ffffff;
}
.tfl-define-popup__second:hover {
color: #000000;
background-color: #ffffff;
}
@media screen and (max-width: 767px) {
.tfl-popup {
width: 100%;
height: 100%;
top: 60%;
border-radius: 0;
z-index: 9999999;
/* grid-template-rows: auto auto minmax(50%, max-content);*/
grid-template-rows: auto auto minmax(50%, 1fr);
}
.tfl-popup.tfl-popup_loading {
height: 100%;
}
.tfl-popup__container {
/* float: none;
align-self: stretch;*/
height: 100%;
}
.tfl-popup__with-locations.tfl-popup__with-defaults .tfl-popup__container {
grid-template-columns: 1fr;
grid-template-rows: auto 1fr;
}
.tfl-popup__with-defaults .tfl-popup__defaults {
margin-bottom: 1rem;
height: auto;
}
.tfl-popup .tfl-popup__search-input {
max-width: none;
width: 100%;
}
.tfl-popup__list {
width: 100%;
}