/*
     *
     *    [Table of contents]
     *
     *    [&. Content / #key]
     *    [Let press Ctrl + f and type of paste the key, then press Enter to search the content ]
     *
     *    Summary:
     *
     *    0. Global Style
     *      - 0.1. Global Slick Dots
     *      - 0.2. Global Slick Arrow
     *    1. Social
     *    2. Article Template
     *    3. Block Item
     *      - 3.1. Block Item 01
     *    4. Contact Form 7
     *      - 4.1. Contact Form
     *      - 4.2. Contact Form Alt
     *      - 4.3. Contact Form Full Width
     *      - 4.4. Default Element
     *    5. Subcribe
     *    6. Footer
     *    7. Template Higher Top
     *    8. Custom CSS
     *
     *
     */

/*=======================================
=            0. Global Style            =
=======================================*/
    
    /*----------  0.1. Global Slick Dots  ----------*/
    .slick-dots li {
        width: 12px;
        height: 12px;
        line-height: 12px;
        margin: 0 2px;
    }
    .slick-dots li button,
    .slick-dots li button:before {
        width: inherit;
        height: inherit;
        line-height: inherit;
    }
    .slick-dots li button:before {
        font-size: 10px;
    }
    .slick-dots li.slick-active button:before {
        font-size: 12px;
    }
    .dark .slick-dots li button:before {
        opacity: 1;
        color: #2a4069;
    }
    .dark .slick-dots li.slick-active button:before {
        opacity: 1;
        color: #6e809f;
    }
    /*----------  0.2. Global Slick Arrow  ----------*/
    .slick-arrow {
        font-size: 30px;
    }
 

/*=======  End of Global Style  =======*/
 

/*=================================
=            1. Social            =
=================================*/
 
 	.social a,
    .social-list a {
        color: #989b9f;
        background-color: transparent;
        min-width: 20px;
        display: inline-block;
        vertical-align: top;
        margin: 0 10px;
        position: relative;
        font-size: 18px;
    }

    .social a i,
    .social-list a i {
        position: relative;
        z-index: 10;
        color: inherit;
    }


    .social a:hover,
    .social-list a:hover {
        color: #c8ac48;
    }


    .slz-social-share .title {
        color: #7a7a7a;
        font-size: 14px;
        font-weight: 700;
        font-family: 'Libre Baskerville', serif;
    }

    .social .share-facebook:hover,
    .social-list .facebook:hover {
        color: #365899;
    }
    .social .share-twitter:hover,
    .social-list .twitter:hover {
        color: #1da1f2;
    }
    .social .share-google-plus:hover,
    .social-list .google-plus:hover,
    .social .share-google:hover,
    .social-list .google:hover {
        color: #d73d32;
    }
    .social .share-pinterest:hover,
    .social-list .pinterest:hover {
        color: #bd081c;
    }
    .social .share-vimeo:hover,
    .social-list .vimeo:hover {
        color: #00adef;
    }
    .social .share-skype:hover,
    .social-list .skype:hover {
        color: #00aff0;
    }
    .social .share-youtube:hover,
    .social-list .youtube:hover {
        color: #e62117;
    }
    .social .share-rss:hover,
    .social-list .rss:hover {
        color: #f36f24;
    }
    .social .share-delicious:hover,
    .social-list .delicious:hover {
        color: #2a96ff;
    }
    .social .share-flickr:hover,
    .social-list .flickr:hover {
        color: #ff0084;
    }
    .social .share-lastfm:hover,
    .social-list .lastfm:hover {
        color: #b90000;
    }
    .social .share-linkedin:hover,
    .social-list .linkedin:hover {
        color: #0077b5;
    }
    .social .share-tumblr:hover,
    .social-list .tumblr:hover {
        color: #36465d;
    }
    .social .share-deviantart:hover,
    .social-list .deviantart:hover {
        color: #05cc47;
    }
    .social .share-git:hover,
    .social-list .git:hover {
        color: #f34f29;
    }
    .social .share-instagram:hover,
    .social-list .instagram:hover {
        color: #895a4d;
    }
    .social .share-soundcloud:hover,
    .social-list .soundcloud:hover {
        color: #ff5500;
    }
    .social .share-stumbleupon:hover,
    .social-list .stumbleupon:hover {
        color: #eb4924;
    }
    .social .share-behance:hover,
    .social-list .behance:hover {
        color: #005cff;
    }
    .social .share-tripadvisor:hover,
    .social-list .tripadvisor:hover {
        color: #589442;
    }
    .social .share-vk:hover,
    .social-list .vk:hover {
        color: #507299;
    }
    .social .share-foursquare:hover,
    .social-list .foursquare:hover {
        color: #f94877;
    }
    .social .share-xing:hover,
    .social-list .xing:hover {
        color: #add000;
    }
    .social .share-weibo:hover,
    .social-list .weibo:hover {
        color: #e6162d;
    }
    .social .share-odnoklassniki:hover,
    .social-list .odnoklassniki:hover {
        color: #f58220;
    }
 
/*=======  End of Social  =======*/
 

/*===========================================
=            2. Article Template            =
===========================================*/
 
 	.slz-block-item-01 {
 		box-shadow: none;
 	}
    .slz-block-item-01 .block-info {
        font-style: italic;
    }
    .slz-list-block.slz-column-1 .slz-block-item-01.style-2 .block-title {
        font-size: 24px;
    }
 
/*=======  End of Article Template  =======*/


/*=====================================
=            3. Block Item            =
=====================================*/
 
    /*----------  3.1. Block Item 01  ----------*/
    .slz-block-item-01 .block-content {
        padding: 25px 30px;
    }
    .slz-block-item-01:hover .block-image .link:after {
        left: 0;
        right: 0;
    }
    .block-image .link:after {
        position: absolute;
        content: '';
        top: 0;
        left: 50%;
        right: 50%;
        width: auto; 
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4);
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
    }
    .block-title {
        /*font-family: 'Libre Baskerville', serif;*/
    }
    .block-category {
        color: #c8ac48;
    }
 
/*=======  End of Block Item  =======*/
 

/*=========================================
=            4. Contact Form 7            =
=========================================*/

    /*----------  4.1. Contact Form  ----------*/
    .wpcf7 form {
        position: relative;
        font-size: 0;
    }
    .wpcf7 .cf7-form-control {
        position: relative;
        width: 100%;
        margin-bottom: 10px;
        font-size: 14px;
    }
    .wpcf7 .cf7-form-control.left,
    .wpcf7 .cf7-form-control.right {
        width: calc(50% - 8px);
        display: inline-block;
    }
    .wpcf7 .cf7-form-control.left {
        margin-right: 6px;
    }
    .wpcf7 .cf7-form-control.right {
        margin-left: 6px;
    }
    .wpcf7 .cf7-form-control > span {
        display: block;
        width: 100%;
    }
    .wpcf7 .cf7-form-control input {
        width: 100%;
        border: 1px solid #304771;
        padding: 10px 20px;
        background-color: transparent;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-moz-transition: all 0.3s ease;
    }
    .wpcf7 .cf7-form-control input:focus,
    .wpcf7 .cf7-form-control textarea:focus {
        border-color: #c8ac48;
    }
    .wpcf7 .cf7-form-control.textarea {
        margin-bottom: 30px;
    }
    .wpcf7 .cf7-form-control textarea {
        border: 1px solid #304771;
        padding: 10px 20px;
        color: #9da3ad;
        resize: vertical;
        width: 100%;
        height: 100px;
        background-color: transparent;
        transition: background-color 0.3s ease;
        -webkit-transition: background-color 0.3s ease;
        -moz-transition: background-color 0.3s ease;
        -o-moz-transition: background-color 0.3s ease;
    }
    .wpcf7 .cf7-btn-submit-wrapper {
        text-align: center;
    }
    .wpcf7 .cf7-btn-submit {
        position: relative;
        display: inline-block;
        z-index: 1;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-moz-transition: all 0.5s ease;
    }
    .wpcf7 .cf7-btn-submit input {
        font-size: 16px;
        text-transform: uppercase;
        color: #fff;
        padding: 0 35px;
        background-color: #c8ac48;
        border: 1px solid #c8ac48;
        line-height: 40px;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-moz-transition: all 0.3s ease;
    }
    .wpcf7 .cf7-btn-submit input:hover {
        background-color: transparent;
        color: #c8ac48;
    }
    .wpcf7 .cf7-btn-submit:before {
        position: absolute;
        z-index: -1;
        content: '';
        top: 100%;
        left: 50%;
        right: 50%;
        height: 10px;
        opacity: 0;
        background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
        background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
    }
    .wpcf7 .cf7-btn-submit:after {
        position: absolute;
        content: '';
        width: 100%;
        height: 10px;
        bottom: 0;
        left: 0;
    }
    .wpcf7 .cf7-btn-submit:hover,
    .wpcf7 .cf7-btn-submit:focus {
        background-color: transparent;
        border-color: #c8ac49;
        color: #c8ac49;
        transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
        -moz-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        -o-transform: translateY(-5px);
    }
    .wpcf7 .cf7-btn-submit:hover:before,
    .wpcf7 .cf7-btn-submit:focus:before {
        left: 5%;
        right: 5%;
        opacity: 1;
        transform: translateY(5px);
        -webkit-transform: translateY(5px);
        -moz-transform: translateY(5px);
        -ms-transform: translateY(5px);
        -o-transform: translateY(5px);
    }
    .wpcf7 .cf7-btn-submit:hover:after,
    .wpcf7 .cf7-btn-submit:focus:after {
        bottom: -10px;
    }
    /*----------  4.2. Contact Form Alt  ----------*/
    .wpcf7 .cf7-form-control.input-alt {
        width: calc(33.33333% - 20px);
        margin: 0 15px 30px;
        display: inline-block;
        vertical-align: top;
    }
    .wpcf7 .cf7-form-control.input-alt.first {
        margin-left: 0;
    }
    .wpcf7 .cf7-form-control.input-alt.last {
        margin-right: 0;
    }
    .wpcf7 .cf7-form-control.input-alt input {
        background-color: #f9f9f9;
        border-color: #f9f9f9;
    }
    .wpcf7 .cf7-form-control.input-alt input:focus,
    .wpcf7 .cf7-form-control.textarea-alt textarea:focus {
        background-color: #c8ac48;
        color: #fff;
    }
    .wpcf7 .cf7-form-control.input-alt input:focus::-webkit-input-placeholder,
    .wpcf7 .cf7-form-control.textarea-alt textarea:focus::-webkit-input-placeholder {
        color: #fff;
    }
    .wpcf7 .cf7-form-control.input-alt input:focus::-moz-placeholder,
    .wpcf7 .cf7-form-control.textarea-alt textarea:focus::-moz-placeholder {
        color: #fff;
    }
    .wpcf7 .cf7-form-control.input-alt input:focus::-ms-input-placeholder,
    .wpcf7 .cf7-form-control.textarea-alt textarea:focus::-ms-input-placeholder {
        color: #fff;
    }
    .wpcf7 .cf7-form-control.input-alt input:focus:-moz-input-placeholder,
    .wpcf7 .cf7-form-control.textarea-alt textarea:focus:-moz-input-placeholder {
        color: #fff;
    }
    .wpcf7 .cf7-form-control.textarea-alt textarea {
        background-color: #f9f9f9;
        border-color: #f9f9f9;
        height: 130px;
    }
    .wpcf7 .cf7-btn-submit.btn-alt input {
        background-color: #304771;
        border-color: #304771;
    }
    .wpcf7 .cf7-btn-submit.btn-alt input:hover {
        color: #304771;
        background-color: #fff;
    }
    /*----------  4.3. Contact Form Full Width  ----------*/
    .wpcf7 .cf7-form-control.full-width {
        width: 100%;
        margin: 0 0 20px;
    }

    /*----------  4.4. Default Element  ----------*/
    .wpcf7 .wpcf7-not-valid-tip {
    }
    div.wpcf7 .ajax-loader {
        position: absolute;
        top: 50%;
        right: auto;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }
    div.wpcf7-validation-errors {
        width: 100%;
        font-size: 14px;
        text-align: center;
        margin-left: 0;
        margin-right: 0;
    }

/*=======  End of Contact Form 7  =======*/

/*=========================================
=            5. Subscribe                 =
=========================================*/
    .banner-subcribe.slz-banner-01 {
        background-color: #c8ac48;
        text-align: left;
    }
    .banner-subcribe.slz-banner-01 .content-wrapper {
        padding: 50px 0;
    }
    .banner-subcribe .subcribe-info {
        width: 80%;
        float: left;
    }
    .banner-subcribe .subcribe-info h1.title {
        font-size: 20px;
        line-height: 30px;
        font-weight: 400;
        font-family: 'Libre Baskerville', serif;
    }
    .banner-subcribe .subcribe-info .description {
        color: #f7efd1;
    }
    .banner-subcribe .subcribe-info .description p {
        margin-bottom: 0;
    }
    .banner-subcribe .slz-btn {
        float: right;
        margin-top: 9px;
        background-color: #304771;
        border-color: #304771;
    }
    .banner-subcribe .slz-btn:hover,
    .banner-subcribe .slz-btn:focus {
        background-color: transparent;
        color: #304771;
        border-color: #304771;
    }

/*=======  End of Subscribe  ========*/


/*=========================================
=            6. Footer                    =
=========================================*/
    .slz-footer-top {
        padding: 80px 0 50px;
        border-bottom: 1px solid #2c3340;
    }
    .slz-footer-top .slz-widget-about-us .widget-content {
        color: #a7aeba;
        text-align: center;
    }
    .slz-footer-main {
        padding: 50px 0;
    }
    .slz-footer-main .slz-widget ul li:last-child {
        padding-bottom: 0;
    }
    .slz-footer-main .slz-widget ul li {
    }
    .slz-footer-main .slz-widget.widget_nav_menu ul li a {
        border: none;
        padding-bottom: 5px;
        margin-bottom: 5px;
    }
    .slz-footer-main .slz-widget-material-download .widget-content .slz-btn {
        color: #7a7a7a;
    }
    .slz-widgets.slz-dark .slz-footer-main .slz-widget-post-slider .slz-block-item-01,
    .slz-widgets.slz-dark .slz-footer-main .slz-widget-post-slider .slz-block-item-01 .block-content {
        background-color: transparent;
    }
    .slz-widgets.slz-dark .slz-footer-main .slz-widget-post-slider .slz-carousel-wrapper .slick-arrow {
        background-color: transparent;
        color: rgba(255, 255, 255, 0.5);
        border-color: rgba(255, 255, 255, 0.5);
    }
    .slz-widgets.slz-dark .slz-footer-main .slz-widget-post-slider .slz-carousel-wrapper .slick-arrow:hover {
        color: #c8ac49;
        border-color: #c8ac49;
        background-color: transparent;
    }
    .slz-footer-bottom {
        padding: 20px 0;
    }
/*=======  End of Footer  ========*/



/*==============================================
=            7. Template Higher Top            =
==============================================*/

    .template-higher-top {
        margin-top: -30px;
    }
    .template-sidebar-full #page-content,
    .template-sidebar-full #page-sidebar {
        width: 100%;
    }
    .template-sidebar-full #page-sidebar {
        margin-top: 50px;
    }

    .template-sidebar-full #page-sidebar {
        width: calc(100% + 30px);
    }
    .template-sidebar-full #page-sidebar .slz-widgets {
        font-size: 0;
    }
    
    .template-sidebar-full #page-sidebar .slz-widget {
        width: 33.33%;
        padding: 0 15px;
        margin-top: 60px;
        display: inline-block;
        vertical-align: top;
    }

    .template-sidebar-full #page-sidebar .slz-widget:nth-child(-n + 3) {
        margin-top: 0;
    }

/*=======  End of Template Higher Top  =======*/
    


/*=====================================
=            8. Custom CSS            =
=====================================*/

    .entry-content ul.slz-list {
        padding-left: 0;
    }

    .slz-list .slz-icon {
        color: #acb1b9;
    }

    .slz-block-video .title {
        width: 100%;
        max-width: 770px;
        display: inline-block;
        padding-left: 30px;
        padding-right: 30px;
        top: auto;
        bottom: calc(50% + 50px);
        transform: translate(-50%, 0);
        font-size: 40px;
        line-height: 1.2;
        text-transform: uppercase;
        font-weight: 700;
    }

    .sc-video.slz-block-video .img-full {
        width: 100%;
        height: auto;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }

    .slz-block-video .btn-play .icons {
        border: 1px solid #fff;
        color: #c8ac49;
        background-color: rgba(255,255,255, 0.1);
    }

    .slz-block-video .btn-play:after {
        position: relative;
        margin-left: 10px;
        top: 50%;
        content: 'WATCH NOW';
        min-width: 100px;
        text-align: left;
        text-transform: capitalize;
        font-weight: 400;
        color: rgba(255,255,255,0.9);
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
    }

    .slz-banner-01 .content-wrapper {
        padding: 100px 60px;
    }

    .vc_row-has-fill>.vc_column_container>.vc_column-inner .slz-banner-01 .content-wrapper{
        padding-top: 65px;
    }

    .slz-banner-01 .title {
        line-height: 1.2;
        font-size: 38px;
    }

    .slz-carousel-mockup.slz-image-carousel.style-2 .slick-dots {
        bottom: 10px;
    }

    .slz-image-carousel .btn {
        color: #fff;
    }
/*======  End of Custom CSS  =======*/