/*
 RB HTML5 Framework v5
 -----------------------------------
 Forms v1.5
 -----------------------------------
 Author:Ruslan B. (r.beygulenko GAVGAV gmail.com)
 Last modified: 17.05.2016
 License:CC BY-NC 3.0 (http://creativecommons.org/licenses/by-nc/3.0/)
*/

/*input, textarea, */
select{-webkit-appearance:none}
input::-moz-focus-inner{border:0;padding:0}
textarea{resize:none}
input[type="radio"], input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal}
fieldset{ border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em }
optgroup{ font-weight:700 }

/* placeholder (defaut) */
*::-webkit-input-placeholder{color:#6e6e6e}
*:-moz-placeholder{color:#6e6e6e}
*::-moz-placeholder{color:#6e6e6e}
*:-ms-input-placeholder{color:#6e6e6e}

/* placeholder (disabled) */
*[disabled]::-webkit-input-placeholder{color:#CCC}
*[disabled]:-moz-placeholder{color:#CCC}
*[disabled]::-moz-placeholder{color:#CCC}
*[disabled]:-ms-input-placeholder{color:#CCC}

/* placeholder (error) */
.error::-webkit-input-placeholder{color:#F00}
.error:-moz-placeholder{color:#F00}
.error::-moz-placeholder{color:#F00}
.error:-ms-input-placeholder{color:#F00}

/* default */
input, textarea, button,.btn, input[type="file"]::before, select{text-transform:uppercase;margin:0px;vertical-align:top;transition:all 0.25s;font-size:12px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box} 

/* input, textarea */
input[type="text"], input[type="email"], input[type="password"], textarea, select{height:40px;line-height:40px;padding:0 20px;background:#fff;border:1px solid #CDCDCD;font-size:14px;color:#6e6e6e}
input[type="text"]:hover, input[type="email"]:hover, input[type="password"]:hover, textarea:hover{border:1px solid #b9b9b9;border-top:1px solid #a0a0a0;-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus, select:focus{background-color:#FFF;border-color:#66afe9;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.25)}
input[type="text"].error, input[type="email"].error, input[type="password"].error, textarea.error,select.error{border-color:#F00;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.25);color:#F00}
input[type=number]{width:60px;text-align:center}
input[disabled], input[disabled]:hover, input[disabled]:focus, select[disabled], select[disabled]:hover, select[disabled]:focus, textarea[disabled], textarea[disabled]:hover, textarea[disabled]:focus{cursor:default;color:#CCC;border:1px solid #CCC;box-shadow:none}
textarea{height:auto;padding:20px;line-height:normal}
input[type="text"].ns, input[type="email"].ns, input[type="password"].ns, input[type="text"].ns:hover, input[type="email"].ns:hover, input[type="password"].ns:hover, input[type="text"].ns:focus, input[type="email"].ns:focus, input[type="password"].ns:focus{text-transform:none;border-radius:inherit;height:inherit;line-height:inherit;padding:0 10px;background:inherit;border:inherit;box-shadow:inherit}

/* buttons */
input[type="button"], input[type="submit"], input[type="reset"], button,.btn, input[type="file"]::before{border:0px;border-radius:0px;cursor:pointer;white-space:nowrap;display:inline-block;position:relative;min-width:100px;text-align:center;padding:0 20px;height:40px;background:transparent;color:#3d3e3d;line-height:40px;text-shadow:none;font-size:14px; letter-spacing:2px;text-transform:uppercase;text-decoration:none;border:2px solid #8dd8cf;}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover,.btn:hover, input[type="file"]:hover::before{background:#8dd8cf;color:#fff;}
input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, button:active,.btn:active, input[type="file"]:active::before{box-shadow:inset 0 3px 6px 0px rgba(0,0,0,0.1)} 

 
/* file */
input[type="file"]{margin-top:5px;font-size:13px;cursor:pointer}
input[type="file"]::-webkit-file-upload-button{visibility:hidden}
input[type="file"]::before{content:'Select';margin-top:-9px;padding:0 24px}
/*input[type="file"]:active::before{background:-webkit-linear-gradient(top, #e3e3e3, #f9f9f9)}*/

/* search */
input[type="search"]{-webkit-appearance:textfield}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}

/* selectbox default */
select{padding:0 2px;position:relative;min-width:180px;height:42px;margin:0px;text-align:left;text-overflow:ellipsis;overflow:hidden;cursor:pointer;background:#fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAMAAACgjTZZAAAAS1BMVEX/////Fm7/Fm7/Fm7/Fm7/Fm7/Fm7/Fm7/Fm7/Fm7/Fm7/Fm7/Fm7/Fm7/Fm7/Fm7/Fm7/Fm7/Fm7/Fm7/Fm7/Fm7/Fm7/Fm7/Fm4Tp4TDAAAAGXRSTlMAAAJY8O8BQ0+lUkenVV47QTbrne49NNw6ctwh+gAAADFJREFUeF4dwIURgEAQBMHZe1dc8o+UKpoyTKDcScGZVEODxc/o/BqBbT/Oi9/9vIIPG80BRaOptvwAAAAASUVORK5CYII=") 97% 50% no-repeat;-webkit-padding-end:20px;-webkit-padding-start:20px;font-size:14px;color:#9A9A9A}
select:before{content:'';width:9px;height:9px;position:absolute;right:10px;top:10px;background:#F00}
select[disabled]{background:#fff url("data:;base64,R0lGODlhDAAEAIABAMzMzP///yH5BAEAAAEALAAAAAAMAAQAQAIKhA+hG8eM0ltyFgA7") 99% 50% no-repeat}
option:disabled, select[disabled] > option{color:#ccc !important}

/* selectbox styled */
.select{font-size:13px;text-transform:uppercase;float:left;transition:all 0.3s;display:block;height:40px;width:140px;background:ransparent;border:2px solid #8dd8cf;position:relative;z-index:9}
.select .selected{cursor:pointer;position:relative;height:40px;padding:0 46px 0 20px;outline:none;overflow:hidden}
.select .selected span{white-space:nowrap;text-overflow:ellipsis;color:#fff;text-decoration:none;display:block;line-height:39px;width:100%}
.select .selected:after{width:12px;height:7px;content:'';position:absolute;right:14px;top:16px;background:url(arrow-down.png) no-repeat left top;}
.select ul{box-shadow:0 0 4px rgba(0,0,0,0.2);padding:10px 0;transition-property:opacity, visibility;transition-duration:.2s, 0s;transition-delay:0s,.2s;left:-2px;opacity:0;visibility:hidden;overflow:hidden;background:#2998AE;list-style:none;position:absolute;top:36px;width:224px;z-index:1;overflow-y:auto}
.select ul li{cursor:pointer;transition:all 0.3s;display:block;outline:none;color:#fff;text-decoration:none}
.select ul li a {transition:all 0.3s;position:relative;color:#fff;text-decoration:none; text-transform:none;display:block;padding:8px 20px 8px 30px;}
.select ul li a:before {width:2px;height:2px;border-radius:100%;background:#fff;position:absolute;left:14px;top:50%;margin-top: -1px;content:'';}
.select ul li a:hover,.select ul li.active a {background: #68cfc3;}
.select ul li:hover,.select ul li.active a{color:#fff}
.select:hover ul{opacity:1;visibility:visible;transition-delay:0s, 0s}





/* popups */
.layer{position:fixed;left:0;right:0;top:0;bottom:0;z-index:998;background:#000;opacity:.7;-moz-opacity:.7;-khtml-opacity:.7;filter:alpha(opacity=70);display:none}
.popup{overflow:hidden;background:#FFF;display:none;position:absolute;z-index:999;box-shadow:0px 0px 18px rgba(0,0,0,0.1);left:0;right:0;margin:0 auto 0 auto;width:320px}
.popup input[type=text]{ }
.popup .c{position:relative;padding:35px}
.popup .t{text-transform:uppercase;font-weight:700;font-size:16px;display:block;margin-bottom:27px}
.popup .close{padding-left:2px;cursor:pointer;display:block;text-align:center;position:absolute;transition:all 0.3s;right:17px;top:10px;color:#231f1f;font-size:20px;font-weight:300}
.popup .close:hover{color:#f32171}
.popup .tr{margin-bottom:15px}
.popup  label{color:#333;line-height:normal;font-size:12px;margin-bottom:5px;display:block;padding-left:5px}
.popup input,.popup textarea{width:100%}
.popup textarea{height:90px;padding:10px 20px;line-height:normal}
.popup .state-b{ color:#83AB01;display:none;padding-bottom:15px}
.popup-cart {left: 0;position: fixed;text-align: center;top: 40%;width: 320px; z-index:1000000000000000000;}
.popup-cart a{margin-bottom:8px}
.popup-cart .button{height:46px;line-height:48px;width:100%;text-align:cnter;margin-bottom:10px}
.popup-cart .close_popup{color:#EC5A58;display:inline-block;border-bottom:1px dotted #EC5A58;cursor:pointer}
.popup-cart .close_popup:hover{border-bottom:1px solid #EC5A58}
 
/* qty */
.item-qty{font-weight:400;width:76px;margin:0 auto;color:#3d3e3d;display:block;overflow:hidden;padding:0 23px;position:relative}
.item-qty input.ns{padding:0px !important;font-size:16px;font-weight:400;height:30px !important;line-height:30px !important;width:100%;text-align:center}
.item-qty span{text-align:center;font-size:18px;cursor:pointer;display:block;width:23px;height:30px;line-height:30px;text-align:center;position:absolute;top:0px}
.item-qty span.minus{left:0px}
.item-qty span.plus{right:0px}

/* form */
.form { background:rgb(255,255,255);background: transparent\9;background:rgba(255,255,255,0.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ffffff,endColorstr=#e5ffffff);zoom: 1;}