.cp-nav-logo-bar.sticky {
    position: fixed;
    width: 100%;
    z-index: 9999;
    transition: all ease-in-out 0.3s;
    box-shadow: 0 3px 3px rgba(0,0,0,0.05);
}

* {
    margin: 0;
    padding: 0;
}

body {
    margin: 0px;
    padding: 0px;
    font-family: 'Source Sans Pro',sans-serif;
    font-size: 14px;
}

    body p {
        font-family: 'Source Sans Pro',sans-serif;
        font-size: 16px;
        line-height: 24px;
        margin: 0px;
    }

    body h1, body h2, body h3, body h4, body h5, body h6 {
        font-family: 'Noto Serif',serif;
        color: #222;
        margin: 0;
    }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #222;
}

body h2 {
    font-weight: 400;
    font-size: 48px;
    line-height: 40px;
}

body h3 {
    font-weight: 700;
    font-size: 20px;
}

.cp-wrapper, .cp-main-content {
    width: 100%;
    position: relative;
}

figure {
    position: relative;
    overflow: hidden;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

    figure figcaption {
        position: absolute;
        left: 0;
        bottom: 0;
        padding: 0;
        margin: 0;
    }

.cp-wrapper ul, .cp-wrapper li {
    list-style: none;
}

.cp-wrapper a, .cp-wrapper a:hover, .cp-wrapper a:focus {
    text-decoration: none;
    outline: none;
}

.cp-thumb {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}

    .cp-thumb img {
        max-width: 100%;
        width: 100%;
        height: auto;
    }

    .cp-thumb:hover img {
        -webkit-transform: scale(1.2) rotate(3deg);
        -moz-transform: scale(1.2) rotate(3deg);
        -ms-transform: scale(1.2) rotate(3deg);
        -o-transform: scale(1.2) rotate(3deg);
        transform: scale(1.2) rotate(3deg);
    }

    .cp-thumb:before {
        content: '';
        position: absolute;
        right: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        visibility: hidden;
        opacity: 0;
        background-color: rgba(255,255,255,0.3);
        z-index: 99;
        -webkit-transform: scale(1.4);
        -moz-transform: scale(1.4);
        -ms-transform: scale(1.4);
        -o-transform: scale(1.4);
        transform: scale(1.4);
    }

    .cp-thumb:hover:before {
        opacity: 1;
        visibility: visible;
        width: 100%;
        -webkit-transform: scale(0.95);
        -moz-transform: scale(0.95);
        -ms-transform: scale(0.95);
        -o-transform: scale(0.95);
        transform: scale(0.95);
    }

.cp-btn-style1, .cp-btn-style2 {
    font-family: 'Source Sans Pro',sans-serif;
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    padding: 14px 35px;
    text-align: center;
    background-color: #fff;
    border: 2px solid;
    display: inline-block;
    z-index: 11;
    position: relative;
}

    .cp-btn-style1:before, .cp-btn-style2:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 0;
        left: 0;
        top: 0;
        z-index: -1;
    }

.cp-btn-style2 {
    color: #fff;
}

.cp-btn-style1:hover:before {
    height: 100%;
}

.cp-btn-style2:before {
    height: 100%;
}

.cp-btn-style2:hover:before {
    height: 0;
}

.cp-btn-style1:hover {
    color: #fff;
}

.cp-btn-style2:hover {
    color: #222;
}

.pd-tb60 {
    padding: 69px 0;
}

.pd-t60 {
    padding-top: 69px;
}

.pd-b60 {
    padding-bottom: 69px;
}

.cp-header {
    width: 100%;
    float: left;
    position: relative;
    z-index: 999;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
}

.cp-topbar {
    width: 100%;
    float: left;
    background: #222;
}

.cp-phone-mail {
    padding: 0px;
    margin: 0px;
}

    .cp-phone-mail li {
        list-style: none;
        display: inline-block;
        color: #ccc;
        line-height: 30px;
        margin-right: 30px;
    }

        .cp-phone-mail li:last-child {
            margin-right: 0;
        }

        .cp-phone-mail li .fa {
            margin-right: 5px;
        }

        .cp-phone-mail li a {
            color: #666;
        }

.cp-top-social {
    margin: 0px;
    padding: 0px;
    float: right;
}

    .cp-top-social li {
        list-style: none;
        display: inline-block;
    }

.social-links {
    margin-right: 30px;
}

    .social-links a {
        background: #fff;
        border: 2px solid #cccccc;
        width: 35px;
        height: 35px;
        display: inline-block;
        color: #666666;
        text-align: center;
        line-height: 31px;
        margin-left: 5px;
    }

        .social-links a:hover {
            border: 2px solid #c52549;
        }

.quote-btn {
    line-height: 50px;
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 0 23px;
    font-weight: 600;
    font-family: 'Source Sans Pro',sans-serif;
    position: relative;
    z-index: 99;
    border: 1px solid;
}

    .quote-btn:after {
        position: absolute;
        height: 0;
        width: 100%;
        content: "";
        top: 0;
        left: 0;
        background: #fff;
        z-index: -1;
    }

    .quote-btn:hover:after {
        height: 100%;
    }

.cp-nav-logo-bar {
    background: #fff;
    width: 100%;
    float: left;
    padding: 5px 0;
}

#cp_header_v3 .container-fluid {
    padding: 0 50px;
}

#cp_header_v3 .cp-nav-logo-bar {
    padding: 10px 0;
}

    #cp_header_v3 .cp-nav-logo-bar .navbar-collapse {
        margin-top: 12px;
    }

#cp_header_v3 .cp-search-basket {
    margin-left: 50px;
}

.cp-nav-logo-bar .navbar-default {
    background: none;
    border: 0px;
    border-radius: 0px;
    margin: 0px;
}

.cp-nav-logo-bar .navbar-collapse {
    padding: 0px;
    float: right;
    margin-top: 10px;
}

.navbar-nav li {
    position: relative;
}

.cp-nav-logo-bar .navbar-default .navbar-nav > li > a {
    padding: 15px 7px;
    font-family: 'Noto Serif',serif;
    font-size: 14px;
    font-weight: 700;
    color: #444;
    position: relative;
}

    .cp-nav-logo-bar .navbar-default .navbar-nav > li > a:before {
        background: #c52549;
        content: "";
        height: 4px;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 100%;
        transform: translateY(10px);
        transition: opacity 0.3s ease 0s,transform 0.3s ease 0s;
        width: 100%;
    }

    .cp-nav-logo-bar .navbar-default .navbar-nav > li > a:hover:before, .cp-nav-logo-bar .navbar-default .navbar-nav > li > a:focus:before {
        opacity: 1;
        transform: translateY(0px);
    }

.cp-nav-logo-bar .dropdown-menu, .cp-nav-logo-bar .dropdown-menu ul {
    min-width: 180px;
    border: 0px;
    border-radius: 0px;
    box-shadow: none;
    padding: 0px;
    background-color: #fff;
}

    .cp-nav-logo-bar .dropdown-menu ul {
        position: absolute;
        left: 110%;
        top: 0;
        opacity: 0;
        visibility: hidden;
    }

    .cp-nav-logo-bar .dropdown-menu li:hover ul {
        left: 100%;
        opacity: 1;
        visibility: visible;
    }

    .cp-nav-logo-bar .dropdown-menu > li > a, .cp-nav-logo-bar .dropdown-menu ul li a {
        padding: 0px 10px;
        line-height: 40px;
        font-family: 'Noto Serif',serif;
        font-size: 14px;
        border-bottom: 1px solid #ccc;
        background: #fff;
        color: #666;
        display: block;
    }

.nav.navbar-nav.navbar-right.cp-search-basket {
    margin: 7px 0 0 0;
}

    .nav.navbar-nav.navbar-right.cp-search-basket > li {
        margin-left: 5px;
    }

.cp-nav-logo-bar .container-fluid .nav.navbar-nav.navbar-right.cp-search-basket .cp-quote-btn a {
    width: auto;
    height: 40px;
    line-height: 36px;
    font-size: 14px;
    color: #fff;
    padding: 0 28px;
}

#cp_header_v3 .quote-btn {
    font-family: 'Source Sans Pro',sans-serif;
    font-weight: 600;
    font-size: 14px;
}

.cp-nav-logo-bar .container-fluid .nav.navbar-nav.navbar-right.cp-search-basket .cp-quote-btn:hover a {
    color: #222;
}

.cp-nav-logo-bar .container-fluid .nav.navbar-nav.navbar-right.cp-search-basket > li > a {
    height: 40px;
    width: 40px;
}

.nav.navbar-nav.navbar-right.cp-search-basket > li > a {
    padding: 0px;
    width: 35px;
    height: 35px;
    border: 2px solid #ccc;
    display: block;
    text-align: center;
    line-height: 31px;
}

.cp-nav-logo-bar .nav.navbar-nav.navbar-right.cp-search-basket .dropdown-menu {
    width: 358px;
    border-bottom: 2px solid #c52549;
}

.cp-nav-logo-bar .navbar-form, .cp-nav-logo-bar .navbar-form .form-group {
    width: 100%;
    position: relative;
    padding: 0px;
}

    .cp-nav-logo-bar .navbar-form .form-control {
        width: 100%;
        border: 0px;
        box-shadow: none;
        line-height: 40px;
        padding: 0 10px;
    }

    .cp-nav-logo-bar .navbar-form .btn.btn-default {
        border: 0px;
        box-shadow: none;
        position: absolute;
        top: 0;
        right: 5px;
    }

#cp-header_v2 {
    box-shadow: none;
    margin-bottom: -60px;
}

    #cp-header_v2 .cp-topbar {
        background-color: #fff;
        padding: 20px 0;
    }

    #cp-header_v2 .top-left {
        float: right;
    }

    #cp-header_v2 .cp-phone-mail {
        float: left;
        margin: 15px 40px 0 0;
    }

    #cp-header_v2 .cp-top-social .social-links {
        margin-right: 0;
        margin-bottom: 10px;
    }

    #cp-header_v2 .cp-top-social li {
        display: block;
    }

    #cp-header_v2 .social-links a:first-child {
        margin-left: 0;
    }

    #cp-header_v2 .quote-btn {
        font-weight: 700;
        line-height: 42px;
    }

    #cp-header_v2 .cp-phone-mail li {
        line-height: inherit;
        color: #666;
        margin: 0;
        padding: 0 20px;
        border-right: 1px solid #cccccc;
    }

        #cp-header_v2 .cp-phone-mail li:last-child {
            border-right: none;
            padding-right: 0;
        }

    #cp-header_v2 .cp-phone-mail span {
        display: block;
        color: #666;
    }

    #cp-header_v2 .cp-nav-logo-bar {
        padding: 0;
        background-color: transparent;
    }

        #cp-header_v2 .cp-nav-logo-bar .navbar-default {
            background-color: rgba(0,0,0,0.50);
            padding: 0 20px 0 0;
            border-bottom: 1px solid #beb0ac;
        }

        #cp-header_v2 .cp-nav-logo-bar .navbar-collapse {
            width: 100%;
        }

    #cp-header_v2 #bs-example-navbar-collapse-1 {
        margin-top: 0;
    }

    #cp-header_v2 .cp-nav-logo-bar .navbar-default .navbar-nav > li > a {
        color: #fff;
    }

    #cp-header_v2 .cp-nav-logo-bar .navbar-default .navbar-nav > li:first-child > a {
        padding-left: 27px;
    }

    #cp-header_v2 .cp-nav-logo-bar .navbar-default .cp-search-basket li:first-child > a {
        padding-left: 0;
    }

    #cp-header_v2 .nav.navbar-nav.navbar-right.cp-search-basket > li > a {
        border-color: #fff;
        background-color: #fff;
        color: #222;
    }

    #cp-header_v2 .nav.navbar-nav.navbar-right.cp-search-basket {
        margin-top: 13px;
    }

.navbar .cart-box {
    float: left;
    width: 100%;
    border: 1px solid #ccc;
    padding: 18px 19px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

    .navbar .cart-box strong.title {
        display: block;
        font-size: 16px;
        color: #444;
        border-bottom: 1px solid #ccc;
        padding: 0 0 20px 0;
        margin: 0 0 20px 0;
    }

        .navbar .cart-box strong.title a {
            text-decoration: none;
        }

    .navbar .cart-box .cart-row {
        float: left;
        width: 100%;
        border-bottom: 1px solid #ccc;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

        .navbar .cart-box .cart-row .thumb {
            float: left;
            margin: 0 15px 0 0;
        }

        .navbar .cart-box .cart-row .text-box {
            overflow: hidden;
        }

            .navbar .cart-box .cart-row .text-box a {
                font-size: 20px;
                font-weight: 400;
                color: #222;
                text-decoration: none;
                display: block;
                padding: 0 0 15px 0;
            }

            .navbar .cart-box .cart-row .text-box strong.amount {
                display: block;
                font-size: 18px;
                font-weight: 400;
            }

        .navbar .cart-box .cart-row a.close {
            width: 23px;
            height: 23px;
            text-align: center;
            line-height: 23px;
            color: #fff;
            text-decoration: none;
            border-radius: 3px;
            float: right;
            font-size: 12px;
            opacity: 1;
        }

    .navbar .cart-box strong.subtotal {
        display: block;
        font-size: 16px;
        line-height: 16px;
        font-weight: 700;
        color: #222;
        clear: both;
        text-align: center;
        padding: 0 0 10px 0;
    }

    .navbar .cart-box a.btn-checkout {
        font-size: 16px;
        line-height: 16px;
        font-weight: 700;
        color: #fff;
        display: inline-block;
        padding: 15px 58px;
        border-radius: 3px;
        text-decoration: none;
        box-shadow: inset 0px -4px 0px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: inset 0px -4px 0px 0px rgba(0,0,0,0.3);
        -webkit-box-shadow: inset 0px -4px 0px 0px rgba(0,0,0,0.3);
    }

.cart-box .btn-row {
    text-align: center;
}

.cp-banner {
    float: left;
    width: 100%;
    position: relative;
}

.cp-slider-thumb img {
    width: 100%;
    height: auto;
}

.cp-banner .cp-slider-content {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    top: 0;
    z-index: 99;
    padding-top: 50px;
}

#homev1-slider, .cp-slider-thumb, #homev4-slider, .cp-slider-thumb {
    width: 100%;
    float: left;
    position: relative;
}

    #homev1-slider .cp-slider-thumb:after, #homev4-slider .cp-slider-thumb:after, .cp-banner .cp-slider-thumb:after {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        content: "";
        background: rgba(0,0,0,.70);
    }

    #homev1-slider .cp-slider-content, #homev4-slider .cp-slider-content {
        position: absolute;
        width: 100%;
        text-align: center;
        left: 0;
        top: 0;
        z-index: 99;
        padding-top: 50px;
    }

.cp-slider-content h2, .cp-slider-content strong {
    color: #fff;
    font-size: 44px;
    font-weight: 700;
    font-family: 'Noto Serif',serif;
    margin: 0 0 10px;
}

.cp-slider-content h2, .cp-banner .cp-slider-content > p {
    display: none;
}

#homev1-slider .cp-slider-content strong, #homev4-slider .cp-slider-content strong, .cp-banner .cp-slider-content strong {
    font-size: 60px;
}

#homev1-slider .cp-slider-content p, #homev4-slider .cp-slider-content p, .cp-banner .cp-slider-content p {
    font-size: 28px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 30px;
}

.cp-banner .cp-slider-content p {
    line-height: 36px;
}

#homev1-slider .cp-slider-content a {
    margin: 0 3px;
}

.cp-slider-content p {
    font-size: 20px;
    color: #777777;
    font-family: 'Noto Serif',serif;
    line-height: 26px;
    margin-bottom: 25px;
}

.cp-slider-content a {
    font-size: 18px;
    border: 2px solid transparent;
    background: #fff;
    line-height: 42px;
    padding: 0 30px;
    display: inline-block;
    margin: 0 15px;
    font-weight: 600;
    position: relative;
    z-index: 99;
    min-width: 184px;
}

    .cp-slider-content a:after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 0;
        content: "";
        z-index: -1;
    }

    .cp-slider-content a:hover:after {
        height: 100%;
    }

    .cp-slider-content a:hover {
        color: #fff;
    }

#homev1-slider .owl-controls {
    position: absolute;
    width: 100%;
    bottom: 30px;
    display: none;
}

    #homev1-slider .owl-controls .owl-dot span {
        opacity: 1;
        background: #fff;
        border: 2px solid #c52549;
    }

#homev2-slider .owl-controls {
    position: absolute;
    left: 52.6%;
    bottom: 0;
}

    #homev2-slider .owl-controls .owl-nav [class*="owl-"], #homev4-slider .owl-controls .owl-nav [class*="owl-"] {
        background: transparent;
        border-radius: 0;
        color: #fff;
        cursor: pointer;
        display: block;
        margin: 0 0 5px;
        padding: 0;
        width: 45px;
        height: 45px;
        line-height: 42px;
        border: 2px solid;
        position: relative;
    }

        #homev2-slider .owl-controls .owl-nav [class*="owl-"]:hover:before, #homev4-slider .owl-controls .owl-nav [class*="owl-"]:hover:before {
            color: #fff;
        }

    #homev2-slider .owl-controls .owl-nav .owl-prev:before, #homev2-slider .owl-controls .owl-nav .owl-next:before, #homev4-slider .owl-controls .owl-nav .owl-prev:before, #homev4-slider .owl-controls .owl-nav .owl-next:before {
        font-family: 'FontAwesome';
        font-size: 36px;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        text-align: center;
    }

    #homev2-slider .owl-controls .owl-nav .owl-prev:before, #homev4-slider .owl-controls .owl-nav .owl-prev:before {
        content: "\f104";
    }

    #homev2-slider .owl-controls .owl-nav .owl-next:before, #homev4-slider .owl-controls .owl-nav .owl-next:before {
        content: "\f105";
    }

#homev2-slider {
    float: left;
    width: 100%;
    position: relative;
}

    #homev2-slider .item {
        float: left;
        width: 100%;
        margin-bottom: 100px;
    }

    #homev2-slider .cp-slider-content {
        width: 615px;
        float: left;
        position: absolute;
        bottom: 0;
        padding: 45px 30px 40px;
        background-color: #fff;
        margin-bottom: 7px;
        box-shadow: 0 0px 7px rgba(0,0,0,0.15);
    }

        #homev2-slider .cp-slider-content:before {
            border-bottom: 20px solid transparent;
            border-left: 30px solid transparent;
            border-top: 30px solid;
            content: "";
            height: 0;
            position: absolute;
            top: 10px;
            right: 10px;
            width: 0;
        }

        #homev2-slider .cp-slider-content h2, #homev2-slider .cp-slider-content strong {
            font-weight: 400;
            color: #222;
        }

            #homev2-slider .cp-slider-content h2 span, #homev2-slider .cp-slider-content strong span {
                font-weight: 700;
            }

        #homev2-slider .cp-slider-content a {
            padding: 0 37px;
            margin: 0 10px 0 0;
        }

#homev3-slider {
    float: left;
    width: 100%;
    overflow-x: hidden;
    position: relative;
}

    #homev3-slider .cp-slider-content {
        position: absolute;
        width: 850px;
        left: 0;
        bottom: 75px;
        z-index: 99;
        padding: 35px 10px 0 45px;
        background: rgba(0,0,0,.50);
    }

        #homev3-slider .cp-slider-content::before {
            border-bottom: 25px solid transparent;
            border-right: 25px solid #fff;
        }

        #homev3-slider .cp-slider-content::before, #homev3-slider .cp-slider-content:after {
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            width: 0;
            display: none;
        }

        #homev3-slider .cp-slider-content:after {
            border-top: 25px solid transparent;
            border-right: 25px solid #fff;
            top: inherit;
            bottom: 0;
        }

        #homev3-slider .cp-slider-content h2 {
            position: relative;
            font-size: 24px;
            font-weight: 400;
            font-style: italic;
            margin: 0 0 15px;
            padding-bottom: 17px;
            position: relative;
        }

            #homev3-slider .cp-slider-content h2:before {
                content: '';
                position: absolute;
                width: 210px;
                left: 0;
                bottom: 0;
                border-bottom: 1px solid #fff;
            }

        #homev3-slider .cp-slider-content strong {
            font-size: 88px;
            line-height: 90px;
            display: block;
            margin: 0 0 24px;
        }

        #homev3-slider .cp-slider-content p {
            font-size: 20px;
            color: #fff;
            margin: 0 0 28px;
        }

        #homev3-slider .cp-slider-content a {
            font-weight: 600;
            margin: 0 9px -23px 0;
            line-height: 42px;
            border-color: #fff;
            padding: 0 26px;
            text-align: center;
            box-shadow: 0 5px 7px rgba(0,0,0,0.3);
        }

#homev4-slider {
    float: left;
    width: 100%;
    position: relative;
}

    #homev4-slider .owl-controls {
        position: absolute;
        width: 100%;
        float: left;
        top: 50%;
        margin-top: -30px;
    }

        #homev4-slider .owl-controls .owl-nav [class*="owl-"] {
            background: transparent;
            border-radius: 0;
            color: #fff;
            cursor: pointer;
            display: inline-block;
            margin: 0;
            padding: 0;
            width: 70px;
            height: 60px;
            line-height: 60px;
            border: 2px solid;
            position: relative;
        }

        #homev4-slider .owl-controls .owl-nav .owl-prev {
            float: left;
        }

        #homev4-slider .owl-controls .owl-nav .owl-next {
            float: right;
        }

    #homev4-slider:hover .owl-controls .owl-nav .owl-prev {
        margin-left: 20px;
    }

    #homev4-slider:hover .owl-controls .owl-nav .owl-next {
        margin-right: 20px;
    }

.cp-inner-banner {
    float: left;
    width: 100%;
    background: url(../images/inner-bg-img.jpg) top left no-repeat;
    background-size: cover;
    z-index: 11;
    padding: 110px 0 115px;
    position: relative;
}

#cp-inner-blog {
    background: url(../images/inner-blog-img.jpg) top left no-repeat;
}

#cp-inner-gallery {
    background: url(../images/inner-gallery-img.jpg) top left no-repeat;
}

#cp-inner-product {
    background: url(../images/inner-product-img.jpg) top left no-repeat;
}

.cp-inner-banner:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,0.70);
    z-index: -1;
}

.cp-inner-banner-outer {
    float: left;
    width: 100%;
    text-align: center;
}

    .cp-inner-banner-outer h2 {
        font-weight: 700;
        font-size: 48px;
        color: #fff;
        padding-bottom: 35px;
        margin: 0 0 20px;
        position: relative;
        text-shadow: 0 5px 7px rgba(0,0,0,0.3);
    }

        .cp-inner-banner-outer h2:after {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            margin: 0 auto;
            width: 100px;
            border-bottom: 4px solid;
        }

    .cp-inner-banner-outer .breadcrumb {
        background-color: transparent;
        padding: 0;
        margin: 0;
    }

        .cp-inner-banner-outer .breadcrumb li {
            font-family: 'Noto Serif',serif;
            font-size: 16px;
            color: #fff;
            font-style: italic;
        }

            .cp-inner-banner-outer .breadcrumb li a {
                color: #fff;
            }

.cp-home1-welcome {
    width: 100%;
    float: left;
    /*background: url(../images/welcome-bgtext.png) left 50% no-repeat;*/
    padding: 100px 0 70px;
}

    .cp-home1-welcome .cp-content {
        margin-bottom: 30px;
    }

.cp-welcome-imgs {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

    .cp-welcome-imgs > li {
        margin-bottom: 30px;
    }

.cp-thumb {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
}

    .cp-thumb img {
        width: 100%;
        height: auto;
    }

.cp-welcome-imgs .cp-thumb:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    border: 2px solid rgba(255,255,255,0.6);
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
}

.cp-welcome-imgs .cp-thumb:hover:before {
    border-color: #fff;
}

.cp-home1-welcome h2 {
    color: #222;
    font-size: 36px;
    margin: 0 0 15px;
}

.cp-home1-welcome p {
    font-family: 'Noto Serif',serif;
    font-size: 18px;
    color: #777;
    font-style: italic;
    line-height: 28px;
    margin-bottom: 30px;
}

.cp-home1-welcome .cp-content img {
    margin-bottom: 26px;
}

.read-more {
    display: inline-block;
    border: 2px solid #c52549;
    color: #c52549;
    line-height: 42px;
    padding: 0 38px;
    font-size: 18px;
    font-weight: 600;
    position: relative;
    z-index: 99;
}

    .read-more:after {
        position: absolute;
        width: 100%;
        height: 0;
        left: 0;
        top: 0;
        content: "";
        z-index: -1;
    }

    .read-more:hover:after {
        height: 100%;
    }

.cp-home2-welcome .cp-content {
    text-align: center;
}

    .cp-home2-welcome .cp-content img {
        display: inline-block;
        margin-top: 8px;
    }

.cp-about-section {
    float: left;
    width: 100%;
}

.cp-about-left {
    float: left;
    width: 100%;
}

    .cp-about-left h2, .cp-about-left strong {
        font-family: 'Noto Serif',serif;
        font-size: 48px;
        font-weight: 400;
        color: #222222;
        margin: 0 0 5px;
    }

    .cp-about-left strong {
        font-size: 46px;
        font-weight: 700;
        margin: 0 0 15px;
        display: block;
    }

.cp-about-img {
    float: left;
    width: 100%;
    position: relative;
}

    .cp-about-img: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);
    }

    .cp-about-img:hover:before, .cp-about-img:hover:after {
        opacity: 1;
        -webkit-transform: scale(0.95);
        -moz-transform: scale(0.95);
        -ms-transform: scale(0.95);
        -o-transform: scale(0.95);
        transform: scale(0.95);
    }

    .cp-about-img:before, .cp-about-img:after {
        content: '';
        position: absolute;
        z-index: 11;
        width: 100%;
        height: 100%;
        opacity: 0;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }

    .cp-about-img:before {
        left: 0;
        bottom: 0;
        border-left: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }

    .cp-about-img:after {
        right: 0;
        top: 0;
        border-right: 1px solid #fff;
        border-top: 1px solid #fff;
    }

.cp-about-text {
    float: left;
    width: 100%;
}

    .cp-about-text p {
        margin: 0 0 24px;
    }

.cp-about-listed {
    float: left;
    width: 100%;
    margin: 0 0 -18px;
    padding: 0;
}

    .cp-about-listed li {
        font-size: 18px;
        line-height: 18px;
        list-style: none;
        font-weight: 600;
        color: #222222;
        float: left;
        width: 50%;
        padding: 0 0 18px 28px;
        position: relative;
    }

        .cp-about-listed li:before {
            font-family: 'FontAwesome';
            content: "\f046";
            position: absolute;
            left: 0;
            top: 0;
        }

.cp-process-section {
    float: left;
    width: 100%;
    padding-bottom: 38px;
    background-color: #f7f7f7;
}

.cp-process-box {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 27px;
}

    .cp-process-box:hover .cp-icon-box {
        color: #fff;
    }

    .cp-process-box .cp-icon-box {
        font-size: 50px;
        width: 100px;
        height: 100px;
        line-height: 100px;
        display: inline-block;
        text-align: center;
        margin-bottom: 28px;
        position: relative;
        z-index: 11;
    }

        .cp-process-box .cp-icon-box:before, .cp-process-box .cp-icon-box:after {
            content: '';
            position: absolute;
            width: 100%;
            border-left: 3px solid #ccc;
            border-right: 3px solid #ccc;
            height: 40px;
            left: 0;
            z-index: 11;
        }

        .cp-process-box .cp-icon-box:before {
            border-top: 3px solid #ccc;
            top: 0px;
        }

        .cp-process-box .cp-icon-box:after {
            border-bottom: 3px solid #ccc;
            bottom: 0px;
        }

    .cp-process-box h3 {
        margin: 0 0 14px;
    }

    .cp-process-box p {
        margin: 0;
    }

.cp-creative-section {
    float: left;
    width: 100%;
}

    .cp-creative-section .container-fluid .row {
        margin: 0;
    }

        .cp-creative-section .container-fluid .row .col-md-6, .cp-creative-section .container-fluid {
            padding: 0;
        }

            .cp-creative-section .container-fluid .col-md-6 {
                width: 100%;
            }

.cp-creative-box {
    float: left;
    width: 100%;
    background-color: #222222;
    padding: 35px 0px 30px 20px;
}

    .cp-creative-box h2 {
        font-size: 48px;
        color: #fff;
        margin: 0 0 40px;
    }

.cp-creative-listed {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0 0 0 -15px;
}

    .cp-creative-listed > li {
        float: left;
        width: 50%;
        padding: 0 15px;
        margin-bottom: 34px;
    }

    .cp-creative-listed .cp-text {
        float: left;
        width: 100%;
    }

        .cp-creative-listed .cp-text h3 {
            font-weight: 700;
            color: #fff;
            margin: 0 0 14px;
            position: relative;
            padding-left: 20px;
        }

            .cp-creative-listed .cp-text h3:before {
                content: '';
                position: absolute;
                width: 12px;
                height: 12px;
                left: 0;
                top: 4px;
            }

        .cp-creative-listed .cp-text p {
            color: #fff;
            margin: 0;
        }

.cp-thumb .play-btn {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin: -65px auto 0;
    text-align: center;
    z-index: 999;
}

    .cp-thumb .play-btn .fa {
        font-size: 120px;
        color: #fff;
    }

.cp-Our-experties {
    width: 100%;
    float: left;
    padding-bottom: 30px;
    background: #f7f7f7;
}

.experties-slider {
    float: left;
    width: 100%;
}

.cp-Our-experties3 {
    background-color: transparent;
}

.cp-section-title {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

    .cp-section-title h2 {
        color: #222;
        font-size: 48px;
        line-height: 40px;
        margin: 0px;
        position: relative;
        margin-bottom: 40px;
    }

    .cp-section-title strong {
        color: #777777;
        font-family: 'Noto Serif',serif;
        font-style: italic;
        font-size: 16px;
        font-weight: 400;
        position: relative;
    }

        .cp-section-title strong:after {
            position: absolute;
            left: 0;
            top: -20px;
            width: 100px;
            height: 4px;
            background: #cccccc;
            content: "";
        }

.cp-Our-experties .cp-hover-content {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    background: rgba(0,0,0,.80);
    padding: 33% 30px;
    color: #fff;
    visibility: hidden;
    transform: rotateY(0deg) scale(0);
    -webkit-transform: rotateY(0deg) scale(0);
    opacity: 0;
}

.cp-Our-experties .slide:hover .cp-hover-content {
    opacity: 1;
    transform: rotateY(360deg) scale(0.95);
    visibility: visible;
}

.cp-Our-experties .slide:hover .cp-ex-title a {
    color: #fff;
}

.cp-Our-experties .cp-hover-content p {
    margin-bottom: 35px;
}

.cp-Our-experties .cp-hover-content a {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    position: relative;
    padding: 0 15px;
    position: relative;
    line-height: 18px;
}

    .cp-Our-experties .cp-hover-content a:after {
        position: absolute;
        width: 100%;
        height: 2px;
        background: #fff;
        content: "";
        top: -17px;
        left: 0;
    }

.cp-Our-experties .slide {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.cp-ex-title {
    width: 80%;
    margin: 0 auto;
    background: #fff;
    text-align: center;
    border-radius: 30px;
    box-shadow: 5px 0 7px rgba(0,0,0,.15);
    z-index: 99;
    position: relative;
    clear: both;
    padding: 15px 0;
    top: -26px;
}

    .cp-ex-title h3 {
        margin: 0px;
        font-weight: 700;
        font-size: 20px;
    }

        .cp-ex-title h3 a {
            color: #222;
        }

.cp-Our-experties .owl-carousel .owl-controls, .cp-upcoming-events .owl-carousel .owl-controls {
    top: -65px;
    margin: 0px;
    position: absolute;
    right: 0;
}

.cp-Our-experties .owl-carousel.owl-theme .owl-nav div, .cp-upcoming-events .owl-carousel.owl-theme .owl-nav div {
    background: none;
    text-indent: inherit;
    background: #fff;
    border: 2px solid #c52549;
    width: 45px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    font-size: 0;
    padding: 0;
    border-radius: 0;
}

.cp-Our-experties .owl-carousel .owl-nav .owl-prev, .cp-upcoming-events .owl-carousel .owl-nav .owl-prev {
    right: 50px;
    left: inherit;
}

.cp-Our-experties .owl-carousel .owl-nav .owl-next, .cp-upcoming-events .owl-carousel .owl-nav .owl-next {
    right: 0;
}

.cp-Our-experties .owl-carousel .owl-nav .owl-prev:after, .cp-upcoming-events .owl-carousel .owl-nav .owl-prev:after {
    content: "\f177";
    font-family: FontAwesome;
    font-size: 18px;
}

.cp-Our-experties .owl-carousel .owl-nav .owl-next:after, .cp-upcoming-events .owl-carousel .owl-nav .owl-next:after {
    content: "\f178";
    font-family: FontAwesome;
    font-size: 18px;
}

.cp-Our-experties .owl-carousel .owl-nav .owl-prev:hover:after, .cp-upcoming-events .owl-carousel .owl-nav .owl-next:hover:after, .cp-Our-experties .owl-carousel .owl-nav .owl-next:hover:after, .cp-upcoming-events .owl-carousel .owl-nav .owl-prev:hover:after {
    color: #fff;
}

.cp-Our-experties .cp-thumb:before {
    display: none;
}

.cp-banner-newsltter {
    width: 100%;
    float: left;
}

.pro-banner {
    float: left;
    width: 100%;
}

    .pro-banner img {
        width: 100%;
        height: auto;
    }

.cp-newsletter {
    width: 100%;
    float: left;
    min-height: 200px;
    background: url(../images/newsletterbg.jpg) no-repeat;
    background-size: cover;
    padding: 15px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.cp-newsletter-holder {
    border: 2px solid #fff;
    position: relative;
    width: 100%;
    display: block;
    padding: 30px 27px;
}

    .cp-newsletter-holder .form-control {
        border: 0px;
        box-shadow: none;
        background: #fff;
        border-radius: 0px;
        height: 60px;
        line-height: 60px;
        padding: 0 20px;
        width: 80%;
    }

    .cp-newsletter-holder .input-group {
        width: 100%;
    }

    .cp-newsletter-holder .btn.btn-default {
        position: absolute;
        top: -2px;
        bottom: -2px;
        right: -2px;
        border: 0px;
        box-shadow: 0;
        border-radius: 0px;
        color: #fff;
        font-size: 72px;
        padding: 0 25px;
    }

    .cp-newsletter-holder .input-group-btn {
        position: inherit;
    }

    .cp-newsletter-holder h3 {
        font-size: 20px;
        font-weight: 700;
        margin: 0px;
        line-height: 20px;
        color: #fff;
        margin-bottom: 20px;
    }

.countdown-rtl {
    direction: rtl;
}

.countdown-holding span {
    color: #888;
}

.countdown-row {
    clear: both;
    width: 100%;
    padding: 0px 2px;
    text-align: center;
}

.countdown-show1 .countdown-section {
    width: 98%;
}

.countdown-show2 .countdown-section {
    width: 48%;
}

.countdown-show3 .countdown-section {
    width: 32.5%;
}

.countdown-show4 .countdown-section {
    width: 24.5%;
}

.countdown-show5 .countdown-section {
    width: 19.5%;
}

.countdown-show6 .countdown-section {
    width: 16.25%;
}

.countdown-show7 .countdown-section {
    width: 14%;
}

.countdown-section {
    display: block;
    float: left;
    font-size: 75%;
    text-align: center;
}

.countdown-amount {
    font-size: 200%;
}

.countdown-period {
    display: block;
}

.countdown-descr {
    display: block;
    width: 100%;
}

.cp-upcoming-events {
    width: 100%;
    float: left;
    position: relative;
    padding-bottom: 25px;
}

.cp-upcoming-events2 {
    padding-bottom: 25px;
}

.cp-upcoming-events3 {
    padding-bottom: 40px;
}

.owl-carousel .cp-events-box {
    padding: 0 5px;
}

.cp-events-box {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

    .cp-events-box .cp-thumb, .cp-blog-item .cp-thumb, .slide .cp-thumb {
        position: relative;
    }

        .cp-events-box .cp-thumb .cp-caption, .cp-blog-item .cp-thumb .cp-caption, .slide .cp-thumb .cp-caption {
            float: left;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
        }

            .cp-events-box .cp-caption a, .cp-blog-item .cp-thumb .cp-caption a, .slide .cp-thumb .cp-caption a {
                font-size: 18px;
                color: #fff;
                width: 45px;
                height: 45px;
                display: inline-block;
                line-height: 45px;
                text-align: center;
                margin: 0;
                position: absolute;
                left: 50%;
                top: 30%;
                margin: -23px 0 0 -23px;
                z-index: 999;
                opacity: 0;
                visibility: hidden;
            }

        .cp-events-box .cp-thumb:hover .cp-caption a, .cp-blog-item .cp-thumb:hover .cp-caption a, .slide .cp-thumb:hover .cp-caption a {
            top: 50%;
            opacity: 1;
            visibility: visible;
        }

    .cp-events-box .cp-text {
        float: left;
        width: 100%;
    }

.post-meta li {
    font-size: 14px;
}

    .post-meta li .fa {
        font-size: 12px;
        margin-right: 5px;
    }

.cp-event-content {
    background: #fff;
    box-shadow: 0 5px 7px rgba(0,0,0,.15);
    width: 100%;
    clear: both;
    margin: auto;
    padding: 17px 30px 55px;
    margin-bottom: 60px;
}

.cp-event-content {
}

    .cp-event-content h3 {
        font-size: 20px;
        font-weight: 700;
        color: #222;
        margin: 0 0 8px;
        line-height: 20px;
    }

.post-meta {
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0 0 11px;
    list-style: none;
}

    .post-meta li {
        list-style: none;
        float: left;
        margin-right: 20px;
    }

        .post-meta li:last-child {
            margin: 0px;
        }

        .post-meta li .fa {
            margin: 0 5px 0 0;
        }

.countdown-holder {
    float: left;
    padding: 0 0px;
    position: relative;
    margin-top: -95px;
    width: 100%;
    box-sizing: border-box;
    z-index: 99;
}

    .countdown-holder .countdown-amount {
        font-family: 'Noto Serif',serif;
        font-size: 30px;
        line-height: 30px;
        font-weight: 700;
        color: #fff;
    }

    .countdown-holder .countdown-period {
        font-size: 16px;
        line-height: 20px;
        font-weight: 400;
        color: #fff;
    }

.cp-upcoming-events .countdown-section {
    margin-right: 5px;
    width: 70px;
    height: 70px;
    padding-top: 9px;
}

.cp-events-slider {
    position: relative;
    width: 100%;
    float: left;
}

.cp-upcoming-events .pagination-box {
    margin: 20px 0 40px;
}

.cp-events-listing {
    margin-bottom: 0;
    padding: 0;
}

    .cp-events-listing > li {
        margin-bottom: 25px;
    }

    .cp-events-listing .cp-events-box .cp-thumb {
        float: left;
        width: auto;
    }

    .cp-events-listing .cp-events-box {
        background: #fff;
        box-shadow: 0 5px 7px rgba(0,0,0,0.15);
    }

        .cp-events-listing .cp-events-box .cp-text {
            overflow: hidden;
            width: auto;
            float: none;
            padding: 27px 15px 10px 15px;
            border-top: 2px solid;
        }

    .cp-events-listing .col-md-6 .cp-events-box .cp-text {
        padding-top: 16px;
    }

    .cp-events-listing .cp-events-box .cp-text h3 {
        margin: 0 0 9px;
    }

    .cp-events-listing .cp-events-box .cp-text .post-meta {
        margin: 0 0 8px;
    }

    .cp-events-listing .cp-events-box .cp-event-content {
        width: 100%;
        box-shadow: none;
        background-color: transparent;
        margin: 0 0 18px;
        padding: 0;
    }

    .cp-events-listing .cp-events-box .countdown-holder {
        padding: 0;
        margin: 0;
    }

.cp-blog-item {
    float: left;
    width: 100%;
    margin: 0 0 30px;
}

    .cp-blog-item .cp-thumb {
        margin: 0 0 30px;
    }

    .cp-blog-item .cp-text {
        float: left;
        width: 100%;
    }

        .cp-blog-item .cp-text h3 {
            margin: 0 0 12px;
        }

        .cp-blog-item .cp-text p {
            margin: 0 0 20px;
        }

.cp-blog-detail .cp-text p {
    margin: 0 0 30px;
}

.cp-blog-detail .cp-thumb:before {
    display: none;
}

.cp-blog-detail .cp-thumb:hover img {
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
}

.cp-blockquote {
    float: left;
    width: 100%;
    padding: 23px 100px 19px 193px;
    background-color: #fff;
    position: relative;
    border: none;
    box-shadow: 0 5px 7px rgba(0,0,0,0.15);
    border-top: 2px solid;
}

    .cp-blockquote:before {
        font-size: 60px;
        font-family: 'FontAwesome';
        content: "\f10d";
        position: absolute;
        left: 100px;
        top: 30px;
    }

    .cp-blockquote p {
        font-family: 'Noto Serif',serif;
        font-size: 18px;
        line-height: 28px;
        font-style: italic;
        color: #777;
        margin: 0;
    }

.cp-blog-item .cp-text .cp-blockquote p {
    margin: 0;
}

.cp-events-flickr-box {
    float: left;
    width: 100%;
}

    .cp-events-flickr-box h3 {
        margin: 0 0 17px;
    }

.cp-upcoming-events .cp-blog-detail {
    margin-bottom: 45px;
}

.cp-blog-detail .cp-form-box {
    margin-top: 25px;
}

.cp-form-box {
    float: left;
    width: 100%;
}

    .cp-form-box h3 {
        margin: 0 0 25px;
    }

    .cp-form-box h2 {
        margin: 0 0 25px;
    }

    .cp-form-box .inner-holder {
        float: left;
        width: 100%;
        margin: 0 0 30px;
    }

        .cp-form-box .inner-holder input[type="text"], .cp-form-box .inner-holder input[type="password"], .cp-form-box .inner-holder input[type="tel"], .cp-form-box .inner-holder textarea {
            width: 100%;
            font-size: 16px;
            color: #777777;
            background-color: transparent;
            border: none;
            border: 2px solid #ccc;
            padding: 0 20px;
            height: 60px;
            line-height: 60px;
            position: relative;
            z-index: 99;
        }

        .cp-form-box .inner-holder textarea {
            height: 200px;
            -webkit-resize: none;
            -moz-resize: none;
            resize: none;
        }

        .cp-form-box .inner-holder .btn-submit {
            font-size: 18px;
            font-weight: 600;
            float: right;
            color: #fff;
            height: 45px;
            line-height: 43px;
            text-align: center;
            min-width: 225px;
            border: 2px solid;
            padding: 0 44px;
        }

            .cp-form-box .inner-holder .btn-submit:hover {
                background-color: #fff;
            }

    .cp-form-box .cp-btn-holder {
        margin-bottom: 0;
    }

.cp-blog-section {
    width: 100%;
    float: left;
    position: relative;
    padding-bottom: 35px;
}

    .cp-blog-section .pagination-box {
        margin: 20px 0 30px;
    }

.cp-text .read-btn {
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
    color: #222;
}

.cp-blog-section .cp-events-box .cp-text p {
    margin: 0 0 20px;
}

#cp-blog-slider_v2 .owl-controls {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    margin-top: -23px;
}

    #cp-blog-slider_v2 .owl-controls .owl-nav [class*="owl-"] {
        background: transparent;
        border-radius: 0;
        cursor: pointer;
        display: inline-block;
        margin: 0;
        padding: 0;
        position: relative;
        width: 45px;
        height: 45px;
        line-height: 40px;
        background-color: #fff;
        border: 2px solid;
        opacity: 0;
    }

#cp-blog-slider_v2:hover .owl-controls .owl-nav [class*="owl-"] {
    opacity: 1;
    margin: 0 18px;
}

#cp-blog-slider_v2 .owl-controls .owl-nav [class*="owl-"]:hover {
    color: #fff;
}

#cp-blog-slider_v2 .owl-controls .owl-nav .owl-prev:before, #cp-blog-slider_v2 .owl-controls .owl-nav .owl-next:before {
    font-family: 'FontAwesome';
    font-size: 36px;
    text-align: center;
}

#cp-blog-slider_v2 .owl-controls .owl-nav .owl-prev {
    float: left;
}

#cp-blog-slider_v2 .owl-controls .owl-nav .owl-next {
    float: right;
}

#cp-blog-slider_v2 .owl-controls .owl-nav .owl-prev:before {
    content: "\f104";
}

#cp-blog-slider_v2 .owl-controls .owl-nav .owl-next:before {
    content: "\f105";
}

.cp-video-holder {
    float: left;
    width: 100%;
    margin-bottom: 25px;
}

    .cp-video-holder iframe {
        width: 100%;
        height: 450px;
        border: none;
    }

.cp-gallery-section {
    float: left;
    width: 100%;
    padding-bottom: 40px;
}

    .cp-gallery-section .cp-blog-detail {
        margin-bottom: 30px;
    }

.cp-gallery-listed {
    margin-bottom: 0;
    padding: 0;
}

    .cp-gallery-listed > li {
        margin-bottom: 30px;
    }

.cp-gallery-item {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}

    .cp-gallery-item img {
        width: 100%;
        height: auto;
    }

    .cp-gallery-item .cp-caption-outer {
        padding: 10px;
        float: left;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

    .cp-gallery-item .cp-caption {
        height: 100%;
        width: 100%;
        top: 0;
        left:;
        margin: 0 auto;
        background-color: rgba(0,0,0,0.80);
        text-align: center;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: scale(0) rotateY(360deg);
        -moz-transform: scale(0) rotateY(360deg);
        -ms-transform: scale(0) rotateY(360deg);
        -o-transform: scale(0) rotateY(360deg);
        transform: scale(0) rotateY(360deg);
    }

    .cp-gallery-item:hover .cp-caption {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scale(1) rotateY(0deg);
        -moz-transform: scale(1) rotateY(0deg);
        -ms-transform: scale(1) rotateY(0deg);
        -o-transform: scale(1) rotateY(0deg);
        transform: scale(1) rotateY(0deg);
    }

    .cp-gallery-item .cp-caption .cp-inner {
        position: absolute;
        top: 42%;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .cp-gallery-item h3 {
        color: #fff;
        margin: 0 0 20px;
    }

    .cp-gallery-item .cp-caption a {
        font-size: 18px;
        color: #fff;
        width: 45px;
        height: 45px;
        display: inline-block;
        line-height: 45px;
        text-align: center;
        margin: 0 4px;
    }

.cp-gallery-metro .isotope .item {
    height: auto;
    width: 50%;
    list-style: none;
    margin-bottom: 30px;
}

    .cp-gallery-metro .isotope .item.width2 {
        width: 50%;
    }

    .cp-gallery-metro .isotope .item.height2 {
        height: auto;
    }

.cp-gallery-section .pagination-box {
    margin: 30px 0 25px;
}

.cp-filterable-portfolio.cp-gallery-filter .portfolio-item {
    padding: 10px 5px 0;
}

.loop-entry {
    float: left;
}

.cp-gallery-metro-1 .isotope .item {
    width: 24.99%;
    list-style: none;
    margin-bottom: 30px;
}

    .cp-gallery-metro-1 .isotope .item.width2 {
        width: 50%;
    }

.cp-gallery-metro-2 .isotope .item {
    width: 33.33333333%;
    list-style: none;
    margin-bottom: 30px;
}

    .cp-gallery-metro-2 .isotope .item.width2 {
        width: 66.66666667%;
    }

    .cp-gallery-metro-2 .isotope .item.width1 {
        width: 100%;
    }

.cp-filterable-portfolio {
    width: 100%;
    float: left;
    position: relative;
}

    .cp-filterable-portfolio.pd-tb60 {
        padding-bottom: 82px;
    }

.portfolioFilter {
    text-align: center;
    width: 100%;
    margin-bottom: 28px;
}

    .portfolioFilter a {
        font-size: 18px;
        font-weight: 600;
        color: #222;
    }

    .portfolioFilter span:after {
        content: "/";
        padding: 0 15px;
    }

    .portfolioFilter span:last-child:after {
        content: "";
    }

    .portfolioFilter a.current {
        font-weight: 600;
    }

.portfolioContainer {
    margin: 0 0 -12px -12px;
}

.cp-filterable-portfolio .portfolio-item {
    float: left;
    width: 25%;
    margin: 0;
    padding: 0 0 12px 12px;
    overflow: hidden;
}

.portfolio-item .cp-thumb {
    position: relative;
    float: left;
    width: 100%;
}

    .portfolio-item .cp-thumb img {
        width: 100%;
        height: auto;
    }

.portfolio-item .cp-caption-outer {
    padding: 10px;
    float: left;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.portfolio-item .cp-thumb .cp-caption {
    height: 100%;
    width: 100%;
    top: 0;
    left:;
    margin: 0 auto;
    background-color: rgba(0,0,0,0.80);
    text-align: center;
    padding-top: 100px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0) rotateY(360deg);
    -moz-transform: scale(0) rotateY(360deg);
    -ms-transform: scale(0) rotateY(360deg);
    -o-transform: scale(0) rotateY(360deg);
    transform: scale(0) rotateY(360deg);
}

.portfolio-item:hover .cp-thumb .cp-caption {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1) rotateY(0deg);
    -moz-transform: scale(1) rotateY(0deg);
    -ms-transform: scale(1) rotateY(0deg);
    -o-transform: scale(1) rotateY(0deg);
    transform: scale(1) rotateY(0deg);
}

.portfolio-item h3 {
    color: #fff;
    margin: 0 0 20px;
}

.portfolio-item .cp-caption a {
    font-size: 18px;
    color: #fff;
    width: 45px;
    height: 45px;
    display: inline-block;
    line-height: 45px;
    text-align: center;
    margin: 0 4px;
}

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

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope, .isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

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

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

.portfolioContainer .cp-thumb:before {
    display: none;
}

.cp-clients-section {
    float: left;
    width: 100%;
    position: relative;
    text-align: center;
}

    .cp-clients-section h2 {
        margin: 0 0 25px;
    }

.cp-clients-inner {
    float: left;
    width: 100%;
    background: #fff;
    box-shadow: 0 5px 7px rgba(0,0,0,0.15);
    padding: 30px 20px;
    border-top: 2px solid;
}

.cp-clients-inner2 .item p {
    padding: 0;
}

.cp-clients-inner .cp-sm-thumb {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    display: inline-block;
    margin-bottom: 10px;
}

    .cp-clients-inner .cp-sm-thumb img {
        border-radius: 100%;
    }

.cp-clients-inner .cp-top {
    min-width: 350px;
    display: inline-block;
    position: relative;
    margin: 0 0 17px;
}

    .cp-clients-inner .cp-top:before {
        content: '';
        width: 60px;
        height: 47px;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -24px;
        background: url(../images/quote-left.png) top left no-repeat;
    }

    .cp-clients-inner .cp-top:after {
        content: '';
        width: 60px;
        height: 47px;
        position: absolute;
        right: 0;
        bottom: 50%;
        margin-bottom: -24px;
        background: url(../images/quote-right.png) top left no-repeat;
    }

.cp-clients-inner h5 {
    font-weight: 700;
    font-size: 14px;
    margin: 0 0 3px;
}

.cp-clients-inner span {
    font-weight: 600;
    font-style: italic;
    font-size: 14px;
    display: block;
}

.cp-clients-inner p {
    font-family: 'Noto Serif',serif;
    font-style: italic;
    font-size: 18px;
    line-height: 28px;
    color: #777777;
    margin: 0 0 30px;
}

#cp-testimonial-slider {
    float: left;
    width: 100%;
    margin: 0;
}

    #cp-testimonial-slider .owl-controls {
        position: absolute;
        width: 100%;
        bottom: -6px;
    }

        #cp-testimonial-slider .owl-controls .owl-dot span, #cp-testimonial-slider2 .owl-controls .owl-dot span {
            opacity: 1;
            background: #fff;
            border: 2px solid #999999;
            padding: 0;
            margin: 0 2px;
            width: 12px;
            height: 12px;
        }

.owl-carousel.owl-theme .owl-controls {
    margin: 0;
}

.cp-clients-section-v2 {
    float: left;
    width: 100%;
    background-color: #f7f7f7;
}

    .cp-clients-section-v2 h2 {
        text-align: left;
    }

#cp-testimonial-slider2 .owl-item {
    padding: 10px;
    text-align: left;
}

#cp-testimonial-slider2 .cp-clients-inner2 {
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 15px;
}

    #cp-testimonial-slider2 .cp-clients-inner2 .cp-top::after {
        right: 20px;
        bottom: 55px;
    }

.cp-team-section {
    float: left;
    width: 100%;
    padding-bottom: 30px;
    background-color: #f7f7f7;
}

#cp-team-slider {
    float: left;
    width: 100%;
    margin: 0;
}

.cp-team-item {
    float: left;
    width: 100%;
    margin: 0 0 40px;
    position: relative;
}

    .cp-team-item .cp-thumb {
        width: 360px;
        height: 400px;
        float: right;
    }

        .cp-team-item .cp-thumb:hover img {
            -webkit-transform: scale(1.1) rotate(3deg);
            -moz-transform: scale(1.1) rotate(3deg);
            -ms-transform: scale(1.1) rotate(3deg);
            -o-transform: scale(1.1) rotate(3deg);
            transform: scale(1.1) rotate(3deg);
        }

    .cp-team-item .cp-text {
        position: absolute;
        width: 265px;
        left: 0;
        top: 40px;
        padding: 30px;
        background-color: #fff;
        box-shadow: 0 5px 7px rgba(0,0,0,0.15);
        border-top: 2px solid;
        z-index: 999;
    }

        .cp-team-item .cp-text h3 {
            margin: 0 0 13px;
        }

    .cp-team-item.cp-team-item2 .cp-text h3:hover {
        color: #fff;
    }

    .cp-team-item .cp-text span {
        font-size: 14px;
        font-weight: 600;
        font-style: italic;
        line-height: 14px;
        display: block;
        padding-bottom: 12px;
    }

    .cp-team-item .cp-text p {
        font-size: 16px;
        line-height: 24px;
        color: #777777;
        margin: 0 0 20px;
        padding-bottom: 15px;
        border-bottom: 1px solid #cccccc;
    }

.cp-social-links {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
}

    .cp-social-links li {
        display: inline-block;
        margin-right: 7px;
    }

        .cp-social-links li a {
            font-size: 14px;
            color: #666666;
            height: 35px;
            line-height: 32px;
            width: 35px;
            text-align: center;
            display: inline-block;
            overflow: hidden;
            border: 2px solid #cccccc;
        }

        .cp-social-links li:hover .fa, .cp-social-links2 li:hover .fa, .cp-shop-box:hover .fa {
            -webkit-animation: toTopFromBottom 0.5s forwards;
            -moz-animation: toTopFromBottom 0.5s forwards;
            -ms-animation: toTopFromBottom 0.5s forwards;
            animation: toTopFromBottom 0.5s forwards;
        }

@-webkit-keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-50%);
    }

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

    51% {
        opacity: 1;
    }
}

@-moz-keyframes toTopFromBottom {
    49% {
        -moz-transform: translateY(-50%);
    }

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

    51% {
        opacity: 1;
    }
}

@-ms-keyframes toTopFromBottom {
    49% {
        -ms-transform: translateY(-50%);
    }

    50% {
        opacity: 0;
        -ms-transform: translateY(50%);
    }

    51% {
        opacity: 1;
    }
}

@keyframes toTopFromBottom {
    49% {
        transform: translateY(-50%);
    }

    50% {
        opacity: 0;
        transform: translateY(50%);
    }

    51% {
        opacity: 1;
    }
}

#cp-team-slider .owl-controls {
    bottom:;
    left: 0;
    right: 0;
    margin: 0 auto 35px;
    position: relative;
}

#cp-team-slider .owl-nav div {
    background: none;
    text-indent: inherit;
    background: #fff;
    border: 2px solid #c52549;
    width: 45px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    font-size: 0;
    padding: 0;
    border-radius: 0;
}

#cp-team-slider .owl-nav .owl-prev {
    right: 50px;
    left: inherit;
}

#cp-team-slider .owl-nav .owl-next {
    right: 0;
}

#cp-team-slider .owl-nav .owl-prev:after {
    content: "\f177";
    font-family: 'FontAwesome';
    font-size: 18px;
    color: #222;
}

#cp-team-slider .owl-nav .owl-next:after {
    content: "\f178";
    font-family: 'FontAwesome';
    font-size: 18px;
    color: #222;
}

#cp-team-slider .owl-nav .owl-prev:hover:after, #cp-team-slider .owl-nav .owl-next:hover:after {
    color: #fff;
}

.cp-team-item2 {
    float: left;
    width: 100%;
}

    .cp-team-item2 .cp-thumb {
        width: 100%;
    }

    .cp-team-item2 .cp-caption {
        width: 100%;
        height: 100%;
    }

    .cp-team-item2 .cp-text {
        padding: 14px 10px 14px 30px;
        top: inherit;
        bottom: 30px;
    }

    .cp-team-item2:hover .cp-text span, .cp-team-item2:hover .cp-text h3 {
        color: #fff;
    }

    .cp-team-item2 .cp-text span {
        padding-bottom: 0;
    }

    .cp-team-item2 .cp-social-links {
        float: right;
        width: 55px;
        padding: 10px 0;
        text-align: center;
        background-color: #fff;
        position: absolute;
        right: 0;
        bottom: 30px;
        z-index: 999;
        -webkit-transform: translateX(60px);
        -moz-transform: translateX(60px);
        -ms-transform: translateX(60px);
        -o-transform: translateX(60px);
        transform: translateX(60px);
    }

    .cp-team-item2:hover .cp-social-links {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
    }

    .cp-team-item2 .cp-social-links li {
        display: block;
        margin: 0 0 2px;
    }

        .cp-team-item2 .cp-social-links li:last-child {
            margin-bottom: 0;
        }

.cp-online-booking {
    float: left;
    width: 100%;
}

.cp-online-form-outer {
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 60px 20px 0;
    box-shadow: 0 0 14px rgba(0,0,0,0.15);
}

    .cp-online-form-outer h2 {
        text-align: center;
        margin: 0 0 60px;
    }

.btn-holder {
    float: left;
    width: 100%;
    text-align: center;
}

.btn-submit {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    padding: 0 55px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border: none;
    box-shadow: none;
    display: inline-block;
}

.cp-facts-section {
    float: left;
    width: 100%;
    background: url(../images/facts-bg-img.jpg) top center no-repeat;
    background-size: cover;
    text-align: center;
    margin-bottom: 115px;
    padding-top: 56px;
    background-attachment: fixed;
}

    .cp-facts-section h2 {
        font-weight: 700;
        font-size: 44px;
        line-height: 54px;
        color: #fff;
        margin: 0 0 30px;
    }

    .cp-facts-section .cp-btn-style1 {
        margin: 0 9px 60px;
    }

.cp_counter-row {
    float: left;
    width: 100%;
    padding: 50px 20px 58px;
    margin: 0;
    background-color: #fff;
    box-shadow: 0 5px 7px rgba(0,0,0,0.15);
    margin-bottom: -115px;
}

    .cp_counter-row .cp-counter-item {
        float: left;
        width: 25%;
        padding: 0 20px;
        text-align: center;
        border-right: 1px solid #cccccc;
        list-style: none;
    }

        .cp_counter-row .cp-counter-item:last-child {
            border: none;
        }

.cp-counter-item .counter {
    font-family: 'Noto Serif',serif;
    font-size: 60px;
    line-height: 60px;
    padding-bottom: 17px;
    font-weight: 700;
    color: #fff;
    display: block;
    margin: 0 0 13px;
    position: relative;
}

    .cp-counter-item .counter:after {
        content: '';
        width: 68px;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        bottom: 0;
        border-bottom: 4px solid #cccccc;
    }

.cp-counter-item strong {
    font-family: 'Noto Serif',serif;
    font-size: 20px;
    font-weight: 700;
    display: block;
    margin: 0;
    color: #222222;
}

.cp-section {
    float: left;
    width: 100%;
    padding-bottom: 16px;
}

.cp-blog-outer {
    float: left;
    width: 100%;
}

    .cp-blog-outer h2, .cp-clients-outer h2 {
        margin: 0 0 25px;
    }

.cp-blog-inner {
    float: left;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 5px 7px rgba(0,0,0,0.15);
}

    .cp-blog-inner .cp-thumb {
        width: auto;
        float: left;
    }

    .cp-blog-inner .cp-text {
        overflow: hidden;
        padding: 16px 30px 10px;
        border-top: 2px solid;
    }

        .cp-blog-inner .cp-text h3 {
            line-height: 28px;
            margin: 0 0 8px;
        }

        .cp-blog-inner .cp-text .post-meta {
            margin: 0 0 7px;
        }

        .cp-blog-inner .cp-text p {
            margin: 0 0 8px;
        }

.read-more2 {
    font-size: 18px;
    font-weight: 600;
    color: #222222;
}

#cp-blog-slider {
    float: left;
    width: 100%;
    position: relative;
}

    #cp-blog-slider .owl-controls {
        position: absolute;
        right: 0;
        top: -50px;
    }

        #cp-blog-slider .owl-controls .owl-nav [class*="owl-"] {
            background: transparent;
            border-radius: 0;
            color: #777777;
            cursor: pointer;
            display: inline-block;
            margin: 0 0 0 5px;
            padding: 0;
            position: relative;
        }

        #cp-blog-slider .owl-controls .owl-nav .owl-prev:before, #cp-blog-slider .owl-controls .owl-nav .owl-next:before {
            font-family: 'FontAwesome';
            font-size: 20px;
            text-align: center;
        }

        #cp-blog-slider .owl-controls .owl-nav .owl-prev:before {
            content: "\f190";
        }

        #cp-blog-slider .owl-controls .owl-nav .owl-next:before {
            content: "\f18e";
        }

.cp-clients-outer {
    float: left;
    width: 100%;
}

.cp-clients-inner2 {
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 27px 30px 18px 30px;
    box-shadow: 0 5px 7px rgba(0,0,0,0.15);
}

    .cp-clients-inner2 .cp-top {
        width: auto;
        float: left;
        min-width: auto;
        position: static;
        margin-right: 23px;
        text-align: center;
    }

        .cp-clients-inner2 .cp-top:after {
            bottom: 30px;
            right: 0px;
        }

        .cp-clients-inner2 .cp-top:before {
            display: none;
        }

    .cp-clients-inner2 p {
        overflow: hidden;
        margin: 0 0 20px;
    }

    .cp-clients-inner2 .owl-controls .owl-dots, #cp-testimonial-slider2 .owl-controls .owl-dots {
        float: right;
        padding: 3px 30px;
        background-color: #f0f0f0;
        border: 1px solid #cccccc;
        border-radius: 20px;
        position: absolute;
        right: 0;
        bottom: -27px;
    }

#cp-testimonial-slider2 .owl-controls .owl-dots {
    left: 0;
    margin: 0 auto;
    width: 135px;
    padding: 4px 12px;
    bottom: -37px;
    display: inline-block;
}

.cp-clients-inner2 #cp-testimonial-slider .owl-controls .owl-dot span, #cp-testimonial-slider2 .owl-controls .owl-dot span {
    margin: 0 4px;
}

#cp-testimonial-slider2 .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
}

.cp-clients-section-v2 {
    padding-bottom: 106px;
}

.cp-services-section {
    float: left;
    width: 100%;
    background: url(../images/services-bg-img.jpg) top center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    z-index: 11;
}

    .cp-services-section h2 {
        color: #fff;
        text-align: center;
        margin: 0 0 40px;
    }

    .cp-services-section:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-color: rgba(0,0,0,0.85);
        z-index: -1;
    }

.cp-device-img {
    float: left;
    width: 100%;
    text-align: center;
}

    .cp-device-img img {
        display: inline-block;
    }

.cp-services-listed {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

    .cp-services-listed > li {
        float: left;
        width: 100%;
        list-style: none;
        margin-bottom: 37px;
    }

        .cp-services-listed > li:last-child {
            margin-bottom: 0;
        }

    .cp-services-listed .cp-process-box {
        margin-bottom: 0;
    }

    .cp-services-listed .cp-icon-box {
        color: #cccccc;
        float: left;
        margin-bottom: 0;
        margin-right: 20px;
    }

    .cp-services-listed .cp-process-box .cp-icon-box {
        color: #ccc;
    }

    .cp-services-listed .cp-text {
        overflow: hidden;
        text-align: left;
    }

        .cp-services-listed .cp-text h3, .cp-services-listed .cp-text p {
            color: #fff;
        }

    .cp-services-listed.text-right .cp-text {
        text-align: right;
    }

    .cp-services-listed.text-right .cp-icon-box {
        float: right;
        margin: 0 0 0 20px;
    }

.cp-price-section {
    float: left;
    width: 100%;
    padding-bottom: 40px;
}

.cp-price-section-v2 {
    background-color: #f7f7f7;
}

.cp-price-box {
    float: left;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 5px 7px rgba(0,0,0,0.15);
    border: 4px solid #e1e1e1;
    text-align: center;
    margin: 0 0 30px;
}

    .cp-price-box:hover, .cp-price-box:hover .cp-title {
        border-color: #222;
    }

        .cp-price-box:hover .cp-title:before {
            border-top-color: #fff;
        }

        .cp-price-box:hover .cp-title:after {
            border-bottom-color: #fff;
        }

        .cp-price-box:hover .cp-title strong, .cp-price-box:hover .cp-price-listed li {
            color: #fff;
        }

        .cp-price-box:hover .cp-btn-style1:before, .cp-price-box:hover .cp-title a {
            background-color: #fff;
        }

    .cp-price-box .cp-title {
        float: left;
        width: 100%;
        padding: 8px 8px 0;
        position: relative;
        border-bottom: 4px solid #e1e1e1;
    }

        .cp-price-box .cp-title:before {
            content: '';
            position: absolute;
            left: 8px;
            top: 8px;
            width: 0;
            height: 0;
            border-top: 20px solid #e1e1e1;
            border-right: 20px solid transparent;
        }

        .cp-price-box .cp-title:after {
            content: '';
            position: absolute;
            right: 8px;
            top: 8px;
            width: 0;
            height: 0;
            border-left: 20px solid transparent;
            border-top: 20px solid #e1e1e1;
        }

        .cp-price-box .cp-title strong {
            font-family: 'Noto Serif',serif;
            font-weight: 700;
            font-size: 48px;
            color: #222;
            display: block;
            margin: 25px 0 37px;
        }

            .cp-price-box .cp-title strong sup {
                top: -10px;
            }

        .cp-price-box .cp-title em {
            font-style: normal;
            font-size: 18px;
            margin: 0;
        }

        .cp-price-box .cp-title a {
            font-size: 18px;
            font-weight: 700;
            line-height: 18px;
            width: 140px;
            position: absolute;
            left: 0;
            right: 0;
            bottom: -20px;
            margin: 0 auto;
            color: #fff;
            padding: 11px 10px;
            z-index: 11;
            display: inline-block;
        }

    .cp-price-box .cp-price-listed {
        padding: 40px 0;
    }

.cp-price-listed {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

    .cp-price-listed li {
        font-size: 16px;
        padding: 8px 0;
        color: #777777;
    }

        .cp-price-listed li:last-child {
            padding-bottom: 0;
        }

.cp-price-box .cp-btn-style1 {
    padding: 12px 38px;
    margin-top: 15px;
}

#content_Wrapper {
    float: left;
    width: 100%;
    text-align: center;
}

.error-page h2 {
    margin: 0 0 30px;
}

.cp-error-section {
    float: left;
    width: 100%;
    padding: 130px 0 150px;
}

.cp-error-inner {
    float: left;
    width: 100%;
    text-align: center;
}

.cp-error-title {
    font-family: 'Noto Serif',serif;
    font-size: 300px;
    line-height: 240px;
    font-weight: 400;
    display: block;
    margin: 0 0 50px;
}

.cp-error-inner h2 {
    font-weight: 700;
    font-size: 36px;
    color: #222;
    margin: 0 0 17px;
}

.cp-error-inner p {
    font-family: 'Noto Serif',serif;
    font-size: 20px;
    font-weight: 700;
    color: #222222;
    margin: 0 0 60px;
}

.cp-error-inner form {
    width: 555px;
    margin: 0 auto;
    position: relative;
}

    .cp-error-inner form input[type="text"] {
        font-size: 16px;
        color: #777777;
        padding: 0 20px;
        height: 60px;
        line-height: 60px;
        border: 1px solid #ccc;
    }

    .cp-error-inner form .btn-submit {
        font-size: 20px;
        color: #fff;
        padding: 0 25px;
        height: 60px;
        line-height: 60px;
        border: none;
        position: absolute;
        right: 0;
        top: 0;
        text-align: center;
    }

.cp-signup-section {
    float: left;
    width: 100%;
}

.cp-signup-form {
    width: 555px;
    margin: 0 auto;
}

    .cp-signup-form .input-field {
        margin-bottom: 38px;
    }

    .cp-signup-form .btn-submit {
        width: 100%;
    }

    .cp-signup-form .btn-holder {
        margin-bottom: 20px;
    }

.login-btn {
    font-size: 16px;
    font-weight: 400;
    display: block;
    font-style: italic;
    text-align: center;
}

    .login-btn a {
        text-transform: uppercase;
    }

.cp-signup-form .checkbox {
    float: left;
    width: 100%;
    margin-top: 0;
}

    .cp-signup-form .checkbox label {
        position: static;
    }

.cp-signup-form .cp-social-links2 {
    padding: 30px 80px;
    background-color: #f7f7f7;
    margin-bottom: 30px;
}

.cp-social-links2 {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

    .cp-social-links2 li {
        display: block;
        margin-bottom: 10px;
    }

        .cp-social-links2 li:last-child {
            margin-bottom: 0;
        }

        .cp-social-links2 li a {
            font-size: 15px;
            color: #fff;
            line-height: 40px;
            display: block;
            border-radius: 3px;
        }

        .cp-social-links2 li .fa {
            font-size: 20px;
            width: 60px;
            height: 40px;
            line-height: 40px;
            text-align: center;
        }

        .cp-social-links2 li span {
            border-left: 1px solid #fff;
            line-height:;
            display: inline-block;
            padding-left: 20px;
        }

.fb-btn a {
    background-color: #3b5998;
}

.google-btn a {
    background-color: #dd4b39;
}

.twitter-btn a {
    background-color: #55acee;
}

.cp-shop-section {
    float: left;
    width: 100%;
}

.cp-shop-box {
    float: left;
    width: 100%;
    padding: 10px;
    margin: 0 0 40px;
    background-color: #fff;
    border-top: 2px solid;
    box-shadow: 0 5px 7px rgba(0,0,0,0.15);
}

    .cp-shop-box:hover .cp-thumb img {
        -webkit-transform: scale(1.2) rotate(3deg);
        -moz-transform: scale(1.2) rotate(3deg);
        -ms-transform: scale(1.2) rotate(3deg);
        -o-transform: scale(1.2) rotate(3deg);
        transform: scale(1.2) rotate(3deg);
    }

    .cp-shop-box .cp-text {
        float: left;
        width: 100%;
        padding: 22px 0 12px;
    }

        .cp-shop-box .cp-text h3 {
            color: #222;
            font-weight: 700;
            margin: 0 0 10px;
        }

            .cp-shop-box .cp-text h3 a {
                color: #222;
            }

.cp-pro-meta {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

    .cp-pro-meta li {
        font-weight: 700;
        font-size: 18px;
        color: #777777;
        display: inline-block;
    }

        .cp-pro-meta li .fa {
            font-size: 16px;
        }

        .cp-pro-meta li .discount-price {
            padding-left: 8px;
        }

        .cp-pro-meta li.icon {
            float: right;
        }

.cp-shop-box:hover .icon .fa {
    color: #222;
}

.cp-shop-section .pagination-box {
    margin-top: 20px;
}

.cp-filter-option {
    float: left;
    width: 100%;
    margin: 0 0 40px;
}

    .cp-filter-option label {
        font-family: 'Noto Serif',serif;
        font-size: 16px;
        font-weight: 700;
        color: #222;
        display: inline-block;
        margin: 8px 5px 0 0;
    }

    .cp-filter-option .btn-group > .btn-default, .cp-filter-option .btn-group {
        float: right;
    }

    .cp-filter-option .btn-default {
        font-family: 'Noto Serif',serif;
        font-size: 14px;
        font-weight: 700;
        font-style: italic;
        width: 178px;
        height: 40px;
        float: right;
        line-height: 40px;
        border: 1px solid #ccc;
        border-radius: 3px;
        background-color: transparent;
        text-align: left;
        padding: 0 15px;
        position: relative;
        color: #888888;
    }

        .cp-filter-option .btn-group.open .btn-default, .cp-filter-option .btn-default:hover, .cp-filter-option .btn-default:focus, .cp-filter-option .btn-default:active:focus, .cp-filter-option .btn-default:active:hover, .cp-filter-option .btn-default:active {
            background-color: transparent;
            box-shadow: transparent;
        }

        .cp-filter-option .btn-default:active, .cp-filter-option .btn-default.active, .cp-filter-option .open > .dropdown-toggle.btn-default {
            background-color: transparent;
        }

        .cp-filter-option .btn-default .caret {
            float: right;
            position: absolute;
            right: 15px;
            top: 15px;
        }

    .cp-filter-option .dropdown-menu {
        min-width: 100%;
        margin: 0;
        padding: 0;
    }

        .cp-filter-option .dropdown-menu li {
            padding: 7px 10px;
            border-bottom: 1px solid #ccc;
        }

            .cp-filter-option .dropdown-menu li:last-child {
                border-bottom: none;
            }

.cp-shop-detail {
    float: left;
    width: 100%;
    padding-bottom: 40px;
}

.cp-pro-detail-info {
    float: left;
    width: 100%;
}

    .cp-pro-detail-info .cp-thumb {
        padding: 10px;
        background-color: transparent;
        border-top: 2px solid;
        box-shadow: 0 5px 7px rgba(0,0,0,0.15);
    }

.cp-product-text {
    float: left;
    width: 100%;
}

    .cp-product-text h2 {
        margin: 0 0 10px;
    }

    .cp-product-text .cp-pro-meta {
        margin: 0 0 7px;
    }

        .cp-product-text .cp-pro-meta li {
            font-size: 24px;
        }

    .cp-product-text p {
        margin: 0 0 17px;
    }

.cp-pro-listed {
    float: left;
    width: 100%;
    margin: 0 0 17px;
    padding: 0;
}

    .cp-pro-listed li {
        font-size: 16px;
        line-height: 16px;
        margin: 0 0 10px;
    }

        .cp-pro-listed li:before {
            font-family: 'FontAwesome';
            content: "\f046";
            font-size: 16px;
            color: #777;
            margin-right: 15px;
        }

        .cp-pro-listed li:last-child {
            margin-bottom: 0;
        }

.cp-related-pro h2, .cp-related-pro h3 {
    margin: 0 0 20px;
}

.cp-reviews-listed {
    float: left;
    width: 100%;
    margin: 0 0 30px;
    padding: 12px 0 15px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

    .cp-reviews-listed li {
        font-size: 18px;
        font-weight: 700;
        float: left;
        width: 50%;
        color: #222222;
    }

.cp-rating {
    display: inline-block;
}

    .cp-rating .fa {
        font-size: 18px;
    }

.cp-product-text .product-quantity {
    float: left;
    margin-right: 18px;
}

.input-append.spinner > span {
    float: left;
    padding-right: 5px;
    line-height: 37px;
}

.product-quantity .spinner .decrease {
    display: inline-block;
}

.product-quantity .spinner .increase {
    display: inline-block;
}

.product-quantity .spinner .spin-down, .product-quantity .spin-up {
    background: #fff;
    border: 1px solid #ccc;
    padding: 6px 9px;
    color: #444;
    font-size: 10px;
    cursor: pointer;
    display: inline-block;
}

.cp-product-list .product-quantity .spin-up {
    border-left: none;
    float: left;
    line-height: 14px;
}

.cp-product-list .product-quantity .spinner .spin-down {
    float: left;
    border-right: none;
    line-height: 14px;
}

.product-quantity .spinner [type="text"] {
    border: 1px solid #ccc;
    width: 56px;
    height: 51px;
    float: left;
    text-align: center;
    color: #444;
}

.cp-tab-box {
    float: left;
    width: 100%;
}

    .cp-tab-box .nav-tabs {
        float: left;
        width: 100%;
        margin: 0 0 20px;
        border: none;
        border-bottom: 1px solid #cccccc;
    }

        .cp-tab-box .nav-tabs > li {
            float: left;
            padding: 0;
            margin-right: 2px;
            margin: 0;
            border: none;
        }

            .cp-tab-box .nav-tabs > li:last-child {
                padding: 0;
            }

            .cp-tab-box .nav-tabs > li > a {
                font-family: 'Noto Serif',serif;
                font-size: 20px;
                font-weight: 700;
                background-color: transparent;
                color: #222222;
                border-radius: 0;
                line-height: 18px;
                margin: 0;
                padding: 18px 20px;
                display: block;
                cursor: pointer;
                position: relative;
                border: none;
                border-bottom: 5px solid #fff;
            }

            .cp-tab-box .nav-tabs > li.active > a, .cp-tab-box.nav-tabs > li.active > a:hover, .cp-tab-box .nav-tabs > li.active > a:focus, .cp-tab-box .nav-tabs > li a:hover {
                outline: none;
                border: none;
                background-color: transparent;
                border-bottom: 5px solid;
            }

                .cp-tab-box .nav-tabs > li.active > a, .cp-tab-box .nav-tabs > li.active > a:hover, .cp-tab-box .nav-tabs > li.active > a:focus {
                    border: none;
                    color: #222;
                    border-bottom: 5px solid;
                }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
}

.cp-tab-box .tab-inner-holder {
    float: left;
    width: 100%;
}

.cp-tab-box .cp-tab-text {
    margin-bottom: 38px;
    float: left;
    width: 100%;
}

    .cp-tab-box .cp-tab-text p {
        margin: 0 0 15px;
    }

.tabs-top-holder {
    float: left;
    width: 100%;
}

    .tabs-top-holder .thumb {
        float: left;
        width: 98px;
        height: 98px;
        border-radius: 100%;
        margin-right: 30px;
    }

        .tabs-top-holder .thumb img {
            border-radius: 100%;
        }

    .tabs-top-holder .tabs-inner-text {
        overflow: hidden;
    }

.cp-tab-box .tabs-inner-text h5 {
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
    color: #222;
    margin: 0 0 12px;
}

    .cp-tab-box .tabs-inner-text h5 a {
        color: #222;
    }

.cp-tab-box .tabs-inner-text span {
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    padding: 0 30px 14px 0;
}

.cp-tab-box .tabs-inner-text p {
    margin: 0;
    display: block;
}

.cp-tab-box .cp-form-box {
    margin: 0 0 30px;
}

.cp-contact-section {
    float: left;
    width: 100%;
}

.cp-contact-inner {
    float: left;
    width: 100%;
}

.cp-contact-map {
    float: left;
    width: 100%;
}

#cp_map {
    width: 100%;
    height: 400px;
}

#cp-map_contact {
    height: 400px;
    width: 100%;
}

.cp-contact-inner .cp-form-box .inner-holder .btn-submit {
    float: none;
    display: inline-block;
}

.cp-contact-inner .cp-form-box .cp-btn-holder {
    text-align: center;
}

.cp-contact-info {
    float: left;
    width: 100%;
    margin: 0 0 30px;
}

    .cp-contact-info h3 {
        margin: 0 0 25px;
    }

    .cp-contact-info ul {
        padding: 0 0 28px;
        border-bottom: 1px solid #ccc;
        margin: 0;
    }

        .cp-contact-info ul li {
            font-size: 16px;
            color: #777;
            margin: 0 0 6px;
        }

            .cp-contact-info ul li a {
                color: #777;
            }

            .cp-contact-info ul li:last-child {
                margin-bottom: 0;
            }

            .cp-contact-info ul li .fa {
                width: 30px;
            }

.cp-contact-info2 {
    margin-bottom: 0;
}

    .cp-contact-info2 ul {
        padding: 0;
        border-bottom: none;
    }

.pagination-box {
    float: left;
    width: 100%;
    margin: 40px 0 0 0;
}

    .pagination-box .pagination {
        border-radius: 0;
        display: block;
        margin: 0;
        text-align: center;
        padding-left: 0;
    }

        .pagination-box .pagination > li {
            display: inline-block;
            float: none;
            margin: 0 6px;
            position: relative;
        }

            .pagination-box .pagination > li:first-child {
                margin-right: 0;
            }

                .pagination-box .pagination > li:first-child:before {
                    content: '';
                    width: 9px;
                    height: 20px;
                    background: #fff;
                    position: absolute;
                    right: -96px;
                    top: 0;
                    z-index: 9;
                }

            .pagination-box .pagination > li:last-child:before {
                background: #fff;
                content: "";
                height: 9px;
                position: absolute;
                right: -76px;
                top: 0;
                width: 8px;
                z-index: 9;
            }

            .pagination-box .pagination > li:last-child {
                margin-left: 0;
            }

                .pagination-box .pagination > li:last-child:after {
                    background: #fff;
                    content: "";
                    height: 12px;
                    left: -78px;
                    position: absolute;
                    top: 0;
                    width: 14px;
                    z-index: 9;
                }

            .pagination-box .pagination > li:before {
                content: '';
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                margin: auto;
                width: 54px;
                height: 1px;
                background: #ccc;
            }

            .pagination-box .pagination > li:after {
                content: '';
                position: absolute;
                right: -11px;
                top: 0;
                bottom: 0;
                margin: auto;
                width: 5px;
                height: 5px;
                border-radius: 100%;
                background: #ccc;
            }

            .pagination-box .pagination > li:first-child > a, .pagination-box .pagination > li:first-child > span, .pagination-box .pagination > li:last-child > a, .pagination-box .pagination > li:last-child > span {
                border-bottom-left-radius: 0;
                border-top-left-radius: 0;
                border: 0;
                margin-left: 0;
                font-size: 16px;
                line-height: 16px;
                font-weight: 400;
                color: #666;
            }

            .pagination-box .pagination > li:last-child > a, .pagination-box .pagination > li:last-child > span {
                border-bottom-right-radius: 0;
                border-top-right-radius: 0;
                border: 0;
                color: #777;
                font-size: 18px;
                line-height: 16px;
                font-weight: 400;
            }

            .pagination-box .pagination > li > a:hover, .pagination-box .pagination > li > span:hover, .pagination-box .pagination > li > a:focus, .pagination-box .pagination > li > span:focus {
                border-color: transparent;
                color: #fff;
                z-index: 2;
            }

            .pagination-box .pagination > li:first-child > a:hover {
                background: none;
            }

            .pagination-box .pagination > li:last-child > a:hover {
                background: none;
            }

            .pagination-box .pagination > li > a, .pagination-box .pagination > li > span {
                background-color: #fff;
                border: 1px solid #ccc;
                border-radius: 0;
                color: #777777;
                float: left;
                margin-left: 0;
                padding: 11px 14px;
                font-size: 18px;
                line-height: 16px;
                font-weight: 600;
            }

            .pagination-box .pagination > li.active a {
                border: 1px solid rgba(0,0,0,0);
                color: #fff;
            }

.cp-countdown {
    padding: 40px 0 25px;
    text-align: center;
}

.clock .clock-item {
    width: 170px;
    padding: 10px;
    display: inline-block;
    margin-left: 28px;
    position: relative;
}

    .clock .clock-item:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        border-radius: 100%;
        border: 3px dotted #fff;
    }

.countdown-time-value {
    position: relative;
}

.count-down-time-value-afternone {
    position: relative;
}

.clock-item .inner {
    height: 0px;
    padding-bottom: 100%;
    position: relative;
    width: 100%;
}

.clock-canvas {
    background-color: rgba(255,255,255,0.15);
    border-radius: 50%;
    height: 0px;
    padding-bottom: 100%;
}

.inner .text {
    margin-top: -30px;
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
}

    .inner .text .val {
        font-size: 60px;
        font-weight: bold;
        font-family: 'Noto Serif',serif;
        margin: 5px 0 0 0;
    }

    .inner .text p {
        font-size: 16px;
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
        padding-top: 80px;
    }

::-webkit-input-placeholder {
    color: #777;
}

:-moz-placeholder {
    color: #777;
}

::-moz-placeholder {
    color: #777;
}

:-ms-input-placeholder {
    color: #777;
}

input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #cccccc;
    border-radius: 0;
    outline: none;
    height: 36px;
    width: 100%;
    font-size: 16px;
    margin: 0;
    padding: 0;
    box-shadow: none;
    transition: all .3s;
}

    input[type=text]:disabled, input[type=text][readonly="readonly"], input[type=password]:disabled, input[type=password][readonly="readonly"], input[type=email]:disabled, input[type=email][readonly="readonly"], input[type=url]:disabled, input[type=url][readonly="readonly"], input[type=time]:disabled, input[type=time][readonly="readonly"], input[type=date]:disabled, input[type=date][readonly="readonly"], input[type=datetime-local]:disabled, input[type=datetime-local][readonly="readonly"], input[type=tel]:disabled, input[type=tel][readonly="readonly"], input[type=number]:disabled, input[type=number][readonly="readonly"], input[type=search]:disabled, input[type=search][readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"] {
        color: rgba(0,0,0,0.26);
        border-bottom: 1px dotted rgba(0,0,0,0.26);
    }

        input[type=text]:disabled + label, input[type=text][readonly="readonly"] + label, input[type=password]:disabled + label, input[type=password][readonly="readonly"] + label, input[type=email]:disabled + label, input[type=email][readonly="readonly"] + label, input[type=url]:disabled + label, input[type=url][readonly="readonly"] + label, input[type=time]:disabled + label, input[type=time][readonly="readonly"] + label, input[type=date]:disabled + label, input[type=date][readonly="readonly"] + label, input[type=datetime-local]:disabled + label, input[type=datetime-local][readonly="readonly"] + label, input[type=tel]:disabled + label, input[type=tel][readonly="readonly"] + label, input[type=number]:disabled + label, input[type=number][readonly="readonly"] + label, input[type=search]:disabled + label, input[type=search][readonly="readonly"] + label, textarea.materialize-textarea:disabled + label, textarea.materialize-textarea[readonly="readonly"] + label {
            color: rgba(0,0,0,0.26);
        }

.cp-online-form-outer input[type=text]:focus:not([readonly]), .cp-online-form-outer input[type=password]:focus:not([readonly]), .cp-online-form-outer input[type=email]:focus:not([readonly]), .cp-online-form-outer input[type=url]:focus:not([readonly]), .cp-online-form-outer input[type=time]:focus:not([readonly]), .cp-online-form-outer input[type=date]:focus:not([readonly]), .cp-online-form-outer input[type=datetime-local]:focus:not([readonly]), .cp-online-form-outer input[type=tel]:focus:not([readonly]), .cp-online-form-outer input[type=number]:focus:not([readonly]), .cp-online-form-outer input[type=search]:focus:not([readonly]), .cp-online-form-outer .input-field textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 2px solid #c52549;
}

input[type=text]:focus:not([readonly]) + label, input[type=password]:focus:not([readonly]) + label, input[type=email]:focus:not([readonly]) + label, input[type=url]:focus:not([readonly]) + label, input[type=time]:focus:not([readonly]) + label, input[type=date]:focus:not([readonly]) + label, input[type=datetime-local]:focus:not([readonly]) + label, input[type=tel]:focus:not([readonly]) + label, input[type=number]:focus:not([readonly]) + label, input[type=search]:focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label {
    color: #c52549;
}

input[type=text].valid, input[type=text]:focus.valid, input[type=password].valid, input[type=password]:focus.valid, input[type=email].valid, input[type=email]:focus.valid, input[type=url].valid, input[type=url]:focus.valid, input[type=time].valid, input[type=time]:focus.valid, input[type=date].valid, input[type=date]:focus.valid, input[type=datetime-local].valid, input[type=datetime-local]:focus.valid, input[type=tel].valid, input[type=tel]:focus.valid, input[type=number].valid, input[type=number]:focus.valid, input[type=search].valid, input[type=search]:focus.valid, textarea.materialize-textarea.valid, textarea.materialize-textarea:focus.valid {
    border-bottom: 1px solid #4CAF50;
    box-shadow: 0 1px 0 0 #4CAF50;
}

    input[type=text].valid + label:after, input[type=text]:focus.valid + label:after, input[type=password].valid + label:after, input[type=password]:focus.valid + label:after, input[type=email].valid + label:after, input[type=email]:focus.valid + label:after, input[type=url].valid + label:after, input[type=url]:focus.valid + label:after, input[type=time].valid + label:after, input[type=time]:focus.valid + label:after, input[type=date].valid + label:after, input[type=date]:focus.valid + label:after, input[type=datetime-local].valid + label:after, input[type=datetime-local]:focus.valid + label:after, input[type=tel].valid + label:after, input[type=tel]:focus.valid + label:after, input[type=number].valid + label:after, input[type=number]:focus.valid + label:after, input[type=search].valid + label:after, input[type=search]:focus.valid + label:after, textarea.materialize-textarea.valid + label:after, textarea.materialize-textarea:focus.valid + label:after {
        content: attr(data-success);
        color: #4CAF50;
        opacity: 1;
    }

input[type=text].invalid, input[type=text]:focus.invalid, input[type=password].invalid, input[type=password]:focus.invalid, input[type=email].invalid, input[type=email]:focus.invalid, input[type=url].invalid, input[type=url]:focus.invalid, input[type=time].invalid, input[type=time]:focus.invalid, input[type=date].invalid, input[type=date]:focus.invalid, input[type=datetime-local].invalid, input[type=datetime-local]:focus.invalid, input[type=tel].invalid, input[type=tel]:focus.invalid, input[type=number].invalid, input[type=number]:focus.invalid, input[type=search].invalid, input[type=search]:focus.invalid, textarea.materialize-textarea.invalid, textarea.materialize-textarea:focus.invalid {
    border-bottom: 1px solid #F44336;
    box-shadow: 0 1px 0 0 #F44336;
}

    input[type=text].invalid + label:after, input[type=text]:focus.invalid + label:after, input[type=password].invalid + label:after, input[type=password]:focus.invalid + label:after, input[type=email].invalid + label:after, input[type=email]:focus.invalid + label:after, input[type=url].invalid + label:after, input[type=url]:focus.invalid + label:after, input[type=time].invalid + label:after, input[type=time]:focus.invalid + label:after, input[type=date].invalid + label:after, input[type=date]:focus.invalid + label:after, input[type=datetime-local].invalid + label:after, input[type=datetime-local]:focus.invalid + label:after, input[type=tel].invalid + label:after, input[type=tel]:focus.invalid + label:after, input[type=number].invalid + label:after, input[type=number]:focus.invalid + label:after, input[type=search].invalid + label:after, input[type=search]:focus.invalid + label:after, textarea.materialize-textarea.invalid + label:after, textarea.materialize-textarea:focus.invalid + label:after {
        content: attr(data-error);
        color: #F44336;
        opacity: 1;
    }

input[type=text] + label:after, input[type=password] + label:after, input[type=email] + label:after, input[type=url] + label:after, input[type=time] + label:after, input[type=date] + label:after, input[type=datetime-local] + label:after, input[type=tel] + label:after, input[type=number] + label:after, input[type=search] + label:after, textarea.materialize-textarea + label:after {
    display: block;
    content: "";
    position: absolute;
    top: 65px;
    opacity: 0;
    transition: .2s opacity ease-out,.2s color ease-out;
}

.input-field {
    position: relative;
    margin-bottom: 60px;
}

.textarea-field {
    margin-bottom: 30px;
}

.input-field label {
    color: #777777;
    position: absolute;
    top: -5px;
    left: 0;
    font-size: 16px;
    font-weight: 400;
    cursor: text;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    -ms-transition: .2s ease-out;
    transition: .2s ease-out;
}

    .input-field label.active {
        font-size: 14px;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
    }

.input-field .prefix {
    position: absolute;
    width: 3rem;
    font-size: 16px;
    padding-left: 8px;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    -o-transition: color .2s;
    -ms-transition: color .2s;
    transition: color .2s;
}

    .input-field .prefix ~ input, .input-field .prefix ~ textarea {
        width: 100%;
        padding-left: 30px;
        position: relative;
        z-index: 999;
    }

    .input-field .prefix ~ textarea {
        padding-top: .8rem;
    }

    .input-field .prefix ~ label {
        margin-left: 30px;
    }

.input-field input[type=search] {
    display: block;
    line-height: inherit;
    padding-left: 4rem;
    width: calc(100% - 4rem);
}

    .input-field input[type=search]:focus {
        background-color: #FFF;
        border: 0;
        box-shadow: none;
        color: #444;
    }

        .input-field input[type=search]:focus + label i, .input-field input[type=search]:focus ~ .mdi-navigation-close {
            color: #444;
        }

    .input-field input[type=search] + label {
        left: 1rem;
    }

    .input-field input[type=search] ~ .mdi-navigation-close {
        position: absolute;
        top: 0;
        right: 1rem;
        color: transparent;
        cursor: pointer;
        font-size: 2rem;
        transition: .3s color;
    }

.input-field textarea {
    width: 100%;
    height: 145px;
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #ccc;
}

    .input-field textarea.materialize-textarea {
        overflow-y: hidden;
        padding: 1.6rem 0;
        resize: none;
        min-height: 145px;
        border-bottom: 2px solid #c52549;
    }

.hiddendiv {
    display: none;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-wrap: break-word;
    padding-top: 1.2rem;
}

.cp-sidebar-outer {
    float: left;
    width: 100%;
}

.widget {
    float: left;
    width: 100%;
    margin: 0 0 34px;
}

    .widget h3 {
        font-size: 20px;
        color: #222222;
        margin: 0 0 15px;
    }

.widget-search {
    float: left;
    width: 100%;
}

    .widget-search form {
        float: left;
        width: 100%;
        height: 50px;
        position: relative;
        border: 2px solid #cccccc;
    }

    .widget-search input[type="text"] {
        font-size: 14px;
        color: #777777;
        width: 100%;
        float: left;
        height: 50px;
        line-height: 50px;
        padding: 0 12px;
        position: relative;
        border: none;
        overflow: hidden;
    }

    .widget-search ::-webkit-input-placeholder {
        color: #777;
    }

    .widget-search :-moz-placeholder {
        color: #777;
    }

    .widget-search ::-moz-placeholder {
        color: #777;
    }

    .widget-search :-ms-input-placeholder {
        color: #777;
    }

    .widget-search .btn-submit {
        font-size: 16px;
        color: #777;
        line-height: 50px;
        height: 50px;
        position: absolute;
        right: -2px;
        top: -2px;
        padding: 0 15px;
        border: none;
        text-align: center;
    }

.widget > ul {
    padding: 0;
    margin: 0;
}

    .widget > ul > li {
        float: left;
        width: 100%;
        display: block;
    }

.widget-listed ul li {
    font-size: 16px;
    line-height: 16px;
    color: #999;
    display: block;
    padding: 0 0 14px 15px;
    position: relative;
}

    .widget-listed ul li:before {
        font-family: 'FontAwesome';
        content: '\f0da';
        font-size: 12px;
        position: absolute;
        left: 0;
        top: 0px;
        color: #999;
    }

    .widget-listed ul li:hover:before {
        left: 5px;
    }

    .widget-listed ul li a {
        color: #999;
    }

    .widget-listed ul li:first-child {
        padding-top: 0;
    }

    .widget-listed ul li:last-child {
        padding-bottom: 0;
    }

.widget-flickr ul {
    padding: 0;
    margin: 0;
}

.widget-flickr ul {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: -10px;
}

    .widget-flickr ul li {
        float: left;
        width: 50%;
        padding: 0 9px 10px 0;
    }

.widget-recent-post {
    float: left;
    width: 100%;
}

    .widget-recent-post > ul > li {
        padding: 14px 0;
        border-bottom: 1px solid #cccccc;
    }

        .widget-recent-post > ul > li:first-child {
            padding-top: 0;
        }

        .widget-recent-post > ul > li:last-child {
            padding-bottom: 0;
            border-bottom: none;
        }

.cp-post-box {
    float: left;
    width: 100%;
}

    .cp-post-box .cp-thumb {
        float: left;
        width: auto;
        margin-right: 13px;
    }

    .cp-post-box .cp-text {
        overflow: hidden;
    }

        .cp-post-box .cp-text p {
            font-size: 16px;
            line-height: 24px;
            color: #222;
            margin: 0 0 0px;
        }

        .cp-post-box .cp-text .post-meta {
            margin: 0;
        }

            .cp-post-box .cp-text .post-meta li {
                margin-right: 8px;
            }

                .cp-post-box .cp-text .post-meta li:last-child {
                    margin-right: 0;
                }

.widget-archive > ul > li {
    font-size: 16px;
    line-height: 16px;
    color: #222222;
    padding: 13px 0;
    border-bottom: 1px solid #ccc;
}

    .widget-archive > ul > li a {
        color: #222;
    }

    .widget-archive > ul > li:first-child {
        padding-top: 0;
    }

    .widget-archive > ul > li span {
        float: right;
    }

.widget_tag_cloud .tagcloud {
    float: left;
    width: 100%;
}

    .widget_tag_cloud .tagcloud a {
        font-size: 16px;
        line-height: 16px;
        padding: 9px 14px;
        color: #fff;
        display: inline-block;
        margin: 0 0 5px 0;
        border: 1px solid;
    }

        .widget_tag_cloud .tagcloud a:hover {
            background-color: #f7f7f7;
        }

.cp-footer {
    float: left;
    width: 100%;
    background-color: #222;
    border-top: 5px solid;
}

    .cp-footer .widget {
        margin: 0 0 30px;
    }

        .cp-footer .widget h3 {
            margin: 0 0 25px;
        }

.cp-footer-top {
    float: left;
    width: 100%;
    padding-bottom: 30px;
}

.cp-ft-box {
    float: left;
    width: 100%;
    margin: 0 0 30px;
    background-color: #141414;
}

    .cp-ft-box .left {
        font-family: 'Noto Serif',serif;
        font-size: 16px;
        font-weight: 700;
        width: 100px;
        height: 100px;
        padding: 20px 16px 10px;
        float: left;
        text-align: center;
    }

    .cp-ft-box .cp-text {
        overflow: hidden;
        padding: 30px 0 0px 20px;
    }

        .cp-ft-box .cp-text .fa {
            float: left;
            height: 60px;
            font-size: 24px;
            margin: 5px 7px 0 0;
        }

        .cp-ft-box .cp-text span, .cp-ft-box .cp-text a {
            font-size: 16px;
            line-height: 16px;
            font-weight: 700;
            color: #999999;
            display: block;
        }

        .cp-ft-box .cp-text .small {
            font-size: 16px;
            font-weight: 400;
        }

.cp-footer-bottom {
    float: left;
    width: 100%;
    padding-bottom: 0px;
}

.cp-footer .widget h3 {
    color: #fff;
}

.widget .cp-logo {
    display: block;
    margin: 0 0 12px;
}

    .widget .cp-logo img {
        display: inline-block;
    }

.cp-footer .widget p {
    color: #999;
}

.cp-copyright-row {
    float: left;
    width: 100%;
    padding: 28px 0;
    border-top: 1px solid #444444;
}

    .cp-copyright-row p, .cp-copyright-row p a {
        font-size: 14px;
        color: #999;
    }

    .cp-copyright-row .cp-social-links {
        float: right;
        width: auto;
    }

.cp-footer .cp-social-links li a {
    font-size: 14px;
    color: #ccc;
    background-color: #555555;
    border: none;
}

    .cp-footer .cp-social-links li a:hover {
        color: #fff;
    }

a, ul li, .cp-about-img img, .quote-btn, .quote-btn:after, .social-links a, .cp-slider-content a, .cp-slider-content a:after, .cp-nav-logo-bar .dropdown-menu > li > a, .read-more, .read-more:after, .cp-Our-experties .bx-wrapper .bx-prev:after, .cp-Our-experties .bx-wrapper .bx-next:after, .cp-events-slider .bx-wrapper .bx-prev:after, .cp-events-slider .bx-wrapper .bx-next:after, .cp-Our-experties .cp-hover-content, .cp-ex-title, .cp-caption, .cp-ex-title h3, .cp-ex-title, .cp-social-links li a, .widget-listed ul li:before, .widget-listed ul li, .owl-controls .owl-nav div, .cp-price-box, .cp-price-box .cp-title, .cp-price-box .cp-title:before, .cp-price-box .cp-title:after, .cp-title strong, .cp-btn-style1, .cp-btn-style2:before, .cp-btn-style1:before, .cp-about-img:before, .cp-about-img:after, .cp-process-box .cp-icon-box:after, .cp-process-box .cp-icon-box:before, .cp-process-box .cp-icon-box, .tagcloud a, .btn-submit, .cp-gallery-item, .cp-gallery-item .cp-caption, .cp-text h3, .cp-text span, .cp-text, .cp-social-links2 li a, .cp-social-links2 li .fa, .cp-ex-title, .dropdown-menu ul {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.cp-thumb:before, .cp-thumb, .cp-thumb img, .cp-social-links, .cp-events-box .cp-caption a {
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
}

@-webkit-keyframes toLeftFromRight {
    49% {
        transform: scale(1.3) rotate(180deg);
    }

    70% {
        opacity: 0;
        transform: scale(0.5) rotate(0deg);
    }

    51% {
        opacity: 1;
    }
}

@-moz-keyframes toLeftFromRight {
    49% {
        transform: scale(1.3) rotate(180deg);
    }

    70% {
        opacity: 0;
        transform: scale(0.5) rotate(0deg);
    }

    51% {
        opacity: 1;
    }
}

@-ms-keyframes toLeftFromRight {
    49% {
        transform: scale(1.3) rotate(180deg);
    }

    70% {
        opacity: 0;
        transform: scale(0.5) rotate(0deg);
    }

    51% {
        opacity: 1;
    }
}

@keyframes toLeftFromRight {
    49% {
        transform: scale(1.3) rotate(180deg);
    }

    80% {
        opacity: 0;
        transform: scale(0.5) rotate(0deg);
    }

    51% {
        opacity: 1;
    }
}

.font-family {
    font-family: 'Noto Serif',serif;
    font-family: 'Source Sans Pro',sans-serif;
}