@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,500;0,700;0,800;1,500;1,700;1,800&display=swap');

html {padding:0px;margin:0px;}
body {background-color:#FFFFFF;color:#666666;padding:0px;margin:0px;font-size:14px;font-family: 'Montserrat', Arial, Helvetica, sans-serif;line-height: 1.5;position: relative;}
.clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.transition {-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;}
.shadow{-webkit-box-shadow: 0px 5px 9px -5px rgba(0,0,0,0.50);-moz-box-shadow: 0px 5px 9px -5px rgba(0,0,0,0.50);box-shadow: 0px 5px 9px -5px rgba(0,0,0,0.50);z-index:1000;}
.table {display:table;margin: 0 auto;}
hr {border: 0 #e6e6e6 solid;border-top-width:1px;clear:both;display:block;height:0;margin:0px auto;}
blockquote{border-left:5px solid #004d9d;font-weight:700;font-style:italic;padding-left:20px;font-size:16px;color:#666666;}
header, main, footer{}

.logistic{background-color:transparent;background-position:center top;background-size:contain;background-repeat:no-repeat;background-image:url('/files/template/icon-logistic-07.png');}
.rotation { -webkit-animation: rotation 30s infinite linear; }
@-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); } }

.homepage-video{position:relative;}
.homepage-video-meta{position:absolute;left:0px;bottom:150px;padding:20px 20px 20px 180px;width:360px;background:#ffffff;font-style:italic;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;z-index:4;}
.homepage-video-meta h3{padding:0px 0px 5px 0px;margin:0px;font-weight:800;}
.homepage-video-meta p{padding:0px;margin:0px;}
.homepage-video-meta .logistic{position:absolute;left:-280px;top:50%;margin-top:-130px;width:260px;height:260px;}
.homepage-video-slider{position:absolute;left:0px;top:0px;width:100%;height:90%;z-index:3;}
.homepage-video-slider ul{height:400px;}
.homepage-video-slider-container{width:100%;}
.homepage-video-slider-content{color:#ffffff;line-height:1.1;text-transform:uppercase;min-height:300px;}
.homepage-video-slider-content-l{font-size:120px;font-weight:800;padding-right:25px;text-shadow:3px 3px 0px #022346;}
.homepage-video-slider-content-r{font-size:38px;font-weight:700;text-shadow:3px 3px 0px #022346;}
.homepage-video-slider-content-f{width:100%;}
.homepage-video-overflow{background-color:rgba(0,0,0,0.5);position:absolute;top:0px;left:0px;bottom:0px;right:0px;width:100%;height:100%;z-index:2;}
.homepage-video-clip{position:relative;z-index:1;}

.video-mute{width:30px;height:30px;display:block;cursor:pointer;background-image: url('/files/template/icon/volume-off.svg');background-size:contain;background-position:center;background-repeat:no-repeat;position:absolute;bottom:30px;right:30px;}
.video-mute-on{background-image: url('/files/template/icon/volume-on.svg');}
.video-content{position:absolute;bottom:50px;left:120px;right:120px;color:#FFFFFF;font-size:42px;}
.video-content div{position:relative;}
.video-content div:after{position:absolute;bottom:-10px;left:0px;width:60px;height:4px;background:#ff9933;display:block;content:"";}

.logo {position:relative;width:100%;}
.logo a{width:100%;height:60px;background-color:transparent;background-position:center left;background-size:contain;background-repeat:no-repeat;display:block;text-indent:-100%;overflow:hidden;position:relative;z-index:2;}
.logo-ua a{background-image:url('/files/template/logo-riotrans-ua.svg');}
.logo-ru a{background-image:url('/files/template/logo-riotrans-ua.svg');}
.logo-en a{background-image:url('/files/template/logo-riotrans-en.svg');}
.logo-pl a{background-image:url('/files/template/logo-riotrans-en.svg');}
.logo span{display:block;font-style:italic;font-size:22px;position:absolute;top:14px;left:300px;z-index:1;color:#828282;}

.header{padding:20px 0px;position:relative;display:block;width:100%;z-index:10;}
.header-lang{padding:0px;margin:0px;list-style:none;float:right;font-size:11px;line-height: 1;}
.header-lang li{padding:0px 3px;margin:0px;float:left}
.header-lang li a{padding:4px 10px;margin:0px;display:block;color:#666666;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.header-lang li a:hover{background:#dedede;color:#333333;text-decoration:none;}
.header-lang li a.act{background:#004d9d;color:#ffffff;}
.header-contact{padding:0px;margin:0px;list-style:none;float:right;font-size:14px;font-weight:700;line-height: 1.2;}
.header-contact li{padding:0px;margin:0px;}
.header-contact li a{display:block;padding:2px 0px;}
.header-contact li a:hover{color:#004d9d;text-decoration:none;}
.header-contact li a span{margin-right:10px;color:#828282;}
.header-contact li a:hover span{color:#004d9d;}
.header-button{display:inline-block;margin:0px;padding:6px 15px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;line-height:1.3;background:#004d9d;color:#ffffff;font-size:12px;text-transform:uppercase;font-weight:700;text-align:center;}
.header-button:hover{background:#ff3300;color:#ffffff;text-decoration:none;}

.main-menu{padding:0px;margin:0px;list-style:none;font-size:14px;background:transparent;color:#666666;line-height:1;}
.main-menu li{padding:0px;margin:0px;display:inline-block;position:relative;}
.main-menu li a{padding:10px 15px 2px 15px;margin:0px;display:block;text-transform:uppercase;color:#666666;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;font-weight:700;}
.main-menu li a:hover{color:#004d9d;text-decoration:none;}
.main-menu li a::after {content:'';display:block;width:0;height:2px;background:#004d9d;transition:width .3s;margin-top:5px;}
.main-menu li a:hover::after {width: 100%;}
.main-menu li.active a{background:#004d9d;color:#ffffff;font-weight:700;}
.main-menu li ul{padding:0px;margin:0px;position:absolute;top:38px;left:0px;width:220px;background:#004d9d;color:#ffffff;display:none;}
.main-menu li ul li{padding:0px;margin:0px;display:block;}
.main-menu li ul li a{text-transform:none;color:#ffffff}
.main-menu li ul li a:hover{background:#0c5fb6;}
.main-menu li:hover ul{display:block;}

.header-white{position:absolute;background: rgb(255,255,255);background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.9) 100%);color;#ffffff;}
.header-white .logo-ua a{background-image:url('/files/template/logo-riotrans-ua-white.svg');}
.header-white .logo-ru a{background-image:url('/files/template/logo-riotrans-ua-white.svg');}
.header-white .logo-en a{background-image:url('/files/template/logo-riotrans-en-white.svg');}
.header-white .logo-pl a{background-image:url('/files/template/logo-riotrans-en-white.svg');}
.header-white .logo span{color:#ffffff;}
.header-white .header-lang li a{color:#ffffff;}
.header-white .header-lang li a:hover{background:#ffffff;color:#004d9d;}
.header-white .header-contact li a{color:#ffffff;}
.header-white .header-contact li a:hover{color:#ffffff;}
.header-white .header-contact li a span{color:#ffffff;}
.header-white .header-contact li a:hover span{color:#ffffff;}
.header-white .header-button{display:inline-block;margin:0px;padding:6px 15px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;line-height:1.3;background:#004d9d;color:#ffffff;font-size:12px;text-transform:uppercase;font-weight:700;text-align:center;}
.header-white .header-button:hover{background:#ff3300;color:#ffffff;text-decoration:none;}
.header-white .main-menu li a{color:#ffffff;}
.header-white .main-menu li a:hover{color:#ffffff;}
.header-white .main-menu li a::after {background:#ffffff;}
.header-white .main-menu li.active a::after {background:#004d9d;}

.principles{text-align:center;color:#ffffff;background:#004d9d;padding:40px 0px;}
.principles .title{font-size:32px;text-transform:uppercase;color:#ffffff;font-weight:800;}
.icon-border img{background:#8fb7e3;width:100px;height:100px;border:10px solid #c4dcf6;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;-webkit-border-radius: 160px;-moz-border-radius: 160px;border-radius: 160px;}
.icon-border:hover img{background:#f7f7f7;border:0px solid #004d9d;-webkit-border-radius: 160px;-moz-border-radius: 160px;border-radius: 160px;}
.icon-border p{color:#8fb7e3;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;}
.icon-border:hover p{color:#ffffff;}

.lardi{padding:60px 15px 15px 15px;display:block;position:relative;border:3px dashed #cccccc;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;font-style:italic;color:#666666;font-weight:700;font-size:16px;}
.lardi span{display:block;position:absolute;top:-3px;right:-3px;width:120px;height:62px;background-image:url('/files/template/lardi.png');}
.lardi:hover{border:3px dashed #ff0000;color:#004d9d;text-decoration:none;}

.header-mobilmenu-link{padding:0px;margin:0px;position:absolute;top:20px;left:20px;z-index:50;padding:10px;margin:0px;display:inline-block;color:#333333;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.header-mobilmenu-link:hover{color:#333333;}
.header-white .header-mobilmenu-link{color:#ffffff;}
.header-white .header-mobilmenu-link:hover{color:#ffffff;}
.mobile-menu-container{padding:20px 15px 15px 15px;}
.mobile-menu-container a{text-decoration:none;}
.mobile-menu-container a:hover{text-decoration:none;}
.mobile-menu{padding:0px;margin:0px;list-style:none;}
.mobile-menu li{padding:0px;margin:0px;}
.mobile-menu li a{padding:5px 0px;margin:0px;display:block;color:#ffffff;font-size:18px;text-transform:none;}
.mobile-menu li a:hover{text-decoration:none;color:#ffcc00;}
.mobile-menu li.active a{color:#ffcc00;}
.mobile-menu li ul{}
.mobile-lang{padding:0px;margin:0px;list-style:none;display:flex}
.mobile-lang li{padding:0px 3px 0px 0px;margin:0px;}
.mobile-lang li a{display:block;color:#ffffff;padding:4px 10px;font-size:12px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.mobile-lang li a:hover{color:#ffcc00;}
.mobile-lang li a.active{background:#ffcc00;color:#003366;}

.top-img{position:relative;margin-bottom:0px;}
.top-img img{width:100%;}
.top-img-content{position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:5;}
.top-img-content div{background:transparent;width:90%;}
.top-img-content h1{font-size:66px;color:#ffffff;font-family: 'Russo One', 'Roboto Condensed', Arial, Helvetica, sans-serif;text-align:center;text-shadow: 2px 2px 0px rgba(0, 0, 0, 1);}
.top-img-title{position:absolute;bottom:0px;left:0px;width:100%;z-index:6;}
.top-img-title div{background:#ffffff;padding:10px 60px 0px 60px;border-top:3px solid #004d9d;}
.top-img-page{padding-bottom:5px;}

.second-menu{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;list-style:none;font-size:16px;border-bottom:0px solid #cccccc;}
.second-menu li{padding:0px;margin:0px;}
.second-menu li a{padding:5px 0px 5px 0px;margin:0px;display:block;color:#666666;}
.second-menu li.here a{color:#004d9d;font-weight:700;}

.content{font-size:16px;}
.content strong{color:#004d9d;}

.contact-item h4{padding-bottom:10px;margin:0px;}
.contact-item p{padding:0px;margin:0px;}

.hr-line{position:relative;background:#ffffff;border-bottom:1px solid #cccccc;margin-bottom:20px;padding-bottom:20px;display:block;}
.hr-line p{position:absolute;width:100%;display:block;text-align:center;top:6px;left:0px;}
.hr-line p span{display:inline;padding:0px 20px;background:#ffffff;color:#999999;text-transform:uppercase;font-size:12px;}

.full{width:100%;}

.contact_ul{padding:0px;margin:10px 0px 10px 0px;list-style:none;}
.contact_ul li{padding:5px 0px;margin:0px;position:relative;}
.contact_ul li.title{font-weight:700;}
.contact_ul li.icon{position:relative;padding-left:30px;}
.contact_ul li.icon span{position:absolute;top:6px;left:0px;}

.map{height:600px;}

.purpose{background-color:#ebebeb;background-image:url('/files/template/grey-back-02.jpg');background-size:cover;background-position:center bottom;color:#999999;padding:20px;border-top:5px solid #004d9d;border-bottom:20px solid #f4f4f4;}
.purpose h3{font-size:34px;padding:0px;margin:0px;text-transform:uppercase;color:#004d9d;}
.purpose p{font-style:italic;font-size:18px;line-height: 1.8;color:#004d9d;}


a{color:#004d9d;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;}
a:hover{color:#ff3300;}

.rio-button{display:inline-block;border:1px solid #004d9d;padding:10px 20px;text-transform:uppercase;color:#004d9d;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;line-height:1;}
.rio-button:hover{background:#004d9d;color:#ffffff;text-decoration:none;cursor:pointer;}

h1, h2, h3, h3, h4, h5, h6 {font-family: 'Montserrat', Arial, Helvetica, sans-serif;line-height: 1.2;color:#004d9d;}
h1{padding:0px;margin:0px;text-transform:uppercase;font-size:28px;}
h4{padding:0px;margin:0px;text-transform:uppercase;font-size:22px;}
h3.big{padding:50px 0px 0px 0px;margin:0px;text-transform:uppercase;font-size:44px;color:#999999;font-weight:400;}
h6{padding:0px;margin:0px;text-transform:uppercase;font-size:12px;color:#666666;}

.footer{padding:40px 0px;background:#ebebeb;color:666666;}
.footer-top{margin-top:40px}
.footer a{color:#666666;}
.footer-logo{margin:0px;width:200px;height:45px;background-color:transparent;background-position:center left;background-size:contain;background-repeat:no-repeat;display:block;text-indent:-100%;overflow:hidden;position:relative;z-index:2;}
.footer-logo-ua{background-image:url('/files/template/logo-riotrans-ua.svg');}
.footer-logo-ru{background-image:url('/files/template/logo-riotrans-ua.svg');}
.footer-logo-en{background-image:url('/files/template/logo-riotrans-en.svg');}
.footer-logo-pl{background-image:url('/files/template/logo-riotrans-en.svg');}
.footer-logo-polska{background-image:url('/files/template/rio-trans-polska.png');height:65px}
.footer-ul{padding:0px;margin:0px;list-style:none;}
.footer-ul li{padding:7px 0px 7px 30px;margin:0px;position:relative;}
.footer-ul li span{position:absolute;top:7px;left:0px;}
.footer-ul li img{position:absolute;top:7px;left:0px;width:20px;}

.footer-ul li.social{padding:7px 0px 7px 0px;margin:0px;position:relative;text-align:right;}
.footer-ul li.social span{position:relative;}
.footer hr {border: 0 #cccccc solid;border-top-width:1px;clear:both;display:block;height:0;margin:0px auto;}

.footer-menu{padding:0px;margin:0px;list-style:none;}
.footer-menu li{padding:0px 20px 0px 0px;margin:0px;float:left;}
.footer-menu li a{padding:0px;margin:0px;display:block;text-transform:uppercase;}

.footer-logo-partner{text-align:left;padding:4px 20px 4px 0px;margin:5px 5px 5px 0px;background-color:transparent;background-position:center left;background-size:contain;background-repeat:no-repeat;display:inline-block;}
.footer-logo-sup{background-image:url('/files/template/logo-sup-org-ua.png');padding-left:100px;}
.footer-logo-asmap{background-image:url('/files/template/logo-smap-org-ua.png');padding-left:100px;}
.footer-logo-eba{background-image:url('/files/template/logo-eba-com-ua.png');padding-left:100px;}
.footer-logo-ucci{background-image:url('/files/template/logo-ucci.png');padding-left:40px;}
.footer-logo-ameu{background-image:url('/files/template/logo-ameu-org-ua.png');padding-left:60px;}

.footer-sidebar{width:220px;}
.footer-partner{text-align:center;padding:20px 0px;margin:30px 0px;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;}

.message-border{padding:20px;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;border:0px solid #004d9d;background:#ecf1f4;font-size:16px;}
.message-border a{text-decoration:underline;}

.vasylzavalko{color:#999999;text-align:center;}
.vasylzavalko a{color:#999999;}

.uk-close svg{color:#ffffff;}
.uk-offcanvas-bar{background-color:#004d9d;color:#005ca9;padding:0px;margin:0px;width:300px;left:-100%;color:#ffffff;}
.uk-offcanvas-bar a{color:#ffffff;}
.uk-offcanvas-bar a:hover{color:#ffffff;}
.uk-offcanvas-close {margin:0px;padding:11px;color:#ffffff;top:10px;right:10px;}
.uk-offcanvas-close svg{color:#ffffff !important;}


.uk-subnav .uk-active a{background:#004d9d;}

@media only screen and (max-width: 1199px) {
.top-img-content h1{font-size:44px;}
.main-menu{font-size:15px;}
.main-menu li a{padding:10px 10px;}
}
@media only screen and (max-width: 959px) {
.logo a{background-position:center center;height:60px;}
.header{padding:20px 0px 20px 0px;}
main{padding-top:0px;}
.main-menu{border:0px;}
.top-img{border-top:0px solid #004d9d;border-bottom:0px solid #004d9d;}
.purpose h3{font-size:32px;}
.purpose p{font-size:16px;line-height: 1.6;}
.top-img-content h1{font-size:40px;}
.lardi{padding:15px 110px 15px 15px;}
.header-button{display:block;padding:10px;}
.homepage-video-slider-content-l{font-size:100px;padding-right:25px;}
.homepage-video-slider-content-r{font-size:30px;}
.map{height:500px;}
}
@media only screen and (max-width: 639px) {
.top-img-content h1{font-size:28px;}
.uk-offcanvas-bar{width:100%;}
.homepage-video-meta{bottom:150px;left:-6;padding:10px 10px 10px 100px;width:220px;}
.homepage-video-meta .logistic{left:-160px;top:50%;margin-top:-80px;width:160px;height:160px;}
.homepage-video-meta h3{padding:0px 0px 2px 0px;font-size:16px;}
.homepage-video-meta p{font-size:12px;}
.homepage-video-slider-content-l{font-size:68px;padding-right:20px;}
.homepage-video-slider-content-r{font-size:24px;}
.map{height:400px;}
h1{font-size:24px;}
}
@media only screen and (max-width: 400px) {
.logo a{height:40px;}
.header-mobilmenu-link{top:15px;left:7px;}
.homepage-video-slider-content-l{font-size:68px;padding-right:15px;}
.homepage-video-slider-content-r{font-size:20px;}
.map{height:200px;}
}