/*------------------------------------------------------------------
[Table of contents]

01. Owl Menu ( Owl Responsive Top and Side Navigation )
02. Shop Style
03. FlexSlider
04. Parallax
05. Prettyphoto
06. Contact form
07. Masonry
08. Fancybox
09. Buttons
10. Rotate Shine
11. Flat UI
12. Image Hover effects
13. Owl Carousel Owl Demo Theme 
14. SLslider
-------------------------------------------------------------------*/



/*=========================================================================
 01. Owl Responsive Top and Side Navigation
=========================================================================*/

/*** Sticky ***/

.sticky .owl-menu > li > a {
    padding: 21px 24px;
    margin-top: 8px;
}

.sticky .owl-menu .single-dropdown ul, .sticky .owl-menu > li > ul {
    top: 59px;
}

.sticky .brand img {
    margin-bottom: 6px;
    margin-top: 6px;
    width: 300px;
}

@media (max-width: 767px) {

    .owl-menu {
        border: 1px solid #f1f1f1;
        background: #fff;
    }

    .navbar_ .brand {
        margin: 6px 0;
    }

    .sticky .owl-menu > li > a {
        padding: 15px 31px;
    }

    .sticky .owl-menu .single-dropdown ul, .sticky .owl-menu > li > ul {
        top: 0px;
    }
}

/*** main ***/

.top-header-nav {
    background: none repeat scroll 0 0 #FFFFFF;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    display: block;
    position: relative;
}

.owl-menu {
    margin: 0 auto;
    float: right;
}

    /*** Full Width ***/
    .owl-menu.full {
        float: none;
        width: 100%;
    }

    .owl-menu a {
        color: #777777;
        display: block;
        font: 400 12px/17px 'Open Sans', Arial, sans-serif;
        padding: 12px;
        position: relative;
        text-decoration: none;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
    }

        .owl-menu a:hover {
            color: #000;
        }

    .owl-menu > li > a {
        color: #232628;
        display: block;
        text-transform: uppercase;
        font: 400 14px/17px 'Open Sans', Arial, sans-serif;
        overflow: hidden;
        padding: 35px 23px 36px;
        position: relative;
        margin-top: 10px;
        text-align: left;
        z-index: 7;
        -webkit-transition: color 0.3s;
        -moz-transition: color 0.3s;
        transition: color 0.3s;
        text-decoration: none;
    }

        .owl-menu > li > a::before {
            position: absolute;
            bottom: 12px;
            left: 50%;
            color: transparent;
            content: "\f111";
            text-shadow: 0 0 transparent;
            font-family: 'FontAwesome';
            font-size: 5px;
            -webkit-transition: text-shadow 0.3s, color 0.3s;
            -moz-transition: text-shadow 0.3s, color 0.3s;
            transition: text-shadow 0.3s, color 0.3s;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            transform: translateX(-50%);
            pointer-events: none;
        }

        .owl-menu > li > a:hover:before, .owl-menu > li > a:focus:before, .owl-with-ul.active:before {
            color: #2e3192;
            text-shadow: 9px 0 #2e3192, -9px 0 #2e3192;
        }

    .owl-menu .tag {
        background: none repeat scroll 0 0 #F75100;
        border-radius: 3px;
        color: #FFFFFF;
        float: right;
        font-size: 10px;
        line-height: 16px;
        padding: 0 5px 1px;
    }

.owl-menu-img img {
    display: block;
    margin: 17px 0 0;
    position: relative;
    width: 100%;
}

/*** DROPDOWN STYLE ***/

.owl-menu .single-dropdown {
    padding-right: 0;
    position: relative;
}

.owl-menu .owl-nav-list-single {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99;
}

.owl-menu > .single-dropdown {
    float: left;
}

.owl-menu .owl-nav-list-single .owl-nav-list-single {
    top: 0 !important;
    left: 100%;
}

    .owl-menu .owl-nav-list-single .owl-nav-list-single .owl-nav-list-single {
        left: -210px;
        top: 0;
    }

/*** DEMO SKIN ***/

.owl-menu .owl-nav-list-single {
    background-color: #fff;
    /*position: relative;*/
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}

/*** styling for both css and generated arrows ***/

.owl-arrows .owl-with-ul:after {
    color: #777777;
    content: "\f107";
    font-family: FontAwesome;
    font-size: 14px;
    margin-top: -10px;
    position: absolute;
    right: 20px;
    top: 50%;
    width: 0;
}

/*** styling for right-facing arrows ***/

.owl-arrows ul .owl-with-ul:after {
    content: "\f105";
}

/*** SINGLE DROPDOWN  START ***/

.owl-menu .single-dropdown {
    position: relative;
}

    .owl-menu .single-dropdown ul {
        background: none repeat scroll 0 0 #FFFFFF;
        overflow: visible !important;
        padding: 9px 0;
        width: 210px;
        top: 89px;
    }

.owl-menu > .single-dropdown > ul > li {
    float: left;
    width: 100%;
}

.owl-menu i {
    float: left;
    font-size: 14px;
    line-height: 17px;
    padding: 0 15px 0 0;
}

/*** styling for right-facing arrows ***/

.owl-arrows .mega-dropdown ul .owl-with-ul:after {
    /*background: none repeat scroll 0 0 #1B98E0;*/
    border: 0 none;
    content: "";
    height: 3px;
    left: 0;
    margin: 0;
    position: absolute;
    top: 40px;
    width: 16px;
}

/*** ESSENTIAL STYLES ***/

.owl-menu .mega-dropdown .submenu-container, .owl-menu .single-dropdown .submenu-container, .owl-nav-list-single {
    /*border-top: 3px solid #1B98E0;*/
}

.owl-menu li:hover {
    visibility: inherit; /* fixes IE7 'sticky bug' */
}

.owl-menu > li {
    float: left;
}

/*** Full Width ***/
.owl-menu.full > li {
    float: left;
    border-right: 1px solid rgba(0, 0, 0, 0.03);
    width: 16.66666666666666%;
}

.owl-menu > li:last-child {
    border-right: 0 none;
}

.owl-contener {
    clear: both;
    float: left;
    width: 100%;
}

.submenu-container {
    background: none repeat scroll 0 0 #fff;
    position: absolute;
}

.owl-menu > li > ul {
    display: none;
    left: 0;
    top: 89px; /* match top ul list item height */
    z-index: 99;
    padding: 12px 0 18px 0;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.owl-menu li li ul {
    position: static;
    display: block;
    opacity: 1;
    background: none;
    padding-bottom: 0;
    -moz-box-shadow: transparent 0 0 0;
    -webkit-box-shadow: transparent 0 0 0;
    box-shadow: transparent 0 0 0;
}

.submenu-container .owl-with-ul {
    display: block;
    padding-bottom: 6px;
}

.owl-menu > li > ul {
    width: 100%;
}

.cat-title {
    display: none;
}

/*** Dropdown column Size  ***/


/*** 3 column float Left size ***/

.mg-3col-left {
    position: relative;
}

    .mg-3col-left .submenu-container {
        width: 570px !important;
    }

/*** 3 column float Right size ***/

.mg-3col-right {
    position: relative;
}

    .mg-3col-right .submenu-container {
        width: 570px !important;
        left: auto;
        right: 0;
    }

/*** 3 column Middle align size ***/

.mg-3col-mid {
    position: relative;
}

    .mg-3col-mid .submenu-container {
        width: 570px !important;
        left: 50%;
        margin-left: -285px;
    }

/*** Contact Form ***/

.mg-contact {
    position: relative;
}

    .mg-contact .submenu-container {
        width: 200px !important;
        left: auto;
        right: 0;
    }

/*** Button Style ***/

.owl-nav-btn {
    background: none repeat scroll 0 0 #000;
    border: 1px solid #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff !important;
    display: inline-block;
    float: right;
    margin-left: 16px;
    padding: 7px 12px !important;
    text-transform: uppercase;
}

    .owl-nav-btn:hover {
        background: none repeat scroll 0 0 #333;
    }

/*** List Style ***/

.owl-nav-list {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    display: block;
    opacity: 1;
    padding-bottom: 0;
    position: static;
}

    .owl-nav-list li, .owl-nav-list-single li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.027);
    }

        .owl-nav-list li:last-child, .owl-nav-list-single li:last-child {
            border-bottom: 0 none #EEEEEE;
        }

.owl-menu .owl-nav-list a, .owl-menu .owl-nav-list-single a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.0);
    color: #777777;
    display: block;
    font: 400 12px/17px 'Open Sans', Arial, sans-serif;
    padding: 8px 0 8px 17px;
    position: relative;
}

    .owl-menu .owl-nav-list a:hover, .owl-menu .owl-nav-list-single a:hover {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.03);
        color: #000;
        padding: 8px 0 8px 21px;
    }

a.owl-nav-title {
    color: #333333;
    font-size: 12px;
    font-weight: 600;
    position: relative;
    text-transform: uppercase;
}

/*** Background Image Style ***/

.submenu-container.bg1 {
    background: url("../assets/img/owlmenu/bg1.jpg") no-repeat scroll right bottom / 580px auto #FFFFFF;
}

/*** Background Image Style ***/

.submenu-container .form1 input {
    background: none repeat scroll 0 0 #fcfcfc;
    border: 1px solid #f3f3f3;
    color: #777777;
    padding: 8px 14px;
}

.submenu-container .form1 label.message {
    height: 155px;
}

@media (max-width: 767px) {
    .submenu-container.bg1 {
        background: none repeat scroll 0 0 #FFFFFF;
    }
}

/*** Vertical Menu Style ***/

.owl-menu.vertical > .single-dropdown {
}

.owl-menu.vertical .single-dropdown ul {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 9px 15px;
    width: 210px;
    top: 8px;
}

.owl-menu.vertical > li {
    border-right: 1px solid rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.03);
    position: relative;
    width: 100%;
}

    .owl-menu.vertical > li > ul {
        display: none;
        left: 0;
        top: 8px; /* match top ul list item height */
        z-index: 99;
        padding: 12px 0 18px 0;
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    }

    .owl-menu.vertical > li > ul {
        margin-left: 100%;
        width: 830px;
    }

.owl-menu.vertical .mg-3col-mid .submenu-container {
    width: 570px;
    left: 0;
    margin-left: 100%;
}

.owl-menu.vertical .mg-contact .submenu-container {
    width: 410px;
    left: 0;
    right: 0;
}

@media (max-width: 767px) {

    /*** Vertical Menu Style ***/

    .owl-menu.vertical > li > ul {
        margin-left: 0;
        width: 100%;
        top: 0;
        padding: 12px 0 18px;
    }

    .owl-menu.vertical .mg-3col-mid .submenu-container {
        margin-left: 0;
        width: 100%;
        top: 0;
        padding: 12px 0 18px;
    }

    .owl-menu.vertical > li {
        border-right: 0 none;
        border-top: 0 none;
    }

    .owl-menu.vertical .single-dropdown ul {
        width: 100%;
        top: 0;
    }

    .owl-menu.vertical .owl-nav-list-single .owl-nav-list-single {
        background: none repeat scroll 0 0 #F7F7F7;
    }

        .owl-menu.vertical .owl-nav-list-single .owl-nav-list-single .owl-nav-list-single {
            background: none repeat scroll 0 0 repeat #fff;
        }
}

@media (max-width: 992px) {

    /*** Full Width ***/
    .owl-menu.full > li {
        float: none;
        border-right: 0 none;
        width: 100%;
    }

    .owl-menu {
        clear: both;
        display: none;
        float: none;
    }

        .owl-menu ul {
            position: relative;
        }

        .owl-menu > li {
            float: none;
            position: relative;
            border-right: none;
            width: 100%;
        }

            .owl-menu > li > a {
                border-bottom: 1px solid #F7F7F7;
                padding: 15px 23px;
            }

                .owl-menu > li > a:before {
                    bottom: -17px;
                }

        .owl-menu .menu-mobile-grover {
            color: #333333;
            cursor: pointer;
            height: 48px;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 8;
        }

            .owl-menu .menu-mobile-grover:after {
                content: "\f067";
                font-family: "FontAwesome";
                font-size: 14px;
                line-height: 48px;
                position: absolute;
                right: 22px;
                top: 0;
            }

            .owl-menu .menu-mobile-grover:before {
                background: none repeat scroll 0 0 #FAFAFA;
                border-bottom: 1px solid #F3F3F3;
                border-left: 1px solid #F3F3F3;
                content: "";
                height: 48px;
                line-height: 48px;
                position: absolute;
                right: 0;
                top: 0;
                width: 60px;
                z-index: -1;
            }

            .owl-menu .menu-mobile-grover.active:after {
                content: "\f068";
            }

        .owl-menu .submenu-container, .owl-menu .single-dropdown ul {
            top: 0;
            max-height: 271px;
        }

        .owl-menu .single-dropdown ul {
            top: 0;
            overflow: auto !important;
        }

        /*** SINGLE DROPDOWN  START ***/

        .owl-menu .single-dropdown {
            float: none;
            border-right: none;
            width: 100%;
            position: relative;
        }

            .owl-menu .single-dropdown .owl-nav-list-single {
                position: relative;
                width: 100%;
            }

        .owl-menu > .single-dropdown .owl-nav-list-single > li {
            float: left;
            width: 100%;
            padding-right: 15px;
        }

            .owl-menu > .single-dropdown .owl-nav-list-single > li > ul {
                width: 100%;
                padding: 0;
            }

        .owl-menu > .single-dropdown > .owl-nav-list-single span:after {
            font-size: 17px;
        }

        .owl-menu .owl-nav-list-single .owl-nav-list-single {
            background: none repeat scroll 0 0 #F7F7F7;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
            left: 0;
            /*margin: 7px 8px 16px;*/
            padding: 12px;
            top: 0;
        }

            .owl-menu .owl-nav-list-single .owl-nav-list-single .owl-nav-list-single {
                background: none repeat scroll 0 0 #fff;
                -webkit-border-radius: 6px;
                -moz-border-radius: 6px;
                border-radius: 6px;
                left: 0;
                margin: 7px 8px 16px;
                padding: 12px;
                top: 0;
            }

    /*** 3 column float left size ***/

    .mg-3col-left .submenu-container {
        width: 100% !important;
    }

    /*** 3 column float Right size ***/

    .mg-3col-right .submenu-container {
        width: 100% !important;
    }

    /*** 3 column Middle align size ***/

    .mg-3col-mid .submenu-container {
        width: 100% !important;
        left: 0;
        margin-left: 0;
    }

    /*** Contact form ***/

    .mg-contact .submenu-container {
        width: 100% !important;
    }

    .cat-title {
        background: none repeat scroll 0 0 #31353d;
        color: #ffffff;
        display: block;
        height: 46px;
        margin-top: 10PX;
        position: absolute;
        right: 36px;
        text-transform: capitalize;
        top: 12px;
        width: 46px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

        .cat-title:after {
            content: "\f0c9";
            display: block;
            font-family: "FontAwesome";
            font-size: 24px;
            position: absolute;
            right: 12px;
            top: 12px;
            text-align: center;
        }

        .cat-title.active:after {
            content: "\f057";
        }

    .sticky .cat-title {
        right: 36px;
        top: 12px;
    }

    .sticky .navbar_ .brand {
        margin: 7px 0;
    }
}

/* Layout Box Style */

.layout-box {
    background: none repeat scroll 0 0 #F7F7F7;
    border-radius: 3px 3px 3px 3px;
    margin-bottom: 20px;
    padding: 5px;
    text-align: center;
    color: #666;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

    .layout-box:hover {
        background: none repeat scroll 0 0 #3498DB;
        color: #fff;
    }


/*=========================================================================
 02. Shop Style
=========================================================================*/

.m-right {
    margin-right: 30px;
}

.m-left {
    margin-left: 30px;
}

.cart-holder {
    background: none repeat scroll 0 0 #E74C3C;
    color: #FFFFFF;
    float: left;
    margin: 0 0 0 20px;
    padding: 10px 20px;
}

    .cart-holder:hover {
        background: none repeat scroll 0 0 #333;
        color: #FFFFFF;
    }

.slider-text1 {
    color: #333333;
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: 45px;
    font-weight: 300;
    line-height: 45px;
    text-transform: uppercase;
}

.slider-text2 {
    color: #333333;
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: 45px;
    font-weight: 300;
    line-height: 55px;
    margin-top: -14px;
    text-transform: uppercase;
}

.slider-text3 {
    color: #333333;
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 19px;
    margin-top: -5px;
    text-transform: uppercase;
}

.slider-text4 {
    color: #E74C3C;
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: 36px;
    font-weight: 600;
    line-height: 41px;
    text-transform: uppercase;
}

.slider-text5 {
    color: #FFFFFF;
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: 35px;
    font-weight: 400;
    line-height: 45px;
    text-transform: uppercase;
}

.slider-text6 {
    color: #FFFFFF;
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: 55px;
    font-weight: 300;
    line-height: 55px;
    margin-top: -10px;
    text-transform: uppercase;
}

.slider-text7 {
    color: #58CDFC;
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: 19px;
    font-weight: 700;
    line-height: 19px;
    margin-top: 0;
    text-transform: uppercase;
}

.slider-text8 {
    color: #E74C3C;
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 25px;
    text-transform: uppercase;
}

.camera-woo-caption .btn-dark {
    padding: 4px 8px;
}

.camera-woo-caption {
    position: absolute;
    right: 10%;
    top: 10%;
    width: 34%;
}

.product-form li {
    display: inline-block;
    width: 100%;
}

.OfferBanners {
    margin-bottom: 40px;
}

.OfferBanners_block {
    margin-bottom: 30px;
}

    .OfferBanners_block > a {
        display: block;
        width: 100%;
        position: relative;
    }

.OfferBanners_img, .OfferBanners_img img {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    width: 100%;
    height: auto;
}

.OfferBanners_info {
    font-family: 'Lora', serif;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    height: auto;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}

    .OfferBanners_info.OfferBanners_info_style-1 {
        background: none repeat scroll 0 0 rgba(20, 62, 106, 0.6);
        padding: 30px 0;
        -webkit-transition: 0.5s ease-out;
        -o-transition: 0.5s ease-out;
        transition: 0.5s ease-out;
    }

.OfferBanners_info_style-1 .OfferBanners_title {
    display: block;
    font-size: 71px;
    line-height: 71px;
    font-weight: 900;
    text-transform: uppercase;
    color: #fff;
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

.OfferBanners_info_style-1 .OfferBanners_text {
    font-size: 23px;
    line-height: 33px;
    font-weight: 900;
    text-transform: uppercase;
    display: inline-block;
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

.OfferBanners_block:hover .OfferBanners_info_style-1 .OfferBanners_title {
    font-size: 70px;
    line-height: 70px;
    color: #fff;
    -webkit-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}

.OfferBanners_block:hover .OfferBanners_info_style-1 .OfferBanners_text {
    font-size: 70px;
    line-height: 70px;
    color: #d21c1c;
    -webkit-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
}

.OfferBanners_info.OfferBanners_info_style-2 {
    padding: 0 40px 31px 0;
    text-align: right;
}

.OfferBanners_info_style-2 .OfferBanners_title {
    font-size: 71px;
    line-height: 71px;
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
    display: block;
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

.OfferBanners_info_style-2 .OfferBanners_text {
    color: #E50D26;
    font-size: 33px;
    line-height: 41px;
    font-weight: 900;
    text-transform: uppercase;
    display: inline-block;
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

.OfferBanners_block .OfferBanners_info.OfferBanners_info_style-2 p {
    color: #333333;
    font-family: open sans;
    font-size: 18px;
    font-weight: 700;
    line-height: 33px;
    margin: 0 0 11px;
    text-transform: uppercase;
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

.OfferBanners_block:hover .OfferBanners_info.OfferBanners_info_style-2 p {
    color: #E50D26;
}

.OfferBanners_block:hover .OfferBanners_info.OfferBanners_info_style-2 {
    -webkit-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}

    .OfferBanners_block:hover .OfferBanners_info.OfferBanners_info_style-2 .OfferBanners_title {
        color: #E50D26;
        font-size: 53px;
        line-height: 56px;
        -webkit-transition: 0.5s ease-out;
        -o-transition: 0.5s ease-out;
        transition: 0.5s ease-out;
    }

    .OfferBanners_block:hover .OfferBanners_info.OfferBanners_info_style-2 .OfferBanners_text {
        color: #333;
        font-size: 50px;
        line-height: 53px;
        -webkit-transition: 0.5s ease-out;
        -o-transition: 0.5s ease-out;
        transition: 0.5s ease-out;
    }

.OfferBanners_block:hover .OfferBanners_info_style-2 .OfferBanners_title {
    color: #d21c1c;
    -webkit-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}

.OfferBanners_block:hover .OfferBanners_info_style-2 .OfferBanners_text {
    color: #232323;
    -webkit-transition: 0.2s ease-out 0.2s;
    -o-transition: 0.2s ease-out 0.2s;
    transition: 0.2s ease-out 0.2s;
}

.OfferBanners_info.OfferBanners_info_style-3 {
    background: none repeat scroll 0 0 rgba(87, 44, 63, 0.6);
    padding: 20px 0 30px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.OfferBanners_info_style-3 .OfferBanners_title {
    font-size: 71px;
    line-height: 71px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    display: block;
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

.OfferBanners_info_style-3 .OfferBanners_text {
    font-size: 23px;
    line-height: 33px;
    font-weight: 900;
    text-transform: uppercase;
    display: inline-block;
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

.OfferBanners_block:hover .OfferBanners_info.OfferBanners_info_style-3 {
    background: #111;
    background: rgba(17, 17, 17, 0.8);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.OfferBanners_block .OfferBanners_info.OfferBanners_info_style-3 > p, .OfferBanners_block .OfferBanners_info.OfferBanners_info_style-1 > p {
    font-family: open sans;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
}

.OfferBanners_block:hover .OfferBanners_info.OfferBanners_info_style-3 > p, .OfferBanners_block:hover .OfferBanners_info.OfferBanners_info_style-1 > p {
    color: #E50D26;
}

.OfferBanners_block:hover .OfferBanners_info.OfferBanners_info_style-3, .OfferBanners_block:hover .OfferBanners_info.OfferBanners_info_style-1 {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    -webkit-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}

    .OfferBanners_block:hover .OfferBanners_info.OfferBanners_info_style-3 .OfferBanners_title, .OfferBanners_block:hover .OfferBanners_info.OfferBanners_info_style-1 .OfferBanners_title {
        color: #E50D26;
        font-size: 53px;
        line-height: 56px;
        -webkit-transition: 0.5s ease-out;
        -o-transition: 0.5s ease-out;
        transition: 0.5s ease-out;
    }

    .OfferBanners_block:hover .OfferBanners_info.OfferBanners_info_style-3 .OfferBanners_text, .OfferBanners_block:hover .OfferBanners_info.OfferBanners_info_style-1 .OfferBanners_text {
        color: #333;
        font-size: 30px;
        line-height: 33px;
        -webkit-transition: 0.5s ease-out;
        -o-transition: 0.5s ease-out;
        transition: 0.5s ease-out;
    }

@media (min-width: 1300px) {

    .camera-woo-caption {
        position: absolute;
        right: 10%;
        top: 10%;
        width: 34%;
    }

    .slider-text1 {
        font-size: 75px;
        font-weight: 300;
        line-height: 75px;
    }

    .slider-text2 {
        font-size: 75px;
        font-weight: 300;
        line-height: 75px;
    }

    .slider-text3 {
        font-size: 29px;
        font-weight: 400;
        line-height: 29px;
    }

    .slider-text4 {
        font-size: 46px;
        font-weight: 600;
        line-height: 51px;
    }

    .slider-text5 {
        font-size: 55px;
        font-weight: 400;
        line-height: 65px;
    }

    .slider-text6 {
        font-size: 75px;
        font-weight: 300;
        line-height: 75px;
    }

    .slider-text7 {
        font-size: 29px;
        font-weight: 700;
        line-height: 29px;
    }

    .slider-text8 {
        font-size: 19px;
        font-weight: 600;
        line-height: 31px;
    }

    .camera-woo-caption .btn-dark {
        padding: 14px 18px;
    }
}

@media (max-width: 979px) {

    .camera-woo-caption {
        position: absolute;
        right: 10%;
        top: 10%;
        width: 34%;
    }

    .slider-text1 {
        font-size: 26px;
        font-weight: 300;
        line-height: 35px;
    }

    .slider-text2 {
        font-size: 32px;
        font-weight: 300;
        line-height: 42px;
    }

    .slider-text3 {
        font-size: 19px;
        font-weight: 400;
        line-height: 19px;
    }

    .slider-text4 {
        font-size: 26px;
        font-weight: 600;
        line-height: 33px;
    }

    .slider-text5 {
        font-size: 21px;
        font-weight: 400;
        line-height: 25px;
    }

    .slider-text6 {
        font-size: 35px;
        font-weight: 300;
        line-height: 45px;
    }

    .slider-text7 {
        font-size: 19px;
        font-weight: 700;
        line-height: 21px;
    }

    .slider-text8 {
        font-size: 12px;
        font-weight: 600;
        line-height: 15px;
    }

    .camera-woo-caption .btn-dark {
        padding: 4px 8px;
    }
}

@media (max-width: 767px) {

    .camera-woo-caption {
        position: absolute;
        right: 10%;
        top: 10%;
        width: 34%;
    }

    .slider-text1 {
        font-size: 45px;
        font-weight: 300;
        line-height: 45px;
    }

    .slider-text2 {
        font-size: 45px;
        font-weight: 300;
        line-height: 55px;
    }

    .slider-text3 {
        font-size: 19px;
        font-weight: 400;
        line-height: 19px;
    }

    .slider-text4 {
        font-size: 36px;
        font-weight: 600;
        line-height: 41px;
    }

    .slider-text5 {
        font-size: 25px;
        font-weight: 400;
        line-height: 45px;
    }

    .slider-text6 {
        font-size: 55px;
        font-weight: 300;
        line-height: 55px;
    }

    .slider-text7 {
        font-size: 19px;
        font-weight: 700;
        line-height: 19px;
    }

    .slider-text8 {
        font-size: 12px;
        font-weight: 600;
        line-height: 25px;
    }

    .camera-woo-caption .btn-dark {
        padding: 4px 8px;
    }
}

@media (max-width: 480px) {

    .camera-woo-caption {
        display: none;
    }

    .slider-text1 {
        font-size: 45px;
        font-weight: 300;
        line-height: 45px;
    }

    .slider-text2 {
        font-size: 45px;
        font-weight: 300;
        line-height: 55px;
    }

    .slider-text3 {
        font-size: 19px;
        font-weight: 400;
        line-height: 19px;
    }

    .slider-text4 {
        font-size: 36px;
        font-weight: 600;
        line-height: 41px;
    }

    .slider-text5 {
        font-size: 25px;
        font-weight: 400;
        line-height: 45px;
    }

    .slider-text6 {
        font-size: 55px;
        font-weight: 300;
        line-height: 55px;
    }

    .slider-text7 {
        font-size: 19px;
        font-weight: 700;
        line-height: 19px;
    }

    .slider-text8 {
        font-size: 12px;
        font-weight: 600;
        line-height: 25px;
    }

    .camera-woo-caption .btn-dark {
        padding: 4px 8px;
    }
}

.woo-heading {
    position: relative;
    text-align: center;
    width: 100%;
}

    .woo-heading strong {
        background-color: #E74C3C;
        color: #FFFFFF;
        display: block;
        font-family: 'Open Sans', Arial, sans-serif;
        font-size: 21px !important;
        line-height: 30px !important;
        padding: 14px 31px !important;
        position: relative;
        text-transform: uppercase;
        -moz-border-radius: 2px; /*Firefox*/
        -webkit-border-radius: 2px; /*Safari, Chrome*/
        border-radius: 2px;
        -moz-box-shadow: 0px 1px 2px #cccccc; /*FF 3.5+*/
        -webkit-box-shadow: 0px 1px 2px #cccccc; /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color=#cccccc)"; /*IE 8*/
        box-shadow: 0px 1px 2px #cccccc;
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color=#cccccc); /*IE 5.5-7*/
    }

        .woo-heading strong:after {
            border-color: #E74C3C transparent;
            border-style: solid;
            border-width: 16px 16px 0;
            bottom: -16px;
            content: "";
            display: block;
            left: 48%;
            position: absolute;
            width: 0;
        }

.woo-heading2 {
    position: relative;
    text-align: center;
    width: 100%;
}

    .woo-heading2 strong {
        background-color: #6BA239;
        color: #FFFFFF;
        display: block;
        font-family: 'Open Sans', Arial, sans-serif;
        font-size: 21px !important;
        line-height: 30px !important;
        padding: 14px 31px !important;
        position: relative;
        text-transform: uppercase;
        -moz-border-radius: 2px; /*Firefox*/
        -webkit-border-radius: 2px; /*Safari, Chrome*/
        border-radius: 2px;
        -moz-box-shadow: 0px 1px 2px #cccccc; /*FF 3.5+*/
        -webkit-box-shadow: 0px 1px 2px #cccccc; /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color=#cccccc)"; /*IE 8*/
        box-shadow: 0px 1px 2px #cccccc;
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color=#cccccc); /*IE 5.5-7*/
    }

        .woo-heading2 strong:after {
            border-color: #6BA239 transparent;
            border-style: solid;
            border-width: 16px 16px 0;
            bottom: -16px;
            content: "";
            display: block;
            left: 48%;
            position: absolute;
            width: 0;
        }

.short_desc {
    margin: 0 0 8px;
}

.product-shop > h3 {
    margin: 0 0 8px;
}

.page4-box1 img {
    width: 70px;
}

.page4-box1 p {
    margin-bottom: 0;
}

.product-container {
    background: none repeat scroll 0 0 #F4F2F3;
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
    display: block;
    margin-top: 30px;
    position: relative;
}

.pro-three {
    background: none repeat scroll 0 0 rgb(244, 242, 243);
    float: left;
    margin: 3% !important;
    width: 27.333%;
}

.product-shop {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 15px 20px 30px;
}

.add_to_cart_button {
    -moz-box-sizing: content-box;
    background: none repeat scroll 0 0 #1B1A18;
    border: medium none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    filter: none !important;
    float: right;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 14px !important;
    font-weight: bold;
    height: auto;
    line-height: 18px !important;
    padding: 8px 12px;
    text-align: center;
    text-shadow: none;
    transition: all 0.4s ease 0s;
    vertical-align: middle;
}

    .add_to_cart_button:hover {
        background: none repeat scroll 0 0 #E74C3C;
        color: #FFFFFF;
    }

.cat-heading-1 {
    background: -moz-linear-gradient(90deg, #efefef 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, 90deg, color-stop(0%, #efefef), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(90deg, #efefef 0%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(90deg, #efefef 0%, #ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(90deg, #efefef 0%, #ffffff 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff', GradientType='0'); /* for IE */
    background: linear-gradient(0deg, #efefef 0%, #ffffff 100%); /* W3C */
    border: 1px solid #ECECEC;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
    color: #333333;
    font-size: 21px;
    line-height: 30px;
    margin-bottom: 17px;
    margin-top: 10px;
    padding: 14px 0 14px 20px;
    text-transform: uppercase;
}

.onsale {
    background: none repeat scroll 0 0 #E74C3C;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    height: 33px;
    left: 10px;
    line-height: 32px;
    margin: 0;
    min-width: 33px;
    padding: 0 10px;
    position: absolute;
    right: inherit;
    text-align: center;
    text-shadow: none;
    text-transform: uppercase;
    top: 10px;
    color: #fff;
}

.result-count {
    float: left;
    margin: 30px 0 0;
}

.ordering {
    float: right;
    margin: 30px 0 0;
}

    .ordering .orderby {
        margin: 0;
    }

/*** Price ***/

.price .price-new {
    margin-right: 5px;
}

.wishlist span, .compare span {
    display: none;
}

.wishlist a, .compare a {
    display: block;
    font-size: 16px;
    line-height: 35px;
    color: #fff;
    width: 35px;
    height: 35px;
    text-align: center;
    float: left;
    margin-left: 10px;
    background: #e74c3c;
}

    .wishlist a:hover, .compare a:hover {
        background-color: #1b1a18;
    }

    .wishlist a i, .compare a i {
        font-size: 19px;
        color: #fff;
        line-height: 35px;
        vertical-align: top;
    }

/* box products */
.prod-stock {
    font-style: italic;
    color: #6ba239;
    font-size: 12px;
}

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

/*** Product ***/
.product-info {
    padding-bottom: 7px;
    margin-top: 20px;
}

    .product-info h1 {
        border-bottom: 1px solid #E6E6E6;
        color: #D53701;
        font-size: 18px;
        margin-bottom: 10px;
        margin-top: 0;
        padding-bottom: 15px;
    }

    .product-info .description .product-section {
        color: #333333;
        line-height: 32px;
        text-transform: uppercase;
        margin-bottom: 20px;
    }

        .product-info .description .product-section a {
            color: #333333;
        }

            .product-info .description .product-section a:hover {
                color: #333333;
            }

        .product-info .description .product-section span {
            color: #000000;
            display: inline-block;
            font-weight: 700;
            min-width: 113px;
        }

        .product-info .description .product-section .prod-stock {
            background-color: #099D91;
            color: #FFFFFF;
            display: inline-block;
            font-style: normal;
            line-height: 21px;
            padding: 0 14px;
            -webkit-border-radius: 12px;
            -moz-border-radius: 12px;
            border-radius: 12px;
        }

    .product-info .price {
        font-family: Arial, sans-serif;
        text-transform: uppercase;
        color: #323232;
        font-size: 14px;
        display: block;
        border-top: 1px solid #e6e6e6;
        border-bottom: 1px solid #e6e6e6;
        font-weight: bold;
        padding: 23px 0;
        margin-bottom: 20px;
    }

        .product-info .price .price-new {
            color: #e74c3c;
            font-size: 31px;
        }

        .product-info .price .price-tax {
            color: #e74c3c;
            text-transform: none;
            font-weight: normal;
            margin-left: 10px;
        }

    .product-info .cart-top-padd {
        float: left;
    }

    .product-info .extra-button > div {
    }

    .product-info .wishlist a span, .product-info .compare a span {
        display: inline-block;
    }

    .product-info .wishlist a i, .product-info .compare a i {
        margin-right: 9px;
        font-size: 17px;
        line-height: 24px;
        color: #333;
    }

    .product-info .wishlist a:hover, .product-info .compare a:hover {
        color: #323232;
    }

    .product-info .wishlist a, .product-info .compare a {
        display: inline;
        color: #333;
        line-height: 24px;
        width: auto;
        height: auto;
        font-size: 14px;
        float: none;
        margin: 0 0 0 16px;
        padding: 0;
        border: 0px;
        background: none;
        text-align: left;
    }

    .product-info .cart-top {
        border-bottom: 1px solid #e6e6e6;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

.q-mini {
    border: 1px solid #DEDEDE;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 0 8px;
    padding: 16px 9px;
    text-align: center;
    width: 40px;
}

a.button-prod i {
    font-size: 26px;
    vertical-align: middle;
    margin-right: 9px;
}

a.button-prod:hover {
    background-color: #E74C3C;
}

a.button-prod {
    display: inline-block;
    background-color: #1B1A18;
    text-transform: uppercase;
    font-size: 12px;
    color: #ffffff;
    padding: 9px 19px 10px 11px;
    margin: 0 20px;
    line-height: 31px;
}

.product-info .review {
    font-weight: bold;
    padding-bottom: 20px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 20px;
}

    .product-info .review > div img {
        margin-bottom: 10px;
    }

    .product-info .review a:hover {
        color: #e74c3c;
    }

    .product-info .review a {
        color: #7e7e7e;
    }

        .product-info .review a + a:hover {
            color: #7e7e7e;
        }

        .product-info .review a + a {
            color: #e74c3c;
            margin-left: 20px;
        }

    .product-info .review img {
        float: left;
        margin-right: 20px;
    }

    .product-info .review .btn-rew {
        float: left;
    }

        .product-info .review .btn-rew a i {
            font-size: 26px;
            color: #7e7e7e;
            line-height: 16px;
            width: 1.25em;
            line-height: 31px;
        }

.product-info .price-inner {
    border-bottom: 1px solid #E6E6E6;
    border-top: 1px solid #E6E6E6;
    color: #323232;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 23px 0px;
    text-transform: uppercase;
}

    .product-info .price-inner .price-new {
        color: #333;
        font-size: 26px;
    }

    .product-info .price-inner .price-tax {
        color: #333;
        font-weight: normal;
        margin-left: 10px;
        text-transform: none;
    }

.owl-carouse-product .owl-img-wrapper {
    padding: 53px 0;
}

.product-list .expand-pro {
    -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 14px rgba(0, 0, 0, 0);
    box-shadow: 0 0 14px rgba(0, 0, 0, 0);
    display: inline-block;
    margin: 0 auto;
    -webkit-transition: all 0.3s ease; /* Safari 3.2+, Chrome */
    -moz-transition: all 0.3s ease; /* Firefox 4-15 */
    -o-transition: all 0.3s ease; /* Opera 10.5-12.00 */
    transition: all 0.3s ease; /* Firefox 16+, Opera 12.50+ */
}

    .product-list .expand-pro:hover {
        -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
        -moz-transform: scale(1.16, 1.16); /* FF3.5+ */
        -webkit-transform: scale(1.16, 1.16); /*Saf3.1+, Chrome*/
        -o-transform: scale(1.16, 1.16); /* Opera 10.5 */
        -ms-transform: scale(1.16, 1.16); /* IE 9 */
        transform: scale(1.16, 1.16);
        z-index: 9;
    }

/*** Product form ***/

.tab-heading {
    display: block;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 21px;
    position: relative;
    width: 100%;
}

.product-form label {
    float: left;
}

.product-form label {
    width: 16%;
}

.product-form textarea, .product-form input {
    width: 84%;
}

.product-form textarea {
    float: left;
}

.product-form label {
    float: left;
}

.product-form p {
    float: left;
}

.product-form h2 {
    color: #E74C3C;
    font-size: 14px;
    font-weight: 700 !important;
    text-transform: uppercase;
}

.product-form p, .product-form label, .product-form input, .product-form select, .product-form textarea {
    color: #323232;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    line-height: 31px;
    margin-bottom: 5px;
}

.product-form .radio, .product-form .checkbox {
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 10px;
    min-height: 20px;
    position: relative;
}

.product-form select, .product-form textarea, .product-form input[type="text"], .product-form input[type="password"], .product-form input[type="datetime"], .product-form input[type="datetime-local"], .product-form input[type="date"], .product-form input[type="month"], .product-form input[type="time"], .product-form input[type="week"], .product-form input[type="number"], .product-form input[type="email"], .product-form input[type="url"], .product-form input[type="search"], .product-form input[type="tel"], .product-form input[type="color"], .product-form .uneditable-input {
    background: none repeat scroll 0px 0px #FFFFFF;
    border: 1px solid #D7D7D7;
    color: #555555;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px;
    padding: 7px 6px;
    vertical-align: middle;
}

.product-form .product-border {
    border-bottom: 1px solid #E6E6E6;
    display: inline-block;
    margin-bottom: 35px;
    padding-bottom: 15px;
    width: 100%;
}

.scroll-chaser {
    height: auto;
}

#advanced_search select {
    font-size: 12px;
    position: relative;
    outline: none;
    padding: 8px;
    border-radius: 0;
    color: #8C8C8C;
    background: #fff;
    border: 1px solid #eee;
    -moz-box-box-shadow: inset 0px 1px 1px #fff, inset 0px 5px 5px #F4F4F4;
    -webkit-box-shadow: inset 0px 1px 1px #fff, inset 0px 5px 5px #F4F4F4;
    box-shadow: inset 0px 1px 1px #fff, inset 0px 5px 5px #F4F4F4;
}

#advanced_search label {
    display: block;
    font-size: 12px;
    float: none;
    line-height: 100%;
    font-weight: inherit;
    padding: 7px 0 0 0 !important;
    position: relative;
    color: #8B8B8B;
}

#advanced_search i {
    color: #ffffff;
}

#advanced_search label {
    display: block;
    font-size: 12px;
    float: none;
    line-height: 100%;
    font-weight: inherit;
    padding: 7px 0 0 0 !important;
    position: relative;
    color: #010101;
}

/*** WIDGETS & SIDEBARS ***/

.widget {
    display: block;
    position: relative;
    margin: 0 0 20px;
}

.cats_widget h3 {
    margin-top: 0 !important;
}

.widget .title h3 {
    display: block;
    font-weight: 700;
    padding: 0 0 10px;
    font-size: 15px;
    margin: 10px 0 20px;
    position: relative;
    border-bottom: 1px solid #efefef;
    text-transform: uppercase;
}

.widget h3 i {
    padding-right: 5px;
    padding-top: 2px;
}

.btn-file {
    overflow: hidden;
    position: relative;
    vertical-align: middle;
}

    .btn-file > input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        transform: translate(-300px, 0) scale(4);
        font-size: 23px;
        direction: ltr;
        cursor: pointer;
    }

.fileupload {
    margin-bottom: 9px;
}

    .fileupload .thumbnail {
        background: none repeat scroll 0 0 #ACACAC;
        display: inline-block;
        margin-bottom: 5px;
        min-height: 140px;
        overflow: hidden;
        text-align: center;
        vertical-align: middle;
    }

    .fileupload .btn {
        vertical-align: middle;
    }

.fileupload-new .fileupload-exists {
    display: none;
}

.fileupload-preview {
    background: #FFFFFF;
    border: 10px solid #F9F9F9;
    height: auto;
    width: 200px;
}

.property_wrapper {
    padding: 20px !important;
}

    .property_wrapper .big_title {
        margin: 10px 0 30px;
    }

.boxes [class^="icon-"] {
    display: inline-block;
    height: 20px;
    margin-right: 2px;
    vertical-align: -5px;
    width: 20px;
}

.boxes {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #F0F0F0;
    margin-bottom: 30px;
    position: relative;
}

.third .boxes .title span {
    background: none repeat scroll 0 0 #FFFFFF;
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #656565;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

label {
    display: inline-block;
    margin-top: 6px;
    margin-bottom: 5px;
    font-weight: bold;
}

input[type="file"] {
    display: block;
}

    input[type="file"]:focus {
        outline: thin dotted #333;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    height: auto;
}

.form-control:-moz-placeholder {
    color: #999999;
}

.form-control::-moz-placeholder {
    color: #999999;
}

.form-control:-ms-input-placeholder {
    color: #999999;
}

.form-control::-webkit-input-placeholder {
    color: #999999;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    margin-bottom: 10px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #656565;
    vertical-align: middle;
    background-color: #F7F7F7;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

    .form-control:focus {
        border-color: #000000;
        outline: 0;
    }

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    background-color: #F7F7F7;
    color: #656565;
    border: 1px solid #cccccc;
}

    .btn:hover, .btn:focus, .btn:active {
        color: #656565;
        background-color: #e6e6e6;
        *background-color: #d9d9d9;
    }

    .btn:active {
        background-color: #cdcdcd \9;
    }

    .btn:focus {
        outline: thin dotted #333;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .btn:hover, .btn:focus {
        color: #656565;
        text-decoration: none;
        background-position: 0 -15px;
    }

    .btn:active {
        outline: 0;
        background-image: none;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

.btn-primary {
    background: #0062B4;
    color: #ffffff;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);
    border-color: #007acc;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
        color: #ffffff;
        background-color: #007acc;
        *background-color: #006bb3;
    }

    .btn-primary:active {
        background-color: #005b99 \9;
    }

.btn-success {
    background-position: 0% 0%;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff75d428', endColorstr='#ff4ead00', GradientType=0);
    border-color: #4ead00 #4ead00 #2c6100;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *border-color: #4ead00;
    background-image: linear-gradient(to bottom, #75d428 0%, #4ead00 100%);
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    background-attachment: scroll;
}

    .btn-success:hover, .btn-success:focus, .btn-success:active {
        color: #ffffff;
        background-color: #4ead00;
        *background-color: #439400;
    }

    .btn-success:active {
        background-color: #377a00 \9;
    }

.btn-info {
    background-position: 0% 0%;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff28b5e0', endColorstr='#ff0091bd', GradientType=0);
    border-color: #0091bd #0091bd #005671;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *border-color: #0091bd;
    background-image: linear-gradient(to bottom, #28b5e0 0%, #0091bd 100%);
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    background-attachment: scroll;
}

    .btn-info:hover, .btn-info:focus, .btn-info:active {
        color: #ffffff;
        background-color: #0091bd;
        *background-color: #007da4;
    }

    .btn-info:active {
        background-color: #006a8a \9;
    }

.btn-inverse {
    background-position: 0% 0%;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff282828', endColorstr='#ff111111', GradientType=0);
    border-color: #111111 #111111 #000000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *border-color: #111111;
    background-image: linear-gradient(to bottom, #282828 0%, #111111 100%);
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    background-attachment: scroll;
}

    .btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active {
        color: #ffffff;
        background-color: #111111;
        *background-color: #040404;
    }

    .btn-inverse:active {
        background-color: #000000 \9;
    }

.btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid #000000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-bottom: 0 dotted;
    content: "";
}

.dropdown-toggle:focus {
    outline: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.428571429;
        color: #656565;
        white-space: nowrap;
    }

        .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
            text-decoration: none;
            background-color: #efefef;
        }

.open > .dropdown-menu {
    display: block;
}

.btn-group {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

    .btn-group > .btn {
        position: relative;
        float: left;
    }

        .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active {
            z-index: 2;
        }

        .btn-group > .btn:focus {
            outline: none;
        }

        .btn-group > .btn:first-child {
            margin-left: 0;
        }

    .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
        outline: 0;
    }

    .btn-group.open .dropdown-toggle {
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

.btn .caret {
    margin-left: 0;
}

.bootstrap-select.btn-group {
    float: none;
    display: inline-block;
    margin-bottom: 10px;
    margin-left: 0;
}

.bootstrap-select:not([class*="col-"]) {
    width: 220px;
}

.bootstrap-select {
    width: 220px\9; /*IE8 and below*/
}

    .bootstrap-select > .btn {
        width: 100%;
    }

    .bootstrap-select.show-menu-arrow.open > .btn {
        z-index: 1001;
    }

    .bootstrap-select .btn:focus {
        outline: thin dotted #656565 !important;
        outline: 5px auto -webkit-focus-ring-color !important;
        outline-offset: -2px;
    }

    .bootstrap-select.btn-group .btn .filter-option {
        overflow: hidden;
        position: absolute;
        left: 12px;
        right: 25px;
        text-align: left;
    }

    .bootstrap-select.btn-group .btn .caret {
        position: absolute;
        right: 12px;
        top: 50%;
        margin-top: -2px;
    }

    .bootstrap-select.btn-group .dropdown-menu {
        min-width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .bootstrap-select.btn-group .dropdown-menu li {
            position: relative;
        }

            .bootstrap-select.btn-group .dropdown-menu li > a {
                min-height: 20px;
                cursor: pointer;
            }

            .bootstrap-select.btn-group .dropdown-menu li a i.check-mark {
                display: none;
            }

    .bootstrap-select.show-menu-arrow .dropdown-toggle:before {
        content: '';
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #CCC;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        position: absolute;
        bottom: -4px;
        left: 9px;
        display: none;
    }

    .bootstrap-select.show-menu-arrow .dropdown-toggle:after {
        content: '';
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid white;
        position: absolute;
        bottom: -4px;
        left: 10px;
        display: none;
    }

    .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
        display: block;
    }

    .bootstrap-select.btn-group {
        float: none;
        display: inline-block;
        margin-bottom: 10px;
        margin-left: 0;
    }

    .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]) {
        width: 100%;
    }

.bootstrap-select { /*width: 220px\9; IE8 and below*/
    width: 220px; /*IE9 and below*/
}

    .bootstrap-select > .btn {
        width: 100%;
    }

.dropdown-menu {
    z-index: 2000;
}

.bootstrap-select.show-menu-arrow.open > .btn {
    z-index: 2051;
}

.bootstrap-select .btn:focus {
    outline: thin dotted #333333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px;
}

.bootstrap-select.btn-group .btn .filter-option {
    overflow: hidden;
    position: absolute;
    left: 12px;
    right: 25px;
    text-align: left;
}

.bootstrap-select.btn-group .btn .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle;
}

.bootstrap-select.btn-group .dropdown-menu {
    min-width: 100%;
    height: 273px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .bootstrap-select.btn-group .dropdown-menu li {
        position: relative;
    }

        .bootstrap-select.btn-group .dropdown-menu li > a {
            cursor: pointer;
        }

        .bootstrap-select.btn-group .dropdown-menu li a i.check-mark {
            display: none;
        }

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #CCC;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none;
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
    display: block;
}



/*=========================================================================
 03. FlexSlider
=========================================================================*/

/*** Browser Resets ***/
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
    outline: none;
}

.slides, .flex-control-nav, .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.flex-direction-nav {
    display: none;
}

/*** FlexSlider Necessary Styles ***/

.fx-slider {
    padding-top: 0;
    position: relative;
}

.fx-caption {
    position: absolute;
    left: 20px;
    top: 23px;
    z-index: 9;
}

.fx-slider .camera-caption1 {
    background: none repeat scroll 0 0 #333333;
    font-family: 'Open Sans', sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 44px;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 0;
    padding: 0 15px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.fx-slider .camera-caption2 {
    background: none repeat scroll 0 0 #FFFFFF;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 44px;
    color: #333;
    text-transform: uppercase;
    display: inline-block;
    padding: 0 15px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.flexslider {
    margin: 0;
    padding: 0;
}

    .flexslider .slides > li {
        display: none;
        -webkit-backface-visibility: hidden;
    }
    /* Hide the slides before the JS is loaded. Avoids image jumping */

    .flexslider .slides img {
        width: 100%;
        display: block;
    }

.flex-pauseplay span {
    text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}

.no-js .slides > li:first-child {
    display: block;
}

/*** FlexSlider Default Theme ***/

.flexslider {
    background: #fff;
    position: relative;
    zoom: 1;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px;
}

.flexslider .slides {
    zoom: 1;
}

.carousel li {
    margin-right: 5px;
}

/*** Direction Nav ***/

.flex-direction-nav {
    *height: 0;
}

    .flex-direction-nav a {
        width: 30px;
        height: 30px;
        margin: -20px 0 0;
        display: block;
        background: url(../assets/img/bg_direction_nav.png) no-repeat 0 0;
        position: absolute;
        top: 50%;
        z-index: 10;
        cursor: pointer;
        text-indent: -9999px;
        opacity: 0;
        -webkit-transition: all .3s ease;
    }

    .flex-direction-nav .flex-next {
        background-position: 100% 0;
        right: -36px;
    }

    .flex-direction-nav .flex-prev {
        left: -36px;
    }

.flexslider:hover .flex-next {
    opacity: 0.8;
    right: 5px;
}

.flexslider:hover .flex-prev {
    opacity: 0.8;
    left: 5px;
}

    .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
        opacity: 1;
    }

.flex-direction-nav .flex-disabled {
    opacity: .3 !important;
    filter: alpha(opacity=30);
    cursor: default;
}

/*** Control Nav ***/
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center;
}

    .flex-control-nav li {
        margin: 0 6px;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

    .flex-control-paging li a:hover {
        background: #333;
        background: rgba(0, 0, 0, 0.7);
    }

    .flex-control-paging li a.flex-active {
        background: #000;
        background: rgba(0, 0, 0, 0.9);
        cursor: default;
    }

.flex-control-thumbs {
    margin: 0 0 0;
    position: static;
    overflow: hidden;
}

    .flex-control-thumbs li {
        width: 25%;
        float: left;
        margin: 0;
    }

    .flex-control-thumbs img {
        width: 100%;
        display: block;
        opacity: .7;
        cursor: pointer;
    }

        .flex-control-thumbs img:hover {
            opacity: 1;
        }

    .flex-control-thumbs .flex-active {
        opacity: 1;
        cursor: default;
    }

.fx-overlay {
    background: none repeat scroll 0 0 rgba(52, 152, 219, 0.8);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

@media (min-width: 1300px) {

    .fx-caption {
        left: 50px;
        top: 72px;
    }

    .fx-slider .camera-caption1 {
        font-size: 17px;
        font-weight: 700;
        line-height: 44px;
    }

    .fx-slider .camera-caption2 {
        font-size: 14px;
        font-weight: 700;
        line-height: 44px;
    }
}

@media (max-width: 979px) {

    .fx-caption {
        left: 0;
        top: 18px;
        text-align: center;
        width: 100%;
    }

    .fx-slider .camera-caption1 {
        font-size: 16px;
        font-weight: 700;
        line-height: 34px;
    }

    .fx-slider .camera-caption2 {
        font-size: 10px;
        font-weight: 700;
        line-height: 27px;
    }
}

@media (max-width: 767px) {

    .fx-caption {
        left: 0;
        top: 18px;
        text-align: center;
        width: 100%;
    }

    .fx-slider .camera-caption1 {
        font-size: 16px;
        font-weight: 700;
        line-height: 34px;
    }

    .fx-slider .camera-caption2 {
        display: none;
    }
}

@media (max-width: 480px) {

    .fx-slider .camera-caption1 {
        display: none;
    }

    .fx-slider .camera-caption2 {
        display: none;
    }
}


/*=========================================================================
 04. Parallax
=========================================================================*/


.parallax-1 {
    background: url("../assets/img/par1.jpg") repeat fixed 50% 0 / cover #fff;
    height: 100%;
    margin: 0 auto;
    padding: 60px 0;
    position: relative;
    width: 100%;
}

    .parallax-1 p {
        color: #fff !important;
    }

    .parallax-1 .testi-i-img {
        border-color: rgba(0, 0, 0, 0.8) !important;
        box-shadow: 0 0 1px rgba(0, 0, 0, 0.7) !important;
    }

    .parallax-1 #progressBar-il {
        background-color: rgba(0, 0, 0, 0.3) !important;
    }

    .parallax-1 #bar-il {
        background-color: rgba(66, 139, 202, 0.6) !important;
    }

.par-overlay {
    background: none repeat scroll 0 0 rgba(30, 35, 41, 0.7);
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}

.parallax-2 {
    background: url("../assets/img/par2.jpg") repeat fixed 50% 0 / cover #fff;
    height: 100%;
    margin: 0 auto;
    padding: 40px 0;
    position: relative;
    width: 100%;
}

    .parallax-2 h3 {
        color: #fff;
        font-size: 26px;
        font-weight: 700;
        margin-bottom: 6px;
        margin-top: 0;
        text-shadow: 0 1px 1px #000000;
    }

    .parallax-2 p {
        font-family: open sans;
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 0;
    }

.par-overlay2 {
    /*background: -moz-linear-gradient(45deg, #673c8e 0%, #236295 50%, #9869ff 100%);*/ /* FF3.6+ */
    /*background: -webkit-gradient(linear, 45deg, color-stop(0%, #673c8e), color-stop(50%, #236295), color-stop(100%, #9869ff));*/ /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(45deg, #673c8e 0%, #236295 50%, #9869ff 100%);*/ /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(45deg, #673c8e 0%, #236295 50%, #9869ff 100%);*/ /* Opera 11.10+ */
    /*background: -ms-linear-gradient(45deg, #673c8e 0%, #236295 50%, #9869ff 100%);*/ /* IE10+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#673c8e', endColorstr='#9869ff', GradientType='1');*/ /* for IE */
    background: linear-gradient(45deg, #673c8e 0%, #236295 50%, #9869ff 100%);
    height: 100%;
    /*background-color:;*/
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0.9;
}

.parallax-3 {
    background: url("../assets/img/par2.jpg") repeat fixed 50% 0 / cover #fff;
    height: 100%;
    margin: 0 auto;
    padding: 40px 0;
    position: relative;
    width: 100%;
}

    .parallax-3 h3 {
        color: #FFFFFF;
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 6px;
        margin-top: 0;
        text-shadow: 0 1px 1px #000000;
    }

    .parallax-3 p {
        font-family: open sans;
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 0;
    }

.par-overlay3 {
    background: -moz-linear-gradient(45deg, #3c8e74 0%, #27a2b1 50%, #69ffc8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, 45deg, color-stop(0%, #3c8e74), color-stop(50%, #27a2b1), color-stop(100%, #69ffc8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg, #3c8e74 0%, #27a2b1 50%, #69ffc8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg, #3c8e74 0%, #27a2b1 50%, #69ffc8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg, #3c8e74 0%, #27a2b1 50%, #69ffc8 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c8e74', endColorstr='#69ffc8', GradientType='1'); /* for IE */
    background: linear-gradient(45deg, #3c8e74 0%, #27a2b1 50%, #69ffc8 100%); /* W3C */
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0.9;
}

.parallax-1 h2, .parallax-2 h2, .parallax-3 h2, .parallax-1 p, .parallax-2 p, .parallax-3 p {
    color: #fff;
}

.intro {
    height: 264px;
    margin: 0 auto;
    padding: 0;
}

.row-ltblue {
    background: none repeat scroll 0 0 #397293;
    display: block;
    overflow: visible;
    padding: 35px 0;
}

    .row-ltblue p {
        color: #FFFFFF;
        font-family: 'Open Sans', serif;
        font-size: 24px;
        font-weight: bold;
        margin: 18px 0;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
        text-transform: uppercase;
    }

    .row-ltblue a {
        color: #FFFFFF;
        font-size: 18px;
    }

.row-seagreen {
    background: none repeat scroll 0 0 #3498DB;
    border-top: 1px solid #40DCBC;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    padding: 60px 0;
    position: relative;
}

    .row-seagreen h3 {
        color: #fff;
    }

    .row-seagreen p {
        color: #fff;
        font-size: 15px;
    }

    .row-seagreen .title {
        background: url("../assets/img/pattern-stripes.png") repeat-x scroll 0 50% rgba(0, 0, 0, 0);
        overflow: hidden;
    }

        .row-seagreen .title span {
            background: none repeat scroll 0 0 #3498DB;
            float: left;
            padding: 0 31px 0 0 !important;
        }

    .row-seagreen a {
        color: #2A3644;
        font-size: 15px;
    }

.second {
    background: none repeat scroll 0 0 #FFFFFF;
    border-top: 1px solid #EEEEEE;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    padding: 60px 0;
    position: relative;
}

    .second .bg {
        background: url("../assets/img/parallax/trainers.png") 50% 0 no-repeat fixed;
        height: auto;
        margin: 0 auto;
        padding: 0;
        position: absolute;
        width: 900px;
        z-index: 200;
    }

.third {
    background: none repeat scroll 0 0 #e8e8e8;
    border-top: 1px solid #EEEEEE;
    padding: 60px 0px 0px 0px;
    position: relative;
    overflow: hidden;
}

    .third .title {
        background: url("../assets/img/pattern-stripes.png") repeat scroll 0 50% rgba(0, 0, 0, 0);
        overflow: hidden;
    }

        .third .title span {
            background: none repeat scroll 0 0 #e8e8e8;
            float: left;
            padding: 0 31px 0 0 !important;
        }

.forth {
    background: none repeat scroll 0 0 #F6F6F6;
    border-top: 1px solid #E6E6E6;
    padding: 60px 0;
    position: relative;
}

.fifth {
    background: none no-repeat scroll center 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #EDF5FA;
    border-top: 1px solid #E6E8E8;
    margin: 0 auto;
    padding: 60px 0 0;
    position: relative;
}

.row-wrapper {
    margin: -2px auto 0;
    padding: 1px 0 0;
    display: inline-block;
    width: 100%;
    position: relative;
}

.story {
    margin: 0 auto;
    min-width: 980px;
    overflow: auto;
    width: 980px;
}

    .story .float-left, .story .float-right {
        padding: 100px 0 0 0;
        position: relative;
        width: 350px;
    }

@media (min-width: 1300px) {
    .intro {
        height: 347px;
    }
}

@media (max-width: 979px) {
    .intro {
        height: 200px;
    }
}

@media (max-width: 767px) {
    .intro {
        height: 198px;
    }
}


/*=========================================================================
 05. Prettyphoto
=========================================================================*/


div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right {
    height: 13px;
}

    div.pp_default .pp_top .pp_left {
        background: url(../assets/img/prettyphoto/default/sprite.png) -78px -93px no-repeat;
    }
    /* Top left corner */

    div.pp_default .pp_top .pp_middle {
        background: url(../assets/img/prettyphoto/default/sprite_x.png) top left repeat-x;
    }
    /* Top pattern/color */

    div.pp_default .pp_top .pp_right {
        background: url(../assets/img/prettyphoto/default/sprite.png) -112px -93px no-repeat;
    }
/* Top right corner */

div.pp_default .pp_content .ppt {
    color: #f8f8f8;
}

div.pp_default .pp_content_container .pp_left {
    background: url(../assets/img/prettyphoto/default/sprite_y.png) -7px 0 repeat-y;
    padding-left: 13px;
}

div.pp_default .pp_content_container .pp_right {
    background: url(../assets/img/prettyphoto/default/sprite_y.png) top right repeat-y;
    padding-right: 13px;
}

div.pp_default .pp_content {
    background-color: #fff;
}
/* Content background */

div.pp_default .pp_next:hover {
    background: url(../assets/img/prettyphoto/default/sprite_next.png) center right no-repeat;
    cursor: pointer;
}
/* Next button */

div.pp_default .pp_previous:hover {
    background: url(../assets/img/prettyphoto/default/sprite_prev.png) center left no-repeat;
    cursor: pointer;
}
/* Previous button */

div.pp_default .pp_expand {
    background: url(../assets/img/prettyphoto/default/sprite.png) 0 -29px no-repeat;
    cursor: pointer;
    width: 28px;
    height: 28px;
}
    /* Expand button */

    div.pp_default .pp_expand:hover {
        background: url(../assets/img/prettyphoto/default/sprite.png) 0 -56px no-repeat;
        cursor: pointer;
    }
/* Expand button hover */

div.pp_default .pp_contract {
    background: url(../assets/img/prettyphoto/default/sprite.png) 0 -84px no-repeat;
    cursor: pointer;
    width: 28px;
    height: 28px;
}
    /* Contract button */

    div.pp_default .pp_contract:hover {
        background: url(../assets/img/prettyphoto/default/sprite.png) 0 -113px no-repeat;
        cursor: pointer;
    }
/* Contract button hover */

div.pp_default .pp_close {
    width: 30px;
    height: 30px;
    background: url(../assets/img/prettyphoto/default/sprite.png) 2px 1px no-repeat;
    cursor: pointer;
}
/* Close button */

div.pp_default #pp_full_res .pp_inline {
    color: #000;
}

div.pp_default .pp_gallery ul li a {
    background: url(../assets/img/prettyphoto/default/default_thumb.png) center center #f8f8f8;
    border: 1px solid #aaa;
}

    div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a {
        border-color: #fff;
    }

div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next {
    position: static;
    left: auto;
}

div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause {
    background: url(../assets/img/prettyphoto/default/sprite.png) -51px 1px no-repeat;
    height: 30px;
    width: 30px;
}

div.pp_default .pp_nav .pp_pause {
    background-position: -51px -29px;
}

div.pp_default .pp_details {
    position: relative;
}

div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next {
    background: url(../assets/img/prettyphoto/default/sprite.png) -31px -3px no-repeat;
    height: 20px;
    margin: 4px 0 0 0;
    width: 20px;
}

div.pp_default a.pp_arrow_next {
    left: 52px;
    background-position: -82px -3px;
}
/* The next arrow in the bottom nav */

div.pp_default .pp_content_container .pp_details {
    margin-top: 5px;
}

div.pp_default .pp_nav {
    clear: none;
    height: 30px;
    width: 105px;
    position: relative;
}

    div.pp_default .pp_nav .currentTextHolder {
        font-family: Georgia;
        font-style: italic;
        color: #999;
        font-size: 11px;
        left: 75px;
        line-height: 25px;
        margin: 0;
        padding: 0 0 0 10px;
        position: absolute;
        top: 2px;
    }

    div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover {
        opacity: 0.7;
    }

div.pp_default .pp_description {
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
    margin: 5px 50px 5px 0;
}

div.pp_default .pp_bottom .pp_left {
    background: url(../assets/img/prettyphoto/default/sprite.png) -78px -127px no-repeat;
}
/* Bottom left corner */

div.pp_default .pp_bottom .pp_middle {
    background: url(../assets/img/prettyphoto/default/sprite_x.png) bottom left repeat-x;
}
/* Bottom pattern/color */

div.pp_default .pp_bottom .pp_right {
    background: url(../assets/img/prettyphoto/default/sprite.png) -112px -127px no-repeat;
}
/* Bottom right corner */

div.pp_default .pp_loaderIcon {
    background: url(../assets/img/prettyphoto/default/loader.gif) center center no-repeat;
}
/* Loader icon */

/*** Light Rounded Theme ***/

div.light_rounded .pp_top .pp_left {
    background: url(../assets/img/prettyphoto/light_rounded/sprite.png) -88px -53px no-repeat;
}
/* Top left corner */

div.light_rounded .pp_top .pp_middle {
    background: #fff;
}
/* Top pattern/color */

div.light_rounded .pp_top .pp_right {
    background: url(../assets/img/prettyphoto/light_rounded/sprite.png) -110px -53px no-repeat;
}
/* Top right corner */

div.light_rounded .pp_content .ppt {
    color: #000;
}

div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right {
    background: #fff;
}

div.light_rounded .pp_content {
    background-color: #fff;
}
/* Content background */

div.light_rounded .pp_next:hover {
    background: url(../assets/img/prettyphoto/light_rounded/btnNext.png) center right no-repeat;
    cursor: pointer;
}
/* Next button */

div.light_rounded .pp_previous:hover {
    background: url(../assets/img/prettyphoto/light_rounded/btnPrevious.png) center left no-repeat;
    cursor: pointer;
}
/* Previous button */

div.light_rounded .pp_expand {
    background: url(../assets/img/prettyphoto/light_rounded/sprite.png) -31px -26px no-repeat;
    cursor: pointer;
}
    /* Expand button */

    div.light_rounded .pp_expand:hover {
        background: url(../assets/img/prettyphoto/light_rounded/sprite.png) -31px -47px no-repeat;
        cursor: pointer;
    }
/* Expand button hover */

div.light_rounded .pp_contract {
    background: url(../assets/img/prettyphoto/light_rounded/sprite.png) 0 -26px no-repeat;
    cursor: pointer;
}
    /* Contract button */

    div.light_rounded .pp_contract:hover {
        background: url(../assets/img/prettyphoto/light_rounded/sprite.png) 0 -47px no-repeat;
        cursor: pointer;
    }
/* Contract button hover */

div.light_rounded .pp_close {
    width: 75px;
    height: 22px;
    background: url(../assets/img/prettyphoto/light_rounded/sprite.png) -1px -1px no-repeat;
    cursor: pointer;
}
/* Close button */

div.light_rounded .pp_details {
    position: relative;
}

div.light_rounded .pp_description {
    margin-right: 85px;
}

div.light_rounded #pp_full_res .pp_inline {
    color: #000;
}

div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next {
    margin-top: 12px !important;
}

div.light_rounded .pp_nav .pp_play {
    background: url(../assets/img/prettyphoto/light_rounded/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px;
}

div.light_rounded .pp_nav .pp_pause {
    background: url(../assets/img/prettyphoto/light_rounded/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px;
}

div.light_rounded .pp_arrow_previous {
    background: url(../assets/img/prettyphoto/light_rounded/sprite.png) 0 -71px no-repeat;
}
    /* The previous arrow in the bottom nav */

    div.light_rounded .pp_arrow_previous.disabled {
        background-position: 0 -87px;
        cursor: default;
    }

div.light_rounded .pp_arrow_next {
    background: url(../assets/img/prettyphoto/light_rounded/sprite.png) -22px -71px no-repeat;
}
    /* The next arrow in the bottom nav */

    div.light_rounded .pp_arrow_next.disabled {
        background-position: -22px -87px;
        cursor: default;
    }

div.light_rounded .pp_bottom .pp_left {
    background: url(../assets/img/prettyphoto/light_rounded/sprite.png) -88px -80px no-repeat;
}
/* Bottom left corner */

div.light_rounded .pp_bottom .pp_middle {
    background: #fff;
}
/* Bottom pattern/color */

div.light_rounded .pp_bottom .pp_right {
    background: url(../assets/img/prettyphoto/light_rounded/sprite.png) -110px -80px no-repeat;
}
/* Bottom right corner */

div.light_rounded .pp_loaderIcon {
    background: url(../assets/img/prettyphoto/light_rounded/loader.gif) center center no-repeat;
}
/* Loader icon */

/*** Dark Rounded Theme ***/

div.dark_rounded .pp_top .pp_left {
    background: url(../assets/img/prettyphoto/dark_rounded/sprite.png) -88px -53px no-repeat;
}
/* Top left corner */

div.dark_rounded .pp_top .pp_middle {
    background: url(../assets/img/prettyphoto/dark_rounded/contentPattern.png) top left repeat;
}
/* Top pattern/color */

div.dark_rounded .pp_top .pp_right {
    background: url(../assets/img/prettyphoto/dark_rounded/sprite.png) -110px -53px no-repeat;
}
/* Top right corner */

div.dark_rounded .pp_content_container .pp_left {
    background: url(../assets/img/prettyphoto/dark_rounded/contentPattern.png) top left repeat-y;
}
/* Left Content background */

div.dark_rounded .pp_content_container .pp_right {
    background: url(../assets/img/prettyphoto/dark_rounded/contentPattern.png) top right repeat-y;
}
/* Right Content background */

div.dark_rounded .pp_content {
    background: url(../assets/img/prettyphoto/dark_rounded/contentPattern.png) top left repeat;
}
/* Content background */

div.dark_rounded .pp_next:hover {
    background: url(../assets/img/prettyphoto/dark_rounded/btnNext.png) center right no-repeat;
    cursor: pointer;
}
/* Next button */

div.dark_rounded .pp_previous:hover {
    background: url(../assets/img/prettyphoto/dark_rounded/btnPrevious.png) center left no-repeat;
    cursor: pointer;
}
/* Previous button */

div.dark_rounded .pp_expand {
    background: url(../assets/img/prettyphoto/dark_rounded/sprite.png) -31px -26px no-repeat;
    cursor: pointer;
}
    /* Expand button */

    div.dark_rounded .pp_expand:hover {
        background: url(../assets/img/prettyphoto/dark_rounded/sprite.png) -31px -47px no-repeat;
        cursor: pointer;
    }
/* Expand button hover */

div.dark_rounded .pp_contract {
    background: url(../assets/img/prettyphoto/dark_rounded/sprite.png) 0 -26px no-repeat;
    cursor: pointer;
}
    /* Contract button */

    div.dark_rounded .pp_contract:hover {
        background: url(../assets/img/prettyphoto/dark_rounded/sprite.png) 0 -47px no-repeat;
        cursor: pointer;
    }
/* Contract button hover */

div.dark_rounded .pp_close {
    width: 75px;
    height: 22px;
    background: url(../assets/img/prettyphoto/dark_rounded/sprite.png) -1px -1px no-repeat;
    cursor: pointer;
}
/* Close button */

div.dark_rounded .pp_details {
    position: relative;
}

div.dark_rounded .pp_description {
    margin-right: 85px;
}

div.dark_rounded .currentTextHolder {
    color: #c4c4c4;
}

div.dark_rounded .pp_description {
    color: #fff;
}

div.dark_rounded #pp_full_res .pp_inline {
    color: #fff;
}

div.dark_rounded .pp_gallery a.pp_arrow_previous, div.dark_rounded .pp_gallery a.pp_arrow_next {
    margin-top: 12px !important;
}

div.dark_rounded .pp_nav .pp_play {
    background: url(../assets/img/prettyphoto/dark_rounded/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px;
}

div.dark_rounded .pp_nav .pp_pause {
    background: url(../assets/img/prettyphoto/dark_rounded/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px;
}

div.dark_rounded .pp_arrow_previous {
    background: url(../assets/img/prettyphoto/dark_rounded/sprite.png) 0 -71px no-repeat;
}
    /* The previous arrow in the bottom nav */

    div.dark_rounded .pp_arrow_previous.disabled {
        background-position: 0 -87px;
        cursor: default;
    }

div.dark_rounded .pp_arrow_next {
    background: url(../assets/img/prettyphoto/dark_rounded/sprite.png) -22px -71px no-repeat;
}
    /* The next arrow in the bottom nav */

    div.dark_rounded .pp_arrow_next.disabled {
        background-position: -22px -87px;
        cursor: default;
    }

div.dark_rounded .pp_bottom .pp_left {
    background: url(../assets/img/prettyphoto/dark_rounded/sprite.png) -88px -80px no-repeat;
}
/* Bottom left corner */

div.dark_rounded .pp_bottom .pp_middle {
    background: url(../assets/img/prettyphoto/dark_rounded/contentPattern.png) top left repeat;
}
/* Bottom pattern/color */

div.dark_rounded .pp_bottom .pp_right {
    background: url(../assets/img/prettyphoto/dark_rounded/sprite.png) -110px -80px no-repeat;
}
/* Bottom right corner */

div.dark_rounded .pp_loaderIcon {
    background: url(../assets/img/prettyphoto/dark_rounded/loader.gif) center center no-repeat;
}
/* Loader icon */

/*** Dark Square Theme ***/

div.dark_square .pp_left, div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content {
    background: #000;
}

div.dark_square .currentTextHolder {
    color: #c4c4c4;
}

div.dark_square .pp_description {
    color: #fff;
}

div.dark_square .pp_loaderIcon {
    background: url(../assets/img/prettyphoto/dark_square/loader.gif) center center no-repeat;
}
/* Loader icon */

div.dark_square .pp_expand {
    background: url(../assets/img/prettyphoto/dark_square/sprite.png) -31px -26px no-repeat;
    cursor: pointer;
}
    /* Expand button */

    div.dark_square .pp_expand:hover {
        background: url(../assets/img/prettyphoto/dark_square/sprite.png) -31px -47px no-repeat;
        cursor: pointer;
    }
/* Expand button hover */

div.dark_square .pp_contract {
    background: url(../assets/img/prettyphoto/dark_square/sprite.png) 0 -26px no-repeat;
    cursor: pointer;
}
    /* Contract button */

    div.dark_square .pp_contract:hover {
        background: url(../assets/img/prettyphoto/dark_square/sprite.png) 0 -47px no-repeat;
        cursor: pointer;
    }
/* Contract button hover */

div.dark_square .pp_close {
    width: 75px;
    height: 22px;
    background: url(../assets/img/prettyphoto/dark_square/sprite.png) -1px -1px no-repeat;
    cursor: pointer;
}
/* Close button */

div.dark_square .pp_details {
    position: relative;
}

div.dark_square .pp_description {
    margin: 0 85px 0 0;
}

div.dark_square #pp_full_res .pp_inline {
    color: #fff;
}

div.dark_square .pp_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next {
    margin-top: 12px !important;
}

div.dark_square .pp_nav {
    clear: none;
}

    div.dark_square .pp_nav .pp_play {
        background: url(../assets/img/prettyphoto/dark_square/sprite.png) -1px -100px no-repeat;
        height: 15px;
        width: 14px;
    }

    div.dark_square .pp_nav .pp_pause {
        background: url(../assets/img/prettyphoto/dark_square/sprite.png) -24px -100px no-repeat;
        height: 15px;
        width: 14px;
    }

div.dark_square .pp_arrow_previous {
    background: url(../assets/img/prettyphoto/dark_square/sprite.png) 0 -71px no-repeat;
}
    /* The previous arrow in the bottom nav */

    div.dark_square .pp_arrow_previous.disabled {
        background-position: 0 -87px;
        cursor: default;
    }

div.dark_square .pp_arrow_next {
    background: url(../assets/img/prettyphoto/dark_square/sprite.png) -22px -71px no-repeat;
}
    /* The next arrow in the bottom nav */

    div.dark_square .pp_arrow_next.disabled {
        background-position: -22px -87px;
        cursor: default;
    }

div.dark_square .pp_next:hover {
    background: url(../assets/img/prettyphoto/dark_square/btnNext.png) center right no-repeat;
    cursor: pointer;
}
/* Next button */

div.dark_square .pp_previous:hover {
    background: url(../assets/img/prettyphoto/dark_square/btnPrevious.png) center left no-repeat;
    cursor: pointer;
}
/* Previous button */

/*** Light Square Theme ***/

div.light_square .pp_left, div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content {
    background: #fff;
}

    div.light_square .pp_content .ppt {
        color: #000;
    }

div.light_square .pp_expand {
    background: url(../assets/img/prettyphoto/light_square/sprite.png) -31px -26px no-repeat;
    cursor: pointer;
}
    /* Expand button */

    div.light_square .pp_expand:hover {
        background: url(../assets/img/prettyphoto/light_square/sprite.png) -31px -47px no-repeat;
        cursor: pointer;
    }
/* Expand button hover */

div.light_square .pp_contract {
    background: url(../assets/img/prettyphoto/light_square/sprite.png) 0 -26px no-repeat;
    cursor: pointer;
}
    /* Contract button */

    div.light_square .pp_contract:hover {
        background: url(../assets/img/prettyphoto/light_square/sprite.png) 0 -47px no-repeat;
        cursor: pointer;
    }
/* Contract button hover */

div.light_square .pp_close {
    width: 75px;
    height: 22px;
    background: url(../assets/img/prettyphoto/light_square/sprite.png) -1px -1px no-repeat;
    cursor: pointer;
}
/* Close button */

div.light_square .pp_details {
    position: relative;
}

div.light_square .pp_description {
    margin-right: 85px;
}

div.light_square #pp_full_res .pp_inline {
    color: #000;
}

div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next {
    margin-top: 12px !important;
}

div.light_square .pp_nav .pp_play {
    background: url(../assets/img/prettyphoto/light_square/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px;
}

div.light_square .pp_nav .pp_pause {
    background: url(../assets/img/prettyphoto/light_square/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px;
}

div.light_square .pp_arrow_previous {
    background: url(../assets/img/prettyphoto/light_square/sprite.png) 0 -71px no-repeat;
}
    /* The previous arrow in the bottom nav */

    div.light_square .pp_arrow_previous.disabled {
        background-position: 0 -87px;
        cursor: default;
    }

div.light_square .pp_arrow_next {
    background: url(../assets/img/prettyphoto/light_square/sprite.png) -22px -71px no-repeat;
}
    /* The next arrow in the bottom nav */

    div.light_square .pp_arrow_next.disabled {
        background-position: -22px -87px;
        cursor: default;
    }

div.light_square .pp_next:hover {
    background: url(../assets/img/prettyphoto/light_square/btnNext.png) center right no-repeat;
    cursor: pointer;
}
/* Next button */

div.light_square .pp_previous:hover {
    background: url(../assets/img/prettyphoto/light_square/btnPrevious.png) center left no-repeat;
    cursor: pointer;
}
/* Previous button */

div.light_square .pp_loaderIcon {
    background: url(../assets/img/prettyphoto/light_rounded/loader.gif) center center no-repeat;
}
/* Loader icon */

/*** Facebook style Theme ***/

div.facebook .pp_top .pp_left {
    background: url(../assets/img/prettyphoto/facebook/sprite.png) -88px -53px no-repeat;
}
/* Top left corner */

div.facebook .pp_top .pp_middle {
    background: url(../assets/img/prettyphoto/facebook/contentPatternTop.png) top left repeat-x;
}
/* Top pattern/color */

div.facebook .pp_top .pp_right {
    background: url(../assets/img/prettyphoto/facebook/sprite.png) -110px -53px no-repeat;
}
/* Top right corner */

div.facebook .pp_content .ppt {
    color: #000;
}

div.facebook .pp_content_container .pp_left {
    background: url(../assets/img/prettyphoto/facebook/contentPatternLeft.png) top left repeat-y;
}
/* Content background */

div.facebook .pp_content_container .pp_right {
    background: url(../assets/img/prettyphoto/facebook/contentPatternRight.png) top right repeat-y;
}
/* Content background */

div.facebook .pp_content {
    background: #fff;
}
/* Content background */

div.facebook .pp_expand {
    background: url(../assets/img/prettyphoto/facebook/sprite.png) -31px -26px no-repeat;
    cursor: pointer;
}
    /* Expand button */

    div.facebook .pp_expand:hover {
        background: url(../assets/img/prettyphoto/facebook/sprite.png) -31px -47px no-repeat;
        cursor: pointer;
    }
/* Expand button hover */

div.facebook .pp_contract {
    background: url(../assets/img/prettyphoto/facebook/sprite.png) 0 -26px no-repeat;
    cursor: pointer;
}
    /* Contract button */

    div.facebook .pp_contract:hover {
        background: url(../assets/img/prettyphoto/facebook/sprite.png) 0 -47px no-repeat;
        cursor: pointer;
    }
/* Contract button hover */

div.facebook .pp_close {
    width: 22px;
    height: 22px;
    background: url(../assets/img/prettyphoto/facebook/sprite.png) -1px -1px no-repeat;
    cursor: pointer;
}
/* Close button */

div.facebook .pp_details {
    position: relative;
}

div.facebook .pp_description {
    margin: 0 37px 0 0;
}

div.facebook #pp_full_res .pp_inline {
    color: #000;
}

div.facebook .pp_loaderIcon {
    background: url(../assets/img/prettyphoto/facebook/loader.gif) center center no-repeat;
}
/* Loader icon */

div.facebook .pp_arrow_previous {
    background: url(../assets/img/prettyphoto/facebook/sprite.png) 0 -71px no-repeat;
    height: 22px;
    margin-top: 0;
    width: 22px;
}
    /* The previous arrow in the bottom nav */

    div.facebook .pp_arrow_previous.disabled {
        background-position: 0 -96px;
        cursor: default;
    }

div.facebook .pp_arrow_next {
    background: url(../assets/img/prettyphoto/facebook/sprite.png) -32px -71px no-repeat;
    height: 22px;
    margin-top: 0;
    width: 22px;
}
    /* The next arrow in the bottom nav */

    div.facebook .pp_arrow_next.disabled {
        background-position: -32px -96px;
        cursor: default;
    }

div.facebook .pp_nav {
    margin-top: 0;
}

    div.facebook .pp_nav p {
        font-size: 15px;
        padding: 0 3px 0 4px;
    }

    div.facebook .pp_nav .pp_play {
        background: url(../assets/img/prettyphoto/facebook/sprite.png) -1px -123px no-repeat;
        height: 22px;
        width: 22px;
    }

    div.facebook .pp_nav .pp_pause {
        background: url(../assets/img/prettyphoto/facebook/sprite.png) -32px -123px no-repeat;
        height: 22px;
        width: 22px;
    }

div.facebook .pp_next:hover {
    background: url(../assets/img/prettyphoto/facebook/btnNext.png) center right no-repeat;
    cursor: pointer;
}
/* Next button */

div.facebook .pp_previous:hover {
    background: url(../assets/img/prettyphoto/facebook/btnPrevious.png) center left no-repeat;
    cursor: pointer;
}
/* Previous button */

div.facebook .pp_bottom .pp_left {
    background: url(../assets/img/prettyphoto/facebook/sprite.png) -88px -80px no-repeat;
}
/* Bottom left corner */

div.facebook .pp_bottom .pp_middle {
    background: url(../assets/img/prettyphoto/facebook/contentPatternBottom.png) top left repeat-x;
}
/* Bottom pattern/color */

div.facebook .pp_bottom .pp_right {
    background: url(../assets/img/prettyphoto/facebook/sprite.png) -110px -80px no-repeat;
}
/* Bottom right corner */

/*** DO NOT CHANGE ***/

div.pp_pic_holder a:focus {
    outline: none;
}

div.pp_overlay {
    background: #000;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9500;
}

div.pp_pic_holder {
    display: none;
    position: absolute;
    width: 100px;
    z-index: 10000;
}

.pp_top {
    height: 20px;
    position: relative;
}

* html .pp_top {
    padding: 0 20px;
}

    .pp_top .pp_left {
        height: 20px;
        left: 0;
        position: absolute;
        width: 20px;
    }

    .pp_top .pp_middle {
        height: 20px;
        left: 20px;
        position: absolute;
        right: 20px;
    }

    * html .pp_top .pp_middle {
        left: 0;
        position: static;
    }

    .pp_top .pp_right {
        height: 20px;
        left: auto;
        position: absolute;
        right: 0;
        top: 0;
        width: 20px;
    }

.pp_content {
    height: 40px;
    min-width: 40px;
}

* html .pp_content {
    width: 40px;
}

.pp_fade {
    display: none;
}

.pp_content_container {
    position: relative;
    text-align: left;
    width: 100%;
}

    .pp_content_container .pp_left {
        padding-left: 20px;
    }

    .pp_content_container .pp_right {
        padding-right: 20px;
    }

    .pp_content_container .pp_details {
        float: left;
        margin: 10px 0 2px 0;
    }

.pp_description {
    display: none;
    margin: 0;
}

.pp_social {
    float: left;
    margin: 7px 0 0 0;
}

    .pp_social .facebook {
        float: left;
        position: relative;
        top: -1px;
        margin-left: 5px;
        width: 55px;
        overflow: hidden;
    }

    .pp_social .twitter {
        float: left;
    }

.pp_nav {
    clear: right;
    float: left;
    margin: 3px 10px 0 0;
}

    .pp_nav p {
        float: left;
        margin: 2px 4px;
    }

    .pp_nav .pp_play, .pp_nav .pp_pause {
        float: left;
        margin-right: 4px;
        text-indent: -10000px;
    }

a.pp_arrow_previous, a.pp_arrow_next {
    display: block;
    float: left;
    height: 15px;
    margin-top: 3px;
    overflow: hidden;
    text-indent: -10000px;
    width: 14px;
}

.pp_hoverContainer {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2000;
}

.pp_gallery {
    display: none;
    left: 50%;
    margin-top: -50px;
    position: absolute;
    z-index: 10000;
}

    .pp_gallery div {
        float: left;
        overflow: hidden;
        position: relative;
    }

    .pp_gallery ul {
        float: left;
        height: 35px;
        margin: 0 0 0 5px;
        padding: 0;
        position: relative;
        white-space: nowrap;
    }

        .pp_gallery ul a {
            border: 1px #000 solid;
            border: 1px rgba(0, 0, 0, 0.5) solid;
            display: block;
            float: left;
            height: 33px;
            overflow: hidden;
        }

            .pp_gallery ul a:hover, .pp_gallery li.selected a {
                border-color: #fff;
            }

            .pp_gallery ul a img {
                border: 0;
            }

    .pp_gallery li {
        display: block;
        float: left;
        margin: 0 5px 0 0;
        padding: 0;
    }

        .pp_gallery li.default a {
            background: url(../assets/img/prettyphoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
            display: block;
            height: 33px;
            width: 50px;
        }

            .pp_gallery li.default a img {
                display: none;
            }

    .pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next {
        margin-top: 7px !important;
    }

a.pp_next {
    background: url(../assets/img/prettyphoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    float: right;
    height: 100%;
    text-indent: -10000px;
    width: 49%;
}

a.pp_previous {
    background: url(../assets/img/prettyphoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    float: left;
    height: 100%;
    text-indent: -10000px;
    width: 49%;
}

a.pp_expand, a.pp_contract {
    cursor: pointer;
    display: none;
    height: 20px;
    position: absolute;
    right: 30px;
    text-indent: -10000px;
    top: 10px;
    width: 20px;
    z-index: 20000;
}

a.pp_close {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    line-height: 22px;
    text-indent: -10000px;
}

.pp_bottom {
    height: 20px;
    position: relative;
}

* html .pp_bottom {
    padding: 0 20px;
}

    .pp_bottom .pp_left {
        height: 20px;
        left: 0;
        position: absolute;
        width: 20px;
    }

    .pp_bottom .pp_middle {
        height: 20px;
        left: 20px;
        position: absolute;
        right: 20px;
    }

    * html .pp_bottom .pp_middle {
        left: 0;
        position: static;
    }

    .pp_bottom .pp_right {
        height: 20px;
        left: auto;
        position: absolute;
        right: 0;
        top: 0;
        width: 20px;
    }

.pp_loaderIcon {
    display: block;
    height: 24px;
    left: 50%;
    margin: -12px 0 0 -12px;
    position: absolute;
    top: 50%;
    width: 24px;
}

#pp_full_res {
    line-height: 1 !important;
}

    #pp_full_res .pp_inline {
        text-align: left;
    }

        #pp_full_res .pp_inline p {
            margin: 0 0 15px 0;
        }

div.ppt {
    color: #fff;
    display: none;
    font-size: 17px;
    margin: 0 0 5px 15px;
    z-index: 9999;
}


/*=========================================================================
 06. Contact form
=========================================================================*/


.form1 {
    position: relative;
    vertical-align: top;
    z-index: 1;
    font-family: 'Open Sans', Arial, sans-serif;
    padding-top: 6px;
}

    .form1 fieldset {
        border: none;
        padding: 0;
    }

    .form1 label {
        display: block;
        margin-bottom: 15px;
        position: relative;
    }

        .form1 label.message {
            height: 205px;
        }

    .form1 input {
        background: none repeat scroll 0 0 #FCFCFC;
        outline: none;
        border: 1px solid #E3E3E3;
        color: #777;
        font-family: 'Open Sans', Arial, sans-serif;
        font-size: 14px;
        height: auto;
        margin: 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        padding: 16px 14px;
        width: auto;
        display: inline-block;
    }

    .form1 .area .error {
        float: none;
    }

    .form1 textarea {
        background: none repeat scroll 0 0 #FCFCFC;
        height: 100%;
        margin: 0;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        resize: none;
        outline: none;
        border: 1px solid #E3E3E3;
        padding: 12px 14px;
        overflow: auto;
        color: #777;
        font-family: 'Open Sans', Arial, sans-serif;
        font-size: 14px;
        display: block;
    }

    .form1 a {
        cursor: pointer;
    }

    .form1 .success {
        background: none repeat scroll 0 0 #f6f6f5;
        border: 1px solid #333333;
        display: none;
        height: 166px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        position: absolute;
        width: 301px;
        z-index: 1;
    }

.p27 {
    margin-right: 10px;
}

.form1 .success .success_txt {
    color: #000;
    position: relative;
    text-align: center;
    top: 34%;
}

.form1 .error, .form1 .empty {
    background: none repeat scroll 0 0 #1B98E0;
    color: #FFFFFF;
    font-size: 10px;
    line-height: 1.25em;
    padding: 3px 6px;
    display: none;
    font-family: 'Open Sans', Arial, sans-serif;
    overflow: hidden;
    position: absolute;
    right: 16px;
    top: 0;
}

.form1 .message .error, .form1 .message .empty {
    right: 16px;
    top: 0;
}

.link-form {
    float: left;
}

address {
    font-size: 14px;
    font-style: normal;
    line-height: 32px;
    margin-bottom: 20px;
}

@media only screen and (max-width: 995px) {
    .form1 input, .form1 textarea {
        width: 100%;
    }

    .form1 label.message {
        width: 100%;
        height: 222px;
    }

    .form1 label {
        width: 100%;
    }

    .form1 .success {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .form1 input, .form1 textarea {
        width: 100%;
    }

    .form1 label {
        width: 100%;
    }

    .form1 .success {
        width: 100%;
    }
}


/*=========================================================================
 07. Masonry
=========================================================================*/


.masonry-wrapper {
    background: none repeat scroll 0 0 #FFFFFF;
    border-top: 1px solid #EEEEEE;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.iso-image-size {
    width: 100% !important;
    height: 100% !important;
}

.bg-theme-color-10 {
    background-color: #333333;
}

/*** Transition ***/
.filter-floating ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.filters li a:before {
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

/*** Gallery List ***/
.container-isotope {
    position: relative;
}

.isotope {
    opacity: 0;
}

.isotope_fade {
    opacity: 1;
}

.isotope-item {
    z-index: 2;
}

.isotope, .isotope .isotope-item { /* change duration value to whatever you like */
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

    .isotope .isotope-item {
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform, opacity;
        -ms-transition-property: -ms-transform, opacity;
        -o-transition-property: -o-transform, opacity;
        transition-property: transform, opacity;
    }

/*filters*/

.filters {
    display: inline-block;
    margin-bottom: 60px;
    position: relative;
    z-index: 99;
}

    .filters li {
        display: inline-block;
        float: left;
        width: 100%;
    }

        .filters li a {
            background: none repeat scroll 0 0 #FFFFFF;
            color: #333333;
            display: block;
            font-family: 'Open Sans', sans-serif;
            font-size: 12px;
            font-weight: 600;
            height: 60px;
            line-height: 60px;
            padding: 0 19px;
            position: relative;
            text-transform: uppercase;
        }

        .filters li.active a:before, .filters a:hover:before {
            opacity: 1;
            visibility: visible;
        }

.filter-floating {
    background: none repeat scroll 0 0 #000000;
    color: #fff;
    position: absolute;
    z-index: 888;
    right: 40px;
    top: 40px;
    width: auto;
    min-width: 60px;
    height: 60px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .filter-floating.filter-floating-fixed {
        position: fixed;
    }

    .filter-floating ul {
        background: none repeat scroll 0 0 #FFFFFF;
        margin-top: 60px;
        opacity: 0;
        visibility: hidden;
        position: absolute;
        z-index: -999;
        right: 0;
        top: 30px;
        width: 9999px;
        text-align: right;
        width: 200px;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    }

        .filter-floating ul li {
            float: none;
        }

    .filter-floating:hover ul {
        opacity: 1;
        visibility: visible;
        z-index: 999;
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
    }

.filter-floating-triggle {
    width: 60px;
    height: 60px;
    font-size: 24px;
    text-align: center;
    line-height: 60px;
    cursor: pointer;
    border-radius: 0px;
    position: absolute;
    z-index: 999;
}

/*** Portfolio brick ***/

.width-and-small, .width-and-big, .width-and-long, .width-and-height {
    overflow: hidden;
}

.brick-post-bgcolor-default {
    background: none repeat scroll 0 0 #000;
    height: 100%;
}

.brick-inside {
    position: relative;
    width: 100%;
    height: 100%;
}

.brick-content {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.brick-link {
    height: 100%;
    width: 100%;
}

.brick-content img {
    position: relative;
    z-index: 1;
    height: 100% !important;
    width: 100% !important;
}

.brick-hover-mask {
    width: 100%;
    height: 100%;
}

.brick-content img {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}

.brick-with-img .brick-hover-mask {
    position: absolute;
    z-index: 2;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

.brick-hover-mask .brick-title {
    font-size: 18px;
    margin-top: -5px;
    line-height: 20px;
    padding-right: 20px;
    padding-left: 20px;
    position: relative;
    opacity: 0.8;
    text-align: center;
    position: relative;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.brick-with-img .brick-hover-mask .brick-title {
    -webkit-transform: scale(0) translate(0, -50%);
    -moz-transform: scale(0) translate(0, -50%);
    -o-transform: scale(0) translate(0, -50%);
    -ms-transform: scale(0) translate(0, -50%);
    transform: scale(0) translate(0, -50%);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -webkit-transform-origin: 50% 50% 50%;
    -moz-transform-origin: 50% 50% 50%;
    -o-transform-origin: 50% 50% 50%;
    -ms-transform-origin: 50% 50% 50%;
    transform-origin: 50% 50% 50%;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

.brick-hover-mask .brick-title:before {
    content: '';
    width: 25px;
    height: 2px;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -12.5px;
}

.brick-with-img .brick-hover:hover ~ .brick-content img {
    -webkit-transform: rotate(-10deg) scale(1.4);
    -moz-transform: rotate(-10deg) scale(1.4);
    -ms-transform: rotate(-10deg) scale(1.4);
    -o-transform: rotate(-10deg) scale(1.4);
    transform: rotate(-10deg) scale(1.4);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=35)";
    filter: alpha(opacity=35);
    opacity: .35;
}

.brick-with-img .brick-hover:hover.brick-hover-mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

    .brick-with-img .brick-hover:hover.brick-hover-mask .brick-title {
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
        top: 50%;
        -webkit-transform: scale(1) translate(0, -50%);
        -moz-transform: scale(1) translate(0, -50%);
        -o-transform: scale(1) translate(0, -50%);
        -ms-transform: scale(1) translate(0, -50%);
        transform: scale(1) translate(0, -50%);
    }

/*** disabling Isotope CSS3 transitions ***/

.isotope-list-thumb {
    width: 100%;
}

/*** Blog MarsonyList  ***/

.isotope-item.standard .item_topbar:before {
    content: "\e621";
}

.isotope-item.gallery .item_topbar:before {
    content: "\e623";
}

.isotope-item.audio .item_topbar:before {
    content: "\e626";
}

.isotope-item.video .item_topbar:before {
    content: "\e620";
}

.isotope-item.link .item_topbar:before {
    content: "\e624";
}

.isotope-item.quote .item_topbar:before {
    content: "\e622";
}

.item_topbar {
    display: none;
}

.item_des {
}

.item_title {
    font-size: 18px;
    padding: 10px 20px;
    margin-bottom: 0;
}

.item-des-p {
    padding: 0 20px 20px;
}

.item_link {
    display: block;
    width: 32px;
    height: 60px;
    line-height: 60px;
    float: right;
    margin-right: 20px;
    text-align: center;
    font-size: 24px;
    color: #fff;
}

.item-link-wrap {
    padding: 0 20px 20px 20px;
}

.item_topbar {
    height: 60px;
    line-height: 60px;
    padding-left: 20px;
    font-size: 24px;
    cursor: default;
    color: #fff;
}

.post-bgcolor-default {
    background-color: #333;
}

.item_title a {
    display: block;
    padding: 10px 0;
    line-height: 20px;
}

/*Audio*/

.isotope-item.audio .like, .isotope-item.audio h2 {
    margin: 0;
}

.audio-unit {
    height: 30px;
    position: relative;
}

    .audio-unit span.audiobutton {
        display: inline-block;
        width: 40px;
        cursor: pointer;
    }

        .audio-unit span.audiobutton:before {
            font-size: 12px;
            content: "\e602";
            position: absolute;
            left: 24px;
            top: 0;
        }

        .audio-unit span.audiobutton.pause:before {
            content: "\e601";
        }

    .audio-unit span.songtitle {
        display: inline-block;
        position: absolute;
        top: -5px;
        left: 50px;
        margin-left: 10px;
        overflow: hidden;
    }

.soundcloudWrapper > iframe {
    margin-bottom: -10px;
}

/*video*/
.videoWrapper {
    position: relative;
    height: 0;
    padding-bottom: 51.25%; /* 16:9 */
}

    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
    }

.isotope-item.quote .item_des p {
    padding: 20px;
}

.isotope-item.quote .item_des i {
    font-size: 48px;
    height: 60px;
    margin-top: 20px;
}

.videoWrapper.vimeo {
    padding-bottom: 48.9%;
}

.liqd-gallery-img i {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 48px;
    text-align: center;
    color: #000;
    color: rgba(0, 0, 0, 0.4);
    box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2);
}

.liqd-gallery-img:hover i {
    opacity: 1;
    visibility: visible;
}

/*** Blog MarsonyList ***/

.mas-pad-container {
    margin: 0 30px;
}

.owl-inside {
    margin: 15px !important;
}

    .owl-inside .blog-item-wrap {
        margin-bottom: 40px;
        padding: 0 0 11px;
    }

.post-bgcolor-default {
    background-color: #333;
}


/*Pictorial*/

@-moz-keyframes fill {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        color: #0000FF;
    }
}

@-webkit-keyframes fill {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        color: #0000FF;
    }
}

/*** Liquid list ***/


.ux-loading {
    width: 62px;
    height: 62px;
    position: absolute;
    left: 50%;
    top: 50%;
    right: auto;
    bottom: auto;
    margin-top: -31px;
    margin-left: -31px;
    z-index: 999;
    background: #fff url(../assets/img/isotope-loading.gif) no-repeat 50% 50%;
    border-radius: 31px;
}

.csstransforms .ux-loading {
    display: none;
}

/*css3 loading*/
.ux-loading-transform {
    width: 32px;
    height: 32px;
    position: absolute;
    text-align: center;
    left: 50%;
    top: 50%;
    margin-left: -16px;
    margin-top: -16px;
    -webkit-animation: rotate 2.0s infinite linear;
    animation: rotate 2.0s infinite linear;
}

.loading-dot1, .loading-dot2 {
    width: 65%;
    height: 65%;
    display: inline-block;
    position: absolute;
    top: 0;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-animation: bounce 1.0s infinite ease-in-out;
    animation: bounce 1.0s infinite ease-in-out;
}

.loading-dot2 {
    top: auto;
    bottom: 0px;
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes bounce {
    0%, 100% {
        -webkit-transform: scale(0.0);
    }

    50% {
        -webkit-transform: scale(1.0);
    }
}

@keyframes bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}




/*** Load Animation ***/


@-webkit-keyframes zoomin {
    0% {
        -webkit-transform: scaleX(0.1) scaleY(0.1);
        opacity: 0;
    }

    100% {
        webkit-transform: scaleX(1) scaleY(1);
        opacity: 1;
    }
}

@-moz-keyframes zoomin {
    0% {
        -moz-transform: scaleX(0.1) scaleY(0.1);
        opacity: 0;
    }

    100% {
        -moz-transform: scaleX(1) scaleY(1);
        opacity: 1;
    }
}

@-webkit-keyframes zoomout {
    0% {
        -webkit-transform: scaleX(2.1) scaleY(2.1);
        opacity: 0;
    }

    100% {
        webkit-transform: scaleX(1) scaleY(1);
        opacity: 1;
    }
}

@-moz-keyframes zoomout {
    0% {
        -moz-transform: scaleX(2.1) scaleY(2.1);
        opacity: 0;
    }

    100% {
        -moz-transform: scaleX(1) scaleY(1);
        opacity: 1;
    }
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -moz-transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -moz-transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

@-moz-keyframes flipInY {
    0% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -moz-transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -moz-transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes bounceInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateY(30px);
    }

    80% {
        -moz-transform: translateY(-10px);
    }

    100% {
        -moz-transform: translateY(0);
    }
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes bounceInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateY(-30px);
    }

    80% {
        -moz-transform: translateY(10px);
    }

    100% {
        -moz-transform: translateY(0);
    }
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(30px);
    }

    80% {
        -moz-transform: translateX(-10px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes bounceInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(-30px);
    }

    80% {
        -moz-transform: translateX(10px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateInDownLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateInDownRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}


/*** Porfolio Brick list ***/
.brick-hover-mask, .brick-hover-mask h3 {
    color: #fff;
}

    .brick-hover-mask h3:before {
        background-color: #fff;
    }

.filter-floating li, .filter-floating-triggle {
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.filters li a:before {
    background-color: #999;
}

.filter-floating li:last-child, .filter-floating-triggle:last-child {
    border-bottom: 0 none;
}

/*** Content Bg Color ***/
.filters.filter-floating li a:before {
    background-color: #fff;
}

.filter-floating a, .filter-floating a:hover {
    background: none repeat scroll 0 0 #000000;
    color: #fff;
}

/*** Button & Bar Font Color. note: on BG#333 ***/
.filters a:before {
    background-color: #fff;
}

/*** liquid list ***/

.item_title {
    position: relative;
    padding-bottom: 30px;
    padding-top: 30px;
}

    .item_title:before {
        content: '';
        position: absolute;
        bottom: 27px;
        left: 20px;
        width: 30px;
        height: 3px;
    }

.item_des {
    padding-bottom: 20px;
}

.item-des-p, .isotope-item.quote .item_des p, .item-link-wrap {
}

.isotope-item.audio .audio_player_list {
    padding-bottom: 30px;
}

.audio_player_list {
    padding-bottom: 20px;
}

.audio-unit span.audiobutton:before {
    top: 4px;
}

.audio-unit {
    line-height: 30px;
}

.liqd-gallery-img i {
    box-shadow: none;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    color: #fff;
}

/*** Hightlight color ***/
a:hover, .item_title a:hover, .item_des a:hover {
    color: #2e3192;
    text-decoration: underline;
}

textarea:focus {
    border-color: #2e3192;
    outline: 0;
}

.item_des, .audio_player_list {
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.07);
}



/*=========================================================================
 08. Fancybox
=========================================================================*/


.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.fancybox-opened {
    z-index: 8030;
}

    .fancybox-opened .fancybox-skin {
        -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    }

.fancybox-outer, .fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url('../assets/img/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}

    #fancybox-loading div {
        width: 44px;
        height: 44px;
        background: url('../assets/img/fancybox/fancybox_loading.gif') center center no-repeat;
    }

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url('../assets/img/fancybox/blank.gif'); /* helps IE */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 8040;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}

.fancybox-nav:hover span {
    visibility: visible;
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

    .fancybox-lock body {
        overflow: hidden !important;
    }

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url('../assets/img/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}

    .fancybox-title-float-wrap .child {
        display: inline-block;
        margin-right: -100%;
        padding: 2px 20px;
        background: transparent; /* Fallback for web browsers that doesn't support RGBa */
        background: rgba(0, 0, 0, 0.8);
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        text-shadow: 0 1px 2px #222;
        color: #FFF;
        font-weight: bold;
        line-height: 24px;
        white-space: nowrap;
    }

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}

.fancybox-title-inside-wrap {
    padding-top: 10px;
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
        background-image: url('../assets/img/fancybox/fancybox_sprite@2x.png');
        background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
    }

        #fancybox-loading div {
            background-image: url('../assets/img/fancybox/fancybox_loading@2x.gif');
            background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
        }
}



/*=========================================================================
 09. Buttons 
=========================================================================*/


.after_header .btn-dark-shine {
    margin-right: 20px;
}

.btn-dark-shine {
    text-decoration: none;
    line-height: 31px;
    text-shadow: 0 1px 0 #202028;
    color: #e5e5e5;
    border: 1px solid #13151b;
    border-radius: 30px;
    padding: 5px 29px;
    background-image: linear-gradient( to top, #4A5664 0%, #2A3644 50%, #2A3644 50%, #3A4654 ); /* Old syntax for Safari (Prefix free, Y U No work?!) */
    background-image: linear-gradient( to bottom, #4A5664 0%, #2A3644 50%, #2A3644 50%, #3A4654 );
    box-shadow: inset 0 0 0 2px rgba(102, 102, 112, .1), inset 0 2px 1px rgba(109, 110, 119, .75), 0 1px 2px #1A2634;
    position: relative;
}

.btn-dark-shine {
    background: -moz-linear-gradient(270deg, #333333 0%, #000000 50%, #141414 50%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, 270deg, color-stop(0%, #333333), color-stop(50%, #000000), color-stop(50%, #141414), color-stop(100%, #000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(270deg, #333333 0%, #000000 50%, #141414 50%, #000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(270deg, #333333 0%, #000000 50%, #141414 50%, #000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(270deg, #333333 0%, #000000 50%, #141414 50%, #000000 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType='1'); /* for IE */
    background: linear-gradient(180deg, #333333 0%, #000000 50%, #141414 50%, #000000 100%); /* W3C */
    border: 1px solid #13151B;
    border-radius: 30px;
    box-shadow: 0 0 0 2px rgba(102, 102, 112, 0.1) inset, 0 2px 1px rgba(109, 110, 119, 0.75) inset, 0 1px 2px #1A2634;
    color: #E5E5E5;
    line-height: 31px;
    padding: 15px 39px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 1px 0 #202028;
}

    .btn-dark-shine::before {
        content: "";
        position: absolute;
        background: rgba(255, 255, 255, .04);
        display: block;
        top: 0;
        bottom: 50%;
        left: 1px;
        right: 1px;
        border-radius: 30px 30px 0 0;
    }

    .btn-dark-shine:hover {
        text-shadow: 0 1px 0 #202028;
        color: #e5e5e5;
        background-image: linear-gradient( to top, #2A3644 0%, #2A3644 50%, #2A3644 50%, #3A4654 ); /* Old syntax for Safari (Prefix free, Y U No work?!) */
        background-image: linear-gradient( to bottom, #2A3644 0%, #2A3644 50%, #2A3644 50%, #3A4654 );
        box-shadow: 0 0 0 2px rgba(102, 102, 112, 0.1) inset, 0 2px 1px rgba(99, 100, 99, 0.75) inset, 0 1px 2px #1A2634;
    }

        .btn-dark-shine:hover::before {
            content: "";
            position: absolute;
            background: rgba(255, 255, 255, .04);
            display: block;
            top: 0;
            bottom: 50%;
            left: 1px;
            right: 1px;
            border-radius: 30px 30px 0 0;
        }

/*** Flat Site Buttons ***/


.flat {
    font-family: 'Open Sans', Arial, sans-serif;
    border: 1px solid rgba(0, 0, 0, 0.07);
    display: inline-block;
    font-weight: 700;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.17);
    text-decoration: none;
    text-transform: uppercase;
    border: none;
    margin-bottom: 18px;
    text-align: center;
    outline: none;
    cursor: pointer;
    color: #fafafa;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .flat:hover, .flat:focus {
        color: #ffffff;
        text-decoration: none;
    }

    .flat.xs {
        padding: 4px 8px;
        font-size: 12px;
        font-weight: 400;
    }

@media(max-width:480px) {
    .flat.sm {
        padding: 6px 12px;
        font-size: 14px;
        font-weight: 600;
        width: 50%;
    }
}
@media(min-width:480px) {
    .flat.sm {
        padding: 6px 12px;
        font-size: 14px;
        font-weight: 600;
        width: 30%;
    }
}

    .flat.md {
        padding: 10px 18px;
        font-size: 16px;
        font-weight: 700;
    }

    .flat.lg {
        padding: 14px 24px;
        font-size: 18px;
        font-weight: 700;
    }

    .flat:active {
        position: relative;
        top: 1px;
    }

.fl-round {
    -webkit-border-radius: 30px !important;
    -moz-border-radius: 30px !important;
    border-radius: 30px !important;
}

.fl-with-border {
    border: 6px solid #ffffff !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.13) !important;
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.13) !important;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.13) !important;
}

.fl-round-border {
    border: 6px solid #ffffff !important;
    -webkit-border-radius: 30px !important;
    -moz-border-radius: 30px !important;
    border-radius: 30px !important;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.13) !important;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.13) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.13) !important;
}

.flbtn-with-border {
    border-color: rgba(0, 0, 0, 0.6) !important;
    border-width: 0 0 4px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.13) !important;
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.13) !important;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.13) !important;
}

.flbtn-round-border {
    border-color: rgba(0, 0, 0, 0.6) !important;
    border-width: 0 0 4px !important;
    -webkit-border-radius: 30px !important;
    -moz-border-radius: 30px !important;
    border-radius: 30px !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.13) !important;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.13) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.13) !important;
}

/* Grey */

.flat.grey {
    background: -moz-linear-gradient(270deg, #5a5a5a 0%, #2c2c2c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, 270deg, color-stop(0%, #5a5a5a), color-stop(100%, #2c2c2c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(270deg, #5a5a5a 0%, #2c2c2c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(270deg, #5a5a5a 0%, #2c2c2c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(270deg, #5a5a5a 0%, #2c2c2c 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a5a5a', endColorstr='#2c2c2c', GradientType='1'); /* for IE */
    background: linear-gradient(180deg, #5a5a5a 0%, #2c2c2c 100%); /* W3C */
    border: 1px solid #2c2c2c;
}

    .flat.grey:hover {
        background: -moz-linear-gradient(270deg, #2c2c2c 0%, #2c2c2c 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, 270deg, color-stop(0%, #2c2c2c), color-stop(100%, #2c2c2c)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(270deg, #2c2c2c 0%, #2c2c2c 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(270deg, #2c2c2c 0%, #2c2c2c 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(270deg, #2c2c2c 0%, #2c2c2c 100%); /* IE10+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c2c2c', endColorstr='#2c2c2c', GradientType='1'); /* for IE */
        background: linear-gradient(180deg, #2c2c2c 0%, #2c2c2c 100%); /* W3C */
    }

/* Green */

.flat.green {
    background: -moz-linear-gradient(270deg, #1bb7aa 0%, #099d91 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, 270deg, color-stop(0%, #1bb7aa), color-stop(100%, #099d91)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(270deg, #1bb7aa 0%, #099d91 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(270deg, #1bb7aa 0%, #099d91 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(270deg, #1bb7aa 0%, #099d91 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1bb7aa', endColorstr='#099d91', GradientType='1'); /* for IE */
    background: linear-gradient(180deg, #1bb7aa 0%, #099d91 100%); /* W3C */
    border: 1px solid #099d91;
}

    .flat.green:hover {
        background: -moz-linear-gradient(270deg, #099d91 0%, #099d91 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, 270deg, color-stop(0%, #099d91), color-stop(100%, #099d91)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(270deg, #099d91 0%, #099d91 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(270deg, #099d91 0%, #099d91 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(270deg, #099d91 0%, #099d91 100%); /* IE10+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#099d91', endColorstr='#099d91', GradientType='1'); /* for IE */
        background: linear-gradient(180deg, #099d91 0%, #099d91 100%); /* W3C */
    }

/* Purple */

.flat.purple {
    background: -moz-linear-gradient(270deg, #8472aa 0%, #5b4881 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, 270deg, color-stop(0%, #8472aa), color-stop(100%, #5b4881)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(270deg, #8472aa 0%, #5b4881 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(270deg, #8472aa 0%, #5b4881 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(270deg, #8472aa 0%, #5b4881 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8472aa', endColorstr='#5b4881', GradientType='1'); /* for IE */
    background: linear-gradient(180deg, #8472aa 0%, #5b4881 100%); /* W3C */
    border: 1px solid #5b4881;
}

    .flat.purple:hover {
        background: -moz-linear-gradient(270deg, #5b4881 0%, #5b4881 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, 270deg, color-stop(0%, #5b4881), color-stop(100%, #5b4881)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(270deg, #5b4881 0%, #5b4881 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(270deg, #5b4881 0%, #5b4881 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(270deg, #5b4881 0%, #5b4881 100%); /* IE10+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b4881', endColorstr='#5b4881', GradientType='1'); /* for IE */
        background: linear-gradient(180deg, #5b4881 0%, #5b4881 100%); /* W3C */
    }

/* Red */

.flat.red {
    background: -moz-linear-gradient(270deg, #f52427 0%, #c40e11 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, 270deg, color-stop(0%, #f52427), color-stop(100%, #c40e11)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(270deg, #f52427 0%, #c40e11 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(270deg, #f52427 0%, #c40e11 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(270deg, #f52427 0%, #c40e11 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f52427', endColorstr='#c40e11', GradientType='1'); /* for IE */
    background: linear-gradient(180deg, #f52427 0%, #c40e11 100%); /* W3C */
    border: 1px solid #c40e11;
}

    .flat.red:hover {
        background: -moz-linear-gradient(270deg, #c40e11 0%, #c40e11 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, 270deg, color-stop(0%, #c40e11), color-stop(100%, #c40e11)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(270deg, #c40e11 0%, #c40e11 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(270deg, #c40e11 0%, #c40e11 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(270deg, #c40e11 0%, #c40e11 100%); /* IE10+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c40e11', endColorstr='#c40e11', GradientType='1'); /* for IE */
        background: linear-gradient(180deg, #c40e11 0%, #c40e11 100%); /* W3C */
    }

/* Pink */

.flat.pink {
    background: -moz-linear-gradient(270deg, #e16adb 0%, #bb35aa 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, 270deg, color-stop(0%, #e16adb), color-stop(100%, #bb35aa)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(270deg, #e16adb 0%, #bb35aa 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(270deg, #e16adb 0%, #bb35aa 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(270deg, #e16adb 0%, #bb35aa 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e16adb', endColorstr='#bb35aa', GradientType='1'); /* for IE */
    background: linear-gradient(180deg, #e16adb 0%, #bb35aa 100%); /* W3C */
    border: 1px solid #bb35aa;
}

    .flat.pink:hover {
        background: -moz-linear-gradient(270deg, #bb35aa 0%, #bb35aa 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, 270deg, color-stop(0%, #bb35aa), color-stop(100%, #bb35aa)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(270deg, #bb35aa 0%, #bb35aa 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(270deg, #bb35aa 0%, #bb35aa 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(270deg, #bb35aa 0%, #bb35aa 100%); /* IE10+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bb35aa', endColorstr='#bb35aa', GradientType='1'); /* for IE */
        background: linear-gradient(180deg, #bb35aa 0%, #bb35aa 100%); /* W3C */
    }

/* Blue */

.flat.blue {
    background: -moz-linear-gradient(270deg, #30b3f8 0%, #0093d8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, 270deg, color-stop(0%, #30b3f8), color-stop(100%, #0093d8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(270deg, #30b3f8 0%, #0093d8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(270deg, #30b3f8 0%, #0093d8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(270deg, #30b3f8 0%, #0093d8 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#30b3f8', endColorstr='#0093d8', GradientType='1'); /* for IE */
    background: linear-gradient(180deg, #30b3f8 0%, #0093d8 100%); /* W3C */
    border: 1px solid #0093d8;
}

    .flat.blue:hover {
        background: -moz-linear-gradient(270deg, #0093d8 0%, #0093d8 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, 270deg, color-stop(0%, #0093d8), color-stop(100%, #0093d8)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(270deg, #0093d8 0%, #0093d8 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(270deg, #0093d8 0%, #0093d8 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(270deg, #0093d8 0%, #0093d8 100%); /* IE10+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0093d8', endColorstr='#0093d8', GradientType='1'); /* for IE */
        background: linear-gradient(180deg, #0093d8 0%, #0093d8 100%); /* W3C */
    }

/* Yellow */

.flat.yellow {
    background: -moz-linear-gradient(270deg, #fdd01c 0%, #e0b508 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, 270deg, color-stop(0%, #fdd01c), color-stop(100%, #e0b508)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(270deg, #fdd01c 0%, #e0b508 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(270deg, #fdd01c 0%, #e0b508 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(270deg, #fdd01c 0%, #e0b508 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd01c', endColorstr='#e0b508', GradientType='1'); /* for IE */
    background: linear-gradient(180deg, #fdd01c 0%, #e0b508 100%); /* W3C */
    border: 1px solid #e0b508;
}

    .flat.yellow:hover {
        background: -moz-linear-gradient(270deg, #e0b508 0%, #e0b508 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, 270deg, color-stop(0%, #e0b508), color-stop(100%, #e0b508)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(270deg, #e0b508 0%, #e0b508 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(270deg, #e0b508 0%, #e0b508 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(270deg, #e0b508 0%, #e0b508 100%); /* IE10+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0b508', endColorstr='#e0b508', GradientType='1'); /* for IE */
        background: linear-gradient(180deg, #e0b508 0%, #e0b508 100%); /* W3C */
    }

.dis-block {
    display: block;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

/*** Site Buttons 2 ***/

.button-red, .button-red {
    background: none repeat-x scroll 50% 0 #d82b31;
}

.button-brown, .button-brown {
    background: none repeat-x scroll 50% 0 #ad2f0a;
}

.button-green, .button-green {
    background: none repeat-x scroll 50% 0 #3498DB;
}

.button-blue, .button-blue {
    background: none repeat-x scroll 50% 0 #3FC0F6;
}

.button-pink, .button-pink {
    background: none repeat-x scroll 50% 0 #f1039a;
}

.button-white, .button-white {
    background: none repeat-x scroll 50% 0 #eee;
}

.button-black, .button-black {
    background: none repeat-x scroll 50% 0 #333;
}

    .button-red, .button-red:visited, .button-brown, .button-brown:visited, .button-green, .button-green:visited, .button-blue, .button-blue:visited, .button-pink, .button-pink:visited, .button-white, .button-white:visited, .button-black, .button-black:visited {
        color: #fff;
        display: inline-block;
        font-size: 14px;
        font-family: 'Open Sans', Arial;
        padding: 5px 14px;
        text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
        behavior: url(css/PIE.htc);
    }

        .button-white, .button-white:visited {
            color: #333;
            text-shadow: 0 1px 1px #eee;
        }

            .button-red:hover, .button-brown:hover, .button-green:hover, .button-blue:hover, .button-pink:hover, .button-white:hover, .button-black:hover {
                background: none repeat-x scroll 50% -42px #333;
                color: #fff;
                display: inline-block;
                text-shadow: 0 1px 1px #000;
                behavior: url(css/PIE.htc);
            }

            .button-red:active, .button-brown:active, .button-green:active, .button-blue:active, .button-pink:active, .button-white:active, .button-black:active {
                background: #000;
            }

.button-border {
    background: none repeat scroll 0 0 #EEEEEE;
    margin: 0 5px 0 5px;
    padding: 5px 5px 6px 5px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    display: inline-block;
    behavior: url(css/PIE.htc);
}

.button-radius-50 {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    behavior: url(css/PIE.htc);
}

.button-small {
    font-size: 12px;
    margin-bottom: 20px;
    padding: 3px 10px;
    text-transform: lowercase;
}

    .button-small:hover {
        background: url("../assets/img/button-shadow.png") repeat-x scroll 50% -82px #333;
        color: #fff;
        text-shadow: 0 1px #000;
    }

/*** Animated Site Buttons ***/

.animated-btn {
    background: #a9db80;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(#a9db80, 0), color-stop(#96c56f, 1));
    background: -webkit-linear-gradient(to top, #a9db80 0%, #96c56f 100%);
    background: -moz-linear-gradient(to top, #a9db80 0%, #96c56f 100%);
    background: -o-linear-gradient(to top, #a9db80 0%, #96c56f 100%);
    background: linear-gradient(to top, #a9db80 0%, #96c56f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9db80', endColorstr='#96c56f', GradientType=0 );
    padding-left: 90px;
    padding-right: 105px;
    height: 90px;
    display: inline-block;
    position: relative;
    border: 1px solid #80ab5d;
    -webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 3px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    float: left;
    clear: both;
    margin: 10px 0px;
    overflow: hidden;
    -webkit-transition: box-shadow 0.3s ease-in-out;
    -moz-transition: box-shadow 0.3s ease-in-out;
    -o-transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
}

    .animated-btn img {
        position: absolute;
        left: 15px;
        top: 13px;
        border: none;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .animated-btn .animated-btn-slide-text {
        position: absolute;
        font-size: 36px;
        font-family: 'Open Sans', Arial, Tahoma, sans-serif;
        top: 26px;
        left: 18px;
        line-height: 36px;
        color: #6d954e;
        opacity: 0;
        text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.4);
        -webkit-transition: opacity 0.2s ease-in-out;
        -moz-transition: opacity 0.2s ease-in-out;
        -o-transition: opacity 0.2s ease-in-out;
        transition: opacity 0.2s ease-in-out;
    }

.animated-btn-text {
    padding-top: 19px;
    color: #fff;
    display: block;
    font-size: 25px;
    font-family: 'Open Sans', Arial, Tahoma, sans-serif;
    line-height: 35px;
    text-shadow: 0px -1px 1px #80ab5d;
}

    .animated-btn-text small {
        display: block;
        font-size: 11px;
        line-height: 16px;
    }

.animated-btn-icon-right {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    width: 80px;
    border-left: 1px solid #80ab5d;
    -webkit-box-shadow: 1px 0px 1px rgba(255, 255, 255, 0.4) inset;
    -moz-box-shadow: 1px 0px 1px rgba(255, 255, 255, 0.4) inset;
    box-shadow: 1px 0px 1px rgba(255, 255, 255, 0.4) inset;
}

    .animated-btn-icon-right span {
        width: 38px;
        height: 38px;
        opacity: 0.7;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -20px 0px 0px -20px;
        border: 1px solid rgba(0, 0, 0, 0.5);
        background: #4e5c50 url(../assets/img/icons/arrow_down.png) no-repeat center center;
        -webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.3) inset, 0px 1px 2px rgba(255, 255, 255, 0.5);
        -moz-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.3) inset, 0px 1px 2px rgba(255, 255, 255, 0.5);
        box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.3) inset, 0px 1px 2px rgba(255, 255, 255, 0.5);
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

.animated-btn:hover {
    -webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 5px rgba(0, 0, 0, 0.4);
}

    .animated-btn:hover img {
        -webkit-transform: scale(10);
        -moz-transform: scale(10);
        -ms-transform: scale(10);
        -o-transform: scale(10);
        transform: scale(10);
        opacity: 0;
    }

    .animated-btn:hover .animated-btn-slide-text, .animated-btn:hover .animated-btn-icon-right span {
        opacity: 1;
    }

.animated-btn:active {
    position: relative;
    top: 1px;
    background: #80ab5d;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    border-color: #a9db80;
}

    .animated-btn:active .animated-btn-icon-right span {
        -webkit-transform: scale(1.4);
        -moz-transform: scale(1.4);
        -ms-transform: scale(1.4);
        -o-transform: scale(1.4);
        transform: scale(1.4);
    }

/*** slide link Buttons ***/

.slider-link {
    cursor: pointer;
    position: relative;
    text-align: center;
    margin: 0 10px 0 0;
    display: block;
    width: 230px;
    height: 51px;
    float: left;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    overflow: hidden;
}

    .slider-link .ten {
        font-size: 8px;
        line-height: 53px;
    }

    .slider-link:hover .sliderlinkin {
        left: 0%;
    }

    .slider-link:hover .two {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -ms-transition-delay: 1s;
        -o-transition-delay: 1s;
        transition-delay: 1s;
    }

    .slider-link:hover .three {
        -webkit-transition-delay: 2s;
        -moz-transition-delay: 2s;
        -ms-transition-delay: 2s;
        -o-transition-delay: 2s;
        transition-delay: 2s;
    }

    .slider-link:hover .four {
        -webkit-transition-delay: 3.5s;
        -moz-transition-delay: 3.5s;
        -ms-transition-delay: 3.5s;
        -o-transition-delay: 3.5s;
        transition-delay: 3.5s;
    }

    .slider-link:hover .five {
        -webkit-transition-delay: 5s;
        -moz-transition-delay: 5s;
        -ms-transition-delay: 5s;
        -o-transition-delay: 5s;
        transition-delay: 5s;
    }

    .slider-link:hover .six {
        -webkit-transition-delay: 7s;
        -moz-transition-delay: 7s;
        -ms-transition-delay: 7s;
        -o-transition-delay: 7s;
        transition-delay: 7s;
    }

    .slider-link:hover .seven {
        -webkit-transition-delay: 9s;
        -moz-transition-delay: 9s;
        -ms-transition-delay: 9s;
        -o-transition-delay: 9s;
        transition-delay: 9s;
    }

    .slider-link:hover .eight {
        -webkit-transition-delay: 11s;
        -moz-transition-delay: 11s;
        -ms-transition-delay: 11s;
        -o-transition-delay: 11s;
        transition-delay: 11s;
    }

    .slider-link:hover .nine {
        -webkit-transition-delay: 13s;
        -moz-transition-delay: 13s;
        -ms-transition-delay: 13s;
        -o-transition-delay: 13s;
        transition-delay: 13s;
    }

    .slider-link .sliderlinkin {
        background: #3398ff;
        left: -100%;
        z-index: 2;
    }

    .slider-link span {
        -webkit-transition: left 300ms;
        -moz-transition: left 300ms;
        -ms-transition: left 300ms;
        -o-transition: left 300ms;
        transition: left 300ms;
        text-decoration: none;
        letter-spacing: 1px;
        font-weight: bold;
        z-index: 1;
        text-transform: uppercase;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #007eff;
        color: #ffffff;
        line-height: 51px;
    }

.slider-link-btn {
    display: inline-block;
    position: relative;
    height: 40px;
    padding: 0 20px;
    border: 0;
    color: #666665;
    background-color: #dededc;
    font-size: 14px;
    line-height: 39px;
    text-align: center;
    text-decoration: none;
    font-style: normal;
    cursor: pointer;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    vertical-align: bottom;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
}

.slider-link-green {
    background: #3498DB !important;
    color: #fff;
}

.slider-link-blue {
    background: #3598db !important;
    color: #fff;
}

.slider-link-red {
    background: #e74c3c !important;
    color: #fff;
}

.slider-link-black {
    background: #0e1419 !important;
    color: #fff;
}

/*** animBtn Buttons ***/

.TwitterFeeds .animBtn {
    margin: 0 auto;
}

.animBtn {
    position: relative;
    display: inline-block;
    padding: 0 20px;
    height: 42px;
    color: #3498DB;
    font-size: 12px;
    line-height: 42px;
    min-width: 96px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    z-index: 1;
}

    .animBtn span {
        position: absolute;
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        transition-property: all;
        -webkit-transition-duration: 0.2s;
        -moz-transition-duration: 0.2s;
        -o-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        z-index: 1;
    }

    .animBtn .border {
        border: 1px solid #3498DB;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(0, 0, 0, 0.3);
    }

    .animBtn .top, .animBtn .bottom, .animBtn .left, .animBtn .right {
        background-color: #3498DB;
        height: 1px;
        width: 0;
    }

    .animBtn .left, .animBtn .right {
        height: 0;
        width: 1px;
    }

    .animBtn .top {
        top: -5px;
        left: -15px;
    }

    .animBtn .bottom {
        bottom: -5px;
        right: -15px;
    }

    .animBtn .left {
        top: -15px;
        right: -5px;
    }

    .animBtn .right {
        bottom: -15px;
        left: -5px;
    }

    .animBtn:hover {
        color: #fff;
    }

        .animBtn:hover .border {
            top: -5px;
            bottom: -5px;
            left: -5px;
            right: -5px;
        }

        .animBtn:hover .top, .animBtn:hover .bottom {
            width: 96px;
        }

        .animBtn:hover .left, .animBtn:hover .right {
            height: 40px;
        }

        .animBtn:hover .top {
            left: -5px;
        }

        .animBtn:hover .bottom {
            right: -5px;
        }

        .animBtn:hover .left {
            top: -5px;
        }

        .animBtn:hover .right {
            bottom: -5px;
        }

    .animBtn .text {
        position: relative;
        letter-spacing: .03em;
        font-weight: 600;
        font-size: 14px;
    }

/*** Buttons Page ***/


pre {
    width: 100%;
    padding: 30px;
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.72);
    color: #f8f8f2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-top: 20px;
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

    pre .bt {
        color: #f8f8f2;
    }
    /* <> */

    pre .anc {
        color: #f92672;
    }
    /* anchor tag */

    pre .att {
        color: #a6a926;
    }
    /* attribute */

    pre .val {
        color: #e6db74;
    }
/* value */

.owl-btn-container {
    border-radius: 4px;
    text-align: center;
    margin-bottom: 40px;
}

.container h2 {
    padding-top: 30px;
    font-weight: 300;
}

.owl-btn, .owl-btn-two {
    margin: 9px;
}

.owl-btn-gradient {
    margin: 5px;
}

a[class*="owl-btn"] {
    text-decoration: none;
}

input[class*="owl-btn"], button[class*="owl-btn"] {
    border: 0;
}

/*** Here you can change the button sizes ***/
.owl-btn.large, .owl-btn-two.large, .owl-btn-effect.large {
    padding: 20px 40px;
    font-size: 22px;
}

.owl-btn.small, .owl-btn-two.small, .owl-btn-gradient.small, .owl-btn-effect.small {
    padding: 8px 18px;
    font-size: 14px;
}

.owl-btn.mini, .owl-btn-two.mini, .owl-btn-gradient.mini, .owl-btn-effect.mini {
    padding: 4px 12px;
    font-size: 12px;
}

.owl-btn.block, .owl-btn-two.block, .owl-btn-gradient.block, .owl-btn-effect.block {
    display: block;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.owl-btn-gradient.large {
    padding: 15px 45px;
    font-size: 22px;
}

/* Colors for .owl-btn and .owl-btn-two */
.owl-btn.blue, .owl-btn-two.blue {
    background-color: #7fb1bf;
}

.owl-btn.green, .owl-btn-two.green {
    background-color: #9abf7f;
}

.owl-btn.red, .owl-btn-two.red {
    background-color: #fa5a5a;
}

.owl-btn.purple, .owl-btn-two.purple {
    background-color: #cb99c5;
}

.owl-btn.cyan, .owl-btn-two.cyan {
    background-color: #7fccde;
}

.owl-btn.yellow, .owl-btn-two.yellow {
    background-color: #f0d264;
}

.rounded {
    border-radius: 10px;
}

/*** default button style ***/
.owl-btn {
    position: relative;
    border: 0;
    padding: 15px 25px;
    display: inline-block;
    text-align: center;
    color: white;
}

    .owl-btn:active {
        top: 4px;
    }

    /*** color classes for .owl-btn ***/
    .owl-btn.blue {
        box-shadow: 0px 4px #74a3b0;
    }

        .owl-btn.blue:active {
            box-shadow: 0 0 #74a3b0;
            background-color: #709CA8;
        }

    .owl-btn.green {
        box-shadow: 0px 4px 0px #87a86f;
    }

        .owl-btn.green:active {
            box-shadow: 0 0 #87a86f;
            background-color: #87a86f;
        }

    .owl-btn.red {
        box-shadow: 0px 4px 0px #E04342;
    }

        .owl-btn.red:active {
            box-shadow: 0 0 #ff4c4b;
            background-color: #ff4c4b;
        }

    .owl-btn.purple {
        box-shadow: 0px 4px 0px #AD83A8;
    }

        .owl-btn.purple:active {
            box-shadow: 0 0 #BA8CB5;
            background-color: #BA8CB5;
        }

    .owl-btn.cyan {
        box-shadow: 0px 4px 0px #73B9C9;
    }

        .owl-btn.cyan:active {
            box-shadow: 0 0 #73B9C9;
            background-color: #70B4C4;
        }

    .owl-btn.yellow {
        box-shadow: 0px 4px 0px #D1B757;
    }

        .owl-btn.yellow:active {
            box-shadow: 0 0 #ff4c4b;
            background-color: #D6BB59;
        }

/*** Button two - I have no creativity for names ***/
.owl-btn-two {
    color: white;
    padding: 15px 25px;
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0.21);
    border-bottom-color: rgba(0, 0, 0, 0.34);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.34) inset, 0 2px 0 -1px rgba(0, 0, 0, 0.13), 0 3px 0 -1px rgba(0, 0, 0, 0.08), 0 3px 13px -1px rgba(0, 0, 0, 0.21);
}

    .owl-btn-two:active {
        top: 1px;
        border-color: rgba(0, 0, 0, 0.34) rgba(0, 0, 0, 0.21) rgba(0, 0, 0, 0.21);
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.89), 0 1px rgba(0, 0, 0, 0.05) inset;
        position: relative;
    }

/*** 3D Button ***/
.owl-btn-3d {
    position: relative;
    display: inline-block;
    font-size: 22px;
    padding: 20px 60px;
    color: white;
    margin: 20px 10px 10px;
    border-radius: 6px;
    text-align: center;
    transition: top .01s linear;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}

    .owl-btn-3d.red:hover {
        background-color: #e74c3c;
    }

    .owl-btn-3d.blue:hover {
        background-color: #699DD1;
    }

    .owl-btn-3d.green:hover {
        background-color: #80C49D;
    }

    .owl-btn-3d.purple:hover {
        background-color: #D19ECB;
    }

    .owl-btn-3d.yellow:hover {
        background-color: #F0D264;
    }

    .owl-btn-3d.cyan:hover {
        background-color: #82D1E3;
    }

    .owl-btn-3d:active {
        top: 9px;
    }

    /*** 3D button colors ***/
    .owl-btn-3d.red {
        background-color: #e74c3c;
        box-shadow: 0 0 0 1px #c63702 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #C24032, 0 8px 0 1px rgba(0, 0, 0, 0.4), 0 8px 8px 1px rgba(0, 0, 0, 0.5);
    }

        .owl-btn-3d.red:active {
            box-shadow: 0 0 0 1px #c63702 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 0 0 1px rgba(0, 0, 0, 0.4);
        }

    .owl-btn-3d.blue {
        background-color: #6DA2D9;
        box-shadow: 0 0 0 1px #6698cb inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 rgba(110, 164, 219, .7), 0 8px 0 1px rgba(0, 0, 0, .4), 0 8px 8px 1px rgba(0, 0, 0, 0.5);
    }

        .owl-btn-3d.blue:active {
            box-shadow: 0 0 0 1px #6191C2 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 0 0 1px rgba(0, 0, 0, 0.4);
        }

    .owl-btn-3d.green {
        background-color: #82c8a0;
        box-shadow: 0 0 0 1px #82c8a0 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 rgba(126, 194, 155, .7), 0 8px 0 1px rgba(0, 0, 0, .4), 0 8px 8px 1px rgba(0, 0, 0, 0.5);
    }

        .owl-btn-3d.green:active {
            box-shadow: 0 0 0 1px #82c8a0 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 0 0 1px rgba(0, 0, 0, 0.4);
        }

    .owl-btn-3d.purple {
        background-color: #cb99c5;
        box-shadow: 0 0 0 1px #cb99c5 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 rgba(189, 142, 183, .7), 0 8px 0 1px rgba(0, 0, 0, .4), 0 8px 8px 1px rgba(0, 0, 0, 0.5);
    }

        .owl-btn-3d.purple:active {
            box-shadow: 0 0 0 1px #cb99c5 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 0 0 1px rgba(0, 0, 0, 0.4);
        }

    .owl-btn-3d.cyan {
        background-color: #7fccde;
        box-shadow: 0 0 0 1px #7fccde inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 rgba(102, 164, 178, .6), 0 8px 0 1px rgba(0, 0, 0, .4), 0 8px 8px 1px rgba(0, 0, 0, 0.5);
    }

        .owl-btn-3d.cyan:active {
            box-shadow: 0 0 0 1px #7fccde inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 0 0 1px rgba(0, 0, 0, 0.4);
        }

    .owl-btn-3d.yellow {
        background-color: #F0D264;
        box-shadow: 0 0 0 1px #F0D264 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 rgba(196, 172, 83, .7), 0 8px 0 1px rgba(0, 0, 0, .4), 0 8px 8px 1px rgba(0, 0, 0, 0.5);
    }

        .owl-btn-3d.yellow:active {
            box-shadow: 0 0 0 1px #F0D264 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 0 0 1px rgba(0, 0, 0, 0.4);
        }

/* Gradient buttons */
.owl-btn-gradient {
    text-decoration: none;
    color: white;
    padding: 10px 30px;
    display: inline-block;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.21);
    border-bottom: 4px solid rgba(0, 0, 0, 0.21);
    border-radius: 4px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}

    /* Gradient - ugly css is ugly */
    .owl-btn-gradient.cyan {
        background: rgba(27, 188, 194, 1);
        background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(27, 188, 194, 1)), to(rgba(24, 163, 168, 1)));
        background: -webkit-linear-gradient(rgba(27, 188, 194, 1) 0%, rgba(24, 163, 168, 1) 100%);
        background: -moz-linear-gradient(rgba(27, 188, 194, 1) 0%, rgba(24, 163, 168, 1) 100%);
        background: -o-linear-gradient(rgba(27, 188, 194, 1) 0%, rgba(24, 163, 168, 1) 100%);
        background: linear-gradient(rgba(27, 188, 194, 1) 0%, rgba(24, 163, 168, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1bbcc2', endColorstr='#18a3a8', GradientType=0);
    }

    .owl-btn-gradient.red {
        background: rgba(250, 90, 90, 1);
        background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(250, 90, 90, 1)), to(rgba(232, 81, 81, 1)));
        background: -webkit-linear-gradient(rgba(250, 90, 90, 1) 0%, rgba(232, 81, 81, 1) 100%);
        background: -moz-linear-gradient(rgba(250, 90, 90, 1) 0%, rgba(232, 81, 81, 1) 100%);
        background: -o-linear-gradient(rgba(250, 90, 90, 1) 0%, rgba(232, 81, 81, 1) 100%);
        background: linear-gradient(rgba(250, 90, 90, 1) 0%, rgba(232, 81, 81, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa5a5a', endColorstr='#e85151', GradientType=0 );
    }

    .owl-btn-gradient.orange {
        background: rgba(255, 105, 30, 1);
        background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 105, 30, 1)), to(rgba(230, 95, 28, 1)));
        background: -webkit-linear-gradient(rgba(255, 105, 30, 1) 0%, rgba(230, 95, 28, 1) 100%);
        background: -moz-linear-gradient(rgba(255, 105, 30, 1) 0%, rgba(230, 95, 28, 1) 100%);
        background: -o-linear-gradient(rgba(255, 105, 30, 1) 0%, rgba(230, 95, 28, 1) 100%);
        background: linear-gradient(rgba(255, 105, 30, 1) 0%, rgba(230, 95, 28, 1) 100%);
    }

    .owl-btn-gradient.blue {
        background: rgba(102, 152, 203, 1);
        background: -moz-linear-gradient(to top, rgba(102, 152, 203, 1) 0%, rgba(92, 138, 184, 1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(102, 152, 203, 1)), color-stop(100%, rgba(92, 138, 184, 1)));
        background: -webkit-linear-gradient(to top, rgba(102, 152, 203, 1) 0%, rgba(92, 138, 184, 1) 100%);
        background: -o-linear-gradient(to top, rgba(102, 152, 203, 1) 0%, rgba(92, 138, 184, 1) 100%);
        background: -ms-linear-gradient(to top, rgba(102, 152, 203, 1) 0%, rgba(92, 138, 184, 1) 100%);
        background: linear-gradient(to bottom, rgba(102, 152, 203, 1) 0%, rgba(92, 138, 184, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6698cb', endColorstr='#5c8ab8', GradientType=0 );
    }

    .owl-btn-gradient.purple {
        background: rgba(203, 153, 197, 1);
        background: -moz-linear-gradient(to top, rgba(203, 153, 197, 1) 0%, rgba(181, 134, 176, 1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(203, 153, 197, 1)), color-stop(100%, rgba(181, 134, 176, 1)));
        background: -webkit-linear-gradient(to top, rgba(203, 153, 197, 1) 0%, rgba(181, 134, 176, 1) 100%);
        background: -o-linear-gradient(to top, rgba(203, 153, 197, 1) 0%, rgba(181, 134, 176, 1) 100%);
        background: -ms-linear-gradient(to top, rgba(203, 153, 197, 1) 0%, rgba(181, 134, 176, 1) 100%);
        background: linear-gradient(to bottom, rgba(203, 153, 197, 1) 0%, rgba(181, 134, 176, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb99c5', endColorstr='#b586b0', GradientType=0 );
    }

    .owl-btn-gradient.yellow {
        background: rgba(240, 210, 100, 1);
        background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(240, 210, 100, 1)), to(rgba(229, 201, 96, 1)));
        background: -webkit-linear-gradient(rgba(240, 210, 100, 1) 0%, rgba(229, 201, 96, 1) 100%);
        background: -moz-linear-gradient(rgba(240, 210, 100, 1) 0%, rgba(229, 201, 96, 1) 100%);
        background: -o-linear-gradient(rgba(240, 210, 100, 1) 0%, rgba(229, 201, 96, 1) 100%);
        background: linear-gradient(rgba(240, 210, 100, 1) 0%, rgba(229, 201, 96, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0d264', endColorstr='#e5c960', GradientType=0 );
    }

    .owl-btn-gradient.green {
        background: rgba(130, 200, 160, 1);
        background: -moz-linear-gradient(to top, rgba(130, 200, 160, 1) 0%, rgba(130, 199, 158, 1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(130, 200, 160, 1)), color-stop(100%, rgba(130, 199, 158, 1)));
        background: -webkit-linear-gradient(to top, rgba(130, 200, 160, 1) 0%, rgba(130, 199, 158, 1) 100%);
        background: -o-linear-gradient(to top, rgba(130, 200, 160, 1) 0%, rgba(130, 199, 158, 1) 100%);
        background: -ms-linear-gradient(to top, rgba(130, 200, 160, 1) 0%, rgba(130, 199, 158, 1) 100%);
        background: linear-gradient(to bottom, rgba(130, 200, 160, 1) 0%, rgba(124, 185, 149, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82c8a0', endColorstr='#82c79e', GradientType=0 );
    }

    .owl-btn-gradient.red:active {
        background: #E35252;
    }

    .owl-btn-gradient.orange:active {
        background: #E8601B;
    }

    .owl-btn-gradient.cyan:active {
        background: #169499;
    }

    .owl-btn-gradient.blue:active {
        background: #608FBF;
    }

    .owl-btn-gradient.purple:active {
        background: #BD8EB7;
    }

    .owl-btn-gradient.yellow:active {
        background: #DBC05B;
    }

    .owl-btn-gradient.green:active {
        background: #72B08E;
    }


/*=========================================================================
 10. Rotate Shine
=========================================================================*/


.rotate-shine {
    position: relative;
    float: left;
    left: 0;
    top: 0;
    margin: 0 30px 0 0;
    background: #fff;
    width: 70px;
    height: 70px;
    border-radius: 100%;
    -moz-border-radius: 100%; /*Firefox*/
    -webkit-border-radius: 100%; /*Safari, Chrome*/
    border-radius: 100%;
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); /*FF 3.5+*/
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}

.col:hover .rotate-shine:after {
    content: '';
    background:transparent;
    width: 120%;
    height: 120%;
    position: absolute;
    -moz-border-radius: 100%; /*Firefox*/
    -webkit-border-radius: 100%; /*Safari, Chrome*/
    border-radius: 100%;
    margin: -7px;
    top: 0;
    left: 0;
    opacity: 0.7;
    -moz-box-shadow: 4px 6px 9px -4px rgba(96, 255, 224, 0.88); /*FF 3.5+*/
    -webkit-box-shadow: 4px 6px 9px -4px rgba(96, 255, 224, 0.88); /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 4px 6px 9px -4px rgba(96, 255, 224, 0.88);
    animation: rotate 2s infinite linear;
}

@keyframes rotate {
    0% {
        transform: rotateZ(0deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

.col:hover .rotate-shine {
    background-color: #2A3644;
}

.rotate-shine i {
    color: #2A3644;
    display: inline-block;
    font-size: 31px;
    height: 70px !important;
    line-height: 70px;
    max-width: 100%;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 70px !important;
    word-spacing: 1px;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
     transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}

.col:hover .rotate-shine i {
    color: #fff;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
}

$n:36; $m:12; $d:1.65em; $r:45em; $unit--animation-cutecircleanimation: 20.37s; @mixin size($r) {
    width: $r;
    height: $r;
    margin: -($r/2) 0 0 -($r/ 2);
}

.cutecircleanimation {
    position: absolute;
    top: 50%;
    left: 50%;
    animation: animation--cutecircleanimation $unit--animation-cutecircleanimation ease-in-out infinite forwards;
    background: transparent;
    border-radius: 50%;
    @include size($d);
    @include transition(box-shadow .45s ease-in-out);
}

@keyframes animation--cutecircleanimation {
    @for $i from 0 through $n {
        #;

{
    $i * 100% / $n;
}

{
    $sh: ();

    @for $j from 0 to $n {
        $cr: (($i + $j)%($n/$m))*2*$r/$n;
        $cr: 2*$d + min($cr, 2*$r/$m - $cr);
        $offx: $cr*cos($j*2*pi()/$n);
        $offy: $cr*sin($j*2*pi()/$n);
        $sh: $sh, $offx $offy hsla($j*360/$n, 100%, 50%, (random(10) * .1));
    }

    box-shadow: $sh;
}

}

0% {
    @include transform( rotate(0) );
}

100% {
    @include transform( rotate(940deg) );
}

}


/*=========================================================================
 11. Flat UI
========================================================================= */

.flat-text-shadow {
    overflow: hidden;
}

.flat-text-seagreen {
    text-shadow: 0px 0px #10AC8C, 1px 1px #10AC8C, 2px 2px #10AC8C, 3px 3px #10AC8C, 4px 4px #10AC8C, 5px 5px #10AC8C, 6px 6px #10AC8C, 7px 7px #10AC8C, 8px 8px #10AC8C, 9px 9px #10AC8C, 10px 10px #10AC8C, 11px 11px #10AC8C, 12px 12px #10AC8C, 13px 13px #10AC8C, 14px 14px #10AC8C, 15px 15px #10AC8C, 16px 16px #10AC8C, 17px 17px #10AC8C, 18px 18px #10AC8C, 19px 19px #10AC8C, 20px 20px #10AC8C, 21px 21px #10AC8C, 22px 22px #10AC8C, 23px 23px #10AC8C, 24px 24px #10AC8C, 25px 25px #10AC8C, 26px 26px #10AC8C, 27px 27px #10AC8C, 28px 28px #10AC8C, 29px 29px #10AC8C, 30px 30px #10AC8C, 31px 31px #10AC8C, 32px 32px #10AC8C, 33px 33px #10AC8C, 34px 34px #10AC8C, 35px 35px #10AC8C, 36px 36px #10AC8C, 37px 37px #10AC8C, 38px 38px #10AC8C, 39px 39px #10AC8C, 40px 40px #10AC8C, 41px 41px #10AC8C, 42px 42px #10AC8C, 43px 43px #10AC8C, 44px 44px #10AC8C, 45px 45px #10AC8C, 46px 46px #10AC8C, 47px 47px #10AC8C, 48px 48px #10AC8C, 49px 49px #10AC8C, 50px 50px #10AC8C, 51px 51px #10AC8C, 52px 52px #10AC8C, 53px 53px #10AC8C, 54px 54px #10AC8C, 55px 55px #10AC8C, 56px 56px #10AC8C, 57px 57px #10AC8C, 58px 58px #10AC8C, 59px 59px #10AC8C, 60px 60px #10AC8C, 61px 61px #10AC8C, 62px 62px #10AC8C, 63px 63px #10AC8C, 64px 64px #10AC8C, 65px 65px #10AC8C, 66px 66px #10AC8C, 67px 67px #10AC8C, 68px 68px #10AC8C, 69px 69px #10AC8C, 70px 70px #10AC8C, 71px 71px #10AC8C, 72px 72px #10AC8C, 73px 73px #10AC8C, 74px 74px #10AC8C, 75px 75px #10AC8C, 76px 76px #10AC8C, 77px 77px #10AC8C, 78px 78px #10AC8C, 79px 79px #10AC8C, 80px 80px #10AC8C, 81px 81px #10AC8C, 82px 82px #10AC8C, 83px 83px #10AC8C, 84px 84px #10AC8C, 85px 85px #10AC8C, 86px 86px #10AC8C, 87px 87px #10AC8C, 88px 88px #10AC8C, 89px 89px #10AC8C, 90px 90px #10AC8C, 91px 91px #10AC8C, 92px 92px #10AC8C, 93px 93px #10AC8C, 94px 94px #10AC8C, 95px 95px #10AC8C, 96px 96px #10AC8C, 97px 97px #10AC8C, 98px 98px #10AC8C, 99px 99px #10AC8C, 100px 100px #10AC8C, 101px 101px #10AC8C, 102px 102px #10AC8C, 103px 103px #10AC8C, 104px 104px #10AC8C, 105px 105px #10AC8C, 106px 106px #10AC8C, 107px 107px #10AC8C, 108px 108px #10AC8C, 109px 109px #10AC8C, 110px 110px #10AC8C, 111px 111px #10AC8C, 112px 112px #10AC8C, 113px 113px #10AC8C, 114px 114px #10AC8C, 115px 115px #10AC8C, 116px 116px #10AC8C, 117px 117px #10AC8C, 118px 118px #10AC8C, 119px 119px #10AC8C, 120px 120px #10AC8C, 121px 121px #10AC8C, 122px 122px #10AC8C, 123px 123px #10AC8C, 124px 124px #10AC8C, 125px 125px #10AC8C, 126px 126px #10AC8C, 127px 127px #10AC8C, 128px 128px #10AC8C, 129px 129px #10AC8C, 130px 130px #10AC8C, 131px 131px #10AC8C, 132px 132px #10AC8C, 133px 133px #10AC8C, 134px 134px #10AC8C, 135px 135px #10AC8C, 136px 136px #10AC8C, 137px 137px #10AC8C, 138px 138px #10AC8C, 139px 139px #10AC8C, 140px 140px #10AC8C, 141px 141px #10AC8C, 142px 142px #10AC8C, 143px 143px #10AC8C, 144px 144px #10AC8C, 145px 145px #10AC8C, 146px 146px #10AC8C, 147px 147px #10AC8C, 148px 148px #10AC8C, 149px 149px #10AC8C, 150px 150px #10AC8C, 151px 151px #10AC8C, 152px 152px #10AC8C, 153px 153px #10AC8C, 154px 154px #10AC8C, 155px 155px #10AC8C, 156px 156px #10AC8C, 157px 157px #10AC8C, 158px 158px #10AC8C, 159px 159px #10AC8C, 160px 160px #10AC8C, 161px 161px #10AC8C, 162px 162px #10AC8C, 163px 163px #10AC8C, 164px 164px #10AC8C, 165px 165px #10AC8C, 166px 166px #10AC8C, 167px 167px #10AC8C, 168px 168px #10AC8C, 169px 169px #10AC8C, 170px 170px #10AC8C, 171px 171px #10AC8C, 172px 172px #10AC8C, 173px 173px #10AC8C, 174px 174px #10AC8C, 175px 175px #10AC8C, 176px 176px #10AC8C, 177px 177px #10AC8C, 178px 178px #10AC8C, 179px 179px #10AC8C, 180px 180px #10AC8C, 181px 181px #10AC8C, 182px 182px #10AC8C, 183px 183px #10AC8C, 184px 184px #10AC8C, 185px 185px #10AC8C, 186px 186px #10AC8C, 187px 187px #10AC8C, 188px 188px #10AC8C, 189px 189px #10AC8C, 190px 190px #10AC8C, 191px 191px #10AC8C, 192px 192px #10AC8C, 193px 193px #10AC8C, 194px 194px #10AC8C, 195px 195px #10AC8C, 196px 196px #10AC8C, 197px 197px #10AC8C, 198px 198px #10AC8C, 199px 199px #10AC8C, 200px 200px #10AC8C;
}

.flat-text-gray {
    text-shadow: 0px 0px #DCDFE1, 1px 1px #DCDFE1, 2px 2px #DCDFE1, 3px 3px #DCDFE1, 4px 4px #DCDFE1, 5px 5px #DCDFE1, 6px 6px #DCDFE1, 7px 7px #DCDFE1, 8px 8px #DCDFE1, 9px 9px #DCDFE1, 10px 10px #DCDFE1, 11px 11px #DCDFE1, 12px 12px #DCDFE1, 13px 13px #DCDFE1, 14px 14px #DCDFE1, 15px 15px #DCDFE1, 16px 16px #DCDFE1, 17px 17px #DCDFE1, 18px 18px #DCDFE1, 19px 19px #DCDFE1, 20px 20px #DCDFE1, 21px 21px #DCDFE1, 22px 22px #DCDFE1, 23px 23px #DCDFE1, 24px 24px #DCDFE1, 25px 25px #DCDFE1, 26px 26px #DCDFE1, 27px 27px #DCDFE1, 28px 28px #DCDFE1, 29px 29px #DCDFE1, 30px 30px #DCDFE1, 31px 31px #DCDFE1, 32px 32px #DCDFE1, 33px 33px #DCDFE1, 34px 34px #DCDFE1, 35px 35px #DCDFE1, 36px 36px #DCDFE1, 37px 37px #DCDFE1, 38px 38px #DCDFE1, 39px 39px #DCDFE1, 40px 40px #DCDFE1, 41px 41px #DCDFE1, 42px 42px #DCDFE1, 43px 43px #DCDFE1, 44px 44px #DCDFE1, 45px 45px #DCDFE1, 46px 46px #DCDFE1, 47px 47px #DCDFE1, 48px 48px #DCDFE1, 49px 49px #DCDFE1, 50px 50px #DCDFE1, 51px 51px #DCDFE1, 52px 52px #DCDFE1, 53px 53px #DCDFE1, 54px 54px #DCDFE1, 55px 55px #DCDFE1, 56px 56px #DCDFE1, 57px 57px #DCDFE1, 58px 58px #DCDFE1, 59px 59px #DCDFE1, 60px 60px #DCDFE1, 61px 61px #DCDFE1, 62px 62px #DCDFE1, 63px 63px #DCDFE1, 64px 64px #DCDFE1, 65px 65px #DCDFE1, 66px 66px #DCDFE1, 67px 67px #DCDFE1, 68px 68px #DCDFE1, 69px 69px #DCDFE1, 70px 70px #DCDFE1, 71px 71px #DCDFE1, 72px 72px #DCDFE1, 73px 73px #DCDFE1, 74px 74px #DCDFE1, 75px 75px #DCDFE1, 76px 76px #DCDFE1, 77px 77px #DCDFE1, 78px 78px #DCDFE1, 79px 79px #DCDFE1, 80px 80px #DCDFE1, 81px 81px #DCDFE1, 82px 82px #DCDFE1, 83px 83px #DCDFE1, 84px 84px #DCDFE1, 85px 85px #DCDFE1, 86px 86px #DCDFE1, 87px 87px #DCDFE1, 88px 88px #DCDFE1, 89px 89px #DCDFE1, 90px 90px #DCDFE1, 91px 91px #DCDFE1, 92px 92px #DCDFE1, 93px 93px #DCDFE1, 94px 94px #DCDFE1, 95px 95px #DCDFE1, 96px 96px #DCDFE1, 97px 97px #DCDFE1, 98px 98px #DCDFE1, 99px 99px #DCDFE1, 100px 100px #DCDFE1, 101px 101px #DCDFE1, 102px 102px #DCDFE1, 103px 103px #DCDFE1, 104px 104px #DCDFE1, 105px 105px #DCDFE1, 106px 106px #DCDFE1, 107px 107px #DCDFE1, 108px 108px #DCDFE1, 109px 109px #DCDFE1, 110px 110px #DCDFE1, 111px 111px #DCDFE1, 112px 112px #DCDFE1, 113px 113px #DCDFE1, 114px 114px #DCDFE1, 115px 115px #DCDFE1, 116px 116px #DCDFE1, 117px 117px #DCDFE1, 118px 118px #DCDFE1, 119px 119px #DCDFE1, 120px 120px #DCDFE1, 121px 121px #DCDFE1, 122px 122px #DCDFE1, 123px 123px #DCDFE1, 124px 124px #DCDFE1, 125px 125px #DCDFE1, 126px 126px #DCDFE1, 127px 127px #DCDFE1, 128px 128px #DCDFE1, 129px 129px #DCDFE1, 130px 130px #DCDFE1, 131px 131px #DCDFE1, 132px 132px #DCDFE1, 133px 133px #DCDFE1, 134px 134px #DCDFE1, 135px 135px #DCDFE1, 136px 136px #DCDFE1, 137px 137px #DCDFE1, 138px 138px #DCDFE1, 139px 139px #DCDFE1, 140px 140px #DCDFE1, 141px 141px #DCDFE1, 142px 142px #DCDFE1, 143px 143px #DCDFE1, 144px 144px #DCDFE1, 145px 145px #DCDFE1, 146px 146px #DCDFE1, 147px 147px #DCDFE1, 148px 148px #DCDFE1, 149px 149px #DCDFE1, 150px 150px #DCDFE1, 151px 151px #DCDFE1, 152px 152px #DCDFE1, 153px 153px #DCDFE1, 154px 154px #DCDFE1, 155px 155px #DCDFE1, 156px 156px #DCDFE1, 157px 157px #DCDFE1, 158px 158px #DCDFE1, 159px 159px #DCDFE1, 160px 160px #DCDFE1, 161px 161px #DCDFE1, 162px 162px #DCDFE1, 163px 163px #DCDFE1, 164px 164px #DCDFE1, 165px 165px #DCDFE1, 166px 166px #DCDFE1, 167px 167px #DCDFE1, 168px 168px #DCDFE1, 169px 169px #DCDFE1, 170px 170px #DCDFE1, 171px 171px #DCDFE1, 172px 172px #DCDFE1, 173px 173px #DCDFE1, 174px 174px #DCDFE1, 175px 175px #DCDFE1, 176px 176px #DCDFE1, 177px 177px #DCDFE1, 178px 178px #DCDFE1, 179px 179px #DCDFE1, 180px 180px #DCDFE1, 181px 181px #DCDFE1, 182px 182px #DCDFE1, 183px 183px #DCDFE1, 184px 184px #DCDFE1, 185px 185px #DCDFE1, 186px 186px #DCDFE1, 187px 187px #DCDFE1, 188px 188px #DCDFE1, 189px 189px #DCDFE1, 190px 190px #DCDFE1, 191px 191px #DCDFE1, 192px 192px #DCDFE1, 193px 193px #DCDFE1, 194px 194px #DCDFE1, 195px 195px #DCDFE1, 196px 196px #DCDFE1, 197px 197px #DCDFE1, 198px 198px #DCDFE1, 199px 199px #DCDFE1, 200px 200px #DCDFE1;
}

.flat-text-darkblue {
    text-shadow: 0px 0px #1A2634, 1px 1px #1A2634, 2px 2px #1A2634, 3px 3px #1A2634, 4px 4px #1A2634, 5px 5px #1A2634, 6px 6px #1A2634, 7px 7px #1A2634, 8px 8px #1A2634, 9px 9px #1A2634, 10px 10px #1A2634, 11px 11px #1A2634, 12px 12px #1A2634, 13px 13px #1A2634, 14px 14px #1A2634, 15px 15px #1A2634, 16px 16px #1A2634, 17px 17px #1A2634, 18px 18px #1A2634, 19px 19px #1A2634, 20px 20px #1A2634, 21px 21px #1A2634, 22px 22px #1A2634, 23px 23px #1A2634, 24px 24px #1A2634, 25px 25px #1A2634, 26px 26px #1A2634, 27px 27px #1A2634, 28px 28px #1A2634, 29px 29px #1A2634, 30px 30px #1A2634, 31px 31px #1A2634, 32px 32px #1A2634, 33px 33px #1A2634, 34px 34px #1A2634, 35px 35px #1A2634, 36px 36px #1A2634, 37px 37px #1A2634, 38px 38px #1A2634, 39px 39px #1A2634, 40px 40px #1A2634, 41px 41px #1A2634, 42px 42px #1A2634, 43px 43px #1A2634, 44px 44px #1A2634, 45px 45px #1A2634, 46px 46px #1A2634, 47px 47px #1A2634, 48px 48px #1A2634, 49px 49px #1A2634, 50px 50px #1A2634, 51px 51px #1A2634, 52px 52px #1A2634, 53px 53px #1A2634, 54px 54px #1A2634, 55px 55px #1A2634, 56px 56px #1A2634, 57px 57px #1A2634, 58px 58px #1A2634, 59px 59px #1A2634, 60px 60px #1A2634, 61px 61px #1A2634, 62px 62px #1A2634, 63px 63px #1A2634, 64px 64px #1A2634, 65px 65px #1A2634, 66px 66px #1A2634, 67px 67px #1A2634, 68px 68px #1A2634, 69px 69px #1A2634, 70px 70px #1A2634, 71px 71px #1A2634, 72px 72px #1A2634, 73px 73px #1A2634, 74px 74px #1A2634, 75px 75px #1A2634, 76px 76px #1A2634, 77px 77px #1A2634, 78px 78px #1A2634, 79px 79px #1A2634, 80px 80px #1A2634, 81px 81px #1A2634, 82px 82px #1A2634, 83px 83px #1A2634, 84px 84px #1A2634, 85px 85px #1A2634, 86px 86px #1A2634, 87px 87px #1A2634, 88px 88px #1A2634, 89px 89px #1A2634, 90px 90px #1A2634, 91px 91px #1A2634, 92px 92px #1A2634, 93px 93px #1A2634, 94px 94px #1A2634, 95px 95px #1A2634, 96px 96px #1A2634, 97px 97px #1A2634, 98px 98px #1A2634, 99px 99px #1A2634, 100px 100px #1A2634, 101px 101px #1A2634, 102px 102px #1A2634, 103px 103px #1A2634, 104px 104px #1A2634, 105px 105px #1A2634, 106px 106px #1A2634, 107px 107px #1A2634, 108px 108px #1A2634, 109px 109px #1A2634, 110px 110px #1A2634, 111px 111px #1A2634, 112px 112px #1A2634, 113px 113px #1A2634, 114px 114px #1A2634, 115px 115px #1A2634, 116px 116px #1A2634, 117px 117px #1A2634, 118px 118px #1A2634, 119px 119px #1A2634, 120px 120px #1A2634, 121px 121px #1A2634, 122px 122px #1A2634, 123px 123px #1A2634, 124px 124px #1A2634, 125px 125px #1A2634, 126px 126px #1A2634, 127px 127px #1A2634, 128px 128px #1A2634, 129px 129px #1A2634, 130px 130px #1A2634, 131px 131px #1A2634, 132px 132px #1A2634, 133px 133px #1A2634, 134px 134px #1A2634, 135px 135px #1A2634, 136px 136px #1A2634, 137px 137px #1A2634, 138px 138px #1A2634, 139px 139px #1A2634, 140px 140px #1A2634, 141px 141px #1A2634, 142px 142px #1A2634, 143px 143px #1A2634, 144px 144px #1A2634, 145px 145px #1A2634, 146px 146px #1A2634, 147px 147px #1A2634, 148px 148px #1A2634, 149px 149px #1A2634, 150px 150px #1A2634, 151px 151px #1A2634, 152px 152px #1A2634, 153px 153px #1A2634, 154px 154px #1A2634, 155px 155px #1A2634, 156px 156px #1A2634, 157px 157px #1A2634, 158px 158px #1A2634, 159px 159px #1A2634, 160px 160px #1A2634, 161px 161px #1A2634, 162px 162px #1A2634, 163px 163px #1A2634, 164px 164px #1A2634, 165px 165px #1A2634, 166px 166px #1A2634, 167px 167px #1A2634, 168px 168px #1A2634, 169px 169px #1A2634, 170px 170px #1A2634, 171px 171px #1A2634, 172px 172px #1A2634, 173px 173px #1A2634, 174px 174px #1A2634, 175px 175px #1A2634, 176px 176px #1A2634, 177px 177px #1A2634, 178px 178px #1A2634, 179px 179px #1A2634, 180px 180px #1A2634, 181px 181px #1A2634, 182px 182px #1A2634, 183px 183px #1A2634, 184px 184px #1A2634, 185px 185px #1A2634, 186px 186px #1A2634, 187px 187px #1A2634, 188px 188px #1A2634, 189px 189px #1A2634, 190px 190px #1A2634, 191px 191px #1A2634, 192px 192px #1A2634, 193px 193px #1A2634, 194px 194px #1A2634, 195px 195px #1A2634, 196px 196px #1A2634, 197px 197px #1A2634, 198px 198px #1A2634, 199px 199px #1A2634, 200px 200px #1A2634;
}


/*=========================================================================
 12. Image Hover effects
=========================================================================*/


.BorderLight .img-style-1 {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 6px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
}

.BorderLight .owl-img-wrapper {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.0);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.0);
    -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.0);
    -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.0);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.0);
}

.BorderDark .img-style-1 {
    background: none repeat scroll 0 0 #101010;
    padding: 6px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
}

.BorderDark .owl-img-wrapper {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.0);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.0);
    -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.0);
    -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.0);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.0);
}

.OwlImgPro {
    margin: 0 0 0;
}

    .OwlImgPro li {
        margin: 40px 0 0;
    }

.owl-img-wrapper {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    display: block;
    overflow: hidden;
    position: relative;
}

/*  ======================================
Button Layout and Color Scheme
====================================== */
.owl-img-pops {
    background-color: #ffffff;
    border: medium none;
    display: inline-block !important;
    float: none !important;
    font-size: 14px;
    font-weight: normal;
    height: 40px;
    line-height: 40px;
    margin: 0 2px;
    text-align: center;
    width: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);
}

    .owl-img-pops > a {
        color: #222222;
        display: block;
        font-weight: normal;
    }

/*  ======================================
Overlay Effects
====================================== */
.owl-img-wrapper .owl-img-overlay {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.owl-img-wrapper:hover .owl-img-overlay {
    opacity: 1;
}

.owl-img-wrapper .owl-img-Overlay2 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    height: 0;
    display: block;
    height: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.owl-img-wrapper:hover .owl-img-Overlay2 {
    height: 100%;
    top: 0;
    opacity: 1;
}

/*  ======================================
Black & White Effect
====================================== */
.black-white {
    -webkit-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: .6;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

    .black-white:hover {
        -webkit-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
        -webkit-filter: grayscale(0%);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

/*  ======================================
Zoom Effects
====================================== */

.owl-img-zoom1 img {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.owl-img-zoom1:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.owl-img-zoom2 img {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.owl-img-zoom2:hover img {
    -webkit-transform: rotate(-10deg) scale(1.4);
    -moz-transform: rotate(-10deg) scale(1.4);
    -ms-transform: rotate(-10deg) scale(1.4);
    -o-transform: rotate(-10deg) scale(1.4);
    transform: rotate(-10deg) scale(1.4);
}

/*  ======================================
Pops Circle Effect
====================================== */



.owl-img-wrapper .owl-img-pops-effect5 span {
    position: absolute;
}

    .owl-img-wrapper .owl-img-pops-effect5 span:nth-of-type(1) {
        bottom: 50%;
        top: 50%;
        left: 0;
        margin: -20px 0 0 -68px;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 400ms cubic-bezier(1.000, 0, 0.570, 0) !important;
        -webkit-transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150) !important;
        -moz-transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150) !important;
        -ms-transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150) !important;
        -o-transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150) !important;
        transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150) !important;
    }

    .owl-img-wrapper .owl-img-pops-effect5 span:nth-of-type(2) {
        bottom: 50%;
        top: 50%;
        left: 50%;
        right: 50%;
        margin: -20px 0 0 -20px;
        visibility: hidden;
        opacity: 0;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .owl-img-wrapper .owl-img-pops-effect5 span:nth-of-type(3) {
        bottom: 50%;
        top: 50%;
        right: 0;
        margin: -20px -68px 0 0;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 400ms cubic-bezier(1.000, 0, 0.570, 0) !important;
        -webkit-transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150) !important;
        -moz-transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150) !important;
        -ms-transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150) !important;
        -o-transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150) !important;
        transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150) !important;
    }

.owl-img-wrapper:hover .owl-img-pops-effect5 span:nth-of-type(1) {
    left: 50%;
    visibility: visible;
    opacity: 1;
}

.owl-img-wrapper:hover .owl-img-pops-effect5 span:nth-of-type(2) {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.owl-img-wrapper:hover .owl-img-pops-effect5 span:nth-of-type(3) {
    right: 50%;
    visibility: visible;
    opacity: 1;
}

/*  ======================================
Pops Circle Effect
====================================== */
.owl-img-wrapper .owl-img-pops-effect6 {
    visibility: hidden;
    margin: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 50%;
    margin-top: -20px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.owl-img-wrapper:hover .owl-img-pops-effect6 {
    opacity: 1;
    visibility: visible;
}

.owl-img-wrapper .owl-img-pops-effect1 {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 50%;
    margin-top: -20px;
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    -ms-transform: scale(0.2);
    -o-transform: scale(0.2);
    transform: scale(0.2);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.owl-img-wrapper:hover .owl-img-pops-effect1 {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.owl-img-wrapper .owl-img-pops-effect2 span {
    position: absolute;
}

    .owl-img-wrapper .owl-img-pops-effect2 span:nth-of-type(1) {
        bottom: 50%;
        top: 50%;
        left: 50%;
        margin: -20px 0 0 -42px;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .owl-img-wrapper .owl-img-pops-effect2 span:nth-of-type(2) {
        bottom: 50%;
        top: 50%;
        right: 50%;
        margin: -20px -42px 0 0;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

.owl-img-wrapper:hover .owl-img-pops-effect2 span:nth-of-type(1) {
    opacity: 1;
    visibility: visible;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

.owl-img-wrapper:hover .owl-img-pops-effect2 span:nth-of-type(2) {
    opacity: 1;
    visibility: visible;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

.owl-img-wrapper .owl-img-pops-effect3 span {
    position: absolute;
}

    .owl-img-wrapper .owl-img-pops-effect3 span:nth-of-type(1) {
        bottom: 50%;
        top: 50%;
        left: 50%;
        margin: -20px 0 0 -82px;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .owl-img-wrapper .owl-img-pops-effect3 span:nth-of-type(2) {
        bottom: 50%;
        top: 50%;
        right: 50%;
        margin: -20px -82px 0 0;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

.owl-img-wrapper:hover .owl-img-pops-effect3 span:nth-of-type(1) {
    margin: -20px 0 0 -42px;
    visibility: visible;
    opacity: 1;
}

.owl-img-wrapper:hover .owl-img-pops-effect3 span:nth-of-type(2) {
    margin: -20px -42px 0 0;
    visibility: visible;
    opacity: 1;
}

.owl-img-wrapper .owl-img-pops-effect7 span {
    position: absolute;
}

    .owl-img-wrapper .owl-img-pops-effect7 span:nth-of-type(1) {
        bottom: 50%;
        top: 50%;
        left: 0;
        margin: -20px 0 0 -68px;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .owl-img-wrapper .owl-img-pops-effect7 span:nth-of-type(2) {
        top: 0;
        right: 50%;
        left: 50%;
        margin: -20px 0 0 -20px;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .owl-img-wrapper .owl-img-pops-effect7 span:nth-of-type(3) {
        bottom: 50%;
        top: 50%;
        right: 0;
        margin: -20px -68px 0 0;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

.owl-img-wrapper:hover .owl-img-pops-effect7 span:nth-of-type(1) {
    left: 50%;
    visibility: visible;
    opacity: 1;
}

.owl-img-wrapper:hover .owl-img-pops-effect7 span:nth-of-type(2) {
    top: 50%;
    visibility: visible;
    opacity: 1;
}

.owl-img-wrapper:hover .owl-img-pops-effect7 span:nth-of-type(3) {
    right: 50%;
    visibility: visible;
    opacity: 1;
}

.owl-img-wrapper .owl-img-pops-effect4 span {
    position: absolute;
}

    .owl-img-wrapper .owl-img-pops-effect4 span:nth-of-type(1) {
        bottom: 50%;
        top: 50%;
        left: 0;
        margin: -20px 0 0 -68px;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .owl-img-wrapper .owl-img-pops-effect4 span:nth-of-type(2) {
        bottom: 50%;
        top: 50%;
        left: 50%;
        right: 50%;
        margin: -20px 0 0 -20px;
        visibility: hidden;
        opacity: 0;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .owl-img-wrapper .owl-img-pops-effect4 span:nth-of-type(3) {
        bottom: 50%;
        top: 50%;
        right: 0;
        margin: -20px -68px 0 0;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

.owl-img-wrapper:hover .owl-img-pops-effect4 span:nth-of-type(1) {
    left: 50%;
    visibility: visible;
    opacity: 1;
}

.owl-img-wrapper:hover .owl-img-pops-effect4 span:nth-of-type(2) {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.owl-img-wrapper:hover .owl-img-pops-effect4 span:nth-of-type(3) {
    right: 50%;
    visibility: visible;
    opacity: 1;
}

.owl-img-wrapper .owl-img-pops-effect8 span {
    position: absolute;
}

    .owl-img-wrapper .owl-img-pops-effect8 span:nth-of-type(1) {
        top: 0;
        left: 50%;
        margin: -20px 0 0 -68px;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .2s;
        -moz-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .2s;
        -ms-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .2s;
        -o-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .2s;
        transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .2s;
    }

    .owl-img-wrapper .owl-img-pops-effect8 span:nth-of-type(2) {
        top: 0;
        left: 50%;
        margin: -20px 0 0 -20px;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .3s;
        -moz-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .3s;
        -ms-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .3s;
        -o-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .3s;
        transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .3s;
    }

    .owl-img-wrapper .owl-img-pops-effect8 span:nth-of-type(3) {
        top: 0;
        right: 50%;
        margin: -20px -68px 0 0;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .4s;
        -moz-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .4s;
        -ms-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .4s;
        -o-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .4s;
        transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .4s;
    }

.owl-img-wrapper:hover .owl-img-pops-effect8 span:nth-of-type(1) {
    top: 50%;
    visibility: visible;
    opacity: 1;
}

.owl-img-wrapper:hover .owl-img-pops-effect8 span:nth-of-type(2) {
    top: 50%;
    visibility: visible;
    opacity: 1;
}

.owl-img-wrapper:hover .owl-img-pops-effect8 span:nth-of-type(3) {
    top: 50%;
    visibility: visible;
    opacity: 1;
}

/*  ======================================
Plus Effect
====================================== */


.owl-img-wrapper .owl-img-pops-effect9 {
    position: absolute;
    background: none no-repeat scroll center center / 100% 100% #222222;
    width: 100%;
    height: 100%;
    z-index: 199;
    -webkit-background-origin: padding-box, padding-box;
    -moz-background-origin: padding-box, padding-box;
    -ms-background-origin: padding-box, padding-box;
    -o-background-origin: padding-box, padding-box;
    background-origin: padding-box, padding-box;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: 10px 10px, 100% 100%;
    -moz-background-size: 10px 10px, 100% 100%;
    -ms-background-size: 10px 10px, 100% 100%;
    -o-background-size: 10px 10px, 100% 100%;
    background-size: 10px 10px, 100% 100%;
    opacity: 0;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.owl-img-wrapper:hover .owl-img-pops-effect9 {
    opacity: .6;
    -webkit-background-size: 60px 60px, 100% 100%;
    -moz-background-size: 60px 60px, 100% 100%;
    -ms-background-size: 60px 60px, 100% 100%;
    -o-background-size: 60px 60px, 100% 100%;
    background-size: 60px 60px, 100% 100%;
    visibility: visible;
}

/*  ======================================
Text Effect on hover
====================================== */



.owl-textual-box1 img {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.owl-textual-box1:hover img {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}

.owl-textual-box1 .owl-textual1 {
    position: absolute;
    background: #ffffff;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    display: block;
    top: -100%;
    left: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.owl-textual-box1:hover .owl-textual1 {
    opacity: 1;
    visibility: visible;
    top: 0;
}

.owl-textual-box1 .owl-textual1 .owl-textual {
    padding: 10px;
}

.owl-textual {
    text-align: center;
}

    .owl-textual h2 {
        font: 700 16px 'Open Sans', Arial, sans-serif;
        color: #3498cc;
        margin: 0;
        padding: 0 0 6px;
        text-transform: uppercase;
    }

    .owl-textual p {
        font: normal 12px'Open Sans';
        color: #666666;
        margin-bottom: 6px;
    }

.owl-pro-link {
    display: inline-block;
    margin: 6px 0 0;
    background: none repeat scroll 0 0 #3498CC;
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -ms-border-radius: 2px 2px 2px 2px;
    -o-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);
    -ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);
    -o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);
}

    .owl-pro-link a {
        color: #FFFFFF;
        padding: 6px 16px;
        display: block;
        font: normal 12px'Open Sans';
    }

.owl-textual-box2 img {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.owl-textual-box2:hover img {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

.owl-textual-box2 .owl-textual2 {
    position: absolute;
    background: #ffffff;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    display: block;
    bottom: -100%;
    left: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.owl-textual-box2:hover .owl-textual2 {
    opacity: 1;
    visibility: visible;
    bottom: 0;
}

.owl-textual-box2 .owl-textual2 .owl-textual {
    padding: 10px;
}

.owl-textual-box3 img {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.owl-textual-box3:hover img {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}

.owl-textual-box3 .owl-textual3 {
    position: absolute;
    background: #ffffff;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    right: -100%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.owl-textual-box3:hover .owl-textual3 {
    opacity: 1;
    visibility: visible;
    right: 0;
}

.owl-textual-box3 .owl-textual3 .owl-textual {
    padding: 10px;
}

.owl-textual-box4 img {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.owl-textual-box4:hover img {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}

.owl-textual-box4 .owl-textual4 {
    position: absolute;
    background: #ffffff;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: -100%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.owl-textual-box4:hover .owl-textual4 {
    opacity: 1;
    visibility: visible;
    left: 0;
}

.owl-textual-box4 .owl-textual4 .owl-textual {
    padding: 10px;
}

.owl-textual-box5 img {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.owl-textual-box5:hover img {
    -webkit-transform: translateX(20%);
    -moz-transform: translateX(20%);
    -ms-transform: translateX(20%);
    -o-transform: translateX(20%);
    transform: translateX(20%);
}

.owl-textual-box5 .owl-textual5 {
    position: absolute;
    background: #ffffff;
    opacity: 0;
    visibility: hidden;
    width: 50%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    -webkit-transform: perspective(600px) rotateY(90deg);
    -moz-transform: perspective(600px) rotateY(90deg);
    -ms-transform: perspective(600px) rotateY(90deg);
    -o-transform: perspective(600px) rotateY(90deg);
    transform: perspective(600px) rotateY(90deg);
    -webkit-transform-origin: left center 0;
    -moz-transform-origin: left center 0;
    -ms-transform-origin: left center 0;
    -o-transform-origin: left center 0;
    transform-origin: left center 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.owl-textual-box5:hover .owl-textual5 {
    opacity: 1;
    visibility: visible;
    -webkit-transform: perspective(600px) rotateY(0deg);
    -moz-transform: perspective(600px) rotateY(0deg);
    -ms-transform: perspective(600px) rotateY(0deg);
    -o-transform: perspective(600px) rotateY(0deg);
    transform: perspective(600px) rotateY(0deg);
}

.owl-textual-box5 .owl-textual5 .owl-textual {
    padding: 10px;
}

.owl-textual-box6 img {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.img-style-1:hover .owl-textual-box6 img {
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    -o-transform: translateY(20%);
    transform: translateY(20%);
}

.owl-textual-box6 .owl-textual6 {
    position: absolute;
    background: #ffffff;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 50%;
    display: block;
    top: 0;
    left: 0;
    -webkit-transform: perspective(600px) rotateX(-90deg);
    -moz-transform: perspective(600px) rotateX(-90deg);
    -ms-transform: perspective(600px) rotateX(-90deg);
    -o-transform: perspective(600px) rotateX(-90deg);
    transform: perspective(600px) rotateX(-90deg);
    -webkit-transform-origin: center top 0;
    -moz-transform-origin: center top 0;
    -ms-transform-origin: center top 0;
    -o-transform-origin: center top 0;
    transform-origin: center top 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.img-style-1:hover .owl-textual-box6 .owl-textual6 {
    opacity: 1;
    visibility: visible;
    -webkit-transform: perspective(600px) rotateX(0deg);
    -moz-transform: perspective(600px) rotateX(0deg);
    -ms-transform: perspective(600px) rotateX(0deg);
    -o-transform: perspective(600px) rotateX(0deg);
    transform: perspective(600px) rotateX(0deg);
}

.owl-textual-box6 .owl-textual6 .owl-textual {
    padding: 10px;
}

.owl-textual-box7 img {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.owl-textual-box7:hover img {
    -webkit-transform: translateX(-20%);
    -moz-transform: translateX(-20%);
    -ms-transform: translateX(-20%);
    -o-transform: translateX(-20%);
    transform: translateX(-20%);
}

.owl-textual-box7 .owl-textual7 {
    position: absolute;
    background: #ffffff;
    opacity: 0;
    visibility: hidden;
    width: 50%;
    height: 100%;
    display: block;
    top: 0;
    right: 0;
    -webkit-transform: perspective(600px) rotateY(-90deg);
    -moz-transform: perspective(600px) rotateY(-90deg);
    -ms-transform: perspective(600px) rotateY(-90deg);
    -o-transform: perspective(600px) rotateY(-90deg);
    transform: perspective(600px) rotateY(-90deg);
    -webkit-transform-origin: right center 0;
    -moz-transform-origin: right center 0;
    -ms-transform-origin: right center 0;
    -o-transform-origin: right center 0;
    transform-origin: right center 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.owl-textual-box7:hover .owl-textual7 {
    opacity: 1;
    visibility: visible;
    -webkit-transform: perspective(600px) rotateY(0deg);
    -moz-transform: perspective(600px) rotateY(0deg);
    -ms-transform: perspective(600px) rotateY(0deg);
    -o-transform: perspective(600px) rotateY(0deg);
    transform: perspective(600px) rotateY(0deg);
}

.owl-textual-box7 .owl-textual7 .owl-textual {
    padding: 10px;
}

.owl-textual-box8 img {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.owl-textual-box8:hover img {
    -webkit-transform: translateY(-20%);
    -moz-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    -o-transform: translateY(-20%);
    transform: translateY(-20%);
}

.owl-textual-box8 .owl-textual8 {
    position: absolute;
    background: #ffffff;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 50%;
    display: block;
    bottom: 0;
    left: 0;
    -webkit-transform: perspective(600px) rotateX(90deg);
    -moz-transform: perspective(600px) rotateX(90deg);
    -ms-transform: perspective(600px) rotateX(90deg);
    -o-transform: perspective(600px) rotateX(90deg);
    transform: perspective(600px) rotateX(90deg);
    -webkit-transform-origin: center bottom 0;
    -moz-transform-origin: center bottom 0;
    -ms-transform-origin: center bottom 0;
    -o-transform-origin: center bottom 0;
    transform-origin: center bottom 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.owl-textual-box8:hover .owl-textual8 {
    opacity: 1;
    visibility: visible;
    -webkit-transform: perspective(600px) rotateY(0deg);
    -moz-transform: perspective(600px) rotateY(0deg);
    -ms-transform: perspective(600px) rotateY(0deg);
    -o-transform: perspective(600px) rotateY(0deg);
    transform: perspective(600px) rotateY(0deg);
}

.owl-textual-box8 .owl-textual8 .owl-textual {
    padding: 6px 10px;
}

.owl-textual-box9 .owl-textual9 {
    position: absolute;
    background: #ffffff;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    -webkit-transform: rotateX(0deg) scale(0.0);
    -moz-transform: rotateX(0deg) scale(0.0);
    -ms-transform: rotateX(0deg) scale(0.0);
    -o-transform: rotateX(0deg) scale(0.0);
    transform: rotateX(0deg) scale(0.0);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.owl-textual-box9:hover .owl-textual9 {
    opacity: 1;
    visibility: visible;
    -webkit-transform: rotateX(360deg) scale(.9);
    -moz-transform: rotateX(360deg) scale(.9);
    -ms-transform: rotateX(360deg) scale(.9);
    -o-transform: rotateX(360deg) scale(.9);
    transform: rotateX(360deg) scale(.9);
}

.owl-textual-box9 .owl-textual9 .owl-textual {
    padding: 10px;
}

.owl-textual-box10 {
    overflow: visible !important;
}

    .owl-textual-box10 img {
        position: relative;
        z-index: 455;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .owl-textual-box10:hover img {
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .owl-textual-box10 .owl-textual10 {
        position: absolute;
        background: #ffffff;
        opacity: 1;
        visibility: hidden;
        width: 100%;
        height: 100%;
        display: block;
        bottom: 0;
        left: 0;
        z-index: 200;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .owl-textual-box10:hover .owl-textual10 {
        visibility: visible;
    }

    .owl-textual-box10 .owl-textual10 .owl-textual {
        position: absolute;
        top: 57%;
        display: block;
        width: 100%;
    }

.owl-textual-box11 {
    overflow: visible !important;
}

    .owl-textual-box11 img {
        position: relative;
        z-index: 455;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .owl-textual-box11:hover img {
        -webkit-transform: translateY(50%);
        -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
        -o-transform: translateY(50%);
        transform: translateY(50%);
    }

    .owl-textual-box11 .owl-textual11 {
        position: absolute;
        background: #ffffff;
        opacity: 1;
        visibility: hidden;
        width: 100%;
        height: 100%;
        display: block;
        bottom: 0;
        left: 0;
        z-index: 200;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .owl-textual-box11:hover .owl-textual11 {
        visibility: visible;
    }

    .owl-textual-box11 .owl-textual11 .owl-textual {
        position: absolute;
        top: 5%;
        display: block;
        width: 100%;
    }

.owl-textual-box12 {
    overflow: visible !important;
}

    .owl-textual-box12 img {
        position: relative;
        z-index: 455;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .owl-textual-box12:hover img {
        -webkit-transform: translateX(-20%);
        -moz-transform: translateX(-20%);
        -ms-transform: translateX(-20%);
        -o-transform: translateX(-20%);
        transform: translateX(-20%);
    }

    .owl-textual-box12 .owl-textual12 {
        position: absolute;
        background: #ffffff;
        opacity: 1;
        visibility: hidden;
        width: 100%;
        height: 100%;
        display: block;
        bottom: 0;
        left: 0;
        z-index: 200;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .owl-textual-box12:hover .owl-textual12 {
        visibility: visible;
    }

    .owl-textual-box12 .owl-textual12 .owl-textual {
        display: block;
        width: 100%;
        position: relative;
    }

        .owl-textual-box12 .owl-textual12 .owl-textual ul {
            position: absolute;
            top: 0;
            right: 0;
        }

            .owl-textual-box12 .owl-textual12 .owl-textual ul li {
                margin: 14px 16px;
            }

                .owl-textual-box12 .owl-textual12 .owl-textual ul li a {
                    font-size: 21px;
                    color: #a9a9a9;
                }

.owl-textual-box13 {
    overflow: visible !important;
}

    .owl-textual-box13 img {
        position: relative;
        z-index: 455;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .owl-textual-box13:hover img {
        -webkit-transform: translateX(20%);
        -moz-transform: translateX(20%);
        -ms-transform: translateX(20%);
        -o-transform: translateX(20%);
        transform: translateX(20%);
    }

    .owl-textual-box13 .owl-textual13 {
        position: absolute;
        background: #ffffff;
        opacity: 1;
        visibility: hidden;
        width: 100%;
        height: 100%;
        display: block;
        bottom: 0;
        left: 0;
        z-index: 200;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .owl-textual-box13:hover .owl-textual13 {
        visibility: visible;
    }

    .owl-textual-box13 .owl-textual13 .owl-textual {
        display: block;
        width: 100%;
        position: relative;
    }

        .owl-textual-box13 .owl-textual13 .owl-textual ul {
            position: absolute;
            top: 0;
            left: 0;
        }

            .owl-textual-box13 .owl-textual13 .owl-textual ul li {
                margin: 14px 16px;
            }

                .owl-textual-box13 .owl-textual13 .owl-textual ul li a {
                    font-size: 21px;
                    color: #a9a9a9;
                }

.owl-textual-box14 .owl-textual14 {
    position: absolute;
    background: #ffffff;
    visibility: hidden;
    width: 100%;
    height: 100%;
    display: block;
    top: -100%;
    left: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.owl-textual-box14:hover .owl-textual14 {
    visibility: visible;
    top: 0;
}

.owl-textual-box14 .owl-textual14 .owl-textual {
    padding: 10px;
}

.owl-textual-box15 .owl-textual15 {
    position: absolute;
    background: #ffffff;
    visibility: hidden;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: -100%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.owl-textual-box15:hover .owl-textual15 {
    visibility: visible;
    left: 0;
}

.owl-textual-box15 .owl-textual15 .owl-textual {
    padding: 10px;
}

.owl-textual-box16 .owl-textual16 {
    position: absolute;
    background: #ffffff;
    visibility: hidden;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    right: -100%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.owl-textual-box16:hover .owl-textual16 {
    visibility: visible;
    right: 0;
}

.owl-textual-box16 .owl-textual16 .owl-textual {
    padding: 10px;
}

.owl-textual-box17 .owl-textual17 {
    position: absolute;
    background: #ffffff;
    visibility: hidden;
    width: 100%;
    height: 0;
    display: block;
    bottom: -100%;
    left: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.owl-textual-box17:hover .owl-textual17 {
    visibility: visible;
    height: 100%;
    bottom: 0;
}

.owl-textual-box17 .owl-textual17 .owl-textual {
    padding: 10px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    div.chrome-fix {
        width: 99.99999% !important;
    }
}




/*=========================================================================
 13. Owl Carousel Owl Demo Theme 
=========================================================================*/


body {
    margin: 0 auto;
}

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
}

/* Styling Next and Prev buttons */

.owl-next {
    right: 0;
}

    .owl-next:after {
        content: "\f054";
    }

.owl-prev {
    right: 37px;
}

    .owl-prev:after {
        content: "\f053";
    }

.owl-theme .owl-controls .owl-buttons div {
    color: #000;
    border: 1px solid rgba(0, 0, 0, 0.17);
    font-family: FontAwesome;
    display: inline-block;
    zoom: 1;
    *display: inline; /*IE7 life-saver */
    line-height: 34px;
    margin: 0 5px;
    height: 34px;
    width: 34px;
    font-size: 12px;
    position: absolute;
    top: -47px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: none repeat scroll 0 0 #FFFFFF;
}

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    background: none repeat scroll 0 0 #f7f7f7;
    text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline; /*IE7 life-saver */
}

    .owl-theme .owl-controls .owl-page span {
        display: block;
        width: 31px;
        height: 7px;
        margin: 5px 7px;
        filter: Alpha(Opacity=50); /*IE7 fix*/
        opacity: 0.5;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        background: #CCCCCC;
        -webkit-box-shadow: 0 1px 1px #939393 inset;
        -moz-box-shadow: 0 1px 1px #939393 inset;
        box-shadow: 0 1px 1px #939393 inset;
    }

    .owl-theme .owl-controls .owl-page.active span {
        width: 7px;
        filter: Alpha(Opacity=100); /*IE7 fix*/
        opacity: 1;
    }

    /* If PaginationNumbers is true */

    .owl-theme .owl-controls .owl-page span.owl-numbers {
        height: auto;
        width: auto;
        color: #FFF;
        padding: 2px 10px;
        font-size: 12px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
    }

/* preloading images */
.owl-item.loading {
    min-height: 150px;
    background: url(../assets/img/icon/AjaxLoader.gif) no-repeat center center;
}

/* 
 *  Owl Carousel CSS3 Transitions 
 */

.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x: 50%;
    -webkit-perspective-origin-y: 50%;
    -moz-perspective: 1200px;
    -moz-perspective-origin-x: 50%;
    -moz-perspective-origin-y: 50%;
    perspective: 1200px;
}

/* fade */
.owl-fade-out {
    z-index: 10;
    -webkit-animation: fadeOut .7s both ease;
    -moz-animation: fadeOut .7s both ease;
    animation: fadeOut .7s both ease;
}

.owl-fade-in {
    -webkit-animation: fadeIn .7s both ease;
    -moz-animation: fadeIn .7s both ease;
    animation: fadeIn .7s both ease;
}

/* backSlide */
.owl-backSlide-out {
    -webkit-animation: backSlideOut 1s both ease;
    -moz-animation: backSlideOut 1s both ease;
    animation: backSlideOut 1s both ease;
}

.owl-backSlide-in {
    -webkit-animation: backSlideIn 1s both ease;
    -moz-animation: backSlideIn 1s both ease;
    animation: backSlideIn 1s both ease;
}

/* goDown */
.owl-goDown-out {
    -webkit-animation: scaleToFade .7s ease both;
    -moz-animation: scaleToFade .7s ease both;
    animation: scaleToFade .7s ease both;
}

.owl-goDown-in {
    -webkit-animation: goDown .6s ease both;
    -moz-animation: goDown .6s ease both;
    animation: goDown .6s ease both;
}

/* scaleUp */
.owl-fadeUp-in {
    -webkit-animation: scaleUpFrom .5s ease both;
    -moz-animation: scaleUpFrom .5s ease both;
    animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
    -webkit-animation: scaleUpTo .5s ease both;
    -moz-animation: scaleUpTo .5s ease both;
    animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
    0% {
        opacity: 1;
    }
}

@-moz-keyframes empty {
    0% {
        opacity: 1;
    }
}

@keyframes empty {
    0% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes backSlideOut {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
    }

    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
    }

    100% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
    }
}

@-moz-keyframes backSlideOut {
    25% {
        opacity: .5;
        -moz-transform: translateZ(-500px);
    }

    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%);
    }

    100% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%);
    }
}

@keyframes backSlideOut {
    25% {
        opacity: .5;
        transform: translateZ(-500px);
    }

    75% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%);
    }

    100% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%);
    }
}

@-webkit-keyframes backSlideIn {
    0%, 25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%);
    }

    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
    }
}

@-moz-keyframes backSlideIn {
    0%, 25% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(200%);
    }

    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateZ(0) translateX(0);
    }
}

@keyframes backSlideIn {
    0%, 25% {
        opacity: .5;
        transform: translateZ(-500px) translateX(200%);
    }

    75% {
        opacity: .5;
        transform: translateZ(-500px);
    }

    100% {
        opacity: 1;
        transform: translateZ(0) translateX(0);
    }
}

@-webkit-keyframes scaleToFade {
    to {
        opacity: 0;
        -webkit-transform: scale(.8);
    }
}

@-moz-keyframes scaleToFade {
    to {
        opacity: 0;
        -moz-transform: scale(.8);
    }
}

@keyframes scaleToFade {
    to {
        opacity: 0;
        transform: scale(.8);
    }
}

@-webkit-keyframes goDown {
    from {
        -webkit-transform: translateY(-100%);
    }
}

@-moz-keyframes goDown {
    from {
        -moz-transform: translateY(-100%);
    }
}

@keyframes goDown {
    from {
        transform: translateY(-100%);
    }
}

@-webkit-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
}

@-moz-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -moz-transform: scale(1.5);
    }
}

@keyframes scaleUpFrom {
    from {
        opacity: 0;
        transform: scale(1.5);
    }
}

@-webkit-keyframes scaleUpTo {
    to {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
}

@-moz-keyframes scaleUpTo {
    to {
        opacity: 0;
        -moz-transform: scale(1.5);
    }
}

@keyframes scaleUpTo {
    to {
        opacity: 0;
        transform: scale(1.5);
    }
}

/* 
 * 	Core Owl Carousel CSS File
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

/* display none until init */
.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}

    .owl-carousel .owl-wrapper {
        display: none;
        position: relative;
        -webkit-transform: translate3d(0px, 0px, 0px);
    }

    .owl-carousel .owl-wrapper-outer {
        overflow: hidden;
        position: relative;
        width: 100%;
    }

        .owl-carousel .owl-wrapper-outer.autoHeight {
            -webkit-transition: height 500ms ease-in-out;
            -moz-transition: height 500ms ease-in-out;
            -ms-transition: height 500ms ease-in-out;
            -o-transition: height 500ms ease-in-out;
            transition: height 500ms ease-in-out;
        }

    .owl-carousel .owl-item {
        float: left;
    }

.owl-controls .owl-page, .owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
    cursor: url(../assets/img/icon/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

/* **********************************************************
 --------------- Custom Owl Carousel CSS File ---------------
 ************************************************************/

/*** Carousel 1 ***/
#carousel-projects3 .item {
    margin: 6px 0;
}

    #carousel-projects3 .item img {
        display: block;
        width: 100%;
        height: auto;
    }

/**** Carousel 3 ( Single product image slider ) ****/
#carousel-projects4 .item {
    margin: 0;
}

    #carousel-projects4 .item img {
        display: block;
        width: 100%;
        height: auto;
    }

#carousel-projects4 .owl-next {
    right: 10px;
}

    #carousel-projects4 .owl-next:after {
        content: "\f054";
    }

#carousel-projects4 .owl-prev {
    left: 10px;
}

    #carousel-projects4 .owl-prev:after {
        content: "\f053";
    }

#carousel-projects4.owl-theme .owl-controls .owl-buttons div {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    border: 1px solid rgba(0, 0, 0, 0.17);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-family: FontAwesome;
    font-size: 21px;
    height: 46px;
    line-height: 46px;
    margin: -34px 5px 0;
    position: absolute;
    top: 50%;
    width: 46px;
    zoom: 1;
}

#carousel-projects4 .owl-textual-box8 .owl-textual8 {
    height: 36%;
}

#carousel-projects4 .owl-textual h2 {
    padding: 27px 0 6px;
}

/*** Carousel projects 2 ***/
#carousel-projects2 .item {
    margin: 6px 15px;
}

    #carousel-projects2 .item img {
        display: block;
        width: 100%;
        height: auto;
    }

/*** Carousel projects 1 ***/
#carousel-projects1 .item {
    margin: 6px 7px;
}

    #carousel-projects1 .item img {
        display: block;
        width: 100%;
        height: auto;
    }

/*** Carousel Blog ***/
#carousel-blog .item {
    margin: 6px 7px 26px;
}

    #carousel-blog .item img {
        display: block;
        width: 100%;
        height: auto;
    }

/*** Carousel Team ***/
#carousel-team .item {
    margin: 6px 7px;
}

    #carousel-team .item img {
        display: block;
        width: 100%;
        height: auto;
    }

/*** Carousel Team 2 ***/
#carousel-team2 .item {
    margin: 6px 15px;
}

    #carousel-team2 .item img {
        display: block;
        width: 100%;
        height: auto;
    }

/*** Carousel Product ***/
#carousel-product .item {
    margin: 6px 7px;
}

/*** Carousel Product ***/
#carousel-product-3col .item {
    margin: 6px 7px;
}

/*** Carousel Product 2 ***/
#carousel-product2 .item {
    margin: 6px 7px;
}

/*** Carousel Clients ***/
#carousel-client .item {
    margin: 6px 15px;
}

    #carousel-client .item img {
        display: block;
        width: 100%;
        height: auto;
    }

/*=========================================================================
 Service client-box
========================================================================= */

#carousel-clients1 {
    margin: 60px 0;
}

    #carousel-clients1.owl-theme .owl-controls .owl-buttons div {
        height: 44px;
        width: 44px;
        top: 50%;
        margin-top: -23px;
        font-size: 18px;
        line-height: 44px;
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        border-radius: 40px;
    }

    #carousel-clients1 .owl-prev {
        left: -55px;
    }

    #carousel-clients1 .owl-next {
        right: -55px;
    }

    #carousel-clients1 .item img {
        display: block;
        width: 100%;
        height: auto;
    }

    #carousel-clients1 .client-box {
        background: url("../assets/img/dot.png") repeat-y scroll right center rgba(0, 0, 0, 0);
        padding: 50px 30px 35px;
        z-index: 9;
    }

        #carousel-clients1 .client-box.last {
            background-image: none;
        }

    #carousel-clients1 .border-top {
        border-top: 1px solid #EEEEEE;
        position: relative;
        width: 100%;
    }

    #carousel-clients1 .client-box > img {
        width: 100%;
    }

    #carousel-clients1 .client-box-text {
        padding: 100px 0 0;
    }

        #carousel-clients1 .client-box-text a {
            font-size: 31px;
            color: #000;
            font-family: 'Open Sans', Arial, sans-serif;
        }

            #carousel-clients1 .client-box-text a:hover {
                color: #f88907;
            }

    #carousel-clients1 .client-box1 {
        background: none repeat scroll 0 0 #FFFFFF;
        float: left;
        width: 100%;
    }

    #carousel-clients1 .client-box2 {
        background: none repeat scroll 0 0 #FFFFFF;
        float: left;
        width: 20%;
    }

@media only screen and (min-width: 768px) and (max-width: 959px) {
    #carousel-clients1 .client-box2 {
        width: 100%;
    }

    #carousel-clients1 .client-box {
        border: 1px solid #DFDFDF;
        margin-top: -1px;
        padding: 20px 30px 25px;
    }
}

@media only screen and (max-width: 767px) {
    #carousel-clients1 .client-box2 {
        width: 100%;
    }

    #carousel-clients1 .client-box {
        border: 1px solid #DFDFDF;
        margin-top: -1px;
        padding: 20px 30px 25px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    #carousel-clients1 .client-box2 {
        width: 100%;
    }
}

/*** Carousel gallery 1 ***/

#sync4 .item {
    background: none repeat scroll 0% 0% #FFFFFF;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}

#sync3 .owl-img-wrapper {
    background: none repeat scroll 0px 0px #FFFFFF;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}

#carousel-gallery1 .item {
    margin: 3px;
}

    #carousel-gallery1 .item img {
        display: block;
        width: 100%;
        height: auto;
    }

#sync2 .item {
    background: #fff;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    padding: 3px;
    margin: 5px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
}

#sync2 .synced .item {
    background: #000;
}

/*** Carousel slider Loading Bar ***/
#carousel-sliderL1 .item img {
    display: block;
    width: 100%;
    height: auto;
}

#bar {
    width: 0%;
    max-width: 100%;
    height: 4px;
    background: #7fc242;
}

#progressBar {
    width: 100%;
    background: #EDEDED;
}

/*** Carousel AutoHeight ***/
#carousel-autoHeight .owl-item div {
    padding: 5px;
}

#carousel-autoHeight .owl-item img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/*********** Carousel testimonial 1 ***********/
#testi-a .item {
    margin: 6px 7px 26px;
}

/*********** Carousel testimonial 2 ***********/
#testi-b .item {
    margin: 6px 7px 26px;
}

/*********** Carousel testimonial 3 ***********/
#testi-c .item {
    margin: 6px 7px 26px;
}

/*********** Carousel testimonial 4 ***********/
#testi-d .item {
    margin: 6px 7px 26px;
    display: inline-block;
}

/*********** Carousel testimonial 5 ***********/
#testi-e .item {
    margin: 6px 7px 26px;
}

/*********** Carousel testimonial 6 ***********/
#testi-f .item {
    margin: 6px 7px 26px;
    display: inline-block;
}

/*********** Carousel testimonial 7 ***********/
#testi-g .item {
    margin: 6px 7px 26px;
}

/*********** Carousel testimonial 8 ***********/
#testi-h .item {
    margin: 6px 7px 26px;
    display: inline-block;
}

/*********** Carousel testimonial 9 ***********/
#testi-i .item {
    margin: 6px 7px 26px;
}

/*********** Carousel testimonial al Loading bar ***********/
#bar {
    width: 0%;
    max-width: 100%;
    height: 4px;
    background: #7fc242;
}

#progressBar {
    width: 100%;
    background: #EDEDED;
}

/*********** Carousel testimonial al Loading bar ***********/
#bar-il {
    width: 0%;
    max-width: 100%;
    height: 4px;
    background: #7fc242;
}

#progressBar-il {
    width: 100%;
    background: #EDEDED;
    position: absolute;
    top: 72px;
}

/* 
 * 	Blog Owl Carousel CSS File
 */
.blog-item-wrap {
    background: none repeat scroll 0% 0% #FFFFFF;
    border: 1px solid #e7e7e7;
    padding: 10px;
}

    .blog-item-wrap .owl-img-wrapper {
        -webkit-box-shadow: 0 0 0;
        -moz-box-shadow: 0 0 0;
        box-shadow: 0 0 0;
    }

    .blog-item-wrap section {
        padding: 20px;
    }

.post-content > h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 12px 0px;
}

.post-content .post-btn-wrapper {
    margin-bottom: -41px;
    margin-top: 30px;
    text-align: center;
    width: 100%;
}

.post-content a.post-btn {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #333;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    margin: 0 auto;
    padding: 10px 30px;
    text-align: center;
}

    .post-content a.post-btn:hover {
        background: none repeat scroll 0 0 #7687bc;
        border: 1px solid #327BBA;
        color: #fff;
    }

/* 
 * 	Team Owl Carousel CSS File
 */


.team-content > span {
    color: #333333;
    display: inline-block;
    font-size: 15px;
    font-weight: 100;
    margin-bottom: 11px;
}

.team-content > h3 {
    margin-top: 0;
    margin-bottom: 6px;
}

.team-content {
    padding: 20px 3px;
}

.team-wrap .owl-textual-box6 .owl-textual6 {
    background: #3498db;
    height: 40%;
}

.owl-textual6 h3 {
    color: #ffffff;
    margin-bottom: 6px;
    margin-top: 6px;
}

.img-style-1.team-wrap {
}

.team-wrap .owl-img-wrapper {
    -webkit-box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
}

.clients-wrap .owl-textual-box6 .owl-textual6 {
    background: #fff;
    height: 40%;
}

#carousel-team .item .clients-wrap .owl-textual6 img {
    margin: 0 auto;
    padding: 10px 0 0;
    width: 180px;
}

/* 
 * 	Team 2 Owl Carousel CSS File
 */

.team-style-2 {
    text-align: center;
}

.team-content2 > h3 {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-top: 0;
}

.team-content2 {
    padding: 0 0 20px 0;
    position: relative;
    text-align: center;
}

    .team-content2 > span {
        background: none repeat scroll 0 0 #333333;
        color: #FFFFFF;
        display: inline-block;
        font-size: 15px;
        font-weight: 100;
        margin: 0;
        padding: 3px 14px;
        position: relative;
        top: -17px;
    }

.team-style-2 .team-content2 .team-social-top a {
    background: none repeat scroll 0 0 #f9f9f9;
    color: #777777;
}

    .team-style-2 .team-content2 .team-social-top a:hover {
        color: #fff;
    }

/************Top social icon***********/


.team-social-top {
    margin: 16px auto 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
}

    .team-social-top li {
        display: inline-block;
    }

    .team-social-top a {
        background-color: rgba(0, 0, 0, 0.06);
        width: 36px;
        height: 36px;
        display: inline-block;
        font-family: "FontAwesome";
        font-size: 18px;
        font-style: normal;
        font-weight: normal;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        text-decoration: none;
        color: #fff;
        -webkit-transition: background-color .2s linear, color .2s linear;
        -moz-transition: background-color .2s linear, color .2s linear;
        -o-transition: background-color .2s linear, color .2s linear;
        transition: background-color .2s linear, color .2s linear;
    }

        .team-social-top a:hover {
            color: #fff;
        }

        .team-social-top a:before {
            width: inherit;
            height: inherit;
            display: table-cell;
            text-align: center;
            vertical-align: middle;
        }

        .team-social-top a.fa-twitter {
        }

            .team-social-top a.fa-twitter:before {
                content: "\f099";
            }

            .team-social-top a.fa-twitter:hover {
                background-color: #00acee;
            }

        .team-social-top a.fa-facebook {
        }

            .team-social-top a.fa-facebook:before {
                content: "\f09a";
            }

            .team-social-top a.fa-facebook:hover {
                background-color: #3b5998;
            }

        .team-social-top a.fa-instagram {
        }

            .team-social-top a.fa-instagram:before {
                content: "\f16d";
            }

            .team-social-top a.fa-instagram:hover {
                background-color: #3f729b;
            }

        .team-social-top a.fa-foursquare {
        }

            .team-social-top a.fa-foursquare:before {
                content: "\f180";
            }

            .team-social-top a.fa-foursquare:hover {
                background-color: #25a0ca;
            }

        .team-social-top a.fa-money {
        }

            .team-social-top a.fa-money:before {
                content: "\f0d6";
            }

            .team-social-top a.fa-money:hover {
                background-color: #ff7700;
            }

        .team-social-top a.fa-youtube {
        }

            .team-social-top a.fa-youtube:before {
                content: "\f167";
            }

            .team-social-top a.fa-youtube:hover {
                background-color: #c4302b;
            }

        .team-social-top a.fa-vimeo {
        }

            .team-social-top a.fa-vimeo:before {
                content: "\f194";
            }

            .team-social-top a.fa-vimeo:hover {
                background-color: #43baff;
            }

        .team-social-top a.fa-dribbble {
        }

            .team-social-top a.fa-dribbble:before {
                content: "\f17d";
            }

            .team-social-top a.fa-dribbble:hover {
                background-color: #ea4c89;
            }

        .team-social-top a.fa-rss {
        }

            .team-social-top a.fa-rss:before {
                content: "\f09e";
            }

            .team-social-top a.fa-rss:hover {
                background-color: #ee802f;
            }

        .team-social-top a.fa-github {
        }

            .team-social-top a.fa-github:before {
                content: "\f113";
            }

            .team-social-top a.fa-github:hover {
                background-color: #171515;
            }

        .team-social-top a.fa-tumblr {
        }

            .team-social-top a.fa-tumblr:before {
                content: "\f173";
            }

            .team-social-top a.fa-tumblr:hover {
                background-color: #34526f;
            }

        .team-social-top a.fa-linkedin {
        }

            .team-social-top a.fa-linkedin:before {
                content: "\f08e";
            }

            .team-social-top a.fa-linkedin:hover {
                background-color: #007fb1;
            }

        .team-social-top a.fa-gplus {
        }

            .team-social-top a.fa-gplus:before {
                content: "\f0d5";
            }

            .team-social-top a.fa-gplus:hover {
                background-color: #dd4b39;
            }

        .team-social-top a.fa-github {
        }

            .team-social-top a.fa-github:before {
                content: "\f08c";
            }

            .team-social-top a.fa-github:hover {
                background-color: #f47920;
            }

/* 
 * 	Product Display
 */

.expand-content {
    background: none repeat scroll 0 0 #FCFCFC;
    border: 1px solid #E7E7E7;
    display: block;
    margin-top: -1px;
    padding: 10px;
    position: relative;
    z-index: 1;
    text-align: center;
}

.expand-pro-footer {
    bottom: 0;
    height: 66px;
    padding: 13px 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.expand-pro {
    display: inline-block;
    margin: 0 auto;
    expand-pro-wrapst-style: none;
    text-a .expand-pro-wrapgn: center;
}

    .expand-pro .expand-pro-wrap {
        display: in.expand-pro-wrapne-block;
        width: 100%;
        margin: 0;
        text-a .expand-pro-wrapgn: left;
        position: relative;
    }

    .expand-pro figure {
        margin: 0;
        position: relative;
    }

        .expand-pro figure img {
            max-width: 100%;
            display: block;
            position: relative;
        }

    .expand-pro figcaption {
        background: none repeat scroll 0 0 #FAFAFA;
        color: #ED4E6E;
        position: relative;
    }

    .expand-pro figure img {
        z-index: 10;
    }

    .expand-pro figcaption {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #E7E7E7;
        height: 66px;
        margin-top: -1px;
        opacity: 0;
        -webkit-transition: opacity 0.3s ease 0s;
        -moz-transition: opacity 0.3s ease 0s;
        transition: opacity 0.3s ease 0s;
        width: 100%;
    }

    .expand-pro:hover figcaption {
        opacity: 1;
    }

.sale-tag {
    background: url("../assets/img/icons/sale.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    font-family: open sans;
    font-size: 12px;
    font-weight: 600;
    height: 39px;
    padding-top: 8px;
    position: absolute;
    left: 18px;
    text-align: center;
    text-transform: uppercase;
    top: 18px;
    width: 44px;
    z-index: 7;
}

.new-tag {
    background: url("../assets/img/icons/new.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    font-family: open sans;
    font-size: 12px;
    font-weight: 600;
    height: 39px;
    padding-top: 8px;
    position: absolute;
    left: 18px;
    text-align: center;
    text-transform: uppercase;
    top: 18px;
    width: 44px;
    z-index: 7;
}

.discount-tag {
    background: url("../assets/img/icons/discount.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    font-family: open sans;
    font-size: 12px;
    font-weight: 600;
    height: 39px;
    padding-top: 8px;
    position: absolute;
    left: 18px;
    text-align: center;
    text-transform: uppercase;
    top: 18px;
    width: 44px;
    z-index: 7;
}

.price {
    background: none repeat scroll 0 0 #FFF;
    border-radius: 50%;
    bottom: 20px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    font-family: open sans;
    font-size: 23px;
    height: 80px;
    padding: 8px 0;
    position: absolute;
    right: 20px;
    text-align: center;
    width: 80px;
    z-index: 999;
}

.amount {
    display: block;
    padding: 0px;
}

del .amount {
    font-size: 14px;
    margin-bottom: -16px;
    padding: 0;
}

.expand-content > h3 {
    font-size: 18px;
    line-height: normal;
    margin: 10px 0;
}

    .expand-content > h3 > a {
        color: #000000;
    }

.price2 > del {
    margin-right: 16px;
    float: left;
}

.price2 {
    font-size: 26px;
    font-weight: 600;
    margin: 10px 0;
    position: relative;
}

    .price2 del .amount {
        color: #979797;
        font-size: 16px;
        margin: 0;
        padding: 0;
    }

    .price2 .amount {
        color: #FD5C48;
        display: inline;
    }

a.expand-btn {
    text-a .expand-pro-wrapgn: center;
    font-size: 14px;
    font-weight: 700;
    margin: 0 3px;
    padding: 11px;
    position: relative;
    top: 9px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: in.expand-pro-wrapne-block;
    background: #FD5C48;
    color: #fff;
    opacity: 0;
    -webkit-transition: opacity 0s;
    -moz-transition: opacity 0s;
    transition: opacity 0s;
}

    a.expand-btn:hover {
        background: #333 !important;
        color: #fff !important;
    }

.expand-pro:hover figcaption a.expand-btn {
    -webkit-transition: opacity 0.3s 0.2s;
    -moz-transition: opacity 0.3s 0.2s;
    transition: opacity 0.3s 0.2s;
    opacity: 1;
}

    .expand-pro:hover figcaption a.expand-btn.delay1 {
        background: #14d1a7;
        -webkit-transition: opacity 0.6s 0.4s;
        -moz-transition: opacity 0.6s 0.4s;
        transition: opacity 0.6s 0.4s;
        opacity: 1;
    }

    .expand-pro:hover figcaption a.expand-btn.delay2 {
        background: #3498CC;
        -webkit-transition: opacity 0.9s 0.6s;
        -moz-transition: opacity 0.9s 0.6s;
        transition: opacity 0.9s 0.6s;
        opacity: 1;
    }

@media screen and (max-width: 31.5em) {
    .expand-pro .expand-pro-wrap {
        width: 100%;
    }
}

.open-img2 {
    width: 100%;
}

.right img {
    margin-left: -100%;
}

.clear {
    clear: both;
}

.open-two-img {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E7E7E7;
    color: #FFFFFF;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 6;
}

.open-img1 img {
    width: 200%;
}

.open-two-holder {
    position: absolute;
}

.open-img1 {
    position: relative;
    overflow: hidden;
    width: 50%;
    float: left;
}

.right2 img {
    margin-left: -100%;
}

/* 
 * 	Product Display 2
 */

/**/
/* pic-cochs */
/**/
.pic-coch {
    display: block;
    font-size: 0;
    text-align: center;
}

    .pic-coch img {
        height: 256px;
        position: relative;
        vertical-align: middle;
    }

/**/
/* ProColCh */
/**/
.ProColCh-item {
    z-index: 2;
}

.ProColCh, .ProColCh .ProColCh-item {
    transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    -ms-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
}

.ProColCh {
    transition-property: height, width;
    -o-transition-property: height, width;
    -ms-transition-property: height, width;
    -moz-transition-property: height, width;
    -webkit-transition-property: height, width;
}

    .ProColCh .ProColCh-item {
        transition-property: transform, opacity;
        -o-transition-property: -o-transform, opacity;
        -ms-transition-property: -ms-transform, opacity;
        -moz-transition-property: -moz-transform, opacity;
        -webkit-transition-property: -webkit-transform, opacity;
    }

/**/
/* products grid */
/**/
.ProductsColorChanger {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E7E7E7;
    display: inline-block;
    margin: 0 auto -8px;
    position: relative;
    text-align: center;
    overflow: hidden;
    width: 100%;
}

    .ProductsColorChanger > li {
        position: relative;
        display: block;
        width: 100%;
    }

    .ProductsColorChanger .pic-coch {
        position: relative;
        display: block;
        width: 100%;
        height: 256px;
        font-size: 0;
        text-align: center;
    }

        .ProductsColorChanger .pic-coch span {
            position: absolute;
            z-index: 0;
            top: 0;
            left: 0;
            width: 100%;
            font-size: 0;
            opacity: 0;
            -o-transform: scale(0, 0);
            -ms-transform: scale(0, 0);
            -moz-transform: scale(0, 0);
            -webkit-transform: scale(0, 0);
            -o-transition: opacity 0.6s, -o-transform 0.6s;
            -ms-transition: opacity 0.6s, -ms-transform 0.6s;
            -moz-transition: opacity 0.6s, -moz-transform 0.6s;
            -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
        }

        .ProductsColorChanger .pic-coch img {
            vertical-align: middle;
        }

        .ProductsColorChanger .pic-coch .active {
            z-index: 1;
            opacity: 1;
            -o-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
            -moz-transform: scale(1, 1);
            -webkit-transform: scale(1, 1);
        }

        .ProductsColorChanger .pic-coch:hover .active {
            -o-transform: scale(1.1, 1.1);
            -ms-transform: scale(1.1, 1.1);
            -moz-transform: scale(1.1, 1.1);
            -webkit-transform: scale(1.1, 1.1);
        }

    .ProductsColorChanger .ProColCh-color {
        font-size: 0;
        padding-top: 12px;
        position: relative;
        z-index: 9;
        background: #f5f5f5;
        border-top: 1px solid #e7e7e7;
        border-bottom: 1px solid #E7E7E7;
    }

        .ProductsColorChanger .ProColCh-color span {
            position: relative;
            display: inline-block;
            width: 16px;
            height: 16px;
            margin: 0 3px;
            cursor: pointer;
        }

        .ProductsColorChanger .ProColCh-color .active {
            cursor: default;
        }

            .ProductsColorChanger .ProColCh-color .active:after {
                border: 1px solid #A6A6A6;
                content: " ";
                display: block;
                height: 22px;
                left: -3px;
                position: absolute;
                top: -3px;
                width: 22px;
            }

        .ProductsColorChanger .ProColCh-color .shop-cl1 {
            background: none repeat scroll 0 0 #1e1c27;
        }

        .ProductsColorChanger .ProColCh-color .shop-cl2 {
            background: none repeat scroll 0 0 #d7cec7;
        }

        .ProductsColorChanger .ProColCh-color .shop-cl3 {
            background: none repeat scroll 0 0 #dd9424;
        }

        .ProductsColorChanger .ProColCh-color .shop-cl4 {
            background: none repeat scroll 0 0 #30374a;
        }

        .ProductsColorChanger .ProColCh-color .shop-cl5 {
            background: none repeat scroll 0 0 #e19c31;
        }

        .ProductsColorChanger .ProColCh-color .shop-cl6 {
            background: none repeat scroll 0 0 #17141b;
        }

/************ Testimonial ***********/


/**/
/* Testimonial 1 */
/**/

.testi-a-wrap {
    background: #fff;
    border: 1px solid #E7E7E7;
    position: relative;
    margin-bottom: 60px;
    padding: 20px 20px 70px;
    text-align: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

    .testi-a-wrap:before {
        color: #F7F7F7;
        content: "\f10d";
        font-family: FontAwesome;
        font-size: 82px;
        left: 30px;
        position: absolute;
        top: 40px;
    }

    .testi-a-wrap > h3 {
        font-size: 21px;
        text-transform: capitalize;
        margin: 10px 0;
        padding: 0;
    }

    .testi-a-wrap > span {
        font-size: 17px;
        display: block;
    }

    .testi-a-wrap p {
        color: #333333;
        font-family: open sans;
        font-size: 16px;
        line-height: 26px;
        position: relative;
    }

.testi-a-img {
    border: 10px solid #FFFFFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    bottom: -60px;
    -webkit-box-shadow: 0 0 1px 1px #C7C7C7;
    -moz-box-shadow: 0 0 1px 1px #C7C7C7;
    box-shadow: 0 0 1px 1px #C7C7C7;
    height: 120px;
    left: 50%;
    margin-left: -60px;
    position: absolute;
    width: 120px;
}

/**/
/* Testimonial 2 */
/**/


.testi-b-wrap {
    background: #fff;
    border: 1px solid #E7E7E7;
    position: relative;
    margin-bottom: 20px;
    padding: 20px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

    .testi-b-wrap:before {
        color: #F7F7F7;
        content: "\f10d";
        font-family: FontAwesome;
        font-size: 82px;
        left: 30px;
        position: absolute;
        top: 40px;
    }

    .testi-b-wrap:after {
        border-color: #E7E7E7 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
        border-image: none;
        border-style: solid;
        border-width: 12px;
        bottom: -24px;
        content: "";
        left: 51px;
        position: absolute;
    }

    .testi-b-wrap p {
        color: #333333;
        font-family: open sans;
        font-size: 16px;
        line-height: 26px;
        position: relative;
    }

.testi-b-details > h3 {
    font-size: 21px;
    text-transform: capitalize;
    margin: 0;
    padding: 16px 0 5px;
}

.testi-b-details > span {
    font-size: 17px;
    display: block;
}

.testi-b-img {
    border: 7px solid #FFFFFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 1px 1px #C7C7C7;
    -moz-box-shadow: 0 0 1px 1px #C7C7C7;
    box-shadow: 0 0 1px 1px #C7C7C7;
    float: left;
    height: 90px;
    margin: 3px 20px;
    position: relative;
    width: 90px;
}

/**/
/* Testimonial 3 */
/**/


.testi-c-wrap {
    background: #fff;
    border: 1px solid #E7E7E7;
    position: relative;
    margin-top: 40px;
    padding: 20px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

    .testi-c-wrap:before {
        color: #F7F7F7;
        content: "\f10d";
        font-family: FontAwesome;
        font-size: 82px;
        left: 30px;
        position: absolute;
        top: 40px;
    }

    .testi-c-wrap:after {
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #E7E7E7;
        border-image: none;
        border-style: solid;
        border-width: 12px;
        top: -24px;
        content: "";
        left: 51px;
        position: absolute;
    }

    .testi-c-wrap p {
        color: #333333;
        font-family: open sans;
        font-size: 16px;
        line-height: 26px;
        position: relative;
    }

.testi-c-details > h3 {
    font-size: 21px;
    text-transform: capitalize;
    margin: 0;
    padding: 16px 0 5px;
}

.testi-c-details > span {
    font-size: 17px;
    display: block;
}

.testi-c-img {
    border: 7px solid #FFFFFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 1px 1px #C7C7C7;
    -moz-box-shadow: 0 0 1px 1px #C7C7C7;
    box-shadow: 0 0 1px 1px #C7C7C7;
    float: left;
    height: 90px;
    margin: 0 20px;
    position: relative;
    width: 90px;
}

/**/
/* Testimonial 4 */
/**/


.testi-d-wrap {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E7E7E7;
    border-radius: 6px;
    float: left;
    padding: 20px;
    position: relative;
    width: 75%;
}

    .testi-d-wrap:before {
        color: #F7F7F7;
        content: "\f10d";
        font-family: FontAwesome;
        font-size: 82px;
        left: 30px;
        position: absolute;
        top: 40px;
    }

    .testi-d-wrap:after {
        border-color: rgba(0, 0, 0, 0) #E7E7E7 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
        border-image: none;
        border-style: solid;
        border-width: 12px;
        content: "";
        left: -24px;
        position: absolute;
        top: 46px;
    }

.testi-d-details {
    float: left;
    width: 25%;
    text-align: center;
}

.testi-d-wrap p {
    color: #333333;
    font-family: open sans;
    font-size: 16px;
    line-height: 26px;
    position: relative;
}

.testi-d-details > h3 {
    font-size: 21px;
    margin: 0;
    padding: 6px 0;
    text-transform: capitalize;
}

.testi-d-details > span {
    display: block;
    font-size: 17px;
}

.testi-d-img {
    border: 7px solid #FFFFFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 1px 1px #C7C7C7;
    -moz-box-shadow: 0 0 1px 1px #C7C7C7;
    box-shadow: 0 0 1px 1px #C7C7C7;
    height: 90px;
    margin: 6px 0;
    position: relative;
    width: 90px;
}

@media (max-width: 480px) {
    .testi-d-details {
        width: 100%;
    }

    .testi-d-wrap:after {
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #E7E7E7;
        border-image: none;
        border-style: solid;
        border-width: 12px;
        content: "";
        left: 50%;
        margin-left: -12px;
        position: absolute;
        top: -24px;
    }

    .testi-d-wrap {
        width: 100%;
    }

    .testi-d-details > span {
        margin-bottom: 16px;
    }
}

/**/
/* Testimonial 5 */
/**/


.testi-e-wrap {
    border-radius: 6px;
    margin: 0;
    padding: 20px 20px 0;
    position: relative;
    text-align: center;
}

.testi-e-inner {
    background: none repeat scroll 0 0 #243649;
    margin-bottom: 10px;
    padding: 18px;
}

.testi-e-wrap p {
    color: #333333;
    font-family: open sans;
    font-size: 16px;
    line-height: 26px;
    position: relative;
}

.testi-e-inner i {
    color: #FFFFFF;
    font-size: 17px;
    padding-right: 7px;
}

.testi-e-inner > p {
    color: #FFFFFF;
    text-align: left;
}

.testi-e-inner span {
    color: #84A6D5;
    text-transform: lowercase;
}

.testi-e-details {
    text-align: center;
}

.testi-e-wrap > i {
    color: #7687bc;
    font-family: FontAwesome;
    font-size: 24px;
}

.testi-e-wrap > h3 {
    font-size: 21px;
    margin: 15px 0 3px;
    text-transform: capitalize;
}

.testi-e-wrap > span {
    display: block;
    font-size: 17px;
    margin-bottom: 10px;
}

.testi-e-img {
    border: 7px solid #FFFFFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 1px 1px #C7C7C7;
    -moz-box-shadow: 0 0 1px 1px #C7C7C7;
    box-shadow: 0 0 1px 1px #C7C7C7;
    height: 140px;
    margin: 0 0 3px;
    position: relative;
    width: 140px;
}

/**/
/* Testimonial 6 */
/**/


.testi-f-wrap {
    float: left;
    padding: 0;
    position: relative;
    width: 70%;
}

    .testi-f-wrap:before {
        color: #F7F7F7;
        content: "\f10d";
        font-family: FontAwesome;
        font-size: 82px;
        left: 10px;
        position: absolute;
        top: 20px;
    }

.testi-f-details {
    float: left;
    width: 30%;
}

.testi-f-wrap p {
    color: #333333;
    font-family: open sans;
    font-size: 16px;
    line-height: 26px;
    position: relative;
}

.testi-f-wrap > h3 {
    font-size: 21px;
    margin: 0;
    padding: 6px 0;
    text-transform: capitalize;
}

.testi-f-wrap > span {
    display: block;
    font-size: 17px;
}

.testi-f-img {
    border: 7px solid #FFFFFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 1px 1px #C7C7C7;
    -moz-box-shadow: 0 0 1px 1px #C7C7C7;
    box-shadow: 0 0 1px 1px #C7C7C7;
    height: 130px;
    margin: 6px 0;
    position: relative;
    width: 130px;
}

@media (max-width: 480px) {
    .testi-f-details {
        width: 100%;
    }

    .testi-f-wrap {
        padding: 0;
        width: 100%;
    }

    .testi-f-details > span {
        margin-bottom: 6px;
    }
}

/**/
/* Testimonial 7 */
/**/


.testi-g-wrap {
    margin-bottom: 20px;
    padding: 0;
    position: relative;
}

    .testi-g-wrap:before {
        color: #F7F7F7;
        content: "\f10d";
        font-family: FontAwesome;
        font-size: 82px;
        left: 0;
        position: absolute;
        top: 20px;
    }

    .testi-g-wrap p {
        color: #333333;
        font-family: open sans;
        font-size: 16px;
        line-height: 26px;
        position: relative;
    }

.testi-g-details > h3 {
    font-size: 21px;
    margin: 0;
    padding: 6px 0 0;
    text-transform: capitalize;
}

.testi-g-details > span {
    display: block;
    font-size: 17px;
    margin-bottom: 3px;
}

.testi-g-img {
    border: 7px solid #FFFFFF;
    border-radius: 50%;
    box-shadow: 0 0 1px 1px #C7C7C7;
    float: left;
    height: 90px;
    margin: 3px 20px 3px 3px;
    position: relative;
    width: 90px;
}

/**/
/* Testimonial 8 */
/**/


.testi-h-wrap {
    float: left;
    padding: 0 0 0 20px;
    position: relative;
    width: 60%;
}

    .testi-h-wrap:before {
        color: #F7F7F7;
        content: "\f10d";
        font-family: FontAwesome;
        font-size: 82px;
        left: 10px;
        position: absolute;
        top: 20px;
    }

.testi-h-details {
    float: left;
    width: 20%;
}

.testi-h-wrap p {
    color: #333333;
    font-family: open sans;
    font-size: 16px;
    line-height: 26px;
    position: relative;
}

.testi-h-details > h3 {
    font-size: 21px;
    margin: 0;
    padding: 6px 0;
    text-transform: capitalize;
}

.testi-h-details > span {
    display: block;
    font-size: 17px;
}

.testi-h-img {
    border: 7px solid #FFFFFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 1px 1px #C7C7C7;
    -moz-box-shadow: 0 0 1px 1px #C7C7C7;
    box-shadow: 0 0 1px 1px #C7C7C7;
    height: 90px;
    margin: 6px 3px;
    position: relative;
    width: 90px;
}

@media (max-width: 480px) {
    .testi-h-details {
        width: 100%;
    }

    .testi-h-wrap {
        padding: 0;
        width: 100%;
    }

    .testi-h-details > span {
        margin-bottom: 6px;
    }
}

/**/
/* Testimonial 9 */
/**/


.testi-i-wrap {
    border-radius: 6px;
    margin: 0;
    padding: 20px 20px 0;
    position: relative;
    text-align: center;
}

    .testi-i-wrap p {
        color: #333333;
        font-family: open sans;
        font-size: 16px;
        line-height: 26px;
        position: relative;
    }

.testi-i-details {
    text-align: center;
}

.testi-i-wrap > i {
    color: #7687bc;
    font-family: FontAwesome;
    font-size: 24px;
}

.testi-i-wrap > h3 {
    font-size: 21px;
    margin: 15px 0 3px;
    text-transform: capitalize;
}

.testi-i-wrap > span {
    display: block;
    font-size: 17px;
    margin-bottom: 10px;
}

.testi-i-img {
    border: 7px solid #FFFFFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 1px 1px #C7C7C7;
    -moz-box-shadow: 0 0 1px 1px #C7C7C7;
    box-shadow: 0 0 1px 1px #C7C7C7;
    height: 140px;
    margin: 1px 0 3px;
    position: relative;
    width: 140px;
}





/*=========================================================================
 14. SLslider
=========================================================================*/


html, body {
    width: 100% !important;
    height: 100% !important;
}

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
}

    .carousel-inner > .item {
        display: none;
        position: relative;
        -webkit-transition: 0.6s ease-in-out left;
        -o-transition: 0.6s ease-in-out left;
        transition: 0.6s ease-in-out left;
    }

    .carousel-inner > .active, .carousel-inner > .next {
        display: block;
    }

    .carousel-inner > .active {
        left: 0;
    }

    .carousel-inner > .next {
        position: absolute;
        top: 0;
        width: 100%;
    }

    .carousel-inner > .next {
        left: 100%;
    }

        .carousel-inner > .next.left {
            left: 0;
        }

    .carousel-inner > .active.left {
        left: -100%;
    }

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center;
}

    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        border: 1px solid #ffffff;
        border-radius: 10px;
        cursor: pointer;
        background-color: #000 \9;
        background-color: rgba(0, 0, 0, 0);
    }

    .carousel-indicators .active {
        margin: 0;
        width: 12px;
        height: 12px;
        background-color: #ffffff;
    }

.top_slaider {
    background: #000;
    top: -90px !important;
    margin-bottom: -90px !important;
}

.heig .top_slaider {
    top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

.SLcaption {
    outline: none;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

    .SLcaption:after {
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        transition: all 0.4s;
    }

    .SLcaption:focus {
        outline: none;
    }

    .SLcaption:active {
        outline: none;
    }

.vollkorn {
    font-family: 'Open Sans Condensed', Arial, sans-serif !important;
}

.container {
    padding: 0 15px 0 15px;
    margin: auto;
}

.t-center {
    text-align: center !important;
}

.bold {
    font-weight: 900 !important;
}

.uppercase {
    text-transform: uppercase;
}

.SLcaption {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    position: relative;
    border-radius: 4pt;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .SLcaption:focus, .SLcaption:active:focus, .SLcaption.active:focus {
        outline: none;
        outline-offset: 0px;
    }

    .SLcaption:active, .SLcaption.active {
        outline: 0;
        background-image: none;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }

.SLcaption-large {
    font-size: 24px;
    padding: 25px 57px;
}

.SLcaption-white {
    background: #fff;
    color: #212429;
}

    .SLcaption-white:hover {
        background: #333;
        border-color: #333;
        color: #fff;
    }

    .SLcaption-white.SLcaption-nobg {
        color: #fff;
    }

        .SLcaption-white.SLcaption-nobg:hover {
            background: none repeat scroll 0 0 rgba(212, 89, 73, 1);
            border-color: #fff;
            color: #212429;
        }

.SLcaption-nobg {
    background: none;
}

.SLcaption-noradius, .SLcaption-noradius:after {
    border-radius: 0px;
}

.h3_two_slaid2 {
    margin: 0px;
}

.brown-wrap {
    color: #fff;
}

    .brown-wrap .main-logo, .misson_block .main-logo {
        display: inline-block;
        margin-bottom: 45px;
    }

    .brown-wrap h3, .misson_block h3 {
        color: #fff;
        padding-top: 0;
        margin: 0;
    }

    .brown-wrap .slider2 h3.h3_slaid2, .misson_block .hello_header, .h3_slaid2 {
        margin-left: 2px;
        letter-spacing: 5px;
    }

.slidebottom {
    padding: 30px 0 21px;
}

    .slidebottom a {
        display: block;
        height: 99px;
        text-align: center;
        overflow: hidden;
        margin-top: -50px;
        opacity: 0.8;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

        .slidebottom a:hover {
            opacity: 1.0;
            text-shadow: 0 0 2px #fff;
        }

        .slidebottom a:before {
            font-size: 200px;
            position: relative;
            top: -50px;
            color: #fff;
        }

    .slidebottom img {
        display: block;
        margin: 0 auto;
    }

.jsNoBoxed.container {
    margin: 0 auto;
    width: 100%;
}

.carousel-indicators {
    bottom: 54px;
}

    .carousel-indicators .bx-pager-link {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: rgba(255, 255, 255, 0.5);
        border-radius: 100%;
        border: 3px solid transparent;
        background-clip: content-box;
        margin: 0 1px;
    }

        .carousel-indicators .bx-pager-link.active, .carousel-indicators .bx-pager-link:hover {
            border-color: #fff;
            background-color: transparent;
        }

.top_slaider {
    padding: 0px;
    position: relative;
}

.main_slaider_content {
    position: absolute;
    top: 276px;
    left: 0px;
    width: 100%;
    z-index: 2;
}

.top_slaider .SLcaption {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7) !important;
    color: #fff !important;
    cursor: default;
    height: 103px;
    font-size: 60px;
    line-height: 120%;
    margin: 27px 0;
    padding: 15px 0 13px;
    white-space: normal;
    overflow: hidden;
    width: 640px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.slidebottom {
    position: absolute;
    bottom: 0px;
    width: 100%;
    z-index: 2;
}

.top_slaider .carousel-indicators .bx-pager-link {
    display: block;
    border-width: 2px;
    margin: 16px 0;
}

.top_slaider .carousel-indicators {
    width: auto;
    margin: 0px;
    left: auto;
    right: 61px;
    top: 50%;
}

.top_slaider {
    height: 100%;
    overflow: hidden;
}

    .top_slaider .item {
        background-repeat: no-repeat;
        background-position: 50% 80%;
        background-size: cover;
    }

    .top_slaider > .carousel, .top_slaider > .carousel .carousel-inner, .top_slaider > .carousel .item {
        height: 100%;
    }

.main_slaider_content {
    top: 37%;
}

.top_slaider_background .carousel-inner > .item {
    position: absolute;
    top: 0px;
    display: block;
    visibility: hidden;
    width: 100%;
}

    .top_slaider_background .carousel-inner > .item.active, .top_slaider_background .carousel-inner > .item.left, .top_slaider_background .carousel-inner > .item.right {
        visibility: visible;
    }

.top_slaider_background .carousel-inner {
    position: relative;
    width: 100%;
}

.fullslide li {
    position: relative;
    cursor: pointer;
}

    .fullslide li a {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        outline: none;
        border-radius: 100%;
        cursor: pointer;
        position: absolute;
    }

.fullslide-fall li::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    left: 0;
    border-radius: 100%;
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%);
    -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s;
    transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s;
}

.fullslide-fall li a {
    -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease;
}

    .fullslide-fall li:hover a, .fullslide-fall li a:focus, .fullslide-fall li.active a {
        background-color: #fff;
    }

.fullslide-fall li.active::after {
    opacity: 1;
    visibility: visible;
    -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s ease;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}

.fullslide-fall li.active a {
    opacity: 0;
    -webkit-transform: translateY(200%);
    transform: translateY(200%);
}

.fullslide-fall.vertical_dot li::after {
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%) translateY(0%);
}

.fullslide-fall.vertical_dot li.active::after {
    -webkit-transform: translateX(0%);
    transform: translateX(0%) translateY(0%);
}

.fullslide-fall.vertical_dot li.active a {
    -webkit-transform: translateX(200%);
    transform: translateX(200%) translateY(0%);
}

.vertical .carousel-inner {
    height: 100%;
}

.carousel.vertical .item {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.carousel.vertical .active {
    top: 0;
}

.carousel.vertical .next {
    top: 100%;
}

.carousel.vertical .prev {
    top: -100%;
}

    .carousel.vertical .next.left, .carousel.vertical .prev.right {
        top: 0;
    }

.carousel.vertical .active.left {
    top: -100px;
}

.carousel.vertical .active.right {
    top: 100%;
}

.carousel.vertical .item {
    left: 0;
}

.main_slaider_content .item {
    width: 100%;
}

.bx-pager-link {
    background-color: transparent !important;
    position: relative !important;
}

    .bx-pager-link:before {
        content: "";
        background: rgba(255, 255, 255, 0.5) !important;
        position: absolute;
        left: 0px;
        display: block;
        top: 0px;
        border-radius: 100%;
        height: 100% !important;
        width: 100% !important;
    }

    .bx-pager-link.active:before {
        opacity: 0;
    }

#carousel-example-top .carousel-inner:after {
    background: url("../assets/img/patterns/4.png") repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner .item.i {
    background-image: url("../assets/img/slider1.jpg");
}

.brand img {
    width: 300px;
}

.carousel-inner .item.ii {
    background-image: url("../assets/img/slider2.jpg");
}

.carousel-inner .item.iii {
    background-image: url("../assets/img/slider3.jpg");
}

@media (min-width: 768px) and (max-width: 979px) {
    .top_slaider .SLcaption {
        width: 640px;
    }
}

@media(max-width: 767px), (max-height: 767px) {
    .top_slaider .SLcaption, .misson_block.simple_blog h1, .error_page .largest_SLcaption{
        font-size: 41px;
        line-height: 83px;
        height: 103px;
    }

    .top_slaider .SLcaption {
        width: 420px;
    }

    .slidebottom img {
        margin-top: 16px;
    }
}

@media (min-width: 320px) and (max-width: 481px) {
    .top_slaider .SLcaption, .misson_block.simple_blog h1, .error_page .largest_SLcaption {
        font-size: 31px;
        line-height: 63px;
        height: 93px;
    }

    .top_slaider .SLcaption {
        width: 320px;
    }

    .sticky .cat-title {
        right: 16px;
        top: 1px;
    }

    .cat-title {
        background: none repeat scroll 0 0 #31353d;
        color: #ffffff;
        display: block;
        height: 46px;
        margin-top: 10PX;
        position: absolute;
        right: 16px;
        text-transform: capitalize;
        top: 1px;
        width: 46px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
}

@media (max-width: 320px) {
    .top_slaider .SLcaption, .misson_block.simple_blog h1, .error_page .largest_SLcaption {
        font-size: 21px;
        line-height: 43px;
        height: 73px;
    }

    .top_slaider .SLcaption {
        width: 320px;
    }
}

.gallery figure:hover {
    border: 1px solid #8a1d4e;
}

.gallery figure {
    overflow: hidden;
    margin-bottom: 20px;
    border: 1px solid #dcdcdc;
    padding: 8px;
    transition-duration: .5s;
}

@media (max-width:750px) {
    .tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption {
        display: none;
    }
}