/* Header */
.large-header {
	position: relative;
	width: 100%;

	overflow: hidden;
	
	background-position: center center;
	z-index: 1;
}

#large-header .slogan-content {
    position: absolute;
    width: 1200px;
    left: 50%;
    margin-left: -600px;
    top: 80px;
    z-index: 0;
}

#large-header .slogan-content .big-text {
    text-transform: uppercase;
    text-align: center;
    position: relative;
    font: 700 88px/90px "Open Sans",sans-serif;
    color: #fff;
    padding: 0 0 50px 0;
    margin: 55px 0 40px 0;
}

#large-header .slogan-content .big-text.ru {
	font: 700 62px/78px "Open Sans",sans-serif;
}

#large-header .slogan-content .big-text:after {
    content: '';
    position: absolute;
    left: 50%;
    width: 80px;
    margin-left: -40px;
    height: 6px;
    background: #fff;
    bottom: -6px;
}

#large-header .slogan-content .small-text {
    text-align: center;
	display: block;
    position: relative;
    font: 300 20px/28px "Open Sans",sans-serif;
    color: #fff;
    padding: 0 0 50px 0;
	margin: 0 0 30px 0;
}

#large-header .btn-more {
    background: #fff;
    display: block;
    padding: 14px 0px 16px 32px;
    width: 206px;
    position: absolute;
    left: 50%;
    margin-left: -119px;
    color: #0d7ecd;
    font: 300 16px/16px "Open Sans",sans-serif;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 15;
    text-decoration: none;
    bottom: 90px;
}

#large-header .btn-more:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: #8a157e;
    color: #fff;
      text-decoration: none;
}

#large-header .btn-more:before {
    content: '';
    width: 19px;
    height: 17px;
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    position: absolute;
    top: 15px;
    right: 32px;
    background: url('../../grafika/more-arrow.png') 0 0 no-repeat
}


#large-header .btn-more:after {
    content: '';
    width: 19px;
    height: 17px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    position: absolute;
    top: 15px;
    right: 32px;
    background: url('../../grafika/more-arrow.png') 0 -19px no-repeat
}

#large-header .btn-more:hover:before {
        -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    right: 22px;
}

#large-header .btn-more:hover:after {
        -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 1;
        right: 22px;
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) { 
    #large-header .slogan-content {width: 980px; margin-left: -490px;}
    #large-header .slogan-content .big-text { font: 700 64px/90px "Open Sans",sans-serif;}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {  
    #large-header .slogan-content {width: 740px; margin-left: -370px;}
    #large-header .slogan-content .big-text { font: 700 50px/66px "Open Sans",sans-serif;}
    #large-header .slogan-content .small-text {  font: 300 18px/26px "Open Sans",sans-serif;}
}

@media only screen and (min-width: 533px) and (max-width: 767px) {  
    #large-header .slogan-content {width: 512px; margin-left: -256px; top: 52px;}
    #large-header .slogan-content .big-text { font: 700 50px/66px "Open Sans",sans-serif;  margin: 8px 0 40px;}
    #large-header .slogan-content .small-text {  font: 300 18px/24px "Open Sans",sans-serif;}
    #large-header .btn-more {bottom: 76px;}
}

@media only screen and (max-width: 532px) { 
    #large-header .slogan-content {width: 300px; margin-left: -150px; top: 52px;}
    #large-header .slogan-content .big-text { font: 700 38px/50px "Open Sans",sans-serif;  margin: 8px 0 40px;}
    #large-header .slogan-content .small-text {  font: 300 16px/22px "Open Sans",sans-serif;}
    #large-header .btn-more {bottom: 76px;}
}