header{background:#FFF;position:fixed;top:0;left:0;width:100%;font-size:0;z-index: 10;}
header .logo{display:inline-block;vertical-align: middle;width:231px;transition:all 0.2s linear; z-index: 2; position: relative;}
header .logo img{max-width:200px;width:100%;transition:all 0.2s linear;display:block;}
header .logo img.mobile{
        display: none;        
}
header nav{width:calc(100% - 231px);display:inline-block;vertical-align: middle;text-align: right;transition:all 0.2s linear;}
header nav a{font-size:15px;display:inline-block;vertical-align:middle;padding:33px 10px;font-weight: bold;transition:all 0.2s linear;}
header nav a.on,header nav a:hover{color:#e1113d;}
header nav .lang{display:inline-block;vertical-align:middle;margin-left:20px;line-height: 19px;}

header .subnav{position: absolute;top:85px;left:0;width:100%;z-index: 1;height:0;transition:all 0.2s linear;overflow: hidden;}
header .subnav:before{content:'';background:#FFF;opacity: 0.9;position: absolute;top:0;left:0;width:100%;height:100%;}
header .subnav .holder{display:none;text-align: left;position: relative;color:#000;font-size:0;padding:50px 0px;padding-bottom:80px;}
header .subnav .holder.on{display:block;}

header .subnav .holder .block{display:inline-block;vertical-align: top;width:33.33%;padding-right:80px;font-size:18px;}
header .subnav .holder .block.subnav-intro{padding-right:80px;}
header .subnav .holder .block.subnav-intro h2{margin-bottom:10px;font-weight: 900;}

header .subnav .holder .block.list{padding-right:80px;}
header .subnav .holder .block.list h3{font-weight: 900;font-size:15px;}
header .subnav .holder .block.list div{font-size:18px;position: relative;font-weight: 300}
header .subnav .holder .block.list div a{padding:10px 0;display:block;}
header .subnav .holder .block.list div a:hover{color:#e1113d;}
header .subnav .holder .block.list div:after{content:'';width:100%;height:1px;position: absolute;bottom:0;left:0;background:#000;opacity: 0.2}

header .subnav .holder .block.other{font-size:0;}
header .subnav .holder .block.other .img-holder{width:40%;display:inline-block;vertical-align:middle;}
header .subnav .holder .block.other .img-holder img{max-width:100%;}
header .subnav .holder .block.other .text-holder{width:60%;padding-left:20px;display:inline-block;vertical-align:middle;}
header .subnav .holder .block.other .text-holder .title{font-size:15px;font-weight: 900;margin-bottom:10px;}
header .subnav .holder .block.other .text-holder .intro{font-size: 18px;font-weight: 100;margin-bottom:40px;}
header .subnav .holder .block.other .text-holder a{font-size:15px;color:#c81d2a;}
header .subnav .holder .block.other .text-holder span{font-size:15px;color:#c81d2a;}

header .subnav .holder .btn-back{display:none;}


header .btn-nav{display:none;cursor: pointer;}

.btn-menu-style {display: block;width: 30px;height: 22px;position: relative;line-height:0;font-size:0;}
.btn-menu-style span {display:inline-block;width:100%;height:4px;background:#000;margin:9px 0;transition:all 0.2s linear;}
.btn-menu-style:before, .btn-menu-style:after {content:'';display:inline-block;width: 100%;height: 4px;background: #000;position: absolute;left:0;transition:all 0.2s linear;}
.btn-menu-style:before{top:0px;}
.btn-menu-style:after{top:18px;}

.opened .btn-menu-style span {opacity: 0;background:#FFF;}
.opened .btn-menu-style:before{transform: rotateZ(-45deg);-webkit-transform: rotateZ(-45deg);top: 9px;background:#FFF;}/*45*/
.opened .btn-menu-style:after{transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);top:9px;background:#FFF;}

header.small nav{width:calc(100% - 191px);}
header.small nav a{padding: 23px 10px;}
header.small .logo{width: 191px;}
header.small .subnav{top:65px;}

header.opened{position: absolute;}


@media screen and (max-width: 1280px){
	header .logo{width:200px;}
    header.opened .logo img{
        display: none;
    }
    header.opened .logo img.mobile{
        display: block;    
    }
	header nav{width:calc(100% - 200px);}
	header nav a{padding:25px 7px;}
	header .subnav{top:69px; overflow: auto; height: auto; }

	header.small nav{width:calc(100% - 191px);}
	header.small nav a{padding: 23px 7px;}
	header.small .logo{width: 191px;}
	header.small .subnav{top:65px;}
}



@media screen and (max-width: 1023px){
	header .logo{padding: 10px 0;width: 191px;}
    header.opened .logo{position: fixed;}
	header nav{display:block;position: fixed;width: 100%;top: 0%;left: 0;background: #950006;z-index: 1;text-align: left;overflow: hidden;transition:all 0.2s linear;height:0;}
	header nav a:first-child{margin-top:110px;}
	header nav a{padding: 10px 50px;display:block;color:#FFF;position: relative;font-size: 20px;font-weight: 100;}
	header nav a.hasSub{font-size: 30px;}

	header nav a.spec{padding-top:35px;margin-top:20px;}
	header nav a.spec:after{content:'';width: calc(100% - 100px);height: 1px;position: absolute;top:0;left:50px;opacity: 0.3;background:#FFF;}

	header nav .lang{margin-left:0;padding-left:50px;margin-top: 20px;margin-bottom: 40px;}
	header nav .lang a{display:inline-block;margin-top:0;width:40px;height:40px;background:#7e0004;text-align: center;padding:10px;margin-right:15px;}
	header .btn-nav{display:block;position: absolute;top: 0;right: 0px;padding: 19px;padding-top:20px;z-index: 2}
    header.opened .btn-nav{position: fixed;}
	header .subnav{top:0px;background: #950006;height:auto;}
	header .subnav:before{display:none;}
	header .subnav .holder{max-width:none;padding-top:0;padding-bottom:0;text-align: left;}
	header .subnav .holder.on{width:100%; margin-top: 100px;}

	header .subnav .holder .block{
        width:100%;
        padding-right:0px;
        overflow-y: auto;
        overflow: hidden;
    }
	header .subnav .holder .block.subnav-intro{color:#FFF;padding-right:0;}
	header .subnav .holder .block.subnav-intro p{display:none;}
	header .subnav .holder .block.subnav-intro h2{font-size:28px;padding-bottom:15px;position: relative;}
	header .subnav .holder .block.subnav-intro h2:after{content:'';width:100%;height: 1px;position: absolute;bottom:0;left:0px;opacity: 0.3;background:#FFF;}
	header .subnav .holder .block.list{padding-right:0px;}
	header .subnav .holder .block.list h3{display:none;}
	header .subnav .holder .block.list div{padding:0;font-size:22px;}
	header .subnav .holder .block.list div:after{display:none;}
	header .subnav .holder .block.list div a{display:block;padding:10px 0px;color: #FFF;font-weight: 100}

	header .subnav .holder .block.other{display:none;}

	header .subnav .holder .btn-back{display:block;font-size:16px;padding:20px 0px;color: #FFF;cursor: pointer;/*margin-bottom: 60px;*/text-transform: uppercase;}
	header .subnav .holder .btn-back img{width:20px;margin-right:5px;display:inline-block;vertical-align: middle;position: relative;top: -2px;}
    
    header .subnav .holder .mobile{
        display: block;
        width: 50%;
        margin-bottom: 10%;
    }
    
	header.small nav{width:100%;}
	header.small nav a{padding: 10px 50px;}
	header.small nav a.spec{padding-top:35px;}
	header.small nav .lang a{padding:10px;}
	header.small .subnav{top:0px;}


}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 640px){
	header .logo{padding: 10px 0px;width:165px;}
    header nav .mobile{
        display: block;
        padding: 15px;
        width: 50%;
        }
	header .subnav .holder .btn-back{padding:17px 0;}

	header .btn-nav{padding:18px;}
	header.small .logo{width: 165px;}


	.btn-menu-style {width: 20px;height: 20px;}
	.btn-menu-style span {height:4px;margin:8px 0;}
	.btn-menu-style:before, .btn-menu-style:after {height: 4px;}
	.btn-menu-style:before{top:0px;}
	.btn-menu-style:after{top:16px;}
	.opened .btn-menu-style:before{top: 7px;}
	.opened .btn-menu-style:after{top:7px;}
}
@media screen and (max-width: 480px){


	header nav a{padding:10px 30px;}
	header nav .lang{padding-left:30px;}
	header nav a.spec:after{left:30px;}


	header.small nav a{padding: 10px 30px;}

}



@media screen and (orientation:landscape) and (max-width: 480px),screen and (orientation:landscape) and (max-width: 640px),screen and (orientation:landscape) and (max-width: 768px){
	/*.btn-menu-style {width: 20px;height: 18px;}
	.btn-menu-style span {height:3px;margin:7px 0;}
	.btn-menu-style:before, .btn-menu-style:after {height: 3px;}
	.btn-menu-style:before{top:0px;}
	.btn-menu-style:after{top:14px;}
	.opened .btn-menu-style:before{top: 9px;}
	.opened .btn-menu-style:after{top:9px;}*/
}