@charset "utf-8";

@import url('common.css');
@import url('header.css');
@import url('content.css');
@import url('medias.css');


@font-face {
	font-family: "archyedt-bold";
	src: url(../assets/fonts/archyedt-bold.otf);
}
@font-face {
	font-family: "bpg_rioni_arial";
	src: url(../assets/fonts/bpg_rioni_arial.ttf);
}
@font-face {
	font-family: "bpg-square-webfont";
	src: url(../assets/fonts/bpg-square-webfont.ttf);
}

@font-face {
	font-family: "bpg-arial-caps-webfont";
	src: url(../assets/fonts/bpg-arial-caps-webfont.ttf);
}
html,body{
    position: relative;
    margin: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: rgba(0,0,0,0);
    -moz-tap-highlight-color: transparent;
    -ms-tap-highlight-color: rgba(0,0,0,0);
    -ms-tap-highlight-color: transparent;
    -o-tap-highlight-color: rgba(0,0,0,0);
    -o-tap-highlight-color: transparent;
    tap-highlight-color: rgba(0,0,0,0);
    tap-highlight-color: transparent;
}
body{
    background-image:url('../assets/img/bg.jpg');
    background-color:#860025;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}
.ru * {
    font-family: arial;
}
.ru .text-3-box {
    padding-bottom: 20px;
}


.ru .stepaall-text{
    font-size:21px;
    line-height: 24px;
}

.en .stepaall-text{
    font-size:22px;
    line-height: 24px;
}
@media (max-width:500px){
    
    .en .text-3-box{
        padding-right: 46px;
    }
    .ru .text-3-box{
        padding-right: 42px;
    }
}
@media (max-width:400px){
    .ru .stepall{        
     padding: 14px 0 52px 6px;
    }

    .ru .stepaall-text{
            font-size:20px;
    }
    .en .text-3-box{
        padding-right: 46px;
    }
    .ru .text-3-box{
        padding-right: 42px;
    }
    .en .stepall{
        padding: 14px 0 52px 6px;
    }
}


div{
    box-sizing: border-box;
}
a{
    color: inherit;
    text-decoration: none;
}
a:hover,
a:focus{
    text-decoration: none;
    color: inherit;
}
.section-content{
    position: relative;
    overflow: hidden;
}


.space{
    height: 25vh;
}


@media (max-width:768px){   
    body{
        background-size: 100% auto;
        background-image: url(../assets/img/mobile-bg.jpg), linear-gradient(345deg, rgb(0, 0, 0) 0%, rgb(158, 1, 46) 20%);
        background-image: url(../assets/img/mobile-bg.jpg), -webkit-linear-gradient(105deg, rgb(0, 0, 0) 0%, rgb(158, 1, 46) 20%);
        background-image: url(../assets/img/mobile-bg.jpg), -o-linear-gradient(105deg, rgb(0, 0, 0) 0%, rgb(158, 1, 46) 20%);
        background-image: url(../assets/img/mobile-bg.jpg), -ms-linear-gradient(105deg, rgb(0, 0, 0) 0%, rgb(158, 1, 46) 20%);
        background-image: url(../assets/img/mobile-bg.jpg), -moz-linear-gradient(105deg, rgb(0, 0, 0) 0%, rgb(158, 1, 46) 20%);
        /* background: -webkit-linear-gradient(105deg, rgb(0, 0, 0) 0%, rgb(170, 33, 43) 100%);
        background: -o-linear-gradient(105deg, rgb(0, 0, 0) 0%, rgb(170, 33, 43) 100%);
        background: -ms-linear-gradient(105deg, rgb(0, 0, 0) 0%, rgb(170, 33, 43) 100%);
        background: -moz-linear-gradient(105deg, rgb(0, 0, 0) 0%, rgb(170, 33, 43) 100%);
         */
    }
    
}