@charset "utf-8";

a,

body {

    color: #696969

}

a,

a:focus,

a:hover {

    text-decoration: none

}

blockquote,

body {

    font-weight: 400

}

.film-button i,

.film-social a,

.pagination,

a.backtotop {

    text-align: center

}

@font-face {

    src: url('fonts/StratoProSC-DemiBold.woff2') format('woff2'),

        url('fonts/StratoProSC-DemiBold.woff') format('woff');

    font-weight: 600;

    /* 600 maps to Demi/Semi Bold */

    font-style: normal;

}

[class*=" ns-"],

[class^=ns-] {

    font-family: 'Strato Pro SC' !important;

    speak: none;

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}

.ns-d-glasses:before {

    content: "\e900"

}

.ns-award:before {

    content: "\e901"

}

.ns-cinema-screen:before {

    content: "\e902"

}

.ns-film-strip:before {

    content: "\e903"

}

.ns-film:before {

    content: "\e904"

}

.ns-illumination:before {

    content: "\e905"

}

.ns-picture:before {

    content: "\e906"

}

.ns-popcorn:before {

    content: "\e907"

}

.ns-projector-screen:before {

    content: "\e908"

}

.ns-seats:before {

    content: "\e909"

}

.ns-television:before {

    content: "\e90a"

}

.ns-theater:before {

    content: "\e90b"

}

.ns-tickets:before {

    content: "\e90c"

}

.ns-tripod:before {

    content: "\e90d"

}

.ns-video-camera:before {

    content: "\e90e"

}

* {

    padding: 0;

    margin: 0

}

*,

:active,

:focus,

:hover {

    outline: 0 !important

}

body {

    font-family: 'Strato Pro SC';
    background-color: #f6e4d0d9;
    font-style: normal;

    line-height: 1.8;

    letter-spacing: 0;

    font-size: 15px

}

.bg-body {

    background: url(../images/background/bg_body.jpg)

}

ol,

ul {

    list-style: none

}

a {

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}

a:hover {

    color: #da0e2b

}

blockquote {

    font-size: 20px;

    font-style: italic;

    color: #ababab;

    padding: 20px 60px;

    margin: 0;

    border: none

}

blockquote:after,

blockquote:before,

q:after,

q:before {

    content: ""

}

img {

    max-width: 100%;

    height: auto;

    vertical-align: top

}

.film-button a,

.film-button i {

    vertical-align: middle;

    display: inline-block

}

iframe {

    border: none;

    width: 100%

}

button,

input,

select,

textarea {

    font-size: 15px;

    color: #404040;

    background-color: #f4f4f4;

    font-family: Lato;

    line-height: 1.6;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}

input[type=text],

input[type=email],

input[type=url],

input[type=password],

input[type=search],

input[type=number],

input[type=tel],

input[type=range],

input[type=date],

input[type=month],

input[type=week],

input[type=time],

input[type=datetime],

input[type=datetime-local],

input[type=color],

textarea {

    /* border: 1px solid #f1eeea; */

    border-radius: 3px;

    color: #666;

    padding: 7px 15px;

    outline: 0;

    width: 100%;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}

.popup-video img,

.site {

    -webkit-transition: all .5s

}

input[type=text],

input[type=email],

input[type=url],

input[type=password],

input[type=search],

input[type=number],

input[type=tel],

input[type=range],

input[type=date],

input[type=month],

input[type=week],

input[type=time],

input[type=datetime],

input[type=datetime-local],

input[type=color] {

    height: 40px

}

.h1,

.h2,

.h3,

.h4,

.h5,

.h6,

h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: 'Strato Pro SC';

    font-weight: 700;

    font-style: normal;

    line-height: 1.3;

    letter-spacing: 0;

    color: #333;

    margin-top: 0

}

.h1,

h1 {

    font-size: 56px

}

.h2,

h2 {

    font-size: 40px

}

.h3,

h3 {

    font-size: 34px

}

.h4,

h4 {

    font-size: 24px

}

.h5,

h5 {

    font-size: 18px

}

.h6,

h6 {

    font-size: 14px

}

.site {

    overflow: hidden;

    position: relative;

    z-index: 1;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}

.film-button i,

.popup-video img {

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s

}

.site.open {

    transform: translateX(256px)

}

.site.open:before {

    content: '';

    position: absolute;

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    background: #000;

    opacity: .5;

    z-index: 9999

}

.button,

.button-2 {

    display: inline-block;

    font-size: 14px;

    font-family: 'Strato Pro SC';

    font-weight: 400;

    line-height: 46px;

    height: 48px;

    border: 1px solid #da0e2b;

    text-transform: uppercase;

    letter-spacing: .05em

}

.button {

    background-color: #da0e2b;

    color: #fff;

    padding: 0 20px

}

.button-2,

.button:hover {

    background-color: transparent;

    color: #da0e2b

}

.button-2 {

    padding: 0 40px

}

.button-2:hover {

    background-color: #da0e2b;

    color: #fff

}

.top-search {

    width: 100%;

    background-color: #da0e2b;

    color: #fff;

    display: none

}

.top-search form {

    padding-left: 30px;

    position: relative

}

.top-search form:before {

    content: '\f4a5';

    font-family: Ionicons;

    font-size: 18px;

    font-weight: 700;

    position: absolute;

    left: 0;

    height: 40px;

    line-height: 40px

}

.top-search form input[type=search] {

    border: none;

    background: 0 0;

    color: #fff;

    font-size: 16px;

    height: 40px;

    line-height: 40px;

    padding: 0

}

.top-search form input[type=search]::-webkit-input-placeholder {

    color: #fff

}

.top-search form input[type=search]::-moz-placeholder {

    color: #fff

}

.top-search form input[type=search]:-ms-input-placeholder {

    color: #fff

}

.top-search form input[type=search]:-moz-placeholder {

    color: #fff

}

.popup-video {

    overflow: hidden;

    margin-top: -80px;

    margin-bottom: 80px;

    position: relative

}

.popup-video img {

    display: block;

    width: 100%;

    height: auto;

    transition: all .5s;

    z-index: 96

}

.popup-video:hover img {

    transform: scale(1.1)

}

.popup-video a:after,

.popup-video a:before {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    background-color: #da0e2b

}

.popup-video a:before {

    content: '';

    width: 100px;

    height: 100px;

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    border-radius: 50px;

    opacity: .3;

    z-index: 97

}

.popup-video a:after {

    content: '\f215';

    font-family: Ionicons;

    color: #fff;

    font-size: 24px;

    width: 80px;

    height: 80px;

    line-height: 80px;

    -webkit-border-radius: 40px;

    -moz-border-radius: 40px;

    border-radius: 40px;

    text-align: center;

    display: block;

    z-index: 98

}

.popup-video.style-2 {

    margin-top: -110px;

    margin-bottom: 50px;

    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .5);

    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .5);

    box-shadow: 0 0 20px rgba(0, 0, 0, .5)

}

.film-button {

    display: inline-block;

    margin-right: 20px

}

.film-button i {

    width: 48px;

    height: 48px;

    line-height: 48px;

    -webkit-border-radius: 24px;

    -moz-border-radius: 24px;

    border-radius: 24px;

    background-color: #da0e2b;

    color: #fff;

    margin-right: 20px;

    font-size: 20px;

    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);

    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);

    box-shadow: 0 0 20px rgba(0, 0, 0, .2);

    -webkit-transition: all .5s;

    transition: all .5s

}

.film-hire-box .link,

a.backtotop:before {

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s

}

.film-button:hover i {

    background-color: #333

}

.film-button a {

    color: #333;

    font-size: 14px;

    font-family: Montserrat;

    font-weight: 400;

    text-transform: uppercase;

    letter-spacing: .05em;

    line-height: 1;

    padding-bottom: 5px

}

a.backtotop {

    width: 56px;

    height: 56px;

    line-height: 56px;

    font-size: 24px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    color: #fff;

    background-color: #da0e2b;

    position: fixed;

    right: 60px;

    cursor: pointer;

    opacity: 0;

    bottom: 0;

    z-index: 10

}

a.backtotop.show {

    opacity: 1;

    bottom: 60px;

    color: #fff

}

a.backtotop:before {

    content: '';

    width: 74px;

    height: 74px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    background-color: #da0e2b;

    opacity: .3;

    position: absolute;

    top: -9px;

    left: -9px;

    transform: scale(.5);

    -webkit-transition: all .5s;

    transition: all .5s

}

a.backtotop.show:hover:before {

    transform: scale(1)

}

body.open-right .site:before {

    content: '';

    position: fixed;

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    background: #fff;

    opacity: .5;

    z-index: 1000

}

.featured-number {

    font-family: Montserrat, Helvetica, Arial, sans-serif;

    font-size: 150px;

    color: rgba(204, 204, 204, .02);

    line-height: 1;

    font-weight: 700;

    text-transform: none;

    margin-left: -20px

}

.featured-title {

    font-family: Merriweather, Georgia, serif;

    font-size: 40px;

    color: #fff;

    font-weight: 400;

    text-transform: none;

    margin-top: -100px;

    margin-left: 110px

}

.text-center .featured-title {

    margin-left: 240px

}

.film-links-cloud {

    margin-top: 40px;

    margin-bottom: 70px;

    max-width: 530px

}

.image-shadow,

.image-shadow img {

    max-width: 100%;

    vertical-align: top

}

.film-links-cloud ul {

    padding: 0

}

.film-links-cloud ul li {

    display: inline

}

.film-links-cloud ul li a {

    font-size: 24px;

    line-height: 48px;

    font-weight: 400;

    font-family: Merriweather;

    color: #ababab

}

.film-links-cloud.dark ul li a {

    color: #696969

}

.film-links-cloud ul li a:hover {

    color: #333

}

.film-links-cloud.dark ul li a:hover {

    color: #fff

}

.film-links-cloud ul li a:before {

    content: "\f111";

    font-family: FontAwesome;

    font-size: 6px;

    display: inline-block;

    line-height: 1;

    margin-left: 20px;

    margin-right: 20px;

    padding-top: 10px;

    transform: translateY(-50%);

    color: #e2e2e2

}

.film-links-cloud ul li:first-child a:before {

    content: "";

    margin-left: 0;

    margin-right: 0

}

.film-links-cloud.dark ul li a:before {

    color: #696969

}

.film-hire-box {

    color: #fff;

    background-color: #333;

    width: 100%;

    padding: 90px 90px 60px;

    margin: 0;

    font-family: Montserrat;

    position: relative;

    overflow: hidden

}

.film-hire-box .link a,

.film-hire-box .title {

    font-weight: 400;

    color: #da0e2b;

    text-transform: uppercase

}

.film-hire-box .title {

    font-size: 14px

}

.film-hire-box .text {

    margin-top: 30px;

    font-family: Merriweather;

    font-size: 34px;

    font-weight: 400;

    line-height: 1.4

}

.film-hire-box .link {

    margin-top: 80px;

    -webkit-transition: all .5s;

    transition: all .5s

}

.film-hire-box .link a {

    display: inline-block;

    font-size: 14px;

    font-family: Montserrat;

    height: 48px;

    line-height: 46px;

    padding: 0 24px;

    border: 1px solid #da0e2b

}

.film-hire-box .link a:hover {

    border-color: #fff;

    color: #fff

}

.film-hire-box.style-2 {

    background: 0 0;

    padding: 0

}

.film-hire-box.style-2:before {

    content: ' ';

    width: 2000px;

    height: 100%;

    background-color: #333;

    display: block;

    position: absolute;

    top: -70px;

    left: 50%

}

.film-social .tooltip-inner,

.film-social li:hover>a {

    background-color: #da0e2b

}

.film-hire-box.style-2 .film-hire-box-right {

    color: #fff;

    width: 100%;

    padding: 70px 130px;

    margin: 0;

    position: relative;

    overflow: hidden

}

.open-right-content,

.slideout-menu {

    overflow-y: auto;

    overflow-x: hidden;

    -webkit-overflow-scrolling: touch;

    bottom: 0

}

.pagination {

    margin-top: 60px;

    text-transform: uppercase;

    font-family: Montserrat, Helvetica, Arial, sans-serif;

    width: 100%

}

.pagination a,

.pagination span {

    width: 40px;

    padding: 0;

    height: 40px;

    line-height: 40px;

    margin: 0;

    font-weight: 700;

    display: inline-block

}

.pagination .page-numbers.current {

    border-radius: 50%;

    height: 40px;

    color: #da0e2b

}

.pagination a {

    font-size: 14px;

    border: 0

}

.pagination a.prev,

.pagination span.prev {

    border: 0;

    margin-right: 10px;

    width: auto

}

.pagination a.prev:before,

.pagination span.prev:before {

    content: '\f3d2';

    font-family: Ionicons;

    margin-right: 10px

}

.pagination a.next,

.pagination span.next {

    border: 0;

    margin-left: 10px;

    width: auto

}

.pagination a.next:after,

.pagination span.next:after {

    content: '\f3d3';

    font-family: Ionicons;

    margin-left: 10px

}

.film-social li {

    margin-right: 10px;

    position: relative;

    display: inline-block

}

.film-social a {

    display: inline-block;

    width: 40px;

    height: 40px;

    line-height: 38px;

    border: 1px solid #f4f4f4;

    border-radius: 20px;

    font-size: 14px;

    color: #696969

}

.image-box-shadow,

.image-shadow img {

    height: auto;

    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);

    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1)

}

.film-social li:hover>a {

    color: #fff

}

.film-social .tooltip.top .tooltip-arrow {

    border-top-color: #da0e2b

}

.image-shadow {

    display: inline-block;

    background-color: #f0f0f0

}

.image-shadow img {

    box-shadow: 0 10px 20px rgba(0, 0, 0, .1);

    transform: translate(40px, 60px)

}

.hashtag {

    font-size: 80px;

    font-weight: 700;

    color: #333;

    font-family: Merriweather;

    line-height: 1;

    position: absolute;

    top: -40px;

    left: 100px

}

.image-box-shadow {

    width: 100%;

    box-shadow: 0 10px 20px rgba(0, 0, 0, .1)

}

#googleMap {

    min-height: 480px

}

.box-shadow {

    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);

    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);

    box-shadow: 0 10px 20px rgba(0, 0, 0, .1)

}

.floating {

    -webkit-animation-name: floating;

    -webkit-animation-duration: 3s;

    -webkit-animation-iteration-count: infinite;

    -webkit-animation-timing-function: ease-in-out;

    -moz-animation-name: floating;

    -moz-animation-duration: 3s;

    -moz-animation-iteration-count: infinite;

    -moz-animation-timing-function: ease-in-out

}

@-webkit-keyframes floating {

    from,

    to {

        -webkit-transform: translate(0, 0)

    }

    65% {

        -webkit-transform: translate(0, 15px)

    }

}

@-moz-keyframes floating {

    from,

    to {

        -moz-transform: translate(0, 0)

    }

    65% {

        -moz-transform: translate(0, 15px)

    }

}

.header {

    width: 100%;

    margin-top: 0;

    margin-bottom: 0;

    position: relative;

    z-index: 99;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    background-color: #f6e4d0;

}

.header.header-overlay {

    background-color: rgb(246 228 208 / 89%);

    position: absolute

}

.header.header-1,

.header.header-3 {

    display: inline-block;

    width: 100%;

    min-height: 101px;

}

.header.header-1 .header-left,

.header.header-3 .header-left {

    padding-left: 100px

}

.header.header-1 .header-right,

.header.header-3 .header-right {

    padding-right: 100px;

    text-align: right;

    position: static

}

.header.header-1 .logo,

.header.header-3 .logo {

    margin-top: 20px

}

.header.header-1 .logo-alt,

.header.header-3 .logo-alt {

    display: none;

    margin-top: 22px

}

.header.header-1 .header-right .open-search,

.header.header-3 .header-right .open-search {

    display: inline-block;

    font-size: 18px;

    line-height: 1;

    margin-left: 20px;

    cursor: pointer;

    color: #333

}

.header.header-overlay .header-right .open-search {

    color: #fff

}

/*.header.header-overlay.scrolling-menu .header-right .open-search,*/

/*.header.header-overlay.scrolling-menu .menu-primary>ul>li>a {*/

/*    color: #333*/

/*}*/

.header.scrolling-menu .logo {

    display: none

}

.header.scrolling-menu .logo-alt {

    display: inline-block

}

.header.header-2 {

    position: absolute;

    z-index: 999;

    padding: 20px 0;

    display: inline-block;

    width: 100%;

    background-color: transparent

}

.header.header-2 .hamburger-menu {

    display: inline-block;

    font-size: 32px;

    color: #fff;

    cursor: pointer

}

.header.scrolling-menu {

    position: fixed;

    background-color: #f6e4d0;

    top: 0;

    left: 0;

    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, .05);

    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .05);

    box-shadow: 0 10px 20px rgba(0, 0, 0, .05);

    z-index: 999

}

.header.header-2.scrolling-menu {

    padding: 0

}

.header.header-2.scrolling-menu .hamburger-menu {

    color: #696969

}

.header.header-3 {

    background-color: #f6e4d0;

}

.header.header-3 .hamburger-menu {

    color: #333;

    display: inline-block;

    font-size: 32px;

    cursor: pointer;

    margin-top: 20px

}

header.header-mobile .header-center .logo-image,

header.header-mobile .header-right .open-search {

    margin-top: 10px;

}

header.header-mobile .header-right .open-search i{
    color: #821517;
}

header.header-mobile {

    display: none;

    padding: 30px 0;

    width: 100%

}

header.header-mobile .header-left {

    font-size: 35px;

    text-align: left

}

header.header-mobile .header-left i {

    color: #821517;

}

header.header-mobile .header-center {

    text-align: center

}

header.header-mobile .header-right {

    text-align: right;

    font-size: 28px

}

#menu {

    position: static

}

.header .menu {

    font-family: 'Strato Pro SC';

    font-weight: 500;

    font-style: normal;

    line-height: 1.2;

    letter-spacing: 0;

    font-size: 16px;

}

.header.header-1 .header-right nav.menu,

.header.header-3 .header-right nav.menu {

    display: inline-block;

    text-align: right

}

.header .menu-primary>ul {

    margin: 0;

    padding: 0;

    white-space: nowrap;

    position: static;

    z-index: 2

}

.header .menu-primary>ul>li {

    position: relative;

    display: inline-block;

    margin: 0 5px;

}

.header.header-overlay .menu-primary>ul>li>a {

    color: #821517

}

.header .header-right .menu-primary>ul>li>a {

    text-transform: uppercase;

    position: relative;

    display: inline-block;

    padding: 40px 0;

    font-weight: 400;

    letter-spacing: 0.3px;

}

.header .header-right .menu-primary ul li a::hover{

    font-weight: 600;

}

.header .header-right .menu-primary>ul li.active>a {

    color: #821517;

    position: relative;

    display: inline-flex;

    font-weight: 600;

}

.header .header-right .menu-primary>ul li.active>a::before {

    content: '';

    position: absolute;

    background: #821517;

    width: 100%;

    height: 5px;

    left: 0;

    bottom: 23px;

    color: #821517;

}

.header .header-right .menu-primary>ul li:hover>a::before {

    content: '';

    position: absolute;

    background: #821517;

    width: 100%;

    height: 5px;

    left: 0;

    bottom: 23px;

    color: #821517;

    font-weight:600;

}

.header .menu-primary>ul>li.dropdown>a:after {

    content: '\f3d0';

    margin-left: 10px;

    font-size: 12px;

    font-family: Ionicons;

}

.header .menu-primary .sub-menu {

    font-size: 15px;

    position: absolute;

    top: 110%;

    left: 0;

    visibility: hidden;

    margin: 0;

    min-width: 230px;

    width: 100%;

    background-color: #f6e4d0;

    opacity: 0;

    transition: all .3s ease;

    padding: 20px 0;

    list-style: none;

    text-align: left;

    text-transform: none;

    -moz-box-shadow: 5px 10px 20px rgba(0, 0, 0, .1);

    -webkit-box-shadow: 5px 10px 20px rgba(0, 0, 0, .1);

    box-shadow: 5px 10px 20px rgba(0, 0, 0, .1);

    border-top: 2px solid #da0e2b

}

.open-right-content,

.open-right-content ul li a {

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s

}

.header .menu-primary>ul>li:hover>.sub-menu {

    top: 100%;

    visibility: visible;

    z-index: 2;

    opacity: 1

}

.header .menu-primary .sub-menu li {

    position: relative;

    padding: 0 20px

}

.header .menu-primary .sub-menu li a {

    display: block;

    padding: 15px 0;

    color: #696969;

    text-transform: none;

    font-weight: 400;

    background: 0 0;

    position: relative;

    border-bottom: 1px solid #f4f4f4;

    white-space: normal

}

.header .menu-primary .sub-menu li a:hover {

    border-bottom-color: #821517;

    color: #821517

}

.header .menu-primary .sub-menu li.dropdown:after {

    content: '\f363';

    font-size: 16px;

    font-family: Ionicons;

    position: absolute;

    right: 20px;

    top: 14px;

    color: #696969

}

.header .menu-primary .sub-menu li.dropdown:hover:after {

    color: #da0e2b

}

.header .menu-primary>ul>li>.sub-menu li>.sub-menu {

    top: 0;

    left: 100%;

    visibility: hidden;

    opacity: 0

}

.header .menu-primary>ul>li:hover>.sub-menu li:hover>.sub-menu {

    top: -22px;

    left: 100%;

    visibility: visible;

    opacity: 1;

    border-top: 2px solid #da0e2b

}

.header.header-overlay.header-3 .header-right .open-search,

.header.header-overlay.header-3 .menu-primary>ul>li>a {

    color: #333

}

.header.header-overlay.header-3 .header-right .open-search:hover,

.header.header-overlay.header-3 .menu-primary>ul>li>a:hover {

    color: #da0e2b

}

.open-right-content {

    transition: all .5s;

    position: fixed;

    width: 90%;

    max-width: 640px;

    right: -100%;

    top: 0;

    padding: 40px 100px;

    z-index: 1001;

    background: #262626;

    color: #fff;

    text-align: left

}

.open-right-content.open {

    right: 0

}

.open-right-content .open-right-close {

    display: block;

    text-align: right;

    line-height: 1;

    font-size: 32px;

    cursor: pointer

}

.open-right-content ul {

    margin: 100px 0 0;

    padding: 0;

    list-style: none

}

.open-right-content ul li {

    display: block;

    padding: 20px 0

}

.open-right-content ul li a {

    color: #696969;

    font-size: 56px;

    font-weight: 400;

    font-family: Merriweather;

    line-height: 1;

    transition: all .5s

}

.logo-carousel .logo-item img,

.mobile-menu>ul.menu li.dropdown>.sub-menu-toggle {

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s

}

.open-right-content ul li a:hover {

    opacity: 1;

    color: #da0e2b

}

.open-right-content .search-form {

    display: block;

    margin-top: 100px;

    height: 32px;

    line-height: 32px;

    border-bottom: 1px solid rgba(255, 255, 255, .3);

    position: relative

}

.open-right-content .search-form form {

    position: relative;

    height: 32px;

    line-height: 32px

}

.open-right-content .search-form form input[type=text],

.open-right-content .search-form form input[type=search] {

    height: 32px;

    line-height: 32px;

    vertical-align: top;

    padding: 0;

    border: 0;

    background-color: transparent;

    font-size: 14px;

    font-family: Montserrat;

    color: #fff

}

.open-right-content .search-form form input[type=submit] {

    width: 32px;

    height: 32px;

    line-height: 32px;

    font-size: 0;

    vertical-align: top;

    position: absolute;

    top: 0;

    right: 0;

    padding: 0;

    border: 0;

    background-color: transparent;

    z-index: 8

}

.open-right-content .search-form form:after {

    content: '\f4a4';

    font-family: Ionicons;

    font-size: 24px;

    position: absolute;

    right: 0;

    top: 0;

    z-index: 7

}

.slideout-menu {

    background: #821517;

    display: none;

    position: fixed;

    left: 0;

    top: 0;

    right: 0;

    z-index: 0;

    width: 256px

}

.slideout-menu.open {

    display: block

}

.mobile-menu>ul.menu {

    padding: 0;

    margin: 0

}

.mobile-menu>ul.menu li {

    position: relative;

    display: block;

    border-bottom: 1px solid #eee

}

.mobile-menu>ul.menu li.expand {

    background-color: #ddd

}

.mobile-menu>ul.menu li a {

    display: block;

    color: #ffffff;

    padding: 9px 20px;

    background: inherit

}

.section-cover,

.section-fixed {

    background-size: cover

}

.section-bg-2,

.section-cover,

.section-fixed {

    background-repeat: no-repeat

}

.mobile-menu>ul.menu li .sub-menu-toggle {

    display: none

}

.mobile-menu>ul.menu li.dropdown>.sub-menu-toggle {

    display: block;

    position: absolute;

    top: 0;

    right: 0;

    width: 42px;

    height: 45px;

    line-height: 42px;

    text-align: center;

    outline: 0;

    background-color: rgba(238, 238, 238, .5);

    cursor: pointer;

    transition: all .5s

}

.mobile-menu>ul.menu li.expand>.sub-menu-toggle {

    background-color: #da0e2b;

    color: #fff

}

.mobile-menu>ul.menu li.expand>.sub-menu-toggle:before {

    content: "\f106"

}

.mobile-menu>ul.menu ol,

.mobile-menu>ul.menu ul {

    padding: 0;

    margin: 0

}

.mobile-menu>ul.menu li .sub-menu {

    display: none;

    border-top: 1px solid #ddd;

    background-color: #eee;

    padding-left: 0;

    font-weight: 400;

    box-shadow: none;

    -moz-box-shadow: none

}

.mobile-menu>ul.menu li .sub-menu li {

    border: 0

}

.mobile-menu>ul.menu li .active a {

    box-shadow: 1px 0 0 #111 inset

}

.mobile-menu>ul.menu li .sub-menu li a {

    padding-left: 35px

}

.mobile-menu>ul.menu li .sub-menu li .sub-menu li a {

    padding-left: 55px

}

.logo-carousel {

    margin-bottom: 30px

}

.logo-carousel .logo-item img {

    display: block;

    margin: 0 auto;

    opacity: .2;

    transition: all .5s

}

.film-project-featured .image img,

.film-project-featured .image:before {

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s

}

.logo-carousel .logo-item:hover img,

.logo-carousel.no-opacity .logo-item img {

    opacity: 1

}

.logo-carousel.no-opacity .logo-item:hover img {

    transform: scale(1.1)

}

.section.border-bottom {

    border-bottom: 1px solid #eee

}

.section.border-top {

    border-top: 1px solid #eee

}

.section-title {

    font-size: 34px;

    color: #333;

    line-height: 1.4em;

    font-family: Merriweather;

    font-weight: 400;

    font-style: normal;

    text-transform: none

}

.section-title.small {

    font-size: 24px;

    line-height: 40px

}

.section-title.bottom-line:after {

    content: '';

    display: block;

    width: 30px;

    height: 1px;

    background-color: #da0e2b;

    margin-top: 5px

}

.sub-title {

    font-size: 14px;

    letter-spacing: .1em;

    font-family: Montserrat;

    font-weight: 400;

    line-height: 1.2;

    text-transform: uppercase;

    margin-bottom: 22px

}

.section {

    position: relative;

    width: 100%;

    z-index: 1

}

.section-fixed {

    background-attachment: fixed;

    background-position: 50% 50%

}

.section-bg-1 {

    background-image: url(../images/background/bg_1.png);

    background-position: center

}

.section-bg-2 {

    background-image: url(../images/background/bg_2.jpg);

    background-position: center top

}

.section-bg-3,

.section-bg-4,

.section-bg-5 {

    background-position: center

}

.section-bg-3 {

    background-image: url(../images/background/bg_3.jpg)

}

.section-bg-4 {

    background-image: url(../images/background/bg_4.jpg)

}

.section-bg-5 {

    background-image: url(../images/background/bg_5.jpg)

}

.page-title,

.section-bg-6 {

    background-repeat: no-repeat;

    background-position: center bottom

}

.section-bg-6 {

    background-image: url(../images/background/bg_6.png)

}

.section-404,

.section-bg-10,

.section-bg-11,

.section-bg-12,

.section-bg-13,

.section-bg-7,

.section-bg-8,

.section-bg-9 {

    background-position: center

}

.section-bg-7 {

    background-image: url(../images/background/bg_7.png)

}

.section-bg-8 {

    background-image: url(../images/background/bg_8.jpg)

}

.section-bg-9 {

    background-image: url(../images/background/bg_9.jpg)

}

.section-bg-10 {

    background-image: url(../images/background/bg_13.png);

    background-repeat: no-repeat

}

.section-bg-11 {

    background-image: url(../images/background/bg_14.jpg)

}

.section-bg-12 {

    background-image: url(../images/background/bg_15.jpg)

}

.section-bg-13 {

    background-image: url(../images/background/bg_18.jpg)

}

.section-404 {

    background-image: url(../images/background/bg_16.jpg)

}

.film-project-featured {

    display: block;

    width: 100%;

    padding: 0;

    margin: 0;

    position: relative

}

.film-project-featured .image {

    position: relative;

    overflow: hidden;

    z-index: 7

}

.film-project-featured .image:before {

    content: '';

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background-color: rgba(0, 0, 0, .5);

    z-index: 7;

    opacity: 0;

    transition: all .5s

}

.film-project-featured:hover .image:before {

    opacity: 1

}

.film-project-featured .image img {

    width: 100%;

    height: auto;

    transition: all .5s

}

.film-project-featured .info,

.icon-boxes .icon-boxes-icon i {

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s

}

.film-project-featured .info {

    position: absolute;

    top: 60%;

    left: 0;

    display: block;

    width: 100%;

    text-align: center;

    transform: translateY(-50%);

    z-index: 8;

    opacity: 0;

    transition: all .5s

}

.film-project-featured:hover .info {

    top: 50%;

    opacity: 1

}

.film-project-featured .info .category {

    color: #fff

}

.film-project-featured .info .category a {

    font-size: 14px;

    font-family: Merriweather;

    font-style: italic;

    color: #fff;

    font-weight: 400

}

.film-project-featured .info .category a:hover {

    color: #da0e2b

}

.film-project-featured .info .title {

    font-size: 24px;

    font-family: Merriweather;

    color: #fff;

    font-weight: 400;

    margin-bottom: 90px

}

.film-project-featured .info .more a {

    font-family: Montserrat;

    font-size: 12px;

    font-weight: 400;

    color: #da0e2b;

    text-transform: uppercase;

    display: inline-block;

    padding: 15px 20px;

    border-width: 1px;

    border-style: solid;

    border-color: transparent;

    line-height: 1

}

.film-gallery-carousel .film-gallery-carousel-item .info .title,

.icon-boxes .icon-boxes-title,

.icon-boxes-small .icon-boxes-title {

    font-family: Montserrat, Helvetica, Arial, sans-serif

}

.film-project-featured .info .more a:hover {

    border-color: #da0e2b

}

.icon-boxes .icon-boxes-icon {

    color: #da0e2b;

    font-size: 105px;

    padding-top: 50px;

    background-position: center center;

    background-size: contain;

    background-repeat: no-repeat

}

.icon-boxes .icon-boxes-icon i {

    padding: 8px;

    border-radius: 50%;

    transition: all .5s

}

.icon-boxes .icon-boxes-link a,

.icon-boxes-shadow .icon-boxes-icon {

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s

}

.icon-boxes .icon-boxes-title {

    font-weight: 700;

    margin-top: 20px;

    margin-bottom: 20px;

    position: relative;

    text-transform: uppercase;

    letter-spacing: .05em;

    font-size: 14px;

    color: #333

}

.icon-boxes .icon-boxes-content {

    color: #696969

}

.icon-boxes .icon-boxes-link {

    margin-top: 20px

}

.icon-boxes .icon-boxes-link a {

    font-size: 18px;

    font-weight: 700;

    color: #da0e2b;

    font-style: italic;

    padding-left: 4px;

    letter-spacing: .1em;

    line-height: 34px;

    border: 2px solid #f4f4f4;

    -webkit-transition: all .5s;

    transition: all .5s;

    display: inline-block;

    width: 40px;

    height: 40px;

    border-radius: 100%

}

.icon-boxes:hover .icon-boxes-link a {

    border-color: #da0e2b;

    background-color: #da0e2b;

    color: #fff

}

.icon-boxes-shadow .icon-boxes-icon {

    width: 170px;

    height: 170px;

    line-height: 170px;

    text-align: center;

    display: inline-block;

    color: #da0e2b;

    font-size: 60px;

    margin-bottom: 30px;

    padding-top: 10px;

    box-shadow: 0 0 20px rgba(0, 0, 0, .1);

    -webkit-transition: all .5s;

    transition: all .5s

}

.icon-boxes-shadow:hover .icon-boxes-icon {

    background-color: #da0e2b;

    color: #fff

}

.icon-boxes-small .icon-boxes-icon {

    font-size: 14px;

    color: #da0e2b;

    display: inline-block;

    padding-top: 0

}

.icon-boxes-small .icon-boxes-title {

    margin-top: 10px;

    margin-bottom: 10px;

    letter-spacing: .05em;

    font-size: 14px;

    font-weight: 700;

    display: inline-block;

    text-transform: uppercase

}

.film-gallery-carousel .film-gallery-carousel-item {

    outline: 0;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}

.film-gallery-carousel .film-gallery-carousel-item.slick-slide {

    width: 840px

}

.film-gallery-carousel .film-gallery-carousel-item .film-gallery-carousel-item-inner {

    display: block;

    width: 100%;

    background-color: #696969;

    transform: scale(.5);

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}

.blog-item .blog-item-inner,

.film-gallery-carousel .film-gallery-carousel-item .info {

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s

}

.film-gallery-carousel .film-gallery-carousel-item.slick-slide.slick-center .film-gallery-carousel-item-inner {

    transform: scale(1);

    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .5);

    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .5);

    box-shadow: 0 0 20px rgba(0, 0, 0, .5)

}

.blog-item.style-1 .blog-item-inner:hover .blog-thumbnail img,

.film-home-blog .blog-wrap:hover .col-image .image img {

    transform: scale(1.1)

}

.film-gallery-carousel .film-gallery-carousel-item.slick-slide img {

    width: 100%;

    opacity: .5

}

.film-gallery-carousel .film-gallery-carousel-item.slick-slide.slick-center .film-gallery-carousel-item-inner img {

    opacity: 1

}

.film-gallery-carousel .film-gallery-carousel-item .info {

    text-align: center;

    margin-top: 50px;

    opacity: 0;

    transition: all .5s

}

.film-gallery-carousel .film-gallery-carousel-item.slick-slide.slick-center .info {

    opacity: 1

}

.film-gallery-carousel .film-gallery-carousel-item .info .title a {

    font-size: 18px;

    line-height: 36px;

    font-weight: 400;

    text-transform: uppercase;

    color: #fff;

    letter-spacing: .2em

}

.film-gallery-carousel .film-gallery-carousel-item .info .title a:hover {

    color: #da0e2b

}

.film-gallery-carousel .film-gallery-carousel-item .info .category {

    font-family: Merriweather, Georgia, serif;

    font-size: 14px;

    color: #696969;

    line-height: 36px;

    font-style: italic

}

.film-gallery-carousel .film-gallery-carousel-item .info .category a {

    margin-left: 5px;

    margin-right: 5px

}

.testimonial-carousel.style-1 .item {

    width: 100%;

    text-align: center;

    outline: 0;

    z-index: 98

}

.testimonial-carousel.style-1 .item .photo {

    height: 80px;

    display: inline-block;

    margin: 0 10px 30px

}

.testimonial-carousel.style-1 .item .photo img {

    width: 80px;

    height: 80px;

    border-radius: 40px;

    display: block

}

.testimonial-carousel.style-1 .item .title {

    text-transform: uppercase;

    letter-spacing: .4em;

    font-weight: 700;

    font-size: 18px;

    margin-bottom: 35px;

    font-family: Montserrat;

    color: #333

}

.testimonial-carousel.style-1 .item .text {

    width: 80%;

    max-width: 750px;

    margin: 0 auto;

    font-size: 18px;

    font-style: italic;

    letter-spacing: 0;

    line-height: 2;

    color: #696969

}

.testimonial-carousel.style-1 .item .info {

    margin-top: 30px;

    display: inline-block

}

.testimonial-carousel.style-1 .item .info .author {

    display: inline-block;

    margin: 0 10px;

    text-align: left;

    font-family: Montserrat

}

.testimonial-carousel.style-1 .item .info .author .name,

.testimonial-carousel.style-1 .item .info .author .tagline {

    display: inline-block;

    letter-spacing: .05em

}

.testimonial-carousel.style-1 .item .info .author .name {

    font-size: 14px;

    text-transform: uppercase;

    color: #696969;

    font-weight: 700

}

.testimonial-carousel.style-1 .item .info .author .tagline {

    font-size: 14px;

    color: #ccc

}

.testimonial-carousel.style-1 .item .info .author .tagline:before {

    content: '/';

    margin-left: 8px;

    margin-right: 8px

}

.film-single-testimonial {

    margin-bottom: 0;

    width: 100%;

    outline: 0

}

.film-single-testimonial .item {

    width: 100%;

    text-align: center;

    outline: 0;

    z-index: 98

}

.film-single-testimonial .item .photo {

    height: auto;

    display: inline-block;

    margin: 0 0 55px

}

.film-single-testimonial .item .photo img {

    max-width: 100%;

    height: auto

}

.film-single-testimonial .item .text {

    width: 80%;

    max-width: 750px;

    margin: 0 auto;

    font-family: Merriweather;

    font-size: 24px;

    font-style: italic;

    letter-spacing: 0;

    line-height: 2;

    color: #333

}

.film-single-testimonial .item .sign {

    margin-top: 55px

}

.film-single-testimonial .item .info {

    margin-top: 30px;

    display: inline-block

}

.film-single-testimonial .item .info .author {

    display: inline-block;

    margin: 0 10px;

    text-align: left;

    font-family: Montserrat

}

.film-single-testimonial .item .info .author .name,

.film-single-testimonial .item .info .author .tagline {

    display: inline-block;

    letter-spacing: .05em

}

.film-single-testimonial .item .info .author .name {

    font-size: 14px;

    text-transform: uppercase;

    color: #696969;

    font-weight: 700

}

.film-single-testimonial .item .info .author .tagline {

    font-size: 14px;

    color: #ccc

}

.film-single-testimonial .item .info .author .tagline:before {

    content: '/';

    margin-left: 8px;

    margin-right: 8px

}

.film-single-testimonial.small .item .photo {

    height: auto;

    margin-bottom: 40px

}

.film-single-testimonial.small .item .text {

    font-size: 16px;

    color: #696969

}

.blog-item .blog-item-inner {

    padding: 30px;

    min-height: 205px;

    background-color: #fff;

    position: relative;

    transition: all .5s

}

.blog-item.style-1 .blog-item-inner,

.blog-item.style-1 .blog-item-inner .blog-thumbnail img {

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s

}

.blog-item .blog-item-inner .meta {

    margin-top: 40px;

    color: #696969

}

.blog-item .blog-item-inner .meta>span {

    display: inline-block;

    margin-right: 20px

}

.blog-item .blog-item-inner .meta>span.view:before {

    content: '\f133';

    font-family: Ionicons;

    font-size: 16px;

    color: #da0e2b;

    margin-right: 10px

}

.blog-item .blog-item-inner .meta>span a {

    color: #696969

}

.blog-item .blog-item-inner .blog-info .blog-info-meta .meta>span.like a:before {

    content: '\f387';

    font-family: Ionicons;

    font-size: 16px;

    color: #da0e2b;

    margin-right: 10px;

    display: inline-block

}

.blog-item.style-1 {

    margin-bottom: 30px

}

.blog-item.style-1 .blog-item-inner {

    padding: 0;

    transition: all .5s

}

.blog-item.style-1 .blog-item-inner:hover {

    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, .05);

    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .05);

    box-shadow: 0 10px 20px rgba(0, 0, 0, .05)

}

.blog-item.style-1 .blog-item-inner .blog-thumbnail {

    overflow: hidden

}

.blog-item.style-1 .blog-item-inner .blog-thumbnail img {

    transition: all .5s

}

.film-home-blog .blog-wrap .col-image .image img,

.film-home-blog .blog-wrap .title {

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s

}

.blog-item.style-1 .blog-item-inner .blog-info {

    padding: 30px;

    background-color: #fff

}

.blog-item.style-1 .blog-item-inner .blog-info .blog-info-date,

.blog-item.style-1 .blog-item-inner .blog-info .blog-info-meta,

.blog-item.style-1 .blog-item-inner .blog-info .blog-info-title {

    display: block

}

.blog-item.style-1 .blog-item-inner .blog-info .blog-info-date {

    font-size: 14px;

    font-family: Montserrat;

    color: #ccc;

    text-transform: uppercase;

    line-height: 1;

    margin-bottom: 30px

}

.blog-item.style-1 .blog-item-inner .blog-info .blog-info-title {

    font-size: 18px;

    font-family: Merriweather;

    font-weight: 400;

    color: #333;

    margin-bottom: 70px

}

.blog-item.style-1 .blog-item-inner .blog-info .blog-info-title:hover {

    color: #da0e2b

}

.blog-item.style-1 .blog-item-inner .blog-info .blog-info-meta .meta {

    font-size: 14px

}

.blog-item.style-1 .blog-item-inner .blog-info .blog-info-meta .meta>span {

    display: inline-block;

    margin-right: 20px

}

.film-home-blog .blog-wrap {

    background-color: #f6f7f7;

    overflow: hidden

}

.film-home-blog .blog-wrap .col-image {

    position: relative

}

.film-home-blog .blog-wrap .col-image .image {

    z-index: 96;

    overflow: hidden

}

.film-home-blog .blog-wrap .col-image .image img {

    width: 100%;

    height: auto;

    transition: all .5s

}

.film-home-blog .blog-wrap .col-text {

    padding-top: 30px;

    padding-bottom: 30px

}

.film-home-blog .blog-wrap .time {

    font-family: Montserrat;

    font-size: 12px;

    font-weight: 400;

    color: #ccc;

    text-transform: uppercase

}

.film-home-blog .blog-wrap .title {

    font-size: 18px;

    font-weight: 400;

    font-family: Merriweather;

    color: #333;

    line-height: 28px;

    margin-top: 20px;

    transition: all .5s

}

.film-home-blog .blog-wrap:hover .col-text .title {

    color: #da0e2b

}

.film-home-blog .blog-wrap .meta {

    margin-top: 20px;

    color: #696969;

    font-size: 14px

}

.film-home-blog .blog-wrap .meta>span {

    display: inline-block;

    margin-right: 20px

}

.film-home-blog .blog-wrap .meta>span:last-child {

    margin-right: 0

}

.film-home-blog .blog-wrap .meta>span.view:before {

    content: '\f133';

    font-family: Ionicons;

    font-size: 16px;

    color: #da0e2b;

    margin-right: 10px

}

.film-home-blog .blog-wrap .meta>span.comment:before {

    content: '\f11a';

    font-family: Ionicons;

    font-size: 16px;

    color: #da0e2b;

    margin-right: 10px

}

.film-home-blog .blog-wrap .col-quote {

    position: relative;

    background-image: url(../images/quote_bg_1.png);

    background-repeat: no-repeat;

    background-position: 100% 110%

}

.film-home-blog .blog-wrap .col-quote img {

    z-index: 96;

    opacity: 0

}

.film-home-blog .blog-wrap .col-quote .text {

    padding: 30px;

    position: absolute;

    z-index: 97;

    top: 0

}

.film-home-blog .blog-wrap:hover .col-quote .text .title {

    color: #da0e2b

}

.film-home-blog .blog-wrap .col-quote .text .title:before {

    content: '«';

    display: inline-block;

    margin-right: 10px

}

.film-home-blog .blog-wrap .col-quote .text .title:after {

    content: '»';

    display: inline-block;

    margin-left: 10px

}

.film-home-blog .blog-wrap .col-image .video-play {

    z-index: 97;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%)

}

.film-home-blog .blog-wrap .col-image .video-play:before {

    content: '';

    width: 70px;

    height: 70px;

    -webkit-border-radius: 35px;

    -moz-border-radius: 35px;

    border-radius: 35px;

    background-color: #da0e2b;

    opacity: .3;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 97

}

.film-home-blog .blog-wrap .col-image .video-play:after {

    content: '\f215';

    font-family: Ionicons;

    color: #fff;

    font-size: 18px;

    width: 56px;

    height: 56px;

    line-height: 56px;

    -webkit-border-radius: 28px;

    -moz-border-radius: 28px;

    border-radius: 28px;

    background-color: #da0e2b;

    text-align: center;

    display: block;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 98

}

.film-home-blog .blog-wrap.blog-1 {

    margin-bottom: 30px

}

.film-home-blog .blog-wrap.blog-1 .col-image .image {

    position: relative

}

.film-home-blog .blog-wrap.blog-1 .col-image .image:before,

.film-home-blog .blog-wrap.blog-2 .col-image .image:before {

    width: 0;

    border-left: 15px solid transparent;

    border-right: 15px solid #f6f7f7;

    position: absolute;

    right: 0;

    z-index: 8;

    content: ''

}

.film-home-blog .blog-wrap.blog-1 .col-image .image:before {

    height: 0;

    border-bottom: 15px solid transparent;

    border-top: 15px solid #f6f7f7;

    top: 0

}

.film-home-blog .blog-wrap.blog-1 .col-text {

    padding-right: 30px

}

.film-home-blog .blog-wrap.blog-2 {

    height: 100%

}

.film-home-blog .blog-wrap.blog-2 .col-image .image:before {

    height: 0;

    border-top: 15px solid transparent;

    border-bottom: 15px solid #f6f7f7;

    bottom: 0

}

.film-home-blog .blog-wrap.blog-2 .col-text {

    padding: 30px 45px

}

.film-home-blog .blog-wrap.blog-4 .col-image img {

    -webkit-filter: grayscale(100%);

    filter: grayscale(100%)

}

.blog-carousel .blog-item {

    padding-left: 30px;

    padding-right: 30px

}

.blog-item.style-2 {

    margin-top: 50px

}

.blog-item.style-2 .blog-item-inner {

    box-shadow: 5px 5px 20px #eee;

    padding: 0

}

.blog-item.style-2 .blog-thumbnail {

    position: relative;

    margin-bottom: 20px;

    overflow: hidden

}

.blog-item.style-2 .blog-thumbnail:after,

.blog-item.style-2 .blog-thumbnail:before {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    display: block;

    z-index: 97;

    top: 0;

    background-color: rgba(0, 0, 0, .2);

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    opacity: 0

}

.blog-item.style-2 .blog-thumbnail:before {

    left: -100%

}

.blog-item.style-2 .blog-thumbnail:after {

    right: -100%

}

.blog-item.style-2:hover .blog-thumbnail:before {

    left: 0;

    opacity: 1

}

.blog-item.style-2:hover .blog-thumbnail:after {

    right: 0;

    opacity: 1

}

.blog-item.style-2 .blog-thumbnail>a:before {

    z-index: 98;

    content: '\f489';

    font-family: Ionicons;

    font-size: 40px;

    width: 40px;

    height: 40px;

    text-align: center;

    line-height: 40px;

    color: #fff;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-top: 0;

    margin-left: -20px;

    opacity: 0;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}

.blog-detail .entry-nav .left i,

.blog-detail .entry-nav .right i,

.blog-list-item .entry-title {

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s

}

.blog-item.style-2:hover .blog-thumbnail>a:before {

    opacity: 1;

    margin-top: -20px

}

.blog-item.style-2 .blog-thumbnail img {

    width: 100%

}

.blog-item.style-2 .film-list-categories {

    position: absolute;

    right: 20px;

    bottom: 20px

}

.blog-item.style-2 .quote .film-list-categories {

    position: static;

    text-align: right

}

.blog-item.style-2 .film-list-categories a {

    font-size: 12px;

    color: #fff;

    letter-spacing: .1em;

    background-color: #da0e2b;

    display: inline-block;

    width: auto;

    padding: 5px 10px;

    text-transform: uppercase;

    font-weight: 700;

    line-height: 1;

    font-family: Montserrat, Helvetica, Arial, sans-serif

}

.blog-item.style-2 .blog-info {

    padding: 0 30px 25px

}

.blog-item.style-2 .blog-info-date {

    margin-bottom: 10px;

    display: block;

    font-size: 12px;

    letter-spacing: .1em;

    text-transform: uppercase;

    font-family: Montserrat;

    position: relative

}

.blog-item.style-2 .blog-info-date .posted-on {

    margin-right: 20px;

    color: #ccc

}

.blog-item.style-2 .blog-info-title {

    font-size: 18px;

    line-height: 28px;

    margin-bottom: 0;

    color: #333;

    position: relative;

    font-weight: 400

}

.blog-item.style-2 .blog-item-inner .meta {

    margin-top: 20px

}

.blog-list-item {

    margin-bottom: 50px;

    border-bottom: 1px solid #f4f4f4;

    padding-bottom: 50px

}

.blog-list-item .post-thumbnail a {

    display: block

}

.blog-list-item .post-thumbnail a img {

    width: 100%

}

.blog-detail .single-post-thumbnail .list-categories a,

.blog-list-item .list-categories a {

    letter-spacing: .1em;

    background-color: #da0e2b;

    width: auto;

    text-transform: uppercase;

    display: inline-block

}

.blog-list-item .list-categories a {

    font-size: 12px;

    color: #fff;

    padding: 5px 10px;

    font-weight: 700;

    line-height: 1

}

.blog-list-item .entry-desc {

    padding-top: 28px

}

.blog-list-item .entry-meta {

    margin-bottom: 5px;

    font-size: 12px;

    text-transform: uppercase;

    letter-spacing: .1em

}

.blog-list-item .entry-meta span {

    margin-right: 20px;

    color: #ccc

}

.blog-list-item .entry-title {

    margin-bottom: 10px;

    color: #333;

    position: relative;

    font-weight: 400;

    font-family: Merriweather;

    transition: all .5s

}

.blog-list-item .entry-title:hover {

    color: #da0e2b

}

.blog-list-item .meta>span {

    display: inline-block;

    margin-right: 20px

}

.blog-list-item .meta>span.comment:before,

.blog-list-item .meta>span.like a:before,

.blog-list-item .meta>span.view:before {

    font-family: Ionicons;

    font-size: 16px;

    color: #da0e2b;

    margin-right: 10px

}

.blog-list-item .meta>span.view:before {

    content: '\f133'

}

.blog-list-item .meta>span.like a:before {

    content: '\f387';

    display: inline-block

}

.blog-list-item .meta>span.comment:before {

    content: '\f11a'

}

.blog-list-item .entry-content {

    font-size: 15px;

    color: #696969;

    line-height: 1.6

}

.blog-list-item .entry-share {

    align-self: center;

    text-align: right

}

.blog-list-item.style-1 .post-thumbnail {

    position: relative

}

.blog-list-item.style-1 .post-thumbnail .list-categories {

    position: absolute;

    right: 20px;

    bottom: 20px;

    font-family: Montserrat, Helvetica, Arial, sans-serif

}

.blog-list-item.style-1 .entry-desc {

    padding-left: 50px

}

.blog-list-item.style-1 .entry-title {

    margin-top: 15px

}

.blog-list-item.style-1 .meta {

    margin-top: 90px

}

.blog-list-item.style-2 .meta {

    margin-top: 10px;

    margin-bottom: 15px

}

.blog-list-item.style-2 .entry-desc {

    padding-top: 0

}

.blog-list-item.style-2 .list-categories {

    margin-top: -4px;

    margin-bottom: 10px

}

.blog-list-item.style-3 .post-thumbnail {

    position: relative

}

.blog-list-item.style-3 .post-thumbnail .list-categories {

    position: absolute;

    right: 20px;

    bottom: 20px;

    font-family: Montserrat, Helvetica, Arial, sans-serif

}

.blog-list-item.style-3 .entry-content {

    margin-top: 25px;

    margin-bottom: 25px

}

.blog-detail .single-post-thumbnail {

    margin-bottom: 35px;

    position: relative

}

.blog-detail .single-post-thumbnail .list-categories {

    position: absolute;

    right: 20px;

    bottom: 20px;

    font-family: Montserrat, Helvetica, Arial, sans-serif

}

.blog-detail .single-post-thumbnail .list-categories a {

    font-size: 12px;

    color: #fff;

    padding: 5px 10px;

    font-weight: 700;

    line-height: 1

}

.blog-detail .entry-title {

    margin-bottom: 15px;

    color: #333;

    letter-spacing: 0;

    font-weight: 400;

    font-size: 24px;

    font-family: Merriweather, Georgia, serif

}

.blog-detail .meta {

    margin-bottom: 15px;

    margin-top: 20px

}

.blog-detail .meta>span {

    display: inline-block;

    margin-right: 20px

}

.blog-detail .meta>span.comment:before,

.blog-detail .meta>span.like a:before,

.blog-detail .meta>span.view:before {

    font-family: Ionicons;

    color: #da0e2b;

    margin-right: 10px;

    font-size: 16px

}

.blog-detail .meta>span.view:before {

    content: '\f133'

}

.blog-detail .meta>span.like a:before {

    content: '\f387';

    display: inline-block

}

.blog-detail .meta>span.comment:before {

    content: '\f11a'

}

.blog-detail .entry-nav,

.blog-detail .tags {

    font-family: Montserrat, Helvetica, Arial, sans-serif

}

.blog-detail .entry-footer {

    margin-bottom: 20px

}

.blog-detail .tags .tag-icon {

    color: #ababab;

    font-size: 16px;

    margin-right: 15px

}

.blog-detail .entry-footer .tags a {

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    font-size: 14px;

    color: #ababab;

    margin-right: 5px;

    margin-bottom: 8px;

    display: inline-block

}

.blog-detail .entry-footer .tags a:hover {

    color: #da0e2b

}

.blog-detail .entry-footer .entry-share {

    text-align: right

}

.blog-detail .entry-author {

    padding: 40px 0;

    border-top: 1px solid #f4f4f4

}

.blog-detail .entry-author img {

    border-radius: 50%;

    border: 5px solid #f2f2f2

}

.blog-detail .entry-author .name {

    font-size: 14px;

    color: #333;

    letter-spacing: .05em;

    margin-bottom: 10px

}

.blog-detail .entry-author .desc {

    font-size: 15px;

    line-height: 1.6em;

    color: #696969

}

.blog-detail .entry-nav {

    padding: 40px 30px;

    background: #f8f7f7;

    border: 1px solid #f4f4f4;

    font-size: 18px;

    font-weight: 700

}

.blog-detail .entry-nav .left i,

.blog-detail .entry-nav .right i {

    transition: all .5s;

    color: #ababab

}

.blog-detail .entry-nav .left:hover i,

.blog-detail .entry-nav .right:hover i {

    color: #da0e2b

}

.blog-detail .entry-nav a {

    text-transform: none;

    color: #ababab;

    outline: 0;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    width: 90%;

    display: inline-block;

    vertical-align: middle

}

.blog-detail .entry-nav .left:hover a,

.blog-detail .entry-nav .right:hover a {

    color: #332b28

}

.blog-detail .entry-nav .left a {

    padding-left: 10px

}

.blog-detail .entry-nav .right a {

    padding-right: 10px

}

.footer-newsletter.style-1 .footer-newsletter-left {

    font-size: 34px;

    font-weight: 400;

    font-family: Merriweather;

    color: #333;

    line-height: 46px;

    text-transform: capitalize;

    margin-bottom: 30px

}

.footer-newsletter.style-1 .footer-newsletter-right {

    margin-bottom: 30px

}

.footer-newsletter.style-1 .footer-newsletter-right .form {

    position: relative;

    height: 48px;

    line-height: 48px;

    background-color: #f7f7f7;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px

}

.footer-newsletter.style-1 .footer-newsletter-right .form input[type=text],

.footer-newsletter.style-1 .footer-newsletter-right .form input[type=email] {

    display: inline-block;

    background-color: transparent;

    color: #333;

    font-size: 14px;

    font-family: Montserrat;

    border: 0

}

.footer-newsletter.style-1 .footer-newsletter-right .form input[type=submit] {

    display: inline-block;

    height: 40px;

    line-height: 40px;

    text-align: center;

    padding: 0 25px;

    background-color: #da0e2b;

    font-size: 14px;

    font-family: Montserrat;

    font-weight: 400;

    text-transform: uppercase;

    color: #fff;

    border: 0;

    position: absolute;

    top: 4px;

    right: 4px;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}

.footer-newsletter.style-1 .footer-newsletter-right .form input[type=submit]:hover {

    background-color: #333;

    color: #fff

}

.footer,

.footer a {

    color: #ababab

}

.footer-newsletter.style-1 .footer-newsletter-right p {

    color: #ababab;

    font-size: 14px;

    font-style: italic;

    margin-bottom: 0

}

.footer {

    display: block;

    width: 100%;

    padding-top: 80px;

    padding-bottom: 40px;

    margin-top: 0;

    margin-bottom: 0;

    font-size: 15px;

    background-color: #333

}

.footer .row>.col-md-2,

.footer .row>.col-md-4 {

    margin-bottom: 30px

}

.footer a:hover {

    color: #da0e2b

}

.footer .footer-social {

    margin-top: 30px;

    margin-bottom: 50px

}

.footer .footer-social a {

    position: relative;

    display: inline-block;

    width: 48px;

    height: 48px;

    line-height: 44px;

    text-align: center;

    border: 2px solid #585858;

    border-radius: 24px;

    margin-right: 6px;

    font-size: 16px;

    color: #ababab

}

.footer .footer-social a:hover {

    background-color: #da0e2b;

    border-color: #da0e2b;

    color: #fff

}

.footer .footer-social .tooltip.top .tooltip-arrow {

    border-top-color: #da0e2b

}

.footer .footer-social .tooltip-inner {

    background-color: #da0e2b

}

.footer .widget .widget-title {

    margin-bottom: 30px;

    padding-bottom: 10px;

    color: #fff;

    font-family: Merriweather;

    font-weight: 400;

    font-size: 18px;

    letter-spacing: 0;

    position: relative

}

.footer .widget .widget-title:after {

    content: '';

    width: 30px;

    height: 1px;

    background-color: #da0e2b;

    display: block;

    position: absolute;

    bottom: 0;

    left: 0;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}

.copyright,

.film-our-services-list .big-title a {

    position: relative

}

.footer .widget ul {

    list-style: none;

    padding: 0

}

.footer .widget ul li {

    margin-bottom: 15px;

    line-height: 1.6

}

.footer .widget ul li a {

    position: relative;

    color: #ababab

}

.footer .widget ul li a:hover {

    padding-left: 15px;

    color: #da0e2b

}

.footer .widget ul li a:hover:before {

    position: absolute;

    content: '\f462';

    font-family: Ionicons;

    left: 0;

    top: 0;

    color: #da0e2b;

    line-height: 18px

}

.footer .textwidget p {

    padding: 0;

    margin: 0 0 15px

}

.footer .footer-gmap {

    margin-top: 35px

}

.footer .footer-gmap a {

    height: 40px;

    line-height: 40px;

    font-size: 14px;

    font-family: Montserrat;

    font-weight: 400

}

.footer .footer-gmap a:before {

    content: '\f041';

    font-family: FontAwesome;

    display: inline-block;

    width: 40px;

    height: 40px;

    line-height: 36px;

    text-align: center;

    color: #ababab;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    border-radius: 20px;

    border: 2px solid #595959;

    margin-right: 10px;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}

.copyright {

    display: block;

    width: 100%;

    background: #333

}

.copyright .copyright-container {

    padding-top: 40px;

    padding-bottom: 40px;

    border-top: 2px solid #2d2d2d;

    float: left;

    width: 100%

}

.copyright .copyright-left {

    font-size: 14px;

    color: #696969;

    font-family: Lato;

    font-style: italic;

    line-height: 25px

}

.copyright .copyright-left a {

    color: #fff

}

.copyright .copyright-left a:hover {

    color: #da0e2b

}

.copyright .copyright-right {

    text-align: right

}

.copyright .copyright-right ul {

    margin: 0;

    padding: 0;

    list-style: none

}

.copyright .copyright-right ul li {

    display: inline-block;

    margin-left: 20px

}

.copyright .copyright-right ul li a {

    text-transform: uppercase;

    font-family: Montserrat;

    color: #696969;

    font-size: 12px;

    font-weight: 400;

    line-height: 1

}

.copyright .copyright-right ul li a:hover {

    color: #da0e2b

}

.copyright.style-2 .copyright-container {

    border-top: 0

}

.copyright.style-2 .copyright-left,

.copyright.style-2 .copyright-right ul li a {

    line-height: 55px

}

@media (min-width:769px) {

    .copyright.style-2 .copyright-container {

        padding: 120px 100px

    }

}

.service-item .icon {

    font-size: 36px

}

.service-item .title {

    display: block;

    font-size: 14px;

    font-weight: 700;

    font-family: Montserrat;

    text-transform: uppercase

}

.service-item .links {

    margin-top: 15px

}

.service-item .links a {

    display: block;

    color: #ababab;

    font-size: 14px;

    line-height: 1;

    margin-top: 15px

}

.service-item .links a:hover {

    color: #da0e2b

}

.film-our-services-list .big-title,

.film-our-services-list .big-title a {

    font-family: Merriweather;

    font-size: 40px;

    color: #333;

    font-weight: 400

}

.film-our-services-list .big-title a:hover {

    color: #da0e2b

}

.film-our-services-list .big-title a:after {

    position: absolute;

    right: -130px;

    top: 50%;

    content: '\f30f';

    font-family: Ionicons;

    width: 40px;

    height: 40px;

    text-align: center;

    line-height: 36px;

    font-size: 18px;

    font-weight: 400;

    color: #da0e2b;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    border-radius: 20px;

    display: inline-block;

    border: 2px solid #f0f0f0;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    transform: translateY(-50%)

}

.film-our-services.type-icon .col-text .text .title,

.film-our-services.type-image {

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s

}

.film-our-services-list .big-title a:hover:after {

    border-color: #da0e2b;

    background-color: #da0e2b;

    color: #fff

}

.film-our-services-list .items .item {

    display: block;

    width: 100%;

    margin-top: 40px;

    padding-left: 50px;

    position: relative

}

.film-our-services-list .items .item .number {

    position: absolute;

    top: 0;

    left: 0;

    font-size: 24px;

    font-weight: 700;

    font-family: Montserrat;

    color: #da0e2b;

    opacity: .5;

    -ms-transform: rotate(-90deg);

    -webkit-transform: rotate(-90deg);

    -o-transform: rotate(-90deg);

    -moz-transform: rotate(-90deg);

    transform: rotate(-90deg)

}

.film-our-services-list .items .item .title {

    display: block;

    font-size: 14px;

    font-weight: 400;

    text-transform: uppercase;

    font-family: Montserrat;

    color: #333

}

.film-our-services-list .items .item .content {

    margin-top: 10px;

    display: block

}

.film-our-services {

    display: block

}

.film-our-services.type-icon .col-icon {

    z-index: 97

}

.film-our-services.type-icon .col-icon .icon {

    width: 100%;

    min-height: 255px;

    background-color: #fff;

    color: #da0e2b;

    font-size: 100px;

    text-align: center;

    -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);

    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);

    box-shadow: 0 5px 20px rgba(0, 0, 0, .1);

    margin-top: -50px;

    position: relative

}

.film-list-item:nth-child(even) .col-info .info,

.film-our-services.type-image.right .col-text {

    text-align: right

}

.film-our-services.type-icon .col-icon .icon i {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%)

}

.film-our-services.type-icon .col-text {

    z-index: 96

}

.film-our-services.type-icon .col-text .text {

    background-color: #f6f7f7;

    padding: 40px 70px;

    min-height: 270px;

    position: relative

}

.film-our-services.type-icon .col-text .text:before {

    content: '';

    display: block;

    width: 100px;

    height: 100%;

    position: absolute;

    top: 0;

    left: -100px;

    background-color: #f6f7f7

}

.film-our-services.type-icon .col-text .text .title {

    font-family: Merriweather;

    font-weight: 400;

    font-size: 24px;

    color: #333;

    transition: all .5s

}

.film-our-services.type-icon:hover .col-text .text .title {

    color: #da0e2b

}

.film-our-services.type-icon .col-text .text .content {

    font-family: Lato;

    font-size: 15px;

    color: #696969;

    line-height: 1.7;

    display: block;

    margin-top: 20px;

    width: 100%

}

.film-our-services.type-icon.right .col-icon {

    float: right

}

.film-our-services.type-icon.right .col-icon .icon {

    margin-top: 50px

}

.film-our-services.type-icon.right .col-text .text {

    padding: 40px 70px 40px 100px

}

.film-our-services.right .col-text .text:before {

    left: auto;

    right: -100px

}

.film-our-services.type-icon .col-icon .icon.primary-color {

    background-color: #da0e2b;

    color: #fff

}

.film-our-services.type-icon .col-icon .icon.black-color {

    background-color: #333;

    color: #da0e2b

}

.film-our-services.type-image {

    transition: all .5s

}

.film-our-services.type-image:hover {

    -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);

    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);

    box-shadow: 0 5px 20px rgba(0, 0, 0, .1)

}

.film-our-services.type-image .col-image {

    z-index: 96;

    padding-right: 0

}

.film-our-services.type-image .col-image img {

    width: 100%;

    height: auto;

    -webkit-filter: grayscale(100%);

    filter: grayscale(100%)

}

.film-our-services.type-image:hover .col-image img {

    -webkit-filter: grayscale(0);

    filter: grayscale(0)

}

.film-our-services.type-image .col-text {

    z-index: 97

}

.film-our-services.type-image .col-text .text {

    background-color: #fff;

    padding: 40px

}

.film-our-services.type-image .col-text .text .title {

    font-family: Merriweather;

    font-weight: 400;

    font-size: 24px;

    color: #333;

    position: relative;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}

.film-our-services.type-image:hover .col-text .text .title {

    color: #da0e2b

}

.film-our-services.type-image .col-text .text .title:before {

    content: '';

    width: 60px;

    height: 1px;

    background-color: #da0e2b;

    display: block;

    position: absolute;

    top: 50%;

    left: -85px

}

.film-list-item .col-thumb .thumb img,

.film-masonry-item .film-masonry-item-inner .thumb img {

    width: 100%;

    height: auto;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s

}

.film-our-services.type-image .col-text .text .content {

    font-family: Lato;

    font-size: 15px;

    color: #696969;

    line-height: 1.7;

    display: block;

    margin-top: 20px;

    width: 100%

}

.film-our-services.type-image.right .col-image {

    float: right;

    padding-right: 15px;

    padding-left: 0

}

.film-our-services.type-image.right .col-text .title:before {

    left: auto;

    right: -85px

}

.film-filter {

    display: block;

    position: absolute;

    top: 80px;

    left: 0;

    -ms-transform: rotate(-90deg);

    -webkit-transform: rotate(-90deg);

    -o-transform: rotate(-90deg);

    -moz-transform: rotate(-90deg);

    transform: rotate(-90deg);

    -ms-transform-origin: 0 0;

    -webkit-transform-origin: 0 0;

    transform-origin: 0 0

}

.film-filter ul {

    margin: 0;

    padding: 0;

    transform: translate(-100%, -140px)

}

.film-filter ul li {

    display: inline

}

.film-filter ul li a {

    text-transform: uppercase;

    font-size: 13.5px;

    letter-spacing: .05em;

    padding: 7px 20px;

    font-weight: 700;

    border-radius: 4px;

    border: 1px solid transparent;

    cursor: pointer

}

.film-filter ul li a.active,

.film-filter ul li a:hover {

    color: #da0e2b;

    border-color: #da0e2b

}

.film-masonry-item {

    margin-bottom: 30px

}

.film-masonry-item .film-masonry-item-inner {

    display: block;

    width: 100%;

    background-color: #fff;

    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, .05);

    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .05);

    box-shadow: 0 10px 20px rgba(0, 0, 0, .05)

}

.film-masonry-item .film-masonry-item-inner .thumb {

    overflow: hidden

}

.film-masonry-item .film-masonry-item-inner .thumb img {

    display: block;

    margin: 0;

    padding: 0;

    -webkit-filter: grayscale(100%);

    filter: grayscale(100%);

    -o-transition: all .5s;

    transition: all .5s

}

.film-masonry-item .film-masonry-item-inner:hover .thumb img {

    -webkit-filter: grayscale(0);

    filter: grayscale(0);

    transform: scale(1.1)

}

.film-masonry-item .film-masonry-item-inner .info {

    padding: 20px 30px

}

.film-masonry-item .film-masonry-item-inner .info .title a {

    font-size: 18px;

    font-weight: 400;

    font-family: Merriweather;

    color: #333

}

.film-masonry-item .film-masonry-item-inner .info .title a:hover {

    color: #da0e2b

}

.film-masonry-item .film-masonry-item-inner .info .category a {

    font-size: 12px;

    font-weight: 400;

    font-family: Montserrat;

    text-transform: uppercase;

    color: #ccc;

    display: inline-block;

    margin-right: 20px

}

.film-masonry-item .film-masonry-item-inner .info .category a:hover {

    color: #da0e2b

}

.film-masonry-item .film-masonry-item-inner .info .meta {

    margin-top: 20px;

    font-size: 14px;

    color: #696969

}

.film-masonry-item .film-masonry-item-inner .info .meta>span {

    display: inline-block;

    margin-right: 20px

}

.film-masonry-item .film-masonry-item-inner .info .meta>span:last-child {

    margin-right: 0

}

.film-masonry-item .film-masonry-item-inner .info .meta>span.view:before {

    content: '\f133';

    font-family: Ionicons;

    font-size: 16px;

    color: #da0e2b;

    margin-right: 10px

}

.film-masonry-item .film-masonry-item-inner .info .meta>span.comment:before {

    content: '\f11a';

    font-family: Ionicons;

    font-size: 16px;

    color: #da0e2b;

    margin-right: 10px

}

.film-list-item {

    display: block;

    clear: both

}

.film-list-item .col-md-6 {

    padding: 0

}

.film-list-item:nth-child(odd) .col-thumb {

    padding-right: 0

}

.film-list-item .col-thumb .thumb {

    width: 100%;

    overflow: hidden

}

.film-list-item .col-thumb .thumb img {

    -o-transition: all .5s;

    transition: all .5s

}

.film-list-item:hover .col-thumb .thumb img {

    transform: scale(1.1)

}

.film-list-item .col-info .info {

    padding: 50px 30px

}

.film-list-item .col-info .info .title {

    font-size: 24px;

    font-weight: 400;

    font-family: Merriweather;

    color: #333;

    display: block;

    position: relative

}

.film-list-item:nth-child(even) .col-info .info .title:after,

.film-list-item:nth-child(odd) .col-info .info .title:before {

    content: '';

    width: 60px;

    height: 1px;

    display: block;

    position: absolute;

    top: 50%;

    background-color: #da0e2b

}

.film-list-item .col-info .info .title a {

    color: #333

}

.film-list-item .col-info .info .title a:hover {

    color: #da0e2b

}

.film-list-item:nth-child(odd) .col-info .info .title:before {

    left: -80px

}

.film-list-item:nth-child(even) .col-info .info .title:after {

    right: -80px

}

.film-list-item .col-info .info .category a {

    font-size: 12px;

    font-weight: 400;

    font-family: Montserrat;

    text-transform: uppercase;

    color: #ccc;

    display: inline-block;

    margin-right: 20px

}

.film-list-item .col-info .info .category a:hover {

    color: #da0e2b

}

.film-list-item .col-info .info .excerpt {

    display: block;

    margin-top: 20px

}

.film-list-item .col-info .info .meta {

    margin-top: 20px;

    font-size: 14px;

    color: #696969

}

.film-list-item .col-info .info .meta>span a {

    color: #696969

}

.film-list-item .col-info .info .meta>span {

    display: inline-block;

    margin-right: 20px

}

.film-list-item .col-info .info .meta>span:last-child {

    margin-right: 0

}

.film-list-item .col-info .info .meta>span.view:before {

    content: '\f133';

    font-family: Ionicons;

    font-size: 16px;

    color: #da0e2b;

    margin-right: 10px

}

.film-list-item .col-info .info .meta>span.like a:before {

    content: '\f387';

    font-family: Ionicons;

    font-size: 16px;

    color: #da0e2b;

    margin-right: 10px;

    display: inline-block

}

.film-list-item .col-info .info .meta>span.comment:before {

    content: '\f11a';

    font-family: Ionicons;

    font-size: 16px;

    color: #da0e2b;

    margin-right: 10px

}

.film-post-slider .item {

    height: 700px;

    background-size: cover;

    background-position: center

}

.film-post-slider .item .container,

.film-post-slider .item .row {

    height: 100%

}

.film-post-slider .item .row {

    align-items: flex-end;

    align-content: flex-end;

    align-self: flex-end;

    display: flex;

    flex-wrap: wrap;

    margin-left: -.9375rem;

    margin-right: -.9375rem

}

.film-post-slider .item .row .blog-classic-style {

    margin-bottom: 50px;

    padding-bottom: 50px;

    color: #fff

}

.film-post-slider .item .row .blog-classic-style .film-list-categories {

    font-family: Montserrat, Helvetica, Arial, sans-serif

}

.film-post-slider .film-list-categories a {

    font-size: 12px;

    color: #fff;

    letter-spacing: .1em;

    background-color: #da0e2b;

    display: inline-block;

    width: auto;

    padding: 5px 10px;

    text-transform: uppercase;

    font-weight: 700;

    line-height: 1

}

.film-post-slider .blog-classic-style .entry-desc {

    padding-top: 28px

}

.film-post-slider .blog-classic-style .entry-title {

    margin-bottom: 10px;

    position: relative;

    color: #fff;

    font-weight: 400;

    font-family: Merriweather

}

.film-post-slider .blog-classic-style .meta {

    margin-top: 20px

}

.film-post-slider .blog-classic-style .meta>span {

    display: inline-block;

    margin-right: 20px

}

.film-post-slider .blog-classic-style .meta>span.view:before {

    content: '\f133';

    font-family: Ionicons;

    font-size: 16px;

    color: #da0e2b;

    margin-right: 10px

}

.film-post-slider .blog-classic-style .meta>span.like a {

    color: #FFF

}

.film-post-slider .blog-classic-style .meta>span.like a:before {

    content: '\f387';

    font-family: Ionicons;

    font-size: 16px;

    color: #da0e2b;

    margin-right: 10px;

    display: inline-block

}

.film-post-slider .blog-classic-style .meta>span.comment:before {

    content: '\f11a';

    font-family: Ionicons;

    font-size: 16px;

    color: #da0e2b;

    margin-right: 10px

}

.film-post-slider .blog-classic-style .entry-content {

    font-size: 15px;

    color: #fff;

    line-height: 1.6

}

.film-post-slider .slider-nav-container {

    position: absolute;

    bottom: 100px;

    right: 100px;

    list-style-type: none;

    padding: 0;

    margin: 0

}

.film-post-slider .slider-nav-container li {

    padding: 30px 0;

    border-bottom: 1px solid rgba(255, 255, 255, .3);

    cursor: pointer

}

.film-post-slider .slider-nav-container li:first-child {

    display: none

}

.film-post-slider .slider-nav-container li * {

    color: #fff

}

.film-post-slider .slider-nav-container li .desc,

.film-post-slider .slider-nav-container li .thumb {

    display: inline-block;

    vertical-align: middle

}

.film-post-slider .slider-nav-container li .thumb {

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    margin-right: 25px;

    max-width: 120px

}

.film-post-slider .slider-nav-container li:hover .thumb {

    transform: scale(1.2)

}

.film-post-slider .slider-nav-container li .desc {

    width: 220px

}

.film-post-slider .slider-nav-container li .desc .slider-nav-cats {

    font-size: 12px;

    text-transform: uppercase;

    letter-spacing: .1em

}

.film-post-slider .slider-nav-container li .desc h6 {

    font-size: 14px;

    line-height: 24px

}

.film-detail-video {

    overflow: hidden;

    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);

    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);

    box-shadow: 0 10px 20px rgba(0, 0, 0, .1)

}

.film-detail-video.full {

    margin-right: 100px;

    margin-left: 100px

}

.film-detail-video a {

    display: block;

    width: 100%;

    padding: 0;

    margin: 0;

    position: relative

}

.film-detail-title .category a,

.film-detail-title .meta>span {

    margin-right: 20px;

    display: inline-block

}

.film-detail-video a:after,

.film-detail-video a:before {

    background-color: #da0e2b;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%)

}

.film-detail-video a:before {

    content: '';

    width: 100px;

    height: 100px;

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    border-radius: 50px;

    opacity: .3;

    z-index: 97

}

.film-detail-video a:after {

    content: '\f215';

    font-family: Ionicons;

    color: #fff;

    font-size: 24px;

    width: 80px;

    height: 80px;

    line-height: 80px;

    -webkit-border-radius: 40px;

    -moz-border-radius: 40px;

    border-radius: 40px;

    text-align: center;

    display: block;

    z-index: 98

}

.film-detail-video:hover img,

.relate-film-carousel .item .item-inner:hover .thumb img,

.team-item:hover .thumb img {

    transform: scale(1.1)

}

.film-detail-video a img {

    display: block;

    width: 100%;

    height: auto;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    z-index: 96

}

.relate-film-carousel .item .item-inner .thumb img,

.team-item {

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s

}

.film-detail-title .category a {

    font-size: 12px;

    font-weight: 400;

    font-family: Montserrat;

    text-transform: uppercase;

    color: #ccc

}

.film-detail-title .meta {

    margin-top: 20px;

    margin-bottom: 15px;

    color: #696969

}

.film-detail-title .meta>span a {

    color: #696969

}

.film-detail-title .meta>span.comment:before,

.film-detail-title .meta>span.like a:before,

.film-detail-title .meta>span.view:before {

    font-family: Ionicons;

    font-size: 16px;

    color: #da0e2b;

    margin-right: 10px

}

.film-detail-title .meta>span.view:before {

    content: '\f133'

}

.film-detail-title .meta>span.like a:before {

    content: '\f387';

    display: inline-block

}

.film-detail-title .meta>span.comment:before {

    content: '\f11a'

}

.film-detail-content {

    margin-bottom: 35px

}

.film-detail-info {

    display: block;

    width: 100%;

    padding: 50px 30px;

    background-color: #f6f7f7

}

.film-detail-info .info-item {

    display: block;

    margin-bottom: 40px

}

.film-detail-info .info-item .title {

    font-size: 14px;

    font-weight: 700;

    font-family: Montserrat;

    color: #333;

    text-transform: uppercase;

    margin-bottom: 10px

}

.film-detail-info .info-item .content {

    font-size: 14px;

    color: #696969;

    width: 100%

}

.film-detail-info.film-detail-info-carousel {

    background: 0 0

}

.film-detail-info.film-detail-info-carousel .info-item {

    display: block;

    padding: 0 15px;

    outline: 0

}

.film-detail-info.film-detail-info-carousel .info-item .info-item-inner {

    padding: 30px;

    background-color: #f6f7f7

}

.relate-film-carousel .item {

    padding: 0 15px 20px;

    outline: 0

}

.relate-film-carousel .item .item-inner {

    display: block;

    width: 100%;

    background-color: #fff;

    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, .05);

    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .05);

    box-shadow: 0 10px 20px rgba(0, 0, 0, .05)

}

.relate-film-carousel .item .item-inner .thumb {

    overflow: hidden

}

.relate-film-carousel .item .item-inner .thumb img {

    display: block;

    margin: 0;

    padding: 0;

    width: 100%;

    height: auto;

    -o-transition: all .5s;

    transition: all .5s

}

.relate-film-carousel .item .item-inner .info {

    padding: 15px 30px

}

.relate-film-carousel .item .item-inner .info .title a {

    font-size: 18px;

    font-weight: 400;

    font-family: Merriweather;

    color: #333

}

.relate-film-carousel .item .item-inner .info .title a:hover {

    color: #da0e2b

}

.relate-film-carousel .item .item-inner .info .category a {

    font-size: 12px;

    font-weight: 400;

    font-family: Montserrat;

    text-transform: uppercase;

    color: #ccc;

    display: inline-block;

    margin-right: 20px

}

.counter-digit,

.counter-title {

    line-height: 1;

    font-weight: 700;

    margin-bottom: 20px;

    text-align: left;

    font-family: Montserrat;

    font-style: normal

}

.relate-film-carousel .item .item-inner .info .category a:hover {

    color: #da0e2b

}

.counter-digit {

    font-size: 40px;

    color: #da0e2b;

    text-transform: none

}

.counter-title {

    font-size: 14px;

    color: #333;

    text-transform: uppercase

}

.counter-desc {

    font-size: 15px;

    color: #696969;

    line-height: 26px;

    text-align: left;

    font-weight: 400;

    text-transform: none

}

.team-carousel-wrap {

    padding: 50px 100px

}

.team-item {

    -o-transition: all .5s;

    transition: all .5s;

    outline: 0;

    padding: 30px 15px

}

.team-item .thumb {

    overflow: hidden

}

.team-item .thumb img {

    width: 100%;

    height: auto;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}

.team-item .info {

    background-color: #fff;

    text-align: center;

    padding: 25px 10px

}

.team-item .info .name,

.team-item .info .name a {

    font-size: 18px;

    font-weight: 700;

    font-family: Montserrat;

    color: #333

}

.team-item .info .name a:hover {

    color: #da0e2b

}

.team-item .info .socials,

.team-item .info .tagline {

    color: #ccc;

    height: 28px;

    line-height: 28px;

    overflow: hidden

}

.team-item .info .tagline {

    font-size: 12px;

    font-weight: 700;

    text-transform: uppercase;

    font-family: Montserrat

}

.team-item:hover .info .tagline {

    display: none

}

.team-item .info .socials {

    font-size: 14px;

    font-weight: 400;

    font-family: Lato;

    display: none

}

.team-item:hover .info .socials {

    display: block

}

.film-list-member {

    margin-bottom: 30px

}

.film-list-member .item {

    display: inline-block;

    vertical-align: top;

    margin-left: 15px;

    margin-right: 15px;

    position: relative

}

.film-list-member .item .info {

    margin-top: 35px;

    margin-bottom: 20px

}

.film-list-member .item .name {

    text-transform: uppercase;

    font-family: Montserrat;

    font-size: 18px;

    font-weight: 700;

    color: #333;

    position: relative;

    display: inline-block

}

.film-list-member .item .tagline {

    font-size: 12px;

    color: #ccc;

    letter-spacing: .1em;

    display: block;

    font-family: Montserrat, Helvetica, Arial, sans-serif

}

.team-filter-scroll {

    overflow: hidden

}

.team-filter ul {

    margin: 0;

    padding: 0;

    white-space: nowrap

}

.team-filter ul li {

    list-style: none;

    display: inline-block;

    padding-right: 50px

}

.team-filter ul li a {

    cursor: pointer;

    text-transform: lowercase;

    color: #333;

    font-weight: 700;

    font-family: Merriweather;

    font-size: 56px;

    opacity: .2

}

.team-filter ul li a.active {

    opacity: 1

}

.film-member-info .member-info {

    display: table

}

.film-member-info .member-info .line {

    display: table-row

}

.film-member-info .member-info .line .name {

    font-weight: 700;

    font-family: Montserrat;

    color: #333;

    display: table-cell;

    padding: 10px 0

}

.film-member-info .member-info .line .value {

    display: table-cell;

    padding: 10px 0 10px 40px

}

.film-member-info .member-info .line .value.socials a {

    width: 30px;

    height: 30px;

    display: inline-block;

    border: 1px solid #cdcdcd;

    color: #cdcdcd;

    text-align: center;

    line-height: 28px;

    font-size: 12px;

    margin-right: 10px;

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    border-radius: 15px

}

.film-member-info .member-info .line .value.socials a:hover {

    background-color: #da0e2b;

    border-color: #da0e2b;

    color: #fff

}

.film-member-skill .title {

    font-size: 40px;

    font-weight: 700;

    font-family: Montserrat;

    color: #333;

    line-height: 1.2em;

    margin-bottom: 40px;

    position: relative

}

.film-member-skill .title:before {

    content: '';

    width: 10px;

    height: 20px;

    background-color: #da0e2b;

    position: absolute;

    left: -40px;

    top: -20px;

    -ms-transform: matrix(1, .45, 0, 1, 0, 0);

    -webkit-transform: matrix(1, .45, 0, 1, 0, 0);

    transform: matrix(1, .45, 0, 1, 0, 0)

}

@media (min-width:769px) {

    .film-list-member .item .info {

        position: absolute;

        top: 0;

        left: 100%;

        white-space: nowrap;

        margin-left: 50px

    }

    .film-list-member .item .name:after {

        position: absolute;

        content: '';

        display: block;

        width: 60px;

        height: 2px;

        background-color: #da0e2b;

        top: 50%;

        margin-top: -2px;

        left: -80px

    }

    .film-list-member .item:nth-child(even) {

        margin-top: 110px

    }

    .film-list-member .item:nth-child(even) .info {

        text-align: right;

        position: absolute;

        bottom: 0;

        right: 100%;

        white-space: nowrap;

        margin-right: 50px;

        left: auto;

        top: auto

    }

    .film-list-member .item:nth-child(even) .name:after {

        left: auto;

        right: -80px

    }

    .film-menu-add-param ul li {

        flex: 0 0 16.66667%;

        max-width: 16.66667%

    }

}

.film-menu-add-param ul {

    margin: 0 auto;

    padding: 0;

    display: block

}

.film-menu-add-param ul li {

    list-style: none;

    display: inline-block;

    position: relative;

    padding: 0;

    float: left;

    width: 100%

}

.film-menu-add-param ul li a {

    padding-top: 25px;

    text-align: center;

    font-size: 14px;

    font-weight: 700;

    font-family: Montserrat;

    text-transform: uppercase;

    letter-spacing: .4em;

    color: #050505;

    box-sizing: border-box;

    height: 110px;

    display: block;

    position: relative;

    z-index: 2;

    border-top: 2px solid #252525

}

.film-menu-add-param ul li a i {

    font-size: 30px;

    color: #050505

}

.film-menu-add-param ul li a span {

    margin-top: 2px;

    display: block

}

.film-menu-add-param ul li a:hover {

    background: #da0e2b;

    border-color: #da0e2b

}

.film-menu-add-param ul li a:hover,

.film-menu-add-param ul li a:hover i {

    color: #fff

}

.film-menu-add-param ul li:after {

    content: '';

    display: block;

    width: 1px;

    height: 60px;

    background: rgba(105, 105, 105, .3);

    position: absolute;

    left: -1px;

    top: 25px;

    z-index: 1

}

.film-menu-add-param ul li:first-child:after {

    display: none

}

.blogger-template .main {

    padding: 100px

}

.blogger-template .sidebar {

    background-color: #f8f8f8;

    padding: 0 40px 100px;

    overflow: hidden

}

.blogger-template .sidebar .widget .film-social li a {

    border: 2px solid #f0f0f0

}

.blogger-template .sidebar .widget .film-social li a:hover {

    color: #fff;

    background-color: #da0e2b;

    border-color: #da0e2b

}

.blogger-template .sidebar .widget .widget-title,

.blogger-template .sidebar a {

    color: #333;

    font-weight: 400;

    font-family: Merriweather

}

.blogger-template .sidebar .widget .widget-title {

    letter-spacing: .05em;

    position: relative;

    padding-top: 15px;

    display: inline-block;

    clear: both;

    font-size: 24px;

    margin-top: 20px

}

.blogger-template .sidebar .widget .widget-title:before {

    content: '';

    display: block;

    position: absolute;

    height: 1px;

    background-color: #e0e0e0;

    left: -40px;

    right: -1000px;

    top: 0

}

.blogger-template .sidebar .widget .widget-title:after {

    content: '';

    display: block;

    position: absolute;

    height: 1px;

    background-color: #da0e2b;

    top: 0;

    left: 0;

    right: 0;

    width: auto

}

.blogger-template .sidebar .widget.widget-tag-cloud a {

    background: rgba(51, 51, 51, .1);

    border-color: rgba(51, 51, 51, .1);

    color: #ababab

}

.blogger-template .sidebar .widget.widget-tag-cloud a:hover {

    border-color: #333;

    color: #333

}

.widget {

    margin: 0 0 50px

}

.widget .widget-title {

    font-size: 18px;

    font-weight: 700;

    color: #333;

    margin-bottom: 30px;

    font-family: Merriweather

}

.widget-area .widget .widget-title:after {

    content: '';

    display: block;

    width: 30px;

    height: 1px;

    background-color: #da0e2b;

    margin-top: 5px

}

.widget ul {

    margin: 0;

    padding: 0

}

.sidebar .widget ul li {

    margin: 0 10px 0 0;

    list-style: none;

    padding: 15px 0;

    display: inline-block;

    border-bottom: 1px solid #f4f4f4

}

.sidebar .widget ul li:first-child {

    padding-top: 0

}

.widget .film-aboutme .avatar img {

    width: 100%

}

.widget .film-aboutme .about-title {

    font-size: 56px;

    color: #da0e2b;

    text-transform: uppercase;

    letter-spacing: .1em;

    line-height: .8;

    margin-top: -150px

}

.widget .film-aboutme .desc {

    margin-bottom: 10px

}

.widget .film-aboutme .desc,

.widget .film-aboutme .desc * {

    color: #696969

}

.widget .film-aboutme .desc h6 {

    text-transform: uppercase;

    letter-spacing: .1em;

    margin-top: 20px;

    margin-bottom: 20px

}

.widget.widget-film-post .item {

    margin-bottom: 20px;

    display: inline-block;

    width: 100%

}

.widget.widget-film-post .item .thumb {

    max-width: 120px;

    float: left;

    margin-right: 20px

}

.widget.widget-film-post .item .info {

    line-height: 1.6em;

    margin-top: -7px

}

.widget.widget-film-post .item .info .date {

    display: block;

    font-size: 12px;

    color: #ccc;

    text-transform: uppercase;

    letter-spacing: .1em;

    font-family: Montserrat, Helvetica, Arial, sans-serif

}

.widget.widget-film-post .item .info .title {

    display: block;

    color: #333;

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 0;

    font-family: Montserrat, Helvetica, Arial, sans-serif

}

.widget.widget-tag-cloud a {

    padding: 8px 15px;

    background: #f6f7f7;

    border: 1px solid #f6f7f7;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    font-size: 14px;

    display: inline-block;

    color: #ababab;

    margin-right: 5px;

    margin-bottom: 7px;

    line-height: 1;

    font-family: Montserrat

}

.widget.widget-tag-cloud a:hover {

    border-color: #da0e2b;

    background-color: #da0e2b;

    color: #fff

}

.widget-area .widget.widget-search {

    position: relative

}

.widget-area .widget.widget-search .search-form input[type=text],

.widget-area .widget.widget-search .search-form input[type=search] {

    width: 100%;

    height: 40px;

    line-height: 38px;

    border: 1px solid #f4f4f4;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

    outline: 0;

    padding: 0 15px;

    font-size: 15px;

    font-weight: 400;

    box-sizing: border-box;

    background-color: #f4f4f4

}

.widget-area .widget.widget-search .search-form input[type=text]:focus,

.widget-area .widget.widget-search .search-form input[type=search]:focus {

    border: 1px solid #da0e2b

}

.widget-area .widget.widget-search .search-form input[type=submit] {

    position: absolute;

    height: 40px;

    width: 40px;

    background-image: url(../images/search.png);

    background-repeat: no-repeat;

    background-color: transparent;

    box-shadow: none;

    font-size: 0;

    border: 0;

    line-height: 40px;

    padding: 0;

    top: 0;

    right: 0

}

.widget-area .widget.widget-film-categories .item {

    margin-bottom: 25px;

    position: relative;

    width: 100%

}

.widget-area .widget.widget-film-categories .item a {

    display: block;

    position: relative;

    width: 100%;

    overflow: hidden;

    padding-left: 20px;

    z-index: 98;

    font-size: 14px

}

.widget-area .widget.widget-film-categories .item a:before {

    content: "\f111";

    font-family: FontAwesome;

    font-size: 6px;

    display: inline-block;

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    color: #e2e2e2

}

.widget-area .widget.widget-film-categories .item a:after {

    content: "";

    display: inline-block;

    height: .5em;

    vertical-align: bottom;

    width: 100%;

    margin-right: -100%;

    margin-left: 10px;

    border-top: 1px solid #f4f4f4;

    z-index: 98

}

.widget-area .widget.widget-film-categories .item span {

    position: absolute;

    right: 0;

    top: -4px;

    height: 22px;

    background-color: #fff;

    z-index: 99;

    display: block;

    color: #696969;

    border-radius: 50%;

    min-width: 32px;

    min-height: 32px;

    line-height: 32px;

    text-align: center;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}

.widget-area .widget.widget-film-posts .item {

    margin-bottom: 20px;

    display: inline-block;

    width: 100%

}

.widget-area .widget.widget-film-posts .item .thumb {

    max-width: 120px;

    float: left;

    margin-right: 20px

}

.widget-area .widget.widget-film-posts .item .info {

    line-height: 1.6em;

    margin-top: -7px

}

.widget-area .widget.widget-film-posts .item .info .date {

    display: block;

    font-size: 12px;

    color: #ccc;

    text-transform: uppercase;

    letter-spacing: .1em;

    font-family: Montserrat, Helvetica, Arial, sans-serif

}

.widget-area .widget.widget-film-posts .item .info .title {

    display: block;

    color: #333;

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 0;

    font-family: Montserrat, Helvetica, Arial, sans-serif

}

.film-one-page {

    width: 100%;

    height: 100%;

    display: block;

    position: relative;

    padding: 0;

    -webkit-transform-style: preserve-3d;

    transform: translate3d(0, 0, 0);

    transition: all 1s ease

}

.film-one-page .film-one-page-item {

    padding: 0 50px 80px;

    width: 100%;

    height: 100%;

    overflow: hidden

}

.film-one-page .film-one-page-item:first-child {

    padding-top: 100px

}

.film-one-page .film-one-page-item .film-one-page-item-inner {

    width: 100%;

    height: 100%;

    background-size: cover;

    position: relative;

    background-image: url(../images/background/bg_10.jpg)

}

.film-one-page .film-one-page-item .film-one-page-item-inner .text {

    position: absolute;

    top: 50%;

    left: 45%;

    transform: translate(-50%, -50%);

    z-index: 97

}

.film-one-page .film-one-page-item .film-one-page-item-inner .text .time {

    font-family: Montserrat;

    font-size: 14px;

    font-weight: 400;

    color: #696969;

    text-transform: uppercase

}

.film-one-page .film-one-page-item .film-one-page-item-inner .text .title {

    font-size: 80px;

    font-weight: 700;

    font-family: Merriweather;

    color: #fff;

    line-height: 90px;

    margin-top: 20px

}

.film-one-page .film-one-page-item .film-one-page-item-inner .text .meta {

    margin-top: 20px;

    font-size: 14px;

    color: #ababab

}

.film-one-page .film-one-page-item .film-one-page-item-inner .text .meta>span {

    display: inline-block;

    margin-right: 20px

}

.film-one-page .film-one-page-item .film-one-page-item-inner .text .meta>span:last-child {

    margin-right: 0

}

.film-one-page .film-one-page-item .film-one-page-item-inner .text .meta>span.view:before {

    content: '\f133';

    font-family: Ionicons;

    font-size: 16px;

    color: #da0e2b;

    margin-right: 10px

}

.film-one-page .film-one-page-item .film-one-page-item-inner .text .meta>span.comment:before {

    content: '\f11a';

    font-family: Ionicons;

    font-size: 16px;

    color: #da0e2b;

    margin-right: 10px

}

.film-one-page .film-one-page-item .film-one-page-item-inner .video {

    display: inline-block;

    position: absolute;

    top: 50%;

    z-index: 96;

    transform: translate(0, -50%);

    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);

    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);

    box-shadow: 0 10px 20px rgba(0, 0, 0, .1)

}

.film-one-page .film-one-page-item .film-one-page-item-inner .video .video-inner {

    position: relative;

    overflow: hidden

}

.film-one-page .film-one-page-item .film-one-page-item-inner .video .video-inner .video-play {

    z-index: 97;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%)

}

.film-one-page .film-one-page-item .film-one-page-item-inner .video .video-inner .video-play:before {

    content: '';

    width: 70px;

    height: 70px;

    -webkit-border-radius: 35px;

    -moz-border-radius: 35px;

    border-radius: 35px;

    background-color: #da0e2b;

    opacity: .3;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 97

}

.film-one-page .film-one-page-item .film-one-page-item-inner .video .video-inner .video-play:after {

    content: '\f215';

    font-family: Ionicons;

    color: #fff;

    font-size: 18px;

    width: 56px;

    height: 56px;

    line-height: 56px;

    -webkit-border-radius: 28px;

    -moz-border-radius: 28px;

    border-radius: 28px;

    background-color: #da0e2b;

    text-align: center;

    display: block;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 98

}

.film-one-page .film-one-page-item .film-one-page-item-inner .video .video-inner img {

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}

.film-one-page .film-one-page-item .film-one-page-item-inner .video:hover .video-inner img {

    transform: scale(1.1)

}

.onepage-pagination {

    position: fixed;

    left: 15px;

    top: 50%;

    z-index: 5;

    list-style: none;

    margin: 0;

    padding: 0

}

.onepage-pagination li {

    padding: 0;

    text-align: center

}

.onepage-pagination li a {

    display: block;

    height: 40px;

    line-height: 40px;

    position: relative

}

.onepage-pagination li a:before {

    content: "0" attr(data-index);

    font-family: Montserrat, Tahoma, Verdana;

    font-size: 12px;

    font-weight: 700;

    color: #ababab;

    -webkit-transition: all linear .5s;

    -moz-transition: all linear .5s;

    -ms-transition: all linear .5s;

    -o-transition: all linear .5s;

    transition: all linear .5s

}

.onepage-pagination li a:after {

    content: '';

    width: 0;

    height: 1px;

    display: block;

    background-color: #da0e2b;

    position: absolute;

    top: 50%;

    left: 0;

    -webkit-transition: width linear .5s;

    -moz-transition: width linear .5s;

    -ms-transition: width linear .5s;

    -o-transition: width linear .5s;

    transition: width linear .5s

}

.onepage-pagination li a.current:before {

    font-size: 18px;

    color: #333

}

.onepage-pagination li a.current:after {

    width: 80px

}

.page-title {

    padding-top: 145px;

    padding-bottom: 125px;

    background-color: #f6f7f7;

    background-image: url(../images/background/bg_11.jpg);

    color: #333;

    text-align: left;

    background-size: cover;

    display: block

}

.page-title.big-style {

    padding-top: 230px;

    padding-bottom: 330px;

    background-image: url(../images/background/bg_12.jpg)

}

.page-title.big-style-bg-2 {

    background-image: url(../images/background/bg_17.jpg)

}

.page-title .title {

    font-family: Merriweather, Georgia, serif;

    font-weight: 400;

    font-style: normal;

    font-size: 56px;

    line-height: 1;

    letter-spacing: 0;

    color: #333;

    display: block;

    position: relative;

    z-index: 97;

    margin-top: 0

}

.page-title .title span {

    color: #da0e2b

}

.breadcrumbs {

    padding: 0;

    margin-top: 30px;

    font-size: 14px;

    font-family: Montserrat;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: .2em;

    line-height: 1

}

.page-title .breadcrumbs {

    display: block;

    z-index: 98

}

.breadcrumbs ul {

    padding: 0;

    margin: 0;

    list-style: none

}

.breadcrumbs ul li {

    display: inline-block;

    max-width: 700px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis

}

.breadcrumbs ul li:last-child {

    color: #da0e2b;

    border-bottom: 1px solid #da0e2b;

    margin-right: 0

}

.breadcrumbs ul li a {

    color: #ababab

}

.breadcrumbs ul li:after {

    content: '/';

    color: #ababab;

    margin-left: 10px

}

.breadcrumbs ul li:last-child:after {

    content: '';

    margin-left: 0

}

.gallery-filter {

    font-family: Montserrat, Helvetica, Arial, sans-serif;

    margin-top: 32px;

    margin-bottom: 57px;

    text-align: left

}

.gallery-filter ul li {

    display: inline

}

.gallery-filter ul li a {

    text-transform: uppercase;

    font-size: 13.5px;

    letter-spacing: .05em;

    padding: 7px 20px;

    font-weight: 700;

    border: 1px solid transparent

}

.gallery-filter ul li a.active,

.gallery-filter ul li a:hover {

    color: #da0e2b;

    border-color: #da0e2b

}

.gallery-filter ul li:before {

    content: '';

    display: inline-block;

    vertical-align: middle;

    height: 1px;

    width: 10px

}

.gallery-filter ul li:first-child:before {

    width: 0

}

.gallery-masonry-item {

    margin-bottom: 10px;

    padding-left: 5px;

    padding-right: 5px

}

.gallery-masonry-item .gallery-image {

    position: relative;

    max-height: 100%

}

.gallery-masonry-item .gallery-image img {

    width: 100%

}

.gallery-masonry-item .gallery-image .desc-wrap {

    -webkit-transition: opacity .25s;

    -moz-transition: opacity .25s;

    -ms-transition: opacity .25s;

    -o-transition: opacity .25s;

    transition: opacity .25s;

    opacity: 0;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    border: 1px solid #da0e2b;

    display: flex;

    align-items: flex-end

}

.gallery-masonry-item .gallery-image a:hover .desc-wrap {

    opacity: 1

}

.gallery-masonry-item .gallery-image .desc-wrap:after {

    content: '';

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: #262626;

    opacity: .8

}

.gallery-masonry-item .gallery-image .desc-wrap .desc {

    width: 100%;

    padding-bottom: 60px;

    padding-left: 25px;

    padding-right: 25px

}

.gallery-masonry-item .gallery-image .desc-wrap .title {

    font-size: 24px;

    font-weight: 700;

    color: #fff;

    margin-bottom: 8px;

    display: block;

    font-family: Merriweather, Georgia, serif

}

.gallery-masonry-item .gallery-image .desc-wrap .title:after {

    content: "\f30f";

    font-family: Ionicons;

    font-size: 18px;

    font-weight: 400;

    height: 40px;

    width: 40px;

    display: inline-block;

    border: 2px solid rgba(255, 255, 255, .7);

    border-radius: 50%;

    text-align: center;

    line-height: 35px;

    float: right;

    margin-top: 4px;

    color: #da0e2b

}

.gallery-masonry-item .gallery-image .desc-wrap .cates {

    font-size: 12px;

    color: #fff;

    letter-spacing: .1em;

    text-transform: uppercase;

    font-family: Montserrat, Helvetica, Arial, sans-serif

}

.gallery-masonry-item .gallery-image .desc-wrap .cates,

.gallery-masonry-item .gallery-image .desc-wrap .icon,

.gallery-masonry-item .gallery-image .desc-wrap .title {

    position: relative;

    z-index: 2

}

.content-404 {

    text-align: center;

    padding: 60px 0;

    z-index: 97;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%)

}

.content-404 h3 {

    font-size: 24px;

    color: #333;

    font-family: Montserrat;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: .4em;

    text-align: center

}

.content-404 img {

    margin: 30px 0

}

.content-404 span {

    font-size: 14px;

    color: #696969;

    font-family: Montserrat;

    font-weight: 400;

    text-transform: uppercase;

    letter-spacing: .1em;

    display: block

}

.content-404 span a {

    font-weight: 700;

    padding-bottom: 2px;

    border-bottom: 1px solid #333

}

.content-404 span a:hover {

    border-color: #da0e2b;

    color: #da0e2b

}

.contact-404 {

    width: 360px;

    height: 189px;

    display: block;

    font-size: 24px;

    font-weight: 700;

    padding-top: 120px;

    padding-left: 40px;

    line-height: 1;

    color: #da0e2b;

    font-family: Montserrat;

    background-image: url(../images/background/404_contact_bg.png);

    overflow: hidden;

    position: fixed;

    left: 0;

    bottom: 0;

    z-index: 98

}

.follow-404 {

    height: 24px;

    line-height: 24px;

    -ms-transform: rotate(-90deg);

    -webkit-transform: rotate(-90deg);

    -o-transform: rotate(-90deg);

    -moz-transform: rotate(-90deg);

    transform: rotate(-90deg);

    position: fixed;

    top: 50%;

    right: -120px

}

.follow-404 .follow-404-socials {

    display: inline-block;

    float: left

}

.follow-404 .follow-404-socials a {

    display: inline-block;

    font-size: 20px;

    color: #ababab;

    -ms-transform: rotate(90deg);

    -webkit-transform: rotate(90deg);

    -o-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    transform: rotate(90deg);

    margin-right: 30px

}

.follow-404 .follow-404-socials a:hover {

    color: #da0e2b

}

.follow-404 .follow-404-text {

    line-height: 24px;

    white-space: normal;

    text-transform: uppercase;

    font-size: 14px;

    font-weight: 700;

    font-family: Montserrat;

    color: #333;

    display: inline-block;

    margin-left: 30px

}

.follow-404 .follow-404-text:before {

    content: '';

    width: 60px;

    height: 1px;

    display: inline-block;

    background-color: #d0d1d1;

    margin-right: 20px;

    vertical-align: middle

}

.contact-info .icon-boxes {

    margin-bottom: 30px;

    padding-bottom: 30px;

    border-bottom: 1px solid #f4f4f4

}

.contact-info .icon-boxes .icon-boxes-inner {

    display: table-cell;

    vertical-align: top

}

.contact-info .icon-boxes .icon-boxes-title {

    margin-top: 0;

    margin-bottom: 10px;

    letter-spacing: .05em;

    font-size: 14px;

    font-weight: 700;

    color: #333;

    text-transform: uppercase;

    font-family: Montserrat, Helvetica, Arial, sans-serif

}

.contact-info .icon-boxes .icon-boxes-content {

    color: #696969

}

.comments-area .comments-title {

    font-family: Merriweather;

    font-size: 24px;

    color: #333;

    margin-bottom: 30px;

    font-weight: 700

}

.comments-area .comments-title:after {

    content: '';

    display: block;

    width: 30px;

    height: 1px;

    background-color: #da0e2b;

    margin-top: 5px

}

.comments-area .comment-list {

    padding-left: 0;

    list-style: none;

    margin: 40px 0

}

.comments-area .comment-list li {

    padding: 20px 0;

    list-style-type: none

}

.comments-area .comment-list li:last-child {

    border-bottom: 0

}

.comments-area .comment-list li article {

    margin: 0;

    padding-left: 90px;

    position: relative

}

.comments-area .comment-list li article footer {

    display: block

}

.comments-area .comment-list li article .comment-author {

    display: inline-block;

    color: #333

}

.comments-area .comment-list li article .comment-author img {

    position: absolute;

    top: 0;

    left: 0;

    border-radius: 50%

}

.comments-area .comment-list li article .comment-author .fn {

    letter-spacing: .05em;

    font-size: 16px;

    text-transform: capitalize

}

.comments-area .comment-list li article .comment-metadata {

    display: inline-block;

    margin-left: 20px;

    font-size: 14px;

    color: #ababab

}

.comments-area .comment-list li article .comment-metadata:before {

    content: '\f21b';

    font-family: Ionicons;

    color: #e0e0e0;

    font-style: normal;

    font-size: 5px;

    margin-right: 20px

}

.comments-area .comment-list li article .comment-metadata a {

    color: #8e8b87

}

.comments-area .comment-list li article .comment-content {

    font-size: 15px;

    line-height: 1.6;

    color: #696969

}

.comments-area .comment-list li article .reply {

    margin-top: -8px

}

.comments-area .comment-list li article .reply a {

    color: #ccc;

    font-family: Montserrat;

    text-transform: uppercase;

    font-weight: 400;

    letter-spacing: .05em;

    font-size: 12px

}

.comments-area .comment-list li article .reply a:before {

    content: '\f21e';

    font-family: Ionicons;

    margin-right: 5px;

    font-size: 16px

}

.comments-area .comment-list li .children {

    margin-top: 40px;

    padding-left: 0

}

.comments-area .comment-list li .children li {

    margin-top: 30px;

    padding-top: 0;

    padding-bottom: 0;

    padding-left: 16px;

    border-bottom: 0;

    border-left: 1px solid #ccc

}

.comments-area .comment-list li .children li:last-child {

    padding-bottom: 0

}

@media (min-width:769px) {

    .comments-area .comment-list li .children {

        padding-left: 100px

    }

}

.progress-wraper .progress-title {

    display: block;

    font-size: 12px;

    font-family: Montserrat;

    color: #ababab;

    text-transform: uppercase;

    font-weight: 400

}

.progress-wraper .progress-value {

    color: #878787;

    padding-right: 15px

}

.progress-wraper .block-progressbar {

    position: relative;

    width: 100%;

    margin-bottom: 35px

}

.progress-wraper .block-progressbar:last-child {

    margin-bottom: 0

}

.block-progressbar .progressbar-back-text {

    position: absolute;

    background-color: #e0e0e0;

    width: 100%;

    height: 8px;

    font-size: 0;

    text-indent: -9999px;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px

}

.block-progressbar .progresswrap {

    height: 8px

}

.block-progressbar .progressbar {

    position: absolute;

    background-color: #da0e2b;

    height: 8px;

    width: 0;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    transition: all 1s linear;

    -moz-transition: all 1s linear;

    -webkit-transition: all 1s linear;

    -o-transition: all 1s linear

}

.block-progressbar .progressbar-front-text {

    position: absolute;

    right: 0;

    top: -30px;

    width: 35px !important;

    height: 20px;

    line-height: 20px;

    color: #FFF;

    background: #222;

    text-align: center;

    font-size: 12px;

    margin-bottom: 6px;

    -webkit-transition: all 2s ease-in-out;

    transition: all 2s ease-in-out

}

.block-progressbar .progressbar-front-text:after {

    content: "";

    position: absolute;

    border-top: 5px solid #222;

    border-left: 12px solid transparent;

    bottom: -4px;

    right: 0

}

@media (max-width:991px) {

    header.header-desktop {

        display: none !important

    }

    header.header-mobile {

        display: block

    }

}

@media (max-width:768px) {

    .film-our-services.type-icon .col-icon .icon,

    .film-our-services.type-icon.right .col-icon .icon,

    .popup-video {

        margin-top: 0

    }

    .film-our-services.type-icon .col-text .text:before,

    .film-post-slider .slider-nav-container {

        display: none

    }

    .film-our-services.type-icon.right .col-icon,

    .film-our-services.type-image.right .col-image {

        float: none

    }

    .header.header-mobile .container {

        padding-left: 45px;

        padding-right: 45px;

        max-width: 576px

    }

    .text-center-sm {

        text-align: center

    }

    .copyright .copyright-right,

    .text-left-sm {

        text-align: left

    }

    .popup-video {

        width: 100%

    }

    .copyright .copyright-right.text-center-sm,

    .film-filter,

    .film-list-member,

    .gallery-filter {

        text-align: center

    }

    .copyright .copyright-right ul li:first-child,

    .featured-title,

    .text-center .featured-title {

        margin-left: 0

    }

    .film-filter {

        position: static;

        -ms-transform: rotate(0);

        -webkit-transform: rotate(0);

        -o-transform: rotate(0);

        -moz-transform: rotate(0);

        transform: rotate(0)

    }

    .film-filter ul {

        transform: translate(0, 0);

        margin-bottom: 50px

    }

    .film-one-page .film-one-page-item:first-child {

        padding-top: 0

    }

    .page-title.big-style {

        padding-top: 145px;

        padding-bottom: 125px;

        background-color: #f6f7f7;

        background-image: url(../images/background/bg_11.jpg)

    }

    .team-filter ul li a {

        font-size: 16px

    }

    .team-filter ul li {

        padding-right: 20px

    }

    .film-hire-box {

        margin-bottom: 80px

    }

    .film-hire-box.style-2:before {

        background: 0 0

    }

    .film-hire-box.style-2 .film-hire-box-right {

        background-color: #333;

        padding: 60px;

        text-align: center

    }

    .gallery-filter ul li a {

        padding: 7px

    }

    .blog-list-item.style-2 .list-categories {

        margin-top: 4px

    }

    .sidebar {

        margin-top: 50px

    }

}

@media (max-width:414px) {

    .text-center-xs {

        text-align: center !important

    }

    a.backtotop {

        right: 15px

    }

    a.backtotop.show {

        bottom: 15px

    }

    .team-carousel-wrap {

        padding: 50px 15px

    }

    .icon-boxes {

        margin-bottom: 30px

    }

    .blogger-template .main {

        padding: 0

    }

    .film-one-page .film-one-page-item {

        padding-left: 0;

        padding-right: 0

    }

    .film-one-page .film-one-page-item .film-one-page-item-inner .text .title {

        font-size: 60px

    }

    .onepage-pagination {

        display: none

    }

    .film-our-services-list .big-title a:after {

        right: -90px

    }

    .section-bg-11 {

        background: 0 0

    }

    .section-bg-11 .icon-boxes-title.white,

    .section-bg-11 .section-title.white {

        color: #333 !important

    }

    .hashtag {

        font-size: 35px;

        left: 15px

    }

}

/* Full Screen Loader */
#page-loader {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100vh;
    background: rgb(247 231 213 / 72%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999999;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.8s ease, visibility 0.8s ease;
}

/* GIF Size */
#page-loader img {
    width: 80px;
    height: auto;
    display: block;
}

/* Hide Loader */
#page-loader.loaded {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}