/*
Последнее обновление:28.02.2018
Автор: Alex_Top
*/

/*.float label,  form label, */ .navigation .search_block/* , #uname_div, #password_div, #email_div, #name_div */ {float:left;}
form label, input+label, label[for="upload"], input[type=submit], button, a.btn {display:inline-block;}
input+label, label[for="upload"] {float:none;}
#feedbackChangeCode,
input[type=submit], input[type=button], select, button, .search_value, .hidden a {cursor:pointer;}

/*-- Transition all --*/
/* input, select, textarea, .button, */
input[type=submit], input[type=button], button, .btn, .inputfile + label, .ico_upfile:before, .ico_upfile:after, .send, .hidden a, .search_block input {
	-webkit-transition:all .5s ease 0s;
-moz-transition:all .5s ease 0s;
-o-transition:all .5s ease 0s;
transition:all .5s ease 0s;}

/*input:required, textarea:required {background:url(./images/required.gif) no-repeat left top #FFF;  border:2px solid red;  box-shadow:1px 1px 1px 3px rgba(0, 0, 0, 0.5);}*/

/* Width all form */
.catalog form, .contactus form, .gb form, .form-comment, .faq form, form.login_emply, 
.reg_user form, .user_profile form {padding:10px; /* margin:0 auto;  max-width:400px;*/ background:#F5F5F5; border-radius:3px;}
/* .float label {margin:12px 10px 0 0; text-align:right; width:calc(160px - 10px);} */
.form-comment {max-width:100%; width:100%;}

.contactus form .box {display:flex; margin-bottom:8px;/* flex-wrap:nowrap;  flex-direction: column;*//* align-items:center;  */}
.contactus input[type="text"], 
.contactus input[type="tel"], 
.contactus textarea {flex:1 1 auto; flex-grow: 1;}
.contactus label {align-self:center; min-width:160px; margin-right:8px; font-size:12px; font-weight:700;}

select {width:208px;}
.contactus input[type="text"], 
.contactus input[type="tel"], 
.contactus textarea {/* float:left; */ /* width:calc(100% - 160px); */} /* выставляем размер и шрифт */
textarea {overflow:auto; height:120px;}

/* marker */
input:required, textarea:required {background:url(./images/required.gif) no-repeat left top #FFF;}
input:required:invalid, textarea:required:invalid {box-shadow:none; outline: 0;       /* IE 10 */}
/*input:required:valid, textarea:required:valid {border:2px solid green;}*/
/* :invalid, :invalid:required {} 
.fieldWithErrors {background:yellow;}*/
/*input:required:focus:invalid, textarea:required:focus:invalid {  box-shadow:0px 0px 0px 1px rgba(255,0,0,0.9);   border-color:red;}*/

/*-- Default form --*/
input[type=file] {padding:0;}
input[type=submit], input[type=radio], input[type="checkbox"], input+label {width:auto;} /* исключаем зависимость */
input[type=file], input[type=file]:hover, input[type=radio], input[type="checkbox"], 
input[type="checkbox"]:hover, input[type="checkbox"]:focus {border:0;} /*IE*/
/* input, select, textarea, label[for="upload"], input[type=submit], button, a.btn {margin:6px 0;} */
input, select, textarea {padding:5px 10px; outline:none; font:normal 14px Arial,Helvetica,sans-serif; border:1px solid #CACACA; /* border-color:#979797 #E6E6E6 #E6E6E6 #CACACA; */}
input:hover, select:hover, textarea:hover, input:focus, select:focus, textarea:focus {border:1px solid #69A5A5; color:#333;}
input+label {padding:0 0 0 30px;  margin:6px 10px 6px 0; text-align:left; line-height:100%;}
label[for="upload"] {width:190px;}

input[type="radio"] + label {height:16px; }
/*стилизация placeholder*/
::-webkit-input-placeholder {color:#5C5C5C; opacity:.7;}
::-moz-placeholder {color:#5C5C5C; opacity:.7;}
:-moz-placeholder {color:#5C5C5C; opacity:.7;}
:-ms-input-placeholder {color:#5C5C5C; opacity:.7;}


/* button */
input[type=submit], input[type=button], button, a.btn {padding:10px 15px; width:auto; text-decoration:none !important; /* text-shadow:-1px -1px #446797; */ color:#FFF; background:#005e70; border:0; /* border-width:1px; border-style:solid; border-color:#FFF #E0E0E0 #5A584D;  */
	box-shadow:0 1px 1px rgba(0,0,0,.8);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,.5);
	-moz-box-shadow:0 1px 3px rgba(0,0,0,.5);
}
input[type=submit]:hover, /* input[type=submit]:focus,  */
input[type=button]:hover, /* input[type=button]:focus,  */
button:hover, /* button:focus, */ .btn:hover/* , .btn:focus */ {color:#FFF; background:#333; border-color:#FFF #E0E0E0 #526988;
	box-shadow:0 1px 1px rgba(0,0,0,.0);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,.5);
	-moz-box-shadow:0 1px 3px rgba(0,0,0,.5);
}
/* убираем дополнительный внутренний отступ -1px  */
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {padding:0; border:0;} 
/* input[type="button"], input[type="submit"] {padding-top:9px; padding-bottom:9px;} */

#map {margin-bottom:20px; width:100%; height:300px ;}


 /* icons button */
 /* reset */
.ico_mail input[type="submit"], .ico_mail input[type="button"], .ico_mail button,  .ico_mail a.btn,
.ico_send input[type="submit"], .ico_send input[type="button"], .ico_send button,  .ico_send a.btn,
.ico_send_cart input[type="submit"], .ico_send_cart input[type="button"], .ico_send_cart button,  .ico_send a.btn {margin:0; padding-left:40px;} 

/* компенсируем высоту с input */ 
a.btn {top:1px; position:relative;} 

.ico_mail:before, .ico_send:before, .ico_send_cart:before {position:absolute; content:''; width:20px; height:20px; top:50%; left:10px;
 margin-top:-10px; z-index:1; background:url(./images/icons.png) no-repeat -310px 0;}
.ico_mail, .ico_send, .ico_send_cart {display:inline-block; position:relative; /* margin:10px 0; */}

.ico_mail:before {background-position:-310px -20px;}
.ico_send:before {background-position:-290px -20px;}
.ico_send_cart:before {background-position:-290px 0;}

.contactus .title {display:block; padding:10px 10px 10px 60px; margin:0 -10px 10px; color:#FFF; background:#007a92;}


/* find site */
.find_site input, .search input {font-size:16px;}
.find_site, .search .block {display:flex;}
.find_site {margin:15px auto; width:60%;}
.search .block {margin-bottom:10px;}
.find_site input[type=text],
.search input[type=text] {flex:1 1 0; padding:10px; width:100%;}
.find_site input[type=submit],
.search input[type=submit] {padding:10px 20px; background:#005e70; color:#FFF; box-shadow:none;}
.find_site input[type=submit]:hover, 
.search input[type=submit]:hover {background:#4c4c4c;}
.search h2, .search h3 {margin:20px 0; font-family:'FiraSansLight',Arial,Helvetica,sans-serif; font-size:22px; color:#686868;}
.search h3 {font-size:20px;}
.search h3 {margin:20px 0;}
.search .fs_b {font-size:12px;}
/* search content */
.search .box li {float:none;}
.search li:before {background:transparent;}
.search li:before {width:100px; height:100%; position:absolute; content:''; top:50%; margin-top:-25px; left:5px;}
.search li {margin:0; padding:10px 5px; position:relative;}
.search li:hover {background:#F5F5F5;}
.search li:hover a {color:#005e70;}
.search li a {display:block; text-decoration:none; font-weight:700;}
.search li p {margin:2px 0;}

 @media (max-width:640px) {
	 .find_site {padding:0 8px; width:100%;}
 }

.col .search_block {margin: 0 -10px;} 
.search_block input[type=submit], .search input[type=submit] {box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;} /* reset */
.search_block {position:relative; height:42px;}
.search_block .search_value, .search_block input[type=submit] {right:0; margin:0; height:100%;}
.search_block .search_value {z-index:4; width:30px; padding:6px 15px; background:transparent;}
.search_block .search_value:focus {padding-right:45px; width:100%;  border:1px solid #69A5A5; border-right:0; background:#FFF; color:#333; z-index:2; cursor:text;}
.search_block input[type=submit] {top:0; z-index:3; padding:0; width:30px; text-indent:-9999px; background:url(./images/find.png) no-repeat center #888474;}
.search_block:hover input[type=submit] {background:url(./images/find.png) no-repeat center center #5A584D;}

/* ico search */
.ico_pages, 
.ico_news,
.ico_articles,  
.ico_shop {display:block; float:left; margin-right:10px; width:32px; height:32px; background:url(./images/ico_search.png) no-repeat;}
.ico_pages {background-position: 0 0;}
.ico_news {background-position: -32px 0;}
.ico_articles {background-position: -64px 0;}
.ico_shop {background-position: -96px 0;}
.search li:hover .ico_pages { background-position:0 -32px;}
.search li:hover .ico_news { background-position: -32px -32px;}
.search li:hover .ico_articles { background-position: -64px -32px;} 
 .search li:hover .ico_shop { background-position: -96px -32px;}

/* .error {margin-top:6px; color:red;} */
/* input.error {border:1px solid red;}
resultat search 
.bad {color:red;}
.good {color:green;}
*/
/* проверка аякс */
/* #uname_div, #password_div, #email_div, #name_div {padding-left:190px; font-size:12px; color:#FF0000;} */


/* ::-webkit-input-placeholder input.state_error, ::-webkit-input-placeholder select.state_error, ::-webkit-input-placeholder textarea.state_error,
::-moz-placeholder input.state_error, ::-moz-placeholder select.state_error, ::-moz-placeholder textarea.state_error,
:-moz-placeholder input.state_error, :-moz-placeholder select.state_error, :-moz-placeholder textarea.state_error,
:-ms-input-placeholder input.state_error, :-ms-input-placeholder select.state_error, :-ms-input-placeholder textarea.state_error, */


input.state_error, select.state_error, textarea.state_error {border:1px solid #FF0000; /*background:#ffe2e2;*/ color:#333; padding:5px 10px;}
.state_error {float:left; padding-left:190px;  font-size:12px; /*color:#FF0000;*/ margin-bottom:6px;}
/* #message_div {color:#FF0000;} gb */

/* стиль к label при фокусе на input - Родственные селекторы E+F input+label
input:focus ~ label, label:active {color: red; }*/