@font-face {
  font-family: 'Montserrat';
  src: url('../css/Montserrat/Montserrat-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900; /* обов’язково для variable-шрифтів */
  font-style: normal;
}

html { display: block; width:100%; min-height: auto; height:100%; margin: 0px; padding: 0px; font-family: Montserrat; font-size: 14pt; line-height: 1.5; text-align: justify; color: #2c2b29; background:#ededed; }
a { text-decoration:none; color: #41703a;}
h1 { padding: 0px 0; margin: 0px;}
ol { margin: 10px; padding: 0px;}
ol li { margin: 0px; padding: 0px;}

p { padding:10px 20px;}

body {  display: block; width:100%; min-height: auto; height:100%; margin: 0px; padding: 0px; background:url("../images/head_bg3.webp") top center no-repeat;}

.center_block {width:1200px; margin: auto; position: relative;}
.center_block_title {color:#2c2b29; font-size: 28px; font-weight: bold; text-align: center; padding: 20px 0;}
.center_block_in {display:table; width:100%;}

.line_hidden { padding: 10px 0;}
.line_block { width:100%; background:#e8cc4f; min-width: 100%; border: 5px solid #2c2b29; border-width: 3px 0 3px 0;}
.lb_yellow {width:100%; background: url("../images/black_lines2.webp") repeat-x center #e8cc4f; padding: 20px 0;  border: 5px solid #2c2b29; border-width: 3px 0 3px 0;}
.center_block_head { }
.header_top { display: table; width: 100%;}
section { display:table-cell; vertical-align: top;}
.ht_logo { padding:20px; width: 250px;}
.logo {width: 200px; display:block;}
.ht_right { text-align:center; font-weight:bold; font-size: 24px;  vertical-align: middle;}
.ht_phone {wsdth:300px; text-align: right;  vertical-align: top;}
.ht_phone span {color: #e8cc4f;  font-weight:bold; display:block; text-align: center; padding:15px 0 15px 0; text-shadow: 1px 1px 1px #000;}

.button { display: inline-block; text-align: center;  font-weight:bold; color: #e8cc4f; font-size: 16px; padding: 10px 30px; background:#2c2b29; border-radius: 30px 0 30px 0; text-transform: uppercase; border:3px solid #e8cc4f;}
.button:hover {color: #2c2b29; background:#e8cc4f; border-color:#2c2b29; }

.ht_phone .button { width:170px; margin: 0 auto 20px auto; display: block;}
.ht_phone2 { display:none;}

#gor_menu { margin:0px; padding:0px; display:block; }
#gor_menu li { display:inline-block; padding: 0px; margin:0px 10px 0 0;}
#gor_menu li a { display:block; padding: 15px 5px; color:#2c2b29;  background:#e8cc4f; font-weight:bold; text-transform: uppercase; }
#gor_menu li a:hover {color: #e8cc4f; background:#2c2b29; }

.gor_menu_right {vertical-align:middle; width:250px;}
.prikol {display:block;color: #e8cc4f; background:#2c2b29; font-weight:bold; font-size: 20px; text-align: center; padding: 5px 10px;}

.our_year {background:#2c2b29; color: #e8cc4f;   font-weight:bold; font-size: 28px; text-align: center; padding: 20px 20px 20px 20px;}
.our_year span { color:#ffffff;}
.our_year2 {background:#2c2b29; color: #e8cc4f;  font-weight:bold; font-size: 28px; text-align: center; padding: 20px 20px 20px 20px;}
.our_year2 span { color:#ffffff;}

.rank_block { width:100%; text-align: center; margin: 0px; padding: 30px 0 20px 0;}

.rank_block1 { display:inline-block; width:33%; vertical-align: top;}

.rank_block_img { width:300px; height:300px;  border-radius: 30px 0 30px 0; border:3px solid #2c2b29; margin: auto; position: relative; overflow: hidden;}

.rank_block_img1 { background: url("../images/rank1.jpg") no-repeat center center;}
.rank_block_img2 { background: url("../images/rank2.jpg") no-repeat center center;}
.rank_block_img3 { background: url("../images/rank4.jpg") no-repeat center center;}


.block_left_img { width:300px; height:300px;  border-radius: 30px 0 30px 0; border:3px solid #2c2b29; margin: auto; position: relative; overflow: hidden; margin: 20px 0;}
.block_left_img1 { background: url("../images/rank3.jpg") no-repeat center center;}
.block_left_img2 { background: url("../images/rank4.jpg") no-repeat center center;}
.block_left_img3 { background: url("../images/zero.webp") no-repeat center center;}
.block_left_img4 { background: url("../images/rank6.jpg") no-repeat center center; border:3px solid #e8cc4f;}
.block_left_img5 { background: url("../images/questions.png") no-repeat center center;}
.block_left_img6 { background: url("../images/rank7.jpg") no-repeat center center;}

.rank_block_title { width:290px; font-size:16px; font-weight: bold; text-align: center; background:#2c2b29; color: #e8cc4f; padding: 10px 5px; margin:0; position: absolute; }
.rank_block_title1 { top:0px;}
.rank_block_title2 { color: #ffffff; bottom:0px; left:0px; width: 100px;}
.block_right_in { padding:10px 0;}

.block_right_in ul { margin: 20px; padding: 0px;}
.block_right_in ul li { display: block; margin: 10px 0; padding: 5px 0 5px 40px; background: url("../images/battery.webp") left center no-repeat; font-weight: bold; font-size:18px;}
.block_right_in ul.lion-time li {background: url("../images/concrete.webp") left center no-repeat;}

.rank_block_paket { width:100%; text-align: center; margin: 0px; padding: 0px 0 20px 0;}
.best_choice { width: 350px; background:red; color: #e8cc4f; font-weight: bold; font-size: 28px; text-align: center; padding: 10px 0; margin: auto; margin-top: 10px; margin-bottom: 10px;}
.best_choice2 { width: 350px; height: 42px; padding: 10px 0; margin: auto; margin-top: 10px; margin-bottom: 10px;}
.paket {  font-size: 16px; padding: 10px 20px; background:#ffffff; border-radius: 30px 0 30px 0; border:3px solid #2c2b29; vertical-align: top;}
.paket_info {height: 370px;}
.paket_title {font-size:28px; font-weight: bold; text-align: center; background:#2c2b29; color: #e8cc4f; padding: 10px 5px;}
.paket_price { width:100%; margin:auto; text-align:center; color: #2c2b29; font-weight: bold; background:#e8cc4f;  padding: 10px 5px; font-size:28px;}
.our_year2 span.mini {font-size:18px; color: #e8cc4f;}

.green_text { color: green;}
.rank_block_form {width:400px; height:auto; background:#ffffff;  border-radius: 30px 0 30px 0; border:3px solid #2c2b29; position: relative; overflow: hidden; margin: 20px auto; padding:20px;}


.form_style { width:100%; margin: auto;}
.input_title { font-size:16px;  font-weight: bold;}
.form_style .basic_input { display: block; width:360px; padding: 10px 20px; margin: 10px 0px; border-radius: 5px; border:2px solid #2c2b29; background: #232f3c; color: #e8cc4f; font-weight: bold; font-size:16px; }
.form_style .basic_textarea { display: block; width: 360px; padding: 10px 20px; margin: 10px 0px; border-radius: 5px; border:2px solid #2c2b29; background: #232f3c; color: #e8cc4f;  font-weight: bold; font-size:16px;}


.button_style { display: inline-block; text-align: center;  font-weight:bold; color: #e8cc4f; font-size: 16px; padding: 10px 30px; background:#2c2b29; border-radius: 30px 0 30px 0; text-transform: uppercase; border:3px solid #e8cc4f;}
.button_style:hover {color: #2c2b29; background:#e8cc4f; border-color:#2c2b29; }

.form_style .name_last  { display:none;}
.right { text-align:right;}
p.faq_title { display:block; background:#2c2b29; font-weight:bold; color: #e8cc4f; font-size: 16px; padding: 10px; margin:10px 10px 0 10px; text-align: left;}

.message_form { text-align:center; font-size: 24px; font-weight: bold; padding: 40px 0;}

.youtube_vid_in { text-align:center;}
.youtube_vid { display:inline-block; width:32%; height: 680px; }
.youtube_vid iframe { width:100%; height:100%;}

.copy_big {font-size: 18px;}
.copy_small {font-size: 12px;}