@charset "utf-8";
/* CSS Document */

/*==================================================
* JL Ecommerce v-1.0
* Copyright 2015, justlab technologies
* www.justlabtech.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 01/07/2016
==================================================*/

/* Table of contents
============================================================
- 1. Global Styles 
    1.1 Padding 
    1.2 Margin
    1.3 Spacing
- 2. Top Bar Section
    2.1 Log & Reg modal 
    2.2 Top-bar cart  
      
- 3. Navigation
- 4. Slider
- 5. Banner area
- 6. What we do
- 7. Product-section
- 8.  Catogary-section
- 9.  Clients-sec
- 10.  Form Section
- 11.  Quick View
     11.1 Owl Thumbnail
     11.1 Quick-description

- 12.  Parallaxes
- 13. Testimonials
- 14. Fun Facts
- 15. Bredcrumb
- 16. Section-title
- 17. Products Pages
     17.1 Well-section
     17.2 Accordian
     17.3 Check box
     17.4 Radio box
     17.5 New-Arrivals
     17.6 Grid Tab
     17.7 Sigle Product-page tab
     17.8 Comments
     17.9 Ratings
     17.10 pagination

- 18. Cart-page
- 19. Billing Information
- 20. Compare-page
- 21. Shipping and Payment
- 22. Thanks page
- 23. My accounts page
- 24. Typography
- 25. Login page
- 26. Registration page
- 27. 404 Page
- 28. Coming Soon
- 29. About-us Page
- 30. Services Page
     30.1 Services-1
     30.2 Services-2

- 31. Contact-us Page
- 32. blog-section
- 33. Footer
- 34. Responsive

*/


/* ================================================== */
/* 1. Global Styles 
================================================== */

body {
    font-family: 'roboto';
    background: #FFF;
    overflow-x: hidden;
    scrollbar-face-color: #121212;
}

html, body {
    margin: 0;
    padding: 0;
}

Iframe {
    width: 100%;
    border: none;
}

img {
    max-width: 100%;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: 'roboto';
    text-transform: uppercase;
}

a {
    color: #0ba297;
    text-decoration: none;
}

    a:hover {
        color: #0ba297;
        transition: all 1s ease;
        text-decoration: none;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
    }

    a:active {
        text-decoration: none;
        background: none;
        box-shadow: none;
    }

ul, ol {
    padding: 0px;
    margin: 0px;
}

    ul li {
        list-style: none;
    }

.greybg {
    background: rgba(0,0,0,0.02) !important;
}

.bg-blue-lg {
    background: #0ba297;
    border: 2px solid #0ba297;
    font: 600 12px 'roboto';
    color: #fff;
    padding: 8px 15px 7px;
    text-transform: uppercase;
    border-radius: 0px;
}

.bg-black-lg {
    background: #333;
    border: 2px solid #333;
    font: 600 12px 'roboto';
    color: #fff;
    padding: 8px 15px 7px;
    text-transform: uppercase;
    border-radius: 0px;
}

.bg-blue-lg:hover {
    background: #333;
    border: 2px solid #333;
    color: #fff;
}

.bg-black-lg:hover {
    background: #0ba297;
    border: 2px solid #0ba297;
    color: #fff;
}

.bg-none-lg {
    background: none;
    border: 1px solid rgba(251,251,251,0.7);
    font: 300 12px 'roboto';
    color: #fff;
    padding: 8px 15px 7px;
    text-transform: uppercase;
    border-radius: 0px;
}

    .bg-none-lg:hover {
        background: none;
        border: 1px solid rgba(251,251,251,0.1);
        font: 300 12px 'roboto';
        color: #ddd;
    }

.bg-blue-md {
    background: #0ba297;
    border: 2px solid #0ba297;
    font: 500 12px 'roboto';
    color: #fff;
    padding: 6px 14px 5px;
    text-transform: uppercase;
    border-radius: 0px;
}

.bg-black-md {
    background: #333;
    border: 2px solid #333;
    font: 500 12px 'roboto';
    color: #fff;
    padding: 6px 14px 5px;
    text-transform: uppercase;
    border-radius: 0px;
}

.bg-blue-md:hover {
    background: #333;
    border: 2px solid #333;
    color: #fff;
}

.bg-black-md:hover {
    background: #0ba297;
    border: 2px solid #0ba297;
    color: #fff;
}




::-webkit-scrollbar {
    width: 7px;
}

::-webkit-scrollbar-track {
    background-color: #fff;
}

::-webkit-scrollbar-thumb {
    background-color: #0ba297;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
}

::-webkit-scrollbar-button {
    display: none;
}

::-webkit-scrollbar-corner {
    background-color: #000000;
}
/*  1.1 Padding 
========================== */

.pad0 {
    padding: 0px !important;
}

.p5 {
    padding: 5px !important;
}

.p10 {
    padding: 10px !important;
}

.p15 {
    padding: 15px !important;
}

.p20 {
    padding: 20px !important;
}

.pt5 {
    padding-top: 5px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pt40 {
    padding-top: 40px !important;
}

.pt50 {
    padding-top: 50px !important;
}

.pt60 {
    padding-top: 60px !important;
}

.pb0 {
    padding-bottom: 0px !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.pb40 {
    padding-bottom: 40px !important;
}

.pb50 {
    padding-bottom: 50px !important;
}

.pb60 {
    padding-bottom: 60px !important;
}
/* 1.2 margin
========================== */

.m5tn {
    margin-top: -5px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.m0 {
    margin: 0px !important;
}

.m5 {
    margin: 5px !important;
}

.m10 {
    margin: 10px !important;
}

.m15 {
    margin: 15px !important;
}

.m20 {
    margin: 20px !important;
}

.m25 {
    margin: 25px !important;
}

.m30 {
    margin: 30px !important;
}

.m35 {
    margin: 35px !important;
}

.m40 {
    margin: 40px !important;
}
/* 1.3 Spacer
========================== */

.spacer-5, .spacer-10, .spacer-20, .spacer-30, .spacer-40, .spacer-50, .spacer-60, .spacer-70, .spacer-80, .spacer-90, .spacer-100 {
    display: block;
    clear: both;
    overflow: hidden;
}

.spacer-5 {
    height: 5px;
}

.spacer-10 {
    height: 10px;
}

.spacer-20 {
    height: 20px;
}

.spacer-30 {
    height: 30px;
}

.spacer-40 {
    height: 40px;
}

.spacer-50 {
    height: 50px;
}
/* ================================================== */
/*  2. Topbar-section 
================================================== */

section.top-sec {
    background: #222;
}

    section.top-sec .col-md-6 div {
        display: inline-block;
        color: #fff;
    }

    section.top-sec .col-md-6.top_rgt {
        text-align: right;
    }

.soc_ico ul {
    display: block;
    list-style-type: none;
    margin-bottom: 0;
    padding: 0;
    border-right: 1px solid rgba(251,251,251,0.4);
}

    .soc_ico ul li {
        display: inline-block;
        margin-right: 12px;
    }

        .soc_ico ul li:last-child {
            margin-right: 20px;
        }

        .soc_ico ul li a {
            font-size: 13px;
            color: #f8f8f8;
            line-height: 40px;
            transition: 0.5s ease all;
        }

            .soc_ico ul li a:hover {
                color: #0ba297;
            }

.soc_ico2 ul {
    display: block;
    list-style-type: none;
    margin-bottom: 0;
    padding: 0;
    margin-top: 15px;
}

    .soc_ico2 ul li {
        display: inline-block;
        margin-right: 12px;
    }

        .soc_ico2 ul li:last-child {
            margin-right: 20px;
        }

        .soc_ico2 ul li a {
            font-size: 25px;
            color: #0ba297;
            line-height: 40px;
            transition: 0.5s ease all;
        }

            .soc_ico2 ul li a:hover {
                color: #000;
            }

.inf_txt p {
    font-size: 11px;
    color: #f2f2f2;
    font-weight: 400;
    line-height: 42px;
    letter-spacing: 0.1px;
    padding-left: 15px;
    margin-bottom: 0;
    text-transform: uppercase;
    font-family: 'roboto';
}

.sig_in p, .sig_in a {
    font-size: 13px;
    color: #f2f2f2;
    padding: 0 3px;
    transition: 0.5s ease all;
    margin-bottom: 0;
    line-height: 42px;
    font-weight: 400;
    font-family: 'roboto';
}

    .sig_in a:hover {
        text-decoration: none;
        color: #0ba297;
    }

.subm_btn {
    font-size: 13px;
    color: #fff;
    margin: 0;
    margin-left: 15px;
    line-height: 42px;
    background: #0ba297;
}

    .subm_btn a {
        color: #fff;
        font-family: 'roboto';
        font-weight: 500;
        line-height: 42px;
    }

        .subm_btn a:hover {
            color: #fff;
            text-decoration: none;
        }

    .subm_btn i {
        font-size: 15px;
        border-radius: 50%;
        background: #333;
        padding: 7px;
        margin-right: 7px;
    }

    .subm_btn span {
        font-size: 10px;
        position: absolute;
        background: #fff;
        color: #000;
        line-height: 15px;
        width: 15px;
        text-align: center;
        top: 0px;
        border-radius: 50%;
        height: 15px;
        z-index: 3;
        left: 22px;
    }
/* 2.1 Log & reg modal
=========================== */


div#login_box .modal-dialog, div#reg_box .modal-dialog {
    width: 450px;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.5s ease all;
    max-width: 96%;
}

.modal-content {
    border-radius: 0;
}

    .modal-content .modal-body {
        padding: 30px 30px;
        background: rgba(255,255,255,1);
        border: 2px solid #0ba297;
    }

button.close {
    opacity: 1;
}

div#login_box h2.frm_titl, div#reg_box h2.frm_titl {
    font-size: 20px;
    margin: 0 0 30px;
    line-height: normal;
}

.log_form .form-control {
    background: #eee;
    border: none;
    box-shadow: none;
    color: #777;
}

.log_form .control-group.form-group {
    margin-bottom: 0;
}

.log_form .controls {
    margin-bottom: 15px;
}

.log_form textarea.form-control {
    height: 120px;
}

.log_form .form-group .controls.col-md-6 {
    padding: 0;
    padding-left: 15px;
}

.log_form .checkbox {
    margin-bottom: 20px;
    padding: 0;
}

.log_form .forg_pass {
    margin: 10px 0 20px;
    padding: 0;
}

.log_form .checkbox label {
    color: #a5a5a5;
    font-size: 12px;
}

.log_form .forg_pass a {
    font-size: 12px;
    text-decoration: none;
    color: #a5a5a5;
}

    .log_form .forg_pass a:hover {
        color: #ef7351;
    }

.log_form button.btn.btn-primary {
    border-radius: 0;
    height: 42px;
    font-size: 13px;
    font-weight: bold;
    padding: 0 20px;
    background: #0ba297;
    border: 0;
    width: 100%;
}
/* 2.2 Top-bar cart
========================= */


#car.cartop {
    margin-bottom: 0px;
    padding: 0px 15px;
}

#car .btn {
    color: #0ba297;
    background: none;
    border: none;
    text-align: left;
    font-size: 14px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

    #car .btn .fa-shopping-cart {
        color: #fff;
        line-height: none;
        font-size: 13px;
    }

    #car .btn span {
        color: rgba(251,251,251,0.8);
        font-size: 13px;
    }

        #car .btn span#cart-total {
            color: #4bac52;
            padding: 0 8px 0 5px;
        }

    #car .btn i.fa-caret-down {
        color: #4bac52;
        margin-left: 5px;
    }

#car .dropdown-menu {
    margin-left: -170px;
    min-width: 100%;
    margin-top: 5px;
    background: #fff;
    border-bottom: 4px solid #0ba297;
    z-index: 1001;
    padding: 15px 25px 0px 25px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

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

#car .dropdown-menu table {
    margin-bottom: 10px;
}

    #car .dropdown-menu table, #car .dropdown-menu table td {
        border: none;
    }

        #car .dropdown-menu table.hcart td, .line-bottom {
            border-bottom: 1px solid rgba(0,0,0,0.1);
            padding: 8px 12px;
            vertical-align: middle;
            color: #222;
            font-family: 'roboto';
            font-weight: 500;
        }

#car .btn-block1 a {
    padding: 7px 14px;
    margin-left: 10px;
    text-transform: uppercase;
    font-size: 12px;
    text-decoration: none;
}

    #car .btn-block1 a:hover, #cart .btn-block1 a + a {
        background: #333;
        color: #fff;
    }

        #car .btn-block1 a, #cart .btn-block1 a + a:hover {
            background: #0ba297;
            color: #fff;
        }

#car .dropdown-menu li > div {
    min-width: 427px;
    padding: 0 10px;
}

#car .dropdown-menu table.total {
}

    #car .dropdown-menu table.total td {
        padding: 2px 8px;
        color: #222;
        font-family: 'roboto';
    }

#car .dropdown-menu table td a {
    color: #0ba297;
    text-transform: uppercase;
    font-size: 13px;
    font-family: 'roboto';
    font-weight: 600;
}

    #car .dropdown-menu table td a:hover {
        color: #0ba297;
    }
/* ================================================== */
/* 3. Navigation
================================================== */


.affix {
    top: 0;
    width: 100%;
    z-index: 9999 !important;
}

.navbar {
    margin-bottom: 0px !important;
}

.me.navbar-default {
    background: #fff;
    border: none;
    z-index: 2;
    border-radius: 0px;
    padding: 10px 0px 7px;
    -moz-box-shadow: 0px 0.2px 10px #e0e0e0;
    -webkit-box-shadow: 0px 0.2px 10px #e0e0e0;
    -o-box-shadow: 0px 0.2px 10px #e0e0e0;
    box-shadow: 0px 1px 10px -3px #777;
}

.me .navbar-toggle {
    position: relative;
    float: right;
    padding: 10px 10px;
    margin-top: 8px;
    margin-right: 18px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
}

.me .navbar-brand {
    float: left;
}

.me.navbar-default .navbar-nav > li > a {
    color: #333;
    font-size: 14px;
    font-family: 'Roboto';
    text-transform: uppercase;
    letter-spacing: 0px;
    font-weight: 600;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    line-height: 35px;
}

    .me.navbar-default .navbar-nav > li > a:hover {
        color: #0ba297;
        text-shadow: none;
        background: none;
    }

    .me.navbar-default .navbar-nav > li > a:focus {
        color: #0ba297;
        background: none;
        text-shadow: none;
        box-shadow: none;
    }

.me .dropdown-menu {
    background: #fff;
    border-radius: 0px;
    border-bottom: 4px solid #0ba297;
    padding: 0px;
    margin-top: 5px !important;
}

    .me .dropdown-menu > li > a {
        border-bottom: 1px solid rgba(0,0,0,0.1);
        color: #111;
        font-size: 11px;
        padding: 9px 25px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: bold;
        font-family: 'roboto';
        transition: all .3s ease;
        line-height: 20px;
    }

        .me .dropdown-menu > li > a:hover {
            color: #0ba297;
            background: none;
        }

.me .arrwdwn {
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
    color: #0ba297;
    font-weight: 700;
}

.me.navbar-default .navbar-nav > li > a:hover::after {
    content: "|";
    color: #0ba297 !important;
    position: absolute;
    left: 50%;
    font-weight: bold;
    bottom: 0px;
}

.me.navbar-default .navbar-nav > li > a:hover::before {
    content: "|";
    color: #0ba297 !important;
    position: absolute;
    left: 50%;
    font-weight: bold;
    top: 0px;
}




.me .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: 15px;
}

.navbar-collapse {
    position: relative;
    max-height: 270px;
}

.me .badge--menu {
    position: absolute;
    right: 0px;
    top: 4px;
    border-radius: 2px;
    font-size: 9px;
    font-weight: 400;
    line-height: 10px;
    text-transform: capitalize;
    font-family: 'roboto';
    padding: 2px 4px 2px;
    background-color: crimson;
}

    .me .badge--menu:after {
        content: '';
        position: absolute;
        bottom: -5px;
        left: 0;
        width: 0;
        height: 0;
        border: 0 solid transparent;
        border-left-width: 0px;
        border-right-width: 6px;
        border-top: 5px solid crimson;
        -moz-transform: scale(0.9999);
    }

.me .badge--color {
    background: #111;
}

    .me .badge--color:after {
        border-top-color: #111;
    }

.mydropdwn.dropdown-menu {
    background: #fff;
    border-radius: 0px;
    padding: 0px;
    margin-top: 5px !important;
}

    .mydropdwn.dropdown-menu > li > a {
        color: #111;
        padding: 10px 10px;
        font-size: 12px;
        border-bottom: 1px dotted rgba(251,251,251,0.1);
    }

        .mydropdwn.dropdown-menu > li > a:hover {
            color: rgba(153,51,102,1);
            background: none;
        }

.mega-dropdown {
    position: static !important;
}

.mega-dropdown-menu {
    padding: 50px 0px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.mga-three {
    padding: 20px 25px 20px 0px;
}

    .mga-three img {
        border: 1px solid #ddd;
        padding: 2px;
    }

.mga-thr {
    padding: 10px 30px !important;
}

.mga-twlv {
    background: #0ba297 !important;
    height: 1px;
    padding: 0px;
}

.mega-dropdown-menu > li > ul {
    padding: 0;
    margin: 0;
}

    .mega-dropdown-menu > li > ul > li {
        list-style: none;
    }

        .mega-dropdown-menu > li > ul > li > a {
            color: #111;
            font-size: 11px;
            padding: 0px;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-weight: 400;
            font-family: 'roboto';
            line-height: 25px;
        }

.mega-dropdown-menu > li ul > li > a:hover, .mega-dropdown-menu > li ul > li > a:focus, .mega-dropdown-menu > li ul > li > a:active {
    text-decoration: none;
    color: #0ba297;
}

.mega-dropdown-menu .dropdown-header {
    font-size: 16px;
    color: rgba(0,0,0,0.8);
    font-weight: 600;
    margin-top: 5px;
    width: 85%;
    border-bottom: dotted 1px #555;
    padding: 5px 0px;
    font-family: 'roboto';
    text-transform: uppercase;
}

.mega-dropdown-menu form {
    margin: 3px 20px;
}

.mega-dropdown-menu .form-group {
    margin-bottom: 3px;
}

.mga.form-control {
    background: none;
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 0px;
}

.meg.btn-primary {
    color: #fff;
    background-color: rgba(0,0,0,1);
    border-radius: 0px;
    border: none;
}

    .meg.btn-primary:hover {
        background: rgba(255,255,255,1);
        color: rgba(0,0,0,1);
    }

    .meg.btn-primary:focus {
        background: rgba(255,255,255,1);
    }

.searchField {
    display: inline-block;
    width: 250px;
    height: 38px;
    margin: 10px;
    border: 1px solid rgba(0,0,0,0.2);
    font-size: 20px;
    outline: grey;
    padding: 5px;
    padding-right: 50px;
    cursor: pointer;
    color: grey;
    box-sizing: border-box;
}

.searchInput {
    position: relative;
}

    .searchInput .glyphicon {
        position: absolute;
        z-index: 2;
        right: 25px;
        font-size: 18px;
        width: 24px;
        color: #4b4b4b;
        text-align: center;
        padding: 6px 0;
        top: 13px;
        cursor: pointer;
    }
/* ================================================== */
/* 4. Slider-section
================================================== */


.itema {
    height: 600px;
}

.itemb {
    background: url(/web/20220310200552im_/http://savcikimya.com/Areas/Kongo/Content/images/banner/bnnr2.jpg) no-repeat;
    height: 545px;
    background-position: center;
    background-size: cover;
}

.itemc {
    background: url(/web/20220310200552im_/http://savcikimya.com/Areas/Kongo/Content/images/banner/bnnr1.jpg) no-repeat;
    height: 545px;
    background-position: center;
    background-size: cover;
}

.carol.carousel-control.left {
    background-image: none;
}

.caror.carousel-control.right {
    background-image: none;
}

.idctr.carousel-indicators li {
    border-radius: 0%;
    border: 1px solid #ccc;
    width: 30px;
    height: 5px;
    margin-bottom: 13px;
}

.idctr.carousel-indicators .active {
    background: #0ba297;
    border: 1px solid #0ba297;
    width: 30px;
    height: 5px;
}

.contro.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 5%;
    font-size: 20px;
    color: #fff;
    margin-top: 270px;
    text-align: center;
    text-shadow: none;
    opacity: 2;
}

.bnnr h1 {
    visibility: visible;
    animation-name: fadeInUp;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    color: #fff;
    font-size: 48px;
    margin-top: 19%;
    font-weight: 500;
    text-align: center;
    margin-bottom: 14px;
    letter-spacing: 1px;
    font-family: roboto;
    text-transform: uppercase;
}

.bnnr h5 {
    visibility: visible;
    animation-name: fadeInUp;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    letter-spacing: 0.5px;
    font-family: 'roboto';
    color: #0ba;
    margin-bottom: 12px;
    text-align: center;
    font-size: 31px;
    font-weight: 700;
}

.bnnr p {
    visibility: visible;
    animation-name: fadeInUp;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    color: #f1f1f1;
    margin: 16px 0px 25px;
    font-size: 15px;
    font-family: 'roboto';
    letter-spacing: 0.3px;
    font-weight: 400;
    text-align: center;
    margin: 16px 0px 25px;
}

.bnnr a {
    visibility: visible;
    animation-name: fadeInUp;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    margin-top: 20px;
}

    .bnnr a:hover {
        text-decoration: none;
        color: #fff;
        border: 1px solid #bbb;
    }
/* ================================================== */
/* 5. Banner-area
================================================== */


.singl-banner {
    overflow: hidden;
    position: relative;
}

    .singl-banner > a {
        display: block;
        position: relative;
    }

        .singl-banner > a::before {
            background: #000 none repeat scroll 0 0;
            content: "";
            height: 100%;
            opacity: 0;
            position: absolute;
            transition: all 0.3s ease 0s;
            width: 100%;
        }

    .singl-banner:hover a::before {
        opacity: 0.6;
    }

    .singl-banner img {
        width: 100%;
    }

    .singl-banner:hover .banner-caption {
        opacity: 1;
    }

.marg-20 {
    margin-top: 22px;
}

.banner-caption {
    backface-visibility: hidden;
    color: #fff;
    height: 100%;
    left: 0;
    padding: 30px;
    position: absolute;
    text-align: right;
    text-transform: uppercase;
    top: 0;
    width: 100%;
    opacity: 0;
    transition: all 0.3s ease 0s;
}

    .banner-caption h2 {
        font-weight: 600;
        top: 30px;
        transform: translate3d(0px, 20px, 0px);
        transition: transform 0.35s ease 0s;
        font-size: 25px;
    }

        .banner-caption h2::before {
            background: #0ba none repeat scroll 0 0;
            content: "";
            height: 3px;
            right: 0;
            position: absolute;
            top: 100%;
            transform: translate3d(0px, 40px, 0px);
            width: 18%;
        }

        .banner-caption h2::before, .banner-caption p {
            opacity: 0;
            transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
        }

    .banner-caption h2, .banner-caption p {
        left: 30px;
        padding: 10px 0;
        position: absolute;
        right: 30px;
        font-weight: 600;
        font-size: 20px;
        font-family: 'roboto';
    }

    .banner-caption p {
        font-size: 11px;
        bottom: 20px;
        font-weight: 400;
        font-family: 'roboto';
        letter-spacing: .5px;
        line-height: 1.8;
        transform: translate3d(0px, 100%, 0px);
    }

.singl-banner:hover h2 {
    transform: translate3d(0px, 0px, 0px);
}

    .singl-banner:hover h2::before, .singl-banner:hover p {
        opacity: 1;
        transform: translate3d(0px, 0px, 0px);
    }

.pad-60 {
    padding: 60px 0;
}
/* ================================================== */
/* 6. What we do
================================================== */

.srvce-cont {
    padding: 40px 0px;
}

.serviceBox {
    border: 1px dotted #999;
    padding: 25px 20px 0px;
    text-align: center;
    transition: all 0.5s ease 0s;
}

    .serviceBox:hover {
        background-color: none;
        border-color: #0BA297;
    }

    .serviceBox .service-icon {
        margin: 0 auto 25px;
        transition: all 0.5s ease 0s;
    }

        .serviceBox .service-icon i {
            font-size: 38px;
            color: #0ba297;
            transition: all 0.5s ease 0s;
        }

    .serviceBox:hover .service-icon i {
        color: rgba(0,0,0,0.8);
    }

    .serviceBox .title {
        font-size: 16px;
        font-weight: 600;
        font-family: 'roboto';
        color: #222;
        margin-bottom: 20px;
        text-transform: uppercase;
        transition: all 0.5s ease 0s;
    }

        .serviceBox .title:after {
            content: "";
            width: 25%;
            border-top: 2px solid #0ba297;
            display: block;
            margin: 15px auto;
            transition: all 0.8s ease 0s;
        }

    .serviceBox:hover .title:after {
        width: 80%;
        border-color: rgba(0,0,0,0.1);
    }

    .serviceBox .description {
        font-size: 14px;
        color: #444;
        font-weight: 400;
        line-height: 22px;
        font-family: 'roboto';
        transition: all 0.5s ease 0s;
    }

    .serviceBox .read {
        font-size: 11px;
        color: #000;
        border: 1px dotted #0ba297;
        padding: 5px 14px 3px;
        display: inline-block;
        font-weight: 500;
        text-transform: uppercase;
        font-family: 'roboto';
    }

        .serviceBox .read:hover {
            background: #fff;
            text-decoration: none;
            color: #000;
            border: 1px solid rgba(0,0,0,0.1);
        }
/* ================================================== */
/* 7. Product-section
================================================== */


.tab .nav-tabs {
    border-bottom: 0 none;
    margin-left: 27%;
}

.leftsdbr.tab .nav-tabs {
    border-bottom: 0 none;
    margin-left: 0%;
    padding: 10px;
}

    .leftsdbr.tab .nav-tabs li a {
        padding: 8px 15px 6px;
    }

    .leftsdbr.tab .nav-tabs li.active a, .leftsdbr.tab .nav-tabs li.active a:focus, .leftsdbr.tab .nav-tabs li.active a:hover {
        border: none;
        background: #0ba297;
        font-size: 13px;
        font-family: 'roboto';
        color: #fff;
        font-weight: 400;
        padding: 8px 15px 6px;
        transition: all 0.20s linear 0s;
    }

.tab .nav-tabs li {
    margin-right: 10px;
    margin-top: 12px !important;
}

    .tab .nav-tabs li a {
        font-size: 12px;
        font-family: 'roboto';
        color: #000;
        border-radius: 0;
        font-weight: 500;
        text-transform: uppercase;
        position: relative;
        padding: 7px 28px 4px;
        border: 1px solid #ddd;
    }

        .tab .nav-tabs li a:hover {
            background: none;
        }

    .tab .nav-tabs li.active a:after {
        content: "";
        position: absolute;
        left: 45%;
        bottom: -14px;
        border: 7px solid transparent;
        border-top: 7px solid #0ba297;
    }

    .tab .nav-tabs li.active a, .tab .nav-tabs li.active a:focus, .tab .nav-tabs li.active a:hover {
        border: none;
        background: #0ba297;
        font-size: 12px;
        font-family: 'roboto';
        color: #fff;
        padding: 6px 28px 4px;
        transition: all 0.20s linear 0s;
    }

.tab .tab-content {
    font-size: 14px;
    padding: 14px;
    color: #555;
    border: 0 none;
    line-height: 23px;
}

    .tab .tab-content h3 {
        margin-top: 13px;
        font-size: 20px;
        color: #0ba297;
        text-transform: capitalize;
        font-weight: 600;
    }
/*----index-product----*/
.product-item {
    padding: 10px;
    background: #fff;
    margin-top: 20px;
    margin-bottom: 15px;
    position: relative;
    border: 2px solid #ddd;
}
.product-item2 {
    padding: 10px;
    background: #fff;
    position: relative;
    border: 2px solid #ddd;
}


    .product-item:hover {
        box-shadow: 5px 5px rgba(234, 234, 234, 0.9);
    }

    .product-item:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
        font-size: 0;
        line-height: 0;
    }

    .product-item:hover .sticker {
        visibility: visible;
    }

.sticker {
    position: absolute;
    top: 14px;
    right: 14px;
    background: rgba(0,0,0,0.8);
    border-radius: 50%;
    border: 1px solid #fff;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 39px !important;
    color: #fff;
    font-weight: 500;
    font-family: 'roboto';
    font-size: 11px;
    visibility: visible;
}

.pi-img-wrapper {
    position: relative;
    border: 1px solid #ccc;
}

    .pi-img-wrapper div {
        background: rgba(0,0,0,0.3);
        position: absolute;
        left: 0;
        top: 0;
        display: none;
        width: 100%;
        height: 100%;
        text-align: center;
    }

.product-item:hover > .pi-img-wrapper > div {
    display: block;
}

.pi-img-wrapper div .btn {
    padding: 4px 12px 3px;
    color: #0ba297;
    margin: -13px 5px 0;
    background: #fff;
    text-transform: uppercase;
    position: relative;
    top: 50%;
    line-height: 1.4;
    font-weight: 600;
    font-size: 12px;
    border-radius: 2px;
}

.product-item .btn:hover {
    background: #0ba297;
    color: #fff;
}

.product-item h3 a {
    color: #333;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 700;
    font-family: 'roboto';
}

    .product-item h3 a:hover {
        color: #0ba297;
        text-decoration: none;
    }

.pi-price {
    color: #000;
    font-size: 16px;
    margin-top: -8px;
    font-weight: 500;
    font-family: 'roboto';
}

    .pi-price span {
        text-decoration: line-through;
        color: #333;
        padding-right: 10px;
    }

.product-item .addcrt {
    color: #fff;
    background: #0ba297;
    padding: 4px 9px 3px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 1px;
    font-family: 'roboto';
    text-transform: uppercase;
}

    .product-item .addcrt.rec-sld {
        float: left;
        margin-top: 5px;
    }

    .product-item .addcrt:hover {
        color: #fff;
        background: #444;
    }

.product-item .star {
    margin-top: 6px;
    font-size: 12px;
}

.strgld {
    color: goldenrod !important;
}
/*-----product-page-list----*/
.pad-rit {
    padding: 15px !important;
}

.lst9 {
    margin-top: 20px;
}

    .lst9 p {
        margin-top: 7px;
        line-height: 18px;
    }

.prdct-lst {
    border: 2px solid #ddd;
}

.product-it {
    padding: 10px 10px 12px;
    background: #fff;
    margin-top: 20px;
    width: 25%;
    margin-bottom: 15px;
    position: relative;
    border: 1px solid #ddd;
}

    .product-it:hover {
        box-shadow: 5px 5px rgba(234, 234, 234, 0.9);
    }

    .product-it:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
        font-size: 0;
        line-height: 0;
    }

.pl-img-wrapper {
    position: relative;
    float: left;
}

    .pl-img-wrapper div {
        background: rgba(0,0,0,0.3);
        position: absolute;
        left: 0;
        top: 0;
        display: none;
        width: 100%;
        height: 100%;
        text-align: center;
    }

.product-it:hover > .pl-img-wrapper > div {
    display: block;
}

.pl-img-wrapper div .btn {
    padding: 4px 12px;
    color: #fff;
    margin: -13px 5px 0;
    background: #0ba297;
    text-transform: uppercase;
    position: relative;
    top: 50%;
    line-height: 1.4;
    font-size: 12px;
    border-radius: 2px;
}

.prdct-dscr {
    padding: 14px 9px 20px;
    width: 73%;
}

    .prdct-dscr .btn:hover {
        background: #23afa1;
    }

    .prdct-dscr h3 {
        font-size: 14px;
        font-weight: 300;
        text-transform: uppercase;
    }

        .prdct-dscr h3 a {
            color: #444;
            text-transform: uppercase;
            font-size: 17px;
            text-shadow: 1px 1px #ccc;
            -moz-text-shadow: 1px 1px #ccc;
            -webkit-text-shadow: 1px 1px #ccc;
            font-weight: 700;
            font-family: 'roboto';
        }

            .prdct-dscr h3 a:hover {
                color: #0ba297;
            }

.pi-price {
    color: crimson;
    font-size: 15px;
    margin-top: -7px;
}

.prdct-it-p {
    line-height: 21px;
    font-family: 'roboto';
    color: #555;
    font-size: 14px;
    padding: 3px 0px;
}

.pi-price span {
    text-decoration: line-through;
    color: #333;
    padding-right: 10px;
    font-size: 12px;
}

.prdct-dscr .addcrt {
    color: #fff;
    font-size: 11px;
    padding: 4px 10px 2px;
    font-size: 12px;
    background: #0ba297;
    font-weight: 600;
    border-radius: 4px;
    border-radius: 0px;
    font-family: 'roboto';
    text-transform: uppercase;
}

    .prdct-dscr .addcrt:hover {
        color: #fff;
        background: #0ba297;
    }

.prdct-dscr .star {
    margine-top: -10px;
}
/*--product-sec-owl-carousel---*/

.owl-buttons {
    text-align: center;
}

    .owl-buttons .owl-prev, .owl-buttons .owl-next {
        display: inline-block;
        border: 1px solid rgba(0,0,0,0.3);
        border-radius: 4px;
        background: #fff;
        margin-left: 8px;
        margin-top: 5px;
        margin-bottom: 5px;
        padding: 1px 9px;
        transition: all 0.30s linear 0s;
    }

        .owl-buttons .owl-prev:after, .owl-buttons .owl-next:after {
            content: "\f104";
            font-family: FontAwesome;
            color: #333;
            font-size: 15px;
            font-weight: 400;
        }

.owl-controls .owl-buttons .owl-next:after {
    content: "\f105";
}

.owl-buttons .owl-prev:hover, .owl-buttons .owl-next:hover {
    border: 1px solid #078071;
    box-shadow: 0 3px 0 #fff;
}
/* ================================================== */
/* 8. catogary-section
================================================== */


.box {
    position: relative;
    overflow: hidden;
}

    .box img {
        width: 100%;
        height: auto;
        transform: translateY(0);
        transition: transform 0.30s ease 0s;
    }

    .box:hover img {
        transform: translateY(-10%);
    }

.box-content {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 15px;
    background: rgba(0,0,0,0.7);
    transform: translateY(100%);
    transition: all 0.30s ease 0s;
}

.box:hover .box-content {
    transform: translateY(0);
}

.box-content .title {
    color: #27ccc0;
    margin: 0;
    font-family: 'roboto';
    font-weight: 500;
    font-size: 18px;
    padding: 0;
    display: inline-block;
    text-transform: capitalize;
}
/* ================================================== */
/* 9. clients-sec
================================================== */


.clients-block {
    position: relative;
}

    .clients-block .clients-image {
        position: relative;
        width: 100%;
        height: 100%;
        display: block;
        padding: 0px 10px 10px !important;
    }

.clients-sec {
    padding: 0px 0px 50px 0px;
}
/* ================================================== */
/* 10. Form Section
================================================== */

select.form-control {
    color: #989b9c;
}

.srch_frm {
    background: #fff;
    padding: 25px;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
}

    .srch_frm h3 {
        font-size: 16px;
        margin: 0px;
        font-weight: bold;
        color: #1f2223;
        margin-bottom: 25px;
        text-transform: uppercase;
    }

    .srch_frm label {
        font-weight: normal;
        color: #1f2223;
        font-size: 13px;
    }

.ma.form-control {
    width: 100%;
    height: 42px;
    font-size: 13px;
    border: 1px solid #ccc;
    border-radius: 0;
}

.form-group .controls.col-md-6 {
    padding: 0;
    padding-left: 30px;
}

    .form-group .controls.col-md-6.first {
        padding: 0;
    }

.srch_frm button.btn.btn-primary {
    border-radius: 0;
    height: 42px;
    font-size: 13px;
    font-weight: bold;
    padding: 0 20px;
    background: #ef7351;
    border: 0;
    text-transform: uppercase;
    margin-top: 5px;
}

.rgstr_frm {
    background: #fff;
    padding: 25px;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
}

    .rgstr_frm h3 {
        font-size: 16px;
        margin: 0px;
        font-weight: bold;
        color: #1f2223;
        margin-bottom: 25px;
        text-transform: uppercase;
    }

    .rgstr_frm label {
        font-weight: normal;
        color: #1f2223;
        font-size: 13px;
    }

.nw.btn-primary {
    border-radius: 0;
    height: 42px;
    font-size: 13px;
    font-weight: bold;
    padding: 0 20px;
    background: #ef7351;
    border: 0;
    text-transform: uppercase;
    margin-top: 5px;
}
/* ================================================== */
/*  11. Quick View
================================================== */


.quik.modal {
    z-index: 10000;
}

.quick-view-modal .modal-content {
    padding: 100px 0;
    min-height: 100%;
    border: 0;
    border-radius: 0;
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: rgba(0,0,0,0.5);
}

    .quick-view-modal .modal-content h2 {
        margin-bottom: 15px;
        font-size: 2.5em;
    }

    .quick-view-modal .modal-content p.item-intro {
        margin: 10px 0 30px;
        font-size: 14px;
        font-style: italic;
    }

.quick-view-modal .close-modal {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 15;
    width: 50px;
    height: 50px;
    background-color: transparent;
    cursor: pointer;
}

    .quick-view-modal .close-modal:hover {
        opacity: .3;
    }

    .quick-view-modal .close-modal .lr {
        z-index: 1051;
        width: 1px;
        height: 35px;
        margin-left: 25px;
        margin-top: 8px;
        background-color: #222;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

        .quick-view-modal .close-modal .lr .rl {
            z-index: 1052;
            width: 1px;
            height: 35px;
            background-color: #222;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        }

.quick-view-modal .prd-add {
    color: #fff;
    background: #0ba297;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    padding: 8px 18px 7px;
}

    .quick-view-modal .prd-add:hover {
        color: #fff;
        background: #333;
    }

.quick-view-modal .prd-det {
    color: #fff;
    background: #333;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    padding: 8px 18px 7px;
}

    .quick-view-modal .prd-det:hover {
        color: #fff;
        background: #0ba297;
    }
/* 11.1 Owl Thumbnail
===================== */

#sync1 .item {
    background: #0c83e7;
    margin: 5px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
}

#sync2 .item {
    background: #C9C9C9;
    margin: 5px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
}

    #sync2 .item h1 {
        font-size: 18px;
    }

#sync2 .synced .item {
    background: #0c83e7;
}
/* 11.2 Quick view Desc
======================== */

.prdct-rating {
    font-size: 12px;
    margin-bottom: 15px;
}

.gold {
    color: goldenrod !important;
}

.prdct-title h3 {
    font-size: 27px;
    font-family: 'roboto';
    text-transform: uppercase;
    text-shadow: 1px 1px #ccc;
}

.prdct-desc {
    font-size: 13px;
    color: rgba(0,0,0,0.6);
    padding: 0px 0px 4px;
}

.prdct-price {
    font-size: 18px;
}

.small-img {
    border: 1px solid #777;
    padding: 1px;
    margin-top: 4px;
}

.prdct-stock {
    color: #0ba297;
    font-size: 16px;
    margin-top: 10px;
    margin-left: 5px;
    font-weight: 600;
}

.prdct-color h4 {
    color: #0ba297;
    font-size: 14px;
    margin-top: 20px;
    font-weight: 600;
}

.prdct-color ul {
    margin-top: -5px !important;
}

    .prdct-color ul li {
        color: rgba(51,51,51,1);
        font-size: 12px;
        border: 1px solid #333;
        padding: 1px;
        margin-left: 5px;
        margin-top: 5px;
    }

.prdct-size {
    margin-top: 5px;
}

    .prdct-size h4 {
        color: #0ba297;
        font-size: 14px;
        margin-top: 20px;
        font-weight: 600;
    }

    .prdct-size p {
        color: rgba(102,102,102,1);
        font-size: 15px;
        margin: 10px 0px 7px;
        font-family: 'roboto';
    }

    .prdct-size ul {
        margin-top: -8px !important;
    }

        .prdct-size ul li {
            color: rgba(51,51,51,1);
            font-size: 11px;
            font-weight: 600;
            border: 2px solid #444;
            padding: 3px 8px 3px;
            margin: 5px 5px 10px 5px;
        }

.item_quanitity input {
    border: 1px solid #bbb;
    padding: 6px 0px 5px;
    width: 80px;
    text-align: center;
    padding-left: 12px;
    margin-top: 5px;
    margin-left: 8px;
}

.control-label {
    font-weight: 600;
    color: #1f2223;
    font-size: 14px;
    margin-right: 10px;
}

.prd-add {
    color: #fff !important;
    background: #0ba297 !important;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    padding: 8px 18px 7px;
}

    .prd-add:hover {
        color: #fff !important;
        background: #333 !important;
    }

.prd-det {
    color: #fff !important;
    background: #333 !important;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    padding: 8px 18px 7px;
}

    .prd-det:hover {
        color: #fff !important;
        background: #0ba297 !important;
    }
/* ================================================== */
/*  12. Parallaxes
================================================== */

.testi {
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    z-index: 1000;
    height: auto;
    padding: 140px 0px;
    margin: 0 auto;
    width: 100%;
    vertical-align: middle;
}

.prlxx h1 {
    visibility: visible;
    animation-name: fadeInUp;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    color: #fff;
    font-size: 33px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 12px;
    letter-spacing: 1px;
    font-family: roboto;
    text-transform: uppercase;
}

.prlxx h5 {
    visibility: visible;
    animation-name: fadeInUp;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    letter-spacing: 1px;
    font-family: 'roboto';
    color: #0ba297;
    margin-bottom: 20px;
    text-align: center;
    font-size: 25px;
    font-weight: 700;
}

.prlxx a {
    visibility: visible;
    animation-name: fadeInUp;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

    .prlxx a:hover {
        text-decoration: none;
        color: #fff;
        border: 1px solid #ccc;
    }
/* ================================================== */
/*  13. Testimonials
================================================== */

.testimonial {
    text-align: center;
}

.description {
    color: #FFF;
    font-size: 15px;
    font-weight: 400;
    margin-top: 15px;
    margin-bottom: 25px;
    font-family: 'roboto';
}

.pic {
    position: relative;
}

    .pic > img {
        border-radius: 50%;
        width: 80px;
    }

    .pic:before {
        content: "\f10d";
        font-family: 'FontAwesome';
        display: inline-block;
        position: absolute;
        top: 10px;
        left: 30%;
        color: #0ba297;
        font-size: 36px;
    }

    .pic:after {
        content: "\f10d";
        font-family: 'FontAwesome';
        display: inline-block;
        position: absolute;
        top: 10px;
        right: 30%;
        color: #0ba297;
        font-size: 36px;
    }

.testimonial-title {
    font-size: 13px;
    color: #fff;
    text-transform: capitalize;
}

    .testimonial-title > small {
        display: block;
        color: #fff;
        font-size: 10px;
        text-transform: uppercase;
        margin-top: 5px;
    }
/* ================================================== */
/*  14. Fun Facts
================================================== */

.facts {
    padding: 10px 0 10px 0;
}

    .facts .single {
        text-align: center;
    }

        .facts .single i {
            color: #fff;
            font-size: 40px;
        }

        .facts .single h2 {
            font-size: 20px;
            color: rgba(220, 20, 60, 0.8);
            font-weight: 600;
        }

        .facts .single h6 {
            font-size: 14px;
            color: rgba(251,251,251,0.7);
            font-weight: 100;
            text-transform: uppercase;
        }

.stat {
    text-align: center;
}

.highlight {
    color: #0ba297;
    padding: 16px 0;
    display: block;
    font-size: 32px;
    font-weight: 600;
    overflow: hidden;
    font-family: 'roboto';
}

.stat i {
    color: white;
    font-size: 2.4em;
}

.milestone-details {
    color: #fff;
    font-size: 14px;
    font-family: 'roboto';
    font-weight: 300;
    text-transform: uppercase;
}
/* ================================================== */
/* 15. breadcrumb-area
================================================== */

.breadcrumb-area {
    background: rgba(0, 0, 0, 0) url("/web/20220310200552im_/http://savcikimya.com/Areas/Kongo/Content/images/banner/prlx.jpg") no-repeat scroll center top;
    padding: 110px 0 100px;
    background-position: center;
    background-size: cover;
    position: relative;
}

    .breadcrumb-area::before {
        background: rgba(0,0,0,0.4) none repeat scroll 0 0;
        content: "";
        height: 100%;
        opacity: 0.4;
        position: absolute;
        top: 0;
        width: 100%;
    }

.breadcrumb-list {
    text-align: center;
}

    .breadcrumb-list h1 {
        color: #fff;
        font-size: 34px;
        font-family: 'roboto';
        font-weight: 700;
        text-transform: uppercase;
    }

    .breadcrumb-list ul {
    }

        .breadcrumb-list ul li {
            color: #fff;
            display: inline-block;
            padding: 0 3px;
            margin-right: 5px;
            font-size: 15px;
            font-family: 'roboto';
            font-weight: 400;
        }

            .breadcrumb-list ul li a {
                color: #0ba;
                font-family: 'roboto';
                font-size: 13px;
                text-transform: capitalize;
                font-weight: 500;
            }

                .breadcrumb-list ul li a:hover {
                    color: #0ba297;
                }

.divider {
    color: #bbb;
    font-weight: 700;
    position: relative;
    right: -2px;
}
/* ================================================== */
/* 16. Section Titles
================================================== */

.section-title {
    margin-bottom: 30px;
    text-align: center;
}

    .section-title h2 {
        font-size: 26px;
        font-weight: 700;
        margin-bottom: 0;
        font-family: 'roboto';
        text-transform: uppercase;
    }

.title-icon {
}

    .title-icon span {
        font-size: 16px;
        position: relative;
        color: #0ba297;
    }

        .title-icon span::before, .title-icon span::after {
            border-top: 4px double #666;
            bottom: 9px;
            content: "";
            height: 1px;
            left: -45px;
            position: absolute;
            width: 40px;
        }

        .title-icon span::after {
            left: auto;
            right: -45px;
        }

.wht .sec-titl {
    margin-bottom: 30px;
    text-align: center;
}

    .wht.sec-titl h2 {
        font-size: 26px;
        font-weight: 700;
        margin-bottom: 0;
        color: #fff;
        font-family: 'roboto';
        text-transform: uppercase;
    }

.wht .titl-icon {
}

    .wht .titl-icon span {
        font-size: 16px;
        position: relative;
        color: #0ba297;
    }

        .wht .titl-icon span::before, .titl-icon span::after {
            border-top: 4px double #fff;
            bottom: 10px;
            content: "";
            height: 1px;
            left: -45px;
            position: absolute;
            width: 40px;
        }

        .wht .titl-icon span::after {
            left: auto;
            right: -45px;
        }
/* ================================================== */
/* 17. Products Pages
================================================== */

/* 17.1 Well-section
========================= */

.pro-well .well {
    min-height: 20px;
    position: relative;
    padding: 18px 20px 18px;
    margin-bottom: 30px;
    border: 1.5px solid #ddd;
    border-radius: 0px;
    -moz-box-shadow: 0px 0.2px 3px #ddd;
    -webkit-box-shadow: 0px 0.2px 3px #ddd;
    -o-box-shadow: 0px 0.2px 3px #ddd;
    box-shadow: 0px 0.2px 3px #ddd;
    background: rgba(255,255,255,1);
}

    .pro-well .well h2 {
        font-family: roboto;
        font-size: 21px;
        font-weight: 600;
        margin-top: 15px;
        padding-bottom: 13px;
        margin-bottom: 26px;
        text-transform: uppercase;
    }

.hding {
    border-bottom: 1px solid #ccc;
    padding-bottom: 7px;
    position: relative;
}

    .hding span {
        background: #0ba297 none repeat scroll 0 0;
        bottom: -2px;
        height: 3px;
        left: 0;
        position: absolute;
        width: 50px;
    }

.hdnga {
    border-bottom: 1px solid #ccc;
    font-family: roboto;
    padding-bottom: 7px;
    font-weight: 700;
    color: #222;
    margin-bottom: 8px !important;
    position: relative;
    font-size: 23px !important;
}

    .hdnga span {
        background: #0ba297 none repeat scroll 0 0;
        bottom: -2px;
        height: 3px;
        left: 0;
        position: absolute;
        width: 60px;
    }

.grd.product-item h3 a {
    color: #333;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    font-family: 'roboto';
}

.rltd-pad {
    padding: 0px 10px !important;
}

.wl-contnt-pd {
    padding: 0px 12px;
}

.pro-well .well.sglprd-wl {
    padding: 30px !important;
}
/* 17.2 Accordian
========================= */

#accordion .panel {
    margin-top: 20px;
    border: 0px none;
    box-shadow: none;
}

#accordion .panel-heading {
    padding: 0;
    background: #fff;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

#accordion .panel-body {
    padding: 0px 2px;
}

#accordion .panel-title a {
    display: block;
    position: relative;
    background: transparent;
    color: #0ba297;
    letter-spacing: .3px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 9px 33px;
    transition: all 0.10s linear 0s;
}

    #accordion .panel-title a.collapsed {
        margin: 0;
    }

    #accordion .panel-title a i {
        color: #0ba297;
        position: absolute;
        top: 8px;
        font-size: 15px;
        left: 2px;
    }

    #accordion .panel-title a.collapsed:hover {
        color: #6a6060;
    }

    #accordion .panel-title a:after, #accordion .panel-title a.collapsed:after {
        content: "\f106";
        font-family: FontAwesome;
        color: #0ba297;
        font-size: 16px;
        line-height: 20px;
        position: absolute;
        top: 8px;
        right: 10px;
    }

    #accordion .panel-title a.collapsed:after {
        content: "\f107";
        color: #808080;
    }

#accordion .panel-body {
    border-top: 0 none;
    color: #808080;
    margin-top: 10px;
}

#accordion ul {
    list-style: none;
}

    #accordion ul h3 {
        font-size: 13px;
        font-weight: 700;
        padding-bottom: 8px;
        border-bottom: 1px solid rgba(0,0,0,0.2);
        font-family: 'roboto';
        text-transform: uppercase;
        color: #555;
    }

    #accordion ul li a {
        color: #444;
        font-family: 'roboto';
        transition: all .3s ease;
        line-height: 25px;
        font-size: 12px;
        text-transform: uppercase;
    }

        #accordion ul li a:hover {
            list-style: none;
            color: rgba(102,102,102,1);
            text-decoration: none;
        }
/* 17.3 Check box
========================= */

.chkbx {
    margin-top: -8px;
    padding: 4px;
}

    .chkbx input[type="checkbox"] {
        display: none;
    }

        .chkbx input[type="checkbox"] + label {
            display: block;
            position: relative;
            padding-left: 35px;
            font-weight: 500 !important;
            margin-bottom: 10px;
            font: 12px/19px 'roboto';
            text-transform: uppercase;
            color: #444;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
        }

            .chkbx input[type="checkbox"] + label:last-child {
                margin-bottom: 0;
            }

            .chkbx input[type="checkbox"] + label:before {
                content: '';
                display: block;
                width: 15px;
                height: 15px;
                border: 2px solid #0ba297;
                position: absolute;
                left: 0;
                top: 0;
                opacity: .6;
                -webkit-transition: all .12s, border-color .08s;
                transition: all .12s, border-color .08s;
            }

        .chkbx input[type="checkbox"]:checked + label:before {
            width: 10px;
            top: -5px;
            left: 5px;
            border-radius: 0;
            opacity: 1;
            border-top-color: transparent;
            border-left-color: transparent;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }
/* 17.4  Radio box
========================= */

.radio-bx {
    margin-top: 20px;
}

    .radio-bx input[type="radio"] {
        display: none;
    }

        .radio-bx input[type="radio"] + label {
            display: block;
            position: relative;
            padding-left: 35px;
            margin-bottom: 10px;
            font: 14px/20px 'Open Sans', Arial, sans-serif;
            color: #333;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
        }

            .radio-bx input[type="radio"] + label:last-child {
                margin-bottom: 0;
            }

            .radio-bx input[type="radio"] + label:before {
                content: '';
                display: block;
                width: 15px;
                height: 15px;
                border: 2px solid #0ba297;
                position: absolute;
                left: 0;
                top: 0;
                opacity: .6;
                -webkit-transition: all .12s, border-color .08s;
                transition: all .12s, border-color .08s;
            }

        .radio-bx input[type="radio"]:checked + label:before {
            width: 10px;
            top: -5px;
            left: 5px;
            border-radius: 0;
            opacity: 1;
            border-top-color: transparent;
            border-left-color: transparent;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }
/* 17.5  New-Arrivals
========================= */

.nw-arivl {
    margin-top: 30px;
}

    .nw-arivl p {
        color: #0ba297;
        font-weight: 600;
        font-family: 'roboto';
        font-size: 13px;
        margin-top: 7px;
    }

        .nw-arivl p span {
            text-decoration: line-through;
            color: rgba(0,0,0,1);
            font-size: 11px;
            font-weight: 400;
            margin-left: 4px;
            font-family: 'roboto';
        }

    .nw-arivl .media-heading {
        font-size: 12px;
        font-weight: 600;
        font-family: 'roboto';
        text-transform: uppercase;
        margin-top: 3px;
    }

.rangep {
    margin-top: 6px;
}

    .rangep span {
        float: right;
        color: rgba(51,51,51,1);
    }

table.tabl {
    width: 100%;
    border: 0px;
}
/* 17.6  Grid Tab
========================= */

.gri.nav-tabs {
    border-bottom: 0px;
    display: inline-block;
    background: #fff;
    margin-bottom: 10px;
    margin-top: 25px;
}

    .gri.nav-tabs > li > a {
        border-radius: 0px;
        margin-right: 5px;
        padding: 6px 15px 3px;
        border-bottom: 0px;
        border-left: 2px solid #ddd;
        border-right: 2px solid #ddd;
        border-top: 2px solid #ddd;
        color: #333;
        font-family: 'roboto';
        transition: all 0.3s ease-in 0s;
    }

    .gri.nav-tabs > li:last-child {
        border-right: 1px none;
    }

    .gri.nav-tabs > li > a:hover {
        background: #333;
        color: #fff;
    }

    .gri.nav-tabs i {
        margin-right: 10px;
    }

    .gri.nav-tabs > li.active > a, .gri.nav-tabs > li.active > a:focus, .gri.nav-tabs > li.active > a:hover {
        background: #0ba297;
        color: #fff;
    }

.gri.tab-content > .tab-pane {
    padding: 2px;
    line-height: 22px;
    color: #7a7979;
}

    .gri.tab-content > .tab-pane > h3 {
        margin-top: 0;
        text-transform: capitalize;
    }

.m.form-control {
    width: 130px;
    height: 32px;
    font-size: 13px;
    border: 1px solid #ccc;
    border-radius: 0;
    font-family: 'roboto';
}

.srt {
    position: absolute !important;
    right: 33px;
}
/* 17.7  Sigle Product-page tab
================================ */

.sgl-prdct .tab .nav-tabs {
    border-bottom: 0 none;
}

    .sgl-prdct .tab .nav-tabs li {
        margin-right: 2px;
    }

        .sgl-prdct .tab .nav-tabs li a {
            font-size: 14px;
            color: #333;
            padding: 18px 25px;
            border: none;
            border-radius: 0;
            background: #efefef;
            text-transform: uppercase;
            position: relative;
        }

        .sgl-prdct .tab .nav-tabs li.active a:after {
            content: "";
            position: absolute;
            bottom: -12px;
            left: 0;
            border-bottom: 15px solid transparent;
            border-left: 15px solid #4aaaa5;
        }

        .sgl-prdct .tab .nav-tabs li.active a, .sgl-prdct .tab .nav-tabs li.active a:focus, .sgl-prdct .tab .nav-tabs li.active a:hover {
            border: none;
            background: #4aaaa5;
            color: #fff;
            transition: all 0.20s linear 0s;
        }

.sgl-prdct .tab .tab-content {
    font-size: 15px;
    color: #808080;
    border: 0 none;
    line-height: 25px;
    padding: 5px 0;
    margin-top: 15px;
}

    .sgl-prdct .tab .tab-content h3 {
        margin-top: 10px;
        font-size: 24px;
    }
/* 17.8  Comments
===================== */

.comment-item {
    margin-bottom: 20px;
}

    .comment-item .comment-body {
        position: relative;
        padding: 21px;
        border: 1px solid #e0e0e0;
    }

        .comment-item .comment-body:before, .comment-item .comment-body:after {
            content: "";
            border-width: 7.5px 10px 7.5px 0;
            width: 0;
            height: 0;
            border-style: solid;
            position: absolute;
            top: 20px;
        }

        .comment-item .comment-body:before {
            left: -10px;
            border-color: transparent #e0e0e0 transparent transparent;
        }

        .comment-item .comment-body:after {
            left: -8px;
            border-color: transparent #fff transparent transparent;
        }

        .comment-item .comment-body .author {
            font-weight: 500;
            text-transform: capitalize;
        }

        .comment-item .comment-body .comment-text {
            margin: 16px 0 7px 0 !important;
        }

        .comment-item .comment-body .date {
            font-size: 14px;
            line-height: 26px;
        }
/* 17.9  Ratings
=================== */

.rating {
    border: none;
    width: 120px;
    margin-left: -11px;
    margin-top: -5px;
}

    .rating > input {
        display: none;
    }

    .rating > label:before {
        margin: 5px;
        font-size: 1em;
        font-family: FontAwesome;
        display: inline-block;
        content: "\f005";
    }

    .rating > .half:before {
        content: "\f089";
        position: absolute;
    }

    .rating > label {
        color: #444;
        float: right;
    }

    .rating > input:checked ~ label, .rating:not(:checked) > label:hover, .rating:not(:checked) > label:hover ~ label {
        color: #FFD700;
    }

        .rating > input:checked + label:hover, .rating > input:checked ~ label:hover, .rating > label:hover ~ input:checked ~ label, .rating > input:checked ~ label:hover ~ label {
            color: #FFED85;
        }
/* 17.10  Pagination
======================== */

.pagination {
    margin: 15px 0px 0px;
}

    .pagination ul {
        display: inline-block;
        padding: 10px;
        margin: 0px;
    }

        .pagination ul li {
            display: inline;
        }

            .pagination ul li a {
                color: black;
                font-size: 12px;
                float: left;
                padding: 5px 10px 4px;
                text-decoration: none;
                border: 1px solid #bbb;
                transition: background-color .3s;
                border-radius: 3px;
                margin-right: 5px;
            }

                .pagination ul li a.active {
                    background-color: #0ba297;
                    color: white;
                }

                .pagination ul li a:hover:not(.active) {
                    background-color: #444;
                    color: #fff;
                }
/* ================================================== */
/* 18. cart-page
================================================== */


.shopcart .updateArea .input-group .form-control, .shopcart .updateArea .input-group .input-group-addon, .shopcart .updateArea .btn {
    border-radius: 0;
    box-shadow: none;
    height: 37px;
    font-family: 'roboto';
    border: 2px solid #ccc;
    font-size: 14px;
}

.shopcart .updateArea .input-group .input-group-addon, .shopcart .updateArea .btn {
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'roboto';
    font-weight: 500;
}

.shopcart .updateArea, .shopcart .totalAmountArea, .shopcart .checkBtnArea {
    display: block;
    float: left;
    padding: 20px 30px;
    width: 100%;
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
}

.shopcart .table-responsive .table thead tr th, .orderBox .table-responsive .table thead tr th {
    background-color: #0ba297;
    padding: 0;
    height: 75px;
    font-family: 'roboto';
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #ffffff;
    border: 1px solid rgba(251,251,251,0.2);
}

.shopcart .table-responsive .table tbody tr td, .orderBox .table-responsive .table tbody tr td {
    vertical-align: middle;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
    border-bottom: 2px solid #ddd;
    border-left: 1px solid rgba(0,0,0,0.04);
    border-top: none;
    font-family: 'roboto';
}

    .shopcart .table-responsive .table tbody tr td .close, .orderBox.myAddress .table-responsive .table tbody tr td .close {
        display: inline-block;
        float: left;
        font-size: 25px;
        margin-right: 30px;
        color: #0ba297;
        padding-left: 19px;
        opacity: 1;
        height: 50px;
        font-weight: normal;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .shopcart .table-responsive .table tbody tr td .close:hover, .orderBox.myAddress .table-responsive .table tbody tr td .close:hover {
            opacity: .8;
        }

.shopcart .table-responsive {
    margin-bottom: 0;
}

    .shopcart .table-responsive .table {
        margin-bottom: 0;
    }

        .shopcart .table-responsive .table thead tr {
            border-left: 2px solid #bbb;
            border-right: 1px solid #bbb;
        }

        .shopcart .table-responsive .table tbody tr {
            border-left: 2px solid #ddd;
            border-right: 2px solid #ddd;
        }

        .shopcart .table-responsive .table thead tr th:last-child {
            border-right: none;
        }

        .shopcart .table-responsive .table tbody tr td .cartImage {
            display: inline-block;
            float: left;
            border: 1px solid #ccc;
            padding: 2px;
            margin-top: 7%;
        }

        .shopcart .table-responsive .table tbody tr td input {
            width: 75px;
            height: 36px;
            text-align: center;
            line-height: 41px;
            font-weight: 700;
            border: 1px solid #ccc;
        }

.shopcart .updateArea .input-group {
    float: left;
}

    .shopcart .updateArea .input-group .form-control {
        margin-right: 10px;
        margin-right: 10px;
        width: 55%;
    }

    .shopcart .updateArea .input-group .input-group-addon {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .shopcart .updateArea .input-group .input-group-addon:hover {
            opacity: .8;
        }

.shopcart .updateArea .btn {
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 0;
    float: right;
    line-height: 36px;
    color: #fff;
    width: 140px;
    background: #0ba297;
}

    .shopcart .updateArea .btn:hover {
        background-color: #0ba297;
        border-color: #0ba297;
        color: #ffffff;
    }

.shopcart .totalAmountArea .list-unstyled li {
    font-weight: 700;
    text-align: right;
    margin: 10px 0;
}

    .shopcart .totalAmountArea .list-unstyled li span {
        width: 108px;
        display: inline-block;
        color: #888888;
    }

    .shopcart .totalAmountArea .list-unstyled li .grandTotal {
        color: #252525;
    }

.shopcart .checkBtnArea {
    border-bottom-width: 5px;
}

    .shopcart .checkBtnArea .btn-primary {
        width: 190px;
        height: 43px;
        border-radius: 0;
        border: none;
        background-color: #0ba297;
        line-height: 32px;
        position: relative;
        text-align: center;
        font-weight: 600;
        float: right;
        font-size: 15px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .shopcart .checkBtnArea .btn-primary i {
            margin-left: 10px;
        }

        .shopcart .checkBtnArea .btn-primary:hover {
            opacity: .8;
        }
/* ================================================== */
/* 19. Billing Information
================================================== */


.panel-default.pnlful {
    border: 2px solid #ddd;
    border-radius: 0px;
}

.panel-default > .panel-heading.bilpnl-hd {
    background: #0ba297;
    color: #fff;
    border-bottom: 2px solid #ddd;
    padding: 18px 35px;
    border-radius: 0px;
}

    .panel-default > .panel-heading.bilpnl-hd h3 {
        font-size: 21px;
    }

.panel-body.bilpnl-bd {
    padding: 20px 18px 0px;
}

form.bilform {
    padding: 20px;
}

.creacc-pad {
    margin-top: 25px;
    margin-bottom: 6px;
}

.chkbx.bilchkbx {
    margin-top: 30px;
}

.bil-info.form-control {
    width: 100%;
    height: 42px;
    margin-bottom: 5px;
    font-size: 12px;
    border: 1px solid #ccc;
    border-radius: 0;
}

.txtarea.form-control {
    width: 100%;
    height: 100px;
    font-size: 12px;
    border: 1px solid #d1d7da;
    border-radius: 0;
}

.checkBtnArea .btn-primary {
    width: 170px;
    height: 42px;
    border-radius: 0;
    border: none;
    background-color: #0ba297;
    line-height: 33px;
    position: relative;
    margin-bottom: 15px;
    margin-top: 15px;
    text-align: center;
    font-weight: 700;
    float: right;
    font-size: 15px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .checkBtnArea .btn-primary i {
        margin-left: 10px;
    }

    .checkBtnArea .btn-primary:hover {
        background: #0ba297;
    }

    .checkBtnArea .btn-primary:focus {
        background: #0ba297;
    }
/* ================================================== */
/* 20. Compare-page
================================================== */
.dash.tab .nav-tabs {
    border-bottom: 0 none;
    margin-left: 0%;
}

#compare-sec {
    padding: 50px 0px;
}

    #compare-sec h2 {
        font-size: 31px;
        font-weight: 600;
    }

.compare-table {
    margin-top: 25px;
    background: #fff;
    text-transform: uppercase;
}

    .compare-table thead {
        background-color: #0ba297;
    }

        .compare-table thead > tr > td {
            font-size: 14px;
            color: rgba(255,255,255,1);
            font-weight: 600;
            text-transform: uppercase;
            border-bottom: none;
            line-height: 50px;
            border: 1px solid rgba(251,251,251,0.2);
        }

    .compare-table tr > td img {
        padding: 2px;
        border-radius: 0px;
    }

    .compare-table tbody > tr {
        border-left: 3px solid #ddd;
        border-right: 2px solid #ddd;
    }

        .compare-table tbody > tr > td small {
            font-size: 11px;
            font-family: 'roboto';
            font-weight: 500;
        }

        .compare-table tbody > tr > td {
            font-size: 13px;
            color: #333;
            font-family: 'roboto';
            vertical-align: middle;
            border: none;
            padding: 20px 0px;
            font-weight: 500;
            border-bottom: 2px solid #ddd;
            border-left: 1px solid rgba(0,0,0,0.04);
            border-top: none;
        }

            .compare-table tbody > tr > td a {
                font-size: 13px;
                color: #111;
                font-family: 'roboto';
                vertical-align: middle;
                border: none;
                padding: 25px 0px;
                font-weight: 500;
                border-top: none;
            }

                .compare-table tbody > tr > td a:hover {
                    color: #0ba297;
                    text-decoration: none;
                }

    .compare-table td {
        text-align: center;
    }

        .compare-table td span {
            font-size: 14px;
            color: #0ba297;
        }

    .compare-table .rating .fa-star {
        color: rgba(102,102,102,1);
    }
/* ================================================== */
/* 21. Shipping and Payment
================================================== */

#shipinfo-sec h2 {
    font-size: 25px;
    text-transform: uppercase;
    font-family: 'roboto';
    font-weight: 600;
    margin-bottom: 12px;
    color: #333;
}

.h2hr {
    background: rgba(0,0,0,0.1);
    text-align: center;
    display: inline-block;
    width: 80px;
    height: 2px;
}

.compare-table td span.prdspan {
    font-size: 13px;
    font-family: 'roboto';
    font-weight: 600;
    color: #0ba297;
}

.ship-pay-h3 {
    font-size: 19px;
    margin-bottom: 25px;
    color: #0ba297;
    font-family: 'roboto';
    font-weight: 600;
    padding-bottom: 9px;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

.totlara {
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
    padding: 20px 0px;
    margin-top: 10px;
}

.compare-table.shiptbl {
    margin-top: 10px;
}

.plcordr-area {
    border-bottom: 1px solid #ccc !important;
    width: 84%;
}

.plcordr-btn {
    width: 170px;
    height: 42px;
    border-radius: 0;
    border: none;
    background-color: #0ba297;
    line-height: 41px;
    margin-bottom: 15px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 15px;
}
/* ================================================== */
/* 22. Thanks page
================================================== */

.thksflu h2 {
    font-size: 28px;
    font-weight: 700;
    color: #222;
    margin-bottom: 20px;
    font-family: 'roboto';
}

.thksflu h3 {
    font-size: 23px;
    font-weight: 700;
    padding: 10px 0px;
    font-family: 'roboto';
    color: #333;
}

.thksflu-p {
    font-family: 'roboto';
    font-size: 14px;
    margin-bottom: 20px;
}

.thksflu-pa {
    font-family: 'roboto';
    font-weight: 600;
}

.thksflu-a {
    background: #0ba297;
    color: #fff;
    padding: 9px 15px 9px;
    font-family: 'roboto';
    font-weight: 500;
    font-size: 14px;
}

    .thksflu-a:hover {
        background: #333;
        color: #fff;
    }

.thks-well .well {
    min-height: 20px;
    position: relative;
    padding: 20px 20px 25px;
    margin-bottom: 30px;
    border: 1px solid #bbb;
    border-radius: 0px;
    -moz-box-shadow: 0px 0.2px 4px #e0e0e0;
    -webkit-box-shadow: 0px 0.2px 4px #e0e0e0;
    -o-box-shadow: 0px 0.2px 4px #e0e0e0;
    box-shadow: 0px 0.2px 4px #e0e0e0;
    background: rgba(255,255,255,1);
}
/* ================================================== */
/* 23. My accounts page
================================================== */

.my-acc .tab .nav-tabs {
    border-bottom: 0 none;
}

.tab-bordr {
    border: 3px solid #ddd;
    padding: 30px;
}

.my-acc .tab .nav-tabs li {
    margin-right: 10px;
    margin-top: 12px !important;
    margin-bottom: 7px;
}

    .my-acc .tab .nav-tabs li a {
        font-size: 12px;
        font-family: 'roboto';
        color: #fff;
        border: none;
        border-radius: 0;
        background: #444;
        text-transform: uppercase;
        position: relative;
        padding: 10px 16px 8px;
    }

    .my-acc .tab .nav-tabs li i {
        font-size: 12px;
        color: #fff;
        margin-right: 5px;
    }

    .my-acc .tab .nav-tabs li.active a:after {
        content: "";
        position: absolute;
        bottom: -12px;
        left: 0;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #0ba297;
    }

    .my-acc .tab .nav-tabs li.active a, .my-acc .tab .nav-tabs li.active a:focus, .my-acc .tab .nav-tabs li.active a:hover {
        border: none;
        background: #0ba297;
        font-size: 12px;
        font-family: 'roboto';
        color: #fff;
        padding: 10px 16px 8px;
        transition: all 0.20s linear 0s;
    }

.my-acc .tab .tab-content {
    font-size: 13px;
    color: #111;
    border: 0 none;
    line-height: 25px;
    padding: 5px 0;
    margin-top: 30px;
}

    .my-acc .tab .tab-content h3 {
        font-size: 25px;
        color: #333;
        font-family: 'roboto';
        font-weight: 600;
        padding-bottom: 5px;
        border-bottom: 1px solid #ddd;
        text-transform: uppercase;
    }

    .my-acc .tab .tab-content h4 {
        font-size: 23px;
        font-family: 'roboto';
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 3px;
        color: #333;
    }

    .my-acc .tab .tab-content i {
        color: #FFF !important;
    }

.my-h3 {
    margin-bottom: 10px;
}

.myp {
    line-height: 18px;
    margin-bottom: 25px;
}

.prfl-p {
    margin-bottom: 50px !important;
}

.my-ac-table {
    margin-top: 30px;
    background: #fff;
    text-transform: uppercase;
    overflow: hidden;
}

    .my-ac-table thead {
        background-color: #0ba297;
    }

        .my-ac-table thead > tr > td {
            font-size: 14px;
            color: rgba(255,255,255,1);
            font-weight: 600;
            font-family: 'roboto';
            border-bottom: none;
            line-height: 50px;
            height: 50px;
        }

    .my-ac-table tbody > tr {
        border-left: 3px solid #f0f0f0;
        border-right: 3px solid #f0f0f0;
    }

        .my-ac-table tbody > tr > td {
            font-size: 13px;
            color: #111;
            font-family: 'roboto';
            vertical-align: middle;
            border: none;
            height: 75px;
            font-weight: 500;
            border-bottom: 2px solid #ddd;
            border-left: 1px solid rgba(0,0,0,0.04);
            border-top: none;
        }

            .my-ac-table tbody > tr > td a {
                color: #000;
                text-decoration: none;
            }

                .my-ac-table tbody > tr > td a:hover {
                    color: #0ba297;
                    text-decoration: none;
                }

    .my-ac-table td {
        text-align: center;
    }

        .my-ac-table td span {
            font-size: 18px;
            color: #0ba297;
        }

        .my-ac-table td img {
            padding: 2px;
            border: 1px solid #ddd;
        }

    .my-ac-table .rating .fa-star {
        color: rgba(102,102,102,1);
    }

.my-ac-btn {
    border: 1px solid #ccc;
    padding: 6px 10px 5px;
    font-size: 11px;
    font-weight: 500;
    font-family: 'roboto';
}

.tb-profile img.tb-image-lg {
    z-index: 0;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.tb-image-profile {
    margin: -90px 10px 0px 50px;
    z-index: 9;
    height: 170px;
    width: 170px;
    border-radius: 50%;
}

.prof-imgs {
    float: left;
}
/* ================================================== */
/* 24. Typography
================================================== */

#typgrp-sec {
    padding: 50px 15px;
}

.pricont {
    padding: 20px;
}

.pricingTable {
    text-align: center;
    box-shadow: 0 0 1px 4px rgba(0, 0, 0, 0.1);
}

    .pricingTable > .pricingTable-header {
        color: #fff;
        padding: 3px 0;
        background: #0ba297;
    }

    .pricingTable .price-value {
        background: #353740;
        display: block;
        padding: 24px 12px;
        font-size: 32px;
        position: relative;
    }

        .pricingTable .price-value:after, .pricingTable .price-value:before {
            content: "";
            width: 24px;
            height: 24px;
            background: #fff;
            border-radius: 50%;
            display: inline-block;
            position: absolute;
            top: 40%;
            right: -15px;
        }

        .pricingTable .price-value:before {
            left: -15px;
        }

        .pricingTable .price-value > span {
            font-size: 24px;
        }

        .pricingTable .price-value > .month {
            display: block;
            text-transform: uppercase;
            font-size: 12px;
        }

            .pricingTable .price-value > .month:before {
                content: "";
                border: 1px solid #fff;
                width: 28px;
                display: block;
                margin: 0 auto;
                margin-bottom: 5px;
            }

    .pricingTable .icon {
        display: block;
        padding: 30px 0;
        font-size: 54px;
    }

        .pricingTable .icon > i {
            transform: rotateY(0deg);
            transition: all 1s ease-out 0s;
        }

        .pricingTable .icon:hover > i {
            transform: rotateY(360deg);
            color: #333333;
            transition: all 1s ease-out 0s;
        }

    .pricingTable .heading {
        padding: 12px 0;
        background: #353740;
        display: block;
    }

        .pricingTable .heading > h3 {
            margin: 0;
            text-transform: capitalize;
        }

    .pricingTable > .pricingContent {
        text-align: left;
    }

        .pricingTable > .pricingContent > ul {
            list-style: none;
            padding: 0;
            margin-bottom: 0;
        }

            .pricingTable > .pricingContent > ul > li {
                padding: 12px;
                background: #fff;
                border-bottom: 1px solid #e5e5e5;
                transition: all 0.3s ease-out 0s;
            }

                .pricingTable > .pricingContent > ul > li:before {
                    content: "\f105";
                    font-family: 'FontAwesome';
                    margin-right: 5px;
                    font-weight: bold;
                    font-size: 15px;
                    transition: all 0.5s ease 0s;
                }

                .pricingTable > .pricingContent > ul > li:hover {
                    background: #f8f8f8;
                    color: #0ba297;
                }

                    .pricingTable > .pricingContent > ul > li:hover:before {
                        margin-right: 15px;
                    }

    .pricingTable .pricingTable-sign-up {
        padding: 15px 0;
        background: #fff;
    }

.pricingTable-sign-up > .btn-block {
    width: 50%;
    margin: 0 auto;
    background: #0ba297;
    color: #fff;
    text-transform: uppercase;
    padding: 7px 0;
    border-radius: 0px;
    position: relative;
    transition: all 0.5s ease-out 0s;
}

    .pricingTable-sign-up > .btn-block:after, .pricingTable-sign-up > .btn-block:before {
        content: "";
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: #fff;
        display: inline-block;
        position: absolute;
        top: 30%;
        right: -10px;
        transition: all 0.8s ease 0s;
    }

    .pricingTable-sign-up > .btn-block:before {
        left: -10px;
    }

.pricingTable .btn-block:hover:after, .pricingTable .btn-block:hover:before {
    width: 0;
    height: 0;
}

.pricingTable.pink .pricingTable-header, .pricingTable.pink .btn-block {
    background: #ed687c;
}

.pricingTable.pink .pricingContent > ul > li:hover {
    color: #ed687c;
}

.pricingTable.orange .pricingTable-header, .pricingTable.orange .btn-block {
    background: #e67e22;
}

.pricingTable.orange .price-value > .month:after {
    content: "best";
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
    position: absolute;
    top: 3px;
    right: 3px;
    color: #000;
    font-size: 12px;
    line-height: 42px;
    font-weight: bold;
}

.pricingTable.orange .pricingContent > ul > li:hover {
    color: #e67e22;
}

.pricingTable.dark-green .pricingTable-header, .pricingTable.dark-green .btn-block {
    background: #008b8b;
}

.pricingTable.dark-green .pricingContent > ul > li:hover {
    color: #008b8b;
}
/* ================================================== */
/* 25. Log-in page
================================================== */
#logpg-sec {
    padding: 60px 0px 60px;
}

    #logpg-sec h3 {
        color: #fff;
        font-size: 20px;
        font-weight: 600;
    }

    #logpg-sec p {
        color: #333;
        margin-bottom: 10px;
        font-family: 'roboto';
    }

    #logpg-sec h4 {
        color: #333;
        font-size: 20px;
        font-weight: 600;
    }

.panel-default > .panel-heading.logpnl-hd {
    background: #0ba297;
}

.panel-default {
    border-color: #bbb;
}
/* ================================================== */
/* 26. Registration page
================================================== */

#regpg-sec {
    padding: 60px 0px 60px;
}

    #regpg-sec h3 {
        color: rgba(251,251,251,1);
        font-size: 20px;
        font-weight: 600;
    }

    #regpg-sec p {
        color: #333;
        margin-bottom: 10px;
        font-family: 'roboto';
    }

    #regpg-sec h4 {
        color: #222;
        font-size: 20px;
        font-weight: 600;
    }

.panel-default > .panel-heading.regpnl-hd {
    background: #0ba297;
}
/* ================================================== */
/* 27. 404 Page
================================================== */

.four {
    padding: 100px 0px 95px;
    background: url(/web/20220310200552im_/http://savcikimya.com/Areas/Kongo/Content/images/banner/prlx.jpg);
    background-size: cover;
    background-position: center;
}

.the {
    text-align: center;
    display: block;
    font-family: 'roboto';
    position: relative;
    margin-top: 10px;
    color: #fff;
    letter-spacing: 5px;
    font-size: 2.5em;
}

.nf {
    text-align: center;
    display: block;
    position: relative;
    font-family: 'roboto';
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    margin-top: 15px;
    margin-bottom: 10px;
}
/* ================================================== */
/* 28. Coming Soon 
================================================== */

.cmg-sn-sec {
    background: url(/web/20220310200552im_/http://savcikimya.com/Areas/Kongo/Content/images/banner/prlx.jpg) no-repeat fixed;
    background-position: center;
    background-size: cover;
    padding: 100px 0px;
}

.coming-soon {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    color: #fff;
}

    .coming-soon h2 {
        font-size: 50px;
        font-weight: 500;
        font-family: 'roboto';
        animation-delay: 1s;
        -webkit-animation-delay: 1s;
    }

    .coming-soon h3 {
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 1px;
        color: #f9f9f9;
        margin-top: 30px;
        margin-bottom: 30px;
        font-family: 'roboto' margin-bottom: 40px;
        animation-delay: 2s;
        -webkit-animation-delay: 2s;
    }

    .coming-soon p {
        font-family: 'roboto';
        font-size: 16px;
        line-height: 15px;
        display: inline-block;
        color: #fff;
        letter-spacing: 1px;
        animation-delay: 1s;
        -webkit-animation-delay: 1s;
    }

.counter {
    text-shadow: 0 1px 5px rgba(0,0,0,.1);
    animation-delay: 2s;
    -webkit-animation-delay: 2s;
}

    .counter .days-wrapper, .counter .hours-wrapper, .counter .minutes-wrapper, .counter .seconds-wrapper {
        display: inline-block;
        margin: 0 35px;
        font-size: 18px;
        font-weight: 500;
    }

    .counter .days, .counter .hours, .counter .minutes, .counter .seconds {
        font-size: 70px;
        color: #0ba297;
        line-height: 100px;
    }

.subscribe {
    padding-top: 10px;
    text-align: center;
    padding-bottom: 10px;
}

    .subscribe h3 {
        font-size: 16px;
        font-weight: 500;
        color: #f9f9f9;
        line-height: 20px;
        display: inline-block;
        letter-spacing: 1px;
        animation-delay: 3s;
        -webkit-animation-delay: 3s;
    }

    .subscribe p {
        font-size: 18px;
        font-weight: 400;
        line-height: 36px;
    }

    .subscribe form {
        margin-top: 10px;
        animation-delay: 3s;
        -webkit-animation-delay: 3s;
    }

        .subscribe form input {
            width: 310px;
            height: 40px;
            margin: 0;
            padding: 0 10px;
            background-color: rgba(255,255,255,0.0);
            font-family: 'roboto';
            color: #fff;
            border: 1px solid #fff;
            border-radius: 3px;
        }

            .subscribe form input:focus {
                -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
                -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
                box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
            }

            .subscribe form input:-moz-placeholder {
                color: #888;
            }

            .subscribe form input:-ms-input-placeholder {
                color: #888;
            }

            .subscribe form input::-webkit-input-placeholder {
                color: #888;
            }

        .subscribe form button {
            width: 130px;
            height: 40px;
            margin: 0;
            padding: 0;
            background-color: #0ba297;
            border: 1px solid #0ba297;
            font-family: 'Open Sans', sans-serif;
            font-size: 15px;
            color: #fff;
            border-radius: 3px;
            text-shadow: 0;
        }

            .subscribe form button:hover {
                background-color: #fff;
                color: #000;
            }

            .subscribe form button:active {
                background-color: #00a3cc;
                color: #fff;
            }

.social {
    margin-top: 20px;
    text-align: center;
    margin-bottom: 40px;
    animation-delay: 4s;
    -webkit-animation-delay: 4s;
}

    .social a i {
        display: inline-block;
        padding: 0 15px;
        color: 0ba297;
        font-size: 20px;
    }

        .social a i:hover {
            color: #0ba297;
        }
/* ================================================== */
/* 29. About-us Page
================================================== */

.abh2 {
    text-transform: uppercase;
    font-family: 'roboto';
    font-size: 28px;
    color: #333;
}

.abh2-desc {
    font-size: 14px;
    font-family: 'roboto';
    font-weight: 500;
    color: #444;
}

    .abh2-desc::after {
        content: "";
        position: absolute;
        width: 45px;
        height: 3px;
        background: #0ba297;
        left: 15px;
        top: 95px;
    }

.abp {
    margin-top: 36px;
    line-height: 24px;
    font-size: 14px;
}

.abpa {
    font-family: 'roboto';
    line-height: 23px;
    font-size: 14px;
    margin-bottom: 18px;
}

.box.abbox {
    margin-top: 30px;
}

.teamh3 {
    font-size: 30px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding-bottom: 7px;
    margin-bottom: 20px;
    width: 97.8%;
    text-transform: uppercase;
    color: #333;
    margin-left: 12px;
    font-weight: 600;
}

.our-team {
    position: relative;
    overflow: hidden;
    height: 355px;
}

    .our-team .team-pic > img {
        width: 92%;
        height: auto;
    }

    .our-team .team-profile {
        background: #0ba297;
        padding: 0 24px;
        position: absolute;
        right: 0;
        bottom: -46%;
        width: 90%;
        min-height: 245px;
        transition: all 0.25s ease 0s;
    }

    .our-team:hover .team-profile {
        bottom: 0px;
    }

    .our-team .team-profile:before {
        content: "";
        border-bottom: 30px solid #0ba297;
        border-right: 262px solid transparent;
        position: absolute;
        top: -30px;
        left: 0;
    }

    .our-team .team-title {
        line-height: 22px;
        font-family: serif, Arial;
    }

        .our-team .team-title:after {
            content: "";
            display: block;
            width: 12%;
            border-bottom: 4px solid #fff;
            padding: 5px;
        }

        .our-team .team-title a {
            font-size: 16px;
            text-transform: uppercase;
            font-family: 'roboto';
            color: #fff;
        }

            .our-team .team-title a:hover {
                color: #333;
                text-decoration: none;
            }

        .our-team .team-title > small {
            font-size: 13px;
            color: #fff;
            text-transform: capitalize;
            font-weight: 400;
            font-family: 'roboto';
        }

    .our-team .description {
        color: #fff;
        line-height: 21px;
        margin-top: 40px;
        font-size: 14px;
        font-family: 'roboto';
    }

        .our-team .description:after {
            content: "";
            display: block;
            border-bottom: 1px solid rgba(251,251,251,0.4);
            margin-top: 10px;
        }

    .our-team .team-social {
        padding: 0;
    }

        .our-team .team-social > li {
            display: inline-block;
            margin-right: 12px;
        }

            .our-team .team-social > li > a {
                color: #fff;
                font-size: 12px;
            }

                .our-team .team-social > li > a:hover {
                    text-decoration: none;
                }

.progress {
    width: 80%;
    background: #0ba297;
    height: 4px;
    border-radius: 0;
    box-shadow: none;
    line-height: 35px;
    background: #ddd;
}

    .progress .tracka {
        width: 80%;
        background: #0ba297;
    }

    .progress .trackb {
        width: 92%;
        background: #0ba297;
    }

    .progress .trackc {
        width: 78%;
        background: #0ba297;
    }

    .progress .trackd {
        width: 95%;
        background: #0ba297;
    }

    .progress .tracke {
        width: 90%;
        background: #0ba297;
    }

.progressbar-title {
    color: #333;
    font-size: 14px;
    text-transform: capitalize;
    font-family: 'roboto';
    margin: 25px 0 10px;
}

.progressbar-value {
    float: right;
    display: block;
}

.progress .progress-bar {
    animation: progress 10s;
}

@-webkit-keyframes progress {
    0% {
        width: 0%;
    }
}

@keyframes progress {
    0% {
        width: 0%;
    }
}
/* ================================================== */
/* 30. Services Page
================================================== */

/* 30.1  Services-1
================================================== */

.serviceB {
    transition: all 0.4s ease-in-out;
}

    .serviceB .icon {
        margin-top: 10px;
        width: 60px;
        height: 60px;
        margin: auto;
        margin-bottom: 13px;
        line-height: 60px;
        text-align: center;
        border-radius: 50%;
        color: #0ba297;
        font-size: 26px;
        border: 1px solid #bbb;
        transition: all 0.8s ease-in-out;
        cursor: pointer;
    }

    .serviceB:hover .icon {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
        background: #333;
        color: #fff;
        border-color: #333;
    }

    .serviceB .content {
        margin-top: 10px;
        text-align: center;
    }

        .serviceB .content h2 {
            font-family: 'roboto';
            font-size: 16px;
            font-weight: 600;
            color: #333;
        }

        .serviceB .content p {
            font-size: 14px;
            color: #444;
            font-weight: 400;
            line-height: 22px;
            font-family: 'roboto';
            transition: all 0.5s ease 0s;
        }

        .serviceB .content a {
            color: #333;
            font-family: 'roboto';
            font-size: 12px;
            font-weight: 500;
            text-transform: capitalize;
            border: 1px solid #ccc;
            padding: 5px 10px;
        }

            .serviceB .content a:hover {
                color: #0ba297;
                cursor: pointer;
                text-decoration: none;
            }
/* 30.2  Services-2
================================================== */

.servicec {
    text-align: center;
}

    .servicec .service-image > a > img {
        width: 150px;
        height: 150px;
        border-radius: 50%;
        transition: all 0.2s ease-in-out 0s;
    }

    .servicec .service-content h3 {
        text-transform: uppercase;
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 1.25px;
        margin-bottom: 16px;
        margin-top: 15px;
        color: #333;
        transition: all 0.21s ease 0s;
    }

    .servicec .service-content p {
        font-size: 14px;
        color: #444;
        font-weight: 400;
        line-height: 23px;
        font-family: 'roboto';
        transition: all 0.5s ease 0s;
    }

    .servicec .read {
        margin-top: 20px;
    }

        .servicec .read > a {
            text-transform: uppercase;
            color: #0ba297;
            font-size: 12px;
            font-weight: bold;
            font-family: 'roboto';
            position: relative;
            transition: all 0.16s ease 0s;
        }

            .servicec .read > a:after {
                content: "\f061";
                font-family: 'FontAwesome';
                font-size: 8px;
                position: absolute;
                right: -13px;
                top: 0px;
            }

    .servicec:hover .service-image > a > img {
        padding: 5px;
        border: 1px solid #333;
        transition: all 0.2s ease-in-out 0s;
    }

    .servicec:hover .service-content h3, .servicec:hover .read > a {
        color: #0ba297;
    }
/* OTHER FOCUSES 
==================== */

.other-focus-list {
    padding-top: 25px;
}

    .other-focus-list ul li {
        display: inline-block;
        padding: 0px 25px;
        color: #eee;
        line-height: 37px;
        text-transform: uppercase;
        font-family: 'roboto';
        font-weight: 500;
        font-size: 14px;
    }

        .other-focus-list ul li:last-child {
            margin-right: 0;
        }

        .other-focus-list ul li i {
            margin-right: 8px;
            color: #0ba297;
        }
/* ================================================== */
/* 31. Contact-us Page
================================================== */

#contact-sec {
    padding: 40px 0px;
}

.pro-well .well.map-wel {
    padding: 10px 10px 5px;
}

.pro-well .well.cont-det-wel {
    padding: 25px 35px 25px;
}

.pro-well .well.cont-form-wel {
    padding: 25px 30px 20px;
}

#map-wrapper {
    border: 1px solid #feffff;
    height: 350px;
    width: 100%;
}

.cont-h2 {
    font-size: 33px;
    font-weight: 600;
    padding: 10px;
    font-family: 'roboto';
}

.contact-details li + li {
    margin-top: 20px;
}

.contact-details {
    margin-top: 3px !important;
}

    .contact-details li .fa {
        color: #0ba297;
        text-align: center;
        width: 37px;
        line-height: 35px;
        margin-right: 25px;
        height: 37px;
        margin-bottom: 10px;
        font-size: 17px;
        border: 1px solid #bbb;
    }

.detp {
    font-family: 'roboto';
    font-size: 14px;
    font-weight: 400;
    width:220px;
}

.contact-hding {
    border-bottom: 1px solid #ddd;
    padding-bottom: 7px;
    position: relative;
    margin-bottom: 25px;
    font-size: 24px;
}

    .contact-hding span {
        background: #0BA297 none repeat scroll 0 0;
        bottom: -2px;
        height: 3px;
        left: 0;
        position: absolute;
        width: 70px;
    }

.contact-pad {
    padding: 0px 16px !important;
}
/* ================================================== */
/* 32. blog-section
================================================== */

.post-single {
    border: 2px solid #ddd;
    padding: 15px;
}

    .post-single .date-titl .date {
        display: block;
        width: 100px;
        float: left;
        position: relative;
    }

        .post-single .date-titl .date strong {
            color: #0ba297;
            font-size: 32px;
            border-right: 1px solid #f0f0f0;
            padding: 10px;
        }

        .post-single .date-titl .date p {
            position: absolute;
            display: block;
            margin: 0;
            text-align: center;
            right: 0;
            top: 0;
            text-transform: uppercase;
        }

    .post-single .date-titl .titl {
        margin: 0;
        padding: 0;
        margin-top: 0px;
        padding-left: 10px;
        overflow: hidden;
    }

    .post-single .post-info {
        color: #999;
        padding: 10px 0;
    }

        .post-single .post-info a {
            color: #888;
            text-decoration: none;
        }

            .post-single .post-info a i {
                color: #0ba297;
            }

    .post-single .post-content {
        font-size: 14px;
        line-height: 24px;
        color: #444;
        margin-bottom: 10px;
    }

.post-grid .post-single .featured-image {
    position: relative;
    border: 1px solid #ccc;
}

    .post-grid .post-single .featured-image .category {
        position: absolute;
        top: 10px;
        left: 10px;
        margin: 0;
        padding: 0;
        z-index: 2;
        font-family: 'roboto';
        font-weight: 500;
        font-size: 13px;
    }

        .post-grid .post-single .featured-image .category a {
            color: white;
            text-decoration: none;
            font-family: 'roboto';
            font-weight: 400;
            font-size: 12px;
        }

            .post-grid .post-single .featured-image .category a i {
                color: #0ba297;
            }

    .post-grid .post-single .featured-image .date {
        position: absolute;
        bottom: 10px;
        left: 10px;
        margin: 0;
        padding: 0;
        z-index: 2;
        width: 100px;
    }

        .post-grid .post-single .featured-image .date strong {
            float: left;
            display: block;
            color: #0ba297;
            font-size: 38px;
            font-family: 'roboto';
            font-weight: 400;
            border-right: 1px solid rgba(255, 255, 255, 0.3);
            padding-right: 7px;
            padding-top: 0;
            margin-right: 7px;
            padding-bottom: 0px;
        }

        .post-grid .post-single .featured-image .date p {
            display: block;
            color: rgba(255, 255, 255, 0.9);
            text-transform: uppercase;
            margin: 0;
            padding: 0;
            font-size: 15px;
            font-weight: 300;
            font-family: 'roboto';
            margin-top: 5px;
        }

.post-grid .post-single .titl h2 {
    line-height: 25px !important;
    margin-top: 17px;
}

    .post-grid .post-single .titl h2 a {
        color: #333;
        font-size: 18px;
        text-decoration: none;
        line-height: 18px !important;
    }

        .post-grid .post-single .titl h2 a:hover {
            color: #0ba297;
        }
/* ================================================== */
/*  33. Footer
================================================== */

.footer {
    border-color: #47bac1;
}

.footer {
    display: block;
    width: 100%;
    padding: 38px 0 !important;
    background: #222;
    border-top: 7px solid #0ba297 !important;
}

    .footer .footerLink h5 {
        color: #fff;
        font-family: 'roboto', sans-serif;
        text-transform: uppercase;
        margin-bottom: 15px;
        font-size: 18px;
        font-weight: 600;
    }

    .footer .footerLink ul li {
        color: #ccc;
        font-size: 14px;
        line-height: 24px;
        font-family: 'roboto';
    }

        .footer .footerLink ul li a {
            color: #ddd;
            font-size: 14px;
            font-family: 'roboto';
            line-height: 22px;
        }

            .footer .footerLink ul li a:hover {
                color: #0ba297;
            }

    .footer .newsletter {
        display: block;
        text-align: center;
    }

        .footer .newsletter h4 {
            color: #fff;
            font-weight: 600;
            font-size: 19px;
            text-transform: uppercase;
            margin-bottom: 0;
        }

        .footer .newsletter h3 {
            color: #ccc;
            text-transform: uppercase;
            font-size: 14px;
            margin-bottom: 10px;
            font-family: 'roboto';
        }

        .footer .newsletter p {
            color: #bbb;
            font-size: 14px;
            font-family: 'roboto';
        }

        .footer .newsletter .input-group {
            display: block;
            width: 100%;
        }

            .footer .newsletter .input-group .form-control, .footer .newsletter .input-group .input-group-addon {
                display: inline-block;
                float: left;
                margin-right: 2%;
                border-radius: 0;
                border: 1px solid rgba(251,251,251,0.2);
                background-color: #3b3b3b;
                height: 35px;
                line-height: 35px;
                padding: 0 14px;
                font-size: 12px;
                color: #999999;
            }

                .footer .newsletter .input-group .form-control:focus, .footer .newsletter .input-group .input-group-addon:focus {
                    box-shadow: none;
                }

            .footer .newsletter .input-group .input-group-addon {
                margin-right: 0;
                height: 35px;
                padding: 0;
                border: 2px solid #0ba297;
                font-size: 14px;
                text-transform: uppercase;
                font-weight: 500;
                color: #ffffff;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
            }

                .footer .newsletter .input-group .input-group-addon i {
                    -webkit-transition: all 0.3s ease-in-out;
                    -moz-transition: all 0.3s ease-in-out;
                    -ms-transition: all 0.3s ease-in-out;
                    -o-transition: all 0.3s ease-in-out;
                    transition: all 0.3s ease-in-out;
                    color: #47bac1;
                }

.ulmarg {
    margin-top: 15px;
}

.copyRight ul li a {
    display: block;
    line-height: 53px;
    font-size: 14px;
    color: rgba(255,255,255,1);
}

    .copyRight ul li a:hover {
        display: block;
        line-height: 53px;
        font-size: 14px;
        color: #47bac1;
    }

.footer .newsletter .input-group .input-group-addon:hover {
    background-color: #0ba297;
    border-color: #0ba297;
    color: #ffffff;
}

    .footer .newsletter .input-group .input-group-addon:hover i {
        color: #ffffff;
    }

.copyRight {
    display: block;
    width: 100%;
    min-height: 53px;
    background-color: #101010;
}

    .copyRight p {
        color: #f2f2f2;
        margin-bottom: 0;
    }

        .copyRight p a {
            color: #0ba297;
            font-family: 'roboto';
            font-weight: 400;
        }

/* ================================================== */
/*  34. responsive
================================================== */

@media (max-width: 991px) {
    .srch_frm .controls.col-md-3 {
        padding: 0;
    }

    .form-group .controls.col-md-6 {
        padding-left: 0;
        padding-top: 15px;
    }

    .form-control {
        margin-bottom: 10px;
    }

    .serviceBox {
        margin-bottom: 30px;
    }

    .post-grid:nth-of-type(3n+1) {
        clear: inherit;
    }

    .post-grid:nth-of-type(2n+1) {
        clear: both;
    }

    .our-team {
        width: 310px;
        margin: 0 auto 15px;
    }

        .our-team .team-profile:before {
            border-right: 300px solid transparent;
        }

    .cmg-sn.soc_ico ul {
        border-right: none;
    }

        .cmg-sn.soc_ico ul li a:hover {
            color: #fff;
        }

    .pricingTable {
        margin-bottom: 20px;
    }

    .bil-info.form-control {
        margin-bottom: 10px;
    }

    section.top-sec .col-md-6.top_rgt {
        text-align: left;
    }

    .soc_ico ul {
        border-right: none;
    }

    section.top-sec .col-md-6 div {
        display: block;
    }

    .subm_btn {
        font-size: 13px;
        color: #fff;
        margin: 0;
        margin-left: 0px;
        padding: 0px 0px;
        float: right;
    }

    .me .badge--menu {
        position: relative;
        margin: 0 5px;
        top: -15px;
        display: none;
    }

    .me.navbar-default .navbar-nav > li > a {
        color: #333;
        font-size: 12px;
        font-family: 'Roboto';
        text-transform: uppercase;
        letter-spacing: 0px;
        font-weight: 600;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        line-height: 20px;
        padding: 14px 13px;
    }

    .me .navbar-brand {
        float: left;
        margin-right: 0px;
        margin-left: 15px;
    }

    .sig_in p {
        float: left;
    }

    .itema {
        height: 350px;
        background-position: center;
        background-size: cover;
    }

    .itemb {
        height: 350px;
        background-position: center;
        background-size: cover;
    }

    .itemc {
        height: 350px;
        background-position: center;
        background-size: cover;
    }

    .contro.carousel-control {
        width: 15%;
    }

    .bnnr h1 {
        font-size: 32px;
        text-align: center;
    }

    .bnnr h5 {
        font-size: 20px;
        text-align: center;
    }

    .bnnr p {
        text-align: center;
        font-size: 11px;
        padding: 0px 30px;
        line-height: 18px;
    }

    .bnnr a {
        text-align: center;
    }

    .box {
        margin-bottom: 20px;
    }
}

@media (min-width: 992px) {
    .footer .newsletter {
        width: 75%;
    }

        .footer .newsletter .input-group .form-control, .footer .newsletter .input-group .input-group-addon {
            width: 73%;
        }

        .footer .newsletter .input-group .input-group-addon {
            width: 25%;
        }

            .footer .newsletter .input-group .input-group-addon i {
                margin-left: 7px;
            }
}

@media (max-width: 767px) {
    .copyRight p {
        line-height: 45px;
        font-size: 12px;
        text-align: center;
    }

    .srch_frm {
        padding: 25px 15px;
    }

    .form-group .controls.col-md-6 {
        padding: 0;
        padding-left: 0px;
    }

    .testi {
        height: auto;
        margin: 0 auto;
        width: 100%;
        vertical-align: middle;
    }

    .post-grid {
        clear: both;
    }

    .other-focus-list ul li {
        padding: 0px 8px;
    }

    .our-team {
        width: auto;
    }

    .tb-profile-text > h3 {
        margin-bottom: 10px;
    }

    .tb-image-profile {
        margin: -35px 10px 0px 25px;
        z-index: 9;
        width: 20%;
        border-radius: 50%;
    }

    .my-acc .tab .nav-tabs {
        margin-bottom: 20px;
    }

        .my-acc .tab .nav-tabs li {
            width: 100%;
            margin-bottom: 5px;
        }

            .my-acc .tab .nav-tabs li a {
                padding: 10px;
            }

            .my-acc .tab .nav-tabs li.active a:after {
                border: none;
            }

    .my-acc .tab .tab-content {
        margin-top: 5px;
    }

    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 0px;
    }

    .me.navbar-default .navbar-nav > li > a {
        line-height: 22px;
    }

    .tab .nav-tabs {
        margin-bottom: 20px;
        margin-left: 0px;
        padding: 0px 20px;
    }

        .tab .nav-tabs li {
            width: 100%;
            margin-bottom: 5px;
        }

            .tab .nav-tabs li a {
                padding: 10px;
            }

            .tab .nav-tabs li.active a:after {
                border: none;
            }

    .tab .tab-content {
        margin-top: 5px;
    }

    .quick-view-modal .close-modal {
        position: absolute;
        top: 15px;
        right: 10px;
        width: 50px;
        height: 50px;
        background-color: transparent;
        cursor: pointer;
        z-index: 10;
    }

    .footer .footerLink {
        text-align: center;
    }

    .copyRight ul {
        text-align: center;
    }
}

@media (min-width: 768px) {
    .footer .footerLink {
        text-align: left;
        margin-bottom: 0;
    }

    .footer .newsletter {
        float: right;
        margin-bottom: 0;
        width: 90%;
    }

        .footer .newsletter .input-group .form-control, .footer .newsletter .input-group .input-group-addon {
            width: 63%;
        }

        .footer .newsletter .input-group .input-group-addon {
            width: 35%;
        }

            .footer .newsletter .input-group .input-group-addon i {
                margin-left: 3px;
            }

    .copyRight p {
        text-align: left;
        line-height: 53px;
        font-family: 'roboto';
        font-size: 13px;
        font-weight: 300;
    }

    .copyRight ul {
        text-align: right;
    }

    .me .navbar-right {
        float: right !important;
        margin-right: -30px;
    }
}

@media (max-width: 479px) {
    .owl-buttons {
        top: 3%;
        left: 40%;
    }

    .pic:before {
        left: 0;
    }

    .pic:after {
        right: 0;
    }

    .srt {
        position: relative !important;
        margin-left: 34px;
    }

    .m.form-control {
        width: 100px;
    }

    .sgl-prdct .tab .nav-tabs li {
        width: 100%;
        margin-bottom: 5px;
    }

        .sgl-prdct .tab .nav-tabs li a {
            padding: 20px;
        }

        .sgl-prdct .tab .nav-tabs li.active a:after {
            border: none;
        }

    .sgl-prdct .tab .tab-content {
        margin-top: 5px;
    }

    .footer .footerLink {
        text-align: center;
        margin-bottom: 25px;
    }

    .footer .newsletter .input-group .form-control, .footer .newsletter .input-group .input-group-addon {
        width: 73%;
    }

    .footer .newsletter .input-group .input-group-addon {
        width: 25%;
    }

    .copyRight p {
        text-align: center;
        line-height: 45px;
        font-size: 8px;
    }

    .copyRight ul {
        text-align: center;
    }

    .post-slide {
        padding: 0;
    }

    .owl-carousel .owl-item {
        padding: 0px;
    }

    .product-item {
        padding: 7px;
    }

    .box-content .title {
        font-size: 19px;
    }

    .shopcart .updateArea .input-group .form-control {
        margin-right: 10px;
        margin-right: 10px;
        width: 100%;
    }
}

@media (max-width: 382px) {

    .m.form-control {
        margin-top: 8px;
    }
}

@media (min-width: 480px) {
    .footer .footerLink {
        margin-bottom: 25px;
    }

    .footer .newsletter .input-group .form-control, .footer .newsletter .input-group .input-group-addon {
        width: 73%;
    }

    .footer .newsletter .input-group .input-group-addon {
        width: 25%;
    }

        .footer .newsletter .input-group .input-group-addon i {
            margin-left: 7px;
        }

    .copyRight p {
        line-height: 50px;
        font-size: 13px;
    }
}

@media (min-width: 1025px) {
    .me .badge.badge--hidden {
        display: none;
    }
}

/***** Media Queries *****/

@media (min-width: 768px) and (max-width: 979px) {
    .counter .days-wrapper, .counter .hours-wrapper, .counter .minutes-wrapper, .counter .seconds-wrapper {
        width: 140px;
        height: 120px;
        margin: 0 7px;
        padding-top: 20px;
        -moz-border-radius: 70px;
        -webkit-border-radius: 70px;
        border-radius: 70px;
    }

    .counter .days, .counter .hours, .counter .minutes, .counter .seconds {
        font-size: 60px;
        line-height: 70px;
    }
}

@media (max-width: 767px) {
    .coming-soon h2 {
        font-size: 36px;
        padding: 0 20px;
    }

    .coming-soon p {
        padding: 0 20px;
    }

    .counter .days-wrapper, .counter .hours-wrapper, .counter .minutes-wrapper, .counter .seconds-wrapper {
        width: 140px;
        height: 120px;
        margin: 7px;
        padding-top: 20px;
        -moz-border-radius: 70px;
        -webkit-border-radius: 70px;
        border-radius: 70px;
    }

    .counter .days, .counter .hours, .counter .minutes, .counter .seconds {
        font-size: 60px;
        line-height: 70px;
    }

    .subscribe h3 {
        padding: 0 20px;
        font-size: 28px;
    }

    .subscribe p {
        padding: 0 20px;
    }
}

@media (max-width: 480px) {
    .subscribe form {
        padding: 0 20px;
    }

        .subscribe form input {
            width: 90%;
        }

        .subscribe form button {
            width: 90%;
            margin-top: 10px;
        }
}

/*
     FILE ARCHIVED ON 20:05:52 Mar 10, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:04:17 Dec 01, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.497
  exclusion.robots: 0.017
  exclusion.robots.policy: 0.008
  esindex: 0.008
  cdx.remote: 11.989
  LoadShardBlock: 450.883 (3)
  PetaboxLoader3.datanode: 367.512 (4)
  PetaboxLoader3.resolve: 153.863 (2)
  load_resource: 80.232
*/