/*
 * Theme Name: Maya Xolo
 * Theme URL: http://www.mayaxolo.ru/
 * Description: Theme for Maya Xolo site
 * Author: Purple Mouse
 * Version: 1.0
 * Date: 2019-12-01
 * Modified version: none
 * Date modified: none
 */

@charset "win-1251";





@import url('https://fonts.googleapis.com/css?family=Cuprum|Merriweather');

html {
	overflow-x: hidden !important;
	width: 100% !important;
	height: 100%;
	}

body {
	position: relative;
	overflow-x: hidden !important;
	overflow-y: hidden;
	width: 100% !important;
	min-height: 100%;
	font-family: 'Cuprum', sans-serif;
	font-size: 18px;
	line-height: 1.4;
	font-weight: normal;
	letter-spacing: 0;
	text-align: center;
	color: #000;
	background: #FFF;
	padding: 0;
	margin: 0;
	}

a { text-decoration: underline; color: #F60; }
a:hover { text-decoration: underline; color: #F00; }
a:active { text-decoration: underline; color: #C00; }

::-moz-selection { background: #F60; color: #FFF; text-shadow: none; }
::selection { background: #F60; color: #FFF; text-shadow: none; }

span.skype_pnh_print_container { display: inline !important; }
span.skype_pnh_container { display: none !important; }

div { padding: 0; margin: 0; }

p { letter-spacing: 0px; white-space: normal; text-align: center; padding: 0; margin: 0 0 1em 0; }

hr { border: 0 none; width: 100%; height: 1px; color: #CCC; background: #CCC; clear: both; padding: 0; margin: 2em 0; }

span, font { padding: 0; margin: 0; }

.fontbold { font-weight: bold; }
.fontitalic { font-style: oblique; }
.fontbig { font-size: 150%; }
.fontred { color: #F00; }
.fontgrey { color: #B5B5B5; }
.nobr { white-space: nowrap; }

ul, ol { padding: 0; margin: 0 0 1em 0; }
li { text-align: justify; padding: 0; margin: 0; }

img { border: 0; outline: 0; vertical-align: baseline; padding: 0; margin: 0; }





/* форма */

form { padding: 0; margin: 0; }

input {
	border-style: none;
	width: 300px;
	height: auto;
	font-family: 'Cuprum', sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-align: left;
	color: #000;
	background: #EAEAEA;
	padding: 0.5em 1em;
	margin: 0;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	-khtml-border-radius: 9px;
	border-radius: 9px;
	-moz-box-shadow: inset none;
	-webkit-box-shadow: inset none;
	-khtml-box-shadow: inset none;
	box-shadow: inset none;
	text-shadow: 1px 1px 0 #FFF;
	}

textarea {
	border-style: none;
	width: 300px;
	height: 200px;
	overflow: auto;
	font-family: 'Cuprum', sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-align: left;
	color: #000;
	background: #EAEAEA;
	padding: 0.5em 1em;
	margin: 0;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	-khtml-border-radius: 9px;
	border-radius: 9px;
	-moz-box-shadow: inset none;
	-webkit-box-shadow: inset none;
	-khtml-box-shadow: inset none;
	box-shadow: inset none;
	text-shadow: 1px 1px 0 #FFF;
	}

input.frmstd:hover,
textarea.frmstd:hover {
	-moz-box-shadow: inset 2px 2px 6px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: inset 2px 2px 6px rgba(0, 0, 0, 0.4);
	-khtml-box-shadow: inset 2px 2px 6px rgba(0, 0, 0, 0.4);
	box-shadow: inset 2px 2px 6px rgba(0, 0, 0, 0.4);
	}

input.frmstd:focus,
textarea.frmstd:focus {
	color: #FFF;
	background: #F60;
	-moz-box-shadow: inset 2px 2px 6px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: inset 2px 2px 6px rgba(0, 0, 0, 0.6);
	-khtml-box-shadow: inset 2px 2px 6px rgba(0, 0, 0, 0.6);
	box-shadow: inset 2px 2px 6px rgba(0, 0, 0, 0.6);
	text-shadow: none;
	}

select,
option {
	border-style: none;
	width: 100px;
	height: auto;
	font-family: 'Cuprum', sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-align: left;
	color: #000;
	background: #EAEAEA;
	padding: 0.5em 1em;
	margin: 0;
	text-shadow: 1px 1px 0 #FFF;
	}
select { -moz-border-radius: 9px 0 0 9px; -webkit-border-radius: 9px 0 0 9px; -khtml-border-radius: 9px 0 0 9px; border-radius: 9px 0 0 9px; }





/* кнопка отправить */

.frmsubm {
	width: auto;
	height: auto;
	text-transform: uppercase;
	text-decoration: none;
	text-indent: 0;
	color: #FFF;
	background: #F60;
	padding: 0.5em 2em;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	-khtml-border-radius: 50px;
	border-radius: 50px;
	cursor: pointer;
	cursor: hand;
	text-shadow: none;
	}

.frmsubm:hover {
	background: #F00;
	}

.frmsubm:focus {
	background: #C00;
	}





/* чекбокс */

input[type="checkbox"] {
	display: none;
	}

input[type="checkbox"] + label { 
	cursor: pointer;
	cursor: hand;
	}

input[type="checkbox"] + label span {
	display: inline-block;
	width: 22px;
	height: 22px;
	vertical-align: middle;
	background: #F5F5F5 url('../graphics/checkbox.png') no-repeat left top;
	padding: 0;
	margin: 0;
	cursor: pointer;
	cursor: hand;
	}

input[type="checkbox"]:checked + label span {
	background: #F60 url('../graphics/checkbox.png') no-repeat right top;
	}

input[type="checkbox"] + label.checkinvert span {
	display: inline-block;
	width: 22px;
	height: 22px;
	vertical-align: middle;
	background: #F5F5F5 url('../graphics/checkbox.png') no-repeat right top;
	padding: 0;
	margin: 0;
	cursor: pointer;
	cursor: hand;
	}

input[type="checkbox"]:checked + label.checkinvert span {
	background: #F60 url('../graphics/checkbox.png') no-repeat left top;
	}





/* чекбулл */

input[type="radio"] {
	display: none;
	}

input[type="radio"] + label { 
	cursor: pointer;
	cursor: hand;
	}

input[type="radio"] + label span {
	display: inline-block;
	width: 22px;
	height: 22px;
	vertical-align: middle;
	background: #F5F5F5 url('../graphics/checkbull.png') no-repeat left top;
	padding: 0;
	margin: 0;
	cursor: pointer;
	cursor: hand;
	}

input[type="radio"]:checked + label span {
	background: #F60 url('../graphics/checkbull.png') no-repeat right top;
	}

.nums_txt { width: 70px; font-size: 180%; }





/* декоратив, разное */

img.img_stamp_mess { width: 177px; height: 67px; color: #FFF; background: #F00; }
img.img_sign_fine { width: 111px; height: 66px; }





/* ============================================= */
/* =А=Д=А=П=Т=И=В=*=М=Е=Д=И=А=*=З=А=П=Р=О=С=Ы= */
/* ============================================= */





/* медиазапросы - точки перехода 450 */

@media only screen and (max-width: 450px) {

body { font-size: 16px !important; }
input { width: 220px; font-size: 14px; }
textarea { width: 220px; height: 150px; font-size: 14px; }

}





/* медиазапросы - точки перехода 260 */

@media only screen and (max-width: 260px) {

body { font-size: 14px !important; }
input { width: 150px; font-size: 13px; }
textarea { width: 150px; height: 100px; font-size: 13px; }
input.frmsubm { padding: 0.5em 0.5em; }
input.frmsubm:hover { padding: 0.5em 1em; }
input.frmsubm:focus { padding: 0.5em 1em; }

}