@font-face { font-family: Bangkok_Cyr; src: url("../css/BangkokPlain/Bangkok_Cyr.otf") format("opentype");}
html { width:100%; min-height: auto; margin: 0px; padding: 0px; font-family: Bangkok_Cyr; font-size: 14pt; line-height: 1.5; text-align: justify; color: #e7c593; background-image: url("../images/bg.jpg"); background-repeat: center; position: relative; }
a { text-decoration:none; color: #41703a;}
h1 { padding: 0px 0; margin: 0px;}
ol { margin: 10px; padding: 0px;}
ol li { margin: 0px; padding: 0px;}

#main {margin:auto; padding: 0px; display: block;}

#igor { position: fixed; background-image:url("../images/igor.png"); width: 392px; height: 500px; bottom:0px; right:0px; background-repeat: no-repeat;}
#pec { position: fixed; background-image: url("../images/dog.png"); width: 582px; height: 500px;  left: -190px; bottom:0px; background-repeat: no-repeat;}

#body_mid { width: 800px; margin: auto; position: relative; padding: 0 10px;}


#menu-toggle { display:none;}

#gor_menu { width: 800px; position: fixed; top:0px; text-align: center; z-index: 2;}
#gor_menu ul { display:inline-block; text-align: center; margin: auto; border-bottom: 2px solid #e7c593; border-radius: 0px; background-color: #232f3c; padding: 0px;} 
#gor_menu ul li { display: inline-block; margin: 0px; padding: 0px; border-left: 1px solid #e7c593; position: relative; }
#gor_menu ul li:first-of-type { border:none;} 
#gor_menu ul li a, #gor_menu ul li span {display: block; text-decoration: none; color: #e7c593; padding: 10px 20px; font-size: 16px;}
#gor_menu ul li a:hover, #gor_menu ul li span:hover { color: #fff;}
#gor_menu ul li ol { display:none; width: 350px; position:absolute; top:44px; left:0px; padding: 0px; margin: 0px;  border-bottom: 2px solid #e7c593; border-top: 2px solid #e7c593;  border-radius: 0px; background-color: #232f3c; border-left:0px;}
#gor_menu ul li.active ol {display:block;}
#gor_menu ul li ol li { display:block; margin: 0px; padding: 0px; text-align: left; border-left:0px;}
#gor_menu ul li ol li a { display:block; border-bottom: 1px solid #e7c593;}
#gor_menu ul li ol li:last-of-type a {border-bottom:none;}

.h1_top { padding-top:30px; text-align: center; font-size: 24px;}
.h1_bot { padding-top:0px; text-align: center; font-size: 24px; color: #f27a22;}

h1 {text-align:center; font-size: 46px; text-transform: uppercase; padding: 20px 0px; margin: 0px;}
h1 span {  display: inline-block;  }


h2 {text-align:center; font-size: 18pt; text-transform: uppercase; margin: 0px; padding:20px 0; }

.iklo {width:300px; margin: auto; display: block; padding-top:60px;}
.iklo_mini {width:100px; margin: auto; display: block; padding-top:0px;}


.line { width: auto; height: 32px; margin: 60px 100px 60px 100px ; padding:0; background: url(../images/line_780.png) no-repeat center;}

.soc { width: auto; margin: auto; padding: 60px 0 20px 0;}
.soc ul { margin: 0px; padding: 0px 0; text-align: center;}
.soc ul li { margin: 0px; padding: 0px 0px 0px 5px; list-style: none; display: inline-block;}
.soc ul li a {display:inline-block; width: 30px; height: 30px; padding: 0px; margin: 0px; border:none;}

.soc ul li a.Youtube { background: url(../images/ico/006-youtube.png) no-repeat left top;}
.soc ul li a.Telegram { background: url(../images/ico/007-telegram.png) no-repeat left top;}
.soc ul li a.TikTok { background: url(../images/ico/009-tik-tok.png) no-repeat left top;}
.soc ul li a.Instagram { background: url(../images/ico/003-instagram.png) no-repeat left top;}
.soc ul li a.FB { background: url(../images/ico/005-facebook.png) no-repeat left top;}
.soc ul li a.Twitter { background: url(../images/ico/008-twitter.png) no-repeat left top;}
.soc ul li a.Pinterest { background: url(../images/ico/001-pinterest.png) no-repeat left top;}
.soc ul li a.donatello { background: url(../images/ico/002-donatello.png) no-repeat left top;}
.soc ul li a.bluesky { background: url(../images/ico/010-blusky.png) no-repeat left top;}
.soc ul li a.threads { background: url(../images/ico/011-threads.png) no-repeat left top;}

.soc ul li a:hover { background-position: bottom;  border:none;}

.center { text-align:center; }
.button_style { font-family: Bangkok_Cyr; display:inline-block; margin:20px 0; padding:12px 24px; background: #e7c593; border-radius: 0px; color: #232f3c; cursor: pointer; font-weight: bold; border:1px solid #e7c593; }
.button_style:hover { color: #333; background: #232f3c; color: #e7c593; border:1px solid #e7c593;}

* {  box-sizing: border-box;}
.gallery_img .container {  position: relative;}
.gallery_img .container_in { width:380px; margin: auto;  position: relative; padding: 20px 0;}
.gallery_img .mySlides { display: none; margin: auto; width: 320px;}
.gallery_img .mySlides img { width: 280px; margin: auto; display: block;}
.gallery_img .cursor { cursor: pointer;}
.gallery_img .prev, .gallery_img .next { cursor: pointer; position: absolute; top: 45%; width: auto; padding: 16px; color: white; font-weight: bold; font-size: 20px; border-radius: 0 3px 3px 0; user-select: none; -webkit-user-select: none; }
.gallery_img .next { right: 0; border-radius: 3px 0 0 3px;}
.gallery_img .prev:hover, .gallery_img .next:hover { background-color: rgba(0, 0, 0, 0.8);}
.gallery_img .caption-container { text-align: center; background-color: #222; padding: 2px 16px; color: white;}
.gallery_img .row { display:block; text-align: center; padding: 10px 0;}
.gallery_img .row:after { content: ""; display: table; clear: both;}
.gallery_img .column { display: inline-block; padding: 0px 5px;}
.gallery_img .column img { display: block; width:100px;}
.gallery_img .demo { opacity: 0.8;}
.gallery_img .active, .gallery_img .demo:hover { opacity: 1;}

.about { display:table; width: 100%; font-size: 14pt; vertical-align: top;}
.about strong { font-weight:normal;}
.about_left { display:inline-block; width: 58%;  vertical-align: top;}
.about_right { display:inline-block; width: 40%;  vertical-align: top; text-align: right;}
.price { font-size:48px; padding-top: 100px;}


.modal_block_all .modal { display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: black;}
.modal_block_all .modal-content { position: relative; background-color: #fefefe; margin: auto; padding: 0; width: 90%; max-width: 500px;}
.modal_block_all .close { color: white; position: absolute; top: 10px; right: 25px; font-size: 35px; font-weight: bold; font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";}
.modal_block_all .close:hover, .modal_block_all .close:focus { color: #999; text-decoration: none; cursor: pointer;}
.modal_block_all .mySlides { display: none;}
.modal_block_all .cursor { cursor: pointer; display: block; margin: 0px; padding: 0px;}
.modal_block_all .prev, .modal_block_all .next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -50px; color: white; font-weight: bold; font-size: 20px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; -webkit-user-select: none; background-color:#999;}
.modal_block_all .next { right: 0; border-radius: 3px 0 0 3px;}
.modal_block_all .prev:hover, .modal_block_all .next:hover { background-color: rgba(0, 0, 0, 0.8);}
.modal_block_all .numbertext { color: #000; font-size: 12px; padding: 8px 12px; position: absolute; top: 0;}


.review { width: 500px; margin: 20px auto; border-radius: 15px; border-left:2px solid #e7c593; padding:30px 30px 30px 60px;}
.review_text { padding-bottom: 10px;  font-style: italic; position: relative;}
.review_text::before { content: "“";  font-size: 30pt; color: #e7c593;  position: absolute; left: -40px; top: -5px;}
.review_text::after { content: "”"; font-size: 30pt; color: #e7c593; position: absolute; right: -20px; bottom: -5px;}

.review_name {}

.form_style { width:320px; margin: auto;}
.input_title { font-size:12pt;}
.form_style .basic_input { width: 100%; padding: 10px 20px; margin: 10px 0px; border-radius: 5px; border:2px solid #e7c593; background: #232f3c; color: #e7c593;}
.form_style .basic_textarea { width: 100%; padding: 10px 20px; margin: 10px 0px; border-radius: 5px; border:2px solid #e7c593; background: #232f3c; color: #e7c593;}
.form_style  .button_style {font-size: 14pt;}
.form_style  .button_style { width:100%;}

.name_last  { display:none;}

.form_comlit, .form_comlit2 { width: 100%; padding: 40px 20px; margin: 10px 0px; border-radius: 5px; border:2px solid #e7c593; background: #232f3c; color: #e7c593;}

.about_avtor { display:table; vertical-align: top; margin-top: 20px;}
.about_avtor_left {display:table-cell; vertical-align: top;}
.about_avtor_left img { width: 100px; border:2px solid #e7c593; margin: 0px 20px 0 0;}
.about_avtor_right {display:table-cell; vertical-align: top;}

.copy { padding:30px 0;}
.copy_mid { font-size:12pt;} 
.copy_small { font-size:10pt;}

#np-widget {  max-width: 400px;  margin: 20px auto;  }


#novaPoshtaWidget {  font-family: Arial, sans-serif; max-width: 400px; margin-bottom: 0px;}
#novaPoshtaWidget label { font-weight: bold; display: block; margin-bottom: 5px;}
#novaPoshtaWidget input, #novaPoshtaWidget select { width: 100%; padding: 10px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box; transition: 0.3s;}
#novaPoshtaWidget input:focus { border-color: #007bff;}
#novaPoshtaWidget .suggestions { border-radius: 5px; background: #232f3c; max-height: 200px; overflow-y: auto; position: absolute; width:320px; z-index: 10; box-shadow: 0 2px 5px rgba(0,0,0,0.2); padding-left: 0; list-style-type: none; margin: -5px 0 10px 0; font-size:12pt;}
#novaPoshtaWidget .suggestions li { padding: 8px; cursor: pointer; transition: background-color 0.3s;}
#novaPoshtaWidget .suggestions li:hover { background-color: #43464d;}
#novaPoshtaWidget #result { font-weight: bold; color: green;}


.pidtrumka { text-align:center;}
.pidtrumka img { width: 280px; height: auto; margin: 30px auto; display: block;}


.donat { text-align:center;}
.donat img { width: 232px; height: auto; margin: 30px auto; display: block;}