/*

     *

     *    [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;

            color: #304771;

        }



        .slick-dots li button:before {

            font-size: 10px;

        }



        .slick-dots li.slick-active button:before {

            font-size: 12px;

            color: #304771;

        }



        .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;

        }



        #theme-setting .purchase-wrap .purchase-btn {

            font-weight: 400;

            padding: 0 20px;

            color: #fff;

            background-color: #c8ac49;

            border: 1px solid #c8ac49;

            min-width: 170px;

            height: 45px;

            line-height: 43px;

            border-radius: 0;

        }



        #theme-setting .purchase-wrap .purchase-btn:hover {

            border-color: #304771;

            color: #304771;

            background-color: transparent;

        }

 



/*=======  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: #0db7c8;

    }

    

    .slz-social-share {

        display: inline-block;

        text-align: right;

        float: right;

    }



    .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  ----------*/

        .block-title:hover, 

        .block-title:focus {

            color: #0db7c8;

        }



        .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: #0db7c8;

        }



        .blog-detail-wrapper .block-image.has-quote .link:after {

            width: 100%;

            top:0;

            left: 0;

        }

 

/*=======  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: 30px;

            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: #0db7c8;

        }



        .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: #0db7c8;

            border: 1px solid #0db7c8;

            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: #0db7c8;

        }



        .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%);

            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: #0db7c8;

            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: #0db7c8;

        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;

    }



    .slz-footer-main {

        padding: 50px 0;

    }



    .slz-footer-main .slz-widget ul li:last-child {

        padding-bottom: 0;

    }



    .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;

    }



    .slz-wrapper-footer .text-c .slz-widget-about-us .slz-logo {

        left: auto;

        -webkit-transform: none;

        -ms-transform: none;

        -o-transform: none;

        transform: none;

    }



/*=======  End of Footer  ========*/







/*==============================================

=            7. Template Higher Top            =

==============================================*/



    .template-higher-top {

        margin-top: -100px;

    }



    .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 .image-title {

        max-height: 32px;

        bottom: 14px;

    }



    .slz-image-carousel .btn {

        color: #fff;

    }



    .slz-carousel-mockup .btn {

        color: #304771;

    }



    .list-layout .slz-block-item-01.slz-format-quote .block-image .link:after, 

    .list-layout .slz-block-item-01.slz-format-audio .block-image .link:after, 

    .list-layout .slz-block-item-01.slz-format-video .block-image .link:after, 

    .list-layout .slz-block-item-01.slz-format-gallery .block-image .link:after, 

    .slz-list-block.slz-column-4 .slz-block-item-01.slz-format-quote .block-image .link:after, 

    .slz-list-block.slz-column-4 .slz-block-item-01.slz-format-audio .block-image .link:after, 

    .slz-list-block.slz-column-4 .slz-block-item-01.slz-format-video .block-image .link:after, 

    .slz-list-block.slz-column-4 .slz-block-item-01.slz-format-gallery .block-image .link:after,

    .slz-block-item-01 .block-image.has-quote .link:after {

        left: 0;

        right: 0;

    }



    .slz-template-03 .block-label {

        font-size: 0;

    }



    .slz-template-03 .block-label .text {

        display: inline-block;

        vertical-align: top;

        padding: 10px 15px;

    }



    .slz-template-03 .block-label .text.big {

        padding: 10px 15px;

        font-size: 20px;

    }



    .slz-template-03 .block-image.has-gallery .featured-carousel-item .wrapper-image:before {

        padding-top: 120%;

    }



    .slz-video-modal .modal-body .close {

        background-color: #0db7c8;

    }



    .slz-author-detail .content-wrapper .name {

        color: #304771;

    }



    .slz-author-detail .content-wrapper .name:hover {

        color: #0db7c8;

    }



    .slz-author-detail .content-wrapper .info-wrapper ul li .link {

        color: #0db7c8;

    }



    .slz-author-detail .content-wrapper .info-wrapper ul li + li:before {

        left: -4px;

    }



    .coming-soon .main-count-wrapper .main-count {

        padding: 75px 0;

        background-color: #0db7c8;

        border-radius: 50%;

        -webkit-border-radius: 50%;

    }



    .coming-soon .main-count-wrapper .time {

        color: #fff;

    }



    .coming-soon .main-count-wrapper .time .count {

        display: block;

    }



    .coming-soon .main-count-wrapper .stat-label {

        margin-top: 10px;

        color: #fff;

    }



/*======  End of Custom CSS  =======*/