@import url(/block/footer.css);

input, textarea{outline:none;}

body{margin:0px; padding:0px; font-size:14px; font-family:Trebuchet MS, Tahoma; color:#000; background:#F5F5F5;}
textarea{font-family:Trebuchet MS, Tahoma;;}
.fl{float:left;}
.fr{float:right;}
a{color:#3366cc;}
.btn{display:inline-block; width:115px; height:23px; background:#e30c70; font-size:18px; cursor:pointer; color:#fff; text-shadow:0px 0px 3px #a9062c; border:1px #c5163f solid; border-radius:6px; }

h1,h2{font-size:18px; text-decoration:underline; font-weight:normal; float:left; width:100%; margin:20px 0px 10px 0px;}

.page{width:960px; margin:0px auto;}
.head{float:left; height:80px; width:880px; margin-left:40px; position:relative;}
.head a.logo{position:absolute; display:block; left:0px; top:10px; color:#000; text-decoration:none; width:280px; padding-top:40px; height:20px; background:url(images/logo.svg) no-repeat; background-size: 144px}
.head .contacts{position:absolute; display:none; background:url(images/icons.png) no-repeat; padding-left:50px; padding-bottom:30px; right:0px; color:#2d2d2d; font-size:11px; top:3px; width:140px; font-family:Georgia;}
.head .contacts a.mail{color:#2d2d2d; display:inline-block; margin-top:8px;}

.head .contacts .phones a{color:#2d2d2d; text-decoration:none;}

.head .orderBtn{position:absolute; left:50%; bottom:10px; width:200px; text-align:center; margin-left:-100px; color:#e30c70; font-size:16px; cursor:pointer;}

.menu{float:left; width:910px; padding:0px 25px; height:45px; background:#1E90FF; border-bottom:7px #1f1f1f solid;}
.menu>ul, .menu>ul>li{float:left; height:45px; margin:0px; padding:0px; list-style:none;}
.menu>ul{position:relative;}
.menu>ul>li>a, .menu>ul>li>span{color:#fff; cursor:pointer; font-size:16px; text-decoration:none; height:27px; margin:10px 5px 0px 5px; display:block; float:left; padding:4px 10px; border-top-left-radius:6px; border-top-right-radius:6px;}
.menu>ul>li:hover>a, .menu>ul>li:hover>span, .menu>ul>li>a.active, .menu>ul>li>span.active{background:#1f1f1f;}
.menu>ul>li>span u{display:inline-block; text-decoration:none; border-bottom:1px #fff dotted;}
.menu>ul>li .sub{position:absolute; display:none; font-size:10px !important; left:-25px; top:45px; padding:10px; background:#fff; border:1px #000 solid; width:938px; z-index:100000;}
.menu>ul>li:hover .sub{display:block; }
.menu>ul>li:hover .sub b{font-size:14px !important;}
.menu>ul>li:hover .sub a{color:#000; text-indent:5px; display:inline-block; margin:0px; padding:1px 15px 1px 3px; font-size:14px !important; text-decoration:none;}
.menu>ul>li:hover .sub a:hover{color:#fff; background:#1E90FF; border-radius:3px;}
.menu>ul>li:hover .sub a:before{content:"- "}
.menu>ul>li:hover .sub table tr td{}

.menu form{float:right; margin:0px; display:block;}
.menu form input{width:200px; border:none; padding:7px 5px; margin-top:8px; background:#fff; border-radius:6px;}

.ya-share2{float:right;margin:7px;}

#content{width:100%; float:left; padding:20px 20px; position:relative; background:#fff;}
#content .slider{height:375px; width:880px; float:left; margin-top:40px;}
#content .slider h2{position:absolute; top:-35px; left:-480px;}

#content, #content  *{box-sizing:border-box;}
#content .lCol{float:left; width:640px;}
#content .lCol * {max-width:100%;}
#content .lCol.long{width:100%;}

.newGlleryBox{text-align:center;}
.newGllery{display:block; list-style:none; margin:20px 0; padding:0; text-align:center; font-size:0;}
.newGllery li{display:inline-block; vertical-align:top; margin:0 20px 20px 20px; box-shadow:0 0 5px rgba(0,0,0,0.5); overflow:hidden; border-radius:3px;}

ul.products{float:left; width:100%; margin:0px; padding:0px; list-style:none; text-align:center; font-size:0;}
ul.products li{display:inline-block; position:relative; text-align:center; margin:5px; padding:0px; width:200px; height:250px; padding:10px 10px; border:1px #C0C0C0 solid; border-radius:6px;}
ul.products li .img{width:100%; margin-bottom:10px; height:145px; float:left; position:relative; background-size:100%; background-position:center center; background-repeat:no-repeat}
ul.products li .img .price{background:rgba(0,0,0,0.6); width:100%; font-size:17px; padding:3px 0px 5px 0px; color:#fff; font-family:Georgia; text-align:center; position:absolute; left:0px; bottom:0px;}
ul.products li a h3{float:left; margin:0px; padding:0px; margin-bottom:5px; width:100%; text-align:center; color:#000; font-size:12px; height:40px; overflow:hidden; }
ul.products li .pn{positon:absolute; background:rgba(255,255,255,0.9); font-size:14px; padding:30px 10px; width:210px; height:110px; position:absolute; left:20px; top:40px;}
.price{font-family:Georgia; font-size:20px;}

ul.portfolio{float:left;width:100%; margin:0px; padding:0px; list-style:none; text-align:center; font-size:0;}
ul.portfolio>li{display:block; width:100%; padding:20px; border:1px #eee solid;  margin-bottom:20px; position:relative;}
ul.portfolio>li .var{display:block; width:80%; margin:20px 10% 10px 10%; height:20px;}
ul.portfolio>li .var button{float:left; cursor:pointer; background:none; border:none; font-size:24px; outline:none;}
ul.portfolio>li .var button strong{font-weight:normal; font-size:18px; position:relative; right:-7px; top:-1px;}

ul.portfolio>li .var .hash{float:right; text-align:right; font-size:14px; padding:5px 0; color:#000;}

ul.portfolio>li .socials{position:absolute; right:0; top:0px; width:200px; text-align:right; margin:0; padding:0; list-style:none;}
ul.portfolio>li .socials li{font-size:14px; display:inline-block; margin-left:10px; }
ul.portfolio>li .socials li a{display:block; opacity:1; transition:0.3s; width:25px; height:25px; border-radius:5px;  padding:5px 0 0 0; text-align:center; background:#000; color:#fff;}
ul.portfolio>li .socials li a:hover{opacity:1;}
ul.portfolio>li .socials li a.vk{background:#467faa;}
ul.portfolio>li .socials li a.fb{background:#467faa;}
ul.portfolio>li .socials li a.ok{background:#f88206;}

ul.portfolio>li .socials{font-size:14px; }

ul.portfolio>li h3{font-size:24px; margin-top:0;}
ul.portfolio>li ul.gallery{display:block; width:80%; height:500px; overflow:hidden; position:relative; margin:0 10%; font-size:0; padding:0px; list-style:none;}
ul.portfolio>li ul.gallery li{display:block;  width:100%; height:500px; margin:5px; border:1px #eee solid; position:absolute; left:0; top:0; transition:0.5s; opacity:0; z-index:3;}
ul.portfolio>li ul.gallery li.open{opacity:1; z-index:10;}
ul.portfolio>li ul.gallery li a{display:block; width:100%; height:100%; position:absolute; left:0; top:0; background-size:cover; background-position:center;}
ul.portfolio>li ul.gallery li a{width:100%; height:500px; position:absolute; left:0; top:0; }

ul.portfolio>li .info{display:blok; position:relative; margin:0 0 20px 0;width:100%; height:70px; background:url(images/copyrightMin.jpg) no-repeat left center; background-size:contain; padding:0 0 0 100px; text-align:left;}
ul.portfolio>li .info a{color:#25586d; text-decoration:none; font-weight:normal; text-transform:uppercase;}
ul.portfolio>li .info span{color:#696969; font-size:14px;}
ul.portfolio>li .info h3{margin:10px 0 14px 0; color:#25586d; font-size:18px;}

ul.portfolio>li  button.sldBtn{position:absolute; cursor:pointer;  top:50%; width:40px; height:40px; outline:none; left:40px; opacity:0.4; transition:0.3s; background:none; border:none; border-left:3px #25586d solid;  border-top:3px #25586d solid; transform:rotate(-45deg);}
ul.portfolio>li  button.sldBtn.next{right:40px; left:auto; transform:rotate(135deg);}
ul.portfolio>li  button:hover{opacity:1;}
ul.portfolio>li  button.sldBtn:active{margin-top:1px;}

ul.portfolio>li .var button .fa-heart{display:none;}
ul.portfolio>li .var button .fa-heart-o{display:inline-block;}

ul.portfolio>li .var button.active .fa-heart-o{display:none;}
ul.portfolio>li .var button.active .fa-heart{display:inline-block; color:#dc4a4e;}


ul.portfolio .paginator{display:block; width:500px; position:absolute; text-align:center; left:50%;  margin-left:-250px; bottom:90px; z-index:20;}
ul.portfolio .paginator span{display:inline-block; cursor:pointer; opacity:0.7; position:relative; width:10px; height:10px; border-radius:5px; background:#fff; margin:0 5px; box-shadow:0 0 5px rgba(0,0,0,0.5);}
ul.portfolio .paginator span.active{width:14px; height:14px; top:-2px; opacity:1; border-radius:7px;}
.fullProduct .price{float:left; margin:20px 0px;}
.fullProduct .description{float:left; margin:20px 0px; width:100%; padding:0 10%;}


#content .rCol{float:right; width:220px;}
#content .rCol .list{float:left; width:100%; padding:10px 10px; border-bottom:1px #C0C0C0 dotted;}
#content .rCol ul.products{width:220px;}

.yashare-auto-init{position:absolute; right:15px; top:10px;}

.list{float:left; width:960px; padding:10px; border:1px #DFDFDF solid; border-radius:10px; margin:5px 0px;}
.list .date{float:left; width:60px; height:60px; border-radius:8px; box-shadow:0px 0px 7px #E5E5E5; text-align:center; overflow:hidden; margin:0px 10px 10px 0px;}
.list .date div{color:#fff; font-size:14px; background:#e30c70;}
.list .date  b{font-size:24px;}
.list .date div small{font-size:10px;}
.list .txt a{font-size:16px; color:#000;}

#gallery{width:100%; text-align:center; float:left;}
#gallery a:first-child{width:100%; height:auto;  overflow:hidden;}
#gallery a:first-child img{width:100% !important;}

#gallery a{width:140px; height:100px; margin:5px 2px; display:inline-block;}
#gallery a img{width:141px !important; height:auto !important;}

#blacker{width:0; height:0; opacity:0; transition:opacity 0.5s; z-index:0;}
#blacker.open{position:fixed; opacity:1; z-index:1000; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7);}

#modal, #modal *{box-sizing:border-box;}
#modal{width:530px; min-height:400px; padding:10px 30px; transition:0.3s; background:#e8e8e8; border:1px #7d7d7d solid; position:fixed; left:50%; top:50%; margin:-2000px 0 0 -265px; z-index:2000;}
#modal.open{margin-top:-200px;}

#modal label{display:inline-block; position:relative;  background:#fff; border:1px #a2a2a2 solid; padding:5px 5px 5px 40px; margin:0 0 15px 0; color:#a2a2a2;}
#modal label i{position:absolute; left:5px; top:5px; width:30px; text-align:center;  font-size:20px;}
#modal p.title{color:#000; font-size:20px; text-transform:uppercase;}

#modal label input{width:100%; border:none; font-size:16px; padding-top:2px;}
#modal label textarea{width:100%; height:130px; border:none; font-size:16px; max-width:100%;}

#formInner{text-align:center; position:relative; font-size:18px; color:#368700; }
#modal iframe{position:relative; left:0px; bottom:0px; width:300px; height:40px !important;}
#modal button{float:right; color:#0053d6; font-size:20px; text-transform:uppercase; background:none; border:none; margin:20px 0; cursor:pointer;}

#orderForm{position:relative;}
#orderForm .close{position:absolute; right:-20px; top:-60px; font-size:22px;}
.pagination ul{margin:30px 0; padding:0; list-style:none; width:100%; text-align:center;}
.pagination ul li{padding:5px 7px; display:inline-block; border:1px #ddd solid; border-radius:3px; margin:5px;}
.pagination ul li a{color:#000; text-decoration:none;}
.mobile{display:none;}
@media only screen and (max-width: 739px), only screen and (max-device-width: 739px)
{
	
	
.page{width:100%; min-width:320px; padding:0 10px;}
*{max-width:100%;}
*{box-sizing:border-box;}

#modal.open{left:0; margin:0; top:40px;}
#modal .count, #modal iframe{display:block;}
#content>.slider{display:none;}

.head{width:100%;  height:120px; margin:0; text-align:center;}
.head a.logo{width:150px; left:0; background-position:center top; font-size:12px;}
.menu ul{position:absolute; left:-99999px;}

.head>.contacts{background:none; padding:0; width:150px; text-align:right;}
.head>.contacts .phones{font-size:16px;}
.head>.contacts>a.mail{display:none;}

.phones span{display:none;}
.phones span.mob{display:inline-block; margin:5px 0;}
.menu{position:relative;}
.menu form{float:none; width:200px; position:absolute; left:50%; margin-left:-100px; bottom:5px;}

.menu .mobile{display:block; width:30px; outline:none; height:30px; position:absolute; right:3px; top:3px; font-size:24px; color:#fff; border:none; background:none;}
.menu .mobile.active{position:fixed; color:#000; z-index:105;}
#mb2.active{position:fixed; padding-top:40px; width:100%; height:100%; overflow-y:auto; display:block; z-index:101; left:0; top:0;}

#mb3.active{position:fixed; padding-top:40px; width:100%; height:100%; overflow-y:auto; display:block; z-index:100; left:0; top:0;}
#mb3.active ul{left:0; width:100%; display:block;}
#mb3.active ul li{display:block; text-align:center; width:100%; padding:15px 0; float:none;border-bottom:1px #fff dotted;}
#mb3.active ul li>a,#mb3.active ul li>span {display:block; text-align:center; width:100%; margin:0; float:none; }
#mb2.active table, #mb2.active tr, #mb2.active td{display:block; width:100%;}
img{height:auto !important;}
#content{padding:5px;}


ul.portfolio>li ul.gallery{width:100%; margin:0;}
ul.portfolio>li{padding:5px;}
ul.portfolio>li ul.gallery button{display:none;}
ul.portfolio>li span.paginator{display:none;}
ul.portfolio>li ul.gallery a{height:200px;}
ul.portfolio>li .socials{top:35px; display:none; font-size:16px;}




ul.portfolio>li ul.gallery{display:block; width:96%; height:auto; overflow:hidden; position:relative; margin:0 2%; font-size:0; padding:0px; list-style:none;}
ul.portfolio>li ul.gallery li{display:none; opacity:1; z-index:10; width:100%; height:200px; background-size:cover; margin:0px; border:1px #eee solid; position:relative; margin-bottom:20px; left:0; top:0; transition:0.5s; }
ul.portfolio>li ul.gallery li:first-child{display:block; }
ul.portfolio>li ul.gallery li.open{opacity:1; z-index:10;}
ul.portfolio>li ul.gallery li a{display:block; width:100%; height:100%; position:absolute; left:0; top:0; background-size:cover; background-position:center;}
ul.portfolio>li ul.gallery li a{width:100%; position:static; left:0; top:0; }

ul.portfolio>li .info{display:blok; position:relative; margin:0 0 20px 0;width:100%; height:70px; background:url(images/copyrightMin.jpg) no-repeat left center; background-size:contain; padding:0 0 0 100px; text-align:left;}
ul.portfolio>li .info a{color:#25586d; text-decoration:none; font-weight:normal; text-transform:uppercase;}
ul.portfolio>li .info span{color:#696969; font-size:12px;}
ul.portfolio>li .info h3{margin:5px 0 7px 0; color:#25586d; font-size:16px;}

#gallery{width:100%; text-align:center; float:left;}
#gallery a:first-child{width:100%; height:auto;  overflow:hidden;}
#gallery a:first-child img{width:100% !important;}

#gallery a{width:140px; height:100px; margin:5px 2px; display:inline-block;}
#gallery a img{width:141px !important; height:auto !important;}

ul.portfolio>li .var{display:block; width:96%; margin:5px 2% 10px 2%; height:20px;}
ul.portfolio>li .var .hash{font-size:11px;}


ul.products{float:left; width:100%; margin:0px; padding:0px; list-style:none; text-align:center; font-size:0;}
ul.products li{display:inline-block; position:relative; text-align:center; margin:5px; padding:0px; width:280px; height:280px; padding:10px 10px; border:1px #C0C0C0 solid; border-radius:6px;}
ul.products li .img{width:100%; margin-bottom:10px; height:165px; float:left; position:relative; background-size:100%; background-position:center center; background-repeat:no-repeat}
ul.products li .img .price{background:rgba(0,0,0,0.6); width:100%; font-size:17px; padding:3px 0px 5px 0px; color:#fff; font-family:Georgia; text-align:center; position:absolute; left:0px; bottom:0px;}
ul.products li a h3{float:left; margin:0px; padding:0px; margin-bottom:5px; width:100%; text-align:center; color:#000; font-size:14px; height:40px; overflow:hidden; }
ul.products li .pn{positon:absolute; background:rgba(255,255,255,0.9); font-size:14px; padding:30px 10px; width:210px; height:110px; position:absolute; left:20px; top:40px;}

}