@import "fonts.css";

html,body{
	position: relative;
	height: 100%;
}

header{
	position: relative;
	display: block;
	background-image: url("../img/hands.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding-bottom: 150px;
}

header .logo-img{
	width: auto;
	height: 46px;
	margin-top: 20px;
}

header .menu-wrap{
	padding-top: 20px;
	background-color: rgba(255,255,255,0.8)
}

.contact-info li{
	display: inline;
	width: 100%;
	line-height: 85px;
}

.contact-info{
	padding: 0px;
	width: 100%;
	display: flex;
	text-align: center;
	color: #446990;
	font-family: Montserrat-Bold;
}

.contact-info li a{
	color: #446990;
	text-decoration: none;
	font-family: Montserrat-Bold;
}

header .button {
    width: 100%;
    height: 50px;
    display: block;
    margin-top: 15px;
    position: relative;
    line-height: 45px;
    color: #fff;
    font-family: Montserrat-Bold;
    font-size: 12pt;
    text-decoration: none;
    text-align: center;
    outline: none;
    border: 2px solid #fff;
    background: none;
    transition: 0.2s all ease;
}

.menu-wrap .button{
	color: #446990;
	border-color: #446990;
}

.button:hover{
	background-color: #fff;
	color: #000;
	box-shadow: 0px 0px 10px 0px #e8e8e8;
}

.button:focus{
	outline: none;
}

.button {
    width: 100%;
    height: 50px;
    display: block;
    margin-top: 15px;
    position: relative;
    line-height: 45px;
    color: #735885;
    font-family: Montserrat-Bold;
    font-size: 12pt;
    text-decoration: none;
    text-align: center;
    outline: none;
    border: 2px solid #735885;
    background: none;
    transition: 0.2s all ease;
}

header h1{
	color: #fff;
	font-family: Comfortaa;
	text-align: left;
	font-size: 20pt;
	margin-top: 40px;
}

header h2{
	color: #fff;
	text-transform: uppercase;
	font-family: Montserrat-Bold;
	text-align: left;
	font-size: 24pt;
	margin-top: 40px;
}

header h3{
	color: #fff;
	text-transform: uppercase;
	font-family: Montserrat-Bold;
	text-align: right;
}

header h3::before{
	content: '';
	display: block;
	width: 60%;
	height: 100px;
	position: absolute;
	background-image: url('../img/vedro.png');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

header h3 .strike{
	color: #dfdfdf;
	font-size: 18px;
	text-decoration: line-through;
}

header iframe{
	margin-top: 20px;
}

img.pluses-img {
    max-width: 170px;
}

/* НКА */

section {
    position: relative;
    display: block;
    padding-top: 2.5em;
    padding-bottom: 2.5em;
}

.content{
	text-align: center;
}
.clear {
    display: block;
    clear: both;
}
.h4 {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 30px;
    font-family: Montserrat-Regular !important;
    font-size: 18pt !important;
}

.h4::after{
	content: '';
	display: block;
	margin: 0 auto;
	margin-top: 15px;
	height: 3px;
	width: 50px;
	background-color: #DF0129;
}

.bold {
	font-family: Montserrat-Bold
}

.product-image{
	width: 150px;
}

.range .col-sm-5{
	text-align: center;
}

.text {
    font-family: Montserrat-Regular;
    text-align: justify;
    font-size: 12pt;
    line-height: 20pt;
}

.content .text{
	text-align: center;
	padding-top: 20px;
}

.about .swiper-slide{
	display: block;
}
.personal-name {
    font-family: Montserrat-Regular;
    margin-top: 15px;
}
.personal-profession {
    font-family: Comfortaa-Light;
    font-size: 10pt;
    margin-top: -25px;
}

.about .swiper-slide img{
	width: 100%;
}

.text_ul {
    font-family: Comfortaa-Light;
    list-style: square;
    line-height: 21pt;
    font-size: 12pt;
}
header .text_ul{
	color: #fff;
    padding-left: 20px;
}

.product{
	margin-bottom: 30px;
}

.product-title{
	font-family: Montserrat-Bold;
}

.product-title::after{
	content: '';
	display: block;
	margin-top: 15px;
	height: 3px;
	width: 50px;
	background-color: #DF0129;
}

.about img{
	max-width: 100%;
}

.button-container{
	margin-top: 40px;
}

#map{
	width: 100%;
	height: 300px;
}

.contact .container{
	margin-top: -280px;
}

.contact-wrap{
	background-color: #fff;
	padding: 20px;
}

.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
header .swiper-container {
    height: 400px;
    margin-top: 40px;
}
header .swiper-slide img{
	max-width: 100%;
}
.otz-logo {
    width: 200px;
    margin-bottom: 20px;
}

.otz-name {
    font-family: Montserrat-Bold;
}

.otz-name::after{
	content: '';
	display: block;
	margin: 0 auto;
	margin-top: 15px;
	height: 3px;
	width: 50px;
	background-color: #007AFF;
}

.otz-text {
    padding: 0px 180px;
    font-family: Comfortaa-Light;
}

.form-wrapper{
	background-color: #fff;
	padding: 20px;
	text-align: center;
}

.form-wrapper input{
	display: block;
	font-family: Comfortaa-Light;
	font-size: 12pt;
	padding: 10px;
	margin: 0 auto;
	width: 100%;
	margin-top: 15px;
	border: 1px solid #e8e8e8;
	text-align: center;
}

.form-wrapper .text{
	margin-top: 20px;
	text-align: center;
}

@media screen and (max-width: 760px){
	.contact-info{
		display: none;
	}

	.otz-text{
		padding: 0px 20px;
	}
	header h3::before{
		display: none;
	}
}