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

#body #footer {
	
}
#body #navigation {
	height: 100px;
}
#body #menu_top li.lev2 a {
	
}
#body #menu_top li.lev2 a:hover {
	
}
#body #menu_footer li.lev2 a {
	
}
#body #menu_footer li.lev2 a:hover {
	
}
body {
	
}
#body div.site-info-body {
	
}
#body #header div.header {
	
}
#body #top div.top {
	
}
#body #navigation div.navigation {
	
}
#body #main #main_center div.main_center {
	
}
#body #footer div.footer {
	
}
h1 {
	
}
h2 {
	
}
h3 {
	
}


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

html {
  scrollbar-gutter: stable;
}

body {font-family: 'Nunito Sans', sans-serif; font-size: 18px; line-height: 25px; font-weight: 300; color: #000;}
#body.responsive div.site-info-body, #bottom_box_cont {width: 100%; font-family: 'Nunito Sans', sans-serif; font-size: 18px; line-height: 25px; font-weight: 300; color: #000;}


h1 {font-size: 38px; font-weight: 900; color: #000; text-align: center; line-height: 45px; font-family: 'Nunito Sans', sans-serif; qfont-family: 'Ubuntu', sans-serif; margin-bottom: 50px;}
h2 {line-height: normal;}
h3 {line-height: normal;}
h4 {font-size: 16px; text-transform: uppercase; font-weight: 800; color: #fbb003;}
h5 {font-size: 16px; font-weight: 800; color: #fbb003;}
h6 {font-size: 18px; font-weight: 400; color: #000; margin: 0;}
p {font-size: 18px; line-height: 25px; font-weight: 300; qcolor: #000; qtext-align: left;}

div {transition: all 250ms ease-in-out;}

input[type="submit"] {transition: all 250ms ease-in-out;}

#content-edit-icon {top: 80px;}

.root9227 #content {background: #e8e8e8; padding: 0px; width: auto; max-width: unset;}

#content {width: 100%; max-width: 1280px; margin: auto;}

#content h1.content_top {margin-top: 50px;}
html.root9196.module-blog-item #content {max-width: 1280px; margin: auto; padding-left: 10px; padding-right: 10px;}

.content .element.content {background-size: cover;}

/*exit popup*/

#exit_layer {border: none; box-sizing: border-box; width: 100%; max-width: 500px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; display: block; border-radius: 0px;}
#exit_box_cont {max-width: 100%; border-radius: 0px; border: none; background: rgb(234,245,248);
background: linear-gradient(90deg, rgba(234,245,248,1) 0%, rgba(234,245,248,1) 30%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%); padding: 60px 30px; box-sizing: border-box;}
#exit_popup_wrapper h3 {text-align: center; font-weight: 900; margin-bottom: 20px; margin-left: auto; margin-right: auto;}
#exit_popup_wrapper #public_generated_form.respo div.submit {margin: auto;}
#exit_popup_wrapper #public_generated_form.respo div.submit input[type="submit"] {margin-left: auto; margin-right: auto; width: 200px; line-height: 46px; height: auto; border-radius: 0px;}
#exit_popup_wrapper #public_generated_form.respo div.row.text {width: 100%;}
#exit_layer a.close {background: #000; height: 20px; width: 20px; border-radius: 50%;}
#exit_layer a.close .fa.fa-times {font-size: 15px; color: #fff; text-align: center; margin: auto; display: block; margin-top: 2px; font-weight: 300;}
#exit_layer #public_generated_form.respo div.row input.text {background: #e0e3e4; color: #28ace2; height: 36px;}
#exit_layer #public_generated_form.respo label.checkbox span {font-size: 14px;}

#exit_layer #public_generated_form.respo div.row input.text::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #28ace2; font-family: 'Nunito Sans', sans-serif; font-size: 16px;
}
#exit_layer #public_generated_form.respo div.row input.text::-moz-placeholder { /* Firefox 19+ */
  color: #28ace2; font-family: 'Nunito Sans', sans-serif; font-size: 16px;
} 
#exit_layer #public_generated_form.respo div.row input.text:-ms-input-placeholder { /* IE 10+ */
  color: #28ace2; font-family: 'Nunito Sans', sans-serif; font-size: 16px;
}
#exit_layer #public_generated_form.respo div.row input.text:-moz-placeholder { /* Firefox 18- */
  color: #28ace2; font-family: 'Nunito Sans', sans-serif; font-size: 16px;
}
#exit_layer #public_generated_form.respo label.checkbox span a {color: #000;}


/*open popup*/

#registered {display: block; display: none; position: fixed; bottom: 10px; left: 10px; border: none; box-sizing: border-box; width: 100%; max-width: 200px; padding: 20px 10px; border-radius: 0px; background: #fbb003; text-align: center;  font-size: 12px; font-weight: 900; color: #fff;}
#registered h2 {text-align: center; font-size: 18px; font-weight: 600; color: #fff; margin-bottom: 10px;}
#registered p {font-size: 16px; font-weight: 300; color: #fff; margin-bottom: 10px;}
#registered a {font-size: 18px; font-weight: 600; color: #fff;}



/*
#open_layer {display: none;}
#open_box_cont {display: none;}
#open_popup_wrapper {display: none;}
#open_layer_container {display: none;}
#open_layer_bg {display: none;}

#open_layer a.close {position: relative; top: 25px; right: 10px; height: 20px; width: 20px; border-radius: 50%;}
#open_layer a.close .fa.fa-times {font-size: 15px; color: #f00; text-align: right; margin: auto; display: block; margin-top: 2px; font-weight: 300;}

html.root9190.module-blog-item #open_layer {display: block;}
html.root9190.module-blog-item #open_box_cont {display: block;}
html.root9190.module-blog-item #open_popup_wrapper {display: block;}
html.root9190.module-blog-item #open_layer_container {display: block;}
html.root9190.module-blog-item #open_layer_bg {display: block;}
*/

/* ==========================================================================
   HEADER / NAVBAR (Fluid clamp: 390px - 1920px)
   ========================================================================== */

#top_box_cont {
    background: #0C0C0C;
    /* Magasság: 60px mobilon -> 72px desktopon */
    height: clamp(60px, calc(56.9px + 0.78vw), 72px);
    /* Oldalsó padding: 20px mobilon -> 64px desktopon */
    padding-left: clamp(20px, calc(8.79px + 2.87vw), 64px);
    padding-right: clamp(20px, calc(8.79px + 2.87vw), 64px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    box-sizing: border-box;
}

/* Logó méretezése */
.logo_wrapper {
    display: flex;
    align-items: center;
}
.logo_wrapper img {
    /* Logó szélesség: mobilon kicsit kisebb (kb. 80px), desktopon 108px */
    width: clamp(80px, calc(72.8px + 1.83vw), 108px);
    height: auto;
}

/* Menü konténer flex elrendezése asztali nézeten */
#menu_wrapper {
    display: flex;
    align-items: center;
}

/* Maga a menülista */
#menu_top {
    display: flex;
    align-items: center;
    /* Menüpontok közötti távolság: 15px mobilon/tableten -> 32px desktopon */
    gap: clamp(15px, calc(10.6px + 1.11vw), 32px);
    margin: 0;
    padding: 0;
}

/* Menüpontok stílusai */
#menu_top li.lev2 a {
    color: #ffffff;
    font-family: 'Roboto', 'Nunito Sans', sans-serif;
    /* Betűméret: 14px mobilon -> 16px desktopon */
    font-size: clamp(14px, calc(13.5px + 0.13vw), 16px);
    font-weight: 400;
    line-height: 24px;
    padding: 0;
    text-transform: none; /* A régi CSS uppercase-t felülírjuk */
    transition: color 0.3s ease;
}

#menu_top li.lev2 a:hover,
#menu_top li.lev2 a.active {
    color: #a0a0a0; /* Ide jöhet a hover szín, Figma nem adta meg, betettem egy szürkét */
    background: transparent;
}

/* ==========================================================================
   HEADER GOMBOK (CTA)
   ========================================================================== */

#header_right {
    display: flex;
    align-items: center;
    /* Gombok közötti távolság: 8px mobilon -> 16px desktopon */
    gap: clamp(8px, calc(5.9px + 0.52vw), 16px);
}

.btn-secondary, .btn-primary {
    font-family: 'Roboto', 'Nunito Sans', sans-serif;
    /* Betűméret: 14px mobilon -> 16px desktopon */
    font-size: clamp(14px, calc(13.5px + 0.13vw), 16px);
    font-weight: 500;
    line-height: 24px;
    /* Belső padding: 8px f-l, és 12px -> 20px o-b */
    padding: 8px clamp(12px, calc(9.9px + 0.52vw), 20px);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-sizing: border-box;
}

/* Outline gomb */
.btn-secondary {
    color: #ffffff;
    background: transparent;
    border: 2px solid #ffffff;
}
.btn-secondary:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
}

/* Solid (elsődleges) gomb */
.btn-primary {
    color: #0C0C0C;
    background: #ffffff;
    border: 2px solid #ffffff;
}
.btn-primary:hover {
    background: #e6e6e6;
    border-color: #e6e6e6;
    color: #0C0C0C;
}

/* ==========================================================================
   MOBIL MENÜ TÖRÉSPONT (Keretrendszer kiegészítése)
   ========================================================================== */
@media only screen and (max-width: 960px) {
    #header_right {
        /* Mobilon eltüntetjük a gombokat, vagy berakjuk a lenyíló menübe */
        display: none; 
    }
    #menu_top {
        gap: 0; /* Mobilon a régi struktúra szerint lista lesz belőle */
    }
}












/* ==========================================================================
   HERO / EVENT PROMO (Fluid clamp: 390px - 1920px)
   ========================================================================== */

#navigation_box_cont {
    background-color: #242424; /* A Figma sötét háttere */
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('/upload/files/604/ff75ca26ba739c4644ff09a71786344caa9bb912-28520.jpg'); background-size: contain;
    position: relative;
    overflow: hidden;
    /* Hero magasság: min 600px mobilon, fluidan nő, de nem kell fixálni, hagyjuk a tartalmat dolgozni */
    min-height: clamp(500px, calc(505.9px + 24.13vw), 780px);
    display: flex;
    justify-content: center;
    align-items: center;
    /* Felső padding a fixált header miatt (kb. 72px + kis tér) */
    padding-top: clamp(30px, calc(46.5px + 3.46vw), 70px);
    padding-bottom: clamp(30px, calc(46.5px + 3.46vw), 200px); box-sizing: border-box;
}

/* Dekorációs háttér rács (Grid/Csíkok) CSS alapon */
.hero-bg-pattern {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    /* A feltöltött képet használjuk */
    background-image: url('/upload/files/604/deco-lines-28498.svg');
    /* Vízszintesen ismétlődik, hogy kitöltse a széles képernyőket is */
    background-repeat: repeat-x;
    background-position: bottom left;
    /* A magasságát rögzítjük (vagy cover-re tesszük, a design-tól függően) */
    background-size: contain; 
    /* Ha a kép nem tartalmaz átlátszóságot, itt tudunk rajta finomítani (opcionális) */
    opacity: 0.8; 
}


/* Fő tartalom konténer */
.hero-content-container {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1280px; /* A Figma limitje */
    padding-left: clamp(5px, calc(8.5px + 2.94vw), 10px);
    padding-right: clamp(5px, calc(8.5px + 2.94vw), 10px);
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    gap: clamp(20px, calc(29.5px + 2.68vw), 25px);
    box-sizing: border-box;
}

/* --- BAL OLDAL --- */
.hero-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
border: 1px solid #fff;
padding-left: clamp(15px, calc(8.5px + 2.94vw), 30px);
    padding-right: clamp(15px, calc(8.5px + 2.94vw), 30px);
padding-top: clamp(15px, calc(8.5px + 2.94vw), 80px);
    padding-bottom: clamp(15px, calc(8.5px + 2.94vw), 80px);
width: 100%; max-width: 780px; min-width: 780px; box-sizing: border-box;
}

.hero-left h4 {color: #fff; margin: 10px 0;}

.hero-titles {
    display: flex;
    flex-direction: column;
    gap: clamp(10px, calc(6.3px + 0.94vw), 24px);
}

.hero-subtitle {
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    /* Betűméret: 40px -> 96px */
    font-size: clamp(40px, calc(25.4px + 3.75vw), 96px);
    line-height: 1.2;
}

.hero-maintitle {
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    /* Betűméret: 28px -> 56px */
    font-size: clamp(28px, calc(20.7px + 1.88vw), 56px);
    line-height: 1.2;
    margin: 0; /* Felülírja az alap keretrendszert */
    text-align: left;
}

.btn-hero-primary {
    background-color: #FAAF16;
    color: #0C0C0C;
    font-family: 'Roboto', 'Nunito Sans', sans-serif;
    font-size: clamp(14px, calc(13.5px + 0.13vw), 16px);
    font-weight: 500;
    line-height: 24px;
    padding: 12px 24px;
    border: 2px solid #FAAF16;
    text-decoration: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
}

.btn-hero-primary:hover {
    background-color: transparent;
    color: #FAAF16;
}

/* --- JOBB OLDAL --- */
.hero-right {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(16px, calc(13.9px + 0.54vw), 24px);
border: 1px solid #fff;
padding-left: clamp(15px, calc(8.5px + 2.94vw), 30px);
    padding-right: clamp(15px, calc(8.5px + 2.94vw), 30px);
padding-top: clamp(15px, calc(8.5px + 2.94vw), 80px);
    padding-bottom: clamp(15px, calc(8.5px + 2.94vw), 80px);
}

.hero-event-logo .title-logo {
font-size: clamp(52px, calc(19.8px + 1.07vw), 96px); font-weight: 900; color: #fff; gap: 20px; display: flex; flex-direction: column;
}


.hero-event-logo .title-logo span {
display: block; color: #fbb003; font-size: clamp(32px, calc(19.8px + 1.07vw), 56px); font-weight: 900;
}

/* Visszaszámláló doboz */
.hero-countdown {
    display: flex;
    align-items: center;
    background-color: #242424;
    border: 2px solid #ffffff;
    padding: clamp(8px, calc(5.9px + 0.54vw), 16px) clamp(12px, calc(8.9px + 0.8vw), 24px);
    gap: clamp(8px, calc(5.9px + 0.54vw), 15px);
}

.cd-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* Szélesség, hogy stabilak maradjanak a számok váltáskor */
    min-width: clamp(40px, calc(33.7px + 1.6vw), 64px);
}

.cd-number {
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    /* Méret: 24px -> 40px */
    font-size: clamp(24px, calc(19.8px + 1.07vw), 40px);
    line-height: 1.2;
}

.cd-label {
    color: #ffffff;
    font-family: 'Roboto', 'Nunito Sans', sans-serif;
    font-weight: 400;
    /* Méret: 12px -> 16px */
    font-size: clamp(12px, calc(10.9px + 0.27vw), 16px);
    text-transform: capitalize;
}

.cd-divider {
    width: 2px;
    height: clamp(30px, calc(19px + 2.8vw), 72px);
    background-color: #ffffff;
}

/* Helyszín */
.hero-location-box {
    border: 2px solid #ffffff;
    padding: clamp(3px, calc(2.4px + 0.4vw), 6.5px);
    background: transparent;
}

.hero-location-box span {
    color: #ffffff;
    font-family: 'Roboto', 'Nunito Sans', sans-serif;
    font-weight: 800;
    /* Méret: 12px -> 16px */
    font-size: clamp(12px, calc(10.9px + 0.27vw), 16px);
    text-transform: uppercase;
}

/* Dátum */
.hero-date {
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    /* Méret: 20px -> 32px */
    font-size: clamp(20px, calc(16.9px + 0.8vw), 32px);
    text-align: center;
}

/* ==========================================================================
   MOBIL NÉZET (Flexbox irányváltás)
   ========================================================================== */

@media only screen and (max-width: 1300px) {
.hero-left {
        min-width: auto; border: none;
    }

.hero-right {
        min-width: auto; border: none;
    }

}



@media only screen and (max-width: 960px) {
    .hero-content-container {
        flex-direction: column;
        text-align: center;
    }
    .hero-left {
        align-items: center; 
    }
    .hero-maintitle {
        text-align: center;
    }
    .hero-countdown {
        /* Mobilon picit zsúfolt lehet a 4 szám, érdemes flex-wrap-et engedni vagy kisebb paddingot használni */
        padding: 8px 12px;
        gap: 8px;
    }

#sect-gallery .glc-container.overflow-visible {width: 92%;}


#public_generated_form.respo div.table {width: 100%;}

.btn-hero-primary {padding: 5px 24px; box-sizing: border-box; width: 100%;}

.hero-content-container {padding-left: 0; padding-right: 0;}


}













/* ==========================================================================
   TRUSTED PARTNERS / CENTER BOX CONT (Fluid clamp: 390px - 1920px)
   ========================================================================== */

#center_box_cont {
    background: #ffffff;
    width: 100%;
}

.trusted-partners-wrapper {
    background: #ffffff;
    /* Felső és alsó padding: 32px mobilon -> 48px desktopon */
    padding-top: clamp(32px, calc(27.9px + 1.05vw), 48px);
    padding-bottom: clamp(32px, calc(27.9px + 1.05vw), 48px);
    /* Oldalsó padding: 20px mobilon -> 64px desktopon */
    padding-left: clamp(20px, calc(8.8px + 2.88vw), 64px);
    padding-right: clamp(20px, calc(8.8px + 2.88vw), 64px);
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
}

.trusted-partners-inner {
    width: 100%;
    max-width: 1280px;
    display: flex;
    flex-direction: row;
    align-items: center;
    /* Távolság a szöveg és a logók között: 24px mobilon -> 48px desktopon */
    gap: clamp(24px, calc(17.9px + 1.57vw), 48px);
}

/* A bal oldali cím */
.trusted-title {
    color: #0C0C0C;
    font-family: 'Roboto', 'Nunito Sans', sans-serif;
    font-weight: 700;
    /* Betűméret: 16px mobilon -> 18px desktopon */
    font-size: clamp(16px, calc(15.5px + 0.13vw), 18px);
    line-height: 1.5;
    /* Szélesség: 200px mobilon -> 320px desktopon */
    width: clamp(200px, calc(169.4px + 7.84vw), 340px);
    flex-shrink: 0;
}

/* A logók konténere */
.trusted-logos {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end; /* Asztalin jobbra zárjuk őket */
    /* Logók közötti távolság: 16px mobilon -> 32px desktopon */
    gap: clamp(16px, calc(11.9px + 1.05vw), 32px);
}

/* Egyedi logó befoglaló */
.logo-item {
    display: flex;
    justify-content: center;
    align-items: center;
    /* Logó szélesség: 100px mobilon -> 157px desktopon */
    width: clamp(100px, calc(85.5px + 3.73vw), 150px);
    height: 80px;
}

/* Maga a kép */
.logo-item img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain; /* Gondoskodik róla, hogy ne torzuljon az arány */
    opacity: 1;
    transition: all 0.3s ease;
}

.logo-item img:hover {
    opacity: 1; filter: grayscale(100%);
}

/* ==========================================================================
   MOBIL NÉZET (Egymás alá rendezés)
   ========================================================================== */
@media only screen and (max-width: 960px) {
    .trusted-partners-inner {
        flex-direction: column;
        text-align: center;
    }
    
    .trusted-title {
        width: 100%;
        text-align: center;
    }
    
    .trusted-logos {
        justify-content: center;
    }

.logo-item {width: 47%;}

.btn-outline-dark, .btn-solid-dark, .btn-solid-light {width: 100%; padding: 5px 24px;}

#sect-experts .a-logo img {
    height: 80px;
    margin: auto;
    display: block;
}

}






































/* ==========================================================================
   0. KÖZÖS TARTALMI OSZTÁLYOK (Minden szekció által használt alapok)
   ========================================================================== */
.glc-section {
    width: 100%;
    padding-top: clamp(48px, calc(39.8px + 2.09vw), 60px);
    padding-bottom: clamp(48px, calc(39.8px + 2.09vw), 60px);
   /* padding-left: clamp(20px, calc(8.8px + 2.88vw), 64px);
    padding-right: clamp(20px, calc(8.8px + 2.88vw), 64px); */
    box-sizing: border-box;
    overflow: hidden;
}
.glc-container {
    width: 92%;
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.glc-header-box {
    border: 2px solid #0C0C0C;
    padding: clamp(24px, calc(17.9px + 1.57vw), 48px);
    display: flex;
    flex-direction: column;
    gap: 25px; margin-bottom: clamp(15px, calc(17.9px + 1.57vw), 25px);
}
.glc-header-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 16px;
    max-width: 768px;
    margin: 0 auto;
}
.glc-sublabel {
    font-family: 'Roboto', 'Nunito Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #0C0C0C;
}
.glc-title {
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(24px, calc(19.9px + 1.05vw), 48px);
    font-weight: 700;
    text-transform: uppercase;
    color: #0C0C0C;
    line-height: 1.2;
    margin: 0 0 16px 0;
}
.glc-desc {
    font-family: 'Roboto', 'Nunito Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #0C0C0C;
    line-height: 1.5;
    max-width: 768px;
    margin: 0;
}
.glc-btn-group { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 16px; }
.glc-btn-group.side-by-side {gap: 0;}
.btn-outline-dark, .btn-solid-dark, .btn-solid-light {
    font-family: 'Roboto', 'Nunito Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 24px;
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-flex; align-items: center; justify-content: center; max-width: stretch;
}

.btn-outline-dark { border: 2px solid #0C0C0C; color: #0C0C0C; background: transparent; }
.btn-outline-dark:hover { background: #0C0C0C; color: #FFFFFF; }
.btn-solid-dark { border: 2px solid #0C0C0C; color: #FFFFFF; background: #0C0C0C; }
.btn-solid-dark:hover { background: transparent; color: #0C0C0C; }
.btn-solid-light { border: 2px solid #0C0C0C; color: #0c0c0c; background: #fff; }
.btn-solid-light:hover { background: transparent; color: #0C0C0C; }


/* ==========================================================================
   1. ESTABLISHED SZEKCIÓ (#sect-established)
   ========================================================================== */
#sect-established { background-color: #FFFFFF; }
#sect-established .stats-row { display: flex; flex-wrap: wrap; width: 100%; }
#sect-established .stat-col {
    flex: 1 1 200px;
    border-left: 2px solid #0C0C0C;
    padding-left: clamp(16px, calc(11.9px + 1.05vw), 32px);
    margin-bottom: 24px;
    display: flex; flex-direction: column; gap: 8px;
}
#sect-established .stat-num {
    font-family: 'Roboto', 'Nunito Sans', sans-serif;
    font-weight: 700;
    font-size: clamp(40px, calc(32.8px + 1.83vw), 68px);
    color: #FAAF16;
    line-height: 1.1;
}
#sect-established .stat-label {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: clamp(16px, calc(14.9px + 0.26vw), 20px);
    color: #0C0C0C;
}

#sect-established .glc-header-box {margin-bottom: clamp(24px, calc(17.9px + 1.57vw), 48px);}


/* ==========================================================================
   2. WHY ATTEND SZEKCIÓ (#sect-why-attend)
   ========================================================================== */
#sect-why-attend { background-color: #FFFFFF; }
#sect-why-attend .feature-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: clamp(24px, calc(21.9px + 0.52vw), 32px);
}
#sect-why-attend .feature-card { border: 2px solid #0C0C0C; background: #FFFFFF; display: flex; flex-direction: column; }
#sect-why-attend .feature-card img { width: 100%; height: 233px; object-fit: cover; border-bottom: 2px solid #0C0C0C; }
#sect-why-attend .card-body { padding: clamp(24px, calc(21.9px + 0.52vw), 32px); }
#sect-why-attend .card-body h3 { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: clamp(24px, calc(21.9px + 0.52vw), 32px); text-transform: uppercase; color: #0C0C0C; margin: 0 0 16px 0; }
#sect-why-attend .card-body p { font-family: 'Roboto', 'Nunito Sans', sans-serif; font-size: 16px; color: #0C0C0C; line-height: 1.5; margin: 0; }


/* ==========================================================================
   3. GALLERY SZEKCIÓ (#sect-gallery)
   ========================================================================== */
#sect-gallery { background-color: #FFFFFF; }
#sect-gallery .overflow-visible { overflow: visible; }
#sect-gallery .marquee-wrapper {
    position: relative; width: 100vw; margin-left: 50%; transform: translateX(-50%); box-sizing: border-box;
    overflow: hidden !important; display: flex; flex-direction: column; gap: 16px;
}

#sect-gallery .glc-container {width: 100%;}


#sect-gallery .marquee-track { display: flex; gap: 16px; width: max-content; }
#sect-gallery .marquee-track img {
    width: clamp(280px, calc(245.3px + 8.89vw), 416px);
    height: clamp(220px, calc(189.4px + 7.84vw), 340px);
    border-radius: 8px; object-fit: cover;
}
#sect-gallery .track-left { animation: scrollLeft 30s linear infinite; }
#sect-gallery .track-right { animation: scrollRight 30s linear infinite; align-self: flex-end; }
@keyframes scrollLeft { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
@keyframes scrollRight { 0% { transform: translateX(-50%); } 100% { transform: translateX(0); } }

@media (max-width: 768px) {
    #sect-gallery .marquee-track img {
        height: 150px; /* Kisebb képek mobilon */
        width: auto;
    }
}


/* ==========================================================================
   4. EXPERIENCE VIDEO SZEKCIÓ (#sect-experience)
   ========================================================================== */
#sect-experience { background-color: #F2F2F2; }
#sect-experience .video-box {
    width: 100%; height: clamp(300px, calc(232.4px + 17.3vw), 565px);
    background: #000; position: relative; margin-top: clamp(24px, calc(17.9px + 1.57vw), 48px);
}
#sect-experience .video-bg {
    width: 100%; height: 100%; background-size: cover; background-position: center;
    position: relative; display: flex; align-items: center; justify-content: center;
}
#sect-experience .video-bg::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); }
#sect-experience .play-button {
    position: relative; z-index: 2; background: transparent;
    width: clamp(48px, calc(43.9px + 1.05vw), 64px); height: clamp(48px, calc(43.9px + 1.05vw), 64px);
    display: flex; align-items: center; justify-content: center; transition: transform 0.3s ease;
}
#sect-experience .play-button:hover { transform: scale(1.1); }
#sect-experience .play-button img { width: 100%; height: 100%; }


/* ==========================================================================
   5. TOPICS IN DEBATE SZEKCIÓ (#sect-topics)
   ========================================================================== */
#sect-topics { background-color: #FFFFFF; }
#sect-topics .topics-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: clamp(16px, calc(11.9px + 1.05vw), 32px);
}
#sect-topics .topic-item {
    border: 2px solid #0C0C0C; padding: 24px; background: #FFFFFF;
    display: flex; flex-direction: column; gap: 15px; transition: transform 0.3s ease, box-shadow 0.3s ease;
}
#sect-topics .topic-item:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
#sect-topics .t-icon {
    width: 62px; height: 62px;
    display: flex; align-items: center; justify-content: start;
}
#sect-topics .t-icon img { width: 40px; height: 40px;}
#sect-topics .t-cat { font-family: 'Roboto', sans-serif; font-weight: 600; font-size: 16px; color: #0C0C0C; }
#sect-topics h3 { font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 24px; text-transform: uppercase; color: #0C0C0C; margin: 0; }
#sect-topics p { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 16px; color: #0C0C0C; margin: 0; }


/* ==========================================================================
   6. MEET THE EXPERTS SZEKCIÓ (#sect-experts)
   ========================================================================== */
#sect-experts { background-color: #FAAF16; }
#sect-experts .dark-outline { border-color: #0C0C0C; }
#sect-experts .anchor-speaker { display: flex; flex-direction: row; border: 2px solid #0C0C0C; background: #FFFFFF; margin-bottom: clamp(15px, calc(17.9px + 1.57vw), 25px);}
#sect-experts .a-img { width: 50%; object-fit: cover; border-right: 2px solid #0C0C0C; }
#sect-experts .a-content { width: 50%; display: flex; flex-direction: column; }
#sect-experts .a-logo { padding: 32px 48px; border-bottom: 2px solid #0C0C0C; }
#sect-experts .a-logo img { height: 80px; }
#sect-experts .a-name { padding: 32px 48px; display: flex; flex-direction: column; gap: 16px; }
#sect-experts .badge { background: #EAF5F8; padding: 8px 12px; font-family: 'Roboto', sans-serif; font-weight: 600; font-size: 16px; color: #0C0C0C; display: inline-block; width: max-content; }
#sect-experts h3 { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: clamp(32px, calc(29.9px + 0.52vw), 40px); text-transform: uppercase; margin: 0; }
#sect-experts .a-title { background: #0C0C0C; color: #FFFFFF; padding: 16px 48px; font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 16px; text-align: left; }
#sect-experts .a-bio { padding: 32px 48px; }
#sect-experts .a-bio p { font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 1.5; margin: 0; }

#sect-experts .speakers-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: clamp(16px, calc(11.9px + 1.05vw), 32px); }
#sect-experts .spk-card { border: 2px solid #0C0C0C; background: #FFFFFF; display: flex; flex-direction: column; }
#sect-experts .spk-logo { padding: 16px; background: #FFFFFF; display: flex; justify-content: flex-start; }
#sect-experts .spk-logo img { height: 40px; }
#sect-experts .spk-img { width: 100%; aspect-ratio: 1/1; object-fit: cover; border-top: 2px solid #0C0C0C; border-bottom: 2px solid #0C0C0C; }
#sect-experts .spk-info { padding: 16px; }
#sect-experts .spk-info h4 { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 24px; margin: 0; text-transform: uppercase; color: #0c0c0c;}
#sect-experts .spk-title { background: #0C0C0C; color: #FFFFFF; padding: 16px; font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 16px; text-align: left; flex-grow: 1; }


/* ==========================================================================
   7. PARTNERS SZEKCIÓ (#sect-partners)
   ========================================================================== */
#sect-partners { background-color: #FFFFFF; }
#sect-partners .partners-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: clamp(16px, calc(11.9px + 1.05vw), 32px); }
#sect-partners .ptn-card { border: 2px solid #0C0C0C; background: #FFFFFF; display: flex; flex-direction: column; }
#sect-partners .ptn-icon { padding: 24px; display: flex; }
#sect-partners .ptn-icon img { width: 48px; height: 48px; }
#sect-partners .ptn-body { padding: 24px; border-top: 2px solid #0C0C0C; border-bottom: 2px solid #0C0C0C; flex-grow: 1; }
#sect-partners .ptn-body h3 { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 24px; margin: 0 0 16px 0; }
#sect-partners .ptn-body p { font-family: 'Roboto', sans-serif; font-size: 16px; margin: 0; }
#sect-partners .ptn-link { padding: 16px 24px; display: flex; align-items: center; gap: 8px; color: #0C0C0C; font-weight: 500; text-decoration: none; transition: background 0.3s ease; }
#sect-partners .ptn-link:hover { background: #F2F2F2; }
#sect-partners .glc-header-center {padding-bottom: clamp(48px, calc(39.8px + 2.09vw), 80px);}


/* ==========================================================================
   MOBIL NÉZET TÖRÉSPONTOK (Közös a szekcióknak)
   ========================================================================== */
@media only screen and (max-width: 960px) {
    #sect-established .stat-col { padding-bottom: 16px; }
    #sect-established .stat-col:last-child { border-bottom: none; }
    
    #sect-experts .anchor-speaker { flex-direction: column; }
    #sect-experts .a-img, #sect-experts .a-content { width: 100%; }
    #sect-experts .a-img { border-right: none; border-bottom: 2px solid #0C0C0C; }
    #sect-experts .a-logo, #sect-experts .a-name, #sect-experts .a-bio { padding: 24px; }
    #sect-experts .a-title { padding: 16px 24px; }
}














/* ==========================================================================
   8. BECOME A PARTNER / SPONSOR FORM SZEKCIÓ (#sect-partner-form)
   ========================================================================== */

#sect-partner-form {
    background-color: #F2F2F2 !important;
}

/* Erőszakoljuk a Flexboxot, hogy ne engedje egymás alá esni asztalin */
.partner-form-split {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: clamp(15px, calc(21.9px + 2.1vw), 30px) !important;
    align-items: stretch;
    width: 100%;
}

/* BAL OLDAL - Infók (Keret kikényszerítése) */
.partner-info-side {
    flex: 0 0 clamp(300px, calc(262.2px + 7.84vw), 375px);
    padding: clamp(24px, calc(19.9px + 0.84vw), 32px);
    border: 2px solid #0C0C0C;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
}

.info-content-box {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.event-meta-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 8px;
}

.meta-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: 'Roboto', 'Nunito Sans', sans-serif;
    font-size: 14px;
    color: #0C0C0C;
}

.meta-icon {
    width: 20px;
    height: 20px;
}

/* JOBB OLDAL - Form Konténer (Fehér háttér és keret kikényszerítése) */
.partner-form-side {
    flex: 1 1 auto;
    background-color: #FEFEFE;
    border: 2px solid #0C0C0C;
    padding: clamp(24px, calc(19.9px + 0.84vw), 32px) !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

/* CMS Form asztali elrendezés felülírása */
#sect-partner-form #public_generated_form.respo {
    margin: 0 !important;
    max-width: 100% !important;
}

#sect-partner-form #public_generated_form.respo .table {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    width: 100% !important;
    margin: auto;
}

#sect-partner-form #public_generated_form.respo .row.input {
    display: flex;
    flex-direction: column !important;
    gap: 8px !important;
    width: 100%;
    margin: 0 !important;
}


#sect-partner-form #public_generated_form.respo #form-1135_row_20, #sect-partner-form #public_generated_form.respo #form-1135_row_30 {width: 48%;}

/* Email és Phone egymás mellett desktopon */
#sect-partner-form #public_generated_form.respo .half-width {
    width: calc(50% - 12px) !important;
}

/* Címkék (Labels) */
#sect-partner-form #public_generated_form.respo .label.text {
    font-family: 'Roboto', 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    color: #0C0C0C !important;
    padding: 0 !important;
    font-weight: 400 !important;
}
#sect-partner-form #public_generated_form.respo .label.text.hidden {
    display: none !important;
}

/* Input mezők */
#sect-partner-form #public_generated_form.respo input.text,
#sect-partner-form #public_generated_form.respo select,
#sect-partner-form #public_generated_form.respo textarea {
    background-color: transparent !important;
    border: 2px solid #0C0C0C !important;
    border-radius: 0 !important;
    height: 48px !important;
    padding: 0 12px !important;
    font-family: 'Roboto', 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    color: #0C0C0C !important;
    box-sizing: border-box !important;
    width: 100%;
}

#sect-partner-form #public_generated_form.respo textarea {
    height: auto !important;
    min-height: 120px !important;
    padding-top: 12px !important;
}

#sect-partner-form #public_generated_form.respo input.text::placeholder {
    color: #999 !important;
}

/* Checkboxok */
#sect-partner-form #public_generated_form.respo label.checkbox {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    margin-bottom: 8px !important;
    cursor: pointer !important;
    padding: 0 !important;
}

#sect-partner-form #public_generated_form.respo input.checkbox {
    width: 18px !important;
    height: 18px !important;
    border: 2px solid #0C0C0C !important;
    border-radius: 0 !important;
    margin: 2px 0 0 0 !important;
    flex-shrink: 0 !important;
    appearance: auto !important; /* Visszaállítja az alap checkbox kinézetet, ha a CMS eltüntette volna */
}

#sect-partner-form #public_generated_form.respo label.checkbox span {
    font-family: 'Roboto', 'Nunito Sans', sans-serif !important;
    font-size: 14px !important;
    color: #0C0C0C !important;
    line-height: 1.5 !important;
}

#sect-partner-form #public_generated_form.respo label.checkbox span a {
    color: #0C0C0C !important;
    text-decoration: underline !important;
    font-weight: 500 !important;
}

/* Captcha és Submit gomb elrendezése */
#sect-partner-form .form-bottom-row {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: flex-end !important;
    width: 100% !important;
    margin-top: 8px !important;
    flex-wrap: wrap !important;
    gap: 24px !important;
}

#sect-partner-form #public_generated_form.respo .row.captcha,
#sect-partner-form #public_generated_form.respo .row.submit {
    width: auto !important;
    margin: 0 !important;
}

/* Submit Gomb */
#sect-partner-form .btn-form-submit {
    background-color: #0C0C0C !important;
    color: #FFFFFF !important;
    border: 1px solid #FAAF16 !important;
    border-radius: 0 !important;
    padding: 10px 24px !important;
    font-family: 'Roboto', 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    height: auto !important;
    text-transform: none !important;
    width: 100% !important;
    min-width: 200px !important;
    transition: all 0.3s ease !important;
}

#sect-partner-form .btn-form-submit:hover {
    background-color: #FAAF16 !important;
    color: #0C0C0C !important;
    border-color: #0C0C0C !important;
}

/* ==========================================================================
   MOBIL NÉZET
   ========================================================================== */
@media only screen and (max-width: 960px) {
    .partner-form-split {
        flex-direction: column !important; width: 92%; margin: auto;
    }


    .partner-info-side {
        width: 100%;
        flex: auto !important; margin: auto; border: none;
    }

.partner-form-side {border: none;}


    #sect-partner-form #public_generated_form.respo .half-width {
        width: 100% !important;
    }
    #sect-partner-form .form-bottom-row {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    #sect-partner-form #public_generated_form.respo .row.submit {
        width: 100% !important;
    }
    #sect-partner-form .btn-form-submit {
        width: 100% !important;
    }
}











/* ==========================================================================
   9. TESTIMONIALS SZEKCIÓ (#sect-testimonials)
   ========================================================================== */

#sect-testimonials {
    background-color: #FFFFFF;
}


#sect-testimonials .testim-slider-viewport {
    width: 100%;
    overflow: hidden;
    position: relative;
}


#sect-testimonials .testim-slider-track {
    display: flex;
    gap: 32px;
    width: 100%;
    transition: transform 0.5s ease-in-out; /* Sima animáció a léptetéshez */
}


#sect-testimonials .testim-card {
    /* Szélesség: 50% mínusz a gap (32px) fele (16px) */
    flex: 0 0 calc(50% - 16px);
    
    background-color: #F2F2F2;
    border: 2px solid #0C0C0C;
    padding: clamp(24px, calc(21.9px + 0.52vw), 32px);
    display: flex;
    flex-direction: column;
    gap: 24px;
    box-sizing: border-box;
}

#sect-testimonials .testim-stars {
    display: flex;
    gap: 4px;
    color: #0C0C0C;
    font-size: 18px;
}

#sect-testimonials .testim-quote {
    font-family: 'Roboto', 'Nunito Sans', sans-serif;
    font-size: clamp(16px, calc(15.5px + 0.13vw), 18px);
    font-weight: 400;
    line-height: 1.5;
    color: #0C0C0C;
    margin: 0;
    flex-grow: 1;
}

#sect-testimonials .testim-author {
    display: flex;
    align-items: center;
    gap: 16px;
}

#sect-testimonials .testim-author img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid #0C0C0C;
}

#sect-testimonials .author-info {
    display: flex;
    flex-direction: column;
}

#sect-testimonials .author-info h4 {
    font-family: 'Roboto', 'Nunito Sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #0C0C0C;
    margin: 0;
}

#sect-testimonials .author-info span {
    font-family: 'Roboto', 'Nunito Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #0C0C0C;
}

#sect-testimonials .testim-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

#sect-testimonials .testim-dots {
    display: flex;
    gap: 8px;
}

#sect-testimonials .dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #0C0C0C;
    opacity: 0.2;
    transition: opacity 0.3s ease;
    cursor: pointer;
}

#sect-testimonials .dot.active {
    opacity: 1;
}

#sect-testimonials .testim-arrows {
    display: flex;
    gap: 16px;
}

#sect-testimonials .arrow-btn {
    width: 48px;
    height: 48px;
    background: transparent;
    border: 2px solid #0C0C0C;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background 0.3s ease;
    padding: 0;
}

#sect-testimonials .arrow-btn:hover {
    background: #EAF5F8;
}

#sect-testimonials .arrow-btn img {
    width: 24px;
    height: 24px;
}


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

#sect-testimonials .testim-slider-viewport {
  overflow: visible;
}

#sect-testimonials .testim-slider-track {
  display: block;
}


    #sect-testimonials .testim-card {
        flex: 0 0 100%;
  margin-bottom: 16px;
    }

#sect-testimonials .testim-controls {
  display: none;
}

}












/* ==========================================================================
   10. PRICING SZEKCIÓ (#sect-pricing)
   ========================================================================== */
#sect-pricing { background-color: #FAAF16; }

#sect-pricing .glc-container {gap: 35px;}

.dark-outline-box {
    border: 2px solid #0C0C0C;
    padding: clamp(24px, calc(17.9px + 1.57vw), 48px);
    background-color: transparent; /* Alapesetben fehér */
}

.pricing-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: clamp(16px, calc(11.9px + 1.05vw), 32px);
}

.pricing-card {
    background-color: #FFFFFF;
    border: 2px solid #0C0C0C;
    padding: clamp(24px, calc(21.9px + 0.52vw), 32px);
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.pricing-top {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* A Figma jobbra zárt árakat mutatott */
    text-align: right;
    gap: 8px;
    margin-bottom: 32px;
}

.pricing-type {
    width: 100%;
    text-align: left;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #0C0C0C;
    margin-bottom: 8px;
}

.pricing-price {
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(40px, calc(35.9px + 1.05vw), 56px);
    font-weight: 700;
    color: #0C0C0C;
    line-height: 1.1;
}

.pricing-note {
    font-family: 'Roboto', 'Nunito Sans', sans-serif;
    font-size: 16px;
    color: #0C0C0C;
    min-height: 24px; /* Hogy egyvonalban maradjanak a kártyák, ha nincs note */
}

.pricing-divider {
    width: 100%;
    height: 2px;
    background-color: #0C0C0C;
    margin-bottom: 16px;
}

.pricing-features {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 32px;
    flex-grow: 1; /* Kitölti a helyet, hogy a gombok egyvonalban legyenek lent */
}

.feature-title {
    font-family: 'Roboto', 'Nunito Sans', sans-serif;
    font-size: 16px;
    color: #0C0C0C;
}

.pricing-features ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.pricing-features li {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    font-family: 'Roboto', 'Nunito Sans', sans-serif;
    font-size: 16px;
    color: #0C0C0C;
    line-height: 1.5;
}

.pricing-features li img {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    margin-top: 2px;
}

#sect-pricing .pricing-card .btn-outline-dark, #sect-pricing .pricing-card .btn-solid-dark, #sect-pricing .pricing-card .btn-solid-light {padding: 10px 0;}

.w-100 { width: 100%; }
.mt-auto { margin-top: auto; }

/* ==========================================================================
   11. LOCATION SZEKCIÓ (#sect-location)
   ========================================================================== */
#sect-location { background-color: #FFFFFF; }
.mt-48 { margin-top: clamp(32px, calc(27.9px + 1.05vw), 48px); }

/* A dupla Marquee-t már megírtuk a Gallery-nél, de ha valami felülírná: */
#sect-location .marquee-wrapper {
    position: relative; width: 100vw; margin-left: 50%; transform: translateX(-50%);
    overflow: hidden; display: flex; flex-direction: column; gap: 16px; box-sizing: border-box;
}

.location-split {
    display: flex;
    flex-direction: row;
    gap: clamp(15px, calc(21.9px + 2.1vw), 25px);
    width: 100%;
}

.loc-details {
    flex: 0 0 clamp(320px, calc(280px + 10vw), 450px);
    border: 2px solid #0C0C0C;
    padding: clamp(24px, calc(17.9px + 1.57vw), 48px);
    display: flex;
    flex-direction: column;
    gap: 40px;
    box-sizing: border-box;
}

.loc-address-box h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(20px, calc(18.9px + 0.26vw), 24px);
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 8px 0;
}
.loc-address-box p {
    font-family: 'Roboto', 'Nunito Sans', sans-serif;
    font-size: 16px;
    margin: 0;
}

.loc-features {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.loc-f-item {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: 'Roboto', 'Nunito Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.loc-f-item img {
    width: 24px;
    height: 24px;
}

.loc-map {
    flex: 1;
    border: 2px solid #0C0C0C;
    overflow: hidden;
    display: flex;
}

.loc-map img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* ==========================================================================
   12. DELEGATE INQUIRY SZEKCIÓ (#sect-delegate-form)
   ========================================================================== */
#sect-delegate-form {
    background-color: #F2F2F2;
}
/* A szerkezet 100%-ban megegyezik a #sect-partner-form (8. szekció) stílusával.
   Mivel a partner formnál az osztályokat (.partner-form-split, .partner-info-side stb.) 
   már globálisan megírtuk, itt nincs szükség újra definiálni őket! 
   Majd ha bejön a CMS form, azt az ID-t (#sect-delegate-form) is hozzáadjuk a form CSS-hez. */

/* ==========================================================================
   FORM SZEKCIÓK (8. PARTNER FORM és 12. DELEGATE FORM)
   Közös, erőszakolt felülírások a CMS miatt
   ========================================================================== */

#sect-partner-form, #sect-delegate-form {
    background-color: #F2F2F2 !important;
}

.partner-form-split {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: clamp(15px, calc(21.9px + 2.1vw), 30px) !important;
    align-items: stretch;
    width: 100%;
}

#sect-delegate-form .partner-info-side, #sect-delegate-form .partner-form-side {flex: 1 1 0;}


.partner-info-side {
    flex: 0 0 clamp(300px, calc(262.2px + 7.84vw), 375px);
    padding: clamp(24px, calc(19.9px + 0.84vw), 32px);
    border: 2px solid #0C0C0C;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important; height: stretch;
}

.info-content-box { display: flex; flex-direction: column; gap: 24px; }
.event-meta-grid { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 8px; }
.meta-item { display: flex; align-items: center; gap: 8px; font-family: 'Roboto', sans-serif; font-size: 14px; color: #0C0C0C; }
.meta-icon { width: 20px; height: 20px; }

.partner-form-side {
    flex: 1 1 auto;
    background-color: #FEFEFE;
    border: 2px solid #0C0C0C;
    padding: clamp(24px, calc(19.9px + 0.84vw), 32px) !important;
    box-sizing: border-box !important;
    width: 100%;
}

/* CMS Form elrendezés felülírása MINDKÉT űrlapra */
#sect-partner-form #public_generated_form.respo,
#sect-delegate-form #public_generated_form.respo {
    margin: 0 !important;
    max-width: 100% !important;
}

#sect-partner-form #public_generated_form.respo .table,
#sect-delegate-form #public_generated_form.respo .table {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    width: 100% !important;
    margin: auto;
}

#sect-partner-form #public_generated_form.respo .row.text,
#sect-delegate-form #public_generated_form.respo .row.text {
    display: flex;
    flex-direction: column !important;
    gap: 8px !important;
    width: 100%;
    margin: 0 !important;
}

/* Email és Phone egymás mellett desktopon */
#sect-partner-form #public_generated_form.respo .half-width,
#sect-delegate-form #public_generated_form.respo .half-width {
    width: calc(50% - 12px) !important;
}

/* Címkék (Labels) */
#sect-partner-form #public_generated_form.respo .label.text,
#sect-delegate-form #public_generated_form.respo .label.text {
    font-family: 'Roboto', 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    color: #0C0C0C !important;
    padding: 0 !important;
    font-weight: 400 !important;
}
#sect-partner-form #public_generated_form.respo .label.text.hidden,
#sect-delegate-form #public_generated_form.respo .label.text.hidden {
    display: none !important;
}

/* Input mezők */
#sect-partner-form #public_generated_form.respo input.text,
#sect-partner-form #public_generated_form.respo select,
#sect-partner-form #public_generated_form.respo textarea,
#sect-delegate-form #public_generated_form.respo input.text,
#sect-delegate-form #public_generated_form.respo select,
#sect-delegate-form #public_generated_form.respo textarea {
    background-color: transparent !important;
    border: 2px solid #0C0C0C !important;
    border-radius: 0 !important;
    height: 48px !important;
    padding: 0 12px !important;
    font-family: 'Roboto', 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    color: #0C0C0C !important;
    box-sizing: border-box !important;
    width: 100%;
}

#sect-partner-form #public_generated_form.respo textarea,
#sect-delegate-form #public_generated_form.respo textarea {
    height: auto !important;
    min-height: 120px !important;
    padding-top: 12px !important;
}

#sect-partner-form #public_generated_form.respo input.text::placeholder,
#sect-delegate-form #public_generated_form.respo input.text::placeholder {
    color: #999 !important;
}

/* Checkboxok */
#sect-partner-form #public_generated_form.respo label.checkbox,
#sect-delegate-form #public_generated_form.respo label.checkbox {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    margin-bottom: 8px !important;
    cursor: pointer !important;
    padding: 0 !important;
}

#sect-partner-form #public_generated_form.respo input.checkbox,
#sect-delegate-form #public_generated_form.respo input.checkbox {
    width: 18px !important;
    height: 18px !important;
    border: 2px solid #0C0C0C !important;
    border-radius: 0 !important;
    margin: 2px 0 0 0 !important;
    flex-shrink: 0 !important;
    appearance: auto !important;
}

#sect-partner-form #public_generated_form.respo label.checkbox span,
#sect-delegate-form #public_generated_form.respo label.checkbox span {
    font-family: 'Roboto', 'Nunito Sans', sans-serif !important;
    font-size: 14px !important;
    color: #0C0C0C !important;
    line-height: 1.5 !important;
}

#sect-partner-form #public_generated_form.respo label.checkbox span a,
#sect-delegate-form #public_generated_form.respo label.checkbox span a {
    color: #0C0C0C !important;
    text-decoration: underline !important;
    font-weight: 500 !important;
}

/* Captcha és Submit gomb elrendezése */
.form-bottom-row {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: flex-end !important;
    width: 100% !important;
    margin-top: 8px !important;
    flex-wrap: wrap !important;
    gap: 24px !important;
}

#sect-partner-form #public_generated_form.respo .row.captcha,
#sect-partner-form #public_generated_form.respo .row.submit,
#sect-delegate-form #public_generated_form.respo .row.captcha,
#sect-delegate-form #public_generated_form.respo .row.submit {
    width: auto !important;
    margin: 0 !important;
}

/* Submit Gomb */
.btn-form-submit {
    background-color: #0C0C0C !important;
    color: #FFFFFF !important;
    border: 1px solid #FAAF16 !important;
    border-radius: 0 !important;
    padding: 10px 24px !important;
    font-family: 'Roboto', 'Nunito Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    height: auto !important;
    text-transform: none !important;
    width: 100% !important;
    min-width: 200px !important;
    transition: all 0.3s ease !important;
}

.btn-form-submit:hover {
    background-color: #FAAF16 !important;
    color: #0C0C0C !important;
    border-color: #0C0C0C !important;
}

/* Mobil Töréspont */
@media only screen and (max-width: 960px) {
    .partner-form-split { flex-direction: column !important; }
    .partner-info-side { width: 100%; flex: auto !important; }
    
    #sect-partner-form #public_generated_form.respo .half-width,
    #sect-delegate-form #public_generated_form.respo .half-width { width: 100% !important; }
    
    .form-bottom-row { flex-direction: column !important; align-items: flex-start !important; }
    
    #sect-partner-form #public_generated_form.respo .row.submit,
    #sect-delegate-form #public_generated_form.respo .row.submit { width: 100% !important; }
    
    .btn-form-submit { width: 100% !important; }

    .partner-form-split {
        flex-direction: column !important;
        border: 2px solid #0c0c0c;
        width: 92%;
    }

.partner-info-side, .partner-form-side {border: none;}

}

/* ==========================================================================
   13. FINAL CTA SZEKCIÓ (#sect-final-cta)
   ========================================================================== */
#sect-final-cta {
    background-color: #FFDF9F; /* A Figma megadott színe */
}
#sect-final-cta .bg-transparent {
    background-color: transparent;
}


/* ==========================================================================
   MOBIL NÉZET
   ========================================================================== */
@media only screen and (max-width: 960px) {
    .pricing-top { align-items: flex-start; text-align: left; }
    .location-split { flex-direction: column; }
    .loc-details { width: 100%; flex: auto; }
    .loc-map { min-height: 300px; }
}












/* ==========================================================================
   14. FAQs SZEKCIÓ (#sect-faqs)
   ========================================================================== */

#sect-faqs {
    background-color: #FFFFFF;
}



.faq-accordion-list {
    display: flex;
    flex-direction: column;
    /* Kérdések közötti távolság: 24px mobilon -> 48px desktopon */
    gap: clamp(24px, calc(17.9px + 1.57vw), 48px);
    width: 100%; margin-bottom: clamp(24px, calc(17.9px + 1.57vw), 48px);
}

.faq-item {
    display: flex;
    flex-direction: column;
    border-bottom: 2px solid transparent; /* Opcionális elválasztó, ha kell */
border-top: 1px solid #0c0c0c;
}

.faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    gap: 16px;
    padding: 16px 0;
}

.faq-question h3 {
    font-family: 'Roboto', 'Nunito Sans', sans-serif;
    font-weight: 700;
    font-size: clamp(16px, calc(15.5px + 0.13vw), 18px);
    color: #0C0C0C;
    margin: 0;
}

.faq-chevron {
    width: 24px;
    height: 24px;
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

/* Forgás, ha nyitva van */
.faq-item.active .faq-chevron {
    transform: rotate(180deg);
}

.faq-item.active .faq-answer {display: flex; justify-content: end;}

.faq-answer {
    display: none; /* Alapból rejtve van, kivéve ha az inline style mást mond */
    padding-bottom: 24px;
}

.faq-answer p {
    font-family: 'Roboto', 'Nunito Sans', sans-serif;
    font-weight: 400;
    font-size: clamp(16px, calc(15.5px + 0.13vw), 18px);
    line-height: 1.5;
    color: #0C0C0C;
    margin: 0;
    max-width: 900px; /* Hogy ne folyjon ki a képernyő széléig, olvashatóbb maradjon */
}

/* Bottom CTA Specifikus igazítások */
.faq-bottom-cta {
    align-items: flex-start;
    gap: 16px;
}










/* ==========================================================================
   15. FOOTER SZEKCIÓ (#bottom_box_cont)
   ========================================================================== */



#bottom_box_cont {
    width: 100%;
}

.bg-dark {
    background-color: #0C0C0C;
    color: #FFFFFF;
}

.glc-footer {
    width: 100%;
    /* A korábbi 80px-es paddingot levettük 40px-re */
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: clamp(20px, 4vw, 64px);
    padding-right: clamp(20px, 4vw, 64px);
    box-sizing: border-box;
}

.footer-top-row {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr 2fr;
    /* A hatalmas gap-et 24px-re fixáltuk */
    gap: 24px;
    width: 100%;
}


.footer-col {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footer-logo {
    /* Logó méret: 100px -> 117px */
    width: clamp(100px, calc(91.3px + 2.22vw), 117px);
    height: auto;
}

.footer-col-title {
    font-family: 'Roboto', 'Nunito Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF;
    margin: 0; text-transform: none;
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footer-links li {padding-left: 0;}

.footer-links li a {
    font-family: 'Roboto', 'Nunito Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    text-decoration: none;
    opacity: 0.8;
    transition: opacity 0.3s ease;
}

.footer-links li a:hover {
    opacity: 1;
    text-decoration: underline;
}

.footer-text {
    font-family: 'Roboto', 'Nunito Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.5;
    margin: 0;
}

/* Hírlevél Form */
.nl-flex-form {
    display: flex;
    gap: 16px;
    width: 100%;
}

.nl-input {
    flex: 1;
    background: transparent;
    border: 2px solid #FFFFFF;
    padding: 8px 12px;
    font-family: 'Roboto', 'Nunito Sans', sans-serif;
    font-size: 16px;
    color: #FFFFFF;
    border-radius: 0;
    outline: none;
}

.nl-input::placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.btn-outline-light {
    background: transparent;
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
    padding: 10px 24px;
    font-family: 'Roboto', 'Nunito Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
}

.btn-outline-light:hover {
    background: #FFFFFF;
    color: #0C0C0C;
}

.footer-note {
    font-family: 'Roboto', 'Nunito Sans', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #FFFFFF;
    opacity: 0.7;
    margin: 0;
}

.footer-divider {
    width: 100%;
    height: 1px; /* Vékonyabb vonal */
    background-color: rgba(255, 255, 255, 0.8); /* Halványabb vonal */
    /* A margót minimalizáltuk 10px-re */
    margin: 10px 0;
}
/* Alsó sáv */
.footer-bottom-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 24px;
    width: 100%;
}

.footer-legal {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 24px;
}

.copyright {
    font-family: 'Roboto', 'Nunito Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
}

.legal-links {
    display: flex;
    gap: 24px;
}

.legal-links a {
    font-family: 'Roboto', 'Nunito Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    text-decoration: underline;
    opacity: 0.8;
    transition: opacity 0.3s ease;
}

.legal-links a:hover {
    opacity: 1;
}

.footer-socials {
    display: flex;
    gap: 16px;
}

.footer-socials a img {
    width: 24px;
    height: 24px;
    filter: brightness(0) invert(1); /* Ezzel biztosítjuk, hogy a sötét ikonok fehérré váljanak a fekete háttéren */
    opacity: 0.8;
    transition: opacity 0.3s ease;
}

.footer-socials a:hover img {
    opacity: 1;
}

/* ==========================================================================
   MOBIL NÉZET (Footer átrendezése)
   ========================================================================== */
@media only screen and (max-width: 960px) {
    .footer-top-row {
        grid-template-columns: repeat(2, 1fr);
    }
    .footer-logo-col {
        grid-column: span 2; /* A logó kapja a teljes szélességet mobilon */
    }
    .footer-nl-col {
        grid-column: span 2; /* A hírlevél is teljes szélességű lesz */
    }
    .nl-flex-form {
        flex-direction: column; /* A gomb az input alá kerül */
    }
    .footer-bottom-row {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .footer-legal {
        flex-direction: column;
        gap: 12px;
    }
    .legal-links {
        flex-wrap: wrap;
        justify-content: center;
    }

.hero-left, .hero-right {min-width: unset; padding-left: 0; padding-right: 0;}

}

@media only screen and (max-width: 600px) {
    /* Mobilon tisztán 1 oszlopos legyen a grid */
    .footer-top-row {
        grid-template-columns: 1fr;
    }
    .footer-logo-col, .footer-nl-col {
        grid-column: span 1;
    }
}


/* ==========================================================================
   15/B. FOOTER CMS FORM (1129) SÖTÉT MÓD ÉS KOMPAKT ELRENDEZÉS
   ========================================================================== */

/* Maga az űrlap konténer */
#public_generated_form.form-1129.respo {
    margin: 8px 0 0 0 !important;
    width: 100% !important;
}

/* Flexbox a mezők egymás mellé rendezéséhez */
#public_generated_form.form-1129.respo .table {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 10px 16px !important; /* 10px függőleges, 16px vízszintes rés */
    width: 100% !important;
    margin: 0 !important;
}

/* Sorok margójának nullázása */
#public_generated_form.form-1129.respo .row {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

/* NÉV ÉS EMAIL EGYMÁS MELLETT (50% - 50%) */
#form-1129_row_10,
#form-1129_row_20 {
    flex: 0 0 calc(50% - 8px) !important;
    max-width: calc(50% - 8px) !important;
}

/* A többi sor (checkbox, captcha, gomb) marad 100% széles */
#form-1129_row_50,
#form-1129_row_captcha,
#public_generated_form.form-1129.respo .row.submit {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-top: 4px !important;
}

/* Rejtett címkék */
#public_generated_form.form-1129.respo .label.text {
    display: none !important;
}

/* Hibaüzenetek pici méretben */
#public_generated_form.form-1129.respo .label.error {
    color: #FAAF16 !important;
    font-size: 11px !important;
    padding-bottom: 2px !important;
}

/* SZÖVEGES BEVITELI MEZŐK MINIMALIZÁLÁSA */
#public_generated_form.form-1129.respo input.text {
    background-color: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    color: #FFFFFF !important;
    padding: 6px 12px !important;
    font-family: 'Roboto', 'Nunito Sans', sans-serif !important;
    font-size: 14px !important;
    border-radius: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    height: 36px !important; /* Extra lapos input mező */
}

#public_generated_form.form-1129.respo input.text:focus {
    border-color: #FFFFFF !important;
    outline: none !important;
}

#public_generated_form.form-1129.respo input.text::placeholder {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* CHECKBOX SZOROSABBRA HÚZÁSA */
#public_generated_form.form-1129.respo label.checkbox {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    margin: 0 !important;
    cursor: pointer !important;
}

#public_generated_form.form-1129.respo input.checkbox {
    margin-top: 2px !important;
    width: 14px !important;
    height: 14px !important;
    appearance: auto !important; /* Visszahozza a natív checkboxot */
}

#public_generated_form.form-1129.respo label.checkbox span {
    font-size: 12px !important;
    color: rgba(255, 255, 255, 0.8) !important;
    line-height: 1.3 !important;
}

#public_generated_form.form-1129.respo label.checkbox a {
    color: #FFFFFF !important;
    text-decoration: underline !important;
}

/* GOMB MINIMALIZÁLÁSA */
#public_generated_form.form-1129.respo .row.submit input {
    background: transparent !important;
    border: 2px solid #FFFFFF !important;
    color: #FFFFFF !important;
    padding: 6px 20px !important;
    font-family: 'Roboto', 'Nunito Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    text-transform: uppercase !important;
    width: auto !important;
    height: auto !important;
    margin-top: 4px !important;
    transition: all 0.3s ease !important;
}

#public_generated_form.form-1129.respo .row.submit input:hover {
    background: #FFFFFF !important;
    color: #0C0C0C !important;
}

/* MOBIL NÉZET: Név és Email egymás alá kerül */
@media only screen and (max-width: 600px) {
    #form-1129_row_10,
    #form-1129_row_20 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}








/*contact page*/

#public_generated_form.respo div.row.title_error {width: 100%;}
#public_generated_form.respo div.error {padding: 0;}

.html-9252 #content {width: 100%; max-width: 1280px; margin: auto; background: #e8e8e8; margin: 0 auto; padding-top: 10px;}
.html-9266 #content {width: 100%; max-width: 12080px; margin: auto; background: #e8e8e8; margin: 0 auto; padding-top: 10px;}

/*#public_generated_form.respo div.row div.label {display: none;}*/
#public_generated_form.respo #form-1135_row_40 div.label, #public_generated_form.respo #form-1135_row_50 div.label {display: none;}
#public_generated_form.respo #form-1093_row_100.row div.label.text {display: block; padding: 0px 0px 5px 0px;}
#public_generated_form.respo div.table {max-width: 100%; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; margin: 0 auto;}
#public_generated_form.respo div.row {margin: 0;}
#form-1091_row_10, #form-1091_row_20, #form-1091_row_30, #form-1091_row_40 {width: 48%;}
#form-1091_row_50, #public_generated_form.respo div.row select {width: 100%;}

#public_generated_form #form-1134 {margin-bottom: 0px;}
#form-1134_row_10, #form-1134_row_20, #form-1134_row_30, #form-1134_row_40 {width: 48%;}
#public_generated_form #form-1134_row_50, #public_generated_form.respo div.row select {width: 100%;}

#public_generated_form #form-1139 {padding-bottom: 30px;}
#form-1139_row_10, #form-1139_row_20, #form-1139_row_30, #form-1139_row_40, #form-1139_row_80 {width: 48%;}
#form-1139_row_50, #public_generated_form.respo div.row select {width: 100%;}

#public_generated_form.respo div.row input, #public_generated_form.respo div.row select, #public_generated_form.respo div.row textarea {margin-bottom: 20px; height: 48px; border-radius: 0px; border: none; font-size: 16px; color: #000; font-weight: 400;}
#public_generated_form.respo div.row textarea {height: 167px; padding-top: 15px;}



::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000; font-family: 'Nunito Sans', sans-serif; font-size: 16px;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #000; font-family: 'Nunito Sans', sans-serif; font-size: 16px;
} 
:-ms-input-placeholder { /* IE 10+ */
  color: #000; font-family: 'Nunito Sans', sans-serif; font-size: 16px;
}
:-moz-placeholder { /* Firefox 18- */
  color: #000; font-family: 'Nunito Sans', sans-serif; font-size: 16px;
}


/*Become a Sponsor page*/

.html-9225 #content {width: 100%; max-width: 1280px; margin: auto; background: #eaf5f8; margin: 0 auto; padding-top: 10px;}
#form-1128_row_10, #form-1128_row_20, #form-1128_row_30, #form-1128_row_40, #form-1128_row_60 {width: 48%;}
#form-1128_row_50 {width: 100%;}


.html-9252 #center_bottom_box_cont {background: #e8e8e8; margin: 0 auto; width: 100%; max-width: 100%; padding: 10px 0;}
.html-9252 .who_we_work {align-items: flex-start;}
.html-9252 .who_we_work .row {max-width: 520px;}
.html-9252 .who_we_work h2 {margin-bottom: 30px; margin-top: 30px;}
.html-9252 .who_we_work h4 {margin: 0;}


.our_offices .inner {display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; max-width: 1128px; margin: 0 auto; padding: 0 0 80px;}
.our_offices h2 {text-align: center; color: #000; font-size: 38px; font-weight: 900; line-height: 45px; width: 100%; margin: 80px auto 25px; display: block;}
.our_offices h3 {text-align: center; color: #fbb003; font-size: 28px; font-weight: 800; line-height: 28px; max-width: 214px; margin: 25px auto 0;}
.our_offices .inner .item img {border-radius: 0px;}
.our_offices .address {display: block; text-align: center; font-size: 15px; line-height: 18px; margin: 15px auto 0; color: rgba(0,0,0,0.80);}
.our_offices .address:hover {color: #fbb003;}



/*virtual team building landing page*/


#vtb {background: #eaf5f8;}
#vtb h2 {margin: 0 auto; padding: 66px 0 33px; text-align: center; font-weight: 900; font-size: 52px; color: #000;}
#vtb .blue.icons {width: 100%; max-width: 919px; margin: auto; display: flex; flex-wrap: wrap; justify-content: center; box-sizing: border-box; padding-bottom: 33px;}
#vtb .blue.icons .box {max-width: 360px; width: 100%; display: block; background: #fff; border-radius: 0px; margin: 33px; padding: 30px 30px 40px; box-sizing: border-box;}
#vtb .blue.icons .box img {display: block; max-height: 70px; width: auto; margin: auto;}
#vtb .box h3 {text-align: center; color: #fbb003; padding-top: 30px; font-weight: 900; font-size: 30px;}

#vtb .white.companies {background: #fff; width: 100%; padding: 67px 0;}
#vtb .white.companies .box {width: 100%; max-width: 1080px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center;}
#vtb .white.companies h2 {padding: 0 0 66px; max-width: 1060px; width: 100%;}
#vtb .white.companies img {margin: auto 12px 12px;}

.blue.overview {display: block; margin: auto; width: 100%; max-width: 1000px; text-align: left;}
.blue.overview .box {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.blue.overview .box p.left {width: 100%; max-width: 450px;}
.blue.overview .box p.width {width: 100%; max-width: 600px;}
.blue.overview .box img {width: 100%; max-width: 450px; display: block;}
.blue.overview {width: 100%; max-width: 1000px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 66px 0;}
.blue.overview video {max-width: 560px; width: 100%;}
div.content div#vtb div.blue.overview h2 {max-width: 440px; width: 100%; text-align: left !important; padding: 0; margin: 0;}
.blue.overview .box {margin-top: 66px;}
#vtb .blue.overview .box h3 {padding-bottom: 33px; color: #000; font-weight: 600; width: 100%; display: block; text-align: left;}

.white.packages {width: 100%; background: #fff; padding: 66px 0; margin: auto;}
#vtb .white.packages h2 {padding-top: 0;}
.white.packages h3 {text-align: center; padding-bottom: 66px;}
.white.packages .box.form {width: 100%; max-width: 1200px; display: flex; flex-wrap: wrap; justify-content: space-between; margin: auto; align-items: center;}
.white.packages .box.form div.img {flex: 720px; padding: 0px;}
.white.packages .box.form div.img #slider .slide {background-size: contain !important;}
.white.packages .box.form div.img #slider .slider-image-box .slider-content-box {display: none;}
.white.packages #public_generated_form {flex: 480px; padding: 0px;}
.white.packages #public_generated_form.respo div.row input[type="text"], #public_generated_form.respo div.row select, #public_generated_form.respo div.row textarea {background: #f0f0f0; border-radius: 0px; display: block; height: 48px; max-width: 100%; width: 100%;}
#public_generated_form.respo div.row textarea {height: 200px;}
.white.packages #public_generated_form.respo div.table {display: block;}


/*In-house landing page*/

.html-9203 #body #navigation {background: url('/upload/files/304/in-house-header-1348x720-23711.jpg') no-repeat top center; background-size: cover;}
.html-9203 #body #navigation {height: 720px;}
.html-9203 #body .white.packages h3 {text-align: center; padding-bottom: 30px;}
.html-9203 #body #public_generated_form.respo div.table {max-width: 460px;}
.blue.overview .box div.left {width: 100%; max-width: 450px; padding-right: 50px;}
.blue.overview .box div.left ul {margin-left: 40px;}
#content .blue.overview .box div.left li {list-style: disc outside; margin-bottom: 20px;}
#content .blue.overview .box div.left li strong {font-weight: 700;}
#vtb a.inhouse_next {width: 100%; max-width: 450px; color: #fff; border: solid 2px #fbb003; border-radius: 0px; line-height: 40px; margin: 10px auto 80px auto; padding: 10px 0px; display: block; font-family: 'Poppins', sans-serif; font-size: 18px; text-transform: uppercase; background: #fbb003; text-align: center; font-weight: 600;}
#vtb a.inhouse_next:hover {color: #fbb003; background: #fff;}



#inhouse {qposition: absolute; qbottom: 0px; width: 100%; background: #eaf5f8;}
#inhouse .blue.icons {max-width: 1400px; margin: auto; display: flex; flex-wrap: wrap; justify-content: center; box-sizing: border-box; padding-bottom: 5px;}
#inhouse .blue.icons .box {max-width: 280px; width: 100%; display: block; background: #fff; border-radius: 0px; margin: 33px; padding: 20px; box-sizing: border-box;}
#inhouse .blue.icons .box img {display: block; max-height: 70px; width: auto; margin: auto;}
#inhouse .box h3 {text-align: center; color: #fbb003; padding-top: 30px; font-weight: 900; font-size: 25px;}



/*successfull landing page*/

html.root9199 #content {padding: 80px 0px;}
#successfull_landing a.button {
    width: 165px;
    color: #fff;
    border: solid 2px #fbb003;
    border-radius: 0px;
    line-height: 46px;
    margin: 15px 0;
    padding: 0 15px;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    background: #fbb003;
    text-align: center;
    font-weight: 700;
}


/*about us page*/

.html-9183 #center_bottom_box_cont {background: #eaf5f8; margin: 0 auto; width: 100%; max-width: 1440px; padding: 80px 0;}
.html-9183 #center_bottom_box_cont .blue_bg {display: none;}
.html-9183 .numbers_box {background: #fff;}
.html-9183 .who_we_work .row {max-width: 520px;}
.who_we_are {display: flex; justify-content: space-between; align-items: start; width: 100%; max-width: 1128px; margin: 0px auto 60px auto;}
.who_we_work .row img {border-radius: 0px;}
.who_we_are .item {flex: 1 0 0;}
.who_we_are .item.text {flex: 2 0 0;}
.who_we_are .item h2 {font-size: 38px; font-weight: 900; color: #000; text-align: left; line-height: 45px; font-family: 'Ubuntu', sans-serif;}
.who_we_are .item p {font-weight: 300; font-size: 18px; line-height: 28px;}
.years_img {margin: 50px auto; display: block; width: auto;}

.html-9183 #content {margin: 0 auto; width: 100%; max-width: 1280px;}
.html-9183 #content iframe {border-radius: 0px;}

.bluebg {width: 100%; max-width: 1440px; margin: 0 auto; background: #eaf5f8;}

.our_values {background: #eaf5f8; display: block; width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 0 80px;}
.our_values h2 {font-size: 38px; font-weight: 900; color: #000; text-align: center; line-height: 45px; margin-bottom: 30px;}
.our_values .inner {display: flex; justify-content: space-between; width: 100%; max-width: 1128px; margin: 0 auto; flex-wrap: wrap;}
.our_values .item {background: #fff; border-radius: 0px; padding: 25px; max-width: 360px; width: 100%; box-sizing: border-box; text-align: center; margin-bottom: 25px;}
.our_values .item h3 {color: #fbb003; font-size: 28px; font-weight: 800; line-height: 28px; margin: 20px auto;}
.our_values .item p  {text-align: center; font-size: 14px; line-height: 19.1px;}
.our_values .item img {width: 100%; max-width: 65px; height: auto; margin: auto;}

.life_at_glc {background: #eaf5f8;}
.life_at_glc h2 {font-size: 38px; font-weight: 900; color: #000; text-align: center; line-height: 45px; margin-bottom: 30px;}
.life_at_glc .inner {display: flex; justify-content: space-between; width: 100%; max-width: 1128px; margin: 0 auto; flex-wrap: wrap;}
.life_at_glc .item {background: transparent; max-width: 360px; width: 100%; box-sizing: border-box; text-align: center; margin-bottom: 25px;}

.our_workers {width: 100%; margin: auto; background: #fbb003; padding: 80px 0;}
.our_workers h2 {font-size: 38px; font-weight: 900; color: #fff; text-align: center; line-height: 45px; margin-bottom: 30px;}
.our_workers .inner {width: 100%; max-width: 1200px; margin: auto; display: flex; flex-wrap: wrap; justify-content: center; text-align: center; padding-bottom: 0px;}
.our_workers .inner .item {width: 100%; max-width: 330px; margin: 25px;}
.our_workers .photo {width: 200px; height: 200px; overflow: hidden; border: solid 10px #FFFFFF; border-radius: 0px; margin: 0px auto 20px auto;}
.our_workers .photo img {position: relative; top: -10px; width: 200px;}
.our_workers .name {color: #fff; font-weight: 800; font-size: 24px; line-height: 32.74px; margin-bottom: 5px;}
.our_workers .position {color: #fff; font-weight: 400; font-size: 16px; line-height: 21.82px;} 
.our_workers .inner .item .linkedin {margin-top: 20px;}

.our_workers.light {background: #eaf5f8; padding-bottom: 0px;}
.our_workers.light h2 {color: #fbb003;}
.our_workers.light .name {color: #fbb003;}
.our_workers.light .position {color: #fbb003;} 
.our_workers.light .inner .item .linkedin {background: #fbb003; border: solid 1px #fbb003;}


/*career page*/

.html-9196 #center_bottom_box_cont {background: #fff; margin: 0 auto; width: 100%; max-width: 1440px; padding: 0;}
.html-9196 #center_bottom_box_cont .blue_bg {display: none;}
.html-9196 .numbers_box {background: #fff;}
.html-9196 .content_blue_bg {padding: 0px;}
.html-9196 .our_values {background: #eaf5f8; padding-top: 80px;}
.html-9196 .life_at_glc {background: #eaf5f8; padding: 0 0 80px;}
.our_openings {background: #eaf5f8; padding: 0 0 80px;}
.our_openings h2 {font-size: 38px; font-weight: 900; color: #000; text-align: center; line-height: 45px; margin-bottom: 30px;}
.our_openings h3 {font-size: 16px; font-weight: 800; color: #fbb003; text-align: center; line-height: 22px; margin-bottom: 15px; text-transform: uppercase;}
.our_openings .inner {width: 100%; max-width: 1128px; margin: 0 auto; padding: 20px 0px; background: #FFFFFF; border-radius: 0px;}
.our_openings .inner .row {display: flex; justify-content: space-between; padding: 0px 50px; margin: 0px 50px; flex-wrap: wrap; line-height: 40px;}
.our_openings .inner .row.row1 {background: #EAF5F8; border-radius: 0px;}
.our_openings .inner .row .cell {width: 50%; text-align: left; line-height: 40px; font-size: 18px; color: #000;}
.our_openings .inner .row.row0 .cell {font-weight: 800; color: #fbb003;}


.create_your_job {background: #eaf5f8; padding: 0 0 80px;}
.create_your_job .inner {max-width: 938px; margin: 0 auto; padding: 40px 90px; background: #FFFFFF; border-radius: 0px;}
.create_your_job h2 {font-size: 38px; font-weight: 900; color: #000; text-align: left; line-height: 45px; margin-bottom: 15px; max-width: 460px;}
.create_your_job p {font-size: 18px; font-weight: 300; color: #000; text-align: left; line-height: 25px;}
.create_your_job .events_btn {float: right; width: 264px; line-height: 60px; margin: 30px 0; font-size: 16px; font-weight: 700;}

.create_your_job #public_generated_form.respo div.table {display: none; margin-top: 30px;}
.create_your_job #public_generated_form.respo div.table:target {display: block;}
.create_your_job #public_generated_form.respo div.row input.text, .create_your_job #public_generated_form.respo div.row textarea {border: none; background: #f2f2f4; border-radius: 0px; height: 48px; color: #000; font-size: 16px; line-height: 18px; width: 100%;}
.create_your_job #public_generated_form.respo div.row textarea {height: 120px;}


.career_form #public_generated_form.respo div.table {display: block; margin: 40px auto;}
.career_form #public_generated_form.respo div.row.title {font-size: 38px; font-weight: 900; color: #000; text-align: center; line-height: 45px; margin-bottom: 15px;}
.career_form #public_generated_form.respo div.row input.text, .create_your_job #public_generated_form.respo div.row textarea {border: none; background: #f2f2f4; border-radius: 0px; height: 48px; color: #000; font-size: 16px; line-height: 18px; width: 100%;}
.career_form #public_generated_form.respo div.row textarea {height: 120px;}
#public_generated_form.respo #form-1101_row_60.row div.label {display: inline-block;}
#public_generated_form.respo #form-1101_row_60.row div.label.error {display: none;}
#public_generated_form.respo #form-1102_row_60.row div.label {display: inline-block;}
#public_generated_form.respo #form-1102_row_60.row div.label.error {display: none;}

.we_belive_wrapper {background: #eaf5f8; margin: 0 auto; width: 100%; max-width: 1440px; padding: 0px 0 50px 0;}
.we_belive_wrapper h2 {font-size: 38px; font-weight: 900; color: #000; text-align: center; line-height: 45px; margin-bottom: 30px;}
.we_belive_wrapper .inner {display: flex; justify-content: space-between; width: 100%; max-width: 1128px; margin: 0 auto; flex-wrap: wrap;}
.we_belive_wrapper .item {background: #fff; max-width: 208px; width: 100%; box-sizing: border-box; text-align: center; padding: 25px; border-radius: 0px;}
.we_belive_wrapper .item img {margin-bottom: 20px;}
.we_belive_wrapper .item.information img {margin: 10px auto 30px auto;}
.we_belive_wrapper .item p {color: #fbb003; font-weight: 700; font-size: 20px; text-align: center; line-height: 22px;}




/*blog page*/

.root9197 #content_list h1 {display: none;}
.root9197 #content_list {display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; width: 100%; max-width: 1440px; margin: 0 auto; background: #eaf5f8; padding: 50px 0;}
.root9197 #content_list div.blog_items {text-align: center;}
.root9197 #content_list div.item img {float: none; margin-bottom: 20px; margin-left: auto; margin-right: auto; display: block;}
.root9197 #content_list div.item {position: relative; padding: 25px; box-sizing: border-box; border: none; border-radius: 0px; width: 100%; max-width: 360px; margin: 12.5px; background: #fff;}
.root9197 #content_list div.item {display: inline-block; vertical-align: top;}
.root9197 #content_list div.item div.lead, .events_wrapper #content_list div.item h2 {text-align: left;}
.root9197 #content_list div.item h2 {margin-bottom: 20px;}
.root9197 #content_list div.item h2 a {font-size: 28px; font-weight: 900; line-height: 28px; color: #000;}
.root9197 #content_list div.item h3 {display: none;}
.root9197 #content_list div.item div.lead {margin: 0 0 40px; padding: 0;}
.root9197 #content_list div.item div.lead p {font-size: 16px; font-weight: 300; line-height: 21px; color: #000;}
.root9197 #content_list div.item a.next {position: absolute; bottom: 25px; right: 25px; color: #fbb003; font-size: 16px; font-weight: 700;}
.root9197 #content_list div.item a.next span {display: inline-block; vertical-align: top; width: 10px; overflow: hidden; margin-left: 5px;}
.root9197 #content_list div.item h3.subtitle {position: absolute; bottom: 25px; left: 25px; color: #000; font-weight: 800;}

.root9197 .events_wrapper {padding: 50px 0; width: 100%; max-width: 1440px; margin: 0 auto;}
.root9197 .events_wrapper #content_list {background: #fff;}
.root9197 .events_wrapper #content_list div.item {border: 1px solid rgba(0, 0, 0, 0.16);}

.root9197 #content {padding: 80px 0px; max-width: 680px; margin: auto;}


/*master classes page*/

#content.elements .element.content_import.sequence-140 {margin: 0px auto; padding: 0px 0px 80px 0px; background: #eaf5f8;}
#content.elements .element.content_import.sequence-140 .events_wrapper #content_list div.item {border: none;}
#content.elements .element.content_import.sequence-140 h2 {font-size: 38px; font-weight: 900; color: #000; text-align: center; line-height: 45px; margin-bottom: 30px;}
#content_element-1165 .our_success {margin-bottom: 80px; margin-top: 80px;}

#content.elements #public_generated_form.respo div.row input[type="text"] {border: none; background: #f2f2f4; border-radius: 0px; height: 48px; color: #000; font-size: 16px; line-height: 18px; width: 100%;}
#content.elements #public_generated_form.respo div.row {margin: 5px 0; width: 100%;}
#content.elements #public_generated_form.respo div.table {max-width: 456px; margin-left: 120px;}
#content.elements #public_generated_form.respo div.row.checkbox div.label.text {display: block;}
#content.elements #public_generated_form.respo #form-1093_row_90.row.checkbox div.label.text {display: none;}
#content.elements #public_generated_form.respo #form-1093_row_40.row.checkbox div.label.text {display: none;}
#public_generated_form.respo div.submit input[type="submit"] {font-family: 'Roboto', 'Nunito Sans', sans-serif; font-size: 16px; font-weight: 500; text-decoration: none; transition: all 0.3s ease; display: inline-flex; align-items: center; justify-content: center; max-width: stretch; color: #fff; background: #0c0c0c; border: 2px solid #0C0C0C;}
#public_generated_form.respo div.submit input[type="submit"]:hover {color: #0c0c0c; background: transparent;}

html.module-blog-item.root9190 #center_bottom_box_cont {display: none;}



/*privacy-policy-send-en*/

body.privacy-policy-send.responsive #main #main_center.table-cell {background: #eaf5f8; padding: 30px 0px;}
body.privacy-policy-send #admin_box {padding-bottom: 30px;}
body.privacy-policy-send #admin_box.admin.edit div.title {margin-bottom: 40px; color: #111; font-size: 38px; font-family: 'Nunito Sans', sans-serif; font-weight: 900; line-height: 45px;}
body.privacy-policy-send #admin_box.admin.edit div.title.error {background: transparent; color: #FF0000; font-size: 20px; font-weight: 400; padding: 0px;}
body.privacy-policy-send #admin_box.admin.edit div.title.successful {background: transparent; color: #00AA00; font-size: 20px; font-weight: 400; padding: 0px;}
body.privacy-policy-send #admin_box.admin.edit div.input_box {margin-bottom: 35px;}
body.privacy-policy-send #admin_box.admin.edit div.input_box div.label {display: none; color: #111;}
body.privacy-policy-send #admin_box.admin.edit div.input_box.captcha div.label {display: block;}
body.privacy-policy-send #admin_box.admin.edit div.input_box .icon.important {display: none;}
body.privacy-policy-send #admin_box.admin.edit div.input_box .icon.help {display: none;}
body.privacy-policy-send #admin_box.admin.edit div.input_box select.text {border: solid 1px #FFFFFF; border-radius: 0px; height: 50px; max-width: 350px;}
body.privacy-policy-send #admin_box.admin.edit div.input_box.error select.text {border: solid 1px #FF0000;}
body.privacy-policy-send #admin_box.admin.edit div.input_box input.text {border: solid 1px #FFFFFF; border-radius: 0px; height: 50px; max-width: 350px;}
body.privacy-policy-send #admin_box.admin.edit div.input_box.error input.text {border: solid 1px #FF0000;}
body.privacy-policy-send #admin_box.admin.edit div.input_box textarea.textarea {border: solid 1px #FFFFFF; border-radius: 0px; height: 170px; max-width: 750px;}
body.privacy-policy-send #admin_box.admin.edit div.input_box.error textarea.textarea {border: solid 1px #FF0000;}
body.privacy-policy-send #admin_box.admin.edit input.submit {margin-left: 0; margin-right: 0; width: 260px; color: #fff; font-size: 20px; font-weight: 700; height: 50px; border: solid 2px #fbb003; border-radius: 0px; background: #fbb003;}
body.privacy-policy-send #admin_box.admin.edit input.submit:hover {color: #fbb003; background: #fff;}


/*foooter*/

#bottom_box_cont {background: #0c0c0c; color: #fff; border-radius: 0px; padding: 25px 0; width: 100%; max-width: 100%; margin: auto;}
#bottom_box_cont .inner {width: 100%; max-width: 1128px; margin: auto;}
#bottom_box_cont .footer_top {display: flex; width: 100%; justify-content: space-between; margin-bottom: 30px;}
#bottom_box_cont .social img {margin: 0 10px;}
.footer_content {display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; margin-bottom: 10px;}
.footer_content .contact img {display: block; margin-bottom: 15px;}
.footer_content .contact p {color: #fff; font-size: 18px; font-weight: 800; text-align: left;}
.footer_content .contact a.tel {display: block; color: #FFFFFF; font-weight: 600; font-size: 20px;}
.footer_content .events_btn {line-height: 48px; margin: 20px 0px 20px 0px;}
.footer_menu h3 {color: #fff; font-size: 18px; font-weight: 800; text-align: left; margin-bottom: 5px;}
.footer_menu li {padding-left: 0;}
.footer_menu li a {color: #fff; font-size: 18px; font-weight: 300; text-align: left; line-height: 37px;}

.footer_bottom {display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.6); padding-top: 15px;}
#body #menu_footer {display: table;}
#body #menu_footer li {display: table-cell;}
#body #menu_footer li a, .footer_bottom p {color: #fff; font-size: 14px; font-weight: 400; text-align: center;}
.footer_bottom img.logo {width: 100%; max-width: 100px;}


html.root9190 {padding: 0px;}

#body.responsive div.site-info-body {max-width: 100%;}

.html-9190 #center_box_cont #content_list div.item {qmax-width: 840px; qmargin-left: auto;}

#content.elements h1.content_top {display: none;}
#content.elements h2.content_top {display: none;}
#content.elements h3.content_top {display: none;}
#content.elements div.lead.content_top {display: none;}

#content.elements div.element.content_list.ticket-options-for-you .item.become-a-sponsor {background-color: #000000;}
#content.elements div.element.content_list.ticket-options-for-you .item.become-a-sponsor .button {color: #000000;}
#content.elements div.element.content_list.ticket-options-for-you .item.become-a-sponsor .button:hover {background-color: #000000; color: #FFFFFF;}

#content.elements div.element.content_list.ticket-options-for-you .item.team-participation {background-color: #000000;}
#content.elements div.element.content_list.ticket-options-for-you .item.team-participation .button {color: #000000;}
#content.elements div.element.content_list.ticket-options-for-you .item.team-participation .button:hover {background-color: #000000; color: #FFFFFF;}

#content.elements #public_generated_form.respo div.table {max-width: none; margin: auto;}

#content.elements img {max-width: 100%; height: auto;}

.event_categories li a:hover {border-bottom: solid 4px #fbb003; color: #fbb003;}
.event_categories li a:hover svg {stroke: #fbb003;}





#content.elements div.element.content.sequence-80 div.lead img {width: 100%; max-width: 456px; qmax-height: 275px;}
#content_element-1398.element .element_content .item {min-height: 0px !important;}






/*mobile*/


@media only screen and (max-width: 1420px) {
html.root9190 #blog_search {margin-left: 10px;}
html.root9190 #content_list {margin-right: 10px; max-width: 69%;}
}


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

#slider .slide {max-width: 94% !important;}

.numbers_box {justify-content: center;}
.numbers_box .item {margin: 10px 25px;}

.our_success, .about_GLC, #bottom_box_cont .inner, .who_we_are, .our_values, .life_at_glc .inner, .our_offices .inner, .we_belive_wrapper .inner, .blue.overview, .white.packages {max-width: 94%;}

.we_connect_wrapper h2 {width: 94%;}
.we_connect_wrapper .item {max-width: 228px;}
.we_connect_wrapper .item.img {max-width: 300px; flex-basis: 300px;}
.we_connect_wrapper .item.img img {width: auto; max-width: 100%;}
.more_btn {width: 300px;}

.about_GLC .row.two, .about_GLC .row.one {flex: 1 0 0; max-width: 100%;}
.about_GLC .row.two {margin-right: 25px;}

.our_success #content_list div.item div.lead {max-width: 70%; width: 100%; margin: auto;}

.who_we_work .row.one {margin-right: 20px;}

.game_changing h2 {width: 94%;}

.service_wrapper .inner, #service_categories .inner {margin: auto; width: 94%;}
.service_wrapper .inner .right img {height: auto;}

.years_img {width: auto; max-width: 100%; height: auto;}

.our_offices .inner, .life_at_glc .inner, .our_values .inner, .we_belive_wrapper .inner {justify-content: center;}
.our_offices .inner .item, .life_at_glc .inner .item, .our_values .inner .item, .we_belive_wrapper .inner .item {margin: 15px; 10px;}



.html-9206 #body #navigation {height: auto;}
.html-9206 .slider-image-box .slider-content-box {top: 110px;}
#inhouse {position: relative; margin-top: 100px;}

}


@media only screen and (max-width: 1020px) {
html.root9190 #blog_search {display: block; width: 100%; max-width: 94%; margin: 0px auto 40px auto;}
html.root9190 #blog_search form {display: flex; flex-wrap: wrap; align-items: top; justify-content: space-between;}
html.root9190 #content_list {display: block; width: 100%; max-width: 94%; margin: auto;}
}


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

#header_right {display: none;}
#menupoint8913 {display: block;}

#top_box_cont {display: block; max-width: 100%;}
.logo_wrapper {width: 116px; margin-top: auto;
        margin-bottom: auto;
        position: absolute;
        top: 0;
        bottom: 0;}
.logo_wrapper img {margin: 0px auto; width: 65px;}
#menu_wrapper #menu_top.lev2 li.lev2 a {padding: 0;}
#body #top_box_cont #menu_wrapper #menu_top li {background: #fbb003;}
#body #menu_wrapper a.mmenu {top: 0px; right: 0px; left: auto; background: transparent;}
#body #menu_wrapper a.mmenu i.fa {font-size: 25px; font-weight: 400;}


}


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

.we_connect_wrapper .inner {flex-direction: row; height: auto; justify-content: center;}
.we_connect_wrapper .item {height: auto; flex-basis: 48%; max-width: 100%;}

.footer_content {justify-content: flex-start;}
.footer_content div {margin: 0 20px 20px 0;}

.our_success {height: 430px;}
.our_success a.sliderarrow.right {right: -100px;}
.our_success a.sliderarrow.left {left: -100px;}

#slider .slider-image-box .slider-content-box, .slider-content-box, #content_element-1160.element .element_content .item {padding: 8% 4% 22% 4%; max-width: 80%; margin: auto;}
.slider-image-box .slider-content-box {padding: 5% 4% 5% 4%; top: 40px;}
#slider .slide {margin: auto;}
#slider .offer_btn {width: 100%; max-width: 88%; margin: auto;}

#body #navigation .slider-image-box {padding: 0;}




}



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

.who_we_work {width: 94%; display: block; text-align: center;}
.who_we_work h2 {text-align: center;}
.who_we_work .row, .who_we_work .row.one {margin: auto;}

.about_GLC {display: block;}
.about_GLC h2 {text-align: center;}
.about_GLC .row.two img {max-width: 100%; height: auto;}
.about_GLC .row.two {margin-top: 25px;}

.who_we_work .row.one img {max-width: 100%; height: auto;}

.content_blue_bg {padding-bottom: 40px;}

.service_wrapper .inner .left {margin-bottom: 25px;}

.didnt_wrapper {display: block; padding: 8% 8% 8% 8%; max-width: 78%;}
.didnt_wrapper .right {display: block; margin: 25px 0 0 0;}

.who_we_are {display: block; width: 94%;}

.our_success a.sliderarrow i.fas {width: 24px; height: 24px; line-height: 24px; font-size: 10px;}

.who_we_work .logos a.sliderarrow i.fas {width: 24px; height: 24px; line-height: 24px; font-size: 10px; top: 10px;}
.who_we_work .logos a.sliderarrow.left i.fas {left: -25px;}
.who_we_work .logos a.sliderarrow.right i.fas {right: -25px;}
.who_we_work .logo_items {height: 100px;}
.who_we_work .row.two .logo_items img {margin-left: 0px; max-width: 80%;}


#content_element-1136.element .element_content .item img {width: auto; max-width: 100%;}

#content_element-1160.element .element_content .item {position: static; max-width: 90%; padding: 5% 5%;}

.didnt_wrapper .left {padding-left: 0;}

}




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

#content_element-1160.element .element_content .item {position: relative; right: auto; top: 100px;}
#content_element-1168 {padding: 0px;}

#content.elements div.item.content h2 {text-align: center !important;}

#content.elements .element_content .item.form .content {display: none;}

.event_categories li {margin: 0px;}
.event_categories li a {border: solid 4px #828282; border-radius: 0px; padding: 0px 10px; margin: 5px; min-width: auto; text-align: left; font-size: 18px;}
.event_categories li a:hover {border: solid 4px #fbb003; color: #fbb003;}
.event_categories li a.active {border: solid 4px #fbb003; color: #fbb003;}
.event_categories li a svg {margin-right: 0px;}

#slider #main_slider_text {margin-top: 80px;}
#slider #main_slider_text a.fifth {margin: 20px auto;}


#registered {padding: 10px 5px; font-size: 12px; max-width: 150px;}
#registered h2 {font-size: 14px; margin-bottom: 5px;}
#registered p {font-size: 14px; margin-bottom: 5px; line-height: 18px;}
#registered a {font-size: 14px; color: #fff;}

.homepage .numbers_box h3 {font-size: 32px;}

#form-1139_row_10, #form-1139_row_20, #form-1139_row_30, #form-1139_row_40 {width: 100%;}

#form-1134_row_10, #form-1134_row_20, #form-1134_row_30, #form-1134_row_40 {width: 100%;}

#slider #main_slider_text {margin-left: 10px; margin-right: 10px;}

}




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

.our_success #content_list div.item {max-width: 94%;}

.about_GLC .row.two {margin: 25px auto;}

.who_we_work .row {max-width: 100%;}

.who_we_work .row img {width: auto; max-width: 100%;}

.events_wrapper .events_btn {width: 240px;}
#content.elements #public_generated_form.respo div.submit input[type="submit"] {width: 280px;}


.events_wrapper #content_list div.item {padding: 5%; width: 90%;}

html.module-blog-list.root9190 #content_list div.item .lead {padding-bottom: 40px;}
html.module-blog-list.root9190 #content_list div.item .keywords {position: absolute; bottom: 35px; left: 25px;}

.our_success #content_list div.item .lead p {font-size: 16px; line-height: 20px;}
h5 {font-size: 14px; line-height: 16px;}
h6 {font-size: 12px; line-height: 16px;}

#content.elements img {float: none !important; margin: 20px auto !important;}

.numbers_box .item {margin: 10px 0px; width: 50%;}
.blue_bg .numbers_box h3 {font-size: 50px;}

#bottom_box_cont .footer_top {display: block; text-align: center;}
#bottom_box_cont .footer_top .social {margin-top: 25px;}

.footer_bottom {justify-content: center;}
.footer_content .contact {display: block; margin: auto; width: 100%; text-align: center;}
.footer_content .contact img {margin: 0 auto 15px;}
.footer_content .contact p {text-align: center;}


.footer_content div {width: 44%; margin-top: 25px;}

#body #menu_footer {margin-top: 25px;}
#body #menu_footer li {display: inline-block; vertical-align: middle; width: 44%; padding: 0;}
#body #menu_footer li a {text-align: left;}

iframe {max-width: 100%;}

#form-1091_row_10, #form-1091_row_20, #form-1091_row_30, #form-1091_row_40 {width: 100%;}

#vtb .blue.icons .box {margin: 33px auto;}

.white.packages #public_generated_form.respo div.submit input[type="submit"] {width: 94%; max-width: 100%; margin-left: auto; margin-right: auto;}

}



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


.homepage #body #navigation {height: 350px;}
.homepage #body #navigation .slider-image-box {align-items: center; height: 350px;}
.homepage #body #navigation video {height: 350px;}

#slider #main_slider_text span {display: inline-block; font-weight: 900; font-size: 40px; line-height: 45px; color: #FFFFFF; text-align: center; margin-right: 20px; height: 50px;}
#slider #main_slider_text span.fourth {font-size: 20px; line-height: 30px;}
#slider #main_slider_text .more_btn {width: 200px;}


html.root9190 #content.elements #content_list div.item .lead {margin-bottom: 60px;}
html.root9190 #content.elements #content_list div.item h3.subtitle {bottom: 50px;}


.numbers_box {padding: 30px 0px; padding: 40px 0px;}
.numbers_box h3 {font-size: 40px; line-height: 64px;}
.numbers_box p {font-size: 18px; line-height: 18px;}

.we_connect_wrapper h2 {font-size: 30px; line-height: 45px;}
.we_connect_wrapper .item {flex-basis: 100%;}

.game_changing h2 {font-size: 30px; line-height: 45px;}

.our_success {border-radius: 0px;}

#content h1.content_top {font-size: 30px; line-height: 45px;}

.event_categories li a {font-size: 14px; line-height: 45px;}
.events_wrapper #content_list div.item a.next {right: 10px;}
.events_wrapper #content_list div.item a.next span {overflow: hidden; display: inline-block; vertical-align: middle; width: 10px; margin-left: 5px;}

.who_we_work h2 {font-size: 30px; line-height: 45px;}

.about_GLC h2 {font-size: 30px; line-height: 45px;}
.about_GLC a {font-size: 20px; margin-top: 5px; display: block; text-align: center;}

.footer_menu li a {font-size: 16px; font-weight: 300;}


.service_wrapper {padding-bottom: 60px;}
.service_wrapper .inner .item {padding: 10px 0px;}
.service_wrapper .inner .item h2 {font-size: 30px; line-height: 45px;}
#service_categories .inner .item {margin-bottom: 30px;}
#service_categories .inner .item h3 {font-size: 18px; line-height: 25px;}
#service_categories .inner .item img {margin: 0 auto 10px;}
#service_categories .inner .item.finance img {margin-bottom: 25px;}

.didnt_wrapper {border-radius: 0px;}
.didnt_wrapper h2 {font-size: 30px; line-height: 45px;}

.slider-content-box {border-radius: 0px;}

.who_we_are .item h2 {font-size: 30px; line-height: 45px;}
.our_values {max-width: 100%; padding: 0px 10px 40px 10px; width: auto;}
.our_values h2 {font-size: 30px; line-height: 45px;}
.life_at_glc h2 {font-size: 30px; line-height: 45px;}
.our_workers h2 {font-size: 30px; line-height: 45px;}
.our_offices h2 {font-size: 30px; line-height: 45px;}
.who_we_work {border-radius: 0px;}
.who_we_work .row.one img {border-radius: 0px;}

.footer_content div {width: 100%;}
.footer_menu li {display: inline-block; width: 50%; margin-left: -4px;}

#blog_search div.box.freeword {width: 100%;}


.create_your_job .inner {padding: 40px 50px;}



/*virtual team building landing page*/


.html-9200 #body #navigation {background-position: top left; background-size: cover;}
.html-9200 #body #navigation {height: 320px;}
#vtb h2 {font-size: 38px;}

.white.packages .box.form div.img {display: none;}

#vtb .white.companies h2 {padding: 0px 10px 40px 10px; width: auto; font-size: 30px;}
.blue.overview {padding-top: 20px;}
.blue.overview .box {margin-top: 20px;}

}


/* DOMAIN USER END */



/* TEST START */



/* TEST END TEST */