@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,600,700&display=swap&subset=cyrillic,cyrillic-ext');

body{
    padding: 0px;
    margin: 0px;
    overflow-x: hidden;
}

h1{
    font-family: 'Montserrat', sans-serif;
    font-size: 30pt;
    color: #091456;
    font-weight: 600;
    text-align: center;
}
h2{
    font-family: 'Montserrat', sans-serif;
    font-size: 40pt;
    color: #091456;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}
h3{
    font-family: 'Montserrat', sans-serif;
    font-size: 30pt;
    color: #091456;
    font-weight: 400;
    text-align: center;
}
h4{
    font-family: 'Montserrat', sans-serif;
    font-size: 15pt;
    color: #091456;
    font-weight: 400;
    text-align: center;
}

p{
    font-family: 'Montserrat', sans-serif;
    font-size: 18pt;
    color: #091456;
    font-weight: 400;
    line-height: 35pt;
letter-spacing: 1pt;
}

a {
    color: #091456;
}

.callme{
    margin: auto;
    text-align: center;
}

.callme a{
padding: 20px 50px;
background: #2638A1;
border-radius: 3px;
color: #FFF;
font-size: 20px;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
text-transform: uppercase;
line-height: 20pt;
letter-spacing: 2pt;
}

.block{
    padding: 80px 0px;
}

.txt-cntr{
    text-align: center;
}



/*    Header   */

.navbar-brand{
    width: 250px;
}

.navbar-city{
    display: none;
}

#navbar-main .container{
	position: relative;
}

.header-number {
    position: absolute;
    right: 0;
    top: 20px;
}

.header-number .footer-txt {
    font-size: 12pt;
    line-height: 10pt;
}

.navbar-brand img {
    width: 100%;
}

#navbarTogglerDemo03{
    justify-content: end;
}

.nav-item {
    padding: 0px 40px;
}

.nav-link {
    display: block;
    padding: .5rem 0rem;
    color:#2638a1;
    font-size: 20px;
}

#navbar-main{
    background: #FFF;
}

select {
    border: none;
    color: #007bff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
}

.dropdown::after {
    content: "";
    display: block;
    background: url("../img/select.png");
    pointer-events: none;
    position: absolute;
    top: 54%;
    right: 2rem;
    z-index: 1;
    margin-top: -3px;
    background-size: contain;
    background-position: center;
    height: 10px;
    width: 10px;
    background-repeat: no-repeat;
}

.nav-item.dropdown {
    display: flex;
}




/*    BLOCK 1  */

#block-1{
    min-height: 100vh;
    display: flex;
    background-image: url("../img/main.png");
    background-position: top;
background-repeat: no-repeat;
background-size: contain;
padding-bottom: 100px;
	align-items: baseline;
}

#block-1 .container{
    display: flex;
}

#block-1 .row{
    align-items: flex-end;
}

.main-img img{
    width: 90%;
}



/*    BLOCK 2  */

#block-2{
}

.products{
    margin-top: 0px;
}

.product-div{
    background: #FFF;
box-shadow: 0px 6px 10px #00000047;
padding: 20px;
margin: 15px 0px;
transition: all 0.4s linear;
	position:relative;
	overflow:hidden
}

.sale-div {
    position: absolute;
    max-width: 183px;
    font-size: 12px;
    bottom: 0px;
	transition: all 0.2s ease;
    right: -135px;
}

.product-div:hover .sale-div{
    right: 5px;
}

.product-div:hover{
    background: #FFF;
box-shadow: 0px 15px 30px #000000ad;
padding: 20px;
margin: 15px 0px;
}

.product-div img{
    width: 100%;
	object-fit: contain;
object-position: center;
}

.product-div p{
line-height: 20pt;
margin: 0px;
}

.main-p {
    margin: 15px 0px;
}

.pr-img {
    width: 100%;
    margin: auto;
	max-width: 250px;
}

.pr-img img {
    width: 100%;
	
}



/*    BLOCK 3  */

#block-3{
    padding: 150px 0px;
    position: relative;
}

#block-3::before{
    content: "";
    width: 800px;
    height: 1000px;
    position: absolute;
    top: -100px;
    background-image: url("../img/dost.png");
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    left: -300px;
    opacity: .8;
}

#block-3::after{
    content: "";
    width: 800px;
    height: 1000px;
    position: absolute;
    background-image: url("../img/dost.png");
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    right: -300px;
    top: 250px;
    opacity: .3;
}

#block-3 .descc{
	font-size:12pt
}



/*    BLOCK 4  */

#block-4{
    background-image: url("../img/dost-bg.png");
    background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

.num-divs{
    margin-top: 80px;
	text-align: center;
}

.num-div span{
	font-family: 'Montserrat', sans-serif;
	font-size: 12pt;
	color:#091456;
	font-weight: 600;
	line-height: 16pt;
	letter-spacing: 1pt;
	text-transform: uppercase;
}

.number{
    font-family: 'Montserrat', sans-serif;
    font-size: 80pt;
    color: #091456;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}

.number-txt{
    font-family: 'Montserrat', sans-serif;
    font-size: 14pt;
    color: #091456;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    padding-top: 10px;
}




/*    BLOCK 5  */

#block-5{
}

.owl-carousel{
    margin-top:0px;
}

.owl-carousel .owl-item img {
    display: block;
    width: 60%;
    margin: auto;
}

.owl-theme .owl-nav [class*="owl-"]:hover {

    background: url("../img/Path\ 44.png") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    outline: none;
}

.owl-theme .owl-nav [class*="owl-"]:focus {

    background: url("../img/Path\ 44.png") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    outline: none;
}

.owl-prev {
    width: 40px;
    height: 80px;
    background-image: url("../img/Path\ 44.png") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    outline: none;
    position: absolute;
    top: 20%;
    left: -50px;
    transform: rotate(180deg);
}


.owl-next {
    width: 40px;
    height: 80px;
    background-image: url("../img/Path\ 44.png") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    outline: none;
    position: absolute;
    top: 20%;
    right: -50px;
}



/*    BLOCK 6  */

#block-6{
    position: relative;
}

#block-6::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 900px;
    background-image: url("../img/sert.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: -200px;
    transform: rotate(50deg);
    left: -18%;
    opacity: .8;
}

.sert-div{
    margin-top: 40px;
}

.sert-div p{
    text-align: center;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 12px;

margin-top: 20px;
}

.sert-img{
    padding: 0px 20px;
}

.sert-img img{
    width: 100%;
	box-shadow: 0px 0px 10px #0914569c;
}

#SModal1 img, #SModal2 img, #SModal3 img, #SModal4 img, #SModal5 img, #SModal6 img{
	width:100%
}
#SModal1 .modal-body, #SModal2 .modal-body, #SModal3 .modal-body, #SModal4 .modal-body, #SModal5 .modal-body, #SModal6 .modal-body{
	padding: 1rem;
}


/*    BLOCK 7  */

#block-7{
    position: relative;
    background-image: url("../img/dost-bg.png");
    background-position: center;
background-repeat: repeat;
background-size: contain;
}

#carouselExampleControls{
    margin-top: 80px;
	width: 100%;
}

.feed-div{
    padding: 50px 100px;
    max-width: 70%;
    margin: 10px auto;
    box-shadow: 0px 3px 6px #0000009e;
    background: #FFF;
	height: 350px;
	width: 100%;
}

.feed-title{
    font-family: 'Montserrat', sans-serif;
    font-size: 20pt;
    color: #091456;
    font-weight: 600;
    text-align: center;
}

.feed-div .txt-cntr {
    font-size: 15pt;
    line-height: 30pt;
}

.carousel-control-next {
    width: 30px;
    height: 60px;
    background-image: url("../img/r1.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 45%;
}

.carousel-control-prev {
    width: 30px;
    height: 60px;
    background-image: url("../img/r2.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 45%;
}

.carousel-control-prev span, .carousel-control-next span{
    display: none;
}




/*    FOOTER   */

footer{
    padding: 200px 0px 50px 0px;
	position:relative;
}

footer::before{
	content: "";
	width: 100%;
	height: 500px;
	position: absolute;
	background-image: url("../img/footer.png");
    background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	top: -70px;
}

.footer-txt {
    font-size: 14pt;
    line-height: 28pt;
}

.footer-title{
    font-weight: 600;
}




/*    MODAl   */
.form-group {
    margin-bottom: 1rem;
    position: relative;
}

.modal-11 {
    position: absolute;
    top: 5px;
    left: 35px;
}

.modal-1:focus + .modal-11{
    top: -15px;
    left: 6px;
    font-size: 8pt;
}

.modal-1:active + .modal-11{
    top: -15px;
    left: 6px;
    font-size: 8pt;
}

.group {
    position: relative;
    margin-bottom: 30px;
  }
  
  input {
    font-size: 16px;
    padding: 10px;
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #2638A1;
    background: transparent;
  }
  input:focus {
    outline: none;
  }

label {
    color: #2638a1;
    font-size: 14px;
    position: absolute;
    pointer-events: none;
    left: 10px;
    top: 15px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
  }

  input:focus ~ label, input:valid ~ label {
    top: -15px;
    font-size: 11px;
    color: #2638a1;
  }
  
  .bar {
    position: relative;
    display: block;
    width: 100%;
  }
  .bar:before, .bar:after {
    content: "";
    height: 2px;
    width: 0;
    bottom: 0;
    position: absolute;
    background: #2638a1;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
  }
  .bar:before {
    left: 50%;
  }
  .bar:after {
    right: 50%;
  }
  
  input:focus ~ .bar:before,
  input:focus ~ .bar:after {
    width: 50%;
  }


.modal-dialog {
    max-width: 640px;
    margin: 1.75rem auto;
}

.modal-content{
    background-image: url("../img/main-m.png");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.modal-body {
    padding: 3rem 6rem;
}

.modal-check {
    display: inline-flex;
    width: 100px;
    margin-left: 40%;
}

.modal-submit button {
    padding: 10px 40px;
    background: #2638A1;
    border-radius: 3px;
    color: #FFF;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 20pt;
    letter-spacing: 2pt;
    border: none;
    margin-left: 30%;
}
.city-modal {
    margin: auto;
    width: 400px;
    height: 400px;
    margin-top: 100px;
}

.city-modal .modal-dialog {
    max-width: 640px;
    margin: 1.75rem auto;
}

.city-modal .modal-content{
    background: #2638a1;
    min-height: 160px;
}

.city-modal .modal-body {
    padding:3rem;
}
.select-ctr {
    width: 100%;
  }
  .select-ctr > a {
    width: 100%;
    cursor: pointer;
  }
  .select-ctr .input-4 {
    top: 240px;
  }
  .select-ctr .input-3 {
    top: 180px;
  }
  .select-ctr .input-2 {
    top: 120px;
  }
  .select-ctr .input-1 {
    top: 60px;
  }
  .select-ctr > a.input {
    color:#aeafb6;
    font-size: 25px;
    line-height: 55px;
    text-align: center;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s linear;
    width: 100%;
    display: block;
  }
  .select-ctr > a.input.active {
    color: #FFF;
  }
  .select-ctr > a.input-preview {
    display: none !important;
  }
  
.close {
    width: 25px;
    height: 25px;
    position: absolute;
    z-index: 15;
    top: 20px;
    right: 20px;
	-webkit-appearance: none !important;
}

.close span:nth-child(1) {
    width: 25px;
    display: block;
    height: 3px;
    background:#000;
    transform: rotate(45deg);
}

.close span:nth-child(2){
    width: 25px;
    display: block;
    height: 3px;
    background:#000;
    transform: rotate(-45deg);
    margin-top: -3px;
}






/*    ANIM   */

.bubbles {
position: relative;
}

.individual-bubble {
position: absolute;
border-radius: 100%;
bottom: 10px;
background-color: #5874ff;
z-index: 1;
}


.char{
    animation: an 0.7s ease-out 1 both;
    display: inline-block;
}

@keyframes an{
    0% {
        opacity:0.31;
        transform:  translate(7px,8px)  rotate(9deg) ;
      }
      100% {
        opacity:1;
        transform:  translate(1px,0px)  rotate(-1deg) ;
      }
}









/*    SPIKMI    */


    .spikme-f{
        width: 240px;
    height: 240px;
    margin-left: -52.8px;
    margin-bottom: -52.8px;
    transform-origin: center;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -o-transform-origin: center;
    -ms-transform-origin: center;
    border-radius: 50%;
    position: fixed;
    bottom: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    z-index: 99999999;
    }
    
    .spikme-inn-f{
        left: 0;
    transform-origin: center;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -o-transform-origin: center;
    -ms-transform-origin: center;
    cursor: pointer;
    position: absolute;
    background: #009689 url('../img/phone-call-svgrepo-com1.svg') center no-repeat;
        background-size: auto;
    background-size: 50%;
    border-radius: 50%;
    width: 30%;
    height: 30%;
    margin-left: 35%;
    margin-top: 35%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -ms-transform: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    -webkit-animation: anim_btn 3s linear infinite;
    animation: anim_btn 3s linear infinite;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);s
    }
    
    .spikme-back-f{
        transform-origin: center;
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -o-transform-origin: center;
        -ms-transform-origin: center;
        position: absolute;
        background-color: rgba(0,150,137,0.3);
        border-radius: 50%;
        width: 30%;
        height: 30%;
        margin-left: 35%;
        margin-top: 35%;
        -ms-transform: all 200ms ease-out;
        -webkit-transition: all 200ms ease-out;
        -o-transition: all 200ms ease-out;
        transition: all 200ms ease-out;
    }
    
    
    .spikme-item-f{
    text-align: left;
    position: absolute;
    width: 18%;
    height: 100%;
    margin-left: 41%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    }
    
    .spikme-wp-f{
        transform: rotate(342deg);
    }
    
    .spikme-inst-f{
        transform: rotate(384deg);
    }
    
    .spikme-mail-f{
        transform: rotate(426deg);
    }

	.spikme-whatsapp-f{
        transform: rotate(468deg);
    }
    
    
    .spikme-wp-f a{
        background: url('../img/instagram-new.png') center;
        background-size: 70%;
    -webkit-transform: rotate(-342deg);
    -ms-transform: rotate(-342deg);
    transform: rotate(-342deg);
    }
    
    .spikme-inst-f a{
        background: url('https://img.icons8.com/ultraviolet/50/000000/phone.png') center;
        background-size: 70%;
    -webkit-transform: rotate(-384deg);
    -ms-transform: rotate(-384deg);
    transform: rotate(-384deg);
    }
    
    .spikme-mail-f a{
        background: url('https://img.icons8.com/ultraviolet/40/000000/filled-message.png') center;
        background-size: 70%;
    -webkit-transform: rotate(-426deg);
    -ms-transform: rotate(-426deg);
    transform: rotate(-426deg);
    }

	.spikme-whatsapp-f a{
        background: url('https://img.icons8.com/office/50/000000/whatsapp.png') center;
        background-size: 70%;
    -webkit-transform: rotate(-468deg);
    -ms-transform: rotate(-468deg);
    transform: rotate(-468deg);
    }
    
    .spikme-item-f a{
        transform-origin: center;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -o-transform-origin: center;
    -ms-transform-origin: center;
    width: 100%;
    height: 18%;
    position: absolute;
    background-color: #09145600;
    border-radius: 50%;
    top: 40%;
    -ms-transform: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
		background-repeat: no-repeat;
    opacity: 0;
    }
    
    .spikme-copy-f{
        left: 0;
        border: none;
        height: 8%;
        position: absolute;
        width: 50%;
        margin-left: 39%;
        margin-right: 25%;
        bottom: 27%;
    }
    
    .active .spikme-back-f{
        width: 100%;
        height: 100%;
        margin-left: 0%;
        margin-top: 0%;
    }
    
    .active .spikme-item-f a{
        top: 5%;
        opacity: 1;
    }
    



.copyright {
    position: absolute;
    text-align: center;
    width: 100%;
}

.copyright p {
    font-size: 11pt;
}


.nav-link.city::after {

    content: "";
    width: 100%;
    height: 2px;
    display: block;
    background: #2638a1;

}
.gallery-item img {

    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
    display: block;
    width: 100%;
    height: 360px;
    object-fit: cover;
    object-position: center;
    cursor: pointer;

}

.mob-a{
    display: block;
    margin-bottom: 10px;
}

.mob-desc{
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 148.19%;
    
    /* identical to box height, or 18px */
    
    color: #33691E;
}

.mod-div .text{
    margin: 0px;
}


.mod-div{
    max-height: 100px;
    display: grid;
    grid-template-columns: 2fr 6fr;
}
.mob-info{
    height: 100%;
    width: 100%;
    display: grid;
    align-content: space-between;
}

.mod-div img{
    width: 100%;
}

.mob-ust{
    font-family: Montserrat;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 148.19%;

/* identical to box height, or 18px */
text-align: center;
color: #33691E;
width: 200px;
border: 1.5px solid #33691E;
box-sizing: border-box;
padding: 5px 0px;
}
.mobs-div{
display: grid;
align-content: space-around;
}