/*//////////////////////////////////////////*/
/* Wrapper */
/*//////////////////////////////////////////*/

#wrapper{
    display:flex;
    flex-direction: column;
    justify-content: center;
    width:50%;
    min-height: 100vh;
    position:relative;
    z-index: 10;
}
@media (max-width:900px) {
    #wrapper{
        width:100%;
    }
}
#wrapper .inner{
    max-width:400px;
    margin:0 auto;
    padding:60px 30px;
}
#wrapper .inner .logo{
    display:block;
    width:220px;
    height:auto;
    margin-bottom: 15px;
}
#wrapper .inner .tagline{
    font-size:18px;
    line-height: 22px;
    margin-bottom: 60px;
}
#wrapper .inner .info{
    line-height: 20px;
    margin-bottom: 30px;
}
#wrapper .inner .info.status{
    color:#ffffff;
    padding:12px 16px;
    border-radius: 5px;
}
#wrapper .inner .info.status.red{
    background: #dd4b39;
}
#wrapper .inner .info.status.green{
    background: #2eb17e;
}
#wrapper .inner .form{
    display:block;
    width:calc(100% + 30px);
    height:50px;
    margin-left:-15px;
    margin-bottom: 30px;
    position: relative;
    border:3px solid #ffc800;
    border-radius: 25px;
}
#wrapper .inner .form .required{
    display:none;
}
#wrapper .inner .form input,
#wrapper .inner .form button{
    position: absolute;
    top:0;
    display:block;
    height:44px;
    border:0;
	font-family:'Autive', Roboto Flex, Arial, Tahoma, Helvetica, sans-serif;
}
#wrapper .inner .form input{
    width:60%;
    left:0;
    background: transparent;
    border-radius: 25px 0 0 25px;
    padding:0 15px;
    font-size:16px;
}
#wrapper .inner .form button{
    width:40%;
    right:0;
    background: #ffc800;
	font-weight:700;
    border-radius: 0 25px 25px 0;
    cursor:pointer;
    text-transform: uppercase;
    font-size:14px;
}
#wrapper .inner .feedback{
    font-size: 12px;
    line-height:16px;
}
#wrapper .inner .feedback a{
    color:inherit;
}
#wrapper .inner .feedback a:hover{
    text-decoration: none;
}
#wrapper ul.partners_new {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    flex-direction: column;
    position:absolute;
    bottom:100px;
    top:100px;
    right: calc(-100% + 50px);
    width:100px;
    z-index: 15;
}
@media (max-width:900px) {
    #wrapper ul.partners_new {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        flex-direction: row;
        position:relative;
        bottom:auto;
        top:auto;
        right: auto;
        width:100%;
        z-index: 15;
        background: #919191;
        padding:20px 10px 10px;
    }
}
#wrapper ul.partners_new li {
    display: inline-block;
    color: #ffffff;
    font-size: 10px;
    line-height: 12px;
    text-transform: uppercase;
    text-align: center;

    -webkit-filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.4));
    -moz-filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.4));
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.4));
}
#wrapper ul.partners_new li:first-child {
    width: 100%;
}
#wrapper .partners_new li:not(:first-child) {
    margin: 10px;
}
@media (max-width:900px) {
    #wrapper .partners_new li:not(:first-child) {
        flex:1;
    }
}
#wrapper .partners_new li a {
    display: inline-block;
}
#wrapper .partners_new li a img{
    display: block;
    width:80px;
    margin:0 auto;
}

/*//////////////////////////////////////////*/
/* Background */
/*//////////////////////////////////////////*/

#bg{
	position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    z-index: 5;
}
@media (max-width:900px) {
    #bg{
    	display: none;
    }
}
#bg .left,
#bg .right{
	position: absolute;
    top:0;
    bottom:0;
    height:100%;
}
#bg .left{
    left:0;
    width:100%;
    z-index: 15;
    background-image:url('/assets/graphics/pages/home/bg_left.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#bg .right{
    right:0;
    width:60%;
    z-index: 10;
    background: #000000;
}
#bg .right .slider{
    width:100%;
    height:100%;
    opacity:0.6;
    background: #ffc800;
    z-index: 5;
}
#bg .right .slider .slick-list,
#bg .right .slider .slick-track,
#bg .right .slider .slide{
    height:100% !important;
}
#bg .right .slider .slide{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#bg .right .slider .slide.slide_1{
    background-image:url('/assets/graphics/pages/home/bg_right_1.jpg?v2');
}
#bg .right .slider .slide.slide_2{
    background-image:url('/assets/graphics/pages/home/bg_right_2.jpg?v2');
}
#bg .right .slider .slide.slide_3{
    background-image:url('/assets/graphics/pages/home/bg_right_3.jpg?v2');
}
#bg .right .slider .slide.slide_4{
    background-image:url('/assets/graphics/pages/home/bg_right_4.jpg?v2');
}
#bg .right .slider .slide.slide_5{
    background-image:url('/assets/graphics/pages/home/bg_right_5.jpg?v2');
}
#bg .right .slider .slide.slide_6{
    background-image:url('/assets/graphics/pages/home/bg_right_6.jpg?v2');
}
#bg .right .slider .slide.slide_7{
    background-image:url('/assets/graphics/pages/home/bg_right_7.jpg');
}