/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,select,blockquote,table,td,th {margin: 0; padding: 0; outline: none; font-weight: normal;}
table, td, tr {border-collapse: collapse; border-spacing: 0;}
ol,ul {list-style: none;}
a, a img {outline: none; text-decoration: none; border: 0;}
td {vertical-align: top;}
p {padding: 0; margin: 0 0 15px 0;}
* {margin: 0; padding: 0;}
.clr {clear: both; overflow: hidden; height: 0px;}
.l {float: left;}
.r {float: right;}
header, nav, section, article, aside, footer {display: block;}

@media (min-width: 1px) {
    body {font: normal 13px/1.4 'Lato', Tahoma, Arial, sans-serif;}
    .container {width: 280px; margin: 0 auto;}
    .column_l {width: 280px;}
    .sketch, .foto {width: 280px; height: auto;}
    .YT_video {width: 280px; height: 158px}
    figcaption {display: none;}
    .column_r {width: 280px;}
    /* MENU */
    .phone {display: none;}
    .mail {display: none;}
    .address {display: none;}
    .social_media_s {display: none;}
    #rwd_menu {display: block;}
    #main_nav {display: none;}
    #sub_nav {text-align: left;}
    #sub_nav li a {background: url(/img/bg_sub_nav_h.png) center left no-repeat; padding: 0 0 0 30px;}
    #sub_nav li a:hover, #sub_nav li a.selected {background: url(/img/bg_sub_nav_a.png) center left no-repeat;}
    #sub_nav li li a {background: url(/img/bg_sub_nav_hh.png) center left no-repeat; padding: 0 0 0 30px;}
    #sub_nav li li a:hover, #sub_nav li li a.selected {background: url(/img/bg_sub_nav_aa.png) center left no-repeat;}
    /* PERSONNEL */
    .personnel_item figure {margin: 0 31px 20px 31px;}
    /* CERT */
    .cert_item {margin: 0 53px 20px 53px;}
    /* PRICING */
    .procedure_title {width: 100%;}
    .procedure_price {width: 100%; padding: 0 0 0 25px;}
    /* METAMORPHOSES */
    .metamorphose_item figure {width: 230px; height: 166px; float: none; margin: 0 0 20px 0;}
    .metamorphose_item figure img {width: 230px;}
    /* IDEAL CANDIDATE */
    .candidate_item figure img {width: 300px;}
    #candidate_form input {width: 254px;}
    #candidate_form textarea {width: 254px; min-width: 254px; max-width: 254px;}
    #candidate_form .token input {width: 176px; margin-right: 0px !important;}
    #candidate_form .attachment p {width: 245px; float: right;}
    /* CONTACT */
    .contact_adress {width: 280px;}
    .contact_message {width: 280px;} 
    .contact_message input {width: 254px;}
    .contact_message textarea {width: 254px; min-width: 254px; max-width: 254px;}
    .token input {width: 176px; margin-right: 0px !important;}
    /* CONSULTATIONS */
    #page-consultations input {width: 258px;}
    #page-consultations .token input {width: 179px;}
    #page-consultations .btn {float: right;}
    /* FACILITIES */
    .facility_item {margin: 0 20px 25px 20px;}
    .social_media, .contact, .hours, .copy {margin: 0 0 20px 0;}
    /* HOMEPAGE */
    .homepage_headline h1 {font-size: 22px; width: 90%; margin: 30px auto;}
    .homepage_headline h2 {font-size: 17px; width: 90%; margin: 0 auto; color: #848484;}
    .homepage_button {width: 140px; height: 150px;}
    .button_nr {margin: 0 auto 15px auto;}
    .homepage_blockquote {font-size: 18px;}
    blockquote {width: 280px; padding: 15px 0 0 0; margin: 0 auto 40px auto;}
    
    .homepage_box figure {width: 280px; margin: 20px 0 0 0; border-bottom: 0px dashed #cecece; text-align: center;}
    .homepage_box figure img {width: 280px; height: auto;}
    .homepage_box h3, .home_personnel h3, .home_faq h3 {font-size: 22px; margin: 0 0 15px 0;}
    .box_desc {width: 205px; margin-left: 75px; font: normal 14px/1.4 'Lato', Tahoma, Arial, sans-serif;}
    #homepage .personnel_item {width: 205px; margin-top: 80px;}
    #homepage .personnel_item .personnel_content {width: 205px; margin: 20px 0 0 0;}
    #homepage .personnel_desc {display: none;}
    #homepage .personnel_item figure {margin: 0 0 0 -15px; transform: scale(0.85); -webkit-transform: scale(0.85); -moz-transform: scale(0.85); -o-transform: scale(0.85);}
    .homepage_special_offer img {width: 265px; height: auto;}
    /* PAGE BOX */
    .page_box {width: 280px; margin: 0 40px 40px 0;}
    .page_box h3 {font: normal 18px/1.3 'Lato', Tahoma, Arial, sans-serif;}
    .page_box:nth-of-type(2n) {margin: 0 0 40px 0;}
    .page_box_content input {width: 217px;}
    .page_box_content .token input {width: 138px;}
    .page_box_content img.box_foto  {width: 240px; height: auto;}
    /* TEASERS */
    .teaser_box {width: 280px; margin: 0 0 30px 0; font-size: 13px;}
}

@media (min-width: 480px) {
    body {font: normal 13px/1.4 'Lato', Tahoma, Arial, sans-serif;}
    .container {width: 400px; margin: 0 auto;}
    .column_l {width: 400px;}
    .sketch, .foto {width: 400px; height: auto;}
    .YT_video {width: 400px; height: 225px}
    figcaption {bottom: 20px; left: 0px; width: 270px; display: block;}
    .column_r {width: 400px;}
    #navigation {width: 200px; float: right; text-align: right;}
    .phone {display: block;}
    /* PERSONNEL */
    .personnel_item figure {margin: 0 30px 0 0;}
    /* CERT */
    .cert_item {margin: 0 30px 30px 0;}
    .cert_item:nth-child(2n) {margin: 0 0 30px 0;}
    /* METAMORPHOSES */
    .metamorphose_item figure {width: 350px; height: 252px; float: none; margin: 0 0 20px 0;}
    .metamorphose_item figure img {width: 350px;}
    /* IDEAL CANDIDATE */
    .candidate_item figure img {width: 400px;}
    #candidate_form input {width: 101px;}
    #candidate_form textarea {width: 374px; min-width: 374px; max-width: 374px;}
    #candidate_form .token input {width: 115px;}
    #candidate_form .btn {float: right;}
    #candidate_form .attachment p {width: 365px; float: right;}
    /* CONTACT */
    .contact_adress {width: 400px;}
    .contact_message {width: 400px;} 
    .contact_message input {width: 101px;}
    .contact_message textarea {width: 374px; min-width: 374px; max-width: 374px;}
    .contact_message .btn {float: right;}
    .token input {width: 115px;}
    /* CONSULTATIONS */
    #page-consultations input {width: 378px;}
    #page-consultations .token input {width: 115px;}
    #page-consultations .btn {float: right;}
    /* FACILITIES */
    .facility_item {margin: 0 25px 25px 25px;}
    /* HOMEPAGE */
    .homepage_headline h1 {font-size: 24px; width: 85%; margin: 30px auto;}
    .homepage_headline h2 {font-size: 18px; width: 90%; margin: 0 auto; color: #848484;}
    .homepage_button {width: 133px; height: 150px;}
    .button_nr {margin: 0 auto 15px auto;}
    .homepage_blockquote {font-size: 18px;}
    blockquote {width: 90%; padding: 15px 0 0 20px; margin: 0 auto 40px auto;}
    
    .homepage_box figure {width: 400px; margin: 20px 0 0 0; border-bottom: 0px dashed #cecece; text-align: center;}
    .homepage_box figure img {width: 350px; height: auto;}
    .homepage_box h3, .home_personnel h3, .home_faq h3 {font-size: 22px; margin: 0 0 15px 0;}
    .box_desc {width: 325px; margin-left: 75px; font: normal 14px/1.4 'Lato', Tahoma, Arial, sans-serif;}
    #homepage .personnel_item {width: 300px; margin-top: 40px;}
    #homepage .personnel_item .personnel_content {width: 300px; margin: 20px 0 0 0;}
    #homepage .personnel_item figure {margin: 0; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1);}
    /* PAGE BOX */
    .page_box {width: 400px; margin: 0 0 40px 0; }
    .page_box h3 {font: normal 20px/1.3 'Lato', Tahoma, Arial, sans-serif;}
    .page_box_content input {width: 337px;}
    .page_box_content .token input {width: 258px;}
    .page_box_content img.box_foto  {width: 260px; height: auto;}
    /* TEASERS */
    .teaser_box {width: 400px; margin: 0 0 30px 0; font-size: 13px;}
}

@media (min-width: 640px) {
    body {font: normal 13px/1.4 'Lato', Tahoma, Arial, sans-serif;}
    .container {width: 500px; margin: 0 auto;}
    .column_l {width: 500px;}
    .sketch, .foto {width: 500px; height: auto;}
    .YT_video {width: 500px; height: 281px}
    figcaption {bottom: 20px; left: 0px; width: 270px;}
    .column_r {width: 500px;}
    #navigation {width: 280px; float: right; text-align: right;}
    /* PRICING */
    .procedure_title {width: 70%; float: left;}
    .procedure_price {width: 25%; float: right; text-align: right; padding: 0;}
    /* CONTACT */
    .contact_adress {width: 500px;}
    .contact_message {width: 500px;}    
    .contact_message input {width: 135px;}
    .contact_message textarea {width: 474px; min-width: 474px; max-width: 474px;}
    /* CONSULTATIONS */
    #page-consultations input {width: 136px;}
    #page-consultations .token input {width: 228px;}
    #page-consultations .btn {float: right;}
    /* METAMORPHOSES */
    .metamorphose_item figure {width: 450px; height: 324px; float: none; margin: 0 0 20px 0;}
    .metamorphose_item figure img {width: 450px;}
    /* IDEAL CANDIDATE */
    .candidate_item figure img {width: 500px;}
    #candidate_form input {width: 134px;}
    #candidate_form textarea {width: 474px; min-width: 474px; max-width: 474px;}
    #candidate_form .attachment p {width: 465px; float: right;}
    /* FACILITIES */
    .facility_item {margin: 0 25px 25px 25px;}
    .social_media {width: 50%; float: left; margin: 0 0 20px 0;}
    .contact {width: 50%; float: left; margin: 0 0 20px 0;}
    .hours {width: 50%; float: left; margin: 0;}
    .copy {width: 50%; float: left; margin: 0;}
    /* HOMEPAGE */
    .homepage_headline h1 {font-size: 26px; width: 75%; margin: 30px auto;}
    .homepage_headline h2 {font-size: 18px; width: 90%; margin: 0 auto; color: #848484;}
    .homepage_button {width: 125px; height: 150px;}
    .button_nr {margin: 0 auto 15px auto;}
    .homepage_blockquote {font-size: 18px;}
    blockquote {width: 90%; padding: 15px 0 0 30px; margin: 0 auto 40px auto;}
    
    .homepage_box figure {width: 500px; margin: 20px 0 0 0; border-bottom: 0px dashed #cecece; text-align: center;}
    .homepage_box figure img {width: 450px; height: auto;}
    .homepage_box h3, .home_personnel h3, .home_faq h3 {font-size: 22px; margin: 0 0 15px 0;}
    .box_desc {width: 425px; margin-left: 75px; font: normal 14px/1.4 'Lato', Tahoma, Arial, sans-serif;}
    #homepage .personnel_item {width: 400px; margin-top: 0;}
    #homepage .personnel_item .personnel_content {width: 300px; margin: 20px 50px 0 50px;}
    #homepage .personnel_desc {display: block;}
    #homepage .personnel_item figure {margin: 0;}
    /* PAGE BOX */
    .page_box {width: 230px; margin: 0 40px 40px 0; float: left;}
    .page_box h3 {font: normal 15px/1.3 'Lato', Tahoma, Arial, sans-serif;}
    .page_box:nth-of-type(2n) {margin: 0 0 40px 0;}
    .page_box_content input {width: 167px;}
    .page_box_content .token input {width: 88px;}
    .page_box_content img.box_foto {width: 190px; height: auto;}
    /* TEASERS */
    .teaser_box {width: 500px; margin: 0 0 30px 0; font-size: 13px;}
}

@media (min-width: 768px) {    
    body {font: normal 13px/1.4 'Lato', Tahoma, Arial, sans-serif;}
    .container {width: 600px; margin: 0 auto;}
    .column_l {width: 600px;}
    .sketch, .foto {width: 600px; height: auto;}
    .YT_video {width: 600px; height: 338px}
    figcaption {bottom: 80px; left: 0px; width: 270px;}
    .column_r {width: 600px;}
    #navigation {width: 380px; float: right; text-align: right;}
    .mail {display: block;}
    /* CERT */
    .cert_item {margin: 0 30px 30px 0;}
    .cert_item:nth-child(2n) {margin: 0 30px 30px 0;}
    .cert_item:nth-child(3n) {margin: 0 0 30px 0;}
    /* FACILITIES */
    .facility_item {margin: 0 25px 25px 25px;}
    /* METAMORPHOSES */
    .metamorphose_item figure {margin: 0 30px 0 0; float: left; width: 250px; height: 180px;}
    .metamorphose_item figure img {width: 250px;}
    /* IDEAL CANDIDATE */
    .candidate_item figure img {width: 600px;}
    #candidate_form input {width: 168px;}
    #candidate_form textarea {width: 574px; min-width: 574px; max-width: 574px;}
    #candidate_form .attachment p {width: 565px; float: right;}
    /* CONTACT */
    .contact_adress {width: 600px;}
    .contact_message {width: 600px;}
    .contact_message input {width: 168px;}
    .contact_message textarea {width: 574px; min-width: 574px; max-width: 574px;}
    /* CONSULTATIONS */
    #page-consultations input {width: 169px;}
    #page-consultations .token input {width: 90px;}
    #page-consultations .btn {float: right;}
    /* HOMEPAGE */
    .homepage_headline h1 {font-size: 28px; width: 65%; margin: 30px auto;}
    .homepage_headline h2 {font-size: 20px; width: 90%; margin: 0 auto; color: #848484;}
    .homepage_button {width: 150px; height: 150px;}
    .button_nr {margin: 0 auto 15px auto;}
    .homepage_blockquote {font-size: 20px;} 
    blockquote {width: 82%; padding: 15px 0 0 30px; margin: 0 auto 40px auto;}
    
    .homepage_box figure {width: 600px; margin: 20px 0 0 0; border-bottom: 0px dashed #cecece; text-align: center;}
    .homepage_box figure img {width: 450px; height: auto;}
    .homepage_box h3, .home_personnel h3, .home_faq h3 {font-size: 22px; margin: 0 0 15px 0;}
    .box_desc {width: 525px; margin-left: 75px; font: normal 14px/1.4 'Lato', Tahoma, Arial, sans-serif;}
    #homepage .personnel_item {width: 500px;}
    #homepage .personnel_item .personnel_content {width: 400px; margin: 20px 50px 0 50px;}
    /* PAGE BOX */
    .page_box {width: 280px; margin: 0 40px 40px 0; float: left;}
    .page_box h3 {font: normal 18px/1.3 'Lato', Tahoma, Arial, sans-serif;}
    .page_box:nth-of-type(2n) {margin: 0 0 40px 0;}
    .page_box_content input {width: 217px;}
    .page_box_content .token input {width: 138px;}
    .page_box_content img.box_foto  {width: 240px; height: auto;}
    /* TEASERS */
    .teaser_box {width: 600px; margin: 0 0 35px 0; font-size: 13px;}

}

@media (min-width: 1024px) {
    body {font: normal 13px/1.4 'Lato', Tahoma, Arial, sans-serif;}
    .container {width: 900px; margin: 0 auto;}
    .column_l {width: 500px; float: left;}
    .sketch, .foto {width: 500px; height: auto;}
    .YT_video {width: 500px; height: 281px}
    figcaption {bottom: 20px; left: 0px; width: 270px;}
    .column_r {width: 300px; float: right;}
    /* MENU */
    #navigation {width: 720px; float: right; text-align: right;}
    .address {display: block;}
    #sub_nav {text-align: right;}
    #sub_nav li a {background: url(/img/bg_sub_nav_h.png) center right no-repeat; padding: 0 30px 0 0;}
    #sub_nav li a:hover, #sub_nav li a.selected {background: url(/img/bg_sub_nav_a.png) center right no-repeat;}
    #sub_nav li li a {background: url(/img/bg_sub_nav_hh.png) center right no-repeat; padding: 0 30px 0 0;}
    #sub_nav li li a:hover, #sub_nav li li a.selected {background: url(/img/bg_sub_nav_aa.png) center right no-repeat;}
    /* CERT */
    .cert_item {margin: 0 30px 30px 0;}
    .cert_item:nth-child(3n) {margin: 0 30px 30px 0;}
    .cert_item:nth-child(2n) {margin: 0 0 30px 0;}
    /* FACILITIES */
    .facility_item {margin: 0 50px 25px 0;}
    /* METAMORPHOSES */
    .metamorphose_item figure {width: 450px; height: 324px; float: none; margin: 0 0 20px 0;}
    .metamorphose_item figure img {width: 450px;}
    /* IDEAL CANDIDATE */
    .candidate_item figure img {width: 500px;}
    #candidate_form input {width: 134px;}
    #candidate_form textarea {width: 474px; min-width: 474px; max-width: 474px;}
    #candidate_form .attachment p {width: 465px; float: right;}
    /* CONTACT */
    .contact_adress {width: 415px; float: left;}
    .contact_message {width: 415px; float: right;}
    .contact_message input {width: 106px;}
    .contact_message textarea {width: 389px; min-width: 389px; max-width: 389px;}
    .social_media {width: 20%; float: left; margin: 0;}
    .contact {width: 30%; float: left; margin: 0;}
    .hours {width: 25%; float: left;}
    .copy {width: 25%; float: left;}
    /* CONSULTATIONS */
    #page-consultations input {width: 136px;}
    #page-consultations .token input {width: 228px;}
    #page-consultations .btn {float: right;}
    /* HOMEPAGE */
    .homepage_headline h1 {font-size: 30px; width: 65%; margin: 30px auto;}
    .homepage_headline h2 {font-size: 20px; width: 80%; margin: 0 auto; color: #848484;}
    .homepage_button {width: 112.5px;}
    .button_nr {margin: 0 auto 15px auto;}
    .homepage_blockquote {font-size: 22px;}
    blockquote {width: 80%; padding: 15px 0 0 30px; margin: 0 auto 40px auto;}
    
    .homepage_box figure {width: 375px; margin: 0; border-bottom: 0px dashed #cecece;}
    .homepage_box figure img {width: 375px; height: auto;}
    .homepage_box h3, .home_personnel h3, .home_faq h3 {font-size: 22px; margin: 0 0 15px 0;}
    .box_desc {width: 375px; margin-left: 0px; font: normal 14px/1.4 'Lato', Tahoma, Arial, sans-serif;}
    #homepage .personnel_item {width: 800px;}
    #homepage .personnel_item .personnel_content {width: 452px; margin: 0 50px 0 0;}
    /* PAGE BOX */
    .page_box {width: 300px; margin: 0 0 40px 0; float: none;}
    .page_box h3 {font: normal 20px/1.3 'Lato', Tahoma, Arial, sans-serif;}
    .page_box_content input {width: 237px;}
    .page_box_content .token input {width: 158px;}
    .page_box_content img.box_foto  {width: 260px; height: auto;}
    /* TEASERS */
    .teaser_box {width: 270px; margin: 0 45px 0 0; float: left; font-size: 13px;}

}

@media (min-width: 1280px) {
    body {font: normal 14px/1.4 'Lato', Tahoma, Arial, sans-serif;}
    .container {width: 1000px; margin: 0 auto;}
    .column_l {width: 600px; float: left;}
    .sketch, .foto {width: 600px; height: auto;}
    .YT_video {width: 600px; height: 338px}
    figcaption {bottom: 60px; left: 0px; width: 270px;}
    .column_r {width: 300px; float: right;}
    /* MENU */
    #rwd_menu {display: none;}
    #main_nav {display: inline-block;}
    .social_media_s {display: block;}
    #navigation {width: 820px; float: right; text-align: right;}
    #main_nav li {float: left; margin: 0 0 0 16px;}
    #main_nav li a {font: normal 14px/60px 'Lato', Tahoma, Arial, sans-serif;}
    #main_nav .sublist li a {font: normal 13px/40px 'Lato', Tahoma, Arial, sans-serif;}
    /* CERT */
    .cert_item {margin: 0 30px 30px 0;}
    .cert_item:nth-child(2n) {margin: 0 30px 30px 0;}
    .cert_item:nth-child(3n) {margin: 0 0 30px 0;}
    /* IDEAL CANDIDATE */
    .candidate_item figure img {width: 600px;}
    #candidate_form input {width: 168px;}
    #candidate_form textarea {width: 574px; min-width: 574px; max-width: 574px;}
    #candidate_form .attachment p {width: 565px; float: right;}
    /* METAMORPHOSES */
    .metamorphose_item figure {margin: 0 30px 0 0; float: left; width: 250px; height: 180px;}
    .metamorphose_item figure img {width: 250px;}
    /* FACILITIES */
    .facility_item {margin: 0 32px 25px 0;}
    /* CONTACT */
    .contact_adress {width: 415px;}
    .contact_message {width: 515px;}
    .contact_message input {width: 140px;}
    .contact_message textarea {width: 489px; min-width: 489px; max-width: 489px;}
     /* CONSULTATIONS */
    #page-consultations input {width: 169px;}
    #page-consultations .token input {width: 90px;}
    #page-consultations .btn {float: right;}
    /* HOMEPAGE */
    .homepage_headline h1 {font-size: 30px; width: 55%; margin: 30px auto 40px auto;}
    .homepage_headline h2 {font-size: 22px; width: 80%; margin: 0 auto; color: #848484;}
    .homepage_button {width: 125px;}
    .button_nr {margin: 0 auto 15px auto;}
    .homepage_blockquote {font-size: 23px;}
    blockquote {width: 70%; padding: 15px 0 0 30px; margin: 0 auto 40px auto;}  
    .homepage_box figure {width: 450px; margin: 0; border-bottom: 0px dashed #cecece;}
    .homepage_box figure img {width: 450px; height: auto;}
    .homepage_box h3, .home_personnel h3, .home_faq h3 {font-size: 22px; margin: 0 0 15px 0;}
    .box_desc {width: 375px; font: normal 14px/1.4 'Lato', Tahoma, Arial, sans-serif;}
    #homepage .personnel_item {width: 900px;}
    #homepage .personnel_item .personnel_content {width: 552px; margin: 0 50px 0 0;}
    /* TEASERS */
    .teaser_box {width: 300px; margin: 0 50px 0 0; float: left; font-size: 13px;}
}

@media (min-width: 1366px) {
    body {font: normal 14px/1.4 'Lato', Tahoma, Arial, sans-serif;}
    .container {width: 1100px; margin: 0 auto;}
    .column_l {width: 700px; float: left;}
    .sketch, .foto {width: 700px; height: auto;}
    .YT_video {width: 700px; height: 394px}
    figcaption {bottom: 80px; left: 0px; width: 200px;}
    .column_r {width: 300px; float: right;}
    /* MENU */
    #navigation {width: 920px; float: right; text-align: right;}
    #main_nav li {float: left; margin: 0 0 0 16px;}
    #main_nav li a {font: normal 16px/60px 'Lato', Tahoma, Arial, sans-serif;}
    #main_nav .sublist li a {font: normal 14px/40px 'Lato', Tahoma, Arial, sans-serif;}
    /* PERSONNEL */
    .personnel_content {width: 452px; float: right;}
    /* CERT */
    .cert_item {margin: 0 30px 30px 0;}
    .cert_item:nth-child(3n) {margin: 0 0 30px 0;}
    /* FACILITIES */
    .facility_item {margin: 0 40px 25px 0;}
    /* IDEAL CANDIDATE */
    #candidate_form input {width: 700px;}
    #candidate_form textarea {width: 674px; min-width: 674px; max-width: 674px;}
    #candidate_form .attachment p {width: 665px; float: right;}
    /* CONTACT */
    .contact_adress {width: 415px;}
    .contact_message {width: 615px;}
    .contact_message input {width: 173px;}
    .contact_message textarea {width: 589px; min-width: 589px; max-width: 589px;}
     /* CONSULTATIONS */
    #page-consultations input {width: 202px;}
    #page-consultations .token input {width: 123px;}
    #page-consultations .btn {float: right;}
    /* HOMEPAGE */
    .homepage_headline h1 {font-size: 32px; width: 60%; margin: 30px auto 50px auto;}
    .homepage_headline h2 {font-size: 22px; width: 70%; margin: 0 auto; color: #848484;}
    .homepage_button {width: 137.5px;}
    .button_nr {margin: 0 auto 15px auto;}
    .homepage_blockquote {font-size: 23px;}
    blockquote {width: 70%; padding: 15px 0 0 30px; margin: 0 auto 40px auto;}
    .homepage_box figure {width: 550px; margin: 0; border-bottom: 0px dashed #cecece;}
    .homepage_box figure img {width: 550px; height: auto;}
    .homepage_box h3, .home_personnel h3, .home_faq h3 {font-size: 24px; margin: 0 0 20px 0;}
    .box_desc {width: 425px; font: normal 14px/1.4 'Lato', Tahoma, Arial, sans-serif;}
    #homepage .personnel_item {width: 1000px;}
    #homepage .personnel_item .personnel_content {width: 652px; margin: 10px 50px 0 0;}
    /* TEASERS */
    .teaser_box {width: 320px; margin: 0 70px 0 0; float: left; font-size: 13px;}
}

@media (min-width: 1600px) {
    body {font: normal 15px/1.4 'Lato', Tahoma, Arial, sans-serif;}
    .container {width: 1200px; margin: 0 auto;}
    .column_l {width: 800px; float: left;}
    .sketch, .foto {width: 800px; height: auto;}
    .YT_video {width: 800px; height: 450px}
    .column_r {width: 300px; float: right;}
    /* MENU */
    #navigation {width: 1020px; float: right; text-align: right;}
    #main_nav li {float: left; margin: 0 0 0 30px;}
    /* PERSONNEL */
    .personnel_content {width: 552px; float: right;}
    /* CERT */
    .cert_item {margin: 0 30px 30px 0;}
    .cert_item:nth-child(3n) {margin: 0 30px 30px 0;}
    .cert_item:nth-child(4n) {margin: 0 0 30px 0;}
    /* FACILITIES */
    .facility_item {margin: 0 50px 20px 0;}
    /* IDEAL CANDIDATE */
    .candidate_item figure img {width: 800px;}
    #candidate_form input {width: 236px;}
    #candidate_form textarea {width: 777px; min-width: 777px; max-width: 777px;}
    #candidate_form .attachment p {width: 765px; float: right;}
    /* CONTACT */
    .contact_adress {width: 450px;}
    .contact_message {width: 680px;}
    .contact_message input {width: 195px;}
    .contact_message textarea {width: 654px; min-width: 654px; max-width: 654px;}
    /* CONSULTATIONS */
    #page-consultations input {width: 236px;}
    #page-consultations .token input {width: 158px;}
    #page-consultations .btn {float: right;}
    /* HOMEPAGE */
    .homepage_headline h1 {font-size: 36px; width: 70%; margin: 30px auto 50px auto;}
    .homepage_headline h2 {font-size: 24px; width: 80%; margin: 0 auto; color: #848484;}
    .homepage_button {width: 150px;}
    .button_nr {margin: 0 auto 15px auto;}
    .homepage_blockquote {font-size: 24px;}
    blockquote {width: 60%; padding: 15px 0 0 30px; margin: 0 auto 40px auto;}
    .homepage_box figure {width: 600px; margin: 0; border-bottom: 0px dashed #cecece;}
    .homepage_box figure img {width: 600px; height: auto;}
    .homepage_box h3, .home_personnel h3, .home_faq h3 {font-size: 26px; margin: 0 0 25px 0;}
    .box_desc {width: 500px; font: normal 15px/1.4 'Lato', Tahoma, Arial, sans-serif;}
    #homepage .personnel_item {width: 1200px;}
    #homepage .personnel_item .personnel_content {width: 900px; margin: 30px 0 0 0;}
    /* TEASERS */
    .teaser_box {width: 350px; margin: 0 75px 0 0; float: left; font-size: 13px;}   
}

/* STRUCTURE */

body {color: #848484; font-weight: 400;}


#top {height: 125px; background-color: #f5aa25; color: #fff;}
.default {margin: 0 0 60px 0;}
#logo {width: 180px; float: left;}
#logo a {display: block; margin: 0px; padding: 0px;}
.quick_contact {border-bottom: 1px solid #f8bf5c; padding: 15px 0; display: inline-block; font-size: 12px;}
.quick_contact .address, .quick_contact .phone, .quick_contact .mail, .quick_contact .social_media_s {float: right; padding: 0 0 0 25px; margin: 0;}
.quick_contact .address {background: url(/img/ico/ico_address.png) center left no-repeat;}
.quick_contact .address a {color: #fff;}
.quick_contact .address a:hover {color: #fcda9b;}
.quick_contact .mail {background: url(/img/ico/ico_mail.png) center left no-repeat; display: none;}
.quick_contact .mail a {color: #fff;}
.quick_contact .phone {background: url(/img/ico/ico_phone.png) center left no-repeat; margin: 0; cursor: pointer; display: none;}
.quick_contact .social_media_s {margin: 0;}
#contact-phone-footer {display: none;}

.column_l {margin: 0; padding: 0 0 35px 0; min-height: 300px;}
.column_l li {background: url(/img/bg_li.png) top left no-repeat; padding: 2px 0 2px 25px; list-style-type: none;}
.column_l ol ul li {background: url(/img/bg_li.png) top left no-repeat; padding: 2px 0 2px 15px; margin: 0px; list-style-type: none;}
.column_l ul, .column_l ol {margin: 0 0 15px 0;}
.column_l ol li {background: none; list-style-type: decimal; padding: 2px 0; margin: 0 0 0 22px;}

/* HEADER */

h1 {font: normal 30px/1.3 'Lato', Tahoma, Arial, sans-serif; font-weight: 400; color: #f5aa25; margin: 0 0 30px 0;}
h2 {font: normal 20px/1.3 'Lato', Tahoma, Arial, sans-serif; font-weight: 400; color: #f5aa25; margin: 30px 0 10px 0;}
h4 {font: normal 18px/1.3 'Lato', Tahoma, Arial, sans-serif; font-weight: 400; color: #f5aa25; margin: 0 0 5px 0;}

.heading {font-size: 18px; border-bottom: 1px dashed #cecece; padding: 0 0 30px 0; margin: 0 0 30px 0;}
.headline {font-size: 16px; color: #f5aa25; margin: 0 0 15px 0;}

/* MENU */
#navigation {position: relative;}

#main_nav {height: 75px; position: relative;}
#main_nav li:first-child {margin: 0;}
#main_nav li a {color: #fde0ac; font-weight: 400; display: block; text-transform: uppercase; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
#main_nav li a:hover, #main_nav li a.selected {color: #fff;}

#main_nav .have-children a {background: url(/img/bg_more_a.png) center right no-repeat; padding: 0 15px 0 0;}
#main_nav .have-children a:hover, #main_nav .have-children a.selected  {background: url(/img/bg_more_h.png) center right no-repeat;}
#main_nav .have-children ul a {background: none; padding: 0;}
#main_nav .have-children ul a:hover, #main_nav .have-children ul a.selected  {background: none;}

#main_nav .sublist {opacity: 0; filter: alpha(opacity = 0); display: none; position: absolute; top: 58px; left: 0px; z-index: 100; margin: 0 15px; width: 100%;}
#main_nav .sublist_bg {opacity: 0; filter: alpha(opacity = 0); position: absolute; top: 58px; left: 0; background-color: #f9f9f9; width: 100%; height: 40px; z-index: 99; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
#main_nav .have-children:hover .sublist, #main_nav .have-children:hover .sublist_bg {display: block; opacity: 1; filter: alpha(opacity = 100);}

#main_nav .sublist li {float: left; margin: 0 8px;}
#main_nav .sublist li a {float: left; text-transform: none; color: #737373; font-weight: 400;}
#main_nav .sublist li a:hover {color: #f5aa25;}

#sub_nav {margin: 70px 0 40px 0;}
#sub_nav h2 {border-bottom: 1px dashed #cecece; padding: 0 0 15px 0; margin: 0 0 15px 0; font-size: 21px;} 
#sub_nav h2 a {color: #f5aa25;}
#sub_nav li {font: normal 17px/36px 'Lato', Tahoma, Arial, sans-serif; font-weight: 400;}
#sub_nav li li {font: normal 15px/30px 'Lato', Tahoma, Arial, sans-serif; font-weight: 400;}
#sub_nav li a {color: #f5aa25; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
#sub_nav li a:hover, #sub_nav li a.selected {color: #848484;}
#sub_nav li li a {color: #f5aa25; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
#sub_nav li li a:hover, #sub_nav li li a.selected {color: #848484;}

#rwd-menu-button {color: #fff; text-align: right; font: normal 17px/60px 'Lato', Tahoma, Arial, sans-serif; background: url(/img/bg_rwd_menu.png) center right no-repeat; display: block; height: 60px; padding: 0 24px 0 15px;  position: absolute; top: 50px; right: 0; z-index: 20; cursor: pointer;}
#rwd-menu-button.open {background: url(/img/bg_rwd_menu_close.png) center right no-repeat; display: block;}
#rwd-menu-container {display: none; position: absolute; top: 110px; right: 0px; z-index: 119; width: 240px; padding: 20px; height: auto; background-color: #f9f9f9; text-align: right;}

#rwd_menu ul {margin: 0 auto; display: block; list-style-type: none;}
#rwd_menu li {border-top: 1px dashed #cecece;}
#rwd_menu li:first-child {border-top: 0px solid #cecece;}
#rwd_menu li a {display: block; padding: 8px 0; font: normal 15px/30px 'Lato', Tahoma, Arial, sans-serif; text-transform: uppercase; color: #737373; font-weight: 400;}
#rwd_menu li a:hover, #rwd_nav li a.selected {color: #f5aa25;}

/* HOMEPAGE */

.homepage_headline {text-align: center; margin: 0 0 40px 0;}
.homepage_blockquote {color: #848484; text-align: center; margin: 0 0 100px 0;}
blockquote {color: #f5aa25; background: url(/img/bg_blockquote.png) top left no-repeat;}

#homepage_buttons {margin: 70px auto; display: block; text-align: center;}
.homepage_button {float: left; text-align: center; background: url(/img/bg_homepage_buttons.png) top center repeat-x;}
.button_nr {width: 60px; height: 60px; background: url(/img/bg_button_nr.png) 0px -60px no-repeat; text-align: center; color: #fff; font-size: 26px; line-height: 60px;}
.button_title {font-size: 14px; width: 80%; margin: 0 auto;}
.homepage_button {color: #848484;}

.homepage_box {min-height: 335px;}
.homepage_box {position: relative;}
.homepage_box h3 {color: #f5aa25; line-height: 1.1;} 
.box_desc .link {font-size: 15px;}

.homepage_box:nth-of-type(even) .box_desc {float: left; padding: 100px 0 0 0;}
.homepage_box:nth-of-type(odd) .box_desc {float: right; padding: 100px 0 0 0;}

.homepage_box:nth-of-type(even) figure {float: right;}
.homepage_box:nth-of-type(odd) figure {float: left;}

.home_personnel h3, .home_faq h3 {color: #f5ab24;}
.home_faq {background: url(/img/faq-luxdentica.png) center right no-repeat; background-size: contain;}
.home_faq #accordion_list {margin: 40px 0 80px 0; width: 65%;}

.homepage_special_offer {padding: 40px 0; position: relative; text-align: center;}
.homepage_special_offer img {position: relative; top: -185px; left: 0px; right: 0px; bottom: 0px; margin: 0 0 -155px 0;}
.homepage_special_offer  h3 {color: #f5aa25; font-size: 21px; line-height: 1.5; margin: 0 auto 25px auto; width: 65%;}
.homepage_special_offer  h4 {color: #848484; font-size: 18px; line-height: 1.5; width: 80%; margin: 0 auto 45px auto;}
.homepage_special_offer a {border-top: 1px dashed #cecece; border-bottom: 1px dashed #cecece; padding: 10px 0; display: block;}

.jssora22l, .jssora22r {display: block; position: absolute; width: 25px; height: 50px; cursor: pointer; background: url(/img/carousel-arrow.png) center center no-repeat; overflow: hidden;}
.jssora22l {background-position: 0px 0px;}
.jssora22r {background-position: -25px 0px;}
.jssora22l:hover {background-position: 0px -250px;}
.jssora22r:hover {background-position: -25px -250px;}

#homepage .personnel_item figure {width: 200px; height: 200px;}

/* PAGE BOX */

.page_box h3 {margin: 0 0 15px 0; text-align: right;}
.page_box_content {padding: 20px; background-color: #f9f9f9; border-top: 1px dashed #cecece;}
.page_box_content .form {padding: 0px;}
.page_box_content .btn {width: 100px; margin: 10px 3px 0 0; float: right;}
.page_box_content a.btn {width: 53px; margin: 0 3px 0 0;}
.page_box_content label {font-size: 12px; line-height: 1 !important; display: inline-block; width: 210px;}
.page_box_content input[type="checkbox"] {width: 25px; margin: 0 0 0 0; float: left;}
#page-consultations input[type="checkbox"], .contact_message input[type="checkbox"]{margin: 0 5px 5px 0; width: auto;}

.form-break {margin: 0 0 10px 0;}

/* TEASERS */

#teasers {background-color: #5f5f5f; background-size: cover; background-position: center center; color: #fff; padding: 40px 0;}
#teasers h2 {font-size: 24px; margin: 0 0 30px 0;}
.teaser_box h3 {color: #f5aa25; font-size: 18px; margin: 0 0 15px 0; display: inline-block;}
.teaser_box:nth-of-type(3) {margin: 0;}

/* STEPS */
.steps li {background: url(/img/bg_steps.png) top left no-repeat; padding: 2px 0 0 50px; margin: 0 0 20px 0;}
.steps li strong {color: #f5aa25; font-size: 17px; font-weight: 400;}

/* FACILITIES */

#facilities {border-top: 1px dashed #cecece; border-bottom: 1px dashed #cecece; padding: 15px 0 5px 0; margin: 40px 0;}
.facility_item {float: left; position: relative; display: block; width: 50px; height: 50px; font-size: 13px; cursor: pointer;}
.facility_item:last-child {margin: 0 0 20px 0;}
.facility_item img {opacity: 0.5; filter: alpha(opacity = 50); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.facility_item:hover img {opacity: 1; filter: alpha(opacity = 1000);}
.tooltip span {display: none; position: relative; text-transform: uppercase; font-size: 12px;}
.facility_item:hover .tooltip span {display: inline-block; background: #f5aa25; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: 0 0 10px rgba(0,0,0,.2); bottom: 60px; left: 0px; color: #fff; padding: 10px 15px; position: absolute; z-index: 98;}
.facility_item:hover .tooltip span:before {border: solid; border-color: #f5aa25 transparent; border-width: 6px 6px 0 6px; bottom: -6px; content: ""; left: 10px; position: absolute; z-index: 99;}

/* PERSONNEL */

.personnel_item {border-bottom: 1px dashed #e7e7e7; margin: 0 0 15px 0; padding: 15px 0;}
.personnel_item figure {width: 200px; height: 200px; display: block; float: left; padding: 8px; border: 1px dashed #cecece; overflow: hidden; -moz-border-radius: 120px; -webkit-border-radius: 120px; border-radius: 120px;}
.personnel_item figure img {width: 200px; height: 200px; overflow: hidden; -moz-border-radius: 120px; -webkit-border-radius: 120px; border-radius: 120px;}
#homepage .personnel_content {width: 952px; float: right;}
#homepage .personnel_subtitle {margin: 0 0 5px 0;}
.personnel_item h2 {font-size: 18px; color: #f5aa25; margin: 0;}
.personnel_subtitle {font-size: 15px; margin: 0 0 20px 0;}
.personnel_desc {}
.personnel_title {font-size: 14px; color: #f5aa25; margin: 0 0 10px 0;}
.personnel_opinion {float: left;}
.personnel_cert {float: right;}
.znany_lekarz_ico {background: url(/img/ico/znany_lekarz_ico.png) top center no-repeat; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.ranking_lekarzy_ico {background: url(/img/ico/ranking_lekarzy_ico.png) top center no-repeat; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.cert_pl_ico {background: url(/img/ico/cert_pl_ico.png) top center no-repeat; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.cert_en_ico {background: url(/img/ico/cert_en_ico.png) top center no-repeat; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.znany_lekarz_ico:hover, .ranking_lekarzy_ico:hover, .cert_pl_ico:hover, .cert_en_ico:hover {background-position: 0px -30px;}
.link_item {width: 30px; height: 30px; display: block; float: left; position: relative; margin: 0 10px 0 0;}
.link_item .tooltip span {text-transform: lowercase;}
.link_item:hover .tooltip span {display: inline-block; background: #f5aa25; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: 0 0 10px rgba(0,0,0,.2); bottom: 40px; left: 0px; color: #fff; padding: 10px 15px; position: absolute; z-index: 98;}
.link_item:hover .tooltip span:before {border: solid; border-color: #f5aa25 transparent; border-width: 6px 6px 0 6px; bottom: -6px; content: ""; left: 10px; position: absolute; z-index: 99;}

/* CERT */

.cert_list {border-top: 1px dashed #cecece; margin: 30px 0 0 0; padding: 30px 0 0 0;}
.cert_item {position: relative; width: 158px; height: 158px; display: block; float: left; padding: 8px; border: 1px dashed #cecece; overflow: hidden; -moz-border-radius: 120px; -webkit-border-radius: 120px; border-radius: 120px;}
.cert_item img {width: 158px; height: 158px; overflow: hidden; -moz-border-radius: 120px; -webkit-border-radius: 120px; border-radius: 120px;  -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.cert_item:hover img {transform: scale(1.1);}
.cert_zoom {display: none; background: url(/img/bg_cert_zoom.png) center center no-repeat; z-index: 1; position: absolute; top: 0px; left: 0px; height: 174px; width: 174px; overflow: hidden; -moz-border-radius: 125px; -webkit-border-radius: 125px; border-radius: 125px; }
.cert_item:hover .cert_zoom {display: block;}

/* SERVICES */

#accordion {margin: 40px 0 0 0;}
.accordion_list {margin: 0 0 30px 0;}
.accordion_container {margin: 5px 0px;}
.accordion_header {border-bottom: 1px dashed #cecece; padding: 0 0 10px 0;}
.accordion_header, .accordion_header:hover  {cursor: pointer;}
.accordion_more_a {float: left; font: normal 18px/35px 'Lato', Tahoma, Arial, sans-serif;}
.accordion_more_img{float: left; width: 35px; height: 35px; background: url(/img/bg_accordion.png) top center no-repeat; cursor:pointer; margin: 0 15px 0 0;}
.open, .close:hover {color: #848484;}
.close, .open:hover {color: #f5aa25;}
.open .accordion_more_img, .close:hover .accordion_more_img {background-position: 0px -35px;}
.close .accordion_more_img, .open:hover .accordion_more_img {background-position: 0px 0px;}
.accordion_content{display: none; padding: 25px; position: relative; border-bottom: 1px dashed #cecece; }
.accordion_content figure {float: left; width: 55px; height: 55px; margin: 0 20px 0 0; border-bottom: 0px dashed #cecece; padding: 0px;}

/* CONSULTATIONS */

#page-consultations input {margin: 0 10px 10px 0px;}
#page-consultations input:nth-of-type(3n) {margin: 0 0 10px 0px;}
#page-consultations .btn {width: 100px; margin: 0 4px 0 0;}

/* PRICING */

.pricing_desc {padding: 25px 25px 10px 25px; position: relative; background-color: #f9f9f9; border-bottom: 1px dashed #cecece; border-top: 1px dashed #cecece;}
.procedure_item {padding: 12px 0; border-bottom: 1px dashed #e7e7e7;}
.procedure_item:first-child {margin: 12px 0 0 0;}
.procedure_item:last-child {border-bottom: 0px dashed #e7e7e7;}
.procedure_title {font-size: 16px; background: url(/img/bg_procedure_title.png) top left no-repeat; padding: 0 0 0 25px;}
.procedure_price {font-size: 16px; color: #f5aa25;}

/* SPECIAL OFFER */

.offer_item {margin: 0 0 50px 0;}
.offer_price {background-color: #f5aa25; color: #fff; padding: 5px 25px; font-size: 21px; margin: 0 0 20px 0;}
.offer_desc {padding: 0 0 0 25px;}

/* IDEAL CANDIDATE */

.candidate_item {padding: 25px 0; position: relative; border-bottom: 1px dashed #cecece; border-top: 1px dashed #cecece;}
.candidate_item h3 {color: #f5aa25; font-size: 16px; margin: 0 0 5px 0; background: url(/img/bg_h3.png) center left no-repeat; padding: 0 0 0 25px;}
.candidate_item p {margin: 0 0 10px 0;}
.candidate_item figure {border-bottom: 0px dashed #cecece;}
.candidate_item figure img {height: auto;}
.candidate_desc {overflow: hidden;}

#candidate_form input {margin: 0 10px 10px 0px;}
#candidate_form input:nth-of-type(3) {margin: 0 0 10px 0px;}
#candidate_form textarea {height: 275px; margin: 0 0 8px 0px;}
.token img {vertical-align: middle; height: 34px; margin: 0 8px 0 0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; overflow: hidden;}
.token {float: left;}
#candidate_form form .btn {width: 100px; margin: 0 4px 0 0;}
#candidate_form .attachment input {width: 15px;}
#candidate_form .info {margin: 0 0 25px 35px; font-size: 13px;}

/* METAMORPHOSES */

.metamorphose_item {padding: 25px; position: relative; background-color: #f9f9f9; border-bottom: 1px dashed #cecece; border-top: 1px dashed #cecece;}
.metamorphose_item h3 {color: #f5aa25; font-size: 16px; margin: 0 0 5px 0; background: url(/img/bg_h3.png) center left no-repeat; padding: 0 0 0 25px;}
.metamorphose_item p {margin: 0 0 10px 0;}
.metamorphose_item figure {border-bottom: 0px dashed #cecece; cursor: pointer;}
.metamorphose_desc {overflow: hidden;}
#metamorphoses .metamorphose_item img.before {display: block; position: absolute; top: 0; left: 0; z-index: 10;}
#metamorphoses .metamorphose_item img.after {display: block; position: absolute; top: 0; left: 0; z-index: 11;}

/* CONTACT */

.contact_message input {margin: 0 10px 10px 0px;}
.contact_message input:nth-of-type(3) {margin: 0 0 10px 0px;}
.contact_message textarea {height: 275px; margin: 0 0 8px 0px;}
.contact_message h2 {margin: 0 0 25px 0; line-height: 1;}
.token img {vertical-align: middle; height: 34px; margin: 0 8px 0 0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; overflow: hidden;}
.token {float: left;}
.contact_message .btn {width: 100px; margin: 0 4px 0 0;}

footer {margin: 30px 0; font-size: 12px;}

.fb_ico {background: url(/img/ico/fb_ico.png) top center no-repeat; width: 25px; height: 20px; display: inline-block; margin: 0 15px 0 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.tw_ico {background: url(/img/ico/tw_ico.png) top center no-repeat; width: 25px; height: 20px; display: inline-block; margin: 0 15px 0 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.gp_ico {background: url(/img/ico/gp_ico.png) top center no-repeat; width: 25px; height: 20px; display: inline-block; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.fb_ico:hover, .tw_ico:hover, .gp_ico:hover {background-position: 0px -20px;}

.fb_ico_s {background: url(/img/ico/fb_ico_s.png) top center no-repeat; width: 22px; height: 18px; display: inline-block; margin: 0 15px 0 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.tw_ico_s {background: url(/img/ico/tw_ico_s.png) top center no-repeat; width: 22px; height: 18px; display: inline-block; margin: 0 15px 0 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.gp_ico_s {background: url(/img/ico/gp_ico_s.png) top center no-repeat; width: 22px; height: 18px; display: inline-block; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.fb_ico_s:hover, .tw_ico_s:hover, .gp_ico_s:hover {background-position: 0px -18px;}

/* COOKIES */

.cookie-policy-banner{border-top: 1px dashed #cecece; padding: 15px 0 0 0; margin: 40px 0 0 0;}

/* 404 */
#page_404 {text-align: center;}
#page_404 h1 {font-size: 80px; font-weight: 700;}
#page_404 h2 {font-size: 36px;}
.counter-404-link {margin: 40px 0 80px 0;}

/* MAP */

#map {width: 100%; height: 300px;}

/* FORMAT */

hr {border-top: 1px dashed #cecece; border-bottom: 0px dashed #cecece; border-left: 0px dashed #cecece; border-right: 0px dashed #cecece; margin: 30px 0;}
figure {text-align: center; position: relative; padding: 0px; margin: 0 0 30px 0;}
figcaption {position: absolute; padding: 0 20px 0 0; border-right: 1px dashed #cecece; text-align: right; font: normal 19px/1.2 'Lato', Tahoma, Arial, sans-serif; font-weight: 400; color: #f5aa25;}
strong {font-weight: 700;}

/* LINKS */

.link {color: #f5aa25; background: url(/img/bg_link_a.png) center right no-repeat; padding: 0 10px 0 0; font-size: 14px;}
.link:hover {color: #848484; background: url(/img/bg_link_h.png) center right no-repeat;}

a {color: #f5aa25;}
a:hover {color: #848484;}

/* BUTTON */
.btn {background: url(/img/bg_btn.png) center right no-repeat #f5ab24; border: 0px solid #fff; cursor: pointer; text-transform: lowercase; padding: 0 35px 0 12px; height: 30px; line-height: 30px; display: inline-block; color: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; transition: all 0.2s ease-out;}
.btn:hover {background-color: #8c8c8c; color: #fff;}

/* FORMS */
.form {padding: 20px 0 0 0;}
.form li {background: none; padding: 0px; margin: 0 0 10px 0;}

input, select, textarea {border: 1px solid #e7e7e7; color: #848484; padding: 8px 10px; font: normal 13px/1 'Lato', Tahoma, Arial, sans-serif; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
input:focus, textarea:focus, select:focus {border: 1px solid #f5aa25;}

/* PRELOAD */

#preloadb{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 111111; background-color: #535559; opacity: 0.95; filter: alpha(opacity = 95); display: none; cursor:pointer;}
#preloadi{width: 110%; height: 75%; position: absolute; top: -5%; left: -5%; z-index: 111112; background: url(/img/loader.gif) no-repeat center center; display: none;}
#preloadm{font-family: OpenSansRegular, tahoma, arial; width: 300px; position: fixed; top: 40px; left: 50%; margin: 0 0 0 -150px; padding: 20px; line-height: 24px; text-align: center; z-index: 111113; background-color: #f9a11b; font-size: 14px; color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; display: none; cursor: pointer;}



/* HOMEPAGE - BANNER */
#banner_home {width: 100%; margin: 0 0 60px 0;}
#banner_home .container {position: relative;}
#banner_home .slide {width: 100%; background-size: cover !important;}
#banner_home .slide .title {background-color: #8a8a8a; color: #fff; margin: 0 0 8px 0; display: inline-block;}
#banner_home .slide .subtitle {background-color: #fff; color: #f5aa25; display: inline-block;}
#banner_home_slidetabs {margin: 0 auto; position: relative;}
#banner_home_slidetabs .left, #banner_home_slidetabs .right {display: block; position: absolute; z-index: 10; cursor: pointer; color: #f5aa25; text-align: center; font-weight: 400; line-height: 30px; font-size: 26px; width: 40px; height: 30px; background-color: #fff;}
#banner_home_slidetabs .left:hover, #banner_home_slidetabs .right:hover {background-color: #f5aa25; color: #fff;}
#banner_home_slidetabs .left {left: 0px;}
#banner_home_slidetabs .right {left: 47px;}

@media (min-width: 1px) {
    #banner_home {height: 250px;}
    #banner_home .slide {height: 250px;}
    #banner_home .slide .container {display: none;}
    #banner_home .slide .title {font-size: 17px; padding: 6px 25px;}
    #banner_home .slide .subtitle {font-size: 13px; padding: 6px 25px;}
    #banner_home_slidetabs {width: 300px;}
    #banner_home_slidetabs .left, #banner_home_slidetabs .right {bottom: 14px;}
}

@media (min-width: 480px) {
    #banner_home {height: 300px;}
    #banner_home .slide {height: 300px;}
    #banner_home .slide .container {padding-top: 150px; display: block;}
    #banner_home .slide .title {font-size: 19px; padding: 6px 25px;}
    #banner_home .slide .subtitle {font-size: 14px; padding: 6px 25px;}
    #banner_home_slidetabs {width: 400px;}
    #banner_home_slidetabs .left, #banner_home_slidetabs .right {bottom: 14px;}
}

@media (min-width: 640px) {
    #banner_home {height: 350px;}
    #banner_home .slide {height: 350px;}
    #banner_home .slide .container {padding-top: 190px;}
    #banner_home .slide .title {font-size: 21px; padding: 6px 25px;}
    #banner_home .slide .subtitle {font-size: 14px; padding: 6px 25px;}
    #banner_home_slidetabs {width: 500px;}
    #banner_home_slidetabs .left, #banner_home_slidetabs .right {bottom: 38px;}
}

@media (min-width: 768px) {
    #banner_home {height: 400px;}
    #banner_home .slide {height: 400px;}
    #banner_home .slide .container {padding-top: 250px;}
    #banner_home .slide .title {font-size: 22px; padding: 6px 25px;}
    #banner_home .slide .subtitle {font-size: 15px; padding: 6px 25px;}
    #banner_home_slidetabs {width: 600px;}
    #banner_home_slidetabs .left, #banner_home_slidetabs .right {bottom: 24px;}
}

@media (min-width: 1024px) {
    #banner_home {height: 450px;}
    #banner_home .slide {height: 450px;}
    #banner_home .slide .container {padding-top: 300px;}
    #banner_home .slide .title {font-size: 24px; padding: 6px 25px;}
    #banner_home .slide .subtitle {font-size: 15px; padding: 6px 25px;}
    #banner_home_slidetabs {width: 900px;}
    #banner_home_slidetabs .left, #banner_home_slidetabs .right {bottom: 24px;}
}

@media (min-width: 1280px) {
    #banner_home {height: 500px;}
    #banner_home .slide {height: 500px;}
    #banner_home .slide .container {padding-top: 320px;}
    #banner_home .slide .title {font-size: 26px; padding: 6px 25px;}
    #banner_home .slide .subtitle {font-size: 16px; padding: 6px 25px;}
    #banner_home_slidetabs {width: 1000px;}
    #banner_home_slidetabs .left, #banner_home_slidetabs .right {bottom: 48px;}
}

@media (min-width: 1366px) {
    #banner_home {height: 500px;}
    #banner_home .slide {height: 500px;}
    #banner_home .slide .container {padding-top: 320px;}
    #banner_home .slide .title {font-size: 28px; padding: 6px 25px;}
    #banner_home .slide .subtitle {font-size: 17px; padding: 6px 25px;}
    #banner_home_slidetabs {width: 1100px;}
    #banner_home_slidetabs .left, #banner_home_slidetabs .right {bottom: 48px;}
}

@media (min-width: 1600px) {
    #banner_home {height: 750px;}
    #banner_home .slide {height: 750px;}
    #banner_home .slide .container {padding-top: 550px;}
    #banner_home .slide .title {font-size: 32px; padding: 6px 25px;}
    #banner_home .slide .subtitle {font-size: 18px; padding: 8px 25px;}
    #banner_home_slidetabs {width: 1200px;}
    #banner_home_slidetabs .left, #banner_home_slidetabs .right {bottom: 55px;}
}

table {width: 100%;}
table th {font-weight: 600; text-align: center; border: 1px solid #dedede; text-transform: uppercase; padding: 5px;}
table td {text-align: center; border: 1px solid #dedede; padding: 5px;}