header {
	position: relative;
	padding-bottom: 140px;
    background-image: -moz-linear-gradient( 86deg, rgb(0,184,248) 19%, rgb(0,131,209) 100%);
    background-image: -webkit-linear-gradient( 86deg, rgb(0,184,248) 19%, rgb(0,131,209) 100%);
    background-image: -ms-linear-gradient( 86deg, rgb(0,184,248) 19%, rgb(0,131,209) 100%);
}
header:after {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 111px;
    background: url("../img/about-us/header-bottom.png") no-repeat bottom center;
}
.header-cow{
	width: 462px;
	height: 320px;
}
.header-main-block{
	margin-top: 100px;
}
.header-title{
	text-align: center;
	margin-bottom: 45px;
	position: relative;
	line-height: 1em;
	margin-top: 45px;
}
.header-description{
	letter-spacing: 0.05em;
	text-align: center;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~Start ABOUT-US-MAIN-BLOCK~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.about-us-main-block{
	padding-top: 30px;
}
.about-us-line{
	padding: 60px 0 60px;
	text-align: center;
}
.about-us-line + .about-us-line{
	border-top: 1px solid #eaeaea;
}
.about-us-descr p{
	margin-top: 45px;
}
.stroke{
	width: 470px;
	height: 330px;
	position: relative;
	margin: 100px auto 0;
}
.sub-stroke{
	width: 416px;
	height: 282px;
	position:absolute;
    left:50%;
    top:50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    border-width: 7px;
    border-color: rgb(255, 255, 255);
    border-style: solid;
    border-radius: 7px;
    overflow: hidden;
}
.sub-stroke img{
	position:absolute;
    left:50%;
    top:50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}

img.height-img{
	width: 100%;
}
img.width-img{
	height: 100%;
}
img.visible-lg{
    display: inline!important;
}
@media (max-width: 1199px){
    img.visible-lg{
        display: none!important;
    }
    .header-cow{
        max-width: 100%;
        background-size: contain;
        position: relative;
        top: 40px;
    }
    .stroke{
        float: right;
        margin: 45px 0 30px 30px;
    }
    .stroke.stroke-left{
        float: left;
        margin: 45px 30px 12px 0;
    }
    .about-us-line .col-lg-6 > img {
        float: right;
        margin: 45px 100px 30px 30px;
    }
    .about-us-descr {
        text-align: left;
    }
}

@media (max-width: 991px){
    header:before {
        display: block;
        content: "";
        position: absolute;
        bottom: 0;
        width: 196px;
        height: 145px;
        z-index: 1;
        left: 15px;
        background: url('../img/about-us/header-cow-sm.png') no-repeat bottom center;
    }
    .header-cow {
        background: none !important;
        top: 0;
    }
    .header-main-block {
        margin-top: 45px;
    }
    .header-title {
        line-height: 48px;
        margin-bottom: 25px;
    }
    .stroke {
        width: 342px;
        height: 241px;
        background-size: cover;
        margin: 45px 0 25px 30px;
    }
    .sub-stroke {
        width: 312px;
        height: 212px;
        border-width: 6px;
        border-radius: 6px;
    }
    .about-us-line .col-lg-6 > img {
        margin: 45px 0px 30px 30px;
        width: 360px;
    }
}

@media (max-width: 767px){
    header:after {
        height: 200px;
        background: url('../img/about-us/header-cow-xs.png') no-repeat bottom center;
        background-size: cover;
    }
    header:before {
        display: none;
    }
    .header-cow {
        display: none !important;
    }
    .header-title {
        margin-top: 0;
    }
    .header-main-block {
        margin-top: 30px;
    }
    header {
        padding-bottom: 200px;
    }
    .header-title {
        line-height: 28px;
    }
    .header-description {
        margin-bottom: 30px;
    }
    .about-us-main-block {
        padding-top: 0;
    }
    .about-us-line {
        padding: 30px 0 30px;
        text-align: center;
    }
    .stroke,
    .stroke.stroke-left {
        width: 290px;
        height: 204px;
        background-size: cover;
        margin: 30px auto 0;
        float: none;
    }
    .sub-stroke {
        width: 266px;
        height: 182px;
    }
    .about-us-descr p {
        margin-top: 30px;
    }
    a.my-btn {
        margin: 0 auto;
        display: block;
        width: 200px;
    }
    .about-us-line .col-lg-6 > img {
        margin: 30px auto 0;
        width: 290px;
        float: none;
    }
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~Finish ABOUT-US-MAIN-BLOCK~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/