@font-face {
    font-family: 'isadora';
    src: url("../fonts/isadora.eot");
    src: url("../fonts/isadora.eot?#iefix")format("embedded-opentype"),
    url("../fonts/isadora.woff") format("woff"),
    url("../fonts/isadora.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'exo2medium';
    src: url("../fonts/exo2medium.eot");
    src: url("../fonts/exo2medium.eot?#iefix")format("embedded-opentype"),
    url("../fonts/exo2medium.woff") format("woff"),
    url("../fonts/exo2medium.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'exo2semibold';
    src: url("../fonts/exo2semibold.eot");
    src: url("../fonts/exo2semibold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/exo2semibold.woff") format("woff"),
    url("../fonts/exo2semibold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'exo2bold';
    src: url("../fonts/exo2bold.eot");
    src: url("../fonts/exo2bold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/exo2bold.woff") format("woff"),
    url("../fonts/exo2bold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

html, body{padding: 0; margin: 0; height: 100%; width: 100%; font-family: 'exo2medium'; font-size: 18px; color: #222; line-height: 130%; }
body{min-width: 300px; background: #fff; overflow-x: hidden;}

a img{border: none;}
input:focus, textarea:focus  {outline: none;} 
a img{border: none;}
a{outline: none;}
input[type="reset"]::-moz-focus-inner, 
input[type="button"]::-moz-focus-inner, 
input[type="submit"]::-moz-focus-inner
 {
border: none; 
} 
ul, ul>li {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
} 
header, nav, section, article, aside, footer {display:block;}

.wrapper {
    position: relative;
    min-height: 100%;
}
.content {
	padding-bottom: 160px; 
}

header{background: url(../img/head6.jpg) 0 0 #ccc; height: 160px;}
#head-wrap{max-width: 1500px; min-width: 300px; height: 125px;  padding-top: 35px; margin: 0 auto; position: relative; text-align: center;}
a#logo img{width: 540px; height: 98px;}
#tel-box{font-family: 'exo2semibold'; text-align: center;  width: 200px; position: absolute; left: 0; top: 40px;  }
a#tel{-moz-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    transition: all 600ms ease; text-decoration: none; color: #222; font-size: 25px; border-bottom: 2px dashed #de1741; display: inline-block; margin-bottom: 10px;}
a#tel:hover{border-color: transparent; color: #de1741; }
span.tel-kod{font-size: 18px;}
#tel-box ul{display: inline-block; padding: 0; margin: 0;}
#tel-box ul li, #tel-box ul li a{display: inline-block; width: 33px; height: 35px; position: relative;  background-size: cover;}
#tel-box ul li{margin-left: 15px; margin-right: 15px;}
#tel-box ul li a{text-indent: -9999px;}
a#viber-ico{background: url(../img/viber-ico.png);}
a#whatsapp-ico{background: url(../img/watsapp-ico.png); }

#head-right{width: 200px;  text-align: center; position: absolute; top: 15px; right: 0px; }
#log_box a{font-family: 'exo2semibold'; -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    -o-transition: all 350ms ease;
    -ms-transition: all 350ms ease;
    transition: all 350ms ease; font-size: 15px; color: #333; text-decoration: none; border-bottom: 1px dashed #de1741;}
#log_box a:hover{color: #de1741; border: none;}
a#cart_box{  -moz-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    transition: all 600ms ease; text-align: center; box-shadow: 0 1px 3px rgba(0,0,0,0.1); position: relative; background-color: rgba(256,256,256,0.7);  font-family: 'exo2semibold'; text-transform: uppercase; font-size: 14px; width: 200px; color: #777; height: 28px; padding-top: 5px; display: inline-block;  text-decoration: none; margin-top: 10px;}
a#cart_box:hover{background-color: rgba(256,256,256,1);}
a#cart_box:before{content: ""; position: absolute; left: 11px; top: 5px; width: 31px; height: 24px; background: url(../img/cart-ico.png);}
a#cart_box span:first-child{padding-left: 30px;}
#addr-box{line-height: 105%; margin-bottom: 12px;}
#addr-box p{font-size: 16px; margin: 0;} 


nav{height: 50px; background: url("../img/nav1.png"); position: relative; z-index: 5;  box-shadow: 0 1px  3px rgba(0,0,0,0.28), 0 -1px  2px rgba(0,0,0,0.1) ; line-height: 100%; border-top: 1px #fff solid; border-bottom: 1px #fff solid;}
#nav-wrap{max-width: 1500px; min-width: 300px; height: 50px; margin: 0 auto; position: relative;}
#nav-wrap ul{display: inline-block;}
ul#nav2 li, ul#nav1 li{display: inline-block; margin-left: 19px; margin-right: 19px; }

a#shop:before{content: ""; position: absolute; left: 4px; top: 6px; width: 26px; height: 20px; background: url(../img/cart-ico-mini.png);}
a#portfol:before{content: ""; position: absolute; left: 7px; top: 6px; width: 20px; height: 20px; background: url(../img/portf-ico-mini.png);}


#nav1{position: absolute; left: 0; top: 0px; }
ul#nav1 li{padding-top: 8px;}
#nav1 li:first-child{ margin-left: 0; }

#nav1 a{border: 1px solid #de1741;    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease; text-align: center; position: relative; background-color: rgba(256,256,256,0.7);  font-family: 'exo2semibold'; text-transform: uppercase; font-size: 14px; color: #222; height: 25px; padding-top: 7px; display: inline-block;  text-decoration: none; padding-left: 35px; padding-right: 8px;}
#nav1 a:hover{color: #de1741; background-color: rgba(256,256,256,1); box-shadow: 2px 2px 5px rgba(0,0,0,0.25); }

#nav2{position: absolute; right: 0; top: 4px; }
ul#nav2 li{padding-top: 10px;}
#nav2 li:last-child{margin-right: 0px;}
#nav2 a{display: inline-block; text-decoration: none; position: relative; color: #222; font-size: 18px; text-shadow: 
		-0   -2px 0   #FFFFFF,
		 0   -2px 0   #FFFFFF,
		-0    2px 0   #FFFFFF,
		 0    2px 0   #FFFFFF,
		-2px -0   0   #FFFFFF,
		 2px -0   0   #FFFFFF,
		-2px  0   0   #FFFFFF,
		 2px  0   0   #FFFFFF,
		-1px -2px 0   #FFFFFF,
		 1px -2px 0   #FFFFFF,
		-1px  2px 0   #FFFFFF,
		 1px  2px 0   #FFFFFF,
		-2px -1px 0   #FFFFFF,
		 2px -1px 0   #FFFFFF,
		-2px  1px 0   #FFFFFF,
		 2px  1px 0   #FFFFFF,
		-2px -2px 0   #FFFFFF,
		 2px -2px 0   #FFFFFF,
		-2px  2px 0   #FFFFFF,
		 2px  2px 0   #FFFFFF,
		-2px -2px 0   #FFFFFF,
		 2px -2px 0   #FFFFFF,
		-2px  2px 0   #FFFFFF,
		 2px  2px 0   #FFFFFF;}
#nav2 a:hover{color: #555;}
#nav2>li>a:after{ -webkit-transition: all 650ms ease;
    -moz-transition: all 650ms ease;
    -o-transition: all 650ms ease;
    -ms-transition: all 650ms ease;
    transition: all 650ms ease; content: ""; display: block; position: absolute; width: 0px; height: 1px; background: #de1741; bottom: -6px; left: 50%; }	
#nav2>li>a:hover:after{ width: 100%; left: 0; margin-left: 0;}

div#mobi_btn{padding-top: 10px; height: 34px; display: none;   background: url('../img/nav1.png');}
#nav-toggle { cursor: pointer; cursor: hand; padding: 10px 30px 14px 0px; position: absolute; top: 10px; right: 10px;  }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  cursor: pointer; 
  border-radius: 1px;
  height: 3px;
  width: 30px;
  background: #de1741;
  position: absolute;
  display: block;
  content: '';
}
#nav-toggle span:before {
  top: -10px; 
}
#nav-toggle span:after {
  bottom: -10px;
}

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  transition: all 500ms ease-in-out;
}
#nav-toggle.active span {
  background-color: transparent;  box-shadow: none;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
  top: 0;
}
#nav-toggle.active span:before {
  transform: rotate(45deg);
}
#nav-toggle.active span:after {
  transform: rotate(-45deg);
}


.block3{padding-top: 30px; padding-bottom: 30px; }
.block1{background: #ddd; padding-top: 70px; padding-bottom: 50px; } 
.block2{background: #fff; padding-top: 70px; padding-bottom: 50px; } 
.block5{background: #fff; padding-top: 30px; padding-bottom: 50px; }
#links{font-family: 'exo2bold'; text-align: left; color: #de1741; margin-bottom: 60px; font-size: 17px; }
#links span{ color: #777; font-family: 'exo2medium'; }
#links a{font-family: 'exo2medium'; color: #777; text-decoration: none; border-bottom: 1px dashed #de1741;}
#links a:hover{color: #de1741; border: none;}
 
div.wrap-box1, div.wrap-box2, div.wrap-box-white{max-width: 1500px; min-width: 300px; margin: 0 auto;}
div.wrap-box-white{text-align: center; color: #fff;}
div.wrap-box-white h3{margin-top: 0; margin-bottom: 35px; font-weight: normal; font-size: 35px; text-transform: uppercase; font-family: 'exo2semibold';}
div.wrap-box-white h3 span{display: inline-block; border: 2px #d62b4f solid; padding: 20px;}
p.str1{font-size: 25px;}
p.str2{font-size: 20px;}
p.str2 span{font-family: 'exo2bold'; color: #d62b4f;}
div.wrap-box1 h1, div.wrap-box1 h2{font-family: 'exo2medium'; font-weight: normal; line-height: 100%; position: relative; font-size: 50px;  margin-bottom: 60px; margin-top: 0; }
div.wrap-box1 h1:before, div.wrap-box1 h2:before {content: ""; display: block;position: absolute; width: 140px; height: 9px; background: url(../img/h1.png); bottom: -20px; left: 50%; margin-left: -70px;}

.block4{background: url("../img/balls-bg.jpg") no-repeat center top fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; padding-top: 100px;  padding-bottom: 100px;}

.cont-txt{font-size: 18px;}
.cont-txt p{text-align: justify;}
.cont-txt a{-webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease; 
    -o-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    transition: all 400ms ease; text-decoration: none; font-family: 'exo2semibold'; color: #333; border-bottom: 1px solid #d62b4f;}
.cont-txt a:hover{background: #d62b4f; color: #fff;}
.cont-txt ul>li{margin-top: 13px; margin-bottom: 17px; padding-left: 44px;  position: relative;}
.cont-txt ul>li:before{content:""; width: 26px; height: 28px; background: url('../img/li.png'); position: absolute; top: 1px; left: 8px;} 
.cont-txt ul li#opl1, .cont-txt ul li#opl2, .cont-txt ul li#opl3{padding-left: 88px;}
.cont-txt ul li#opl1:before{width: 39px; height: 28px; background: url('../img/opl1.png'); background-size: cover;  top: 0; left: 0;}
.cont-txt ul li#opl2:before{content:""; width: 61px; height: 28px; background: url('../img/opl2.png'); background-size: cover;  top: 0; left: 0;}
.cont-txt ul li#opl3:before{content:""; width: 81px; height: 28px; background: url('../img/opl3.png'); background-size: cover;  top: 0; left: 0;}
.cont-txt ul li:first-child{margin-top: 0; }
.cont-txt strong{font-weight: normal; font-family: 'exo2bold'; color: #333; }
.cont-txt li{position: relative; margin-top: 11px; margin-bottom: 11px; padding-left: 30px;  }
.cont-txt li:before{content:""; width: 20px; height: 20px; background: url('../img/li.png'); position: absolute; left: 0; top: 3px; }
div.cont-txt table, div.cont-txt1 table{width: 100%; border-collapse: collapse; }
div.cont-txt table{margin-top: 30px; margin-bottom: 30px;}
div.cont-txt table td, div.cont-txt1 table td{padding-top: 6px; padding-bottom: 6px;}
div.cont-txt table tr{border-top: 1px #a17f86 solid; border-bottom: 1px #a17f86 solid;}
div.cont-txt table tr:nth-child(odd) {background: rgba(0,0,0,0.06);}
div.cont-txt1 table td {border: 1px #a17f86 solid; font-size: 15px;}
div.cont-txt h3{font-weight: normal; font-family: 'exo2semibold'; text-transform: uppercase; margin-top: 60px; font-size: 25px; }

div.cont-txt ol {
        display: block;
        counter-reset: wslist1;/*сбрасываем счетчик списка*/
        color:#000;
        list-style: none;/*отменяем маркер по умолчанию*/
}
div.cont-txt ol > li {
        margin: 0 0 1em 0; padding:0;
        position:relative;/*позиционирование внутри элемента */
}
div.cont-txt ol > li::before {
        background: #d62b4f;
        border-radius: 50%;
        color: #fff;
        content: counter(wslist1);/* вывод счетчика*/
        counter-increment: wslist1;/*значение счетчика увеличиваем на один */
        display: inline-block;
        height: 18px;
        left: -40px;
        line-height: 18px;
        padding: 5px;
        position: absolute;/*абсолютное позиционирование*/
        text-align: center;
        top: -1px;
        transition: all 0.3s ease 0s;
        width: 18px; font-size: 16px;
}




.red{font-weight: normal; font-family: 'exo2bold'; color: #d62b4f;}
.center{text-align: center !important;}

a.type{text-decoration: none; width: 32%; margin-right: 2%; margin-bottom: 40px; display: inline-block; vertical-align: top; text-align:center; overflow: hidden; }
a.type:nth-child(3n+3){margin-right: 0;}

a.type img{width: 100%; vertical-align: bottom;}
span.tit-out{ display:table; width: 100%; margin-top: 0;} 
span.tit-in{-webkit-transition: all 1000ms ease-out;
    -moz-transition: all 1000ms ease-out;  
    -o-transition: all 1000ms ease-out;
    -ms-transition: all 1000ms ease-out;
    transition: all 1000ms ease-out; padding-left: 5px; padding-right: 5px; display: table-cell; height: 44px; vertical-align: middle; background: url("../img/type-tit.jpg") 0 100%; border-top: 3px #d62b4f solid; border-bottom: 3px #d62b4f solid; line-height: 110%; padding-top: 5px; padding-bottom: 5px; color: #333; font-size: 19px; }

span.more{text-transform: uppercase; width: 110px;font-size: 16px; padding-top: 15px; padding-bottom: 15px; line-height: 110%; padding-left: 10px; padding-right: 10px; position: absolute; top: 50%; margin-top: -35px; left: 50%; margin-left: -70px; opacity: 0; display: block; background: rgba(256,256,256,0.7); color: #333;
-webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease; 
    -o-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    transition: all 600ms ease;}
a.type:hover span.more{opacity: 1;}
a.main-pict:hover span.more{opacity: 1;}
span.more:hover{background: rgba(256,256,256,0.9);}
a.type:hover span.tit-in{background: url("../img/type-tit.jpg") 0 0;color: #fff;}

div.photo-box{ -webkit-transition: all 650ms ease;
    -moz-transition: all 650ms ease;
    -o-transition: all 650ms ease;
    -ms-transition: all 650ms ease;
    transition: all 650ms ease; margin: 0 1% 25px 1%; display: inline-block; vertical-align: top; text-align:center; position: relative; width: 30%; box-shadow: 0 2px 4px rgba(0,0,0,0.45); border: 1px #fff solid;}

div.photo-box img{width: 100%; vertical-align: bottom;}
span.zoom{width: 78px; height: 77px; position: absolute; top: 50%; left: 50%; margin-left: -39px; margin-top: -38px; opacity: 0.4; display: block; background: url(../img/zoom.png); 
-webkit-transition: all 900ms ease;
    -moz-transition: all 900ms ease; 
    -o-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    transition: all 900ms ease; z-index: 3;}
div.photo-box:hover span.zoom{opacity: 0.8;}

div.img-box{position: relative; margin-bottom: 3px;} 
div.img-box:hover span.zoom{opacity: 0.8;}

.cat-out{padding-bottom: 40px;}
.obj-box{text-align: center; -webkit-transition: all 650ms ease;
    -moz-transition: all 650ms ease;
    -o-transition: all 650ms ease;
    -ms-transition: all 650ms ease;
    transition: all 650ms ease;display: inline-block; margin-right: 1%; background:#fff;  width: 23.5%; padding-bottom: 10px; margin-top: 20px; vertical-align: bottom; }
.obj-box:nth-child(4n+4){margin-right: 0;}

.obj-box img{width: 100%; vertical-align: bottom;}
.cena-obj{color: #d62b4f; margin-bottom: 10px; font-size: 18px; }
.cena-obj span{font-family: 'exo2bold';}
a.to_cart, a.tovar_to_cart{vertical-align: middle; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; color: #333; display: inline-block; padding: 4px 10px;text-transform: uppercase; text-decoration: none; font-family: 'exo2semibold'; }
a.to_cart{box-shadow:inset 0px 0px 0px 1px #bab9b6; margin-left: 5px; background: #e2e1e1 url('../img/cart-mini.png') no-repeat 6px 7px; font-size: 14px; padding-left: 32px;} 
a.to_cart:hover, a.tovar_to_cart:hover{background-color:#d9d8d8;}
.obj-box input[type=number]{width: 30px; height: 22px; line-height: 22px; vertical-align: middle; border: 1px solid #aaa; padding-left: 3px;}
 input[type=number]:focus{border-color: #d62b4f;}
div.obj-opis{text-align: center; display: table; line-height: 100%; background: #e2e1e1;  padding-top: 5px; padding-bottom: 5px; margin-bottom: 9px; margin-top: 8px; height: 40px; width: 100%;}
div.obj-opis-into{color: #333; display: table-cell; height: 40px; width: 100%; vertical-align: middle; text-align: center;  font-family: 'exo2semibold'; font-size: 15px;}


div.cart-outer{position: relative;}
div.cart_bubble{box-shadow: 0 3px 5px rgba(0,0,0,0.3);line-height: 150%; color: #222;  font-size: 19px; position: absolute; z-index: 100; left: 50%; margin-left: -40%; text-align: center; background: url('../img/head6.jpg'); top: -330px; width: 80%; height: 90px; padding-top: 30px; }

div.cart_bubble1{box-shadow: 0 3px 5px rgba(0,0,0,0.3);line-height: 150%; color: #222; font-size: 19px; position: absolute; z-index: 100; left: 0; text-align: center;  background: url('../img/head6.jpg'); top: -300px; width: 300px; height: 90px; padding-top: 30px; }
div.cart_bubble a, div.cart_bubble1 a{color: #d62b4f; font-family: 'exo2semibold'; }
div.cart_bubble a:hover, div.cart_bubble1 a:hover{text-decoration: none;}

footer {
    
    font-size: 17px; width: 100%; height: 140px;  background: #221f20; text-align: center; color: #fff; padding-top: 20px;  z-index: 10; box-shadow: 0 -2px 3px rgba(0,0,0,0.3);
}
footer.main{position: relative;}
footer.page{position: absolute;
    left: 0;
    bottom: 0;}
footer p{margin-top: 6px; margin-bottom: 6px;}
footer p:first-child{margin-top: 0;}
footer p:last-child{margin-bottom: 0; margin-top: 11px;}
footer p a{text-decoration: none; color: #aaa; }
footer p a:hover{color: #fff;}	
footer li{display: inline-block;}
footer li a{-webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease; 
    -o-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    transition: all 600ms ease;border-bottom: 1px #d62b4f dotted; color: #c1bfbf; font-size: 16px; display: inline-block; text-decoration: none; margin-left: 7px; margin-right: 7px; }
footer li a:hover{color: #d62b4f; }


#fuzz, #fuzz1{ position: fixed; z-index: 1000;  top:0; left:0; width:100%; height: 100%;  background: rgba(0,0,0,0.7);   display: none; }
div#window_enter1{position:fixed; width: 560px;  top: 60px; left:50%; margin-left: -280px;  background: url('../img/bubble-bg.jpg');
 	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; 
	border-radius: 5px; padding-top: 35px; padding-bottom: 35px;   display: none; }
div#window_enter2{ position:fixed; width:360px; height: 350px;  top: 50px; left:50%; margin-left: -180px;   background: url('../img/bubble-bg.jpg');
	 -webkit-border-radius: 5px;
	-moz-border-radius: 5px; border-radius: 5px;}
div#window_into{padding-left: 25px; padding-right: 25px;}		
div.enter_tit, div.enter_tit1{text-transform: uppercase; font-family: 'exo2semibold'; color: #fff; text-align: center; margin-bottom: 25px; font-size: 24px;}	
div.enter_tit1{padding-top: 30px; }
 div#window_enter2 input[type=text]{padding-left: 5px; padding-top: 9px; padding-bottom: 9px; display: block; margin-bottom: 25px;  width: 99%; font-size: 16px;  line-height: 16px; border: none; 
 -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;}

.tit-link{border-bottom: 2px #eb5071 dashed; cursor: pointer; cursor: hand;}
div#error, div#error2, #err_rem, div#err3{font-family: 'exo2semibold'; color: #fff; font-size: 18px; text-align: center; margin-top: 18px; }

div#form1, div#form2{width: 300px; margin: 0 auto; padding-top: 15px; display: none; }

.input-box{width: 100%;height: 32px; position: relative; margin-bottom: 40px;}
div#fuzz input[type=text]{ font-size: 13px; position: relative; } 
div#fuzz input[type=text], div#fuzz input[type=password]{box-shadow: inset 1px 1px 3px rgba(0,0,0,0.95); border: none; -moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px; height: 32px; line-height: 32px; padding-left: 5px; width: 100%; background-color: #fff; 
}

 .send_btn{display: block;  margin: 0 auto;  cursor: pointer; cursor: hand;  -webkit-transition: all .4s ease; 
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;  background: #c61b3f; color: #fff; border: none; font-size: 16px; padding: 12px 15px 10px; text-transform: uppercase;  border: 2px #eb5071 solid;
}
 .send_btn:hover{background: #d62b4f; }	
#eye, #eye2{position: absolute; top: 11px; right: 4px; cursor: pointer; cursor: hand;}
#remind{text-decoration: none; display: inline-block; color: #eee; font-size: 14px; margin-top: 3px; border-bottom: 1px dotted #eb5071;}
#remind:hover{color: #eb5071; border: none;}
a.close, a.close1{display: block; position: absolute; top: 12px; right: 11px; width: 19px; height: 19px; -webkit-transition:all 400ms;   
-moz-transition:all 400ms;
-o-transition:all 400ms;
transition:all 400ms; }	
a.close:hover, a.close1:hover{-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg));}
div#info2, div#info{color: #ccc; display: none; text-align: center; padding-left: 20px; padding-right: 20px; padding-top: 100px; font-size: 23px; line-height: 160%;}
div#info{padding-top: 40px; line-height: 100%;}
div#info2 p:first-child{font-size: 28px; color: #eb5071;}

div#send-info1{text-align: center; color: #ccc; padding-top: 100px;}


table.table{width: 100%; border-collapse: collapse; font-size: 17px;}
table.table th{border-left: 2px #fff solid; border-right: 2px #fff solid; color: #fff; padding: 5px;  background: #d62b4f; font-weight: normal; font-family: 'exo2semibold'; }
table.table th:first-child{border-left: 2px #b4a9ac solid;}
table.table th:last-child{border-right: 2px #b4a9ac solid;}
table.table td{padding: 5px; border: 2px #b4a9ac solid; background: #fff;}
span#tov-cart{font-family: 'exo2semibold'; }

a.no_style:hover{background: none !important;}
table.table input[type=text]{font-size: 15px; padding: 4px; font-family: arial; padding-left: 5px; border: 1px #b4a9ac solid; }
table.table input[type=text]:focus{border: 1px #e25e7a solid;}

div.reload-box{text-align: right; margin-top: 8px;}
#reload_btn{color: #fff; border: none;  font-size: 16px; padding-left: 24px; width: 118px;  height: 30px;  background: #dc3b5d  url('../img/reload.png') no-repeat 7px 7px; cursor: pointer; cursor: hand; -webkit-transition: all 0.30s ease-in-out;   -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; -moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;}
#reload_btn:hover{background: #d62b4f  url('../img/reload.png') no-repeat 7px 7px; }
a.cart_clear{color: #fff; font-size: 16px; width: 170px; padding-right: 13px; height: 28px; padding-top: 2px; background: #dc3b5d  url('../img/remove1.png') no-repeat 8px 6px; cursor: pointer; cursor: hand;  text-decoration: none; position: absolute; top: 0; display: block;  -moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px; }
a.cart_clear:hover{background: #d62b4f  url('../img/remove1.png') no-repeat 8px 6px;}


#form_box{max-width: 600px; margin: 0 auto; } 
div.input-line{margin: 25px auto 25px; display: block;  position: relative;}


#form_box input[type=text], #form_box input[type=password], #form_box textarea{font-size: 15px; padding: 4px; font-family: arial; height: 22px; line-height: 22px; padding-left: 5px; border: 1px #b4a9ac solid; display: block; width: 90%; margin: 0 auto;}
#form_box input[type=text]:focus, #form_box input[type=password]:focus, #form_box textarea:focus{border: 1px #e25e7a solid;}
div#err-box{color: #d62b4f; font-size: 18px;  text-align: center; margin-top: 15px;} 



div.tovar-img-box{width: 500px; position: relative;  float: left;  }
.tovar-mainimg-box{position: relative; } 

img.main-img{width: 100%; vertical-align: bottom; }
img.zoom_ico{-webkit-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    transition: all 700ms ease; position: absolute; left: 50%; top: 50%; margin-top: -36px; margin-left: -36px; opacity: 0.2; width: 72px; height: 72px;}
.fancy:hover img.zoom_ico{opacity: 0.8;}
#more_images{text-align: center; margin-top: 10px;}
.mini{display: inline-block; margin-left: 8px; margin-right: 8px;}
.mini img{-webkit-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    transition: all 700ms ease; height: 70px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; opacity: 1;}
.mini img:hover{opacity: 0.7;}
#tovar-info{margin-left: 530px; } 
#tovar-cena{color: #d62b4f; font-size: 25px;}
#tovar-skidka{margin-top: 8px; color: #fc3905; }
#tovar-cena span{font-family: 'exo2bold'; font-size: 27px;}
#tovar-cartbox{margin-top: 20px; position: relative;}
#tovar-cartbox  input[type=number]{width: 35px; height: 28px; line-height: 26px; vertical-align: middle; border: 1px solid #aaa; padding-left: 3px;}
#tovar-cartbox input[type=number]:focus{border-color: #d62b4f;}
a.tovar_to_cart{box-shadow:inset 0px 0px 0px 1px #bab9b6; margin-left: 8px; background: #e2e1e1 url('../img/cart-mini.png') no-repeat 8px 8px; text-transform: uppercase; font-size: 17px; padding-left: 34px; }

.tovar-opis{margin-top: 40px; font-size: 15px;}
.tovar-opis table{width: 100%; border-collapse: collapse;}
.tovar-opis tr{border-top: 1px dotted #ab4315; border-bottom: 1px dotted #ab4315;}
.tovar-opis td{padding-top: 3px; padding-bottom: 3px;}
.tovar-opis td:first-child{width: 300px; font-family: 'exo2semibold';}
.tovar-opis p{margin-top: 8px; margin-bottom: 8px;}
.tovar-opis strong{font-weight: normal; font-family: 'exo2semibold'; color: #222;}


div.bonus{height: 20px; margin-bottom: 5px; overflow: hidden; line-height: 100%; text-align: left;  vertical-align: bottom;}
div.bonus span{height: 20px; padding-top: 0px; display: inline-block; color: #fff; padding-left: 8px; padding-right: 14px; position: relative; font-size: 13px; vertical-align: bottom;}
span#maket{background: #f68f18;}
span#grav{background: #653490;}
span#maket:after{content: ""; background: #f68f18; height: 20px; width: 20px; position: absolute; top: 0; right: -10px; transform: rotate(45deg); }
span#grav:after{content: ""; background: #653490; height: 20px; width: 20px; position: absolute; top: 0; right: -10px; transform: rotate(45deg); }


@media screen and (max-width: 1500px) {
#nav1{left: 10px; }	
#nav2{right: 10px;}
#tel-box{left: 10px;}	
#head-right{right: 10px;}
.wrap-box1, .wrap-box-white{padding-left: 10px; padding-right: 10px;}
}
@media screen and (max-width: 1300px) {
span.tit-in{font-size: 18px;  font-family: 'exo2semibold';}
}
@media screen and (max-width: 1100px) {
div.wrap-box1 h1, div.wrap-box1 h2{font-size: 46px;  margin-bottom: 48px;}

	
span.tit-in{font-size: 17px;}	
a#logo img{width: 476px; height: 86px;}
#tel-box{width: 174px; top: 40px; }
a#tel{font-size: 22px; border-bottom: 2px dashed #de1741; margin-bottom: 10px;}
span.tel-kod{font-size: 17px;}
#tel-box ul li, #tel-box ul li a{width: 30px; height: 32px;}

#head-right{width: 174px; top: 15px;}
a#cart_box{font-size: 13px; width: 174px; color: #777; height: 28px; padding-top: 5px; margin-top: 15px;}
a#cart_box:before{content: ""; position: absolute; left: 11px; top: 6px; width: 26px; height: 20px; background: url(../img/cart-ico-mini.png);}
a#cart_box span:first-child{padding-left: 30px;}
#addr-box p{font-size: 15px;}

}
@media screen and (max-width: 1000px) { 
div.tovar-img-box{float: none; margin: 0 auto 15px; }
#tovar-info{margin-left: 0; }	

.obj-box{margin-right: 2%; width: 31%; padding-bottom: 10px; margin-top: 20px; }
.obj-box:nth-child(3n+3){margin-right: 0;}	 
.obj-box:nth-child(4n+4) {margin-right: 2%;}	
li#main-page{display: none;}
div.photo-box{margin: 0 1% 20px 1%; width: 47%;}
}


@media screen and (max-width: 950px) {
.block4{padding-top: 80px;  padding-bottom: 80px;}	
div.wrap-box-white h3{margin-bottom: 35px; font-size: 30px;}
p.str1{font-size: 22px;}
p.str2{font-size: 18px;}
	
.block2{ padding-top: 40px; padding-bottom: 30px; } 
.block5{ padding-top: 15px; padding-bottom: 30px; }
.cont-txt{font-size: 16px;}	
div.wrap-box1 h1, div.wrap-box1 h2{font-size: 40px;  margin-bottom: 48px; margin-top: 0; }
div.wrap-box1 h1:before, div.wrap-box1 h2:before {content: ""; display: block;position: absolute; width: 140px; height: 9px; background: url(../img/h1.png); bottom: -10px; left: 50%; margin-left: -70px;}		
	
a.type{width: 48%; margin-right: 3%; }
a.type:nth-child(3n+3){margin-right: 4%;}
a.type:nth-child(2n+2){margin-right: 0;}
.block1{padding-top: 40px; padding-bottom: 30px; } 
}	
@media screen and (max-width: 900px) {
div.cont-txt h3{margin-top: 35px; font-size: 20px; }	
#links{margin-bottom: 40px; font-size: 15px !important; } 	
a#logo img{display: block; width: 500px; height: 91px; position: absolute; left: 10px; top: 40px;}
#tel-box{width: 174px; left: auto; right: 10px; top: 8px;}
a#tel{margin-bottom: 6px;}
#addr-box{display: none; } 
a#cart_box{margin-top: 10px;}
#head-right{ top: 83px;}

nav{height: 43px;}
#nav-wrap{height: 43px;}

ul#nav2 li, ul#nav1 li{margin-left: 10px; margin-right: 10px; }
#nav1 a{font-size: 12px; height: 22px; padding-top: 5px; padding-left: 30px; padding-right: 5px;}
ul#nav1 li{padding-top: 7px;}
a#shop:before{content: ""; position: absolute; left: 3px; top: 5px; width: 22px; height: 17px; background: url(../img/cart-ico-mini1.png);}
a#portfol:before{content: ""; position: absolute; left: 7px; top: 6px; width: 17px; height: 17px; background: url(../img/portf-ico-mini1.png);}

#nav2{top: 0; }
ul#nav2 li{padding-top: 10px;}
#nav2 a{display: inline-block; text-decoration: none; position: relative; color: #222; font-size: 16px;}
#nav2>li>a:after{bottom: -3px; }	

}	
@media screen and (max-width: 800px) {
.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next{display: none;}
.flexslider .flex-control-nav{bottom: -35px !important;}
.flex-control-paging li a {width: 8px !important;	height: 8px !important;	background-color: transparent; border: 2px #d62b4f solid !important; }
.flex-control-paging li a.flex-active {background: #d62b4f !important;}
}
@media screen and (max-width: 720px) {
.obj-box{margin-right: 3%; width: 47%; padding-bottom: 10px; margin-top: 20px; }
.obj-box:nth-child(2n+2){margin-right: 0;}	
.obj-box:nth-child(3n+3){margin-right: 3%;}		
	
.block4{padding-top: 70px;  padding-bottom: 70px;}	
div.wrap-box-white h3{margin-bottom: 30px; font-size: 25px;}
div.wrap-box-white h3 span{padding: 20px;}
p.str1{font-size: 20px;}
p.str2{font-size: 17px;}
	
.block2{ padding-top: 35px; padding-bottom: 20px; } 
.block5{ padding-top: 12px; padding-bottom: 20px; }
.cont-txt ul li{margin-top: 11px; margin-bottom: 12px; padding-left: 36px;}
.cont-txt ul li:before{content:""; width: 20px; height: 22px; background: url('../img/li-min.png'); position: absolute; top: 1px; left: 8px;}

.cont-txt ul li#opl1, .cont-txt ul li#opl2, .cont-txt ul li#opl3{padding-left: 74px;}
.cont-txt ul li#opl1:before{width: 31px; height: 22px;  top: 0; left: 0;}
.cont-txt ul li#opl2:before{content:""; width: 48px; height: 22px; top: 0; left: 0;}
.cont-txt ul li#opl3:before{content:""; width: 64px; height: 22px; top: 0; left: 0;}


div.wrap-box1 h1, div.wrap-box1 h2{font-size: 25px;  margin-bottom: 35px; margin-top: 0; line-height: 80%; }
div.wrap-box1 h1:before, div.wrap-box1 h2:before {content: ""; display: block;position: absolute; width: 110px; height: 7px; background: url(../img/h1-min.png); bottom: -12px; left: 50%; margin-left: -70px;}		
	
	
span.tit-in{font-size: 16px;}	

.block3{padding-top: 10px;}
header, #head-wrap{height: auto;}
#head-wrap{ padding-top: 5px;}
#tel-box{width: 100%; position: static; top: 0;  }
a#tel{font-size: 19px; margin-bottom: 10px;}
span.tel-kod{font-size: 16px;}
#tel-box ul li, #tel-box ul li a{width: 24px; height: 25px;}
#tel-box ul li{margin-left: 10px; margin-right: 10px;}
a#logo{width: 476px; height: 86px; display: block; margin: 0 auto; }
a#logo img{position: static; left: 0; top: 0; width: 476px; height: 86px; display: block; margin: 0 auto; }
#head-right{height: 28px; width: 100%;  position: static; top: 0; right: 0px;  margin-top: 5px; padding-top: 4px; padding-bottom: 2px; background: rgba(0,0,0,0.15);}
#log_box{display: inline-block;}
a#cart_box{font-size: 12px; width: 120px; height: 22px; padding-top: 3px; margin-top: 0px; margin-left: 30px;}
a#cart_box:before{left: 8px; top: 5px; width: 22px; height: 17px; background: url(../img/cart-ico-mini1.png);}
a#cart_box span:first-child{padding-left: 15px;}

div#mobi_btn{display: block;}
nav{height: auto;}
#nav-wrap{height: auto;}
ul#nav2{display: block; position: static;}
ul#nav2 li{display: block; margin: 0; padding: 0; }
#nav2 a{text-shadow: none; display: block; border-top: 1px #fff solid; color: #000; padding-bottom: 8px; padding-top: 8px; text-align: center; background: rgba(0,0,0,0.2); } 
#nav2 a:hover{background: rgba(0,0,0,0.1); color: #111;}
#nav2>li>a:after{display: none;}
ul#nav2{display: none;}
}
@media screen and (max-width: 650px) {
span.tit-in{font-size: 15px;}	

div.tovar-img-box{width: 350px; margin-bottom: 30px; }
#tovar-cena{font-size: 22px;}
#tovar-cena span{font-size: 24px;}
}

@media screen and (max-width: 600px) {
div.wrap-box1 h1, div.wrap-box1 h2{font-size: 20px;  margin-bottom: 30px; margin-top: 0; line-height: 80%; }
div.wrap-box1 h1:before, div.wrap-box1 h2:before {content: ""; display: block;position: absolute; width: 110px; height: 7px; background: url(../img/h1-min.png); bottom: -12px; left: 50%; margin-left: -70px;}		
	
.cont-txt{font-size: 15px;}		
div.cont-txt ol > li {
        margin: 0 0 1em 0; padding:0;
        position:relative;/*позиционирование внутри элемента */
}
div.cont-txt ol > li::before {
        height: 16px;
        left: -40px;
        line-height: 16px;
        padding: 5px;
        position: absolute;/*абсолютное позиционирование*/
        text-align: center;
        top: -1px;
         width: 18px; font-size: 14px;
}	
	
div.cont-txt h3{margin-top: 35px; font-size: 16px; }		
#links{margin-bottom: 25px; font-size: 13px !important; } 	
div#window_enter1{width: 360px;  top: 30px;  margin-left: -180px;  padding-top: 35px; padding-bottom: 55px;   }
div.enter_tit, div.enter_tit1{margin-bottom: 20px; font-size: 21px;}
div.enter_tit{padding-left: 20px; padding-right: 20px; line-height: 125%;}	
}

@media screen and (max-width: 550px) {
div.bonus{height: 18px; margin-bottom: 5px; overflow: hidden; line-height: 100%; text-align: left;  vertical-align: bottom;}
div.bonus span{height: 18px; padding-top: 0px; display: inline-block; color: #fff; padding-left: 5px; padding-right: 10px; position: relative; font-size: 13px; vertical-align: bottom;}
span#maket{background: #f68f18;}
span#grav{background: #653490;}
span#maket:after{content: ""; background: #f68f18; height: 18px; width: 18px; position: absolute; top: 0; right: -10px; transform: rotate(45deg); }
span#grav:after{content: ""; background: #653490; height: 18px; width: 18px; position: absolute; top: 0; right: -10px; transform: rotate(45deg); }	
	
a#logo{width: 350px; height: 63px; }
a#logo img{width: 360px; height: 63px;}
}
@media screen and (max-width: 500px) {
span.tit-in{font-size: 14px;}		
	

	
.block4{padding-top: 40px;  padding-bottom: 40px;}		
.block1{padding-top: 25px; padding-bottom: 0; } 	

.cont-txt{font-size: 15px;}
footer {font-size: 16px;}
li#punkt1{display: none;}	
}
@media screen and (max-width: 450px) {
div.tovar-img-box{width: 300px; }	


table.table th{border-left: 1px #fff solid; border-right: 1px #fff solid; color: #fff; padding: 3px; }
table.table th:first-child{border-left: 1px #b4a9ac solid;}
table.table th:last-child{border-right: 1px #b4a9ac solid;}
table.table td{padding: 3px; border: 1px #b4a9ac solid;}
.img-td, .img-th{display: none;}
a.cart_clear{width: 105px;}
#add1{display: none;}

}
@media screen and (max-width: 400px) {
a#logo{width: 310px; height: 56px; }
a#logo img{width: 310px; height: 56px;}

.obj-box-into input[type=number]{width: 25px; }
a.to_cart{ padding: 4px 6px;}
a.to_cart{margin-left: 4px; background: #e2e1e1; font-size: 13px; padding-left: 6px;} 
div.cart_bubble{font-size: 16px; height: 90px; padding-top: 30px; }
}

