@charset "utf-8";
html, body{font-family: 'Lato', sans-serif; font-weight:400; color: #737373; font-size:16px; line-height:1.4; word-wrap:break-word; background:#fff;}
body.doNotScroll{overflow:hidden; height:100vh;}
*:focus {outline: none;}
h1, .h1{font-size:50px; line-height:1.2; margin-bottom: 0; font-weight:700; padding:0; text-transform:uppercase; position:relative; color: #000000;}
h1::after, .h1::after{content: ""; position: absolute; top: 0; left: -40px; width: 6px; background-color: orange; height: 60px;}
h2{font-size:24px; line-height:1.2; margin:50px 0 30px 0; font-weight:500; padding:0;}
.h2{font-size:24px; line-height:1.2; margin:50px 0 30px 0; font-weight:500; padding:0;}
h3{font-size:20px; line-height:1.2; margin:50px 0 30px 0; font-weight:400; padding:0;}
a{text-decoration:none; color:inherit; outline:none;}
a:hover{color: #ffba00; transition:all ease 0.5s}
p{margin:0 0 20px 0;}
p:last-child{margin:0;}
textarea{resize:none;}
input:focus {outline:none;}
section.bannersPageWrapper {height: 40vh; background: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) ), url(../img/bg-01.jpg); background-position: center; background-size: cover;}
.download{font-weight: 700; color: #ff0000;}
.mobile {display: none;}

.bgColor {background-color: #272c4c;padding: 10px 0;}
.bgColor a img{display: none;}
/*.bgColor:after {position: absolute; content: ""; left: 0; right: 0; width: 100%; height: 10px; background-color: #272c4c; top: 40px;}*/
.headerInfoWrapper a {color: #fff; margin-right: 25px;}
.headerInfoWrapper a i {margin-right: 10px;}

header .menuWrapper {position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 99; padding: 50px 0;}
header .menuWrapper .logo{width: 350px; float: left;}
/*header .menuWrapper .menuList > li {float: left; color: white; text-transform: uppercase; padding: 10px; list-style: none; font-weight: 700; font-size: 14px;}
header .menuWrapper .menuList li a:hover{color: #ffba00; transition:all ease 0.5s}
header .menuWrapper .menuList li .submenu {padding: 0; list-style: none; display: none;}
header .menuWrapper .menuList li .submenu li {margin-top: 1rem;}*/
.menuList{padding: 0; list-style: none; width: 65%; position: relative; margin: 0; float: right;}
.menuList li{display: inline-block; position: relative; font-size: 14px; vertical-align: top;}
.menuList li a { display: block; text-decoration: none; color: white; text-transform: uppercase; padding: 10px;    }
.menuList li a:hover{color: #ffba00; transition:all ease 0.5s}
.menuList li ul.dropdown{min-width: 100%; display: none; position: absolute; z-index: 999; left: 0; padding: 0; background: #272c4c;}
.menuList li:hover ul.dropdown{display: block;}
.menuList li ul.dropdown li{display: block;}

.banner{position: relative; height: 100vh; background: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) ), url("../img/bg-01.jpg");background-position: center;background-size: cover;}
.banner .banner-text-holder {position: absolute; top: 40%; max-width: 1140px;}
.banner .banner-title{font-size: 48px; color: #fff; text-transform: uppercase; font-weight: 700; margin: 0 0 20px 0; line-height: 1.3;}
.banner .banner-text{font-size: 22px; color: #fff; margin: 50px 0; font-weight: 300;}
.banner .banner-author{font-size: 22px; color:#fff;}
.banner .banner-button{text-transform: uppercase; background-color: #ffba00; color: #292929; padding: 15px 60px; font-weight: 700;}
.banner .banner-button:hover{background-color: #4555b9; color: #fff; transition: all ease 0.5s;}

.about{padding: 100px 0;}
.about h1{margin-bottom: 50px; color: #000000;}
.about .textWrapper{float: left; width: 50%; padding: 0 50px 0 0;}
.about .textWrapper ul {padding: 0 0 0 20px;}
.about .button {text-transform: uppercase; background-color: #ffba00; color: #292929; padding: 15px 60px; display: inline-block; font-weight: 700; margin: 20px auto 0 0;}
.about .button:hover{background-color: #4555b9; color: #fff; transition: all ease 0.5s;}
.about img{width: 50%; float: left; padding: 0 0 0 50px}

.teasersHolder {padding: 100px 0; background-color: #f1f4fc;}
.teasersHolder .teaser {width: 30%; float: left; margin-right: 5%;}
.teasersHolder .teaser:last-child {margin: 0;}
.teasersHolder .teaser h2 {color: #4555b9; font-size: 22px; line-height: 1.2; margin: 30px 0px 30px 0px; padding-left: 20px; font-weight: 500; border-left: 3px solid orange;    font-weight: 800;}
.teasersHolder .teaser a {text-transform: uppercase; font-weight: 600; color: #4555b9; margin-left: 23px;}
.teasersHolder .teaser a:hover {color: #000000;}
.teasersHolder .teaser a i {margin-right: 20px; font-size: 15px;}

.represent{margin-bottom:15px; box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.13)}
.represent:last-child {margin-bottom: 50px;}
.representContent{background-color: #f7f7f7; padding: 25px; display: none; line-height: 0.8em; color: black; overflow: hidden; margin-bottom: 10px;}
.represent .representName {font-size: 18px; padding: 12px 20px; margin: 0; position: relative;}
.represent .representName img {width: 200px;}
.represent .representName i {position: absolute; right: 0; top: 50%; transform: translateY(-50%) translateX(-80%); cursor: pointer;}
.represent .representName span {position: absolute; right: 5%; top: 40%; text-transform: uppercase; cursor: pointer;}
.representContentInfo{display: none;}
.left {float: left; width: 70%;}
.left p {margin-bottom: 10px;line-height: 1.4;}
.left span {color: #fe0000; font-weight: 600;}
.right{text-align: right; width: 30%; float: right;}
.right .document{float: right; line-height: 1em;}

.news {margin: 50px 0;}
.newsItem {border-top: 1px solid; padding-top: 20px;}
.newsItem p:first-child {color: black; font-weight: bold;}

#contactForm{width:100%; margin:55px 0 0 0;}
#contactForm input, #contactForm textarea{border:1px solid #ca7234;color:#a0a0a0;font-size:14px;line-height:30px;margin:0 0 15px 0;outline:0;padding:10px;resize:none;width:100%;background:#fff}
#contactForm button{color:#fff; background:#ca7234; border:none; line-height:20px; font-size:14px; padding:10px 50px; width:100%; text-transform:uppercase; font-weight:400;}
#contactForm button .fas{margin:0 10px 0 0;}
#mail_fail,#mail_success,#mail_success_footer,#mail_fail_footer{display:none;padding:15px 0;margin:20px 0 0 0;float:right;font-size:13px;line-height:12px;border-radius:4px; width:100%; text-align:center;}
#mail_success,#mail_success_footer{color:#044406;background-color:#B7FBB9}
#mail_fail, #mail_fail_footer{color:#D8000C;background-color:#FFBABA}
.pageContactImg{padding:50px 0; background: linear-gradient( rgba(0,0,0,0.5), rgba(0, 0, 0, 0.5) ),url(../img/bg.jpg) no-repeat center center fixed;}
p.title2 {margin-top: 50px;}

footer {background-color: #272c4c; padding: 50px 0 0 0;}
footer .logo{width: 330px;}
footer p{color:#b8b8b8;}
footer .signature{text-align: center; border-top: 2px solid white; padding: 20px; margin-top: 30px; color: #ffffff; font-size: 12px;}

#backToTop{bottom:20px; right:20px; cursor:pointer; display:none; height:60px; position:fixed; width:60px; border-radius:5px; font-size:20px; line-height:60px; text-align:center; z-index:100; color:#fff; background:#272c4c; border: 1px solid #fff;}