/*--------------------------------------------------------------------------------

	# HTML Template 1.0 - Jul 13, 2018
	# ------------------------------------------------------------------------
	# Designed & coded by MegaDrupal
	# Websites:  http://www.megadrupal.com -  Email: info@megadrupal.com

----------------------------------------------------------------------------------

	1. base
	2. form-item
	3. film2_banner_01
	4. film2_banner_02
	5. film2_blockquote
	6. film2_comment
	7. Comment
	8. general_dlmenu
	9. film2_dropdown
	10. film2_form_01
	11. film2_gallery
	12. grid css
	13. film2_heading
	14. Popup
	15. film2_portfolio_01
	16. film2_post_01
	17. film2_post_02
	18. film2_post_03
	19. film2_schedule
	20. film2_social
	21. Swiper
	22. tab_panel
	23. tabs
	24. film2_tagcloud
	25. film2_textbox_01
	26. film2_textbox_02
	27. film2_twiiter
	28. film2_widget
	29. film2_footer
	30. film2_gallery_detail
	31. film2_header
	32. film2_new_detail
	33. film2_mew_detail
	34. film2_nominees_detail
	35. particles.js
	36. youtube
	37. Button
	38. Animated headlines
	39. map
	40. Section title
	41. design_tokens
	42. typography
	43. Section half

--------------------------------------------------------------------------------*/

/* 1. base
--------------------------------------------------------------------------------*/

a[disabled], input[disabled], button[disabled], textarea[disabled] {
    cursor: not-allowed !important;
    opacity: .5 !important;
}

a:focus, input:focus, button:focus, textarea:focus {
    outline: none;
}

p {
    margin-top: 0;
    margin-bottom: 10px;
}

img {
    max-width: 100%;
    height: auto;
    border: 0;
}

.page-wrap {
    overflow: hidden;
}

.md-section {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    z-index: 1;
    padding-top: 50px;
    padding-bottom: 50px;
}

@media (min-width: 320px) {
    .md-section {
        padding-top: calc(6.81818vw + 28.18182px);
        padding-bottom: calc(6.81818vw + 28.18182px);
    }
}

@media (min-width: 1200px) {
    .md-section {
        padding-top: 110px;
        padding-bottom: 110px;
    }
}

.md-text-left, .text-left {
    text-align: left !important;
}

.md-text-center, .text-center {
    text-align: center !important;
}

.md-text-right, .text-right {
    text-align: right !important;
}

.md-text-underline {
    text-decoration: underline !important;
}

.md-round {
    border-radius: 5px !important;
}

.md-pill {
    border-radius: 50% !important;
}

.md-tb {
    display: table;
    width: 100%;
    height: 100%;
}

.md-tb__cell {
    display: table-cell;
    vertical-align: middle;
}

.md-overlay, [data-gradient-bg] > canvas {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.md-overlay {
    background-color: rgba(0, 0, 0, .4);
}

.bg-fixed {
    background-attachment: fixed;
}

.md-bg-cover {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.full {
    width: 100%;
    height: 100vh;
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

.embed-responsive.embed-responsive-4by3 {
    padding-bottom: 75%;
}

.embed-responsive.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive .embed-responsive-item, .embed-responsive iframe,
.embed-responsive embed, .embed-responsive object {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* table Responsive */

.table-responsive-01 {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
}

.table-responsive-01 table > thead > tr > th,
.table-responsive-01 table > thead > tr > td,
.table-responsive-01 table > tbody > tr > th,
.table-responsive-01 table > tbody > tr > td,
.table-responsive-01 table > tfoot > tr > th,
.table-responsive-01 table > tfoot > tr > td {
    white-space: nowrap;
}

@media (max-width: 991px) {
    .table-responsive-02 table, .table-responsive-02 thead,
    .table-responsive-02 tbody, .table-responsive-02 th, .table-responsive-02 td,
    .table-responsive-02 tr {
        display: block;
    }

    .table-responsive-02 thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .table-responsive-02 tr {
        padding: 15px 0;
    }

    .table-responsive-02 td {
        position: relative;
        padding: 15px 10px 15px 30% !important;
    }

    .table-responsive-02 td:before {
        content: attr(data-th);
        position: absolute;
        top: 15px;
        left: 15px;
        width: 25%;
        padding-right: 10px;
    }
}

a {
    color: inherit;
}

a:hover {
    text-decoration: none;
    color: #e21900;
}

a:focus {
    text-decoration: none;
}

::-moz-selection {
    color: #fff;
    background-color: #222;
}

::selection {
    color: #fff;
    background-color: #222;
}

.md-section {
    padding-top: 50px;
    padding-bottom: 50px;
}

@media (min-width: 320px) {
    .md-section {
        padding-top: calc(11.16071vw + 14.28571px);
        padding-bottom: calc(11.16071vw + 14.28571px);
    }
}

@media (min-width: 768px) {
    .md-section {
        padding-top: calc(18.51852vw - 42.22222px);
        padding-bottom: calc(18.51852vw - 42.22222px);
    }
}

@media (min-width: 1200px) {
    .md-section {
        padding-top: 180px;
        padding-bottom: 180px;
    }
}

p {
    margin-bottom: 15px;
}

.list-style-none {
    list-style: none;
    padding: 0;
    margin: 0;
}

@media (max-width: 479px) {
    .hidden-xs {
        display: none;
    }
}

.custom-select {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjg0LjkyOXB4IiBoZWlnaHQ9IjI4NC45MjlweCIgdmlld0JveD0iMCAwIDI4NC45MjkgMjg0LjkyOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjg0LjkyOSAyODQuOTI5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggZD0iTTI4Mi4wODIsNzYuNTExbC0xNC4yNzQtMTQuMjczYy0xLjkwMi0xLjkwNi00LjA5My0yLjg1Ni02LjU3LTIuODU2Yy0yLjQ3MSwwLTQuNjYxLDAuOTUtNi41NjMsMi44NTZMMTQyLjQ2NiwxNzQuNDQxTDMwLjI2Miw2Mi4yNDFjLTEuOTAzLTEuOTA2LTQuMDkzLTIuODU2LTYuNTY3LTIuODU2Yy0yLjQ3NSwwLTQuNjY1LDAuOTUtNi41NjcsMi44NTZMMi44NTYsNzYuNTE1QzAuOTUsNzguNDE3LDAsODAuNjA3LDAsODMuMDgyYzAsMi40NzMsMC45NTMsNC42NjMsMi44NTYsNi41NjVsMTMzLjA0MywxMzMuMDQ2YzEuOTAyLDEuOTAzLDQuMDkzLDIuODU0LDYuNTY3LDIuODU0czQuNjYxLTAuOTUxLDYuNTYyLTIuODU0TDI4Mi4wODIsODkuNjQ3YzEuOTAyLTEuOTAzLDIuODQ3LTQuMDkzLDIuODQ3LTYuNTY1QzI4NC45MjksODAuNjA3LDI4My45ODQsNzguNDE3LDI4Mi4wODIsNzYuNTExeiIvPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: 8px;
    padding-right: 50px;
    background-position: right 0 center;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
         -o-appearance: none;
    color: #6f6f6f;
}

select::-ms-expand {
    display: none;
}

.line {
    border: 1px solid #5e5e5e;
    margin: 60px 0;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.no-gutters > .col, .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

.fullheight {
    height: 100vh;
}

.lightbg {
    background-color: #f6f6f6;
}

.bg-repeat {
    background-size: initial;
    background-repeat: repeat;
    background-position: center;
}

.md-overlay {
    background-color: rgba(0, 0, 0, .7);
}

.text-sm-right {
    margin-top: 30px;
}

@media (min-width: 768px) {
    .text-sm-right {
        margin-top: 0;
        text-align: right;
    }
}

.image-full {
    margin-bottom: 30px;
}

.image-full img {
    width: 100%;
}

.visually-hidden {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
    width: 1px;
    word-wrap: normal;
}

.btn-secondary {
    color: #222;
    background-color: transparent;
    border-color: transparent;
}

.btn-secondary.btn-outline {
    color: transparent;
    background-color: transparent;
    border-color: transparent;
}

.btn-secondary.btn-white {
    color: white;
    background-color: transparent;
    border-color: white;
}

.btn-secondary:focus, .btn-secondary.focus {
    color: #222;
    background-color: transparent;
    border-color: transparent;
}

.btn-secondary:hover, .btn-secondary.hover {
    color: #222;
    background-color: rgba(13, 13, 13, 0);
    border-color: transparent;
}

.btn-secondary:active, .btn-secondary.active,
.open > .btn-secondary.dropdown-toggle {
    color: #222;
    background-color: transparent;
    border-color: transparent;
}

.btn-secondary:active:hover, .btn-secondary:active:focus,
.btn-secondary:active.focus, .btn-secondary.active:hover,
.btn-secondary.active:focus, .btn-secondary.active.focus,
.open > .btn-secondary.dropdown-toggle:hover,
.open > .btn-secondary.dropdown-toggle:focus,
.open > .btn-secondary.dropdown-toggle.focus {
    color: #222;
    background-color: transparent;
    border-color: transparent;
}

.btn-secondary:active, .btn-secondary.active,
.open > .btn-secondary.dropdown-toggle {
    background-image: none;
}

.btn-secondary.disabled:hover, .btn-secondary.disabled:focus,
.btn-secondary.disabled.focus, .btn-secondary[disabled]:hover,
.btn-secondary[disabled]:focus, .btn-secondary[disabled].focus,
fieldset[disabled] .btn-secondary:hover, fieldset[disabled] .btn-secondary:focus,
fieldset[disabled] .btn-secondary.focus {
    background-color: transparent;
    border-color: transparent;
}

.btn-secondary .badge {
    color: transparent;
    background-color: #222;
}

.btn-tertiary {
    color: white;
    background-color: #8d8d8d;
    border-color: #8d8d8d;
}

.btn-tertiary.btn-outline {
    color: #747474;
    background-color: transparent;
    border-color: #8d8d8d;
}

.btn-tertiary.btn-white {
    color: white;
    background-color: transparent;
    border-color: white;
}

.btn-tertiary:focus, .btn-tertiary.focus {
    color: white;
    background-color: #747474;
    border-color: #8d8d8d;
}

.btn-tertiary:hover, .btn-tertiary.hover {
    color: white;
    background-color: #9a9a9a;
    border-color: #8d8d8d;
}

.btn-tertiary:active, .btn-tertiary.active,
.open > .btn-tertiary.dropdown-toggle {
    color: white;
    background-color: #747474;
    border-color: #8d8d8d;
}

.btn-tertiary:active:hover, .btn-tertiary:active:focus,
.btn-tertiary:active.focus, .btn-tertiary.active:hover,
.btn-tertiary.active:focus, .btn-tertiary.active.focus,
.open > .btn-tertiary.dropdown-toggle:hover,
.open > .btn-tertiary.dropdown-toggle:focus,
.open > .btn-tertiary.dropdown-toggle.focus {
    color: white;
    background-color: #626262;
    border-color: #8d8d8d;
}

.btn-tertiary:active, .btn-tertiary.active,
.open > .btn-tertiary.dropdown-toggle {
    background-image: none;
}

.btn-tertiary.disabled:hover, .btn-tertiary.disabled:focus,
.btn-tertiary.disabled.focus, .btn-tertiary[disabled]:hover,
.btn-tertiary[disabled]:focus, .btn-tertiary[disabled].focus,
fieldset[disabled] .btn-tertiary:hover, fieldset[disabled] .btn-tertiary:focus,
fieldset[disabled] .btn-tertiary.focus {
    background-color: #8d8d8d;
    border-color: #8d8d8d;
}

.btn-tertiary .badge {
    color: #8d8d8d;
    background-color: white;
}

.btn-tertiary:hover {
    background-color: #e21900;
    border-color: #e21900;
    color: white !important;
}

.tag {
    display: inline-block;
    border: 0;
    box-shadow: none;
    outline: none;
    margin: 0;
    text-align: center;
    font-size: 11px;
    padding: 0 10px;
    color: #8d8d8d;
    background-color: white;
    transition: all .3s ease;
    text-decoration: none;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
    height: 24px;
    line-height: 24px;
    min-width: 120px;
    text-transform: uppercase;
}

.tag:hover {
    background-color: white;
    color: #8d8d8d;
}

.tag[disabled] {
    opacity: .65;
    cursor: not-allowed;
}

.tag--primary {
    background-color: #e21900;
    color: white;
}

.tag--primary:hover {
    background-color: #000;
    color: #fff;
}

.tag--primary:focus {
    background-color: #000;
    color: #fff;
}

.tag--success {
    background-color: #5cb85c;
    color: #fff;
}

.tag--success:hover {
    background-color: #449d44;
    color: #fff;
}

.tag--success:focus {
    background-color: #449d44;
    color: #fff;
}

.tag--info {
    background-color: #5bc0de;
    color: #fff;
}

.tag--info:hover {
    background-color: #31b0d5;
    color: #fff;
}

.tag--info:focus {
    background-color: #31b0d5;
    color: #fff;
}

.tag--warning {
    background-color: #f0ad4e;
    color: #fff;
}

.tag--warning:hover {
    background-color: #ec971f;
    color: #fff;
}

.tag--warning:focus {
    background-color: #ec971f;
    color: #fff;
}

.tag--danger {
    background-color: #d9534f;
    color: #fff;
}

.tag--danger:hover {
    background-color: #c9302c;
    color: #fff;
}

.tag--danger:focus {
    background-color: #c9302c;
    color: #fff;
}

.tag--link {
    background-color: transparent;
    color: #fe6565;
}

.tag--link:hover {
    background-color: transparent;
    color: #fe6565;
    text-decoration: underline;
}

.tag--link:focus {
    background-color: transparent;
    color: #fe6565;
}

.tag--dark {
    background-color: #000;
    color: #fff;
}

.tag--dark:hover {
    background-color: #fe6565;
    color: #fff;
}

.tag--dark:focus {
    background-color: #fe6565;
    color: #fff;
}

.tag--xs {
    padding: 6px 15px;
    font-size: 12px;
}

.tag--sm {
    padding: 8px 15px;
    min-width: 100px;
    font-size: 12px;
}

.tag--md {
    padding: 10px 20px;
    min-width: 140px;
    font-size: 14px;
}

.tag--lg {
    padding: 14px 24px;
    min-width: 160px;
    font-size: 16px;
}

.tag--square {
    border-radius: 0;
}

.tag--round {
    border-radius: 5px;
}

.tag--pill {
    border-radius: 40px;
}

.tag--block {
    display: block;
    width: 100%;
}

.tag--disabled {
    opacity: .65;
    cursor: not-allowed;
}

/* 2. form-item
--------------------------------------------------------------------------------*/

.form-control, select, textarea, input[type="text"], input[type="password"],
input[type="datetime"], input[type="datetime-local"], input[type="date"],
input[type="month"], input[type="time"], input[type="week"],
input[type="number"], input[type="email"], input[type="url"],
input[type="search"], input[type="tel"], input[type="color"] {
    box-shadow: none;
    outline: none;
    margin: 0;
    border-radius: 0;
    padding: 0 30px;
    line-height: 40px;
    border: none;
    color: #000;
    font-size: 14px;
    vertical-align: middle;
    border-bottom: 1px solid #6f6f6f;
    height: 40px;
    width: 100%;
    margin-bottom: 20px;
}

.form-control::-webkit-input-placeholder, select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="datetime"]::-webkit-input-placeholder,
input[type="datetime-local"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="week"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="color"]::-webkit-input-placeholder {
    color: #6f6f6f;
}

.form-control::-moz-placeholder, select::-moz-placeholder,
textarea::-moz-placeholder, input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="datetime"]::-moz-placeholder,
input[type="datetime-local"]::-moz-placeholder,
input[type="date"]::-moz-placeholder, input[type="month"]::-moz-placeholder,
input[type="time"]::-moz-placeholder, input[type="week"]::-moz-placeholder,
input[type="number"]::-moz-placeholder, input[type="email"]::-moz-placeholder,
input[type="url"]::-moz-placeholder, input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder, input[type="color"]::-moz-placeholder {
    color: #6f6f6f;
}

.form-control:-moz-placeholder, select:-moz-placeholder,
textarea:-moz-placeholder, input[type="text"]:-moz-placeholder,
input[type="password"]:-moz-placeholder, input[type="datetime"]:-moz-placeholder,
input[type="datetime-local"]:-moz-placeholder,
input[type="date"]:-moz-placeholder, input[type="month"]:-moz-placeholder,
input[type="time"]:-moz-placeholder, input[type="week"]:-moz-placeholder,
input[type="number"]:-moz-placeholder, input[type="email"]:-moz-placeholder,
input[type="url"]:-moz-placeholder, input[type="search"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder, input[type="color"]:-moz-placeholder {
    color: #6f6f6f;
}

.form-control:-ms-input-placeholder, select:-ms-input-placeholder,
textarea:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="week"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="color"]:-ms-input-placeholder {
    color: #6f6f6f;
}

.form-control:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder,
input[type="text"]:focus::-webkit-input-placeholder,
input[type="password"]:focus::-webkit-input-placeholder,
input[type="datetime"]:focus::-webkit-input-placeholder,
input[type="datetime-local"]:focus::-webkit-input-placeholder,
input[type="date"]:focus::-webkit-input-placeholder,
input[type="month"]:focus::-webkit-input-placeholder,
input[type="time"]:focus::-webkit-input-placeholder,
input[type="week"]:focus::-webkit-input-placeholder,
input[type="number"]:focus::-webkit-input-placeholder,
input[type="email"]:focus::-webkit-input-placeholder,
input[type="url"]:focus::-webkit-input-placeholder,
input[type="search"]:focus::-webkit-input-placeholder,
input[type="tel"]:focus::-webkit-input-placeholder,
input[type="color"]:focus::-webkit-input-placeholder {
    color: blue;
}

.form-control:focus::-moz-placeholder, select:focus::-moz-placeholder,
textarea:focus::-moz-placeholder, input[type="text"]:focus::-moz-placeholder,
input[type="password"]:focus::-moz-placeholder,
input[type="datetime"]:focus::-moz-placeholder,
input[type="datetime-local"]:focus::-moz-placeholder,
input[type="date"]:focus::-moz-placeholder,
input[type="month"]:focus::-moz-placeholder,
input[type="time"]:focus::-moz-placeholder,
input[type="week"]:focus::-moz-placeholder,
input[type="number"]:focus::-moz-placeholder,
input[type="email"]:focus::-moz-placeholder,
input[type="url"]:focus::-moz-placeholder,
input[type="search"]:focus::-moz-placeholder,
input[type="tel"]:focus::-moz-placeholder,
input[type="color"]:focus::-moz-placeholder {
    color: blue;
}

.form-control:focus:-moz-placeholder, select:focus:-moz-placeholder,
textarea:focus:-moz-placeholder, input[type="text"]:focus:-moz-placeholder,
input[type="password"]:focus:-moz-placeholder,
input[type="datetime"]:focus:-moz-placeholder,
input[type="datetime-local"]:focus:-moz-placeholder,
input[type="date"]:focus:-moz-placeholder,
input[type="month"]:focus:-moz-placeholder,
input[type="time"]:focus:-moz-placeholder,
input[type="week"]:focus:-moz-placeholder,
input[type="number"]:focus:-moz-placeholder,
input[type="email"]:focus:-moz-placeholder,
input[type="url"]:focus:-moz-placeholder,
input[type="search"]:focus:-moz-placeholder,
input[type="tel"]:focus:-moz-placeholder,
input[type="color"]:focus:-moz-placeholder {
    color: blue;
}

.form-control:focus:-ms-input-placeholder, select:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder,
input[type="text"]:focus:-ms-input-placeholder,
input[type="password"]:focus:-ms-input-placeholder,
input[type="datetime"]:focus:-ms-input-placeholder,
input[type="datetime-local"]:focus:-ms-input-placeholder,
input[type="date"]:focus:-ms-input-placeholder,
input[type="month"]:focus:-ms-input-placeholder,
input[type="time"]:focus:-ms-input-placeholder,
input[type="week"]:focus:-ms-input-placeholder,
input[type="number"]:focus:-ms-input-placeholder,
input[type="email"]:focus:-ms-input-placeholder,
input[type="url"]:focus:-ms-input-placeholder,
input[type="search"]:focus:-ms-input-placeholder,
input[type="tel"]:focus:-ms-input-placeholder,
input[type="color"]:focus:-ms-input-placeholder {
    color: blue;
}

.form-control[disabled], select[disabled], textarea[disabled],
input[type="text"][disabled], input[type="password"][disabled],
input[type="datetime"][disabled], input[type="datetime-local"][disabled],
input[type="date"][disabled], input[type="month"][disabled],
input[type="time"][disabled], input[type="week"][disabled],
input[type="number"][disabled], input[type="email"][disabled],
input[type="url"][disabled], input[type="search"][disabled],
input[type="tel"][disabled], input[type="color"][disabled] {
    opacity: .65;
    cursor: not-allowed;
}

input:not([type="button"]):not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not([type="color"]),
textarea {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

input[type="checkbox"], input[type="radio"] {
    width: auto !important;
}

textarea {
    height: auto !important;
    padding: 20px;
}

/* Typography */

body {
    margin: 0;
    padding: 0;
    line-height: 1.85;
    font-size: 14px;
    font-weight: 400;
    font-family: "Libre Franklin", sans-serif;
    color: #8d8d8d;
}

body.md-skin-dark {
    background-color: #222;
}

.md-skin-dark {
    background-color: #222;
    color: white;
}

.md-skin-dark h1, .md-skin-dark h2, .md-skin-dark h3, .md-skin-dark h4,
.md-skin-dark h5, .md-skin-dark h6 {
    color: white;
}

a {
    color: #222;
    transition: all .3s ease;
}

a, input, textarea, select {
    outline: none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    line-height: 1.5;
    color: #222;
    font-family: "Playfair Display", serif;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: inherit;
    text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    color: #e21900;
    text-decoration: none;
}

h1 {
    font-size: 72px;
}

h2 {
    font-size: 48px;
}

h3 {
    font-size: 36px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 16px;
}

h3, h1, h2, h3 {
    margin-top: 0;
    margin-bottom: 25px;
}

h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 25px;
}

img {
    max-width: 100%;
}

blockquote {
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    font-size: 24px;
    font-family: "Playfair Display", serif;
    padding: 40px 0;
    margin: 0;
    position: relative;
    color: #222;
    text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}

blockquote:before {
    content: "\F10E";
    font-family: FontAwesome;
    line-height: 1;
    font-size: 35px;
    display: inline-block;
    margin-bottom: 10px;
}

blockquote p:last-child {
    margin-bottom: 0;
}

blockquote i {
    font-size: 40px !important;
    margin-bottom: 20px;
}

blockquote cite {
    display: block;
    font-size: 16px;
    font-style: normal;
    font-family: "Playfair Display", serif;
    margin-top: 15px;
}

abbr {
    color: #67dee8;
    border-width: 2px;
}

mark, .mark {
    background-color: #e21900;
    color: #fff;
}

/* 3. film2_banner_01
--------------------------------------------------------------------------------*/

.banner-01 {
    text-align: center;
    padding: 50px 0;
}

@media (min-width: 992px) {
    .banner-01 {
        padding: 200px 0;
    }
}

.banner-01__content {
    position: relative;
    z-index: 5;
}

.banner-01__content * {
    color: white;
}

.banner-01__content a {
    color: white !important;
}

.banner-01__content a:after, .banner-01__content a:before {
    background-color: white;
}

.banner-01__content h2 {
    line-height: 1.2;
}

@media (min-width: 992px) {
    .banner-01__content h2 {
        margin-bottom: 75px;
    }
}

/* 4. film2_banner_02
--------------------------------------------------------------------------------*/

.hero_slider {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.hero_slider .md-overlay {
    background: linear-gradient(to top, rgba(0, 0, 0, .65) 0%, transparent 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
    /* IE6-9 */
    z-index: 0;
}

.hero_slider canvas {
    z-index: 2;
}

.hero_slider__main {
    position: relative;
    z-index: 2;
}

/* 5. film2_blockquote
--------------------------------------------------------------------------------*/

.blockquote__content {
    line-height: 1.4;
}

/* 6. film2_comment
--------------------------------------------------------------------------------*/

/* 7. Comment
--------------------------------------------------------------------------------*/

.comment__title {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 50px;
    text-transform: uppercase;
}

.fn {
    color: #222;
    font-family: "Playfair Display", serif;
    font-size: 16px;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    margin-bottom: 20px;
}

.comment-avatar {
    float: left;
    text-align: center;
}

.comment-avatar span {
    display: block;
}

.comment-avatar span i {
    margin-right: 5px;
}

.comment-button {
    font-size: 12px;
    font-weight: 600;
    color: #1c1c1c;
    text-transform: uppercase;
    margin: 0 -15px;
    padding-left: 112px;
}

.children {
    list-style: none;
    margin: 0;
    padding: 0;
}

.children .comment {
    position: relative;
    padding: 40px 0 0 40px;
}

.comment-text > p {
    margin-bottom: 0;
}

.comment-list {
    list-style: none;
    padding: 0;
    margin: 0 0 60px;
}

.comment-list > .comment + .comment {
    padding-top: 40px;
    border-top: 1px solid rgba(214, 214, 214, .5);
}

@media (min-width: 992px) {
    .comment-list .children {
        margin-left: 60px;
    }

    .comment-list .children .comment {
        position: relative;
        padding-top: 40px;
    }

    .comment-list .children .comment:before {
        content: "";
        top: 0;
        left: 40px;
        right: 0;
        position: absolute;
        height: 1px;
        background-color: rgba(214, 214, 214, .5);
    }
}

.comment-list .comment-avatar {
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin-bottom: 20px;
    overflow: hidden;
}

.comment-list .comment-avatar img {
    width: 100%;
}

@media (min-width: 992px) {
    .comment-list .comment-avatar {
        width: 80px;
        height: 80px;
        line-height: 80px;
    }
}

.comment-list .comment-content {
    margin-bottom: 40px;
}

.comment-list .comment-metadata {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    margin-bottom: 15px;
    font-size: 14px;
}

.comment-list .comment-metadata > a {
    margin-right: 20px;
    color: #8d8d8d;
}

.comment-list .has-avatar .comment-body {
    margin-left: 90px;
    margin-bottom: 20px;
    padding: 0 10px;
}

/* 8. general_dlmenu
--------------------------------------------------------------------------------*/

.is-drilldown {
    position: relative;
    overflow: hidden;
    width: 100%;
    float: right;
}

.is-drilldown li {
    display: block;
}

.menu {
    list-style: none;
    position: relative;
    padding: 0;
    margin: 0;
    text-align: right;
    width: 100%;
}

@media (min-width: 480px) {
    .menu {
        min-width: 300px;
    }
}

.menu a {
    line-height: 1;
    display: block;
    text-decoration: none;
}

.drilldown .is-drilldown-submenu {
    position: absolute;
    top: 0;
    right: 100%;
    z-index: -1;
    width: 100%;
    transition: transform .3s ease-out, z-index .3s ease-out;
    background: #f8f7f2;
}

.drilldown .is-drilldown-submenu.is-active {
    z-index: 1;
    transform: translate(100%);
}

.drilldown .is-drilldown-submenu-parent {
    position: relative;
}

.drilldown .drilldown-arrow {
    content: '';
    position: absolute;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: 1;
    cursor: pointer;
}

.drilldown a {
    display: block;
    padding: 10px 0;
    color: #222;
    font-size: 16px;
    text-transform: uppercase;
    font-family: "Playfair Display", serif;
}

@media (min-width: 992px) {
    .drilldown a {
        font-size: 24px;
    }
}

.drilldown a:hover {
    color: #e21900;
}

.drilldown .drilldown-submenu-cover-previous {
    min-height: 100%;
}

.drilldown .js-drilldown-back {
	color: #222;
	font-size: 16px;
	text-transform: uppercase;
	font-family: "Playfair Display", serif;
	cursor: pointer;
}

.drilldown .js-drilldown-back:hover {
	color: #e21900;
}

@media (min-width: 992px) {
	.drilldown .js-drilldown-back {
		font-size: 24px;
	}
}

.drilldown .js-drilldown-back::before {
    content: "\F177";
    font-family: FontAwesome;
    margin-right: 15px;
}

.drilldown-submenu li {
    display: none;
}

.drilldown-submenu li .is-active li {
    display: block;
}

.drilldown-submenu li.is-drilldown-submenu-parent-open {
    display: block;
}

/* 9. film2_dropdown
--------------------------------------------------------------------------------*/

.dropdown {
    position: relative;
    display: inline-block;
    text-transform: capitalize;
    margin-bottom: 30px;
}

.dropdown .dropdown__toggle {
    margin: 0 5px;
    text-transform: uppercase;
}

.dropdown .dropdown__toggle i {
    font-size: 10px;
    margin-top: -5px;
    display: inline-block;
    vertical-align: middle;
}

.dropdown__content {
    top: 100%;
    right: 0;
    position: absolute;
    background-color: white;
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .1);
    display: block !important;
    padding: 40px 10px;
    line-height: 1.5;
    min-width: 160px;
    font-family: "Playfair Display", serif;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all ease .3s;
    z-index: 99;
}

.dropdown__content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.dropdown__content ul li {
    width: 50%;
    float: left;
}

.dropdown__content ul li a {
    font-size: 14px;
    color: #8d8d8d;
    padding: 10px 0;
    display: block;
    text-transform: uppercase;
}

.dropdown__content ul li a:hover {
    color: #e21900;
}

.dropdown__content.open {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: translate(0);
}

.dropdown__content[data-position="left"] {
    left: 0;
    right: auto;
}

.dropdown__content[data-position="center"] {
    left: 50%;
    transform: translate(-50%, 15px);
}

.dropdown__content[data-position="center"].open {
    transform: translate(-50%, 0);
}

.dropdown__title {
    font-size: 16px;
}

.dropdown__medium .dropdown__content {
    padding: 20px 10px;
    width: 100%;
    min-width: 320px;
}

.dropdown__medium .dropdown__content ul > li > a {
    padding: 10px;
}

@media (min-width: 768px) {
    .dropdown__medium .dropdown__content {
        min-width: 670px;
        padding: 30px 20px;
    }

    .dropdown__medium .dropdown__content ul > li > a {
        padding: 10px 0 10px 30px;
    }
}

.dropdown__big {
    font-size: 24px;
}

@media (min-width: 992px) {
    .dropdown__big {
        margin-bottom: 80px;
    }
}

.dropdown__big .dropdown__toggle {
    color: #222;
}

.dropdown__big .dropdown__toggle i {
    font-size: 12px;
}

.dropdown__classic ul li {
    float: none;
    width: 100%;
}

.dropdown__classic .dropdown__content {
    padding: 20px;
    min-width: 100px;
}

/* 10. film2_form_01
--------------------------------------------------------------------------------*/

.form-01 {
    overflow: hidden;
    margin: 0 -15px;
}

.form-01__subscribe {
    display: table;
    margin: 0;
}

.form-01__subscribe .form__item {
    float: left;
    width: 100%;
    display: table-cell;
    padding: 0 15px 0 0;
}

.form-01__subscribe .form__item input {
    margin-bottom: 0;
}

.form-01__subscribe .form__button {
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    width: 1%;
    float: none;
}

.form-01__subscribe .form__button .btn {
    color: white;
}

.form__title {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 50px;
    text-transform: uppercase;
}

.form__item {
    position: relative;
    min-height: 1px;
    padding: 0 15px;
    float: left;
    width: 100%;
}

@media (min-width: 992px) {
    .form__item.form__item--02 {
        width: 50%;
    }

    .form__item.form__item--03 {
        width: 33.3333%;
    }

    .form__item.form__item--04 {
        width: 25%;
    }

    .form__item.form__item--x2 {
        width: 50%;
    }
}

.form__button {
    position: relative;
    padding: 0 15px;
    width: 100%;
    float: left;
    margin-top: 20px;
}

.form-01__modern .form__item input, .form-01__modern .form__item textarea {
    border-bottom: 1px solid #d6d6d6;
    padding: 0;
}

.form-01__modern .form__item input:focus,
.form-01__modern .form__item textarea:focus {
    border-color: #222;
}

/* 11. film2_gallery
--------------------------------------------------------------------------------*/

.gallery-grid {
    position: relative;
}

.gallery-grid:after {
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background-color: rgba(0, 0, 0, .4);
    transition: all ease .3s;
}

.gallery-grid:hover .gallery__title a:hover {
    color: white;
    text-decoration: underline;
}

.gallery-grid:hover:after {
    opacity: 0;
    visibility: hidden;
}

.gallery-grid:hover .gallery__content {
    bottom: 50%;
    transform: translateY(50%);
    background: black;
    padding: 20px;
}

.gallery__image img {
    width: 100%;
    height: 100%;
}

.gallery__content {
    left: 20px;
    right: 20px;
    bottom: 20px;
    position: absolute;
    padding: 0;
    z-index: 2;
    transition: all ease .3s;
    background: transparent;
}

@media (min-width: 992px) {
    .gallery__content {
        bottom: 50px;
        left: 45px;
        right: 45px;
    }
}

.gallery__title {
    font-size: 18px;
    color: white;
    margin-bottom: 15px;
}

@media (min-width: 992px) {
    .gallery__title {
        font-size: 24px;
    }
}

.gallery__text {
    color: #d6d6d6;
}

.grid-css .grid-item .grid-item__inner {
    position: relative;
}

.grid-css.grid-css--grid .grid-item__content-wrapper {
    position: absolute;
}

.grid-css .grid-item .grid-item__inner .grid-item__content-wrapper {
    overflow: hidden;
}

.grid-css.grid-css--grid .grid-item__content-wrapper {
    margin: 0 !important;
}

.grid-css.grid-css--grid .grid-item__inner {
    padding-top: 100%;
}

.grid-css.grid-css--grid .grid-item.extra-large .grid-item__inner,
.grid-css.grid-css--grid .grid-item.wide .grid-item__inner {
    padding-top: 50%;
}

.grid-css.grid-css--grid .grid-item.high .grid-item__inner {
    padding-top: 199.996%;
}

.grid-css.grid-css--grid[data-ratio="4by3"] .grid-item__inner {
    padding-top: 75%;
}

.grid-css.grid-css--grid[data-ratio="4by3"] .grid-item.extra-large .grid-item__inner,
.grid-css.grid-css--grid[data-ratio="4by3"] .grid-item.wide .grid-item__inner {
    padding-top: 37.5%;
}

.grid-css.grid-css--grid[data-ratio="4by3"] .grid-item.high .grid-item__inner {
    padding-top: 149.996%;
}

.grid-css.grid-css--grid[data-ratio="16by9"] .grid-item__inner {
    padding-top: 56.25%;
}

.grid-css.grid-css--grid[data-ratio="16by9"] .grid-item.extra-large .grid-item__inner,
.grid-css.grid-css--grid[data-ratio="16by9"] .grid-item.wide .grid-item__inner {
    padding-top: 28.125%;
}

.grid-css.grid-css--grid[data-ratio="16by9"] .grid-item.high .grid-item__inner {
    padding-top: 112.496%;
}

[data-col-xs="1"].grid-css .grid-item, [data-col-xs="1"].grid-css .grid-sizer {
    width: 99.998%;
}

[data-col-xs="2"].grid-css .grid-item, [data-col-xs="2"].grid-css .grid-sizer {
    width: 49.999%;
}

[data-col-xs="2"].grid-css .grid-item.wide,
[data-col-xs="2"].grid-css .grid-item.large {
    width: 99.998%;
}

[data-col-xs="2"].grid-css .grid-item.extra-large {
    width: 99.998%;
}

[data-col-xs="3"].grid-css .grid-item, [data-col-xs="3"].grid-css .grid-sizer {
    width: 33.33267%;
}

[data-col-xs="3"].grid-css .grid-item.wide,
[data-col-xs="3"].grid-css .grid-item.large {
    width: 66.66533%;
}

[data-col-xs="3"].grid-css .grid-item.extra-large {
    width: 99.998%;
}

[data-col-xs="4"].grid-css .grid-item, [data-col-xs="4"].grid-css .grid-sizer {
    width: 24.9995%;
}

[data-col-xs="4"].grid-css .grid-item.wide,
[data-col-xs="4"].grid-css .grid-item.large {
    width: 49.999%;
}

[data-col-xs="4"].grid-css .grid-item.extra-large {
    width: 99.998%;
}

[data-col-xs="5"].grid-css .grid-item, [data-col-xs="5"].grid-css .grid-sizer {
    width: 19.9996%;
}

[data-col-xs="5"].grid-css .grid-item.wide,
[data-col-xs="5"].grid-css .grid-item.large {
    width: 39.9992%;
}

[data-col-xs="5"].grid-css .grid-item.extra-large {
    width: 99.998%;
}

[data-col-xs="6"].grid-css .grid-item, [data-col-xs="6"].grid-css .grid-sizer {
    width: 16.66633%;
}

[data-col-xs="6"].grid-css .grid-item.wide,
[data-col-xs="6"].grid-css .grid-item.large {
    width: 33.33267%;
}

[data-col-xs="6"].grid-css .grid-item.extra-large {
    width: 99.998%;
}

[data-col-xs="7"].grid-css .grid-item, [data-col-xs="7"].grid-css .grid-sizer {
    width: 14.28543%;
}

[data-col-xs="7"].grid-css .grid-item.wide,
[data-col-xs="7"].grid-css .grid-item.large {
    width: 28.57086%;
}

[data-col-xs="7"].grid-css .grid-item.extra-large {
    width: 99.998%;
}

[data-col-xs="8"].grid-css .grid-item, [data-col-xs="8"].grid-css .grid-sizer {
    width: 12.49975%;
}

[data-col-xs="8"].grid-css .grid-item.wide,
[data-col-xs="8"].grid-css .grid-item.large {
    width: 24.9995%;
}

[data-col-xs="8"].grid-css .grid-item.extra-large {
    width: 99.998%;
}

[data-col-xs="9"].grid-css .grid-item, [data-col-xs="9"].grid-css .grid-sizer {
    width: 11.11089%;
}

[data-col-xs="9"].grid-css .grid-item.wide,
[data-col-xs="9"].grid-css .grid-item.large {
    width: 22.22178%;
}

[data-col-xs="9"].grid-css .grid-item.extra-large {
    width: 99.998%;
}

[data-col-xs="10"].grid-css .grid-item, [data-col-xs="10"].grid-css .grid-sizer {
    width: 9.9998%;
}

[data-col-xs="10"].grid-css .grid-item.wide,
[data-col-xs="10"].grid-css .grid-item.large {
    width: 19.9996%;
}

[data-col-xs="10"].grid-css .grid-item.extra-large {
    width: 99.998%;
}

@media (min-width: 768px) {
    [data-col-sm="1"].grid-css .grid-item,
    [data-col-sm="1"].grid-css .grid-sizer {
        width: 99.998%;
    }
}

@media (min-width: 768px) {
    [data-col-sm="2"].grid-css .grid-item,
    [data-col-sm="2"].grid-css .grid-sizer {
        width: 49.999%;
    }

    [data-col-sm="2"].grid-css .grid-item.wide,
    [data-col-sm="2"].grid-css .grid-item.large {
        width: 99.998%;
    }

    [data-col-sm="2"].grid-css .grid-item.extra-large {
        width: 99.998%;
    }
}

@media (min-width: 768px) {
    [data-col-sm="3"].grid-css .grid-item,
    [data-col-sm="3"].grid-css .grid-sizer {
        width: 33.33267%;
    }

    [data-col-sm="3"].grid-css .grid-item.wide,
    [data-col-sm="3"].grid-css .grid-item.large {
        width: 66.66533%;
    }

    [data-col-sm="3"].grid-css .grid-item.extra-large {
        width: 99.998%;
    }
}

@media (min-width: 768px) {
    [data-col-sm="4"].grid-css .grid-item,
    [data-col-sm="4"].grid-css .grid-sizer {
        width: 24.9995%;
    }

    [data-col-sm="4"].grid-css .grid-item.wide,
    [data-col-sm="4"].grid-css .grid-item.large {
        width: 49.999%;
    }

    [data-col-sm="4"].grid-css .grid-item.extra-large {
        width: 99.998%;
    }
}

@media (min-width: 768px) {
    [data-col-sm="5"].grid-css .grid-item,
    [data-col-sm="5"].grid-css .grid-sizer {
        width: 19.9996%;
    }

    [data-col-sm="5"].grid-css .grid-item.wide,
    [data-col-sm="5"].grid-css .grid-item.large {
        width: 39.9992%;
    }

    [data-col-sm="5"].grid-css .grid-item.extra-large {
        width: 99.998%;
    }
}

@media (min-width: 768px) {
    [data-col-sm="6"].grid-css .grid-item,
    [data-col-sm="6"].grid-css .grid-sizer {
        width: 16.66633%;
    }

    [data-col-sm="6"].grid-css .grid-item.wide,
    [data-col-sm="6"].grid-css .grid-item.large {
        width: 33.33267%;
    }

    [data-col-sm="6"].grid-css .grid-item.extra-large {
        width: 99.998%;
    }
}

@media (min-width: 768px) {
    [data-col-sm="7"].grid-css .grid-item,
    [data-col-sm="7"].grid-css .grid-sizer {
        width: 14.28543%;
    }

    [data-col-sm="7"].grid-css .grid-item.wide,
    [data-col-sm="7"].grid-css .grid-item.large {
        width: 28.57086%;
    }

    [data-col-sm="7"].grid-css .grid-item.extra-large {
        width: 99.998%;
    }
}

@media (min-width: 768px) {
    [data-col-sm="8"].grid-css .grid-item,
    [data-col-sm="8"].grid-css .grid-sizer {
        width: 12.49975%;
    }

    [data-col-sm="8"].grid-css .grid-item.wide,
    [data-col-sm="8"].grid-css .grid-item.large {
        width: 24.9995%;
    }

    [data-col-sm="8"].grid-css .grid-item.extra-large {
        width: 99.998%;
    }
}

@media (min-width: 768px) {
    [data-col-sm="9"].grid-css .grid-item,
    [data-col-sm="9"].grid-css .grid-sizer {
        width: 11.11089%;
    }

    [data-col-sm="9"].grid-css .grid-item.wide,
    [data-col-sm="9"].grid-css .grid-item.large {
        width: 22.22178%;
    }

    [data-col-sm="9"].grid-css .grid-item.extra-large {
        width: 99.998%;
    }
}

@media (min-width: 768px) {
    [data-col-sm="10"].grid-css .grid-item,
    [data-col-sm="10"].grid-css .grid-sizer {
        width: 9.9998%;
    }

    [data-col-sm="10"].grid-css .grid-item.wide,
    [data-col-sm="10"].grid-css .grid-item.large {
        width: 19.9996%;
    }

    [data-col-sm="10"].grid-css .grid-item.extra-large {
        width: 99.998%;
    }
}

@media (min-width: 992px) {
    [data-col-md="1"].grid-css .grid-item,
    [data-col-md="1"].grid-css .grid-sizer {
        width: 99.998%;
    }
}

@media (min-width: 992px) {
    [data-col-md="2"].grid-css .grid-item,
    [data-col-md="2"].grid-css .grid-sizer {
        width: 49.999%;
    }

    [data-col-md="2"].grid-css .grid-item.wide,
    [data-col-md="2"].grid-css .grid-item.large {
        width: 99.998%;
    }

    [data-col-md="2"].grid-css .grid-item.extra-large {
        width: 99.998%;
    }
}

@media (min-width: 992px) {
    [data-col-md="3"].grid-css .grid-item,
    [data-col-md="3"].grid-css .grid-sizer {
        width: 33.33267%;
    }

    [data-col-md="3"].grid-css .grid-item.wide,
    [data-col-md="3"].grid-css .grid-item.large {
        width: 66.66533%;
    }

    [data-col-md="3"].grid-css .grid-item.extra-large {
        width: 99.998%;
    }
}

@media (min-width: 992px) {
    [data-col-md="4"].grid-css .grid-item,
    [data-col-md="4"].grid-css .grid-sizer {
        width: 24.9995%;
    }

    [data-col-md="4"].grid-css .grid-item.wide,
    [data-col-md="4"].grid-css .grid-item.large {
        width: 49.999%;
    }

    [data-col-md="4"].grid-css .grid-item.extra-large {
        width: 99.998%;
    }
}

@media (min-width: 992px) {
    [data-col-md="5"].grid-css .grid-item,
    [data-col-md="5"].grid-css .grid-sizer {
        width: 19.9996%;
    }

    [data-col-md="5"].grid-css .grid-item.wide,
    [data-col-md="5"].grid-css .grid-item.large {
        width: 39.9992%;
    }

    [data-col-md="5"].grid-css .grid-item.extra-large {
        width: 99.998%;
    }
}

@media (min-width: 992px) {
    [data-col-md="6"].grid-css .grid-item,
    [data-col-md="6"].grid-css .grid-sizer {
        width: 16.66633%;
    }

    [data-col-md="6"].grid-css .grid-item.wide,
    [data-col-md="6"].grid-css .grid-item.large {
        width: 33.33267%;
    }

    [data-col-md="6"].grid-css .grid-item.extra-large {
        width: 99.998%;
    }
}

@media (min-width: 992px) {
    [data-col-md="7"].grid-css .grid-item,
    [data-col-md="7"].grid-css .grid-sizer {
        width: 14.28543%;
    }

    [data-col-md="7"].grid-css .grid-item.wide,
    [data-col-md="7"].grid-css .grid-item.large {
        width: 28.57086%;
    }

    [data-col-md="7"].grid-css .grid-item.extra-large {
        width: 99.998%;
    }
}

@media (min-width: 992px) {
    [data-col-md="8"].grid-css .grid-item,
    [data-col-md="8"].grid-css .grid-sizer {
        width: 12.49975%;
    }

    [data-col-md="8"].grid-css .grid-item.wide,
    [data-col-md="8"].grid-css .grid-item.large {
        width: 24.9995%;
    }

    [data-col-md="8"].grid-css .grid-item.extra-large {
        width: 99.998%;
    }
}

@media (min-width: 992px) {
    [data-col-md="9"].grid-css .grid-item,
    [data-col-md="9"].grid-css .grid-sizer {
        width: 11.11089%;
    }

    [data-col-md="9"].grid-css .grid-item.wide,
    [data-col-md="9"].grid-css .grid-item.large {
        width: 22.22178%;
    }

    [data-col-md="9"].grid-css .grid-item.extra-large {
        width: 99.998%;
    }
}

@media (min-width: 992px) {
    [data-col-md="10"].grid-css .grid-item,
    [data-col-md="10"].grid-css .grid-sizer {
        width: 9.9998%;
    }

    [data-col-md="10"].grid-css .grid-item.wide,
    [data-col-md="10"].grid-css .grid-item.large {
        width: 19.9996%;
    }

    [data-col-md="10"].grid-css .grid-item.extra-large {
        width: 99.998%;
    }
}

@media (min-width: 1200px) {
    [data-col-lg="1"].grid-css .grid-item,
    [data-col-lg="1"].grid-css .grid-sizer {
        width: 99.998%;
    }
}

@media (min-width: 1200px) {
    [data-col-lg="2"].grid-css .grid-item,
    [data-col-lg="2"].grid-css .grid-sizer {
        width: 49.999%;
    }

    [data-col-lg="2"].grid-css .grid-item.wide,
    [data-col-lg="2"].grid-css .grid-item.large {
        width: 99.998%;
    }

    [data-col-lg="2"].grid-css .grid-item.extra-large {
        width: 99.998%;
    }
}

@media (min-width: 1200px) {
    [data-col-lg="3"].grid-css .grid-item,
    [data-col-lg="3"].grid-css .grid-sizer {
        width: 33.33267%;
    }

    [data-col-lg="3"].grid-css .grid-item.wide,
    [data-col-lg="3"].grid-css .grid-item.large {
        width: 66.66533%;
    }

    [data-col-lg="3"].grid-css .grid-item.extra-large {
        width: 99.998%;
    }
}

@media (min-width: 1200px) {
    [data-col-lg="4"].grid-css .grid-item,
    [data-col-lg="4"].grid-css .grid-sizer {
        width: 24.9995%;
    }

    [data-col-lg="4"].grid-css .grid-item.wide,
    [data-col-lg="4"].grid-css .grid-item.large {
        width: 49.999%;
    }

    [data-col-lg="4"].grid-css .grid-item.extra-large {
        width: 99.998%;
    }
}

@media (min-width: 1200px) {
    [data-col-lg="5"].grid-css .grid-item,
    [data-col-lg="5"].grid-css .grid-sizer {
        width: 19.9996%;
    }

    [data-col-lg="5"].grid-css .grid-item.wide,
    [data-col-lg="5"].grid-css .grid-item.large {
        width: 39.9992%;
    }

    [data-col-lg="5"].grid-css .grid-item.extra-large {
        width: 99.998%;
    }
}

@media (min-width: 1200px) {
    [data-col-lg="6"].grid-css .grid-item,
    [data-col-lg="6"].grid-css .grid-sizer {
        width: 16.66633%;
    }

    [data-col-lg="6"].grid-css .grid-item.wide,
    [data-col-lg="6"].grid-css .grid-item.large {
        width: 33.33267%;
    }

    [data-col-lg="6"].grid-css .grid-item.extra-large {
        width: 99.998%;
    }
}

@media (min-width: 1200px) {
    [data-col-lg="7"].grid-css .grid-item,
    [data-col-lg="7"].grid-css .grid-sizer {
        width: 14.28543%;
    }

    [data-col-lg="7"].grid-css .grid-item.wide,
    [data-col-lg="7"].grid-css .grid-item.large {
        width: 28.57086%;
    }

    [data-col-lg="7"].grid-css .grid-item.extra-large {
        width: 99.998%;
    }
}

@media (min-width: 1200px) {
    [data-col-lg="8"].grid-css .grid-item,
    [data-col-lg="8"].grid-css .grid-sizer {
        width: 12.49975%;
    }

    [data-col-lg="8"].grid-css .grid-item.wide,
    [data-col-lg="8"].grid-css .grid-item.large {
        width: 24.9995%;
    }

    [data-col-lg="8"].grid-css .grid-item.extra-large {
        width: 99.998%;
    }
}

@media (min-width: 1200px) {
    [data-col-lg="9"].grid-css .grid-item,
    [data-col-lg="9"].grid-css .grid-sizer {
        width: 11.11089%;
    }

    [data-col-lg="9"].grid-css .grid-item.wide,
    [data-col-lg="9"].grid-css .grid-item.large {
        width: 22.22178%;
    }

    [data-col-lg="9"].grid-css .grid-item.extra-large {
        width: 99.998%;
    }
}

@media (min-width: 1200px) {
    [data-col-lg="10"].grid-css .grid-item,
    [data-col-lg="10"].grid-css .grid-sizer {
        width: 9.9998%;
    }

    [data-col-lg="10"].grid-css .grid-item.wide,
    [data-col-lg="10"].grid-css .grid-item.large {
        width: 19.9996%;
    }

    [data-col-lg="10"].grid-css .grid-item.extra-large {
        width: 99.998%;
    }
}

[data-gap="5"].grid-css .grid__inner {
    margin: -3px;
}

[data-gap="5"].grid-css .grid-item .grid-item__content-wrapper {
    margin: 3px;
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;
}

[data-gap="10"].grid-css .grid__inner {
    margin: -5px;
}

[data-gap="10"].grid-css .grid-item .grid-item__content-wrapper {
    margin: 5px;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
}

[data-gap="15"].grid-css .grid__inner {
    margin: -8px;
}

[data-gap="15"].grid-css .grid-item .grid-item__content-wrapper {
    margin: 8px;
    top: 8px;
    right: 8px;
    bottom: 8px;
    left: 8px;
}

[data-gap="20"].grid-css .grid__inner {
    margin: -10px;
}

[data-gap="20"].grid-css .grid-item .grid-item__content-wrapper {
    margin: 10px;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
}

[data-gap="25"].grid-css .grid__inner {
    margin: -13px;
}

[data-gap="25"].grid-css .grid-item .grid-item__content-wrapper {
    margin: 13px;
    top: 13px;
    right: 13px;
    bottom: 13px;
    left: 13px;
}

[data-gap="30"].grid-css .grid__inner {
    margin: -15px;
}

[data-gap="30"].grid-css .grid-item .grid-item__content-wrapper {
    margin: 15px;
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
}

[data-gap="35"].grid-css .grid__inner {
    margin: -18px;
}

[data-gap="35"].grid-css .grid-item .grid-item__content-wrapper {
    margin: 18px;
    top: 18px;
    right: 18px;
    bottom: 18px;
    left: 18px;
}

[data-gap="40"].grid-css .grid__inner {
    margin: -20px;
}

[data-gap="40"].grid-css .grid-item .grid-item__content-wrapper {
    margin: 20px;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
}

[data-gap="45"].grid-css .grid__inner {
    margin: -23px;
}

[data-gap="45"].grid-css .grid-item .grid-item__content-wrapper {
    margin: 23px;
    top: 23px;
    right: 23px;
    bottom: 23px;
    left: 23px;
}

[data-gap="50"].grid-css .grid__inner {
    margin: -25px;
}

[data-gap="50"].grid-css .grid-item .grid-item__content-wrapper {
    margin: 25px;
    top: 25px;
    right: 25px;
    bottom: 25px;
    left: 25px;
}

/* 12. grid css
--------------------------------------------------------------------------------*/

.grid-css .grid__inner {
    margin: 0;
}

.grid-css .grid-item, .grid-css .grid-sizer {
    width: 99.998%;
}

.grid-css .grid-item .grid-item__inner .grid-item__content-wrapper {
    background-color: #ccc;
}

.grid-css.grid-css--grid .grid-item__content-wrapper {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.grid-css {
    margin-bottom: 80px;
}

.grid-css .grid-item .grid-item__inner .grid-item__content-wrapper {
    background-color: transparent;
}

/* 13. film2_heading
--------------------------------------------------------------------------------*/

.heading {
    text-align: center;
    margin-bottom: 40px;
}

.heading h2 {
    text-transform: capitalize;
}

@media (min-width: 993px) {
    .heading {
        margin-bottom: 70px;
    }

    .heading > h2 {
        font-size: 72px;
        line-height: 1;
    }
}

.heading__medium h2 {
    font-size: 48px;
}

.heading__small {
    border-top: 1px solid rgba(214, 214, 214, .5);
    padding-top: 35px;
}

@media (min-width: 992px) {
    .heading__small {
        margin-bottom: 60px;
    }
}

.heading__small > h2 {
    font-size: 36px;
}

.heading__mini {
    border-top: 1px solid rgba(214, 214, 214, .5);
    padding-top: 20px;
    margin-top: 40px;
}

@media (min-width: 992px) {
    .heading__mini {
        margin-bottom: 40px;
        padding-top: 45px;
    }
}

.heading__mini > h2 {
    font-size: 20px;
}

.heading__classic {
    margin-bottom: 55px;
}

.heading__classic > h2 {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
}

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

/* 14. Popup
--------------------------------------------------------------------------------*/

.popup-video > a[data-init="magnificPopup"] {
    width: 45px;
    height: 45px;
    line-height: 43px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .8);
    display: inline-block;
    text-align: center;
    font-size: 18px;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}

.popup-video > a[data-init="magnificPopup"] i {
    margin-left: 5px;
}

.popup-video > a[data-init="magnificPopup"]:hover {
    background-color: white;
}

.mfp-bottom-bar {
    margin-top: -15px;
}

.mfp-image-holder .mfp-content {
    max-width: 80%;
}

@media (min-width: 768px) {
    .mfp-image-holder .mfp-content {
        max-width: 100%;
    }
}

.mfp-arrow:after {
    display: none;
}

.mfp-arrow:before {
    font-family: FontAwesome;
    opacity: 1;
    color: white;
    font-size: 70px;
    border: none;
    margin-top: 0;
}

.mfp-arrow.mfp-arrow-right:before {
    content: "\F105";
}

.mfp-arrow.mfp-arrow-left:before {
    content: "\F104";
}

.mfp-zoom-in .mfp-with-anim {
    opacity: 0;
    transition: all .2s ease-in-out;
    transform: scale(.8);
}

.mfp-zoom-in.mfp-bg {
    opacity: 0;
    transition: all .3s ease-out;
}

.mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1);
}

.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: .8;
}

.mfp-zoom-in.mfp-removing .mfp-with-anim {
    transform: scale(.8);
    opacity: 0;
}

.mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}

.mfp-newspaper .mfp-with-anim {
    opacity: 0;
    transition: all .5s;
    transform: scale(0) rotate(500deg);
}

.mfp-newspaper.mfp-bg {
    opacity: 0;
    transition: all .5s;
}

.mfp-newspaper.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1) rotate(0deg);
}

.mfp-newspaper.mfp-ready.mfp-bg {
    opacity: .8;
}

.mfp-newspaper.mfp-removing .mfp-with-anim {
    transform: scale(0) rotate(500deg);
    opacity: 0;
}

.mfp-newspaper.mfp-removing.mfp-bg {
    opacity: 0;
}

.mfp-move-horizontal .mfp-with-anim {
    opacity: 0;
    transition: all .3s;
    transform: translateX(-50px);
}

.mfp-move-horizontal.mfp-bg {
    opacity: 0;
    transition: all .3s;
}

.mfp-move-horizontal.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: translateX(0);
}

.mfp-move-horizontal.mfp-ready.mfp-bg {
    opacity: .8;
}

.mfp-move-horizontal.mfp-removing .mfp-with-anim {
    transform: translateX(50px);
    opacity: 0;
}

.mfp-move-horizontal.mfp-removing.mfp-bg {
    opacity: 0;
}

.mfp-move-from-top .mfp-content {
    vertical-align: top;
}

.mfp-move-from-top .mfp-with-anim {
    opacity: 0;
    transition: all .2s;
    transform: translateY(-100px);
}

.mfp-move-from-top.mfp-bg {
    opacity: 0;
    transition: all .2s;
}

.mfp-move-from-top.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: translateY(0);
}

.mfp-move-from-top.mfp-ready.mfp-bg {
    opacity: .8;
}

.mfp-move-from-top.mfp-removing .mfp-with-anim {
    transform: translateY(-50px);
    opacity: 0;
}

.mfp-move-from-top.mfp-removing.mfp-bg {
    opacity: 0;
}

.mfp-3d-unfold .mfp-content {
    perspective: 2000px;
}

.mfp-3d-unfold .mfp-with-anim {
    opacity: 0;
    transition: all .3s ease-in-out;
    transform-style: preserve-3d;
    transform: rotateY(-60deg);
}

.mfp-3d-unfold.mfp-bg {
    opacity: 0;
    transition: all .5s;
}

.mfp-3d-unfold.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: rotateY(0deg);
}

.mfp-3d-unfold.mfp-ready.mfp-bg {
    opacity: .8;
}

.mfp-3d-unfold.mfp-removing .mfp-with-anim {
    transform: rotateY(60deg);
    opacity: 0;
}

.mfp-3d-unfold.mfp-removing.mfp-bg {
    opacity: 0;
}

.mfp-zoom-out .mfp-with-anim {
    opacity: 0;
    transition: all .3s ease-in-out;
    transform: scale(1.3);
}

.mfp-zoom-out.mfp-bg {
    opacity: 0;
    transition: all .3s ease-out;
}

.mfp-zoom-out.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1);
}

.mfp-zoom-out.mfp-ready.mfp-bg {
    opacity: .8;
}

.mfp-zoom-out.mfp-removing .mfp-with-anim {
    transform: scale(1.3);
    opacity: 0;
}

.mfp-zoom-out.mfp-removing.mfp-bg {
    opacity: 0;
}

/* 15. film2_portfolio_01
--------------------------------------------------------------------------------*/

.portfolio-01 {
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 50px;
}

@media (min-width: 992px) {
    .portfolio-01 {
        margin-bottom: 150px;
    }
}

.portfolio-01__media img {
    width: 100%;
}

.portfolio-01__content {
    padding: 35px 0;
}

.portfolio-01__title {
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.portfolio-01__description {
    color: #222;
}

/* 16. film2_post_01
--------------------------------------------------------------------------------*/

@media (min-width: 992px) {
    .post-01 {
        margin-bottom: 60px;
    }
}

.post-01:hover .post-01__image:before, .post-01:hover .post-01__image:after {
    transform: scale(1);
}

.post-01:hover .post-01__image img {
    transform: scale(1.1, 1.1);
}

.post-01__image {
    transition: .5s;
    position: relative;
    overflow: hidden;
}

.post-01__image:before, .post-01__image:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    transform: scale(0);
    transition: .5s;
}

.post-01__image:before {
    border-bottom: 5px solid #e21900;
    border-left: 5px solid #e21900;
    transform-origin: 0% 100%;
}

.post-01__image:after {
    border-top: 5px solid #e21900;
    border-right: 5px solid #e21900;
    transform-origin: 100% 0%;
}

.post-01__image img {
    width: 100%;
    transition: all ease .5s;
}

.post-01__content {
    padding: 30px 0;
}

.post-01__categories, .post-01__time {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: inline-block;
    margin-bottom: 10px;
}

.post-01__categories {
    list-style: none;
    padding: 0;
    margin: 0 20px 10px 0;
}

.post-01__categories li {
    display: inline-block;
    margin-right: 5px;
}

.post-01__title {
    font-size: 24px;
}

.post-01__big .post-01__title {
    font-size: 36px;
}

.post-01__small {
    border-bottom: 1px solid rgba(214, 214, 214, .5);
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.post-01__small:last-child {
    border-bottom: none;
}

.post-01__small .post-01__time {
    font-size: 12px;
    letter-spacing: 2px;
    margin-bottom: 10px;
}

.post-01__small .post-01__title {
    font-size: 16px;
    margin-bottom: 10px;
}

.post-01__small .post-01__content {
    padding: 0;
}

.post-01__modern {
    border-bottom: 1px solid rgba(214, 214, 214, .5);
    margin-bottom: 0;
}

.post-01__modern .post-01__time {
    font-size: 12px;
    letter-spacing: 2px;
    margin-bottom: 5px;
}

.post-01__modern .post-01__title {
    font-size: 16px;
    margin-bottom: 10px;
}

.post-01__modern .post-01__content {
    padding: 40px 0;
}

.post-01__classic {
    position: relative;
    margin-bottom: 30px;
}

.post-01__classic .post-01__image {
    width: 105px;
    float: left;
}

.post-01__classic .post-01__title {
    font-size: 14px;
    margin-bottom: 10px;
}

.post-01__classic .post-01__content {
    overflow: hidden;
    padding: 0 15px;
}

/* 17. film2_post_02
--------------------------------------------------------------------------------*/

@media (min-width: 992px) {
    .post-02 {
        margin-bottom: 60px;
    }
}

.post-02:hover .post-02__image:before, .post-02:hover .post-02__image:after {
    transform: scale(1);
	pointer-events: none;
}

.post-02:hover .post-02__image img {
    transform: scale(1.1, 1.1);
}

.post-02__image {
    transition: .5s;
    position: relative;
    overflow: hidden;
}

.post-02__image:before, .post-02__image:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transform: scale(0);
    transition: .5s;
}

.post-02__image:before {
    border-bottom: 5px solid #e21900;
    border-left: 5px solid #e21900;
    transform-origin: 0% 100%;
}

.post-02__image:after {
    border-top: 5px solid #e21900;
    border-right: 5px solid #e21900;
    transform-origin: 100% 0%;
}

.post-02__image img {
    width: 100%;
    transition: all ease .5s;
}

.post-02__content {
    padding: 15px 0;
}

.post-02__title {
    font-size: 24px;
    margin-bottom: 10px;
}

.post-02__list {
    margin-bottom: 5px;
}

.post-02__list ul {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
}

.post-02__list ul li {
    display: inline-block;
}

.post-02__list ul li:after {
    content: ",";
}

.post-02__namelist {
    color: #222;
    display: inline-block;
}

/* 18. film2_post_03
--------------------------------------------------------------------------------*/

.post-03 {
    max-width: 360px;
    margin: 0 auto 40px;
}

@media (min-width: 768px) {
    .post-03 {
        max-width: 100%;
    }
}

.post-03__image img {
    width: 100%;
}

.post-03__content {
    padding: 25px 0;
}

.post-03__bottom {
    content: "";
}

.post-03__categories {
    list-style: none;
    padding: 0;
    margin: 0;
}

.post-03__categories li {
    display: inline-block;
}

.post-03__categories li a {
    color: #e21900;
    font-size: 16px;
    font-family: "Playfair Display", serif;
    text-transform: uppercase;
    word-break: break-all;
}

.post-03__title {
    font-size: 16px;
    margin-bottom: 5px;
}

.post-03__description {
    font-size: 12px;
}

.post-03__modern {
    overflow: hidden;
    background-color: #f6f6f6;
    position: relative;
    margin-bottom: 30px;
}

.post-03__modern .post-03__image {
    width: 105px;
    float: left;
}

.post-03__modern .post-03__content {
    overflow: hidden;
    padding: 30px 20px;
    left: 105px;
    bottom: 0;
    position: absolute;
}

.post-03__classic {
    overflow: hidden;
    background-color: #f6f6f6;
    position: relative;
    margin-bottom: 30px;
}

@media (min-width: 992px) {
    .post-03__classic {
        margin-bottom: 70px;
    }
}

.post-03__classic .post-03__image {
    width: 50%;
    float: left;
}

.post-03__classic .post-03__content {
    overflow: hidden;
    padding: 30px 20px;
    top: 0;
    left: 50%;
    right: 0;
    bottom: 0;
    position: absolute;
}

.post-03__classic .post-03__categories {
    top: 40px;
    left: 30px;
    right: 30px;
    position: absolute;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(214, 214, 214, .5);
}

.post-03__classic .post-03__bottom {
    left: 30px;
    right: 30px;
    bottom: 25px;
    position: absolute;
}

/* 19. film2_schedule
--------------------------------------------------------------------------------*/

.schedule {
    padding: 30px;
}

.schedule__time {
    color: #222;
    font-size: 30px;
    font-family: "Playfair Display", serif;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.schedule__time span {
    font-size: 100px;
    margin-right: 25px;
    display: inline-block;
    line-height: 1;
}

@media (min-width: 992px) {
    .schedule__time {
        font-size: 45px;
    }

    .schedule__time span {
        font-size: 200px;
    }
}

.schedule__name {
    font-size: 24px;
}

/* 20. film2_social
--------------------------------------------------------------------------------*/

.social {
    overflow: hidden;
}

.social__item {
    width: 30px;
    height: 30px;
    line-height: 28px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 10px;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    color: rgba(246, 246, 246, .5);
    border: 1px solid rgba(246, 246, 246, .5);
}

.social__item:hover {
    color: white;
    background-color: #e21900;
    border-color: #e21900;
}

.social__modern .social__title {
    font-family: "Libre Franklin", sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    color: #8d8d8d;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 5px;
    margin-right: 10px;
}

.social__modern .social__navSocial {
    display: inline-block;
    vertical-align: middle;
}

.social__modern .social__item {
    min-width: 60px;
    text-align: center;
    height: 24px;
    line-height: 24px;
    color: white;
    background-color: #3b5998;
    border-radius: 0;
    margin: 0 5px;
}

.social__modern .social__item i {
    margin-right: 3px;
    display: inline-block;
}

/* 21. Swiper
--------------------------------------------------------------------------------*/

.swiper-pagination-bullets {
    position: absolute;
    z-index: 10;
    bottom: 35px !important;
    text-align: center;
}

@media (min-width: 992px) {
    .swiper-pagination-bullets {
        bottom: 50px !important;
    }
}

.swiper-pagination-bullet {
    vertical-align: middle;
    background-color: white;
    width: 9px;
    height: 9px;
    margin: 10px;
    opacity: 1;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 13px;
    height: 13px;
    background-color: white;
}

.swiper-button-custom .swiper-button-next-custom,
.swiper-button-custom .swiper-button-prev-custom {
    font-size: 30px;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    cursor: pointer;
}

.swiper-button-custom .swiper-button-next-custom.swiper-button-disabled,
.swiper-button-custom .swiper-button-prev-custom.swiper-button-disabled {
    opacity: .5;
}

.swiper-button-custom .swiper-button-next-custom:hover,
.swiper-button-custom .swiper-button-prev-custom:hover {
    color: #e21900;
}

.swiper-button-custom .swiper-button-next-custom {
    right: 0;
}

.swiper-button-custom .swiper-button-prev-custom {
    left: 0;
}

@media (min-width: 1200px) {
    .swiper-button-custom .swiper-button-next-custom {
        right: -50px;
    }

    .swiper-button-custom .swiper-button-prev-custom {
        left: -50px;
    }
}

.swiper-slide img {
    width: 100%;
}

.directory-swiper {
    position: relative;
}

.directory-swiper .swiper-container {
    position: static;
}

.directory-swiper .swiper-button-prev-custom,
.directory-swiper .swiper-button-next-custom {
    background-color: #5e5e5e;
    color: #222;
    font-size: 14px;
    text-align: center;
    margin-top: -50px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    z-index: 9;
}

@media (min-width: 1200px) {
    .directory-swiper .swiper-button-prev-custom,
    .directory-swiper .swiper-button-next-custom {
        width: 50px;
        height: 50px;
        line-height: 50px;
        border-radius: 50%;
        overflow: hidden;
    }
}

.directory-swiper-02 {
    padding: 0 15px;
}

@media (min-width: 992px) {
    .directory-swiper-02 {
        padding: 0 70px;
    }
}

.directory-swiper-03 .swiper-pagination-bullets {
    position: static;
    margin-top: 40px;
}

@media (min-width: 992px) {
    .directory-swiper-03 .swiper-pagination-bullets {
        margin-top: 80px;
    }
}

.directory-swiper-03 .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: #8d8d8d;
}

.directory-swiper-03 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #e21900;
}

/* 22. tab_panel
--------------------------------------------------------------------------------*/

.ac-tab__content > .ac-tab__panel {
    display: none;
}

/* 23. tabs
--------------------------------------------------------------------------------*/

.ac-tab__nav-02 {
    list-style: none;
    margin: 0 !important;
    padding: 0 20px !important;
    text-align: right;
}

.ac-tab__nav-02:after {
    content: "";
    width: 4px;
    height: 100%;
    background-color: rgba(141, 141, 141, .5);
    top: 5px;
    right: 0;
    bottom: 5px;
    position: absolute;
    display: block;
}

.ac-tab__nav-02 li {
    display: block !important;
    text-align: right !important;
    position: relative;
}

.ac-tab__nav-02 li:after {
    content: "";
    top: -20px;
    right: -20px;
    bottom: -20px;
    position: absolute;
    width: 4px;
    background-color: white;
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: all ease .3s;
    z-index: 5;
}

.ac-tab__nav-02 li a {
    font-family: "Playfair Display", serif;
    font-size: 24px !important;
    color: #8d8d8d;
    line-height: 1;
    display: block;
    padding: 18px 0 !important;
}

.ac-tab__nav-02 li a:hover {
    color: white;
}

.ac-tab__nav-02 li:first-child > a {
    padding-top: 0 !important;
}

.ac-tab__nav-02 li:last-child > a {
    padding-bottom: 0 !important;
}

.ac-tab__nav-02 li.active, .ac-tab__nav-02 li.ac-active {
    color: white;
}

.ac-tab__nav-02 li.active a, .ac-tab__nav-02 li.ac-active a {
    color: white;
}

.ac-tab__nav-02 li.active:after, .ac-tab__nav-02 li.ac-active:after {
    opacity: 1;
    visibility: visible;
}

/* 24. film2_tagcloud
--------------------------------------------------------------------------------*/

.tagcloud {
    margin-bottom: 30px;
}

.tagcloud a {
    color: #d6d6d6;
    padding: 10px;
}

.tagcloud a:hover {
    color: #e21900;
}

/* 25. film2_textbox_01
--------------------------------------------------------------------------------*/

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

.textbox-01__subtitle {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0;
    font-family: "Libre Franklin", sans-serif;
}

.textbox-01__title {
    line-height: 1.3;
    font-size: 24px;
}

@media (min-width: 992px) {
    .textbox-01__title {
        font-size: 48px;
    }
}

.textbox-01__content p {
    margin-bottom: 10px;
}

.textbox-01__content p:last-child {
    margin-bottom: 30px;
}

@media (min-width: 992px) {
    .textbox-01__content p:last-child {
        margin-bottom: 55px;
    }
}

.textbox-01__small {
    text-align: left;
}

.textbox-01__small .textbox-01__subtitle {
    margin-bottom: 20px;
}

.textbox-01__small .textbox-01__title {
    font-size: 40px;
    line-height: 1.6;
    margin-bottom: 40px;
}

.textbox-01__classic .textbox-01__subtitle {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2px;
}

@media (min-width: 992px) {
    .textbox-01__classic .textbox-01__title {
        font-size: 72px;
    }
}

/* 26. film2_textbox_02
--------------------------------------------------------------------------------*/

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

.textbox-02__image img {
    width: 100%;
}

.textbox-02__content {
    padding: 30px;
}

@media (min-width: 992px) {
    .textbox-02__content {
        padding: 70px 10% 40px;
    }
}

.textbox-02__title {
    font-family: "Libre Franklin", sans-serif;
    font-size: 16px;
    font-weight: 700;
}

/* 27. film2_twiiter
--------------------------------------------------------------------------------*/

.twitter {
    position: relative;
    z-index: 10;
    text-align: center;
}

.twitter a:hover {
	color: #e21900 !important;
}

.twitter__main {
    font-size: 24px;
    line-height: 1.6;
    font-weight: 300;
}

.twitter__main > i {
    font-size: 30px;
    display: inline-block;
    margin-bottom: 30px;
}

/* 29. film2_footer
--------------------------------------------------------------------------------*/

.footer {
    background-color: #222;
}

.footer p {
    font-size: 16px;
}

.footer .widget-title {
    color: white;
}

.footer a:hover {
    color: white;
}

.footer__logo {
    display: inline-block;
    margin-bottom: 25px;
}

@media (min-width: 992px) {
    .footer__logo {
        margin-bottom: 45px;
    }
}

.footer__content {
    padding: 60px 0;
}

@media (min-width: 992px) {
    .footer__content {
        padding: 150px 0 80px;
    }
}

.footer__item {
    margin-bottom: 50px;
}

.footer__bottom {
    border-top: 1px solid #5e5e5e;
    padding: 30px 0;
    overflow: hidden;
}

@media (min-width: 992px) {
    .footer__bottom .social {
        float: right;
    }
}

.footer__copyright {
    color: #d6d6d6;
    margin-top: 5px;
    margin-bottom: 20px;
}

@media (min-width: 992px) {
    .footer__copyright {
        float: left;
        margin-bottom: 0;
    }
}

/* 30. film2_gallery_detail
--------------------------------------------------------------------------------*/

.gallery-detail {
    overflow: hidden;
}

.gallery-detail h1 {
    font-size: 48px;
    margin-bottom: 50px;
}

.gallery-detail .swiper__module {
    margin-bottom: 30px;
}

@media (min-width: 992px) {
    .gallery-detail__image {
        float: left;
        width: 60%;
    }
}

.gallery-detail__image img {
    width: 100%;
}

.gallery-detail__main {
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.gallery-detail__main .swiper-pagination-bullets {
    bottom: 0 !important;
}

.gallery-detail__main .swiper-pagination-bullet {
    background-color: #222;
}

@media (min-width: 992px) {
    .gallery-detail__main {
        float: left;
        width: 40%;
        padding: 0 0 100px 0;
        margin-bottom: 0;
    }
}

.gallery-detail__content {
    padding: 30px 0;
}

@media (min-width: 992px) {
    .gallery-detail__content {
        width: 40%;
        float: left;
        padding-left: 75px;
    }
}

.gallery-detail__title {
    font-size: 24px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(214, 214, 214, .5);
}

/* 31. film2_header
--------------------------------------------------------------------------------*/

.header {
    background-color: #f8f7f2;
    position: fixed;
    width: 100%;
    z-index: 3;
}

.header + * {
    margin-top: 160px;
}

.header.shrink {
    box-shadow: 0 0 40px rgba(0, 0, 0, .2);
}

.header.shrink .header__logo {
    padding: 25px 0;
}

.header.shrink .header__language, .header.shrink .nav-toggle {
    padding: 25px 0;
}

.header__logo {
    padding: 65px 0;
    position: relative;
    z-index: 999;
    transition: all 300ms ease-in-out;
}

.header__language {
    float: right;
    padding: 65px 0;
    position: relative;
    z-index: 999;
    transition: all 300ms ease-in-out;
}

.header__language .dropdown {
    margin-bottom: 0;
}

.header__language .dropdown__toggle {
    letter-spacing: 2px;
    font-size: 16px;
}

.nav-toggle {
	float: right;
	padding: 65px 0;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-left: 30px;
	color: #222;
	position: relative;
	z-index: 999999;
	transition: all 300ms ease-in-out;
}

.nav-toggle .nav-toggle__icon span {
	margin-top: 13px;
}

.nav-toggle .nav-toggle__icon span, .nav-toggle .nav-toggle__icon span:after, .nav-toggle .nav-toggle__icon span:before {
	content: '';
	position: absolute;
	display: block;
	width: 15px;
	height: 1px;
	background: #222;
	cursor: pointer;
	transition: all 300ms ease-in-out;
}

.nav-toggle .nav-toggle__icon span:before {
	top: -5px;
}

.nav-toggle .nav-toggle__icon span:after {
	bottom: -5px;
}

.nav-toggle.active .nav-toggle__icon span {
	background-color: transparent;
}

.nav-toggle.active .nav-toggle__icon span:before, .nav-toggle.active .nav-toggle__icon span:after {
	top: 0;
}

.nav-toggle.active .nav-toggle__icon span:before {
	transform: rotate(45deg);
}

.nav-toggle.active .nav-toggle__icon span:after {
	top: 10px;
	transform: translateY(-10px) rotate(-45deg);
}

.header-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f8f7f2;
    z-index: 99;
}

.header-overlay > .container {
    position: relative;
    height: 100%;
}

.header-overlay .social {
    position: absolute;
    bottom: 30%;
    left: 0;
}

@media (max-width: 480px) {
	.header-overlay .social {
		position: fixed;
		bottom: 0;
	}
}

@media (min-width: 992px) {
    .header-overlay .social {
        bottom: 15%;
    }
}

.header-overlay .social__item {
    color: rgba(34, 34, 34, .3);
    border-color: rgba(34, 34, 34, .3);
}

.header-overlay .social__item:hover {
    color: white;
    border-color: #e21900;
}

.nav-toggle__icon {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
}

.header-overlay .film2_menu {
    position: absolute;
    right: 15px;
    top: 180px;
    max-height: 70%;
    overflow-y: auto;
    left: 15px;
}

@media (min-width: 480px) {
    .header-overlay .film2_menu {
        left: auto;
    }
}

.header-overlay-boxify {
    visibility: hidden;
    opacity: 0;
    transition: opacity .5s, visibility 0s .5s;
}

.header-overlay-boxify.open {
    visibility: visible;
    opacity: 1;
    transition: opacity .5s;
}

/* 32. film2_new_detail
--------------------------------------------------------------------------------*/

/* 33. film2_mew_detail
--------------------------------------------------------------------------------*/

.new-detail {
    text-align: center;
    margin-bottom: 50px;
}

@media (min-width: 992px) {
    .new-detail {
        margin-bottom: 150px;
    }
}

.new-detail h1 {
    line-height: 1.4;
    margin-bottom: 50px;
    font-size: 48px;
}

@media (min-width: 992px) {
    .new-detail h1 {
        font-size: 72px;
    }
}

.new-detail p {
    margin-bottom: 10px;
}

.new-detail blockquote {
    margin: 40px 0;
}

@media (min-width: 992px) {
    .new-detail .new-detail__image-full {
        margin-bottom: 60px;
    }

    .new-detail blockquote {
        margin: 70px 0;
    }
}

.new-detail__categories, .new-detail__time {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: inline-block;
    margin-bottom: 10px;
}

.new-detail__categories {
    list-style: none;
    padding: 0;
    margin: 0 20px 10px 0;
}

.new-detail__categories li {
    display: inline-block;
    margin-right: 5px;
}

.new-detail__bottom {
    margin-top: 70px;
    padding-top: 30px;
    border-top: 1px solid rgba(214, 214, 214, .5);
}

@media (min-width: 992px) {
    .new-detail__bottom .tagcloud {
        float: left;
    }

    .new-detail__bottom .social {
        float: right;
    }
}

/* 34. film2_nominees_detail
--------------------------------------------------------------------------------*/

.nominees-detail {
    padding: 30px;
    background-color: white;
    margin-bottom: 50px;
}

@media (min-width: 992px) {
    .nominees-detail {
        padding: 100px 120px;
    }
}

.nominees-detail h1 {
    margin-bottom: 50px;
}

.nominees-detail > p {
    margin-bottom: 5px;
}

.nominees-detail__subtitle {
    font-size: 14px;
    font-family: "Libre Franklin", sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 0;
}

.nominees-detail__list {
    margin-bottom: 5px;
}

.nominees-detail__list ul {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
}

.nominees-detail__list ul li {
    display: inline-block;
}

.nominees-detail__list ul li:after {
    content: ",";
}

.nominees-detail__namelist {
    color: #222;
    display: inline-block;
}

/* 35. particles.js
--------------------------------------------------------------------------------*/

.filmmaker2-particles-js {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

/* 36. youtube
--------------------------------------------------------------------------------*/

.background_youtube {
    z-index: -2;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.background_youtube img {
    display: none;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}

.md-section .background_youtube {
    position: absolute !important;
}

/* 37. Button
--------------------------------------------------------------------------------*/

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
        touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 15px 60px;
    font-size: 14px;
    line-height: 1.875;
    border-radius: 0;
}

.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus,
.btn.active.focus {
    color: #333;
    text-decoration: none;
}

.btn:hover, .btn:focus, .btn.focus {
    color: #333;
    text-decoration: none;
}

.btn:active, .btn.active {
    outline: 0;
    background-image: none;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: .65;
}

a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: none;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn-default.btn-outline {
    color: #e6e6e6;
    background-color: transparent;
    border-color: #fff;
}

.btn-default.btn-white {
    color: white;
    background-color: transparent;
    border-color: white;
}

.btn-default:focus, .btn-default.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #ccc;
}

.btn-default:hover, .btn-default.hover {
    color: #333;
    background-color: white;
    border-color: #ccc;
}

.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
    color: #333;
    background-color: #e6e6e6;
    border-color: #ccc;
}

.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus,
.btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
.open > .btn-default.dropdown-toggle:hover,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle.focus {
    color: #333;
    background-color: #d4d4d4;
    border-color: #ccc;
}

.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
    background-image: none;
}

.btn-default.disabled:hover, .btn-default.disabled:focus,
.btn-default.disabled.focus, .btn-default[disabled]:hover,
.btn-default[disabled]:focus, .btn-default[disabled].focus,
fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default.focus {
    background-color: #fff;
    border-color: #ccc;
}

.btn-default .badge {
    color: #fff;
    background-color: #333;
}

.btn-primary {
    color: white;
    background-color: #222;
    border-color: #f8f7f2;
}

.btn-primary.btn-outline {
    color: #090909;
    background-color: transparent;
    border-color: #222;
}

.btn-primary.btn-white {
    color: white;
    background-color: transparent;
    border-color: white;
}

.btn-primary:focus, .btn-primary.focus {
    color: white;
    background-color: #090909;
    border-color: #f8f7f2;
}

.btn-primary:hover, .btn-primary.hover {
    color: white;
    background-color: #2f2f2f;
    border-color: #f8f7f2;
}

.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
    color: white;
    background-color: #090909;
    border-color: #f8f7f2;
}

.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus,
.btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
.open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus {
    color: white;
    background-color: black;
    border-color: #f8f7f2;
}

.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
    background-image: none;
}

.btn-primary.disabled:hover, .btn-primary.disabled:focus,
.btn-primary.disabled.focus, .btn-primary[disabled]:hover,
.btn-primary[disabled]:focus, .btn-primary[disabled].focus,
fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus {
    background-color: #222;
    border-color: #f8f7f2;
}

.btn-primary .badge {
    color: #222;
    background-color: white;
}

.btn-success {
    color: #fff;
    background-color: #11cc6c;
    border-color: #0fb460;
}

.btn-success.btn-outline {
    color: #0d9d53;
    background-color: transparent;
    border-color: #11cc6c;
}

.btn-success.btn-white {
    color: white;
    background-color: transparent;
    border-color: white;
}

.btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #0d9d53;
    border-color: #0fb460;
}

.btn-success:hover, .btn-success.hover {
    color: #fff;
    background-color: #13e478;
    border-color: #0fb460;
}

.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #0d9d53;
    border-color: #0fb460;
}

.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus,
.btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
.open > .btn-success.dropdown-toggle:hover,
.open > .btn-success.dropdown-toggle:focus,
.open > .btn-success.dropdown-toggle.focus {
    color: #fff;
    background-color: #0a7c42;
    border-color: #0fb460;
}

.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
    background-image: none;
}

.btn-success.disabled:hover, .btn-success.disabled:focus,
.btn-success.disabled.focus, .btn-success[disabled]:hover,
.btn-success[disabled]:focus, .btn-success[disabled].focus,
fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success.focus {
    background-color: #11cc6c;
    border-color: #0fb460;
}

.btn-success .badge {
    color: #11cc6c;
    background-color: #fff;
}

.btn-info {
    color: #fff;
    background-color: #31708f;
    border-color: #2a617c;
}

.btn-info.btn-outline {
    color: #245269;
    background-color: transparent;
    border-color: #31708f;
}

.btn-info.btn-white {
    color: white;
    background-color: transparent;
    border-color: white;
}

.btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #245269;
    border-color: #2a617c;
}

.btn-info:hover, .btn-info.hover {
    color: #fff;
    background-color: #387fa2;
    border-color: #2a617c;
}

.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #245269;
    border-color: #2a617c;
}

.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus,
.btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
.open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus,
.open > .btn-info.dropdown-toggle.focus {
    color: #fff;
    background-color: #1b3d4e;
    border-color: #2a617c;
}

.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
    background-image: none;
}

.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus,
.btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus,
fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info.focus {
    background-color: #31708f;
    border-color: #2a617c;
}

.btn-info .badge {
    color: #31708f;
    background-color: #fff;
}

.btn-warning {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #785f33;
}

.btn-warning.btn-outline {
    color: #66512c;
    background-color: transparent;
    border-color: #8a6d3b;
}

.btn-warning.btn-white {
    color: white;
    background-color: transparent;
    border-color: white;
}

.btn-warning:focus, .btn-warning.focus {
    color: #fff;
    background-color: #66512c;
    border-color: #785f33;
}

.btn-warning:hover, .btn-warning.hover {
    color: #fff;
    background-color: #9c7b43;
    border-color: #785f33;
}

.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #66512c;
    border-color: #785f33;
}

.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus,
.btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
.open > .btn-warning.dropdown-toggle:hover,
.open > .btn-warning.dropdown-toggle:focus,
.open > .btn-warning.dropdown-toggle.focus {
    color: #fff;
    background-color: #4d3d21;
    border-color: #785f33;
}

.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
    background-image: none;
}

.btn-warning.disabled:hover, .btn-warning.disabled:focus,
.btn-warning.disabled.focus, .btn-warning[disabled]:hover,
.btn-warning[disabled]:focus, .btn-warning[disabled].focus,
fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning.focus {
    background-color: #8a6d3b;
    border-color: #785f33;
}

.btn-warning .badge {
    color: #8a6d3b;
    background-color: #fff;
}

.btn-danger {
    color: #fff;
    background-color: #f00;
    border-color: #e60000;
}

.btn-danger.btn-outline {
    color: #c00;
    background-color: transparent;
    border-color: #f00;
}

.btn-danger.btn-white {
    color: white;
    background-color: transparent;
    border-color: white;
}

.btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #c00;
    border-color: #e60000;
}

.btn-danger:hover, .btn-danger.hover {
    color: #fff;
    background-color: #ff1a1a;
    border-color: #e60000;
}

.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c00;
    border-color: #e60000;
}

.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus,
.btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
.open > .btn-danger.dropdown-toggle:hover,
.open > .btn-danger.dropdown-toggle:focus,
.open > .btn-danger.dropdown-toggle.focus {
    color: #fff;
    background-color: #a80000;
    border-color: #e60000;
}

.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
    background-image: none;
}

.btn-danger.disabled:hover, .btn-danger.disabled:focus,
.btn-danger.disabled.focus, .btn-danger[disabled]:hover,
.btn-danger[disabled]:focus, .btn-danger[disabled].focus,
fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger.focus {
    background-color: #f00;
    border-color: #e60000;
}

.btn-danger .badge {
    color: #f00;
    background-color: #fff;
}

.btn-link {
    color: #222;
    font-weight: normal;
    border-radius: 0;
}

.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent;
}

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent;
}

.btn-link:hover, .btn-link:focus {
    color: #e21900;
    text-decoration: none;
    background-color: transparent;
}

.btn-link[disabled]:hover, .btn-link[disabled]:focus,
fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
    color: #fff;
    text-decoration: none;
}

.btn-lg {
    padding: 10px 16px;
    font-size: 16px;
    line-height: 1.875;
    border-radius: 0;
}

.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.875;
    border-radius: 0;
}

.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.875;
    border-radius: 0;
}

.btn-block {
    display: block;
    width: 100%;
}

.btn-block + .btn-block {
    margin-top: 5px;
}

input[type="submit"].btn-block, input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

/* 38. Animated headlines
--------------------------------------------------------------------------------*/

/* 39. map
--------------------------------------------------------------------------------*/

/* 40. Section title
--------------------------------------------------------------------------------*/

.sec-title {
    text-align: center;
    margin-bottom: 40px;
    margin-bottom: 25px;
}

@media (min-width: 400px) {
    .sec-title {
        margin-bottom: calc(1.875vw + 17.5px);
    }
}

@media (min-width: 1200px) {
    .sec-title {
        margin-bottom: 40px;
    }
}

.sec-title__subTitle {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
    color: #222;
    text-transform: uppercase;
}

.sec-title__title {
    font-size: 72px;
    line-height: 1;
    margin-bottom: 30px;
}

@media (max-width: 768px) {
    .sec-title__title {
        font-size: 36px;
    }
}

.sec-title__style-03 .sec-title__title {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
    color: #222;
    text-transform: uppercase;
}

.sec-title__style-02 {
    padding-bottom: 70px;
    position: relative;
}

.sec-title__style-02:after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #e6e6e6;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
}

.md-text-left .sec-title__title:after, .md-text-left .sec-title__title:before {
    margin-left: 0;
    margin-right: auto;
}

.md-text-right .sec-title__title:after, .md-text-right .sec-title__title:before {
    margin-left: auto;
    margin-right: 0;
}

.md-skin-dark .sec-title__style-02:after {
    background-color: rgba(230, 230, 230, .2);
}

@media (max-width: 767px) {
    .sec-title.md-text-right {
        text-align: center !important;
    }
}

@media (max-width: 767px) {
    .sec-title.md-text-left {
        text-align: center !important;
    }
}

/* 41. design_tokens
--------------------------------------------------------------------------------*/

.design-tokens {
    font-weight: 300;
    color: #555;
}

.design-tokens h2 {
    font-weight: 300;
}

.design-tokens h3 {
    font-weight: 300;
    font-size: 24px;
}

.design-tokens table {
    background: white;
    border-radius: 3px;
    border-collapse: collapse;
    padding: 5px;
    width: 100%;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    animation: float 5s infinite;
}

.design-tokens th {
    text-transform: uppercase;
    text-align: left;
    padding: 5px 10px;
    color: #d5dde5;
    background: #1b1e24;
    border-bottom: 4px solid #9ea7af;
    border-right: 1px solid #343a45;
    font-size: 22px;
    font-weight: 300;
    padding: 10px 20px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    vertical-align: middle;
}

.design-tokens th:first-child {
    border-top-left-radius: 3px;
}

.design-tokens th:last-child {
    border-top-right-radius: 3px;
    border-right: none;
}

.design-tokens tr {
    border-top: 1px solid #c1c3d1;
    border-bottom-: 1px solid #c1c3d1;
    color: #666b85;
    font-size: 16px;
    font-weight: normal;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .1);
}

.design-tokens tr:hover td {
    background: #4e5066;
    color: #fff;
    border-top: 1px solid #22262e;
}

.design-tokens tr:first-child {
    border-top: none;
}

.design-tokens tr:last-child {
    border-bottom: none;
}

.design-tokens tr:nth-child(odd) td {
    background: #ebebeb;
}

.design-tokens tr:nth-child(odd):hover td {
    background: #4e5066;
}

.design-tokens tr:last-child td:first-child {
    border-bottom-left-radius: 3px;
}

.design-tokens tr:last-child td:last-child {
    border-bottom-right-radius: 3px;
}

.design-tokens td {
    background: #fff;
    padding: 10px 20px;
    text-align: left;
    vertical-align: middle;
    font-weight: 300;
    font-size: 18px;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, .1);
    border-right: 1px solid #c1c3d1;
}

.design-tokens td:last-child {
    border-right: 0;
}

.box-color {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.box-color__item {
    width: 20%;
    padding: 0 10px 10px 0;
    position: relative;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, .1);
}

.box-color__item code {
    position: absolute;
    left: 10px;
    top: 46px;
    color: #fff;
    background-color: rgba(0, 0, 0, .4);
    line-height: 1;
    padding: 0 2px 1px;
    opacity: 0;
    font-size: 12px;
    transition: all .3s;
}

.box-color__item code.function {
    top: 33px;
    white-space: nowrap;
}

.box-color__item:hover code {
    opacity: 1;
}

.box-color__item br {
    height: 1px;
}

.box-color__primary, .box-color__secondary, .box-color__message,
.box-color__neutral {
    height: 68px;
    margin-bottom: 3px;
    background-color: #e21900;
}

.box-color__primary--light {
    background-color: #ff4630;
}

.box-color__primary--lighter {
    background-color: #ff8a7c;
}

.box-color__primary--dark {
    background-color: #961100;
}

.box-color__primary--darker {
    background-color: #490800;
}

.box-color__secondary {
    background-color: #222;
}

.box-color__secondary--light {
    background-color: #484848;
}

.box-color__secondary--lighter {
    background-color: #6f6f6f;
}

.box-color__secondary--dark {
    background-color: #b36e87;
}

.box-color__secondary--darker {
    background-color: #8d8d8d;
}

.box-color__neutral {
    background-color: #8d8d8d;
}

.box-color__neutral--light {
    background-color: #f6f6f6;
}

.box-color__neutral--lighter {
    background-color: #dadada;
}

.box-color__neutral--lightest {
    background-color: #d6d6d6;
}

.box-color__neutral--dark {
    background-color: #676767;
}

.box-color__neutral--darker {
    background-color: #414141;
}

.box-color__neutral--darkest {
    background-color: #1a1a1a;
}

.box-color__message--success {
    background-color: #11cc6c;
}

.box-color__message--info {
    background-color: #31708f;
}

.box-color__message--warning {
    background-color: #8a6d3b;
}

.box-color__message--danger {
    background-color: #f00;
}

.box-space {
    background-color: #dadada;
    margin-bottom: 60px;
}

.box-space .unit {
    text-align: center;
}

.box-space--xxlarge {
    height: 250px;
}

.box-space--xxlarge .unit {
    line-height: 250px;
}

.box-space--xlarge {
    height: 185px;
}

.box-space--xlarge .unit {
    line-height: 185px;
}

.box-space--large {
    height: 100px;
}

.box-space--large .unit {
    line-height: 100px;
}

.box-space--medium {
    height: 65px;
}

.box-space--medium .unit {
    line-height: 65px;
}

.box-space--small {
    height: 25px;
}

.box-space--small .unit {
    line-height: 25px;
}

.box-space--xsmall {
    height: 12px;
}

.box-space--xsmall .unit {
    line-height: 12px;
}

.box-space__less--xxlarge {
    height: 200px;
}

.box-space__less--xxlarge .unit {
    line-height: 200px;
}

.box-space__less--xlarge {
    height: 148px;
}

.box-space__less--xlarge .unit {
    line-height: 148px;
}

.box-space__less--large {
    height: 80px;
}

.box-space__less--large .unit {
    line-height: 80px;
}

.box-space__less--medium {
    height: 52px;
}

.box-space__less--medium .unit {
    line-height: 52px;
}

.box-space__less--small {
    height: 20px;
}

.box-space__less--small .unit {
    line-height: 20px;
}

.box-space__less--xsmall {
    height: 10px;
}

.box-space__less--xsmall .unit {
    line-height: 10px;
}

.box-space__more--xxlarge {
    height: 325px;
}

.box-space__more--xxlarge .unit {
    line-height: 325px;
}

.box-space__more--xlarge {
    height: 241px;
}

.box-space__more--xlarge .unit {
    line-height: 241px;
}

.box-space__more--large {
    height: 130px;
}

.box-space__more--large .unit {
    line-height: 130px;
}

.box-space__more--medium {
    height: 85px;
}

.box-space__more--medium .unit {
    line-height: 85px;
}

.box-space__more--small {
    height: 33px;
}

.box-space__more--small .unit {
    line-height: 33px;
}

.box-space__more--xsmall {
    height: 16px;
}

.box-space__more--xsmall .unit {
    line-height: 16px;
}

/* 42. typography
--------------------------------------------------------------------------------*/

.typecode {
    position: relative;
    padding: 10px 25px;
    border-radius: .6rem;
    background: #f4f6f8;
    margin: 20px 0;
}

.typo-guide {
    font-family: Andale Mono, AndaleMono, Lucida Console, monospace;
    font-size: 1.6rem;
    letter-spacing: -.1rem;
    color: #00848e;
}

.typo-guide span {
    color: #637381;
}

/* 43. Section half
--------------------------------------------------------------------------------*/

.layout_section-half {
    position: relative;
}

.layout_section-half > .container, .layout_section-half > .container-fluid,
.layout_section-half > div[class*='col-']:not(.layout_section-half__content) {
    padding-top: 7em;
    padding-bottom: 7em;
    float: none;
    overflow: hidden;
}

.layout_section-half__content {
    position: absolute;
    height: 100%;
    top: 0;
    z-index: 2;
    padding: 0;
    right: 0;
}

.layout_section-half__image, .layout_section-half__bg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-size: cover !important;
    background-position: 50% 50% !important;
    z-index: 0;
    transition: opacity .3s linear;
}

.layout_section-half__bg img {
    display: none;
}

.layout_section-half__image img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.layout_section-half__image-left div[class*='col-']:first-child {
    float: left;
    right: auto;
}

.layout_section-half__image-left div[class*='col-']:first-child:not([class*='pull']):not([class*='push']) {
    left: 0;
}

.layout_section-half__image-left div[class*='col-']:last-child {
    float: right;
    left: auto;
}

.layout_section-half__image-left div[class*='col-']:last-child:not([class*='pull']):not([class*='push']) {
    right: 0;
}

.layout_section-half__image-left .layout_section-half__image img {
    right: 0;
}

@media (max-width: 767px) {
    .layout_section-half {
        padding: 0;
    }

    .layout_section-half__content {
        position: relative;
        min-height: 18em;
        float: none !important;
    }

    .layout_section-half__imgwrap {
        display: none;
    }
}

.cd-headline {
    line-height: 1;
    font-family: "Playfair Display", serif;
    font-size: 50px;
}

@media (min-width: 320px) {
    .cd-headline {
        font-size: calc(5.68182vw + 31.81818px);
    }
}

@media (min-width: 1200px) {
    .cd-headline {
        font-size: 100px;
    }
}

.cd-words-wrapper {
    margin-left: 30px;
}

.btn {
    font-size: 12px;
    font-family: "Playfair Display", serif;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.btn-primary {
    height: 40px;
    line-height: 38px;
    min-width: 150px;
    padding: 0 10px;
}

.btn-primary:hover {
    color: #222 !important;
    background-color: white;
    border-color: white;
}

.btn-secondary {
    position: relative;
    padding: 0 60px 0 0;
    font-size: 14px;
}

.btn-secondary:before, .btn-secondary:after {
    content: "";
    height: 1px;
    background-color: #222;
    display: inline-block;
    position: absolute;
    top: 50%;
    transition: all ease .3s;
}

.btn-secondary:before {
    left: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-100%);
    width: calc(100% - 60px);
}

.btn-secondary:after {
    right: 0;
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    width: 50px;
}

.btn-secondary:hover:after {
    opacity: 0;
    visibility: hidden;
    transform: translateX(100%);
}

.btn-secondary:hover:before {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

.btn-link {
    font-size: 14px;
    font-family: "Libre Franklin", sans-serif;
    letter-spacing: 5px;
    color: #8d8d8d;
}

.film2-comingsoon {
    display: table;
    height: 100%;
    width: 100%;
    text-align: center;
}

.film2-comingsoon__content {
    display: table-cell;
    vertical-align: middle;
}

.film2-comingsoon__content .social {
    position: relative;
    z-index: 1;
}

.film2-comingsoon__content .social__item:hover {
    color: black;
    background: white !important;
    border-color: white !important;
}

.countdown__module {
    text-align: center;
    display: table;
    width: 100%;
    margin: 100px 0;
}

.countdown__module p {
    color: black;
    font-size: 24px;
    display: inline-block;
    vertical-align: middle;
    width: 150px;
    height: 150px;
    position: relative;
    margin: 20px;
}

.countdown__module p:after {
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background: white;
    border: 1px solid white;
    border-radius: 15px;
    transform: rotate(45deg);
    z-index: -1;
}

.countdown__module span {
    display: block;
    font-weight: 400;
    font-family: "Playfair Display", serif;
    width: 140px;
    font-size: 40px;
}

@media (min-width: 992px) {
    .countdown__module span {
        margin-bottom: -20px;
    }
}

@media (min-width: 320px) {
    .countdown__module span {
        font-size: calc(2.27273vw + 32.72727px);
    }
}

@media (min-width: 1200px) {
    .countdown__module span {
        font-size: 60px;
    }
}

.film2-background {
    height: calc(100vh - 160px);
    overflow: hidden;
}

.film2-background > .massage-background__slider + .container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.film2-background > .container {
    height: 100%;
}

@media (min-width: 992px) {
    .film2-wrapper {
        padding-bottom: 320px;
    }

    .film2-wrapper + * {
        padding-top: 0;
    }

    .film2-wrapper + * .textbox-02 {
        margin-top: -300px;
    }
}

.film2-history {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.film2-history .ac-tab__content {
	min-width: 40%;
}

.film2-history .ac-tab__controls {
	min-width: 60%;
}

.film2-brand {
    padding: 30px 0;
    text-align: center;
}

.film2-brand .film2-brand__item {
    padding: 0 30px;
    height: 100px;
    line-height: 100px;
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
}

.film2-brand .film2-brand__item img {
    width: auto;
}

.film2-brand .film2-brand__item:hover {
    -webkit-filter: grayscale(0);
            filter: grayscale(0);
}

@media (min-width: 992px) {
    .schedule-wrapper {
        padding-left: 90px;
        border-left: 1px solid rgba(214, 214, 214, .5);
    }

    .film2-new__main {
        padding-right: 75px;
        border-right: 1px solid rgba(141, 141, 141, .2);
    }

    .film2-new__sidebar {
        padding-left: 75px;
    }
}

@media (min-width: 480px) {
    .film2-new__button-next {
        float: right;
    }
}

.film2-new__button {
    border-top: 1px solid rgba(141, 141, 141, .2);
    padding-top: 40px;
    margin-top: 40px;
    margin-bottom: 40px;
}

@media (min-width: 992px) {
    .schedule-btn {
        padding: 0 90px;
    }
}