/*   Developed in july 2025 | Programming by newweb.kz  */

html {
    margin: 0;
    padding: 0;
    height: 100%;  
}
body{
    margin: 0;
    padding: 0;
    height: 100%;  
    font-size: 16px;
    color: #000;
    background-color: #f5f5f5;
    font-family: Tahoma, Verdana, Geneva, sans-serif;
}
.mostHubWrapper iframe{
    width:100%;
    height: 300px;
    margin-top: 100px;
}
#country{
    width: 100%;
    border: 1px solid #a1a1a1;
    height: 48px;
    text-indent: 10px;
    margin:0 0 20px 0;
    outline:none;
    box-sizing: border-box;
    transition: ease-in-out .5s;
    font-family: Tahoma, Verdana, Geneva, sans-serif;
}
h2{
    text-align: center;
}
.content__wrap{
    margin-bottom: 50px;
}
.content__wrap h2{
    text-align: center;
}
.mostItHub{
    display: block;
    text-align: center;
    margin-top: 100px;
    padding: 30px 0;
    text-decoration: none;
    border: 1px solid #000;
    color: #000;
    margin-bottom: 100px;
}
.mostHubWrapper{
    max-width: 1180px;
    margin: 0 auto;
    padding-bottom: 100px;
}
.text__wrapper {
    width: 40%;
}
.formBtn{
    text-align: center;
}
.gallery a img{
    width: 100%;
}
.gallery a{
    width: 24%;
    max-height: 200px;
    display: block;
}
.gallery a:nth-child(4){
    max-width: 125px;
}
.gallery a:nth-child(5){
    max-width: 125px;
}
.gallery{
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.btn-form{
    border: 1px solid #131111;
    background: #fff;
    font-size: 16px;
    text-transform: uppercase;
    padding: 0 60px;
    line-height: 50px;
    cursor: pointer; 
    font-family: Tahoma, Verdana, Geneva, sans-serif;
    transition: ease-in-out .5s;
    color:#000;
}
.btn-form:hover{
    background-color: #ff7921;
    color:#fff;
}
h1{
    text-align: center;
}
input{
    width: 100%;
    border: 1px solid #a1a1a1;
    height: 48px;
    text-indent: 10px;
    margin:0 0 20px 0;
    outline:none;
    box-sizing: border-box;
    transition: ease-in-out .5s;
    font-family: Tahoma, Verdana, Geneva, sans-serif;
}

input:focus{
    border:1px solid #ff7921;
}
.form__wrapper{
    width: 50%;
    background-color: #fff;
    margin-bottom: 50px;
    padding:30px;
}
.foto__wrap img{
    max-width: 100%;
}
.form__text_wrap{
    margin: 50px 0;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.header svg{
    width:260px;
}
.header{
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: center;
}
header a{
    display: block;
}
header{    
    width: 100%;
    background-color: #fff;
    padding:30px 0;
}
.foto__wrap{
    text-align: center;
}

/* Fonts */
@font-face {font-family:'MagistralBook';src: url('../fonts/MagistralBook.ttf');}

::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #ff7921;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    background: #ff7921;
    border-radius: 10px;
}
*::selection {
    background: #125344;
    color:#fff;
}
#mobile_bar {
    display: none;
}
.container{
    max-width:1180px;
    padding:0 15px;
    margin:0 auto;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 768px) {
    .form__wrapper {
        width: 100%;
    }
    .text__wrapper {
        width: 100%;
    }
    .gallery a {
        width: 100%;
        max-height: 100%;
    }
    .gallery a:nth-child(5) {
        max-width: 48%;
    }
    .gallery a:nth-child(4) {
        max-width: 48%;
    }
}