body{font-family:Open Sans;}
.banner-webstyling{background:#F7F7F7; height:510px;}
.banner-webstyling .big{font-size:100px;font-weight:700;color:#000;}
.banner-webstyling .middle{font-size:44px;font-weight:700;color:#000;}
.banner-webstyling .little{font-size:36px; line-height: 49px; color:#000; font-weight:300;}
.banner-webstyling .border{    background-image: linear-gradient(45deg, rgb(255, 151, 0), #ff6b00);height:8px;width:80px;margin-bottom:30px;margin-top:30px;margin-left: -50px;}
.banner-webstyling .butt{  cursor:pointer;  background-image: linear-gradient(45deg, rgb(255, 151, 0), #ff6b00);margin-bottom:30px;margin-top:30px;float:left;color:#fff;padding:15px 25px;font-size:15px;font-weight:700;}
.banner-webstyling .banner-text-left{float:left;width:320px;padding-top:130px;}
.banner-webstyling .mouse-parallax {    height: 747px;    position: relative;    overflow: hidden;}
.banner-webstyling .mouse-parallax-bg {    position: absolute;    background-image: url(/catalog/view/image/banner.png);    background-position: center center;    background-repeat: no-repeat;    width: 110%;    height: 110%;     }
.banner-webstyling .banner-text{margin:auto;position: relative;}
.banner-webstyling .right-orange{position:absolute;bottom:0px;left:-280px;background:url(/catalog/view/image/blob.svg) right top no-repeat;height:238px;width:267px;}

.banner-webstyling .duo {
    position: absolute;
    top: 30px;
    left: 140px;
}

.banner-webstyling .logobanner {
    position: absolute;
    top: 70px;
    right: 180px;
	width: 200px;
}

.banner-webstyling .namebanner {
    position: absolute;
    top: 180px;
    right: 180px;
	width: 370px;
}

.bannerdescr {
    position: absolute;
    top: 350px;
    right: 180px;
    font-size: 36px;
    line-height: 44px;
    color: #000;
    font-weight: 300;
    text-align: right;
}

@media only screen and (min-width: 1800px) {
	.banner-webstyling .duo {
    left: 280px;
}

.banner-webstyling .logobanner {
    right: 280px;
}

.banner-webstyling .namebanner {
    right: 280px;
}

.bannerdescr {
    right: 280px;
}
}

@media only screen and (max-width: 1280px) {
	.banner-webstyling {
    height: 510px;
}
	
	.banner-webstyling .duo {
    left: 0px;
}

.banner-webstyling .logobanner {
    right: 50px;
}

.banner-webstyling .namebanner {
    right: 50px;
}

.bannerdescr {
    right: 50px;
    font-size: 32px;
    line-height: 40px;
}
}


@media only screen and (max-width: 800px) {	
	.banner-webstyling {
    height: 345px;
}

	.banner-webstyling .duo {
    position: absolute;
    top: 20px;
    left: 10px;
	width: 370px;
}
	.banner-webstyling .logobanner {
    position: absolute;
    top: 40px;
    right: 50px;
	width: 140px;
}
	
	.banner-webstyling .namebanner {
    position: absolute;
    top: 120px;
    right: 50px;
    width: 260px;
}
	.bannerdescr {
    position: absolute;
    top: 240px;
    right: 50px;
    font-size: 24px;
    line-height: 28px;
    color: #000;
    font-weight: 300;
    text-align: right;
}
}

@media only screen and (max-width: 420px) {	
	.banner-webstyling {
    height: 285px;
}

.banner-webstyling .duo {
    position: absolute;
    top: 40px;
    left: -50px;
    width: 240px;
}

	.banner-webstyling .logobanner {
    position: absolute;
    top: 60px;
    right: 20px;
    width: 80px;
}
	.banner-webstyling .namebanner {
    position: absolute;
    top: 110px;
    right: 20px;
    width: 155px;
}
	.bannerdescr {
    position: absolute;
    top: 190px;
    right: 20px;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    font-weight: 300;
    text-align: right;
}
		
}


@media only screen and (min-width: 1000px){
.menu_flex>div {
    padding: 0 5px !important;
}}
@media only screen and (min-width: 1200px){
.menu_flex>div {
    padding: 0 10px !important;
}}

@media only screen and (min-width: 1400px){
.menu_flex>div {
    padding: 0 19px !important;
}}
@media only screen and (min-width: 1600px){
.menu_flex>div {
    padding: 0 25px !important;
}}