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

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

body{margin:0}html{font-size:100%;background:#fff}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}q{quotes:none}img{border:none}table{border-collapse:collapse;border-spacing:0}textarea{font-family:sans-serif}a:focus{outline:thin dotted}a:hover,a:active{outline:0}h1, .divh1{font-size:2em;margin:0.67em 0}h2{font-size:1.5em;margin:0.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:0.83em;margin:1.67em 0}h6{font-size:0.75em;margin:2.33em 0}p,pre{margin:1em 0}pre,code,kbd,samp{font-family:monospace, serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}form{margin:0}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}textarea{overflow:auto;vertical-align:top}

html { min-width: 1000px; height: 100%; }
body { min-height: 100%; color: #000; font:15px/1.3 Arial, sans-serif; position: relative; }
a { color: #0082C5; }
a:hover { text-decoration: none; }
a:focus { text-decoration: none; outline: 1px dotted #0082C5; }
a:active { text-decoration: none; outline: none; }

.clear { clear: both; width: 100%; height: 0; display: block; }

p.bg-grey {background-color: #f7f7f7; font-weight: bold; padding: 25px 30px; margin: 30px 0;}

.box-ov {overflow: hidden;}
.clear {clear: both;}

.futur {font-family: 'a_futuricaregular';}
.futur-medium {font-family: 'a_futuricamediumregular';}

.trans-links a {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.trans-block,
.fancybox-nav span,
.fancybox-close {
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

#up-doc {display: block; width: 40px; height: 40px; background: url('../img/front/btn-scroll-top.png') 0 0 no-repeat; position: fixed; bottom: 20px; right: 20px; z-index: 1000; display: none; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); opacity: 0.7;}
#up-doc:hover {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); opacity: 1;}


/*header*/
#header {position: fixed; left: 0; right: 0; top: 0; height: 170px; z-index: 2;}
#header > div {width: 940px; margin: 0 auto; overflow: hidden; padding: 40px 0 0 0; position: relative; }
#header > div > div {position: relative;}

#header .phone {float: right; text-align: right;}
#header .phone span {display: block; line-height: 24px; overflow: hidden; margin-bottom: 2px;}
#header .phone span > p {margin: 0; color: red; font-weight: 700; line-height: 12px; font-size: 12px; }
#header .phone b {font-size: 24px;}
#header .phone sup {font-size: 16px; top: -5px; }
#header .phone a {display: inline-block; color: #8e58a3; font-size: 13px; margin-right: 10px; outline: none;}
#header .phone .show-box {text-decoration: none; position: relative;}
#header .phone .show-box::after {content: ''; border-top: 1px dotted #8e58a3; position: absolute; right: 0; bottom: 5%; left: 0;}
#header .phone .show-box:hover, #header .phone .show-box:focus {color: #ff0000;}
#header .phone .show-box:hover::after, #header .phone .show-box:focus::after {display: none;}

#header .logo {float: left; width: 240px; height: 107px; background: url('../img/front/logo.png') 0 0 no-repeat; margin: 0 35px 0 0; outline: none;}

#header .menu-header {overflow: hidden; padding: 25px 0 65px 0;}
#header .menu-header a {font-size: 14px; color: #000; display: inline-block; margin-right: 20px; }
#header .menu-header a:hover, #header .menu-header a:focus {color: #ff0000;}
#header .menu-header a b {font-size: 16px;}

#header .dop-menu {position: absolute; left: 73px; top: 50px; z-index: 25;}
#header .dop-menu a {text-transform: uppercase; color: #8e58a3; font-size: 14px; display: block; margin-bottom: 5px;}
#header .dop-menu a:hover, #header .dop-menu a:focus {color: #ff0000;}

#header.shadow { height: 95px; box-shadow: 0 -20px 20px 20px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 -20px 20px 20px rgba(0, 0, 0, 0.5); background-color: rgba(242, 242, 242, 0.9); }
#header.shadow > div { padding: 10px 0 0 0; }
#header.shadow .logo { height: 85px; }
#header.shadow .menu-header { padding: 7px 0 61px 0; }
#header.shadow .dop-menu { top: 30px; }
#header.shadow .phone span + span { height: 0; margin: 0; }

#header {
    -webkit-transition: background 0.3s, box-shadow 0.3s, height 0.3s;
    -o-transition: background 0.3s, box-shadow 0.3s, height 0.3s;
    -moz-transition: background 0.3s, box-shadow 0.3s, height 0.3s;
    transition: background 0.3s, box-shadow 0.3s, height 0.3s;
}
#header > div,
#header .logo,
#header .menu-header,
#header .dop-menu,
#header .phone span + span,
#header .hny,
#header .minicart,
#header .minicart a,
#header .minicart span {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.minicart {
    width: 90px;
    height: 120px;
    background: url('../img/front/minicart-bg.png') 0 100% no-repeat;
    margin-top: -60px;
    position: fixed;
    top: 33%;
    right: 0;
    z-index: 9999;
}
.minicart a {
    color: #464646;
    font-size: 14px;
    font-weight: bold;
    padding: 70px 0 0 15px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.minicart span {
    color: #8e58a3;
    font-size: 12px;
    margin: 90px 0 0 15px;
    display: block;
}

.shadow .minicart {
    height: 55px;
}
.shadow .minicart a {
    padding-top: 5px;
}
.shadow .minicart span {
    margin-top: 25px;
}



/*footer*/
#footer {overflow: hidden; margin: 80px 0 0 0;}

#footer .box-foot {border-top: 2px dashed #d6d6d6; width: 940px; margin: 0 auto; padding: 40px 0 30px 0; overflow: hidden;}

#footer .logo {float: left; width: 148px; height: 51px; background: url('../img/front/logo-footer.png') 0 0 no-repeat; margin: 0 35px 0 0;}

#footer .phone {float: right; margin: 0 0 0 10px; font-size: 16px; text-align: right; width: 310px;}
#footer .phone span {display: block; line-height: 24px; overflow: hidden; }
#footer .phone span i {font-size: 12px; font-style: normal;}
#footer .phone b {font-size: 20px; }
#footer .phone sup {font-size: 16px; top: -5px;}

#footer .box-grey {background-color: #f2f2f2;}
#footer .box-grey > div {width: 940px; margin: 0 auto; overflow: hidden; padding: 27px 0;}

#footer .grey-form {overflow: hidden; white-space: nowrap; padding: 4px 0;}
#footer .grey-form span {float: left; font-size: 18px; width: 310px; text-transform: uppercase; font-family: 'a_futuricaregular'; line-height: 35px;}
#footer .grey-form input[type="text"] {float: left; margin: 0 17px 0 0; background-color: #fff; border: 1px solid #a2a2a2; padding: 9px 10px 8px 10px; font-size: 14px; font-family: arial; color: #898989; width: 190px;}
#footer .grey-form input[type="text"]:focus {border-color: #000;}
#footer .grey-form input[type="submit"] {float: right; background-color: #dc0c1b; border: none; width: 157px; margin: 0 4px 0 0; color: #fff; font-size: 18px; font-weight: bold; font-family: arial; height: 35px; outline: 4px solid #e4e4e4;}
#footer .grey-form input[type="submit"]:hover, #footer .grey-form input[type="submit"]:focus {background-color: #8e58a3;}

#footer .menu-footer {list-style: none; margin: 0; padding: 0;}
#footer .menu-footer li {width: 140px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin-bottom: 13px;}
#footer .menu-footer a {font-size: 14px; text-decoration: none; color: #000; display: block;}
#footer .menu-footer a:hover, #footer .menu-footer a:focus {text-decoration: underline; color: #ff0000;}

#footer .box-copy {overflow: hidden; clear: both; padding-top: 10px;}
#footer .box-copy a.god {float: left; margin-right: 20px; }
#footer .box-copy .address {float: right; font-size: 12px; width: 300px; text-align: right;}


/*main*/
#main {width: 940px; margin: 180px auto 0 auto; position: relative; z-index: 1; }

#collumns {overflow: hidden; padding: 30px 0;}
#collumns > div {width: 440px; float: left;}
#collumns > div + div {float: right; width: 465px;}

.order { width: 450px; vertical-align: top; padding: 0 10px 30px; display: inline-block; float: left; cursor : pointer}
.order h3 { color: #757575; font: normal 36px/2 'a_futuricamediumregular'; text-align: center; border: 2px dashed #757575; margin: 0 -10px; position: relative; }
.order h3::after { content: ''; width: 0; height: 0; border: 10px solid transparent; border-top-color: #8e58a3; margin-left: -5px; position: absolute; bottom: -20px; left: 50%; display: none; }
.order.active h3 { color: #fff; padding: 2px; background-color: #8e58a3; border: none; }
.order.active h3::after { display: block; }
.order h4 { font-size: 30px; font-weight: normal; margin: 37px 0 21px; }

.sale {border: 1px solid #ababab; text-align: center; padding: 25px 0 307px 0; background: url('../img/front/bg-sale.jpg') 50% 100% no-repeat; margin-bottom: 30px;}
.sale span {display: block; font-size: 39px; text-transform: uppercase; color: #8e58a3; font-family: 'a_futuricamediumregular';}
.sale p {font-size: 22px; line-height: 30px; padding: 0 50px; margin: 20px 0;}

#delivery {clear: both; margin: 0; height: 230px; background: url('../img/front/bg-delivery-2.jpg') 0 0 no-repeat; color: #e4a3a3; font-size: 28px; text-align: center; font-family: 'a_futuricaregular';margin-bottom: 30px; }
#delivery span {display: block; font-size: 36px; text-transform: uppercase; font-family: 'a_futuricamediumregular'; color: #fff; padding: 20px 0 5px 0;}
#delivery a {display: inline-block; background-color: #754f28; border: 1px solid #482805; color: #fff; font-size: 18px; padding: 0 25px; line-height: 38px; text-decoration: none; margin-top: 20px;}
#delivery a:hover, #delivery a:focus {background-color: #c97118;}
#delivery i {display: block; font-style: normal; font-size: 11px; font-family: 'a_futuricamediumregular'; color: #d99b9b; margin-top: 15px;}

.title-line {height: 10px; font-weight: bold; font-size: 15px; text-transform: uppercase; margin: 1px 0 40px 0; position: relative; background: url('../img/front/title-line.png') 0 -20px repeat-x;}
.title-line span {position: absolute; left: 50%; top: -1px; background-color: #fff; padding: 0 12px; line-height: 15px;}
.title-line i {position: absolute; top: 0; left: 0; width: 20px; height: 10px; background: url('../img/front/title-line.png') 0 0 no-repeat;}
.title-line b {position: absolute; top: 0; right: 0; width: 20px; height: 10px; background: url('../img/front/title-line.png') 0 -10px no-repeat;}

#goods {padding-top: 45px;}

.list-goods {list-style: none; margin: 0 0 0 -10px; padding: 0; overflow: hidden; position: relative;}
.list-goods li {margin: 0 0 10px 10px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; height: 308px; position: relative;}
.list-goods li.mini {width: 227px;}
.list-goods li.maxi {width: 465px;}
.list-goods li > div {position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: none;}
.list-goods li > div:first-child {display: block;}
.list-goods li span {display: block; line-height: 48px; text-align: center; text-transform: uppercase; color: #000; background-color: #f7f7f7; font-family: 'a_futuricamediumregular';}
.list-goods li span i { font-size: 10px; font-style: normal; margin-left: 3px; }
.list-goods li > div > a {background-color: #000; display: block;}
.list-goods li > div > a > img {display: block; width: 100%; }
.list-goods li > div > a > img:hover { opacity: 0.9; }

.list-point {list-style: square; margin-bottom: 25px;}
.list-point li {margin-bottom: 5px;}

#about {margin: 0 0 30px 0; height: 64px; background: url('../img/front/bg-about.jpg') 0 0 no-repeat; font-size: 22px; font-family: 'a_futuricamediumregular'; padding: 15px 0;}
#about span {display: block; text-transform: uppercase; text-align: center; line-height: 33px;}
#about span + span {color: #898989;}
#about.index_slogan h1, #about.index_slogan .divh1 {
    font-size: 22px;
    line-height: 27px;
    margin-bottom: 11px;
    margin-top: 0;
}

.ask-manager {position: absolute; top: 185px; right: 0; width: 348px; height: 230px; background: url('../img/front/bg-ask-manager.png') 0 0 no-repeat; z-index: 5;}
.ask-manager form {padding: 81px 0 0 69px;}
.ask-manager form input[type="text"] {background-color: #fff; border: 1px solid #a2a2a2; padding: 9px 10px 8px 10px; font-size: 14px; font-family: arial; color: #898989; width: 200px; margin-bottom: 20px;}
.ask-manager form input[type="submit"] {background-color: #dc0c1b; border: none; width: 157px; margin: 0 0 0 33px; color: #fff; font-size: 18px; font-weight: bold; font-family: arial; height: 35px; outline: 4px solid #e4e4e4;}
.ask-manager form input[type="submit"]:hover, #footer .grey-form input[type="submit"]:focus {background-color: #8e58a3;}

.nostylelink {
    color: #000;
    text-decoration: none;
}

#slider {height: 467px; position: relative;}

#slider p {position: absolute; left: 50%; bottom: 22px; width: 155px; height: 16px; white-space: nowrap; text-align: center; overflow: hidden; z-index: 5; padding: 0; margin: 0 0 0 -80px;}
#slider p a {display: inline-block; width: 16px; height: 16px; margin: 0 3px; float: left; background: url('../img/front/a-slider.png') 0 0 no-repeat;}
#slider p a:hover, #slider p a:focus {background-position: 0 -16px;}
#slider p a.active {background-position: 0 -16px; cursor: default;}

#slider .slider-items {position: relative; height: 467px; z-index: 3;}
#slider .slider-items > div { background-color: #fff; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1;}
#slider .slider-items > div:first-child {z-index: 2;}
#slider .slider-items > div > img {display: block; width: 100%;}

#slider .name {position: absolute; font-size: 48px; color: #000; left: 0; right: 0; top: 40px; line-height: 60px; text-align: center; text-transform: uppercase; font-family: 'a_futuricamediumregular'; z-index: 5;}

#slider .price {position: absolute; left: 405px; top: 187px; font-weight: bold; width: 131px; height: 121px; background-color: #8e58a3; border-radius: 65px; -moz-border-radius: 65px; text-align: center; font-size: 30px; line-height: 40px; padding: 5px 0;}
#slider .price span {display: block; color: #fff; font-size: 48px;}

#slider .text {position: absolute; left: 0; right: 0; top: 355px; text-align: center; font-size: 18px; font-family: 'a_futuricaregular';}
#slider .text a {color: #dc0c1b; font-size: 24px; text-decoration: none; display: inline-block; border-bottom: 1px dashed #dc0c1b; line-height: 24px;}
#slider .text a:hover, #slider .text a:focus {border: none;}

#slider .storage {position: absolute; right: 30px; top: 43px; border: 3px dashed #d6d6d6; padding: 11px;}

#contacts {padding: 65px 0 0 0; border-top: 2px dashed #d6d6d6; text-align: center; overflow: hidden; }
#contacts h2 {font-size: 30px; color: #8e58a3; text-transform: uppercase; font-weight: normal; font-family: 'a_futuricaregular';}
#contacts > div { float: left; width: 48%; }
#contacts > div + div { float: right; }
#contacts div > span {display: block; text-align: center; font-size: 24px; font-weight: bold; margin-bottom: 45px;}


#faq {
    margin-bottom: 50px;
    margin-left: -12px;
    overflow: hidden;
}
#faq h2 {
    color: #8e58a3;
    font-size: 30px;
    text-align: center;
    font-weight: normal;
    font-family: 'a_futuricaregular';
    text-transform: uppercase;
}
.faq-block {
    float: left;
    width: 464px;
    margin-left: 12px;
}
.faq-el {
    width: 432px;
    vertical-align: top;
    padding: 0 15px;
    background-color: #f1f1f1;
    border: 1px solid #ababab;
    margin-bottom: 12px;
    cursor: pointer;
}
.faq-el p {
    padding-left: 85px;
    margin: 15px 0 15px;
    position: relative;
}
.faq-el p i {
    position: absolute;
    top: 0;
    left: 0;
}
.faq-el p span {
    line-height: 22px;
    background: url('data:image/gif;charset=utf-8;base64,R0lGODlhBAABAIAAAC0tLf///yH5BAEAAAEALAAAAAAEAAEAAAIDBBIFADs=') 0 100% repeat-x;
}
.faq-el p:first-child i {
    width: 66px;
    height: 66px;
    color: #fff;
    font: normal bold 50px/66px Arial;
    text-align: center;
    background-color: #8e58a3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.faq-el p + p {
    font-weight: bold;
    font-style: italic;
    display: none;
}
.faq-el:hover {
    color: #fff;
    background-color: #8e58a3;
}
.faq-el:hover p:first-child i {
    color: #8e58a3;
    background-color: #fff;
}
.faq-el:hover p:first-child span {
    background: none;
}
.faq-el.active p + p {
    display: block;
}
.faq-el.active p:first-child span {
    background: none;
}


.main-sidebar {
    float: left;
    width: 240px;
    /*margin-right: 30px;*/
}

.main-sidebar-nav {
    padding: 15px 25px;
    background-color: #fff;
    margin-bottom: 30px;
    -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 8px 8px rgba(0, 0, 0, .3);
    box-shadow: 0 8px 8px rgba(0, 0, 0, .3);
}
.main-sidebar-nav ul {
    font-size: 14px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.main-sidebar-nav li {
    list-style: none;
    padding: 0;
    margin: 0;
}
.main-sidebar-nav a {
    color: #000;
    padding: 4px 8px 5px;
    margin: 4px 0;
    display: block;
}
.main-sidebar-nav a:hover,
.main-sidebar-nav a.active {
    color: #fff;
    background-color: #000;
    text-decoration: none;
}
.main-sidebar-nav ul {
    font-size: 0.85em;
    padding-left: 15px;
    display: none;
}
.main-sidebar-nav a.active + ul {
    display: block;
}

.main-sidebar-adw {
    padding: 10px 10px 0;
    background-color: #f7f7f7;
}
.main-sidebar-adw h3 {
    font: normal 15px/1.3 'a_futuricamediumregular';
    text-transform: uppercase;
    margin-bottom: 5px;
}
.main-sidebar-adw ul,
.main-sidebar-adw li {
    list-style: none;
    padding: 0;
    margin: 0;
}
.main-sidebar-adw li {
    color: #464646;
    font-size: 12px;
    line-height: 21px;
    padding: 10px 0;
    overflow: hidden;
}
.main-sidebar-adw li span {
    float: left;
    width: 42px;
    height: 42px;
    color: #fff;
    font: 24px/42px 'a_futuricamediumregular';
    text-align: center;
    background-color: #8e58a3;
    margin-right: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}


.main-content {
    /*overflow: hidden;*/
    padding-left: 30px;
    margin-left: 240px;
}
.main-content h1, .main-content .divh1 {
    color: #8e58a3;
    font-size: 24px;
    font-weight: normal;
    padding-top: 30px;
    margin-top: 0;
}


.categories {
    margin-left: 0px;
    overflow: hidden;
}
.category {
    float: left;
    width: 300px;
    margin: 0 0 50px 0px;
}
.category:nth-child(2n){
	margin-left: 70px;
}
.category img {
    margin-bottom: 10px;
    display: block;
}


.category-top {
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}
.category-top > img {
    display: block;
}
.category-top > strong {
    width: 130px;
    height: 116px;
    font-size: 30px;
    line-height: 36px;
    text-align: center;
    padding: 7px 0;
    background-color: #8e58a3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 100px;
    right: 25px;
}
.category-top > strong span {
    display: block;
    color: #fff;
    font-size: 48px;
}
.category-top form {
    background-color: #f2f2f2;
    overflow: hidden;
    white-space: nowrap;
    padding: 15px 20px 20px;
    /*margin-bottom: 30px;*/
}
.category-top form span {
    width: 310px;
    font: 18px/35px 'a_futuricaregular';
    text-transform: uppercase;
    margin-bottom: 15px;
    display: block;
}
.category-top form input[type="text"] {
    float: left;
    margin: 0 17px 0 0;
    background-color: #fff;
    border: 1px solid #a2a2a2;
    padding: 9px 10px 8px 10px;
    font-size: 14px;
    font-family: arial;
    color: #898989;
    width: 190px;
}
.category-top form input[type="text"]:focus {
    border-color: #000;
}
.category-top form input[type="submit"] {
    float: right;
    background-color: #dc0c1b;
    border: none;
    width: 157px;
    margin: 0 4px 0 0;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    font-family: arial;
    height: 35px;
    outline: 4px solid #e4e4e4;
}
.category-top form input[type="submit"]:hover,
.category-top form input[type="submit"]:focus {
    background-color: #8e58a3;
}



.items {
    margin-bottom: 100px;
    margin-left: -33px;
}
.items-sep {
    width: 100%;
    height: 1px;
    background-color: #ececec;
    margin: 0 0 20px 33px;
}
.items-hidden {
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.item {
    width: 200px;
    /*height: 282px;*/
    vertical-align: top;
    background-color: #fff;
    margin: 0 0 20px 33px;
    display: inline-block;
    position: relative;
    z-index: 1;
}

.item-img {
    position: relative;
}
.item-img img {
    max-width: 200px;
    margin-bottom: 10px;
    display: block;
}

.item-novelty {
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
    padding: 0 10px;
    background-color: green;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

.item-desc b {
    color: #000;
    line-height: 20px;
    display: block;
}
.item-desc a {
    color: #000;
    line-height: 20px;
    position: relative;
    z-index: 3;
}
.item-desc s {
    color: #dc0c1b;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    font-family: 'a_futuricaregular';
    display: block;
}
.item-desc strong {
    color: #8e58a3;
    font-size: 24px;
    line-height: 30px;
    font-weight: normal;
    font-family: 'a_futuricaregular';
    display: block;
}
.item-desc strong span {
    font-size: 18px;
}

.item-props {
    color: #959595;
    font-size: 14px;
    line-height: 20px;
    padding: 0 20px 20px 20px;
    background-color: #fff;
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 7px rgba(0, 0, 0, .2);
    box-shadow: 0 0 7px rgba(0, 0, 0, .2);
}
.item-props::before {
    content: '';
    height: 10px;
    background-color: #fff;
    position: absolute;
    top: -10px;
    right: 0;
    left: 0;
}
.item-props > span {
    margin-top: 8px;
    display: block;
}
.item-props b {
    width: 72px;
    font-weight: normal;
    vertical-align: middle;
    display: inline-block;
    margin-bottom: 6px;
    /*margin-right: 5px;*/
}
.item-props i {
    width: 16px;
    height: 16px;
    color: #000;
    font-size: 11px;
    line-height: 18px;
    font-style: normal;
    text-align: center;
    vertical-align: middle;
    padding: 1px;
    background-color: #ececec;
    outline: 1px solid #cdcdcd;
    margin: 0 6px 6px 0;
    display: inline-block;
    overflow: hidden;
}
.item-props i img {
    width: 16px;
    height: 16px;
    display: block;
}

.item-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.item:hover {
    /*height: 352px;*/
    padding: 20px;
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 7px rgba(0, 0, 0, .2);
    box-shadow: 0 0 7px rgba(0, 0, 0, .2);
    margin: -20px -20px 0 13px;
    z-index: 2;
}
.item:hover .item-props {
    display: block;
}



.product {
    width: 840px;
    position: relative;
    overflow: hidden;
}

.product-left {
    float: left;
    width: 300px;
    padding: 30px;
    position: relative;
}
.product-left::after {
    content: '';
    width: 1px;
    background-color: #ececec;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 360px;
}

.product-novelty {
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
    padding: 0 10px;
    background-color: green;
    position: absolute;
    top: 35px;
    right: 0;
    z-index: 2;
}

.product-img {
    padding: 30px;
    margin: -30px -30px 0 -30px;
    overflow: hidden;
    position: relative;
}
.product-img-box {
    width: 300px;
    height: 300px;
    position: relative;
}
.product-img-box img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.product-desc {
    float: left;
    width: 420px;
    padding: 30px;
}
.product-desc h1, .product-desc .divh1 {
    color: #8e58a3;
    font-size: 24px;
    font-weight: normal;
    padding-bottom: 1em;
    border-bottom: 1px solid #ececec;
    margin: 0 0 1em;
}
.product-desc h1 span {
    color: #000;
    font-size: 14px;
    display: block;
}

.product-props {
    
}
.product-props b,
.product-props img,
.product-props span {
    vertical-align: middle;
    display: inline-block;
}
.product-props b {
    margin-right: 10px;
    display: inline-block;
}
.product-props-colors b,
.product-props-sizes b {
    width: 74px;
}
.product-props a {
    width: 32px;
    height: 32px;
    color: #000;
    font-size: 14px;
    line-height: 34px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    padding: 1px;
    background-color: #ececec;
    outline: 1px solid #cdcdcd;
    margin: 0 8px 8px 0;
    display: inline-block;
    overflow: hidden;
}
.product-props a img {
    width: 32px;
    height: 32px;
    display: block;
}
.product-props-sizes a:last-child {
    width: auto;
    color: #8e58a1;
    text-decoration: underline;
    font-size: 12px;
    background: none;
    border: 0;
    outline: none !important;
}
.product-props a:hover,
.product-props a.active {
    outline: 2px solid #8e58a3;
    text-decoration: none;
}

.product-price {
    float: left;
    width: 165px;
    padding: 20px;
    background-color: #ececec;
    margin-bottom: 25px;
}
.product-price b {
    color: #000;
    font-size: 17px;
    text-align: left;
    margin-bottom: 10px;
    display: block;
}
.product-price s {
    color: #DC0C1B;
    font: normal 14px/20px 'a_futuricaregular';
    display: block;
    width: 150px;
    text-align: right;
    margin-bottom: 6px;
}
.product-price strong {
    color: #8e58a3;
    font: normal 30px/1 'a_futuricaregular';
    margin-bottom: 5px;
    display: block;
}
.product-price strong span {
    font-size: 30px;
}

.product-order {
    color: #fff;
    font-size: 20px;
    line-height: 36px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    padding: 0 30px;
    background-color: #dc0c1b;
    border: 3px solid #e4e4e4;
    /*margin-bottom: 15px;*/
    display: block;
}
.product-order.disable {
    background-color: #999 !important;
    cursor: default;
}
.product-order:hover {
    background-color: #8E58A3;
}

.product-call {
    color: #8e58a3;
    font-size: 15px;
    text-decoration: none;
    vertical-align: middle;
    background: url('data:image/gif;charset=utf-8;base64,R0lGODlhBAABAIABAI5Yo////yH5BAEAAAEALAAAAAAEAAEAAAIDBBIFADs=') 0 100% repeat-x;
}
.product-call:hover {
    background: none;
}

.product-delivery {
    float: left;
    width: 200px;
    color: #707070;
    font-size: 12px;
    padding-left: 15px;
    margin-bottom: 25px;
}
.product-delivery p {
    padding-left: 28px;
    position: relative;
}
.product-delivery strong {
    color: #000;
    font-size: 14px;
    margin-bottom: 5px;
    display: block;
}
.product-delivery img {
    position: absolute;
    top: -2px;
    left: 0;
}

.product-wholesale {
    clear: both;
    padding: 20px 0;
    border: solid #ECECEC;
    border-width: 1px 0;
    overflow: hidden;
}
.product-wholesale strong {
    color: #000;
    font-size: 14px;
    margin-bottom: 10px;
    display: block;
}
.product-wholesale a {
    color: #8e58a3;
}
.product-wholesale p {
    float: left;
    width: 50%;
    color: #555;
    font-size: 12px;
    padding-right: 30px;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.product-wholesale p + p {
    color: #dc0c1b;
}

.product-bigcall {
    color: #8e58a1;
    font-size: 14px;
    font-weight: bold;
    padding: 15px 0 15px 30px;
    position: relative;
}
.product-bigcall img {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -10px;
}



.paginator span,
.paginator a {
    padding: 3px 8px;
    vertical-align: top;
    margin-right: 5px;
    display: inline-block;
}
.paginator span {
    background-color: #ececec;
    cursor: default;
}
.paginator a {
    color: #fff;
    text-decoration: none;
    background-color: #8E58A3;
}
.paginator a:hover {
    background-color: #dc0c1b;
}






/* cart */
.cart { width: 820px; padding: 0 30px 30px 30px; overflow: hidden; }
.cart h1, .cart .divh1 { color: #000; font-size: 18px; line-height: 45px; font-weight: normal; text-align: left; text-transform: uppercase; margin: 0; }
.cart table { line-height: 21px; width: 100%; }
.cart thead td { color: #808080; font-size: 11px; font-weight: bold; line-height: 30px; text-transform: uppercase; padding: 0 15px; background-color: #f5f5f5; }
.cart thead td i { width: 25px; height: 12px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAH1JREFUeNqUkcEKgCAMhlV6i7rW1cf36LlXKHWXunXyBWwDhWHE6oePMfZNBmrnnOqyITOyIwsfDMiBjOoZWiisP0me1McYxNYXJCzJwJb1S6UAyRm5hAtonk1toiDHdjMlCXLiMggycPnXGaHW8lIDl1fEdz/WZF/n6hZgAFBuJugS5nSIAAAAAElFTkSuQmCC') 50% 0 no-repeat; display: inline-block; margin: 0 auto; }
.cart tbody th { width: 50px; vertical-align: top; padding: 15px; border-bottom: 1px solid #dfdfdf; }
.cart tbody th img { width: 50px; height: 50px; outline: 1px solid #cdcdcd; display: block; }
.cart tbody th + td { padding-left: 0; }
.cart tbody td { vertical-align: top; padding: 15px; border-bottom: 1px solid #dfdfdf; }
.cart tbody td a { color: #997c4a; font-size: 14px; }
.cart tfoot td { padding: 15px; border-bottom: 1px solid #dfdfdf; }
.cart tfoot td b { color: #000; font-size: 15px; }
.cart tfoot th { font-weight: normal; padding-top: 15px; }
.cart-desc { color: #7f7f7f; white-space: nowrap; }
.cart-desc b { color: #494949; }
.cart-prop {
    width: 32px;
    height: 32px;
    color: #000;
    font-size: 14px;
    line-height: 34px;
    text-align: center;
    padding: 1px;
    background-color: #ececec;
    outline: 1px solid #cdcdcd;
    display: inline-block;
    overflow: hidden;
}
.cart-prop img {
    width: 32px;
    height: 32px;
    display: block;
}
.cart-price { width: 1%; color: #000; font-size: 14px; font-weight: bold; white-space: nowrap; }
.cart-count { width: 1%; white-space: nowrap; }
.cart-count a { width: 25px; height: 25px; vertical-align: top; background: #929292 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAABkCAYAAABzVZt8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALdJREFUeNrs2MESgCAIRdH8/4+mVZsaE8yHNHNdN54UEbWZ2aFuDQQEBCQPmdEbMQEBAQEBAVEg1iuzICD/ONwRExC2ehAQEN5WZOU3uttaBjI9XTLEvHP9dSS2CigR+Gjd7458BTKM4cqMl09XWjJOI9uuDtQTEBCQ6oe7lPLrhV6/80zXCBr+iDcmvY5cI40E/t6hO2bR1XV1HFoUJd9W5CORx0S+uuR5Is/4clcH6gnIs50CDAAoaGJIptcWUQAAAABJRU5ErkJggg==') 0 0 no-repeat; display: inline-block; margin: 0 1px; outline: none; }
.cart-count a:hover, .cart-count a:focus { background-color: #ff2826; }
.cart-count input + a { background-position: 0 -25px; }
.cart-count input + a:hover, .cart-count input + a:focus { background-color: #ff2826; }
.cart-count a.update { background-position: 0 -50px; }
.cart-count a.cancel { background-position: 0 -75px; }
.cart-count a.disable { background-color: #dfdfdf; cursor: default; }
.cart-count input { width: 48px; height: 23px; text-align: center; vertical-align: top; padding: 0; background-color: #fff; border: 1px solid #dfdfdf; display: inline-block; }
.cart-del a { width: 25px; height: 25px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAA+CAYAAADTXsCqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALdJREFUeNrs1lkKgDAMBNC2h3K5/8EigmARkWYmEpQJ9MvQN7V1qWZWsqqVxBIuXLjws9bZQvv22l+vw2OZjLp+GT78CXDCGH4HATCO9yAIczgJf3TlaXuedtrTnvPRiR0Bqn4ghQsXLly4cOHCf41bcJ8LrwMT29H3ym1/CuCC0T2/C+CGmQPXB4Bg9rRXBmZxGzyE4Xi/YjhAI+HCBGgBMBygBcFQAO8bLrJPXzXhwoW/W5sAAwCxSLIHbkSc/QAAAABJRU5ErkJggg==') -3px -3px no-repeat; display: inline-block; outline: none; }
.cart-del a:hover, .cart-del a:focus { background-color: #ff2826; background-position: -3px -34px; }
.cart-checkout { float: right; height: 32px; color: #fff; font-size: 15px; line-height: 30px; text-decoration: none; padding: 0 20px; background-color: #2c2c2c; }

/* checkout */
.checkout { padding: 0 30px 30px 30px; background-color: #f8f8f8; overflow: hidden; display: none; }
.checkout h2 { color: #8e58a3; font-size: 14px; line-height: 45px; text-transform: uppercase; margin: 0; }
.checkout form { float: left; padding: 0; }
.checkout label img { border: 1px solid #f8f8f8; }
.checkout div { float: right; width: 240px; }
.checkout div p:first-child { margin-top: 0; }
.checkout div p:first-child span { color: #ff2826; }
.checkout .message { clear: both; width: 100%; padding-top: 20px; border-top: 1px solid #dfdfdf; margin: 20px 0 0 0; display: none; }
.checkout .message span { padding-left: 120px; display: block; position: relative; }
.checkout .message span i { width: 27px; height: 27px; background: url('../img/front/checkout-status.png') 0 -54px no-repeat; margin: -13px 0 0 -27px; position: absolute; top: 50%; left: 110px; }
.checkout .message span.err i { background-position: 0 -27px; }
.checkout .message span.suc i { background-position: 0 0; }

/* notice */
.fancybox-notice { width: 300px; padding: 20px; overflow: hidden; }
.fancybox-notice.in { padding: 30px; }
.fancybox-notice p { margin-top: 0; }
.fancybox-notice a { float: right; height: 22px; color: #fff; font-size: 11px; line-height: 20px; text-decoration: none; padding: 0 10px; background-color: #2c2c2c; margin-left: 10px; }

/* forms */
.form { overflow: hidden; }
.form label { margin-bottom: 18px; display: block; overflow: hidden; }
.form label span { float: left; font-size: 12px; width: 120px; }
.form label span i { width: 10px; color: #ff2826; line-height: 27px; font-style: normal; display: inline-block; }
.form label input[type="text"], .form textarea { float: left; width: 408px; height: 15px; padding: 5px 10px; background-color: #fff; border: 1px solid #dfdfdf; }
.form label textarea { height: 80px; resize: none; }
.form label img { float: left; width: 90px; height: 25px; border: 1px solid #fff; background-color: #fff; margin-right: 10px; cursor: pointer; }
.form label img + input[type="text"] { width: 80px; }
.form label.captcha { float: left; width: 380px; margin-bottom: 0; }
.form .form-btn { float: right; height: 27px; color: #fff; font-size: 14px; line-height: 25px; text-decoration: none; padding: 0 10px; background-color: #ff2826; border: none; }

/* popup forms */
.popup-form { width: 380px; padding: 30px; background-color: #fff; }
.popup-form h3 { font-size: 24px; color: #8e58a3; font-weight: normal; font-family: 'a_futuricamediumregular'; text-transform: uppercase; margin-top: 0; }
.popup-form form label { float: left; display: block; margin-bottom: 18px; overflow: hidden; }
.popup-form form span { float: left; width: 123px; line-height: 25px; }
.popup-form form i { color: #f00; }
.popup-form input[type="text"],
.popup-form textarea { width: 358px; color: #666; font-size: 14px; padding: 10px; background-color: #fff; border: 1px solid #a2a2a2; margin-bottom: 20px; }
.popup-form input[type="text"]:focus,
.popup-form textarea:focus { border-color: #000; }
.popup-form .form-btn {float: right; color: #fff; font-size: 20px; line-height: 36px; font-weight: bold; text-decoration: none; padding: 0 30px; background-color: #dc0c1b; border: 3px solid #e4e4e4; display: inline-block; }
.popup-form .form-btn:hover {
    background-color: #8E58A3;
}
.popup-form .message { clear: left; width: 200px; margin: 0; overflow: hidden; }
.popup-form .message i { color: #ff2826; font-style: normal; }
.popup-text { width: auto; padding: 30px; }

.popup-notice { padding: 30px; }
.popup-notice p { margin: 0; }
.popup-notice p:first-child { font-weight: bold; margin-bottom: 5px; }

.popup-order form {
    text-align: center;
}
.popup-order .form-btn {
    float: none;
}

/*.popup {background-color: rgba(242, 242, 242, 0.8); padding: 5px;}
.popup > div {background-color: #fff; padding: 30px; width: 380px;}
.popup h1 {font-size: 24px; color: #8e58a3; font-family: 'a_futuricamediumregular';}

.popup-form {background-color: rgba(242, 242, 242, 0.8); padding: 5px;}
.popup-form > div {background-color: #fff; padding: 25px; width: 390px; color: #000; font-size: 14px;}
.popup-form h1 {font-size: 24px; color: #8e58a3; font-family: 'a_futuricamediumregular'; text-transform: uppercase; font-weight: normal;}

.popup-form form {}
.popup-form input[type="text"] {background-color: #fff; border: 1px solid #a2a2a2; padding: 9px 10px 8px 10px; font-size: 14px; font-family: arial; color: #898989; width: 368px; margin-bottom: 20px;}
.popup-form input[type="submit"] {background-color: #dc0c1b; border: none; width: 157px; margin: 20px 0 15px 115px; color: #fff; font-size: 18px; font-weight: bold; font-family: arial; height: 35px; outline: 4px solid #e4e4e4;}
.popup-form input[type="submit"]:hover, .popup-form input[type="submit"]:focus {background-color: #8e58a3;}

.popup-form p.error {color: #ff0000; margin: 0; padding: 0;}*/



/* added item popup */
.added { width: 325px; padding: 15px; display: none; }
.added h3 { font: normal 24px/1 'myriad-pro-light'; text-transform: uppercase; margin: 0 0 15px; }
.added span { min-height: 50px; color: #000; font: 18px/1.3 'myriad-pro-light'; text-transform: uppercase; padding: 4px 0 0 67px; background: url('../img/front/front/mini-basket.png') 0 5px no-repeat; margin-bottom: 20px; display: block; }
.added div a:first-child { float: left; width: 132px; height: 38px; background: url('../img/front/front/gotocart-btn.png') 0 0 no-repeat; }
.added div a:first-child:hover, .added div a:first-child:focus { background-position: 0 -38px; }
.added div a + a { float: right; padding: 10px 0; }

/* nano scroller */
.nano { position: relative; width: 100%; height: 100%; overflow: hidden; }
.nano .nano-content { position: absolute; overflow: scroll; overflow-x: hidden; top: 0; right: 0; bottom: 0; left: 0; }
.nano .nano-content:focus { outline: thin dotted; }
.nano .nano-content::-webkit-scrollbar { visibility: hidden; }
.has-scrollbar .nano-content::-webkit-scrollbar { visibility: visible; }
.nano > .pane { background: rgba(0,0,0,.25); position: absolute; width: 6px; right: 0; top: 0; bottom: 0; visibility: hidden\9; opacity: .01; -webkit-transition: .2s; -moz-transition: .2s; -o-transition: .2s; transition: .2s; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.nano > .pane > .slider { background: #444; background: rgba(0,0,0,.5); position: relative; margin: 0 1px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.nano:hover > .pane, .pane.active, .pane.flashed { visibility : visible\9; opacity: 0.99; }

/* price rahge */
.ui-slider { position: relative; text-align: left; width: 185px; height: 6px; background: url('../img/front/front/range-bg.png') 0 0 no-repeat; margin: 18px 0 15px; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 13px; height: 21px; cursor: default; background: url('../img/front/front/range-bg.png') 0 -14px no-repeat; cursor: pointer; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; height: 8px; background: url('../img/front/front/range-bg.png') 0 -6px repeat-x; }
.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; }
.ui-slider-horizontal { height: 6px; }
.ui-slider-horizontal .ui-slider-handle { top: -6px; margin-left: -7px; }
.ui-slider-horizontal .ui-slider-handle:focus { outline: 1px dotted #78a600; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 8px; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

/* slider */
.slider { width: 320px; height: 56px; position: relative; left: -10px; overflow: hidden; }
.slider-nav { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.slider-nav a { width: 20px; height: 56px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAC0CAYAAADmWm5VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAfZJREFUeNrs3E1uAjEMhuGZTz0IO8T9D4PYcZOUtqjdQGI7iYPo6yUiyjP58TAak72Usr1yaHvxAAgQIECAAAECBAgQ4L8ErniSKh7gnows9z5dU5yFfIqzrMHZyCrOuklmIZs4zy4ejTThvGlmFNKMi+TBXqQLF03UUaQb13Mn8SJDuB6gt8Pw0lDWVEWRSsKFkUrEhZBKxrmRWoBzIbUIZ0ZqIc6E1GJcE1n7RZ0de88u5qkOIECAAAECBAgQIECAAAECBAgQIECAAAECBPhuwI9HH16v13I4HEwvc27f7QLc+qn2qSeN9q8GWaNUGxBVriwF2ZotNYZ/NrK5lGRYI7OQ42q3JiDH124NRM6r3RqAnF+71YHMq90KIHNrtzx3mnvk1W4FcF1IJeHCSCXiQkgl49xILcC5kFqE+0W20pUW4kw5VStxFuTOf9wBAgQIECBAgAABAgQIECBAgAABAgQIECBAgABfMx7Wbm2nY9nOF9ubptOxT3C+VPvUk0b7d4OsqAyIKleWg2zMlhrDPxvZXEoyrJFZyIHnbo1HTjh3axxy4rlb/ciEc7fiyMRzt/zI5HO3PHean0g8d8uP60IqCRdGKhEXQioZ50ZqAc6F1CLcH7KRrrQQZ8qpWoozIKndAggQIECAAAECBAgQ4Mr4FGAAcib+YV+N+6wAAAAASUVORK5CYII=') -20px -122px; position: absolute; top: 0; left: 0; outline: none; }
.slider-nav a + a { background-position: 0 -122px; right: 0; left: auto; }
.slider-nav a:hover { background-color: #ff2826; background-position: -20px -2px; }
.slider-nav a + a:hover { background-position: 0 -2px; }
.slider-nav a.disable { background-color: #fff; background-position: -20px -62px; cursor: default; }
.slider-nav a + a.disable { background-color: #fff; background-position: 0 -62px; cursor: default; }
.slider-block { width: 280px; height: 56px; white-space: nowrap; margin: 0 20px; position: relative; overflow: hidden; }
.slider-block div { position: absolute; top: 0; left: 0; }
.slider-block div a { width: 54px; height: 54px; display: inline-block; border: 1px solid #dfdfdf; outline: none; }
.slider-block div a img { width: 100%; display: inline-block; }
.slider-block div a:hover, .slider-block div a:focus { border-color: #ff2826; }
.slider-block div a.selected { border-color: #ff2826; cursor: default; }

/* jGrowl */
div.jGrowl{z-index:9999;color:#fff;font-size:12px;position:absolute}body>div.jGrowl{position:fixed}div.jGrowl.top-left{left:0;top:0}div.jGrowl.top-right{right:0;top:0}div.jGrowl.bottom-left{left:0;bottom:0}div.jGrowl.bottom-right{right:0;bottom:0}div.jGrowl.center{top:0;width:50%;left:25%}div.center div.jGrowl-closer,div.center div.jGrowl-notification{margin-left:auto;margin-right:auto}div.jGrowl div.jGrowl-closer,div.jGrowl div.jGrowl-notification{background-color:#000;opacity:.85;zoom:1;width:235px;padding:10px;font-family:Tahoma,Arial,Helvetica,sans-serif;font-size:1em;text-align:left;display:none;-moz-border-radius:5px;-webkit-border-radius:5px}div.jGrowl-notification a{color:#fff;}div.jGrowl div.jGrowl-notification{min-height:40px}div.jGrowl div.jGrowl-closer,div.jGrowl div.jGrowl-notification{margin:10px}div.jGrowl div.jGrowl-notification div.jGrowl-header{font-weight:700;font-size:.85em}div.jGrowl div.jGrowl-notification div.jGrowl-close{z-index:99;float:right;font-weight:700;font-size:1em;cursor:pointer}div.jGrowl div.jGrowl-closer{padding-top:4px;padding-bottom:4px;cursor:pointer;font-size:.9em;font-weight:700;text-align:center}
@media print{div.jGrowl{display:none}}

.checkout > p {
font-size: 14px;
background: url(../img/front/iii.png) left center no-repeat;
padding-left: 30px;
line-height: 1.6;
}

.opt_price {
background-color: #8E58A3;
color: #FFF !important;
text-decoration: none;
display: inline-block;
width: 178px;
height: 34px;
text-align: center;
font-size: 14px;
line-height: 33px;
margin-bottom: 10px;
}

.order_info {
display: none;
margin-bottom: 70px;
}
.order_info h4 {
font-size: 30px;
font-weight: 500;
line-height: 1;
margin-bottom: 25px;
}
.order_info h4 span {
color: red;
}
.order_info p {
font-size: 14px;
}
.order_info p span {
color: red;
}
.order_info p strong {
font-size: 24px;
}




#terms h2 {
font-size: 30px; color: #8e58a3; text-transform: uppercase; font-weight: normal; font-family: 'a_futuricaregular'; text-align: center;
}

#delivery h2{
font-size: 30px; color: #8e58a3; text-transform: uppercase; font-weight: normal; font-family: 'a_futuricaregular'; text-align: center;
}

#howto { overflow: hidden; }
#howto h2 { font-size: 30px; color: #8e58a3; text-transform: uppercase; font-weight: normal; font-family: 'a_futuricaregular'; text-align: center; }
#howto > div { width: 48%; padding: 15px 20px 15px 65px; background-color: #f2f2f2; -webkit-box-sizing: border-box; box-sizing: border-box; }
#howto .howto-shop { float: left; }
#howto .howto-online { float: right; }
#howto > div strong { color: #000; font-size: 20px; text-transform: uppercase; position: relative; margin-bottom: 10px; display: block; }
#howto > div strong img { position: absolute; top: 0; left: -45px; }
#howto > div p { margin: 0; }
#howto .howto-shop a { color: #8e58a1; line-height: 26px; text-decoration: none; margin-top: 5px; display: inline-block; position: relative; }
#howto .howto-shop a::before { content: url('../img/front/howto-addr.png'); position: absolute; top: 2px; left: -20px; }
#howto .howto-shop a::after { content: ''; border: dashed #8e58a1; border-width: 0 0 1px; position: absolute; right: 0; bottom: 5px; left: 0; }
#howto .howto-shop a:hover::after { display: none; }
#howto .howto-online b { font-size: 20px; margin-top: 5px; display: inline-block; }





.coupon {
    padding: 15px 20px;
}
.coupon h3 {
    color: #8e58a3;
    font-family: "a_futuricamediumregular";
    font-size: 24px;
    font-weight: normal;
    text-transform: uppercase;
    margin-top: 0;
}
.coupon p {
    text-align: center;
}
.coupon a {
    color: #fff;
    font-size: 20px;
    line-height: 36px;
    font-weight: bold;
    text-decoration: none;
    padding: 0 30px;
    background-color: #dc0c1b;
    border: 3px solid #e4e4e4;
    margin: 0 10px;
    display: inline-block;
}
.coupon a:first-child {
    background-color: #92278f;
}
.notice{
height: 54px;
background-repeat: repeat;
display: table;
width: 100%;
}
.notice_message {
color: #3c3c3c;
display: table-cell;
vertical-align: middle;
text-align: center;
font-family: arial;
font-size: 15px;
font-weight: bold;
}
img.notice_icon {
position: absolute;
margin-left: -39px;
margin-top: -7px;
}