@charset "utf-8";
html,body{ margin:0; height:100%;}
body{ font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; color: #000;letter-spacing: -0.6px; }
body{ background-size: 100%;width:100%; background-color:#fff; /*background-repeat:no-repeat; background-attachment: fixed;  background-position:50% 50%; background-size:cover; background-image:url(/tmp/img/fon.jpg)*/}
@media (max-width: 360px) {body{width:360px;}}
a {text-decoration: none; color: #FFD700;transition: 0.5s ;}
a:hover {color: #ffb900; }
.a{color: #FFD700;}
.article_height{min-height: calc(100% - 175px);}
header { text-align: center; display: block; position: fixed; width: 100%;  top: 0; height: 68px; background-color:rgba(64,72,149,.97); box-shadow: 0px 0px 10px #000; z-index: 10; border-bottom: 1px solid #007}
@media (max-width: 360px) {header {position: inherit; width:360px;}}
.header{margin: 0 auto; max-width: 1450px; height: 68px;min-width: 335px;}
@media (max-width: 1500px) {.header{max-width:none;width:auto;margin: 0 25px;} }
@media (max-width: 500px) {.header{margin: 0 10px;}}
@media (max-width: 380px) {.header{width:330px;}}
.header .logo{float: left; line-height: 68px; margin-left: 27px;}
@media (max-width: 525px) {.header .logo{ margin-left: 0px; }}

.header .logo img{height: 60px; margin:4px 0 0 0} 
@media (max-width: 1320px) {.header .logo img{ height: 50px; margin:10px 0 0 0}}
@media (max-width: 525px) {.header .logo img{ height: 30px; margin:20px 0 0 0}}
.header .tel{float: right;}
.header .tel .a_tel{display: block; padding: 0 5px; line-height:30px; text-align: right; color: #fff;font-size: 20px;text-shadow: 0.5px 0 1px #000;}
.header .book{ display: block; margin: 0px; padding: 0 10px; background-image: linear-gradient(90deg, #ffcd00 1%, #ffae00 13%, #ffd200 100%);text-align: center; color: #000; line-height:30px;  border-radius: 20px; }
.header .book:hover{background-color: #c4882c; color: #fff;}
@media (max-width: 525px) {.header .book{font-size: 15px; }}
.nav_1 {display:inline-block }
@media (max-width: 1180px) {.nav_1 { display:none; } }
.nav_1 .menu,.nav_1 .submenu{list-style: none;padding: 0;margin: 0;}
.nav_1 .menu li {display:inline-block}
.nav_1 .menu a {display: block;padding: 15px 10px;color:#fff; text-decoration: none; font-size: 20px;text-shadow: 0.5px 0 1px #000;}
@media (max-width: 1320px) {.nav_1 .menu a { font-size: 18px;padding: 20px 7px;}}
/*@media (max-width: 1000px) {.nav_1 .menu a {padding: 15px 20px;}}*/
.nav_1 .menu a:hover { color: #FFD700;}
.nav_1 .submenu {width: 280px;text-align: left; background-color:rgba(28,50,66,.9); box-shadow: 0px 0.5px 2.5px #7e7e7e;  border-radius: 20px;z-index: 10;}
.nav_1 .dropdown:hover .submenu {/*display: block;*/}
.nav_1 .submenu li {width: 100%;}
.nav_1 .submenu a:hover {color: #FFD700;}
.nav_1 .arrow {display: inline-block;margin: -3px 0 3px 5px;width: 7px;height: 7px;border-bottom: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);}
.nav_1 .menu a:hover .arrow {border-bottom: 2px solid #FFD700;;border-right: 2px solid #FFD700;}
.nav_1 .win_x {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.2);cursor: pointer;z-index: -1;}
.nav_1 #menu_1 {position: absolute;}
.nav_1 .menu .a{color: #FFD700;}
.nav_1 .a_border{border-bottom: 2px solid #FFD700;;border-right: 2px solid #FFD700;}
	
.nav_2 .menu, .submenu{list-style: none;padding: 0;margin: 0;}
.nav_2 .menu li {display:block;text-align: left; }
.nav_2 .menu a {display: block;padding: 10px 20px;color:#FFD700; text-decoration: none; font-size: 30px;  text-shadow: 0.5px 0 1px #000;}
.nav_2 .menu a:hover {color: #FFD700;}
.nav_2 .submenu {text-align: left; margin: 0 20px;}
.nav_2 .dropdown:hover .submenu {/*display: block;*/}
.nav_2 .submenu li {width: 100%;}
.nav_2 .submenu a:hover {color: #FFD700;}
.nav_2 .arrow {display: inline-block;margin: -3px 0 3px 5px;width: 7px;height: 7px;border-bottom: 2px solid #FFD700;border-right: 2px solid #FFD700;transform: rotate(45deg);}
.nav_2 .menu a:hover .arrow {border-bottom: 2px solid #FFD700;;border-right: 2px solid #FFD700;}
.nav_2_a { display: none; float: left; font-size: 30px; text-align: center; width: 52px; height: 52px; margin: 7px;  border-radius: 20px; color: #FFD700; line-height:52px; cursor: pointer; }
.nav_2_a:hover{background-color: rgba(255, 255, 255, 0.08);}
@media (max-width: 1180px) {.nav_2_a { display:block; } }
@media (max-width: 400px) {.nav_2_a { display:block; margin: 7px 0;  } }
.nav_2{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%;background-color: rgba(28, 50, 66, .9); z-index: 11;}	
@media (max-width: 900px) {.nav_2 { display:block; } }

.div_cart{float: right; width: 50px;}
.div_cart .cart > a > img{height: 20px; width: 20px; margin:3px;}
.div_cart .lang > a > img{height: 20px; width: 20px; margin:3px;}
.div_cart .lang a{line-height: 20px}

.div_cart #menu_cart{}
.div_cart #menu_cart .x{cursor: pointer; position: fixed; top: 0; bottom: 0; left: 0; width: 100%; background-color: rgba(0, 0, 0, .5);z-index: 11;}
.div_cart #menu_cart .div{position: fixed; top: 50%;left: 50%; transform: translate(-50%, -50%); width: 500px; background-color: rgba(255, 255, 255, .8);box-shadow: 0px 0px 10px #000;z-index: 12;border:1px solid #007;border-radius: 3px;}
@media (max-width: 600px) {.div_cart #menu_cart .div { width: 90%;}}
@media (max-width: 400px) {.div_cart #menu_cart .div { width: 350px;}}
.div_cart #menu_cart h3{margin: 0; padding: 16px 22px;font-size: 22px;color: #fff; text-align: left; background: #404895;}
.div_cart #menu_cart h3 a{ float: right; font-size: 35px;color: #fff;margin:-25px -13px 0 0; }
.div_cart #menu_cart > div { color: #000;}
.div_cart #menu_cart .book{ display:inline-table;margin:10px;padding:0 10px;background-image:linear-gradient(90deg, #ffcd00 1%, #ffae00 13%, #ffd200 100%);text-align:center;color: #000;line-height:30px;border-radius: 20px; }
.div_cart #menu_cart .book:hover{background-color: #c4882c; color: #fff;}

.div_cart .lang #menu_lang .x{cursor: pointer; position: fixed; top: 0; bottom: 0; left: 0; width: 100%; background-color: rgba(0, 0, 0, .5);z-index: 11;}
.div_cart .lang #menu_lang div{ position: absolute; width: 90px; background-color: rgba(64, 72, 149, .97);z-index: 12;border: 1px solid #007; box-shadow: 0 0 10px #000; padding: 0px; margin-top: -7px; border-right: 5px;}
.div_cart .lang #menu_lang div a{ display: block; color: #fff; padding: 5px}
.div_cart .lang #menu_lang div a:hover{color:#FFD700;}
.div_cart .lang #menu_lang div a .img{height: 20px; width: 30px; margin:5px 5px -5px 0;}

/*------------------------ слайдер на главной -----------*/
	.slajder{min-height: calc(100% - 50px); width: 100%; position: sticky;animation-duration: 1s;}
	.slajder{background-repeat:no-repeat;  background-position:50% 50%; background-size:cover; background-image:url(/tmp/img/slajder/fon_1.jpg);}
	#slajder {transition: background-image 1s ease-in-out; background-size: cover; }
	.slajder div:nth-child(1){margin: 0 auto;max-width: 1000px;height: 68px;min-width: 335px; text-align: center; padding-top: 100px;}
	.slajder > div:nth-child(1) a{ 
		display:inline-flex;justify-content: center; align-items: center; width: 300px; height: 300px; 
		color: #fff; margin: 10px; font-size: 30px; text-shadow: 1px 1px 2px #000;
		background-repeat:no-repeat; background-position:50% 50%; background-size:cover; background-image:url(/tmp/img/slajder/utp_bg.svg);
		transition: 1s ease-in-out;
	}
	.slajder #slajder_1{color:#fe5; }
	.slajder > div:nth-child(1) a:hover{color:#fe5;} 
	@media (max-width: 1000px) {
		.slajder div:nth-child(1){max-width: 800px;}
		.slajder > div:nth-child(1) a{  font-size: 20px; width: 200px; height: 200px; }
	}
	@media (max-width: 500px) {
		.slajder > div:nth-child(1) a{font-size: 14px; width: 130px; height: 130px;}
	}
	@media (  max-height: 500px) {
		.slajder div:nth-child(1){padding-top: 70px;max-width: 500px;}
		.slajder > div:nth-child(1) a{font-size: 14px; width: 130px; height: 130px;}
	}
	.slajder .zabor{ position: absolute; height: 20px; width: 100%; bottom:0; }
	.slajder .zabor{ background-repeat:repeat-x;  background-position:5px 5px; background-image:url(/tmp/img/slajder/zabor-white.svg); }
	.home_h1{text-align: center; margin: -35px 0  0 0 ; position: absolute; width: 100%}
	.home_h1 h1{color:#000;min-width: 350px;}
	@media (max-width: 500px) {.home_h1 h1{ font-size: 25px; line-height: 35px}}
/*------------------------ слайдер на главной -----------*/

.fon_i .img_i{ width: 100%; height: 200px}
.fon_i .img_i{background-repeat:no-repeat;  background-position:50% 50%; background-size:cover; }
.fon_i .zabor_i{  height: 20px; width: 100%; margin-top: -20px; }
.fon_i .zabor_i{ background-repeat:repeat-x;  background-position:5px 5px; background-image:url(/tmp/img/slajder/zabor-white.svg); }

.article {margin: 0 auto; max-width: 1450px; padding: 10px;color: #000;}
.article .nav_top{ float: left; margin-top: -10px; margin-left: 10px; font-size: 15px;}
.article a{color: #026;}
.article a:hover{text-shadow: 0 1px 1px #000;}
.article h1{text-align: center}

footer{text-align: center;background-color:#026; margin-top: 50px; color: #fff; }
.footer { margin: 0 auto; max-width: 1450px; padding-top: 100px}
@media (max-width: 1500px) {.footer{max-width:none;width:auto;margin: 0 25px;} }
.nav_3 {display:inline-block;}
@media (max-width: 900px) {.nav_1 { display:none; } }
.nav_3 .menu, .submenu{list-style: none;padding: 0;margin: 0;}
.nav_3 .menu {padding: 15px 0;}
.nav_3 .menu li {display:inline-block}
.nav_3 .menu a {display: block;padding: 5px 25px;color:#fff; text-decoration: none; font-size: 20px;text-shadow: 0.5px 0 1px #000;}
.nav_3 .menu a:hover {/*background: #444;*/}
.nav_3 .submenu {position: absolute; display: none;position: absolute;width: 280px;text-align: left; background-color:rgba(28,50,66,.9);box-shadow: 0px 0.5px 2.5px #7e7e7e;  border-radius: 20px;z-index: 10;}
.nav_3 .dropdown:hover .submenu {}
.nav_3 .submenu li {width: 100%;}
.nav_3 .submenu a:hover {}
.nav_3 .arrow {display: inline-block;margin: -3px 0 3px 5px;width: 7px;height: 7px;border-bottom: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);}
.hr{background-color: rgb(167, 167, 167);height: 1px;max-width: 1450px;}
.rights{  line-height: 70px}

/*--------------hone callback------------------*/
.hone_img {cursor: pointer;position:fixed;width: 60px;height: 60px;right: 30px;bottom: 30px;z-index: 4;border-radius: 100%;border: 2px solid transparent;opacity: .8;animation: hone_img-anim 1s infinite ease-in-out; transform-origin: 50% 50%;}
@keyframes hone_img-anim{
	0%{transform:rotate(0) scale(1) skew(1deg);background:#ffcd00 url(/tmp/img/footer/hone_2.svg) no-repeat center center;background-size: 80%;}
	10%{transform:rotate(-25deg) scale(1) skew(1deg)}
	20%{transform:rotate(25deg) scale(1) skew(1deg)}
	30%{transform:rotate(-25deg) scale(1) skew(1deg);background:#026 url(/tmp/img/footer/hone_2.svg) no-repeat center center;background-size: 80%;}
	40%{transform:rotate(25deg) scale(1) skew(1deg)}
	50%{transform:rotate(0) scale(1) skew(1deg)}
	100%{transform:rotate(0) scale(1) skew(1deg);background:#ffcd00 url(/tmp/img/footer/hone_2.svg) no-repeat center center;background-size: 80%;}
}

.hone_ph {width: 100px;height: 100px;right: 11px;bottom: 11px;position:fixed;background-color: transparent;border-radius: 100%;box-shadow: 0 0 0 2px #333;border: 1px solid #fff;opacity: .1;
   /* animation: hone_ph-anim 1.2s infinite ease-in-out;*/
	animation:hone_ph-anim 1s ease-in-out 0s infinite alternate; 
    transition: all .5s;
    transform-origin: 50% 50%;
	z-index: 4;
}
@keyframes hone_ph-anim{
	0%{transform:rotate(0) kscale(.5) skew(1deg);opacity:.1}
	30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}
	100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}
}
.hone_ph2 {width: 100px;height: 100px;right: 11px;bottom: 11px;position:fixed;background-color: transparent;border-radius: 100%;box-shadow: 0 0 0 2px #333;border: 1px solid #fff;opacity: .1;
    /*animation: hone_ph-anim2 1.2s infinite ease-in-out;*/
	animation:hone_ph-anim 1s ease-in-out .2s infinite alternate;
    transition: all .5s;
    transform-origin: 50% 50%;
	z-index: 4;
}
@keyframes hone_ph-anim2{
	0%{transform:rotate(0) kscale(.5) skew(1deg);opacity:.1}
	30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}
	100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}
}