/*--------- DEFAULT ---------------------------------------------------------------------------------------------------------------------------------------*/

 html { height: 100%; }

 html * {max-height:1000000px;}

 body
	{
	position: relative;
	min-height: 100%;
	padding: 0;
	margin: 0;
	background-color: #ffffff;
	overflow-x: auto;
	overflow-y: scroll;
	font-family: Constantia, Arial, Tahoma;
	font-size: 14px;
	}

 a
	{
	color: #CC6104;
	text-decoration: none;
	}

 img
	{
	border: none;
	}

 .hidden
	{
	display: none;
	}

 #root
	{
	margin: 0px auto;
	width: 100%;
	max-width: 1200px;
	min-width: 320px;
	*border: 1px solid red;
	}

 .wrapper
	{
	margin: 0px auto;
	position: relative;
	width: 100%;
	max-width: 1200px;
	box-sizing: border-box;
	*border: 1px solid red;
	}


/*----------------- HEADER --------------------------------------------------------------------------------------------------------------------------------*/

 #header
	{
	display: block;
	position: relative;
	width: 100%;
	min-height: 125px;
	}

 #header .logo
	{
	padding: 10px 20px;
	text-align: center;
	}
 #header .logo img
	{
	max-width: 100%;
	vertical-align: top;
	}

 #header .bg-img
	{
	width: 100%;
	vertical-align: top;
	}

 #header .top
	{
	width: 100%;
	padding: 0 15px;
	box-sizing: border-box;
	background-color: #063B1B;
	}
 #header .top .wrapper
	{
	padding: 13px 0;
	max-width: 1000px;
	text-align: center;
	}

 #header .top2
	{
	height: 48px;
	background-color: #ffffff;
	text-align: center;
	}
 #header .top2 .wrapper
	{
	max-width: 1050px;
	}

 #header .menu
	{
	line-height: 0;
	text-align: justify;
	}
 #header .menu:after
	{
    	content: '';
    	display: inline-block;
	vertical-align: top;
    	width: 100%;
    	height: 0;
	}


/*----- TOP1 -----*/

 #header .top .link
	{
	margin: 0 20px;
	font-size: 18px;
	color: #ffffff;
	text-decoration: underline;
	line-height: 55px;
	cursor: pointer;
	}
 #header .top .link:hover
	{
	text-decoration: none;
	}

 #header .phone
	{
	position: absolute;
	top: 12px;
	left: 0;
	font-size: 22px;
	line-height: 22px;
	color: #ffffff;
	}

 #header .social
	{
	}

 #header .social .link
	{
	margin: 0 10px;
	line-height: 25px;
	}

 #header .social a
	{
	margin: 0 3px;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	}

 #header .blogspot
	{
	width: 25px;
	background: url('images/blogger.png') no-repeat;
	background-size: 100% auto;
	}

 #header .facebook
	{
	width: 25px;
	background: url('images/facebook.png?v2') no-repeat;
	}
  #header .instagram
	{
	width: 25px;
	background: url('images/instagram25.png') no-repeat;
	}
  #header .youtube
	{
	width: 25px;
	background: url('images/youtube25.png') no-repeat;
	}

 #header .map
	{
	width: 19px;
	background: url('images/map.png') no-repeat;
	}


/*----- LANGUAGES -----*/

 #languages
	{
	position: absolute;
	top: 15px;
	right: 0px;
	}

 #languages .lang
	{
	display: inline-block;
	font-size: 18px;
	text-transform: uppercase;
	color: #ffffff;
	}
 #languages .lang:hover
	{
	text-decoration: underline;
	}
 #languages .lang.active
	{
	font-weight: bold;
	}

 #languages span
	{
	display: inline-block;
	margin: 0 4px;
	font-size: 18px;
	color: #ffffff;
	}


/*----- SEARCH FORM -----*/

 #search-form
	{
	position: absolute;
	top: 11px;
	right: 130px;
	z-index: 10;
	}

 #search-form .search-field
	{
	display: none;
	margin-right: 35px;
	width: 230px;
	box-sizing: border-box;
	padding: 0 30px 0 8px;
	background-color: RGB(228,0,43);
	border: 1px solid #ffffff;
	border-radius: 5px;
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	outline: none;
	}
 #search-form .search-field:focus
	{
	background-color: RGB(255,100,50);
	}

 #search-form .search-field::-webkit-input-placeholder
	{
	color: #ffffff;
	font-weight: normal;
	}
 #search-form .search-field::-moz-placeholder
	{
	opacity: 1;
	color: #ffffff;
	font-weight: normal;
	}  

 #search-form .search-btn
	{
	position: absolute;
	top: 3px;
	right: 0px;
	width: 25px;
	height: 25px;
	background: url('images/search-btn.png?v2') center center no-repeat;
	border: none;
	cursor: pointer;
	outline: none;
	}
	

/*----- MENU -----*/

 .menu
	{
	position: relative;
	margin: 8px 0;
	padding: 0;
	z-index: 70;
	}

 .menu li
	{
	display: inline-block;
	position: relative;
	list-style-type: none;
	}

 .menu .cat-1
	{
	position: relative;
	display: inline-block;
	padding: 0px 14px;
	font-size: 20px;
	line-height: 48px;
	color: #063B1B;
	text-align: center;
	border-radius: 2px;
	min-width: 80px;
	z-index: 60;

	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
	}

 .menu .id26 /* magazin */
	{
	color: #ffffff;
	background-color: #063B1B;
	}

 .menu .cat-1.active
	{
	color: #ffffff;
	background-color: #063B1B;
	padding-bottom: 16px;
	}

 .menu li:hover .cat-1
	{
	color: #ffffff;
	background-color: #063B1B;
	}

 .menu .submenu
	{
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
	padding-top: 50px;
	min-width: 200px;
	}

 .menu .submenu ul
	{
	position: relative;
	margin: 0;
	padding: 0;
	background-color: #063B1B;
	min-width: 200px;
	}

 .menu .submenu li
	{
	display: block;
	}

 .menu li:hover .submenu
	{
	display: block;
	}

 .menu .cat-2
	{
	display: block;
	text-decoration: none;
	color: #ffffff;
	padding: 10px 14px;
	font-size: 16px;
	line-height: normal;
	white-space: nowrap;
	text-align: left;
	border-bottom: 1px dotted #ffffff;
	}
 .menu .cat-2.active
	{
	background-color: RGBA(255,255,255, 0.2);
	}
 .menu .cat-2:hover
	{
	background-color: RGBA(255,255,255, 0.2);
	}


/*----- MOBILE MENU -----*/

@media (min-width: 1000px) 
 {
 #mobile-menu {display: none !important;}
 }

 #mobile-menu
	{
	margin: 0;
	padding: 0;
	*padding-top: 50px;
	width: 100%;
	display: none;
	}

 #mobile-menu li
	{
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	}

 #mobile-menu ul
	{
	display: none;
	width: 100%;
	margin: 0;
	padding: 0;
	}

 #mobile-menu .cat
	{
	display: block;
	width: 100%;
	text-align: left;
	box-sizing: border-box;
	cursor: pointer;
	}

 #mobile-menu .cat-1
	{
	padding: 10px 20px;
	font-size: 20px;
	color: #ffffff;
	background-color: #063B1B;
	border-top: 1px dotted #ffffff;
	}

 #mobile-menu .cat-2
	{
	padding: 8px 20px;
	padding-left: 30px;
	font-size: 16px;
	color: #063B1B;
	background-color: #ffffff;
	border-top: 1px dotted #bbbbbb;
	}

 #mobile-menu .cat-3
	{
	padding: 5px 20px;
	padding-left: 60px;
	font-size: 15px;
	color: #063B1B;
	background-color: #f2f2f2;
	border-top: 1px dotted #bbbbbb;
	}


/*----------------- MAIN ----------------------------------------------------------------------------------------------------------------------------------*/

 #main
	{
	display: block;
	margin: 30px 0px;
	*min-height: 500px;
	background-color: #ffffff;
	}

 #main h1
	{
	margin: 0 0 20px 0;
	font-size: 28px;
	font-weight: bold;
	*color: RGB(21,57,76);
	color: #063B1B;
	text-align: left;
	}

 #main h2
	{
	margin: 0 0 12px 0;
	font-size: 20px;
	font-weight: normal;
	text-align: left;
	color: #063B1B;
	}

 .columns
	{
	display: table;
	width: 100%;
	}

 .columns > div
	{
	display: table-cell;
	vertical-align: top;
	text-align: left;
	box-sizing: border-box;
	}

 .columns .L-col
	{
	width: 260px;
	border-right: 2px solid #063B1B;
	}

 .columns .main-col
	{
	padding: 10px;
	padding-left: 30px;
	}

 .columns .R-col
	{
	width: 200px;
	padding: 10px 15px;
	border-left: 1px solid #cccccc;
	}


/*----------------- FOOTER --------------------------------------------------------------------------------------------------------------------------------*/

 #footer
	{
	display: block;
	background-color: #063B1B;
	border-top: 10px solid #E59E18;
	}

 #footer .wrapper
	{
	padding: 20px 30px;
	*background-color: RGB(32,38,33);
	}

 #footer .table
	{
	display: table;
	width: 100%;
	min-height: 100px;
	table-layout: fixed;
	}

 #footer .table > div
	{
	display: table-cell;
	vertical-align: top;
	text-align: left;
	box-sizing: border-box;
	*border: 1px solid red;
	}

 #footer .col-logo
	{
	width: 46%;
	padding-right: 80px;
	}
 #footer .col-menu
	{
	width: 270px;
	padding-right: 30px;
	}
 #footer .col-contacts
	{
	}

 #footer .col-logo img
	{
	margin-top: 40px;
	width: 100%;
	}

 #footer h4
	{
	margin: 0 0 20px 0;
	font-size: 24px;
	font-weight: normal;
	color: #E59E18;
	*text-transform: uppercase;
	}

 #footer .col-menu div
	{
	margin: 5px 0;
	}
 #footer .col-menu a
	{
	font-size: 20px;
	color: RGBA(255,255,255, 0.75);
	}
 #footer .col-menu a:hover
	{
	color: #ffffff;
	text-decoration: underline;
	}

 #footer .contacts > div > *
	{
	display: inline-block;
	padding: 5px 0;
	font-size: 20px;
	color: RGBA(255,255,255, 0.85);
	}
 #footer .contacts > div > a:hover
	{
	text-decoration: underline;
	}

 #footer .contacts > div > .map
	{
	padding-left: 25px;
	background: url('images/map.png') left center no-repeat;
	}

 #footer .social a
	{
	margin: 0 3px;
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	}

 #footer .social .facebook
	{
	background: url('images/facebook2.png') no-repeat;
	}
#footer .social .instagram
	{
	background: url('images/instagram30.png') no-repeat;
	}
#footer .social .youtube
	{
	background: url('images/youtube30.png') no-repeat;
	}
 #footer .social .blogspot
	{
	background: url('images/blogger.png') no-repeat;
	background-size: 100% auto;
	}

 #RL
	{
	display: block;
	text-align: right;
	}

 #RL a
	{
	display: inline-block;
	padding-left: 27px;
	line-height: 20px;
	font-family: Arial;
	color: RGBA(255,255,255, 0.8);
	background: url('images/radolaukar.png') left center no-repeat;
	text-decoration: none;
	}
 #RL a:hover
	{
	text-decoration: underline;
	}


/*----------------- MOBILE --------------------------------------------------------------------------------------------------------------------------------*/

@media (max-width: 1200px) 
 {
 #header .top
	{
	width: 100%;
	}

 #header .menu
	{
	width: 100%;
	}

 #header .logo img
	{
	max-width: 300px;
	}

 #main .wrapper
	{
	padding: 0 20px;
	}
 }


@media (max-width: 1000px) 
 {
 #header
	{
	min-height: 40px;
	}

 #header .top
	{
	height: 45px;
	padding: 0 10px;
	}

 #header .top .wrapper
	{
	padding: 10px 0;
	}

 #header .top .link
	{
	display: none;
	}

 #header .phone
	{
	top: 8px;
	}

 #languages
	{
	top: 12px;
	right: 60px;
	}

 #search-form
	{
	top: 8px;
	right: 170px;
	}

 #header .mobile-menu
	{
	display: inline-block;
	position: absolute;
	top: 7px;
	right: 0px;
	width: 34px;
	height: 31px;
	line-height: 31px;
	background: url("images/mobile-menu.png") center center no-repeat;
	cursor: pointer;
	}
 #header .mobile-menu:hover
	{
	background-color: RGBA(255,255,255, 0.6);
	}

 #header .top2
	{
	display: none;
	}

 #footer .wrapper
	{
	padding: 20px 30px;
	}

 #footer .col-logo
	{
	width: 55%;
	padding-right: 50px;
	}

 #footer .col-logo img
	{
	margin-top: 20px;
	}

 #footer .table .col-menu
	{
	display: none;
	}
 }


@media (max-width: 800px) 
 {
 .columns
	{
	display: block;
	width: 100%;
	}

 .columns > div
	{
	display: block;
	width: 100%;
	}

 .columns .L-col
	{
	display: none;
	}

 .columns .main-col
	{
	padding: 0px;
	}
 }


@media (max-width: 670px) 
 {
 #footer .wrapper
	{
	padding: 10px 20px;
	}

 #footer .table
	{
	display: block;
	width: 100%;
	}

 #footer .table > div
	{
	display: block;
	width: 100%;
	padding: 10px !important;
	text-align: center;
	}

 #footer .table .col-menu
	{
	display: none;
	}

 #footer .col-logo img
	{
	max-width: 400px;
	}

 #footer .contacts > div > *
	{
	padding: 3px 0;
	font-size: 18px;
	text-align: center;
	}

 #footer h4
	{
	margin-bottom: 10px;
	font-size: 20px;
	}

 #RL
	{
	margin-top: 20px;
	text-align: center;
	}
 }


@media (max-width: 580px) 
 {
 #header .top .wrapper
	{
	text-align: left;
	}

 #header .phone
	{
	display: none;
	}
 }

@media (max-width: 480px) 
 {
 #header .logo
	{
	display: none;
	}

 #languages
	{
	right: 55px;
	}

 #search-form
	{
	right: 160px;
	}

 #search-form .search-field
	{
	width: 180px;
	}

 #mobile-menu .cat-1
	{
	padding: 7px 14px;
	font-size: 18px;
	}

 #mobile-menu .cat-2
	{
	padding-top: 5px;
	padding-bottom: 5px;
	}

 #main
	{
	margin: 20px 0px;
	}

 #main h1
	{
	margin-bottom: 15px;
	font-size: 22px;
	}

 #main h2
	{
	font-size: 18px;
	}
 }


@media (max-width: 360px) 
 {
 #search-form
	{
	display: none;
	}
 }