/*
    Yellow: F9E827

*/
/*---------------------
General
---------------------*/
*                       {margin:0; padding:0; box-sizing:border-box;}
a						{color:#000000; text-decoration:underline;}
a:hover					{color:#808080;}

h1, h2, h3				{font-weight:400; line-height:1.2em; word-wrap: break-word; font-family:'din-condensed', sans-serif; color:#211e1f;text-transform:uppercase;}
h1						{font-size:58px; margin:0 0 10px 0; }
h2						{font-size:34px; margin:15px 0 10px 0;}
h3						{font-size:24px; margin:0px 0 5px 0;}
h4						{margin:0px 0 5px 0; }
p						{margin:0 0 10px 0;}

.yellowBtn              {background-color:#F9E827; display:inline-block; margin: 0 10px 10px 0; padding:13px 40px; color:#211e1f; text-decoration:none;}
.yellowBtn:hover        {background-color:#141414; color:#ffffff;}
.upper                  {text-transform:uppercase;}
.blackBtn               {background-color:#000000; display:inline-block; margin: 0 10px 10px 0; padding:13px 40px; color:#ffffff; text-decoration:none;}
.headerFont             {font-family:'din-condensed', sans-serif;  font-weight:400;}

img, table				{border:0;}

html {scroll-padding-top: 95px;}

body 					{color:#000000; font:400 20px/1.5 'adobe-garamond-pro', serif; text-align:center; background-color:#1B1C16;}

#quickNav               {position: absolute; top: 0; left: -9999px; z-index: 100; width: 100%; margin: 0;}
#quickNav a:active, #quickNav a:focus { display: block; position: absolute; top: 0; left: 9999px; width: 100%; padding: 5px 0; background-color: #F9E827; text-align: center; z-index:100; outline:none;}


/*---------------------
Body layout
---------------------*/
    .wrapper {
    width: 100%;
    margin: 0 auto;
    text-align: left;
    overflow: hidden;
}
.inner                      {max-width:1440px; margin:0 auto; width:100%; padding:0 20px;}

.headerLogo                 {position:absolute; left:0; top:10px; height: 68px;}

.header 					{width:100%; height:95px; position:fixed; z-index:99;}
.headerStart                {width:100%; height:200px;  z-index:99;}
.menuTopFixed               {width:100%; height:95px; background-color:#1d1d1b; position:relative; }

.header .inner              {width:100%; }

.topmenu					{width:auto; margin:0 auto 0 200px; padding:0 0 0 0; position:absolute; right:0; top:40px; }
.header #responsive-menu-btn{display:none;}

.topmenu ul                 {list-style:none; text-align:right;}
.topmenu ul li			    {display:inline-block; text-transform:uppercase; font-family:'din-condensed', sans-serif; font-size:20px; padding:0 10px; }
.topmenu ul li:last-child   {}
.topmenu ul li a			{display:block; color:#ffffff; text-decoration:none; background-color:#1D1D1B;}
.topmenu ul li.on           {}
.topmenu ul li.on a		    {color:#F9E827; }
.topmenu ul li.on a span    {border-bottom:2px solid #00c04d; padding-bottom:5px; }
.topmenu ul li a:hover      {color:#F9E827;}

.header #nav ul#responsive      {display:none;}

.header .lang               {font-size:14px; font-family:'din-condensed', sans-serif; position:absolute; right:0; bottom:59px; text-transform:uppercase;}
.header .lang ul li         {list-style-type:none; display:inline-block; padding:0 10px;}
.header .lang ul li a       {color:#ffffff; text-decoration:none;}
.header .lang ul li a.active              {color:#F9E827;}

/*---------------------
Page layout
---------------------*/
.clearfix:after 			{content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .clearfix 			{height: 1%;}

.content					{width:100%; background-color:#FEFEFE; margin-top:95px;}
.content .inner             {padding:40px 20px;}
.contentright   			{width:75%; }
.content .inner ol, .content .inner ul  {margin-left:20px;}

.textContent                { width:75%; margin:0 auto; max-width:1100px; padding:30px 0;}
.textContent ul             {margin-left:20px;}

/*---------------------
Submenu horizontal
---------------------*/ 
.fullmenu                           {background-color:#F9E827; min-height:46px; width:100%; font-family:'din-condensed', sans-serif; }
.fullmenu ul					    {width:auto; text-align:center; list-style:none; overflow:hidden;}
.fullmenu ul li				        {display:inline-block; margin:0 10px; text-transform:uppercase;}
.fullmenu ul li:last-child          {background:none; border:0;}
.fullmenu ul li a				    {padding:0px 10px; font-size:16px; color:#000000; text-decoration:none; display:block; line-height:46px;}
.fullmenu ul li a:hover             {text-decoration:underline;}
.fullmenu ul li.on a, .fullmenu ul li.on-childs a			    {color:#000; text-decoration:underline;}

.sub-links-toggle {
    display: none;
}

.thirdMenu                          {width:100%; font-family:'din-condensed', sans-serif; margin:0px; }
.thirdMenu ul					    {min-height:40px; margin:10px 0; width:auto; text-align:center; list-style:none; overflow:hidden;}
.thirdMenu li                       {background-color:#000000; display:inline-block; margin:0 10px 10px 10px; text-transform:uppercase;}
.thirdMenu a                        {padding:0 10px; font-size:16px; color:#F9E827; text-decoration:none; display:block; line-height:40px;}
.thirdMenu a:hover                  {color:#ffffff;}
.thirdMenu li.on                    {background-color:#F9E827; color:#000000;}
.thirdMenu li.on a                  {color:#000000;}



/*---------------------
Footer layout
---------------------*/
.footer					{width:100%; margin:0 0 0px 0; padding:20px 0 5px 0; position:relative; color:#ffffff; font-size:20px;}
.footer .inner          {text-align:center; border-bottom:1px solid #3E3E3C; padding:40px 20px 80px 20px;}
.footer img             {width:100%;}
.footer .column         {display:inline-block;width:23%; margin-right:20px; vertical-align:top;text-align:left; color:#ffffff; padding-right:5%;}
.footer .column:last-child  {margin-right:0;}
.footer .column:first-child     {padding-right:3%}
.column a               {color:#ffffff; text-decoration:none;}
.column a:hover         {color:#F9E827;}
.column .left           {font-family:'din-condensed', sans-serif; font-size:20px; text-transform:uppercase; font-weight:400 !important;}
.socialMediaList ul li  {list-style-type:none; font-size:33px;}

.footerColumnHeader     {font-family:'din-condensed', sans-serif; font-size:28px; text-transform:uppercase;}

.smallFooter            {color:#A8A8A6; text-align:center; font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:14px; padding:30px 0;}
.smallFooter a          {color:#A8A8A6; text-decoration:none;}
.smallFooter a:hover    {color:#F9E827;}

.switch                 {font-size:smaller; background-color:#000000; color:#ffffff !important;}
#mm-0 .switch a               {color:#F8E731 !important;}

.cookiesInfo {position:fixed; bottom:0; left:0; right:0; margin:auto; text-align:center; min-width:100%; z-index:9999; display:none; font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; }
    .cookiesContent {width:100%; background-color:#eeeeee; margin:0 auto; position:relative; padding:20px 0 ; font-size:14px;}
    .cookiesContent p   {display:inline-block; margin:0; padding:0;}
    .cookiesContent p a  {text-decoration:underline; color:#000000;}
    .cookiesContent .btnCookiesAccept {background-color:#F9E827; padding:10px 15px;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#000000; text-decoration:none; margin:0 0 0 10px; line-height:30px; white-space:nowrap; cursor:pointer;}


@media screen and (max-width: 1100px)
{

    h1						{font-size:48px;}
    h2						{font-size:24px;}
    h3						{font-size:20px;}

    html                               { -webkit-text-size-adjust: 100%; scroll-padding-top: 50px;}
    
    .wrapper 					        {width:auto; height:auto; margin:0; text-align:left; min-width:unset; }
    .inner                              {width:auto; height:auto; width:100%; min-width:unset; max-width:unset;}
    .header 						    {height:50px; }
    .menuTopFixed                       {height:50px; min-width:unset; }
    .header .inner                      {height:auto; z-index:999; }
    #logo                               {position:absolute; left:60px; top:5px;}
    #logo img                           {height:40px; top:0;}
    .header .lang                       {display:none;}
        
    .header .topmenu                    {display:none;}

    .header #responsive-menu-btn        {position:absolute; left:0; top:0; display:block; height:50px; padding:0 14px; z-index:999; color:#fff; font-size:30px; font-weight:bold; text-transform:uppercase; line-height:50px; text-decoration:none; cursor:pointer; background-color:#F9E827;}

    .header .contactPuffs               {height:50px; top:0px; right:0; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
    .contactPuffItem                    {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; margin-right:0;}
    .contactPuffItem p                  {line-height:50px;}
    
    .content					{width:auto; height:auto; min-height:100px; margin-top:50px; }
    .content .inner             {min-height:100px; width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); width:calc(100% - 20px); padding:20px 0; }
    .submenu				    {}
    
    .content .inner	            {/*width:-moz-calc(100% - 20px)!important; width:-webkit-calc(100% - 20px)!important; width:calc(100% - 20px)!important; height:auto; margin:0; padding:10px;*/ /*width:100%;*/}
    .contentright               {float:none; width:100%;}
    .textContent                {width:100%; padding:0;}
        
    .footer .inner .left p          {margin-bottom:0px;}
    .footer img                     {max-width:300px;}
    .footer .column                 {width:49%; margin-right:0; margin-bottom:20px;}
    .footer .column:last-child      {margin-right:0;}
    .footer .column:first-child     {padding-right:3%}
    
    .footerColumnHeader             {font-size:22px;}
        
	table.responsive-table, 
	table.responsive-table thead, 
	table.responsive-table tbody, 
	table.responsive-table th, 
	table.responsive-table td, 
	table.responsive-table tr           {display:block; border:0;}
	table.responsive-table thead tr     {position:absolute; top:-9999px; left:-9999px;}
	table.responsive-table tr           {border:1px solid #ccc;}
	table.responsive-table td           {padding:4px 6px;}
	table.responsive-table td           {border:none; border-bottom:1px solid #ddd; position:relative; padding-left:50%; white-space:normal; text-align:left !important;}
 	table.responsive-table td:before    {position:absolute; top:6px; left:6px; width:45%; padding-right:10px; white-space:nowrap; text-align:left; font-weight: bold;}
	table.responsive-table td:before    {content:attr(data-title);}

    #my-menu                    {font-family:'din-condensed', sans-serif; }
    .mm-listview                {font-size:16px !important;}

    .cookiesInfo                        {min-width:0;}        
}

@media screen and (max-width: 600px)
{
    h1                          {font-size:30px;}
    h2                          {font-size:20px;}
    h3                          {font-size:18px;}
    .content p, .content ul                       {font-size:16px;}
    .footer .footerLeft         {float:none; width:100%; text-align:center;}
    .footer .footerRight        {float:none; width:100%; text-align:center;}
    .footerLogo                 {float:none; display:inline-block; vertical-align:middle;}
    .socialMediaList            {float:none; display:inline-block; }
    .footer .links              {margin-top:20px;}
    .header .lang               {top:2px; left:60px; right:unset;}
    .header .lang ul li         {margin:0 10px 0 0; padding:0;}    

    .smallFooter                {font-size:12px;}
    .tableResponsive33 td       {width:100%; display:block; }

    .fullmenu {
        min-height: 30px;
        padding: 5px;
    }

        .fullmenu .sub-menu-wrapper {
            border: 1px solid #000000;
            border-radius: 5px;
            padding: 0px;
            margin: 10px;
        }

        .fullmenu .sub-links-toggle {
            display: block;
            margin: 0;
            padding: 4px 10px;
            text-transform: uppercase;
            background-image: url(/gfx/arrow-down-16.png);
            background-position: right 10px center;
            background-repeat: no-repeat;
            cursor: pointer;
        }

        .fullmenu .sub-menu-links {
            display: none;
        }

            .fullmenu .sub-menu-links.expand {
                display: block;
            }

        .fullmenu ul li a {
            padding: 0;
            line-height: 30px;
        }

        .fullmenu ul li {
            margin: 0 10px 0px 10px;
            display: block;
            text-align: left;
        }

    .thirdMenu a {
        line-height: 30px;
    }

    .thirdMenu li {
        margin: 0 5px 10px 5px;
    }
}

@media screen and (max-width: 480px)
{
    .contactPuffItem            {font-size:25px;}
    .contactPuffItem a          {padding:0 15px;}
    .contactPuffItem span       {display:none;}

    .footer .column                 {width:100%;}
        
}