@font-face {
	font-family: 'ProximaNova';
	src: url('font/ProximaNova-Regular.eot');
	src: url('font/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
	url('font/ProximaNova-Regular.woff2') format('woff2'),
	url('font/ProximaNova-Regular.woff') format('woff'),
	url('font/ProximaNova-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MontserratMedium';
	src: url('font/Montserrat-Medium.eot');
	src: url('font/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
	url('font/Montserrat-Medium.woff2') format('woff2'),
	url('font/Montserrat-Medium.woff') format('woff'),
	url('font/Montserrat-Medium.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MontserratRegular';
	src: url('font/Montserrat-Regular.eot');
	src: url('font/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
	url('font/Montserrat-Regular.woff2') format('woff2'),
	url('font/Montserrat-Regular.woff') format('woff'),
	url('font/Montserrat-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

* {
	margin: 0; /* обнуляем внешние отступы */
	padding: 0; /* обнуляем внутренние отступы */
	border: 0; /* убираем бордюры */
	outline: 0; /* убираем контуры */
	font-size: 100%; /* задаем базовый размер шрифта, значение по умолчанию = 16px */
	-webkit-font-smoothing: subpixel-antialiased; /* попытка устранить баг в сафари на эппл устройствах */
 }

html { width:100%; height:100%; background:#000000; }
body { width:100%; height:100%; font-family:Arial; background: #000000; }
table { border-collapse:collapse; }

a{text-decoration: none;}
a:hover{text-decoration: none;}

h1{display:block; width:100%; font-family:MontserratRegular; font-size:36px; color:#333333; text-align:center; margin:30px auto 0 auto;}
h2{display:block; width:100%; font-family:MontserratRegular; font-size:36px; color:#333333; text-align:center; margin:50px auto 0 auto;}
h3{display:block; width:100%; font-family:MontserratRegular; font-size:14px; color:#333333; text-align:left; margin:0;}
h4{display:block; width:100%; font-family:MontserratRegular; font-size:16px; line-height:140%; color:#333333; text-align:center; margin:20px auto 0 auto;}
h5{display:block; width:100%; font-family:MontserratRegular; font-size:14px; line-height:120%; color:#333333; text-align:left; font-weight: normal;}

.at_row{display:flex; width:100%; height:auto;}

	.work_menu{position:fixed; display:none; flex-direction: column; justify-content: space-between; width:350px; height:100%; background:#232323; box-sizing: border-box; z-index: 100;}
		.work_menu_main_path{display:flex; width:100%; height:auto; flex-direction: column; }
			.work_menu_header{display:flex; background:#00aaee; height:92px; padding:0 30px 0 30px; justify-content: space-between; }
				.work_menu_header p{display:block; margin:46px 0 0 0; font-size:15px; font-family:MontserratRegular; color:#FFFFFF; letter-spacing: 0.2em; }
				.work_menu_close{display:block; width:40px; height:40px; margin:38px 0 0 20px; background:url(../_tpl/img/icon_close.png) 100% 50% no-repeat; cursor:pointer; }
			.work_menu_body{display:block; padding:0 30px 0 30px;}
				.work_menu_body li{display:block; width:100%; list-style: none; margin:0; padding:0; border-bottom:1px solid #333333; }
					.work_menu_body li a{display:block; padding:20px 0; font-size:15px; font-family:MontserratRegular; color:#999999; letter-spacing: 0.2em; }
					.work_menu_body li a:hover{color:#0e8fc7;}
					.work_menu_body li a.active{color:#0e8fc7;}
		.work_menu_footer{display:block; padding:0 30px 20px 30px;}
			.work_menu_footer li{display:block; width:100%; list-style: none; margin:0; padding:0;}
				.work_menu_footer li a{display:block; padding:8px 0; font-size:12px; font-family:MontserratRegular; color:#666666; letter-spacing: 0.1em; }
				.work_menu_footer li a:hover{color:#0e8fc7;}

		.work_menu_link{display:flex; margin:0; padding:10px 0 5px 0; color:#b5b5b5; align-items: center; letter-spacing:0.1em;}
		.work_menu_link:hover{color:#FFFFFF;}

	.work_space{float:right; display:flex; width:100%; height:auto; min-height: 100%; flex-direction: column;}

		.topper{display:flex; justify-content:space-between; width:100%; height:27px; background:#666666; overflow:hidden; padding:0 100px;}
			.topper .lang_path{display: flex; }
				.topper .lang_one{display: flex; font-size: 12px; font-family: ProximaNova; padding:0 30px 0 0; align-items: center; cursor:pointer;}
					.topper .lang_one p{margin:0; padding:0; color:#b5b5b5; text-transform: uppercase;}
					.topper .lang_one.active p{color: #5ac7f3;}
			.topper .exit_but{display: flex; width:100px; background: url(../_tpl/img/icon_exit.png) 100% 50% no-repeat; cursor:pointer; }

		.header{display:flex; justify-content:space-between; width:100%; height:65px; background:#333333; overflow:hidden; padding:0 100px;}
			.header .menu_button{display:flex; cursor:pointer;}
				.header .menu_button p{display:flex; margin:0; padding:0 10px 0 0; color:#b5b5b5; align-items: center; letter-spacing:0.2em;}
				.header .menu_button .menu_icon{display:none; margin:0 20px 0 0; padding:0; width:20px; height:100%; background:url(../../_tpl/img/icon_burger.png) 50% 50%/contain no-repeat; }
			.header .extruder{display:flex; width:80px; height:100%;}
			.header .logo{display:flex; width:70%; height:21px; background:url(../_tpl/img/logo.png) 50% 50%/contain no-repeat; margin:23px auto 0 auto;}
			.header .store_button{display:flex; margin:0; padding:0 0 0 10px; color:#b5b5b5; align-items: center; letter-spacing:0.2em; }
				.header .store_button_icon{display:none; margin:0 0 0 20px; padding:0; width:18px; height:100%; background:url(../../_tpl/img/icon_store.png) 50% 50%/contain no-repeat; }

		.middle{display:flex; flex:1; width:100%; height:auto; background:#fbfbfb; overflow:hidden; padding:40px 100px; box-sizing: border-box; }

		.footer{display:flex; justify-content:space-between; width:100%; height:68px; background:#333333; overflow:hidden; padding:0 100px;}
			.footer .policy_path{display:flex; flex:0 0 60%;}
				.footer .policy_path a{display:flex; font-size: 12px; font-family: MontserratRegular; margin:0 30px 0 0; align-items: center; color:#cccccc;}
				.footer .policy_path a.active{color:#5ac7f3;}
			.footer .mps_path{display:flex; flex:0 0 160px; vertical-align: middle; align-items: center; padding:0 20px 0 0;}
				.footer .mps_path .mps_mc_icon{width:50%; height:30px; background:url(img/logo_mc.png) 50% 50%/contain no-repeat; }
				.footer .mps_path .mps_visa_icon{width:50%; height:30px; background:url(img/logo_visa.png) 50% 50%/contain no-repeat; }
			.footer .copyright{display:flex; flex:0 0 25%; font-size: 12px; font-family: MontserratRegular; margin:0; align-items: center; color:#cccccc;}

		.win_popup_path{position:fixed; display:none; top:0; left:0; width:100%; height:100%;  flex-direction: row; align-items: center; vertical-align: middle; justify-content: center; background:rgba(0,0,0,0.85); z-index:1000;}
			.win_popup{display:flex; width:369px; height:308px; margin:0 auto; background:#FFFFFF; border-radius:3px; flex-direction: column; }
			.win_popup.big{width:500px; height:auto; padding-bottom: 40px; }
				.win_popup_title{display:flex; width:100%; height:80px; justify-content: flex-end; flex-direction: column; }
					.win_popup_title p{display:block; font-family:ProximaNova; font-size: 24px; color:#333333; text-align:center; margin:0; }
				.win_popup_body{display:flex; width:100%; height:130px; justify-content: flex-start; flex-direction: column; }
				.win_popup.big .win_popup_body{height:auto;}
					.win_popup_body p{display:block; width:70%; font-family:ProximaNova; font-size: 15px; color:#333333; text-align:center; margin:15px auto 0 auto; }
					.win_popup.big .win_popup_body p{width:80%; padding-bottom: 30px; }
				.win_popup_footer{display:flex; width:100%; height:auto; justify-content: flex-start; flex-direction: column; }
					.win_popup_ok{width:300px; height:48px; border-radius:50px; background:#00aaee; color:#FFFFFF; font-size:	13px; font-family:MontserratRegular; letter-spacing: 0.15em; margin:0 auto;}

		.win_popup_confirm_path{position:fixed; display:none; top:0; left:0; width:100%; height:100%;  flex-direction: row; align-items: center; vertical-align: middle; justify-content: center; background:rgba(0,0,0,0.85); z-index:1000;}
			.win_popup_confirm{display:flex; width:369px; height:308px; margin:0 auto; background:#FFFFFF; border-radius:3px; flex-direction: column; }
				.win_popup_confirm_title{display:flex; width:100%; height:80px; justify-content: flex-end; flex-direction: column; }
					.win_popup_confirm_title p{display:block; font-family:ProximaNova; font-size: 24px; color:#333333; text-align:center; margin:0; }
				.win_popup_confirm_body{display:flex; width:100%; height:60px; justify-content: flex-start; flex-direction: column; }
					.win_popup_confirm_body p{display:block; width:70%; font-family:ProximaNova; font-size: 15px; color:#333333; text-align:center; margin:5px auto 0 auto; }
				.win_popup_confirm_footer{display:flex; width:100%; height:auto; justify-content: flex-start; flex-direction: column; }
					.win_popup_confirm_yes{width:300px; height:48px; border-radius:50px; background:#00aaee; color:#FFFFFF; font-size:	13px; font-family:MontserratRegular; letter-spacing: 0.15em; margin:0 auto;}
					.win_popup_confirm_no{width:300px; height:48px; border:1px solid #00aaee; border-radius:50px; background:#ffffff; color:#00aaee; font-size:	13px; font-family:MontserratRegular; letter-spacing: 0.15em; margin:25px auto;}

	.coockie_popup{display:none; flex-direction: column; position:fixed; bottom:0; left:0; width:100%; background:#cccccc; padding:25px 50px; box-sizing:border-box; z-index: 1000;}
		.coockie_popup_title{width:100%;}
			.coockie_popup_title p{font-size: 21px; color:#333333; margin:0; padding:0; font-family: ProximaNova;}
		.coockie_popup_body{width:100%; margin:10px 0 0 0;}
			.coockie_popup_body p{font-size: 15px; color:#333333; margin:0; padding:0; font-family: ProximaNova;}
		.coockie_popup_buttons{display:flex; flex-direction: row; width:100%; justify-content: flex-start; margin:10px 0 0 0;}

			.coockie_popup_ok{width:auto; height:auto; overflow:hidden; padding:7px 0 4px 35px; box-sizing:border-box; cursor:pointer; margin:0 40px 0 0;
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1OTUuMyA4NDEuOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTk1LjMgODQxLjk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMDBBQUVFO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTI5OC4yLDE1MS42YzE0Ny4zLDAsMjY3LjksMTIwLjUsMjY3LjksMjY3LjlTNDQ1LjUsNjg3LjMsMjk4LjIsNjg3LjNTMzAuMyw1NjYuOCwzMC4zLDQxOS41CglTMTUwLjgsMTUxLjYsMjk4LjIsMTUxLjYgTTI5OC4yLDEyMS44Yy0xNjMuOCwwLTI5Ny43LDEzNC0yOTcuNywyOTcuN3MxMzMuOSwyOTcuNiwyOTcuNiwyOTcuNnMyOTcuNi0xMzMuOSwyOTcuNi0yOTcuNgoJUzQ2My4zLDEyMS44LDI5OC4yLDEyMS44TDI5OC4yLDEyMS44eiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjU4LjksNTAyLjhjLTMsMC03LjQtMS41LTEwLjQtNC41TDE4Niw0MzguOGwyMC44LTIyLjNsNTIuMSw0OS4xbDEzMi40LTEzMi40bDIwLjgsMjAuOEwyNzAuOSw0OTUuNAoJQzI2Ni40LDUwMS4zLDI2My40LDUwMi44LDI1OC45LDUwMi44eiIvPgo8L3N2Zz4K) 0 50%/contain no-repeat;
			}
				.coockie_popup_ok p{font-family: ProximaNova; font-size:14px; color:#00aaee; margin:0;}

			.coockie_popup_cancel{width:auto; height:auto; overflow:hidden; padding:7px 0 4px 35px; box-sizing:border-box; cursor:pointer;
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1OTUuMyA4NDEuOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTk1LjMgODQxLjk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojOUI5QjlCO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTI5Ny42LDEyNC44QzEzMy45LDEyNC44LDEuNSwyNTcuMiwxLjUsNDIwLjlzMTMyLjQsMjk2LjIsMjk2LjIsMjk2LjJzMjk2LjItMTMyLjQsMjk2LjItMjk2LjIKCVM0NjEuMywxMjQuOCwyOTcuNiwxMjQuOHogTTI5Ny42LDY4Ny4zYy0xNDcuMywwLTI2Ni40LTExOS4xLTI2Ni40LTI2Ni40czExOS4xLTI2Ni40LDI2Ni40LTI2Ni40UzU2NCwyNzMuNiw1NjQsNDIwLjkKCVM0NDUsNjg3LjMsMjk3LjYsNjg3LjN6Ii8+Cjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMzgyLjUsMzU4LjQgMzYxLjYsMzM3LjYgMjk3LjYsNDAxLjYgMjMzLjYsMzM3LjYgMjEyLjgsMzU4LjQgMjc2LjgsNDIyLjQgMjEyLjgsNDg2LjQgMjMzLjYsNTA3LjMgCgkyOTcuNiw0NDMuMyAzNjEuNiw1MDcuMyAzODIuNSw0ODYuNCAzMTguNSw0MjIuNCAiLz4KPC9zdmc+Cg==) 0 50%/contain no-repeat;
			}
				.coockie_popup_cancel p{font-family: ProximaNova; font-size:14px; color:#9b9b9b; margin:0; }


	.atom_text_zone{display:flex; flex-direction: column; width:555px; margin:0 auto; padding:0 0 40px 0;}
		.atom_text_zone .accordions{width:100%; margin:30px 0 0 0;}
		.atom_text_zone p{box-sizing: border-box; padding:0 15px; font-size:12px; font-family: ProximaNova; margin:0 0 20px 0;}
			.atom_text_zone a{text-decoration:underline; color:inherit;}
		.atom_text_zone ul{padding:0 0 0 25px; margin:0 0 0 10px;}
			.atom_text_zone li{box-sizing: border-box; font-size:12px; font-family: ProximaNova; margin:0 0 15px 0;}

	h3.accardion{position:relative; box-sizing: border-box; padding:20px 45px 20px 15px; line-height:130%; border-top:1px solid #dadada; cursor:pointer;}
		h3.accardion:before{position:absolute; top:50%; right:30px; margin:-5px 0 0 0; content: ""; width:10px; height:10px; border:2px solid #5ac7f3; border-width:0 0 2px 2px; transform: rotate(-45deg);
			-webkit-transition: all .5s ease;
			-moz-transition: all .5s ease;
			-ms-transition: all .5s ease;
			-o-transition: all .5s ease;
			transition: all .5s ease;
		}
	h3.accardion + .accardion_body{max-height:0; overflow:hidden;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-ms-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;
	}

	h3.accardion.active{}
		h3.accardion.active:before{transform: rotate(-225deg);
			-webkit-transition: all .5s ease;
			-moz-transition: all .5s ease;
			-ms-transition: all .5s ease;
			-o-transition: all .5s ease;
			transition: all .5s ease;
		}
		h3.accardion.active + .accardion_body{max-height:2000px;
			-webkit-transition: all 1s ease;
			-moz-transition: all 1s ease;
			-ms-transition: all 1s ease;
			-o-transition: all 1s ease;
			transition: all 1s ease;
		}

/* ipad */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2){

		.topper{padding:0 20px;}

		.header{padding:0 20px;}

		.middle{padding:0 20px;}

		.footer{padding:0 20px;}

}

/* iphone x */
@media only screen
and (min-device-width : 375px)
and (max-device-width : 812px)
and (-webkit-device-pixel-ratio : 3)
and (orientation : portrait){

	.work_menu{width:290px;}

	.topper{padding:0 20px;}

	.header{padding:0 20px;}
		.header .menu_button p{display:none;}
		.header .menu_button .menu_icon{display:flex;}
		.header .extruder{width:40px;}
		.header .logo{width:73%; margin:25px 0 0 0;}
		.header .store_button{display:none;}
		.header .store_button_icon{display:block;}

	.middle{padding:0 20px;}

	.footer{ padding:0 20px 20px 20px; height:auto; flex-direction: column; justify-content: center; }
	.footer .policy_path{display:flex; flex-direction: column; margin:10px 0 0 0;}
	.footer .policy_path a{display:block; margin:5px 0 0 0; text-align: center; text-decoration: underline;}
	.footer .mps_path{display:flex; flex:0 0 100%; height:50px; margin:10px 0 0 0;}
	.footer .copyright{display:block; margin:10px 0 0 0; text-align: center; }

	.footer{padding:0 20px 20px 20px; height:auto; flex-direction: column; justify-content: center; }
		.footer .policy_path{display:flex; flex-direction: column;  margin:10px 0 0 0;}
			.footer .policy_path a{display:block; margin:5px 0 0 0; text-align: center; text-decoration: underline;}
		.footer .mps_path{display:flex; flex:0 0 100%; height:50px; margin:10px 0 0 0;}
		.footer .copyright{display:block; margin:10px 0 0 0; text-align: center; }

	.win_popup{width:330px; }
	.win_popup.big{width:330px; }
		.win_popup_ok{width:250px;}

	.win_popup_confirm{width:330px; }
		.win_popup_confirm_yes{width:250px;}
		.win_popup_confirm_no{width:250px;}

	.coockie_popup{padding:15px 20px;}
			.coockie_popup_title p{font-size: 18px;}
			.coockie_popup_body p{font-size: 13px;}
				.coockie_popup_ok p{font-size:12px;}
				.coockie_popup_cancel p{font-size:12px;}
}

/* Экстрамалые девайсы («портретные телефоны», < 576px) */
@media (max-width: 575.98px) {

	.work_menu{width:290px;}

	.topper{padding:0 20px;}

	.header{padding:0 20px;}
	.header .menu_button p{display:none;}
	.header .menu_button .menu_icon{display:flex;}
	.header .extruder{width:40px;}
	.header .logo{width:73%; margin:25px 0 0 0;}
	.header .store_button{display:none;}
	.header .store_button_icon{display:block;}

	.middle{padding:0 20px;}

	.footer{ padding:0 20px 20px 20px; height:auto; flex-direction: column; justify-content: center; }
		.footer .policy_path{display:flex; flex-direction: column; margin:10px 0 0 0;}
			.footer .policy_path a{display:block; margin:5px 0 0 0; text-align: center; text-decoration: underline;}
		.footer .mps_path{display:flex; flex:0 0 100%; height:50px; margin:10px 0 0 0;}
		.footer .copyright{display:block; margin:10px 0 0 0; text-align: center; }

	.win_popup{width:330px; }
	.win_popup_ok{width:250px;}

	.win_popup_confirm{width:330px; }
	.win_popup_confirm_yes{width:250px;}
	.win_popup_confirm_no{width:250px;}

	.coockie_popup{padding:15px 20px;}
			.coockie_popup_title p{font-size: 18px;}
			.coockie_popup_body p{font-size: 13px;}
				.coockie_popup_ok p{font-size:12px;}
				.coockie_popup_cancel p{font-size:12px;}

}

/* ================================================= */
/* MD INPUITs ======================================= */
.textinputgroup {	position:relative;	 margin:38px auto 0 auto;}
.textinput{color:#333333; font-size:14px; padding:0 15px; display:block; width:100%; height:48px; border:none; border:1px solid #dadada; border-radius: 4px; box-sizing: border-box; background:#f6f6f6; }
textarea.textinput{padding:10px 15px; height:95px;}
.textinput:focus{ outline:none; border:1px solid #999999; }

/* LABEL ======================================= */
.textinput_label{color:#666666; font-size:14px; font-weight:normal; position:absolute; pointer-events:none; left:15px; top:14px; text-transform: uppercase;
	transition:0.2s ease all;
	-moz-transition:0.2s ease all;
	-webkit-transition:0.2s ease all;
}
/* active state */
.textinput:focus ~ .textinput_label, .textinput:valid ~ .textinput_label, .textinput:disabled ~ .textinput_label{ top:-22px; line-height:1.3em; left:0; font-size:13px; color:#666666;  text-transform: none; }

/* BOTTOM BARS ================================= */
.textinput_bar 	{ position:relative; display:none; width:100%; }
.textinput_bar:before, .textinput_bar:after { content:''; height:2px; width:0; bottom:1px; position:absolute; background:#dadada;
	transition:0.2s ease all;
	-moz-transition:0.2s ease all;
	-webkit-transition:0.2s ease all;
}
.textinput_bar:before {left:50%;}
.textinput_bar:after {right:50%;}

/* active state */
.textinput:focus ~ .textinput_bar:before, .textinput:focus ~ .textinput_bar:after {
	width:50%;
}

/* HIGHLIGHTER ================================== */
.textinput_highlight{position:absolute; height:60%; width:100%; top:25%; left:0; pointer-events:none; opacity:0.5;}

/* active state */
.textinput:focus ~ .textinput_highlight {
	-webkit-animation:inputHighlighter 0.3s ease;
	-moz-animation:inputHighlighter 0.3s ease;
	animation:inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
	from { background:#f6f6f6; }
	to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
	from { background:#f6f6f6; }
	to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
	from { background:#f6f6f6; }
	to 	{ width:0; background:transparent; }
}

/* iphone x */
@media only screen
and (min-device-width : 375px)
and (max-device-width : 812px)
and (-webkit-device-pixel-ratio : 3)
and (orientation : portrait){

	.textinputgroup.biglabel{margin:54px auto 0 auto;}
	.biglabel .textinput:focus ~ .textinput_label, .biglabel .textinput:valid ~ .textinput_label, .biglabel .textinput:disabled ~ .textinput_label{ top:-38px;}

}

/* Экстрамалые девайсы («портретные телефоны», < 576px) */
@media (max-width: 575.98px) {
	.textinputgroup.biglabel{margin:54px auto 0 auto;}
	.biglabel .textinput:focus ~ .textinput_label, .biglabel .textinput:valid ~ .textinput_label, .biglabel .textinput:disabled ~ .textinput_label{ top:-38px;}
}


/* ===================================================== */
/* MD CHECKBOXs ======================================= */
.checkboxinput > input[type="checkbox"] { display: none;}
.checkboxinput > label {cursor: pointer; height: 0px; position: relative; width: 40px;}
.checkboxinput > label::before {background:#f3f3f3; border:1px solid #dadada; border-radius: 12px; content: ''; height:24px; margin-top: -12px; position:absolute; transition: all 0.4s ease-in-out; width:46px;}
.checkboxinput > label::after {background:#FFFFFF; border:1px solid #dadada; border-radius: 12px; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2); content: ''; height: 24px; left: -0px; margin-top: -8px; position: absolute; top: -4px; transition: all 0.3s ease-in-out; width: 24px; box-sizing: border-box; }
.checkboxinput > input[type="checkbox"]:checked + label::before {border:1px solid #0290c9; background:#00aaee;}
.checkboxinput > input[type="checkbox"]:checked + label::after {border:1px solid #0290c9; background:#FFFFFF; left: 22px;}


/* ===================================================== */
/* ATOM ACCARDIONs ==================================== */
.atom_accordion{position:relative; width:555px; height:auto; overflow:hidden; margin:0 auto 0 auto;}

	.atom_accordion_title{display:flex; width:100%; height:55px; border-top: 1px solid #dadada; margin: 0 0 0 0; padding:0; box-sizing: border-box; vertical-align: middle; align-items: center;}
		.atom_accordion_title p{flex:1 0 98%; font-size:16px; color:#333333; margin:auto 0;}
		.atom_accordion_title_arrow{flex:1 10 12px; width:12px; height:6px; background:url(img/arrow_blue.png) 50% 50% no-repeat; transform: rotate(0deg); transition:transform 0.3s;}
	.atom_accordion_body{width:100%; max-height:0; transition: max-height 0.3s; overflow:hidden; }

	.atom_accordion_checkbox{position: absolute; cursor: pointer; width: 100%; height: 55px; z-index: 1; opacity: 0; }
	.atom_accordion_checkbox:checked ~ .atom_accordion_body{display:block; max-height:1000px; transition: max-height 0.3s; }
	.atom_accordion_checkbox:checked ~ .atom_accordion_body_big{max-height:4000px;}
	.atom_accordion_checkbox:checked ~ .atom_accordion_title .atom_accordion_title_arrow {transform: rotate(180deg); transition:transform 0.3s;}


/* iphone x */
@media only screen
and (min-device-width : 375px)
and (max-device-width : 812px)
and (-webkit-device-pixel-ratio : 3)
and (orientation : portrait){

	.atom_accordion{width:100%; max-width:560px; }

}