﻿/*--------------------------------Global--------------------------------*/

* {
    margin: 0;
    padding: 0;
    box-sizing:border-box;
}

:root {
    --primary-color: #51b8f2; 
    --secondary-color: #54667a; 
    --green-color:#43B74A;
}

a, p, span, input[type=text], input[type=password], textarea, button, input[type=submit], select,
td, th, li, label, b {
    font-family: 'Karla', sans-serif;
    font-size:16px;
}

a, p, span, input[type=text], input[type=password], textarea, select,
td, th, li, label, b {
    color:var(--secondary-color);
}

h1, h2, h3, h4, h5 {
    font-family: 'Dosis', sans-serif;
    color:var(--secondary-color);
}

ul {
    list-style-type: none;
}

a {
    text-decoration: none;
}

/*--------------------------------Common--------------------------------*/

.clsPgWidth {
    width:1200px;
    margin:0 auto;
}

.clsSecPadding {
    padding:50px 0;
}

.clsTxtBox {
    border: 1px solid #e0e0e0;
    padding: 10px 12px;
    outline: none;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    transition: border ease-in 0.2s;
}

    .clsTxtBox:focus {
        border: 1px solid var(--secondary-color);
    }

    .clsTxtBox:disabled {
        background-color: #f6f6f6;
    }

    input[type=text].aspNetDisabled, input[type=password].aspNetDisabled, select.aspNetDisabled {
        background-color:#f6f6f6;
    }

.clsBtn {
    display:inline-block;
    background-color: var(--primary-color);
    color: white;
    padding: 10px 20px;
    border: none;
    text-align: center;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    transition:background-color 0.2s ease-out;
}

    .clsBtn:hover, .clsBtn:active {
        background-color: var(--secondary-color);
        transition:background-color 0.2s ease-in;
    }

.clsForm .clsRow {
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap:10px;
}

.clsForm .clsRow:not(:last-child) {
    margin-bottom:10px;
}

    .clsForm .clsRow .clsFullCol {
        grid-column: span 2;
    }

    .clsForm .clsRow input[type=text],
    .clsForm .clsRow select,
    .clsForm .clsRow textarea {
        width:100%;
    }

.clsPgBanner {
    margin-top:30px;
    height:300px;
    position:relative;
    overflow:hidden;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
}

    .clsPgBanner > div {
        position:absolute;
        left:50%; top:50%;
        transform:translate(-50%,-50%);
    }

        .clsPgBanner > div h2 {
            background-color: white; 
            display: inline-block; 
            padding: 10px;
            border-left: 3px solid var(--primary-color);
            text-transform: uppercase;
        }

.clsBC {
    background: #f3f3f3;
}

    .clsBC > div {
        padding:20px 0;
    }

        .clsBC > div a {
            color:var(--primary-color);
            padding-left:5px;
        }

        .clsBC > div span {
            margin-left:5px;
        }

.clsLoading {
    display:none;
    position:fixed;
    top:0;left:0;
    width:100%;height:100%;
    background-image:url('/images/loading.gif');
    background-repeat:no-repeat;
    background-position:center center;
    background-color: rgba(255, 255, 255, 0.8);
    background-size: 55px;
    z-index: 9;
}

/*--------------------------------Site.Master--------------------------------*/

.clsTopBar {
    border-bottom: 1px solid #d8dde3;
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap:0px;
}

    .clsTopBar > div:first-child p {
        margin-top: 15px;
        font-size: 14px;
    }

    .clsTopBar > div:last-child {
        text-align:right;
    }

    .clsTopBar > div:last-child ul {
        display: inline-table;
        vertical-align: middle;
        margin-right: 10px;
    }

        .clsTopBar > div:last-child ul li {
            display: inline-block;
        }

        .clsTopBar > div:last-child ul li:not(:last-child) {
            margin-right:10px;
        }

            .clsTopBar > div:last-child ul li a {
                background-repeat:no-repeat;
                background-size:contain;
                display:inline-block;
                width:18px;
                height:18px;
            }

    .clsTopBar > div:last-child > a {
        padding:15px 20px;
    }

header {
    padding-top:0px;
    display:grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap:0px;
    align-items: center;
}

    header > div:nth-child(1) a {
        display: block;
        line-height: 0;
    }

        header > div:nth-child(1) a img {
            display: block;
            width: 200px;
            height: 150px;
            object-fit: contain;
            object-position: left center;
        }

    header > div:nth-child(2) {
        grid-column: span 3 / 5;
    }

        header > div:nth-child(2) nav > ul >li {
            display:inline-block;
            position:relative;
        }

        header > div:nth-child(2) nav > ul >li:not(:last-child) {
            margin-right:20px;
        }

        header > div:nth-child(2) nav > ul >li:first-child {
            padding-left: 20px;
            margin-left:15px;
            border-left: 1px solid #d6dce2;
        }

        header > div:nth-child(2) nav > ul > li > a.clsActiveNav,
        header > div:nth-child(2) nav > ul > li a:hover {
            color:var(--primary-color);
        }

        header > div:nth-child(2) nav .clsSubMenu {
            display:none;
            position:absolute;
            left: 50%;
            transform: translateX(-50%);
            z-index:5;
        }

        header > div:nth-child(2) nav > ul > li:hover > a {
            color:var(--primary-color);
        }
                
        header > div:nth-child(2) nav > ul > li:hover .clsSubMenu {
            display:block;
        }

        header > div:nth-child(2) nav .clsSubMenu ul:before {
            content: ' ';
            width: 0;
            height: 0;
            border-bottom: 10px solid #fff;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            top: 10px;
        }
                
        header > div:nth-child(2) nav .clsSubMenu ul {
            margin-top: 20px;
            background-color:#fff;
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
        }

            header > div:nth-child(2) nav .clsSubMenu li:not(:last-child) {
                border-bottom:1px solid #ddd;
            }

                header > div:nth-child(2) nav .clsSubMenu li a {
                    display:block;
                    font-size: 16px;
                    padding: 5px 15px;
                    letter-spacing: 1px;
                    color: var(--secondary-color);
                    text-decoration:none;
                }

    header > div:nth-child(3) {
        text-align:right;
    }

        header > div:nth-child(3) .clsCart {
            display: inline-table;
            vertical-align: top;
            width: 30px;
            height: 30px;
            background-image: url(/images/cart.png);
            background-repeat: no-repeat;
            background-size: cover;
            margin-top: 11px;
            margin-right: 20px;
            position:relative;
        }

            header > div:nth-child(3) .clsCart span {
                position:absolute;
                display: inline-block;
                width: 16px;
                height: 16px;
                text-align: center;
                background-color: var(--green-color);
                border-radius: 50%;
                color: #fff;
                font-size: 10px;
                line-height: 17px;
                right: -4px;
                top: -5px;
            }

        header > div:nth-child(3) p {
            text-align: left;
            display: inline-block;
            font-size: 14px;
            background-image: url(/images/mobile.png);
            background-repeat: no-repeat;
            background-size: 40px;
            padding-left: 45px;
            background-position: 0 2px;
        }

            header > div:nth-child(3) p a {
                display:block;
                font-family: 'Dosis', sans-serif;
                font-size:24px;
            }

footer {
    background-color: var(--secondary-color);
}

    footer .clsContent {
        position:relative;
    }

        footer .clsContent section {
            display:inline-table;
            vertical-align:top;
        }

        footer .clsContent section:not(:last-child) {
            margin-right:80px;
        }

            footer .clsContent h3 {
                margin-bottom:20px;
                color:#fff;
            }

            footer .clsContent ul {
                list-style-type:none;
                display:inline-table;
                vertical-align:top;
            }

            footer .clsContent ul:nth-child(3) {
                margin-left:50px;
            }

            footer section {
                display:inline-table;
                vertical-align:top;
            }

            footer section:not(.clsSocial) a:before {
                content: '\0203A';
                padding-right:2px;
            }

            footer section li,
            footer section a {
                color:#c2cfde;
            }

        footer section.clsSocial {
            position:absolute;
            right:0;
            text-align: right;
        }

            footer section.clsSocial h3 {
                text-align:right;
            }

            footer section.clsSocial ul {
                list-style-type:none;
            }

                footer section.clsSocial ul li {
                    display:inline-block
                }

                footer section.clsSocial ul li:not(:first-child) {
                    margin-left:10px;
                }

                    footer section.clsSocial ul li a {
                        display: block;
                        width: 35px;
                        height: 35px;
                        background-repeat: no-repeat;
                        background-size:cover;
                        border-radius:7px;
                    }

    footer .clsBottom {
        background-color:#415469;
        padding:10px 0;
    }

        footer .clsBottom a,
        footer .clsBottom span {
            color:#fff;
            font-size: 14px;
        }

        footer .clsBottom a {
            float:right;
        }

/*--------------------------------Index--------------------------------*/

.clsSlider {
    margin-top:20px;
    position:relative;
}

    .clsSlider .clsBanner {
        position:relative;
        outline:none;
    }

    .clsSlider .clsImg {
        height:500px;
        background-repeat:no-repeat;
        background-size:cover;
        background-position:center center;
    }

    .clsSlider .slick-dots {
        position:absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom:20px;
    }

        .clsSlider .slick-dots li {
            display:inline-block;
            width:10px;
            height:10px;
            background-color:rgba(255, 255, 255, 0.4);
        }

        .clsSlider .slick-dots li.slick-active {
            background-color:var(--primary-color);
        }

        .clsSlider .slick-dots li:not(:last-child) {
            margin-right:4px;
        }

        .clsSlider .slick-dots li button {
            display:none;
        }

.clsCommonHealth {
    background: #f3f3f3;
}

    .clsHealthIssues {
        margin-top:30px;
        display:grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap:30px;
    }

        .clsHealthIssues .clsIssue {
            background-color:#fff;
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13);
            transition:transform 0.2s ease-out;
        }

            .clsHealthIssues .clsIssue:hover {
                transform:scale(1.1);
                transition:transform 0.3s ease-in;
            }

            .clsHealthIssues .clsIssue h3 {
                text-align: center;
                color: var(--green-color);
                padding: 15px 5px;
            }

            .clsHealthIssues .clsIssue .clsImg {
                height:170px;
                background-repeat:no-repeat;
                background-size:cover;
                background-position:center center;
                transition:filter 0.2s ease-out;
            }

            .clsHealthIssues .clsIssue:hover .clsImg {
                filter: grayscale(100%);
                transition:filter 0.3s ease-in;
            }

            .clsHealthIssues .clsIssue a {
                width:100%;
                padding:15px 10px;
            }

    .clsViewAll {
        display: block;
        width: 150px;
        margin: 30px auto 0 auto;
        text-align: center;
        border: 1px dashed var(--primary-color);
        padding: 10px;
        transition:background-color 0.2s ease-out;
    }

        .clsViewAll:hover {
            background-color:var(--primary-color);
            color:#fff;
            transition:background-color 0.2s ease-in;
        }

.clsProds {
    margin-top:30px;
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap:30px;
}

    .clsProds .clsProd {
        background-color:#fff;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13);
        border: 1px solid #e0e0e0;
        position:relative;
        overflow:hidden;
    }

    .clsProds .clsProd:before {
        content: '';
        display: block;
        position: absolute;
        background: rgba(255, 255, 255, 0.5);
        width: 60px;
        height: 100%;
        left: 0;
        top: 0;
        opacity: .5;
        -webkit-filter: blur(30px);
        filter: blur(30px);
        -webkit-transform: translateX(-100px) skewX(-30deg);
        transform: translateX(-100px) skewX(-30deg);
    }

    .clsProds .clsProd:after {
        content: '';
        display: block;
        position: absolute;
        background: rgba(255, 255, 255, 0.2);
        width: 60px;
        height: 100%;
        left: 30px;
        top: 0;
        opacity: 0;
        -webkit-filter: blur(5px);
        filter: blur(5px);
        -webkit-transform: translateX(-100px) skewX(-30deg);
        transform: translateX(-100px) skewX(-30deg);
    }

    .clsProds .clsProd:hover:after {
        -webkit-transform: translateX(320px) skewX(-30deg);
        transform: translateX(320px) skewX(-30deg);
        opacity: 1;
        -webkit-transition: .7s;
        transition: .7s;
    }

    .clsProds .clsProd:hover:before {
        -webkit-transform: translateX(320px) skewX(-30deg);
        transform: translateX(320px) skewX(-30deg);
        opacity: 0.6;
        -webkit-transition: .7s;
        transition: .7s;
    }

        .clsProds .clsProd .clsImg {
            cursor:pointer;
            height: 220px;
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center center;
            margin: 10px 0;
        }

        .clsProds .clsProd h3 {
            margin-top:10px;
            text-align: center;
            color: var(--green-color);
        }

        .clsProds .clsProd p {
            margin-top:3px;
            text-align: center;
            margin-bottom:20px;
        }

        .clsProds .clsProd p:nth-child(3) {
            font-size:14px;
        }

        .clsProds .clsProd p:nth-child(4) {
            color:#000;
        }

        .clsProds .clsProd a {
            display:block;
            text-align:center;
        }

        .clsProds .clsProd a.clsAddToCart {
            background-color: var(--primary-color);
            padding: 15px;
            color: #fff;
            transition:background-color 0.2s ease-out;
        }

        .clsProds .clsProd a.clsAddToCart:hover {
            background-color: var(--secondary-color);
            transition:background-color 0.2s ease-in;
        }

            .clsProds .clsProd a.clsAddToCart span {
                display: inline-table;
                width: 18px;
                height: 18px;
                background-repeat: no-repeat;
                background-image: url(/Images/plus.png);
                background-size: contain;
                margin-right: 5px;
                vertical-align: bottom;
            }

        .clsProds .clsProd a.clsViewDetails {
            padding: 15px;
            position: relative;
            z-index: 1;
            transition:color 0.2s ease-out;
        }

        .clsProds .clsProd a.clsViewDetails:hover {
            color:var(--green-color);
        }

.clsFreeConsult {
    background: #e3f0fb;
    background-image: url(images/med_pattern.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 550px;
}

    .clsFreeConsult .clsForm {
        padding-top:30px;    
        width:750px;
    }

    .clsFreeConsult .clsForm textarea {
        height:90px;
        resize:none;
    }

    .clsFreeConsult .clsCapt {
        position:relative;
    }

    .clsFreeConsult .clsCapt img {
        position: absolute;
        right: 5px;
        top: 50%;
        transform: translateY(-50%);
    }

.clsHealthSteps {
    background: #fff;
}

    .clsHealthSteps > div > div {
        margin-top:30px;
        display:grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap:30px;
    }

        .clsHealthSteps > div > div img {
            border-radius:4px;
        }    

.clsDocChat {
    background: #f3f3f3;
}

    .clsDocChat > div > div {
        margin-top:30px;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 10px;
    }

        .clsDocChat > div > div img {
            border-radius:4px;
        } 

        .clsDocChat > div > div p {
            margin-top:3px;
        }

        .clsDocChat > div > div a {
            display:block;
            margin-top:3px;
            color: var(--primary-color);
        }

.clsClinics > div {
    margin-top:30px;
    display:grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap:30px;
}

    .clsClinics .clsClinic h3 {
        text-align:center;
        margin-bottom:10px;
        color:var(--green-color);
    }

    .clsClinics .clsClinic .clsImg {
        height: 140px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }

    .clsClinics .clsClinic p {
        margin-top:10px;
    }
    
/*--------------------------------Health Probs--------------------------------*/

.clsHealthProbs .clsTags {
    text-align: center;
}

    .clsHealthProbs .clsTags button {
        background-color: var(--secondary-color);
        color: white;
        padding: 10px 20px;
        border: none;
        outline:none;
        cursor:pointer;
    }

    .clsHealthProbs .clsTags button.mixitup-control-active {
        background-color: var(--primary-color);
    }   

.clsHealthProbs .clsSearch {
    margin-top:10px;
    text-align: center;
}

    .clsHealthProbs .clsSearch input[type=text] {
        background-color: #fff;
        outline: 0;
        border: 1px solid var(--secondary-color);
        padding: 10px 15px 10px 40px;
        width: 350px;
        border-radius: 50px;
        background-image: url(/images/search.png);
        background-repeat: no-repeat;
        background-size: 15px;
        background-position: 15px center;
    }

.clsHealthProbs .clsProbs {
    margin-top:40px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}

    .clsHealthProbs .clsProbs .clsProb {
        display: inline-block;
        background: #f3f3f3;
        padding-right:20px;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
        display:flex;
    }

        .clsHealthProbs .clsProbs .clsProb span:first-child {
            background-color: var(--primary-color);
            color: #fff;
            display: inline-block;
            width: 60px;
            text-align: center;
            padding: 20px;
            margin-right:10px;
            transition: background-color 0.2s ease-out;
        }

        .clsHealthProbs .clsProbs .clsProb:hover span:first-child {
            background-color: var(--green-color);
            transition: background-color 0.2s ease-in;
        }

        .clsHealthProbs .clsProbs .clsProb:hover span:last-child {
            padding:10px;
        }

/*--------------------------------Health Prob Details--------------------------------*/

.clsHealthProbDetail > div {
    display:flex;
}

    .clsHealthProbDetail .clsSec:first-child {
        min-width:200px;
        margin-right:30px;
    }

    .clsHealthProbDetail .clsSec:first-child h3 {
        margin-bottom: 10px;
    }

    .clsHealthProbDetail .clsSec:first-child ul {

    }

    .clsHealthProbDetail .clsSec:first-child ul:not(:last-child) {
        margin-bottom:20px;
    }

        .clsHealthProbDetail .clsSec:first-child ul li {
            padding:5px 0;
        }

        .clsHealthProbDetail .clsSec:first-child ul li:not(:last-child) {
            border-bottom:1px solid #eee;
        }

            .clsHealthProbDetail .clsSec:first-child ul li a:hover {
                color:var(--primary-color);
            }

            .clsHealthProbDetail .clsSec:first-child ul li a:before {
                content: '> ';
            }

    .clsHealthProbDetail .clsSec:last-child {
        flex:1;
    }

        .clsHealthProbDetail .clsSec:last-child h3 {
            margin-bottom:10px;
            color:#000;
            text-transform: uppercase;
        }

        .clsHealthProbDetail .clsSec:last-child h3:not(:first-child) {
            margin-top:30px;
        }

        .clsHealthProbDetail .clsSec:last-child > div > p,
        .clsHealthProbDetail .clsSec:last-child > div > ul {
            background: #f3f3f3;
            padding: 15px;
        }

        .clsHealthProbDetail .clsSec:last-child > div > ul {
            list-style-type:disc;
            padding-left:30px;
        }

        .clsHealthProbDetail .clsProds {
            grid-template-columns: repeat(3, 1fr);
        }

/*--------------------------------Prods List--------------------------------*/

.clsProdsList > div {
    display:flex;
}

    .clsProdsList .clsSec:first-child {
        min-width:200px;
        margin-right:30px;
    }

    .clsProdsList .clsSec:first-child h3 {
        margin-bottom: 10px;
    }

    .clsProdsList .clsSec:first-child ul {

    }

    .clsProdsList .clsSec:first-child ul:not(:last-child) {
        margin-bottom:20px;
    }

        .clsProdsList .clsSec:first-child ul li {
            padding:5px 0;
        }

        .clsProdsList .clsSec:first-child ul li:not(:last-child) {
            border-bottom:1px solid #eee;
        }

            .clsProdsList .clsSec:first-child ul li a:hover {
                color:var(--primary-color);
            }

            .clsProdsList .clsSec:first-child ul li a:before {
                content: '> ';
            }

    .clsProdsList .clsSec:last-child {
        flex:1;
    }

        .clsProdsList .clsSec:last-child .clsHead select {
            float:right;
            margin-top: -10px;
        }

        .clsProdsList .clsSec:last-child .clsProds {
            grid-template-columns: repeat(3, 1fr);
        }

/*--------------------------------Prod Details--------------------------------*/

.clsProdDetails {
    padding-bottom:0;
}

    .clsProdDetails .clsHead {
    }

        .clsProdDetails .clsHead .clsImgs {
            display:inline-table;
            vertical-align:top;
            width:700px;
            height:400px;
            border:1px solid #e4e4e4;
        }

            .clsProdDetails .clsHead .clsImgs .clsThumbs {
                display:inline-table;
                vertical-align:top;
                margin: 3px 0 0 3px;
            }

                .clsProdDetails .clsHead .clsImgs .clsThumbs a {
                    display: block;
                    width: 80px;
                    height: 80px;
                    background-repeat: no-repeat;
                    background-size: 70px;
                    border: 1px solid #e4e4e4;
                    background-position: center center;
                }

                .clsProdDetails .clsHead .clsImgs .clsThumbs a:not(:last-child) {
                    margin-bottom:3px;
                }

                .clsProdDetails .clsHead .clsImgs .clsThumbs a.clsActive {
                    border: 1px solid var(--secondary-color);
                }

            .clsProdDetails .clsHead .clsImgs .clsImg {
                display: inline-table;
                vertical-align: top;
                width: 550px;
                height: 370px;
                background-repeat: no-repeat;
                background-size: contain;
                background-position: center center;
                margin: 20px;
            }

        .clsProdDetails .clsHead .clsSummary {
            display:inline-table;
            vertical-align:top;
            margin-left:30px;
            width:450px;
        }

            .clsProdDetails .clsHead .clsSummary h1 {
                font-weight: 600;
                font-size: 26px;
                color: #000;
                margin-bottom: 5px;
            }

            .clsProdDetails .clsHead .clsSummary p.clsPrice {
                color: var(--green-color);
                font-size: 22px;
            }

            .clsProdDetails .clsHead .clsSummary ul {
                margin-top:20px;
                display: inline-block;
            }

                .clsProdDetails .clsHead .clsSummary ul li {
                    padding:3px 5px 3px 0; 
                }

                .clsProdDetails .clsHead .clsSummary ul li:not(:last-child) {
                    border-bottom:1px solid #e4e4e4;
                }

                .clsProdDetails .clsHead .clsSummary .clsQty,
                .clsProdDetails .clsHead .clsSummary .clsBtns,
                .clsProdDetails .clsHead .clsSummary .clsInfo {
                    margin-top:20px;
                }

                    .clsProdDetails .clsHead .clsSummary .clsQty span {
                        margin-right:5px;
                    }

                    .clsProdDetails .clsHead .clsSummary .clsBtns a {
                        background-repeat: no-repeat;
                        background-size: 25px;
                        background-position: 15px center;
                        padding-left: 46px;
                    }

                    .clsProdDetails .clsHead .clsSummary .clsBtns .clsCart {
                         background-image: url(/images/addtocart.png);
                    }

                    .clsProdDetails .clsHead .clsSummary .clsBtns .clsBuyNow {
                         background-image: url(/images/buynow.png);
                        background-color: var(--green-color);
                    }

                    .clsProdDetails .clsHead .clsSummary .clsBtns .clsBuyNow:hover {
                        background-color: #29922f;
                    }

                    .clsProdDetails .clsHead .clsSummary .clsInfo p:not(:last-child) {
                        margin-bottom:3px;
                    }

                        .clsProdDetails .clsHead .clsSummary .clsInfo p span {
                            color: #000;
                        }

    .clsProdDetails .clsDesp {
        margin-top:50px;
    }

    .clsProdDetails .clsDesp h3 {
        margin-bottom: 10px;
        color: #000;
    }

    .clsProdDetails .clsDesp h3:not(:last-child) {
        margin-top:30px;
    }

    .clsProdDetails .clsDesp p,
    .clsProdDetails .clsDesp ul {
        background: #f3f3f3;
        padding: 15px;
    }

    .clsProdDetails .clsDesp ul {
        list-style-type: disc;
        padding-left: 30px;
    }

        .clsProdDetails .clsDesp ul li:not(:last-child) {
            margin-bottom:5px;
        }

    .clsProdDetails .clsRelProds {
        background: #f3f3f3;
        margin-top:50px;
    }

/*--------------------------------Contact Us--------------------------------*/

.clsContactUs > div {
    display:flex;
}

    .clsContactUs .clsForm {
        flex:2;
        padding-right:50px;
    }   

    .clsContactUs .clsCapt {
        position:relative;
    }

    .clsContactUs .clsCapt img {
        position: absolute;
        right: 5px;
        top: 50%;
        transform: translateY(-50%);
    }

    .clsContactUs .clsContactSocial {
        flex:1;
        text-align:center;
    }

    .clsContactUs h3 {
        margin-bottom:20px;
    }

        .clsContactUs .clsContactSocial ul {
            display: inline-block;
            margin-top:20px;
        }

            .clsContactUs .clsContactSocial ul li {
                display: inline-block;
            }

            .clsContactUs .clsContactSocial li:not(:last-child) {
                margin-right:10px;
            }

                .clsContactUs .clsContactSocial ul li a {
                    background-repeat:no-repeat;
                    background-size:contain;
                    display:inline-block;
                    width:45px;
                    height:45px;
                }

/*--------------------------------About Us--------------------------------*/

.clsAboutUs > div {
    display:flex;
}

    .clsAboutUs .clsContent {
        flex:1;
        margin-right:30px;
    }

        .clsAboutUs .clsContent h3 {
            color: var(--green-color);
            border-bottom: 1px solid #ddd;
            padding-bottom: 10px;
        }

        .clsAboutUs .clsContent h3:not(:first-child) {
            margin-top:40px;
        }

        .clsAboutUs .clsContent h4 {
            margin-bottom:10px;
        }

        .clsAboutUs .clsContent h5 {
            margin-bottom:5px;
            font-size:15px;
        }

        .clsAboutUs .clsContent p {
            margin-bottom:20px;
            text-align:justify;
        }

        .clsAboutUs .clsContent ul {
            list-style-type:disc;
            margin-left:20px;
            margin-bottom:10px;
        }

        .clsAboutUs .clsContent table {
            margin-bottom:20px;
            border-collapse:collapse;
        }

        .clsAboutUs .clsContent table,
        .clsAboutUs .clsContent table tr,
        .clsAboutUs .clsContent table th,
        .clsAboutUs .clsContent table tr td {
            border:1px solid #ddd;
        }

        .clsAboutUs .clsContent table tr th,
        .clsAboutUs .clsContent table tr td {
            padding:5px 7px;
        }

        .clsAboutUs .clsContent table tr:nth-child(even) td {
            background-color:#eee;
        }

    .clsAboutUs .clsContactSocial {
        text-align:center;
    }

    .clsAboutUs h3 {
        margin-bottom:20px;
    }

        .clsAboutUs .clsContactSocial ul {
            display: inline-block;
            margin-top:20px;
        }

            .clsAboutUs .clsContactSocial ul li {
                display: inline-block;
            }

            .clsAboutUs .clsContactSocial li:not(:last-child) {
                margin-right:10px;
            }

                .clsAboutUs .clsContactSocial ul li a {
                    background-repeat:no-repeat;
                    background-size:contain;
                    display:inline-block;
                    width:45px;
                    height:45px;
                }
