

/* 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 {
	width: 100%;
	height: 599;
}


/* 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 */

/*general*/

#body.responsive div.table {font-family: 'Open Sans', sans-serif; font-size: 18px; width: 100%;}
p, #content div.lead {font-family: 'Open Sans', sans-serif; color: #444; line-height: 25px; font-size: 18px; font-weight: 300;}
#content div.lead {padding: 0 0 25px 0;}
#content .content strong {font-weight: 700;}
h1, #admin_box.admin.edit div.title {font-size: 30px; color: #283443; text-transform: uppercase; text-align: center; font-weight: 700; margin: 0 0 35px; display: block; width: 100%;}
h2 {font-size: 22px; color: #283443; font-weight: 700; margin: 35px 0 35px; display: block; width: 100%;}
#content {width: 100%; max-width: 1200px; margin: auto; display: block;}
.homepage #content {width: 100%; max-width: 100%; margin: auto; display: block;}

#content .content ul {padding-left: 40px;}
#content .content li {color: #444; font-weight: 300; line-height: 30px; list-style-type: disc; /* Remove default bullets */}
#content .content ul li::before {
  content: ' \25CF';  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #2f4c6d; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: none; /* Needed to add space between the bullet and the text */
  width: 2em; /* Also needed for space (tweak if needed) */
  margin-left: -2em; /* Also needed for space (tweak if needed) */
font-size: 9px; vertical-align: top;
}

#content .content a {white-space: break-spaces !important;}
#content img {width: auto; max-width: 100%; margin: 5px 20px;}

#menu_footer #menupoint6756 {display: none !important;}

#content li {
    list-style: disc inside;
    padding: 10px 0 0 0;
 color: #444;
}
hr.style-eight {
    overflow: visible; /* For IE */
    padding: 0;
    border: none;
    border-top: medium double #333;
    color: #333;
    text-align: center;
}
hr.style-eight:after {
    content: "§";
    display: inline-block;
    position: relative;
    top: -0.7em;
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;
}

#body #main {margin: 35px auto;}
.homepage #body #main {margin: 0 auto;}


/*content heading 1 backgrounds*/

.html-8435 #body #main, .html-8436 #body #main, .html-8437 #body #main, .html-8438 #body #main, .html-8439 #body #main, .html-8440 #body #main {margin-top: 0px;}

html.root8328 h1 {color: #fff; text-shadow: 0px 0px 2px rgba(38, 89, 170, 0.61); height: 450px; background-attachment: fixed; line-height: 450px; font-size:50px; background-position: top center;}
html.html-8328 h1 {display: none;}

html.root8328  #content {width: 100%; margin: auto; max-width: 100%;}
html.root8328  #content .content {width: 100%; max-width: 1200px; margin: auto;}

.html-8435 h1 {background: url(/upload/files/286/cegjog-1920-15120.jpg) no-repeat transparent;}
.html-8436 h1 {background: url(/upload/files/286/ingormaikai-jog-1920-15125.jpg) no-repeat transparent;}
.html-8437 h1 {background: url(/upload/files/286/peres-kepciseletek-1920-15126.jpg) no-repeat transparent;} 
.html-8438 h1 {background: url(/upload/files/286/polgari-jogi-szerzodesek-1920-15124.jpg) no-repeat transparent;}
.html-8439 h1 {background: url(/upload/files/286/startupok-jogikepviselet-1920-15122.jpg) no-repeat transparent;}
.html-8440 h1 {background: url(/upload/files/286/szellemi-alkotasok-1920-15123.jpg) no-repeat transparent;}


/*admin box*/

#admin_box.admin.edit {margin: 0 auto; width: 94%; max-width: 1200px;}

#admin_box.admin.edit div.lead {padding: 0; margin: 0;}

#admin_box.admin.edit div.input_box div.label {font-size: 18px; color: #1f242a; font-weight: 700;}

#admin_box.admin.edit input.submit {width: 100%; max-width: 180px; background: #f0d78c; color: #555; font-size: 20px; font-weight: 300; text-transform: uppercase; border: none; padding: 0; line-height: 45px; height: auto; border-radius: 0px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out;}
#admin_box.admin.edit input.submit {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
#admin_box.admin.edit input.submit:hover {background: #283443; color: #fff;}
#admin_box.admin.edit div.input_box input.text, #admin_box.admin.edit div.input_box textarea.textarea, #admin_box.admin.edit div.input_box select.text {height: 44px; border: 1px solid #e7e7e7; font-size: 16px; font-weight: 400; color: #555; padding: 0 10px;}

#admin_box.admin.edit div.input_box input.text:focus, #admin_box.admin.edit div.input_box textarea.textarea:focus {border: 1px solid #283443; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out;}
#admin_box.admin.edit div.input_box textarea.textarea {height: 120px; padding-top: 5px;}


/*header logo, menu*/

.logo {position: relative; width: 100%; max-width: 1000px; display: block; margin: 15px auto; overflow: hidden; text-align: center;}
.logo img {display: inline-block; vertical-align: middle; width: auto;}
.logo .text {display: inline-block; vertical-align: middle; width: auto;}
.logo .text .name {font-size: 25px; color: #1f242a; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight: 600;}
.logo .text li {font-family: 'Open Sans', sans-serif; display: inline-block; margin-right: 2px; width: auto; font-size: 18px; color: #1f242a; text-transform: uppercase; padding: 0; letter-spacing: 3px;}
.logo .text li:last-child {margin-right: 0;}

.logo ul.contacts {display: table; position: absolute; top: 5px; right: 5px;}
.logo ul.contacts li {display: table-cell;}
.logo ul.contacts li a {display: block; font-size: 30px; line-height: 40px; height: 40px;}
.logo ul.contacts li a img {width: 30px; line-height: 40px; fill: #336699;}
.logo ul.contacts li a img:hover {fill: #6699cc;}

.logo ul.contacts li a object {display: inline-block; vertical-align: middle; width: 32px; background-size: cover; filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);}
.logo ul.contacts li a object:hover,
.logo ul.contacts li a object:focus {filter: invert(50%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);}



.fab {display: none; font-family: 'FontAwesome'; font-weight: 800;}


#menu_top {max-width: 1027px; width: 100%; display: table; margin: 0 auto; line-height: 48px; border-top: 1px solid #a1a3a6;}
#menu_top li.lev2 {display: table-cell;}
#menu_top li.lev2 a {font-size: 18px; color: #22272d; text-transform: uppercase; font-weight: 300; font-family: 'Open Sans', sans-serif; padding: 0 8px;}

#menu_wrapper #menu_top li.lev2 ul.lev3 {top: 48px; background: #283443; padding: 15px 0px; min-width: 180px;}
#menu_wrapper #menu_top li.lev2 ul.lev4 {top: -15px; left: 100%; background: #384453; padding: 15px 0px; min-width: 180px;}
#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: 22px;}
#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: 5px 25px; font-size: 16px !important; font-weight: 400 !important; text-transform: none; color: #fff;}
#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; font-weight: 700 !important;}

#menu_wrapper #menu_top li.lev2 ul.lev3 li.lev3 a::before, #menu_wrapper #menu_top li.lev2 ul.lev4 li.lev4 a::before, #menu_wrapper #menu_top li.lev2 ul.lev3 li.lev3 a.active::before, #menu_wrapper #menu_top li.lev2 ul.lev4 li.lev4 a.active::before {
    display: block;
    content: attr(title);
    font-weight: bold;
    height: 0;
    overflow: hidden;
    visibility: hidden;}



/*slider*/

.homepage #body #navigation {height: 500px; background: #1f262c; width: 100%;}
div.orbit-wrapper, #slider {width: 100% !important; background: #1f262c;}

#slider .slide {width: 100% !important;}
#body #menu_top li.lev2.last a {padding-right: 0px;}

#slider .slide .slider-image-box {margin: 0 auto; width: 100%; max-width: 1220px; height: 599px; display: table !important; position: relative; display: none;}

#slider .slide h2 {color: #fff; font-size: 100px; font-weight: 600; text-align: center; line-height: normal; font-family: 'Open Sans', sans-serif; max-width: 880px; margin: 0 auto; text-shadow: 0px 0px 20px #666; opacity: 0.5;}
#slider .slide h3 {color: #fff; font-size: 23px; font-weight: 300; text-align: left; padding-top: 5px; line-height: normal; display: none;}
#slider .slider-content-box {margin: auto; display: table-cell; vertical-align: middle;}
#slider .slider-content-box .content {text-align: left;}




/*home services*/

.html-8328 #body #main {margin: 35px auto 0;}
#services_wrapper {width: 100%; display: block; height: auto; margin: 35px auto 0;}
#services_wrapper .services {display: flex; flex-wrap: wrap; justify-content: center; max-width: 98%; width: 100%; margin: 0 auto 15px;}
#services_wrapper .services .service {max-width: 476px; width: 100%; height: 401px; margin: 0 10px 20px; background: #e2e3e4;
-webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;}
#services_wrapper .services .service:hover {opacity: 0.75;}
#services_wrapper .services .service h2 {height: 65px; text-align: center; margin-top: 40px; margin-bottom: 0; font-weight: 400; font-size: 24px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; color: #efefef; -webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;}
#services_wrapper .services .service h2:hover {color: #fff;}

#services_wrapper .services .service:nth-child(1) {background: url(/upload/files/286/informatikai-jog-15066.jpg) no-repeat transparent;}
#services_wrapper .services .service:nth-child(2) {background: url(/upload/files/286/cegjog-15067.jpg) no-repeat transparent;}
#services_wrapper .services .service:nth-child(3) {background: url(/upload/files/286/it-biztonsag-40033.jpg) no-repeat transparent;}
#services_wrapper .services .service:nth-child(4) {background: url(/upload/files/286/szellemi-alkotasok-joga-15071.jpg) no-repeat transparent;}
#services_wrapper .services .service:nth-child(5) {background: url(/upload/files/286/startupok-jogi-kepviselete-15070.jpg) no-repeat transparent;}
#services_wrapper .services .service:nth-child(6) {background: url(/upload/files/286/peres-kepviselet-15068.jpg) no-repeat transparent;}



#services_wrapper .services .service img {display: block; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
#services_wrapper .services .service a {width: 100%; height: 100%; display: block;}


/*home our mission*/

.homepage #content {width: 100%; background: url(/upload/files/286/parallax-home2-15072.jpg) no-repeat center; height: auto; padding: 35px 0; height: auto; background-attachment: fixed; background-position: top; background-repeat: no-repeat; background-size: cover;}
.homepage #content h1 {font-size: 36px; text-transform: uppercase; color: #fff; text-align: center; margin-bottom: 35px; font-weight: 600;}
.homepage #content .content {width: 100%; max-width: 1200px; margin: 0 auto; display: block;}
.homepage #content p {color: #fff;}


/*news*/

#center_bottom_box_cont div.news_title {font-size: 21px; color: #283443; text-transform: uppercase; text-align: center; font-weight: 700; margin: 35px 10px;}
#content_list {display: flex; flex-wrap: wrap; justify-content: center; max-width: 1250px; width: 100%; margin: 35px auto 0;}
#content_list div.item {max-width: 380px; height: auto; margin: 0 17.5px 35px;}

#content_list div.item h2 {margin-bottom: 25px; margin-top: 0;}
#content_list div.item h2 a {font-size: 18px; color: #1f242a; font-weight: 700;}
#content_list div.item .lead p {font-size: 18px; color: #555; font-weight: 300; display: inline;}
a.next {display: inline-block; margin-top: 5px; vertical-align: middle; font-size: 14px; color: #1f242a; font-weight: 700; text-transform: uppercase; background: #f0d78c; padding: 5px 10px;}
.html-8331 #content_list {margin: 0 auto;}

a.more {display: block; width: 140px; background: #485463; color: #fff; font-size: 20px; font-weight: 300; text-transform: uppercase; text-align: center; line-height: 45px; height: auto; border-radius: 0px; transition: all 200ms ease-out; margin: 10px auto;}
a.more:hover {background: #283443; color: #fff;}

a.button {display: inline-block; min-width: 140px; background: #485463; color: #fff; font-size: 20px; font-weight: 300; text-transform: uppercase; text-align: center; line-height: 45px; height: auto; border-radius: 0px; transition: all 200ms ease-out; margin: 5px 5px; padding: 0px 20px;}
a.button:hover {background: #283443; color: #fff;}

#center_bottom_box_cont {display: none;}
html.root8326 #center_bottom_box_cont {display: block;}
html.root8839 #center_bottom_box_cont {display: block;}


/*contact form*/

#public_generated_form.respo div.row.title {font-size: 30px; color: #283443; text-transform: uppercase; text-align: center; font-weight: 700; margin: 35px 0 35px; width: 100%;}
#public_generated_form.respo div.table {max-width: 594px; width: 100%; margin: 0 auto;}
#public_generated_form.respo div.row div.label {display: none;}
#public_generated_form.respo div.row {margin: 5px 0;}
#public_generated_form.respo div.row input, #public_generated_form.respo div.row textarea {height: 33px; border: 1px solid #e7e7e7; font-size: 16px; font-weight: 400; color: #555; padding: 0 10px;}

#public_generated_form.respo div.row input:focus, #public_generated_form.respo div.row textarea:focus {border: 1px solid #283443; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out;}
#public_generated_form.respo div.row textarea {height: 60px; padding-top: 5px;}

#public_generated_form.respo div.row.checkbox div.label {display: block;}
#public_generated_form.respo div.row label.checkbox {display: block;}
#public_generated_form.respo div.row input.checkbox {vertical-align: top;}
#public_generated_form.respo label.checkbox span {display: inline-block;}
#public_generated_form.respo label.checkbox span a {font-weight: 400; color: #555; font-size: 16px; line-height: normal; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out;}
#public_generated_form.respo label.checkbox span a:hover {color: #f0d78c;}

#public_generated_form.respo div.row input::placeholder, #public_generated_form.respo div.row select::placeholder, #public_generated_form.respo div.row textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-size: 16px; color: #555; font-weight: 400; opacity: 1;
  opacity: 1; /* Firefox */
}

#public_generated_form.respo div.row input:-ms-input-placeholder, #public_generated_form.respo div.row select:-ms-input-placeholder #public_generated_form.respo div.row textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-size: 16px; color: #555; font-weight: 400; opacity: 1;
}

#public_generated_form.respo div.row input::-ms-input-placeholder, #public_generated_form.respo div.row select::-ms-input-placeholder, #public_generated_form.respo div.row textarea::-ms-input-placeholder { /* Microsoft Edge */
  font-size: 16px; color: #555; font-weight: 400; opacity: 1;
}

#public_generated_form.respo div.error {padding: 5px 0;}
#public_generated_form.respo div.error.privacy {border: solid 1px #FF0000;}
#public_generated_form.respo div.row.title_error, #public_generated_form.respo div.row.error div.label.error.hidden {color: #e74c3c; font-family: inherit; font-weight: 400;}
#public_generated_form.respo div.row.error input {background: #e74c3c;}
#public_generated_form.respo div.row.error div.label.error.hidden {display: none;}

#public_generated_form.respo div.submit input[type="submit"] {width: 100%; max-width: 180px; background: #485463; color: #fff; font-size: 20px; font-weight: 300; text-transform: uppercase; border: none; line-height: 45px; height: auto; border-radius: 0px; transition: all 200ms ease-out;}
#public_generated_form.respo div.submit input[type="submit"]:hover {background: #283443; color: #fff;}







/*footer*/

#bottom_box_cont {width: 100%; height: auto; background: #172b44; display: block;}
#bottom_box_cont #footer_wrapper {display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1200px; width: 100%; margin: 0 auto;}
#bottom_box_cont #footer_wrapper ul {margin: 40px 0;}
#bottom_box_cont #footer_wrapper ul li {font-size: 18px; color: #fff; line-height: 40px; padding-left: 0;}
#bottom_box_cont #footer_wrapper ul li a {font-size: 18px; color: #fff;}
#bottom_box_cont #footer_wrapper .map {width: 100% !important; max-width: 790px; height: 240px;}
#bottom_box_cont #footer_wrapper .map iframe {width: 100% !important; height: 280px;}

#bottom_box_cont .footer_bottom_wrapper {width: 100%; height: auto; padding: 40px 0; background: #0b131e;}
#bottom_box_cont .footer_bottom_wrapper .footer_bottom {width: 100%; height: auto; max-width: 1200px; margin: 0 auto; overflow: hidden;}
#bottom_box_cont .footer_bottom_wrapper p {color: #fff; font-size: 14px; text-transform: uppercase; text-align: left; display: inline-block; vertical-align: middle;}
#bottom_box_cont .footer_bottom_wrapper #menu_footer {display: inline-block; vertical-align: middle; line-height: 14px; margin-left: 35px;}
#bottom_box_cont .footer_bottom_wrapper #menu_footer li {display: inline-block; vertical-align: middle; padding: 0 9px;}
#bottom_box_cont .footer_bottom_wrapper #menu_footer li a {color: #fff; font-size: 14px; display: inline-block; vertical-align: middle;}
#bottom_box_cont .footer_bottom_wrapper .made_by {display: inline-block; vertical-align: middle; float: right;}
#bottom_box_cont .footer_bottom_wrapper .made_by p {color: #fff; font-size: 14px; text-align: left; display: inline-block; vertical-align: middle; margin-left: 90px;}
#bottom_box_cont .footer_bottom_wrapper .made_by img {display: inline-block; vertical-align: middle;}




/*respo*/




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

#menu_top li.lev2 a {font-size: 16px;}

#top_box_cont {max-width: 94%; margin: auto;}

#content_list, #bottom_box_cont .footer_bottom_wrapper .footer_bottom, #bottom_box_cont #footer_wrapper {width: 94%;}
#bottom_box_cont .footer_bottom_wrapper {text-align: center;}
#bottom_box_cont .footer_bottom_wrapper .made_by {float: none; text-align: center; display: block; margin-top: 20px;}
.homepage #content .content {max-width: 94%; width: 100%;}
#content {max-width: 94%; width: 100%;}


#bottom_box_cont #footer_wrapper .map {max-width: 100%;}

}

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

#bottom_box_cont .footer_bottom_wrapper .made_by {display: block; margin: 10px auto 0; text-align: center;}
#bottom_box_cont .footer_bottom_wrapper .made_by p {margin-left: 0;}
#bottom_box_cont .footer_bottom_wrapper p {display: block; margin: 10px auto 0; text-align: center;}

#bottom_box_cont .footer_bottom_wrapper #menu_footer {margin: 10px auto 0; display: block; text-align: center;}
#bottom_box_cont .footer_bottom_wrapper #menu_footer li {padding: 0 10px;}

}

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

#menu_wrapper {width: 100%; height: 0px; display: block; margin: 0 auto; border: none;}
#menu_wrapper a.mmenu.open {display: block;}

#menu_wrapper #menu_top {display: block; width: 100%; height: 0px; opacity: 0; transition: opacity 250ms ease 0s; overflow: hidden; float: none;}
#menu_wrapper #menu_top li, #menu_wrapper #menu_top li.lev2 {display: none;}
#menu_wrapper:target {display: block; height: auto;}
#menu_wrapper:target #menu_top {display: block; width: auto; height: auto; opacity: 1; transition: opacity 250ms ease 0s;}
#menu_wrapper:target #menu_top 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 li.lev2 {display: block; width: 100%; margin: 0px; padding: 0px;}
#menu_wrapper #menu_top li.lev2 a {text-align: center; white-space: normal; width: 100%;}

#menu_wrapper #menu_top 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 li.lev2 ul.lev3 li.lev3 {border-bottom: solid 1px #fffefe;}
#menu_wrapper #menu_top li.lev2.mobil li.lev3 {display : block; width : 100%; margin : 0; padding : 0;}
#menu_wrapper #menu_top li.lev2.mobil li.lev3 a {text-align: center; white-space: normal;}

#menu_wrapper #menu_top li.lev2 a {margin: 0px; padding: 0px; border: 0px; line-height: 38px;}
#menu_wrapper #menu_top li.lev2::before {content: none;}
#menu_wrapper #menu_top li.lev2 ul.lev3, #menu_wrapper #menu_top li.lev2 ul.lev4 {position: static; opacity: 1;}
#menu_wrapper #menu_top li.lev2 ul.lev3 li.lev3 a, #menu_wrapper #menu_top li.lev2 ul.lev4 li.lev4 a {padding: 0;}




}


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

.logo ul.contacts {display: block;}
.logo ul.contacts li {display: block;}

#menu_wrapper {border-bottom: 1px solid #444;}
.homepage #body #navigation {display: none;}

.logo {max-width: 500px;}
.logo img {display: block; margin: 0 auto;}

#content_list div.item {margin: 0 auto 25px !important; display: block;}

html.root8328 h1 {line-height: 150px; font-size: 50px;}

#public_generated_form.respo div.row.title, h1, #admin_box.admin.edit div.title {font-size: 23px;}

}




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

.logo {max-width: 220px; padding: 0px 60px;}


}


















/* DOMAIN USER END */



/* TEST START */



/* TEST END TEST */

