﻿
/*#region main*/
@font-face {
    font-family: 'Open Sans Hebrew';
    font-style: italic;
    font-weight: 300;
    src: url(/fonts/opensanshebrew-lightitalic-webfont.eot);
    src: url(/fonts/opensanshebrew-lightitalic-webfont.eot?#iefix) format('embedded-opentype'), url(/fonts/opensanshebrew-lightitalic-webfont.woff) format('woff'), url(/fonts/opensanshebrew-lightitalic-webfont.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans Hebrew';
    font-style: normal;
    font-weight: 300;
    src: url(/fonts/opensanshebrew-light-webfont.eot);
    src: url(/fonts/opensanshebrew-light-webfont.eot?#iefix) format('embedded-opentype'), url(/fonts/opensanshebrew-light-webfont.woff) format('woff'), url(/fonts/opensanshebrew-light-webfont.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans Hebrew';
    font-style: italic;
    font-weight: 400;
    src: url(/fonts/opensanshebrew-italic-webfont.eot);
    src: url(/fonts/opensanshebrew-italic-webfont.eot?#iefix) format('embedded-opentype'), url(/fonts/opensanshebrew-italic-webfont.woff) format('woff'), url(/fonts/opensanshebrew-italic-webfont.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans Hebrew';
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/opensanshebrew-regular-webfont.eot);
    src: url(/fonts/opensanshebrew-regular-webfont.eot?#iefix) format('embedded-opentype'), url(/fonts/opensanshebrew-regular-webfont.woff) format('woff'), url(/fonts/opensanshebrew-regular-webfont.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans Hebrew';
    font-style: italic;
    font-weight: 700;
    src: url(/fonts/opensanshebrew-bolditalic-webfont.eot);
    src: url(/fonts/opensanshebrew-bolditalic-webfont.eot?#iefix) format('embedded-opentype'), url(/fonts/opensanshebrew-bolditalic-webfont.woff) format('woff'), url(/fonts/opensanshebrew-bolditalic-webfont.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans Hebrew';
    font-style: normal;
    font-weight: 700;
    src: url(/fonts/opensanshebrew-bold-webfont.eot);
    src: url(/fonts/opensanshebrew-bold-webfont.eot?#iefix) format('embedded-opentype'), url(/fonts/opensanshebrew-bold-webfont.woff) format('woff'), url(/fonts/opensanshebrew-bold-webfont.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans Hebrew';
    font-style: italic;
    font-weight: 800;
    src: url(/fonts/opensanshebrew-extrabold-webfont.eot);
    src: url(/fonts/opensanshebrew-extrabold-webfont.eot?#iefix) format('embedded-opentype'), url(/fonts/opensanshebrew-extrabold-webfont.woff) format('woff'), url(/fonts/opensanshebrew-extrabold-webfont.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans Hebrew';
    font-style: normal;
    font-weight: 800;
    src: url(/fonts/opensanshebrew-extrabold-webfont.eot);
    src: url(/fonts/opensanshebrew-extrabold-webfont.eot?#iefix) format('embedded-opentype'), url(/fonts/opensanshebrew-extrabold-webfont.woff) format('woff'), url(/fonts/opensanshebrew-extrabold-webfont.ttf) format('truetype');
}


html, body, div, span, input, textarea, select, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, a, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, .tp-caption {
    font-family: 'Open Sans Hebrew', Sans-Serif !important;
}
/* Site General CSS Start */
body {
}
.promotedTitle2H2 {
    color: #3F3F44;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
}
.m-t-25 {
    margin-top: 25px;
}

.w-200 {
    width: 200px;
}

.imagesDesc {
    font-weight: 400;
}

a {
    text-decoration: none !important;
}

    a:hover {
        text-decoration: none !important;
    }

.hidden-md {
    display: none;
}

.error {
    border: 1px solid red;
}
.mobileAreas{
    display:none;
}
.desktopAreas{
    display:block;
}

.registerErr {
    color: red;
    display: none;
}

.termsErr {
    color: red;
    display: none;
}

.emailErr {
    color: red;
    margin-bottom: 0px;
}

.searchError {
    display: none;
    color: white;
    text-align: center;
    position: absolute;
    width: 100%;
    font-weight: 600;
    margin: 10px 0 0 0;
}

.containerSmall {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.containerArticle {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 768px) {
    .containerSmall {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .containerSmall {
        width: 970px;
    }
}

@media (min-width: 1500px) {
    .containerSmall {
        width: 1250px;
    }

    .containerArticle {
        width: 1250px;
        padding: 50px 0;
    }
}

.m-t-30 {
    margin-top: 30px;
}

@media(min-width:992px) {
    [data-title]:hover:after {
        opacity: 1;
        -moz-transition: all 0.1s ease 0.5s;
        -o-transition: all 0.1s ease 0.5s;
        -webkit-transition: all 0.1s ease 0.5s;
        transition: all 0.1s ease 0.5s;
        visibility: visible;
    }

    [data-title]:after {
        content: attr(data-title);
        color: #333;
        font-size: 16px;
        position: absolute;
        padding: 1px 5px 2px 5px;
        bottom: -2.6em;
        left: -70%;
        white-space: nowrap;
        /* box-shadow: 1px 1px 3px #333333; */
        opacity: 0;
        border: 1px solid #9d9d9d;
        z-index: 99999;
        visibility: hidden;
    }

    [data-title] {
        position: relative;
    }
}

::-webkit-scrollbar {
    width: 10px;
    height: 12px;
}

::-webkit-scrollbar-track {
    background: #FFFFFF;
    -webkit-box-shadow: inset 1px 1px 2px #E0E0E0;
    border: 1px solid #D8D8D8;
}

::-webkit-scrollbar-thumb {
    background: #9ec884;
    -webkit-box-shadow: inset 1px 1px 2px rgba(155, 155, 155, 0.4);
}

    ::-webkit-scrollbar-thumb:hover {
        -webkit-box-shadow: inset 1px 1px 10px rgba(0,0,0,0.3);
    }

    ::-webkit-scrollbar-thumb:active {
        background: #FCCAA3;
        -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
    }

.info-r {
    display: none;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: pointer !important;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 1 !important;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 50%;
    float: right;
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 50%;
        float: right;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: right;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: right;
    }
}

.imgOverlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(0 0 0 / 30%);
}
/*#endregion main*/


/*#region Page CSS Start */
.ErrorPageContainerFluid {
    background: #f3f3f3;
}

.ErrorPageContainer {
}

.ErrorPageROW {
}

.ErrorPagecontent {
    padding-bottom: 100px;
    padding-top: 100px;
}

.ErrorTitle {
    color: #777;
    font-size: 180px;
    line-height: 200px;
    padding-bottom: 20px;
}

.ErrorSmallerTitle {
    color: #555;
    font-size: 35px;
    font-weight: 700;
}

.ErrorP {
    color: #555;
    font-size: 18px;
    font-weight: 700;
    padding: 15px 0;
}

.errorPageBTN {
    border: 0;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    font-weight: 400;
    padding: 6px 13px;
    position: relative;
    background: #050608;
    white-space: nowrap;
    display: inline-block;
    text-decoration: none;
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}

    .errorPageBTN:hover {
        color: #fff;
        text-decoration: none;
        -webkit-transition: background-color 0.2s ease-in-out;
        -moz-transition: background-color 0.2s ease-in-out;
        -o-transition: background-color 0.2s ease-in-out;
        transition: background-color 0.2s ease-in-out;
        background-color: #050608;
    }

    .errorPageBTN:focus {
        outline: none !important;
        color: #fff;
        background-color: #050608;
    }
/*#endregion Page CSS END */


/*#region MainForm*/
.MainFormSelect {
    width: 100%;
    font-size: 15px;
    color: #fff;
    min-height: 37px;
    border-radius: 0px;
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #fff;
    cursor: pointer;
}

    .MainFormSelect:focus {
        outline: none;
    }

.customOption {
    background-color: #fff;
    color: #3f6997;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.MainFormSelect option:hover {
    background-color: white;
    color: #3f6997;
    box-shadow: 5px 10px 8px #888888;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}




/*#endregion MainForm*/
/*#region Menu*/
/* Back To Top Start */
#topcontrol {
    color: #fff;
    z-index: 999;
    width: 40px;
    height: 40px;
    font-size: 20px;
    position: relative;
    right: 10px !important;
    bottom: 50px !important;
    border-radius: 0px !important;
    /*background-image: url('../img/backToTopSquare.png');*/
    background-repeat: no-repeat !important;
}

    #topcontrol:after {
        top: -2px;
        right: 8.5px;
        position: absolute;
        text-align: center;
        font-family: FontAwesome;
    }

    #topcontrol:hover {
        color: #fff;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
/* Back To Top END */




/* Desktop NavBar Start */
@media(min-width: 992px) {

    .DesktopNavIconsDIV {
        border-bottom: 2px solid rgb(255 255 255 / 10%);
        width: 100%;
        max-width: 1450px;
        margin: 0 auto;
    }

    .DesktopNavIconsDIVBG {
        display: flex;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        position: relative;
        justify-content: center;
        align-items: center;
        padding: 10px;
    }


    .NavBarPhone {
        display: flex;
        flex-grow: 1;
        order: 1;
        justify-content: center;
        align-items: center;
    }

        .NavBarPhone a {
            display: none;
            justify-content: center;
            align-items: center;
            border: 1px solid #fff;
            border-radius: 18px;
            margin-top: -10px;
            padding: 3px 12px !important;
            -moz-transition: background-color 1.3s ease;
            -o-transition: background-color 1.3s ease;
            -webkit-transition: background-color 1.3s ease;
            transition: background-color 1.3s ease;
        }

            .NavBarPhone a:hover {
                background-color: #fff;
                -moz-transition: background-color 1.3s ease;
                -o-transition: background-color 1.3s ease;
                -webkit-transition: background-color 1.3s ease;
                transition: background-color 1.3s ease;
            }

            /*.NavBarPhone:hover .NavBarPhoneTXT {
            color: #fff;
            font-weight: 400;
            font-size: 20px;
            padding: 0 15px 0 15px;
            -moz-transition: background-color 1.3s ease;
            -o-transition: background-color 1.3s ease;
            -webkit-transition: background-color 1.3s ease;
            transition: background-color 1.3s ease;
        }*/

            .NavBarPhone a:focus {
                outline: none !important;
            }

            .NavBarPhone a i {
                color: #fff;
                font-size: 24px;
            }

            .NavBarPhone a:hover i {
                color: #043e55;
                font-size: 24px;
                -moz-transition: background-color 1.3s ease;
                -o-transition: background-color 1.3s ease;
                -webkit-transition: background-color 1.3s ease;
                transition: background-color 1.3s ease;
            }

            .NavBarPhone a:hover .NavBarPhoneTXT {
                color: #043e55;
                -moz-transition: background-color 1.3s ease;
                -o-transition: background-color 1.3s ease;
                -webkit-transition: background-color 1.3s ease;
                transition: background-color 1.3s ease;
            }

        .NavBarPhone .NavBarPhoneTXT {
            color: #fff;
            font-weight: 400;
            font-size: 20px;
            padding: 0 15px 0 15px;
        }

        .NavBarPhone .NavBarPhoneNumber {
            color: #fff;
            font-weight: 600;
            font-size: 20px;
        }

    .personalUpperMenu {
        display: flex;
        flex-grow: 0;
        order: 3;
        justify-content: end;
        flex-direction: row-reverse;
        align-items: center;
        padding: 0 0 0 0px;
        margin: 0 0 0 0px;
        min-width: 595px;
        width: 40%;
    }



    .personalUpperMenuRight {
        color: white;
        border: 1px solid #fff;
        padding: 5px;
        border-radius: 5px;
    }

        .personalUpperMenuRight a {
            color: #fff;
        }

    .publishHere {
        background-color: #9EC884;
        border: 2px solid #9EC884;
        padding: 5px 15px;
        border-radius: 5px;
        margin-right: 10px;
        margin-top: -8px;
    }

        .publishHere:hover {
            border: 2px solid #fff;
        }

        .publishHere a {
            color: #fff;
            font-size: 18px;
            font-weight: 100;
            padding: 10px !important;
        }

    .QandA {
        padding: 5px 15px;
        margin-right: 10px;
        margin-top: -8px;
    }

        .QandA a {
            color: #fff;
            font-size: 18px;
            font-weight: 100;
            padding: 10px !important;
        }

    #ForgotPassword {
        max-width: 500px;
        margin: 0 auto;
        margin-top: 40px;
    }

    .forgotPassBtn {
        display: block;
        width: 100%;
        font-size: 18px;
    }

    .forgotPassBtnClose {
        min-width: 200px;
        text-align: center;
    }

    .aboutTxtP {
        font-size: 16px;
        font-weight: 500;
    }

    .loginBtn {
        padding: 5px 15px;
        border: 2px solid #fff;
        border-radius: 5px;
        margin-right: 10px;
        margin-top: -8px;
    }

        .loginBtn:hover {
            background-color: #9EC884;
            transition: all 0.3s ease-in-out;
        }

        .loginBtn a {
            color: #fff;
            font-size: 18px;
            font-weight: 100;
            padding: 10px !important;
        }

    .NavBarIcons {
        display: flex;
        flex-grow: 0;
        order: 1;
        justify-content: center;
        flex-direction: row-reverse;
        align-items: center;
        padding: 0 0 0 0px;
        margin: 0 0 0 0px;
        width: 50%;
    }

        /*.NavBarIcons a {
            padding: 0 0 0 0 !important;
        }*/

        .NavBarIcons a:hover {
        }

        .NavBarIcons a:focus {
            outline: none !important;
        }

        .NavBarIcons a img {
            color: #fff;
            margin: 0 10px 0 10px;
            max-width: 28px;
        }

        .NavBarIcons a i {
            color: #fff;
            padding: 0 10px 0 10px;
            font-size: 22px;
        }

    .NavBarBasad {
        display: flex;
        /* flex-grow: 1; */
        order: 2;
        justify-content: center;
        align-items: center;
    }

    @media(max-width:1130px) {
        .NavBarBasad {
            display: none;
        }
    }

    .navHolder {
        display: flex;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
        width: 100%;
    }

    .MyNavBarContainer {
        display: flex;
        justify-content: center;
        flex-grow: 1;
        order: 1;
        align-items: center;
    }

    @media(max-width:1635px) {
        .MyNavBarContainer {
            justify-content: flex-end;
        }
    }


    #DesktopNavbarLogoDIV {
        -moz-transition: height .6s ease;
        -o-transition: height .6s ease;
        -webkit-transition: height .6s ease;
        transition: height .6s ease;
        position: relative;
        display: flex;
        flex-grow: 0;
        order: 2;
        justify-content: center;
        flex-direction: row-reverse;
        align-items: center;
        padding: 0 0 0 0px;
        margin: 0 0 0 0px;
        width: 20%;
    }

    .DesktopNavbarMadeInIsraelDIV {
        -moz-transition: height .6s ease;
        -o-transition: height .6s ease;
        -webkit-transition: height .6s ease;
        transition: height .6s ease;
        display: flex;
        flex-grow: 1;
        order: 0;
        justify-content: center;
        align-items: center;
        max-width: 130px;
    }

    .MadeInIsraelImg {
        padding: 0 15px 0 0 !important;
    }

    .Tamat {
        padding: 0 15px 0 0 !important;
    }

    .TamatImg {
    }

    .LogoWhite img {
        -moz-transition: max-width .6s ease;
        -o-transition: max-width .6s ease;
        -webkit-transition: max-width .6s ease;
        transition: max-width .6s ease;
        padding: 5px 15px 5px 15px;
        margin: 0 50px;
        max-width: 88px;
   
    }
}

@media(max-width: 1700px) {
    /*.LogoWhite img {
            -moz-transition: width .6s ease;
            -o-transition: width .6s ease;
            -webkit-transition: width .6s ease;
            transition: width .6s ease;
            padding: 0 15px 5px 15px;
            position: absolute;
            top: 50%;
            left: 0;
            
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
          
        }*/

    .NavBarPhone .NavBarPhoneTXT {
        font-size: 13px;
    }
}

.Rama1UL {
    padding-top: 3px;
    -moz-transition: padding-top 0.6s ease;
    -o-transition: padding-top 0.6s ease;
    -webkit-transition: padding-top 0.6s ease;
    transition: padding-top 0.6s ease;
}

.blackNavbar {
    background-color: #3F6997;
    transition: background-color 0.3s ease-in-out;
}

#header .navbar {
    display: flex;
    align-items: center;
    padding: 0 !important;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    transition: background-color 0.3s ease-in-out;
}

#header .HeaderContainerFluid {
}

#header .HeaderROW {
    position: relative !important;
}


.navbar-toggle {
    margin-right: 25px !important;
    padding: 10px 10px !important;
    margin-top: 10px !important;
}

    .navbar-toggle .icon-bar {
        width: 15px !important;
        background-color: white;
    }

nav {
    font-size: 14px;
    letter-spacing: 1px !important;
}

    nav a {
        padding-bottom: 5px !important;
        padding-top: 5px !important;
    }

.navbar-brand {
    font-size: 30px;
}

.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: transparent !important;
    outline: none !important;
}

.MyNavBarContainer .Rama1UL .CalcPage {
    cursor: pointer;
    position: relative !important;
}

    .MyNavBarContainer .Rama1UL .CalcPage a {
        background-color: #ff5e00;
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        padding: 10px 15px 10px 15px !important;
        margin: 13px 25% 0 0;
        min-width: 160px;
        -moz-transition: background-color 0.3s ease;
        -o-transition: background-color 0.3s ease;
        -webkit-transition: background-color 0.3s ease;
        transition: background-color 0.3s ease;
        border-radius: 4px;
    }

@media(max-width: 1700px) {
    .MyNavBarContainer .Rama1UL .CalcPage a {
        background-color: #ff5e00;
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        padding: 8px 10px 8px 10px !important;
        margin: 17px 10% 0 0;
        min-width: 145px;
        -moz-transition: background-color 0.3s ease;
        -o-transition: background-color 0.3s ease;
        -webkit-transition: background-color 0.3s ease;
        transition: background-color 0.3s ease;
        border-radius: 4px;
    }
}

.MyNavBarContainer .Rama1UL .CalcPage a:hover {
    color: #fff;
    background-color: #e65602 !important;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

.MyNavBarContainer .Rama1UL .CalcPage a:focus {
    outline: none !important;
    color: #fff;
    background-color: #e65602 !important;
}
/* UpperMenu Start */

.upperMenuUl {
    margin-top: 10px;
}

.upperMenuLi {
    list-style: none;
    color: #000;
    float: right;
}

    .upperMenuLi a {
        color: #fff;
        padding: 5px 10px;
    }
/* UpperMenu End */
/* Rama 1 Start */
.Rama1LI .Rama1A::before {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #9ec884;
    -moz-transition: width .3s;
    -o-transition: width .3s;
    -webkit-transition: width .3s;
    transition: width .3s;
    margin-bottom: 5px !important;
}

.Rama1LI .Rama1A:hover::before {
    width: 100%;
    -moz-transition: width .3s;
    -o-transition: width .3s;
    -webkit-transition: width .3s;
    transition: width .3s;
}

.Rama1LI {
    cursor: pointer;
    position: relative !important;
}

    .Rama1LI .Rama1A {
        color: #fff;
        padding: 5px 15px 20px 15px !important;
        font-size: 16px;
        font-weight: 300;
    }

        .Rama1LI .Rama1A:hover {
            color: #fff;
        }

        .Rama1LI .Rama1A.active::before {
            content: '';
            display: block;
            width: 100%;
            height: 2px;
            background: #9ec884;
            margin-bottom: 5px !important;
        }

    .Rama1LI.active .Rama1A::before {
        content: '';
        display: block;
        width: 100%;
        height: 2px;
        background: #9ec884;
        margin-bottom: 5px !important;
    }

    .Rama1LI.active .Rama1A {
        color: #fff;
    }

    .Rama1LI .Rama1A.active {
        color: #fff;
    }
/* Rama 1 END */



/* Rama 2 Start */
.Rama2UL {
    display: none;
    padding: 15px;
    list-style: none;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #9ec884;
}

.Rama1LI:hover .Rama2UL {
    display: block;
    position: absolute;
    right: 0px;
    top: 52px;
}

.Rama2UL > .Rama2LI:hover {
    -moz-transition: margin 0.4s ease;
    -o-transition: margin 0.4s ease;
    -webkit-transition: margin 0.4s ease;
    transition: margin 0.4s ease;
}

.megaMenuUl {
    min-width: 800px;
}

.Rama2LI:not(:last-child) {
    border-bottom: 1px solid rgb(158 200 132 / 50%);
}

.Rama2LI {
    cursor: pointer;
    padding: 10px 20px !important;
    min-width: 150px;
    position: relative !important;
    white-space: nowrap;
    font-size: 16px;
    text-align: right;
}

    .Rama2LI .Rama2A {
        color: #000;
        width: 100%;
        display: block;
        padding: 0 !important;
        -moz-transition: margin 0.4s ease;
        -o-transition: margin 0.4s ease;
        -webkit-transition: margin 0.4s ease;
        transition: margin 0.4s ease;
    }

    .Rama2LI:hover .Rama2A {
        color: #303030;
        font-weight: 600;
        margin-right: 5px;
        -moz-transition: margin 0.4s ease;
        -o-transition: margin 0.4s ease;
        -webkit-transition: margin 0.4s ease;
        transition: margin 0.4s ease;
    }

    .Rama2LI .Rama2A:focus {
        font-weight: 600;
        /*background-color: #044057;*/
        outline: none !important;
    }

    .Rama2LI.active {
        /*background-color: #044057;*/
    }

        .Rama2LI.active .Rama2A {
            color: #fff;
        }

    .Rama2LI .Rama2A.active {
        color: #fff;
    }
/* Rama 2 END */



/* Rama 3 Start */
.Rama3UL {
    display: none;
    padding: 0;
    list-style: none;
    background-color: #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.Rama2LI:hover .Rama3UL {
    display: block;
    position: absolute;
    top: -1px;
    right: 100%;
}

.Rama3UL > .Rama3LI:hover {
    background-color: #9ec884;
    -moz-transition: margin 0.4s ease;
    -o-transition: margin 0.4s ease;
    -webkit-transition: margin 0.4s ease;
    transition: margin 0.4s ease;
}

.Rama3LI {
    cursor: pointer;
    padding: 8px 20px !important;
    min-width: 150px;
    position: relative !important;
    white-space: nowrap;
    font-size: 16px;
}

    .Rama3LI .Rama3A {
        color: #000;
        width: 100%;
        display: block;
        padding: 0 !important;
        -moz-transition: margin 0.4s ease;
        -o-transition: margin 0.4s ease;
        -webkit-transition: margin 0.4s ease;
        transition: margin 0.4s ease;
    }

    .Rama3LI:hover .Rama3A {
        color: #000;
        background-color: #9ec884;
        margin-right: 5px;
        -moz-transition: margin 0.4s ease;
        -o-transition: margin 0.4s ease;
        -webkit-transition: margin 0.4s ease;
        transition: margin 0.4s ease;
    }

    .Rama3LI .Rama3A:focus {
        color: #000;
        outline: none !important;
    }

    .Rama3LI.active {
        background-color: #fff;
    }

        .Rama3LI.active .Rama3A {
            color: #000;
        }

    .Rama3LI .Rama3A.active {
        color: #000;
    }
/* Rama 3 END */



/* Rama 4 Start */
.Rama4UL {
    display: none;
    padding: 0;
    list-style: none;
    background-color: #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.Rama3LI:hover .Rama4UL {
    display: block;
    position: absolute;
    top: -1px;
    right: 100%;
}

.Rama4UL > .Rama4LI:hover {
    background-color: #9ec884;
    -moz-transition: margin 0.4s ease;
    -o-transition: margin 0.4s ease;
    -webkit-transition: margin 0.4s ease;
    transition: margin 0.4s ease;
}

.Rama4LI {
    cursor: pointer;
    padding: 8px 20px !important;
    min-width: 150px;
    position: relative !important;
    white-space: nowrap;
    font-size: 16px;
}

    .Rama4LI .Rama4A {
        color: #005c75;
        width: 100%;
        display: block;
        padding: 0 !important;
        -moz-transition: margin 0.4s ease;
        -o-transition: margin 0.4s ease;
        -webkit-transition: margin 0.4s ease;
        transition: margin 0.4s ease;
    }

    .Rama4LI:hover .Rama4A {
        color: #000;
        background-color: #9ec884;
        margin-right: 5px;
        -moz-transition: margin 0.4s ease;
        -o-transition: margin 0.4s ease;
        -webkit-transition: margin 0.4s ease;
        transition: margin 0.4s ease;
    }

    .Rama4LI .Rama4A:focus {
        color: #000;
        outline: none !important;
    }

    .Rama4LI.active {
        background-color: #fff;
    }

        .Rama4LI.active .Rama4A {
            color: #000;
        }

    .Rama4LI .Rama4A.active {
        color: #000;
    }

/* Rama 4 END */

/* MEGA MENU START */

.hoverBigMenuLi {
    background-color: #fff;
}

.BigMenuUL {
    background-color: #fff;
    padding: 0px;
    width: 800px;
    border: 1px solid #9ec884;
    right: unset !important;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.Rama1AMegaMenu::before {
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.BigMenuLI {
    height: 75px !important;
    background-color: #9ec884;
    list-style: none;
    white-space: normal;
    border-left: 5px solid transparent;
}

    .BigMenuLI:hover {
        background-color: #174476;
        transition: background-color 0.2s ease-in-out;
    }

        .BigMenuLI:hover .BigMenuALeftP {
            color: #fff;
            font-weight: 600;
        }

.BigMenuLIIcon {
    margin-top: 10px;
}

.BigMenuLIIconDiv {
    min-width: 45px;
    float: left;
}

.BigMenuARight {
    width: 35%;
    float: left;
}

.BigMenuALeft {
    float: left;
    width: 65%;
}

.BigMenuALeftP {
    color: #fff;
    font-weight: 500;
    padding: 15px 0 10px 0;
    text-align: right;
}

.BigMenuLI:not(:last-child) {
    border-bottom: 1px solid #fff;
}

.BigMenuLI i {
    float: left;
    display: none;
    position: absolute;
    left: 0;
    bottom: 35%;
}

.BigMenuLI:hover i {
    display: block;
}

.firstLi i {
    display: block;
}

.firstLi {
    background-color: #174476;
    transition: background-color 0.2s ease-in-out;
}

    .firstLi:hover .BigMenuALeftP {
        color: #fff;
        font-weight: 600;
    }

.BigMenuUL:hover > .Rama1A::before {
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}



.BigMenuUL > .BigMenuLI:hover {
    background-color: gray;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all;
}

.BigMenuULRight {
    width: 180px;
    display: flex;
    float: right;
    border-right: 2px solid #ccc;
}

.BigMenuULLeft {
    width: calc(100% - 180px);
    display: flex;
    border-bottom: 5px solid #b8d757;
}

.BigMenuULLeftIvanti {
    width: calc(100% - 180px);
    display: flex;
    border-bottom: 5px solid transparent;
}

.BigMenuULRightUL {
    padding-right: 0px;
}

.tabs {
    width: 100%;
}

    .tabs div.tabWrapper {
        background: #fff;
        clear: both;
        padding-left: 10px;
        padding-right: 0px;
        height: 100%;
        min-height: 450px;
    }

        .tabs div.tabWrapper > .row {
            display: flex;
            flex-direction: row;
            width: 100%;
        }

        .tabs div.tabWrapper .category-links {
            width: 100%;
            padding-bottom: 15px;
        }

            .tabs div.tabWrapper .category-links > .row {
                padding-right: 20px;
                margin-left: 0;
            }

        .tabs div.tabWrapper .product-type {
            margin: 0;
            margin-bottom: 8px;
            text-align: right;
        }

            .tabs div.tabWrapper .product-type > .row {
                margin: 0;
                margin-top: 20px;
            }

                .tabs div.tabWrapper .product-type > .row > div {
                    padding: 0;
                }

        .tabs div.tabWrapper .title > p {
            color: #444;
            font-size: 14px;
            font-weight: 700;
            margin: 0 0 5px 0;
            display: block;
            text-transform: uppercase;
        }

        .tabs div.tabWrapper p {
            line-height: 115%;
        }

        .tabs div.tabWrapper .title {
            border-bottom: 2px solid #b8d757;
            padding-left: 0;
            margin-bottom: 10px;
        }

        .tabs div.tabWrapper .titleIvanti {
            border-bottom: 2px solid #000 !important;
            padding-left: 0;
            margin-bottom: 10px;
        }

.ivantiTabs {
    min-height: 320px !important;
}

.BigMenuALeftIvanti {
    width: 100% !important;
}

.float-l {
    float: left !important;
}

.BigMenuABtn {
    display: block;
    text-align: center;
    color: #000;
    font-size: 20px;
    font-weight: 500;
    border-bottom: 1px solid #9ec884;
}

    .BigMenuABtn:hover {
        font-weight: 600;
    }

.BigMenuULLeft ul.submenuItems {
    margin-right: -30px;
    padding-right: 40px;
}

.leftInnerColumn {
    padding-right: 15px !important;
}

.tabWrapper ul.submenuItems li {
    list-style-type: none;
    margin: 0 0 15px 0;
    padding-bottom: 15px;
    border-bottom: 1px solid rgb(158 200 132 / 5);
}

.tabs div.tabWrapper ul.submenuItems li a {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    margin-bottom: 0;
    line-height: normal;
}

    .tabs div.tabWrapper ul.submenuItems li a:hover {
        font-weight: 600;
        margin-right: 5px;
        -moz-transition: margin 0.4s ease;
        -o-transition: margin 0.4s ease;
        -webkit-transition: margin 0.4s ease;
        transition: margin 0.4s ease;
    }

/*Mega Menu End*/


.SearchLI {
    margin-top: 12px;
    min-width: 55px;
    text-align: right;
}

    .SearchLI .SearchLIIcon {
        color: #fff;
        cursor: pointer;
        min-width: 35px;
        font-size: 14px;
        text-align: center;
        display: inline-block;
        position: relative;
    }

        .SearchLI .SearchLIIcon:hover {
            color: #fff;
        }

    .SearchLI .search-open {
        right: 0;
        top: 41px;
        display: none;
        padding: 14px;
        position: absolute;
        background: #fcfcfc;
        border-top: solid 2px #eee;
        box-shadow: 0 1px 3px #ddd;
        z-index: 99;
        width: 330px;
    }

        .SearchLI .search-open #freeSearch {
            width: 300px;
            margin: 0;
        }

.SearchBTN {
    border: 0;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    font-weight: 400;
    padding: 6px 13px;
    position: relative;
    background: #3f6997;
    white-space: nowrap;
    display: inline-block;
    text-decoration: none;
    outline: 0 !important;
}

    .SearchBTN:hover {
        background: #043e54;
        color: #fff;
        text-decoration: none;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        outline: 0 !important;
    }

.searchInputDIV {
    position: relative !important;
    margin: 0 !important;
}

    .searchInputDIV .help-block {
        position: absolute;
        top: 3px;
        left: 60px;
        z-index: 9;
        padding: 0 !important;
        margin: 0 !important;
        pointer-events: none !important;
    }

    .searchInputDIV span ul {
    }

        .searchInputDIV span ul li {
            font-size: 12px;
            font-weight: 600;
        }

}

.SearchBarInput {
    width: 20%;
    float: right;
    margin-right: 8px;
    position: relative;
}

.firstSearchBarInput {
    width: 11%;
    float: right;
    margin-right: 8px;
}

.SearchBarInputP {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    margin-top: 5px;
}

.SearchBarBtn {
    background-image: linear-gradient(to right, #e0af2f, #e6bb37, #ebc740, #f0d449, #f5e053);
    border: navajowhite;
    color: #000;
    border-radius: 3px;
    padding: 4px 20px;
    width: 100%;
    font-size: 20px;
}

.SearchBarBtnI {
    padding-right: 20px;
}

.GeneralSearchResultsContainer {
    max-width: 900px;
}

.searchBarInputText {
    border-radius: 0px;
    color: #3f6997;
    background-color: #fff;
    border: none;
    padding: 4px 8px;
    font-size: 20px;
    width: 100%;
    background-color: #fff;
    /* border-bottom: 1px solid; */
    /* margin-top: 1px; */
    font-weight: 400;
}

    .searchBarInputText:focus {
        outline: none;
    }

    .searchBarInputText::-webkit-input-placeholder {
        color: #3f6997;
    }

    .searchBarInputText::-moz-placeholder {
        color: #3f6997;
    }

    .searchBarInputText:-ms-input-placeholder {
        color: #3f6997;
    }

    .searchBarInputText:-moz-placeholder {
        color: #3f6997;
    }

@media(max-width:1500px) {
    .LogoWhite img {
        max-width: 88px;
        min-height: 62px;
    }
}

@media(max-width:1260px) {
    .LogoWhite img {
        max-width: 88px;
        right: 0;
    }

    .upperMenuLi a {
        color: #fff;
        padding: 5px 5px;
        font-size: 12px;
    }
}

@media(max-width:1200px) {


    .personalUpperMenu {
        display: none;
    }
}
/*#endregion Menu*/



/*#region Footer*/

footer {
    width: 100%;
    bottom: 0;
}

.footerContainer {
    padding: 100px 30px 30px 30px;
    background-repeat: no-repeat;
    background-position: right;
    background-color: #3F3F44;
}

.FooterLinksUL {
    padding-right: 0;
    margin-bottom: 35px;
}

.footerPinkSection {
    margin: 30px 0;
    border: 3px solid #fff;
    border-radius: 8px;
    background-color: #FCABA3;
    padding: 45px 20px 15px 20px;
    text-align: center;
    font-size: 20px;
    position: relative;
}

    .footerPinkSection p {
        font-weight: 500;
    }

.footerPinkSectionStop {
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translate(-50%, 0);
}

.footerSince {
    margin: 30px auto;
    display: block;
}

.FooterLinks h4 {
    color: #fff;
    font-weight: 500;
}
.FooterLinks div {
    color: #fff;
    font-weight: 500;
    font-size: 18px;
}
.FooterLinks nav {
    color: #fff;
    font-weight: 500;
}

.col1Btn {
    color: #fff;
    border: 2px solid #fff;
    padding: 10px;
    border-radius: 10px;
}

    .col1Btn:hover {
        color: #fff;
        background-color: #9EC884;
        transition: all 0.3s ease-in-out;
    }

.FooterLinksLI {
    list-style: none;
    padding: 8px 0;
}

    .FooterLinksLI a {
        color: #fff;
        list-style: none;
    }

        .FooterLinksLI a:hover {
            color: #9EC884;
        }

.footerTextContainer {
    padding-top: 10px;
}

    .footerTextContainer p {
        color: #fff;
    }

.footerLower {
    padding: 20px 0 0 0;
    margin-top: 30px;
    width: 100%;
}

.footerLowerText p {
    color: #8F8F8F;
    font-size: 14px;
}

.footerLowerText a {
    color: #9ec884;
}

.footerLowerText a {
    color: #fff;
    text-decoration: underline;
}

.footerLogo {
    max-width: 225px;
    float: left;
}

.footerLowerLinks {
    float: right;
    margin-left: 25px;
    margin-top: 25px;
}

    .footerLowerLinks a {
        color: #fff;
    }



.FooterCreditContainerFluid {
    background-color: #222;
    padding: 15px 0 17px 0 !important;
}

.FooterCreditContainer {
}

.FooterCreditRow {
    max-width: 100%;
    margin: 0 !important;
}

.FullPowerCredit {
    max-width: 300px;
    margin: 0 auto;
}

.FooterCredit {
    text-align: center;
}

.FooterCreditA {
    text-decoration: none !important;
}

    .FooterCreditA img {
        max-width: 25px;
        float: right;
        margin-left: 10px;
    }

.FooterCredit h5 {
    color: white;
    font-weight: 400;
    -moz-transition: opacity 1.3s ease;
    -o-transition: opacity 1.3s ease;
    -webkit-transition: opacity 1.3s ease;
    transition: opacity 1.3s ease;
    margin: -1px 0 0 0;
    padding: 5px 0 0 0;
    font-size: 14px;
}
.FooterCredit p {
    color: white;
    font-weight: 400;
    -moz-transition: opacity 1.3s ease;
    -o-transition: opacity 1.3s ease;
    -webkit-transition: opacity 1.3s ease;
    transition: opacity 1.3s ease;
    margin: -1px 0 0 0;
    padding: 5px 0 0 0;
    font-size: 14px;
}

.footerSocialA i {
    font-size: 20px;
    color: #fff;
    margin: 5px;
    border: 1px solid #fff;
    padding: 15px;
    border-radius: 50%;
    min-width: 50px;
    text-align: center;
    -moz-transition: background-color 1.3s ease;
    -o-transition: background-color 1.3s ease;
    -webkit-transition: background-color 1.3s ease;
    transition: background-color 1.3s ease;
}

    .footerSocialA i:hover {
        font-size: 20px;
        background-color: #fff;
        color: #292929;
        margin: 5px;
        border: 1px solid #fff;
        padding: 15px;
        border-radius: 50%;
        min-width: 50px;
        text-align: center;
        -moz-transition: background-color 1.3s ease;
        -o-transition: background-color 1.3s ease;
        -webkit-transition: background-color 1.3s ease;
        transition: background-color 1.3s ease;
    }


.tooltip {
    position: relative;
    display: inline-block;
    opacity: 1;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: #1f1f1f;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
        bottom: 100%;
        left: 50%;
        margin-left: -60px;
    }

    .tooltip:hover .tooltiptext {
        visibility: visible;
    }

.footerLeftElement {
    background-color: #606062;
    text-align: center;
    max-width: 340px;
    border: 3px solid #fff;
    padding: 20px;
    border-radius: 25px;
}

.footerLeftElementImg {
    max-width: 100%;
}

.footerLeftElementDesc {
}

    .footerLeftElementDesc p {
        color: #fff;
        font-size: 24px;
    }

.footerLeftElementA {
    background-color: #9EC884;
    color: #fff;
    padding: 10px;
    display: block;
    border-radius: 10px;
    font-size: 24px;
    font-weight: 600;
}

    .footerLeftElementA:hover {
        transition: all 0.3s ease-in-out;
        background-color: #fff;
        color: #9EC884;
    }
/*#endregion Footer*/
/*#region TopImageSlider*/
.SliderAndIconsContainerFluid {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    margin-top: 55px;
    min-height: 400px;
    position: relative;
}

.SlideshowDIV {
    display: block;
    position: relative;
    max-width: 100%;
    /*overflow: hidden;*/
    margin: 65px 0;
    /* max-height: calc(100vh - 129px); */
    /* height: 550px; */
    /* max-height: 85vh; */
    min-width: 900px;
}

@media(max-width:1360px) {
    .SlideshowDIV {
        min-width: 900px;
    }
}

@media(max-width:1260px) {
    .SlideshowDIV {
        min-width: 900px;
    }
}

.SlideshowDIVOpacity {
    opacity: 1;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
}

.SlideshowA {
}

    .SlideshowA:hover {
    }

    .SlideshowA:focus {
        outline: none !important;
    }

.slide {
    display: block;
    position: relative;
}

.clip {
}

.slider {
    height: 410px;
    opacity: 0;
}

.slideImage {
    display: block;
    width: 100%;
    min-width: 900px;
    margin: 0 auto;
    border-radius: 5px;
}

@media(max-width:1200px) {
    .SliderAndIconsContainerFluid {
        max-width: 100% !important;
        margin-top: 60px;
        margin-bottom: 40px;
    }
}

.slidercaption {
    max-width: 1200px;
    display: block;
    position: absolute;
    /*bottom: 0;*/
    z-index: 9999;
    /*transform: translate(-50%, -50%);*/
    padding: 15px;
    min-width: 500px;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

    .slidercaption .slidercaptionName {
        color: #fff;
        font-size: 30px;
        font-weight: 500;
        text-align: right;
        float: right;
        line-height: 45px;
    }

    .slidercaption .slidercaptionName2 {
        max-width: 670px;
        padding: 15px 0 20px 0;
        color: #fff;
        float: right;
    }

        .slidercaption .slidercaptionName2 p {
            color: #fff;
            font-size: 18px;
            font-weight: 400;
            text-align: right;
            margin: 0;
        }

    .slidercaption .slidercaptionUrlTXT {
        color: #000;
        font-size: 20px;
        font-weight: 400;
        width: 200px;
        background-image: linear-gradient(to right, #e0af2f, #e6bb37, #ebc740, #f0d449, #f5e053);
        text-align: center;
        padding: 13px;
        text-shadow: none;
        border-radius: 3px;
        float: left;
        box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
        -moz-transition: box-shadow 0.3s ease;
        -o-transition: box-shadow 0.3s ease;
        -webkit-transition: box-shadow 0.3s ease;
        transition: box-shadow 0.3s ease;
    }

        .slidercaption .slidercaptionUrlTXT:hover {
            color: #000;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
            -moz-transition: box-shadow 0.3s ease;
            -o-transition: box-shadow 0.3s ease;
            -webkit-transition: box-shadow 0.3s ease;
            transition: box-shadow 0.3s ease;
        }

.slidercaptionUrlTXTDiv {
    width: 100%;
    position: relative;
    height: 30px;
    display: block;
    float: right;
}
/*.slidercaption a{
    color:#fff;
    font-size:30px;
    font-weight:400;
    text-decoration:none;
    border:2px solid #ed2a24;
    padding: 5px 8px;
}
.slidercaption a:hover{
    color:#fff;
}
.slidercaption a:focus{
    outline:none!important;
}*/
.cycle-next {
    top: 40%;
    position: absolute;
    right: -10%;
    z-index: 999;
    padding: 15px 7px 15px 10px;
    cursor: pointer;
    opacity: 1;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .cycle-next .caretrightIcon {
        color: #04384e;
        font-size: 90px !important;
        cursor: pointer;
    }

.cycle-prev {
    top: 40%;
    position: absolute;
    left: -10%;
    z-index: 999;
    padding: 15px 7px 15px 10px;
    cursor: pointer;
    opacity: 1;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .cycle-prev .caretleftIcon {
        color: #04384e;
        font-size: 90px !important;
        cursor: pointer;
    }

.cycle-pager {
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 899;
    color: #fff;
    font-size: 36px;
    bottom: 0;
    cursor: pointer;
    opacity: 0;
}

    .cycle-pager span {
        padding: 0 2px;
    }

    .cycle-pager .cycle-pager-active {
        color: #04384e;
    }

.SlideshowDIV:hover .cycle-next {
    opacity: 1;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.SlideshowDIV:hover .cycle-prev {
    opacity: 1;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.SlideshowDIV:hover .cycle-pager {
    opacity: 1;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.RightSlider {
    float: right;
    width: 40%;
    padding: 0 45px;
}

.LeftSlider {
    float: right;
    width: 45%;
}

    .LeftSlider img {
        min-width: 450px;
        width: 100%;
        height: 300px;
    }

.TopIMG {
    margin: 0 0 0 0;
    position: relative;
}

.ImgHolder {
    position: relative;
}

.TopIMGOverlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.6);
}

.ImgHolder img {
    width: 100%;
}

.SingleCaption {
    max-width: 700px;
    display: block;
    position: absolute;
    top: 15%;
    padding: 25px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    right: 15%;
    /*text-shadow: 0 0 20px #000, 0 0 100px #000;*/
    text-align: right;
}

.SingleCaptionUrlText {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
}

    .SingleCaptionUrlText h3 {
        color: #fff;
        font-size: 24px;
        font-weight: 400;
    }

    .SingleCaptionUrlText p {
        color: #fff;
        font-size: 24px;
        font-weight: 400;
    }

.SingleCaptionBtn {
    background-color: #fff;
    font-size: 24px;
    font-weight: 400;
    color: #0f0f0f;
    padding: 0 0 0 0;
    width: 140px;
    text-align: right;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .SingleCaptionBtn i {
        margin: 0 10px 0 0;
    }


@media(max-width:1270px) {
    .slidercaption .slidercaptionName {
        color: #fff;
    }

    .slidercaption .slidercaptionName2 p {
        font-size: 16px;
    }

    .slidercaption .slidercaptionUrlTXT {
        font-size: 16px;
    }

    .LeftSlider img {
        max-width: 300px;
    }

    .cycle-next {
        right: -10%;
    }

    .cycle-prev {
        left: -10%;
    }
}



@media(max-width:1150px) {
    .slidercaption .slidercaptionName {
        font-size: 35px;
    }

    .slidercaption .slidercaptionName2 p {
        font-size: 18px;
    }

    .cycle-next .caretrightIcon {
        font-size: 55px !important;
    }

    .cycle-prev .caretleftIcon {
        font-size: 55px !important;
    }
}
/*#endregion TopImageSlider*/



/*#region Main Search Bar*/
.SearchBarContainerFluid {
    position: absolute;
    z-index: 999;
    bottom: 30px;
    width: 100%;
}

@media(max-width:1300px) {
    .SearchBarContainerFluid {
        bottom: 30px;
    }
}

/*@media(min-height:900px) {
    .SearchBarContainerFluid {
        bottom: 230px;
    }
}*/

.SearchBarContainer {
    background-color: #3f6997;
    border-radius: 3px;
    min-height: 90px;
    padding: 36px 15px;
    opacity: 0;
    -moz-transition: opacity 2s ease;
    -o-transition: opacity 2s ease;
    -webkit-transition: opacity 2s ease;
    transition: opacity 2s ease;
    max-width: 1200px;
    position: relative;
}

@media(max-width:1500px) {
    .SearchBarContainer {
        width: 1200px;
    }
}

@media(max-width:1235px) {
    .SearchBarContainer {
        width: auto;
    }
}

/*#endregion Main Search Bar*/

/*#region Search Page*/
.mobileArticleHeader {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    color: #3f6997;
}

.txtMain {
    padding: 30px;
}

    .txtMain p {
        font-size: 18px;
        font-weight: 400;
    }

    .txtMain h2 {
        color: #3f6997;
        font-weight: 400;
    }

.SearchPageH1 {
    text-align: center;
    padding-top: 50px;
    font-weight: 400;
    font-size: 40px;
    position: absolute;
    color: #fff;
    width: 100%;
}
.mainImgVideo {
    max-width: 315px;
    border-radius: 20px;
}
.SearchPageWrapper {
    background-color: #E2ECEE;
}

.p-r-l-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.p-l-0 {
    padding-left: 0;
}

.SearchResultsImgContainer {
    max-height: 500px;
    background-repeat: no-repeat;
    min-height: 260px;
    margin-top: 60px;
    position: relative;
    background-size: cover;
}

.premiumItemsContainer {
    max-width: 1170px;
    margin: 0 auto;
    margin-top: 25px;
}

.allItem {
    padding: 15px 10px 15px 20px;
    width: 75%;
    float: right;
}

.allItemArticles {
    width: 30%;
    float: left;
    padding: 20px 0;
    position: relative;
    margin-top: 10px;
    min-height: 375px;
}

.allItemArticlesInner {
    position: absolute;
    background-color: #fff;
    right: 0;
    left: 10px;
    padding: 5px 0px 10px 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.PremiumItem {
    max-width: 100%;
    background-color: #fff;
    border: 2px solid #eac53f;
    min-height: 200px;
    margin: 10px 0;
    padding: 0 15px;
    /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);*/
}

    .PremiumItem:hover {
        border: 2px solid #c59a26;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .PremiumItem:hover .PremiumItemTitle {
            color: #eac53f;
        }

.smallContainer {
    max-width: 1250px !important;
    position: relative;
}

.PremiumItemImgDiv {
    height: 165px;
    line-height: 165px;
}

.PremiumItemImg {
    max-width: 100%;
    border: 2px solid #eac53f;
    padding: 10px;
    max-height: 100%;
    margin: 0 auto;
    display: block;
    margin-top: 15px;
}

.PremiumItemDetails {
    padding: 20px 0;
    position: relative;
}

.PremiumItemTitle {
    font-size: 30px;
    font-weight: 700;
    color: #000;
}

.PremiumItemTxt p {
    color: #000;
    font-weight: 500;
    font-size: 18px;
}

.PremiumItemUL {
    position: absolute;
    bottom: 0;
    margin-right: 0;
    padding-right: 0;
}

    .PremiumItemUL li {
        list-style: none;
        float: right;
        margin-right: 25px;
        font-size: 16px;
        font-weight: 600;
    }

.PremiumItemA {
    color: #fff;
    font-weight: 500;
    position: relative;
    bottom: 15px;
    background-color: #ecca42;
    padding: 3px 10px;
    border-radius: 3px;
    float: right;
    margin-left: 10px;
}

    .PremiumItemA:hover {
        color: #fff;
        background-color: #e6b524;
        -moz-transition: background-color 0.3s ease;
        -o-transition: background-color 0.3s ease;
        -webkit-transition: background-color 0.3s ease;
        transition: background-color 0.3s ease;
    }

.PremiumItemMoreDetails {
    color: #e4b835;
}

    .PremiumItemMoreDetails:hover {
        color: #b59433;
    }

.PremiumItemPhoneDiv {
    padding: 0 10px;
    /*line-height:185px;*/
}

.PremiumItemPhone {
    background-image: linear-gradient(to right, #e0af2f, #e6bb37, #ebc740, #f0d449, #f5e053);
    padding: 10px 12px;
    border-radius: 3px;
    color: #fff;
    font-size: 20px;
    float: left;
    margin-top: 15px;
    width: 175px;
    text-align: center;
    cursor: pointer;
}

.PremiumItemI {
    /*float: right;*/
    margin-left: 10px;
    margin-top: 3px;
}

.PremiumItemPhone:hover {
    color: #fff;
}

.PremiumItemAddressP {
    float: right;
    font-weight: 500;
}

.PremiumItemAddressI {
    /*float: right;*/
    margin-left: 10px;
    margin-top: 3px;
}

.PremiumItemLowerRow {
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
    display: block;
    padding-right: 10%;
}

.SearchItemRow {
    margin-left: 0;
    margin-right: 0;
}

.SearchItem {
    max-width: 1050px;
    background-color: #fff;
    border: 1px solid #c5c5c5;
    min-height: 140px;
    margin: 0 auto;
    margin-top: 15px;
    position: relative;
}

    .SearchItem:hover {
        border: 1px solid #6d6d6d;
        /*box-shadow: 2px 1px 17px rgba(0, 0, 0, 0.2);
        -moz-transition: box-shadow 0.3s ease;
        -o-transition: box-shadow 0.3s ease;
        -webkit-transition: box-shadow 0.3s ease;
        transition: box-shadow 0.3s ease;*/
    }

.SearchItemInner {
}

.SearchItemA {
    /*position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;*/
    position: relative;
}

.LoadMore {
    background-image: linear-gradient(to right, #e0af2f, #e6bb37, #ebc740, #f0d449, #f5e053);
    padding: 10px 15px;
    border-radius: 5px;
    margin-right: 10px;
    max-width: 300px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    cursor: pointer;
}

.p-r-l-3 {
    padding-left: 3px;
    padding-right: 3px;
}

.noResults {
    text-align: center;
    font-size: 30px;
    font-weight: 500;
    padding: 50px 0;
}

.SearchItemImgDiv {
    /*line-height: 155px;*/
    min-height: 115px;
}

.SearchItemImg {
    max-width: 100%;
    /*border: 1px solid #e6e6e6;*/
    padding: 0;
    max-height: 80px;
    margin: 0 auto;
    display: block;
    margin-top: 30px;
}

.SearchItemDetails {
    padding: 10px 0;
    position: relative;
    height: 120px;
}

.SearchItemTitle {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    padding-top: 15px;
    margin-bottom: 3px;
}

.SearchItemUL {
    position: absolute;
    bottom: 0;
    margin-right: 0;
    padding-right: 0;
}

    .SearchItemUL li {
        list-style: none;
        float: right;
        margin-right: 10px;
        font-size: 16px;
        font-weight: 600;
    }

.SearchItemTxt {
    color: #000;
}

    .SearchItemTxt p {
        color: #000;
    }

.SearchItemMoreDetails {
    color: #3f6997;
    font-weight: 600;
    position: absolute;
    bottom: 0px;
    padding: 3px 0px;
    border-radius: 3px;
}

    .SearchItemMoreDetails:hover {
        /*color: #fff;*/
        font-weight: 600;
    }

.SearchItemPhoneDiv {
    cursor: pointer;
}

.phoneSecond {
    display: none;
}

.alertcatId {
    display: none;
}

.SearchItemPhone {
    background-color: #3f6997;
    padding: 10px 12px;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    float: left;
    margin-top: 15px;
    width: 175px;
    text-align: center;
    height: 45px;
    max-width: 100%;
}

    .SearchItemPhone:hover {
        color: #fff;
    }

.SearchItemPhoneI {
    color: #edcd45;
    float: left;
    margin-left: 20px;
    margin-top: 3px;
}

.SearchItemAddressP {
    float: left;
}

.SearchItemAddressI {
    float: right;
    margin-left: 10px;
    margin-top: 3px;
}

.SearchPageMoreArticles {
    margin-bottom: 5px;
    font-weight: 600;
    text-align: right;
    font-size: 28px;
    padding-right: 16px;
}

.sideArticlesDiv {
    border-bottom: 1px solid gainsboro;
}

    .sideArticlesDiv:last-child {
        border-bottom: none;
    }

.sideArticles {
    margin: 5px 0;
    position: relative;
    min-height: 100px;
    padding: 10px 0;
}

.ArticleRow {
    padding: 0 0 0 0 !important;
    margin-bottom: 30px;
    margin-top: 0px;
}

.sideArticleRow {
    /*padding: 0 0 0 0 !important;*/
    padding-left: 0;
}

.min-h-500 {
    min-height: 500px;
}

.thumbnailBG {
    background-color: transparent !important;
    border: none !important;
    margin-bottom: 3px !important;
    min-height: 200px;
    text-align: center;
}

.ArticleBox a {
    color: #fff;
}

.ArticleBox img {
    display: block;
    width: 100%;
    padding-bottom: 5px;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    -moz-transform: scale(0.95,1);
    -ms-transform: scale(0.95,1);
    -o-transform: scale(0.95,1);
    -webkit-transform: scale(0.95,1);
    transform: scale(0.95,0.95);
    max-height: 225px;
}

.ArticleBox:hover img {
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
}

.caption {
    padding: 0 !important;
    margin-top: 0 !important;
}


    .caption h3 {
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
        margin-top: 0px !important;
        margin-bottom: 5px !important;
        color: #444;
        font-size: 16px;
    }

.sideArticlesP {
    font-weight: 400;
}

.articleH3 {
    margin-top: 0 !important;
    color: #333 !important;
    font-weight: 400;
    font-size: 20px;
}

.ArticleBox:hover .articleH3 {
    -moz-transition: color 0.6s ease;
    -o-transition: color 0.6s ease;
    -webkit-transition: color 0.6s ease;
    transition: color 0.6s ease;
    color: #f9ba2c !important;
}


.modalDialog {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 99999;
    opacity: 0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

    .modalDialog:target {
        opacity: 1;
        pointer-events: auto;
    }

    .modalDialog > div {
        width: 450px;
        position: relative;
        margin: 10% auto;
        padding: 25px 20px 20px 20px;
        border-radius: 10px;
        background-color: #EBEBEB;
    }

.popupFormTitle {
    font-size: 28px;
    font-weight: 400;
    text-align: right;
    color: #02526a;
    padding: 10px;
}

.closePopup {
    background: #606061;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}

    .closePopup:hover {
        background: #3f6997;
        color: #fff;
    }

.bizPopupFormTitles img {
    max-width: 150px;
    margin: 0 auto;
    display: block;
}

.bizPopupFormTitles h1 {
    text-align: center;
    margin: 10px 0;
}

.popupFormInput {
    width: 100%;
    margin: 5px 0;
    min-height: 35px;
    padding: 0 5px 0 0;
}

.popupBTN {
    width: 100%;
    margin-top: 5px;
}

.popupFormTextArea {
    padding: 5px;
}

.CreditSite {
    text-decoration: none !important;
}


/*#endregion Search Page*/
/*#region Main Page*/
.HomeArticlesName2 {
    font-size: 16px;
    color: #000;
    font-weight: 500;
}

    .HomeArticlesName2:hover {
        color: #000;
    }

.MainPageH2 {
    font-size: 40px;
    color: #000;
    font-weight: 500;
    text-align: center;
    margin: 40px 0;
}

/* Our Customers Start */
.OurCustomersContainerFluid {
    padding: 5px 15px 30px 15px !important;
}

.OurCustomersContainer {
}

.OurCustomersRow {
}

.OurCustomersTitle {
    color: #54a5dd;
    font-size: 36px;
    font-weight: 400;
    text-align: center;
    padding: 30px 0 30px 0;
}

.OurCustomersDIV {
}

.OurCustomersIMG {
    padding: 10px 15px 10px 15px !important;
    text-align: center;
    min-height: 105px !important;
}

    .OurCustomersIMG img {
        display: inline-block;
        vertical-align: middle;
        max-height: 100%;
        max-width: 85%;
        -webkit-filter: grayscale(1);
        filter: gray;
        filter: grayscale(1);
        -moz-transition: filter 0.3s ease;
        -o-transition: filter 0.3s ease;
        -webkit-transition: filter 0.3s ease;
        transition: filter 0.3s ease;
    }

    .OurCustomersIMG:hover img {
        filter: unset;
        -moz-transition: filter 0.3s ease;
        -o-transition: filter 0.3s ease;
        -webkit-transition: filter 0.3s ease;
        transition: filter 0.3s ease;
    }
/* Our Customers Start */


/* Recommendation Start */
.RecommendationContainerFluid {
    padding: 10px 0 70px 0 !important;
}

.RecommendationContainer {
}

.RecommendationRow {
    margin: 0 !important;
    max-width: 100% !important;
}

.RecommendationTitle {
    text-align: center;
    font-weight: 400;
    font-size: 36px;
    padding: 15px 0 30px 0;
    color: #54a5dd;
}

.RecommendationDIV {
    max-width: 1000px;
    margin: 0 auto;
}

.RecommendationHolder {
    position: relative;
}

    .RecommendationHolder img {
        max-width: 90px;
        margin: 0 auto;
        position: absolute;
        top: -45px;
        left: 50%;
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        border-radius: 50%;
        border: 3px solid #fff;
    }

.RecommendationContent {
    padding: 70px 15px 30px 15px;
    margin: 50px 0 0 0;
}

.RecommendationTXT {
    text-align: center;
}

    .RecommendationTXT p {
        color: #333;
        font-weight: 400;
        font-size: 16px;
    }

.RecommendationNameAndJob {
    text-align: center;
}

.RecommendationName {
    color: #9c9c9c;
    font-weight: 400;
    font-size: 16px;
    position: relative;
    padding: 0 0 0 5px;
}

    .RecommendationName:after {
        content: '';
        background: rgba(51, 51, 51, 0.50);
        position: absolute;
        width: 2px;
        min-height: 20px;
        display: block;
        border-radius: 4px;
        margin: 0 auto;
        bottom: 0;
        left: 0;
    }

.RecommendationJob {
    color: #9c9c9c;
    font-weight: 400;
    font-size: 16px;
    padding: 0 5px 0 0;
}


.RecommendationDIV .owl-stage-outer {
}

.RecommendationDIV .owl-stage {
}

.RecommendationDIV .owl-item {
}

    .RecommendationDIV .owl-item:hover {
        cursor: grab !important;
    }

    .RecommendationDIV .owl-item .active {
    }

.RecommendationDIV .owl-nav {
    margin: 0 !important;
}

.RecommendationDIV .owl-prev {
    position: absolute;
    right: -80px;
    font-size: 60px !important;
    background-color: transparent !important;
    border-radius: 150px !important;
    width: 50px;
    height: 50px;
    color: #115369 !important;
    border: none !important;
    display: block !important;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
}

    .RecommendationDIV .owl-prev:focus {
        outline: none !important;
    }

    .RecommendationDIV .owl-prev .disabled {
    }

    .RecommendationDIV .owl-prev span {
        position: absolute;
        top: 36%;
        right: 9%;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.RecommendationDIV .owl-next {
    position: absolute;
    left: -80px;
    font-size: 60px !important;
    background-color: transparent !important;
    border-radius: 150px !important;
    width: 50px;
    height: 50px;
    color: #115369 !important;
    border: none !important;
    display: block !important;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
}

    .RecommendationDIV .owl-next:focus {
        outline: none !important;
    }

    .RecommendationDIV .owl-next .disabled {
    }

    .RecommendationDIV .owl-next span {
        position: absolute;
        top: 36%;
        right: 15%;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.RecommendationDIV .owl-dots {
    display: block;
    padding: 15px 0 0 0;
}

.RecommendationDIV .owl-dot {
}

    .RecommendationDIV .owl-dot .active {
    }

    .RecommendationDIV .owl-dot span {
    }
/* Recommendation END */

/* Main Page Services Start */
.ServicesContainer {
    background-color: #DAE5E7;
    padding: 50px 20px;
    min-height: 400px;
}

.serviceItem {
    float: right;
    width: 22%;
    min-height: 200px;
    margin: 20px;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .serviceItem:hover {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        transform: scale(1.05);
    }

        .serviceItem:hover p {
            background-color: #044158;
            color: #fff;
            -moz-transition: background-color 0.8s ease;
            -o-transition: background-color 0.8s ease;
            -webkit-transition: background-color 0.8s ease;
            transition: background-color 0.8s ease;
        }


    .serviceItem img {
        max-width: 100%;
        width: 100%;
        height: auto;
        background-color: white;
        margin: 0 auto;
        display: block;
        height: 225px;
    }

    .serviceItem p {
        background-color: #fff;
        color: #000;
        font-weight: 400;
        font-size: 18px;
        margin-top: 0px;
        text-align: center;
        padding: 10px 10px;
        line-height: 1;
        margin-bottom: 0;
    }

.articleSmall {
    margin-top: 30px;
}

@media(max-width:1500px) {
    .serviceItem {
        width: 20%;
        height: 220px;
    }

        .serviceItem img {
            min-height: 150px;
            height: 160px;
        }

        .serviceItem p {
            min-height: 62px;
        }
}

/*.grid {
    position: relative;
    margin: 0 auto;
    padding: 1em 0 4em;
    max-width: 1250px;
    list-style: none;
    text-align: center;
}

    .grid figure {
        position: relative;
        float: left;
        overflow: hidden;
        margin: 10px 1%;
        min-width: 320px;
        max-width: 480px;
        max-height: 360px;
        width: 31%;
        background: #3085a3;
        text-align: center;
        cursor: pointer;
    }

        .grid figure img {
            position: relative;
            display: block;
            min-height: 100%;
            max-width: 100%;
            opacity: 0.8;
        }

figure.effect-lily img {
    max-width: none;
    width: -webkit-calc(100% + 50px);
    height: 300px;
    width: calc(100% + 50px);
    opacity: 0.7;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-40px,0, 0);
    transform: translate3d(-40px,0,0);
}

.grid figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .grid figure figcaption, .grid figure figcaption > a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

figure.effect-lily figcaption {
    text-align: right;
}

    figure.effect-lily figcaption > div {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 2em;
        width: 100%;
        height: 50%;
    }

.grid figure h2 {
    word-spacing: -0.15em;
    font-weight: 300;
}

.grid figure h2, .grid figure p {
    margin: 0;
}

figure.effect-lily h2, figure.effect-lily p {
    -webkit-transform: translate3d(0,40px,0);
    transform: translate3d(0,40px,0);
}

figure.effect-lily h2 {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}

.grid figure h2 span {
    font-weight: 800;
}

.grid figure figcaption, .grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

    .grid figure figcaption > a {
        z-index: 1000;
        text-indent: 200%;
        white-space: nowrap;
        font-size: 0;
        opacity: 0;
    }

figure.effect-lily p {
    color: rgba(255,255,255,0.8);
    opacity: 0;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
    transition: opacity 0.2s, transform 0.35s;
}

figure.effect-lily:hover p {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

figure.effect-lily:hover img, figure.effect-lily:hover p {
    opacity: 1;
}

figure.effect-lily:hover img, figure.effect-lily:hover h2, figure.effect-lily:hover p {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}*/


/* Main Page Services End */


/* Main Page Parallax Start */
.ParallaxContainer {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    min-height: 600px;
    padding: 100px 15px;
}

.ParallaxRightDiv p {
    color: #fff;
    max-width: 550px;
    font-size: 16px;
}

.ParallaxItem {
    margin: 20px 0;
}

.ParallaxName {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}

    .ParallaxName:hover {
        color: #fff;
    }

.ParallaxLeftDesc p {
    color: #fff;
    font-size: 16px;
}

    .ParallaxLeftDesc p:hover {
        color: #fff;
    }

.ParallaxReadMore {
    color: #e6bc37 !important;
    font-weight: 600;
    font-size: 16px;
}

/* Main Page Parallax End */


/* Main Page Conference Start */
.ConferenceContainer {
    padding: 90px 10px;
}

.conferenceItem {
    padding: 25px 40px;
}

    .conferenceItem img {
        width: 100%;
    }

.conferenceP {
    font-size: 22px;
    font-weight: 600;
}

.conferenceTxt p {
    font-size: 16px;
    font-weight: 500;
}

.conferenceAddress {
    font-size: 18px;
    font-weight: 500;
    margin: 10px 0;
}

    .conferenceAddress i {
        font-size: 20px;
        color: #fff;
        float: right;
        margin-left: 15px;
    }

.conferenceA {
    margin-top: 20px;
}

.conferenceItemA {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    width: 200px;
    background-color: #95C420;
    text-align: center;
    padding: 13px;
    text-shadow: none;
    margin: 0 auto;
    border-radius: 5px;
    margin-top: 20px;
    -moz-transition: background-color 1s ease;
    -o-transition: background-color 1s ease;
    -webkit-transition: background-color 1s ease;
    transition: background-color 1s ease;
}

    .conferenceItemA:hover {
        color: #fff;
        -moz-transition: background-color 1s ease;
        -o-transition: background-color 1s ease;
        -webkit-transition: background-color 1s ease;
        transition: background-color 1s ease;
        background-color: #84af1a;
    }

.ToAllConference {
    width: 100%;
    text-align: center;
    margin-top: 40px;
}

.ToAllConferenceA {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    width: 200px;
    background-color: #fff;
    text-align: center;
    padding: 13px;
    text-shadow: none;
    margin: 0 auto;
    border-radius: 5px;
    -moz-transition: background-color 1s ease;
    -o-transition: background-color 1s ease;
    -webkit-transition: background-color 1s ease;
    transition: background-color 1s ease;
}

    .ToAllConferenceA:hover {
        color: #fff;
        background-color: #94704e;
        -moz-transition: background-color 1s ease;
        -o-transition: background-color 1s ease;
        -webkit-transition: background-color 1s ease;
        transition: background-color 1s ease;
    }
/* Main Page Conference End */

/* Main Page News Start */

.NewsContainer {
    padding: 90px 10px;
}

.NewsP {
    color: #000;
    font-weight: 600;
    margin: 10px 0;
    font-size: 18px;
}

.NewsDesc {
    color: #000;
    font-size: 16px;
}

    .NewsDesc p {
        color: #000;
        font-size: 16px;
    }

.ToAllNews {
    width: 100%;
    text-align: center;
    margin-top: 40px;
}

.ToAllNewsA {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    width: 200px;
    background-color: #fff;
    text-align: center;
    padding: 13px;
    text-shadow: none;
    margin: 0 auto;
    border-radius: 5px;
    -moz-transition: background-color 1s ease;
    -o-transition: background-color 1s ease;
    -webkit-transition: background-color 1s ease;
    transition: background-color 1s ease;
}

    .ToAllNewsA:hover {
        color: #fff;
        background-color: #94704e;
        -moz-transition: background-color 1s ease;
        -o-transition: background-color 1s ease;
        -webkit-transition: background-color 1s ease;
        transition: background-color 1s ease;
    }
/*<---------- Owl Carousel Start --------------->*/

.WorkingWithLogosDIV {
    position: relative;
    z-index: 999;
    bottom: 0;
    left: 0;
    right: 0;
}

.WorkingWithLogosOwl {
    width: 1140px !important;
    margin: 0 auto;
}

@media(max-width:1450px) {
    .WorkingWithLogosOwl {
        width: 1100px !important;
        margin: 0 auto;
    }

    .newDealPrice {
        font-size: 11px;
    }
}

@media(max-width:1250px) {
    .WorkingWithLogosOwl {
        width: 90% !important;
        margin: 0 auto;
    }

    .newDealPrice {
        font-size: 11px;
    }
}

.WorkingWithLogosImgHolder {
}

    .WorkingWithLogosImgHolder img {
        width: 90% !important;
    }

.WorkingWithLogosDIV .owl-stage-outer {
}

.WorkingWithLogosDIV .owl-stage {
    overflow: hidden;
}

.WorkingWithLogosDIV .owl-item {
    padding: 30px;
}

    .WorkingWithLogosDIV .owl-item:hover {
        cursor: grab !important;
    }

    .WorkingWithLogosDIV .owl-item .active {
    }

.WorkingWithLogosDIV .owl-nav {
    margin: 0 !important;
}

.WorkingWithLogosDIV .owl-prev {
    position: absolute;
    right: -80px;
    font-size: 90px !important;
    background-color: transparent !important;
    border-radius: 150px !important;
    width: 50px;
    height: 50px;
    color: #fff !important;
    border: none !important;
    display: block !important;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 70px;
}

    .WorkingWithLogosDIV .owl-prev:focus {
        outline: none !important;
    }

    .WorkingWithLogosDIV .owl-prev .disabled {
    }

    .WorkingWithLogosDIV .owl-prev span {
        /*position: absolute;
    top: 36%;
    right: 9%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);*/
    }

.WorkingWithLogosDIV .owl-next {
    position: absolute;
    left: -60px;
    font-size: 90px !important;
    background-color: transparent !important;
    border-radius: 150px !important;
    width: 50px;
    height: 50px;
    color: #fff !important;
    border: none !important;
    display: block !important;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 70px;
}

    .WorkingWithLogosDIV .owl-next:focus {
        outline: none !important;
    }

    .WorkingWithLogosDIV .owl-next .disabled {
    }

    .WorkingWithLogosDIV .owl-next span {
        /*position: absolute;
    top: 36%;
    right: 15%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);*/
    }

.WorkingWithLogosDIV .owl-dots {
    display: block !important;
    padding: 15px 0 0 0;
}

.WorkingWithLogosDIV .owl-dot {
}

    .WorkingWithLogosDIV .owl-dot .active {
    }

    .WorkingWithLogosDIV .owl-dot span {
    }

@media(max-width:1200px) {
    .WorkingWithLogosDIV {
        position: relative;
        z-index: 999;
        bottom: 0px;
        left: 0;
        right: 0;
    }
}

@media(max-width:1250px) {
    .WorkingWithLogosDIV .owl-next {
        position: absolute;
        left: -45px;
        font-size: 75px !important;
        background-color: transparent !important;
        border-radius: 150px !important;
        width: 50px;
        height: 50px;
        color: #fff !important;
        border: none !important;
        display: block !important;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 120px;
    }

    .WorkingWithLogosDIV .owl-prev {
        position: absolute;
        right: -50px;
        font-size: 75px !important;
        background-color: transparent !important;
        border-radius: 150px !important;
        width: 50px;
        height: 50px;
        color: #fff !important;
        border: none !important;
        display: block !important;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 122px;
    }
}
/*<---------- Owl Carousel Start --------------->*/

/* Main Page News End */


/* Main Page Join Union Start */
.JoinUnionContainer {
    padding: 80px 10px;
}

.JoinUnionInnerContainer {
    min-height: 300px;
    background-size: cover;
    background-position: center;
    border-radius: 5px;
    position: relative;
}

.BrownOverlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 5px;
    background-color: rgba(159, 128, 99, 0.8);
}

.JoinUnioADiv {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    font-size: 35px;
    padding: 135px;
}

.JoinUnionA {
    background-color: #fff;
    color: #fff;
    padding: 20px 55px;
    border-radius: 5px;
    box-shadow: 0 0 30px rgba(0,0,0,0.3);
}

    .JoinUnionA:hover {
        color: #fff;
    }
/* Main Page Join Union End */



/*#endregion Main Page*/



/*#region Forums*/
.forum-H1 {
    color: #232426;
    margin-bottom: 16px;
    margin-top: 2px;
}



.forumContent {
    width: 61%;
    margin-bottom: 47px;
}

    .forumContent > p {
        margin: 0px;
        line-height: 23px;
        font-size: 15px;
    }

.forumSearch > button {
    color: white;
    font-size: 19px;
    border: 1px solid #fff;
    outline: none;
    background-color: #fff;
}

.forumSearch > *:not(.clear):not(#searchAdvancedBlock):not(#addCommentsBlock) {
    width: 173px;
    margin-left: 5px;
    height: 46px;
}

.forumSearch > *:last-child {
    margin-left: 0px;
}


.forumSearch {
    width: 531px;
    position: relative;
}

#forumSearchRegular, #forumSearchAdvanced {
    background-color: white;
    color: #7A7B7E;
    position: relative;
}

    #forumSearchRegular > input {
        width: 94%;
        background-color: white;
        height: inherit;
        border: 0px;
        padding-right: 10px;
    }

    #forumSearchAdvanced > button {
        width: 100%;
        height: inherit;
        border: 0px;
        color: white;
        font-size: 16px;
        font-weight: 500;
        border: 1px solid #fff;
        background-color: #fff;
    }

.forumSearchAdvancedOpen {
    background-color: white !important;
    color: #787878 !important;
    background-image: none !important;
    font-weight: 400 !important;
    border: none !important;
}

#forumSearchAdvanced > button:focus {
    border: 0px;
    outline: none;
}

#forumSearchAdvanced > button > i {
    font-size: 19px;
    margin-right: 10px;
}

#forumSearchRegular > i {
    position: absolute;
    left: 13px;
    top: 14px;
    font-size: 19px;
}



#forumSearchRegular > input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

#forumSearchRegular > input::-moz-placeholder { /* Firefox 19+ */
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

#forumSearchRegular > input:-ms-input-placeholder { /* IE 10+ */
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

#forumSearchRegular > input:-moz-placeholder { /* Firefox 18- */
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

#forumSearchAdvanced {
    margin-left: 0px !important;
}



#searchAdvancedBlock, #addCommentsBlock {
    background-color: white;
    width: 528px;
    margin-top: 10px;
    display: none;
    position: absolute;
    left: 0px;
    z-index: 9;
}

#addCommentsBlock {
    margin-top: 0px;
}

    #searchAdvancedBlock > form > div, #addCommentsBlock > form > div {
        clear: both;
    }

.nice-select > ul > li {
    width: 88%;
}

#searchAdvancedBlock > form, #addCommentsBlock > form {
    width: 100%;
    margin: auto;
    padding-bottom: 24px;
    padding-top: 26px;
    border: 1px solid rgba(67, 0, 93, 0.5);
    padding: 10px;
}

    #searchAdvancedBlock > form > div > div:first-child, #addCommentsBlock > form > div > div:first-child {
        width: 20%;
        margin-top: 7px;
    }

    #searchAdvancedBlock > form > div > div:last-child, #addCommentsBlock > form > div > div:last-child {
        width: 80%;
        text-align: left;
    }

        #searchAdvancedBlock > form > div > div:last-child input, #searchAdvancedBlock > form > div > div:last-child .nice-select, #addCommentsBlock > form > div > div:last-child input, #SubjectEditDiscussion, #SubjectAddDiscussion {
            height: 36px;
            width: 100%;
            background-color: #EDEDED;
            border: 0px;
            margin-bottom: 15px;
        }

        #addCommentsBlock > form > div > div:last-child textarea {
            border: 1px solid #D6D6D6 !important;
            background-color: #F9F9F9;
            color: #828282;
            height: 92px !important;
            width: 88.6% !important;
            border-radius: 9px;
            resize: none;
            padding: 5px 20px 5px 20px;
            outline: none;
        }

    #searchAdvancedBlock > form > button, #addCommentsBlock > form > button {
        float: left;
        width: 120px;
        height: 40px;
        color: white;
        font-size: 18px;
        border: 1px solid #fff;
        background-color: #fff;
    }

        #searchAdvancedBlock > form > button > i, #addCommentsBlock > form > button > i {
            margin-right: 10px;
        }





.userBlok > div:first-child {
    width: 34px;
    margin: auto;
}

    .userBlok > div:first-child > img {
        display: block;
        width: 36px;
        height: 34px;
    }

.userBlok > p {
    margin: 0px;
    color: #999596;
    font-size: 14px;
    font-weight: 600;
}

    .userBlok > p:first-of-type {
        color: #121315;
    }

.userBlok > div:last-of-type {
    overflow: hidden;
    color: #999596;
    font-size: 14px;
    font-weight: 600;
}



@media(max-width:1379px) {

    /*body{color:red;}*/

}


@media(max-width:1125px) {

    /*body{color:blue;}*/
}





.parallax-window {
    min-height: 500px !important;
    background: transparent;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -20px;
}

.ForumContainer {
    padding: 40px;
    margin-top: 125px;
}

.ForumContainerTitle {
    border-radius: 10px 10px 0px 0px;
    padding: 5px;
    color: #44525b;
    font-size: 32px;
    font-weight: 600;
    text-align: center;
}

.ForumRow {
    -moz-transition: box-shadow 0.3s ease;
    -o-transition: box-shadow 0.3s ease;
    -webkit-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    background-color: #fff;
    padding: 10px 10px 10px 10px;
    box-shadow: 0 0 5px #cacaca;
    margin: 1px 1px 15px 1px;
    width: 90%;
    margin: 0 auto;
    margin-top: 15px;
}

    .ForumRow:hover {
        -moz-transition: box-shadow 0.3s ease;
        -o-transition: box-shadow 0.3s ease;
        -webkit-transition: box-shadow 0.3s ease;
        transition: box-shadow 0.3s ease;
        background-color: #fff;
        box-shadow: 0 0 20px #b0b0b0;
    }

.ForumA {
}

.managerBtns {
    -moz-transition: color 0.1s linear;
    -o-transition: color 0.1s linear;
    -webkit-transition: color 0.1s linear;
    transition: color 0.1s linear;
    background-color: #fff;
    color: #fff !important;
    text-align: center;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
    padding: 3px 20px 3px 20px;
    cursor: pointer;
    font-size: 18px;
    line-height: 16px;
    font-size: 14px;
    max-width: 155px;
    margin: 5px 0;
}

.ForumContentHolder {
    display: flex;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ForumImgHolder {
    padding-left: 15px;
}

.ForumImg {
    display: block;
    max-width: 100%;
    height: auto;
}

.ForumBody {
    color: #44525b;
    padding-top: 13px;
    padding-bottom: 10px;
}

.ForumHeading {
    font-size: 18px;
    font-weight: 400;
}

.ForumContent {
    font-size: 16px;
    font-weight: 400;
    max-height: 65px;
    min-height: 65px;
    overflow: hidden;
}
/* All Forums Page END */

.ForumMainContainer {
    padding: 100px 50px 50px 50px;
    min-height: 600px;
}

.forum-H1 {
    text-align: center;
}
/* Forum Index Page Start */
.ForumIndexContainer {
    margin-top: 85px;
    padding: 0 15px 70px 15px !important;
    position: relative !important;
}

.ForumIndexHeadline {
    min-height: 120px;
}

    .ForumIndexHeadline .ForumIndexH1 {
        margin-bottom: 10px;
        padding: 7px 0;
        font-size: 36px;
        color: #44525b;
        font-weight: 600;
        text-align: center;
    }

.ForumIndexH2 {
    color: #44525b;
    display: inline-block;
    margin-bottom: 30px;
    margin-top: 0;
    font-size: 24px;
}

.management {
    margin-top: 10px;
}

    .management .cd-signin {
        -moz-transition: color 0.1s linear;
        -o-transition: color 0.1s linear;
        -webkit-transition: color 0.1s linear;
        transition: color 0.1s linear;
        background-color: #44525b;
        color: #fff !important;
        text-align: center;
        -moz-border-radius: 4px !important;
        -webkit-border-radius: 4px !important;
        border-radius: 4px !important;
        padding: 2px 15px 2px 15px;
        cursor: pointer;
        font-size: 12px;
        float: left;
    }

        .management .cd-signin:hover {
            -moz-transition: color 0.1s linear;
            -o-transition: color 0.1s linear;
            -webkit-transition: color 0.1s linear;
            transition: color 0.1s linear;
            color: #fff !important;
        }

        .management .cd-signin:focus {
            -moz-transition: color 0.1s linear;
            -o-transition: color 0.1s linear;
            -webkit-transition: color 0.1s linear;
            transition: color 0.1s linear;
            color: #fff !important;
        }

#search-form {
    display: inline-block;
    position: relative;
    float: right;
    max-width: 50%;
}

    #search-form .search2 {
        outline: none;
        border: 1px solid #44525b;
        color: #44525b;
        border-radius: 4px !important;
        z-index: 2;
        position: relative;
        width: 150px;
        font-size: 14px;
        padding: 5px 3px 5px 22px;
        margin-left: 15px;
        height: 25px;
    }

    #search-form input[type=submit] {
        background-image: url('../../../Images/magnifieing-glass.jpg');
        width: 19px;
        height: 18px;
        position: absolute;
        top: 3.5px;
        left: 2px;
        z-index: 2;
        cursor: pointer;
        border: none;
        margin-left: 15px;
    }

.forum-btn {
    -moz-transition: color 0.1s linear;
    -o-transition: color 0.1s linear;
    -webkit-transition: color 0.1s linear;
    transition: color 0.1s linear;
    background-color: #fff;
    color: #fff !important;
    text-align: center;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
    padding: 3px 20px 3px 20px;
    cursor: pointer;
    font-size: 18px;
    float: left;
}

@media(max-width:550px) {
    .forum-btn {
        -moz-transition: color 0.1s linear;
        -o-transition: color 0.1s linear;
        -webkit-transition: color 0.1s linear;
        transition: color 0.1s linear;
        background-color: #fff;
        color: #fff !important;
        text-align: center;
        -moz-border-radius: 4px !important;
        -webkit-border-radius: 4px !important;
        border-radius: 4px !important;
        padding: 3px 10px 3px 12px;
        cursor: pointer;
        font-size: 15px;
        float: left;
    }
}

.forum-btn:hover {
    -moz-transition: color 0.1s linear;
    -o-transition: color 0.1s linear;
    -webkit-transition: color 0.1s linear;
    transition: color 0.1s linear;
    color: #fff !important;
    background-color: #44525b;
}

.forum-btn:focus {
    color: #fff !important;
    background-color: #44525b;
    outline: none !important;
}

.paging {
    padding-top: 5px;
    color: #44525b;
}

    .paging a {
        color: #44525b;
        font-size: 16px;
        font-weight: 400;
    }

    .paging strong {
        color: #44525b;
        font-size: 16px;
    }

    .paging:hover {
        color: #44525b;
    }

    .paging:focus {
        color: #44525b;
        outline: none !important;
    }

    .paging .start-end {
    }


.ForumTxt {
    margin: 20px;
}


/* Each Post Title Start */
.forum-container {
    border-top: 1px solid #cbc9ca;
    margin-top: 50px;
    min-height: 280px;
}

.forumMessageContainer {
    padding: 5px 0 5px 0;
    border-bottom: 1px dashed #cbc9ca;
}

    .forumMessageContainer .forumDot {
        background: url(/../img/ForumOrange.png)no-repeat;
        margin-top: 3px;
        margin-left: 5px;
        width: 17px;
        height: 17px;
        float: right;
        padding-right: 10px;
    }

.forumHeaderText {
    padding-bottom: 3px;
    display: flex;
    align-items: center;
}

    .forumHeaderText:hover {
        cursor: pointer;
    }

    .forumHeaderText .forumHeaderTextA {
        font-size: 15px;
        color: #44525b;
        display: flex;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        align-items: center;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .forumHeaderText .forumHeaderTextA:hover {
            -moz-transition: color 0.1s linear;
            -o-transition: color 0.1s linear;
            -webkit-transition: color 0.1s linear;
            transition: color 0.1s linear;
            color: #fff;
        }

        .forumHeaderText .forumHeaderTextA:focus {
            outline: none !important;
            color: #fff;
        }

    .forumHeaderText .s2 {
        font-size: 11px;
        margin-right: 5px;
        width: 100%;
    }

    .forumHeaderText a {
        color: #fff;
        width: 100%;
    }

    .forumHeaderText .adminFrom {
        font-size: 11px;
        margin-right: 5px;
        width: 100%;
        font-weight: 600;
        color: #fff;
    }

.forumDate {
    width: 115px;
    color: #9f9e9f;
    font-size: 12px;
    margin-top: 5px;
    display: flex;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    justify-content: flex-end;
}
/* Each Post Title Start */




/* Each Post Message Start */
.forumMessage {
    margin: 1px 26px 5px 0;
    padding: 10px;
    border-radius: 0 0 5px 5px;
    display: none;
}

    .forumMessage p {
        line-height: 16px;
        font-size: 14px;
        text-decoration: none;
    }

.ForumMessagecontent {
    width: 30vw;
    color: #44525b;
    font-weight: 500;
}

.editedMessage {
    margin: 0 0 0 14px;
    width: 100%;
    padding: 5px;
    height: 109px;
    background-color: #fff;
    border: 1px solid #fff;
    resize: none;
    line-height: 16px;
    font-size: 14px;
    text-decoration: none;
}

.eachMessageBtns {
    padding: 25px 0px 0px 0px;
    display: block;
}

    .eachMessageBtns .Add-comment {
        -moz-transition: color 0.1s linear;
        -o-transition: color 0.1s linear;
        -webkit-transition: color 0.1s linear;
        transition: color 0.1s linear;
        background-color: #fff;
        color: #fff !important;
        text-align: center;
        -moz-border-radius: 4px !important;
        -webkit-border-radius: 4px !important;
        border-radius: 4px !important;
        padding: 3px 20px 3px 20px;
        cursor: pointer;
        font-size: 18px;
        line-height: 16px;
        font-size: 14px;
    }

        .eachMessageBtns .Add-comment:hover {
            -moz-transition: color 0.1s linear;
            -o-transition: color 0.1s linear;
            -webkit-transition: color 0.1s linear;
            transition: color 0.1s linear;
            color: white !important;
            background-color: #fff;
        }

        .eachMessageBtns .Add-comment:focus {
            color: #fff !important;
            background-color: #fff;
            outline: none !important;
        }

    .eachMessageBtns .delete-message {
        -moz-transition: color 0.1s linear;
        -o-transition: color 0.1s linear;
        -webkit-transition: color 0.1s linear;
        transition: color 0.1s linear;
        background-color: #fff;
        color: #fff !important;
        text-align: center;
        -moz-border-radius: 4px !important;
        -webkit-border-radius: 4px !important;
        border-radius: 4px !important;
        padding: 3px 20px 3px 20px;
        cursor: pointer;
        font-size: 18px;
        line-height: 16px;
        font-size: 14px;
    }

        .eachMessageBtns .delete-message:hover {
            -moz-transition: color 0.1s linear;
            -o-transition: color 0.1s linear;
            -webkit-transition: color 0.1s linear;
            transition: color 0.1s linear;
            color: #fff !important;
            background-color: #fff;
        }

        .eachMessageBtns .delete-message:focus {
            color: #fff !important;
            background-color: #44525b;
            outline: none !important;
        }

    .eachMessageBtns .edit-message {
    }

    .eachMessageBtns .save-message {
        display: none;
    }

    .eachMessageBtns .cancel-message {
        display: none;
    }

    .eachMessageBtns .close-btn {
        -moz-transition: color 0.1s linear;
        -o-transition: color 0.1s linear;
        -webkit-transition: color 0.1s linear;
        transition: color 0.1s linear;
        width: 45px;
        height: 18px;
        background-repeat: no-repeat;
        background-position: right center;
        float: left !important;
        color: #44525b;
    }

        .eachMessageBtns .close-btn:hover {
            -moz-transition: color 0.1s linear;
            -o-transition: color 0.1s linear;
            -webkit-transition: color 0.1s linear;
            transition: color 0.1s linear;
            color: #fff;
        }

        .eachMessageBtns .close-btn:focus {
            outline: none !important;
            color: #fff;
        }

.forumMessageContainer .forumMessageContainer {
    border-bottom: none;
    padding-right: 30px;
}

    .forumMessageContainer .forumMessageContainer .forumDot {
        background: url(/../img/ForumGrayCircle.png)no-repeat;
        margin-top: 10px;
        margin-left: 5px;
        width: 7px;
        height: 7px;
    }

/* Each Post Message END */
@media(max-width:768px) {
    .forumHeaderText {
        padding-bottom: 3px;
        display: flex;
        align-items: flex-start;
    }

    .ForumMessagecontent {
        width: 100%;
        color: #44525b;
    }
}
/* Forum Index Page END */
.info-r {
    display: none;
}

.ForumeSmallBtn {
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    width: 100%;
    height: 55px;
    border: 2px solid purple !important;
    border-bottom-left-radius: 20% 100%;
    border-bottom-right-radius: 20% 100%;
    border-top-left-radius: 20% 100%;
    border-top-right-radius: 20% 100%;
    color: white;
    font-size: 22px;
    font-weight: 300;
    float: right;
    padding-top: 0px;
    text-align: center;
    letter-spacing: 0.5px;
    /* background: linear-gradient( to left, transparent 50%, purple 50% ); */
    background: linear-gradient(45deg, #a605f9, #9a4c4f);
    background-size: 200% 100%;
    background-position: right bottom;
    box-shadow: 6px 4px 17px #888888;
}

    .ForumeSmallBtn:hover {
        font-weight: 300;
        /* background-position: left bottom; */
        color: white;
        box-shadow: 5px 10px 18px #888888;
    }

.formInputsAsterix {
    font-family: Helvetica, 'FontAwesome', sans-serif !important;
    font-size: 20px !important;
    padding: 0.475rem 2rem !important;
    margin-bottom: 20px;
    height: 35px !important;
}


.formInputsAsterixMessage {
    font-family: Helvetica, 'FontAwesome', sans-serif !important;
    font-size: 20px !important;
    padding: 0.475rem 2rem !important;
}

.placeholderFormPhone {
    margin-top: -53px;
    font-size: 8px;
    margin-right: 9px;
    color: #555 !important;
    width: 8px;
    float: right;
}

.placeholderFormName {
    margin-top: -35px;
    font-size: 8px;
    margin-right: 9px;
    color: #555 !important;
    width: 8px;
    float: right;
}

.placeholderFormEmail {
    margin-top: -53px;
    font-size: 8px;
    margin-right: 9px;
    color: #555 !important;
    width: 8px;
    float: right;
}

.ForumBigBtnDiv {
    width: 100%;
}
/* forum Compose Page Start */
.forumrightdiv {
    max-width: 1000px;
    margin: 0 auto;
}

.forumComposeContainer {
    margin-top: 0px;
    padding: 100px 50px 50px 50px;
}

.text {
}

    .text .forumComposeTitle {
        margin-bottom: 0;
        margin-top: 30px;
        padding: 10px 0 0 0;
        font-size: 36px;
        color: #44525b;
        font-weight: 300;
        text-align: center;
    }

.forumComposeTitle2 {
    font-size: 24px;
    color: #44525b;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center;
}

.forumComposeTXT {
    font-size: 16px;
    color: #44525b;
    font-weight: 400;
    margin-bottom: 10px;
    text-align: center;
}

.forumComposeTXT2 {
    font-size: 16px;
    color: #44525b;
    font-weight: 400;
    margin-bottom: 10px;
    text-align: center;
}

.Add-Comment-Forum {
    position: relative !important;
    color: #44525b;
    padding-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    margin-top: 30px;
}

    .Add-Comment-Forum:before {
        content: '';
        background: #fff;
        position: absolute;
        bottom: 0;
        width: 60px;
        height: 2px;
        display: block;
        border-radius: 4px;
        margin: 0 auto;
    }

.Add-a-message-in-forum {
    text-align: center;
    font-size: 28px;
    font-weight: 400;
    margin: 10px 0 10px 0 !important;
    color: #44525b;
}


.ForumContactUSIMG {
    padding: 0 !important;
}

.ForumContactUSContainer {
    display: flex;
    justify-content: center;
    padding: 10px 0 50px 0;
    max-width: 100%;
}

.ForumContactUSRow {
    max-width: 100% !important;
}

.ForumContactFormContentHolder {
    padding: 0 !important;
}

.ForumFormHolder {
}

.forumComposeForm {
}

.BTNGroup {
    position: relative;
    min-height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

#ForumloadingGif {
    position: absolute;
    width: 50px;
    top: 0;
}

.MyForumFormBTN {
    height: 50px;
    font-size: 20px !important;
    padding: 0 !important;
    z-index: 10;
    position: relative;
    display: block;
    background-color: #fff !important;
    border-color: #fff !important;
    border-radius: 25px !important;
    color: #fff !important;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

    .MyForumFormBTN:hover {
        color: #fff;
        -moz-transition: background-color 0.3s ease;
        -o-transition: background-color 0.3s ease;
        -webkit-transition: background-color 0.3s ease;
        transition: background-color 0.3s ease;
        background-color: #fff !important;
        border-color: #fff !important;
    }

    .MyForumFormBTN:focus {
        color: #fff;
        outline: none !important;
        background-color: #fff !important;
        border-color: #fff !important;
    }

}
/* forum Compose Page END */

#forumComposeForm .not-valid {
    background: transparent !important;
    border-bottom: 1px solid #a94442 !important;
    border-radius: 0 !important;
}

/*.hideForumBTN{
    display:none!important;
}*/




.ForumbreadcrumbsHolder {
    background-color: rgb(245, 245, 245) !important;
    position: relative !important;
    top: 85px;
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
    height: 50px;
}

.breadcrumbBGForum {
    position: relative !important;
    display: block;
}

.breadcrumbForum {
}





@media (max-width: 992px) {
    .ForumIndexContainer {
        margin-top: 70px;
        padding: 0 15px 50px 15px !important;
    }

    .paging {
        padding-top: 5px;
        color: #44525b;
        display: inline-block;
    }

    .ForumContainerTitle {
        border-radius: 10px 10px 0px 0px;
        padding: 5px;
        color: #44525b;
        font-size: 20px;
        font-weight: 600;
        padding-right: 20px;
    }

    .ForumMainContainer {
        padding: 15px;
        min-height: 600px;
    }

    .ForumIndexHeadline {
        min-height: 75px;
    }

    .forum-container {
        border-top: 1px solid #cbc9ca;
        margin-top: 85px;
        min-height: 280px;
    }

    .ForumIndexH2 {
        font-size: 18px;
    }

    .ForumIndexHeadline .ForumIndexH1 {
        font-size: 25px;
    }
}


@media(max-width:550px) {
    .managerBtns {
        width: 100%;
        display: block;
        margin: 10px 0px 10px 0px;
    }
}

/*#endregion Forums*/

/*#region Counters*/
.CountersContainer {
    padding: 25px 0;
}

.CountersContainerInner {
    margin-top: -75px;
}

.count-number {
    color: #3F3F44;
    font-size: 55px;
    font-weight: 600;
}

.HeaderCounterNumbersHolder {
    text-align: right;
}

.HeaderCounterContent {
    /*padding-right:40px;*/
    margin: 0;
}

.HeaderCounterName2 {
    color: #3f6997;
    font-size: 30px !important;
    font-weight: 600 !important;
    font-family: almoni-tzar-ultrabold !important;
}

.HeaderCounterName {
    color: #3F3F44;
    font-size: 18px;
    text-align: right;
}

    .HeaderCounterName p {
        font-weight: 500;
    }

.HeaderCounterCounters {
    text-align: center;
}

.plusSpan {
    font-size: 55px;
    font-weight: 700;
}
/*#endregion Counters*/
/*#region GeneralPage*/
.containerGeneral {
}

.GeneralImgHeader {
    margin: 0;
    height: 350px;
    position: relative !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.GeneralImgHeaders {
    position: relative;
    width: 100%;
}

.GeneralImgH1 {
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    color: #9ec884;
}

.GeneralImgTitle2 {
    font-size: 25px;
    font-weight: 400;
    text-align: center;
}

.breadcrumbBG {
    background-color: transparent;
    position: absolute;
    bottom: 60px;
    width: 100%;
    text-align: center;
    z-index: 9;
    margin-bottom: 10px;
}

.breadcrumb {
    padding: 13px 15px !important;
    margin-bottom: 5px !important;
    background-color: transparent !important;
    /*text-align: center;*/
}

    .breadcrumb a {
        color: #fff;
    }

        .breadcrumb a:hover {
            color: #9ec884;
        }

.breadcrumbsNoImg {
    background-color: #f5f5f5 !important;
    text-align: right !important;
}

    .breadcrumbsNoImg a {
        color: black;
    }

        .breadcrumbsNoImg a:hover {
            color: black;
        }

.cityPageContainerBottom {
    padding-top: 30px;
}

.Generaltxt {
    max-width: 1250px;
    margin: 0 auto;
    /*text-align: center;*/
    margin-bottom: 30px;
}
    .Generaltxt ul {
        margin: 0 0 10px;
        letter-spacing: 1px !important;
        font-size: 18px !important;
        color: #000;
        line-height: 30px;
        text-align: justify;
    }
    .Generaltxt a {
        color: #e4b835;
    }


    .Generaltxt:hover a {
        color: #e4b835;
    }

    .Generaltxt p {
        font-weight: 500;
        font-size: 20px;
        color: #3F3F44;
    }

    .Generaltxt h2 {
        color: #9ec884;
        font-size: 35px;
        font-weight: 500;
    }

.GeneralH1 {
    text-align: center;
    font-weight: 400;
    margin-top: 0px;
}

.GeneralH2 {
    text-align: center;
    font-weight: 400;
    font-size: 25px;
}

.noResultsTxt {
}
/*#endregion GeneralPage*/
/*#region Rating*/
.SocialBarContainer {
    width: 100% !important;
    position: relative;
    padding: 0 !important;
    margin: 50px 0 50px 0 !important;
    min-height: 135px;
}

.SocialBarRow {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    /*border-bottom: 1px solid rgba(0, 0, 0, 0.1);*/
    padding-top: 10px;
    padding-bottom: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    width: 100%;
    margin-top: 30px;
}


.SocialShareButtonsAndTitleHolder {
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: start;
    align-items: start;
}

.SocialShareButtonsTitle {
    color: #9d9d9d;
    padding-bottom: 5px;
    padding-right: 5px;
    font-size: 18px;
}

.SocialShareButtonsHolder {
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    justify-content: flex-start;
}

.SocialStarsHolder {
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    justify-content: flex-end;
}


.SocialBarDivRating {
    padding: 0 !important;
    /*width: 70%;*/
}

.SocialBarThumbnailRating {
    border: 0 !important;
    border-radius: 0 !important;
    margin-bottom: 0 !important;
    position: relative;
    background-color: #fff !important;
}

    .SocialBarThumbnailRating:hover {
        background-color: #fff !important;
    }

.wrapper-ratings {
    position: relative;
    font-size: 16px;
}

#rating_text {
}

#rating_box {
    color: #9d9d9d;
    margin-left: 20px;
}

    #rating_box .amountOfRatingsRecived {
    }

        #rating_box .amountOfRatingsRecived #count_value {
        }

        #rating_box .amountOfRatingsRecived #rating_value {
        }

    #rating_box .avergedRating {
    }

    #rating_box #Your-score {
    }

#TempThank {
    display: none;
    color: #9d9d9d;
    min-height: 20px;
}

.dirug {
}

#jrate {
    direction: rtl;
    position: absolute;
    top: 20px;
    left: 0px;
    flex-direction: row;
    display: flex;
}

.ratingNumInStar {
    display: none;
}

#demo-onchange-value {
    position: absolute;
    right: 38%;
    top: 35px;
    color: #9d9d9d;
}

.StarsAuthorContainer {
    position: absolute;
    top: 70px;
    max-width: 100%;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    color: #9d9d9d;
    justify-content: center;
    width: 100%;
}

    .StarsAuthorContainer .StarsAuthor {
        font-size: 10px;
    }

        .StarsAuthorContainer .StarsAuthor a {
            color: #9d9d9d;
        }

            .StarsAuthorContainer .StarsAuthor a:hover {
                color: #9d9d9d;
            }

            .StarsAuthorContainer .StarsAuthor a:focus {
                outline: none !important;
            }

    .StarsAuthorContainer .lastUpdatedAt {
        font-size: 12px;
    }




/* Rating END */
/* whatsapp Start */
.SocialBarDivWhatsapp {
}

    .SocialBarDivWhatsapp .SocialBarThumbnailWhatsapp {
        position: relative;
        padding: 0 3px 5px 3px;
    }

        .SocialBarDivWhatsapp .SocialBarThumbnailWhatsapp:hover {
        }

        .SocialBarDivWhatsapp .SocialBarThumbnailWhatsapp .whatsappA {
            font-size: 18px;
            position: relative;
        }

            .SocialBarDivWhatsapp .SocialBarThumbnailWhatsapp .whatsappA:hover {
            }

            .SocialBarDivWhatsapp .SocialBarThumbnailWhatsapp .whatsappA:focus {
                outline: none !important;
            }

            .SocialBarDivWhatsapp .SocialBarThumbnailWhatsapp .whatsappA .whatsappIcon {
                color: #9d9d9d;
                padding-top: 8px;
                width: 40px;
                text-align: center;
                text-decoration: none;
                border-radius: 50%;
                height: 40px;
                font-size: 22px !important;
                border: 1px solid;
                -moz-transition: color 0.3s ease;
                -o-transition: color 0.3s ease;
                -webkit-transition: color 0.3s ease;
                transition: color 0.3s ease;
            }

        .SocialBarDivWhatsapp .SocialBarThumbnailWhatsapp:hover .whatsappA {
        }

            .SocialBarDivWhatsapp .SocialBarThumbnailWhatsapp:hover .whatsappA .whatsappIcon {
                color: #191818 !important;
                -moz-transition: color 0.3s ease;
                -o-transition: color 0.3s ease;
                -webkit-transition: color 0.3s ease;
                transition: color 0.3s ease;
            }
/* whatsapp END */
/* facebook Start */
.SocialBarDivFacebook {
}

    .SocialBarDivFacebook .SocialBarThumbnailFacebook {
        position: relative;
        padding: 0 3px 5px 3px;
    }

        .SocialBarDivFacebook .SocialBarThumbnailFacebook:hover {
        }

        .SocialBarDivFacebook .SocialBarThumbnailFacebook .facebookA {
            font-size: 18px;
            position: relative;
        }

            .SocialBarDivFacebook .SocialBarThumbnailFacebook .facebookA:hover {
            }

            .SocialBarDivFacebook .SocialBarThumbnailFacebook .facebookA:focus {
                outline: none !important;
            }

            .SocialBarDivFacebook .SocialBarThumbnailFacebook .facebookA .facebookIcon {
                color: #9d9d9d;
                padding-top: 9px;
                width: 40px;
                text-align: center;
                text-decoration: none;
                border-radius: 50%;
                height: 40px;
                font-size: 22px !important;
                border: 1px solid;
                -moz-transition: color 0.3s ease;
                -o-transition: color 0.3s ease;
                -webkit-transition: color 0.3s ease;
                transition: color 0.3s ease;
            }

        .SocialBarDivFacebook .SocialBarThumbnailFacebook:hover .facebookA {
        }

            .SocialBarDivFacebook .SocialBarThumbnailFacebook:hover .facebookA .facebookIcon {
                color: #191818 !important;
                -moz-transition: color 0.3s ease;
                -o-transition: color 0.3s ease;
                -webkit-transition: color 0.3s ease;
                transition: color 0.3s ease;
            }
/* facebook END */
/* google plus Start */
.SocialBarDivGoogle {
}

    .SocialBarDivGoogle .SocialBarThumbnailGoogle {
        position: relative;
        padding: 0 3px 5px 3px;
    }

        .SocialBarDivGoogle .SocialBarThumbnailGoogle:hover {
        }

        .SocialBarDivGoogle .SocialBarThumbnailGoogle .googleA {
            font-size: 18px;
            position: relative;
        }

            .SocialBarDivGoogle .SocialBarThumbnailGoogle .googleA:hover {
            }

            .SocialBarDivGoogle .SocialBarThumbnailGoogle .googleA:focus {
                outline: none !important;
            }

            .SocialBarDivGoogle .SocialBarThumbnailGoogle .googleA .googlekIcon {
                color: #9d9d9d;
                padding-top: 9px;
                width: 40px;
                text-align: center;
                text-decoration: none;
                border-radius: 50%;
                height: 40px;
                font-size: 22px !important;
                border: 1px solid;
                -moz-transition: color 0.3s ease;
                -o-transition: color 0.3s ease;
                -webkit-transition: color 0.3s ease;
                transition: color 0.3s ease;
            }

        .SocialBarDivGoogle .SocialBarThumbnailGoogle:hover .googleA {
        }

            .SocialBarDivGoogle .SocialBarThumbnailGoogle:hover .googleA .googlekIcon {
                color: #191818 !important;
                -moz-transition: color 0.3s ease;
                -o-transition: color 0.3s ease;
                -webkit-transition: color 0.3s ease;
                transition: color 0.3s ease;
            }
/* google plus END */
/* twitter Start */
.SocialBarDivtwitter {
}

    .SocialBarDivtwitter .SocialBarThumbnailtwitter {
        position: relative;
        padding: 0 3px 5px 3px;
    }

        .SocialBarDivtwitter .SocialBarThumbnailtwitter:hover {
        }

        .SocialBarDivtwitter .SocialBarThumbnailtwitter .twitterA {
            font-size: 18px;
            position: relative;
        }

            .SocialBarDivtwitter .SocialBarThumbnailtwitter .twitterA:hover {
            }

            .SocialBarDivtwitter .SocialBarThumbnailtwitter .twitterA:focus {
                outline: none !important;
            }

            .SocialBarDivtwitter .SocialBarThumbnailtwitter .twitterA .twitterIcon {
                color: #9d9d9d;
                padding-top: 9px;
                width: 40px;
                text-align: center;
                text-decoration: none;
                border-radius: 50%;
                height: 40px;
                font-size: 22px !important;
                border: 1px solid;
                -moz-transition: color 0.3s ease;
                -o-transition: color 0.3s ease;
                -webkit-transition: color 0.3s ease;
                transition: color 0.3s ease;
            }

        .SocialBarDivtwitter .SocialBarThumbnailtwitter:hover .twitterA {
        }

            .SocialBarDivtwitter .SocialBarThumbnailtwitter:hover .twitterA .twitterIcon {
                color: #191818 !important;
                -moz-transition: color 0.3s ease;
                -o-transition: color 0.3s ease;
                -webkit-transition: color 0.3s ease;
                transition: color 0.3s ease;
            }
/* twitter END */
/* linkedin Start */
.SocialBarDivlinkedin {
}

    .SocialBarDivlinkedin .SocialBarThumbnaillinkedin {
        position: relative;
        padding: 0 3px 5px 3px;
    }

        .SocialBarDivlinkedin .SocialBarThumbnaillinkedin:hover {
        }

        .SocialBarDivlinkedin .SocialBarThumbnaillinkedin .linkedinA {
            font-size: 18px;
            position: relative;
        }

            .SocialBarDivlinkedin .SocialBarThumbnaillinkedin .linkedinA:hover {
            }

            .SocialBarDivlinkedin .SocialBarThumbnaillinkedin .linkedinA:focus {
                outline: none !important;
            }

            .SocialBarDivlinkedin .SocialBarThumbnaillinkedin .linkedinA .linkedinIcon {
                color: #9d9d9d;
                padding-top: 9px;
                width: 40px;
                text-align: center;
                text-decoration: none;
                border-radius: 50%;
                height: 40px;
                font-size: 22px !important;
                border: 1px solid;
                -moz-transition: color 0.3s ease;
                -o-transition: color 0.3s ease;
                -webkit-transition: color 0.3s ease;
                transition: color 0.3s ease;
            }

        .SocialBarDivlinkedin .SocialBarThumbnaillinkedin:hover .linkedinA {
        }

            .SocialBarDivlinkedin .SocialBarThumbnaillinkedin:hover .linkedinA .linkedinIcon {
                color: #191818 !important;
                -moz-transition: color 0.3s ease;
                -o-transition: color 0.3s ease;
                -webkit-transition: color 0.3s ease;
                transition: color 0.3s ease;
            }
/* linkedin END */
/* print Start */
.SocialBarDivprint {
}

    .SocialBarDivprint .SocialBarThumbnailprint {
        position: relative;
        padding: 0 3px 5px 3px;
    }

        .SocialBarDivprint .SocialBarThumbnailprint:hover {
        }

        .SocialBarDivprint .SocialBarThumbnailprint .printA {
            font-size: 18px;
            position: relative;
        }

            .SocialBarDivprint .SocialBarThumbnailprint .printA:hover {
            }

            .SocialBarDivprint .SocialBarThumbnailprint .printA:focus {
                outline: none !important;
            }

            .SocialBarDivprint .SocialBarThumbnailprint .printA .printIcon {
                color: #9d9d9d;
                padding-top: 9px;
                width: 40px;
                text-align: center;
                text-decoration: none;
                border-radius: 50%;
                height: 40px;
                font-size: 22px !important;
                border: 1px solid;
                -moz-transition: color 0.3s ease;
                -o-transition: color 0.3s ease;
                -webkit-transition: color 0.3s ease;
                transition: color 0.3s ease;
            }

        .SocialBarDivprint .SocialBarThumbnailprint:hover .printA {
        }

            .SocialBarDivprint .SocialBarThumbnailprint:hover .printA .printIcon {
                color: #191818 !important;
                -moz-transition: color 0.3s ease;
                -o-transition: color 0.3s ease;
                -webkit-transition: color 0.3s ease;
                transition: color 0.3s ease;
            }
/* print END */
@media print {
    #SideFormFixed > * {
        display: none !important;
    }

    .SocialBarContainer > * {
        display: none !important;
    }

    [meta] {
        display: none !important;
    }

    .ArticleContainer > * {
        display: none !important;
    }

    .whatsappFloaingIconLink > * {
        display: none !important;
    }

    .instagramFloaingIconLink > * {
        display: none !important;
    }

    .facebookFloaingIconLink > * {
        display: none !important;
    }

    .navbarIcons > * {
        display: none !important;
    }

    .topPhone > * {
        display: none !important;
    }

    #FooterAndContactHolder > * {
        display: none !important;
    }

    .facebook-likebox > * {
        display: none !important;
    }

    .navbar > * {
        display: none !important;
    }
}

/* Like Button Start */
.SocialBarDivLike {
    margin: auto;
    padding: 0 5px 0 5px;
}

    .SocialBarDivLike:hover .SocialBarThumbnailLike {
    }

    .SocialBarDivLike .SocialBarThumbnailLike {
    }
/* Like Button END */
/*#endregion Rating*/

/*#region Business Page*/
.catsList {
    color: #000;
    font-weight: 400;
}

.smallContainerBusiness {
    max-width: 1325px;
    margin-top: 60px;
}

.bizHeaderImgDiv {
    max-width: 90%;
    background-color: #fff;
    padding: 15px;
    border: 2px solid #cacaca;
    text-align: center;
}

.bizHeaderImg {
    max-width: 90%;
    margin: 0 auto;
    max-height: 100px;
}

.bizHeaderH1 {
    font-size: 40px;
    margin-top: 10px;
    font-weight: 600;
    color: #02526a;
}

.bizHeaderDesc p {
    font-size: 16px;
    font-weight: 400;
}

.bizHeaderPhone {
    background-color: #eac63f;
    padding: 17px 35px;
    font-size: 30px;
    color: #115369;
}

@media(max-width:1500px) {
    .bizHeaderPhone {
        background-color: #eac63f;
        padding: 10px 20px;
        font-size: 25px;
        color: #115369;
    }
}

.bizHeaderPhoneDiv {
    margin-top: 30px;
    min-width: 300px;
}

.BusinessContainer {
    background-color: #E1EDED;
    padding: 30px;
}

@media(max-width:1500px) {
    .BusinessContainerInner {
        width: 100%;
    }

    .PremiumItemTitle {
        font-size: 20px;
    }

    .SearchItemTitle {
        font-size: 15px;
    }

    .sideMenuA {
        padding: 5px 5px;
        color: #3f6997;
        font-size: 15px;
        font-weight: 500;
    }
}

.bizRightDiv {
    background-color: #fff;
    padding: 30px;
    width: 65%;
    margin-left: 20px;
    float: right;
    border: 1px solid #bbd0d5;
    min-height: 600px;
}

.bizLink {
    color: #333;
}

    .bizLink:hover {
        color: #333;
    }

.bizHoleDiv {
    background-color: #fff;
    padding: 30px;
    width: 75%;
    margin-left: 20px;
    float: none;
    margin: 0 auto;
}

.bizLeftDiv {
    background-color: #fff;
    float: right;
    width: 25%;
    margin-bottom: 20px;
    border: 1px solid #bbd0d5;
}

.bizLeftDivInner {
    padding: 0 30px 30px 30px;
}

@media(max-width:1000px) {
    .bizLeftDiv {
        width: 100%;
        margin: 20px 0;
    }

    .bizRightDiv {
        background-color: #fff;
        padding: 30px;
        width: 95%;
        margin-left: 20px;
        float: right;
    }
}

.BizPageFeature {
    font-size: 16px;
    line-height: 2;
}

    .BizPageFeature a {
        font-size: 16px;
        line-height: 2;
    }

    .BizPageFeature i {
        margin-left: 10px;
    }

.bizWebsiteLink {
    text-align: left;
    float: left;
}

    .bizWebsiteLink a {
        color: #e5b936;
        font-weight: 600;
    }

.activityTimeDiv p {
    padding-right: 30px;
    line-height: 22px;
    font-weight: 500;
}

.separator {
    height: 2px;
    background-color: #e4e4e4;
    max-width: 90%;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 50px;
}

.bizTxt h2 {
    font-size: 35px;
    font-weight: 400;
    color: #dead28;
}

.bizTxt p {
    font-size: 20px;
    font-weight: 400;
    color: #333;
}

.businessGalleryDiv {
    overflow: hidden;
    position: relative;
    display: block;
    margin: 5px;
    max-width: 31%;
}

.bizGalleryImg {
    max-width: 100%;
    height: 210px;
    margin: 0 auto;
    display: block;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    overflow: hidden;
}

    .bizGalleryImg:hover {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

.bizHeader {
    height: 230px;
}

/*#endregion Business Page*/


/*#region ArticlePage*/
.articleH1 {
    font-size: 40px;
    font-weight: 600;
    color: #78B6FB;
}

.logoWriter {
    max-width: 40px;
    padding-left: 10px;
    float: right;
}

.articleWriter {
    color: #3F3F44;
    font-weight: 600;
    font-size: 20px;
    float: right;
}

.articleIDate {
    font-size: 20px;
    clear: both;
}

.articleShareDiv {
    padding-top: 35px;
}

.articleShare {
    font-size: 20px;
    font-weight: 500;
    display: inline-block;
}

.iconsShare {
    display: inline-block;
}

    .iconsShare img {
        max-width: 25px;
        margin-right: 10px;
    }

.articleDivider {
    height: 2px;
    background-color: #d1d1d1;
    margin: 0 25px;
}


.Articletxt {
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px;
}

    .Articletxt h2 {
        font-size: 30px;
        font-weight: 400;
        margin: 10px 0;
        color: #0693e3;
    }

    .Articletxt p {
        font-weight: 500;
        font-size: 20px;
    }

    .Articletxt li {
        font-weight: 500;
        font-size: 20px;
    }

    .Articletxt h3 {
        font-size: 24px;
        color: #78B6FB;
        font-weight: 600;
    }

    .Articletxt img {
        max-width: 100%;
        height: auto !important;
    }

.Articletxt2 {
    margin: 0 auto;
    /*padding: 0 20px;*/
}

    .Articletxt2 img {
        max-width: 100%;
        height: auto !important;
    }

    .Articletxt2 h2 {
        font-size: 30px;
        font-weight: 400;
        margin: 10px 0;
        color: #0693e3;
    }

    .Articletxt2 p {
        font-weight: 500;
        font-size: 20px;
    }

    .Articletxt2 li {
        font-weight: 500;
        font-size: 20px;
    }

    .Articletxt2 h3 {
        font-size: 24px;
        color: #78B6FB;
        font-weight: 600;
    }

.articleLeftImg {
    background-position: center;
    background-size: cover;
    min-height: 735px;
    border-radius: 20px;
}

.moreArticles {
    text-align: center;
    margin: 40px 0 0 0;
    font-weight: 500;
}

/*#endregion ArticlePage*/


/*#region MoreArticles*/
.ArticleMedia {
    min-height: 120px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: #f8fcff;
    -moz-transition: background-color 0.1s ease-in-out;
    -o-transition: background-color 0.1s ease-in-out;
    -webkit-transition: background-color 0.1s ease-in-out;
    transition: background-color 0.1s ease-in-out;
    padding: 0 0 0 0 !important;
}

    .ArticleMedia:hover {
        border: 1px solid rgba(0, 0, 0, 0.1);
        background-color: #ecf7ff;
        -moz-transition: background-color 0.1s ease-in-out;
        -o-transition: background-color 0.1s ease-in-out;
        -webkit-transition: background-color 0.1s ease-in-out;
        transition: background-color 0.1s ease-in-out;
    }

    .ArticleMedia a {
        color: #333;
        float: right;
    }

        .ArticleMedia a:hover {
            color: #141414;
        }

    .ArticleMedia .media-body {
        padding: 15px 10px 15px 10px;
    }

        .ArticleMedia .media-body .media-heading {
            margin-bottom: 5px !important;
            font-weight: 600;
            font-size: 24px;
            color: #3f6997;
        }

        .ArticleMedia .media-body .media-bodyTxt {
            font-weight: 400;
            font-size: 16px;
        }

    .ArticleMedia .media-left .media-object {
        height: 135px;
        width: 200px;
        padding: 7px 7px 7px 7px;
    }
/*#endregion MoreArticles*/


/*#region SideForm*/
.sideFormTitle {
    font-size: 28px;
    font-weight: 400;
    text-align: center;
    background-color: #02526a;
    color: #fff;
    padding: 10px;
}

.sideFormTitle2 {
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    margin: 20px 0;
}

.sideFormInput {
    border: 1px solid rgba(93, 43, 43, 0.7);
    font-size: 18px;
    min-height: 45px;
}

.sideFormSubmit {
    background-image: linear-gradient(to right, #e0af2f, #e6bb37, #ebc740, #f0d449, #f5e053);
    padding: 10px 15px;
    border-radius: 5px;
    border: none;
    font-size: 20px;
    width: 100%;
}

    .sideFormSubmit:hover {
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
        transition: box-shadow 0.3s ease;
    }

.ContactDoneP {
    font-size: 20px;
    font-weight: 500;
}

.submitBtnDiv {
    position: relative;
    min-height: 50px;
}

.hideBTN {
    display: none !important;
}

.showBTN {
    display: block !important;
}

.loadingGif {
    position: absolute;
    display: none;
    width: 50px;
    top: 35px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 35px;
}

.placeholderFormPhone {
    position: absolute;
    font-size: 8px;
    top: 13px;
    color: #333;
    width: 8px;
    right: 7px;
}

.placeholderFormName {
    position: absolute;
    font-size: 8px;
    top: 13px;
    color: #333;
    width: 8px;
    right: 7px;
}

.placeholderFormEmail {
    position: absolute;
    font-size: 8px;
    top: 13px;
    color: #333;
    width: 8px;
    right: 7px;
}
/*#endregion SideForm*/
/*#region Popup Form*/
.popUpNameAsterix {
    position: relative;
    top: -5px;
    right: 0;
}

.popUpPhoneAsterix {
    position: relative;
    top: 15px;
    right: 0;
}
/*#endregion Popup Form*/
/*#region ContantPageForm*/
.lightBlue {
    background-color: #E1EDED !important;
}

.ContantPageForm {
    margin: 0 auto;
    display: block;
    max-width: 600px;
    margin-top: 30px;
    background-color: #fff;
    padding: 15px 50px;
}

.ContactFormTitle {
    font-size: 35px;
    font-weight: 400;
    text-align: center;
}

.ContactFormTitle2 {
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    margin: 20px 0;
}

.ContactFormInput {
    border: 1px solid #03435a;
    font-size: 18px;
    min-height: 45px;
}
.ContactFormSubmitDiv{
    min-height:50px;
}
.ContactFormSubmit {
    padding: 10px 15px;
    background-color: #9ec884;
    color: #fff;
    border-radius: 5px;
    border: none;
    font-size: 20px;
    width: 100%;
}

    .ContactFormSubmit:hover {
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
        transition: box-shadow 0.3s ease;
    }

.ContactDoneP {
    font-size: 20px;
    font-weight: 500;
}

.ContactFormTxt {
    margin: 20px 0;
}

    .ContactFormTxt p {
        font-weight: 500;
        font-size: 20px;
    }
/*#endregion ContantPageForm*/
/*#region Select*/
/** Custom Select **/
.custom-select-wrapper {
    position: relative;
    display: inline-block;
    user-select: none;
    width: 100%;
}

    .custom-select-wrapper select {
        display: none;
    }

.custom-select {
    position: relative;
    display: inline-block;
    width: 100%;
}

.custom-select-trigger {
    position: relative;
    display: block;
    width: 100%;
    padding: 0 35px 0 0px;
    font-size: 20px;
    font-weight: 400;
    color: #3f6997;
    line-height: 36px;
    background: #fff;
    border-radius: 0px;
    border-bottom: 1px solid #fff;
    cursor: pointer;
    max-height: 37px;
    overflow: hidden;
}

    .custom-select-trigger:after {
        position: absolute;
        display: block;
        content: '';
        width: 10px;
        height: 10px;
        top: 50%;
        right: 10px;
        margin-top: -3px;
        border-bottom: 1px solid #3f6997;
        border-right: 1px solid #3f6997;
        transform: rotate(45deg) translateY(-50%);
        transition: all .4s ease-in-out;
        transform-origin: 50% 0;
    }

.custom-select.opened .custom-select-trigger:after {
    margin-top: 3px;
    transform: rotate(-135deg) translateY(-50%);
}

.custom-option-subundefined {
    color: #fff;
}

.custom-options {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    right: 0;
    min-width: 110%;
    margin: 0;
    border: 1px solid #0b4454;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 2px 1px rgba(0,0,0,.07);
    background: #fff;
    transition: all .4s ease-in-out;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-15px);
    max-height: 415px;
    overflow: hidden;
    overflow-y: scroll;
    z-index: 9;
    background-color: #0b4454;
}

.custom-select.opened .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
}

.custom-options:before {
    position: absolute;
    display: block;
    content: '';
    bottom: 100%;
    right: 25px;
    width: 7px;
    height: 7px;
    margin-bottom: -4px;
    border-top: 1px solid #b5b5b5;
    border-left: 1px solid #b5b5b5;
    background: #fff;
    transform: rotate(45deg);
    transition: all .4s ease-in-out;
}

.option-hover:before {
    background: #f9f9f9;
}

.custom-option {
    position: relative;
    display: block;
    padding: 10px 15px;
    border-bottom: 1px solid #3995af;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    line-height: 20px;
    cursor: pointer;
    background-color: #3f6997;
    transition: all .1s ease-in-out;
}

    .custom-option:hover {
        background-color: #fff;
        color: #3f6997;
        /*transition: all .05s ease-in-out;*/
    }

    .custom-option:first-of-type {
        border-radius: 4px 4px 0 0;
    }

    .custom-option:last-of-type {
        border-bottom: 0;
        border-radius: 0 0 4px 4px;
    }

/*.custom-option:hover,
    .custom-option.selection {
        background: #f9f9f9;
    }*/



/*SUBCATEGORY SELECT START*/


.custom-select-wrapper-sub {
    position: relative;
    display: inline-block;
    user-select: none;
    width: 100%;
}

    .custom-select-wrapper-sub select {
        display: none;
    }

.custom-select-sub {
    position: relative;
    display: inline-block;
    width: 100%;
}

.custom-select-trigger-sub {
    position: relative;
    display: block;
    width: 100%;
    padding: 0 35px 0 0px;
    font-size: 20px;
    font-weight: 400;
    color: #3f6997;
    line-height: 36px;
    background: #fff;
    border-radius: 0px;
    /*border-bottom: 1px solid #fff;*/
    cursor: pointer;
    max-height: 37px;
    overflow: hidden;
}

    .custom-select-trigger-sub:after {
        position: absolute;
        display: block;
        content: '';
        width: 10px;
        height: 10px;
        top: 50%;
        right: 10px;
        margin-top: -3px;
        border-bottom: 1px solid #3f6997;
        border-right: 1px solid #3f6997;
        transform: rotate(45deg) translateY(-50%);
        transition: all .4s ease-in-out;
        transform-origin: 50% 0;
    }

.blinkDark {
    color: #fff;
    background: #ecca42;
    transition: background-color 0.2s ease-in-out;
}

.blinkLight {
    color: #3f6997;
    background: #fff;
    transition: background-color 0.2s ease-in-out;
}

.custom-select-sub.opened .custom-select-trigger-sub:after {
    margin-top: 3px;
    transform: rotate(-135deg) translateY(-50%);
}

.custom-options-sub {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    right: 0;
    min-width: 100%;
    margin: 15px 0;
    border: 1px solid #0b4454;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 2px 1px rgba(0,0,0,.07);
    background: #fff;
    transition: all .4s ease-in-out;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-15px);
    max-height: 415px;
    overflow: hidden;
    overflow-y: scroll;
    z-index: 9;
    background-color: #0b4454;
}

.custom-select-sub.opened .custom-options-sub {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
}

.custom-options-sub:before {
    position: absolute;
    display: block;
    content: '';
    bottom: 100%;
    right: 25px;
    width: 7px;
    height: 7px;
    margin-bottom: -4px;
    border-top: 1px solid #b5b5b5;
    border-left: 1px solid #b5b5b5;
    background: #fff;
    transform: rotate(45deg);
    transition: all .4s ease-in-out;
}

.option-hover-sub:before {
    background: #f9f9f9;
}

.custom-option-sub {
    position: relative;
    display: block;
    padding: 10px 15px;
    border-bottom: 1px solid #3995af;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    line-height: 20px;
    cursor: pointer;
    background-color: #3f6997;
    transition: all .1s ease-in-out;
}

    .custom-option-sub:hover {
        background-color: #fff;
        color: #3f6997;
        transition: all .2s ease-in-out;
    }

    .custom-option-sub:first-of-type {
        border-radius: 4px 4px 0 0;
    }

    .custom-option-sub:last-of-type {
        border-bottom: 0;
        border-radius: 0 0 4px 4px;
    }


/*SUBCATEGORY SELECT END*/

/*AREA SELECT START*/


.custom-select-wrapper-area {
    position: relative;
    display: inline-block;
    user-select: none;
    width: 100%;
}

    .custom-select-wrapper-area select {
        display: none;
    }

.custom-select-area {
    position: relative;
    display: inline-block;
    width: 100%;
}

.custom-select-trigger-area {
    position: relative;
    display: block;
    width: 100%;
    padding: 0 35px 0 0px;
    font-size: 20px;
    font-weight: 400;
    color: #3f6997;
    line-height: 36px;
    background: #fff;
    border-radius: 0px;
    border-bottom: 1px solid #fff;
    cursor: pointer;
    max-height: 37px;
    overflow: hidden;
}

    .custom-select-trigger-area:after {
        position: absolute;
        display: block;
        content: '';
        width: 10px;
        height: 10px;
        top: 50%;
        right: 10px;
        margin-top: -3px;
        border-bottom: 1px solid #3f6997;
        border-right: 1px solid #3f6997;
        transform: rotate(45deg) translateY(-50%);
        transition: all .4s ease-in-out;
        transform-origin: 50% 0;
    }

.custom-select-area.opened .custom-select-trigger-area:after {
    margin-top: 3px;
    transform: rotate(-135deg) translateY(-50%);
}

.custom-options-area {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    right: 0;
    min-width: 100%;
    margin: 15px 0;
    border: 1px solid #0b4454;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 2px 1px rgba(0,0,0,.07);
    background: #fff;
    transition: all .4s ease-in-out;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-15px);
    max-height: 415px;
    overflow: hidden;
    overflow-y: scroll;
    z-index: 9;
    background-color: #0b4454;
}

.custom-select-area.opened .custom-options-area {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
}

.custom-options-area:before {
    position: absolute;
    display: block;
    content: '';
    bottom: 100%;
    right: 25px;
    width: 7px;
    height: 7px;
    margin-bottom: -4px;
    border-top: 1px solid #b5b5b5;
    border-left: 1px solid #b5b5b5;
    background: #fff;
    transform: rotate(45deg);
    transition: all .4s ease-in-out;
}

.option-hover-area:before {
    background: #f9f9f9;
}

.custom-option-area {
    position: relative;
    display: block;
    padding: 10px 15px;
    border-bottom: 1px solid #3995af;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    line-height: 20px;
    cursor: pointer;
    background-color: #3f6997;
    transition: all .1s ease-in-out;
}

    .custom-option-area:hover {
        background-color: #fff;
        color: #3f6997;
        transition: all .2s ease-in-out;
    }

    .custom-option-area:first-of-type {
        border-radius: 4px 4px 0 0;
    }

    .custom-option-area:last-of-type {
        border-bottom: 0;
        border-radius: 0 0 4px 4px;
    }

/*AREA SELECT END*/

/*#endregion Select*/

/*#region Banner*/
.up-banner {
    margin: 25px 0 0px 0;
    width: 100%;
    display: block;
    text-align: center;
}

    .up-banner img {
        max-width: 100%;
    }

.bottom-banner {
    margin: 25px 0 25px 0;
    width: 100%;
    display: block;
    text-align: center;
}

    .bottom-banner img {
        max-width: 100%;
    }

#BannerLeft {
    position: fixed;
    left: 50px;
    z-index: 99999;
    max-height: 600px;
    top: 175px;
    display: block;
    -webkit-transition: all .3s cubic-bezier(.3,.1,.58,1);
    -moz-transition: all .3s cubic-bezier(.3,.1,.58,1);
    -o-transition: all .3s cubic-bezier(.3,.1,.58,1);
    transition: all .3s cubic-bezier(.3,.1,.58,1);
}

@media(max-width:1350px) {
    #BannerLeft {
        display: none;
    }
}

.baner-btn {
    height: 20px;
    padding-top: 0px;
}

.hide-Banner {
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    border: 0;
    padding: 0;
    background: 0 0;
}

.leftBannerImg {
    max-height: 600px;
    max-width: 250px;
}

.bottom-fixed-banner-wrapper {
    display: none;
}

.bottom-banner-img {
    max-width: 100%;
}
/*#endregion Banner*/



/*#region ThankYouContactPgae*/


.ThankYouPageTxt p {
    text-align: center;
    margin: 20px 0;
    font-weight: 500;
    font-size: 18px;
}
/*#endregion ThankYouContactPgae*/

/*#region Side Form*/
.articlesContntent {
    position: relative;
    width: 100%;
}

.articlesSideMenuRight {
    width: 25%;
    float: right;
}

.articlesSideMenuLeft {
    width: 75%;
    float: left;
    padding: 0 25px;
}

.sideMenuUl {
    list-style: none;
    max-width: 290px;
    padding-right: 0px;
    border-right: 2px solid #3f6997;
}

.sideMenuLiArticle {
    padding: 10px;
}

.sideMenuLi {
    border: 1px solid rgba(189, 189, 189, 0.5);
    padding: 5px 2px;
}

    .sideMenuLi:hover {
        background-color: #3f6997;
        color: #fff;
    }

        .sideMenuLi:hover .sideMenuA {
            background-color: #3f6997;
            color: #fff;
        }

.sideMenuA {
    padding: 5px 10px;
    color: #3f6997;
    font-size: 18px;
    font-weight: 500;
}

    .sideMenuA img {
        width: 70px;
    }

.sideMenuLiChosen {
    background-color: #3f6997;
    color: #fff;
}

    .sideMenuLiChosen a {
        color: #fff;
    }

.sideMenuLiArticle {
    padding: 10px;
}

.sideMenuLiArticleHeader {
    text-align: center;
}

    .sideMenuLiArticleHeader a {
        font-size: 22px;
    }

@media(max-width:1500px) {
    .sideMenuA {
        padding: 5px 5px;
        color: #3f6997;
        font-size: 15px;
        font-weight: 500;
    }
}
/*#endregion Side Form*/
/*#region Accordion*/
.heading-primary {
    font-size: 2em;
    padding: 2em;
    text-align: center;
}

.accordion dl, .accordion-list {
    /*border: 1px solid #ddd;*/
    margin-bottom: 0;
}

    .accordion dl:after, .accordion-list:after {
        content: "";
        display: block;
        height: 1em;
        width: 100%;
        background-color: #3f6997;
    }

.accordion dd, .accordion__panel {
    background-color: #eee;
    font-size: 1em;
    line-height: 1.5em;
    overflow: initial;
}

.accordion p {
    padding: 1em 2em 1em 2em;
}

.accordion {
    position: relative;
    background-color: #eee;
    z-index: 9;
}

.containerAccordion {
    max-width: 960px;
    margin: 0 auto;
    padding: 0;
}

.accordionTitle, .accordion__Heading {
    background-color: #3f6997;
    text-align: center;
    font-weight: 700;
    padding: 25px;
    max-height: 55px;
    display: block;
    text-decoration: none;
    color: #fff;
    transition: background-color 0.5s ease-in-out;
    border-bottom: 1px solid #3f6997;
}

    .accordionTitle:before, .accordion__Heading:before {
        content: "+";
        font-size: 1.5em;
        line-height: 0.5em;
        float: left;
        transition: transform 0.3s ease-in-out;
    }

    .accordionTitle:hover, .accordion__Heading:hover {
        background-color: #3f6997;
        color: #fff;
    }

    .accordionTitleActive, .accordionTitle.is-expanded {
        background-color: #3f6997;
        color: #fff;
    }

        .accordionTitleActive:before, .accordionTitle.is-expanded:before {
            transform: rotate(-225deg);
        }

.accordionItem {
    height: auto;
    max-height: 50em;
    transition: max-height 1s;
}

@media screen and (min-width: 48em) {
    .accordionItem {
        /*max-height: 15em;*/
        transition: max-height 0.5s;
    }
}

.accordionItem.is-collapsed {
    max-height: 0;
    overflow: hidden;
}

.no-js .accordionItem.is-collapsed {
    max-height: auto;
}

.animateIn {
    animation: accordionIn 0.45s normal ease-in-out both 1;
}

.animateOut {
    animation: accordionOut 0.45s alternate ease-in-out both 1;
}

@keyframes accordionIn {
    0% {
        opacity: 0;
        transform: scale(0.9) rotateX(-60deg);
        transform-origin: 50% 0;
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes accordionOut {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(0.9) rotateX(-60deg);
    }
}


/*#endregion Accordion*/
/*#region addBusinessForm*/
#addBusinessForm {
    max-width: 650px;
    margin: 0 auto;
    background-color: #fff;
    padding: 0 30px 30px 30px;
    border: 1px solid #015a72;
    border-radius: 5px;
    margin-top: 30px;
}

.inputBlock label {
    color: #3F3F44;
    font-size: 20px;
    font-weight: 500;
    margin-top: 20px;
}

.submitDiv {
    text-align: center;
}

.registerSubmit {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    width: 200px;
    background-color: #015a72;
    text-align: center;
    padding: 13px;
    text-shadow: none;
    margin: 0 auto;
    border-radius: 5px;
}

    .registerSubmit:hover {
        background-color: #015a72;
        color: #fff;
        -moz-transition: background-color 1s ease;
        -o-transition: background-color 1s ease;
        -webkit-transition: background-color 1s ease;
        transition: background-color 1s ease;
    }

.addBusinessTXT {
    max-width: 650px !important;
    margin: 0 auto;
}

/*#endregion addBusinessForm*/

/*#region homePage*/
.navWhiteBottomLogo {
    margin-top: 5px;
    text-align: center;
}

.navWhiteBottomLogoImg {
    max-width: 260px;
}

.homePageTop {
    /*min-height: 86vh;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 80px;
}

.homePageTopImg {
    max-width: 300px;
    margin: 0 auto;
    padding-top: 130px;
    display: block;
}

.homePageSearchContainer {
    position: relative;
    min-height: 100px;
}

.homePageTopMainP {
    text-align: center;
    padding-top: 250px;
    font-size: 45px;
    color: #FCCAA3;
    font-weight: 600;
    direction: ltr;
    margin-top: 0;
}

.homePageTopSecondP {
    color: #fff;
    text-align: center;
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 40px;
}

.homePageTopFormDiv {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    border: 2px solid #fff;
    min-height: 115px;
}

.homePageTopVideoDiv {
    max-width: 300px;
    margin: 0 auto;
    text-align: center;
    margin-top: 50px;
}

    .homePageTopVideoDiv a {
        display: inline-block;
    }

    .homePageTopVideoDiv i {
        color: #fff;
        font-size: 30px;
        padding: 18px 20px 18px 25px;
        border: 1px solid#fff;
        border-radius: 50%;
    }

.homeSearchFormP {
    max-width: 1330px;
    margin: 0 auto;
    margin-top: 20px;
    color: #fff;
    font-size: 18px;
}

.homePageTopVideoP {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    margin-top: 10px;
}

    .homePageTopVideoP:hover {
        color: #fff;
    }


.homePromotedDiv {
    background-color: #efefef;
    padding: 0px 30px 30px 30px;
    position: relative;
}

.leaf_left {
    position: absolute;
    left: 0;
    bottom: 5%;
}

.leaf_right {
    position: absolute;
    right: 0;
    bottom: 5%;
}

.homePromotedDivFloatingDiv {
    text-align: center;
    max-width: 1400px;
    border-radius: 15px;
    background-color: #fff;
    margin-top: -45px;
    box-shadow: 0px 0px 20px #9a9a9a;
    padding: 30px 30px 50px;
    background-repeat: no-repeat;
    z-index: 2;
    position: relative;
}

@media(max-width:1550px) {
    .homePromotedDivFloatingDiv {
        max-width: 1200px;
    }
}

.homePromotedYmassage {
    color: #FCCAA3;
    font-size: 125px;
    font-family: 'Damion', cursive !important;
    margin-bottom: -50px;
}

.homePromotedTitle {
    color: #3F3F44;
    font-size: 40px;
    font-weight: 600;
}

.homePromotedDesc {
    margin-bottom: 30px;
}

    .homePromotedDesc p {
        color: #3F3F44;
        font-size: 25px;
        max-width: 1060px;
        margin: 0 auto;
        font-weight: 400;
        line-height: 30px;
    }

.homePromotedItems {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -100px;
}

.internalItems {
    margin: 40px 20px;
}

    .internalItems .homePromotedtItem {
        flex: 1 0 22%;
        flex-grow: 0;
    }

.homePromotedtItem {
    flex: 1 0 23%;
    flex-grow: 0;
    margin: 15px;
    background-color: #fff;
    border: 2px solid #C7C7C7;
    border-radius: 20px;
    transition: 0.4s all ease-in-out;
    position: relative;
    top: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .homePromotedtItem:hover {
        top: -10px;
        transition: 0.4s all ease-in-out;
        border: 2px solid #9EC884;
        box-shadow: 0 0 16px #b9b9b9;
    }

.homePromotedtItemA {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.lastItem {
    min-height: 510px
}

.therapistLatItemA {
    background-color: #78B6FB;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    border-radius: 10px;
    width: 210px;
    display: block;
    text-align: center;
    padding: 10px;
    bottom: 25%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
}

    .therapistLatItemA:hover {
        color: #fff;
        background-color: #3e84d1;
        transition: all 0.3s ease-in-out;
    }


.homePromotedtItemImg {
    height: 300px;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    border-top-right-radius: 17px;
    border-top-left-radius: 17px;
    overflow: hidden;
    /*position: relative;*/
}
.homePromotedtItemImgInner {
    width: 130%;
}

.homePromotedtItemImgLabelStar {
    position: absolute;
    right: 15px;
    top: 15px;
    background-color: #FCA90B;
    color: #fff;
    padding: 5px 8px;
    font-weight: 600;
    border-radius: 50%;
}

    .homePromotedtItemImgLabelStar i {
        font-size: 16px;
    }

.homePromotedtItemImgLabel {
    position: absolute;
    left: 0;
    top: 240px;
    background-color: #9EC884;
    color: #fff;
    padding: 6px 15px;
    width: 80px;
    font-weight: 500;
}

.homePromotedtItemImgLabelClinic {
    position: absolute;
    left: 0;
    top: 190px;
    background-color: #9EC884;
    color: #fff;
    padding: 6px 15px;
    width: 80px;
    font-weight: 500;
}

.homePromotedtItemTitle {
    text-align: center;
    padding: 10px 10px 0 10px;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 5px;
    min-height: 85px;
}

    .homePromotedtItemTitle p {
        color: #9EC884;
        font-size: 22px;
        font-weight: 600;
    }
    .homePromotedtItemTitle h3 {
        color: #9EC884;
        font-size: 22px;
        font-weight: 600;
    }

.homePromotedtItemDesc {
    padding: 0px 10px;
    min-height: 80px;
}

    .homePromotedtItemDesc p {
        color: #3F3F44;
        font-weight: 500;
        font-size: 18px;
    }

    .homePromotedtItemDesc span {
        text-decoration: underline;
        color: #9ec884;
    }

.homePromotedtItemLocation {
    text-align: left;
    padding: 5px 15px;
}

    .homePromotedtItemLocation i {
        color: #9EC884;
    }

    .homePromotedtItemLocation a {
        color: #9EC884;
        font-weight: 600;
    }

.areaTreatmentsP {
    display: inline-block;
    color: #3F3F44;
    font-size: 24px;
    font-weight: 600;
}

.areaTreatmentsA {
    color: #3F3F44;
    font-size: 20px;
    padding: 5px 8px;
    border: 2px solid #C7C7C7;
    border-radius: 8px;
    margin-left: 5px;
}

    .areaTreatmentsA:hover {
        color: #9EC884;
        border: 2px solid #9EC884;
    }

.promotedBottomPsContainer {
    padding: 40px;
}

.promotedBottomPs {
    padding: 20px;
}

    .promotedBottomPs h2 {
        font-weight: 500;
    }

    .promotedBottomPs p {
        font-weight: 500;
        font-size: 20px;
    }

.categoriesContainer {
    min-height: 500px;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    padding: 60px;
    position: relative;
}

.categoriesInnerContainer {
    position: relative;
}

.categoriesContainerOverlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.3);
}

.categoriesHomeTitle {
    color: #fff;
    font-size: 130px;
    font-family: 'Damion', cursive !important;
    margin-bottom: -50px;
}

.categoriesHomeTitle2 {
    color: #FCCAA3;
    font-size: 50px;
    font-weight: 500;
}

.categoriesHomeItems {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin: 30px 0;
}

.categoriesHomeItem {
    flex: 1 0 16%;
    margin: 25px;
    max-width: 17%;
    top: 0px;
    position: relative;
    transition: all 0.2s ease-in-out;
}

    .categoriesHomeItem:hover {
        transition: all 0.3s ease-in-out;
        top: -15px;
    }

.categoriesHomeItemP {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}

.categoriesHomeItemPNew {
    color: #000;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
}

.categoriesHomeItemImg {
    min-height: 300px;
    border-radius: 20px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 35px 20px;
    position: relative;
}

.areaCitiesItemImg {
    min-height: 260px;
}

.categoriesHomeItemImgOvelay {
    border-radius: 20px;
    opacity: 0.3;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
}

.categoriesHomeItemImgText {
    color: #fff;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    position: relative;
    font-size: 20px;
    font-weight: 400;
}

.categoriesHomeItem:hover .categoriesHomeItemImgText {
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
}

.categoriesHomeItem:hover .categoriesHomeItemImgOvelay {
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
}

.categoriesHomeLink {
    position: relative;
    float: left;
    padding-left: 25px;
    color: #fff;
    font-size: 24px;
}

    .categoriesHomeLink i {
        color: #9EC884;
        margin-right: 5px;
    }

    .categoriesHomeLink:hover {
        color: #9EC884;
    }


.clientsContainer {
    background-color: #FCCAA3;
    background-position: right 210px;
    background-repeat: no-repeat;
    min-height: 500px;
    padding: 0 40px 40px 40px;
}

.clientsTitle {
    font-size: 130px;
    color: #FFD9BC;
    font-family: 'Damion', cursive !important;
    margin-bottom: -50px;
}

.clientsTitle2 {
    font-size: 50px;
    font-weight: 400;
}

.clientsText p {
    font-weight: 500;
    font-size: 20px;
}

.clientsReviewsItems {
    margin-top: 130px;
    position: absolute;
}

.clientsReviewsItem {
    background-color: #FFD9BC;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0 13px 50px #2d0b0626;
    margin: 30px 0;
    position: relative;
}

    .clientsReviewsItem:hover {
        background-color: #fff;
        transition: all 0.3s ease-in-out;
    }

        .clientsReviewsItem:hover .clientsReviewsItemI {
            background-color: #CEE8BE;
        }

.clientsReviewsItemI {
    position: absolute;
    right: -20px;
    font-size: 20px;
    background-color: #FCCAA3;
    color: #fff;
    padding: 10px;
    border-radius: 50%;
}

.clientsReviewsItemP {
    font-size: 15px;
    font-weight: 600;
    padding-right: 10px;
}

.clientsReviewsItemDesc p {
    font-size: 16px;
    font-weight: 500;
}


.HomeArticlesContainer {
    background-color: #fce5d5;
    padding: 0 40px 40px 40px;
    background-position: 100px top;
    background-repeat: no-repeat;
}

.homeArticlesTitle {
    font-size: 130px;
    color: #FCCAA3;
    font-family: 'Damion', cursive !important;
    margin-bottom: -50px;
}

.homeArticlesTitle2 {
    font-size: 50px;
    font-weight: 400;
}

.homeArticlesDesc p {
    color: #1E1B1B;
    font-size: 20px;
    font-weight: 400;
    max-width: 480px;
}

/*.padd0 {
    padding-left: 0;
    padding-right: 0;
}*/
.homeArticlesInnerContainer {
    margin-bottom: 40px;
    margin-top: 40px;
}

.homeArticlesItem {
    margin: 15px 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    position: relative;
}

    .homeArticlesItem:hover {
        border: 4px solid #fff;
        transition: all 0.4s ease-in-out;
    }

    .homeArticlesItem:hover {
        transition: box-shadow 0.1s ease-in-out;
        box-shadow: 0 15px 50px #929292;
    }

.WideItem {
    width: 100%;
    height: 250px;
}

.thinItem {
    height: 250px;
    width: 48%;
    float: right;
}

.bigItem {
    height: 530px;
}

.homeArticlesItemP {
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
    text-align: center;
    width: 100%;
    background-color: #fff;
    padding: 12px;
    font-weight: 600;
    font-size: 20px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.homeArticlesItemA {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    background-color: rgba(0,0,0,0.2);
    border-radius: 17px;
}

.toAllArticlesLinkDiv {
    margin-top: 30px;
}

    .toAllArticlesLinkDiv a {
        font-size: 24px;
        font-weight: 600;
        display: block;
        text-align: center;
        text-decoration: underline !important;
        color: #000;
    }

        .toAllArticlesLinkDiv a:hover {
            color: #9EC884;
        }

.toAllArticlesLink span {
    color: #9EC884;
}

.m-r-20 {
    margin-right: 20px;
}
/*#endregion homePage*/


/*#region register and login*/
.registerHeaderContainer {
    background-color: #3F6997;
    min-height: 215px;
}

.loginHeaderContainer {
    background-color: #78B6FB;
    min-height: 215px;
}

.loginErr {
    color: #ff0000;
    font-weight: 500;
}

.loginleftDiv {
    background-color: #3f6997;
}

    .loginleftDiv img {
        max-width: 100%;
    }

.registerLeftDiv {
    background-color: #78b6fb;
}

    .registerLeftDiv img {
        max-width: 100%;
    }

.registerRightDiv {
    padding: 0px 10% 10px 10px;
}

.registerRightDivTitle {
    font-size: 130px;
    color: #E5EBF0;
    font-family: 'Damion', cursive !important;
    margin-bottom: -50px;
}

.registerRightDivDesc h3 {
    font-size: 24px;
    font-weight: 600;
    color: #3F3F44;
}

.registerRightDivDesc p {
    font-size: 20px;
    font-weight: 500;
    color: #3F3F44;
}

.registerRightDivDesc a {
    font-size: 20px;
    text-decoration: underline !important;
    font-weight: 600;
    color: #3F3F44;
}

.registerFormInput {
    max-width: 485px;
}

.checkbox-custom-label a {
    color: #9ec884;
    text-decoration: underline !important;
}

    .checkbox-custom-label a:hover {
        text-decoration: underline !important;
        color: #9ec884;
    }

.registerBtnDiv {
    position: relative;
    max-width: 500px;
}

.registerFormBtn {
    background-color: #9EC884;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    border: none;
    border-radius: 10px;
    padding: 10px 20px;
    margin-right: 90px;
    margin-top: 30px;
}

    .registerFormBtn i {
        margin-right: 10px;
    }

.loginFormBtn {
    min-width: 300px;
}

.heyMessage {
    font-size: 15px;
    font-weight: 300;
    color: #fff;
    margin-left: 30px;
    margin-bottom: 0;
    margin-top: 5px;
}

    .heyMessage span {
        font-weight: 500;
        margin-right: 10px;
    }

.headerLogout {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 0px !important;
    margin-left: 15px;
}

    .headerLogout:hover {
        color: #9EC884
    }

    .headerLogout:focus {
        color: #9EC884
    }

.forgotPass {
    margin-top: 35px;
    margin-right: 150px;
}

.forgotPassA {
    font-size: 20px;
    color: #000;
}

    .forgotPassA:hover {
        color: #9ec884;
    }

.success-checkmark {
    width: 80px;
    height: 115px;
    margin: 0 auto;
}

    .success-checkmark .check-icon {
        width: 80px;
        height: 80px;
        position: relative;
        border-radius: 50%;
        box-sizing: content-box;
        border: 4px solid #4CAF50;
    }

        .success-checkmark .check-icon::before {
            top: 3px;
            left: -2px;
            width: 30px;
            transform-origin: 100% 50%;
            border-radius: 100px 0 0 100px;
        }

        .success-checkmark .check-icon::after {
            top: 0;
            left: 30px;
            width: 60px;
            transform-origin: 0 50%;
            border-radius: 0 100px 100px 0;
            animation: rotate-circle 4.25s ease-in;
        }

        .success-checkmark .check-icon::before, .success-checkmark .check-icon::after {
            content: '';
            height: 100px;
            position: absolute;
            background: #FFFFFF;
            transform: rotate(-45deg);
        }

        .success-checkmark .check-icon .icon-line {
            height: 5px;
            background-color: #9ec884;
            display: block;
            border-radius: 2px;
            position: absolute;
            z-index: 10;
        }

            .success-checkmark .check-icon .icon-line.line-tip {
                top: 46px;
                left: 14px;
                width: 25px;
                transform: rotate(45deg);
                animation: icon-line-tip 0.75s;
            }

            .success-checkmark .check-icon .icon-line.line-long {
                top: 38px;
                right: 8px;
                width: 47px;
                transform: rotate(-45deg);
                animation: icon-line-long 0.75s;
            }

        .success-checkmark .check-icon .icon-circle {
            top: -4px;
            left: -4px;
            z-index: 10;
            width: 80px;
            height: 80px;
            border-radius: 50%;
            position: absolute;
            box-sizing: content-box;
            border: 4px solid rgb(158 200 132 / 50%);
        }

        .success-checkmark .check-icon .icon-fix {
            top: 8px;
            width: 5px;
            left: 26px;
            z-index: 1;
            height: 85px;
            position: absolute;
            transform: rotate(-45deg);
            background-color: #FFFFFF;
        }

@keyframes rotate-circle {
    0% {
        transform: rotate(-45deg);
    }

    5% {
        transform: rotate(-45deg);
    }

    12% {
        transform: rotate(-405deg);
    }

    100% {
        transform: rotate(-405deg);
    }
}

@keyframes icon-line-tip {
    0% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    54% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}

@keyframes icon-line-long {
    0% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    65% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    84% {
        width: 55px;
        right: 0px;
        top: 35px;
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}

.thankYouRegistrationH6 {
    text-align: center;
    font-size: 30px;
    margin: 20px 0;
    font-weight: 500;
}

.thankYouRegistrationTxt {
    text-align: center;
}

    .thankYouRegistrationTxt p {
        font-size: 20px;
    }

.thankYouRegistrationLink {
    text-align: center;
    margin-top: 30px;
}

    .thankYouRegistrationLink a {
        background-color: #9EC884;
        color: #fff;
        font-size: 20px;
        font-weight: 500;
        border: none;
        border-radius: 10px;
        padding: 10px 20px;
        margin-top: 30px;
    }

        .thankYouRegistrationLink a:hover {
            background-color: #9EC884;
            color: #fff;
        }

    .thankYouRegistrationLink i {
        margin-right: 10px;
    }
/*#endregion register*/



/*#region Password*/
.forgotPasswordDiv {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}

.forgotPasswordTitle {
    font-size: 40px;
    margin-top: 30px;
}

.forgotPasswordInput {
    max-width: 100%;
}

.forgotPasswordFormBtn {
    min-width: 300px;
    margin: 0 auto;
    margin-top: 20px;
}
/*#endregion Password*/
/*#region EDIT BUSINESS*/
.cke_2 .cke_top {
    background-image: none !important;
}

.cke_1 .cke_top {
    background-image: none !important;
}

.cke_1 .cke_bottom {
    background-image: none !important;
}

.cke_2 .cke_bottom {
    background-image: none !important;
}

.successContainer {
    background-color: #9EC884;
    color: #fff;
    padding: 20px;
    text-align: center;
}

.ErrorContainer {
    background-color: #f34f4f;
    color: #fff;
    padding: 0px;
    text-align: center;
}

.editBizSuccess {
    font-size: 24px;
    font-weight: 500;
}

.editBizCounterContainer {
    background-color: #F7F7F7;
    padding: 20px;
}

.countersItem {
}

.countersItemP {
    text-align: center;
    font-weight: 500;
    font-size: 18px;
}

.countersItemNum {
    color: #6195f7 !important;
    font-weight: 600;
    text-align: center;
    font-size: 20px !important;
}

.editBizContainer {
    padding: 20px;
}

.editBizTitle {
    color: #3F3F44;
    font-size: 24px;
    font-weight: 600;
    margin: 20px 0;
}

.m-t-40 {
    margin-top: 40px;
}


.editBizIframe {
    max-width: 290px;
    z-index: 1;
    position: relative;
    margin: 30px 15px 0 30px;
    border-radius: 20px;
    padding-top: 55px;
}

.FixedCatalog {
    position: fixed;
    top: 80px;
}

.editBizIframeInner {
    width: 400px;
}

    .editBizIframeInner iframe {
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    }

@media(max-width:1500px) {
    .editBizIframeInner {
        width: 290px;
        max-width: 100%;
    }
}

.width100 {
    width: 100%;
}

.addPricesErr {
    display: none;
}

    .addPricesErr p {
        color: red;
    }

.addVideoErr {
    display: none;
}

    .addVideoErr p {
        color: red;
    }

@media(max-width:1200px) {
    .editBizIframeInner {
        width: 225px;
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    }
}

@media(max-width: 992px) {
    .editBizIframe {
        float: none;
        max-width: 100%;
        z-index: 1;
        position: relative;
        margin: 0 15px 15px 15px;
        clear: both;
    }

    .editBizIframeInner {
        width: 100%;
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
        position: relative;
        top: 100% !important;
    }
}


.editBizDivider {
    width: 100%;
    height: 2px;
    background-color: rgb(210 210 210 / 50%);
    margin: 30px 0 25px 0;
}

.editBizContactDetailsInput {
    width: 25%;
    float: right;
}

    .editBizContactDetailsInput label {
        width: 100%;
        padding-right: 10px;
        color: #3F3F44;
        font-size: 20px;
        font-weight: 500;
    }

    .editBizContactDetailsInput input {
        border: 2px solid #C7C7C7;
        border-radius: 10px;
        padding: 10px;
        width: 95%;
    }

.editBizGalleryUploadP {
    color: #3F3F44;
    font-size: 18px;
    font-weight: 500;
}

.editBizGalleryUploadBtn {
    border-radius: 10px;
    border: 2px solid #C7C7C7;
    box-shadow: 0 10px 15px #3f3f4433;
    padding: 5px 20px;
    max-width: 130px;
    margin: 0 auto;
    cursor: pointer;
}

.editBizProfileImgDiv {
    border: 4px dashed #C7C7C7;
    border-radius: 10px;
    background-color: #f7f7f7;
    min-height: 215px;
    padding: 35px 20px 20px 20px;
    text-align: center;
}

.editBizGalleryDiv {
    min-height: 215px;
    border: 4px solid #C7C7C7;
    border-radius: 10px;
    background-color: #EBEBEC;
    padding: 5px;
}

.editBizGalleryIPlus {
    display: inline-block;
    float: left;
    color: #fff;
}

    .editBizGalleryIPlus:hover {
        color: #fff;
    }

.editBizGalleryI {
    display: inline-block;
    float: right;
    color: red;
}

    .editBizGalleryI:hover {
        color: red;
    }

.editBizGalleryA {
    border-radius: 3px;
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    cursor: pointer;
    background-color: #000;
    padding: 10px;
    min-width: 40px;
}

.editBizGalleryImgDiv {
    float: right;
    position: relative;
}

    .editBizGalleryImgDiv:hover .editBizGalleryA {
        opacity: 1;
        transition: opacity 0.3s ease-in-out;
    }

.editBizGalleryImg {
    width: 100px;
    height: 80px;
    border-radius: 5px;
    margin: 3px;
}



.p-r-0 {
    padding-right: 0px !important;
}

.editBizAboutMeLabelPreview {
    width: 100%;
    color: #3F3F44;
    font-size: 18px;
    text-align: center;
}

.editBizAboutMeLabel {
    width: 100%;
    color: #3F3F44;
    font-size: 20px;
    font-weight: 400;
    margin-top: 15px;
}

    .editBizAboutMeLabel a {
        margin-right: 15px;
        text-decoration: underline !important;
    }

.editBizInput {
    border: 2px solid #C7C7C7;
    border-radius: 10px;
    min-height: 50px;
    width: 95%;
}

.editBizInputBig {
    width: 98%;
}

.editBizNote {
    color: #3F3F44;
    font-size: 16px;
    font-weight: 500;
    margin-top: 5px;
}


.editBizPreviewItem {
    flex: 1 0 21%;
    margin: 5px;
    background-color: #fff;
    border: 2px solid #C7C7C7;
    border-radius: 20px;
    transition: 0.4s all ease-in-out;
    position: relative;
    top: 0;
}

.editBizPreviewItemImg {
    height: 300px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-top-right-radius: 17px;
    border-top-left-radius: 17px;
    position: relative;
}

.editBizPreviewItemTitle {
    text-align: center;
    padding: 10px 10px 0 10px;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 5px;
    min-height: 65px;
}

    .editBizPreviewItemTitle p {
        color: #9EC884;
        font-size: 22px;
        font-weight: 600;
    }

.editBizPreviewItemDesc {
    padding: 0 5px;
}

    .editBizPreviewItemDesc p {
        color: #3F3F44;
        font-weight: 500;
        font-size: 18px;
    }

.editBizPreviewItemLocation {
    text-align: left;
    padding: 5px 15px;
}

    .editBizPreviewItemLocation i {
        color: #9EC884;
    }

    .editBizPreviewItemLocation a {
        color: #9EC884;
        font-weight: 600;
    }

.paddVideoRow {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 35px;
    font-size: 16px;
    cursor: pointer;
}

    .paddVideoRow p {
        color: #9dc884;
        font-weight: 600;
        margin-top: 10px
    }

    .paddVideoRow i {
        background-color: #9dc884;
        color: #fff;
        padding: 3px 4px;
        border-radius: 50%;
        margin-right: 10px;
    }

.removeVideo {
    color: #fff;
    background-color: #000;
    padding: 3px 4px;
    border-radius: 50%;
    cursor: pointer;
}

.bizVideosItem {
    border: 2px solid #C7C7C7;
    border-radius: 10px;
    min-height: 50px;
    width: 95%;
    margin-top: 10px;
    padding: 10px;
}

.bizvideosItemTitle {
    float: right;
}

.bizvideosItemDelete {
    float: left;
}

.pricesTable {
    width: 100%;
    text-align: center;
}

    .pricesTable thead {
        background-color: #3f6997;
        color: #F7F7F7;
        font-size: 18px;
    }

    .pricesTable td {
        padding: 15px;
        border: none !important;
    }

        .pricesTable td:last-child {
            border-radius: 10px 0 0 0;
        }

        .pricesTable td:first-child {
            border-radius: 0 10px 0 0;
        }

.pricesTableTd {
    color: #000;
    text-decoration: underline;
    font-weight: 500;
    display: inline-block;
    padding-left: 5px;
}

.removePrice {
    color: #fff;
    background-color: #000;
    padding: 3px 4px;
    border-radius: 50%;
    cursor: pointer;
}


.pricesTableAddRow {
    text-align: center;
    margin-top: 20px;
    font-size: 16px;
    cursor: pointer;
}

    .pricesTableAddRow p {
        color: #9dc884;
        font-weight: 600;
    }

    .pricesTableAddRow i {
        background-color: #9dc884;
        color: #fff;
        padding: 3px 4px;
        border-radius: 50%;
        margin-right: 10px;
    }

.pricesTableAddForm {
    padding: 15px;
    border: 1px solid #dfdfdf;
    display: none;
}

    .pricesTableAddForm.open {
        display: block;
    }

.pricesTableAdd {
    padding: 15px;
    border: 2px solid #C7C7C7;
    border-radius: 10px;
    min-height: 50px;
    width: 25%;
}

.pricesTableAddFormBtn {
    width: 23%;
    padding: 15px;
    border: 2px solid #9ec884;
    border-radius: 10px;
    min-height: 50px;
    background-color: #9ec884;
    color: #fff;
    text-align: center;
    cursor: pointer;
}

    .pricesTableAddFormBtn:hover {
        transition: all 0.3s ease-in-out;
        background-color: #fff;
        color: #9ec884;
    }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.MainAreaIdDiv {
    width: 215px;
    float: right;
}

    .MainAreaIdDiv p {
        color: #000;
        font-size: 20px;
        font-weight: 500;
    }

.MainCityIdDiv {
    width: 215px;
    float: right;
    margin-right: 30px;
}

    .MainCityIdDiv p {
        color: #000;
        font-size: 20px;
        font-weight: 500;
    }

.editBizSelect {
    border: 2px solid #C7C7C7;
    border-radius: 10px;
    min-height: 50px;
}

.clear {
    clear: both;
}

.areasTitles {
    margin-top: 20px;
    color: #000;
    font-size: 20px;
    font-weight: 500;
}

.chosen-choices {
    border: 2px solid #C7C7C7 !important;
    border-radius: 10px !important;
    min-height: 50px !important;
}

.areasDesc {
    margin-bottom: 20px;
    font-size: 16px;
    color: #3F3F44;
    font-weight: 400;
}

.areasDescI {
    color: #9EC884;
}

.editBizCheckboxDiv {
    width: 145px;
    float: right;
    margin-top: 10px;
}

    .editBizCheckboxDiv label {
        font-weight: 400;
        font-size: 16px;
    }

.newWidth {
    width: 250px;
    margin-top: 45px;
    margin-right: 25px;
}

#IsShowReviewsCheck {
    width: 5%;
}

.IsShowReviewsSelect {
    min-height: 44px !important;
}

.IsShowReviewsDiv {
    width: 25%;
}

    .IsShowReviewsDiv p {
        margin-bottom: 5px;
    }

.newWidth label {
    float: left;
    width: 95%;
}

.max-450 {
    max-width: 450px;
}

.editBizSubmitDiv {
    background-color: #3f6997;
    padding: 10px;
    text-align: left;
    min-height: 73px;
}

.editBizloadingGif {
    position: absolute;
    display: none;
    width: 60px;
    top: 0px;
    left: 5%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    max-width: 60px;
}

.editBizSubmitBtnDiv {
    position: relative;
}

.editBizSubmitBtn {
    color: #fff;
    font-size: 22px;
    font-weight: 300;
    padding: 10px 30px;
    border-radius: 10px;
    background-color: #78B6FB;
    box-shadow: none;
    border: 1px solid #78B6FB;
}

    .editBizSubmitBtn:hover {
        background-color: #fff;
        color: #78B6FB;
        transition: all 0.3s ease-in-out;
    }
/*#endregion EDIT BUSINESS*/
.p-t-100 {
    padding-top: 100px;
}

.overHidden {
    overflow: hidden;
}
/*#region categoriesPage*/
.categoriesPageP {
    font-size: 20px;
    font-weight: 600;
    color: #000;
}

.catPageTopVideoDiv {
    max-width: 300px;
    margin: 0 auto;
    text-align: center;
    margin-top: 15px;
}

    .catPageTopVideoDiv a {
        border-radius: 50%;
    }

    .catPageTopVideoDiv i {
        color: #9ec884;
        font-size: 30px;
        border: 2px solid #9ec884;
        border-radius: 50%;
        padding: 12px 12px 12px 20px;
    }

.catPageTopVideoP {
    color: #3F3F44;
    font-size: 19px;
    font-weight: 400;
    margin-top: 10px;
}

    .catPageTopVideoP:hover {
        color: #9ec884;
    }

.catPageContainer {
    padding: 10px 20px;
}

.QaContainer {
    background-color: #fce5d5;
    padding: 65px;
    position: relative;
    /*min-height: 600px;*/
    overflow: hidden;
}

.Qa_leaf_right {
    position: absolute;
    right: -115px;
    top: 0px;
    max-width: 350px;
}

.Qa_leaf_left {
    position: absolute;
    left: -100px;
    top: -100px;
    max-width: 350px;
}

.Qa_header {
    font-size: 40px;
    font-weight: 600;
    color: #000;
    margin-bottom: 35px;
    position: relative;
}
/*#endregion categoriesPage*/

/*#region CityAndArea*/
.cityPromotedContainer {
    padding: 0 0 40px 0;
}

.Ctxt2Container {
    background-color: #FCE5D5;
    padding: 70px 0;
}

.CGeneraltxt {
    text-align: right;
}

    .CGeneraltxt h3 {
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 20px;
    }

.topVideoContainer {
    border-bottom: 4px solid rgb(63 63 68 / 10%);
    padding-bottom: 30px;
}

.moreTreatmentsContainer {
    padding: 50px 0;
    background-color: #fccaa3;
    position: relative;
    min-height: 350px;
}

.moreTreatmentsImg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-100%, -50%);
    z-index: 1;
}

.moreTreatmentsContainer .container {
    z-index: 2;
    position: relative;
}

.max-1250 {
    max-width: 1250px;
}

.moreTreatmentsTitle {
    color: #FCE5D5;
    font-size: 75px;
    font-family: 'Damion', cursive !important;
    margin-bottom: -30px;
    text-align: center;
}

.moreTreatmentsTitle2 {
    color: #3F3F44;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 35px;
}

.CmoreTreatmentsTags {
    font-size: 20px;
    color: #3F3F44;
    background-color: #FCE5D5;
    padding: 7px 20px;
    margin: 15px 15px;
    border-radius: 10px;
    display: inline-block;
}

    .CmoreTreatmentsTags:hover {
        background-color: #fff;
        transition: background-color 0.3s ease-in-out;
    }

.moreArticlesContainer {
    background-color: #f7f7f7;
    padding: 50px;
    position: relative;
    overflow: hidden;
}


.moreArticlesHeader {
    color: #3F3F44;
    font-size: 35px;
    font-weight: 500;
    position: relative;
}

.moreArticlesItems {
    display: flex;
    flex-wrap: wrap;
    margin: 50px 0;
}

.moreArticlesItem {
    flex: 1 0 21%;
    flex-grow: 0;
    margin: 0 20px;
    border-radius: 20px;
    position: relative;
    height: 275px;
    margin-bottom: 35px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .moreArticlesItem:hover {
        border: 4px solid #fff;
        transition: all 0.4s ease-in-out;
    }

    .moreArticlesItem:hover {
        transition: box-shadow 0.1s ease-in-out;
        box-shadow: 0 15px 50px #929292;
    }

.moreArticlesItemImg {
    height: 200px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.moreArticlesItemP {
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
    text-align: center;
    width: 100%;
    background-color: #fff;
    padding: 12px;
    font-weight: 600;
    font-size: 18px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    z-index: 1;
}

.moreArticlesItemA {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    background-color: rgba(0,0,0,0.2);
    border-radius: 17px;
    z-index: 2;
}

.promotedTitle {
    color: #FCCAA3;
    font-size: 100px;
    font-family: 'Damion', cursive !important;
    margin-bottom: -40px;
    text-align: center;
}

.promotedTitle2 {
    color: #3F3F44;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
}

.promotedTitleH2 {
    color: #3F3F44;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    margin-top: 25px;
}

.promotedTitle3 {
    color: #3F3F44;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    margin-top: 35px;
}

.areaCitiesTitle {
    color: #FCCAA3;
    font-size: 65px;
    font-family: 'Damion', cursive !important;
    margin-bottom: -40px;
    text-align: center;
    position: relative;
}

.areaCitiesTitle2 {
    color: #3F3F44;
    font-size: 40px;
    font-weight: 600;
    text-align: center;
    position: relative;
}

.AreaCitiesContainer {
    background-color: #f7f7f7;
    padding: 60px;
    position: relative;
}

.areaCitiesRightLeaf {
    position: absolute;
    right: 0;
    top: 0;
    max-width: 35%;
}

.areaCitiesLeftLeaf {
    position: absolute;
    left: 20%;
    top: 0;
}
/*#endregion CityAndArea*/
/*#region Accordion*/
.accordion {
    background-color: #FCF6EF;
    color: #3F3F44;
    cursor: pointer;
    border: 1px solid #FCCAA3 !important;
    border-radius: 10px;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: right;
    outline: none;
    font-size: 24px;
    transition: 0.4s;
}

    .activeQA, .accordion:hover {
        background-color: #FFFDFB;
    }

    .accordion.activeQA {
        font-weight: 600;
        transition: 0.01s;
        border-bottom: 0px solid transparent !important;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    .accordion:after {
        content: '\25bc';
        color: #000;
        font-weight: bold;
        font-size: 17px;
        float: left;
        margin-left: 5px;
        margin-top: 7px;
    }

    .accordion:before {
        content: '\003F';
        color: #FCCAA3;
        background-color: #fff;
        font-weight: bold;
        font-size: 17px;
        float: right;
        margin-left: 13px;
        padding: 5px 13px;
        border-radius: 50%;
    }

.activeQA:after {
    content: '\25B2';
}

.activeQA:before {
    color: #fff;
    background-color: #FCCAA3;
}

.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    border-radius: 10px;
    border: none;
    border-right: 1px solid #FCCAA3 !important;
    border-left: 1px solid #FCCAA3 !important;
    transition: max-height 0.2s ease-out;
    border: none;
    border-top: 0px !important;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

    .panel p {
        font-size: 20px;
        color: #3F3F44;
        font-weight: 400;
        padding: 20px;
    }
/*#endregion Accordion*/

.searchPageHeaderContainer {
    padding: 100px 0 25px 0;
}
/*#region SearchForm*/
.SearchFormContainer {
    position: absolute;
    bottom: -75px;
    width: 100%;
    text-align: center;
    z-index: 9;
    margin-bottom: 10px;
}

.SearchFormInnerContainer {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    max-width: 1400px;
    background-color: #fff;
    border: 4px solid #FCCAA3;
    border-radius: 20px;
    margin: 0 auto;
    box-shadow: 0 13px 51px #00000040;
}

.searchFormCol {
    flex: 1 0 25%;
    flex-grow: 0;
    padding: 15px;
    position: relative;
}

    .searchFormCol:not(:last-child) {
        border-left: 2px solid #F7F7F7;
    }

.searchFormTitle {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    text-align: right;
}

.searchFormBtnCol {
    background-color: #78B6FB;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    padding-top: 32px;
    position: relative;
}

.searchFormBtn {
    background-color: transparent;
    border: none;
    font-size: 24px;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
}

    .searchFormBtn:hover {
        background-color: transparent;
    }

        .searchFormBtn:hover img {
            margin-right: 20px;
            transition: margin-right 0.3s ease-in-out;
        }

    .searchFormBtn img {
        margin-right: 10px;
        position: absolute;
        transition: margin-right 0.3s ease-in-out;
    }

.m-r-10 {
    margin-right: 10px;
}

.searchCatErr {
    color: red;
    position: absolute;
    display: none;
    bottom: -5px;
    right: 25px;
    font-weight: 600;
}
/* The container */
.checkContainer {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 400;
}

    /* Hide the browser's default checkbox */
    .checkContainer input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #9EC884;
}

/* On mouse-over, add a grey background color */
.checkContainer:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkContainer input:checked ~ .checkmark {
    background-color: #9ec884;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkContainer input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkContainer .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#searchInput6 {
    font-size: 20px;
    border: none;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid;
    border-color: #d3d3d3;
}

    #searchInput6:focus {
        border: 1px solid;
        border-color: #d3d3d3;
    }

.placeholder6 {
    margin-top: -30px;
    font-size: 20px;
    margin-right: 11px;
    color: #9797a3;
    text-align: right;
}


#categoriesReasult, #areasReasult {
    display: none;
    z-index: 999;
    overflow-y: auto;
    max-height: 364px;
    position: absolute;
    background-color: #fff;
    width: 90%;
}

#categoriesReasultContent {
    display: none;
}

#categoriesReasult > ul, #areasReasult > ul {
    list-style: none;
    padding: 0px;
    margin-bottom: 0px;
}

    #categoriesReasult > ul > li, #areasReasult > ul > li {
        font-size: 16px;
    }

        #categoriesReasult > ul > li > input, #areasReasult > ul > li > input {
            width: 100%;
            border: 0px;
            padding: 0px;
            background: content-box;
            padding: 2px 12px 2px 7px;
            font-size: 20px;
            color: #3F3F3F;
            -webkit-transition: all 0.2s ease-in;
            -moz-transition: all 0.2s ease-in;
            -o-transition: all 0.2s ease-in;
            -ms-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
            cursor: pointer;
        }

            #categoriesReasult > ul > li > input:hover, #areasReasult > ul > li > input:hover {
                color: #fff !important;
            }

#categoriesReasult > ul, #areasReasult > ul {
    list-style: none;
    padding: 0px;
    margin-bottom: 0px;
}

    #categoriesReasult > ul > li, #areasReasult > ul > li {
        font-size: 16px;
        padding: 10px;
    }

        #categoriesReasult > ul > li, #areasReasult > ul > li:hover {
            background: #9ec884;
            color: #fff !important;
        }

            #categoriesReasult > ul > li, #areasReasult > ul > li:hover input {
                color: #fff !important;
            }

                #categoriesReasult > ul > li > input, #areasReasult > ul > li > input {
                    width: 100%;
                    border: 0px;
                    padding: 0px;
                    background: content-box;
                    padding: 0;
                    font-size: 16px;
                    text-align: center;
                    color: #3F3F3F;
                    -webkit-transition: all 0.2s ease-in;
                    -moz-transition: all 0.2s ease-in;
                    -o-transition: all 0.2s ease-in;
                    -ms-transition: all 0.2s ease-in;
                    transition: all 0.2s ease-in;
                    cursor: pointer;
                }
/*#endregion SearchForm*/


/*#region AboutPage*/
.aboutContainer {
    padding: 125px 0;
}

.aboutTitle {
    font-size: 40px;
    font-weight: 600;
    padding-bottom: 30px;
    color: #3F3F44;
    border-bottom: 2px solid #e8e8e8;
    margin-bottom: 15px;
}

.aboutTxt p {
    color: #3F3F44;
    font-size: 20px;
    font-weight: 400;
}

.aboutLeftImg img {
    width: 100%;
}

.aboutNumbersDiv {
}

.aboutLeftImg {
}
/*#endregion AboutPage*/

/*#region Portfolio*/
.articlesPageContainer {
    padding: 30px 0 60px 0;
}

.articlesPageTopContainer {
    padding: 30px 0 0 0;
}

.articlesPageH1 {
    text-align: center;
    color: #3F3F44;
    font-weight: 600;
}

.articlesPageTxt {
    text-align: center;
    max-width: 1240px;
    margin: 0 auto;
}

    .articlesPageTxt p {
        font-size: 20px;
        color: #3F3F44;
        font-weight: 400;
    }

.top-FilterInProjects h1 {
    width: 45%;
    float: right;
}

.filters {
    text-align: center;
    list-style: none;
    padding: 0;
    width: 100%;
    float: right;
    line-height: 25px;
    margin-bottom: 25px;
}

    .filters li {
        display: inline-block;
        margin: 10px 10px 0 10px;
        position: relative;
    }

        .filters li > a {
            font-size: 20px;
            font-weight: 400;
            border-radius: 10px;
            background-color: #F7F7F7;
            color: #3F3F44;
            padding: 10px 30px;
        }

            .filters li > a.current {
                color: #111;
                font-weight: 400;
                background-color: #9EC884;
                padding: 10px 30px;
            }

            .filters li > a:hover {
                background-color: #9EC884;
                transition: all 0.3s ease-in-out;
            }

        .filters li:not(:last-child):before {
            top: 4px;
            left: -3px;
            width: 1px;
            height: 20px;
            content: ' ';
            position: absolute;
        }

.works-grid-wrapper { /*margin-left:-8px;margin-right:-8px;*/
    padding: 0 0;
}

.work-item {
    position: relative;
    overflow: hidden;
    width: 21%;
    margin-bottom: 35px;
    float: right;
    /*border: 3px solid white;*/
}

.work-grid-3 .work-item {
    width: 33.3333%;
}

.work-grid-4 .work-item {
    width: 25%;
}

.card-title {
    text-align: center;
}

@media(min-width:767px) {
    .my-work-grid-3 .work-item {
        width: 33.3333%;
        border: 3px solid rgba(255, 255, 255, .96);
    }

    .work-grid-4 .work-item {
        width: 25%;
        border: 3px solid rgba(255, 255, 255, .96);
    }
}

.title-map-h4 {
    font-size: 18px;
    text-align: center;
    font-weight: 600;
    padding-top: 25px;
}

.projects .work-item {
}

    .projects .work-item i {
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #fff;
        font-size: 60px;
    }


.work-wrapper {
    position: relative;
}

.work-item .work-thumbnail:after {
    position: absolute;
    display: block;
    content: "";
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    z-index: 1;
    -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

.work-item:hover .work-thumbnail:after { /*background:rgba(255, 255, 255, 0.8);*/
}

.work-item img {
    height: auto;
    width: 100%;
}





@media(min-width:1465px) {
    .work-caption-More {
        position: absolute;
        bottom: -31px;
        width: 100%;
        padding: 0 20px;
        text-align: center;
        z-index: 1;
        opacity: 1;
        background-color: rgba(16, 28, 94, 0.6);
        -webkit-transition: all .6s ease-in-out;
        -moz-transition: all .6s ease-in-out;
        -o-transition: all .6s ease-in-out;
        -ms-transition: all .6s ease-in-out;
        transition: all .6s ease-in-out;
    }

    .work-caption {
        position: absolute;
        bottom: -63px;
        width: 100%;
        padding: 0 20px;
        text-align: center;
        z-index: 1;
        opacity: 1;
        background-color: rgba(16, 28, 94, 0.6);
        -webkit-transition: all .6s ease-in-out;
        -moz-transition: all .6s ease-in-out;
        -o-transition: all .6s ease-in-out;
        -ms-transition: all .6s ease-in-out;
        transition: all .6s ease-in-out;
    }

    .work-item:hover .work-caption, .work-item:hover .work-caption-More {
        bottom: 0;
        opacity: 1;
    }
}

@media(max-width:1465px) {

    .work-caption-More {
        position: absolute;
        bottom: -31px;
        width: 100%;
        padding: 0 20px;
        text-align: center;
        z-index: 1;
        opacity: 1;
        background-color: rgba(5, 4, 5, 0.58);
        -webkit-transition: all .6s ease-in-out;
        -moz-transition: all .6s ease-in-out;
        -o-transition: all .6s ease-in-out;
        -ms-transition: all .6s ease-in-out;
        transition: all .6s ease-in-out;
    }

    .work-caption {
        position: absolute;
        bottom: -63px;
        width: 100%;
        padding: 0 20px;
        text-align: center;
        z-index: 1;
        opacity: 1;
        background-color: rgba(16, 28, 94, 0.6);
        -webkit-transition: all .6s ease-in-out;
        -moz-transition: all .6s ease-in-out;
        -o-transition: all .6s ease-in-out;
        -ms-transition: all .6s ease-in-out;
        transition: all .6s ease-in-out;
    }

    .work-item:hover .work-caption, .work-item:hover .work-caption-More {
        bottom: 0;
        opacity: 1;
    }
}

@media(max-width:1320px) {
    .work-caption-More {
        position: absolute;
        bottom: -32px;
        width: 100%;
        padding: 0 20px;
        text-align: center;
        z-index: 1;
        opacity: 1;
        background-color: rgba(16, 28, 94, 0.6);
        -webkit-transition: all .6s ease-in-out;
        -moz-transition: all .6s ease-in-out;
        -o-transition: all .6s ease-in-out;
        -ms-transition: all .6s ease-in-out;
        transition: all .6s ease-in-out;
    }

    .work-caption {
        position: absolute;
        bottom: -63px;
        width: 100%;
        padding: 0 20px;
        text-align: center;
        z-index: 1;
        opacity: 1;
        background-color: rgba(16, 28, 94, 0.6);
        -webkit-transition: all .6s ease-in-out;
        -moz-transition: all .6s ease-in-out;
        -o-transition: all .6s ease-in-out;
        -ms-transition: all .6s ease-in-out;
        transition: all .6s ease-in-out;
    }

    .work-item:hover .work-caption, .work-item:hover .work-caption-More {
        bottom: 0;
        opacity: 1;
    }
}



@media(max-width:767px) {

    .work-caption-More {
        position: absolute;
        bottom: -32px;
        width: 100%;
        padding: 0 20px;
        text-align: center;
        z-index: 1;
        opacity: 1;
        background-color: rgba(16, 28, 94, 0.6);
        -webkit-transition: all .6s ease-in-out;
        -moz-transition: all .6s ease-in-out;
        -o-transition: all .6s ease-in-out;
        -ms-transition: all .6s ease-in-out;
        transition: all .6s ease-in-out;
    }

    .work-caption {
        position: absolute;
        bottom: -63px;
        width: 100%;
        padding: 0 20px;
        text-align: center;
        z-index: 1;
        opacity: 1;
        background-color: rgba(16, 28, 94, 0.6);
        -webkit-transition: all .6s ease-in-out;
        -moz-transition: all .6s ease-in-out;
        -o-transition: all .6s ease-in-out;
        -ms-transition: all .6s ease-in-out;
        transition: all .6s ease-in-out;
    }

    .work-item:hover .work-caption, .work-item:hover .work-caption-More {
        bottom: 0;
        opacity: 1;
    }
}


@media(max-width:450px) {


    .work-caption-More {
        position: absolute;
        bottom: 0;
        width: 98%;
        padding: 0 20px;
        text-align: center;
        z-index: 1;
        opacity: 1;
        background-color: rgba(16, 28, 94, 0.6);
        -webkit-transition: all .6s ease-in-out;
        -moz-transition: all .6s ease-in-out;
        -o-transition: all .6s ease-in-out;
        -ms-transition: all .6s ease-in-out;
        transition: all .6s ease-in-out;
    }

        .work-caption-More .work-title {
            font-size: 110% !important;
        }


        .work-caption-More .work-category {
            display: none !important;
        }
}


@media(max-width:365px) {


    .work-caption {
        position: absolute;
        bottom: -63px;
        width: 100%;
        padding: 0 20px;
        text-align: center;
        z-index: 1;
        opacity: 1;
        background-color: rgba(16, 28, 94, 0.6);
        -webkit-transition: all .6s ease-in-out;
        -moz-transition: all .6s ease-in-out;
        -o-transition: all .6s ease-in-out;
        -ms-transition: all .6s ease-in-out;
        transition: all .6s ease-in-out;
    }

    .work-item:hover .work-caption {
        bottom: 0;
        opacity: 1;
    }
}


.work-caption .work-title, .work-caption-More .work-title {
    /*font-size: 20px;*/
    font-size: 140%;
    color: white;
    margin: 0;
    padding: 10px 0 5px 0;
}

.work-caption .work-category, .work-caption-More .work-category {
    color: white;
    display: block;
    margin-bottom: 12px;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 16px;
}

.work-caption .to-Projects {
    color: white;
    background-color: #a51218;
    padding: 2px 20px;
    font-size: 16px;
}

    .work-caption .to-Projects label {
        margin-bottom: 10px;
    }

/*.work-title{  direction: rtl;font-size:14px;margin:20px 0 15px 0;-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-o-transform:translateY(10px);transform:translateY(10px);-webkit-transition:.3s cubic-bezier(.215, .61, .355, 1) 0s;-moz-transition:.3s cubic-bezier(.215, .61, .355, 1) 0s;-o-transition:.3s cubic-bezier(.215, .61, .355, 1) 0s;transition:.3s cubic-bezier(.215, .61, .355, 1) 0s;}*/
/*.work-item:hover .work-title{-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s;}*/
/*.work-category{font-weight:400;font-size:12px;opacity:0;margin:0;-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);-webkit-transition:.3s cubic-bezier(.215, .61, .355, 1) 0s;-moz-transition:.3s cubic-bezier(.215, .61, .355, 1) 0s;-o-transition:.3s cubic-bezier(.215, .61, .355, 1) 0s;transition:.3s cubic-bezier(.215, .61, .355, 1) 0s;}*/
/*.work-category a{color:#999;}*/
/*.work-item:hover .work-category{-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s;}*/
.work-item:hover .work-title, .work-item:hover .work-category {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.work-link {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    z-index: 3;
}

@media (max-width:1200px) {
    .work-item {
        width: 50%;
    }
}

@media (max-width:767px) {
    .work-item, .works-grid-3 .work-item {
        width: 100%;
    }
}

.mor-articles .work-caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0 10px;
    text-align: center;
    z-index: 1;
    opacity: 1;
    background-color: rgba(5, 4, 5, 0.58);
    /*background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(1%,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.91)),color-stop(100%,rgba(0,0,0,.91)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,.91) 50%,rgba(0,0,0,.91) 100%);
    background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,.91) 50%,rgba(0,0,0,.91) 100%);
    background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,.91) 50%,rgba(0,0,0,.91) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,.91) 50%,rgba(0,0,0,.91) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#e8000000',GradientType=0);*/
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

    .mor-articles .work-caption .work-title {
        padding: 5px 0 0 0;
    }

    .mor-articles .work-caption .work-category {
        line-height: 12px;
        margin-top: 1px;
        margin-bottom: 5px;
    }

.portfolio-post blockquote {
    text-align: left;
    font-size: 22px;
    margin: 0 0 30px;
}

    .portfolio-post blockquote:before {
        content: none;
    }

.z9 {
    z-index: 9;
}

.padd30 {
    padding: 30px;
}

.padd50 {
    padding: 50px;
}

.leftBorder {
    min-height: 250px !important;
    min-width: 2px;
    border-left: 1px solid silver;
    margin-top: 30px;
}

.FilterInProjects {
}

    .FilterInProjects.fixed {
        position: fixed;
        top: 0;
        z-index: 99;
        width: 100%;
        padding-right: 230px;
        /*padding-top: 30px;*/
        background-color: #efefef;
    }

    .FilterInProjects.fixed-mobile {
        position: fixed;
        top: 55px;
        z-index: 99;
        width: 100%;
        padding-top: 30px;
        background-color: #efefef;
    }

@media(max-width:991px) {
    .top-FilterInProjects {
        height: 92px;
    }
}

@media(max-width:450px) {
    .top-FilterInProjects {
        height: 65px;
        margin-bottom: 20px;
        margin-top: 20px;
    }
}

@media(min-width:991px) {
    .top-FilterInProjects {
        height: 60px;
        margin-top: 35px;
        margin-bottom: 35px;
    }
}

.articleTherapistsContainer {
    background-color: #fce5d5;
    padding: 50px;
    position: relative;
    min-height: 600px;
    overflow: hidden;
}

.articleTherapists_leaf_right {
    position: absolute;
    right: -115px;
    top: 0px;
    max-width: 350px;
}

.articleTherapists_leaf_left {
    position: absolute;
    left: -100px;
    top: -100px;
    max-width: 350px;
}

.articleBottomSearch {
    margin: 0;
    height: 350px;
    position: relative !important;
    background-position: center center;
    background-repeat: no-repeat;
}

.articleBottomSearchTitle {
    color: #FCE5D5;
    font-size: 65px;
    font-family: 'Damion', cursive !important;
    margin-bottom: -40px;
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 50px);
}

.articleBottomSearchTitle2 {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
}



/*#endregion Portfolio*/
/*#region Therapist Page*/
.therapistTopContainer {
    position: absolute;
    bottom: -130px;
    width: 100%;
    z-index: 9;
    margin-bottom: 10px;
}

.therapistTopInnerContainer {
    max-width: 1400px;
    background-color: #78B6FB;
    border-radius: 20px;
    margin: 0 auto;
    box-shadow: 0 20px 40px #3F3F443E;
    min-height: 130px;
}

.therapistTopImg {
    position: absolute;
    max-width: 140px;
    top: -20px;
    right: 40px;
    border-radius: 20px;
    border: 2px solid #fff;
}

.therapistTopImgDiv {
    height: 190px;
    width: 190px;
    position: absolute;
    top: -30px;
    right: 40px;
    border-radius: 20px;
    border: 2px solid #fff;
    background-position: center;
    background-size: cover;
}

.bottomMiddle {
    max-width: 45%;
}

.therapistTopDetails {
    padding-bottom: 10px;
    max-width: 45%;
}


.therapistTopH1 {
    color: #fff;
    font-size: 28px;
    font-weight: 600;
}

.therapistTopCats {
    color: #fff;
    font-size: 20px;
}

    .therapistTopCats a {
        color: #fff;
        font-size: 20px;
    }

        .therapistTopCats a:hover {
            color: #9EC884;
        }

.therapistTopRegionSpan {
    font-size: 18px;
}

.therapistTopRegion {
    color: #3F6997;
    font-size: 18px;
    margin-top: 5px;
}

.therapistTopH2 {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.boldSpan {
    font-weight: 600;
}

.dispBlock {
    display: block !important;
}

.dispNone {
    display: none !important;
}

.therapistTopWhatsapp {
    background-color: #406997;
    display: block;
    color: #fff;
    border-radius: 10px;
    padding: 10px 5px;
    margin-top: 25px;
    max-width: 100%;
}

    .therapistTopWhatsapp:hover {
        color: #fff;
    }

    .therapistTopWhatsapp:active {
        color: #fff;
    }

    .therapistTopWhatsapp img {
        max-width: 30px;
        float: right;
        margin-left: 10px;
        padding-top: 10px;
        margin-right: 0px;
    }

.therapistTopWhatsappTitle {
    font-size: 17px;
    display: block;
}

.therapistTopWhatsappPhone {
    font-size: 22px;
    font-weight: 600;
}

.therapistTopPhone {
    background-color: #ffffff;
    display: block;
    color: #3F3E43;
    border-radius: 10px;
    padding: 10px;
    margin-top: 25px;
    max-width: 290px;
}

    .therapistTopPhone:hover {
        color: #3F3E43;
    }

    .therapistTopPhone:active {
        color: #3F3E43;
    }

    .therapistTopPhone img {
        max-width: 25px;
        float: right;
        margin-left: 10px;
        padding-top: 10px;
        margin-right: 0px;
    }

.therapistTopPhoneTitle {
    font-size: 17px;
    display: block;
}

.therapistTopPhonePhone {
    font-size: 22px;
    font-weight: 600;
}

.therapistTopMenuContainer {
    max-width: 1000px;
    background-color: #cce5bc;
    margin: 0 auto;
    padding: 10px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 0 15px 40px #3f3f443e;
}

.therapistTopMenuUl {
    text-align: center;
    margin-top: 10px;
}

.therapistAboutTxt {
    margin-top: 15px;
}

.businessGalleryDivLeft {
    max-width: 700px;
    float: left;
    padding-right: 50px;
}

.therapistTopMenuLi {
    display: inline;
    padding: 5px 20px;
    color: #406997;
    font-size: 20px;
}

    .therapistTopMenuLi a {
        font-size: 20px;
        padding-right: 10px;
        color: #3F3F44;
        font-weight: 600;
    }

        .therapistTopMenuLi a:hover {
            text-decoration: underline !important;
        }

.therapistAboutContainer {
    padding: 150px 50px 100px 50px;
}

.therapistAboutTxt h2 {
    color: #3F6997;
    font-size: 30px;
    margin-top: 30px;
    font-weight: 600;
}

.therapistAboutTxt h3 {
    color: #3F6997;
    font-size: 25px;
    font-weight: 600;
}

.therapistAboutTxt p {
    color: #3F3F44;
    font-weight: 500;
    font-size: 20px;
}

.therapistAboutTxt ul {
    padding-right: 25px;
    list-style: none;
}

.therapistAboutTxt li {
    color: #3F3F44;
    font-weight: 500;
    font-size: 20px;
    padding-bottom: 10px;
    list-style-image: url('../Images/viIcon.png');
}

    .therapistAboutTxt li::marker {
        padding-top: 5px;
    }

.newAboutText div {
    max-width: 100%;
}
.therapistAddressTitle {
    color: #3F6997;
    font-size: 30px;
    margin-top: 30px;
    font-weight: 600;
}

.therapistPricesContainer {
    background-color: #F7F7F7;
    padding: 50px 10px 10px 10px;
}

.therapistPricesTitle {
    color: #E5EBF0;
    font-size: 65px;
    font-family: 'Damion', cursive !important;
    margin-bottom: -30px;
    text-align: center;
}

.therapistPricesTitle2 {
    color: #4E739E;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 35px;
}

.termsPopupContent {
    overflow-y: scroll;
    max-height: 395px;
    padding: 40px;
    font-size: 16px;
}

    .termsPopupContent p {
        font-weight: 500;
    }

.TherapistPricesTable {
    width: 100%;
    margin-bottom: 50px;
    text-align: center;
}

    .TherapistPricesTable thead {
        background-color: #3f6997;
        color: #F7F7F7;
        font-size: 18px;
    }

        .TherapistPricesTable thead td {
            padding: 15px;
            border: none !important;
            font-size: 24px;
            font-weight: 600;
            width: 33.33%;
        }

    .TherapistPricesTable tbody td {
        padding: 15px;
        border: none !important;
        font-size: 22px;
        font-weight: 400;
    }

        .TherapistPricesTable tbody td:not(:last-child) {
            border-top: 5px solid #f7f7f7 !important;
            border-bottom: 5px solid #f7f7f7 !important;
            border-right: 10px solid #f7f7f7 !important;
        }

        .TherapistPricesTable tbody td:not(:first-child) {
            border-top: 5px solid #f7f7f7 !important;
            border-bottom: 5px solid #f7f7f7 !important;
            border-left: 10px solid #f7f7f7 !important;
        }
    /* .TherapistPricesTable tbody td:not(:last-child) {
            border: 5px solid #f7f7f7 !important;
        }*/
    .TherapistPricesTable thead td:last-child {
        border-radius: 10px 0 0 0;
    }

    .TherapistPricesTable thead td:first-child {
        border-radius: 0 10px 0 0;
    }

.pricesTableBody {
    background-color: #fff;
}

.TherapistPricesTableTd {
    color: #000;
    font-weight: 400;
    display: inline-block;
    padding-left: 5px;
    word-break: break-all;
}


.therapistHoursContainer {
    background-color: #F7F7F7;
    padding: 0 0 60px 0;
}

.therapistHoursTitle {
    color: #E5EBF0;
    font-size: 65px;
    font-family: 'Damion', cursive !important;
    margin-bottom: -30px;
    text-align: center;
}

.therapistHoursTitle2 {
    color: #4E739E;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 35px;
}

.therapistHoursTxt {
    width: 400px;
    max-width: 100%;
    background-color: #fff;
    box-shadow: 0 15px 40px #3f3f443e;
    margin: 0 auto;
    padding: 20px;
    border-radius: 20px;
    border: 1px solid #b9b9b9;
}

    .therapistHoursTxt p {
        font-size: 24px;
        color: #3F3F44;
        font-weight: 500;
    }


.noReviewsContainer {
    min-height: 150px;
}

.myClientsContainer {
    padding: 60px 0 60px;
    background-color: #FCCAA3;
    background-image: url(/Images/clientsElement.svg);
    background-position: right 310px;
    background-size: 450px;
    background-repeat: no-repeat;
}

.myClientsTitle {
    font-size: 65px;
    color: #FCE6D6;
    font-family: 'Damion', cursive !important;
    margin-bottom: -30px;
}

.myClientsTitle2 {
    font-size: 24px;
    color: #3F3F44;
    font-weight: 600;
}

.myClientsItems {
    margin-top: 40px;
}

.myClientsItem {
    background-color: #fff;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0 13px 50px #2d0b0626;
    margin: 20px 0;
    position: relative;
}

.myClientsItemI {
    position: absolute;
    right: -20px;
    font-size: 20px;
    background-color: #CEE8BE;
    color: #fff;
    padding: 10px;
    border-radius: 50%;
}

.myClientsItemP {
    font-size: 15px;
    font-weight: 600;
    padding-right: 10px;
}

.myClientsItemDesc p {
    font-size: 16px;
    font-weight: 500;
}

.myClientsCol {
    padding-right: 50px;
    padding-left: 50px;
    min-height: 165px;
}

.myClientsLoadMoreBtn {
    background-color: #fce5d5;
    color: #000;
    display: block;
    margin: 0 auto;
    padding: 10px 25px;
    text-align: center;
    max-width: 180px;
    border-radius: 10px;
    margin-top: 70px;
}


.therapistBottomContainer {
    position: absolute;
    bottom: -40px;
    width: 100%;
    z-index: 9;
    margin-bottom: 10px;
}

.therapistBottomInnerContainer {
    max-width: 1400px;
    background-color: #78B6FB;
    border-radius: 20px;
    margin: 0 auto;
    box-shadow: 0 20px 40px #3F3F443E;
    min-height: 130px;
}

.pos-relative {
    position: relative;
}

.therapistBottomP {
    color: #fff;
    font-size: 28px;
    font-weight: 500;
    padding-top: 10px;
    margin-bottom: 0;
}

.therapistBottomP2 {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 0;
}

.therapistBottomP3 {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
}

.therapistBottomImgDiv {
    height: 115px;
    width: 115px;
    position: relative;
    top: 5px;
    right: 8px;
    border-radius: 20px;
    border: 2px solid #fff;
    background-position: center;
    background-size: cover;
}


.businessGalleryContainer {
    position: relative;
    margin-top: 75px;
}
/* Hide the images by default */
.mySlides {
    display: none;
}

    .mySlides img {
        border-radius: 20px;
    }
/* Add a pointer when hovering over the thumbnail images */
.cursor {
    cursor: pointer;
}

/* Next & previous buttons */
.mySlidesprev,
.mySlidesnext {
    cursor: pointer;
    position: absolute;
    top: 40%;
    background-color: #9EC884;
    width: auto;
    padding: 16px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    padding: 8px 18px 8px 18px;
    border-radius: 50%;
    user-select: none;
    -webkit-user-select: none;
}


/* Position the "next button" to the right */
.mySlidesnext {
    left: -5%;
}

.mySlidesprev {
    right: -5%;
}

    /* On hover, add a black background color with a little bit see-through */
    .mySlidesprev:hover,
    .mySlidesnext:hover {
        background-color: #CAE4BB;
        color: #fff;
        transition: all 0.3s ease-in-out;
    }

/* Number text (1/3 etc) */
.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

/* Container for image text */
.caption-container {
    text-align: center;
    background-color: #222;
    padding: 2px 16px;
    color: white;
}

.mySlidesrow {
    background-color: #fff;
    position: relative;
    top: 97%;
    padding: 5px;
    width: 90%;
    margin: -50px 5% 25px 5%;
    border-radius: 20px;
    color: #E3E3E3;
    box-shadow: 0 20px 87px #3f3f4473;
}

    .mySlidesrow img {
        padding: 5px;
        border-radius: 20px;
    }

    .mySlidesrow:after {
        content: "";
        display: table;
        clear: both;
    }

/* Six columns side by side */
.mySlidescolumn {
    float: left;
    width: 15%;
    height: 65px;
    display: block;
    background-position: center center;
    background-size: cover;
    margin: 3px 4px;
    border-radius: 10px;
    cursor: pointer;
}

/* Add a transparency effect for thumnbail images */
.demo {
    opacity: 0.6;
}

    .active,
    .demo:hover {
        opacity: 1;
    }

.starsContainer {
    float: left;
}

.starsContainerForm {
    float: right;
}

.m-h-45 {
    min-height: 45px;
}

.star {
    width: 20px;
}

.stars {
    direction: ltr;
}

.starsForm {
    direction: rtl;
}

.min35 {
    min-height: 35px;
}

.star {
    fill: #CEE8BE;
    stroke: #CEE8BE;
    stroke-width: 5px;
}

    .star.full use:nth-child(2) {
        display: none;
    }

    .star.half use:nth-child(1),
    .star.empty use:nth-child(2) {
        display: none;
    }

    .star.empty {
        fill: none;
    }

.whiteStar {
    cursor: pointer;
}

    .whiteStar.empty {
        fill: #fff;
    }

    .whiteStar:hover {
        fill: #CEE8BE;
    }

.pinkStar {
    fill: #fff;
    stroke: #fff;
}

.clientsReviewsItem:hover .pinkStar {
    fill: #FCCAA3;
    stroke: #FCCAA3;
}

.addReviewContainer {
    padding: 60px 0;
    background-color: #FCCAA3;
}

.addReviewForm {
    max-width: 500px;
    margin: 0 auto;
    margin-bottom: 100px;
}

.addReviewTitle1 {
    font-size: 30px;
    font-weight: 600;
}

.addReviewTitle {
    font-size: 22px;
    font-weight: 400;
}

.addReviewTitle3 {
    font-size: 20px;
    font-weight: 400;
}

.addReviewInput {
}

.addReviewBtn {
    background-color: #9EC884;
    border: 2px solid #9EC884;
    padding: 5px 15px;
    border-radius: 5px;
    color: #fff;
    font-size: 20px;
    width: 100%;
}

    .addReviewBtn:hover {
        background-color: #8cbc6e;
        transition: all 0.3s ease-in-out;
    }

.addReviewBtns {
    position: relative;
    min-height: 50px;
}

.loadingGifReview {
    width: 45px;
    max-width: 45px;
    top: 0;
}
/*#endregion Therapist Page*/
/*#region Package Page*/
.packageTxtContainer {
    padding: 40px;
}

.packageTxtInnerContainer {
    max-width: 1100px;
    text-align: center;
    margin: 0 auto;
}

    .packageTxtInnerContainer p {
        font-size: 20px;
        color: #3F3F44;
        font-weight: 500;
    }

.packageNumbersInnerContainer {
    max-width: 1100px;
    margin: 0 auto;
    margin-top: 60px;
}

.packageNumbersContainer {
    background-color: #FCE5D5;
    min-height: 350px;
}

.packageNumbersBackImg {
    position: absolute;
    left: 40px;
}

.HeaderCounterNamePackage p {
    text-align: center;
}

.HeaderCounterNumbersHolderPackage {
    text-align: center;
}

.CountersContainer {
    padding: 25px 0;
}

.CountersContainerInner {
    margin-top: -75px;
}

.count-number {
    color: #3F3F44;
    font-size: 55px;
    font-weight: 600;
}

.PackageCounterNumbersHolder {
    text-align: center;
}

.PackageCounterContent {
    margin: 0;
}

.PackageCounterName2 {
    color: #3f6997;
    font-size: 30px !important;
    font-weight: 600 !important;
    font-family: almoni-tzar-ultrabold !important;
}

.PackageCounterName {
    color: #3F3F44;
    font-size: 18px;
    text-align: center;
}

    .PackageCounterName p {
        font-weight: 500;
        font-size: 21px;
    }

.PackageCounterCounters {
    text-align: center;
}

.plusSpan {
    font-size: 55px;
    font-weight: 700;
}

.PackageCounterImg {
}

.packageContainer {
    padding-bottom: 40px;
    padding-top: 40px;
}

.myPackageHeader {
    font-size: 40px;
    font-weight: 600;
    color: #3F3F44;
    margin-bottom: 50px;
}

    .myPackageHeader span {
        font-weight: 500;
    }

.myPackageHeader2 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}

.myPackageFeature {
    padding: 15px 0;
    border-bottom: 2px solid rgb(63 63 68 / 10%);
    height: 61px;
}

.myPackageFeatureSpan {
    font-size: 20px;
    font-weight: 400;
    color: #3F3F44;
}

.blueSpan {
    font-weight: 600;
    color: #6195F7;
}

.myPackageFeatureIcheck {
    float: left;
    padding-left: 100px;
    font-size: 25px;
    color: #6195F7;
}

.myPackageFeatureItimes {
    float: left;
    padding-left: 100px;
    font-size: 25px;
    color: #d6d6d6;
}

.myPackageFeatureNum {
    float: left;
    padding-left: 103px;
    font-size: 25px;
    color: #9ec884;
    font-weight: 600;
}

.noPackageP {
    font-size: 20px;
    font-weight: 600;
}

.myPackageLeftCol {
    padding: 0 40px;
    text-align: center;
}

.myPackageLeftPrice {
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 0;
}

    .myPackageLeftPrice span {
        font-weight: 600;
    }

.myPackageLeftPriceSmall {
    padding-left: 85px;
}

.myPackageLeftEndDate {
    color: #3F3F44;
    font-size: 25px;
    font-weight: 500;
    margin-top: 30px;
}

.bottomLeftSome {
    font-size: 16px;
}

.myPackageLeftBtn {
    background-color: #78B6FB;
    padding: 10px;
    display: block;
    margin: 0 auto;
    max-width: 280px;
    color: #fff;
    font-size: 24px;
    margin-top: 40px;
    border-radius: 10px;
    box-shadow: 0 20px 87px #78b6fb73;
}

    .myPackageLeftBtn:hover {
        background-color: #3f6997;
        color: #fff;
        transition: all 0.3s ease-in-out;
    }

    .myPackageLeftBtn img {
        background-color: #FBF078;
        padding: 5px;
        border-radius: 50%;
        max-width: 35px;
        margin-right: 5px;
    }

.myPackageLeftCancelBtn {
    color: #6195F7;
    margin: 0 auto;
    font-size: 20px;
    margin-top: 30px;
    display: block;
    margin-bottom: 20px;
    border: none;
    background: none;
}

.myPackageLeftVideoA {
    display: inline-block;
    margin-top: 25px;
}

.myPackageLeftVideoDiv {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 230px;
    max-width: 360px;
    margin: 0 auto;
    padding: 50px;
    text-align: center;
}

.myPackageLeftVideoDivP {
    color: #fff;
    font-size: 27px;
    font-weight: 600;
}

    .myPackageLeftVideoDivP span {
        color: #9EC884;
    }

.myPackageLeftVideoDiv i {
    background-color: #f9c8a1;
    color: #fff;
    padding: 13px 15px;
    border-radius: 50%;
}

.cancelModalDivider {
    height: 2px;
    width: 95%;
    margin: 0 auto;
    margin-top: 35px;
    background-color: rgb(63 63 68 / 10);
}

.modalCancel {
    display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 250px;
    width: 80%;
    height: 400px;
    margin: 0 auto;
    position: fixed;
    z-index: 40001;
    background: #fff;
    border-radius: 22px;
    box-shadow: 0px 0px 10px #000;
    animation-name: fadeIn_Modal;
    animation-duration: 0.8s;
}

.containerCancel {
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    opacity: 0.9;
    background: #222;
    z-index: 40000;
    top: 0;
    left: 0;
    overflow: hidden;
    animation-name: fadeIn_Container;
    animation-duration: 1s;
}

.headerCancel {
    width: 100%;
    border-radius: 10px 10px 0px 0px;
}

    .headerCancel a {
        text-decoration: none;
        float: right;
        line-height: 70px;
        margin-right: 20px;
        color: #aaa;
    }

.contentCancel {
    width: 100%;
}

.footerCancel {
    width: 100%;
    position: absolute;
    bottom: 0;
    background-color: #3F6997;
    padding: 20px;
    border-radius: 0px 0px 22px 22px;
}

    .footerCancel button {
        float: right;
        margin-right: 10px;
        margin-top: 18px;
        text-decoration: none;
    }

.cancelModalBtn {
    max-width: 330px;
    font-size: 22px;
    margin: unset;
    float: left;
}

.cancelModalBtnBlank {
    color: #fff;
    font-size: 22px;
    display: inline-block;
    padding: 10px 30px 10px 0;
}

    .cancelModalBtnBlank:hover {
        color: #fff;
    }

.cancelModalP {
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    color: #3F6997;
}

.cancelModalBodyP {
    text-align: center;
    color: #3F3F44;
    font-weight: 600;
    font-size: 25px;
    margin-bottom: 0px;
}

    .cancelModalBodyP span {
        font-size: 45px;
        margin-right: 10px;
        font-family: 'Damion', cursive !important;
    }

.cancelModalVideoA {
    margin: 0 auto;
    display: block;
    margin-top: 40px;
}
/****MEDIA QUERIES****/
@media screen and (min-width: 600px) {
    .modalCancel {
        width: 770px;
        height: 615px;
    }


    .headerCancel {
        width: 100%;
        padding: 25px;
    }

        .headerCancel a {
            line-height: 40px;
            margin-right: 10px;
        }

    .contentCancel {
        width: 100%;
    }

    .footerCancel button {
        float: right;
        margin-right: 10px;
        margin-top: 10px;
    }
}

/*LARGE SCREEN*/
@media screen and (min-width: 1300px) {
}

/****ANIMATIONS****/

@keyframes fadeIn_Modal {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn_Container {
    from {
        opacity: 0;
    }

    to {
        opacity: 0.9;
    }
}

/*#endregion Package Page*/

/*#region Packages Page*/

.packagesContainer {
    padding: 0;
}

.packagesTopContainer {
    padding: 100px 0 0 0;
    background-color: #FCE5D5;
}

.packagesBottomContainer {
    background-color: #F7F7F7;
    padding-bottom: 400px;
}

.packagesTopContainerP {
    font-weight: 600;
    font-size: 24px;
    color: #3F3F44;
    margin-top: 270px;
}

.packagesTitle {
    font-size: 130px;
    color: #FCCAA3;
    font-family: 'Damion', cursive !important;
    margin-bottom: -50px;
}

.packagesTitle2 {
    font-size: 50px;
    font-weight: 600;
}

.packagesShortDesc {
    max-width: 500px;
}

    .packagesShortDesc p {
        color: #3F3F44;
        font-size: 24px;
        font-weight: 500;
    }

.packagesItems {
    position: absolute;
    top: -350px;
    left: 0;
    max-width: 850px;
}

.packagesItemsDiv {
    position: relative;
    z-index: 1;
}

.packagesItem {
    width: 33%;
    border-radius: 20px;
    background-color: #fff;
    text-align: center;
    float: right;
    padding-bottom: 25px;
}

    .packagesItem:hover {
        transition: all 0.3s ease-in-out;
        box-shadow: 0 15px 50px #9e9393;
    }

.moreHeight {
    margin-top: -65px;
    box-shadow: 0 15px 50px #bfbfbf;
    position: relative;
}


.txtFlach {
    background-color: #9ec884;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    padding: 3px;
    border-radius: 20px 20px 0 0;
}

.moreHeight .txtFlach {
    margin-bottom: 20px;
}

.packagesFeaturesDiv {
    z-index: 2;
}

.packagesItemTitle {
    font-size: 40px;
    font-weight: 500;
    padding: 10px 40px 10px 40px;
    color: #3F3F44;
}

.packagesItemTitle2 {
    font-size: 20px;
    font-weight: 500;
    color: #3F3F44;
    margin-bottom: 20px;
}

.packagesItemTitle2Year {
    font-size: 20px;
    font-weight: 500;
    color: #3F3F44;
    margin-bottom: 20px;
    padding: 0 10px;
}

.packagesItemTitleBottom {
    font-size: 40px;
    font-weight: 500;
    padding: 50px 40px 10px 40px;
    color: #3F3F44;
}

.packagesItemBottomTitle2 {
    font-weight: 400;
}

.packagesItemPrice {
    font-size: 50px;
    font-weight: 600;
    color: #3F3F44;
}

    .packagesItemPrice span {
        font-size: 30px;
        font-weight: 600;
        color: #3F3F44;
        margin-right: 0px;
        margin-bottom: 30px;
    }

.packagesItemPriceMonth {
    font-size: 50px;
    font-weight: 600;
    color: #3F3F44;
}

    .packagesItemPriceMonth span {
        font-size: 30px;
        font-weight: 600;
        color: #3F3F44;
        margin-right: 0px;
        margin-bottom: 30px;
    }

.packagesItemBtn {
    display: inline-block;
    background-color: #78B6FB;
    border-radius: 10px;
    color: #fff;
    font-size: 24px;
    padding: 5px 45px;
    font-weight: 500;
    text-align: center;
    box-shadow: 0 20px 87px #78B6FB73;
}

    .packagesItemBtn:hover {
        background-color: #386fad;
        color: #fff;
        transition: all 0.3s ease-in-out;
    }

.lpPackagesItemBtn {
    display: inline-block;
    background-color: #78B6FB;
    border-radius: 10px;
    color: #fff;
    font-size: 24px;
    padding: 5px 45px;
    font-weight: 500;
    text-align: center;
    box-shadow: 0 20px 87px #78B6FB73;
}

    .lpPackagesItemBtn:hover {
        background-color: #386fad;
        color: #fff;
        transition: all 0.3s ease-in-out;
    }

@media(max-width:1500px) {
    .packagesBottomInnerContainer {
        width: 100%;
    }

    .packagesShortDesc {
        max-width: 300px;
    }

        .packagesShortDesc p {
            font-size: 18px;
        }

    .myPackageFeatureSpan {
        font-size: 16px;
    }
}

@media(max-width:1500px) {
}

.packagesItemFeatures {
    min-height: 665px;
    padding-top: 30px;
}

.packagesItemFeature {
    height: 61px;
    text-align: center;
}

.packagesItemBottomTitle {
    font-size: 40px;
    font-weight: 500;
    color: #3F3F44;
    padding: 10px 40px;
}

.packagesItemFeatureIcheck {
    font-size: 25px;
    color: #6195F7;
}

.packagesItemFeatureItimes {
    font-size: 25px;
    color: #d6d6d6;
}

.packagesItemFeatureNum {
    font-size: 25px;
    color: #9ec884;
    font-weight: 600;
}

.lpChangePricesDiv {
    float: left;
    padding-top: 100px;
    width: 60%;
    text-align: center;
}

.lpFlowerImg {
    display: none;
}

.lpChangePricesDiv {
    font-size: 24px;
    font-weight: 500;
    padding: 60px 20px 0;
}

.lpPackagesTitlesDiv {
    float: right;
    width: 40%;
}

.priceForMonth {
    padding-left: 20px;
}

.priceForYearP {
    padding-top: 20px;
    font-weight: 400;
    margin-bottom: -10px;
    padding-right: 20px;
}

.priceForYearSpan {
    color: #6195F7;
    font-size: 20px;
    padding-right: 20px;
}

.boldTitle {
    font-weight: 600;
}

.dispNone {
    display: none;
}

#switch {
    height: 0;
    width: 0;
    visibility: hidden;
}

.switchCheckLabel {
    cursor: pointer;
    text-indent: -9999px;
    width: 150px;
    height: 50px;
    border: 1px solid #C5C5C5;
    display: block;
    border-radius: 100px;
    position: relative;
    background-color: #fff;
}

    .switchCheckLabel:after {
        content: '';
        position: absolute;
        top: 5px;
        left: 5px;
        width: 40px;
        height: 40px;
        background: #9EC884;
        border-radius: 90px;
        transition: 0.3s;
    }

input:checked + .switchCheckLabel {
    background: #fff;
}

    input:checked + .switchCheckLabel:after {
        left: calc(100% - 5px);
        transform: translateX(-100%);
    }

.switchCheckLabel:active:after {
    width: 130px;
}

.lpChangePricesDiv {
    display: flex;
    justify-content: center;
    align-items: center;
}


/*#endregion Packages Page*/

/*#region Order Page*/
.iframeDiv {
    width: 100%;
    height: auto;
    padding-top: 40px;
    background-color: white;
    border-radius: 10px;
}

.productPageWraper {
    position: relative;
    max-width: 1230px;
    padding: 0;
    background-color: var(--White);
    margin-bottom: 50px;
}

.productPageContainer {
    min-height: 500px;
    padding: 30px;
}

.rowCenter {
    text-align: center;
}

.reOrderImg {
    max-width: 150px;
}

.reOrderQuantity {
    font-size: 18px;
    font-weight: 500;
}

.reOrderH2 {
    margin-top: 0px;
    font-weight: 600;
}

.cuponDivP {
    font-weight: 600;
    text-align: center;
}

.openCuponForm {
    color: #9ec884;
    cursor: pointer;
}

.cuponFormDiv {
    display: none;
    max-width: 600px;
    padding: 10px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    height: 62px;
    margin: 0 auto;
    margin-top: 25px;
}

.cuponInput {
    max-width: 300px;
    float: right;
    padding: 6px;
    font-size: 18px;
    height: auto;
}

.cuponBtn {
    float: right;
    background-color: #9ec884;
    color: #fff;
    font-size: 18px;
    padding: 6px 30px;
    border-radius: 5px;
    margin-right: 20px;
    border: none;
}

    .cuponBtn:hover {
        background-color: #6b9154;
        transition: all 0.3s ease-in-out;
    }
/*#endregion Order Page*/
/*#region Landing Page*/
.lpTopContainer {
    position: relative;
    min-height: 800px;
    padding: 30px;
}

.lpTopInnerContainer {
    position: relative;
}

.lpTopContainerRightImg {
}

.lpTopContainerLeftImg {
}

.lpTopContainerLogo {
    margin: 0 auto;
    display: block;
}

.lpTopContainerYmassage {
    color: #9EC884;
    font-size: 100px;
    font-family: 'Damion', cursive !important;
    margin-bottom: -30px;
    text-align: center;
}

.lpTopContainerYmassage2 {
    color: #fff;
    font-size: 40px;
    text-align: center;
    font-weight: 400;
}

.lpTopContainerRightText {
    padding: 90px 20px 40px 20px;
}

    .lpTopContainerRightText p {
        color: #fff;
        font-size: 32px;
    }

        .lpTopContainerRightText p strong {
            font-size: 40px;
        }

.lpTopContainerBtn {
    display: inline-block;
    background-color: #78B6FB;
    color: #fff !important;
    border-radius: 10px;
    box-shadow: 0 20px 87px #78b6fb73;
    padding: 10px 35px;
    font-size: 27px;
    margin-right: 25px;
}

    .lpTopContainerBtn:hover {
        background-color: #4687cf;
        transition: all 0.3s ease-in-out;
    }
.lpFloatingBtn {
    position: absolute;
    display: inline-block;
    background-color: #78B6FB;
    color: #fff !important;
    border-radius: 10px;
    box-shadow: 0 20px 87px #78b6fb73;
    padding: 10px 35px;
    font-size: 18px;
    margin-right: 0px;
    left: 235px;
}

    .lpFloatingBtn:hover {
        background-color: #4687cf;
        transition: all 0.3s ease-in-out;
    }

.posRel {
    position: relative;
}

.lpNumbersInnerContainer {
    max-width: 800px;
    margin-top: 70px;
}

.lpTimer {
    font-size: 35px;
}

.lpPlusSpan {
    font-size: 35px;
}

.lpCounterImg {
    min-height: 75px;
}

.lpPersonImg {
    position: absolute;
    left: 0;
    bottom: -90px;
}

    .lpPersonImg img {
        max-width: 100%;
    }


.lpPersonImgMobile {
    display: none;
}

.leafsContainer {
}

.moreTherapistsContainer {
    background-color: #F7F7F7;
    padding-right: 0;
    padding-left: 0;
}

.leafsInnerContainer {
    min-height: 1050px;
    background-position: inherit;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 80px;
    margin-bottom: 20px;
    padding: 60px;
}

.leafsInnerContainerImg {
}

.leafsTitle {
    font-size: 128px;
    font-family: 'Damion', cursive !important;
    margin-bottom: -70px;
    color: #E5EBF0;
    text-align: center;
}

.leafsTitle2 {
    color: #3F3F44;
    font-size: 50px;
    font-weight: 600;
    text-align: center;
}

.leafsTitle3 {
    font-size: 34px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 400;
    color: #3F3F44;
    text-align: center;
}

.leafsTopDesc {
    max-width: 800px;
    margin: 0 auto
}

    .leafsTopDesc p {
        color: #3F3F44;
        font-size: 22px;
        font-weight: 400;
        text-align: center;
    }

.leafsItems {
    max-width: 90%;
    margin: 0 auto;
    margin-top: 50px;
}

.leafsRightUl {
}

.leafsItemImg {
}

.leafsItemTitle {
    font-size: 22px;
    color: #3F3F44;
    font-weight: 600;
}

.leafsItemDesc p {
    color: #3F3F44;
    font-size: 16px;
    font-weight: 500;
}

.recoContainer {
    text-align: center;
    padding: 30px;
}

.recoTitleFont {
    font-size: 128px;
    font-family: 'Damion', cursive !important;
    margin-bottom: -70px;
    color: #ffffff;
    text-align: center;
}

.recoTitle {
    font-weight: 600;
    font-size: 45px;
    color: #3F3F44;
}

.recoTitle2 {
    font-weight: 600;
    font-size: 24px;
    color: #3F3F44;
}







.lpFooterContainer {
    padding: 40px;
    background-color: #FCCAA3;
}

.lpFooterImg {
    margin: 0 auto;
    display: block;
    margin-top: 65px;
}

.lpFooterTitle {
    font-size: 130px;
    color: #FCE5D5;
    font-family: 'Damion', cursive !important;
    margin-bottom: -85px;
    text-align: center;
}

.lpFooterTitle2 {
    font-size: 50px;
    font-weight: 600;
    text-align: center;
    color: #3F3F44;
}

.lpFooterTitle3 {
    text-align: center;
    color: #3F3F44;
    font-size: 24px;
    font-weight: 600;
}

.lpFooterBtnsDiv {
    text-align: center;
    margin-top: 70px;
    margin-bottom: 50px;
}

.lpFooterBtn {
    background-color: #FCE5D5;
    padding: 20px 40px;
    margin-left: 20px;
    border-radius: 10px;
    box-shadow: 0px 20px 87px #42424273;
    color: #424242;
    font-size: 24px;
    font-weight: 600;
}

    .lpFooterBtn:hover {
        transition: all 0.3s ease-in-out;
        box-shadow: 0px 20px 87px #424242ed;
    }

    .lpFooterBtn img {
    }

.lpFooterSlogenImg {
    margin: 0 auto;
    display: block;
    margin-top: 115px;
    max-width: 100%;
}

.lpFooterCreditDiv {
    margin-top: 80px;
}

.lpFooterCreditImg {
    float: right;
    max-width: 100%;
}

.lpFooterCreditP {
    float: left;
    font-size: 14px;
    color: #303034;
    font-weight: 500;
}


.lpVideoContainer {
    margin-bottom: -100px;
}

.lpPackagesTopContainer {
    padding: 200px 0 0 0;
}

.myPackageLeftVideoA {
    display: block;
    margin-top: 25px;
}

.lpVideoDiv {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 480px;
    max-width: 750px;
    margin: 0 auto;
    padding: 50px;
    text-align: center;
    position: relative;
}

.lpVideoDivP {
    color: #fff;
    font-size: 50px;
    font-weight: 600;
    width: 515px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

    .lpVideoDivP span {
        color: #9EC884;
    }

.lpVideoDiv i {
    background-color: #f9c8a1;
    color: #fff;
    padding: 14px 15px 14px 22px;
    border-radius: 50%;
    font-size: 35px;
}

    .lpVideoDiv i:hover {
        background-color: #ffa55d;
        transition: all 0.3s ease-in-out;
    }

.recoSlider {
    margin-top: 55px;
}

.owl-carousel.owl-loaded {
    display: block;
    direction: rtl;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

    .owl-carousel.owl-rtl .owl-item .item {
        height: 250px;
        padding-left: 40px;
    }

        .owl-carousel.owl-rtl .owl-item .item a {
            position: relative;
            margin: 10px;
            height: 250px;
            display: block;
            background-color: rgba(214, 211, 214, 0.29);
        }

            .owl-carousel.owl-rtl .owl-item .item a .img {
                width: 100%;
                height: 70px;
                background-color: white;
            }

                .owl-carousel.owl-rtl .owl-item .item a .img img {
                    display: block;
                    margin: auto;
                    max-height: 100%;
                }

            .owl-carousel.owl-rtl .owl-item .item a p {
                color: white;
                margin: 0;
                padding: 11px;
                font-size: 14px;
                line-height: 17px;
            }

            .owl-carousel.owl-rtl .owl-item .item a span {
                color: white;
                font-size: 12px;
                position: absolute;
                left: 15px;
                bottom: 13px;
            }

.imgOwl {
    float: right;
    padding: 15px;
}

    .imgOwl img {
        margin-top: 20px;
        max-width: 120px;
    }

.owlQuotes {
    float: right;
    font-size: 150px;
    color: #78B6FB;
    margin-top: -45px;
    padding: 0 10px;
}

.owlDesc {
    margin-bottom: 30px;
    padding-top: 25px;
}

    .owlDesc p {
        font-size: 20px;
        color: #3F3F44;
        font-weight: 400;
    }

.owlDescName {
    color: #3F3F44;
    font-size: 20px;
    font-weight: 600;
    padding-right: 70px;
    padding-top: 20px;
}

.my-btn-prev {
    position: absolute;
    bottom: -25px;
    margin-left: 30px;
    color: #78B6FB;
    font-size: 35px;
    cursor: pointer;
}

.my-btn-next {
    position: absolute;
    bottom: -25px;
    margin-right: 30px;
    color: #78B6FB;
    font-size: 35px;
    cursor: pointer;
}
/*#endregion Landing Page*/


/*#region ThankYouOrder*/
.orderDetails p {
    font-weight: 500;
    font-size: 20px;
    color: #3F3F44;
    text-align: center;
}

.orderDetails a {
    background-color: rgb(158, 200, 132);
    color: rgb(255, 255, 255);
    display: block;
    font-size: 20px;
    font-weight: 500;
    padding: 10px;
    border-radius: 10px;
    max-width: 300px;
    margin: 0 auto;
    margin-top: 25px;
    border: 1px solid #9ec884;
}

    .orderDetails a:hover {
        background-color: rgb(255, 255, 255);
        color: rgb(158, 200, 132);
        transition: all 0.3s ease-in-out 0s;
    }

.success-checkmark {
    width: 80px;
    height: 115px;
    margin: 0 auto;
    margin-top: 40px;
}

    .success-checkmark .check-icon {
        width: 80px;
        height: 80px;
        position: relative;
        border-radius: 50%;
        box-sizing: content-box;
        border: 4px solid #4CAF50;
    }

        .success-checkmark .check-icon::before {
            top: 3px;
            left: -2px;
            width: 30px;
            transform-origin: 100% 50%;
            border-radius: 100px 0 0 100px;
        }

        .success-checkmark .check-icon::after {
            top: 0;
            left: 30px;
            width: 60px;
            transform-origin: 0 50%;
            border-radius: 0 100px 100px 0;
            animation: rotate-circle 4.25s ease-in;
        }

        .success-checkmark .check-icon::before, .success-checkmark .check-icon::after {
            content: '';
            height: 100px;
            position: absolute;
            background: #FFFFFF;
            transform: rotate(-45deg);
        }

        .success-checkmark .check-icon .icon-line {
            height: 5px;
            background-color: #4CAF50;
            display: block;
            border-radius: 2px;
            position: absolute;
            z-index: 10;
        }

            .success-checkmark .check-icon .icon-line.line-tip {
                top: 46px;
                left: 14px;
                width: 25px;
                transform: rotate(45deg);
                animation: icon-line-tip 0.75s;
            }

            .success-checkmark .check-icon .icon-line.line-long {
                top: 38px;
                right: 8px;
                width: 47px;
                transform: rotate(-45deg);
                animation: icon-line-long 0.75s;
            }

        .success-checkmark .check-icon .icon-circle {
            top: -4px;
            left: -4px;
            z-index: 10;
            width: 80px;
            height: 80px;
            border-radius: 50%;
            position: absolute;
            box-sizing: content-box;
            border: 4px solid rgba(76, 175, 80, 0.5);
        }

        .success-checkmark .check-icon .icon-fix {
            top: 8px;
            width: 5px;
            left: 26px;
            z-index: 1;
            height: 85px;
            position: absolute;
            transform: rotate(-45deg);
            background-color: #FFFFFF;
        }

@keyframes rotate-circle {
    0% {
        transform: rotate(-45deg);
    }

    5% {
        transform: rotate(-45deg);
    }

    12% {
        transform: rotate(-405deg);
    }

    100% {
        transform: rotate(-405deg);
    }
}

@keyframes icon-line-tip {
    0% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    54% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}

@keyframes icon-line-long {
    0% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    65% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    84% {
        width: 55px;
        right: 0px;
        top: 35px;
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}
/*#endregion ThankYouOrder*/




/* SiteMap Start */
.AllSiteMapContainer {
    padding-bottom: 50px;
}

.AllSiteMapRow {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.headlinesDIV {
}

    .headlinesDIV .headline {
    }

    .headlinesDIV .headline2 {
    }

#siteMapContainer {
    margin: 20px 0 50px 0;
}

#sitemap, #sitemap ul, #sitemap li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#sitemap {
}

    #sitemap ul {
        display: none;
    }

    #sitemap li {
        line-height: 200%;
        margin-top: 1px;
        background: #eee;
        position: relative;
        width: 100%;
    }
    /* IE leaves a blank space where span is added so this is to avoid that */
    * html #sitemap li {
        float: right;
        display: inline;
    }

        #sitemap li a {
            padding: 5px 28px;
            display: block;
            font-size: 20px;
            color: #525252;
        }

            #sitemap li a:hover {
                color: #e16c29;
                text-decoration: none;
            }

        #sitemap li span {
            float: right;
            position: absolute;
            top: 12px;
            right: 8px;
            width: 20px;
            height: 20px;
            cursor: auto;
            font-size: 0;
        }

            #sitemap li span, #sitemap li span.collapsed {
                background: url('../Images/collapsed.gif') no-repeat 0 0;
            }

                #sitemap li span.expanded {
                    background: url('../Images/expanded.gif') no-repeat 0 0;
                }
        /* second level */
        #sitemap li li {
            background: #fff;
        }

            #sitemap li li a {
                padding: 0px 55px 0px 20px;
                display: block;
                font-size: 16px;
            }

            #sitemap li li span {
                right: 28px;
                top: 7px;
            }
            /* third level */
            #sitemap li li li a {
                padding-right: 84px;
                display: block;
                border-top: 1px solid rgba(0, 0, 0, 0.07);
            }

            #sitemap li li li span {
                right: 56px;
            }

#cms-main {
    float: right;
    margin: 13px 27px 0 20px;
    direction: rtl;
    border: 0px solid red;
}

.sky-form .button {
    background: #003366;
    float: left !important;
    right: -29% !important;
}
/* SiteMap END */
.loadMoreRow {
    margin-top: 30px;
}

.loadMoreBtn {
    background-color: #fce5d5;
    color: #000;
    padding: 10px;
    display: block;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 400;
    max-width: 150px;
    margin: 0 auto;
    text-align: center;
}

.loadMoreArticles {
    background-color: #F7F7F7;
    color: #000;
    padding: 10px;
    display: block;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 400;
    max-width: 223px;
    margin: 0 auto;
    text-align: center;
}


.alertBox {
    display: none;
    position: absolute;
    background-color: #fccaa3;
    top: 15%;
    left: 50%;
    transform: translate(-50%, -25%);
    z-index: 9999;
    padding: 30px;
    text-align: center;
}
.alertBoxP {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
}


:root {
    --switches-bg-color: white;
    --switches-label-color: black;
    --switch-bg-color: #9EC884;
    --switch-text-color: black;
}

.switches-container {
    width: 34rem;
    position: relative;
    display: flex;
    padding: 0;
    position: relative;
    background: var(--switches-bg-color);
    line-height: 4rem;
    border-radius: 3rem;
    margin-left: auto;
    margin-right: auto;
    padding: 3px;
}

    /* input (radio) for toggling. hidden - use labels for clicking on */
    .switches-container input {
        visibility: hidden;
        position: absolute;
        top: 0;
    }

    /* labels for the input (radio) boxes - something to click on */
    .switches-container label {
        width: 50%;
        padding: 0;
        margin: 0;
        text-align: center;
        cursor: pointer;
        color: var(--switches-label-color);
    }

.switch-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    padding: 0.15rem;
    z-index: 3;
    transition: transform .5s cubic-bezier(.77, 0, .175, 1);
    /* transition: transform 1s; */
}

/* switch box highlighter */
.switch {
    border-radius: 3rem;
    background: var(--switch-bg-color);
    height: 100%;
}


    .switch div {
        width: 100%;
        text-align: center;
        opacity: 0;
        display: block;
        color: var(--switch-text-color);
        transition: opacity .2s cubic-bezier(.77, 0, .175, 1) .125s;
        will-change: opacity;
        position: absolute;
        top: 3px;
        left: 0;
    }

/* slide the switch box from right to left */
.switches-container input:nth-of-type(1):checked ~ .switch-wrapper {
    transform: translateX(0%);
}

/* slide the switch box from left to right */
.switches-container input:nth-of-type(2):checked ~ .switch-wrapper {
    transform: translateX(-100%);
}

/* toggle the switch box labels - first checkbox:checked - show first switch div */
.switches-container input:nth-of-type(1):checked ~ .switch-wrapper .switch div:nth-of-type(1) {
    opacity: 1;
}

/* toggle the switch box labels - second checkbox:checked - show second switch div */
.switches-container input:nth-of-type(2):checked ~ .switch-wrapper .switch div:nth-of-type(2) {
    opacity: 1;
}

.mt25 {
    margin-top: 25px !important;
}



@media (max-width: 767px) {
    .switches-container {
        width: 20rem;
        position: relative;
        display: flex;
        padding: 0;
        position: relative;
        background: var(--switches-bg-color);
        line-height: 3rem;
        border-radius: 3rem;
        margin-left: 0px;
        margin-right: 0px;
        padding: 3px;
    }
}

@media (max-width: 992px) {
    .lpChangePricesDiv {
        display: flex !important; 
        width: 100%;
        padding: 15px 0;
    }
    /*.owlQuotes {
        float: right;
        font-size: 50px !important;
        color: #78B6FB;
        margin-top: -45px;
        padding: 0 10px;
    }*/
}