@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700,800&subset=cyrillic');
/*@import url('https://fonts.googleapis.com/css?family=Prosto+One');*/
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab');


body, html {
    padding: 0;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 110%;
}

.contentwidth {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding: 1em;
    box-sizing: border-box;

}
.button{
    width: 200px;
    padding: 1px;
    color: #54d476;
    display: block;
    margin: auto;
    margin-top: 2em;
    text-decoration: none;
    border: 4px solid #54d476;
    border-radius: 10px;
    background-color: #fff;
    font-weight:bold;
}
.scroll {
    position: absolute;
    bottom: 3em;
    cursor: pointer;
    font-size: 110%;
    color: #4294ff;
    width: 100px;

    border: 2px solid #4294ff;
    border-radius: 10px;
    /*background-color: rgba(255, 255, 255, 0.29);*/
    left: calc(50% - 50px);
    /*display: none;*/
}

#t1,#t2,#t3{
    display: inline-block;
    font-size: 120%;
    font-family: 'Roboto Slab';
}

.text-shadow {
    text-shadow: 1px 1px rgba(255, 255, 255, 0.81);
}

.bg1 {
    background: linear-gradient(rgba(255, 255, 255, 0.64), rgba(255, 255, 255, 0.45)),
    url(bg.jpg);
    background-size: cover;

}

.bg2 {
    background: url(img/bg1.jpg);
   /* linear-gradient(rgba(255, 255, 255, 0.64), rgba(255, 255, 255, 0.97)), 
    background-size: cover;*/
}


.welcome {
    background-color: rgba(255, 255, 255, 0.49);
    line-height: 160%;
    padding: 0 5px;
}

.brandcolor {
    color: #006efd;
}

.contactform {

    /*position: fixed;*/
    /*bottom: 0;*/
    background-color: rgb(54, 123, 212);
    padding: 1.4em 1em;
    width: 100%;
    box-sizing: border-box;
    color: white;
    text-align: center;
    transition: all 1s ease;
}

.contactform-input{
    font-size:100%;
    padding: 5px;
    width: 18%;
}

.contactform-submit{
  font-size:100%;
    padding: 5px;
    width: 25%;
}
.contactform-thanks {


    background-color: rgb(55, 164, 65)!important;


}



.slide {
    height: 104vh;
    min-height: 40em;
}

.minslide {
    min-height:104vh;
}



section {
    width: 100%;

    text-align: center;
    box-sizing: border-box;
    background: #fff;
    color: #000;
    padding: 1em 0;
    position: relative;

}

.grid {
    grid-gap: 1em;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 270px 270px;

    width: 100%;
    max-width: 1200px;
    min-width: 600px;
}

.servitem {
     background-color: rgba(255, 255, 255, 0.62);
    border-bottom: 10px solid rgba(255, 235, 160, 0.58);
    padding: 2em 1em 0.3em;
    font-size: 0.9rem;
}

.gridico {
    width: 50px;
}

.bigicon {
    width: 120px;
}

h1 {
    font-size: 230%;
    font-family: 'Roboto Slab';
    font-weight: 700;
    letter-spacing: 0.1rem;
    margin:0.5em;
}

h2 {
    font-size: 200%;
    font-weight: 300;
}

h3 {
    font-family: 'Roboto Slab';
    font-size: 120%;
    font-weight: 800;
}

h4 {
    font-weight: 300;
    margin: 5px 0 15px;
    text-transform: uppercase;
    font-size: 1.1rem;
}

.howto{
    /*font-family: 'Roboto Slab';*/
    border: 1px solid rgba(255, 255, 255, 0.56);
    margin: 1em;

    padding: 2em;
    font-weight: 300;
    font-family: 'Open Sans';
    position: relative;

    flex-grow: 1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;

}
.howto1,.howto2,.howto3{
    font-family: 'Roboto Slab';
    position: absolute;
    font-size:7rem;
    left: 2rem;
    top: -1rem;
    color: rgba(255, 255, 255, 0.19);

}

.flex {
    display: flex;

    justify-content: space-around;
}

.flex2 {
    display: flex;

    justify-content: center;
   margin: 10px;
}

.flex-item {
    /*border: 1px solid #fff;*/
    font-size: 0.9rem;
    padding: 1em;
    margin: 0.7em;

    flex-grow: 1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
     -ms-flex-preferred-size: 0;
    flex-basis: 0;

}
.flex-item2 {
  /*  border: 1px solid #fff;*/
    font-size: 0.9rem;
  /*  padding: 1em;*/
 /*   margin: 0.7em;*/
 padding-right: 10px;
 padding-left: 10px;

    flex-grow: 1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
     -ms-flex-preferred-size: 0;
    flex-basis: 0;

}
.main {
    width: 10px;
    height: 265px;
}

.section2 {

    /*background: linear-gradient(33deg, #131c3b, hsl(257, 35%, 25%));*/
    background-image: url(bg.png);
    color: #fff;
    background-size: cover;
}

.section3 {

    background: linear-gradient(33deg, #131c3b, hsl(257, 35%, 25%));
    color: #fff;
}

.center-children {
    display: flex;
    justify-content: center;
    align-items: center;
}

.promolinks {
    list-style: none;
    margin: 0;
    padding: 0;
}

/*.promolinks li::before {*/
    /*content: '\26AB';*/
    /*color: #ccc;*/
    /*position: relative;*/
    /*left: -0.3rem;*/
/*}*/

.icon {
    width: 100px;

}

.num{
    font-family: 'Roboto Slab';
    font-size: 300%;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}

.bg-gradient{

    background: linear-gradient(rgba(255, 255, 255, 0), rgba(26, 25, 56, 0.42));
}

#togglemap{
    cursor: pointer;
    border-bottom: 1px dashed lightgrey;
}


.general{
    position:relative;
}
.logo{
    position:absolute;
    left:10px;
}
.logo img{
    width: 100px;
}


.nums{
    position:absolute;
    color:#fff;
    font-weight: 700;
    font-size: 20pt;
}
.num_1{
    left:592px;
    bottom:122px;
}
.num_2{
    left: 337px;
    bottom: 533px;
}
.num_3{
    left:584px;
    top:49px;
}

.num_4{
    .num_3{
    right: 300px;
    top:49px;
}
}

.main_bigicon {
    max-width: 300px;
}

.r_text {
    position: absolute;
    left: 775px;
    bottom: 280px;
}


.img-responsive{
    max-width: 60%;
    height: auto;
    }
.img-responsive img{
     width: 45%;
}    

.main2{
    position:relative;
}
.img-responsive2{
    position: absolute;
    top:-20px;
    left:10%;
    max-width: 15%;
    height: auto;
    }
.img-responsive2 img{
     width: 15%;
}  



@media screen and (max-width: 1400px) {

    .scroll {
        display: none;
    }


}
@media screen and (max-width: 600px) {
    .logo img{
        /*max-width:100px;*/
        display: none;
    }
    .contentwidth{
        p0
    }
    .slide {
        height: initial;
        padding: 1em 1em;
        min-height: initial;
    }

    .center-children {
        display: block;
    }

    .grid {
        display: block;
        min-width: 100%;
    }

    .flex {
        display: block;

    }
.flex-item{
    margin:0;
}
    body, html {

        font-size: 95%;
    }



    .bigicon, .icon {
        width: 80px;
    }

    .contactform-input,.contactform-submit{
        margin-bottom: 10px;
        width: 100%;
        box-sizing: border-box;
    }

}