/* DEFAULT START */

body {background-color: #ffffff; font-size: 12px; margin: 0px; padding: 0px; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased;}
#background1 {position: relative;}
table, table td {border-collapse: collapse !important; border-spacing: 0px; margin: 0px; padding: 0px; height: 0px;}
img {border: 0px;}
div {margin: 0px; padding: 0px;}
p {margin: 0px; padding: 0px;}
span {margin: 0px; padding: 0px;}
form {margin: 0px;}
a {color: #336699; text-decoration: none; transition: all 0.3s ease-in-out 0s;} 
a:hover {color: #6699CC;} 
textarea, input, select {outline: none;}

div.clear {clear: both;}
.clearfix:before, .clearfix:after {display: table; content: " ";}
.clearfix:after {clear: both;}

table.body {margin: auto;}

html.admin-user body {background-position: center; 45px}

h1 {padding: 0px; margin: 0px; font-weight: normal;}
h2 {padding: 0px; margin: 0px; font-weight: normal;}
h3 {padding: 0px; margin: 0px; font-weight: normal;}

#header td div.header {text-align: left; vertical-align: top;}
#main div.main_left {text-align: left; vertical-align: top;}
#main div.main_center {text-align: left; vertical-align: top;}
#main div.main_right {text-align: left; vertical-align: top;}
#footer td div.footer {text-align: left; vertical-align: top;}

#body table.main {width: 100%; height: 100%;}
#body #main {width: 100%; height: 100%;}
#body #main_left {width: 0px; text-align: left; vertical-align: top;}
#body #main_center {width: auto; text-align: left; vertical-align: top;}
#body #main_right {width: 0px; text-align: left; vertical-align: top;} 

#body #header {height: 0px;}
#body #marquee {height: 0px;}
#body #top {height: 0px;}
#body #navigation {height: 0px;}
#body #footer {height: 0px;}



#body #header div.header {vertical-align: middle;}
#body #marquee div.marquee {vertical-align: middle;}
#body #top div.top {vertical-align: middle;}
#body #footer div.footer {vertical-align: middle;}

/* resposive template elemek */
#body.responsive div.site-info-body {margin: auto;}


#body.responsive div.table {display: table;}
#body.responsive div.table-row {display: table-row;}
#body.responsive div.table-cell {display: table-cell;}

#body.responsive #background-table.table {display: table; margin: auto; height: 100%; width: 100%;}
#body.responsive #background-row-1.table-row {display: table-row;}
#body.responsive #background-cell-1 {height: auto; display: table-cell;}
#body.responsive #background-row-2.table-row {display: table-row;}
#body.responsive #background-cell-2 {height: 0px; display: table-cell;}

#body.responsive #main.table {display: table;}
#body.responsive #main div.main.table-row {display: table-row;}
#body.responsive #main #main_center.table-cell {display: table-cell;}




ul {margin: 0px; padding: 0px;}
ul.hidden {display: none;}
li {list-style: none; list-style-position: outside; margin: 0px; padding: 0px; padding-left: 20px;}
#body #menu_top li a {display: block;}
#body #menu_left li a {display: block;}
#body #menu_right li a {display: block;}
#body #menu_footer li a {display: block;}
#body #menu_hidden li a {display: block;}

#body #footer #menu_footer li {display: inline-block;}

#menu_top {qdisplay: table; display: flex;}
#menu_top li.lev2 {display: table-cell; flex: content; position: relative; margin: 0px; padding: 0px; margin-right: -4px; overflow: hidden; float: left\9; vertical-align: top;}

#top_box_cont #menu_top {display: flex; flex-wrap: nowrap; box-sizing: border-box; qwidth: 100%;}
#top_box_cont #menu_top li.lev2 {flex: content;}
#body #top_box_cont #menu_top li a {display: block; white-space: nowrap;}

#top_box_cont #menu_wrapper #menu_top {display: flex; flex-wrap: nowrap; box-sizing: border-box; qwidth: 100%;}
#top_box_cont #menu_wrapper #menu_top li.lev2 {flex: content;}
#body #top_box_cont #menu_wrapper #menu_top li a {display: block; white-space: nowrap;}

#menu_top li.lev2:hover {overflow: visible;}
#menu_top li.lev2 a {padding: 0px 10px; text-align: center; cursor: pointer;}
#menu_top li.lev3 a {text-align: left;}
#menu_top ul.lev3, #menu_top ul.lev4, #menu_top ul.lev5, #menu_top ul.lev6, #menu_top ul.lev7, #menu_top ul.lev8, #menu_top ul.lev9, #menu_top ul.lev10 {display: none; background-color: #EEEEEE; margin: 0px; padding: 0px;}
#menu_top li.lev2 ul.lev3 {display: block; position: absolute; top: 40px; left: 0px; z-index: 100; opacity: 0; transition: all 300ms ease-in-out;}
#menu_top li.lev2:hover ul.lev3 {opacity: 1;}
#menu_wrapper:target #menu_top li.lev2 ul.lev3 {opacity: 1;}
#menu_top li.lev2 li.lev3 ul.lev4 {position: absolute; top: 0px; left: -210px; z-index: 200;}
#menu_top li.lev2:hover li.lev3:hover ul.lev4 {display: block;}
#menu_top li.lev2 li.lev3 li.lev4 ul.lev5 {position: absolute; top: 0px; left: -210px; z-index: 200;}
#menu_top li.lev2:hover li.lev3:hover li.lev4:hover ul.lev5 {display: block;}
#menu_top li.lev3, #menu_top li.lev4, #menu_top li.lev5 {position: relative; width: 200px; padding: 5px; border-bottom: solid 1px #CCCCCC; text-align: left;}

#body #top_admin_menu {display: block; position: fixed; z-index: 100; padding: 0px 10px 0px 90px; width: 90%; background: #686764; background: linear-gradient(#686764,#615a4f); height: 45px;} 
#body #top_admin_menu i.fa.fa-home {position: absolute; top: 0px; left: 0px; padding: 0px 10px; color: #FFFFFF; font-size: 30px; line-height: 45px; text-decoration: none;} 
#menu_admin {display: table; border-left: 1px solid #373737;}
#menu_admin li.lev2 {display: table-cell; position: relative; margin: 0px; padding: 0px;}
#menu_admin li.lev2 a {padding: 0px 15px; display: block; color: #eeeeee; font-family: 'Roboto Condensed', sans-serif; font-weight: normal; font-size: 15px; line-height: 45px; border-right: solid 1px #373737; text-align: center; text-decoration: none;}
#menu_admin li.lev2 a:hover {color: #ffffff; background: #a28b60;}
#menu_admin li.lev2act a {color: #ffffff; background: #a28b60;}
#menu_admin ul.lev3, #menu_admin ul.lev4, #menu_admin ul.lev5, #menu_admin ul.lev6, #menu_admin ul.lev7, #menu_admin ul.lev8, #menu_admin ul.lev9, #menu_admin ul.lev10 {display: none; background: #686764; margin: 0px; padding: 0px;}
#menu_admin li.lev2:hover ul.lev3 {position: absolute; top: 45px; left: 0px; display: block; z-index: 100;}
#menu_admin li.lev2:hover li.lev3:hover ul.lev4 {position: absolute; top: 0px; left: 200px; display: block; z-index: 200;}
#menu_admin li.lev2:hover li.lev3:hover li.lev4:hover ul.lev5 {position: absolute; top: 0px; left: 200px; display: block; z-index: 300;}
#menu_admin li.lev3, #menu_admin li.lev4, #menu_admin li.lev5 {position: relative; width: 200px; padding: 0px; z-index: 100;}
#menu_admin li.lev3 a, #menu_admin li.lev4 a, #menu_admin li.lev5 a {border-bottom: solid 1px #373737; text-align: left; border-right: 0px; background: #686764; z-index: 100;}
#menu_admin li.lev3 a.active, #menu_admin li.lev4 a.active, #menu_admin li.lev5 a.active {color: #ffffff; background: #a28b60;}

#body #top_admin_menu a.user {position: absolute; top: 0px; right: 50px; padding: 0px 20px; color: #FFFFFF; font-size: 20px; line-height: 45px; text-decoration: none;} 
#body #top_admin_menu a.user i.fa.fa-user {padding: 0px 10px; color: #FFFFFF; font-size: 30px; line-height: 45px;} 

#body #top_admin_menu a.logout {position: absolute; top: 0px; right: 0px; padding: 0px; color: #FFFFFF; font-size: 20px; line-height: 45px; text-decoration: none;} 
#body #top_admin_menu a.logout i.fa.fa-times {padding: 0px 10px; color: #FF0000; font-size: 30px; line-height: 45px;} 


#top_admin_mobil_menu a.mmenu i.fa {position: fixed; top: 0px; left: 50px; font-size: 30px; color: #f1f1ef; z-index: 211; line-height: 45px;}
#top_admin_mobil_menu a.mmenu.open {display: block; background: #FFFFFF;}
#top_admin_mobil_menu a.mmenu.close {display: none;}
#top_admin_mobil_menu:target a.mmenu.close {display: block;}
#top_admin_mobil_menu:target a.mmenu.open {display: none;}

#top_admin_mobil_menu #mobil_menu {display: none; margin: 0; width: 100%; height: 0px; position: absolute; top: 46px; left: 0px; z-index: 50; opacity: 0; background: #008397; border-top: 1px solid #fff;}
#top_admin_mobil_menu #mobil_menu li, #top_admin_mobil_menu #mobil_menu li.lev2 {display: none;}
#top_admin_mobil_menu:target {display: block; height: auto;}
#top_admin_mobil_menu:target #mobil_menu {position: relative; display: block; width: 100%; max-width: 500px; margin: auto; height: auto; opacity: 1; transition: opacity 1s ease 0s;}
#top_admin_mobil_menu:target #mobil_menu li {display: block;}
#top_admin_mobil_menu #mobil_menu li.lev2 {position: relative; display: block; width: 100%; margin: 0px; padding: 0px; border-bottom: 1px solid rgba(255,255,255,0.20); min-width: 80px;}
#top_admin_mobil_menu #mobil_menu li.lev2 a {display: block; text-align: left; white-space: normal; width: 80%; color: #fff; margin: 0px; padding: 0 10%; border: 0px; line-height: 40px; font-size: 15px;}
#top_admin_mobil_menu #mobil_menu li.lev2 a:hover {background: #006F84;}
#top_admin_mobil_menu #mobil_menu li.lev2 a.active {background: #006F84;}

#top_admin_mobil_menu #mobil_menu li.lev2 ul.lev3 {display: none; width: 100%; position: relative; margin: 0px; padding: 0px;}
#top_admin_mobil_menu #mobil_menu li.lev2:hover ul.lev3 {display: none;}
#top_admin_mobil_menu #mobil_menu li.lev2 ul.lev3 li.lev3 {position: relative; width: 100%; background: #1093a7; border-bottom: solid 1px rgba(255,255,255,0.20); margin: 0px; padding: 0px;}
#top_admin_mobil_menu #mobil_menu li.lev2 ul.lev3 li.lev3 a {display: block; width: 80%; margin: 0px; padding: 0 10%;}
#top_admin_mobil_menu #mobil_menu li.lev2 ul.lev3 li.lev3 a:hover {background: #006F84;}
#top_admin_mobil_menu #mobil_menu li.lev2 ul.lev3 li.lev3 a.active {background: #006F84;}

#top_admin_mobil_menu #mobil_menu li.lev2 ul.lev3 li.lev3 ul.lev4 {display: none; width: 100%; position: relative; margin: 0px; padding: 0px;}
#top_admin_mobil_menu #mobil_menu li.lev2 ul.lev3 li.lev3:hover ul.lev4 {display: none;}
#top_admin_mobil_menu #mobil_menu li.lev2 ul.lev3 li.lev3 ul.lev4 li.lev4 {background: #20a3b7; width: 100%; border-bottom: solid 1px rgba(255,255,255,0.20); margin: 0px; padding: 0px;}
#top_admin_mobil_menu #mobil_menu li.lev2 ul.lev3 li.lev3 ul.lev4 li.lev4 a {display: block; width: 80%; margin: 0px; padding: 0 10%;}
#top_admin_mobil_menu #mobil_menu li.lev2 ul.lev3 li.lev3 ul.lev4 li.lev4 a:hover {background: #006F84;}
#top_admin_mobil_menu #mobil_menu li.lev2 ul.lev3 li.lev3 ul.lev4 li.lev4 a.active {background: #006F84;}


#body #right {width: 0px;}

#body #footer p.footer_copyright {font-weight: bold; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none;}
#body #footer p.footer_copyright a {font-weight: bold; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none;}
#body #footer p.footer_copyright a:hover {font-weight: bold; FONT-SIZE: 12px; COLOR: #CCCCCC; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none;}

#header div.languages {position: absolute; right:0px; top:0px;}
#header img.lang {margin: 2px;}

#header div.akm {position: absolute; right: 0px; top: 0px;}
#header div.akm img {width: 50px;}


/* ################## ADMIN ################## */

#admin_browser_error_title {padding: 5px; margin: 10px; background-color: #AA3333; FONT-FAMILY: Verdana, Arial, Helvetica; font-weight: bold; FONT-SIZE: 15px; COLOR: #EEEEEE; text-align: center;}
#admin_browser_error_title a {COLOR: #99CCFF;}

#admin {margin-top: 10px; padding: 5px; border: solid 1px #DDDDDD; border-radius: 5px 5px;}

#admin input.input {WIDTH: 400px; font-weight: normal; FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: white; TEXT-DECORATION: none;}
#admin textarea {WIDTH: 100%; font-weight: normal; FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: white; TEXT-DECORATION: none;}
#admin select.select {font-weight: normal; FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: white; TEXT-DECORATION: none;}
#admin input.radio {}
#admin input.checkbox {font-family: Verdana, Arial, Helvetica; font-size: 10px; text-decoration: none; color: #003300;}
#admin input.submit {font-weight: bold; FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: Verdana, Helvetica, sans-serif; BACKGROUND-COLOR: #EEEEEE; TEXT-DECORATION: none;}

#admin table.form {width: 100%;}
#admin table.table {width: 100%;}

#admin td.title {background-color: #EEEEEE; border-top: solid 1px #AAAAAA;}
#admin td.return {padding: 2px; background-color: #EEEEEE; border-top: solid 1px #CCCCCC;}
#admin td.return_error {padding: 2px; background-color: #ffff00; border-top: solid 1px #CCCCCC;}
#admin td.error {padding: 2px; text-align: left; background-color: #EEEEEE; border-top: 1px #CCCCCC solid;}
#admin td.data {padding: 2px; background-color: #EEEEEE; border-top: 1px #CCCCCC solid;}
#admin td.info {padding: 2px; text-align: left; width: 30%; height: 28px; background-color: #EEEEEE; border-top: 1px #CCCCCC solid;}
#admin td.input {padding: 2px; text-align: left; background-color: #EEEEEE; border-top: 1px #CCCCCC solid;}

#admin .title {font-weight: bold; FONT-SIZE: 16px; COLOR: #555555; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none}
#admin .return {font-weight: bold; FONT-SIZE: 12px; COLOR: #555555; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none}
#admin .return_error {font-weight: bold; FONT-SIZE: 12px; COLOR: #ff0000; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none}
#admin .error {font-weight: bold; FONT-SIZE: 12px; COLOR: #555555; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none}
#admin .info {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #555555;}
#admin .middle {font-weight: bold; FONT-SIZE: 11px; COLOR: #555555; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none}
#admin .data {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #555555; background: #CCCCCC;}

#admin a.link:link {font-weight: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none}
#admin a.link:visited {font-weight: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none}
#admin a.link:hover {font-weight: bold; FONT-SIZE: 10px; COLOR: #777777; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none}

#admin iframe.admin_images_iframe {width: 100%; height: 210px;}
#admin iframe.admin_files_iframe {width: 100%; height: 600px;}

input.submit {font-weight: bold; FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: Verdana, Helvetica, sans-serif; BACKGROUND-COLOR: #EEEEEE; TEXT-DECORATION: none;}

iframe.admin_images_iframe {padding: 5px; margin-top: 5px; border: solid 1px #DDDDDD; width: 98%; height: 300px; border-radius: 5px 5px;}
iframe.admin_files_iframe {padding: 5px; margin-top: 5px; border: solid 1px #DDDDDD; width: 98%; height: 300px; border-radius: 5px 5px;}

#gallery_frame h1 {padding: 10px; background-color: #EEEEEE; border: solid 1px #CCCCCC; border-radius: 5px 5px;}
#gallery_frame table {margin-top: 5px; background-color: #EEEEEE; border: solid 1px #CCCCCC; border-radius: 5px 5px;}
#gallery_frame td {padding: 3px; text-align: left; vertical-align: top;}

#gallery_frame a {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #777777;}



/* ################## list ################## */

#list {margin: 0px 0px 10px 0px;}
#list h1.title {font-size: 24px; COLOR: #373737; font-family: 'Roboto'; TEXT-DECORATION: none; padding: 0px 15px; line-height: 60px; font-weight: 600;}
#list table.list {background-color: #FFFFFF; width: 100%; border-collapse: collapse; border: solid 2px #FFFFFF; border-radius: 2px; box-shadow: 0px 0px 3px #AAAAAA;}

#list td {padding: 2px; height: 30px; vertical-align: middle; font-family: 'Roboto'; TEXT-DECORATION: none; COLOR: #444444; font-weight: 300;}
#list td a {font-family: 'Roboto'; COLOR: #ac7e25; font-weight: 400; TEXT-DECORATION: none;}
#list td.top {font-size: 14px; font-family: 'Roboto'; COLOR: #FFFFFF; font-weight: 400;}
#list td.top a {font-size: 14px; font-family: 'Roboto'; COLOR: #FFFFFF; font-weight: 600;}
#list tr.top_row {background-color: #b7a788;}
#list td.list {font-size: 14px;}
#list tr.list_row {border-collapse: collapse; border: solid 1px #d9d9d9;}
#list tr.list_row:hover {background-color: #d5ccba;}
#list tr td:first-child {padding-left: 15px;}
#list tr td:last-child {padding-right: 15px;}


/* ################## sitemap ################## */


#body #sitemap a {display: block; line-height: 30px; padding: 0px 30px; background: #DDDDDD; border-top: solid 1px #AAAAAA; color: #333333; text-decoration: none;}
#body #sitemap a:hover {background: #EEEEEE;}

#body #sitemap a.lev2 {padding-left: 30px; font-size: 15px; color: #333;}
#body #sitemap a.lev3 {padding-left: 60px; font-size: 14px; color: #444;}
#body #sitemap a.lev4 {padding-left: 90px; font-size: 13px; color: #555;}
#body #sitemap a.lev5 {padding-left: 120px; font-size: 12px; color: #666;}
#body #sitemap a.lev6 {padding-left: 150px; font-size: 11px; color: #777;}


/* ################## content ################## */

#content table {margin: 1px 3px 1px 3px;}
#content td {padding: 3px;}

#content_list li {list-style: disc inside; padding: 0px;}
#content_list div.item {padding-bottom: 10px;}
#content_list div.item img {float: left;}

#content li {list-style: disc inside; padding: 0px;}
#content div.lead {margin: 5px 0px;}

#content {position: relative;}
#content #content_addthis {position: absolute; top: 20px; right: 0px; width: 220px;}

#content-edit-icon {display: none; position: relative; top: 0px; right: 0px; z-index: 100; float: right; margin-top: -20px;}
#content-edit-icon img {width: auto !important; height: auto !important; min-width: 0px !important; max-width: none !important; min-height: 0px !important; max-height: none !important;}
html.user-partner #content-edit-icon {display: block;}
html.user-devel #content-edit-icon {display: block;}
html.user-admin #content-edit-icon {display: block;}

#content h3.date {display: none;}

#content_list.calendar {width: 100%; text-align: center; margin: 20px auto; background: #F9F9F9;}
#content_list.calendar div.month {line-height: 30px; background: #917961; font-weight: bold; color: #FFFFFF; text-transform: capitalize;}
#content_list.calendar div.day {position: relative; display: inline-block; vertical-align: top; width: 14%; margin-left: -4px; height: 30px; overflow: hidden;}


#content .content a.googlestatbtn {display: block; max-width: 300px; line-height: 30px; padding: 0px 20px 0px 10px; margin: 10px 0px; border: solid 1px #DDDDDD; font-size: 16px; color: #EE0000; background: #FFFFFF; text-decoration: none;}
#content .content a.googlestatbtn:hover {border: solid 1px #EE0000;}
#content .content a.googlestatbtn:before {content: "\f1c1"; font-family: FontAwesome; display: inline-block; color: #EE0000; margin: 0px 10px 0px 0px; line-height: 30px; font-size: 16px;}



/* ################## planner ################## */

#planning {position: relative;}
#planning div.planning_background img {width: 100%;}

#planning a.planner_icon {position: absolute; z-index: 1000;}
#planning a.planner_icon i {display: block; margin: auto; color: #FFFFFF; font-size: 30px; width: 40px; height: 40px; line-height: 40px; text-align: center; border: solid 1px #FFFFFF; border-width: 1px 1px 0px 1px; background: rgba(10,10,10,0.3); transition: all 0.25s ease-in-out;}
#planning a.planner_icon:hover i {background: rgba(10,10,10,0.5);}
#planning a.planner_icon span {display: block; color: #FFFFFF; font-size: 12px; width: auto; min-width: 40px; line-height: 20px; text-align: center; border: solid 1px #FFFFFF; white-space: nowrap; padding: 0px 3px; background: rgba(10,10,10,0.3); transition: all 0.25s ease-in-out;}
#planning a.planner_icon:hover span {background: rgba(10,10,10,0.5);}

#planning div.planner_buttons {display: none; position: absolute; top: 30%; right: 15px; z-index: 10; width: 30px; height: auto;}
#planning div.planner_buttons h3 {display: none;}
#planning div.planner_buttons a.planner_button span {display: block; width: 30px; height: 30px; border: solid 1px #FFFFFF; margin: 2px; cursor: pointer;}
#planning div.planner_buttons a.planner_button label {display: none; cursor: pointer; color: #FFFFFF;}

#content .print_icon {position: absolute; z-index: 1000;}
#content .print_icon i {display: block; margin: auto; color: #FFFFFF; font-size: 30px; width: 60px; height: 60px; line-height: 60px; text-align: center; border: solid 1px #FFFFFF; background: rgba(10,10,10,0.3); transition: all 0.25s ease-in-out;}
#content .print_icon:hover i {background: rgba(10,10,10,0.5);}
#content .print_icon span {display: none;}


#content .send_icon {position: absolute; z-index: 1000;}
#content .send_icon i {display: block; margin: auto; color: #FFFFFF; font-size: 30px; width: 60px; height: 60px; line-height: 60px; text-align: center; border: solid 1px #FFFFFF; background: rgba(10,10,10,0.3); transition: all 0.25s ease-in-out;}
#content .send_icon:hover i {background: rgba(10,10,10,0.5);}
#content .send_icon span {display: none;}



/* ################## schedule ################## */

#schedule-bontas-head {margin-top: 10px;}
#schedule-bontas-head a.menu {display: inline-block; padding: 0px 10px; line-height: 30px; font-size: 16px; margin: 0px 3px 7px 0px; background: #949494; color: #ffffff;}
#schedule-bontas-head a.menu:hover {background: #777777;}
#schedule-bontas-head a.menu.active {background: #555555;}

#schedule-bontas.local.list #head_date a.date {display: inline-block; padding: 0px 10px; line-height: 30px; font-size: 14px; margin: 0px 3px 7px 0px; background: #949494; color: #ffffff;}
#schedule-bontas.local.list #head_date a.date:hover {background: #777777;}
#schedule-bontas.local.list #head_date a.date.active {background: #555555;}
#schedule-bontas.local.list #head_date a.date b {font-weight: normal;}
#schedule-bontas.local.list #head_date a.date span {display: none;}

#schedule-bontas.local.list #head_local a.local {display: inline-block; padding: 0px 10px; line-height: 30px; font-size: 12px; margin: 0px 3px 7px 0px; background: #949494; color: #ffffff;}
#schedule-bontas.local.list #head_local a.local:hover {background: #777777;}
#schedule-bontas.local.list #head_local a.local.active {background: #555555;}

#schedule-bontas.list div.date h2 {margin: 30px 0px 10px 0px; border-bottom: solid 1px #DDDDDD; text-transform: capitalize;}
#schedule-bontas.list div.date div.local {margin: 0px 0px 20px 20px; padding: 5px; background: #EEEEEE;}
#schedule-bontas.list div.date div.local_name {display: inline-block; width: 250px; vertical-align: top;}
#schedule-bontas.list div.date div.local_name h3 {font-weight: bold;}
#schedule-bontas.list div.date div.events {display: inline-block; min-width: 250px; max-width: 820px; vertical-align: top; margin-left: 10px;}
#schedule-bontas.list div.date .events div.event {position: relative; display: inline-block; margin: 0px 0px 7px 5px; cursor: pointer;}
#schedule-bontas.list div.date .events div.event a.event {position: relative; display: inline-block; max-width: 560px; padding: 0px 5px; line-height: 24px;}
#schedule-bontas.list div.date .events div.event div.info {display: none; z-index: 10; position: absolute; top: 24px; left: 10px; min-width: 300px; border: solid 2px #ffffff; background: #EEEEEE; box-shadow: 0 0 3px #AAAAAA;}
#schedule-bontas.list div.date .events div.event div.info div.lead {padding: 10px 10px 5px 10px;}
#schedule-bontas.list div.date .events div.event div.info div.time {padding: 5px 10px; text-transform: capitalize; font-weight: bold}
#schedule-bontas.list div.date .events div.event div.info div.links {padding: 0px 10px 5px 10px;}
#schedule-bontas.list div.date .events div.event div.info div.links label {display: inline-block; margin-right: 5px; font-weight: bold}
#schedule-bontas.list div.date .events div.event div.info div.links a {display: inline-block; margin-right: 5px;}
#schedule-bontas.list div.date .events div.event:hover div.info {display: block;}

#schedule-bontas.list.time div.date h3 {display: inline-block; width: 70px; vertical-align: top;}

#schedule-bontas.grid div.date {width: 920px; overflow: auto;}
#schedule-bontas.grid div.date table.grid tr.head td {border-bottom: solid 1px #DDDDDD; text-align: center; font-weight: normal;}
#schedule-bontas.grid div.date table.grid tr.head td b {display: block;}
#schedule-bontas.grid div.date table.grid tr {border-bottom: solid 1px #DDDDDD;}
#schedule-bontas.grid div.date table.grid td {padding: 5px; vertical-align: top;}
#schedule-bontas.grid div.date table.grid td.events {border: solid 2px #FFFFFF;}
#schedule-bontas.grid div.date table.grid td.events div.event {position: relative; display: block; margin: 0px; cursor: pointer; height: 100%;}

#content.schedule-person iframe.fblike {display: none; border: none; overflow: hidden; height: 20px; width: 150px;}

/* ################## navigation ################## */

#main_center_head {display: none; min-height: 20px;}

#navigation_links {text-align: left;}
#navigation_links ul li {padding-left: 10px;}
#navigation_links li {display: inline; padding: 2px; background: url(/pictures/nav_arrow.gif) no-repeat; background-position: center left;}

#navigation_links a {COLOR: #777777; TEXT-DECORATION: none}
#navigation_links a:hover {COLOR: #AAAAAA; TEXT-DECORATION: none}


/* ################## SEARCH ################## */

#content_search {text-align: center; vertical-align: middle; float: right; margin: 0px; padding: 0px; height: 16px;}
#content_search input {border: solid 1px #999999; margin: 0px 5px 0px 5px; font-weight: bold; FONT-SIZE: 9px; COLOR: #777777; FONT-FAMILY: Verdana, Helvetica, sans-serif;}
#content_search input.input {width: 100px;}
#content_search input.submit {width: 30px; background-color: #EEEEEE;}


/* ################## INSIDE LINKS ################## */

#inside_links {margin: 5px;}
#inside_links h3 {padding: 5px; display: inline;}


/* ################## LOGIN ################## */

#login {text-align: center; margin: auto;}
#login div.title {text-align: center; margin: 10px; font: 20px bold;}
#login div.error {text-align: center; margin: 10px; font: 20px bold; color: #FF7777;}
#login label.login {display: inline-block; font-weight: bold; width: 180px; text-align: right;}
#login label.password {display: inline-block; font-weight: bold; width: 180px; text-align: right;}
#login input.submit {display: block; margin: 10px auto; width: 100px; padding: 7px; border: solid 1px #CCCCCC; border-radius: 10px; text-align: center; background-image:-webkit-gradient(linear, 0 0%, 0 100%, from(#EEEEEE), color-stop(0.5,#AAAAAA));}

#login a.usermod {display: none;}
#login a.logout {display: none;}
#login a.userreg {display: none;}
#login a.password {display: none;}


/* ################## user ################## */

#user div.title {background: #333333; margin-top: 20px; line-height: 60px; font-size: 20px; color: #FFFFFF;}
#user div.title i {margin: 0px 15px; min-width: 20px; font-size: 30px; line-height: 54px; text-align: center;}
#user div.title_error {padding: 0px 50px; background: #FF0000; line-height: 30px; font-size: 16px; color: #FFFFFF;}
#user div.title_successful {padding: 0px 50px; background: #00CC00; line-height: 30px; font-size: 16px; color: #FFFFFF;}
#user div.title_successful a {display: block; line-height: 30px; font-size: 16px; color: #FFFFFF; text-decoration: none;}
#user div.title_successful a:hover {background: #00AA00;}
#user form {display: block; background: #f8f8f8; margin-bottom: 20px; padding: 50px;}
#user form div.data {padding: 0px 0px 3px 0px; text-align: center;}
#user form div.data div {display: inline-block; line-height: 40px; min-height: 40px;}
#user form div.data div.label {width: 250px; text-align: left; font-size: 14px; color: #777777;}
#user form div.data div.input {width: 350px; text-align: left;}
#user form div.data div.input input {width: 100%; height: 40px; border: solid 1px #DEDEDE; padding: 5px 10px; text-align: left; font-size: 14px; color: #333333;}
#user form div.data div.input.aszf {line-height: 40px; font-size: 20px;}
#user form div.data div.input.aszf input.aszf {width: 40px; height: 40px; margin-right: 10px;}
#user div.subtitle {margin: auto; width: 600px; text-align: left; font-size: 14px; color: #777777; line-height: 40px;}
#user div.data.error div.label {color: #FF0000;}
#user div.data.error div.input input {background: #FF0000; color: #FFFFFF;}
#user input.submit {display: block; margin: 20px auto 0px auto; width: auto; height: 40px; padding: 0px 20px; font-size: 14px; color: #FFFFFF; font-weight: bold; border: 0px; border-radius: 10px; background: #555555;}

#form_data_captcha.error {border: solid 1px #FF0000;}

/* ################## FORM ################## */

#public_generated_form table.horizontal {width: 560px; margin: 20px;}
#public_generated_form table.vertical {width: 350px; margin: 20px;}
#public_generated_form table.inline {width: 350px; margin: 20px;}
#public_generated_form tr.hidden {display: none;}

#public_generated_form td {margin: 4px; text-align: left; vertical-align: top; font-weight: bold; FONT-SIZE: 11px; COLOR: #777777;}

#public_generated_form td.title {FONT-SIZE: 16px; COLOR: #333333; text-align: center;}
#public_generated_form td.title_error div {padding: 2px; background-color: #C81E1E; COLOR: #ffffff; text-align: center; border: solid 1px #c81e1e; border-radius: 5px; -moz-border-radius: 5px;}
#public_generated_form td.title_successful div {padding: 2px; background-color: #33AA33; COLOR: #ffffff; text-align: center; text-align: center; border: solid 1px #33AA33; border-radius: 5px; -moz-border-radius: 5px;}
#public_generated_form td.error div {padding: 2px 5px; COLOR: #C81E1E; border: solid 1px #c81e1e; border-radius: 5px; -moz-border-radius: 5px;}
#public_generated_form table.inline tr.error input {background-color: #C81E1E; color: #FFFFFF;}
#public_generated_form table.inline tr.error textarea {background-color: #C81E1E; color: #FFFFFF;}
#public_generated_form td.subtitle {FONT-SIZE: 13px; COLOR: #333333; text-align: left; font-weight: bold;}
#public_generated_form td.description {COLOR: #333333; text-align: left; font-weight: normal;}
#public_generated_form td.help {width: 15px;}
#public_generated_form td.important {width: 15px;}
#public_generated_form td.end {width: 15px;}
#public_generated_form td.help a {display: block; height: 100%; width: 100%; min-height: 15px; min-width: 15px; background: url(/pictures/form_help.png) no-repeat; background-position: center center;}
#public_generated_form td.important a {display: block; height: 100%; width: 100%; min-height: 15px; min-width: 15px; background: url(/pictures/form_important.png) no-repeat; background-position: center center;}
#public_generated_form table.inline tr.important input {padding-right: 20px; background-image: url('/pictures/form_important.png'); background-repeat: no-repeat; background-position: right center;}
#public_generated_form table.inline tr.important textarea {padding-right: 20px; background-image: url('/pictures/form_important.png'); background-repeat: no-repeat; background-position: right 5px;}
#public_generated_form td.label {width: 40%;}
#public_generated_form table.vertical td.label {width: 100%;}
#public_generated_form td.input {width: 60%;}
#public_generated_form table.inline td.input {width: 100%;}
#public_generated_form td.submit {text-align: center;}

#public_generated_form td.input label {margin: 2px; min-width: 45%; border: solid 1px #A6A6A6; border-radius: 5px; -moz-border-radius: 5px; float: left; text-align: left;}
#public_generated_form td.input label.checkbox-privacy-policy {margin: 2px; min-width: auto; border: 0px; border-radius: 0px; text-align: left;}
#public_generated_form table.inline tr label.checkbox-privacy-policy input.checkbox {margin-right: 20px; height: auto; width: auto; vertical-align: text-bottom;}
#public_generated_form table.inline tr.error.privacy {background: #C81E1E;}
#public_generated_form table.inline tr.error.privacy td.input label.checkbox-privacy-policy a {color: #FFFFFF;}


#public_generated_form input {width: auto; height: 20px; border: solid 1px #A6A6A6; border-radius: 5px; -moz-border-radius: 5px; padding: 2px;}
#public_generated_form textarea {width: 100%; height: 100px; border: solid 1px #A6A6A6; border-radius: 5px; -moz-border-radius: 5px; padding: 2px;}
#public_generated_form input.text {width: 100%;}
#public_generated_form input.checkbox {height: auto; width: auto; margin-right: 2px;}
#public_generated_form input.radio {height: auto; width: auto; margin-right: 2px;}
#public_generated_form select {border: solid 1px #A6A6A6; border-radius: 5px; -moz-border-radius: 5px;}
#public_generated_form input.submit {margin: 10px; font-weight: bold; FONT-SIZE: 14px; COLOR: #333333; position: center;}

#public_generated_form div.lead {width: 100%; padding: 10px; FONT-SIZE: 13px; COLOR: #333333; text-align: center; margin: auto;}
#public_generated_form div.footer {width: 100%; padding: 10px; FONT-SIZE: 13px; COLOR: #333333; text-align: center; margin: auto;}

#public_generated_form input.captcha {margin: 10px 0px;}


#public_generated_form.vote td.radio {width: 10px;}
#public_generated_form.vote td.label {width: auto !important;}
#public_generated_form.vote td.fills {width: 150px;}
#public_generated_form.vote td.fills div {padding: 5px; background: #AAAAAA; color: #FFFFFF; min-width: 20px;}



#public_generated_form.respo div.table {width: 100%; margin: 25px auto; max-width: 800px;}

#public_generated_form.respo div.row {margin: 4px; text-align: left; vertical-align: top; qfont-weight: bold; qFONT-SIZE: 11px; qCOLOR: #777777;}
#public_generated_form.respo div.row.hidden {display: none;}
#public_generated_form.respo div.row.title.code.hidden {display: none !important;}
#public_generated_form.respo div.row div.label.error.hidden {display: none;}
#public_generated_form.respo div.row.error div.label.error.hidden {display: block; color: #FF0000; padding: 5px 0px;}

#public_generated_form.respo div.row.title {qcolor: #95a938; qfont: bold 18px Arial, Helvetica, sans-serif; margin: 0 0 3px 0;}

#public_generated_form.respo div.row.label {qcolor:#565655; qfont-family:Arial, Helvetica, sans-serif; qfont-size:14px; qfont-style:normal; qfont-variant:normal; qfont-weight:bold; qletter-spacing:0; line-height:1.4em; padding: 0;}
#public_generated_form.respo label.checkbox span, #public_generated_form label.radio span {qcolor:#565655; qfont-family:Arial, Helvetica, sans-serif; qfont-size:14px; qfont-style:normal; qfont-variant:normal; qfont-weight:normal; qletter-spacing:0; qline-height:1.4em; padding: 0;}
#public_generated_form.respo div.row div.label {padding: 15px 0 10px; border: none; qcolor: #333333; qfont: bold 14px Arial, Helvetica, sans-serif;}
#public_generated_form.respo div.row label.checkbox, #public_generated_form.respo div.row label.radio {padding-bottom: 10px; margin-right: 20px; border: none; min-width: 100px; display: inline-block; vertical-align: top;}
#public_generated_form.respo div.row select {padding: 0px 20px; margin: 0px 0px 20px 0px; background-image: none; background-color: #fff; border-radius: 0px; height: 40px; qcolor: #333333; qfont: bold 14px Arial, Helvetica, sans-serif; border: 1px solid #CCCCCC;}
#public_generated_form.respo div.row textarea {padding: 0px 20px; margin: 0px 0px 20px 0px; background-image: none; background-color: #fff; border-radius: 0px; height: 120px; qcolor: #333333; qfont: bold 14px Arial, Helvetica, sans-serif; border: 1px solid #CCCCCC;}
#public_generated_form.respo div.row input {padding: 0px 20px; margin: 0px 0px 0px 0px; background-image: none; background-color: #fff; border-radius: 0px; height: 40px; qcolor: #333333; qfont: bold 14px Arial, Helvetica, sans-serif; border: 1px solid #CCCCCC;}
#public_generated_form.respo div.row.error input {background-color: #ff0000; color: #FFFFFF;}
#public_generated_form.respo div.row.error input::placeholder {color: #FFFFFF;}
#public_generated_form.respo div.row input.checkbox, #public_generated_form.respo div.row input.radio {height: 20px; width: 20px; margin: 0px 10px 0px 0px; vertical-align: sub; border: none;}

#public_generated_form.respo div.row.title_error {font-size: 14px; border-radius: 0px; margin-bottom: 5px; margin-top: 10px; color: #FF0000;}

#public_generated_form.respo div.submit input[type="submit"] {font-size: 16px; color: #fff; background: #95a938; line-height: 40px; padding: 0px 30px; width: auto; text-align: center; border: none; border-radius: 0px; line-height: 36px; margin: 20px auto;}
#public_generated_form.respo div.submit input[type="submit"]:hover {background: #657908; cursor: pointer;}

#public_generated_form.respo div.row.subtitle {FONT-SIZE: 16px; COLOR: #333333; text-align: left; font-weight: bold; margin-top: 30px;}

#public_generated_form.respo textarea {height: 120px; padding-top: 10px;}

#public_generated_form.respo div.title {FONT-SIZE: 16px; COLOR: #333333; text-align: center;}
#public_generated_form.respo div.title_error div {padding: 2px; background-color: #FF0000; COLOR: #ffffff; text-align: center; border: solid 1px #FF0000; border-radius: 5px; -moz-border-radius: 5px;}
#public_generated_form.respo div.title_successful div {padding: 2px; background-color: #33AA33; COLOR: #ffffff; text-align: center; text-align: center; border: solid 1px #33AA33; border-radius: 5px; -moz-border-radius: 5px;}
#public_generated_form.respo div.error {padding: 2px 5px; COLOR: #FF0000; border: solid 0px #FF0000; border-radius: 0px;}

#public_generated_form.respo div.row.description {COLOR: #333333; text-align: left; font-weight: normal;}
#public_generated_form.respo div.row.captcha {padding: 10px 0px;}
#public_generated_form.respo div.submit {text-align: center;}


#public_generated_form .error .g-recaptcha {border: solid 2px #FF0000;}


/* ################## ajax layer ################## */

#ajax_layer_bg {height: 100%; width: 100%; overflow: hidden; position: fixed; top: 50px; left:0; display: block; background: rgba(10,10,10,0.5); filter: alpha(opacity='75'); opacity: 0.75; z-index: 20;}
#ajax_layer_container {height: 100%; width: 100%; z-index: 21; overflow: hidden; position: fixed; top: 50px; left:0; display: block;}
#ajax_layer  {display: block; max-height: 85%; margin: 50px auto 20px auto; width: 800px; max-width: 100%; overflow: auto; position: relative; background-color: #ffffff; border: solid 0px #999999; padding: 10px; border-radius: 0px; box-shadow: 0px 0px 5px #FFFFFF;}
#ajax_layer  {text-align: left; vertical-align: top; z-index: 22;}

/* ################## list layer ################## */

#show_layer_bg {height: 100%; width: 100%; z-index: 10; overflow: hidden; position: fixed; top: 50px; left:0; display: block; background: url(/pictures/tr.png) transparent; filter: alpha(opacity='75'); opacity:0.75;}
#show_layer_container {height: 100%; width: 100%; z-index: 11; overflow: hidden; position: fixed; top: 50px; left: 0; display: block;}
#show_layer {display: block; max-height: 90%; margin: 10px auto 10px auto; overflow: auto; position: relative; background-color: #f5f5f5; border: solid 1px #999999; padding: 10px; border-radius: 10px; -moz-border-radius: 10px;}
#show_layer {text-align: left; vertical-align: top; width: 980px; max-width: 100%; z-index: 12;}
#show_layer div.close {text-align: right; border: 0px; padding: 5px; margin: 0px; font-size: 12px; font-weight: bold; color: #333333; font-family: verdana, arial, times;}

/* ################## exit layer ################## */

#exit_layer_bg {height: 100%; width: 100%; overflow: hidden; position: fixed; top: 0px; left:0; display: block; background-color: rgba(10,10,10,0.6); z-index: 1000;}
#exit_layer_container {height: 100%; width: 100%; z-index: 1001; overflow: hidden; position: fixed; top: 20%; left:0; display: block;}
#exit_layer  {display: inline-block; margin: 10px auto 20px auto; position: relative; border: solid 1px #ffffff; border-radius: 5px; box-shadow: 0px 0px 10px #333333; overflow: hidden;}
#exit_layer  {text-align: left; vertical-align: top; z-index: 1002;}
#exit_layer a.close {display: block; width: auto; height: auto; position: absolute; top: 20px; right: 20px; z-index: 10; font-size: 30px; color: #ee0000; cursor: pointer;}

/* ################## open layer ################## */

#open_layer_bg {height: 100%; width: 100%; overflow: hidden; position: fixed; top: 0px; left:0; display: block; background-color: rgba(10,10,10,0.6); z-index: 1000;}
#open_layer_container {height: 100%; width: 100%; z-index: 1001; overflow: hidden; position: fixed; top: 20%; left:0; display: block;}
#open_layer  {display: inline-block; margin: 10px auto 20px auto; position: relative; background: #FFF; padding: 20px; border: solid 1px #ffffff; border-radius: 5px; box-shadow: 0px 0px 10px #333333; overflow: hidden;}
#open_layer  {text-align: left; vertical-align: top; z-index: 1002;}
#open_layer a.close {display: block; width: auto; height: auto; position: absolute; top: 20px; right: 20px; z-index: 10; font-size: 30px; color: #ee0000; cursor: pointer;}

/* ################## content layer ################## */

#content_layer_bg {height: 100%; width: 100%; overflow: hidden; position: fixed; top: 0px; left:0; display: block; background-color: rgba(10,10,10,0.6); z-index: 1000;}
#content_layer_container {height: 100%; width: 100%; z-index: 1001; overflow: hidden; position: fixed; top: 20%; left:0; display: block;}
#content_layer  {display: inline-block; margin: 10px auto 20px auto; position: relative; background: #FFF; padding: 20px; border: solid 1px #ffffff; border-radius: 5px; box-shadow: 0px 0px 10px #333333; overflow: hidden;}
#content_layer  {text-align: left; vertical-align: top; z-index: 1002;}
#content_layer a.close {display: block; width: auto; height: auto; position: absolute; top: 20px; right: 20px; z-index: 10; font-size: 30px; color: #ee0000; cursor: pointer;}

/* ################## cart layer ################## */

#cart_layer_bg {height: 100%; width: 100%; overflow: hidden; position: fixed; top: 0px; left:0; display: block; background-color: rgba(10,10,10,0.6); z-index: 1000; text-align: center;}
#cart_layer {display: block; margin: 10% auto 20px auto; padding: 30px; position: relative; border: solid 1px #ffffff; border-radius: 5px; box-shadow: 0px 0px 10px #FFFFFF; overflow: hidden;}
#cart_layer {text-align: center; vertical-align: top; z-index: 1002; width: 450px; max-width: 100%; background: #555555; color: #FFFFFF; font-size: 20px;}
#cart_layer div.text div.error {color: #FF0000;}
#cart_layer i.fa {margin: 10px 10px 10px 0px;}
#cart_layer a.buy {margin: 30px 10px 10px 10px; padding: 10px; width: 180px; display: inline-block; border-radius: 5px; background: #111111; color: #FFFFFF; font-size: 16px;}
#cart_layer a.cart {margin: 30px 10px 10px 10px; padding: 10px; width: 180px; display: inline-block; border-radius: 5px; background: #111111; color: #FFFFFF; font-size: 16px;}

/* ################## CONTACT ################## */

#contact div.form {width: 470px; padding: 10px;  border: solid 1px #999999; margin: auto; padding: 10px; border-radius: 10px; -moz-border-radius: 10px;}
#contact div.form div.contact {padding: 5px 5px 5px 0px;}
#contact div.form td {padding: 3px; text-align: left; vertical-align: top;}
#contact div.form table.form {width: 450px;}
#contact div.form input, #contact div.form textarea {border: solid 1px #999999; width: 300px;}
#contact div.form textarea {height: 300px}
#contact div.form td.form_submit {text-align: center; vertical-align: middle;}
#contact div.form input.submit {padding: 3px; width: 150px; background-color: #CCCCCC; margin: auto;}
#contact div.form td.form_error {font-size: 15px; font-weight: bold; color: #FF3333; font-family: verdana, arial, times; background-color: #FFAAAA;}

#contact div.callback table {width: 145px;}
#contact div.callback caption {padding: 2px 2px 6px 0px; font-size: 13px; font-weight: bold; text-align: left;}
#contact div.callback input {width: 100%; height: 20px; padding: 3px; margin-top: 5px; background-color: #E5E5E5; border: solid 1px #E5E5E5; border-radius: 5px; -moz-border-radius: 5px; color: #4c4c4c; font-size: 11px; font-weight: bold;}
#contact div.callback textarea {width: 100%; height: 70px; padding: 3px; margin-top: 5px; margin-bottom: 5px; background-color: #E5E5E5; border: solid 1px #E5E5E5; border-radius: 5px; -moz-border-radius: 5px; color: #4c4c4c; font-size: 11px; font-weight: bold;}
#contact div.callback tr.submit td {width: 100%; height: 13px; padding: 3px; background-color: #890815; border: solid 0px #890815; border-radius: 5px; -moz-border-radius: 5px;}
#contact div.callback tr.submit td a {padding-left: 3px; color: #ffffff; font-size: 11px; font-weight: bold; text-decoration: none; display: block;}
#contact div.callback tr.error input {background-color: #ff7777;}
#contact div.callback tr.error textarea {background-color: #ff7777;}


#left_box_cont #public_generated_form div.g-recaptcha div {max-width: 180px;}
#left_box_cont #public_generated_form div.g-recaptcha iframe {max-width: 180px;}


/* ################## COMMENT ################## */



#comment {text-align: center;}
#comment div.head h3 {font-size: 24px; line-height: 50px; color: #333333; text-align: left;}
#comment div.head a.button-comment {display: inline-block; margin: 20px auto; width: auto; padding: 0px 30px; font-size: 14px; line-height: 40px; color: #FFFFFF; border-radius: 5px; background: linear-gradient(to bottom, #baa67e, #ab956a) repeat scroll 0 0 #baa67e; cursor: pointer;}
#comment textarea {margin-bottom: 10px; width: 100%; height: 150px;}
#comment div.bottom {text-align: left; font-size: 14px; line-height: 30px;}

#comment div.comments div.comment {margin: 15px 0px;}
#comment div.comments div.head {height: 30px; padding: 0px 10px; background: #cccccc;}
#comment div.comments div.head div {display: inline-block; font-size: 18px; line-height: 30px; color: #333333; font-weight: normal; text-align: left;}
#comment div.comments div.head div.login {float: left;}
#comment div.comments div.head div.login span.num {display: inline-block; margin-right: 10px;}
#comment div.comments div.time {float: right;}
#comment div.comments div.comment div.content {position: relative; background: #FFFFFF; padding: 10px; text-align: left; font-size: 14px; line-height: 20px;}
#comment div.comments div.comment div.content li {list-style: inside none auto;}
#comment div.comments div.comment div.content.reply {background: #f3f3f3;}
#comment div.comments div.comment i {line-height: 30px; margin-left: 10px;}
#comment div.comments div.comment i.fa-reply {color: #0000AA;}
#comment div.comments div.comment i.fa-edit {color: #00AA00;}
#comment div.comments div.comment i.fa-times {color: #FF0000;}



/* ################## SEARCH ################## */

#content_list ul.navigation li.navigation {padding-left: 10px;}
#content_list li.navigation {display: inline; padding: 2px; background: url(/pictures/nav_arrow.gif) no-repeat; background-position: center left;}

#content_list a.navigation {font-weight: normal; FONT-SIZE: 11px; COLOR: #336699; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none;}
#content_list a.navigation:hover {COLOR: #AAAAAA; TEXT-DECORATION: none;}


/* ################## NEWSLETTER ################## */

#newsletter-subscribe {padding: 10px; background-color: #EEEEEE; margin: auto; FONT-FAMILY: Verdana, Arial, Helvetica; font-weight: normal; COLOR: #555555; border: solid 1px #999999; border-radius: 10px; text-align: center;}
#newsletter-subscribe div.container {margin: auto; margin-top: 50px; padding: 20px; background-color: #DDDDDD;}
#newsletter-subscribe div.title {font-weight: bolder; FONT-SIZE: 18px; padding: 10px; text-align: center;}
#newsletter-subscribe label {display: inline-block; width: 110px; text-align: right;}
#newsletter-subscribe input {width: 200px; border: solid 1px #999999; margin: 5px 0px;}
#newsletter-subscribe input.submit {display: block; width: 120px; margin: 5px auto; border: solid 1px #999999; border-radius: 5px; padding: 5px; background: #999999; color: #ffffff; text-transform: uppercase;}
#newsletter-subscribe div.error {text-align: center; color: #FFFFFF; padding: 2px; background-color: #993300;}



/* ################## SHOP PRODUCTS LIST ################## */

#shop #shop_list_head {width: 100%; margin: 5px 0px;}
#shop #shop_list_head td.list_order {width: 410px; text-align: left;}
#shop #shop_list_head td.list_order a {margin-right: 1px; padding: 5px 3px 4px 3px; border: solid 1px #CCCCCC; COLOR: #555555; font-size: 12px; text-align: left; text-decoration: none;}
#shop #shop_list_head td.list_order a:hover {background-color: #EEEEEE;}
#shop #shop_list_head td.list_order a.hover {background-color: #DDDDDD;}
#shop #shop_list_head td.list_number {text-align: center;}
#shop #shop_list_head td.list_number a {margin-right: 1px; padding: 5px 3px 4px 3px; border: solid 1px #CCCCCC; COLOR: #555555; font-size: 12px; text-align: left; text-decoration: none;}
#shop #shop_list_head td.list_number a:hover {background-color: #EEEEEE;}
#shop #shop_list_head td.list_number a.hover {background-color: #DDDDDD;}
#shop #shop_list_head td.list_view {width: 180px; text-align: right;}
#shop #shop_list_head td.list_view img {margin: 0px 1px -2px 0px;}
#shop #shop_list_head td.list_view img:hover {background-color: #EEEEEE;}
#shop #shop_list_head td.list_view img.hover {background-color: #DDDDDD;}

#shop #pager {margin: 10px 0px 10px 0px; color: #747474; font-size: 12px; text-align: center;}
#shop #pager div.box {display: inline-block;}
#shop #pager span.actual {display: inline-block; margin: 3px; padding: 1px 5px; color: #FFFFFF; font-size: 12px; background-color: #747474; border: solid 1px #747474; border-radius: 3px;}
#shop #pager a {display: inline-block; margin: 3px; padding: 1px 5px; color: #747474; font-size: 12px; border: solid 1px #747474; border-radius: 3px; text-decoration: none;}
#shop #pager a:hover {background-color: #747474; border-radius: 2px; color: #FFFFFF;}
#shop #pager a.firstpage {font-weight: bold;}
#shop #pager a.previous {font-weight: bold;}
#shop #pager a.next {font-weight: bold;}
#shop #pager a.lastpage {font-weight: bold;}

#shop #list_products table.list {width: 100%; margin: 5px 0px; border: solid 1px #DDDDDD;}
#shop #list_products table.list tr {border-bottom: solid 1px #DDDDDD;}
#shop #list_products td {vertical-align: top; padding: 5px; COLOR: #555555; font-size: 12px; text-align: left;}
#shop #list_products td.image {width: 80px;}
#shop #list_products td.image img {max-width: 80px; max-height: 80px; border: solid 1px #DDDDDD;}
#shop #list_products td.data {width: 160px; font-size: 15px;}
#shop #list_products td.lead h2 a {display: block; text-align: left; font-size: 15px;}

#shop #list_products div.price_cart div.price {position: relative; display: inline-block; padding: 5px; border: solid 1px #dddddd; color: #333333; margin: 0px 0px 5px 0px; font-weight: bold; font-size: 12px; background: #FFFFFF; vertical-align: bottom;}
#shop #list_products div.price_cart div.price div.netto_price {font-weight: normal; font-size: 11px;}

#shop #list_products div.price_cart div.cart {display: inline-block; vertical-align: bottom; margin-bottom: 5px;}
#shop #list_products div.price_cart div.cart div.cart {margin-bottom: 0px;}
#shop #list_products div.price_cart div.cart a.cart.product div.cart {display: inline-block; background: #ff7700; line-height: 32px; margin: 0px; padding: 0px 5px; color: #ffffff;}
#shop #list_products div.price_cart div.cart a.cart.product.selected div.cart {background: #00aa00;}
#shop #list_products div.price_cart div.cart a.cart div.cart i.fa {margin-right: 5px; font-size: 18px;}



/* ################## SHOP PRODUCT ################## */

#public_tabs {margin: 20px 0px 30px 0px;}
#public_tabs #public_tabs_menu {margin: 10px 10px 5px 10px;}
#public_tabs #public_tabs_menu a {text-decoration: none; padding: 5px 10px; margin-right: 2px; min-width: 150px; border: solid 1px #CCCCCC; font-size: 15px; font-weight: bold; color: #333333;}
#public_tabs #public_tabs_menu a.tab  {background-color: #E3E3E3;}
#public_tabs #public_tabs_menu a.tab:hover  {background-color: #D3D3D3;}
#public_tabs #public_tabs_menu a.tab_hover  {background-color: #c3c3c3;}
#public_tabs #public_tabs_menu a.tab_inactive  {background-color: #E3E3E3;}
#public_tabs div.datas {padding: 3px;}
#public_tabs div.datas div.data {padding: 10px; border: solid 1px #CCCCCC; border-radius: 10px; background-color: #F3F3F3;}

#shop #product {position: relative;}
#shop #product #shop-product-edit-icon {position: absolute; top: 10px; right: 10px;}
#shop #product #shop-product-edit-icon img {width: auto !important; height: auto !important; min-width: 0px !important; max-width: none !important; min-height: 0px !important; max-height: none !important;}

#shop #product h1 {display: inline-block;}
#shop #product a.back_to_menu {float: right;}

#shop #product #public_tabs #public_tabs_menu a {border-radius: 10px 10px 2px 2px;}

#shop #product #shop div.imagebox {width: 100%;}
#shop #product #shop div.imagebox div.bgbox {margin: 10px; padding: 10px; background-color: #F3F3F3; text-align: center; border: solid 1px #CCCCCC; border-radius: 10px;}
#shop #product #shop div.imagebox div.bgimg {display: inline-block; vertical-align: top;}
#shop #product #shop div.imagebox div.smimg {display: inline-block; vertical-align: top;}
#shop #product #shop div.imagebox div.bgimg div.bgbox {margin: 10px 0px;}
#shop #product #shop div.imagebox div.smimg div.bgbox {margin-right: 0px;}
#shop #product #shop div.imagebox div.image {width: 500px; max-height: 300px; overflow: auto; margin: auto; text-align: center;}
#shop #product #shop div.imagebox div.images {width: 170px; max-height: 300px; overflow: auto; margin: auto; text-align: center;}
#shop #product #shop div.imagebox div.image img {max-width: 480px; max-height: 298px; border: solid 1px #777777;}
#shop #product #shop div.imagebox div.images img {margin: 5px; border: solid 1px #777777;}

#shop div.price_cart {margin: 10px 0px;}
#shop #list_products div.price_cart {margin: 0px;}
#shop div.price_cart div.price {position: relative; display: inline-block; padding: 10px; border: solid 1px #dddddd; color: #333333; margin-top: 20px; font-weight: bold; font-size: 14px; background: #FFFFFF; vertical-align: bottom;}
#shop div.price_cart div.price div.netto_price {font-weight: normal; font-size: 13px;}
#shop div.price_cart div.price span.line {text-decoration: line-through; font-weight: normal; color: #777777;}
#shop div.price_cart div.price div.action {color: #ff0000;}

#shop div.price_cart div.cart {display: inline-block; vertical-align: bottom;}
#shop div.price_cart div.cart {display: inline-block; vertical-align: bottom;}
#shop div.price_cart div.cart a.cart.product div.cart {display: inline-block; background: #ff7700; line-height: 32px; margin: 0px 5px; padding: 0px 10px; color: #ffffff;}
#shop div.price_cart div.cart a.cart.product.selected div.cart {background: #00AA00;}
#shop div.price_cart div.cart a.cart div.cart i.fa {margin-right: 10px; font-size: 18px;}
#shop div.price_cart div.cart div.cart.product.change {display: inline-block; width: 50px; height: 30px; margin: 0px; padding: 0px; position: relative; border: solid 1px #dddddd;}
#shop div.price_cart div.cart div.cart.product.change input {width: 30px; height: 30px; border: 0px; padding: 5px 10px;}
#shop div.price_cart div.cart div.cart.product.change i {position: absolute; right: 0px; width: 20px; height: 15px; background: #e1e1e1; color: #6b6b6b; cursor: pointer; text-align: center; line-height: 15px;}
#shop div.price_cart div.cart div.cart.product.change i.fa-caret-up {top: 0px;}
#shop div.price_cart div.cart div.cart.product.change i.fa-caret-down {bottom: 0px;}

#shop div.price_cart div.store {display: inline-block; background: #AAAAAA; line-height: 32px; margin: 0px 5px 0px 0px; padding: 0px 10px; color: #ffffff;}
#shop div.price_cart div.store.store {background: #00AA00;}
#shop div.price_cart div.store.order {background: #ffdd00;}
#shop div.price_cart div.store.preorder {background: #AAAAAA;}
#shop div.price_cart div.store.noorder {background: #FF0000;}

#shop div.price_cart div.price_text {padding: 10px; border: solid 1px #dddddd; color: #333333; margin-top: 10px; font-size: 14px; background: #FFFFFF;}

#shop #product div.price_cart.child {padding: 10px; border: solid 1px #dddddd; background: #FFFFFF; margin-top: 10px;}
#shop #product div.price_cart.child div.title {display: block; padding: 5px; color: #333333; margin-top: 5px; font-size: 15px; font-weight: bold; background: #FaFaFa; border: solid 1px #dddddd;}
#shop #product div.price_cart.child div.price {margin-top: 0px; border: 0px; padding: 5px 5px 0px 5px;}
#shop #product div.price_cart.child div.price_text {padding: 0px 5px; border: 0px; color: #333333; margin-top: 5px; font-size: 11px; background: transaparent;}

#public_tabs div.datas div.data div.title {display: none;}
#public_tabs div.datas div.data label {display: inline-block; font-weight: bold;}
#public_tabs div.datas div.data_datas label {width: 90px;}

#shop #product div.datas div.data_news div.item {display: inline-block; min-height: 150px; margin: 0px 20px 20px 0px; width: 420px; vertical-align: top;}
#shop #product div.datas div.data_news div.item h2 a {display: block; margin-bottom: 10px;}
#shop #product div.datas div.data_news div.item a.img img {float: left; margin: 0px 10px 10px 0px; max-width: 180px;}

#shop #product div.datas div.data_connect div.item {display: inline-block; min-height: 150px; margin: 20px 5px; width: 280px; text-align: center; vertical-align: top;}
#shop #product div.datas div.data_connect div.item a.img img {margin: 0px 0px 10px 0px; max-width: 220px;}
#shop #product div.datas div.data_connect div.item h2 a {display: block; margin-bottom: 10px;}
#shop #product div.datas div.data_connect div.item span.price {color: #FE5214; font-size: 15px;}

#shop #public_tabs {position: relative;}
#shop #public_tabs div.data_addthis {position: absolute; top: 0px; right: 0px; width: 220px; margin: 0px;}

/* ################## SHOP CART ################## */


#shop_cart {position: relative; background: #f9f9f9; padding-top: 60px;}

#shop_cart h1.title {position: absolute; top: 0px; left: 0px; display: block; width: 100%; line-height: 60px; background: #252525; color: #FFFFFF; font-size: 20px; padding: 0px; box-shadow: 0px 3px 5px #252525;}
#shop_cart h1.title:before {content: "\f291"; font-family: FontAwesome; display: inline-block; color: #FFFFFF; margin: 0px 10px 0px 10px;}
#shop_cart h1.title.error {color: #FF0000; font-weight: 400; text-shadow: 0 0 1px #777777;}
#shop_cart h1.title.successfull {color: #00FF00; font-weight: 400; text-shadow: 0 0 1px #777777;}

#shop_cart h2.title.error {padding: 5px 10px; margin: 2px 0px; background: #FF0000; font-weight: 400; text-shadow: 0 0 1px #333333; color: #FFFFFF; font-size: 18px;}

#shop_cart div.shop_cart {padding: 20px; margin-bottom: 20px;}

#shop_cart #list_cart div.table {display: table; width: 100%;}
#shop_cart #list_cart div.row {display: table-row;}
#shop_cart #list_cart div.cell {display: table-cell; text-align: left; vertical-align: middle; padding: 2px; font-size: 14px; color: #909090;}

#shop_cart #list_cart div.row {border-bottom: solid 1px #E0E0E0;}
#shop_cart #list_cart div.row-head div.cell {text-transform: uppercase;}
#shop_cart #list_cart div.row-data.color-0 {background: #f9f9f9;}
#shop_cart #list_cart div.row-data.color-1 {background: #f5f5f5;}
#shop_cart #list_cart div.row-data:hover {background: #f1f1f1;}

#shop_cart #list_cart div.cell.image {text-align: center; padding: 20px 10px;}
#shop_cart #list_cart div.row-head div.cell.image {text-align: left; padding: 2px 10px;}
#shop_cart #list_cart div.cell.image a {display: block; width: 100px; height: 100px; overflow: hidden; background: #FFFFFF; border: solid 1px #E0E0E0;}
#shop_cart #list_cart div.cell.image img {max-width: 100px;}
#shop_cart #list_cart div.cell.name {padding-left: 10px;}
#shop_cart #list_cart div.cell.name a {text-decoration: none; color: #333333;}
#shop_cart #list_cart div.cell.name a:hover {color: #999999;}
#shop_cart #list_cart div.cell.price {text-align: right; white-space: nowrap;}
#shop_cart #list_cart div.cell.price.one.netto {display: none;}
#shop_cart #list_cart div.cell.price.all.netto {display: none;}
#shop_cart #list_cart div.row-data div.cell.price.all.brutto {color: #333333;}
#shop_cart #list_cart div.cell.number {text-align: center;}
#shop_cart #list_cart div.cell.delete {text-align: center; min-width: 10px;}
#shop_cart #list_cart div.cell.delete i {color: #FF0000; font-size: 21px;}
#shop_cart #list_cart div.cell span.curr {display: inline-block; margin-left: 5px;}

#list_cart div.cart.change {display: inline-block; width: 50px; height: 30px; margin: 0px; position: relative; border: solid 1px #dddddd;}
#list_cart div.cart.change input {width: 50px; height: 30px; border: 0px; padding: 5px 10px;}
#list_cart div.cart.change i {position: absolute; right: 0px; width: 20px; height: 15px; font-size: 18px; background: #e1e1e1; color: #6b6b6b; cursor: pointer; text-align: center; line-height: 15px;}
#list_cart div.cart.change i.fa-caret-up {top: 0px;}
#list_cart div.cart.change i.fa-caret-down {bottom: 0px;}


#shop_cart #full_price {position: relative; background: #f9f9f9; margin-top: 60px;}
#shop_cart #full_price div.table {display: table; width: 100%; border-left: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC;}
#shop_cart #full_price div.row {display: table-row; border-bottom: solid 1px #CCCCCC;}
#shop_cart #full_price div.cell {display: table-cell; text-align: center; vertical-align: middle; padding: 0px 5px; font-size: 14px; color: #333333; line-height: 60px;}
#shop_cart #full_price div.cell.price.brutto {padding-right: 20px;}

#shop_cart #full_price div.row.shipping {background: #eeeeee;}
#shop_cart #full_price div.row.price {background: #333333; border: solid 1px #333333;}
#shop_cart #full_price div.row.price div.cell {color: #ffffff;}

#shop_cart #full_price div.cell.price {text-align: right; white-space: nowrap; width: 30%;}
#shop_cart #full_price div.cell.price.brutto {font-weight: bold;}
#shop_cart #full_price div.cell span.curr {display: inline-block; margin-left: 5px;}


#shop_cart div.order_data {padding: 20px; border-top: solid 1px #CCCCCC; color: #333333; font-size: 14px;}
#shop_cart div.order_data div.title {line-height: 40px; font-size: 30px; margin-bottom: 10px;}
#shop_cart div.order_data.error div.title {line-height: 40px; font-size: 30px; margin-bottom: 10px; color: #FF0000;}
#shop_cart div.order_data div.row {width: 25%; min-width: 250px; display: inline-block; vertical-align: top; margin-left: -4px;}
#shop_cart div.order_data div.row div.data {display: inline-block; vertical-align: top;}
#shop_cart div.order_data div.row div.label {display: inline-block; vertical-align: top; max-width: 80%;}
#shop_cart div.order_data div.row div.price {display: inline-block; vertical-align: text-top;}
#shop_cart div.order_data div.info {display: inline-block; vertical-align: middle;}
#shop_cart div.order_data div.info img {max-width: 100%;}
#shop_cart div.order_data i.fa {padding: 2px; font-size: 18px;}
#shop_cart div.order_data i.fa.fa-usd {color: #FF0000;}
#shop_cart div.order_data i.fa.fa-check.free {color: #00CC00;}

#shop_cart div.order_data input[type="text"] {width: 343px; height: 40px; border: solid 1px #E0E0E0; padding: 0px 10px; margin: 0px 10px 0px 0px;}
html.msie #shop_cart div.order_data input[type="text"] {width: 323px;}
#shop_cart div.order_data input[type="password"] {width: 343px; height: 40px; border: solid 1px #E0E0E0; padding: 0px 10px; margin: 0px 10px 0px 0px;}
#shop_cart div.order_data select {width: 343px; height: 40px; border: solid 1px #E0E0E0; padding: 0px 10px; margin: 5px 10px 0px 0px;}
#shop_cart div.order_data textarea {width: 100%; height: 140px; border: solid 1px #E0E0E0; padding: 10px;}

#shop_cart div.order_data input.error[type="text"] {background: #FF0000; color: #FFFFFF;}
#shop_cart div.order_data input.error[type="password"] {background: #FF0000; color: #FFFFFF;}
#shop_cart div.order_data select.error {background: #FF0000; color: #FFFFFF;}
#shop_cart div.order_data textarea.error {background: #FF0000; color: #FFFFFF;}

i.fa.hover-layer {position: relative;}
i.fa.hover-layer span.layer {display: none; position: absolute; top: 17px; left: 10px; z-index: 100; min-width: 150px; padding: 10px; background: #FFFFFF; border: solid 1px #CCCCCC; box-shadow: 0px 0px 3px #333333; font-size: 14px; color: #333333;}
i.fa.hover-layer:hover span.layer {display: block;}

#shop_cart #shop_cart_pay div.row.barion-cart {position: relative;}
#shop_cart #shop_cart_pay div.row.barion-cart div.info {position: absolute; top: 20px; left: 10px;}
#shop_cart #shop_cart_pay div.row.barion-cart div.info i.fa.hover-layer span.layer {display: block; left: 0px; top: 0px; border: 0px; box-shadow: none;}
#shop_cart #shop_cart_pay div.row.barion-cart div.info i.fa.hover-layer span.layer img {width: 200px;}

#shop_cart #shop_cart_pay div.row.otpsimple-cart {position: relative;}
#shop_cart #shop_cart_pay div.row.otpsimple-cart div.info {position: absolute; top: 20px; left: 10px;}
#shop_cart #shop_cart_pay div.row.otpsimple-cart div.info i.fa.hover-layer span.layer {display: block; left: 0px; top: 0px; border: 0px; box-shadow: none;}
#shop_cart #shop_cart_pay div.row.otpsimple-cart div.info i.fa.hover-layer span.layer img {width: 200px;}

#shop_cart #shop_cart_user {border-top: 0px;}
#shop_cart #shop_cart_user input {margin: 10px 10px 10px 0px; width: 215px;}
html.msie #shop_cart #shop_cart_user input {width: 195px;}

#shop_cart #shop_cart_bill {display: inline-block; vertical-align: top; width: 400px; border-top: 0px;}
#shop_cart #shop_cart_shipping {display: inline-block; vertical-align: top; width: 400px; padding-right: 0px; margin-left: 20px; border-top: 0px;}

#shop_cart #shop_cart_ship div.row.noshow {display: none;}
#shop_cart #shop_cart_ship div.row.act {color: #333333; font-weight: bold;}
#shop_cart #shop_cart_ship div.row.inact {color: #AAAAAA;}

#shop_cart #shop_cart_ship div.shops-select {position: relative; width: 400px;}
#shop_cart #shop_cart_ship div.shops-select.hide {display: none;}
#shop_cart #shop_cart_ship div.shops-select.error input[type="text"] {background: #FF0000; color: #FFFFFF;}

#shop_cart #shop_cart_ship div.shops-select #postaPontApi {margin: 0px; width: 560px;}
#shop_cart #shop_cart_ship div.shops-select #postaPontApi #postaPontApi-inner {padding: 0px;}
#shop_cart #shop_cart_ship div.shops-select #postaPontApi #postaPontApi-inner #select_container {display: none;}
#shop_cart #shop_cart_ship div.shops-select #postaPontApi #postaPontApi-inner #pp-select-button {display: none;}
#shop_cart #shop_cart_ship div.shops-select #postaPontApi #postaPontApi-inner p {display: none;}
#shop_cart #shop_cart_ship div.shops-select #postaPontApi #postaPontApi-inner #pp-map-canvas {width: 560px !important; height: 320px !important;}

#shop_cart #shop_cart_ship div.shops-select {left: 380px; width: 560px;}
#shop_cart #shop_cart_bill {margin-bottom: 60px;}

#shop_cart #shop_cart_pay div.row.noshow {display: none;}
#shop_cart #shop_cart_pay div.row.act {color: #333333; font-weight: bold;}
#shop_cart #shop_cart_pay div.row.inact {color: #AAAAAA;}

#shop_cart #shop_cart_shipping_deadline select {width: 130px;}
#shop_cart #shop_cart_shipping_deadline select.year {width: 80px;}
#shop_cart #shop_cart_shipping_deadline select.day {width: 70px;}

#shop_cart div.order_data.address input {margin: 5px 1px 0px 0px;}
#shop_cart div.order_data.address input.settlement {width: 209px;}
#shop_cart div.order_data.address input.zip {width: 130px;}
#shop_cart div.order_data.address input.street {width: 209px;}
#shop_cart div.order_data.address select.street_type {width: 130px;}
#shop_cart div.order_data.address input.number {width: 209px;}
html.msie #shop_cart div.order_data.address input.settlement {width: 189px;}
html.msie #shop_cart div.order_data.address input.zip {width: 107px;}
html.msie #shop_cart div.order_data.address input.street {width: 189px;}
html.msie #shop_cart div.order_data.address select.street_type {width: 129px;}
html.msie #shop_cart div.order_data.address input.number {width: 189px;}
#shop_cart #shop_cart_bill.order_data.address label.company {width: 300px;}
#shop_cart #shop_cart_bill.order_data.address label.company input.checkbox {width: 50px;}

#shop_cart span.help_title {display: block; max-width: 50%; margin-bottom: 10px;}
#shop_cart #shop_cart_coupon i.fa.fa-question-circle {font-size: 25px; color: #00CC00; cursor: pointer;}

#shop_cart #shop_cart_newsletter {display: inline-block; vertical-align: top; border-top: 0px;}
#shop_cart #shop_cart_newsletter div.title {display: inline-block; line-height: 20px; font-size: 14px; font-weight: normal;}
#shop_cart #shop_cart_newsletter input {float: left; margin-right: 10px}

#shop_cart #shop_cart_aszf {display: inline-block; vertical-align: top; border-top: 0px;}
#shop_cart #shop_cart_aszf div.title {display: inline-block; line-height: 20px; font-size: 14px; font-weight: normal;}
#shop_cart #shop_cart_aszf input {float: left; margin-right: 10px}

#shop_cart #shop_cart_submit {border-top: 0px; text-align: center;}
#shop_cart #shop_cart_submit div.submit {text-align: center;}
#shop_cart #shop_cart_submit div.submit input.submit {border: 0px; text-align: center; height: 60px; width: 480px; background: #ff7711; color: #FFFFFF; font-size: 24px; text-transform: uppercase; cursor: pointer;}

#shop_cart div.order_data div.error div.label {color: #FF0000;}
#shop_cart div.order_data div.title.error {color: #FF0000;}
#shop_cart div.order_data div.title.error a {color: #FF0000;}


#shop_cart_ship div.shops-select p.title {line-height: 40px; font-size: 30px; margin: 10px 0px;}

#shop_cart_ship div.shops-select div.autocomplete_result {display: none; position: absolute; left: 0px; top: 100px; z-index: 100; width: 500px; padding: 5px; background: #FFFFFF; font-size: 12px; box-shadow: 0px 0px 3px #333333;}
#shop_cart_ship div.shops-select div.autocomplete_result table {width: 100%;}
#shop_cart_ship div.shops-select div.autocomplete_result tr:hover {background: #e1ded9;}
#shop_cart_ship div.shops-select div.autocomplete_result td {color: #505050; font-size: 12px; font-family: 'Monda', sans-serif; font-size: 12px;}
#shop_cart_ship div.shops-select div.autocomplete_result td {width: auto; padding-left: 10px;}
#shop_cart_ship div.shops-select div.autocomplete_result td a {display: block; color: #006634; font-size: 12px; font-family: 'Monda', sans-serif; font-size: 12px; text-decoration: none;}
#shop_cart_ship div.shops-select div.autocomplete_result td a:hover {color: #339966; font-size: 12px; font-family: 'Monda', sans-serif; font-size: 12px; text-decoration: none;}

#shop_cart_ship div.shop-info {display: none; margin-top: 10px; border: solid 1px #e0e0e0; background: #ffffff; padding: 5px 10px;}
#shop_cart_ship div.shop-info h3 {margin-bottom: 5px; font-weight: bold; font-size: 16px;}
#shop_cart_ship div.shop-info label {display: inline-block; width: 80px; vertical-align: top;}

#shop_cart div.order_data.address div.taxnumber_box {position: relative;}
div.address-ac-result {position: absolute; z-index: 10; background-color: #FFFFFF; border: solid 1px #AAAAAA; padding: 5px; max-height: 200px; overflow: auto;}
div.address-ac-result a {display: block; color: #333333; font-size: 12px; white-space: nowrap; line-height: 16px; cursor: pointer;}
div.address-ac-result a:hover {background-color: #EEEEEE;}


#payment_return_message {font-size: 21px; margin: 25px auto; text-align: center; font-weight: bold;}
#payment_return_message.successfully {color: #00AA00;}
#payment_return_message.failed {color: #FF0000;}

/* ################## SHOP SEARCH ################## */

#shop_search_form {width: 400px; margin: 20px auto;}
#shop_search_form h2.title {display: block; text-align: center; font-weight: bold; font-size: 18px; margin-bottom: 10px;}
#shop_search_form label {width: 180px; display: inline-block; margin: 5px; font-weight: bold;}
#shop_search_form input {width: 180px; margin: 5px; border: 0px; border-radius: 2px;}
#shop_search_form select {width: 180px; margin: 5px; border-radius: 2px;}
#shop_search_form input.submit {display: block; width: auto; margin: 10px auto; padding: 5px; border-radius: 2px; background: #555555; color: #ffffff;}


#shop_search_form div.autocomplete_result {position: absolute; right: 0px; top: 25px; z-index: 100; width: 600px; padding: 10px; background: #FFFFFF; font-size: 12px; z-index: 100; box-shadow: 0px 0px 3px #333333;}
#shop_search_form div.autocomplete_result table {width: 100%;}
#shop_search_form div.autocomplete_result tr {border-bottom: solid 1px #CCCCCC;}
#shop_search_form div.autocomplete_result tr:hover {background: #f0f0f0;}
#shop_search_form div.autocomplete_result td {color: #505050; font-size: 12px; font-family: 'Monda', sans-serif; font-size: 12px; line-height: 40px;}
#shop_search_form div.autocomplete_result td#i {text-align: left; width: 40px; background: #FFFFFF;}
#shop_search_form div.autocomplete_result td#i img {height: 30px; max-width: 80px;}
#shop_search_form div.autocomplete_result td#n {width: 330px;}
#shop_search_form div.autocomplete_result td#n a {display: block; width: 430px; padding-left: 10px; overflow: hidden; color: #999999; font-size: 14px; font-family: 'Monda', sans-serif; text-decoration: none; white-space: nowrap;}
#shop_search_form div.autocomplete_result td#p {color: #cf0918; text-align: right; padding-right: 10px;}
#shop_search_form div.autocomplete_result td#p a {display: block; color: #ff0000; font-weight: bold; text-align: right; padding-right: 10px;}
#shop_search_form div.autocomplete_result tr.next {border: 0px;}
#shop_search_form div.autocomplete_result tr.next:hover {background: transparent;}
#shop_search_form div.autocomplete_result tr.next td {text-align: right;}
#shop_search_form div.autocomplete_result tr.next a {margin: 10px 30px; color: #ffffff; line-height: 30px; text-align: center; font-size: 14px; display: block; background: #333333; border-radius: 5px;}
#shop_search_form div.autocomplete_result tr.next a:hover {background: #777777;}


/* ################## FAQ ################## */

#faq #faq_list div.item div.title {margin: 0px 0px 10px 0px;}
#faq #faq_list div.item div.title h2 {display: inline-block; vertical-align: top;}
#faq #faq_list div.item div.title h2 a {display: inline-block; vertical-align: top; color: #333333; line-height: 30px; text-transform: uppercase;}
#faq #faq_list div.item a.button {display: inline-block; margin-right: 10px; padding: 0px 10px; border: solid 1px #333333; color: #333333; cursor: pointer; vertical-align: top; line-height: 30px; text-transform: uppercase; font-weight: bold;}
#faq #faq_list div.item a.button i {margin: 0px; font-size: 20px; color: #333333; line-height: 30px;}
#faq #faq_list div.item a.button:hover {background: #333333; color: #FFFFFF;}
#faq #faq_list div.item a.button:hover i {color: #FFFFFF;}
#faq #faq_list div.item div.title a.hide {display: none;}
#faq #faq_list div.item div.title a span {display: none; margin-left: 10px; line-height: 30px;}

#faq #faq_list div.item h3 {line-height: 20px; margin-bottom: 10px;}
#faq #faq_list div.item div.lead div.text {display: none; margin: 0px 0px 30px 0px;}
#faq #faq_list div.item div.lead div.text a.more {margin: 5px 0px;}
#faq #faq_list div.item div.lead div.text a.more span {margin-right: 10px;}

/* ################## RESPONSIVE MENU ################## */

#mobil-navigation-menu a.m-menu {display: none; position: fixed; top: 0px; left: 0px; width: 70px; height: 60px; background: rgba(0,0,0,0.4); z-index: 100;}
#mobil-navigation-menu a.m-content {display: none; position: fixed; top: 0px; right: 0px; width: 70px; height: 60px; background: rgba(0,0,0,0.4); z-index: 100;}
#mobil-navigation-menu i.fa.fa-bars {position: absolute; top: 15px; left: 20px; font-size: 30px; color: #FFFFFF; z-index: 11;}
#mobil-navigation-menu i.fa.fa-file-text-o {position: absolute; top: 15px; right: 20px; font-size: 30px; color: #FFFFFF; z-index: 11;}

/* ################## COOKIE CHECK ################## */

#cookie_check {position: fixed; bottom: 0px; z-index: 100; width: 100%; height: 60%; background: rgba(1,1,1,0.5); text-align: left; opacity: 1; transition: all 0.3s ease-in-out 0s;}
#cookie_check form.cookie_check {position: relative; padding: 10px 10px 30px 10px; max-width: 1000px; margin: auto; text-align: center; background: rgba(3,3,3,0.8);}
#cookie_check div.text {padding: 5% 150px 15px 20px; text-align: left; line-height: 19px; font-size: 15px; color: #FFFFFF; font-weight: normal;}
#cookie_check div.text a {font-size: 15px; color: #e0bc03; font-weight: normal;}
#cookie_check div.text label {display: block; font-weight: normal;}
#cookie_check div.text a:hover {color: #FFFFFF;}
#cookie_check .button.all {display: inline-block; margin: 0px 5px; min-width: 170px; border-radius: 5px; top: 10px; text-align: center; line-height: 40px; font-size: 18px; color: #fff; font-weight: normal; background: #cc0000; cursor: pointer; transition: all 0.3s ease-in-out 0s; text-decoration: none;}
#cookie_check .button:hover {background: #ff0000;}
#cookie_check .button.act {display: inline-block; margin: 0px 5px; min-width: 170px; border-radius: 5px; top: 10px; text-align: center; line-height: 40px; font-size: 16px; color: #fff; border: solid 1px #fff; font-weight: normal; background: transparent; cursor: pointer; transition: all 0.3s ease-in-out 0s; text-decoration: none;}

/* ################## gallery slider ################## */

#gallery.gslider {position: relative; display: block; margin: 0 auto; padding: 0; width: 100%; height: auto; overflow: hidden;}
#gallery.gslider div.images {display: block; left: 0px; transition: all 1000ms ease 0s; transform: translate3d(0px, 0px, 0px); white-space: nowrap;}
#gallery.gslider div.images div.image {padding: 5px; margin: 5px; border: 1px solid #dadada;}
#gallery.gslider i.nav {position: absolute; top: 60px; color: rgba(255,255,255,0.7); display: inline-block; font-size: 50px; z-index: 10; cursor: pointer;}
#gallery.gslider i.nav:hover {color: rgba(255,255,255,0.9);}
#gallery.gslider i.nav.prev {left: 30px;}
#gallery.gslider i.nav.next {right: 30px;}

/* ################## slider ################## */

div.orbit-wrapper div.slider-nav span.left {background: transparent;}
div.orbit-wrapper div.slider-nav span.right {background: transparent;}
div.orbit-wrapper ul.orbit-bullets {display: none;}
div.orbit-wrapper div.timer {display: none;}


/* ################## rendszer urlapok ################## */



#admin_box.admin.edit {position: relative;}
#admin_box.admin.edit {max-width: 1200px; width: 98%; margin: 1% auto 1% auto;}
#admin_box.admin.edit div:target {padding-top: 50px !important;}

#admin_box.admin.edit .hidden {visibility: hidden;}

#admin_box.admin.edit div.title {color: #009fb4; font-family: Roboto, sans-serif; font-size: 30px; font-weight: bold; margin: 10px 0px 20px 0px;}
#admin_box.admin.edit div.title.successful {background: #00ccaa; color: #FFFFFF; font-size: 20px; line-height: 45px; padding: 0px 20px; font-weight: normal;}
#admin_box.admin.edit div.title.error {background: #ff6372; color: #FFFFFF; font-size: 20px; line-height: 45px; padding: 0px 20px; font-weight: normal;}

#admin_box.edit div.title a.view {float: right; line-height: 40px; color: #FFFFFF; font-size: 16px; font-weight: normal; background: #009fb4; text-transform: uppercase; padding: 0px 10px;}
#admin_box.edit div.title a.view:hover {background: #006F84;}
#admin_box.edit div.title a.view i.fas {margin-right: 10px; line-height: 40px; color: #FFFFFF; font-size: 30px; vertical-align: middle;}

#admin_box.admin.edit div.subtitle {color: #009fb4; font-family: Roboto, sans-serif; font-size: 22px; font-weight: bold; margin: 20px 0px 10px 0px;}
#admin_box.admin.edit a.subtitle {display: block; color: #009fb4; font-family: Roboto, sans-serif; font-size: 22px; font-weight: bold; margin: 20px 0px 10px 0px; cursor: pointer;}

#admin_box.admin.edit legend {font-size: 14px; color: rgba(0,111,132,0.5); line-height: 30px; text-transform: uppercase;}
#admin_box.admin.edit fieldset {border: solid 1px #d1d1d1; margin: 30px 0px; padding: 5px 10px; background: rgba(255,255,255,0.5);}

#admin_box.admin.edit div.input_box {margin-bottom: 15px;}
#admin_box.admin.edit div.input_box div.input.hide {display: none;}
#admin_box.admin.edit div.input_box div.label {font-size: 20px; color: #006F84; line-height: 30px; padding: 2px;}
#admin_box.admin.edit div.input_box.ajax_edit div.label {display: block; position: relative; line-height: 43px; padding: 0px 0px 0px 15px; border: solid 1px #b9b9b9;}
#admin_box.admin.edit div.input_box.ajax_edit.edit div.label {display: none;}
#admin_box.admin.edit div.input_box.ajax_edit div.input {display: none;}
#admin_box.admin.edit div.input_box.ajax_edit.edit div.input {display: block;}

#admin_box.admin.edit div.input_box div.input {position: relative; min-height: 45px;}
#admin_box.admin.edit div.input_box .icon {display: block; position: absolute; top: 1px; padding: 0px; margin: 0px; width: 41px; line-height: 41px; height: 41px; border: solid 1px #FFFFFF; text-align: center; color: #FFFFFF; font-size: 30px; cursor: pointer; background: #009fb4; font-family: FontAwesome;}
#admin_box.admin.edit div.input_box .icon div.text {visibility: hidden; opacity: 0; position: absolute; top: -1px; right: 41px; width: 190px; padding: 5px; font-size: 15px; line-height: 21px; min-height: 31px; max-height: 300px; overflow: auto; border: solid 1px #FFFFFF; text-align: left; transition: visibility 0.5s, opacity 0.5s linear; background: #009fb4;}
#admin_box.admin.edit div.input_box .icon div.text a {color: #FFFFFF; font-weight: bold;}
#admin_box.admin.edit div.input_box .icon div.text a:hover {color: #20DfF4; font-weight: bold;}
#ajax_layer #admin_box.admin.edit div.input_box .icon div.text {color: #FFFFFF;}
#admin_box.admin.edit div.input_box.error a.icon.important div.text {visibility: visible; opacity: 1;}
#admin_box.admin.edit div.input_box .icon.important div.text {background: #ff6372;}
#admin_box.admin.edit div.input_box .icon:hover div.text {visibility: visible; opacity: 1;}
#admin_box.admin.edit div.input_box a.icon.show.important div.text {visibility: visible; opacity: 1;}
#admin_box.admin.edit div.input_box a.icon.show.help div.text {visibility: visible; opacity: 1;}
#admin_box.admin.edit div.input_box a.icon.edit {right: 0px; top: 0px;}
#admin_box.admin.edit div.input_box .icon.important {right: 43px; background: #ff6372; z-index: 1;}
#admin_box.admin.edit div.input_box .icon.help {right: 1px; z-index: 2;}
#admin_box.admin.edit div.ajax_edit.input_box .icon.important {right: 127px;}
#admin_box.admin.edit div.ajax_edit.input_box .icon.help {right: 85px;}
#admin_box.admin.edit div.ajax_edit.input_box a.icon.save {right: 43px; z-index: 3;}
#admin_box.admin.edit div.ajax_edit.input_box a.icon.undo {right: 1px; z-index: 4;}
#admin_box.admin.edit div.input_box .icon:after { font-family: FontAwesome; color: #FFFFFF; font-size: 25px;}
#admin_box.admin.edit div.input_box a.icon.edit:after {content: "\f044";}
#admin_box.admin.edit div.input_box .icon.important:after {content: "\f12a";}
#admin_box.admin.edit div.input_box .icon.help:after {content: "\f128";}
#admin_box.admin.edit div.input_box a.icon.save:after {content: "\f0c7";}
#admin_box.admin.edit div.input_box a.icon.undo:after {content: "\f0e2";}
#admin_box.admin.edit div.input_box a.icon.show:after {content: "\f00d";}

#admin_box.admin.edit .dlabel {display: inline-block; margin: 0px 5px 5px 0px; min-width: 500px; line-height: 45px; font-size: 20px; padding: 0px 100px 0px 20px; border: solid 1px #d1d1d1; max-width: 800px; color: #6d6d6d; background: linear-gradient(to bottom,#F5F5F5,#FFFFFF); border-radius: 2px;}
#admin_box.admin.edit .dlabel:hover {background: linear-gradient(to bottom,#dddddd,#eeeeee);}
#admin_box.admin.edit div.input_box a.link i.fa {display: inline-block; margin: 0px 5px 0px 5px; line-height: 45px; font-size: 20px;}


#admin_box.admin.edit div.input_box input.text {width: 100%; color: #666666; font-family: Roboto, sans-serif; font-size: 20px; border: solid 1px #d1d1d1; background: #FFFFFF; padding: 0px 100px 0px 20px; height: 45px;}
#admin_box.admin.edit div.input_box select.text {width: 100%; color: #666666; font-family: Roboto, sans-serif; font-size: 20px; border: solid 1px #d1d1d1; background: #FFFFFF; padding: 0px 100px 0px 20px; height: 45px;}

#admin_box.admin.edit div.input_box.checkbox div.input {padding-right: 100px;}
#admin_box.admin.edit div.input_box.checkbox label {display: inline-block; vertical-align: top; font-size: 20px; line-height: 45px; margin-right: 30px; min-width: 110px;}
#admin_box.admin.edit div.input_box input.checkbox {width: 25px; height: 40px; display: inline-block; vertical-align: top; margin-right: 10px;}
#admin_box.admin.edit div.input_box:target {padding-top: 60px;}

#admin_box.admin.edit div.input_box input.text[readonly] {background: #DDDDDD;}
#admin_box.admin.edit div.input_box select.text[readonly] {background: #DDDDDD;}
#admin_box.admin.edit div.input_box input.checkbox[readonly] {background: #DDDDDD;}
#admin_box.admin.edit div.input_box textarea.textarea[readonly] {background: #DDDDDD;}

#admin_box.admin.edit a.button {display: inline-block; width: auto; color: #FFFFFF; font-family: Roboto, sans-serif; font-size: 20px; background: #009fb4; padding: 0px 20px; line-height: 45px; text-align: left; border: 0px; font-weight: normal; cursor: pointer;}
#admin_box.admin.edit a.button:hover {background: #006F84; transition: background-color 0.5s linear;}

#admin_box.admin.edit div.input_box.checkbox div.input.text {padding-right: 0px;}
#admin_box.admin.edit div.input_box textarea.textarea {width: 100%; margin-bottom: 15px; color: #666666; font-family: Roboto, sans-serif; font-size: 20px; border: solid 1px #d1d1d1; background: #FFFFFF; padding: 20px; height: 200px;}
#admin_box.admin.edit div.input_box textarea.textarea.description {height: 500px;}
#admin_box.admin.edit input.submit {display: block; width: auto; margin: 20px auto; color: #FFFFFF; font-family: Roboto, sans-serif; font-size: 36px; background: #009fb4; padding: 0px 100px; height: 80px; text-align: center; border: 0px; font-weight: normal; text-transform: uppercase; cursor: pointer;}
#admin_box.admin.edit input.submit:hover {background: #006F84; transition: background-color 0.5s linear;}

#admin_box.admin.edit div.input_box.error div.label {font-size: 20px; color: #FF0000; line-height: 30px; padding: 2px;}
#admin_box.admin.edit div.input_box.error a.important {background: url('/pictures/important.png') no-replay top right #ff0000;}
#admin_box.admin.edit div.input_box.error input.text {border: solid 1px #FF0000;}
#admin_box.admin.edit div.input_box.error select.text {border: solid 1px #FF0000;}
#admin_box.admin.edit div.input_box.error textarea.textarea {border: solid 1px #FF0000;}

#admin_box.admin #submenu {margin: 20px 0px 10px 0px;}
#admin_box.admin #submenu li {display: inline-block; padding: 0px; margin-right: 1px;}
#admin_box.admin #submenu li a {display: block; text-align: center; padding: 0px 20px; background: #5d4240; color: #FFFFFF; line-height: 45px; font-family: "Roboto Condensed", sans-serif; font-size: 18px;}
#admin_box.admin #submenu li a:hover {background: #7d6260;}
#admin_box.admin #submenu li a.active {background: #7d6260;}

#admin_box.admin.edit div.pre_input_label {font-size: 20px; color: #006F84; line-height: 30px; padding: 2px;}


#admin_box div.acbox {position: relative;}
#admin_box div.acresult {position: absolute; top: 43px; left: 0px; padding: 5px; border: solid 1px #D1D1D1; background: #F5F5F5; font-size: 13px; z-index: 100; max-height: 300px; min-width: 250px; overflow: auto;}
#admin_box div.acresult i.close {position: absolute; top: 5px; right: 5px; color: #FF6372; font-size: 20px; z-index: 110;}
#admin_box.admin.edit div.input_box div.acresult a {display: block; position: relative; top: auto; width: auto; line-height: 20px; height: auto; border: solid 0px #FFFFFF; text-align: left; color: #009FB4; font-size: 18px;}
#admin_box div.connect_result label {display: inline-block; vertical-align: top; min-width: 200px; font-size: 20px; line-height: 45px;}
#admin_box div.connect_result label input.checkbox {width: 25px; height: 40px; display: inline-block; vertical-align: top; margin-right: 10px;}


#admin_box a.eye_check {display: inline-block; line-height: 30px; padding: 0px 10px; font-size: 18px; color: #FFFFFF; background: #009FB4; position: absolute; top: 0px; right: 0px;}
#admin_box a.eye_check:hover {background: #006F84; transition: background-color 0.5s linear;}


#admin_box iframe.admin_images_iframe {width: 98%; height: 210px;}
#admin_box iframe.admin_files_iframe {width: 98%; height: 400px;}

#admin_box #upload_box #admin_tabs_menu {border: 0px; text-align: left; margin: 10px 0px;}
#admin_box #upload_box #admin_tabs_menu div.tab  {background-color: #009FB4; color: #FFFFFF; display: inline-block; padding: 0px 20px; vertical-align: top; font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: normal; line-height: 40px; text-transform: uppercase;}
#admin_box #upload_box #admin_tabs_menu div.tab:hover  {background-color: #006F84; color: #FFFFFF;}
#admin_box #upload_box #admin_tabs_menu div.tab_hover  {background-color: #006F84; color: #FFFFFF; display: inline-block; padding: 0px 20px; vertical-align: top; font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: normal; line-height: 40px; text-transform: uppercase;}
#admin_box #upload_box #admin_tabs_menu div.tab_inactive {filter: alpha(opacity='50'); opacity:0.5;}
#admin_box #upload_box #admin_tabs_menu a {text-decoration: none;}


#admin_box.admin.edit div.input_box div.jFiler-input-button {background: #009FB4; color: #FFFFFF; font-family: Roboto, sans-serif; font-size: 20px; line-height: 45px; padding: 0px 10px 0px 10px; width: auto; max-width: 100%; cursor: pointer;}
#admin_box.admin.edit div.input_box div.jFiler-input-button:before {padding-right: 10px; font-family: FontAwesome; color: #FFFFFF; font-size: 25px; text-align: center; width: 40px; line-height: 40px; content: "\f093"; vertical-align: middle;}
#admin_box.admin.edit div.input_box div.jFiler-input-button:hover {background: #006F84;}


#admin_box.edit.gallery table.admin_form_table {width: 100%;}
#admin_box.edit.gallery table.admin_form_table tr.head {}
#admin_box.edit.gallery table.admin_form_table tr.head span {display: inline-block; vertical-align: top; width: 15%; margin: 0px -4px 5px 0px; line-height: 30px; background: #006F84; padding: 0px 2px; color: #FFFFFF; font-size: 15px;}
#admin_box.edit.gallery table.admin_form_table tr.head span.img {width: 40px; padding-left: 10px;}
#admin_box.edit.gallery table.admin_form_table tr.head span.number {width: 5%;}
#admin_box.edit.gallery table.admin_form_table tr.head span.keywords {width: 10%;}
#admin_box.edit.gallery table.admin_form_table tr.head span.save {width: 40px;}
#admin_box.edit.gallery table.admin_form_table tr.head span.delete {width: 40px;}
#admin_box.edit.gallery table.admin_form_table input {vertical-align: top; width: 15%; margin-bottom: 2px; height: 30px; padding: 0px 3px;}
#admin_box.edit.gallery table.admin_form_table input.description {qwidth: 20%;}
#admin_box.edit.gallery table.admin_form_table input.number {width: 5%;}
#admin_box.edit.gallery table.admin_form_table select {vertical-align: top; width: 10%; margin-bottom: 2px; height: 30px;}
#admin_box.edit.gallery table.admin_form_table i.fa {font-size: 25px; margin: 0px 5px; cursor: pointer;}
#admin_box.edit.gallery table.admin_form_table i.fa.save {color: #00CC00; margin-left: 10px;}
#admin_box.edit.gallery table.admin_form_table i.fa.delete {color: #DD0000;}




/* ################## form menu ################## */

#domain_admin_form_menu {border: 0px; text-align: left; margin: 10px 0px;}
#domain_admin_form_menu div.menu  {background-color: #009fb4; color: #FFFFFF; display: inline-block; padding: 0px 20px; vertical-align: top;}
#domain_admin_form_menu div.menu:hover  {background-color: #006F84; color: #FFFFFF;}
#domain_admin_form_menu div.menu_hover  {background-color: #006F84; color: #FFFFFF; display: inline-block; padding: 0px 20px; vertical-align: top;}
#domain_admin_form_menu div.transparent {filter: alpha(opacity='50'); opacity:0.5;}
#domain_admin_form_menu div.number {display: none;}
#domain_admin_form_menu div.text {font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: normal; line-height: 40px; text-transform: uppercase;}
#domain_admin_form_menu a {text-decoration: none;}



#mobil-navigation-menu {display: none;}
#body #menu_wrapper a.mmenu {display: none; position: fixed; top: 0px; left: 0px; width: 60px; height: 60px; min-width: 60px; min-height: 60px; z-index: 200; background: rgba(33,33,33,0.5);}
html.admin-user #body #menu_wrapper a.mmenu {top: 50px;}
#body #menu_wrapper a.mmenu i.fa {position: absolute; top: 15px !important; left: 15px; font-size: 30px; color: #fff; z-index: 211;}
#body #menu_wrapper a.mmenu.close i.fa {left: 20px;}

#body #menu_wrapper:target a.mmenu.close {display: block;}
#body #menu_wrapper:target a.mmenu.open {display: none;}


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

#body #menu_wrapper {display: block; width: 100%; max-width: 600px; padding: 0px; margin: 0px auto; border: none;}

#body #menu_wrapper a.mmenu.open {display: block;}



#top_box_cont #menu_top {display: block; width: 100%;}
#top_box_cont #menu_wrapper #menu_top {display: block; width: 100%;}

#menu_wrapper #menu_top.lev2 {display: block; width: 100%; height: 0px; opacity: 0; transition: opacity 250ms ease 0s; overflow: hidden; float: none;}
#menu_wrapper #menu_top.lev2 li, #menu_wrapper #menu_top li.lev2 {display: none; overflow: visible;}
#menu_wrapper:target {display: block; height: auto;}
#menu_wrapper:target #menu_top.lev2 {display: block; width: auto; height: auto; opacity: 1; transition: opacity 250ms ease 0s;}
#menu_wrapper:target #menu_top.lev2 li.lev2 {display: block; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out;}
#menu_wrapper #menu_top.lev2 li.lev2 {display: block; width: 100%; margin: 0px; padding: 0px;}
#menu_wrapper #menu_top.lev2 li.lev2 a {line-height: 50px; text-align: center; white-space: normal; width: 100%; border-bottom: solid 1px #DDDDDD;}

#menu_wrapper #menu_top.lev2 li.lev2 ul.lev3 {display: none; padding: 0px;}
#menu_wrapper #menu_top.lev2 li.lev2.mobil ul.lev3 {display: block; padding: 0; width: 100%; position: relative; left: auto; top: auto; bottom: auto; right: auto;}
#menu_wrapper #menu_top.lev2 li.lev2 ul.lev3 li.lev3 {border-bottom: 0px;}
#menu_wrapper #menu_top.lev2 li.lev2.mobil ul.lev3 li.lev3 {display: block; width: 100%; margin: 0; padding: 0;}
#menu_wrapper #menu_top.lev2 li.lev2.mobil ul.lev3 li.lev3 a {line-height: 40px; padding: 0px; text-align: center; white-space: normal; border-bottom: solid 1px #FFFFFF;}

#menu_wrapper #menu_top.lev2 li.lev3 ul.lev4 {display: none; opacity: 1;}
#menu_wrapper #menu_top.lev2 li.lev3:hover ul.lev4 {display: none;}
#menu_wrapper #menu_top.lev2 li.lev3.mobil ul.lev4 {display: block; width: 100%; position: relative; left: auto; top: auto; bottom: auto; right: auto;}
#menu_wrapper #menu_top.lev2 li.lev3.mobil ul.lev4 li.lev4 {display: block; width: 100%; margin: 0px; padding: 0px;}
#menu_wrapper #menu_top.lev2 li.lev3.mobil ul.lev4 li.lev4 a {line-height: 40px; display: block; text-align: center; white-space: normal; padding: 0px; border-bottom: solid 1px #FFFFFF;}

#menu_wrapper #menu_top.lev2 li.lev4 ul.lev5 {display: none; opacity: 1;}
#menu_wrapper #menu_top.lev2 li.lev4:hover ul.lev5 {display: none;}
#menu_wrapper #menu_top.lev2 li.lev4.mobil ul.lev5 {display: block; width: 100%; position: relative; left: auto; top: auto; bottom: auto; right: auto;}
#menu_wrapper #menu_top.lev2 li.lev4.mobil ul.lev5 li.lev5 {display: block; width: 100%; margin: 0px; padding: 0px;}
#menu_wrapper #menu_top.lev2 li.lev4.mobil ul.lev5 li.lev5 a {line-height: 40px; display: block; text-align: center; white-space: normal; padding: 0px; border-bottom: solid 1px #FFFFFF;}

}


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

#cookie_check div.text {padding: 15px 20px 50px 20px;}
#cookie_check .button {top: auto; bottom: 10px;}
#cookie_check .button.all {top: auto; right: 150px;}

}


/* DEFAULT END */



/* DEMO ADMIN START */



/* DEMO ADMIN END */



/* DOMAIN ADMIN START */

#navigation {
	height: 40px;
}


/* DOMAIN ADMIN END */



/* COLORBOX START */

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(/js/jquery/colorbox/images/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(/js/jquery/colorbox/images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(/js/jquery/colorbox/images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/js/jquery/colorbox/images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(/js/jquery/colorbox/images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(/js/jquery/colorbox/images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/js/jquery/colorbox/images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/js/jquery/colorbox/images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/js/jquery/colorbox/images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(/js/jquery/colorbox/images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(/js/jquery/colorbox/images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(/js/jquery/colorbox/images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/js/jquery/colorbox/images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/js/jquery/colorbox/images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/* COLORBOX END */



/* DEMO USER START */



/* DEMO USER END */



/* DOMAIN USER START */

html.admin-user.homepage #body #top_admin_menu {qdisplay: none;}
html.admin-user.homepage #body #top_admin_login {qdisplay: none;}

#body.responsive div.site-info-body {font-size: 16px; color: #666;}
#body #main {font-family: 'Titillium Web', sans-serif;}

p {font-family: 'Titillium Web', sans-serif; font-size: 16px; color: #666; font-weight: 300;}
p strong {font-weight: 600;}

#content h1 {color: #1b2a56; font-size: 24px; margin-bottom: 25px; text-transform: uppercase; font-weight: 200;}
#content h2 {font-size: 18px; color: #2a3042; font-family: 'Titillium Web', sans-serif; font-weight: 400; padding-bottom: 5px;}

#content .content a {color: #3164a3; font-family: 'Titillium Web', sans-serif; font-size: 16px; font-weight: 300;}

#content div.lead {margin-bottom: 25px;}
#content div.lead p {font-family: 'Titillium Web', sans-serif; font-size: 16px; color: #666; font-weight: 400;}
.content img {qfloat: right; width: auto; height: auto; max-width: 100%; margin-left: 25px;}

#content table {margin: 0;}

#body #main_center .main_center {margin: 35px auto; max-width: 1120px; width: 100%;}
.html-7200 #body #main_center .main_center {margin: 0 auto; width: 100%; max-width: 100%;}

.content ul {list-style: none; padding-left: 30px;}
.content li {font-size: 16px; line-height: 23px; list-style: none !important; text-indent: -1em;}
.content li::before {content: ""; color: #3164a3; font-size: 16px; display: inline-block; margin-left: 0.5em; margin-right: 0.5em; line-height: 16px;}
.content li a {font-size: 16px;}

#content i {color: #223564; font-size: 21px; margin-right: 5px;}


html.user-user #body #top_admin_menu {display: none;}
html.user-user #body #top_admin_login {display: none;}



/*fejléc*/

#top_wrapper {width: 100%; height: auto; padding: 5px 0; background: #e8e9ec;}
#top_wrapper .top_inner {position: relative; max-width: 1120px; width: 100%; display: block; margin: 0 auto; height: auto; overflow: hidden;}

#top_box_cont {position: fixed !important; z-index: 5; width: 100%; background: #FFFFFF;}
qbody.scroll-down #top_box_cont #head_wrapper {display: none;}
qbody.scroll-down #top_box_cont #top_wrapper div.top_inner {background: url(/upload/files/237/soyer-magyarorszag-9671.png) no-repeat 0px 0px #e8e9ec; background-size: 30px;}
qbody.scroll-down #top_box_cont #top_wrapper div.top_inner::before {margin-left: 40px; content: 'Soyer Magyarország Kft.'; font-size: 20px; line-height: 24px; color: #000; font-weight: 700; font-family: 'Titillium Web', sans-serif;}



#top_wrapper ul.topaddress {margin: 0px; padding: 0px; float: left; white-space:nowrap;}
#top_wrapper ul.topaddress li {margin: 0px; padding: 0px 10px 0px 0px; display: inline-block; white-space: nowrap; font-size: 16px; color: #333; font-family: 'Titillium Web', sans-serif;}

#menu_top_index {position: absolute; top: 5px; right: 5px; display: inline-block; vertical-align: middle; width: 200px; margin-left: 0%; text-align: right;}
#menu_top_index li {display: block; width: auto; margin-right: 6px; padding-left: 10px;}
#menu_top_index li a {display: block; font-size: 16px; color: #333; font-family: 'Titillium Web', sans-serif; webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#menu_top_index li a:hover {color: #bb0020;}


#head_wrapper {width: 100%; height: auto; padding: 0px;}
#head_wrapper #head_inner {max-width: 1120px; width: 100%; height: auto; padding:0px; display: block; margin: 0 auto; position: relative;}
#head_wrapper #head_inner .left {display: inline-block; vertical-align: middle; max-width: 470px; width: 100%; margin-right: -4px; text-align: left; padding-top: 10px;}
#head_wrapper #head_inner .left h2 {display: inline-block; vertical-align: middle;}
#head_wrapper #head_inner .left h2 span {font-size: 18px; color: #333; font-weight: 300; font-family: 'Titillium Web', sans-serif;}
#head_wrapper #head_inner .left img {display: inline-block; vertical-align: middle;}
#head_wrapper #head_inner .left a h2, #head_wrapper #head_inner .left a {font-size: 24px; color: #000; font-weight: 700; font-family: 'Titillium Web', sans-serif;}


#head_wrapper #head_inner .right a.fb {position: absolute; top: 109px; right: 40px; z-index: 5; font-size: 30px; color: #3164a3;}
#head_wrapper #head_inner .right a.ld {position: absolute; top: 109px; right: 10px; z-index: 5; font-size: 30px; color: #3164a3;}

/*head menus*/

#menu_wrapper {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#29477c+0,1f2e5b+100 */
background: #29477c; /* Old browsers */
background: -moz-linear-gradient(top, #29477c 0%, #1f2e5b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #29477c 0%,#1f2e5b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #29477c 0%,#1f2e5b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29477c', endColorstr='#1f2e5b',GradientType=0 ); /* IE6-9 */
height: auto; width: 100%; display: block;}
#menu_wrapper #menu_top {line-height: 55px; max-width: 1120px; width: 100%; margin: 0 auto;}
#menu_wrapper #menu_top li.lev2 a {font-size: 18px; color: #fff; font-weight: 400; font-family: 'Titillium Web', sans-serif; webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out;}
#menu_wrapper #menu_top li.lev2 a:hover, #menu_wrapper #menu_top li.lev2 a.active {color: #fff; background: #bb0020;}


/*sub menus*/

#menu_wrapper #menu_top li.lev2 ul.lev3 {top: 55px; background: #97001a; padding: 0px;}
#menu_wrapper #menu_top li.lev2 ul.lev4 {left: 100%; background: #7d0015; padding: 0px;}
#menu_wrapper #menu_top li.lev2 ul.lev3, #menu_wrapper #menu_top li.lev2 ul.lev4 {border: none; width: auto; white-space: nowrap; line-height: 18px;}
#menu_wrapper #menu_top li.lev3, #menu_wrapper #menu_top li.lev4 {width: auto; padding: 0px; border-bottom: 0px;}
#menu_wrapper #menu_top li.lev2 ul.lev3 li.lev3 a, #menu_wrapper #menu_top li.lev2 ul.lev4 li.lev4 a {padding: 10px 15px; font-size: 16px !important; font-weight: 400 !important;}
#menu_wrapper #menu_top li.lev2 ul.lev3 li.lev3 a:hover, #menu_wrapper #menu_top li.lev2 ul.lev4 li.lev4 a:hover, #menu_wrapper #menu_top li.lev2 ul.lev3 li.lev3 a.active, #menu_wrapper #menu_top li.lev2 ul.lev4 li.lev4 a.active {color: #fff;}

/*sub menus*/

#menu_wrapper #menu_top li.lev2 ul.lev5 {left: 100%; background: #7d0015; padding: 0px;}
#menu_wrapper #menu_top li.lev2 ul.lev5 {border: none; width: auto; white-space: nowrap; line-height: 18px;}
#menu_wrapper #menu_top li.lev5 {width: auto; padding: 0px; border-bottom: 0px;}
#menu_wrapper #menu_top li.lev2 ul.lev5 li.lev5 a {padding: 10px 15px; font-size: 16px !important; font-weight: 400 !important;}
#menu_wrapper #menu_top li.lev2 ul.lev5 li.lev5 a:hover, #menu_wrapper #menu_top li.lev2 ul.lev5 li.lev5 a.active {color: #fff;}




#shop_cart_inc {font-size: 14px; color: #3164a3; font-weight: 700; text-align: left; font-family: 'Titillium Web', sans-serif; position: absolute; right: 330px; top: 10px; width: 100px;}
#shop_cart_inc .shop_cart_inc_box {position: relative; text-align: center;}
#shop_cart_inc .shop_cart_inc_box a.cart {position: static; top: 0px; right: 0px;}
#shop_cart_inc .shop_cart_inc_box a.cart .fa.fa-shopping-basket {color: #e20016; font-size: 22px;}
#shop_cart_inc .shop_cart_inc_box a.cart .fa-shopping-basket:before {content: "\f07a";}
#shop_cart_inc .shop_cart_inc_box div.title {display: none;}
#shop_cart_inc .shop_cart_inc_box div.price label.price, #shop_cart_inc .shop_cart_inc_box div.price span.price {display: none;}
#shop_cart_inc .shop_cart_inc_box div.number label.number {display: none;}

/*fejléc kereső*/

#shop_search_form {position: absolute; top: 109px; right: 60px; z-index: 5; display: inline-block; vertical-align: middle; width: 150px; height: 24px; margin: 0; margin-right: 16px;}
#shop_search_form form {width: 150px; height: 24px; display: block; position: relative;}
#shop_search_form input[type="text"] {font-size: 16px; width: 150px; height: 26px; padding-left: 5px; margin: 0px; border: 1px solid rgba(0,0,0,0.10); border-radius: 0px; background: #fff; color: #484a4e; font-family: 'Titillium Web', sans-serif;}

#shop_search_form input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #484a4e;
}
#shop_search_form input[type="text"]::-moz-placeholder { /* Firefox 19+ */
  color: #484a4e;
}
#shop_search_form input[type="text"]:-ms-input-placeholder { /* IE 10+ */
  color: #484a4e;
}
#shop_search_form input[type="text"]:-moz-placeholder { /* Firefox 18- */
  color: #484a4e;
}

#shop_search_form input[type="submit"] {position: absolute; right: 5px; top: 2px; cursor: pointer; width: 16px; height: 20px; margin: 0; border: 0px; border-radius: 2px; color: rgba(0,0,0,0); background: url(/upload/files/237/search-9672.png) no-repeat 0px 3px transparent; background-size: 85%;}

#shop_search_form div.autocomplete_result {right: 0px; left: initial; top: 25px;}
#shop_search_form div.autocomplete_result td#p a {display: none;}


/*fejléc login*/

#login {display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-evenly; max-width: 100%; width: 100%; margin: 0 0 10px; font-family: 'Titillium Web', sans-serif; text-align: left; font-size: 14px;}
#login form {display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-evenly; max-width: 100%; width: 100%; margin: 0; font-family: 'Titillium Web', sans-serif; text-align: left; font-size: 14px;}
#login div.title {width: 45%; font-family: 'Titillium Web', sans-serif; text-align: left; font-size: 14px; margin: 0;}
#login span.successful_login {width: 60px; font-family: 'Titillium Web', sans-serif; text-align: left; font-size: 18px;}
#login span.login {width: 169px; font-family: 'Titillium Web', sans-serif; text-align: left; font-size: 18px; color: #3164a3; font-weight: 600;}
#login label.password, #login label.login {display: none;}
div.login, div.password {margin-right: 10px; display: block;}
#login input.login, #login input.password {font-size: 16px; width: 120px; height: 24px; padding-left: 5px; border: 1px solid rgba(0,0,0,0.10); border-radius: 0px; background: #fff; color: #484a4e; font-family: 'Titillium Web', sans-serif;}
#login input.submit {padding: 0; font-weight: 300; font-size: 16px; text-transform: uppercase; width: 73px; height: 24px; margin: 0px; border: none; border-radius: 0px; background: #3164a3; color: #fff; font-family: 'Titillium Web', sans-serif;}
#login input.submit:before {display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    content: "\f2f6";
}
#login div.title {display: none;}
#login div.error {margin: -25px 0 2px; font-size: 16px; font-family: 'Titillium Web', sans-serif; color: #bb0020;}


/*navmenü*/

#navigation_box_cont {width: 100%; background: #d7d7d7;}
#navigation_box_cont #navigation_links ul {line-height: 40px; max-width: 1120px; width: 100%; margin: 0 auto;}
#navigation_box_cont #navigation_links li {background: none; padding: 0;}
#navigation_box_cont #navigation_links li a {font-size: 18px; color: #555555; font-family: 'Titillium Web', sans-serif; font-weight: 300;}
#navigation_box_cont #navigation_links li::before {content: ">"; color: #555; font-family: 'Titillium Web', sans-serif; font-weight: 300; font-size: 18px; display: inline; line-height: 40px; margin-right: 5px; margin-left: 3px;}
#navigation_box_cont #navigation_links li:first-child::before {content: none;}



/*főoldali slider*/

#body.responsive div.site-info-body {width: 100%; margin: 195px auto 0px auto;}
.homepage #body #navigation {height: 460px; width: 100%; border-top: 1px solid rgba(255,255,255,0.75); border-left: 0px; border-right: 0px; border-bottom: 0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-style: inset;}
div.orbit-wrapper, div.orbit, .orbit>div {width: 100% !important;}
.orbit>div .slider-image-box {max-width: 990px; width: 100%; display: block; margin: 0 auto;}
.orbit>div .slider-image-box .slider-content-box {padding: 20px 0px; width: 100%;}
.orbit>div .slider-image-box .slider-content-box h2 {width: 100%; font-size: 72px; color: #fff; font-weight: 900; text-transform: uppercase; text-align: center; font-family: 'Titillium Web', sans-serif;}
.orbit>div .slider-image-box .slider-content-box h3 {width: 100%; font-size: 60px; color: #fff; font-weight: 400; text-align: center; font-family: 'Titillium Web', sans-serif; line-height: 70px;}



/*home ajanlatkeres button*/

#ajanlatkeres_button.button {display: block; width: 360px; font-size: 21px; color: #fff; background: #39466c; padding: 0px; text-align: center; line-height: 50px; margin: 30px auto; text-transform: uppercase;}
#ajanlatkeres_button.button:hover {background: #bb0020;}



#nagyker {max-width: 1000px; display: block; height: auto; margin: 0 auto; padding: 40px 10px; text-align: center; font-size: 18px; color: #1b2a56;}
#nagyker:hover {color: #bb0020;}



/*home products*/

#center_box_cont #main_products {width: 100%; display: block; height: auto; margin: 0 auto; padding: 40px 0px; background: #f0f0f0;}
#center_box_cont #main_products #products {display: flex; flex-wrap: wrap; justify-content: space-evenly; max-width: 90%; width: 100%; margin: 0 auto;}
#center_box_cont #main_products #products h1 {display: inline; width: 100%; text-align: center; margin-bottom: 40px;}
#center_box_cont #main_products #products div.item {max-width: 320px; display: block; border: 1px solid #dcdcdc; background: #dcdcdc; position: relative; margin: 10px;}
#center_box_cont #main_products #products div.item div.img_wrapper {display: block; float: none; flex: none; -webkit-flex:none; width: 100%; height: 80px; background: #fff; overflow: hidden; margin: 0px; padding: 30px 0px;}
#center_box_cont #main_products #products div.item div.img_wrapper img {margin-top: auto; margin-bottom: auto; margin-left: auto; margin-right: auto; display: block; width: auto;}
#center_box_cont #main_products #products div.item .text {display: block; flex: none; -webkit-flex: none; padding: 15px; margin-top: auto; margin-bottom: auto;}
#center_box_cont #main_products #products div.item .price_box {display: block;flex: none; -webkit-flex: none; padding: 0 15px 0 15px; margin-top: auto; margin-bottom: auto;}
#center_box_cont #main_products #products div.item .name {position: absolute; top: 0px; display: block; width: 100%; max-width: 290px; height: 30px; overflow: hidden; left: 0px; padding: 0px 15px; background: #fff;}
#center_box_cont #main_products #products div.item .lead {display: block; height: 99px; overflow: hidden;}



/*home product category*/

#home_products h2 {
    width: 100%;
    max-width: 1920px;
    margin: 30px auto 35px;
    text-align: center;
    font-weight: 400;
    color: #555;
    font-size: 36px;
}

#home_products {display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
padding-bottom: 15px; background: #f0f0f0;
    width: 100%;
    max-width: 1920px;
    height: auto;}

#home_products div.product {
    position: relative;
    width: 232px;
    height: auto;
    margin: 0 10px 20px 10px;
    padding: 25px 25px 60px 25px;
    background: #fff;
border: 1px solid #dcdcdc;
}

#home_products div.product a.product_title {color: #1b2a56; font-size: 20px; text-align: center; text-transform: uppercase; font-weight: 600; webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;}
#home_products div.product a.product_title:hover {color: #e20016;}

#home_products div.product div.imgwrapper {margin: 0 auto 25px;
    display: block;
    width: 90%;
    height: 230px;
    overflow: hidden;
    position: relative;
    background: #fff;
    position: relative;}

#home_products div.product div.imgwrapper img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
    max-width: 180px;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto; webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

#home_products div.product div.imgwrapper img:hover {opacity: 0.75;}

#home_products div.product .more_info {
    display: block;
    width: 130px;
    line-height: 37px;
    text-align: center;
    margin: 25px auto 0;
    color: #fff;
    background: #39466c;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    bottom: 30px;
    left: 0px;
    right: 0px;
    margin: auto;
    webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

#home_products div.product .more_info:hover {background: #e20016;}


/*főoldal videok blokk*/

#videos {display: block; height: auto; margin: 0 auto; padding: 20px 0px; text-align: center;}
#videos iframe {width: 100%; max-width: 460px; min-height: 250px;}


/*főoldal hűségpont és termékkatalógus blokk*/

#points_catalog_wrapper {display: block; height: auto; margin: 0 auto; background: url(/upload/files/237/husegpont-termekkatalogus-9749.jpg) no-repeat; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 20px 0px;}
#points_catalog_wrapper .points_catalog {display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; max-width: 1110px; width: 100%; margin: 0 auto; overflow: hidden;}
#points_catalog_wrapper .points_catalog .left {flex: 2 0 0; -webkit-flex: 2 0 0; margin-left: 0px; overflow: hidden;}
#points_catalog_wrapper .points_catalog .center {flex: 2 0 0; -webkit-flex: 2 0 0; margin-left: 50px; overflow: hidden;}
#points_catalog_wrapper .points_catalog .right {flex: 2 0 0; -webkit-flex: 2 0 0; margin-left: 50px; overflow: hidden;}
#points_catalog_wrapper .points_catalog img {display: block; float: left; margin-right: 30px;}
#points_catalog_wrapper .points_catalog .left img {margin-top: 15px;}
#points_catalog_wrapper .points_catalog h3 {font-family: 'Titillium Web', sans-serif; font-size: 20px; color: #fff; font-weight: 300; text-transform: uppercase; margin: 15px 0px;}
#points_catalog_wrapper .points_catalog p {font-family: 'Titillium Web', sans-serif; font-size: 16px; color: #fff; font-weight: 300; overflow: hidden;}



/*főoldal hírlista*/

.homepage #blog_wrapper {margin: 30px auto; width: 100%; display: block; height: auto;}
.homepage #content h1 {font-size: 36px; color: #666; text-align: center; padding-bottom: 0; padding-top: 30px;}
.homepage #blog_wrapper #content_list.blog div.blog_items {display: flex; flex-wrap: wrap; justify-content: space-evenly; max-width: 100%; width: 100%; margin: 0 auto;}
.homepage #blog_wrapper #content_list.blog div.item {max-width: 320px; margin: 0 15px; border: none; padding: 0;}
.homepage #content_list.blog div.item img {max-width: 320px; width: auto; height: auto; margin: 0 auto 20px; display: block; float: none;}
.homepage #content_list.blog div.item h3 {display: none;}
.homepage #content_list.blog div.item h2 {text-align: center;}
.homepage #content_list.blog div.item h2 a {color: #205392; font-family: 'Titillium Web', sans-serif; font-size: 20px; font-weight: 600; text-transform: uppercase; text-align: center;}
.homepage #content_list.blog div.item h2 a:hover {color: #e20016;}
.homepage #content_list.blog div.item div.lead p {max-height: 100px; overflow: hidden; color: #333; font-family: 'Titillium Web', sans-serif; font-size: 16px; font-weight: 300; text-align: center;}
.homepage #content_list.blog div.item div.lead a.next {display: none;}


/*főoldal seo szöveg*/

html.homepage #center_bottom_box_cont {background: #1b2a56; padding: 30px 0px;}
#center_bottom_box_cont .home_seo {width: 100%; max-width: 1110px; margin: 0 auto;}
#center_bottom_box_cont .home_seo h2 {font-size: 24px; font-weight: 600; text-transform: uppercase; text-align: center; color: #fff;}
#center_bottom_box_cont .home_seo p {color: #fff; font-family: 'Titillium Web', sans-serif; font-size: 16px; font-weight: 200;}


/*hírek oldal*/

#content_list h1 {color: #1b2a56; font-size: 24px; margin-bottom: 25px; text-transform: uppercase; font-weight: 200;}
#content_list div.item img {width: 210px; height: auto; margin-right: 35px;}
#content_list div.item {padding: 25px 0; border-top: 1px solid #bdbdbd; min-height: unset !important;}
#content_list.blog div.item h3 {display: none;}
#content_list.blog div.item h2 {margin-bottom: 10px;}
#content_list.blog div.item h2 a {color: #205392; font-family: 'Titillium Web', sans-serif; font-size: 20px; font-weight: 600; text-transform: uppercase; text-align: center; line-height: 22px;}
#content_list.blog div.item h2 a:hover {color: #e20016;}
#content_list.blog div.item div.lead a.next {color: #e20016; font-size: 16px; font-family: 'Titillium Web', sans-serif;}


/*tartalmak*/

#content_wrapper {
    display: block;
    margin: 25px auto;
    max-width: 1120px; width: 100%;
}

#content_wrapper .pic {
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    width: 50%;
    text-align: center;
}

#content_wrapper .pic img {float: none; margin-left: 0;}

/*referenes page*/

.html-7697 .content img {float: none; text-align: center; max-width: 200px; margin: 0 0 10px;}
.html-7697 .content p {text-align: center; max-width: 200px; display: inline-block; vertical-align: top; margin: 38px;}


/*kapcsolat oldal*/

#contact_wrapper {display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; max-width: 1124px; width: 100%; margin: 5px; overflow: hidden;}
#contact_wrapper .left {flex: 1 0 0; -webkit-flex: 1 0 0;}
#contact_wrapper .right {flex: 1 0 0; -webkit-flex: 1 0 0;}
#contact_wrapper p label {width: 90px; display: inline-block;}
#contact_wrapper li::before {content: none;}
#contact_wrapper h2 {font-weight: 700;}
#contact_wrapper .info_box.de {margin-top: 50px;}


#public_generated_form.respo div.table {background: #f0f0f0; padding: 30px 0px; margin: 5px auto;}
#public_generated_form.respo div.row {margin: 0;}
#public_generated_form.respo div.row div.label {display: none; padding: 15px; font-weight: bold;}
#public_generated_form.respo div.row.radio div.label.text {display: block;}
#public_generated_form.respo div.row.checkbox div.label.text {display: block;}
#public_generated_form.respo div.row input {display: block;  width: 90%; padding: 0px 20px; margin: 0px auto 15px; background-image: none; background-color: #fff; border-radius: 0px; height: 52px; border: 1px solid #d8d8d8; color: #555; font-weight: 300; font-size: 24px; font-family: 'Titillium Web', sans-serif;}
#public_generated_form.respo div.row label.checkbox, #public_generated_form.respo div.row label.radio {min-width: 160px;}
#public_generated_form.respo div.row input.checkbox {display: inline-block; vertical-align: top; margin-left: 40px;}
#public_generated_form.respo div.row input.radio {display: inline-block; vertical-align: top; margin-left: 40px;}
#public_generated_form.respo div.row textarea {display: block;  width: 90%; padding: 0px 20px; margin: 0px auto 15px; background-image: none; background-color: #fff; border-radius: 0px; height: 130px; border: 1px solid #d8d8d8; color: #555; font-weight: 300; font-size: 24px; font-family: 'Titillium Web', sans-serif;}
#public_generated_form.respo div.submit input[type="submit"] {font-size: 24px; color: #fff; background: #39466c; padding: 0px 50px; width: auto; text-align: center; border: none; border-radius: 0px; line-height: 30px; margin: 20px auto 0px; text-transform: uppercase;}
#public_generated_form.respo div.submit input[type="submit"]:hover {background: #bb0020;}

#public_generated_form.respo input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #555;
}
#public_generated_form.respo input[type="text"]::-moz-placeholder { /* Firefox 19+ */
  color: #555;
}
#public_generated_form.respo input[type="text"]:-ms-input-placeholder { /* IE 10+ */
  color: #555;
}
#public_generated_form.respo input[type="text"]:-moz-placeholder { /* Firefox 18- */
  color: #555;
}

#public_generated_form.respo div.row.error input {background: #bb0020;}
#public_generated_form.respo div.row.title_error, #public_generated_form.respo div.row.error div.label.error.hidden {color: #bb0020; width: 90%; margin: 0px auto;}
#public_generated_form.respo div.error {padding: 0;}

#public_generated_form.respo div.row.captcha div {margin: auto;}

#public_generated_form.respo div.row.subtitle {margin-bottom: 10px; padding-left: 20px; font-size: 21px; font-weight: normal;}
#public_generated_form.respo div.row.description div.label {display: block; padding: 0px 0px 10px 20px; color: #555; font: normal 16px 'Titillium Web', sans-serif;}
#public_generated_form.respo div.row.title {display: block; text-align: left; padding: 0px 0px 10px 20px; color: #555; font: normal 22px 'Titillium Web', sans-serif;}
#public_generated_form.respo div.row.title.hidden {display: none;}

#public_generated_form.respo div.row.title_successful {text-align: center; background: #00AA00; color: #FFFFFF; font-size: 18px; line-height: 40px;}





/*contact page people and map*/

.html-7211 #body #main_center .main_center {max-width: 1350px;}

#people_wrapper {width: 100%; height: auto; display: block; margin: auto;}

.manager {display: block; max-width: 200px; height: auto; width: 100%; padding: 10px; border: 1px solid #d7d7d7; margin: 5px; transition: all .25s ease-in-out;}
.manager:focus, .manager:hover {background: #f1f1f1; border: 1px solid #252525;}
.manager img {display: block; margin: 0 auto 15px;}
.manager .title {margin-bottom: 10px; font-size: 14px;}
.manager .name, .coworkers .item .name {font-size: 16px; font-weight: 600; text-align: left; color: #252525;}
.coworkers .item .title {font-size: 14px; font-weight: 300; text-align: left; color: #252525; margin: 0;}
.coworkers .item .region {font-size: 14px; font-weight: 300; margin: 0 0 10px;}

.manager_wrapper {width: 100%; max-width: 1350px; margin: 0px 0px 40px 0px; display: flex; justify-content: start; flex-wrap: wrap; padding: 0px;}
.coworker_wrapper {width: 100%; max-width: 1350px; margin: 0px 0px 40px 0px; display: flex; justify-content: start; flex-wrap: wrap; padding: 0px;}
.coworkers {width: 100%; max-width: 950px; display: flex; justify-content: start; flex-wrap: wrap; padding: 0px; flex: 2 2;}

#people_wrapper .coworkers h2.section_title {display: block; width: 100% !important; color: #1b2a56; font-size: 20px; margin: 25px 0; padding: 25px 0 0 5px; border-top: 1px solid #f1f1f1; text-transform: uppercase;}
.coworkers .item {display: block; max-width: 200px; height: auto; width: 100%; padding: 10px; border: 1px solid #d7d7d7; margin: 5px; transition: all .25s ease-in-out;}
.coworkers .item:focus, .coworkers .item:hover {background: #f1f1f1; border: 1px solid #252525;}
.coworkers .item img {margin: 0 0 10px;}

.coworker_wrapper .map {width: 100%; max-width: 400px; background: url('') no-repeat 0px 100px #FFFFFF; background-size: contain;}


.clicker {
width:auto; line-height: 40px; text-align: center; padding: 0 5px;
height:40px; color #252525; font-weight: 600;
background-color:transparent;
outline:none;
cursor:pointer; border: 1px solid #252552; margin-top: 10px;
}


.hiddendiv p {color: #fff;}

.hiddendiv .fas {margin-right: 10px;}
.hiddendiv .fa-phone-square {margin-right: 10px;}

.hiddendiv{
visibility: hidden;
      opacity: 0;
    
      transition: visibility 0s linear 0.33s, opacity 0.33s linear;
height:0; color: #fff; font-weight: 300;
background-color: #050d23; padding: 0;
}

.clicker:focus + .hiddendiv{height: 50px; padding: 15px;
visibility: visible;
      opacity: 1;
      
      transition-delay: 0s;
}





/* regisztracio */

html.user-visitor #admin_box.admin.edit.connection div.input_box.key_email.user {display: none;}

html.user-visitor #admin_box.admin.edit.connection div.title.data {display: none;}

html.user-visitor #admin_box.admin.edit.connection a.subtitle.bill {display: none;}
html.user-visitor #admin_box.admin.edit.connection #address-bill {qdisplay: none;}
html.user-visitor #admin_box.admin.edit.connection a.subtitle.ship {display: none;}
html.user-visitor #admin_box.admin.edit.connection #address-ship {display: none;}
html.user-visitor #admin_box.admin.edit.connection a.subtitle.mail {display: none;}
html.user-visitor #admin_box.admin.edit.connection #address-mail {display: none;}
html.user-visitor #admin_box.admin.edit.connection a.subtitle.boss {display: none;}
html.user-visitor #admin_box.admin.edit.connection #address-boss {display: none;}
html.user-visitor #admin_box.admin.edit.connection a.subtitle.contact {display: none;}
html.user-visitor #admin_box.admin.edit.connection #address-contact {display: none;}
html.user-visitor #admin_box.admin.edit.connection a.subtitle.szekhely {display: none;}
html.user-visitor #admin_box.admin.edit.connection #address-szekhely {display: none;}

html.user-user #admin_box.admin.edit.connection a.subtitle.mail {display: none;}
html.user-user #admin_box.admin.edit.connection #address-mail {display: none;}
html.user-user #admin_box.admin.edit.connection a.subtitle.boss {display: none;}
html.user-user #admin_box.admin.edit.connection #address-boss {display: none;}
html.user-user #admin_box.admin.edit.connection a.subtitle.contact {display: none;}
html.user-user #admin_box.admin.edit.connection #address-contact {display: none;}
html.user-user #admin_box.admin.edit.connection a.subtitle.szekhely {display: none;}
html.user-user #admin_box.admin.edit.connection #address-szekhely {display: none;}


#content #landing_offer .lead {font-size: 18px; line-height: 30px;}
#content #landing_offer .lead iframe {display: block; margin: 30px auto;}


















/*product left category*/

#category_menu, #products {display: inline-block; height: 100%; vertical-align: top;}
#category_menu {width: 350px; margin-right: 4px; padding-bottom: 20px;}

#category_menu #menu_top {display: block;}

#category_menu li.lev3 {width: 100%; padding: 0px;}
#category_menu li.lev3.active a, #category_menu li.lev3:hover a {background: #bb0020;}
#category_menu li.lev3 a {display: block; line-height: 40px; font-size: 18px; qtext-transform: uppercase; padding-left: 10px; border-bottom: 1px solid #FFFFFF; background: #39466c; color: #FFF;}

#category_menu ul.lev4 {display: none; width: 100%;}
#category_menu li.lev3.active ul.lev4 {display: block;}
#category_menu li.lev3.active li.lev4 {width: 100%; padding: 0px; border: 0px;}
#category_menu li.lev3.active li.lev4 a {background: #59668c; color: #FFF; line-height: 34px; font-size: 16px; qtext-transform: uppercase; display: block; border-bottom: 1px solid #FFFFFF; padding: 0 0 0 20px;}
#category_menu li.lev3.active li.lev4.active a, #category_menu li.lev3.active li.lev4:hover a {background: #bb0020;}

#category_menu ul.lev5 {display: none; width: 100%;}
#category_menu li.lev3.active li.lev4.active ul.lev5 {display: block;}
#category_menu li.lev3.active li.lev4.active li.lev5 {width: 100%; padding: 0px; border: 0px;}
#category_menu li.lev3.active li.lev4.active li.lev5 a {background: #7986ac; color: #FFF; line-height: 19px; font-size: 15px; text-transform: none; display: block; border-bottom: 1px solid #FFFFFF; padding: 5px 0px 5px 30px;}
#category_menu li.lev3.active li.lev4.active li.lev5.active a, #category_menu li.lev3.active li.lev4.active li.lev5:hover a {background: #bb0020;}


#products {width: 740px; padding: 0px 0px 0px 20px;}



/*product list page*/

#products #pager {text-align: center; margin: 25px auto; background: #ededed; padding: 10px 0px;}
#products #pager .box a {color: #3164a3; font-size: 18px; margin: 0px 5px;}
#products #pager .box span.actual {background: #3164a3; height: 26px; width: 26px; border-radius: 50%; display: inline-block; color: #fff;}
#products div.item {position: relative; display: block; max-width: 1200px; width: 100%; margin: 0 auto; padding: 20px 0; border-bottom: 1px solid #c5c5c5;}
#products div.item div.img_wrapper {display: inline-block; vertical-align: top; margin-right: 15px;}
#products div.item div.img_wrapper img {width: 180px; height: auto;}
#products div.item .text {display: inline-block; vertical-align: top; padding: 15px 0px 40px 0px; margin-top: auto; margin-bottom: auto; max-width: 500px;}
#products div.item a.next {display: block; font-size: 18px; color: #fff; background: #39466c; padding: 0px 21px; min-width: 100px; height: 37px; text-align: center; border: none; border-radius: 0px; line-height: 37px; margin: 20px; text-transform: uppercase; position: absolute; right: 0px; bottom: 0px;}
#products div.item a.next:hover {background: #bb0020;}
#products div.item .price_box {flex: 0.7 0 0; -webkit-flex: 0.7 0 0; padding: 0 15px 0 15px; margin-top: auto; margin-bottom: auto;}
#products div.item .price_box .price {font-size: 24px; color: #39466c; font-weight: 700; font-family: 'Titillium Web', sans-serif; text-align: right; white-space: nowrap;}
#products div.item .name h2 {color: #1b2a56; font-size: 20px; font-weight: 700; font-family: 'Titillium Web', sans-serif;}



/*product page*/

#product {font-family: 'Titillium Web', sans-serif;}
#product #product-images {display: table; width: 100%; height: auto; vertical-align: top; border-spacing: 10px; margin-left: -10px;}
#product.category_78 #product-images {display: inline-block; max-width: 550px; height: auto; vertical-align: top;}
#product #product-images a {display: table-cell; min-width: 550px; height: auto; margin: 0px 0px 10px 0px; border: solid 1px #3164a3; vertical-align: middle;}
#product.category_78 #product-images a {display: inline-block; vertical-align: top;}
#product #product-images a.product-big {margin: 0px 10px 10px 0px;}
#product #product-images a img {display: block; max-width: 550px; height: auto; margin: 20px auto;}
#product #product-images div.gallery img {max-width: 240px; height: auto; margin: 5px 5px 0px 0px; display: inline-block; border: solid 1px #3164a3;}
#product h1.title {font-size: 24px; color: #1b2a56; font-weight: 700; font-family: 'Titillium Web', sans-serif; line-height: 50px; border-bottom: 2px solid #3164a3; margin-bottom: 10px;}
#product h2 {font-size: 21px; color: #1b2a56; font-weight: 400; font-family: 'Titillium Web', sans-serif;}
#product h2.subtitle {margin-bottom: 10px;}


#product #product_info {display: inline-block; width: 100%; vertical-align: top; padding-left: 15px;}
#product #product_info.bottom {clear: both;}
#product #product_info.top {display: inline-block; max-width: 590px; width: 100%; padding-bottom: 25px; vertical-align: top; border: 0px;}
#product.category_78 #product_info.top {display: inline-block; max-width: 550px; vertical-align: top; padding-left: 15px;}
#product #product_info.top div.lead p {font-size: 16px; color: #414141; font-weight: 600;}
#product_info table {margin: 10px 0px 30px 0px; width: 100%;}
#product_info table tr.head td {text-align: center; color: #3164a3; font-size: 14px; font-weight: 400; padding: 5px 20px;}
#product_info table tr.head td.store, #product_info table tr.head td.name, #product_info table tr.head td.code, #product_info table tr.head td.pcart {text-transform: uppercase;}
#product_info table tr.row:hover {background: #EEEEEE;}
#product_info table tr.row td {text-align: center; color: #1b2a56; font-size: 14px; font-weight: 400;}
#product_info table tr.row td.pcart div.cart {display: inline-block; vertical-align: middle; width: 35px;}
#product_info table tr.row td.pcart div.cart .fa {font-size: 22px;}
#product_info table tr.row td.store i.fa {color: #00AA00;}
#product_info table tr.row td.store i.fa.nostore {color: #DDDD00;}

#product_info table td.pcart input {width: 40px; height: 20px; border: 1px solid #e5e5e5; text-align: right; color: #1b2a56; font-size: 14px; font-weight: 400; padding: 0 5px;}
#product #product_info.bottom {padding-top: 25px;}
#product #product_info.bottom #description {border-bottom: 1px solid #3164a3; padding-bottom: 25px; margin-bottom: 25px;}
#product #product_info.top div.lead li {list-style: circle; list-style-position: inside;}
#product #product_info.bottom #description li {list-style: circle; list-style-position: inside;}

#product_offer {text-align: center; margin: 0 auto;}
#product_offer h3 {text-align: left;}
#product_offer a.button {width: 280px; font-size: 24px; color: #fff; display: inline-block; vertical-align: top; text-align: center; margin: 20px 10px; background: #3164a3; padding: 15px 35px;}
#product_offer a.button.offer {line-height: 72px;}
#product_offer a.button:hover {background: #bb0020;}

#product #product_info.bottom .cart {margin: 5px; position: relative; display: inline-block; vertical-align: middle; text-align: left;}
#product #product_info.bottom .cart.product.change {width: 40px;}
#product #product_info.bottom .cart.product.change input {width: 50px; height: 30px; border: 1px solid #d7d7d7; padding-left: 5px; margin-right: 5px; font-size: 13px;}
#product #product_info.bottom .cart.product.change .plus, #product #product_info.bottom .cart.product.change .minus {font-size: 15px; line-height: 15px; width: 20px; position: absolute; right: 0px; top: 0px; color: #FFFFFF; background: #3164a3; text-align: center; cursor: pointer;}
#product #product_info.bottom .cart.product.change .minus {top: 15px;}
#product #product_info.bottom .cart i.fa {margin-left: 15px; font-size: 22px;}
#product #product_info.bottom {qtext-align: right;}


#product #product-images .gallery-pictures {max-width: 550px; display: table-cell; vertical-align: middle;}
#product #product-images .gallery-pictures .plans {display: none; border: solid 1px #3164a3; max-width: 100%; width: 550px;}
#product #product-images .gallery-pictures .plans.show {display: inline-block;}



#landing_offer div.lead a.link {font-weight: 600; }
#landing_offer div.lead a.link:hover {color: #6699CC;}


/*lábléc blokk*/

#footer_contact_wrapper {width: 100%; height: auto; padding: 30px 0px; background: #050d23; font-family: 'Titillium Web', sans-serif; color: #bfbfbf;}
#footer_contact_wrapper #footer_contact {width: 100%; max-width: 1110px; display: flex; flex-wrap: wrap; justify-content: space-evenly; margin: 0 auto;}
#footer_contact_wrapper #footer_contact .map {max-width: 385px; margin: 0 20px 0 0; width: 100%;}
#footer_contact_wrapper #footer_contact .map iframe {width: 100%; height: 330px;}
#footer_contact_wrapper #footer_contact .info_box {max-width: 310px; margin: 0 20px;}
#footer_contact_wrapper #footer_contact .info_box h2 {font-size: 24px; font-weight: 600; line-height: 28px; margin: 20px 0;}
#footer_contact_wrapper #footer_contact .info_box h3 {font-size: 18px; font-weight: 600; line-height: 22px; margin: 20px 0 10px;}
#footer_contact_wrapper #footer_contact .info_box li {font-size: 18px; font-weight: 300; line-height: 22px;}

#footer_menu {display: block; height: auto; margin: 0 auto; width: 100%; line-height: 60px;}
#body #menu_footer {display: table; width: 100%; max-width: 1110px; margin: 0 auto;}
#body #menu_footer li {display: table-cell;}
#body #menu_footer li a {font-size: 13px; color: #1b2a56; font-family: 'Titillium Web', sans-serif; font-weight: 300;}



/*kosár oldal*/

#cart_layer {border-radius: 0px; background: #fff; color: #555; box-shadow: none;}

#cart_layer div.text, #cart_layer a.cart, #cart_layer a.buy {font-family: 'Roboto', sans-serif;}
#cart_layer a.cart, #cart_layer a.buy {background: #39466c; border-radius: 0px;}

html.shop-cart #body #main_center .main_center {width: 100%; margin: 0 auto; max-width: 100%;}

#shop_cart {position: relative; background: #fff; padding-top: 0;}

#shop_cart div.shop_cart {padding: 2%; width: 96%; margin: 0px auto;}

#shop_cart div.shop_cart {font-family: 'Roboto', sans-serif !important;}

#shop_cart h1.title {position: static; top: 0px; left: 0px; display: block; width: 99%; line-height: 60px; background: #3164a3; color: #FFFFFF; font-size: 20px; padding: 0px; padding-left: 1%; box-shadow: none; font-weight: 400;}

#shop_cart h1.title:before {display: none;}

#shop_cart #full_price div.row.price {background: #3164a3; border: none;}


#main_center .main_center #shop_cart #shop_cart_submit div.submit input.submit {background: #bb0020; border: none; border-radius: 0px; font-family: 'Roboto', sans-serif !important; font-weight: lighter; width: auto; padding: 0 25px;}


#shop_cart div.order_data div.title {font-family: 'Roboto', sans-serif !important; font-weight: 300; font-size: 36px; color: #3164a3;}
#shop_cart #shop_cart_coupon {display: none;}

#shop_cart #shop_cart_bill, #shop_cart div.order_data, #shop_cart #shop_cart_shipping {width: 96%; padding: 2%;}

#shop_cart #shop_cart_user, #shop_cart #shop_cart_bill, #shop_cart #shop_cart_shipping {border-top: 0px; display: flex; justify-content: space-between; flex-wrap: wrap; margin-left: 0px;}

#shop_cart div.order_data div.title {display: block; width: 100%;}

#shop_cart #shop_cart_user input, #shop_cart #shop_cart_user input.password, #shop_cart #shop_cart_bill input, #shop_cart #shop_cart_bill select, #shop_cart #shop_cart_shipping input, #shop_cart #shop_cart_shipping select {margin: 10px 0; width: 49%; font-family: 'Roboto', sans-serif !important; font-weight: lighter; font-size: 16px;}
#shop_cart div.order_data.address div.taxnumber_box {width: 49%;}
 #shop_cart #shop_cart_bill div.taxnumber_box input.taxnumber {width: 100%;}

#shop_cart #shop_cart_newsletter, #shop_cart #shop_cart_aszf {padding: 0 2%;}
#shop_cart #shop_cart_newsletter div.title, #shop_cart #shop_cart_aszf div.title {display: inline-block; width: auto; font-size: 16px;}

#shop_cart #list_cart div.cell.price.one.netto {display: none;}
#shop_cart #list_cart div.cell.price.all.netto {display: none;}
#shop_cart #list_cart div.row-head div.cell {white-space: nowrap; padding: 10px 0px;}
#shop_cart #list_cart div.cell.name a span.code {display: none;}
#list_cart div.cart.change {width: 80px;}
#list_cart div.cart.change input {width: 80px;}

#shop_cart #shop_cart_ship {position: relative;}
#shop_cart #shop_cart_ship div.shops-select {position: absolute; top: 128px; z-index: 1;}

#shop_cart #shop_cart_pay {padding-bottom: 80px;}

#shop_cart i.fa.hover-layer.price span.layer {display: inline-block; box-shadow: none; border: 0px; vertical-align: middle; padding: 0px; top: 0px; left: 20px; line-height: 20px; font-weight: 600; font-size: 16px;}

#shop_cart #shop_cart_submit div.submit input.submit {background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #701055 0%, #400c32 100%) repeat scroll 0 0; border: 1px solid #606060; border-radius: 5px; font-family: 'Roboto', sans-serif !important; font-weight: lighter;}

#shop_cart div.order_data textarea {font-family: 'Roboto', sans-serif !important; font-weight: lighter; font-size: 16px;}

div.at4-arrow {background-color: #858585;}

#shop_cart h2.title.error {background: #ff6961; text-shadow: none;}
#shop_cart h1.title.error {background: #ff6961; text-shadow: none; color: #fff;}

#shop_cart div.order_data input.error[type="text"] {background: #ff6961; color: #fff;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #666;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #666;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #666;
}
:-moz-placeholder { /* Firefox 18- */
  color: #666;
}

#shop_cart div.order_data input.error::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
#shop_cart div.order_data input.error::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
#shop_cart div.order_data input.error:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
#shop_cart div.order_data input.error:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

#shop_cart div.order_data input[type="password"] {display: none;}
#shop_cart #list_cart div.cell.name span.parent {display: none;}
#shop_cart #list_cart div.cell.name h3 {display: none;}








/*mobil*/

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

#body #main_center .main_center, #top_wrapper .top_inner, #head_wrapper #head_inner, #menu_wrapper #menu_top, #navigation_box_cont #navigation_links ul {max-width: 96%;}
#center_bottom_box_cont .home_seo, #points_catalog_wrapper .points_catalog, #footer_contact_wrapper #footer_contact, #body #menu_footer {max-width: 96%;}

}




@media only screen and (max-width: 1170px) {
#category_menu {display: none;}
#products {display: block; width: 98%; padding: 0px 1%;}

#product #product-images {display: inline-block; border-spacing: 0px; margin-left: 0px;}
#product #product-images a {display: inline-block;}

#ginop {display: none;}
} 



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

#top_wrapper ul.topaddress li.address {display: none;}






.orbit > div .slider-image-box .slider-content-box h2 {font-size: 42px;}
.orbit > div .slider-image-box .slider-content-box h3 {font-size: 28px;}

div.orbit-wrapper {position: absolute; top: 0px; bottom: 0px;}

#body #menu_footer li a {white-space: normal;}

#footer_contact_wrapper #footer_contact .info_box li {padding-left: 0;}
#user form div.data div.input {width: 100%;}
#user form div.data div {display: block;}
#user div.subtitle {width: 100%;}

#products div.item div.img_wrapper img {width: 200px;}

#top_box_cont {position: static !important;}

#body.responsive div.site-info-body {margin: 0 auto;}


}


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

#head_wrapper #head_inner {height: auto;}
#head_wrapper #head_inner .left {margin: 0px auto; text-align: center; max-width: none;}
#head_wrapper #head_inner .left img {width: 43px; float: left;}
#head_wrapper #head_inner .left h2 {margin: 0px;}
#head_wrapper #head_inner .right {margin: 0px auto;}

#shop_cart_inc {margin: 10px 0px;}

#menu_top_index {position: relative; top: -20px; right: 0px; max-width: 96%; margin: auto; display: block; width: 100%; text-align: center;}
#menu_top_index li {display: inline-block;}

#body #menu_footer li {display: block; text-align: center; padding: 0;}

#shop_cart_inc {position: relative; right: auto; top: auto; margin: 0px auto 30px auto; width: 300px; text-align: center; font-size: 21px;}
#shop_cart_inc div.number {display: inline-block;}
#shop_cart_inc div.price {display: none;}



#login form {display: block;}
#login input.login, #login input.password {width: 100%; margin: 0 auto 10px; height: 35px;}
#login input.submit {margin: 0 auto; height: 35px;}

#shop_search_form {position: relative; top: auto; right: auto; margin: 0px auto 10px auto; width: 250px; display: block; height: 35px;}
#shop_search_form form {width: 250px;}
#shop_search_form input[type="text"] {height: 35px;}
#shop_search_form input[type="submit"] {top: 8px;}
#shop_search_form input[type="text"] {width: 100%;}
#shop_search_form input[type="submit"] {right: 3px;}

#head_wrapper #head_inner .right a.fb {top: 5px;}
#head_wrapper #head_inner .right a.ld {top: 5px;}

div.login, div.password {margin: 0;}
#login {margin: 0 auto;}

#footer_contact_wrapper #footer_contact .info_box {max-width: 280px;}

#footer_contact_wrapper #footer_contact .map {max-width: 100%; margin: 0 auto 25px;}

#points_catalog_wrapper .points_catalog {display: block;}
#points_catalog_wrapper .points_catalog .left {margin: 0 auto 30px; display: block;}
#points_catalog_wrapper .points_catalog .right {margin: 30px auto 0; display: block;} 

#user form {padding: 2%; width: 96%;}

#contact_wrapper {display: block;}
#contact_wrapper .right {margin-top: 40px;}

#products div.item {display: block;}
#products div.item .text div.lead {overflow: hidden;}

.content iframe {max-width: 100%;}

#product_info table tr.head td {padding: 5px;}

}



@media only screen and (max-width: 600px) { 
#product #product-images a {display: block; margin: 0 auto 25px; max-width: 100%; width: 100%; min-width: 100%; height: auto;}
#product #product-images a img {max-width: 100%; height: auto;}

#product #product-images .gallery-pictures .plans {width: 100%;}


}



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

#menu_top_index li {display: inline-block; width: auto; margin-right: 3px; padding-left: 5px;}
#top_wrapper ul.topaddress {float: none; text-align: center;}
#top_wrapper ul.topaddress li {padding: 0px 5px;}


#head_wrapper #head_inner .right a.fb {display: none;}
#head_wrapper #head_inner .right a.ld {display: none;}

#content_wrapper .pic {display: block; width: 100%; margin: 25px auto;}
#products div.item div.img_wrapper {float: none; margin: 0 auto;}
#products div.item div.img_wrapper img {margin: 0 auto; display: block;}



#product_offer a.button {font-size: 16px;}

#content_list div.item img {float: none; margin-bottom: 15px;}
.content img {margin-left: 0px;}

}

/* DOMAIN USER END */



/* TEST START */



#shop_cart #list_cart div.cell.price.one.netto {display: table-cell;}
#shop_cart #list_cart div.cell.price.one.brutto {display: none;}
#shop_cart #list_cart div.cell.price.all.netto {display: table-cell;}
#shop_cart #list_cart div.cell.price.all.brutto {display: none;}








/* TEST END TEST */