* {margin:0; padding:0;}
body, html {height:100%; min-width:320px; font-family: 'Exo 2', sans-serif; font-size:16px; color:#484742; text-align:center; background:#fff;}
td, input, textarea, button {font-family: 'Exo 2', sans-serif; font-size:16px; color:#484742;}
:focus {outline:none; text-decoration:none;}

a {color:#16a5b6; text-decoration:none;}
a:hover, a:focus {text-decoration:underline;}

p {margin:15px 0 0 0;}
ul {margin:15px 0;}
li {margin:0 20px; list-style:inside;}
img {width:auto; height:auto; max-width:100%; border:none;}
button, label {-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; outline:none;}

table {border-collapse:collapse; margin:10px auto;}
td {border:1px solid silver; padding:2px;}

.clr {clear:both;}

#tWrapp, #mul, .prodList, #catalogMenuWrapp, #footerWrapp, #prodBlock, #artWrapp, .pager {font-size:0;}
.langCurrent span, button, button:hover, .header1 a, #mul li a, #mul li a:hover, .header1 a:hover, .rollOverArrow, .topLevelCat span, #filters, .dropOpened, .dropDownCurrent span, .filterBlock button, .filterBlock button {-webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear;}

@media screen and (min-width:320px), screen and (max-width:320px) {

  .innerWidth {width:100%; min-width:320px;}
  #footerWrapp {background:#000;} #footerWrapp a {color:#fff;}
  #footerPush {display:none;}
  #footerWrapp .innerWidth {height:100%; color:#bebebe;}
  
  #footerWrapp ul {margin:0; padding:0;}
  #footerWrapp ul li {list-style:none; margin:0; padding:0;}
  #footerWrapp ul li a {background:url('/images/icon-footermarker.svg') no-repeat 0 7px; padding:2px 5px 2px 20px; display:block; color:#bebebe;}
  #footerWrapp ul li a:hover {color:#3bacba;}
  .fCell2 {text-align:left; margin:30px; font-size:16px;}
  .fHeader {color:#fff; font-size:23px; font-weight:bold; margin:20px 0; text-align:left;}
  .fInfo {margin:10px 0; padding:0 0 0 30px; background-position:0 0; background-repeat:no-repeat;}
  .fMap {height:200px; margin:0 0 30px 0; overflow:hidden;}
  .fMap iframe {width:100%; height:100%;}
  #footerBlock1 {display:none;}
  
  #headWrapp {overflow:hidden;} #headWrapp .innerWidth {position:relative;}
  #logo {width:200px; height:49px; display:block; background:url('/images/logo.svg') no-repeat center; background-size:cover; margin:22px auto;}
  #tWrapp {margin:10px 0;}
  .phBlock {display:inline-block; vertical-align:middle; margin-left:20px; box-sizing:border-box; padding:0 10px 0 40px; background:url('/images/icon-phone.svg') no-repeat 0 50%; text-align:left; font-size:15px;}
  #cartBtn {cursor:pointer; padding-left:40px; background:url('/images/cart/icon-cart.svg') no-repeat 0 50%; font-size:15px; color:#808080; display:inline-block; vertical-align:middle; margin:10px 20px; text-align:left;} #tCost {font-size:19px;}
  #cartCost {color:#000;}
  #cartTotal, #cartCost {display:block;}

  #langMenu {color:#16a5b6; font-size:18px; font-family:'Montserrat', sans-serif; font-weight:bold; display:inline-block; vertical-align:middle; position:relative;}
  #langMenu div {display:none; position:absolute; top:calc(100% + 5px); left:0; width:100%; background:#f2f2f2; font-size:15px;} #langMenu div a {color:#000; display:block; text-decoration:none; padding:5px;}
  #langMenu div a:hover {background:#82cfe0;}
  .langCurrent {color:#16a5b6; padding:0 14px 0 0; text-decoration:none !important; cursor:pointer;}
  .langCurrent span {background:url('/images/icon-arrow-down.svg') no-repeat 100% 50%; display:inline-block; width:13px; height:22px; vertical-align:middle; margin-left:13px;}
  .langOpened, .dropOpened {-moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
  
  #menuWrapp {background:#16a5b6; height:55px; position:relative;}
  #menuOpen {height:100%; background:url('/images/icon-menu.svg') no-repeat center; display:block; cursor:pointer;}
  .mclose {background:url('/images/icon-menu-close.svg') no-repeat center !important;}
  #mul {display:none; border:1px solid #cecece; border-top:none; box-sizing:border-box; position:absolute; left:50%; z-index:10; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background:#fff; margin:0; padding:20px 0; width:auto; min-width:280px; box-sizing:border-box;}
  #mul li {list-style:none; margin:0; padding:0;}
  #mul li a {font-size:19px; color:#000; display:block; padding:10px 30px; text-decoration:none;}
  #menuPush {display:none; height:55px;}
  .floatMenu {position:fixed !important; top:0; left:0; z-index:100; width:100%; -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2); box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2);}
  .floatMenu #menuPush {display:block !important;}
  
  #indexBg {height:350px; background:url('/images/indexbg.jpg') no-repeat center; background-size:cover;}
  #indexBg .innerWidth {position:relative; height:100%;}
  #indexBg .innerWidth div {text-align:left; overflow:hidden; position:absolute; top:50%; left:25px; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
  #indexBg .innerWidth div p {font-size:27px; color:#484742; text-transform:uppercase; font-weight:700; margin:0 0 20px 0;}
  #indexBg .innerWidth div button {height:45px; line-height:45px; padding:0 20px; border:none; background:#3bacba; color:#fff; cursor:pointer;}
  #indexBg .innerWidth div button:hover, .filterBlock button:hover {background:#82cfe0;}

  .header2 {color:#000; font-size:25px; font-weight:bold; text-align:left; margin:10px 0 20px 0; padding:0;}
  .header1 {color:#000; font-size:25px; font-weight:bold; text-align:left; margin:30px 0; position:relative;}
  .header1 a {position:absolute; top:0; right:0; font-size:14px; color:#fff; text-decoration:none; background:#3bacba; height:34px; line-height:34px; display:block; padding:0 10px;}
  .header1 a:hover {background:#82cfe0;}
  #actionWrapp {padding:0 10px 30px 10px; text-align:left;}

  .prodList {}
  .itemBlock {display:inline-block; vertical-align:top; width:140px; margin:10px;}
  .itemBlock a {text-decoration:none;}
  .itemBlock a:hover .itemName {color:#16a5b6;}
  .itemPhoto {width:140px; height:140px; display:block; background-color:#f2f2f2; background-position:center; background-size:cover; background-repeat:center;}
  .itemAction .itemPhoto {position:relative;}
  .itemAction .itemPhoto:before {position:absolute; top:10px; left:10px; background:#c70a0a; content:"АКЦИЯ"; display:block; z-index:10; color:#fff; font-size:12px; padding:2px 5px;}
  .itemName {font-size:16px; color:#808080; text-align:left; display:block; padding:10px 0;}
  .itemPrice {color:#000; font-size:15px; text-align:left; display:block;} .itemPrice span {color:#b5b5b5; text-decoration:line-through; display:inline-block; margin-left:10px;}
  .itemOption {font-size:13px; margin:-5px 0 5px 0; display:block; color:#808080; text-align:left;}
  
  #catalogWrapp {margin:30px 10px;}
  #catalogWrapp2 {margin:20px 10px;} #catalogWrapp2 .txt {margin:20px 0;}
  #catalogMenuWrapp {text-align:center; margin:0 0 10px 0;}
  .dropDownWrapp {border:1px solid #cecece; height:48px; line-height:48px; font-size:16px; margin:5px 0; position:relative; text-align:left;}
  .dropDownList {position:absolute; top:48px; left:-1px; z-index:1; background:#fff; border:1px solid #cecece; border-top:none; width:100%; -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2); box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2);display:none;}
  .dropDownList span {display:block; height:48px; line-height:48px; padding:0 15px; cursor:pointer; white-space:nowrap;}
  .dropDownCurrent {display:block; height:48px; line-height:48px; padding:0 40px 0 15px; cursor:pointer; font-weight:bold; position:relative; min-width:150px;}
  .dropDownCurrent span {display:block; position:absolute; top:0; right:0; background:url('/images/icon-arrow-down.svg') no-repeat 50% 22px; width:30px; height:48px;}
  .catActive {font-weight:bold;}
  
  #filtersWrapp {font-size:18px;}
  #filtersOverlay {position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000; background:rgba(0,0,0,0.5); display:none; text-align:left;}
  #filters {text-align:left; background:#fff; position:absolute; top:0; left:-300px; height:100%; overflow:auto; width:300px; /*-moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);*/}
  #fUl {margin:20px; padding:10px 0;}
  #filters ul li {list-style:none;}
  #filters ul li ul {display:none; margin:0; padding:10px 0;}
  #filters ul li ul li {margin:0; padding:0;}
  #filters ul li ul li a {color:#000; font-size:18px; display:block; padding:5px 0 5px 15px; background:url('/images/icon-menumarker.svg') no-repeat 0 12px;}
  .topLevelCat {color:#16a5b6; font-size:20px; font-weight:bold; position:relative; padding-right:30px; cursor:pointer; display:block; margin:0 0 10px 0;}
  .topLevelCat span {display:block; width:13px; height:22px; position:absolute; top:3px; right:0; background:url('/images/icon-arrow-down.svg') no-repeat center;}
  .rollOverArrow {-moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
  #openFiltersBtn {height:50px; line-height:50px; background:#3bacba; display:block; padding:0 20px; color:#fff; font-size:16px; font-weight:bold; cursor:pointer;}
  #openFiltersBtn span {background:url('/images/icon-tools.svg') no-repeat center; width:20px; height:20px; display:inline-block; vertical-align:middle; margin-left:20px;}
  .openedFilters {display:block !important;}
  .openedFilters #filters {}
  .filterBlock {font-size:14px; padding:10px 20px;}
  .filterBlock strong {display:block; margin:12px 0 0 0; text-transform:uppercase; color:#000;}
  .filterBlock label {display:block; margin:8px 0; position:relative; padding-left:22px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
  .filterBlock input[type="checkbox"] {position:absolute; opacity:0; cursor:pointer; height:0; width:0;}
  .checkmark {position:absolute; top:1px; left:0; height:14px; width:14px; background:none; border:1px solid #d2d2d2; border-radius:3px;}
  .filterBlock label:hover input ~ .checkmark {background-color:#eee;}
  .filterBlock label input:checked ~ .checkmark {border-color:#3bacba; background:url('/images/icon-checkbox.svg') no-repeat center #3bacba;}
  .filterBlock button {height:32px; line-height:32px; background:#16a5b6; border:none; font-size:14px; color:#fff; text-transform:uppercase; padding:0 10px; cursor:pointer; margin:10px 0 0 0;}
  #resetFilters {margin-left:10px; filter: grayscale(100%);}
  #brandsFilter {border-top:1px solid #cecece; border-bottom:1px solid #cecece;}
  #customFilters {}
  #priceFilter {padding-top:0; border-top:1px solid #cecece;}
  #priceFilter button {display:inline-block !important; vertical-align:bottom;}
  #priceFilter input {display:inline-block; width:70px; vertical-align:bottom;}
  #priceFilter span {vertical-align:bottom; line-height:32px;}
  #priceFilter strong {margin:10px 0 5px 0;}

  
  .txt {text-align:justify; margin:10px; font-size:16px;}
  #prodBlock {}
  .navLine {text-align:left; font-size:15px; color:#000; margin:10px;}
  .navLine a {color:#000; text-decoration:underline;} .navLine a:hover {text-decoration:none;} .navLine span {color:#16a5b6;}
  #prodLeft, #prodRight {font-size:16px; margin:10px; text-align:left;}
  #fotoramaWrapp {}
  .prName {font-size:25px; margin:0 0 20px 0; padding:0; font-weight:normal; color:#000;}
  #prPrice {font-weight:bold; font-size:20px; color:#000; margin:20px 0;}
  #prOptions {text-align:left;}
  #prOptions input[type="radio"] {display:none;}
  #prOptions label {display:block; background:none; padding:8px 10px; margin:10px 0; cursor:pointer; font-size:19px; -webkit-box-shadow:inset 0 0 0 1px #cecece; box-shadow:inset 0 0 0 1px #cecece;}
  #prOptions input[type="radio"]:checked+label {-webkit-box-shadow:inset 0 0 0 2px #16a5b6; box-shadow:inset 0 0 0 2px #16a5b6;}
  .optName,.optText,.optPrice {display:block;}
  .optName {font-size:18px; font-weight:bold; color:#16a5b6;}
  .optText {font-size:14px; margin:5px 0;}
  .optPrice {font-size:14px; font-weight:bold;}
  .optPrice span {color:#b5b5b5; text-decoration:line-through; margin-left:10px;}
  #prodRight table {margin:20px auto 20px 0;}
  #prodRight table td {border:none; font-size:16px; padding:7px 30px 7px 0;}
  #prodRight table td:nth-child(even) {font-weight:bold;}
  .addToCart {margin:20px 0;}
  .addToCart button, .addToCart input {height:46px; line-height:46px; padding:0 20px; box-sizing:border-box;}
  .addToCart button {background:#3bacba; border:none; cursor:pointer; color:#fff;}
  .addToCart button:hover {background:#82cfe0;}
  .addToCart input {border:1px solid #cecece; width:70px; text-align:center;}

  .moreProdsHeader {color:#000; font-weight:bold; font-size:25px; text-align:left; margin:20px 10px; padding-right:70px;}
/*   .fotorama__nav {text-align:left !important;} */
/*   .fotorama__thumb-border {margin:5px 5px 0 0 !important;} */
  .artItem {margin:10px 0}
  .artName {font-size:23px; text-align:left;}
  .artPre {font-size:18px;}
  
}

@media screen and (min-width:768px) {

  #mainWrapp {overflow-x:hidden;}
  .innerWidth {width:768px; margin:0 auto;}
  #footerWrapp .innerWidth {height:100%; position:relative;}
  .fCell2 {text-align:left; margin:10px; display:inline-block; box-sizing:border-box; width:calc(50% - 20px); vertical-align:top;}
  #footerBlock1 {margin:0 10px; border-bottom:1px solid #3b3b3b; display:block;}
/*   #footerBlock1 .fHeader {margin-left:10px;} */
  .fMenuBlock {font-size:15px; display:inline-block; vertical-align:top; text-align:left; margin:20px 20px 10px 0;}
  .fMenuBlock p {color:#82cfe0; text-transform:uppercase; margin:0 0 10px 0;}
  
  .phBlock {font-size:20px;}
  
  #menuOpen {display:none;}
  #mul {display:block !important; background:none; position:static; -moz-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); border:none; padding:0; height:55px;}
  #mul li {display:inline-block; height:55px;}
  #mul li a {color:#fff; font-size:20px; padding:0 10px; height:55px; line-height:55px;}
  #mul li a:hover {color:#000; text-decoration:none; background:#82cfe0;}
  
  #indexBg .innerWidth div p {font-size:34px;}

  .header1, .header2 {font-size:35px;} .header1 a {font-size:17px; height:46px; line-height:46px; padding:0 20px;}

  .prodList, .prodList2 {text-align:left; /*display:flex; justify-content:space-between;*/}
  .itemName {font-size:18px;}
  .itemPrice {font-size:18px; background:url('/images/icon-cart-small.svg') no-repeat 100% 3px;}
  .itemBlock a {background:url('/images/icon-cart-small-a.svg') no-repeat -2000px -2000px;}
  .itemBlock a:hover .itemPrice {background-image:url('/images/icon-cart-small-a.svg');}
  .itemAction .itemPhoto:before {font-size:14px;}
  .itemBlock {width:230px; margin:0 16px 15px 0;}
  .itemPhoto {width:230px; height:230px;}
  
  #actPageWrapp {text-align:left;}

  #catalogMenuWrapp {text-align:justify;}
  .prodList2 {}
  .dropDownWrapp {display:inline-block; vertical-align:top; margin:0 5px;}
  
  #filtersWrapp {display:inline-block; margin-right:5px;}

  .prName {font-size:30px;}
  #prPrice {font-size:25px;}

  .moreProdsHeader {font-size:35px;}

  .artItem {display:inline-block; vertical-align:top; width:calc(50% - 20px); margin:0 20px 20px 0;}
  
}

@media screen and (min-width:1200px) {

  #mainWrapp {min-height:100%; height:auto !important; height:100%;}
  .innerWidth {width:1200px;}
  .fCell2 {width:calc(30% - 20px);}
  .fMap {display:inline-block; vertical-align:top; width:calc(40% - 20px); margin:30px 10px;}
  .footerOther {height:260px; margin-top:-260px;}
  #footerPush {display:block; height:260px;}

  #headWrapp .innerWidth {position:relative; height:135px;}

  #logo {position:absolute; top:50%; left:25px; margin:-33px 0 0 0; width:270px; height:66px;}
  #tWrapp {position:absolute; right:0; top:50%; margin:0; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
  
  #indexBg {height:676px;}
  #indexBg .innerWidth div p {font-size:50px;}
  #indexBg .innerWidth div button {font-size:20px;}

  #mul {width:1200px; margin:0 auto; text-align:left;}
  #mul li a {font-size:23px; padding:0 25px;}
  
  .itemBlock {width:260px; margin:0 35px 15px 0;}
  .itemPhoto {width:260px; height:260px;}
  .prodList2 {margin-left:280px;}
  
  #catalogMenuWrapp {text-align:right;}
  #filtersWrapp {float:left; border:1px solid #cecece; width:260px;}
  #openFiltersBtn {display:none;}
  #filtersOverlay {position:static; display:block; z-index:1; background:none;}
  #filters {position:static; max-height:none; width:auto; -moz-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}
  #fUl {margin:0; padding:20px 0px;}

  #prodLeft, #prodRight {display:inline-block; vertical-align:top; width:calc(50% - 20px);}

  .artItem {width:calc(25% - 20px);}
  
  .txt {margin:10px 0;}
  
}

#footerWrapp {overflow:hidden;}
.fieldError {border:1px solid red !important;}

.pager {margin:20px 0; text-align:left;}
.pager a {height:30px; line-height:30px; display:inline-block; font-size:18px; color:#484742; padding:0 7px; margin:0 5px;}
.pager a:hover {color:#000; text-decoration:none;}
.page-active {color:#3bacba !important; text-decoration:underline;}
.pgrRight, .pgrLeft {-webkit-box-shadow: 0 0 0 1px #d9d9d9; box-shadow: 0 0 0 1px #d9d9d9; background:url('/images/icon-footermarker.svg') no-repeat center; padding:0 10px !important;}
.pgrLeft {-moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.fMap iframe {overflow:hidden; border:none; margin:0;}

#loadingWrapp {position:fixed; top:0; left:0; width:100%; height:100%; z-index:1001; background:url('/images/loading.svg') no-repeat center rgba(0,0,0,0.6);}

#formBackground {position:fixed; top:0; left:0; z-index:1001; width:100%; height:100%; background:rgba(0,0,0,0.4);}
#floatFormWrapp {width:90%; display:inline-block; max-width:400px; background:#fff; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.6); box-shadow: 0 0 10px 0 rgba(0,0,0,0.6); position:relative; margin-top:20%; padding:20px 0;}
#floatFormClose {width:40px; height:40px; background:url('/images/cart/icon-close.svg') no-repeat center; cursor:pointer; position:absolute; top:0; right:0;}
#floatFormClose:hover {opacity:0.6;}
#floatFormWrapp p {margin:5px auto; width:90%; text-align:left;}
#floatFormClose:hover {opacity:0.8;}
.frName {font-weight:bold; color:#000; font-size:25px; margin-top:15px !important; margin-bottom:10px !important; text-align:center !important;}
#floatFormWrapp button {height:45px; line-height:45px; padding:0 60px; margin:30px 0 0 0; background:#3bacba; cursor:pointer; border:none; color:#fff;}
#floatFormWrapp button:hover, .filterBlock button:hover {background:#82cfe0;}
#floatFormWrapp input {border:1px solid #cecece; display:block; margin:10px 0; width:calc(90% - 20px); padding:0 10px; line-height:45px; height:45px; margin:0 auto;}
#loading {text-align:center; margin:40px 20px 20px 20px;}
#loading span {width:40px; height:40px; display:inline-block; margin:0 auto; background:url('/images/loading.svg') no-repeat center;}