@charset "utf-8";
/* CSS Document */


/* ubuntu-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 300;
    src: url('/online/web/theme/fonts/ubuntu-v21-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* ubuntu-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    src: url('/online/web/theme/fonts/ubuntu-v21-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* ubuntu-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 700;
    src: url('/online/web/theme/fonts/ubuntu-v21-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body {
	font-family:  "Ubuntu", Times, serif;
    background: #fff none;
    margin: 0; width:100%; height:100% ;
    padding: 0; border:0;
    font-size: 16px;
}
html {

    margin: 0;
    padding: 0; border:0
}
a {
    text-decoration: none;
     -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}
a:focus {
    outline: none;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
}
sub, sup { 
	font-size: 75%;
	line-height: 0; 
	position: relative; 
	vertical-align: baseline; 
}
sup { 
	top: -0.5em; 
}
sub { 
	bottom: -0.25em; 
}


/* prefix classes */
.s_mainWrapper{}
.m_mainWrapper{}
.l_mainWrapper{}
.x_mainWrapper{}
.xx_mainWrapper{}

/* Site content */
.s_mainWrapper .automatic_width{
   	width:320px;
	margin:0 auto;
}
.m_mainWrapper .automatic_width{
    width:480px;
	margin:0 auto;
}
.l_mainWrapper .automatic_width{
    width:768px;
	margin:0 auto;
}
.x_mainWrapper .automatic_width{
    width:1024px;
	margin:0 auto;
}
.xx_mainWrapper .automatic_width{
    width:1280px;
	margin:0 auto;
}

div#mainWrapper {
    position: relative;	padding-bottom:305px; width:100%;  
}

/* START MAIN MENU*/

div.header a {
    color: #fff;
    padding: 0 5px 0 5px;
}

div.header a:hover,
div.header a.active {
	color: #CCC;
}
.open_menu a:hover{
	 background: #9c1006;
}
div#mainWrapper  div.header {
    border-top: 1px solid #9c1006;
	width:100%; min-width:320px;
    background:url(logoBlack.png) no-repeat  20px  center #9c1006;
    padding: 0px 0 0 0;
    z-index: 99999999;
}
div#mainWrapper  div.header:focus {
    outline: none;
}
.xx_mainWrapper .logoLink,.l_mainWrapper .logoLink{
    width:255px;height:50px; display:block;  border:0px solid red; position:absolute; left:20px;top:12px
}
.x_mainWrapper .logoLink,.l_mainWrapper .logoLink{
	width:255px;height:50px; display:block;  border:0px solid red; position:absolute; left:20px;top:12px
}
.m_mainWrapper .logoLink,.s_mainWrapper .logoLink{
	width:50px;  height:50px; display:block; border:0px solid red; position:absolute; left:21px;top:8px
}
.m_mainWrapper .open_close_menu_box a, .m_mainWrapper .open_close_menu_box_mobile a,.s_mainWrapper .open_close_menu_box a, .s_mainWrapper .open_close_menu_box_mobile a{
	 display:block; border-top: 1px solid white; padding:15px;
}


.m_mainWrapper .mainMenu,.s_mainWrapper .mainMenu{
 			margin: 0 auto;width:100%; text-align:center; border:0px solid white ;
			font-family: "Ubuntu",Arial, Helvetica, sans-serif; font-weight:700; font-size:14px; padding-top:0px; padding-bottom:0px;  background:url(logoBlack2.png) no-repeat 20px 10px #9c1915 ;
	}
.l_mainWrapper .mainMenu{
		   width:590px; text-align:right; border:0px solid white ;
			font-family: "Ubuntu",Arial, Helvetica, sans-serif; font-weight:700; font-size:12.5px; padding-top:30px; padding-bottom:30px; float:right; margin-right:30px
	}
.x_mainWrapper .mainMenu{
	   width:800px; text-align: right; border:0px solid white ;
		font-family: "Ubuntu",Arial, Helvetica, sans-serif; font-weight:700; font-size:18px; padding-top:28px; padding-bottom:28px; float:right; margin-right:30px
	}
.xx_mainWrapper .mainMenu{
    width:1000px; text-align: right; border:0px solid white ;
    font-family: "Ubuntu",Arial, Helvetica, sans-serif; font-weight:700; font-size:18px; padding-top:28px; padding-bottom:28px; float:right; margin-right:30px
}

.s_mainWrapper .open_menu{
	display:block;padding:20px;
		
	}	
.m_mainWrapper .open_menu{
	display:block;padding:20px;
	}	
.l_mainWrapper .open_menu{
	display:none
	}	
	
.x_mainWrapper .open_menu{
	display: none
	}
.xx_mainWrapper .open_menu{
    display: none
}
	
.s_mainWrapper .open_close_menu_box{
	display:none; 
	}	
.m_mainWrapper .open_close_menu_box{
	display:none; 
	}	
.l_mainWrapper .open_close_menu_box{
	display:inline-block; 
	}	
.x_mainWrapper .open_close_menu_box{
	display: inline-block;  
	}
.xx_mainWrapper .open_close_menu_box{
    display: inline-block;
}


.s_mainWrapper .open_close_menu_box_mobile{
	display:none
	}	
.m_mainWrapper .open_close_menu_box_mobile{
	display:none
	}	
.l_mainWrapper .open_close_menu_box_mobile{
	display:none
	}	
.x_mainWrapper .open_close_menu_box_mobile{
	display: none	
	}
.xx_mainWrapper .open_close_menu_box_mobile{
    display: none
}
/* END MAIN MENU*/


div#mainWrapper  div.logo {
    float: left;
}
div#mainWrapper  div.logo a {
    display: block;
    width: 240px; margin-left:25px;
    height: 52px;
    background: transparent url("logo.png") no-repeat top left;
}
div#mainWrapper div.logo a span {
    display: none;
}

.clearing {
    clear: both;
    height: 0px;
    margin: 0;
    padding: 0;
}
.anchor{
    position: relative;
    top:-70px;
    left:0;
}
.anchor:focus {
    outline: none;
}
.anchorOuter{
    position: relative;
    
}


/*------------------------------------------------------------------
   	STANDARD BUTTONS
-------------------------------------------------------------------*/

a.standard-button,button.standard-button{
    display: inline-block;
    padding: 13px 50px 13px 50px;
    background: #9c1006;
    color: #575756;
    text-decoration: none;
    border-radius: 50px;
    border: 1px solid #9c1006;
    margin-top: 20px;
    line-height: 1;
    margin-bottom: 20px;
    font-weight: 400;
    transition: all .3s ease;
    outline: none;
    cursor: pointer !important;
    text-align: center;
}
a.standard-button span, button.standard-button span{
    display: block;
    transition: all .3s ease;
}
a.standard-block-button,button.standard-block-button{
    display: block !important;
    width: 100%;
    box-sizing: border-box;
    padding: 13px 20px 13px 20px;
}
a.standard-button:hover span, button.standard-button:hover span{
    animation-name:standard-button-effect;
    animation-duration:.3s;
    animation-timing-function:  ease-in;
    animation-direction: reverse;
}
@keyframes standard-button-effect{
    20%{
        opacity: 1;
    }
    40%{
        opacity: 0;
    }
    60%{
        opacity: 1;
    }
    80%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}


/*------------------------------------------------------------------
   	COOKIE ALERT
-------------------------------------------------------------------*/
#cookieAlert a {color:#3c3c3b; text-decoration:none;   }
#cookieAlert a:hover {text-decoration:underline;}
#cookieAlert { 
    position:fixed;
    display: block;
    bottom:0;
    left:0;
    min-width:320px;
    width:100%;
    z-index:999999999; 
}
#cookieAlert .cookieAlertBody { 
    outline: 0px solid #3c3c3b; 
    text-align:center; 
    background: #fff;
    position:relative;
    display: block;
    color: #3c3c3b;
    font-weight: 300;
    z-index:10000; 
    width:calc(100% - 30px);
    padding: 38px 15px 38px 15px;
    font-size:16px; 
    line-height: 1.6;
    margin: 0 0 0 0;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(128,128,128,0.24);
    -moz-box-shadow: 0px 0px 5px 0px rgba(128,128,128,0.24);
    box-shadow: 0px 0px 5px 0px rgba(128,128,128,0.24);
    font-family: "Ubuntu",Arial, Helvetica, sans-serif;
}
#cookieAlert a.cookieAlertCloser {
    font-weight: 600;
}
#cookieAlert .wysiwyg_button{
    margin-left: 0;
    margin-bottom: 0;
    color:#9c1006;
    border:2px solid #9c1006;
    padding:5px
}
#cookieAlert .wysiwyg_button:hover{
    color: #fff;
    text-decoration: none;
    color:#000;
    border:2px solid #000;
}
.s_mainWrapper #cookieAlert .wysiwyg_button, .m_mainWrapper #cookieAlert .wysiwyg_button{
    display: block;
    width: 80%;
    margin: 0 auto;
    margin-top: 15px;
}