html
{
 width: 100%;
 min-height: 100%;
}

@font-face 
{
 font-family: 'master_of_breakregular';
 src: url('../../../fonts/master_of_break-webfont.woff2') format('woff2'),
      url('../../../fonts/master_of_break-webfont.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}

body
{
 width: 100%;
 min-height: 100%;
 font-size: 11pt;
 font-family: 'Open Sans', Arial, sans-serif;
 background-image: url('../../../images/main_page/image1.jpg'), url('../../../images/main_page/image2.jpg');
 background-position: top left, bottom right;
 background-repeat: no-repeat;
 background-color: #36373b;
 color: #fff;
 padding-bottom: 230px;
}

@media ( min-width: 768px ) and ( max-width: 991px )
{
    body
    {
     background-image: url('../../../images/main_page/image1-m.jpg'), url('../../../images/main_page/image2.jpg');
    }
}

@media ( min-width: 580px ) and ( max-width: 767px )
{
    body
    {
     background-image: url('../../../images/main_page/image1-m.jpg'), url('../../../images/main_page/image2.jpg');
    }
}

@media ( max-width: 579px )
{
    body
    {
     background-image: url('../../../images/main_page/image1-s.jpg'), url('../../../images/main_page/image2.jpg');
    }
}

@media ( max-width: 767px )
{
    body
    {
     padding-bottom: 330px;
    }
}



a:hover
{
 color: #337ab7;
}



/* ############################################################################################################################## */


.lang_switch_container
{
 float: right;
}

.lang_switch_container > div
{
 position: absolute;
}


/* ############################################################################################################################## */


.logo
{
 float: right;
 font-family: 'master_of_breakregular';
}

.logo div:nth-child(1)
{
 top: 34px;
 color: #fff;
 font-size: 95pt;
 position: relative;
 text-align: right;
}

.logo div:nth-child(2)
{
 color: #d9c4c4;
 font-size: 45pt;
 text-align: right;
}

.logo div:nth-child(3)
{
 color: #d9c4c4;
 font-size: 14pt;
 text-align: right;
 margin-top: -20px;
}

@media ( min-width: 768px ) and ( max-width: 991px )
{
    .logo div:nth-child(1)
    {
     top: 30px;
     font-size: 75pt;
    }

    .logo div:nth-child(2)
    {
     font-size: 36pt;
    }
}

@media ( min-width: 580px ) and ( max-width: 767px )
{
    .logo
    {
     margin-top: 25px;
     margin-bottom: 45px;
    }
    
    .logo div:nth-child(1)
    {
     top: 18px;
     font-size: 50pt;
    }

    .logo div:nth-child(2)
    {
     font-size: 24pt;
    }

    .logo div:nth-child(3)
    {
     font-size: 12pt;
     margin-top: -10px;
    }
}

@media ( min-width: 373px ) and ( max-width: 579px )
{
    .logo
    {
     margin-top: 10px;
    }
    
    .logo div:nth-child(1)
    {
     top: 18px;
     font-size: 50pt;
    }

    .logo div:nth-child(2)
    {
     font-size: 24pt;
    }

    .logo div:nth-child(3)
    {
     font-size: 12pt;
     margin-top: -10px;
    }
}

@media ( max-width: 372px )
{
    .logo
    {
     width: 290px;
     float: none;
     margin-left: auto;
     margin-right: auto;
     margin-top: 110px;
     margin-bottom: 10px;
    }
    
    .logo div:nth-child(1)
    {
     top: 18px;
     font-size: 50pt;
    }

    .logo div:nth-child(2)
    {
     font-size: 24pt;
    }

    .logo div:nth-child(3)
    {
     font-size: 12pt;
     margin-top: -10px;
    }
}



/* ############################################################################################################################## */



.menu_panel
{
 margin-top: 20px;
}

.menu_panel .menu_line
{
 height: 4px;
 background-color: #c3c3c3;
 border-radius: 4px;
 margin-bottom: 10px;
}




.copy_panel
{
 font-size: 10pt;
 color: #ae3939;
 text-align: justify;
 margin-top: 50px;
}