@import url("/data/css/style-colors.css");

.vimeo-wrapper {
    position: relative;
    width: 100%; /* Ensures the container takes the full width of the parent */
    max-width: 100%; /* Prevents the video from exceeding the parent's width */
    height: 0;
    padding-bottom: 56.25%; /* Aspect ratio for a 16:9 video */
    overflow: hidden; /* Hides any overflow */
}

.vimeo-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}



.text-uppercase {
    text-transform: uppercase;
}

.text-strong {
    font-weight: bold;
}

header {
    background: #3d4448;
}

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

.clearfix {
    clear: both;
}

body {
    background-color: #FFFFFF;
}

body#index {
    background-color: #F0F3F3;
}

.resizable {
    display: block;
}

.fleft {
    float: left !important;
}

.fright {
    float: right !important;
}

*:not(.fa) {
    font-family: 'Raleway', sans-serif !important;
}

.clickable {
    cursor: pointer;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-justify {
    text-align: justify;
}

.lowercase {
    text-transform: lowercase;
}

.uppercase {
    text-transform: uppercase;
}

.reset-margin {
    margin: 0 !important;
}

.disable-events {
    pointer-events: none;
}

.mrt0 {
    margin-top: 0 !important;
}

.mrt10 {
    margin-top: 10px !important;
}

.mrl10 {
    margin-left: 10px !important;
}

.mrb10 {
    margin-bottom: 10px !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

textarea.autoheight {
    resize: none;
    overflow: hidden;
    min-height: 55px;
    display: block;
    line-height: 1.2em;
}

img.slika-levo {
    float: left;
    margin: 5px 15px 5px 0;
}

img.slika-desno {
    float: right;
    margin: 5px 0 5px 15px;
}

img.slika-rounded {
    border-radius: 100%;
}

header {
    /*margin-top: 30px;*/
}

header .contact-details {
    margin: 12px 0;
    background-image: url("/data/images/cloud2.png");
    background-repeat: no-repeat;
    background-size: auto 100%;
    display: inline-block;
    float: right;
    height: 201px;
    max-height: 109px;
    max-width: calc((109 / 201) * 301px);
    padding: 20px 20px 0 0;
    width: 301px;
    position: relative;
    background-position: right;
}

header .contact-details .fa,
header .contact-details p,
header .contact-details a,
header .contact-details span {
    color: #ffffff;
    font-size: 12px;
}

header .contact-details p {
    margin-bottom: 0 !important;
}

header .contact-details .hours,
header .contact-details .mail,
header .contact-details .phone-no {
    text-align: right;
}

header ul.dt-sc-social-icons li a {
    width: 40px;
}

header ul.dt-sc-social-icons li a::before {
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 30px;
}

/*
header .contact-details .hours {
    display: inline-block;
    font-size: 11px;
    left: 30%;
    top: 13%;
    transform: rotate(-9deg);
    position: absolute;
}

header .contact-details .mail {
    display: block;
    font-size: 11px;
    left: 28%;
    position: absolute;
    top: 43%;
    transform: rotate(-3deg);
}

header .contact-details .phone-no {
    display: block;
    position: absolute;
    font-size: 12px;
    left: 27%;
    top: 70%;
    transform: rotate(1deg);
}
 */

header .top-menu {
    background-color: #FFFFFF;
    height: 30px;
    margin-top: -30px;
    box-shadow: 0 4px 4px -4px #CCCCCC;
}

.languages a {
    text-transform: uppercase;
}

.top-menu li {
    float: left;
    line-height: 16px;
    margin: 7px 0;
    padding: 0;
    position: relative;
}

.top-menu li + li {
    margin-left: 9px;
    padding-left: 9px;
}

.top-menu li + li::before {
    content: "";
    background: -webkit-linear-gradient(bottom, #FFFFFF -100%, #F3F3F3 89%, #FFFFFF 100%);
    background: -o-linear-gradient(bottom, #FFFFFF -100%, #F3F3F3 89%, #FFFFFF 100%);
    background: -moz-linear-gradient(bottom, #FFFFFF -100%, #F3F3F3 89%, #FFFFFF 100%);
    background: -ms-linear-gradient(bottom, #FFFFFF -100%, #F3F3F3 89%, #FFFFFF 100%);
    background: linear-gradient(bottom, #FFFFFF -100%, #F3F3F3 89%, #FFFFFF 100%);
    width: 2px;
    height: 100%;
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}

footer ul.menu li {
    margin-bottom: 0;
    max-width: 50%;
}

footer .about p {
    margin-right: 10px;
}

.footer-widgets-wrapper {
    background-image: url("/data/images/footer_bg.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    padding-bottom: 100px;
}

footer h3.widgettitle {
    background-image: url("/data/images/cloud6.png");
    background-repeat: no-repeat;
    background-size: auto 100%;
    border-bottom: medium none;
    line-height: 1.2em;
    padding: 5px 0 5px 10px !important;
    /*text-shadow: 1px 1px #CCCCCC;*/
    color: #23adae;
}

footer {
    padding: 45px 0 0;
    background-image: none;
}

.breadcrumb-section h1 > p {
    margin: 0;
}

/*.breadcrumb-section h1 {*/
/*!*width: calc((48 / 59) * 469px);*!*/
/*!*background-image: url("/data/images/cloud4.png");*!*/
/*background-position: left center;*/
/*background-repeat: no-repeat;*/
/*background-size: 100% auto;*/
/*height: 59px;*/
/*line-height: 49px;*/
/*min-width: 469px;*/
/*padding: 5px 0 5px 10px;*/
/*!*transform: rotate(-3deg);*!*/
/*vertical-align: middle;*/
/*white-space: nowrap;*/
/*width: auto;*/
/*}*/

#menu-container .logo,
#menu-container .contact-details {
    display: none;
}

#menu-container .logo {
    margin-right: 10px;
}

#menu-container .logo img {
    margin: 10px 0;
    max-height: 45px;
}

#menu-container .contact-details {
    margin: 10px 0;
}

#menu-container .contact-details p.hours {
    display: none;
}

.is-sticky #menu-container .logo,
.is-sticky #menu-container .contact-details {
    display: block;
}

.is-sticky #main-menu {
    float: right;
}

.is-sticky #menu-container .dt-sc-social-icons {
    display: none;
}

#main .dt-sc-hr-green-title {
    background: none;
    margin: 0 0 25px;
    padding: 0;
    text-align: left;
}

#menu-container {
    z-index: 100;
}

#error .error-block {
    text-align: center;
}

#error .error-title {
    font-size: 150px;
}

#error .lead {
    font-size: 60px;
    line-height: 60px;
}

#error .form-control {
    margin: 0;
}

.loading {
    display: none;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    background-color: rgba(51, 51, 51, 0.2) !important;
    height: 100%;
}

#santa .loading {
    z-index: 25;
}

#global.loading {
    position: fixed;
    z-index: 1090;
}

.loading .spinner {
    position: absolute;
    margin: auto;
    display: inline-block;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 160px;
    height: 24px;
    background-image: url("/data/images/loading.gif") !important;
    background-repeat: no-repeat;
}

.header-photo {
    background-position: center top;
    background-size: cover;
}

.header-photo h1, .header-photo a, .header-photo span {
    text-shadow: 1px 1px #FFFFFF;
}

#locations,
.hide {
    display: none;
}

.contact-form {
    position: relative;
}

.contact_form_outer {
    padding: 5px !important;
}

.contact .form-group {
    position: relative;
}

.contact .form-group > label.control-label {
    position: absolute;
    left: 18px;
    right: 18px;
    top: 16px;
    bottom: 16px;
    width: auto;
    margin: auto;
    z-index: 1;
    opacity: 1;
    transition: 0.4s ease-all;
}

.contact .form-group > label.control-label.checkbox {
    position: relative;
    left: 0;
    right: auto;
    top: auto;
    bottom: auto;
}

.contact .form-group.gender,
#landing_event .form-group.gender,
#landing_event .form-group.heard_off {
    clear: none;
    width: auto;
    display: inline-block;
    margin: 15px 18px;
}

#landing_event .form-group.gender {
    width: auto;
    margin: 35px 10px 0;
    float: left;
}

#landing_event .form-group.heard_off {
    width: 100%;
    margin: 5px 0;
}

.contact .form-group.gender > label.control-label,
#landing_event .form-group.gender > label.control-label,
#landing_event .form-group.heard_off > label.control-label {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: auto;
    margin: auto;
    z-index: 1;
    opacity: 1;
    transition: 0.4s ease-all;
    visibility: visible;
}

#landing_event .form-group.gender > input.form-control,
#landing_event .form-group.heard_off > input.form-control {
    width: auto;
    height: auto;
    float: left;
    margin-right: 10px;
}

.contact .form-group > input,
.contact .form-group > textarea {
    z-index: 2;
}

.contact .form-group > input:not([value=''])[type='text'] + label,
.contact .form-group > input:not([value='']) + label,
.contact .form-group > input:focus[type='text'] + label,
.contact .form-group > textarea:valid + label,
.contact .form-group > textarea:focus + label {
    opacity: 0;
    visibility: hidden;
}

.contact .form-group > textarea:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.contact .form-group.has-error input,
.contact .form-group.has-error textarea,
.contact .form-subscribe .email-container.has-error input {
    border: 1px solid #A94442 !important;
}

.contact .form-group.has-error .styled-select select,
.contact .form-group.has-error label.control-label {
    color: #A94442 !important;
}

.form-control::placeholder {
    color: transparent;
}

.contact .form-group.has-error input:-ms-input-placeholder {
    color: #A94442;
}

.form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: transparent;
}

.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: transparent;
}

.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: transparent;
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: transparent;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #000000;
}

.form-control:focus::-ms-input-placeholder { /* Microsoft Edge */
    color: inherit;
}

#birthday .extra_data input.form-control::placeholder {
    color: #A9A7A7;
}

#birthday .extra_data input.form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #A9A7A7;
}

#birthday .extra_data input.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #A9A7A7;
}

#birthday .extra_data input.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #A9A7A7;
}

#birthday .extra_data input.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #A9A7A7;
}

#birthday .extra_data input.form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #A9A7A7;
}

#birthday .extra_data input.form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #A9A7A7;
}

.contact .ignore .form-control {
}

.contact .required .control-label:not(.heard_off)::after {
    content: " *";
}

.required#event_hour .control-label::after{
    content: " ";
}

.contact #results {
    display: none;
    border: 1px solid #CCCCCC;
    text-align: center;
    width: 100%;
}

.contact #results .text {
    margin: 10px;
}

.contact #results .image {
    display: none;
    padding: 0 0 20px 0;
}

.contact #results.show {
    display: inline-block;
    padding: 10px;
}

.contact #results {
    margin-bottom: 30px;
}

.contact #results.error {
    border-color: #A94442 !important;
    color: #A94442;
}

.contact #results.success {
    border-color: #DD7902 !important;
    color: #DD7902;
}

.contact #results.success .image {
    display: block;
}

.contact #form {
    position: relative;
}

.logo img {
    margin: 24px 0;
}

#slider {
    position: relative;
}

#slider .text {
    max-width: 40%;
    top: 30% !important;
    margin: 0 auto !important;
    right: 400px !important;
    left: 0% !important;
    text-align: center;
    width: auto !important;
}

#slider h1 {
    font-family: "Raleway", Sans-Serif;
    font-size: 25px !important;
    text-shadow: 1px 1px #FFFFFF;
    line-height: 1.05em;
}

#slider h3 {
    font-family: "Raleway", Sans-Serif;
    font-size: 25px !important;
    text-shadow: 1px 1px #FFFFFF;
    line-height: 1em;
}

#slider .ls-slide .text h1,
#slider .ls-slide .text h3 {
    color: #fff;
    text-shadow: 2px 2px 5px #000000;
    z-index: 16;
}

#slider .ls-slide .text a,
.ls-bottom-nav-wrapper {
    z-index: 16;
}

#slider .banner {
    bottom: 0;
    min-height: 300px;
    left: calc(100% - 400px);
    margin: auto;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 15;
}

#slider .banner > div {
    bottom: 0;
    height: 290px;
    margin: auto;
    position: absolute;
    right: -1px;
    top: 0;
    width: 400px;
}

#slider .banner .content {
    background-color: #FFFFFF;
    border: 1px dashed #CCCCCC;
    bottom: 0;
    max-height: 340px;
    padding: 10px !important;
}

#slider .banner h3 {
    margin-bottom: 10px;
}

#slider .banner h6 {
    display: block;
    /*float: left;*/
    margin-bottom: 5px;
    min-width: 50%;
}

#slider .banner .content li > div {
    float: left;
}

#slider .banner .dt-sc-button.small,
#events .entry-details .dt-sc-button.small {
    float: right;
    margin-top: 0;
    padding: 0 6px;
}

#slider .banner .content > div .dt-sc-button.small {
    float: none;
}

#slider .banner ul {
    margin-bottom: 5px;
}

#slider .banner li {
    border-bottom: 1px dashed #CCCCCC;
    display: inline-block;
    margin-bottom: 5px;
    padding-bottom: 5px;
    width: 100%;
    position: relative;
}

#slider .banner li::before {
    display: none;
}

#slider .banner li:last-child {
    margin-bottom: 0;
}

#slider .banner li p {
    text-transform: lowercase;
    margin-bottom: 0;
}

#slider .banner img {
    max-height: 60px;
    width: auto;
    float: left;
    margin-right: 15px;
}

#slider .whole-slide,
#slider .whole-slide a {
    position: absolute;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    background: transparent;
    max-width: none;
}

.padding-xsmall {
    padding: 20px 0;
}

#why.fullwidth-background {
    background-repeat: no-repeat;
    background-size: cover;
}

#why .dt-sc-ico-content.type2 h4 {
    line-height: 1.2em;
    margin-bottom: 15px;
}

#why.fullwidth-background.turquoise-bg .dt-sc-ico-content.type2 h4 a,
#why.fullwidth-background.turquoise-bg .dt-sc-ico-content.type2 p {
    color: inherit;
}

.sidebar a.active,
#blog a.active,
#why.fullwidth-background h2,
#why.fullwidth-background .dt-sc-ico-content.type2 h4 a {
    color: #FFC907;
}

#why .text {
    margin-bottom: 20px;
}

footer .copyright {
    /*background-color: #5C798A;*/
    background-color: #3d4448;
}

footer .dt-sc-contact-info:first-child span {
    padding-bottom: 70px;
}

.sidebar h3,
.breadcrumb-section h1,
footer h3.widgettitle,
.fullwidth-background.turquoise-bg h2 {
    text-transform: none;
}

footer .widget {
    position: relative;
}

footer .tripadvisor {
    position: absolute;
    right: 0;
    bottom: 0;
}

footer .tripadvisor ul {
    list-style: none;
}

footer .tripadvisor ul li::before {
    display: none;
}

#secondary h3.widgettitle {
    /*background-image: url("/data/images/cloud6.png");*/
    /*background-repeat: no-repeat;*/
    /*background-size: auto 100%;*/
    /*border-bottom: medium none;*/
    /*font-size: 20px;*/
    /*line-height: 27px;*/
    /*padding-bottom: 0;*/
    /*padding-left: 10px;*/
    /*text-shadow: 1px 1px #CCCCCC;*/
}

.category-text {
    margin-bottom: 30px;
    margint-top: -30px;
}

#grid .sidebar,
#team .sidebar {
    float: left;
    margin: 80px 0 0;
    padding: 0;
    width: 220px;
}

.sidebar .contact .dt-sc-contact-info {
    margin-bottom: 12px;
}

#grid #primary,
#user #primary {
    margin-right: 0;
    margin-left: 40px;
}

#primary {
    margin-top: 40px;
}

#grid #primary.content-full-width {
    margin-left: 0;
}

#grid .portfolio {
    margin-bottom: 30px;
}

#grid .portfolio-detail p::before {
    content: "";
}

#grid .portfolio-thumb .link,
#team .dt-sc-image-overlay .link {
    left: calc(50% - 20px);
    width: 40px;
    border-radius: 50%;
}

#grid .portfolio.dt-sc-one-fourth .portfolio-thumb img,
#grid .portfolio.dt-sc-one-third .portfolio-thumb img {
    height: 100%;
}

.files {
    width: 100%;
    margin-top: 30px;
    display: inline-block;
}

#events #single .files {
    margin-top: 0;
    margin-bottom: 30px;
}

.files ul li a {
    position: relative;
    padding-left: 30px;
    line-height: 20px;
}

.files ul li a::before {
    bottom: 0;
    font-family: "FontAwesome";
    font-size: 22px;
    height: 30px;
    left: 0;
    line-height: 25px;
    margin: auto;
    position: absolute;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 30px;
    content: "\f0c6";
}

.gallery {
    width: 100%;
    margin-top: 30px;
    display: inline-block;
}

.gallery > div {
    margin-left: -10px;
}

.gallery .photo {
    float: left;
    width: calc(20% - 10px);
    margin: 0 0 10px 10px;
}

.gallery.skupine .photo {
    width: calc((100% / 3) - 10px);
}

.gallery .photo.first {
    margin-left: 0;
}

.pagination ul,
#blog .pagination ul,
#events .pagination ul {
    float: right;
}

#blog .widget_categories ul#blogs_by_months i,
#events .widget_categories ul#blogs_by_months i {
    bottom: 0;
    height: 22px;
    line-height: 22px;
    margin: auto;
    position: absolute;
    right: 5px;
    top: 0;
    vertical-align: middle;
}

#blog .widget_categories ul#blogs_by_months .month,
#events .widget_categories ul#blogs_by_months .month {
    padding-left: 15px;
    display: none;
}

#events .resizable.blog-entry {
    margin-bottom: 20px;
    padding-bottom: 22px;
    position: relative;
}

#events .resizable.blog-entry .dt-sc-button {
    position: absolute;
    bottom: 0;
    right: 0;
}

#slider .video {
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: auto !important;
    height: auto !important;
}

video.fillWidth {
    height: auto !important;
    width: auto !important;
    position: absolute;
    left: -1920px;
    right: -1920px;
    margin: auto;
}

iframe.fillWidth {
    height: 100%;
    width: 100% !important;
}

#team .team-details {
    clear: none;
    float: none;
    margin-left: 20px;
    padding: 0 10px;
    width: auto;
}

#team .team-details h4,
#team .team-details h6,
#team .team-details p {
    text-align: justify;
}

#team .image {
    float: left;
    margin-right: 15px;
}

ul.class_hours li {
    font-weight: normal;
}

ul.class_hours li span {
    font-weight: inherit;
}

.widget_recent_entries h5 {
    margin-bottom: 5px;
}

.google-map {
    width: 100%;
}

#blog .entry-meta,
#media .entry-meta,
#events .entry-meta {
    top: 10px;
    left: auto;
    right: -8px;
    min-width: 150px;
    width: auto;
}

#blog .blog-entry-inner,
#media .blog-entry-inner,
#events .blog-entry-inner {
    padding-left: 0;
}

#media .entry-thumb {
    border-bottom: none;
}

#media .entry-thumb > span {
    background-color: #3d4448;
    color: #FFFFFF;
    display: inline-block;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    width: 100%;
    padding: 5px;
}

#blog .entry-meta {
    min-width: 170px;
}

#events .entry-meta {
    min-width: 200px;
}

#events .exposed-event {

}

#events .entry-meta .date span {
    float: left;
    line-height: 39px;
}

#events .entry-meta .date p {
    float: left;
}

#events .entry-meta .date p + p {
    font-size: 17px;
    line-height: 1em;
    margin-left: 0;
    margin-top: 16px;
}

#events .entry-meta .date .event_price {
    float: left;
    line-height: 15px;
    font-size: 12px;
    margin: 4px 0px 0px 8px;
    display: inline-block;
}

#events .entry-meta .date .event_price p {
    line-height: 15px;
    font-size: 12px;
    margin: 0;
    float: none;
    display: block;
}

#events .entry-meta .date .event_price p + p {
    text-align: right;
}

.h_iframe {
    position: relative;
}

.h_iframe .ratio {
    display: block;
    width: 100%;
    height: auto;
}

.h_iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.h_iframe #bubble {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    left: 0;
    padding: 20px 15px 10px;
    position: absolute;
    top: 0;
    z-index: 9;
    display: none;
    box-shadow: 10px 10px 30px #333333;
}

.h_iframe #bubble:hover {
    display: block;
}

.h_iframe #bubble > div {
    max-height: 300px;
    max-width: 300px;
    min-height: 100px;
    min-width: 150px;
    overflow-y: scroll;
}

.h_iframe #bubble > span {
    float: right;
    cursor: pointer;
    margin-top: -15px;
}

.h_iframe #bubble .bubble-bottom {
    height: 60px;
    position: relative;
    width: 100%;
}

.h_iframe #bubble .dt-sc-button.small {
    padding: 5px 15px;
    margin-top: 0;
}

.h_iframe #bubble .more {
    bottom: 0;
    height: 32px;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}

.h_iframe #bubble img {
    float: left;
    height: auto;
    max-height: 40px;
    max-width: 31%;
    width: auto;
}

.h_iframe #bubble img + img {
    margin-left: 10px;
}

.h_iframe #bubble::before {
    border: none;
    content: " ";
    position: absolute;
    bottom: auto;
    top: auto;
    left: auto;
    right: auto;
}

.h_iframe #bubble::after {
    border: none;
    content: " ";
    position: absolute;
    bottom: auto;
    top: auto;
    left: auto;
    right: auto;
}

.h_iframe #bubble.toBottom::before {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 26px solid #A3A3A3;
    border-bottom: none;
    bottom: -26px;
    top: auto;
    left: 15px;
    right: auto;
}

.h_iframe #bubble.toBottom::after {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 26px solid #FFFFFF;
    border-bottom: none;
    bottom: -24px;
    top: auto;
    left: 15px;
    right: auto;
}

.h_iframe #bubble.toTop::before {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: none;
    border-bottom: 26px solid #A3A3A3;
    top: -26px;
    bottom: auto;
    left: 15px;
    right: auto;
}

.h_iframe #bubble.toTop::after {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: none;
    border-bottom: 26px solid #FFFFFF;
    top: -24px;
    bottom: auto;
    left: 15px;
    right: auto;
}

.h_iframe #bubble.toRight::before {
    border-left: 26px solid #A3A3A3;
    border-right: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    bottom: auto;
    left: auto;
    right: -26px;
    top: 10px;
}

.h_iframe #bubble.toRight::after {
    border-left: 26px solid #FFFFFF;
    border-right: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    bottom: auto;
    left: auto;
    right: -24px;
    top: 10px;
}

.h_iframe #bubble.toLeft::before {
    border-right: 26px solid #A3A3A3;
    border-left: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    bottom: auto;
    right: auto;
    left: -26px;
    top: 10px;
}

.h_iframe #bubble.toLeft::after {
    border-right: 26px solid #FFFFFF;
    border-left: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    bottom: auto;
    right: auto;
    left: -24px;
    top: 10px;
}

.legend h3 {
    text-align: center;
    color: #1d6b37;
    margin-top: 20px;
}

.legend ul {
    background-color: #F7F6D0;
    border: 2px solid #92BFD5;
    border-radius: 25px;
    display: inline-block;
    padding: 20px 45px;
    width: 100%;
}

.legend li {
    width: 20%;
    display: inline-block;
    line-height: 20px;
    vertical-align: middle;
    float: left;
}

.legend li:nth-child(5n+1) {
    clear: both;
}

.legend ul li > div {
    display: table;
    position: relative;
    width: 100%;
}

.legend ul li a {
    display: table-cell;
    position: relative;
    vertical-align: middle;
}


.legend ul li p {
    margin: 0 0 0 35px;
    vertical-align: middle;
}

.legend li .legend_item {
    background: #1D6B37 url("/data/images/number_back.png") no-repeat scroll 0 0;
    background-size: auto 100%;
    border-radius: calc((25 / 40) * 10px);
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: 'ChalkDust';
    font-size: calc((25 / 40) * 25px);
    height: 25px;
    line-height: 25px;
    text-align: center;
    vertical-align: middle;
    width: calc((25 / 40) * 46px);
    bottom: 0;
    display: block;
    margin: auto 5px auto 0;
    position: absolute;
    top: 0;
}

.legend li:hover .legend_item,
.legend li.active .legend_item {
    background-color: #000000;
}

.text .columns {
    clear: both;
}

.columns + .columns {
    margin-top: 20px;
}

#city .columns {
    display: inline-block;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 30px;
    width: calc(100% + 30px);
}

#city .columns > .column {
    padding-left: 15px;
    padding-right: 15px;
}

#city .activity {
    padding: 20px 10px 10px;
    background-color: transparent;
    border: 4px solid #fff;
}

#city .activity h4 {
    color: #434343 !important;
    text-align: left;
}

#city .columns > .column.dt-sc-one-third {
}

#city .columns > .column > div {
    margin-bottom: 30px;
}

#city .columns > .column.dt-sc-one-half {
    width: 50%;
}

#city ul {
    text-align: left;
}

#city .dt-sc-ico-content {
    background: #F0F3F3 none repeat scroll 0 0;
}

#city .columns > .column ul li,
#grid .content ul li,
.text ul li,
.textDescription ul li {
    display: block;
    line-height: normal;
    padding-left: 15px;
    position: relative;
}

#city .columns > .column ul li {
    color: #5C5C5C;
}

#city .columns > .column ul li::before,
#grid .content ul li::before,
.text ul li::before,
.textDescription ul li::before {
    /*color: #868686;*/
    content: "\f0da";
    font-family: FontAwesome;
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    left: 0;
    position: absolute;
    text-decoration: inherit;
    top: -1px;
}

.text ul li,
.textDescription ul li {
    padding-bottom: 0;
}

.text ul li h4,
.textDescription ul li h4 {
    margin-bottom: 0;
}

.text ul li,
.text ul li::before,
.textDescription ul li,
.textDescription ul li::before {
    line-height: 30px !important;
}

#city .columns > .column ul li::before {
    /*color: #FFFFFF;*/
}

#city .city-house-group-title {
    /*background-image: url("/data/images/cloud5.png");*/
    /*background-repeat: no-repeat;*/
    /*background-size: auto 100%;*/
    /*height: 60px;*/
    /*position: relative;*/
    /*transform-origin: left top 0;*/
    /*margin-bottom: 10px;*/
}

#city .city-house-group-title h4 {
    left: 20px;
    margin: 0;
    position: absolute;
    top: 16px;
}

#city .dt-sc-titled-box-content {
    border: none;
}

#city #home_map {
    padding-top: 40px;
}

#city .city-house-group-title.green h4 {
    color: #7AA127;
}

#city .city-house-group-title.mustard h4 {
    color: #DF9B00;
}

#city .city-house-group-title.burnt-orange h4 {
    color: #CF571B;
}

#city .city-house-group-title.blue h4 {
    color: #73D5F0;
}

#city .city-house-group-title.turquoise h4 {
    color: #008C99;
}

#city .city-house-group-title.violet h4 {
    color: #9B59B6;
}

#city .city-house-group-title.chocolate h4 {
    color: #7B4B4B;
}

#city .city-house-group-title.grey h4 {
    color: #818181;
}

#city .city-house-group-title.pink h4 {
    color: #DE81B8;
}

#panorama {
    width: 100%;
    height: 400px;
    float: left;
    position: relative;
    overflow: hidden;
}

#panorama > h6 {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    color: #fff;
    text-shadow: 2px 2px 5px #000;
    font-size: 35px;
    font-weight: 700;
    z-index: 6;
    cursor: pointer;
}

#panorama > img {
    height: 100%;
    width: auto;
    position: absolute;
    z-index: 5;
    cursor: pointer;
    max-width: none;
}

#panorama > img.button-image {
    bottom: 0;
    display: block;
    height: 112px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 40%;
    cursor: pointer;
    box-shadow: none;
    animation: fill 1.8s steps(10) infinite;
    z-index: 8;
}

#panorama > div.removable {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: auto 100%;
    background-position: center;
}

@keyframes fill {
    to {
        padding-bottom: 30px;
    }
}

#panorama > .overlay {
    width: 100%;
    height: 100%;
    z-index: 4;
    position: absolute;
}

#panorama iframe {
    width: 100%;
    height: 100%;
    z-index: 3;
}

#slider {
    max-height: 510px;
    height: 100%;
}

#panorama,
.google-map {
    height: 510px;
}

#vr #panorama, .google-map {
    height: 700px;
}

.dt-sc-team .dt-sc-image-overlay, .portfolio .image-overlay {
    height: 99%;
    width: 99%;
}

.dt-sc-image-overlay a::before, .portfolio .image-overlay a::before,
.dt-sc-image-overlay a::after, .portfolio .image-overlay a::after {
    display: none;
}

#index section#primary {
    margin-top: 0;
}

/*#index section#primary section:first-child {*/
/*padding-top: 0;*/
/*}*/

#index .entry-thumb,
#events .entry-thumb {
    margin-bottom: 15px;
}

.entry-details.text {
    display: inline-block;
}

#index .entry-details > .dt-sc-button.small {
    margin-top: 15px;
}

#events .entry-details > .dt-sc-button.small {
    margin-top: 0;
}

#index #events .entry-details > .dt-sc-button.small {
    margin-top: 10px;
}

#index #events .entry-details > .dt-sc-button.small + .dt-sc-button.small {
    margin-right: 10px;
}

#index .fullwidth-background {
    padding: 45px 0;
}

.entry-details > .dt-sc-button.small {
    padding: 5px 10px;
}

#contact .column.text {
    background-color: #FFFFFF;
    margin-bottom: 30px;
}

#contact .column.text h2 {
    /*background-image: url("/data/images/cloud5.png");*/
    /*background-repeat: no-repeat;*/
    /*background-size: auto 100%;*/
    /*height: 60px;*/
    /*margin-bottom: 10px;*/
    /*padding: 16px 10px;*/
    /*position: relative;*/
    /*text-shadow: 1px 1px #FFFFFF;*/
    /*transform: rotate(4.5deg);*/
    /*transform-origin: left top 0;*/
}

#contact .column.text h2:first-child {
    border-radius: 5px 5px 0 0;
    margin-top: -30px;
}

#contact .class_hours {
    float: right;
}

#contact .class_hours h2 {
    /*background-color: transparent;*/
    /*background-image: url("/data/images/cloud4.png");*/
    /*background-repeat: no-repeat;*/
    /*background-size: auto 100%;*/
    /*border-radius: 0;*/
    /*font-size: 22px;*/
    /*height: 34px;*/
    /*line-height: 34px;*/
    /*margin-bottom: 10px;*/
    /*padding: 0 10px;*/
    /*position: relative;*/
    /*text-shadow: 1px 1px #000000;*/
    /*transform: rotate(0deg);*/
    /*transform-origin: left top 0;*/
}

#main-menu ul li.menu-item-simple-parent ul li a::before,
.megamenu-child-container ul.sub-menu > li > ul li a::before {
    background-image: none !important;
    font-family: "FontAwesome";
    font-size: 11px;
    line-height: 17px;
    content: "\f061";
    top: 10px;
}

.rotate_0 {
    transform: rotate(0deg) !important;
}

.rotate_1r {
    transform: rotate(1deg) !important;
}

.rotate_2r {
    transform: rotate(2deg) !important;
}

.rotate_3r {
    transform: rotate(3deg) !important;
}

.rotate_4r {
    transform: rotate(4deg) !important;
}

.rotate_5r {
    transform: rotate(5deg) !important;
}

.rotate_6r {
    transform: rotate(6deg) !important;
}

.rotate_7r {
    transform: rotate(7deg) !important;
}

.rotate_8r {
    transform: rotate(8deg) !important;
}

.rotate_1l {
    transform: rotate(-1deg) !important;
}

.rotate_2l {
    transform: rotate(-2deg) !important;
}

.rotate_3l {
    transform: rotate(-3deg) !important;
}

.rotate_4l {
    transform: rotate(-4deg) !important;
}

.rotate_5l {
    transform: rotate(-5deg) !important;
}

.rotate_6l {
    transform: rotate(-6deg) !important;
}

.rotate_7l {
    transform: rotate(-7deg) !important;
}

.rotate_8l {
    transform: rotate(-8deg) !important;
}

#city_house #partners {
    bottom: 0;
    position: absolute;
    right: 10%;
    z-index: 50;
    max-width: 100%;
    box-shadow: inset 0 -2px 2px rgba(0, 0, 0, 0.3);
}

#city_house #partners .partner_list {
    background-color: #fff;
    box-shadow: 3px -2px 2px rgba(0, 0, 0, 0.3);
    float: right;
    padding: 10px 0 5px 10px;
    position: relative;
}

#city_house #partners h5 {
    margin: 0 0 5px;
    font-size: 13px;
}

#city_house #partners li {
    float: left;
    padding: 0;
}

#city_house #partners li img {
    margin-right: 10px;
    max-height: 30px;
    float: left;
}

#city_house #partners li:last-child img {
    margin-right: 0;
}

#city_house #partners ul::after {
    background-color: #fff;
    bottom: 0;
    box-shadow: 3px -2px 2px rgba(0, 0, 0, 0.3);
    content: "";
    left: 100%;
    position: absolute;
    right: -1000px;
    top: 0;
    width: auto;
}

#city_house #partners ul::before {
    background-color: #fff;
    box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.3);
    content: "";
    height: 350px;
    position: absolute;
    right: calc(100% - 30px);
    top: 12px;
    transform: rotate(45deg);
    width: 180px;
    z-index: -1;
}

#city_house .gallery.last-div {
    margin-bottom: 30px;
}

.approving > div {
    float: left;
    width: auto;
    max-width: calc(100% - 30px);
}

.approving > div:first-child {
    width: 30px;
}

@media only screen and (min-width: 767px) {
    #city_house #partners li img {
        max-height: 45px;
        margin-right: 10px;
    }

    #city_house .breadcrumb-section.breadcrumb-panorama {
        background-color: transparent;
        background-image: none !important;
        overflow-x: hidden;
        padding: 0 0 2px;
        position: absolute;
        z-index: 50;
    }

    #city_house .breadcrumb-section.breadcrumb-panorama .container {
        position: relative;
    }

    #city_house .breadcrumb-section.breadcrumb-panorama .container > * {
        line-height: 40px;
        margin: 0;
        padding: 20px 0;
        position: relative;
        background-color: #FFFFFF;
        box-shadow: 3px 2px 2px rgba(0, 0, 0, 0.3);
    }

    #city_house .breadcrumb-section.breadcrumb-panorama .container > h1 {
        padding-right: 10px;
        box-shadow: -3px 2px 2px rgba(0, 0, 0, 0.3);
    }

    #city_house .breadcrumb-section.breadcrumb-panorama .container > h1::before {
        background-color: #FFFFFF;
        bottom: 0;
        box-shadow: -3px 2px 2px rgba(0, 0, 0, 0.3);
        content: "";
        left: -1000px;
        margin-right: 0;
        position: absolute;
        right: 100%;
        top: 0;
        width: auto;
        z-index: 15;
    }

    #city_house .breadcrumb-section.breadcrumb-panorama .container > h1::after {
        background-color: #FFFFFF;
        box-shadow: -3px 2px 2px rgba(0, 0, 0, 0.3);
        content: "";
        height: 120px;
        left: calc(100% - 60px);
        position: absolute;
        top: -65px;
        transform: rotate(-45deg);
        width: 120px;
        z-index: -1;
    }

    #city_house .breadcrumb-section.breadcrumb-panorama .container > .breadcrumb::after {
        background-color: #FFFFFF;
        bottom: 0;
        box-shadow: 3px 2px 2px rgba(0, 0, 0, 0.3);
        content: "";
        right: -1000px;
        position: absolute;
        left: 100%;
        top: 0;
        width: auto;
        z-index: 15;
    }

    #city_house .breadcrumb-section.breadcrumb-panorama .container > .breadcrumb::before {
        background-color: #FFFFFF;
        box-shadow: 3px 2px 2px rgba(0, 0, 0, 0.3);
        content: "";
        height: 120px;
        right: calc(100% - 60px);
        position: absolute;
        top: -65px;
        transform: rotate(45deg);
        width: 120px;
        z-index: -1;
    }

    #city_house .breadcrumb-section.breadcrumb-panorama .container .breadcrumb * {
        line-height: 40px !important;
    }

    #city_house .breadcrumb-section.breadcrumb-panorama .container .breadcrumb a,
    #city_house .breadcrumb-section.breadcrumb-panorama .container .breadcrumb span{
        color: #434343 !important;
    }

    #city_house .breadcrumb-section.breadcrumb-panorama .container .breadcrumb a:hover  {
        color: #23adae !important;
    }

    #city_house #partners {
        bottom: 0;
        position: absolute;
        right: 10%;
        z-index: 50;
        max-width: 100%;
        box-shadow: inset 0 -2px 2px rgba(0, 0, 0, 0.3);
    }

    #city_house #partners .partner_list {
        background-color: #fff;
        box-shadow: 3px -2px 2px rgba(0, 0, 0, 0.3);
        float: right;
        padding: 10px 0 5px 10px;
        position: relative;
    }

    #city_house #partners h5 {
        margin: 0 0 5px;
        font-size: 13px;
    }

    #city_house #partners li {
        float: left;
        padding: 0;
    }

    #city_house #partners li img {
        max-height: 40px;
        margin-right: 10px;
    }

    #city_house #partners li:last-child img {
        margin-right: 0;
    }

    #city_house #partners ul::after {
        background-color: #fff;
        bottom: 0;
        box-shadow: 3px -2px 2px rgba(0, 0, 0, 0.3);
        content: "";
        left: 100%;
        position: absolute;
        right: -1000px;
        top: 0;
        width: auto;
    }

    #city_house #partners ul::before {
        background-color: #fff;
        box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.3);
        content: "";
        height: 350px;
        position: absolute;
        right: calc(100% - 30px);
        top: 12px;
        transform: rotate(45deg);
        width: 180px;
        z-index: -1;
    }

    #city_house .breadcrumb-section.breadcrumb-panorama .container > h1,
    #city_house .breadcrumb-section.breadcrumb-panorama .container > h1::before {
        background-color: #23adae;
        color: #fff;
        text-shadow: 1px 1px #000;
    }

    #city_house .breadcrumb-section.breadcrumb-panorama .container > h1::after {
        background-color: #23adae;
    }

    #city_house .breadcrumb-section.breadcrumb-panorama.violet .container > h1,
    #city_house .breadcrumb-section.breadcrumb-panorama.violet .container > h1::before {
        background-color: #23adae;
        color: #fff;
        text-shadow: 1px 1px #000;
    }

    #city_house .breadcrumb-section.breadcrumb-panorama.violet .container > h1::after {
        background-color: #23adae;
    }

    #city_house .breadcrumb-section.breadcrumb-panorama.navy .container > h1,
    #city_house .breadcrumb-section.breadcrumb-panorama.navy .container > h1::before {
        background-color: #68A0BE;
        color: #fff;
        text-shadow: 1px 1px #000;
    }

    #city_house .breadcrumb-section.breadcrumb-panorama.navy .container > h1::after {
        background-color: #68A0BE;
    }

    #city_house .breadcrumb-section.breadcrumb-panorama.redorange .container > h1,
    #city_house .breadcrumb-section.breadcrumb-panorama.redorange .container > h1::before {
        background-color: #F36421;
        color: #fff;
        text-shadow: 1px 1px #000;
    }

    #city_house .breadcrumb-section.breadcrumb-panorama.redorange .container > h1::after {
        background-color: #F36421;
    }

    #city_house .breadcrumb-section.breadcrumb-panorama.green .container > h1,
    #city_house .breadcrumb-section.breadcrumb-panorama.green .container > h1::before {
        background-color: #B2D233;
        color: #fff;
        text-shadow: 1px 1px #000;
    }

    #city_house .breadcrumb-section.breadcrumb-panorama.green .container > h1::after {
        background-color: #B2D233;
    }


    #city_house .breadcrumb-section.breadcrumb-panorama.blue .container > h1,
    #city_house .breadcrumb-section.breadcrumb-panorama.blue .container > h1::before {
        background-color: #7EBBBD;
        color: #fff;
        text-shadow: 1px 1px #000;
    }

    #city_house .breadcrumb-section.breadcrumb-panorama.blue .container > h1::after {
        background-color: #7EBBBD;
    }

    #city_house .breadcrumb-section.breadcrumb-panorama.orange .container > h1,
    #city_house .breadcrumb-section.breadcrumb-panorama.orange .container > h1::before {
        background-color: #F3781F;
        color: #fff;
        text-shadow: 1px 1px #000;
    }

    #city_house .breadcrumb-section.breadcrumb-panorama.orange .container > h1::after {
        background-color: #F3781F;
    }

    #city_house .breadcrumb-section.breadcrumb-panorama.yellow .container > h1,
    #city_house .breadcrumb-section.breadcrumb-panorama.yellow .container > h1::before {
        background-color: #F4CF34;
        color: #fff;
        text-shadow: 1px 1px #000;
    }

    #city_house .breadcrumb-section.breadcrumb-panorama.yellow .container > h1::after {
        background-color: #F4CF34;
    }

    #city_house .breadcrumb-section.breadcrumb-panorama.rose .container > h1,
    #city_house .breadcrumb-section.breadcrumb-panorama.rose .container > h1::before {
        background-color: #EF66A5;
        color: #fff;
        text-shadow: 1px 1px #000;
    }

    #city_house .breadcrumb-section.breadcrumb-panorama.rose .container > h1::after {
        background-color: #EF66A5;
    }
}

#city .activity span {
    color: #000;
}

#city .activity.violet {
    border-color: #DA4B79;
    /*border-color: #C0426B;*/
}

#city .activity.navy {
    border-color: #68A0BE;
    /*border-color: #5A8BA4;*/
}

#city .activity.redorange {
    border-color: #F36421;
    /*border-color: #D95A1E;*/
}

#city .activity.green {
    border-color: #B2D233;
    /*border-color: #9CB82D;*/
}

#city .activity.blue {
    border-color: #7EBBBD;
    /*border-color: #6DA2A3;*/
}

#city .activity.orange {
    border-color: #F3781F;
    /*border-color: #D96B1C;*/
}

#city .activity.yellow {
    border-color: #F4CF34;
    /*border-color: #DAB92F;*/
}

#city .activity.rose {
    border-color: #EF66A5;
    /*border-color: #D55B93;*/
}

#form-family .contact-form,
#form-job .contact-form {
    padding: 30px;
}

#form-job .contact .form-group > div > label.control-label {
    padding: 18px 0;
    float: left;
}

#form-family textarea,
#form-job textarea {
    resize: vertical;
}

#form-family .form-group .form-group:not(:last-child),
#form-job .form-group .form-group:not(:last-child) {
    margin-bottom: 10px;
}

#form input[type="number"] {
    -moz-appearance: textfield;
    display: block;
    margin: 0;
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #eaeaea;
    border-radius: 2px;
    color: #a9a7a7;
    font-size: 16px;
    outline: medium none;
    padding: 16px 18px;
    width: 100%;
}

#form-family #form #example,
#form-job #form #example {
    display: none;
}

#form-family #form > .clearfix,
#form-job #form > .clearfix {
    padding: 10px 0;
}

#form-family #form h4,
#form-job #form h4 {
    padding-top: 20px;
}

#form .form-group.radio .control-label {
    bottom: 0;
    float: left;
    left: 0;
    padding: 16px 18px 16px 0;
    position: relative;
    right: 0;
    top: 0;
}

#form .form-group.radio .radio-buttons {
    padding: 16px 0;
}

#form .form-group.radio .radio-buttons > div {
    float: left;
}

#form-family input[type='checkbox'],
#form-job input[type='checkbox'] {
    width: auto;
    float: left;
    margin-right: 10px;
}

#form .form-group.radio .radio-buttons label {
    float: none;
    margin-right: 15px;
}

#form-family input[type='radio'],
#form-job input[type='radio'] {
    margin-left: 10px;
    width: auto;
}

#form-family input[type="radio"]:first-child,
#form-job input[type="radio"]:first-child {
    margin-left: 0;
}

.dt-sc-button.extrasmall {
    font-size: 12px;
    padding: 5px 7px;
}

.accordions .dt-sc-toggle-frame .dt-sc-toggle-content,
.accordions .dt-sc-toggle-frame .dt-sc-toggle-accordion.active,
.accordions .dt-sc-toggle-frame .dt-sc-toggle.active,
#accordions .dt-sc-toggle-frame .dt-sc-toggle-content,
#accordions .dt-sc-toggle-frame .dt-sc-toggle-accordion.active,
#accordions .dt-sc-toggle-frame .dt-sc-toggle.active {
    background-color: #f0f3f3;
}

ul.partners {
    margin-bottom: 30px;
    text-align: center;
}

#events #single .blog-entry {
    margin-bottom: 30px;
}

#events #single .dt-sc-hr-green-title {
    font-size: 25px;
}

#events #single .dt-sc-hr-green-title {
    margin: 0 0 15px;
    padding: 0 0 50px;
}

.dt-sc-toggle-frame.has-image {
    position: relative;
}

.dt-sc-toggle-frame.has-image .dt-sc-toggle-content,
.dt-sc-toggle-frame.has-image .dt-sc-toggle-accordion.active,
.dt-sc-toggle-frame.has-image .dt-sc-toggle.active {
    margin-left: 50%;
    margin-right: 0;
}

.dt-sc-toggle-frame.has-image .block-image {
    position: absolute;
    left: 0;
    top: 0;
    right: 50%;
    bottom: 20px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.dt-sc-toggle-frame.has-image:nth-child(2n+1) .block-image {
    left: 50%;
    right: 0;
}

.dt-sc-toggle-frame.has-image .dt-sc-block,
.dt-sc-toggle-frame.has-image .dt-sc-block {
    min-height: 200px;
}

.dt-sc-toggle-frame.has-image:nth-child(2n+1) .dt-sc-toggle-content,
.dt-sc-toggle-frame.has-image:nth-child(2n+1) .dt-sc-toggle-accordion.active,
.dt-sc-toggle-frame.has-image:nth-child(2n+1) .dt-sc-toggle.active {
    margin-left: 0;
    margin-right: 50%;
}

.dt-sc-toggle-frame.has-image .block-image img {
    height: 100%;
    width: auto;
    min-width: 100%;
}

.uploader {
    display: none;
}

.plupload_button.plupload_start {
    display: none;
}

#call_to_action h2,
#mailing h2 {
    color: #fff;
    margin-bottom: 0;
    line-height: 50px;
}

#call_to_action .dt-sc-button,
#mailing .dt-sc-button {
    margin-top: 0;
}

#call_to_action .textshadow,
#mailing .textshadow {
    text-shadow: none;
}

#call_to_action .textshadowwhite,
#mailing .textshadowwhite {
    text-shadow: 1px 1px #fff;
}

#call_to_action .textshadowblack,
#mailing .textshadowblack {
    text-shadow: 1px 1px #000;
}

form .showOnSubmit {
    display: none;
}

.search-form {
    float: right;
    margin: 45px 160px 0 0;
}

.position-relative,
.search-form .input-group {
    position: relative;
}

.search-form .input-group > .dt-sc-button {
    border-radius: 0 2px 2px 0;
    bottom: 0;
    line-height: 17px;
    margin: 0 0 0 -2px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px 10px;
    background: #23adae;
}

.search-form .form-control {
    border-radius: 2px 0 0 2px;
    padding: 9px 7px;
    margin: 0;
}

.modal.wide {
    width: 800px;
    max-width: 90%;
    margin-left: -400px;
}

#gifts #secondary {
    margin-top: 40px;
}

.top-menu li .submenu {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.2s, opacity 0.2s linear;
    position: absolute;
    background-color: #fff;
    border: 1px solid #CCCCCC;
    top: calc(100% + 10px);
    right: 0;
    z-index: 101;
    min-width: 200px;
}

.top-menu li .submenu::before {
    content: "";
    position: absolute;
    top: -10px;
    border-bottom: 10px solid #ccc;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: none;
    right: 20%;
}

.top-menu li:hover .submenu {
    visibility: visible;
    opacity: 1;
}

.top-menu li .submenu li {
    float: none;
    width: 100%;
    border-bottom: 1px solid #CCCCCC;
    margin: 0;
    padding: 0;
}

.top-menu li .submenu li:hover {
    background-color: #F0F0F0;
}

.top-menu li .submenu li a {
    width: 100%;
    padding: 10px;
    display: inline-block;
}

.top-menu li .submenu li::before {
    display: none;
}

.top-menu li .submenu.top-cart {
    min-width: 300px;
    max-width: 80vw;
}

.top-menu li .submenu.top-cart li {
    display: inline-block;
}

.top-menu li .submenu.top-cart li .cart-item {
    margin-left: 110px;
}

.top-menu li .submenu.top-cart li .cart-item .clearfix {
    margin-bottom: 10px;
}

.top-menu li .submenu.top-cart img {
    max-width: 90px;
}

.top-menu li .submenu.top-cart li.cart-actions {
    text-align: right;
}

.top-menu li .submenu.top-cart li.cart-actions a {
    width: auto;
    margin: 5px;
}

.top-menu li .submenu.top-cart li.cart-empty {
    padding: 10px 10px;
    text-align: center;
}

.margin-right-15 {
    margin-right: 15px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.table-invitations td.waiting,
.table-invitations td.waiting::before {
    color: grey;
}

.table-invitations td.accepted,
.table-invitations td.accepted::before {
    color: green;
}

.table-invitations td.declined,
.table-invitations td.declined::before {
    color: red;
}

#policy footer {
    display: none;
}

#policy .content.text img {
    max-width: 250px;
}

#policy .breadcrumb {
    display: none;
}

.footer-financing p {
    font-size: 10px;
    line-height: 1.2em;
}

.copyright .copyright-info {
    line-height: 35px;
    width: 100%;
    text-align: right;
}

.copyright .footer-links {
    margin: 25px 0px 0px;
}

#site_popup.modal {
    background-color: transparent;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 100000000;
    margin: 0 auto;
    width: auto;
    box-shadow: none;
    border: none;
    border-radius: 0;
    text-align: center;
    height: 90%;
}

#site_popup.modal .modal-dialog {
}

#site_popup.modal .modal-dialog {
    transform: translate(-50%, -50%);
}

#site_popup.modal img {
    max-height: 90vh;
}

#site_popup.modal a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#site_popup.modal button {
    position: absolute;
    right: 0;
    top: 0;
}

#landing_event,
#santa,
#vzgojitelji {
    /*overflow: auto;*/
    /*max-height: 100vh;*/
}

#santa {
    /*background: url(/data/images/mailing/santa/mailing_background.png);*/
}

#mailingApplications .header,
#mailingApplications .content,
#vzgojitelji .header,
#vzgojitelji .content,
#santa .header,
#santa .content,
#landing_event .header,
#landing_event .content {
    /*width: 800px;*/
    max-width: 100%;
    margin: auto;
    z-index: 15;
}

/*#vzgojitelji .content-full-width,*/
/*#landing_event .content-full-width,*/
#mailingApplications .content,
#vzgojitelji .content,
#landing_event .content {
    padding-bottom: 70px;
}

#santa .content {
    padding-bottom: 170px;
}

#mailingApplications .content-full-width,
#vzgojitelji .content-full-width,
#santa .content-full-width,
#landing_event .content-full-width {
    /*min-height: 700px;*/
}

#landing_event .container {
    padding-bottom: 70px;
}

#mailingApplications .header,
#vzgojitelji .header,
#santa .header,
#santa h2,
#mailingApplications h2,
#vzgojitelji h2 {
    text-align: center;
    line-height: 1.5;
}

#mailingApplications .header > img{
    max-width: 450px;
}
#mailingApplications .header,
#vzgojitelji .header {
    margin: 30px 0;
}
#santa .header {
    margin: 30px 0;
}
#landing_event .header {
    margin-bottom: 30px;
}

#visitors.full .content,
#mailingApplications.full .content,
#vzgojitelji.full .content,
#landing_event.full .content {
    height: calc(100vh - 275px - 275px);
    position: relative;
    min-height: 400px;
}

#visitors.full .content > div,
#mailingApplications.full .content > div,
#vzgojitelji.full .content > div,
#landing_event.full .content > div {
    position: absolute;
    margin: auto;
    height: 250px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#visitors footer,
#mailingApplications footer,
#vzgojitelji footer,
#santa footer,
#landing_event footer {
    display: none;
}

#visitors .footer,
#mailingApplications .footer,
#vzgojitelji .footer,
#santa .footer,
#landing_event .footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 275px;
    z-index: 10;
}

#landing_event .footer {
    height: 70px;
}

#mailingApplications .footer {
    display: none;
}

#vzgojitelji .footer {
    height: 145px;
    background: url(/data/images/mailing/vzgojitelji/site/footer.png) center no-repeat;
}

#santa .footer {
    height: 145px;
    background: url(/data/images/mailing/santa/site/footer.png) center no-repeat;
}

#visitors .footer .trava,
#mailingApplications .footer .trava,
#vzgojitelji .footer .trava,
#santa .footer .trava,
#landing_event .footer .trava {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(/data/images/mailing/vzgojitelji/site/trava.png);
    height: 68px;
    z-index: 10;
}

#visitors .footer .mozicelj,
#santa .footer .mozicelj,
#vzgojitelji .footer .mozicelj,
#landing_event .footer .mozicelj {
    position: fixed;
    bottom: 20px;
    left: 30%;
    right: 0;
    z-index: 10;
}

#visitors .footer .mesto,
#vzgojitelji .footer .mesto,
#santa .footer .mesto,
#landing_event .footer .mesto {
    position: fixed;
    bottom: 100px;
    left: 0;
    right: 30%;
    text-align: right;
    z-index: 10;
}

/*#vzgojitelji.full .footer .mozicelj {*/
/*left: 0;*/
/*right: 0;*/
/*width: 200px;*/
/*margin: auto;*/
/*}*/

#santa .container,
#mailingApplications .container,
#vzgojitelji .container {
    width: 800px;
    max-width: 100vw;
}

#mailingApplications.full .content form,
#vzgojitelji.full .content form,
#santa.full .content form,
#landing_event.full .content form {
    max-width: 400px;
    margin: 30px auto 0;
}

#mailingApplications .content form > #form,
#vzgojitelji .content form > #form,
#santa .content form > #form,
#landing_event .content form > #form {
    z-index: 15;
}

#mailingApplications.full .content h3,
#vzgojitelji.full .content h3,
#santa.full .content h3,
#landing_event.full .content h3 {
    margin-bottom: 30px;
}

#mailingApplications .content .form-group,
#vzgojitelji .content .form-group,
#santa .content .form-group,
#landing_event .content .form-group {
    margin-bottom: 10px;
}

#mailingApplications.full .content .form-group,
#vzgojitelji.full .content .form-group,
#santa.full .content .form-group,
#landing_event.full .content .form-group {
    max-width: 260px;
    margin: auto auto 10px;
}

#mailingApplications .content .form-control,
#vzgojitelji .content .form-control,
#santa .content .form-control,
#landing_event .content .form-control {
    width: 500px;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #3d4448;

    border-left: none;
    box-shadow: none;
    color: #3d4448;
    padding: 10px;
}
#mailingApplications .content .form-control{
    width: calc(100% - 200px * 2);
}

#santa .content .form-control {
    background-color: transparent;
}


#santa .form-group .styled-select {
    width: 500px;
    display: inline-block;
    border-top: none;
    border-right: none;
    border-left: none;
}

#mailingApplications .content .form-control,
#vzgojitelji .content .form-control {
    border-bottom: 1px solid rgb(213, 66, 111);
    color: rgb(213, 66, 111);
}

#santa .content h2,
#mailingApplications .content h2,
#mailingApplications .content h1,
#mailingApplications .content h3,
#mailingApplications .content h4,
#vzgojitelji .content h2 {
    font-weight: bold;
    margin: 15px 0;
}

#vzgojitelji .content h2,
#vzgojitelji .content .form-control {
    border-bottom-color: rgb(39, 160, 150);
    color: rgb(39, 160, 150);
}

#mailingApplications.ucitelji .content .form-control,
#vzgojitelji.ucitelji .content .form-control,
#landing_event.ucitelji .content .form-control {
    border-bottom-color: rgb(105, 151, 172);
    color: rgb(105, 151, 172);
}

#mailingApplications.full .content .form-control,
#vzgojitelji.full .content .form-control,
#landing_event.full .content .form-control {
    width: 200px;
    margin-left: 10px;
}

#santa .content textarea.form-control,
#mailingApplications .content textarea.form-control,
#vzgojitelji .content textarea.form-control,
#landing_event .content textarea.form-control {
    resize: none;
    border: 1px solid #3d4448;
}

#mailingApplications .content textarea.form-control {
    border-color:  rgb(213, 66, 111);
}

#vzgojitelji .content textarea.form-control {
    border-color:  rgb(213, 66, 111);
}

#vzgojitelji .content textarea.form-control {
    border-color: rgb(39, 160, 150);
}

#vzgojitelji.ucitelji .content textarea.form-control,
#landing_event.ucitelji .content textarea.form-control {
    border-color: rgb(105, 151, 172);
}

#vzgojitelji p {
    color: rgb(39, 160, 150);
}

#landing_event h1 {
    color: #23adae;
}

#santa .content .control-label,
#mailingApplications .content .control-label,
#vzgojitelji .content .control-label,
#landing_event .content .control-label {
    display: inline-block;
    width: 190px;
    text-align: right;
    color: #3d4448;
    font-size: 14px;
    font-weight: bolder;
    float: left;
    line-height: 38px;
    vertical-align: middle;
    margin: 0 10px 0 0;
    max-width: 200px;
}

#santa .content .control-label {
    /*line-height: 1.5em;*/
    width: 240px;
    max-width: 240px;
}

#vzgojitelji .content .control-label {
    color: rgb(39, 160, 150);
}



#santa .content .dt-sc-button .content .control-label {
    /*color: rgb(39, 160, 150);*/
}

#vzgojitelji.ucitelji .content .control-label,
#landing_event.ucitelji .content .control-label {
    color: rgb(105, 151, 172);
}

#santa .content .has-error .form-control,
#santa .content .has-error .control-label {
    color: #A94442;
}

#santa .content .has-error .form-control {
    border-color: #A94442;
}

#mailingApplications.full .content .control-label,
#vzgojitelji.full .content .control-label,
#landing_event.full .content .control-label {
    width: auto;
    margin: auto;
    text-align: right;
}

#santa .content .dt-sc-button,
#mailingApplications .content .dt-sc-button,
#vzgojitelji .content .dt-sc-button,
#landing_event .content .dt-sc-button {
    /*background-color: rgb(213, 66, 111);*/
    margin-left: 210px;
    width: 500px;
    text-align: center;
}
#mailingApplications .content .dt-sc-button{
    margin: 0;
}

#vzgojitelji .content .dt-sc-button {
    background-color: rgb(39, 160, 150);
}

#vzgojitelji.ucitelji .content .dt-sc-button,
#landing_event.ucitelji .content .dt-sc-button {
    background-color: rgb(105, 151, 172);
}

#mailingApplications.full .content .dt-sc-button,
#vzgojitelji.full .content .dt-sc-button,
#landing_event.full .content .dt-sc-button {
    width: 100px;
    text-align: center;
    margin: auto;
}

#visitors .breadcrumb,
#mailingApplications .breadcrumb,
#mailingApplications .floating_footer,
#vzgojitelji .breadcrumb,
#santa .breadcrumb,
#landing_event .breadcrumb {
    display: none;
}

#landing_event .dt-sc-tabs,
#landing_event .dt-sc-progress,
#landing_event #quantity {
    display: none;
}

#landing_event .properties {
    margin: 20px -30px;
}

#landing_event .properties .form-group div[class^='col-'],
#landing_event .properties .form-group label[class^='col-'] {
    text-align: center;
    width: 100%;
}

#landing_event .form-group .styled-select {
    width: 250px;
    display: inline-block;
}

#landing_event .properties .form-group input {
    width: auto;
}

#landing_event .form-group#promotion_code label.control-label.main,
#landing_event .form-group#event_hour label.control-label.main,
#landing_event .form-group#event_hour .select > label {
    margin: 10px 0 0;
    font-size: 18px;
}

#landing_event .form-group#promotion_code,
#landing_event .form-group#event_hour {
    padding: 15px 0;
}

#landing_event .form-group#event_hour .select{
    /*max-width: 300px;*/
    /*margin: 10px auto 0;*/
    margin: 10px -10px 0;
}
#landing_event .form-group#event_hour .select > label{
    position: relative;
    margin: 10px;
    padding: 10px;
    border: 1px #ccc solid;
    /*width: auto;*/
    width: calc((100% / 7) - 20px);
    cursor: pointer;
    font-size: 15px;
}

#landing_event .form-group#event_hour .select > label[for="attr_773_3615"]{
    width: calc(100% - 20px);
    margin-bottom: 0;
    font-weight: bolder;
}

#landing_event .form-group#event_hour .select > label:hover{
    background: #eee;
}

/*#landing_event .form-group#event_hour .select > label:checked + label{*/
/*ba    */
/*}*/

#landing_event .form-group#event_hour .select > label.disabled {
    color: #CCCCCC;
    cursor: not-allowed;
}

#landing_event .form-group#event_hour .select > label.disabled > span {
    padding: 0px 5px;
    background: rgba(50, 50, 50, 0.2);
    color: red;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;

}

.one-line > p {
    display: inline;
}

#landing_event .form-group#promotion_code input {
    text-align: center;
    display: inline-block;
    width: 300px;
    max-width: 100%;
}

.testimonials blockquote {
    margin-bottom: 20px;
}

.testimonials blockquote q {
    position: relative;
    display: inline-block;
}

.testimonials blockquote q p {
    font-size: 18px;
    text-align: justify;
}

.testimonials blockquote q::before {
    top: 0;
    left: -25px;
}

.testimonials blockquote q::after {
    bottom: -15px;
    right: -20px;
}

.custom_page .portfolio-detail {
    z-index: 50;
    margin: 0 25px;
}

.custom_page .portfolio-detail .portfolio-title {
    padding: 15px;
    margin-top: -50px;
    z-index: 50;
}

.custom_page .portfolio-detail .portfolio-title h5 {
    margin: 0;
}

.custom_page .portfolio-detail .portfolio-title h5 a {
    display: inline-block;
    width: 100%;
}

.custom_page .portfolio-thumb .item-mask {
    z-index: auto;
}

#inquiry form .form-group {
    margin-bottom: 15px;
}

#inquiry form .form-group .control-label {
    line-height: 54px;
}

#inquiry form .form-group > input[type="checkbox"].form-control {
    width: auto;
}

.partners_subpage-top {
    width: 70%;
    margin: 0 15% 30px;
    clear: both;
}

.night {
    background-color: #000000;
    color: #cccccc;
}

#visitors .visitors {
    margin: auto 0;
    position: absolute;
    top: 5vh;
    bottom: 5vh;
    left: 0;
    right: 0;
}

#visitors .closed .visitors {
    height: 40vh;
}

#visitors .visitors h1 {
    font-size: 75vh;
    line-height: 75vh;
    margin: 0;
}

#visitors .visitors h2 {
    font-size: 10vh;
    line-height: 20vh;
    margin: 0;
}

#visitors .visitors h5 {
    font-size: 5vh;
    line-height: 5vh;
    margin: 0;
}

.is-sticky #menu-container .logo {
    display: none;
}

.is-sticky #main-menu {
    float: left;
    background: #ffffff;
    width: 100%;
}

#mailingApplications .minicity-logo{
    margin: 40px auto 20px;
    width: 300px;
    max-width: 80%;
}

#mailingApplications .content .dt-sc-button {
    background-color: transparent !important;
    background-image: url(/data/images/mailing/mailingApplications/site/gumb.png?2);
    background-size: 100% auto;
    background-repeat: no-repeat;
    width: 200px;
    height: 55px;
}

#mailingApplications {
    background-color: #060708;
    background-image: url(/data/images/mailing/mailingApplications/site/ozadje.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
#mailingApplications .content .control-label {
    color: rgb(249, 204, 115);
}

#mailingApplications h1,
#mailingApplications h2,
#mailingApplications h3,
#mailingApplications h4,
#mailingApplications h5,
#mailingApplications h6,
#mailingApplications .content h2,
#mailingApplications .content .form-control{
    color: rgb(249, 204, 115);
}
#mailingApplications .content h2,
#mailingApplications .content .form-control{
    border-bottom-color: RGB(249, 204, 115);

    background: transparent;
}

#mailingApplications .content textarea.form-control {
    border-color: rgb(249, 204, 115);
}

#mailingApplications .content .dt-sc-button {
    background-color: rgb(249, 204, 115);
}

#mailingApplications p {
    color: rgb(249, 204, 115);
}

.dt-sc-button.minicity {
    border-radius: 15px;
  text-transform: uppercase;
  font-weight: bold;
  border: 1px solid rgb(56, 70, 77);
  box-shadow: 3px 3px 5px rgba(56, 70, 77,0.6);
  font-size: 25px;
  padding: 12px;
    animation: .4s ease-in-out all;
}

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

    #santa .footer .mozicelj,
    #vzgojitelji .footer .mozicelj,
    #landing_event .footer .mozicelj {
        left: 100px;
    }

    #santa .footer .mesto,
    #vzgojitelji .footer .mesto,
    #landing_event .footer .mesto {
        right: 100px;
    }

    #santa.full .content,
    #vzgojitelji.full .content,
    #landing_event.full .content {
        height: calc(100vh - 275px - 75px);
    }

    #santa.full .content > div,
    #vzgojitelji.full .content > div,
    #landing_event.full .content > div {
        position: relative;
    }
}

@media only screen and (min-width: 960px) {
    #grid .gallery .photo:nth-child(5n+1) {
        /*margin-left: 0;*/
    }

    #grid .gallery .photo:nth-child(5n) {
        margin-right: 0;
    }

    #slider h1 {
        font-size: 40px !important;
    }

}

@media only screen and (max-width: 1061px) {
    #slider .text {
        top: 25% !important;
    }
}

@media only screen and (min-width: 960px) and (max-width: 1240px) {
    #menu-container .logo img {
        margin: 15px 0;
        max-width: 170px;
    }

    .google-map {
        height: 300px;
    }

    #grid #primary.with-sidebar,
    #team #primary.with-sidebar {
        width: 640px;
    }

    #blog .blog-entry-inner,
    #events .blog-entry-inner {
        padding-left: 0 !important;
    }

    #primary.with-sidebar .column.dt-sc-one-half .entry-meta .date span {
        font-size: 26px;
        line-height: 36px;
    }

    #primary.with-sidebar .column.dt-sc-one-half .entry-meta {
        min-width: 130px;
    }

    .is-sticky #main-menu > ul.menu > li > a {
        font-size: 11px;
    }

    #events > div:not(#single) .entry-meta .date span {
        font-size: 23px;
        line-height: 29px;
    }

    #events > div:not(#single) .entry-meta .date p {
        font-size: 11px;
        line-height: 13px;
        margin: 1px 0 0 8px;
    }

    #events > div:not(#single) .entry-meta .date p + p {
        font-size: 12px;
        margin-top: 14px;
    }

    #events > div:not(#single) .date::before,
    #events > div:not(#single) .comments::before,
    #events > div:not(#single) .entry_format::before {
        height: 29px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {

}

@media only screen and (max-width: 991px) {
    #landing_event .form-group.gender {
        margin-top: 0;
        margin-bottom: 15px;
    }

    #mailingApplications .header > img{
        max-width: 100%;
    }

    #mailingApplications .content-full-width,
    #vzgojitelji .content-full-width,
    #santa .content-full-width,
    #landing_event .content-full-width {
        max-width: 90vw;
        margin: auto;
    }

    #santa .content .dt-sc-button, #mailingApplications .content .dt-sc-button, #vzgojitelji .content .dt-sc-button, #landing_event .content .dt-sc-button {
        max-width: 100%;
    }

    #santa .content .control-label, #mailingApplications .content .control-label, #vzgojitelji .content .control-label, #landing_event .content .control-label{
        text-align: left;
    }

    #mailingApplications .content .form-control,
    #santa .content .control-label, #mailingApplications .content .control-label, #vzgojitelji .content .control-label, #landing_event .content .control-label {
        width: 100%;
    }

}

@media only screen and (max-width: 959px) {
    #menu-container .logo img {
        margin: 16px 0;
        max-width: 160px;
    }

    .google-map,
    #panorama {
        height: 300px;
    }

    #menu-container .contact-details {
        font-size: 11px;
    }

    .search-form {
        margin-right: 40px;
    }

    #slider .banner .content {
        max-height: 230px;
    }

    #slider .banner li {
        min-width: 260px;
    }

    #slider .banner li:not(:first-child) {
        display: none;
    }

    #grid #primary.with-sidebar,
    #team #primary.with-sidebar {
        width: 450px;
    }

    #grid .gallery .photo {
        width: calc(33% - 10px);
    }

    #grid .gallery .photo:nth-child(3n+1) {
        margin-left: 0;
    }

    #grid .gallery .photo:nth-child(3n) {
        margin-right: 0;
    }

    .fullwidth-background {
        padding: 40px 0;
    }

    #index #blog .dt-sc-one-fourth {
        width: 48.5%;
        display: none;
    }

    #index #blog div > .dt-sc-one-fourth:nth-child(1),
    #index #blog div > .dt-sc-one-fourth:nth-child(2) {
        display: block;
    }

    #grid .portfolio.dt-sc-one-third {
        margin: 0 0 30px 2%;
        width: 32%;
    }

    #grid .portfolio.dt-sc-one-third.first {
        margin-left: 0;
    }

    #grid .portfolio-thumb .link {
        left: calc(50% - 20px) !important;
    }

    #santa .container,
    #vzgojitelji .container,
    #landing_event .container {
        width: 100%;
    }

    #santa .content-full-width,
    #vzgojitelji .content-full-width,
    #landing_event .content-full-width {
        width: 550px;
        margin: auto;
        max-width: 100%;
    }

    #santa .footer,
    #vzgojitelji .footer,
    #landing_event .footer {

    }

    #santa .content .form-control,
    #santa .content .dt-sc-button,
    #vzgojitelji .content .form-control,
    #vzgojitelji .content .dt-sc-button,
    #landing_event .content .form-control,
    #landing_event .content .dt-sc-button {
        width: 300px;
    }

    #santa .footer .mozicelj,
    #santa .footer .mesto,
    #vzgojitelji .footer .mozicelj,
    #vzgojitelji .footer .mesto,
    #landing_event .footer .mozicelj,
    #landing_event .footer .mesto {
        position: absolute;
    }

    #santa .footer,
    #vzgojitelji .footer,
    #landing_event .footer {
        position: relative;
    }

}

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

footer h3.widgettitle {
    background-size: 100% auto;
}
    .logo img {
        margin: 24px 0 12px;
        max-width: none;
    }

    header .top-menu {
        margin-top: 10px;
    }

    header .contact-details {
        float: none;
        margin: 19px auto;
        display: block;
    }

    #menu-container .logo img {
        max-width: none;
    }

    .search-form {
        float: none;
        margin: 20px 0;
    }

    .search-form .form-control {
        width: calc(100% - 31px);
    }

    .dt-sc-hr {
        margin: 15px 0;
    }

    #home_map .container,
    #partners .container,
    #city.container {
        width: 100%;
        padding: 0 20px;
    }

    #secondary.sidebar {
        display: none;
    }

    #grid #primary.with-sidebar,
    #team #primary.with-sidebar {
        width: 100%;
        margin: 40px 0 0;
    }

    #primary.content-full-width {
        margin: 40px 0 0;
    }

    #team .image {
        float: none;
        margin-right: 0;
    }

    #team .team-details h4,
    #team .team-details h6 {
        text-align: center;
    }

    #team .team-details {
        margin-left: 0;
    }

    #city .columns > .column.dt-sc-one-half {
        width: 100%;
    }

    .gallery .photo {
        width: calc(33% - 10px);
        margin: 0 0 10px 10px !important;
    }

    .gallery .photo:nth-child(3n-1) {
        margin-left: 0 !important;
    }

    .gallery .photo:nth-child(3n) {
        margin-right: 0 !important;
    }

    #index #blog .dt-sc-one-fourth {
        width: 100%;
    }

    #slider .banner {
        display: none;
        left: 0;
        margin: 20px auto;
        max-width: calc(100% - 40px);
        position: relative;
        right: 0;
        top: 0;
        width: 420px;
    }

    #slider .banner li {
        min-width: 0;
        width: 100%;
    }

    #slider .banner > .dt-sc-button.small {
        display: none;
    }

    .h_iframe #bubble > div p:not(.more) {
        display: none;
    }

    #grid .portfolio.dt-sc-one-third {
        margin: 0 0 30px;
        width: 100%;
    }

    .dt-sc-toggle-frame.has-image .block-image {
        display: none;
    }

    .dt-sc-toggle-frame.has-image .dt-sc-toggle-content,
    .dt-sc-toggle-frame.has-image .dt-sc-toggle-accordion.active,
    .dt-sc-toggle-frame.has-image .dt-sc-toggle.active {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .dt-sc-toggle-frame.has-image .dt-sc-block,
    .dt-sc-toggle-frame.has-image .dt-sc-block {
        min-height: 0;
    }

    #city_house .breadcrumb-section.breadcrumb-panorama .container {
        width: 100%;
    }

    .breadcrumb-section {
        position: relative !important;
    }

    #main-menu ul li.menu-item-simple-parent ul li a::before, .megamenu-child-container ul.sub-menu > li > ul li a::before {
        top: 17px;
    }

    #form-job .form-group > .column {
        margin-bottom: 0;
    }

    #form-job .contact .form-group > div > label.control-label {
        margin: 0;
        padding: 0;
    }

    .legend {
        margin: 0 auto;
        width: 420px;
    }

    .legend ul {
        display: flex;
        flex-flow: wrap;
    }

    .legend ul li {
        width: 100%;

    }

    .legend ul li:nth-of-type(1) {
        order: 1
    }

    .legend ul li:nth-of-type(6) {
        order: 2
    }

    .legend ul li:nth-of-type(11) {
        order: 3
    }

    .legend ul li:nth-of-type(16) {
        order: 4
    }

    .legend ul li:nth-of-type(21) {
        order: 5
    }

    .legend ul li:nth-of-type(26) {
        order: 6
    }

    .legend ul li:nth-of-type(31) {
        order: 7
    }

    .legend ul li:nth-of-type(2) {
        order: 8
    }

    .legend ul li:nth-of-type(7) {
        order: 9
    }

    .legend ul li:nth-of-type(12) {
        order: 10
    }

    .legend ul li:nth-of-type(17) {
        order: 11
    }

    .legend ul li:nth-of-type(22) {
        order: 12
    }

    .legend ul li:nth-of-type(27) {
        order: 13
    }

    .legend ul li:nth-of-type(32) {
        order: 14
    }

    .legend ul li:nth-of-type(3) {
        order: 15
    }

    .legend ul li:nth-of-type(8) {
        order: 16
    }

    .legend ul li:nth-of-type(13) {
        order: 17
    }

    .legend ul li:nth-of-type(18) {
        order: 18
    }

    .legend ul li:nth-of-type(23) {
        order: 19
    }

    .legend ul li:nth-of-type(28) {
        order: 20
    }

    .legend ul li:nth-of-type(33) {
        order: 21
    }

    .legend ul li:nth-of-type(4) {
        order: 22
    }

    .legend ul li:nth-of-type(9) {
        order: 23
    }

    .legend ul li:nth-of-type(14) {
        order: 24
    }

    .legend ul li:nth-of-type(19) {
        order: 25
    }

    .legend ul li:nth-of-type(24) {
        order: 26
    }

    .legend ul li:nth-of-type(29) {
        order: 27
    }

    .legend ul li:nth-of-type(34) {
        order: 28
    }

    .legend ul li:nth-of-type(5) {
        order: 29
    }

    .legend ul li:nth-of-type(10) {
        order: 30
    }

    .legend ul li:nth-of-type(15) {
        order: 31
    }

    .legend ul li:nth-of-type(20) {
        order: 32
    }

    .legend ul li:nth-of-type(25) {
        order: 33
    }

    .legend ul li:nth-of-type(30) {
        order: 34
    }

    .legend ul li:nth-of-type(35) {
        order: 35
    }

    #city_house .breadcrumb-section {
        color: #5c5c5c !important;
    }

    video.fillWidth {
        height: 100% !important;
        left: -50%;
        margin: 0 auto;
        position: absolute;
        right: -50%;
        width: auto !important;
    }

    header {
        margin-top: 40px;
    }

    .dt-menu-toggle {
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
    }

    header .menu {
        left: 30px;
        position: fixed;
        right: 30px;
        top: 40px;
    }

    .menu.menu-toggle-open {
        left: 30px;
        position: fixed;
        right: 30px;
        top: 40px;
        bottom: 0;
        overflow: scroll !important;
    }

    #menu-container .logo, #menu-container .contact-details {
        display: none;
    }

    header #menu-container ul.dt-sc-social-icons {
        margin-top: 0;
    }

    header ul.dt-sc-social-icons li a {
        border-top: none;
        margin-top: 0;
    }

    header ul.dt-sc-social-icons li a::before {
        top: 0;
        bottom: 0;
        margin: auto;
    }

    header ul.dt-sc-social-icons li a.facebook::before {
        background-color: #35538F;
        color: #FFFFFF
    }

    header ul.dt-sc-social-icons li a.youtube::before {
        background-color: #B70400;
        color: #FFFFFF
    }

    header ul.dt-sc-social-icons li a.twitter::before {
        background-color: #34B3D3;
        color: #FFFFFF
    }

    header ul.dt-sc-social-icons li a.gplus::before {
        background-color: #D53E2B;
        color: #FFFFFF
    }

    header ul.dt-sc-social-icons li a.instagram::before {
        background-color: #405DE6;
        color: #FFFFFF
    }

    header ul.dt-sc-social-icons li a,
    header ul.dt-sc-social-icons li a span {
        height: 60px;
    }

    #menu-container {
        background: transparent none repeat scroll 0 0;
        border-top: medium none;
        padding-top: 5px;
    }

    #slider .text {
        margin: 0 auto !important;
        right: 0 !important;
        top: 15% !important;
        max-width: 80%;
    }

    #site_popup.modal {
        background-color: transparent;
        position: fixed;
        left: 20px;
        top: 50%;
        z-index: 100000000;
        margin: 0 auto;
        width: auto;
        box-shadow: none;
        border: none;
        border-radius: 0;
        text-align: center;
        height: 90%;
    }

    #site_popup.modal .modal-dialog {
        transform: translate(0, -50%);
    }

    #landing_event .form-group#promotion_code label.control-label.main,
    #landing_event .form-group#event_hour label.control-label.main,
    #landing_event .form-group#event_hour .select > label {
        padding: 10px 0;
        margin: 5px;
    }

    #landing_event .form-group#event_hour .select {
        margin-left: -5px;
        margin-right: -5px;
    }

    #landing_event .form-group#event_hour .select > label {
        width: calc(50% - 10px);
    }
}

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

    #slider .ls-slide .text h1 {
        font-size: 20px !important;
    }

    #slider .ls-slide .text h3 {
        font-size: 15px !important;
    }

    .legend {
        width: 290px;
    }

    #panorama {
        height: 250px;
    }

    #events .entry-meta,
    #media .entry-meta,
    #blog .entry-meta {
        width: 100%;
    }

    #events .entry-meta .date.custom span {
        line-height: 39px;
    }

    #events .entry-meta .date span {
        line-height: 36px;
    }

    .entry-meta .date {
        width: 80%;
    }

    #events .entry-meta .date span,
    #events .entry-meta .date p {
        float: none;
    }

    video.fillWidth {
        height: 100% !important;
    }

    #santa .content-full-width,
    #vzgojitelji .content-full-width,
    #landing_event .content-full-width {
        padding: 0 15px;
    }

    #santa .content .control-label,
    #santa .content .form-control,
    #vzgojitelji .content .control-label,
    #vzgojitelji .content .form-control,
    #landing_event .content .control-label,
    #landing_event .content .form-control {
        width: 100%;
        text-align: left;
    }

    #santa .footer,
    #vzgojitelji .footer,
    #landing_event .footer {
        position: relative;
        margin: 0 -15px;
    }

    #santa .content .dt-sc-button,
    #vzgojitelji .content .dt-sc-button,
    #landing_event .content .dt-sc-button {
        width: 100%;
        margin-left: 0;
    }

    footer .tripadvisor {
        position: relative;
    }
}

.no_clouds {
    padding-bottom: 50px !important;
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
    .top-menu > .container {
        width: 100%;
        padding: 0 15px;
    }

    .entry-meta .date::after, .entry-meta .comments::after, .entry-meta .entry_format::after {
        background: none;
    }

    .entry-meta .date > p::after {
        content: "";
        float: left;
        /*width: 15px;*/
        /*height: 39px;*/
        margin: 0px 0px 0px 0px;
        position: absolute;
        bottom: 0px;
        right: -10px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 0 0 10px;
        border-color: transparent transparent transparent #3d4448;
    }

    .entry-meta .date > p::before {
        content: "";
        float: left;
        /*width: 15px;*/
        /*height: 39px;*/
        margin: 0px 0px 0px 0px;
        position: absolute;
        top: 0px;
        right: -10px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 40px 20px 0 0;
        border-color: #3d4448 transparent transparent transparent;
    }
}

.floating_footer{
    position: fixed; bottom: 0px; right: 0px; background-color: #ffffff; padding: 10px; z-index: 10000;
}

@media only screen and (max-width: 991px) {
    .floating_footer{
        display: none;
    }
}

#lab4pay #menu-container {
    z-index: 0;
}

#lab4pay footer,
#lab4pay .floating_footer {
    display: none;
}


.table-program {
    width: 100%;
    color: rgb(249, 204, 115);
}

.table-program h2 {
    text-align: left !important;
}

.table-program ,
.table-program  tr,
.table-program  tr td {
    background: transparent !important;
    border: none;
    font-size: 20px;
    font-weight: bold;
}
.table-program  tr td sup {
    font-size: 14px;
    font-weight: normal;
}
.table-program  tr {

}
.table-program  tr td {
    text-align: left;
}

.table-program  tr td:first-child {
    width: 60px;
    vertical-align: top;
    text-align: right;
}