html, body, div, h1, h2, h3, h4, h5, h6, span, applet, object, iframe, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,  dl, dt, dd, ul, ol, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	outline: 0;
}
body{
    word-wrap: break-word;
}
 h1, h2, h3, h4, h5{
    line-height: normal;
	font-weight: normal;
}
a img{
    border: 0 none;
}
textarea{
    resize: vertical;
}
input, textarea, select, button, body{
    font: 12px/16px 'Open Sans', Helvetica, sans-serif;
}
input, textarea, select, button, a{
    outline: none;
}
p{
    margin-bottom: 0.4em;
}
hr{
    border: 0 none;
    border-top: 1px solid #dbe8ed;
    height: 1px;
}
ul, ul li{
    list-style: none;
}
table{
    border-collapse: collapse;
    border-spacing: 0;
}
.clearfix{
    clear: both;
}
.lcol{
    float: left;
}
.rcol{
    float: right;
}
@charset "utf-8";

@font-face {
    font-family: "NeoSansPro";
    src: url("/source/fonts/quatro/NeoSansProRegular.eot");
    src: url("/source/fonts/quatro/NeoSansProRegular.eot?#iefix")format("embedded-opentype"),
    url("/source/fonts/quatro/NeoSansProRegular.woff") format("woff"),
    url("/source/fonts/quatro/NeoSansProRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "NeoSansPro";
    src: url("/source/fonts/quatro/NeoSansProBold.eot");
    src: url("/source/fonts/quatro/NeoSansProBold.eot?#iefix")format("embedded-opentype"),
    url("/source/fonts/quatro/NeoSansProBold.woff") format("woff"),
    url("/source/fonts/quatro/NeoSansProBold.ttf") format("truetype");
    font-style: normal;
    font-weight: bold;
}

/* html5 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
/* html5 */
html,
body {min-height:100%;}
body {margin:0; padding:0; font:400 12px/1.24 'NeoSansPro', 'Calibri', Arial, Helvetica, sans-serif; color:#605e5e; background:#fff;}
a img {border:0;}

* {min-height:0px;}

a:link,
a:active,
a:visited {color:#214567; text-decoration:underline;}
a:hover {text-decoration:none;}

b,
strong {font-weight:600;}

h1,h2,h3,h4,h5,h6 {display:block; margin:10px 0; padding:0; font:bold 18px/1.2 'NeoSansPro', 'Calibri', Arial; color:#bd3636;}

h1 {font-size:18px;}
h2 {font-size:17px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:13px;}
h6 {font-size:12px;}


ol,
ul {padding:0; display:block; margin:15px 10px 15px 24px;}
ul li {display:list-item; padding:0 0 0 1px; margin:5px 0; list-style:disc;}
ol li {display:list-item; padding:0 0 0 1px; margin:5px 0; list-style:decimal;}


.reset,
.reset li,
nav ul, nav li,
.list_number, .list_number > li,
.nav_cat ul, .nav_cat li,
.main_items, .main_items li,
.items, .items li,
.f_nav, .f_nav li,
.warranty_list, .warranty_list dt, .warranty_list dl, .warranty_list dd,
.i_props, .i_props li {display:block; padding:0; margin:0; list-style:none; background:0;}

.list_number {
    counter-reset: my-badass-counter;
    margin:10px 10px 10px 15px;
}
.list_number > li {margin-top:8px;}
.list_number > li:first-child {margin-top:0;}
.list_number > li:before {
    content: counter(my-badass-counter) ". ";
    counter-increment: my-badass-counter;
    min-width:18px;
    display:inline-block;
    color:inherit;
}
.list_line {margin:10px 10px 10px 15px;}
.list_line li {position:relative; margin:8px 0 0 0;}
.list_line li:first-child {margin-top:0;}
.list_line li:before {content:"\002d"; margin:0 6px 0 0;}



form {display:block; padding:0; margin:0;}
input[type="image"]:hover {opacity:0.8;}
input, textarea, select, button {font:normal 17px/normal 'NeoSansPro', 'Calibri', Arial, Helvetica, sans-serif; color:#fff; vertical-align:baseline;}
label {vertical-align:baseline;}

label, input[type=button], input[type=submit], button { cursor: pointer; }
textarea {overflow:auto; resize:vertical;}





/* Inputs */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea,
select {width:100%; padding:6px 17px; display:inline-block; vertical-align:middle; margin:0; border:1px solid #d7d7d7; font-weight:400; font-size:12px; color:#b2b2b2; outline:none; background:#fff;
    -webkit-transition:border-color .1s linear;
    -moz-transition:border-color .1s linear;
    -o-transition:border-color .1s linear;
    transition:border-color .1s linear;
    -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
    -moz-border-radius:34px;-webkit-border-radius:34px;-khtml-border-radius:34px;border-radius:34px;
}

::-webkit-input-placeholder { color:#c8c8c8; -webkit-transition:color .1s linear;}
:focus::-webkit-input-placeholder { color:transparent;}
:-moz-placeholder { color: #c8c8c8; -moz-transition:color .1s linear;}
:focus:-moz-placeholder { color:transparent;}
::-moz-placeholder { color: #c8c8c8; -moz-transition:color .1s linear;}
:focus::-moz-placeholder { color:transparent;}
:-ms-input-placeholder { color: #c8c8c8; }
:focus:-ms-input-placeholder { color:transparent;}

input[type="text"]:hover,
input[type="password"]:hover,
textarea:hover,
select:hover,
input[type="email"]:hover,
input[type="tel"]:hover,
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus,
input[type="email"]:focus,
input[type="tel"]:focus {border-color:#999;}

input[type="button"],
input[type="submit"],
input[type="reset"],
button,
.btn {
    outline:none;
    padding:5px 16px 6px 16px; display:inline-block; position:relative; vertical-align:top; border:2px solid #00B5FF; font:bold 15px/normal 'NeoSansPro';  color: #00B5FF; background: 0; cursor:pointer;
    -moz-border-radius:34px;-webkit-border-radius:34px;-khtml-border-radius:34px;border-radius:34px;
}
a.btn {color:#fff; text-decoration:none;}

.btn:after {width:auto; height:auto; content:' '; display:block; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(255,255,255,0.08); opacity:0;}
.btn:hover:after {opacity:1;}
.btn:active:after {background:rgba(0,0,0,0.02); -moz-box-shadow:inset 0 0 22px 0 rgba(0,0,0,0.1); -o-box-shadow:inset 0 0 22px 0 rgba(0,0,0,0.1); -webkit-box-shadow:inset 0 0 22px 0 rgba(0,0,0,0.1); box-shadow:inset 0 0 22px 0 rgba(0,0,0,0.1);}

input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover,
.active button,
.btn:hover {color:#fff; background:#00B5FF;}
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
button:active,
.btn:active {color:#fff; background:#C34848;}

input[type="button"][disabled],
input[type="submit"][disabled],
input[type="reset"][disabled],
button[disabled] {border-color:#e5e5e5; color:#e5e5e5; cursor:default;}


/* Reset */
.wrap .box_search > form input {padding:0; display:block; margin:0; border:0; vertical-align:top; outline:none; background:0; -moz-border-radius:0;-webkit-border-radius:0;-khtml-border-radius:0;border-radius:0;}
/* Inputs */



.left {float:left;}
.right {float:right;}
.center {text-align:center;}
.txt_l {text-align:left;}
.txt_r {text-align:right;}
.txt_v { vertical-align: middle;}

.hidden {overflow:hidden;}
.none {display:none;}

.bg_orange {background-color:#dba400;}
.bg_red {background-color:#d03331;}
.bg_blue {background-color:#4d85d0;}



p {display:block; margin:15px 0;}
.bold {font-weight:bold;}
.nobold {font-weight:100;}
.italic {font-style:italic;}

.clearfix:before,
.clearfix:after {content:".";display:block;height:0;visibility:hidden;}
.clearfix:after {clear:both;}
.clearfix {zoom:1;}

.bo_50 {-moz-border-radius:50%;-webkit-border-radius:50%;-khtml-border-radius:50%;border-radius:50%;}
.bo_34,
.h_nav a,
.h_search input[type="text"],
.items .i_price,
.items .i_buy span,
.main_items .i_buy span,
.c_title .c_tab a,
a.itemf_btn_buy,
.itemf .i_price,
.fcbox,
.formbox .forminfoerror label {-moz-border-radius:34px;-webkit-border-radius:34px;-khtml-border-radius:34px;border-radius:34px;}
.bo_0 {-moz-border-radius:0;-webkit-border-radius:0;-khtml-border-radius:0;border-radius:0;}


.animate_all,
.h_nav a,
.h_search_submit .ics .ics,
.nav_cat .icv .icv,
.main_items .i_buy,
.items .i_buy,
a.fcclose .ics,
.c_title .c_tab a {
    -webkit-transition:all .1s linear;
    -moz-transition:all .1s linear;
    -o-transition:all .1s linear;
    transition:all .1s linear;
}


.animate,
.nav_cat a{
    transition: box-shadow .3s ease,border .3s ease,top .3s ease,left .3s ease,right .3s ease,bottom .3s ease,margin .3s ease,color .3s ease,background .3s ease,width .3s ease,height .3s ease,transform .9s ease,padding .3s ease,opacity .3s ease;
    -moz-transition: box-shadow .3s ease,border .3s ease,top .3s ease,left .3s ease,right .3s ease,bottom .3s ease,margin .3s ease,color .3s ease,background .3s ease,width .3s ease,height .3s ease,-moz-transform .9s ease,padding .3s ease,opacity .3s ease;
    -webkit-transition: box-shadow .3s ease,border .3s ease,top .3s ease,left .3s ease,right .3s ease,bottom .3s ease,margin .3s ease,color .3s ease,background .3s ease,width .3s ease,height .3s ease,-webkit-transform .9s ease,padding .3s ease,opacity .3s ease;
}



.ics,
.icv {display:inline-block; vertical-align:middle; background:url('icons.png') no-repeat 0 0;}
.icv,
.icv + span {display:inline-block; vertical-align:middle;}

.ic_close{ background-position: 0 0; width: 11px; height: 11px; }
.ic_close_h{ background-position: 0 -21px; width: 11px; height: 11px; }
.ic_items{ background-position: 0 -42px; width: 12px; height: 11px; }
.ic_key{ background-position: 0 -63px; width: 16px; height: 16px; }
.ic_key_h{ background-position: 0 -89px; width: 16px; height: 16px; }
.ic_menu{ background-position: 0 -115px; width: 13px; height: 13px; }
.ic_origin{ background-position: 0 -138px; width: 12px; height: 16px; }
.ic_origin_h{ background-position: 0 -164px; width: 12px; height: 16px; }
.ic_search{ background-position: 0 -190px; width: 28px; height: 28px; }
.ic_search_h{ background-position: 0 -228px; width: 28px; height: 28px; }
.ic_steam{ background-position: 0 -266px; width: 22px; height: 14px; }
.ic_steam_h{ background-position: 0 -290px; width: 22px; height: 14px; }
.ic_uplay{ background-position: 0 -314px; width: 15px; height: 16px; }
.ic_uplay_h{ background-position: 0 -340px; width: 15px; height: 16px; }

.ic_designed {width: 120px; height: 33px; background: url('/source/img/yellow/quatro/copy.png') no-repeat 0 0;}

.idesc p:first-child,
.idesc h1, .idesc h2, .idesc h3, .idesc h4, .idesc h5, .idesc h6 {margin-top:0;}
.idesc p:last-child {margin-bottom:0;}

.pict img,
.i_pict img {width:100%; max-width:100%; height:auto; vertical-align:top;}


.wrap {min-width: 1000px;}
.wrapper {width: 1000px; margin: 0 auto;}
.w_bg { position: relative;min-height: 100%;}
.w_bg:after,
.w_bg:before{width:158px; height: 323px; content: ''; display: block; position: absolute; background: url('/source/img/yellow/quatro/w_bg.png') no-repeat}
.w_bg:after { right: 100%; top: 112px; margin-right: 10px;}
.w_bg:before { left: 100%; bottom: 50px; background-position: right 0;}


.h_panel {padding:30px 0 31px 0; overflow: hidden; background: #171815 url('/source/img/yellow/quatro/h_panel_bg.png') repeat-x 0 bottom;}
.h_panel .logo {width: 232px; float: left;}
.h_panel .logo img {vertical-align: top;}

.h_search {width: 232px; height: 38px; position: relative; float: right; margin-top:1px;}
.h_search input[type="text"] {width: 100%; height: 38px; padding: 0 20px; border:1px solid #30322c; font-size: 12px; background: transparent;}
.h_search input[type="text"]:hover,
.h_search input[type="text"]:focus{ border-color: #444;}
.h_search input[type="text"]::-webkit-input-placeholder { color:#4a4b48; -webkit-transition:color .1s linear;}
.h_search input[type="text"]:focus::-webkit-input-placeholder { color:transparent;}
.h_search input[type="text"]:-moz-placeholder { color: #4a4b48; -moz-transition:color .1s linear;}
.h_search input[type="text"]:focus:-moz-placeholder { color:transparent;}
.h_search input[type="text"]::-moz-placeholder { color: #4a4b48; -moz-transition:color .1s linear;}
.h_search input[type="text"]:focus::-moz-placeholder { color:transparent;}
.h_search input[type="text"]:-ms-input-placeholder { color: #4a4b48; }
.h_search input[type="text"]:focus:-ms-input-placeholder { color:transparent;}
.h_search_submit {width: 28px; height: 28px; position: absolute; right: 5px; top: 5px;}
.h_search_submit input {display: none;}
.h_search_submit .ics {vertical-align: top;}
.h_search_submit .ics .ics { position: absolute; left:0; top: 0; opacity: 0;}
.h_search_submit:hover .ics .ics {opacity: 1;}


.h_nav { padding: 1px 0 2px 0;overflow: hidden; text-align: center;}
.h_nav li {display:inline; margin: 0 3px 0 2px; vertical-align: top;}
.h_nav a {min-width:56px; height:36px; line-height:36px; display:inline-block; padding: 0 17px; vertical-align: top; border:1px solid #2b2d28; color: #fff; text-align: center; text-decoration: none;}
.h_nav a:hover {border-color: #00B5FF; -webkit-box-shadow: inset 0 0 1px #00B5FF; -moz-box-shadow: inset 0 0 1px #00B5FF; box-shadow: inset 0 0 1px #00B5FF;}


.n_bottom {margin-top: 135px;}
.nav_cat {height: 43px; line-height: 40px; overflow:hidden; background: #f6f6f6;}
.nav_cat li { padding: 0 0 0 14px; position: relative; display: block; float: left; margin: 0 0 0 15px;}
.nav_cat li:first-child,
.nav_cat li.i_all {padding-left: 0; margin-left: 0;}
.nav_cat li:after {width: 1px; height: 12px; content: ' '; display:block; position: absolute; top: 1px; left: 0; background: #d2d2d2;}
.nav_cat li:first-child:after,
.nav_cat li.i_all:after{ display: none;}
.nav_cat li.i_all {padding-left: 12px;}

.nav_cat li.i_titles span {line-height: 1.2;}

.nav_cat a {display: inline-block; vertical-align: middle; text-decoration: none;}
.nav_cat a span {display: inline-block; vertical-align: middle; line-height: 1.2;}
.nav_cat .icv { position: relative; margin: 0 11px 0 0;}
.nav_cat .icv .icv { position: absolute; left: 0; top: 0; margin: 0; opacity: 0;}
.nav_cat a:hover .icv .icv { opacity: 1; }
.nav_cat a:hover { color: #00B5FF;}

.nav_cat a.current span {color: #00B5FF; text-decoration: underline;}

.nav_cat li.i_titles { color: #8f8f8f;}


.main_items_wrap { overflow: hidden; margin: 20px 0 16px 0;}
.main_items {margin-right: -20px;}
.main_items > li { float: left; position: relative; overflow:hidden; background: #171815;}
.main_items > li.type_1 {width: 535px; height: 232px;}
.main_items > li.type_2 {width: 192px; height: 232px;}
.main_items > li.type_3 {width: 273px; height: 116px;}

.main_items .i_pict {position: relative; z-index: 2;}
.main_items .i_pict img { width: 100%; height: auto;}
.main_items .i_titles {height: 34px; line-height: 34px; padding: 0 15px; position:absolute; left: 0; bottom: 0; color: #fff; text-overflow: ellipsis; background: #171815; z-index: 6;}
.main_items .i_titles:after {width: 0; height: 0; content: ''; display: block; position: absolute; left:100%; top: 0; border-right:34px solid transparent; border-bottom: 34px solid #171815;}
.main_items .i_titles > span {max-width: 132px; height: 34px; line-height: 34px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main_items > li.type_3 .i_titles > span {max-width: 202px;}
.main_items > li.type_1 .i_titles > span {max-width: 372px;}

.main_items .i_price {height:34px; line-height: 34px; padding:0 10px; position: absolute; right: 0px; top: 0px; color:#fff; text-align:center; background: rgba(189, 54, 54, 0.9); z-index: 6;}
.main_items .i_price:after {width: 0; height: 0; content: ''; display: block; position: absolute; right:100%; top: 0; border-left:34px solid transparent; border-top: 34px solid rgba(189, 54, 54, 0.9);}
.main_items .i_price .i_val {font-weight: bold;}
.main_items .i_price .sc {font-size: 9px;}
.main_items .i_discount {text-decoration: line-through;}
.main_items .i_discount .i_val {font-weight: 400;}
.main_items .i_buy {width: auto; height: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-align: center; background: rgba(0, 0, 0, 0.88); z-index: 5; opacity: 0;}
.main_items .i_buy:after {width: 1px; height: 100%; content: ''; overflow: hidden; display: inline-block; vertical-align: middle;}
.main_items .i_buy span {height:36px; line-height:36px; padding:0 34px; display: inline-block; vertical-align: middle; border: 2px solid #fff; font-weight:bold; color:#fff; text-align: center; text-transform:uppercase;}
.main_items > li:hover .i_buy { opacity: 1;}


.items_wrap {padding: 4px 0 0 0; overflow: hidden;}
.items {margin-right: -20px;}
.items > li {width: 192px; float: left; position: relative; overflow: hidden; margin: 0 10px 12px 0; background: #171815;}
.items .i_pict {position: relative; z-index: 2;}
.items .i_pict img {width: 100%; height: auto;}
.items .i_titles {height: 38px; line-height: 38px;    padding: 0 15px; position:relative; overflow: hidden; color: #fff; text-overflow: ellipsis; white-space: nowrap; z-index: 6;}
.items .i_discount {position: absolute; right: 0; top: 0; z-index: 6;}
.items .i_discount > span {width:200px; height: 28px; line-height: 28px; display: block; position: absolute; left: -125px; top: 15px; font-size: 10px; color: #fff; text-align: center; white-space: nowrap; background: #00B5FF;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.items .i_price {height:30px; line-height: 30px; padding:0 10px; position: absolute; left: 13px; top: 9px; color:#FFF; text-align:center; background: #00B5FF; z-index: 6;}
.items .i_price .sc {font-size: 9px;}
.items .i_buy {width: auto; height: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-align: center; background: rgba(0, 0, 0, 0.88); z-index: 5; opacity: 0;}
.items .i_buy:after {width: 1px; height: 100%; content: ''; overflow: hidden; display: inline-block; vertical-align: middle;}
.items .i_buy span {height:36px; line-height:36px; padding:0 34px; display: inline-block; vertical-align: middle; border: 2px solid #00B5FF; font-weight:bold; color:#00B5FF; text-align: center; text-transform:uppercase;}
.items > li:hover .i_buy { opacity: 1;}

.c_title { height: 33px; line-height:33px; overflow: hidden; margin: 0 0 13px 0; font-size: 14px;}
.c_title:after {width: auto; height: 1px; content: ''; display: block; overflow: hidden; margin: 17px 0 0 0; background: #e49c9c;}
.c_title .icv {float: left; margin: 12px 8px 0 0;}
.c_title .i_title { line-height:33px; float: left; margin: 0 14px 0 0; font-weight: 400; font-size: 14px; color: #00B5FF;}

.c_title .c_tab { float: right; color: #000;}
.c_title .c_tab span,
.c_title .c_tab a { height: 31px; line-height:31px; display: inline-block; margin-left: 7px; vertical-align: top; border:1px solid transparent;}
.c_title .c_tab a { padding: 0 16px; border-color: #d7d7d7; font-size: 12px; text-decoration: none;}
.c_title .c_tab a:hover { border-color: #999;}

.f_bottom {padding:36px 0 44px 0; color: #fff; background: #171815 url('/source/img/yellow/quatro/h_panel_bg.png') repeat-x 0 0;}
.f_bottom a { color: #fff;}

.f_stat { float: left;}
.f_stat > a,
.f_stat > img {margin-left: 5px; vertical-align: top;
}
.f_stat > a:first-child,
.f_stat > img:first-child {margin-left: 0;}
.f_copy { float: right;}


.f_nav { padding: 10px 0 0 0; overflow: hidden; text-align: center;}
.f_nav li {display: inline; margin-left: 46px;}
.f_nav li:first-child { margin-left: 0;}

/* Warranty */
.warranty_list {color:#FFF;}
.warranty_list dt { margin-top: 18px; font-weight:bold; font-size: 14px; color:#00B5FF;}
.warranty_list dt:first-child {margin-top: 0;}


.itemf { overflow: hidden;}
.itemf .i_side {width: 220px; padding: 14px 0 0 0; float: right; margin: 0 0 0 32px;}
.itemf .i_heads { overflow: hidden; margin: 0 0 10px 0;}
.itemf .i_heads h1 { margin: 0 0 10px 0; font-size: 14px;}
.itemf .i_pict { width: 220px; float: left; margin: 0 20px 0 0;}
.itemf .i_text { padding: 4px 0 0 0;}

a.itemf_btn_buy { height: 36px; line-height: 38px; overflow: hidden; display: block; margin: 0 0 9px 0; border: 2px solid #00B5FF; font-weight: bold; font-size: 14px; color: #00B5FF; text-align: center; text-decoration: none;}
a.itemf_btn_buy:hover {color:#fff; background:#00B5FF;}

.itemf .i_props { margin: 0 0 15px 20px; color: #5eac1f; }
.itemf .i_props li { padding: 7px 0 4px 30px; margin: 2px 0 0 0; background: url('/source/img/yellow/quatro/ico_check.png') no-repeat 0 0;}
.itemf .i_props li:first-child { margin-top: 0;}

.itemf .i_price { padding: 14px 8px 17px; margin: 0 0 24px 0; color: #FFF; text-align: center; background: #00B5FF;}
.itemf .i_price .i_pr_title { font-weight: bold; font-size: 18px;}
.itemf .i_price .i_val { font-size: 24px; }
.itemf .i_price .i_sc { font-size: 12px; }

/* fcBOX */
.fcbox_layer {width:100%; height:100%; display:none; position:fixed; left:auto; right:0; top:0; bottom:0; background:rgba(23, 24, 21, 0.92); z-index:9996;}
.fcbox {width:356px; padding:27px 30px 37px; position:absolute; left:-9999px; top:-208px; color:#FFF; background:#fff; z-index:9997;}
a.fcclose {position:absolute; right:32px; top:32px; text-decoration:none;}
a.fcclose .ics { position: absolute; left: 0; top: 0; opacity: 0;}
a.fcclose:hover .ics { opacity: 1;}
.fcbox_head {padding:0 0 14px 0; position:relative; margin: 0 0 8px 0; border-bottom:1px solid #dcdcdc; font-weight: bold; font-size:14px; color:#FFF; text-align:left; }
.i_item_title {padding-left:18px; font-weight:bold; font-size:14px; color:#00B5FF; cursor: default;}

.fcbox .contacts {overflow:visible;}
.formbox .forminfoerror { overflow: hidden; font-size:14px; color:#C30509; white-space:nowrap;}
.formbox .forminfoerror label {padding:5px; display:block !important; margin: 5px 0 0 0; border: 1px solid #C30509;}
.formbox .forminfoerror label:first-child {margin-top: 10px;}
.formbox .forminfoerror label + label,
.formbox .forminfoerror label + label + label {font-size:9px;}
.fcbox .rows { overflow: hidden; margin: 7px 0 0 0;}
.fcbox .rows .i_titles {width: 102px; height: 33px; line-height: 33px; display: block; float: left;}
.fcbox .rows .inpt { height: 33px; line-height: 33px; display: block; overflow: hidden;}
.fcbox .rows input { height: 33px; padding: 0 17px; margin: 0; vertical-align: top; color:#000;}
.fcbox .row_submit { margin: 37px 0 0 0; text-align:center;}
.fcbox .row_submit input {width:215px; height: 40px; padding: 0; margin: 0; vertical-align: top; border:2px solid #00B5FF; font-weight:bold; font-size:15px; color: #00B5FF; text-transform: uppercase; background: 0;}
.fcbox .row_submit input:hover {color:#fff; background-color:#00B5FF;}

.fcbox {display:none;}


.iform .rows {max-width: 500px; margin: 10px 0 0 0; }
.iform .rows.rowstext {max-width: 700px;}
.iform .rows:first-child { margin: 0;}
.iform .rows .i_titles { width:120px; padding: 7px 0 0 0; display: block; float: left; margin: 0 10px 0 0; font-weight: bold; text-align: right;}
.iform .rows .inpt {display: block; overflow: hidden;}
.iform .rows textarea { height: 100px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
.iform .rows_submit { margin: 10px 0 0 130px; text-align: left;}



/* IE7 */
*:first-child+html .main_items > li .i_buy {left:-600px; right:auto;}
*:first-child+html .main_items > li:hover .i_buy {left:0; right:0; background:#000;}
*:first-child+html .main_items > li:hover .i_buy > span {width:100px; padding:0; position:absolute; left:50%; top:50%; margin:-18px 0 0 -50px;}


*:first-child+html .items > li .i_discount {right:0; top:auto; bottom:100px;}
*:first-child+html .items > li .i_discount > span {right:0; bottom:0;}
*:first-child+html .items > li .i_buy {left:-600px; right:auto;}
*:first-child+html .items > li:hover .i_buy {left:0; right:0; background:#000;}
*:first-child+html .items > li:hover .i_buy > span {width:100px; padding:0; position:absolute; left:50%; top:50%; margin:-18px 0 0 -50px;}

/* END */
/*.__buy_email {
  height: 41px;
  width: 200px;
  margin-right: 10px;
}

input[type='email'] {
  background: #141414;
  border: 1px solid #4d4d4d;
  padding: 3px 6px;
  color: #fff;
  &::-webkit-input-placeholder {color:#4d4d4d;}
  &::-moz-placeholder          {color:#4d4d4d;}
  &:-moz-placeholder           {color:#4d4d4d;}
  &:-ms-input-placeholder      {color:#4d4d4d;}
}

.item-buy {
  .price{
    display: block;
    height: 70px;
  }

  .key {
    color: white;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 25px;
    line-height: 30px;
  }
}*/
.invisible {
  display: none;
}
.kouti.message_container {
  position: fixed;
  width: 250px;
  top: 15px;
  left: calc(100% - 275px);
  z-index: 9999;
}
.kouti.message {
  display: block;
  font-size: 0.8125rem;
  font-weight: normal;
  /*margin-bottom: 1.25rem;*/
  padding: 0.875rem 1.5rem 0.875rem 0.875rem;
  position: relative;
  /*transition: opacity 300ms ease-out;*/
  /*background: rgb(55, 64, 72);*/
  background: #303030;
  border: 1px solid #000;
  color: #FFFFFF;
  text-align: center;
}
label.error {
  display: none !important;
}
.viewn-cat {
  text-transform: capitalize;
}
.__buy_email {
  display: block;
  height: 45px;
  border-radius: 2px;
  border: 3px solid #4290BC;
  width: 240px;
  font-size: 15px;
  font-family: calibrib;
  margin-bottom: 10px;
  padding: 3px;
}
.inactive {
  opacity: 0.8;
}
a {
  cursor: pointer;
}
.nav_cat a.active span {
  color: #00B5FF;
  text-decoration: underline;
}
.c_tab a.active {
  border-color: #999;
}



table {
  background-color: transparent;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #dddddd;
}
.table .table {
  background-color: #ffffff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #dddddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th, 
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}