/* common */
html, body, img, form {margin: 0px; padding: 0px; border: none;}
html, body {height:100%;}
body {background:url('img/bg-osn.png');}
body, td {font: 14px 'PT Serif', serif; color: #705648;}
a {color: #705648;	text-decoration: underline;}
a:hover {text-decoration: none;}
table {border: 0px; border-collapse: collapse;}
td {vertical-align: top;}
object {outline:none;}

h1 {font-size:17px; padding: 0px; margin: 0px 0px 10px 0px;}
h2 {font-size:15px; padding: 0px; margin: 0px 0px 10px 0px;}
h3 {font-size:13px; padding: 0px; margin: 0px 0px 10px 0px;}

.clear {clear:both;}
.none {line-height:0;}
.relative {position:relative;}
.img-marg {float:left; margin:0 10px 5px 0;}
.float-l {float:left;}
.float-r {float:right;}
.hfeed .posts {margin-bottom:10px;}

/* header */

.header {width:100%; height:680px; background: url('img/bg-top.png') repeat top left, #fff url('img/girl-sumka.jpg') no-repeat top center; }
.header-top-line { position:absolute; top:0px; left:0px; width:100%; height: 160px; background: url('img/bg-top-line.png') repeat top left; z-index:10;}

.header-center {position: relative; width: 980px; margin: 0px auto; padding:0px; z-index:20;}

.header .header-name {position:absolute; top:18px; left:32px; width:260px; height: 32px;}
.header .header-name h2 {font-size:24px; text-transform:uppercase;}

.header-top-menu {position:absolute; top:26px; left:290px; max-width:700px; height: 32px; }
.header-top-menu ul {list-style: none; margin:0px 0px 0px 20px; padding:0px;}
.header-top-menu ul li {float:left; padding: 0px 10px;}
.header-top-menu ul li a {color: #705648; display: block; line-height: 18px; padding-top: 2px; text-decoration:none; font-size:16px; }
.header-top-menu ul li a:hover {border-top:2px solid #a57272; padding-top: 0px; color: #fff; text-shadow: 0 0 5px #121212;}
.header-top-menu ul li a.active {border-top:2px solid #a57272; padding-top: 0px; color: #fff; text-shadow: 0 0 5px #121212;}

.header-info {position:absolute; top:60px; right:300px; width:150px; height: 80px; text-align:center;}
.header-info p {margin:0px; padding:0px;}

.header-tel {position:absolute; top:60px; right:170px; width:155px; height: 105px; text-align:right; font-size:14px;}
.header-tel ul {list-style: none; margin:0px 0px 0px 20px; padding:0px;}

.cart {position: absolute; top: 60px; right: 0px; background: url("img/cart-bg.png") top left repeat; border-radius: 3px;
color: #2e2f32; font-size: 14px; text-align: right;}

.header-all-kat  {position:absolute; top:100px; right:480px; width:84px; height: 84px; text-align:center;  background: url('img/all-kat-circle.png') no-repeat center center; padding-top:40px;}
.header-all-kat a {text-decoration:none; font-size:12px; text-transform:uppercase; color:#fff; line-height:16px; padding-top:20px;}

.header-kat-menu {position:absolute; top:597px; right:0px; width:100%; height: 84px; background:#a58972; z-index:20;}
.header-kat-menu ul {list-style: none; margin:0px auto; padding:20px 0px 0px 30px; width:920px;}
.header-kat-menu ul li {margin:0px 10px 0px 20px; float:left;}
.header-kat-menu ul li a {color: #fff;  display: block; line-height: 22px; padding-top: 2px; text-decoration:none; font-size:14px; text-transform:uppercase; padding:10px;  }
.header-kat-menu ul li a:hover {background:#c56c63;}
.header-kat-menu ul li a.active {background:#c56c63; }

.main-cont {width:980px; margin:0 auto; min-height:50%; margin-top:-680px; padding-top:680px;}

/* center col */
.center-col {width:980px; float:left; overflow:hidden;}
.center-col .padding {padding:20px 0px 64px 0px;}

.center-col .padding h2 {text-align:center; font-size:18px; text-transform:uppercase; font-weight:normal;}

.kategorii {}
.kategorii ul {list-style: none; margin:0px 0px 0px 20px; padding:0px;}
.kategorii ul li {float:left; width:212px; height:190px; text-align:center; background:#fff; border-radius: 5px; margin:0px 20px 20px 0px; position: relative;}
.kategorii ul li a {transition: 0.3s;}
.kategorii ul li:hover a {color: #000;}
.kategorii ul li img {max-width:212px; max-height: 145px;}
.kategorii ul li a {text-decoration:none; font-size:16px; text-transform:uppercase; display: block; width: 100%; height: 145px;}
.kategorii .name-kat {position: absolute; bottom: 0px; left: 0px; height: 48px; padding-top: 5px; overflow: hidden;}

.tovar ul {list-style: none; margin:0px; padding:0px;}
.tovar ul li {float:left; width:219px; height:338px; text-align:center; background:#fff; margin:0px 20px 20px 0px;}
.tovar ul li:hover {background:#f5efea; }

.tovar ul li {
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
    -webkit-transform:  translate3d(0px, 100px, 0) rotateX(-30deg) scale(1.25, 1.25);
    -moz-transform: translate3d(0px, 100px, 0) rotateX(-30deg) scale(1.25, 1.25);
    transform: translate3d(0px, 100px, 0) rotateX(-30deg) scale(1.25, 1.25);
    opacity: 0;
}
 
.tovar ul li.appeared{
    -webkit-transform: translate3d(0px, 0px, 0px) rotateX(0)  scale(1, 1);
    -moz-transform:  translate3d(0px, 0px, 0px) rotateX(0)  scale(1, 1);
    transform: translate3d(0px, 0px, 0px) rotateX(0)  scale(1, 1);
    opacity: 1;
}

/***    fancybox     ****/
.kartochka-content {width: 830px; margin: 0 auto; color: #6f625b; border-radius: 10px;}
.sm-images-150 {width: 150px; float: left;}
.sm-images-150 .padding {padding: 20px 5px 10px 5px;}
.sm-images {list-style: none; margin: 0; padding: 0; text-align: center;}
.sm-images li {float: left; width: 140px;}
.sm-images li img {max-width: 140px; max-height: 147px;}

.sm-img-col-550 .padding {padding: 8px;}
/*.sm-img-col-550 .fotorama, .sm-img-col-550 .fotorama__wrap, .sm-img-col-550 .fotorama__stage, .sm-img-col-550 .fotorama__stage__shaft, .sm-img-col-550 .fotorama__img 
{max-width: 530px !important; max-height: 530px !important;}*/

.big-img-400 {width: 400px; float: left; text-align: center;}
.big-img-400 .padding {padding: 20px 5px 10px 5px;}
.big-img-400 img {max-width: 350px; max-height: 456px;}

.kartochka-right-280 {width: 280px; float: left;}
.kartochka-right-280 .padding {padding: 20px 20px 10px 5px;}

.tovar-name {font-size: 20px; font-weight: bold; padding: 20px 0px 10px 0px;}

.kartochka-right-280 .tovar-price {font-size: 14px; text-align: left; padding-left: 20px; float: left;}
.kartochka-right-280 .tovar-price b {font-size: 26px;}
.kartochka-right-280 input {float: left; line-height: 20px; margin: 5px 0px 0px 10px; font-size: 16px;}

.cveta-tovara ul {list-style-type: none; padding: 5px 0px 10px 20px; margin: 0;}
.cveta-tovara input {display: none;}

.cveta-tovara input[type=radio] + label {font-size: 18px; display: block; padding: 5px 10px 5px 25px; 
    background: url("img/check-unch.png") left no-repeat; transition: 0.3s;}
.cveta-tovara input[type=radio]:checked + label {color: #000; background: url("img/check.png") left no-repeat;}
.cveta-tovara input[type=radio] + label:hover {background: url("img/check.png") left no-repeat;}

.kypit {margin: 10px 0px 10px 0px;}
.kypit button {background-color: #de6c63; width: 100%; height: 40px; font-size: 18px; color: #fff; 
    border: none; text-shadow: 0 0 5px #73767A; cursor:pointer; transition: 0.1s;}
.kypit button:hover {background-color: #db837c; text-shadow: none; box-shadow:inset 0 0 2px 1px #E8E8E8;}

.fast-klick {margin: 10px 0px 10px 0px;}
.fast-klick button {background-color: #527bb3; width: 100%; height: 40px; font-size: 18px; color: #fff; 
    border: none; text-shadow: 0 0 5px #A8A138; cursor:pointer; transition: 0.1s;} 
.fast-klick button:hover {background-color: #4a84d5; text-shadow: none; box-shadow:inset 0 0 2px 1px #E8E8E8;}

.hidden-fast-click {display: none; transition: top 1s ease-out 0.5s; width: 100%;}
.shown-fast-click {display: block; transition: top 1s ease-out 0.5s; width: 100%; margin-bottom: 10px;}

.dostavka h3 {font-size: 16px;}
.dop-infa h3 {font-size: 16px;}




/***** catalog-ul-li  ****/
.ul-li-cat {width: 980px;}
.ul-li-cat ul {margin: 0; padding: 0; list-style: none;}
.ul-li-cat>ul>li {float: left; width: 220px; height: 320px; text-align: center; color: #6f625b; 
    position: relative; margin: 10px 13px 10px 12px; background-color: #fff; border-radius: 5px;
	 -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
    -webkit-transform:  translate3d(0px, 100px, 0) rotateX(-30deg) scale(1.25, 1.25);
    -moz-transform: translate3d(0px, 100px, 0) rotateX(-30deg) scale(1.25, 1.25);
    transform: translate3d(0px, 100px, 0) rotateX(-30deg) scale(1.25, 1.25);
    opacity: 0;	}
.jcarousel.ul-li-cat ul li {opacity: 1;
    -webkit-transform: translate3d(0px, 0px, 0px) rotateX(0)  scale(1, 1);
    -moz-transform:  translate3d(0px, 0px, 0px) rotateX(0)  scale(1, 1);
    transform: translate3d(0px, 0px, 0px) rotateX(0)  scale(1, 1);}	

.ul-li-cat .img-li a {display: block; width: 100%; height: 221px;}
.ul-li-cat .img-li img {max-width: 220px; max-height: 220px; border-radius: 5px 5px 0px 0px;}

.ul-li-cat .name-li {position: absolute; bottom: 70px; left: 0px; width: 100%}
.ul-li-cat .name-li a {font-size: 14px; width: 100%; display: block; height: 30px; text-decoration: none;}

.ul-li-cat .cena-li {position: absolute; bottom: 39px; left: 0px; width: 100%; line-height: 24px;}
.ul-li-cat .cena-li .old {float: left; padding-left: 15px; color: #de6c63;}
.ul-li-cat .cena-li .old b {font-size: 20px;}
.ul-li-cat .cena-li .new {float: right; padding-right: 15px;}
.ul-li-cat .cena-li .new b {font-size: 24px;}

.ul-li-cat ul li.appeared{
    -webkit-transform: translate3d(0px, 0px, 0px) rotateX(0)  scale(1, 1);
    -moz-transform:  translate3d(0px, 0px, 0px) rotateX(0)  scale(1, 1);
    transform: translate3d(0px, 0px, 0px) rotateX(0)  scale(1, 1);
    opacity: 1;
}

.kypit-li-block {position: absolute; bottom: 0px; left: 0px; width: 100%;}
.kypit-li-block .kypit-li {float: left;}
.kypit-li-block .fast-klick-li {float: right;}

.kypit-li-block .kypit-li button {background-color: #de6c63; width: 110px; height: 32px; font-size: 14px; color: #fff; 
    border: none; text-shadow: 0 0 5px #73767A; cursor:pointer; border-radius: 0px 0px 0px 5px; transition: 0.1s;}
.kypit-li-block .kypit-li button:hover {background-color: #db837c; text-shadow: none; box-shadow:inset 0 0 2px 1px #E8E8E8;}

.kypit-li-block .odin-klick button {background-color: #527bb3; width: 110px; height: 32px; font-size: 14px; color: #fff; 
    border: none; text-shadow: 0 0 5px #A8A138; cursor:pointer; border-radius: 0px 0px 5px 0px; transition: 0.1s;}
.kypit-li-block .odin-klick button:hover {background-color: #4a84d5; text-shadow: none; box-shadow:inset 0 0 2px 1px #E8E8E8;}



/***********    КАРТОЧКА ТОВАРА    ************/

.kartochka-cont {width: 100%; font-size: 16px;}
.sm-img-col-150 {width: 150px; float: left;}
.sm-img-col-150 .padding {padding: 10px 5px 35px 5px;}

.big-img-col-400 {width: 400px; float: left; text-align: center;}
.big-img-col-400 .padding {padding: 10px 5px 5px 5px;}

    .big-img-col-400 .padding img {max-width: 390px; max-height: 485px;}

.side-cont-col-270 {width: 270px; float: left;}
.side-cont-col-270 .padding {padding: 10px 5px 5px 20px;}

    .side-cont-col-270 .tovar-name {font-size: 22px; font-weight: bold; padding: 0px 0px 10px 0px;}

    .side-cont-col-270 .cveta-tovara ul {list-style-type: none; padding: 5px 0px 10px 20px; margin: 0;}
    .side-cont-col-270 .cveta-tovara input {display: none;}

    .side-cont-col-270 input[type=radio] + label {font-size: 18px; display: block; padding: 5px 10px 5px 25px; 
        background: url("img/check-unch.png") left no-repeat; transition: 0.3s;}
    .side-cont-col-270 input[type=radio]:checked + label {color: #000; background: url("img/check.png") left no-repeat;}
    .side-cont-col-270 input[type=radio] + label:hover {background: url("img/check.png") left no-repeat;}

    .side-cont-col-270 .tovar-price {font-size: 14px; text-align: left; padding-left: 20px; float: left;}
    .side-cont-col-270 .tovar-price b {font-size: 26px;}

    .side-cont-col-270 input {float: left; line-height: 20px; margin: 5px 0px 0px 10px; font-size: 16px;}

    .kart-kypit, .kart-fast-klick {width: 100%; text-align: left; margin: 10px 0;}

    .kart-kypit button {background-color: #de6c63; width: 220px; height: 40px; font-size: 16px; color: #fff; border: none; 
        text-shadow: 0 0 5px #73767A; cursor:pointer; transition: 0.3s;}
    .kart-kypit button:hover {background-color: #db837c; text-shadow: none; box-shadow:inset 0 0 2px 1px #E8E8E8;}

    .kart-fast-klick button {background-color: #527bb3; width: 220px; height: 40px; font-size: 16px; color: #fff; border: none; 
        text-shadow: 0 0 5px #A8A138; cursor:pointer; transition: 0.3s;}
    .kart-fast-klick button:hover {background-color: #4a84d5; text-shadow: none; box-shadow:inset 0 0 2px 1px #E8E8E8;}

.same-goods-160 {width: 160px; float: left;}
.same-goods-160 .padding {padding: 0px 5px 5px 5px;}

    .same-goods-160 ul {margin: 0; padding: 0; list-style: none;}
    .same-goods-160 ul li {width: 100%; display: block; height: 200px; position: relative; text-align: center; 
        margin-bottom: 10px; background-color: #fff; border-radius: 5px;}
    .same-goods-160 ul li a {display: block; width: 100%; transition: 0.3s;}
    .same-goods-160 ul li:hover a {color: #000;}
    .same-goods-160 ul li a img {max-width: 150px; max-height: 150px; border-radius: 5px 5px 0px 0px;}
    .same-goods-160 .same-good-name {position: absolute; bottom: 22px; left: 0px; text-align: center; width: 100%;}
    .same-goods-160 .same-good-name a {width: 100%; display: block; text-decoration: none; height: 25px; overflow: hidden; font-size: 12px;}
    .same-good-price {position: absolute; bottom: 0px; left: 0px; text-align: center; width: 100%; font-size: 12px;}
    .same-good-price .shk-price {font-size: 16px;}

    .same-goods-li {position: absolute; bottom: 0px; left: 0px; width: 100%;}





/**************    Стили модального окна   **************/
.reveal-modal h2 {font-size: 18px; width: auto; padding: 0px 25px; color: #6f625b;}
.reveal-modal p {font-size: 14px;}
.reveal-modal p b {font-size: 18px; padding-left: 15px;}

.fast-call-list {width: 100%; margin: 0px 0px 5px 0px;}
.kartochka-right-280 .fast-call-list {text-align: right;}
.fast-call-list span {line-height: 28px;}
.fast-call-list input, .fast-call-list textarea, .form-style input, .form-style select, .form-style textarea {
border: 1px solid gainsboro; padding: 5px; transition: box-shadow 0.3s ease 0s, border 0.3s ease 0s;}
.fast-call-list input:hover, .fast-call-list textarea:hover, .form-style input:hover , .form-style select:hover, .form-style textarea:hover {border: 1px solid #707070;}
.fast-call-list input:focus, .fast-call-list textarea:focus, .form-style input:focus, .form-style select:focus, .form-style textarea:focus {border: 1px solid #707070; box-shadow: 0 0 5px 1px #969696;}

.submit-clickForm {margin: 5px 0px 0px 0px; text-align: center;}
.submit-clickForm input {background-color: #527bb3; cursor: pointer; border: none; transition: 0.3s;
color: #ffffff; font-size: 16px; font-weight: bold; margin-top: 5px; padding: 6px 10px; text-decoration: none; text-shadow: 0px 1px 0px #86ae47;}
.submit-clickForm input:hover {background-color: #4a84d5;}

.fast-call-list input {float: none;}
.submit-clickForm input {float: none;}



/*******-----  Контакты  ------********/
.left-cont {float: left; width: 450px; padding: 0px 20px 0px 10px;}
.kontaktu-header h2{margin: 0px 0px 10px 5px;}
.dostavka p {margin: 5px 0px 5px 10px; font-size: 15px; font-weight: bold;}
.kontaktu-table {margin-bottom: 10px;width: 100%;}
.kontaktu-table {margin-bottom: 10px;}
.kontaktu-table tr:nth-child(2n) { background: #d9bea8;}
.kontaktu-table tr:nth-child(1) {}
.kontaktu-table  td {min-width: 150px; padding: 3px 6px;}
.karta-center {width: 900px; margin: 0 auto;}

.karta-left {float: left; width: 500px;}




/* footer */
.footer {width:100%; margin:0 auto; position:relative; margin-top: 25px;}
.footer-b {width:100%; height:64px; position: absolute; top:-64px; left:0; background: #a58972;}
.footer-center {margin: 0 auto; min-height: 100%; position: relative; width: 980px;}
.footer-name {position: absolute; top: 20px; left: 10px;}
.footer-name a {text-decoration: none; font-size:24px; text-transform:uppercase; color:#fff;}
.footer-name a h2 {font-size:24px;}

.footer-menu {position:absolute; bottom:8px; left:280px; width:640px; height: 32px; }
.footer-menu {list-style: none; margin:0px 0px 0px 20px; padding:0px;}
.footer-menu li {margin:0px 10px; float:left;}
.footer-menu li a {color: #fff; display: block; line-height: 18px; padding-top: 2px; text-decoration:none; font-size:16px; }
.footer-menu li a:hover {}
.footer-menu li a.active {}

.footer-social {position:absolute; bottom:16px; right:30px; width:100px; height: 32px;}
.footer-social img {margin-right:10px;}