.modal-video .modal-content { padding: 5px; background-color: #c4b4a0;}

#carousel_main { margin-bottom: 25px; }
#carousel_main:after { content:''; position: absolute; left: 0; bottom: -20px; width: 100%; height: 20px; background: url(/img/page/pattern-bg-h-blue.png) center top no-repeat; z-index: 1000; }
#carousel_main .logo { width: 20%; margin-top: 5%; opacity: .8; }
#carousel_main h1 { font-family: 'Grand Hotel', sans-serif; font-weight: 400; font-size: 2.5em; margin-bottom: 0; color: #f2f2f2; }
#carousel_main p { font-size: 1.1em; font-weight: 400; color: #f2f2f2; margin-top: .5em; }
#carousel_main p .counter{ font-size: 2em; font-weight: 700; color: #fff; }
#carousel_main p.big{ font-size: 1.1em; color: #fff; line-height: 1em; }
#carousel_main span.play-icon { font-size: 5em; margin-top: 5%; opacity: .8; cursor: pointer; transition: opacity .4s; }
#carousel_main span.play-icon:hover { opacity: 1; }
#carousel_main .carousel-indicators { display: none; margin-bottom: 0; z-index: 2000; }
#carousel_main .carousel-caption {position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; z-index: 1000; text-align: center; text-shadow: none;}
#carousel_main .video-container { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,1); text-align: center; z-index: 1500; }
#carousel_main video { height: 100%; cursor: pointer; }

#thumbnails_main .thumbnail { position: relative; padding: 0; border-radius: 0; border: 1px solid #dedede; }
#thumbnails_main .caption { background: #756351; padding: 15px 20px; }
#thumbnails_main .has-image .caption { position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(117,99,81,.9); }
#thumbnails_main p { margin: 0; color: #5d5d5d; font-size: 1.1em; line-height: 1.3em; }
#thumbnails_main p.date { color: var(--blue-3); font-size: 1.1em; font-weight: 700; }
#thumbnails_main h3 { margin: 5px 0 0 0; font-size: 1.1em; font-weight: 500; line-height: 1.2em; text-transform: uppercase; }
#thumbnails_main h3>a { display: block; color: #f2f2f2; text-decoration: none; }
#thumbnails_main h3>a:hover, #thumbnails_main h3>a:active, #thumbnails_main h3>a:focus { color: var(--blue-4); }
#thumbnails_main .thumbnail .image { position: relative; }
#thumbnails_main .thumbnail img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
#thumbnails_main .overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#thumbnails_main .overlay>a { display: none; }

#map_main { width: 100%; height: 450px; }

@media (min-width: 480px) {
    #carousel_main span.play-icon { font-size: 7em; }
    #carousel_main p.big{ font-size: 1.3em; line-height: 1.5em; }
    #thumbnails_main .masonry-item { width: 50%; }
    #thumbnails_main .caption, #thumbnails_main .has-image .caption { position: static; background: #fff; padding: 20px; }
    #thumbnails_main h3>a { color: #222222; }
    #thumbnails_main .overlay>a { display: table; width: 100%; height:100%; transition: all .5s; text-align: center; background: var(--blue-4); opacity: 0; }
    #thumbnails_main .overlay .fa { color: #fff; display: table-cell; text-align: center; vertical-align: middle; }
    #thumbnails_main .overlay>a:hover { opacity: .7; }
}

@media (min-width: 600px) {
    #carousel_main { margin-bottom: 40px; }
    #carousel_main:after { content:''; position: absolute; left: 0; bottom: -30px; width: 100%; height: 30px; background: url(/img/page/pattern-bg-h-blue.png) center -20px no-repeat; z-index: 1000; }
    #carousel_main .logo { margin-top: 6%; margin-bottom: 1em; }
    #carousel_main p { font-size: 1.2em; }
    #carousel_main .carousel-indicators { display: inline; bottom: 5%;  }
    #carousel_main span.play-icon { font-size: 9em; }
    #carousel_main p.big{ font-size: 1.6em; line-height: 1.5em; }
    #thumbnails_main h3 { margin: 15px 0 0 0; line-height: 1.3em; }
}

@media (min-width: 768px) {
    #carousel_main { width: 750px; margin-right: auto; margin-left: auto; padding: 0 15px; }
    #carousel_main:before { content:''; position: absolute; left: -6px; top: 0; width: 21px; height: 100%; background: url(/img/page/pattern-bg-v-blue.png) 0 center no-repeat; z-index: 1000; }
    #carousel_main:after { content:''; position: absolute; left: 735px; top: 0; width: 21px; height: 100%; background: url(/img/page/pattern-bg-v-blue.png) -21px center no-repeat; z-index: 1000; }
    #carousel_main .logo { width: 15%; margin-top: 4%; margin-bottom: 0; }
    #carousel_main p { margin-top: 1em; }
    #carousel_main span.play-icon { font-size: 8em; }
    #carousel_main p.big{ font-size: 1.7em; }
	#thumbnails_main .thumbnail .image { min-height: 140px; max-height: 140px; overflow: hidden; }
}

@media (min-width: 992px) {
    #carousel_main { width: 970px; }
    #carousel_main:before { content:''; position: absolute; left: -39px; top: 0; width: 54px; height: 100%; background: url(/img/page/pattern-bg-v-blue.png) -42px center no-repeat; z-index: 1000; }
    #carousel_main:after { content:''; position: absolute; left: 955px; top: 0; width: 54px; height: 100%; background: url(/img/page/pattern-bg-v-blue.png) -96px center no-repeat; z-index: 1000; }
    #carousel_main .logo { width: 18%; }
    #carousel_main h1 { font-size: 3em; margin-bottom: .1em; }
    #carousel_main span.play-icon { font-size: 12em; }
    #carousel_main p.big{ font-size: 2em; line-height: 0; }
    #thumbnails_main h3 { margin: 15px 0; }
	#thumbnails_main .thumbnail .image { min-height: 120px; max-height: 120px; overflow: hidden; }
}

@media (min-width: 1200px) {
    #content_main { overflow-x: hidden; }
    #carousel_main { width: 1170px; }
    #carousel_main:before { content:''; position: absolute; left: -50px; top: 0; width: 65px; height: 100%; background: url(/img/page/pattern-bg-v-blue.png) -150px center no-repeat; z-index: 1000; }
    #carousel_main:after { content:''; position: absolute; left: 1155px; top: 0; width: 65px; height: 100%; background: url(/img/page/pattern-bg-v-blue.png) -215px center no-repeat; z-index: 1000; }
    #carousel_main .logo { margin-top: 5%; }
    #carousel_main h1 { font-size: 3.2em; margin-top: .8em; margin-bottom: .1em; }
    #carousel_main p { font-size: 1.3em; }
    #carousel_main span.play-icon { font-size: 15em; }
    #thumbnails_main .masonry-item { width: 33.3333%; }
	#thumbnails_main .thumbnail .image { min-height: 170px; max-height: 170px; overflow: hidden; }
}