*{box-sizing:border-box;}
body{font-family:'Helvetica', sans-serif;font-weight:400;margin:0;background:#f2f2f2;}
/*navbar*/
.navbar-wrap{position:fixed;top:0;z-index:4;width:100%;}
.navbar,.navbar-mobile{background:#fff;width:100%;align-items:center;color:#284D79;}
.navbar-mobile{display:flex;flex-flow:column;font-size:1.25em;position:fixed;top:0;z-index:4;}
.navbar-mobile-upper{display:flex;align-items:center;justify-content:center;padding:.25em;}
.navbar-mobile-lower{display:flex;flex-flow:row;align-items:center;margin:0;padding:.25em 1em;height:2rem;font-size:.75em;background:linear-gradient(to right,#2e3985 15%,#273172,#1a214c);width:100%;color:#6b90c7;}
.navbar-mobile-lower a{text-decoration:none;margin-left:.5em;padding-left:.5em;border-left:1px solid #f2f2f2;color:#f2f2f2;}
.menu-button{display:flex;flex:10%;background:#240066;margin-left:auto;justify-content:center;align-items:center;max-width:1.75rem;border-radius:3px;border:1px solid #fff;color:#f2f2f2;}
.navbar-mobile-overlay{height:0%;width:100%;overflow-y:hidden;position:fixed;z-index:5;top:0;left:0;background:#f2f2f2;overflow:hidden;transition:0.3s;}
.navbar-mobile-overlay a{padding:.5em 1em;text-decoration:none;color:#273172;display:block;}
.overlay-content{width:100%;font-family: 'Oswald', sans-serif;font-size:18px;}
.overlay-btn-wrap{display:flex;justify-content:flex-start;margin-top:1em;}
#mobNavItem{font-size:.75em;font-family:'Helvetica', sans-serif;}
.logo{margin-right:.5em;}
.logo img{height:2rem;width:auto;}
.name{text-align:center;}
.navbar{display:none;}
.sub-nav{display:none;padding:.25em 1rem;background:linear-gradient(to right,#2e3985 15%,#273172,#1a214c);height:2rem;align-items:center;}
.lang-btn{margin-left:auto;width:2em;height:2em;border:none;border-radius:50%;background:transparent;display:flex;justify-content:center;align-items:center;font-size:.75em;}
.ru{color:#6b90c7;pointer-events:none;}
#lang-btn-ua{cursor:pointer;color:#ddb308;margin-left:.5em;}
#lang-btn-ua:hover{background:#f2f2f2;}
/*opening page*/
.hero-container{height:100vh;background:linear-gradient(to right,#4986c5 15%,#222b64,#222b64);font-size:3em;}
.hero-image{width:100%;bottom:1rem;padding:18px;position:absolute;z-index:2;}
.hero-text{padding:5rem 0 0 0;text-transform:uppercase;position:absolute;z-index:3;font-family:'Prosto One',sans-serif;color:#f2f2f2;}
#what-we-do{padding-left:1rem;color:#76a6d5;font-size:.5em;text-transform:none;}
#sleeves{padding-left:1rem;}
#high{padding-left:1rem;animation:appear-line-2 2s;}
#pressure{padding-left:1rem;animation:appear-line-3 2s;}
@keyframes appear-line-2{0%{opacity:0;}30%{opacity:0;}60%{opacity:1;}}
@keyframes appear-line-3{0%{opacity:0;}60%{opacity:0;}100%{opacity:1;}}
/*product description*/
.wrap,.company-wrap{display:flex;flex-flow:column;}
.wrap{margin:3em 1em;}
.company-wrap{padding:1em;color:#f2f2f2;background:#273172;text-align:center;}
#rnvd-img-margin{margin-top:7rem;}
.hose{display:flex;flex-flow:column;background:#fff;border-top:16px solid #f2f2f2;border-bottom:16px solid #f2f2f2;}
.hose img{vertical-align:middle;width:100%;height:auto;position:relative;}
h2{font-size:1.5em;font-family:'Prosto One',sans-serif;text-align:left;}
.article{padding:1em;background:#fff;text-align:justify;}
.article a{color:#6b90c7;text-decoration:none;font-family:'Prosto One',sans-serif;line-height:36px;}
.partners-wrap{position:relative;overflow:hidden;display:flex;}
.partners-head{padding:1em;color:#e6e6e6;background:#273172;}
.partners{display:flex;animation:move 60s linear infinite;flex-shrink:0;}
.partners-list{border:none;padding:1em 1em 2em 1em;font-size:1.5em;font-family:'Prosto One',sans-serif;color:#b5bde3;background:#fff;white-space:nowrap;}
@keyframes move{
	0%{transform:translateX(0);}
	100%{transform:translateX(-100%);}
	}
.row{display:flex;align-items:center;}
.row-text{text-align:center;font-size:1.25em;}
.row-icon{margin:.5em 0;padding:3px;width:3rem;height:3rem;border-radius:50%;border:none;background:linear-gradient(125deg,#a3badc,#6b90c7);display:flex;
align-items:center;justify-content:center;}
.row-icon svg{fill:#f2f2f2;width:75%;}
.about{min-height:17em;flex-flow:column;margin-bottom:1rem;padding:1rem 1rem .5rem 1rem;background:#fff;color:#273172;border:5px solid #6b90c7;border-top:none;border-radius:0 0 10px 10px;}
#about-head{font-family:'Oswald', sans-serif;font-size:1.5em;}
.blue-line-column{padding:1em;}
#company-head,#company-head-underlined{font-size:1.5em;margin-bottom:1em;font-family:'Prosto One',sans-serif;}
#company-head-underlined{text-decoration:underline;text-underline-offset:10px;}
.under-line-wrap{display:flex;justify-content:center;background:#273172;}
#under-line{height:3px;width:25%;background:#f2f2f2;}
.l-more-wrap{display:flex;flex-flow:column;}
.calculate{padding:.5em 0;background:linear-gradient(125deg,#f7c815,#ddb308);border:none;border-radius:5px;text-align:center;text-decoration:none;color:#fff;cursor:pointer;font-size:1.125em;box-shadow:3px 3px 10px #a6a6a6;}
/*footer*/
.footer{margin-top:7rem;color:#e6e6e6;background:linear-gradient(125deg,#2e3985,#1a214c);padding:1em;text-align:center;}
.footer-head-font{font-family: 'Prosto One', sans-serif;}
.copyright{padding:1em 0 0 0;font-family:'Poiret One',cursive;font-size:.75em;font-weight:bolder;color:#6b90c7;}
.copyright a{text-decoration:none;color:#3c4aaa;font-weight:bolder;}
.btn-wrap{display:flex;justify-content:center;border-top:1px solid #3c4aaa;border-bottom:1px solid #3c4aaa;}
.social{margin:1em .5em;padding:3px;display:flex;justify-content:center;
align-items:center;border:none;border-radius:50%;width:3rem;height:3rem;background:#3c4aaa;}
#up-btn{display:none;justify-content:center;align-items:center;position:fixed;bottom:1rem;right:1em;z-index:2;border:1px solid #273172;cursor:pointer;border-radius:50%;background:rgba(255,255,255,.5);padding:3px;width:3rem;height:3rem;}
/*metal-and-rubber-sleeves-page styles*/
h1{font-family:'Prosto One',sans-serif;font-size:1.5em;text-align:left;}
.desc,.desc-rvd{margin:1rem;}
.product-desc-wrap{display:block;margin:3em 1em;background:#fff;}
.white-line{padding:0 1rem;}
.parameters{margin:0 1rem;overflow-x:auto;}
.calculate-rnvd-wrap{display:flex;justify-content:center;}
.calculate-rnvd{margin:2rem 1rem;padding:.5em 3em;background:linear-gradient(125deg,#f7c815,#ddb308);border:none;border-radius:5px;text-align:center;box-shadow:3px 3px 10px #a6a6a6;
text-decoration:none;color:#fff;cursor:pointer;font-size:1.125em;width:100%;}
td{text-align:center;font-size:16px;}

@media screen and (min-width:650px){
.navbar-mobile-overlay{text-align:center;}
.overlay-content{font-size:20px;}
.overlay-btn-wrap{justify-content:center;}
.hero-image{width:auto;height:70vh;right:1rem;}
#what-we-do,#sleeves,#high,#pressure{padding-left:2rem;}
.wrap{flex-flow:row;background:#fff;border-radius:5px;}
#blue-line{flex-flow:row;border-radius:5px;}
.hose{flex:25%;padding:3em 1em 0 2em;border:none;}
.hose img{position:static;box-shadow:3px 3px 10px #a6a6a6;}
h2{font-size:1.75em;}
.l-more-wrap{flex-flow:row;margin:1em 0;}
.calculate{font-size:1.25em;width:25vw;}
.article,.partners-head{padding:1em 2em;}
.article{flex:75%;background:transparent;margin-top:0;}
.partners-head{border-radius:5px 5px 0 0;}
.about{min-height:7em;}	
.row-icon{width:2em;height:2em;}
.blue-line-column{flex:50%;padding:1em 2em;}
#company-head,#company-head-underlined{font-size:2em;}
.footer{padding:3em 3em 1em 3em;font-size:1.25em;}
.footer-head-font{font-size:32px;}
.social{width:2rem;height:2rem;}
#up-btn{bottom:2em;right:1em;width:3em;height:3em;}
/*metal-and-rubber-sleeves-page styles*/
h1{font-size:2em;}
.product-desc-wrap{border-radius:5px;}
.desc-wrap{display:flex;flex-flow:row;}
.white-line{flex:75%;padding:2rem 2rem 0 2rem;}
.parameters{margin:1em 2em 0 2em;}
.calculate-rnvd{width:15em;font-size:1.25em;}
}
@media screen and (min-width:850px){
.navbar,.sub-nav{display:flex;padding:.25em 1em;}
.navbar-side{display:flex;flex:60%;}
.navbar-side a{margin-left:1.5em;text-decoration:none;color:#273172;}
.navbar-side a:hover{color:#6b90c7;}
.navbar-mobile{display:none;}
.hero-container{font-size:5em;}
.hero-image{margin-left:45vw;height:80vh;right:auto;background:linear-gradient(to right,rgba(34, 43, 100,.2),rgba(34, 43, 100,.9));border:1px solid #2b5988;padding:1rem;}
#blue-line-right{margin-left:60%;width:40%;height:1px;background:#2b5988;top:80vh;position:absolute;}
#blue-line-left{width:45vw;height:1px;background:linear-gradient(to right,rgba(43,89,136,.3),rgba(43,89,136,1));position:absolute;}
.row-text{font-size:1em;}
#under-line{width:15%;}
}
@media screen and (min-width:1200px){
.navbar{font-size:1.25em;padding:.25rem 2rem;}
.navbar-side a{margin-left:2.5em;}
.logo img{height:2.75rem;}
.wrap,.product-desc-wrap,.cart-img-wrap,.order-wrap{margin:5em 10em;}
.desc,.desc-rvd{margin:1rem 10rem;background-repeat:no-repeat;}
.desc{background-size:40%;background-position:bottom right 2rem;background-image:url("../images/rnvd_2.png");}
.desc-rvd{background-size:40%;background-position:bottom right 2rem;background-image:url("../images/rvd.png");}
.desc-r{background:rgba(255,255,255,.6);border-radius:5px;}
.company-wrap{padding:2em;}
.about-wrap{display:flex;justify-content:space-around;}
.about{min-height:auto;width:16%;}
#rnvd-img-margin{margin-top:8rem;}
.hero-container{font-size:7em;}
.hero-text{padding:2.5rem 0 0 0;}
.hero-image{margin-left:55vw;}
#blue-line-left{width:55vw;}
.calculate{width:20vw;}
#up-btn{bottom:3em;right:3em;}
.order-text{padding:5rem 1rem 1rem 1rem;}
}
@media screen and (min-width:1600px){
.navbar{font-size:1.5em;padding-left:15rem;}
.logo img{height:3rem;}
.wrap,.product-desc-wrap,.cart-img-wrap,.order-wrap{margin:5em 15em;}
.desc,.desc-rvd{margin:1rem 15rem;}
.company-wrap{padding:2em 5em;}
.hero-container{font-size:9em;}
.hero-image{margin-left:50vw;bottom:3rem;}
.hero-text{padding:5rem 0 0 0;}
#blue-line-left{width:50vw;}
}
@media screen and (min-width:1800px){
.navbar{padding-left:20rem;}
.wrap,.product-desc-wrap,.cart-img-wrap,.order-wrap{margin:5em 20em;}
.desc,.desc-rvd{margin:1rem 20rem;}
.company-wrap{padding:2em 10em;}
.hero-container{font-size:10em;}
.hero-image{margin-left:55vw;}
#blue-line-left{width:55vw;}
#what-we-do,#sleeves,#high,#pressure{padding-left:5rem;}
.calculate{width:15vw;}
}