body {
	font-family: 'DIN Pro Regular', sans-serif;
}
/* fonts */
	@font-face {
		font-family: 'DIN Pro Regular';
		src: url('../fonts/DINPro.eot');
		src: url('../fonts/DINPro.eot?#iefix') format('embedded-opentype'),
		url('../fonts/DINPro.woff') format('woff'),
		url('../fonts/DINPro.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'DIN Pro Bold';
		src: url('../fonts/DINPro-Bold.eot');
		src: url('../fonts/DINPro-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/DINPro-Bold.woff') format('woff'),
		url('../fonts/DINPro-Bold.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}
/* fonts */

a {
    color: #2ea0aa;
}

.section {
    padding-bottom: 3rem;
    padding-top: 1.5rem;
}

/* шапка */
	header a, header a:hover {
		color: #eeeeee;
		text-decoration: none;
	}
	header a:hover {
		border-bottom: 1px dashed;
	}
 	header {
 		padding: 5rem 0;
	    background-color: #275e6f;
	    color: #eeeeee;
	}
	img.sheet {
	    position: absolute;
	    top: -170px;
	    left: 30%;
	}
	span.icon {
	    display: inline-block;
	    width: 18px;
	    height: 18px;
	    margin: 0px 0 0 -23px;
	}
	.icon.location {
	    background-image: url(../images/icons/contact_location.png);
	    background-size: cover;
	}
	.icon.phone {
	    background-image: url(../images/icons/contact_phone.png);
	    background-size: cover;
	}
	.icon.email {
	    background-image: url(../images/icons/contact_email.png);
	    background-size: cover;
	}
	.icon.fb a {
	    display: block;
	    margin-top: 15px;
	    width: 40px;
	    height: 40px;
	    background-image: url(../images/icons/fb-white-circle.svg);
	}
	.icon.fb a:hover, a.logotype {
		text-decoration: none!important;
		border: none!important;
	}
	#block-pereklyuchatelyazyka {
	    position: absolute;
	    z-index: 999;
	}
	#block-pereklyuchatelyazyka ul.links li {
	    display: inline-block;
		margin-right: 5px;
	}
/* шапка */

/* меню */
	.navbar-light .navbar-toggler-icon {
	    background-image: url(../images/navbar-button.svg);
	}
	.navbar-toggler-icon {
	    width: 55px;
	}
	.navbar-light .navbar-toggler {
		padding: 0;
	    color: transparent;
	    border: none;
	}
	#primary-menu {
	    background-color: #17a2b8;
	    margin-bottom: 2rem;
	}
	#primary-menu li.nav-item a {
	    color: #fff;
	    font-size: 1.5rem;
	}
	a.is-active {
	    pointer-events: none;
	    display: block;
	    color: #c2c2c2!important;
	}
	@media (max-width: 767px) {
		a.d-md-none.navbar-brand {
		    color: #fff;
		    font-weight: bold;
		}
	}
/* меню */

/* слайдер */
	#block-slayder img {
	    width: 100%;
	    height: auto;
	}
	.carousel-caption {
	    background-color: #17a2b8;
	    text-align: left;
	    padding: 15px;
	    width: 300px;
    	bottom: 80px;
    	left: 10%; 
	}
	.carousel-caption ul {
	    width: 100%;
	    border: 2px solid #fff;
	}
	ul.panel-bukaev {padding: 0; margin-bottom: 0; display:table;table-layout: fixed; width: 100%;}
	ul.panel-bukaev li {display: table-cell;border: 2px solid #fff; width: 25%; text-align: center;}
	ul.panel-bukaev li a {
		color: #fff;
	    display: block;
	    text-transform: uppercase;
	    font-weight: bold;
	}
	ul.panel-bukaev li.one a {
	    background: #fff;
	    color: #000;
	}
	#block-slayder .owl-theme .owl-controls .owl-page span {
		background-color: #17a2b8;
	}
	@media (max-width: 767px) {
		.carousel-caption {
		    position: relative;
		    left: 0px;
		    width: 100%;
		}
	}
/* слайдер */

/* карусель */
	.owl-theme .owl-controls .owl-page span {
	    box-sizing: content-box;
	    -ms-flex: 0 1 auto;
	    flex: 0 1 auto;
	    width: 30px;
	    height: 5px;
	    margin-right: 3px;
	    margin-left: 3px;
	    text-indent: -999px;
	    cursor: pointer;
	    background-color: #fff;
	    background-clip: padding-box;
	    border-top: 10px solid transparent;
	    border-bottom: 10px solid transparent;
	    transition: opacity .6s ease;
	    border-radius: 0;
	}
	#block-views-block-personal-block-1 .owl-theme .owl-controls .owl-page span {
		background-color: #17a2b8;
	}
@media (max-width: 767px) {
		#block-views-block-personal-block-1 img {
		    width: 100%;
		    height: auto;
		}
	}
/* карусель */

.bg-white {
    background-color: #fff!important;
}

/* бирюза */
	.turquoise {
	    background-color: #2ea0aa;
	    color: #fff;
	    border-color: #fff;
	}
	.turquoise a {
	    color: #ddd;
	    border-bottom: 1px dashed;
	}
	.turquoise h2 {
		color: #fff;
	}
/* бирюза */

/* серый */
	.bgray {
	    background-color: #f8f9fa;
	    border-color: #2ea0aa;
	}
/* серый */

/* подвал */
	footer {
		color: #fff;
		background-color: #333;
	}
	footer h2, footer h3 {
		color: #fff;
	}
	footer a {
		border-bottom: 1px dashed;
	}
/* подвал */

/* иконки */
	.pds-icons {
	    width: auto;
	    max-height: 80px;
	    margin-bottom: 10px;
	}
	.icons-white {
	    display: inline-block;
	    width: 74px;
	    height: 74px;
	    background-color: #2ea0aa;
	    border-radius: 3rem;
	}
	.icons-white.one {
	    background-image: url(../images/icons/stocks.png);
	    background-size: 45px 45px;
	    background-repeat: no-repeat;
	    background-position: center;
	}
	.icons-white.two {
		background-image: url(../images/icons/area.png);
	    background-size: 45px 45px;
		background-repeat: no-repeat;
	    background-position: center;
	}
	.icons-white.tree {
		background-image: url(../images/icons/stock.png);
	    background-size: 45px 45px;
		background-repeat: no-repeat;
	    background-position: center;
	}
	.icons-white.four {
		background-image: url(../images/icons/cold.png);
	    background-size: 45px 45px;
		background-repeat: no-repeat;
	    background-position: center;
	}
	.icons-white.five {
		background-image: url(../images/icons/supplier.png);
	    background-size: 45px 45px;
		background-repeat: no-repeat;
	    background-position: center;
	}
/* иконки */

/* Заголовоки */
	h1, h2, h3, h4 {
	    text-transform: uppercase;
	    font-family: 'DIN Pro Bold';
	}
	.block-page-title-block h1 {
	    position: relative;
	    padding-bottom: .5rem;
	    font-size: 1.7rem;
	    text-transform: uppercase;
	    text-align: center;
	    color: #00838f;
	    padding: 1rem 0;
	    margin-bottom: 1.5rem;
	}
	.block-page-title-block h1::before {
	    content: "";
	    position: absolute;
	    border-bottom: 2px solid #00838f;
	    bottom: .25rem;
	    left: 50%;
	    width: 30%;
	    transform: translateX(-50%);
	  }
	  .block-page-title-block h1::after {
	    content: "";
	    position: absolute;
	    border-bottom: 2px solid #00838f;
	    bottom: 0;
	    left: 50%;
	    width: 15%;
	    transform: translateX(-50%);
	  }
	h2 {
	    font-size: 1.5rem;
	    font-weight: bold;
	    color: #275e6f;
	    padding: 1rem 0;
	    text-align: center;
	}
	.h3, h3 {
	    display: inline-block;
	    font-size: 1.3rem;
	    font-weight: normal;
	    color: #444;
	    border-bottom: 3px solid #2ea0aa;
	    font-family: unset;
	}
	.h5, h5 {
	    font-size: 1.6rem;
	    border-bottom: 2px solid;
	    text-align: center;
	}
/* Заголовоки */

/* float panel */
	.scroll_top_panel {
	    height: 50px;
	    position: fixed;
	    bottom: 50px;
	    right: 20px;
	}
/* float panel */

/* custom ul > li */
	ul.custom {
	    padding-left: 22px;
	}
	ul.custom li:before {
		display: inline-block;
		width: 16px;
		height: 16px;
		margin: 0 6px -1px -22px;
		content: " ";
	    }
	ul.custom li {
		margin-bottom: 0.8rem;
		list-style-type: none;
	}
	ul.custom.white li:before {
		background: url(../images/li-white.png);
	}
	ul.custom.blue li:before {
		background: url(../images/li-blue.png);
	}
/* end custom ul > li */

/* формы */
	.form {color: #000;}
	.form-item > input {
	    display: block;
	    width: 100%;
	    height: calc(1.5em + .75rem + 2px);
	    padding: .375rem .75rem;
	    font-size: 1rem;
	    font-weight: 400;
	    line-height: 1.5;
	    color: #495057;
	    background-color: #fff;
	    background-clip: padding-box;
	    border: 1px solid #ced4da;
	    border-radius: .25rem;
	    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	}
	input[type=checkbox], input[type=radio] {
	    width: 1.5rem;
	}
	.form-type-checkbox .description {margin-top: -35px;}
	.form-item-captcha-response {
	    padding: 11px 0 0 20px;
	    min-height: 50px;
	    background-color: #2ea0aa;
	    color: #fff;
	}
	.form-required:after {
	    content: "*";
	    background-image: none;
	    margin-top: -3px;
	}
	#edit-captcha-response, #edit-captcha-response--2 {
	    display: inline-block;
	    padding: 0;
	    margin: 0;
	    width: 30px;
	    height: 28px;
	    text-align: center;
	}
	.form-submit {
	    width: 100%;
	    min-height: 50px;
	    color: #222;
	    background-color: #fff;
	    font-weight: 600;
	    text-transform: uppercase;
	    border: none;
	    transition: 0.2s;
	    border: 6px solid #2ea0aa;
	    font-size: .9rem;
	}
	.form a {
	    color: #2ea0aa;
	}
/* формы */

@media (max-width: 767px) {
    h1 {
        font-size: 1.4rem!important;
        line-height: normal!important;
        text-align: left!important;
    }
    .icon.fb a {
        display: block;
        margin-top: 0;
    }
	.steik {
		position: -webkit-sticky;
	    position: sticky;
	    top: 0;
	    z-index: 1020;
	}
    header {
        font-size: 13px;
    }
	.nav-justified .nav-item {
    	text-align: right;
	}
	.dropdown-menu.show {
	    display: block;
	    text-align: right;
	}
    .carousel-caption {
        position: relative;
        width: 100%;
        right: 0;
        left: 0;
        top: 0;
        }
    .form-item > input {
        margin-bottom: .5rem;
    }
    #block-webform-3 {
        width: auto;
        float: none;
        margin-bottom: 3rem;
    }
    #block-webform-3, #block-webform-4 {
        padding: 0;
    }
}