/*Обнуление стилей*/
html,body,div,span,applet,object,iframe,p,
blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,
ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,
dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,
thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,
footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,
audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html{height:100%}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}

/************************Шрифты**************************/
@font-face {
    font-family: "Montserrat-Regular";
    font-style: normal;
    font-weight: 300;
   font-display: swap;
    src:  url('../fonts/Montserrat-Regular.ttf') format('truetype');
}
@font-face {
    font-family: "Montserrat-SemiBold";
    font-style: normal;
    font-weight: 400;
   font-display: swap;
    src:  url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: "Montserrat-Bold";
    font-style: normal;
    font-weight: 400;
   font-display: swap;
    src:  url('../fonts/Montserrat-Bold.ttf') format('truetype');
}
@font-face {
    font-family: "Montserrat-Medium";
    font-style: normal;
    font-weight: 400;
   font-display: swap;
    src:  url('../fonts/Montserrat-Medium.otf') format('truetype');
}
@font-face {
    font-family: "Unbounded-Regular";
    font-style: normal;
    font-weight: 400;
   font-display: swap;
    src:  url('../fonts/Unbounded-Regular.ttf') format('truetype');
}
@font-face {
    font-family: "Unbounded-Medium";
    font-style: normal;
    font-weight: 400;
   font-display: swap;
    src:  url('../fonts/Unbounded-Medium.ttf') format('truetype');
}
@font-face {
    font-family: "Unbounded-Bold";
    font-style: normal;
    font-weight: 400;
   font-display: swap;
    src:  url('../fonts/Unbounded-Bold.ttf') format('truetype');
}


/************************Основные стили**************************/
body {
    line-height: 1.2;
    font-family: "Montserrat-Medium";
    font-size: 16px;
    color:#19445B ;
    font-weight: normal !important;

    background: #ffffff ;
    background-size: cover;
    background-repeat: repeat-y;
    background-position: top center;

    /*overflow: unset !important;
    overflow: hidden !important;*/
}
html, body {
    height: 100% !important;
}
.bold {
    font-family: "Montserrat-Bold" !important;
    font-weight: normal !important;
}

.container {
    max-width: 1420px;
    min-width: 340px;
    margin: 0 auto;
    box-sizing: border-box;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
}
p {
    margin-bottom: 10px;
}
p:last-child {
    margin-bottom: 0;
}
a {
    text-decoration: none;
    display: inline;
    color: inherit;
    outline: none !important;
}


a.button-center {
    margin: 0 auto;
}

strong {
    font-family: "Montserrat-Bold";
}
.flex {
    display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}
.flex-vertical-center {
    align-items: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
}
.flex-nowrap {
    flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
}
.flex-margin-20 {
    margin-left: -20px;
}
.flex-margin-20>* {
    padding-left: 20px;
    box-sizing: border-box;
    /*margin-bottom: 20px;*/
}
.flex-margin-20>*:last-child {
    /*margin-bottom: 0px;*/
}
.flexblock-1-2 {
    width: 50%;
}
.flexblock-1-4 {
    width: 25%;
}
.flexblock-3-4 {
    width: 75%;
}
.flexblock-3-5 {
    width: 60%;
}
.flexblock-2-5 {
    width: 40%;
}
.flexblock-1-3 {
    width: 33.3%;
}
.flexblock-2-3 {
    width: 66.7%;
}
.flexblock-1-6 {
    width: 16.66%;
}
* {
-webkit-tap-highlight-color: transparent; /* for removing the highlight */

}

/*******************header********************/




/*адаптация*/
@media (max-width: 1680px) {
    
}
@media (max-width: 1440px) {
    .container {
        max-width: 1280px;
    }

}
@media (max-width: 1366px) {
    .container {
        max-width: 1220px;
    }
}
@media (max-width: 1280px) {
    .container {
        max-width: 1100px;
        padding-left: 30px;
        padding-right: 30px;
    }

}
@media (max-width: 1024px) {
    .container {
        max-width: 100%;
        padding-left: 30px;
        padding-right: 30px;
        box-sizing: border-box;
    }

}
@media (max-width: 960px) {

}
@media (max-width: 1024px) {

}

@media (max-width: 800px) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-width: 767px) {

}
@media (max-width: 720px) {

}

@media (max-width: 600px) {
    .container {
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media (max-width: 480px) {

}
@media (max-width: 380px) {

}