/*---Обнуление---*/
/**{padding: 0;margin: 0;border: 0;}
*,*:before,*:after{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
:focus,:active{outline: none;}
a:focus,a:active{outline: none;}
nav,footer,header,aside{display: block;}
html,body{height: 100%;width: 100%;font-size: 100%;line-height: 1;font-size: 14px;-ms-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
input,button,textarea{font-family:inherit;}
input::-ms-clear{display: none;}
button{cursor: pointer;}
button::-moz-focus-inner {padding:0;border:0;}
a, a:visited{text-decoration: none;}
a:hover{text-decoration: none;}
ul li{list-style: none;display: inline;}
img{vertical-align: top;}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight: 400;}*/
/*--/Обнуление/--*/

body {background: url(../img/body_bg.jpg) repeat; color: #5c5555; width: 100%; height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 20px;}
.fixed-page{overflow: hidden; /*запрещаем прокручивание страницы при открытом меню*/}
.contaner_zag {position: relative; background: #70a4d3;}
.contaner_zag img {width:100%;}
.container {width: 1200px; margin: 0 auto;}
.main-img {width: 25%;float: left;}
.main-img img {float: right;margin: -10px 0;}
.main-wrap {text-align: center; font-style: normal; font-weight: normal; text-transform: uppercase;}
.blok_zg .main-wrap {text-align: center; font-style: normal; font-weight: normal; text-transform: uppercase;width: 75%;padding-left: 14%;float: left;height: 4em;display: flex;align-items: center}
.blok_zg .main-wrap h1 {text-align: left; color: #57585d;}
h1 {font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; font-size: 38px; margin: 0; color: #fff; text-transform: none; text-align: center;}
.page {width: 1200px; margin: 0 auto;}
.reviewGallery {padding: 0 0 10px 0; float: left; width: 100%; background: #fff; overflow:hidden;}
.literature_l {padding: 15px 10px;}
.msg {display:none;}
.msg.active {display:block;margin-bottom: 0;}
.notactive {width:100%;background: #dd7f7f;text-align:center;padding: 25px 15px;color: #fff;font-weight: 900;}
/*
dl, ol, ul {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol, ul {
  padding-left: 2rem;
}

ul {
	width: cacl(100%-4%);
	display: flex;
	flex-direction: column;
}
.literature_l ul {
	list-style: none;
	padding: 0;
    margin-left: 4%;
}
.literature_l ul li::before {content: "-"; padding-right:1%;}*/
  
p img{float:left; padding: 0 15px 15px 0;}
.main-wrap h2 {color: #6b6b6b; font-style: normal; font-weight: normal; margin: 0; padding: 0 0 10px 15px; text-transform: none; text-align: center;}
.main-wrap h2 a {color: #fff; transition: 0.50s;}
.main-wrap h2 a:hover {color: #ff9900; transition: 0.50s;}
.main-wrap span {font-style: normal; font-weight: normal; font-size: 15px; padding: 0; margin: 0; color: #fff; text-transform: none;}

/* Menu */
.ham {position: fixed; z-index: 100; top: 1rem; right: 1rem; width: 3rem; height: 3rem; border: #4278bf solid 2px; border-radius:5px; background: #ff9900; box-shadow: 0 8px 10px rgba(0,0,0,0.5); cursor: pointer; transition: 0.50s;}
.ham:hover {position: fixed; z-index: 100; top: 1rem; right: 1rem; width: 3rem; height: 3rem; border: #ff9900 solid 2px; border-radius:5px; background: #4278bf; box-shadow: none; cursor: pointer; transition: 0.50s;}
.material-icons{color: #4278bf;line-height: normal;transition: 0.50s;}
.material-icons:hover{color: #ff9900;line-height: normal;transition: 0.50s;}
.xIcon {display: none;}
.menu {position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100vh; background: rgba(130, 164, 209, 0.95); color: white; transform: translateY(-100%); transition: transform 0.2s; list-style: none; padding: 4rem; z-index:99;overflow: auto;}
.nm_menu {display:block; width:100%; text-align: center; font-size: 38px; margin-bottom:15px;}
.showMenu {transform: translateY(0);}
/*li {padding: 0.5rem 0;}*/
.menuLink {display: inline;	color: white; text-align: center; text-decoration: none; margin: 0 2% 3%; float: left; width: 15%; padding:10px; background: #82a4d1; box-shadow: 0 8px 10px rgba(0,0,0,0.5); transition: 0.50s;}
.menuLink:hover {display: inline; color: #82a4d1; text-align: center; text-decoration: none; margin: 0 2% 3%; float: left; width: 15%; padding:10px; background: #ff9900; border-radius: 5px; box-shadow: none; transition: 0.50s;}

.active .menuLink {display: inline; color: #82a4d1; text-align: center; text-decoration: none; margin: 0 2% 3%; float: left; width: 15%; padding:10px; background: #ff9900; border-radius: 5px; box-shadow: none;}

.cntr {text-align: center;font-size: 25px;font-weight: bold;padding: 20px 10px 5px 10px;}
/* --| Menu |-- */

.blok_ad {margin: 10px 0 30px 0; padding: 0; width: 100%;}
.one_ad {padding: 0; margin: 0 2% 3%; float: left; width: 21%; background: #82a4d1;box-shadow: 0 8px 10px rgba(0,0,0,0.5); transition: 0.50s;}
.one_ad:hover {padding: 0; margin: 0 2% 3%; float: left; width: 21%; background: #ff9900;box-shadow: none; transition: 0.50s;}
.CardImage {padding: 0; margin: 0; float: left; width: 100%; overflow: hidden;}
.parentGallImg {padding-bottom: 141%; position: relative; width: 100%; height: 0;}
/*.childGallImg {background: #fff url(../img/nophoto.png) 50% 50% no-repeat; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}*/

.one_ad a .CardImage .parentGallImg .childGallImg_one {background: #fff url(../img/one.png) 50% 50% no-repeat; position: absolute; top: 0; right: 0; bottom: 0; left: 0;transition: 0.70s;}
.one_ad:hover a .CardImage .parentGallImg .childGallImg_one {background: url("../img/one-act.png") 50% 50% no-repeat, linear-gradient(to right bottom, #80a2d0, #496ea1); position: absolute; top: 0; right: 0; bottom: 0; left: 0;transition: 0.70s;}
.one_ad a .CardImage .parentGallImg .childGallImg_two {background: #fff url(../img/two.png) 50% 50% no-repeat; position: absolute; top: 0; right: 0; bottom: 0; left: 0;transition: 0.70s;}
.one_ad:hover a .CardImage .parentGallImg .childGallImg_two {background: url("../img/two-act.png") 50% 50% no-repeat, linear-gradient(to right bottom, #80a2d0, #496ea1); position: absolute; top: 0; right: 0; bottom: 0; left: 0;transition: 0.70s;}
.one_ad a .CardImage .parentGallImg .childGallImg_three {background: #fff url(../img/three.png) 50% 50% no-repeat; position: absolute; top: 0; right: 0; bottom: 0; left: 0;transition: 0.70s;}
.one_ad:hover a .CardImage .parentGallImg .childGallImg_three {background: url("../img/three-act.png") 50% 50% no-repeat, linear-gradient(to right bottom, #80a2d0, #496ea1); position: absolute; top: 0; right: 0; bottom: 0; left: 0;transition: 0.70s;}

.ad_picture {position: relative; float: left; width: 100%; height: auto; margin: 0; padding: 0;}
.CardImage .ad_picture img {position: relative; display: block; margin: 0; top: 0; left: 0; width: 100%; height: auto; float: left;}
.CardImage .screenName {padding: 7px 15px 3px; margin: 0 0 5px; font-weight: 400; font-size: 14px; color: #fff; line-height: 20px; width: 100%; float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-decoration: none; text-align: center;}
iframe .ytp-chrome-top {display: none;}
.blok_zg{margin: 0 0 30px 0; padding: 10px 0; width: 100%; background: #fff; float: left;box-shadow: 0 1px 12px rgba(0,0,0,0.5);}
.two_ad {padding: 0; margin: 0 2% 3%; float: left; width: 16%; background: #82a4d1;	border-radius: 5px 5px 0 0;	box-shadow: 0 8px 10px rgba(0,0,0,0.5);	transition: 0.50s;}
.two_ad:hover {padding: 0; margin: 0 2% 3%; float: left; width: 16%; background: #ff9900; border-radius: 5px 5px 0 0; box-shadow: none; transition: 0.50s;}

/**Content**/
p.otstp{text-align: center;padding:15px 0}
table th {width: 49%; padding: 10px 5px;color: #fff;background: #70a4d3;}
table li {display: inline-block;width: 100%;padding: 5px 5px 5px 20px;}
table li::before {
  content: "\2727 ";
  padding-right: 10px;
}


/*/Content/*/

/*форма*/
form {border: 3px solid #f1f1f1; font-family: Arial;}
form h2 {text-align: center;}
form .container {padding: 20px;background-color: #f1f1f1;width: 100%;}
form .active {padding: 15px;text-align: center;background: chartreuse;}
input[type=email], button[type=submit] {width: 100%;padding: 12px;margin: 8px 0;display: inline-block;border: 1px solid #f1f1f1;box-sizing: border-box;}
input[type=email] {color: #A0A0A0;text-align: center;font-size: 25px;}
input[type=checkbox] {margin-top: 16px;}
button[type=submit] {background-color: #4CAF50;color: white;border: none;font-size: 25px;border-radius: 10px;}
button[type=submit]:hover {opacity: 0.8;}
/*/форма/*/

footer {padding: 20px; position: relative; width: 100%; background: #82a4d1; float: left; text-align: center; color: #fff;}
footer p {line-height: 1.5;}
footer a {color: #fff;transition: 0.75s;}
footer a:hover {color: #ff9900;transition: 0.75s;}

@media only screen and (max-width:1200px){
    .container {width: 100%;}
    .page {width: 100%;}
}
@media only screen and (max-width:890px) {
	.menuLink {display: inline;	color: white; text-align: center; text-decoration: none; margin: 0 2% 3%; float: left; width: 29%; padding:10px; background: #82a4d1; box-shadow: 0 8px 10px rgba(0,0,0,0.5); transition: 0.50s;}
	.menuLink:hover {display: inline; color: #82a4d1; text-align: center; text-decoration: none; margin: 0 2% 3%; float: left; width: 29%; padding:10px; background: #ff9900; border-radius: 5px; box-shadow: none; transition: 0.50s;}
}
@media only screen and (max-width:776px) {
	.menuLink {display: inline;	color: white; text-align: center; text-decoration: none; margin: 0 2% 3%; float: left; width: 29%; padding:10px; background: #82a4d1; box-shadow: 0 8px 10px rgba(0,0,0,0.5); transition: 0.50s;}
	.menuLink:hover {display: inline; color: #82a4d1; text-align: center; text-decoration: none; margin: 0 2% 3%; float: left; width: 29%; padding:10px; background: #ff9900; border-radius: 5px; box-shadow: none; transition: 0.50s;}
    .one_ad {padding: 0; margin: 0 2% 3%; float: left; width: 46%; background: #82a4d1; border-radius: 5px 5px 0 0; box-shadow: 0 8px 10px rgba(0,0,0,0.5); transition: 0.50s;}
    .one_ad:hover {padding: 0; margin: 0 2% 3%; float: left; width: 46%; background: #ff9900; border-radius: 5px 5px 0 0; box-shadow: none; transition: 0.50s;}
	.two_ad {padding: 0; margin: 0 2% 3%; float: left; width: 46%; background: #82a4d1; border-radius: 5px 5px 0 0; box-shadow: 0 8px 10px rgba(0,0,0,0.5); transition: 0.50s;}
	.two_ad:hover {padding: 0; margin: 0 2% 3%; float: left; width: 46%; background: #ff9900; border-radius: 5px 5px 0 0; box-shadow: none; transition: 0.50s;}
}
@media only screen and (max-width:607px) {
	p img{width: 100%; padding: 0 5px 15px 5px;}
}
@media only screen and (max-width:480px) {
	h1 {font-family: Arial, Helvetica, sans-serif;font-style: normal;font-weight: normal;font-size: 34px;margin: 0;color: #fff;text-transform: none;text-align: center;}
	.main-img {width: 34%;float: left;}
	.blok_zg .main-wrap {text-align: center; font-style: normal; font-weight: normal; text-transform: uppercase;width: 65%;padding-left: 10%;float: left;height: 4em;display: flex;align-items: center}
	.blok_zg .main-wrap h1 {text-align: left;color: #57585d;font-size: 30px;}
	.ham {position: fixed; z-index: 100; top: 5rem; right: 1rem; width: 3rem; height: 3rem; border: #4278bf solid 2px; border-radius:5px; background: #ff9900; box-shadow: 0 8px 10px rgba(0,0,0,0.5); cursor: pointer; transition: 0.50s;}
	.ham:hover {position: fixed; z-index: 100; top: 5rem; right: 1rem; width: 3rem; height: 3rem; border: #ff9900 solid 2px; border-radius:5px; background: #4278bf; box-shadow: none; cursor: pointer; transition: 0.50s;}
	.menuLink {display: inline;	color: white; text-align: center; text-decoration: none; margin: 0 2% 3%; float: left; width: 100%; padding:10px; background: #82a4d1; box-shadow: 0 8px 10px rgba(0,0,0,0.5); transition: 0.50s;}
	.menuLink:hover {display: inline; color: #82a4d1; text-align: center; text-decoration: none; margin: 0 2% 3%; float: left; width: 100%; padding:10px; background: #ff9900; border-radius: 5px; box-shadow: none; transition: 0.50s;}
	.active .menuLink {width: 100%;}
    .one_ad {padding: 0;margin: 0 2% 3%;float: left; width: 96%; background: #82a4d1; border-radius: 5px 5px 0 0; box-shadow: 0 8px 10px rgba(0,0,0,0.5); transition: 0.50s;}
    .one_ad:hover {padding: 0; margin: 0 2% 3%; float: left; width: 96%; background: #ff9900; border-radius: 5px 5px 0 0; box-shadow: none; transition: 0.50s;}
	.two_ad {padding: 0; margin: 0 2% 3%; float: left; width: 96%; background: #82a4d1;	border-radius: 5px 5px 0 0;	box-shadow: 0 8px 10px rgba(0,0,0,0.5);	transition: 0.50s;}
	.two_ad:hover {padding: 0; margin: 0 2% 3%; float: left; width: 96%; background: #ff9900; border-radius: 5px 5px 0 0; box-shadow: none;	transition: 0.50s;}
}
@media only screen and (max-width:365px) {
	.ham {position: fixed; z-index: 100; top: 5rem; right: 1rem; width: 3rem; height: 3rem; border: #4278bf solid 2px; border-radius:5px; background: #ff9900; box-shadow: 0 8px 10px rgba(0,0,0,0.5); cursor: pointer; transition: 0.50s;}
	.ham:hover {position: fixed; z-index: 100; top: 5rem; right: 1rem; width: 3rem; height: 3rem; border: #ff9900 solid 2px; border-radius:5px; background: #4278bf; box-shadow: none; cursor: pointer; transition: 0.50s;}
	.menuLink {display: inline;	color: white; text-align: center; text-decoration: none; margin: 0 2% 3%; float: left; width: 96%; padding:10px; background: #82a4d1; box-shadow: 0 8px 10px rgba(0,0,0,0.5); transition: 0.50s;}
	.menuLink:hover {display: inline; color: #82a4d1; text-align: center; text-decoration: none; margin: 0 2% 3%; float: left; width: 96%; padding:10px; background: #ff9900; border-radius: 5px; box-shadow: none; transition: 0.50s;}
    .one_ad {padding: 0;margin: 0 2% 3%;float: left; width: 96%; background: #82a4d1; border-radius: 5px 5px 0 0; box-shadow: 0 8px 10px rgba(0,0,0,0.5); transition: 0.50s;}
    .one_ad:hover {padding: 0; margin: 0 2% 3%; float: left; width: 96%; background: #ff9900; border-radius: 5px 5px 0 0; box-shadow: none; transition: 0.50s;}
	.two_ad {padding: 0; margin: 0 2% 3%; float: left; width: 96%; background: #82a4d1;	border-radius: 5px 5px 0 0;	box-shadow: 0 8px 10px rgba(0,0,0,0.5);	transition: 0.50s;}
	.two_ad:hover {padding: 0; margin: 0 2% 3%; float: left; width: 96%; background: #ff9900; border-radius: 5px 5px 0 0; box-shadow: none;	transition: 0.50s;}
}