/*----------------------------------------------------
@File: Default Styles
@Author: Rocky Ahmed
@URL: http://wethemez.com

This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.
---------------------------------------------------- */
/*=====================================================================
@Template Name: VeroDate
@Author: Rocky Ahmed
@Developed By: Rocky Ahmed
@Developer URL: http://rocky.obaidul.com

@Default Styles

Table of Content:
01/ Variables
02/ predefin
03/ header
04/ slider
05/ photography
06/ button 
07/ work 
08/ team
09/ contact 
10/ price 
11/ portfolio 
12/ blog 
13/ sidebar  
13/ page-header  
13/ project  
13/ we-dope  
13/ progress
13/ comingsoon
13/ error
13/ footer
=====================================================================*/
/*----------------------------------------------------*/
/*font Variables*/
/*Color Variables*/
@import url("https://fonts.googleapis.com/css?family=Averia+Libre:300,400,700|Ubuntu:300,400,500,700");

.col-md-offset-right-1 {
    margin-right: 8.33333333%;
}

/* 
@font-face {
    font-family: "ralH";
    src: url(../fonts/theme-font/Raleway-Heavy.woff);
}
@font-face {
    font-family: "monR";
    src: url(../fonts/theme-font/Montserrat-Regular.woff);
}
@font-face {
    font-family: "monB";
    src: url(../fonts/theme-font/Montserrat-Bold.woff);
}
*/
/*---------------------------------------------------- */
/*----------------------------------------------------*/
ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

a {
    text-decoration: none;
}

    a:hover, a:focus {
        text-decoration: none;
    }

.row.m0 {
    padding: 0px;
    margin: 0px;
}

body {
    line-height: 24px;
    font-size: 15px;
    height: 100vh;
    overflow: auto;
    font-family: "Ubuntu", sans-serif;
}

body, p, h1, h2, h3, h4, h5, h6 {
    margin: 0px;
    padding: 0px;
}

#custom-handle {
    width: 3em;
    height: 1.6em;
    top: 50%;
    margin-top: -.8em;
    text-align: center;
    background: red;
}

#success {
    overflow: hidden;
    clear: both;
    width: 100%;
    display: none;
}

#error {
    overflow: hidden;
    clear: both;
    width: 100%;
    display: none;
}

/* Ripple Out css
============================================================================================ */
/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

@keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

.hvr-ripple-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}

    .hvr-ripple-out:before {
        content: '';
        position: absolute;
        border: #e1e1e1 solid 6px;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: 3px;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
    }

    .hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
        -webkit-animation-name: hvr-ripple-out;
        animation-name: hvr-ripple-out;
    }

/* End Ripple Out css
============================================================================================ */
/* Radio Btn css
============================================================================================ */
.reg_chose {
    position: relative;
}

    .reg_chose input[type=radio] {
        position: absolute;
        visibility: hidden;
    }

    .reg_chose label {
        display: block;
        position: relative;
        font-weight: 300;
        font-size: 1.35em;
        padding: 18px 25px 25px 30px;
        margin: 0px auto;
        height: 30px;
        z-index: 9;
        cursor: pointer;
        font-size: 16px;
        color: #334249;
        -webkit-transition: all 0.25s linear;
    }

    .reg_chose .check {
        display: block;
        position: absolute;
        border: 1px solid #e0e0e0;
        height: 20px;
        width: 20px;
        top: 19px;
        left: 0px;
        z-index: 5;
        transition: border .25s linear;
        -webkit-transition: border .25s linear;
        background: #f4f4f4;
        border-radius: 3px;
        outline: none;
    }

        .reg_chose .check::before {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            opacity: 0;
            content: '';
            position: absolute;
            width: 9px;
            height: 5px;
            background: transparent;
            top: 4px;
            left: 4px;
            border: 3px solid #900000;
            border-top: none;
            border-right: none;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

    .reg_chose input[type=radio]:checked ~ .check {
        border: 2px solid #e0e0e0;
    }

        .reg_chose input[type=radio]:checked ~ .check::before {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: alpha(opacity=100);
            opacity: 1;
        }

    .reg_chose input[type=radio]:checked ~ label {
        color: #2e3c43;
    }

/* Welcome title css
============================================================================================ */
.welcome_title {
    text-align: center;
}

    .welcome_title h3 {
        /*font-size: 30px;*/
        font-size: 43px;
        color: #2e3c43;
        /*font-family: "Ubuntu", sans-serif;*/
        font-family: "Lato", sans-serif;
        font-weight: 300;
        /*font-weight: bold;*/
        padding-bottom: 12px;
    }

        .welcome_title h3 span {
            color: #900000;
        }

.welcome_white_title {
    text-align: center;
}

    .welcome_white_title h3 {
        font-size: 30px;
        color: #fff;
        font-family: "Lato", sans-serif;
        /*font-family: "Ubuntu", sans-serif;*/
        font-weight: bold;
        padding-bottom: 12px;
    }

        .welcome_white_title h3 span {
            color: #900000;
        }

#circle1 {
    margin: 20px;
    width: 200px;
    height: 200px;
    position: relative;
}

#circle2 {
    margin: 20px;
    width: 200px;
    height: 200px;
    position: relative;
}

/* End Welcome title css
============================================================================================ */
#preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 25;
    background: #fff;
}

.loading {
    font-family: "Ubuntu", sans-serif;
    text-transform: uppercase;
    width: 150px;
    text-align: center;
    line-height: 50px;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .loading span {
        position: relative;
        z-index: 999;
        color: #fff;
    }

    .loading:before {
        content: '';
        background: #0e0e0e;
        width: 128px;
        height: 36px;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        -webkit-animation: 2s loadingBefore infinite ease-in-out;
        animation: 2s loadingBefore infinite ease-in-out;
    }

@-webkit-keyframes loadingBefore {
    0% {
        -webkit-transform: translateX(-14px);
        transform: translateX(-14px);
    }

    50% {
        -webkit-transform: translateX(14px);
        transform: translateX(14px);
    }

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

@keyframes loadingBefore {
    0% {
        -webkit-transform: translateX(-14px);
        transform: translateX(-14px);
    }

    50% {
        -webkit-transform: translateX(14px);
        transform: translateX(14px);
    }

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

.loading:after {
    content: '';
    background: #ff3600;
    width: 14px;
    height: 60px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: .5;
    -webkit-animation: 2s loadingAfter infinite ease-in-out;
    animation: 2s loadingAfter infinite ease-in-out;
}

@-webkit-keyframes loadingAfter {
    0% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
    }

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

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

@keyframes loadingAfter {
    0% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
    }

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

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

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Main Menu area css
============================================================================================ */
.header_menu_area {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
    z-index: 15;
}

    .header_menu_area .navbar-default {
        background: rgba(0, 0, 0, 0.68);
        border-radius: 0px;
        border: none;
        box-shadow: none;
        border-bottom: 1px solid #900000;
        margin-bottom: 0px;
    }

        .header_menu_area .navbar-default .navbar-header .navbar-brand {
            padding: 0px;
            margin-left: 0px;
            line-height: 77px;
        }

            .header_menu_area .navbar-default .navbar-header .navbar-brand img {
                display: inline-block;
            }

        .header_menu_area .navbar-default .navbar-collapse {
            text-align: right;
        }

            .header_menu_area .navbar-default .navbar-collapse .navbar-nav {
                float: none !important;
                text-align: right;
                display: inline-block;
                margin-right: 20px;
            }

                .header_menu_area .navbar-default .navbar-collapse .navbar-nav li {
                    float: none;
                    display: inline-block;
                    margin-right: 35px;
                }

                    .header_menu_area .navbar-default .navbar-collapse .navbar-nav li a {
                        padding: 0px;
                        line-height: 80px;
                        background: transparent;
                        color: #fff;
                        position: relative;
                        transition: all 400ms linear 0s;
                        text-shadow: none;
                        font-size: 14px;
                        font-family: "Ubuntu", sans-serif;
                    }

                        .header_menu_area .navbar-default .navbar-collapse .navbar-nav li a:before {
                            content: '';
                            background: #900000;
                            height: 3px;
                            width: 100%;
                            left: 0px;
                            bottom: -2px;
                            position: absolute;
                            -webkit-transform: scale(0);
                            -ms-transform: scale(0);
                            transform: scale(0);
                            transition: all 400ms linear 0s;
                        }

                    .header_menu_area .navbar-default .navbar-collapse .navbar-nav li:last-child {
                        margin-right: 0px;
                    }

                    .header_menu_area .navbar-default .navbar-collapse .navbar-nav li:hover a, .header_menu_area .navbar-default .navbar-collapse .navbar-nav li.active a {
                        color: #900000;
                    }

                        .header_menu_area .navbar-default .navbar-collapse .navbar-nav li:hover a:before, .header_menu_area .navbar-default .navbar-collapse .navbar-nav li.active a:before {
                            -webkit-transform: scale(1);
                            -ms-transform: scale(1);
                            transform: scale(1);
                        }

                    .header_menu_area .navbar-default .navbar-collapse .navbar-nav li.submenu .dropdown-menu {
                        padding: 0px;
                        margin: 0px 0px 0px 0px;
                        border: none;
                        left: -50%;
                        transition: all 400ms linear 0s;
                        border-top: 1px solid #900000;
                        border-bottom: 1px solid #900000;
                        border-radius: 0px;
                        text-align: center;
                        background: transparent;
                    }

@media (min-width: 991px) {
    .header_menu_area .navbar-default .navbar-collapse .navbar-nav li.submenu .dropdown-menu {
        display: block;
        top: 150%;
        transition: all 300ms ease-in;
        opacity: 0;
        visibility: hidden;
        min-width: 170px;
    }
}



.header_menu_area .navbar-default .navbar-collapse .navbar-nav li.submenu .dropdown-menu li {
    display: block;
    margin: 0px;
}

    .header_menu_area .navbar-default .navbar-collapse .navbar-nav li.submenu .dropdown-menu li a {
        line-height: 40px;
        display: block;
        position: relative;
        text-shadow: none;
        color: #2e3c43;
        border-bottom: 1px solid #f1f1f1;
        background: rgba(255, 255, 255, 0.99);
        font-size: 14px;
    }

    .header_menu_area .navbar-default .navbar-collapse .navbar-nav li.submenu .dropdown-menu li:hover a {
        color: #900000;
    }

    .header_menu_area .navbar-default .navbar-collapse .navbar-nav li.submenu .dropdown-menu li:last-child a {
        border: none;
    }

@media (min-width: 768px) {
    .header_menu_area .navbar-default .navbar-collapse .navbar-nav li.submenu:hover .dropdown-menu {
        top: 101%;
        opacity: 1;
        visibility: visible;
        background: rgba(255, 255, 255, 0.99);
    }

    .header_menu_area .navbar-default .navbar-collapse .navbar-nav li.submenu .dropdown-menu li:last-child:before {
        background: none;
    }
}

.header_menu_area .navbar-default .navbar-collapse .navbar-nav.navbar-right {
    position: relative;
    margin-right: -15px;
}

    .header_menu_area .navbar-default .navbar-collapse .navbar-nav.navbar-right:before {
        content: '';
        height: 30px;
        left: 0px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 1px;
        background: #717171;
        position: absolute;
    }

    .header_menu_area .navbar-default .navbar-collapse .navbar-nav.navbar-right li {
        margin-right: 0px;
        margin-left: 20px;
        position: relative;
    }

        .header_menu_area .navbar-default .navbar-collapse .navbar-nav.navbar-right li a {
            outline: none !important;
        }

        .header_menu_area .navbar-default .navbar-collapse .navbar-nav.navbar-right li.flag_drop .selector .dd.ddcommon {
            width: auto !important;
            min-width: 100px;
            border: none;
            outline: none;
            color: #fff;
            font-size: 14px;
            font-family: "Ubuntu", sans-serif;
        }

            .header_menu_area .navbar-default .navbar-collapse .navbar-nav.navbar-right li.flag_drop .selector .dd.ddcommon .divider {
                display: none;
            }

            .header_menu_area .navbar-default .navbar-collapse .navbar-nav.navbar-right li.flag_drop .selector .dd.ddcommon .ddTitle .ddTitleText {
                padding: 0px 15px 0px 0px;
                position: relative;
            }

                .header_menu_area .navbar-default .navbar-collapse .navbar-nav.navbar-right li.flag_drop .selector .dd.ddcommon .ddTitle .ddTitleText:before {
                    content: "\f107";
                    font: normal normal normal 14px/1 FontAwesome;
                    position: absolute;
                    right: 0px;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
                }

                .header_menu_area .navbar-default .navbar-collapse .navbar-nav.navbar-right li.flag_drop .selector .dd.ddcommon .ddTitle .ddTitleText img {
                    margin-right: 8px;
                }

            .header_menu_area .navbar-default .navbar-collapse .navbar-nav.navbar-right li.flag_drop .selector .dd.ddcommon .ddChild {
                border: none;
                border-radius: 0px;
                box-shadow: none;
                background: transparent;
                top: 53px !important;
                height: 160px !important;
            }

                .header_menu_area .navbar-default .navbar-collapse .navbar-nav.navbar-right li.flag_drop .selector .dd.ddcommon .ddChild ul {
                    border-top: 1px solid #900000;
                    border-bottom: 1px solid #900000;
                    box-sizing: border-box;
                }

                    .header_menu_area .navbar-default .navbar-collapse .navbar-nav.navbar-right li.flag_drop .selector .dd.ddcommon .ddChild ul li {
                        margin: 0px;
                        padding: 0px;
                        background: rgba(0, 0, 0, 0.62);
                        color: #fff;
                        min-width: 100px;
                        border-radius: 0px;
                        text-align: center;
                        font-size: 14px;
                        font-family: "Ubuntu", sans-serif;
                        line-height: 38px;
                        border-bottom: 1px solid #0e0e0e;
                        transition: all 400ms linear 0s;
                    }

                        .header_menu_area .navbar-default .navbar-collapse .navbar-nav.navbar-right li.flag_drop .selector .dd.ddcommon .ddChild ul li span {
                            color: #fff;
                            font-size: 14px;
                            font-family: "Ubuntu", sans-serif;
                        }

                        .header_menu_area .navbar-default .navbar-collapse .navbar-nav.navbar-right li.flag_drop .selector .dd.ddcommon .ddChild ul li:hover {
                            background: rgba(0, 0, 0, 0.8);
                        }

        .header_menu_area .navbar-default .navbar-collapse .navbar-nav.navbar-right li:last-child {
            margin-left: 25px;
            position: relative;
        }

            .header_menu_area .navbar-default .navbar-collapse .navbar-nav.navbar-right li:last-child:before {
                content: '';
                height: 30px;
                left: -6px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                width: 1px;
                background: #717171;
                position: absolute;
            }


.header_menu_area.white_menu .navbar-default {
    background: #fff;
    border-color: #fff;
    box-shadow: 0px 1px #900000;
}

    .header_menu_area.white_menu .navbar-default .navbar-collapse .navbar-nav li a {
        color: #2e3c43;
        font-weight: 500;
    }

    .header_menu_area.white_menu .navbar-default .navbar-collapse .navbar-nav li:hover a, .header_menu_area.white_menu .navbar-default .navbar-collapse .navbar-nav li.active a {
        color: #900000;
    }

    .header_menu_area.white_menu .navbar-default .navbar-collapse .navbar-nav.navbar-right:before {
        background: #ccc;
    }

    .header_menu_area.white_menu .navbar-default .navbar-collapse .navbar-nav.navbar-right li.flag_drop:before {
        background: #ccc;
    }

    .header_menu_area.white_menu .navbar-default .navbar-collapse .navbar-nav.navbar-right li.flag_drop .selector .ddcommon .ddTitle .ddTitleText .ddlabel {
        color: #2e3c43;
    }

    .header_menu_area.white_menu .navbar-default .navbar-collapse .navbar-nav.navbar-right li.flag_drop .selector .ddcommon .ddTitle .ddTitleText:before {
        color: #2e3c43;
    }

.affix {
    position: fixed;
    top: 1rem;
}

.affix-bottom {
    position: absolute;
}

.header_menu_area.white_menu.affix {
    top: 0px;
}

.header_menu_area.affix {
    position: fixed;
    z-index: 18;
}

/* End Main Menu area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* End Main Menu area css
============================================================================================ */
/* plugin css */
/**
 * Fade-zoom animation for first dialog
 */
/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}

/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}

/**
 * Fade-move animation for second dialog
 */
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    transform: translateY(-20px) perspective(600px) rotateX(10deg);
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: translateY(0) perspective(600px) rotateX(0);
    -moz-transform: translateY(0) perspective(600px) rotateX(0);
    -ms-transform: translateY(0) perspective(600px) rotateX(0);
    -o-transform: translateY(0) perspective(600px) rotateX(0);
    transform: translateY(0) perspective(600px) rotateX(0);
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
    opacity: 0;
    -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    transform: translateY(-10px) perspective(600px) rotateX(10deg);
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0;
}

.blur header, .blur section, .blur footer {
    -webkit-filter: blur(2.5px);
    filter: blur(2.5px);
}

.mfp-bg {
    background: rgba(30, 40, 45, 0.86);
}

.mfp-inline-holder {
    padding: 0px;
}

.login_form_inner {
    max-width: 488px;
    margin: auto;
    position: relative;
    border: 1px solid #900000;
    background: #fff;
    border-radius: 5px;
    padding: 0px 50px 50px 50px;
}

    .login_form_inner h4 {
        text-align: center;
        font-family: "Ubuntu", sans-serif;
        font-weight: bold;
        font-size: 30px;
        color: #2f3c44;
        padding: 45px 0px;
    }

    .login_form_inner input {
        width: 100%;
        height: 45px;
        box-shadow: none;
        border: 1px solid #f4f4f4;
        margin-bottom: 30px;
        border-radius: 3px;
        background: #f4f4f4;
        padding: 0px 15px 0px 28px;
        outline: none;
        box-shadow: none;
        text-shadow: none;
        font-size: 16px;
        color: #334249;
        font-family: "Ubuntu", sans-serif;
        font-weight: 500;
    }

        .login_form_inner input.placeholder {
            font-size: 16px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
        }

        .login_form_inner input:-moz-placeholder {
            font-size: 16px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
        }

        .login_form_inner input::-moz-placeholder {
            font-size: 16px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
        }

        .login_form_inner input::-webkit-input-placeholder {
            font-size: 16px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
        }

        .login_form_inner input:focus {
            border: 1px solid #900000;
        }

    .login_form_inner .login_btn_area .login_social {
        display: inline-block;
        float: right;
        padding-top: 11px;
    }

        .login_form_inner .login_btn_area .login_social h5 {
            display: inline-block;
            font-size: 16px;
            color: #334249;
            font-weight: 500;
            font-family: "Ubuntu", sans-serif;
            padding-right: 18px;
        }

        .login_form_inner .login_btn_area .login_social ul {
            display: inline-block;
        }

            .login_form_inner .login_btn_area .login_social ul li {
                display: inline-block;
                margin-right: 8px;
            }

                .login_form_inner .login_btn_area .login_social ul li a {
                    height: 30px;
                    width: 30px;
                    border-radius: 50%;
                    background: #3b5998;
                    display: block;
                    text-align: center;
                    line-height: 30px;
                    font-size: 16px;
                    position: relative;
                    -webkit-transform: perspective(1px) translateZ(0);
                    transform: perspective(1px) translateZ(0);
                    box-shadow: 0 0 1px transparent;
                }

                    .login_form_inner .login_btn_area .login_social ul li a:before {
                        content: '';
                        position: absolute;
                        border: 5px solid rgba(59, 89, 152, 0.4);
                        top: 0;
                        right: 0;
                        bottom: 0;
                        left: 0;
                        -webkit-animation-duration: 1s;
                        animation-duration: 1s;
                        opacity: 0;
                        border-radius: 50%;
                    }

                    .login_form_inner .login_btn_area .login_social ul li a i {
                        color: #fff;
                    }

                .login_form_inner .login_btn_area .login_social ul li:last-child {
                    margin-right: 0px;
                }

                    .login_form_inner .login_btn_area .login_social ul li:last-child a {
                        background: #900000;
                    }

                        .login_form_inner .login_btn_area .login_social ul li:last-child a:before {
                            border-color: rgba(220, 78, 65, 0.6);
                        }

                .login_form_inner .login_btn_area .login_social ul li:hover a:before {
                    -webkit-animation-name: hvr-ripple-out;
                    animation-name: hvr-ripple-out;
                    opacity: 1;
                }

    .login_form_inner .mfp-close {
        height: auto;
        width: auto;
        line-height: normal;
        opacity: 1;
        right: -37px;
        top: -38px;
        cursor: pointer;
    }

.register_form_inner {
    max-width: 970px;
    margin: auto;
    position: relative;
    border: 8px solid #900000;
    background: #fff;
    border-radius: 5px;
    padding: 0px 50px 0px 30px;
}

    .register_form_inner .registration_man {
        padding-top: 52px;
    }

    .register_form_inner .registration_form_s {
        padding-left: 60px;
    }

        .register_form_inner .registration_form_s h4 {
            text-align: center;
            font-family: "Ubuntu", sans-serif;
            font-weight: bold;
            font-size: 30px;
            color: #2f3c44;
            padding: 45px 0px 22px 0px;
        }

        .register_form_inner .registration_form_s .form-group {
            margin-bottom: 20px;
        }

            .register_form_inner .registration_form_s .form-group input {
                width: 100%;
                height: 46px;
                box-shadow: none;
                border: 1px solid #f4f4f4;
                border-radius: 3px;
                background: #f4f4f4;
                padding: 0px 15px 0px 28px;
                outline: none;
                box-shadow: none;
                text-shadow: none;
                font-size: 16px;
                color: #334249;
                font-family: "Ubuntu", sans-serif;
                font-weight: 500;
            }

            .register_form_inner .registration_form_s .form-group select {
                width: 100%;
                height: 46px;
                box-shadow: none;
                border: 1px solid #f4f4f4;
                border-radius: 3px;
                background: #f4f4f4;
                padding: 0px 15px 0px 28px;
                outline: none;
                box-shadow: none;
                text-shadow: none;
                font-size: 16px;
                color: #334249;
                font-family: "Ubuntu", sans-serif;
                font-weight: 500;
            }


            .register_form_inner .registration_form_s .form-group input.placeholder {
                font-size: 16px;
                color: #334249;
                font-family: "Ubuntu", sans-serif;
                font-weight: 500;
            }

            .register_form_inner .registration_form_s .form-group input:-moz-placeholder {
                font-size: 16px;
                color: #334249;
                font-family: "Ubuntu", sans-serif;
                font-weight: 500;
            }

            .register_form_inner .registration_form_s .form-group input::-moz-placeholder {
                font-size: 16px;
                color: #334249;
                font-family: "Ubuntu", sans-serif;
                font-weight: 500;
            }

            .register_form_inner .registration_form_s .form-group input::-webkit-input-placeholder {
                font-size: 16px;
                color: #334249;
                font-family: "Ubuntu", sans-serif;
                font-weight: 500;
            }

            .register_form_inner .registration_form_s .form-group input:focus {
                border: 1px solid #900000;
            }

            .register_form_inner .registration_form_s .form-group select:focus {
                border: 1px solid #900000;
            }

            .register_form_inner .registration_form_s .form-group .btn-group {
                width: 100%;
                text-align: left;
            }

                .register_form_inner .registration_form_s .form-group .btn-group .dropdown-toggle {
                    width: 100%;
                    border: 1px solid #f4f4f4;
                    background: #f4f4f4;
                    padding: 0px 30px;
                    height: 47px;
                }

                    .register_form_inner .registration_form_s .form-group .btn-group .dropdown-toggle span {
                        text-align: left;
                        float: left;
                        font-size: 16px;
                        color: #334249;
                        font-family: "Ubuntu", sans-serif;
                        font-weight: 500;
                    }

                    .register_form_inner .registration_form_s .form-group .btn-group .dropdown-toggle .arrow_carrot-down {
                        float: right;
                    }

                        .register_form_inner .registration_form_s .form-group .btn-group .dropdown-toggle .arrow_carrot-down .fa-sort-asc {
                            position: relative;
                            right: -9px;
                            top: -1px;
                            color: #c2c2c2;
                        }

                        .register_form_inner .registration_form_s .form-group .btn-group .dropdown-toggle .arrow_carrot-down .fa-sort-desc {
                            position: relative;
                            bottom: -1px;
                            color: #c2c2c2;
                        }

            .register_form_inner .registration_form_s .form-group .input-append {
                position: relative;
            }

                .register_form_inner .registration_form_s .form-group .input-append .add-on {
                    position: absolute;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
                    right: 30px;
                    color: #c2c2c2;
                }

            .register_form_inner .registration_form_s .form-group.reg_chose {
                margin-top: 30px;
            }

                .register_form_inner .registration_form_s .form-group.reg_chose .reg_check_box {
                    display: inline-block;
                }

                    .register_form_inner .registration_form_s .form-group.reg_chose .reg_check_box input {
                        height: auto;
                    }

                .register_form_inner .registration_form_s .form-group.reg_chose .login_btn {
                    float: right;
                }

            .register_form_inner .registration_form_s .form-group:last-child {
                margin-bottom: 0px;
            }

            .register_form_inner .registration_form_s .form-group .datepicker {
                position: relative;
            }

                .register_form_inner .registration_form_s .form-group .datepicker .add-on {
                    position: absolute;
                    right: 26px;
                    color: #c2c2c2;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
                }

        .register_form_inner .registration_form_s .mfp-close {
            height: auto;
            width: auto;
            opacity: 1;
            right: -71px;
            top: -38px;
            cursor: pointer;
            line-height: normal;
        }

/* End Main Menu area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Login Button css
============================================================================================ */
/* Center the button within its container */
.form-group.text-center {
    text-align: center;
}

/* Button styling */
.login_btn {
    width: 160px;
    height: 48px;
    display: inline-block; /* Allows centering */
    border-radius: 5px;
    color: #fff;
    font-size: 13px;
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    position: relative;
    z-index: 2;
    outline: none !important;
    box-shadow: none !important;
    border: none;
    background: transparent;
}

    .login_btn:focus {
        outline: none !important;
        box-shadow: none !important;
    }

    .login_btn:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        background-color: #900000;
        /*transition: all 0.3s;*/
        border-radius: 5px;
    }

    .login_btn:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        opacity: 0;
        transition: all 0.3s;
        border: 1px solid #900000;
        /*transform: scale(1.2, 1.2);*/
        border-radius: 5px;
    }

    .login_btn:hover {
        color: #900000;
    }

        .login_btn:hover:before {
            opacity: 0;
            transform: scale(0.5, 0.5);
        }

        .login_btn:hover:after {
            opacity: 1;
            transform: scale(1, 1);
        }

.left-margin-10 {
    margin-left: 10px !important;
}

.send_message_custom_btn {
    /*width: 160px;*/
    width: auto;
    min-width: 100px;
    height: 33px;
    display: inline-block;
    border-radius: 5px;
    color: #E39A26;
    font-size: 12px;
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    position: relative;
    z-index: 2;
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid #E39A26;
    background: transparent;
}

    .send_message_custom_btn:hover {
        color: #E39A26;
    }

.view_profile_custom_btn {
    /*width: 160px;*/
    width: auto;
    min-width: 100px;
    /*height: 33px;*/
    display: inline-block;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    position: relative;
    z-index: 2;
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid #900000;
    background: #900000;
}

    .view_profile_custom_btn:hover {
        color: #fff;
    }

.login_custom_btn {
    width: 160px;
    min-width: 180px;
    height: 33px;
    display: inline-block;
    border-radius: 5px;
    color: #fff;
    font-size: 13px;
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    position: relative;
    z-index: 2;
    outline: none !important;
    box-shadow: none !important;
    border: none;
    background: transparent;
    margin-right: 10px;
}

    .login_custom_btn:focus {
        outline: none !important;
        box-shadow: none !important;
    }

    .login_custom_btn:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        background-color: #900000;
        /*   -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;*/
        border-radius: 5px;
    }

    .login_custom_btn:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        opacity: 0;
        /*   -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;*/
        background: #900000;
        /* -webkit-transform: scale(1.3,1.3);
        -ms-transform: scale(1.3,1.3);
        transform: scale(1.3,1.3);
        -webkit-transform: scale(1.3,1.3);
        -moz-transform: scale(1.3,1.3);*/
        border-radius: 5px;
    }

    .login_custom_btn:hover {
        color: #fff;
    }

        .login_custom_btn:hover:before {
            opacity: 0;
            -webkit-transform: scale(1,1);
            -ms-transform: scale(1,1);
            transform: scale(1,1);
        }

        .login_custom_btn:hover:after {
            opacity: 1;
            -webkit-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
            transform: scale(1, 1);
        }

.register_angkar_btn {
    width: 160px;
    height: 50px;
    display: block;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    position: relative;
    z-index: 2;
    outline: none !important;
    box-shadow: none !important;
    border: none;
    text-align: center;
    line-height: 48px;
    margin: auto;
    margin-bottom: 25px;
}

    .register_angkar_btn:focus {
        outline: none !important;
        box-shadow: none !important;
    }

    .register_angkar_btn:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        background-color: #900000;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        border-radius: 10px;
    }

    .register_angkar_btn:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        opacity: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        border: 1px solid #900000;
        -webkit-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        border-radius: 10px;
    }

    .register_angkar_btn:hover {
        color: #900000;
        background: none;
    }

        .register_angkar_btn:hover:before {
            opacity: 0;
            -webkit-transform: scale(0.5, 0.5);
            -ms-transform: scale(0.5, 0.5);
            transform: scale(0.5, 0.5);
        }

        .register_angkar_btn:hover:after {
            opacity: 1;
            -webkit-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
            transform: scale(1, 1);
        }

.btn_warning {
    width: 160px;
    height: 50px;
    min-width: 180px;
    display: block;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    position: relative;
    z-index: 2;
    outline: none !important;
    box-shadow: none !important;
    border: none;
    text-align: center;
    line-height: 48px;
    margin: auto;
    margin-bottom: 25px;
}

    .btn_warning:focus {
        outline: none !important;
        box-shadow: none !important;
    }

    .btn_warning:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        background-color: orange;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        border-radius: 10px;
    }

    .btn_warning:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        opacity: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        border: 1px solid orange;
        -webkit-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        border-radius: 10px;
    }

    .btn_warning:hover {
        color: orange;
        background: none;
    }

        .btn_warning:hover:before {
            opacity: 0;
            -webkit-transform: scale(0.5, 0.5);
            -ms-transform: scale(0.5, 0.5);
            transform: scale(0.5, 0.5);
        }

        .btn_warning:hover:after {
            opacity: 1;
            -webkit-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
            transform: scale(1, 1);
        }

.btn_success {
    width: 160px;
    min-width: 180px;
    height: 50px;
    display: block;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    position: relative;
    z-index: 2;
    outline: none !important;
    box-shadow: none !important;
    border: none;
    text-align: center;
    line-height: 48px;
    margin: auto;
    margin-bottom: 25px;
}

    .btn_success:focus {
        outline: none !important;
        box-shadow: none !important;
    }

    .btn_success:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        background-color: green;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        border-radius: 10px;
    }

    .btn_success:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        opacity: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        border: 1px solid green;
        -webkit-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        border-radius: 10px;
    }

    .btn_success:hover {
        color: green;
        background: none;
    }

        .btn_success:hover:before {
            opacity: 0;
            -webkit-transform: scale(0.5, 0.5);
            -ms-transform: scale(0.5, 0.5);
            transform: scale(0.5, 0.5);
        }

        .btn_success:hover:after {
            opacity: 1;
            -webkit-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
            transform: scale(1, 1);
        }


.btn_qiran {
    width: 160px;
    height: 50px;
    display: block;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    position: relative;
    z-index: 2;
    outline: none !important;
    box-shadow: none !important;
    border: none;
    text-align: center;
    line-height: 48px;
    margin: auto;
    margin-bottom: 25px;
}

    .btn_qiran:focus {
        outline: none !important;
        box-shadow: none !important;
    }

    .btn_qiran:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        background-color: #900000;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        border-radius: 10px;
    }

    .btn_qiran:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        opacity: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        border: 1px solid #900000;
        -webkit-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        border-radius: 10px;
    }

    .btn_qiran:hover {
        color: #900000;
        background: none;
    }

        .btn_qiran:hover:before {
            opacity: 0;
            -webkit-transform: scale(0.5, 0.5);
            -ms-transform: scale(0.5, 0.5);
            transform: scale(0.5, 0.5);
        }

        .btn_qiran:hover:after {
            opacity: 1;
            -webkit-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
            transform: scale(1, 1);
        }

.white_angkar_btn {
    width: 160px;
    height: 50px;
    display: block;
    border-radius: 10px;
    color: #900000;
    font-size: 16px;
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    position: relative;
    z-index: 2;
    outline: none !important;
    box-shadow: none !important;
    border: none;
    text-align: center;
    line-height: 48px;
}

    .white_angkar_btn:focus {
        outline: none !important;
        box-shadow: none !important;
    }

    .white_angkar_btn:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        background-color: #fff;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        border-radius: 10px;
    }

    .white_angkar_btn:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        opacity: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        border: 1px solid #900000;
        -webkit-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        border-radius: 10px;
    }

    .white_angkar_btn:hover {
        color: #900000;
    }

        .white_angkar_btn:hover:before {
            opacity: 0;
            -webkit-transform: scale(0.5, 0.5);
            -ms-transform: scale(0.5, 0.5);
            transform: scale(0.5, 0.5);
        }

        .white_angkar_btn:hover:after {
            opacity: 1;
            -webkit-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
            transform: scale(1, 1);
        }

/* End Login Button css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Welcome area css
============================================================================================ */
.welcome_area {
    padding: 64px 0px 64px 0px;
    /*background: rgb(231, 231, 231);*/
}

    .welcome_area .welcome_title {
        padding-bottom: 50px;
    }

.welcome_item {
    text-align: center;
}

    .welcome_item h4 {
        font-size: 30px;
        color: #2e3c43;
        font-family: "Ubuntu", sans-serif;
        font-weight: bold;
        padding: 26px 0px 8px 0px;
    }

    .welcome_item h6 {
        font-size: 16px;
        color: #2e3c43;
        font-family: "Ubuntu", sans-serif;
    }

/* End Welcome area css
============================================================================================ */

.matrimonial_profiles {
    padding: 64px 0px 64px 0px;
    background-color: white;
}

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


/* Find Soul area css
============================================================================================ */
.find_soul_area {
    padding: 64px 0px 64px 0px;
    /*background: rgb(231, 231, 231);*/
}

    .find_soul_area .welcome_title {
        padding-bottom: 50px;
    }

.find_soul_item {
    text-align: center;
}

    .find_soul_item img {
        max-width: 100%;
    }

    .find_soul_item h4 {
        font-size: 22px;
        color: #2e3c43;
        font-family: "Ubuntu", sans-serif;
        font-weight: 500;
        padding: 25px 0px 10px 0px;
    }

    .find_soul_item p {
        font-size: 16px;
        line-height: 24px;
        font-family: "Ubuntu", sans-serif;
        color: #2e3c43;
        max-width: 300px;
        margin: auto;
    }

/* End Find Soul area css







============================================================================================ */
/* Download area css
============================================================================================ */


/* New Solid Background Section */
.solid_background_area {
    position: relative;
    padding-top: 80px;
    background: rgb(24, 24, 24); /* Solid background color */
}

    .solid_background_area .download_app_icon {
        z-index: 3;
        position: relative;
    }

        .solid_background_area .download_app_icon h3 {
            color: #fff;
            font-size: 48px;
            font-weight: 300;
            font-family: "Ubuntu", sans-serif;
        }

            .solid_background_area .download_app_icon h3 span {
                color: #900000;
                font-weight: bold;
            }

                .solid_background_area .download_app_icon h3 span + span {
                    color: #fff;
                }

        .solid_background_area .download_app_icon h5 {
            font-size: 16px;
            color: #fff;
            font-family: "Ubuntu", sans-serif;
            padding: 20px 0px 45px 0px;
        }

        .solid_background_area .download_app_icon ul {
            padding-bottom: 45px;
        }

            .solid_background_area .download_app_icon ul li {
                display: inline-block;
                margin-right: 45px;
            }

                .solid_background_area .download_app_icon ul li a {
                    width: 100px;
                    height: 100px;
                    border-radius: 50%;
                    font-size: 38px;
                    display: block;
                    text-align: center;
                    background: #900000;
                    line-height: 100px;
                    color: #fff;
                    transition: all 400ms linear 0s;
                }

                .solid_background_area .download_app_icon ul li:hover a {
                    background: #fff;
                    color: #900000;
                }

                .solid_background_area .download_app_icon ul li:last-child {
                    margin-right: 0px;
                }

    .solid_background_area .download_content {
        background: #343e43;
        border: 1px solid #fff;
        border-radius: 5px;
        padding: 30px;
        margin-bottom: 40px;
        position: relative;
        z-index: 3;
    }

        .solid_background_area .download_content .item p {
            color: #fff;
            font-family: "Ubuntu", sans-serif;
            font-size: 16px;
            line-height: 24px;
            padding-bottom: 15px;
        }

        .solid_background_area .download_content .item h4 {
            font-size: 16px;
            color: #fff;
            font-weight: bold;
            font-family: "Ubuntu", sans-serif;
            display: inline-block;
        }

        .solid_background_area .download_content .item ul {
            display: inline-block;
            padding-left: 8px;
        }

            .solid_background_area .download_content .item ul li {
                display: inline-block;
            }

                .solid_background_area .download_content .item ul li a {
                    color: #900000;
                }

    .solid_background_area .owl-controls {
        position: absolute;
        right: 30px !important;
        bottom: -15px !important;
        height: 30px;
        top: auto !important;
    }

        .solid_background_area .owl-controls .owl-dots {
            display: none !important;
        }

        .solid_background_area .owl-controls .owl-nav .owl-prev {
            border-top-left-radius: 15px;
            border-bottom-left-radius: 15px;
        }

        .solid_background_area .owl-controls .owl-nav .owl-next {
            border-top-right-radius: 15px;
            border-bottom-right-radius: 15px;
        }

        .solid_background_area .owl-controls .owl-nav .owl-prev, .solid_background_area .owl-controls .owl-nav .owl-next {
            display: inline-block;
            width: 30px;
            height: 30px;
            background: #fff;
            color: #3d4a50;
            text-align: center;
            line-height: 30px;
            transition: all 400ms linear 0s;
        }

            .solid_background_area .owl-controls .owl-nav .owl-prev:hover, .solid_background_area .owl-controls .owl-nav .owl-next:hover {
                background: #900000;
                color: #fff;
            }

    .solid_background_area .download_moblie {
        text-align: center;
    }

        .solid_background_area .download_moblie .download_m_slider {
            text-align: center;
            z-index: 3;
            position: relative;
            display: inline-block;
        }

            .solid_background_area .download_moblie .download_m_slider img {
                max-width: 100%;
                text-align: center;
                width: auto;
                display: inline-block;
            }

            .solid_background_area .download_moblie .download_m_slider .download_moblile_slider {
                max-width: 330px;
                margin: auto;
                position: absolute;
                bottom: 0px;
                left: 12px;
                z-index: 5;
            }

                .solid_background_area .download_moblie .download_m_slider .download_moblile_slider .owl-controls {
                    position: absolute;
                    right: -50px;
                    top: 125px;
                }

                    .solid_background_area .download_moblie .download_m_slider .download_moblile_slider .owl-controls .owl-dots .owl-dot {
                        height: 12px;
                        width: 12px;
                        border-radius: 50%;
                        background: #900000;
                        margin-bottom: 10px;
                        position: relative;
                        left: 2px;
                    }

                        .solid_background_area .download_moblie .download_m_slider .download_moblile_slider .owl-controls .owl-dots .owl-dot:last-child {
                            margin-bottom: 0px;
                        }

                        .solid_background_area .download_moblie .download_m_slider .download_moblile_slider .owl-controls .owl-dots .owl-dot.active {
                            border: 2px solid #fff;
                            vertical-align: middle;
                            box-sizing: content-box;
                            left: 0px;
                        }







.download_area {
    position: relative;
    padding-top: 80px;
    background: url(../img/downlod-bg2.jpg) no-repeat scroll center center;
    background-size: cover;
    position: relative;
}

    .download_area:before {
        content: '';
        position: absolute;
        left: 0px;
        top: 0px;
        background: rgba(46, 60, 67, 0.8);
        width: 100%;
        height: 100%;
        z-index: 1;
    }


    .download_area .download_app_icon {
        z-index: 3;
        position: relative;
    }

        .download_area .download_app_icon h3 {
            color: #fff;
            font-size: 48px;
            font-weight: 300;
            font-family: "Ubuntu", sans-serif;
        }

            .download_area .download_app_icon h3 span {
                color: #900000;
                font-weight: bold;
            }

                .download_area .download_app_icon h3 span + span {
                    color: #fff;
                }

        .download_area .download_app_icon h5 {
            font-size: 16px;
            color: #fff;
            font-family: "Ubuntu", sans-serif;
            padding: 20px 0px 45px 0px;
        }

        .download_area .download_app_icon ul {
            padding-bottom: 45px;
        }

            .download_area .download_app_icon ul li {
                display: inline-block;
                margin-right: 45px;
            }

                .download_area .download_app_icon ul li a {
                    width: 100px;
                    height: 100px;
                    border-radius: 50%;
                    font-size: 38px;
                    display: block;
                    text-align: center;
                    background: #900000;
                    line-height: 100px;
                    color: #fff;
                    transition: all 400ms linear 0s;
                }

                .download_area .download_app_icon ul li:hover a {
                    background: #fff;
                    color: #900000;
                }

                .download_area .download_app_icon ul li:last-child {
                    margin-right: 0px;
                }

.download_content {
    background: #343e43;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 30px;
    margin-bottom: 40px;
    position: relative;
    z-index: 3;
}

    .download_content .item p {
        color: #fff;
        font-family: "Ubuntu", sans-serif;
        font-size: 16px;
        line-height: 24px;
        padding-bottom: 15px;
    }

    .download_content .item h4 {
        font-size: 16px;
        color: #fff;
        font-weight: bold;
        font-family: "Ubuntu", sans-serif;
        display: inline-block;
    }

    .download_content .item ul {
        display: inline-block;
        padding-left: 8px;
    }

        .download_content .item ul li {
            display: inline-block;
        }

            .download_content .item ul li a {
                color: #900000;
            }

    .download_content .owl-controls {
        position: absolute;
        right: 30px !important;
        bottom: -15px !important;
        height: 30px;
        top: auto !important;
    }

        .download_content .owl-controls .owl-dots {
            display: none !important;
        }

        .download_content .owl-controls .owl-nav .owl-prev {
            border-top-left-radius: 15px;
            border-bottom-left-radius: 15px;
        }

        .download_content .owl-controls .owl-nav .owl-next {
            border-top-right-radius: 15px;
            border-bottom-right-radius: 15px;
        }

        .download_content .owl-controls .owl-nav .owl-prev, .download_content .owl-controls .owl-nav .owl-next {
            display: inline-block;
            width: 30px;
            height: 30px;
            background: #fff;
            color: #3d4a50;
            text-align: center;
            line-height: 30px;
            transition: all 400ms linear 0s;
        }

            .download_content .owl-controls .owl-nav .owl-prev:hover, .download_content .owl-controls .owl-nav .owl-next:hover {
                background: #900000;
                color: #fff;
            }

.download_full_slider .download_moblie {
    text-align: center;
}

    .download_full_slider .download_moblie .download_m_slider {
        text-align: center;
        z-index: 3;
        position: relative;
        display: inline-block;
    }

        .download_full_slider .download_moblie .download_m_slider img {
            max-width: 100%;
            text-align: center;
            width: auto;
            display: inline-block;
        }

        .download_full_slider .download_moblie .download_m_slider .download_moblile_slider {
            max-width: 330px;
            margin: auto;
            position: absolute;
            bottom: 0px;
            left: 12px;
            z-index: 5;
        }

            .download_full_slider .download_moblie .download_m_slider .download_moblile_slider .owl-controls {
                position: absolute;
                right: -50px;
                top: 125px;
            }

                .download_full_slider .download_moblie .download_m_slider .download_moblile_slider .owl-controls .owl-dots .owl-dot {
                    height: 12px;
                    width: 12px;
                    border-radius: 50%;
                    background: #900000;
                    margin-bottom: 10px;
                    position: relative;
                    left: 2px;
                }

                    .download_full_slider .download_moblie .download_m_slider .download_moblile_slider .owl-controls .owl-dots .owl-dot:last-child {
                        margin-bottom: 0px;
                    }

                    .download_full_slider .download_moblie .download_m_slider .download_moblile_slider .owl-controls .owl-dots .owl-dot.active {
                        border: 2px solid #fff;
                        vertical-align: middle;
                        box-sizing: content-box;
                        left: 0px;
                    }

/* End Download area css
============================================================================================ */
/* Who we area css
============================================================================================ */
.who_we_are_area {
    padding: 80px 0px;
}

    .who_we_are_area .welcome_title {
        padding-bottom: 50px;
    }

    .who_we_are_area .who_we_left h4 {
        font-size: 22px;
        font-weight: 500;
        font-family: "Ubuntu", sans-serif;
        color: #334249;
        padding-bottom: 10px;
    }

    .who_we_are_area .who_we_left p {
        line-height: 24px;
        font-size: 16px;
        font-family: "Ubuntu", sans-serif;
        color: #334249;
        padding-bottom: 25px;
    }

        .who_we_are_area .who_we_left p + p {
            padding-bottom: 0px;
        }

    .who_we_are_area .who_we_right {
        max-width: 100%;
        border-radius: 5px;
    }

        .who_we_are_area .who_we_right img {
            max-width: 100%;
        }

    .who_we_are_area.why_us .who_we_left p {
        padding-bottom: 16px;
    }

        .who_we_are_area.why_us .who_we_left p + p {
            padding-bottom: 0px;
        }

/* End  Who we area css
============================================================================================ */
/* End  Who we area css
============================================================================================ */
.best_mate_area {
    position: relative;
    overflow: hidden;
}

    .best_mate_area .best_bg_slider .rev_slider ul li {
        z-index: 5 !important;
    }

        .best_mate_area .best_bg_slider .rev_slider ul li .tp-bgimg {
            z-index: 6 !important;
        }

    .best_mate_area .best_bg_slider .tp-bullets .tp-bullet {
        height: 12px;
        width: 12px;
        box-shadow: 0 0 0 2px transparent;
    }

        .best_mate_area .best_bg_slider .tp-bullets .tp-bullet .tp-bullet-inner {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            background: #900000;
        }

        .best_mate_area .best_bg_slider .tp-bullets .tp-bullet:hover {
            box-shadow: 0 0 0 2px #fff;
        }

            .best_mate_area .best_bg_slider .tp-bullets .tp-bullet:hover .tp-bullet-inner {
                -webkit-transform: scale(0.6);
                -ms-transform: scale(0.6);
                transform: scale(0.6);
            }

        .best_mate_area .best_bg_slider .tp-bullets .tp-bullet.selected {
            box-shadow: 0 0 0 2px #fff;
        }

    .best_mate_area .left_best_content {
        position: absolute;
        top: 0px;
        width: 100%;
        left: 0px;
    }

        .best_mate_area .left_best_content .left_inner_content {
            width: 50%;
            background: rgba(26, 26, 26, 0.5);
            min-height: 372px;
            float: left;
            z-index: 10;
            position: relative;
        }

            .best_mate_area .left_best_content .left_inner_content .left_inner_right {
                max-width: 585px;
                float: right;
                width: 100%;
            }

                .best_mate_area .left_best_content .left_inner_content .left_inner_right h4 {
                    color: #fff;
                    font-family: "Ubuntu", sans-serif;
                    font-weight: bold;
                    font-size: 30px;
                    max-width: 335px;
                    padding-top: 95px;
                }

                .best_mate_area .left_best_content .left_inner_content .left_inner_right p {
                    font-size: 16px;
                    color: #fff;
                    font-family: "Ubuntu", sans-serif;
                    padding: 8px 0px 22px 0px;
                }

    .best_mate_area .right_best_content {
        width: 50%;
        background: rgba(26, 26, 26, 0.5);
        float: right;
    }

/* End  Who we area css
============================================================================================ */
/* Our Team area css
============================================================================================ */
.our_team_area {
    background: #f4f4f4;
    padding: 80px 0px;
}

    .our_team_area .welcome_title {
        padding-bottom: 50px;
    }

.team_inner_area .team_items {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}

    .team_inner_area .team_items img {
        max-width: 100%;
    }

    .team_inner_area .team_items:before {
        content: '';
        height: 5px;
        width: 100%;
        bottom: 0px;
        left: 0px;
        position: absolute;
        background: rgba(231, 76, 60, 0.95);
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        transition: all 200ms ease-in;
    }

    .team_inner_area .team_items .plus_zoom {
        position: absolute;
        right: -25px;
        top: -25px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 50px 50px 0;
        border-color: transparent #900000 transparent transparent;
        transition: all 400ms linear 0s;
    }

        .team_inner_area .team_items .plus_zoom:before {
            content: "+";
            color: #fff;
            position: absolute;
            left: 31px;
            top: 3px;
        }

    .team_inner_area .team_items .hover_details {
        position: absolute;
        bottom: -100px;
        left: 0px;
        width: 100%;
        text-align: center;
        transition: all 400ms linear 0s;
    }

        .team_inner_area .team_items .hover_details h4 {
            font-size: 16px;
            font-weight: bold;
            font-family: "Ubuntu", sans-serif;
            color: #fff;
            padding-bottom: 5px;
        }

        .team_inner_area .team_items .hover_details h5 {
            font-size: 16px;
            font-family: "Ubuntu", sans-serif;
            color: #fff;
            font-weight: 300;
        }

    .team_inner_area .team_items:hover:before {
        height: 96px;
    }

    .team_inner_area .team_items:hover .plus_zoom {
        right: 0px;
        top: 0px;
    }

    .team_inner_area .team_items:hover .hover_details {
        bottom: 25px;
    }

/* End Our Team area css
============================================================================================ */
/* Members Says area css
============================================================================================ */
.members_say_area {
    background: url(../img/members_says_bg.jpg) no-repeat scroll center center;
    background-size: cover;
    position: relative;
    z-index: 2;
    padding: 80px 0px;
}

    .members_say_area:before {
        content: "";
        background: rgba(0, 0, 0, 0.75);
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        position: absolute;
        z-index: -1;
    }

    .members_say_area .welcome_white_title {
        padding-bottom: 50px;
    }

    .members_say_area .members_say_inner {
        max-width: 1030px;
        margin: auto;
        text-align: center;
    }

        .members_say_area .members_say_inner p {
            color: #fff;
            border-top: 1px solid #fff;
            border-bottom: 1px solid #fff;
            padding: 28px 40px;
            font-size: 16px;
            line-height: 24px;
            font-family: "Ubuntu", sans-serif;
        }

        .members_say_area .members_say_inner h4 {
            padding-top: 25px;
            font-size: 16px;
            font-weight: bold;
            font-family: "Ubuntu", sans-serif;
            color: #fff;
        }

            .members_say_area .members_say_inner h4 .left {
                padding-right: 15px;
            }

            .members_say_area .members_say_inner h4 .right {
                padding-left: 15px;
            }

/* End Members Says area css
============================================================================================ */
/* Forums area css
============================================================================================ */
.forums_table .table-responsive .table thead tr {
    border: 1px solid #e0e0e0;
}

    .forums_table .table-responsive .table thead tr th {
        line-height: 44px;
        padding: 0px;
        border-bottom: 0px;
        font-family: "Ubuntu", sans-serif;
        font-size: 16px;
        font-weight: bold;
        color: #2e3c43;
    }

        .forums_table .table-responsive .table thead tr th:first-child {
            padding-left: 30px;
        }

        .forums_table .table-responsive .table thead tr th:nth-child(2) {
            width: 100px;
        }

        .forums_table .table-responsive .table thead tr th:nth-child(3) {
            width: 80px;
        }

        .forums_table .table-responsive .table thead tr th:last-child {
            padding-left: 35px;
        }

.forums_table .table-responsive .table tbody tr {
    border-bottom: 1px solid #e0e0e0;
    border-top: 0;
}

    .forums_table .table-responsive .table tbody tr td {
        padding: 30px 0px 45px 0px;
        font-size: 16px;
        font-family: "Ubuntu", sans-serif;
        color: #334249;
    }

        .forums_table .table-responsive .table tbody tr td h3 {
            color: #334249;
            font-size: 16px;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
            padding-bottom: 15px;
        }

        .forums_table .table-responsive .table tbody tr td p {
            font-size: 16px;
            font-family: "Ubuntu", sans-serif;
            color: #334249;
        }

        .forums_table .table-responsive .table tbody tr td:nth-child(2) {
            padding-left: 10px;
        }

        .forums_table .table-responsive .table tbody tr td:nth-child(3) {
            padding-left: 10px;
        }

        .forums_table .table-responsive .table tbody tr td:first-child {
            padding-left: 40px;
        }

        .forums_table .table-responsive .table tbody tr td .media {
            width: auto;
            overflow: visible;
            padding-top: 10px;
        }

            .forums_table .table-responsive .table tbody tr td .media .media-body {
                width: auto;
                overflow: visible;
            }

                .forums_table .table-responsive .table tbody tr td .media .media-body h4 {
                    font-size: 16px;
                    font-family: "Ubuntu", sans-serif;
                    color: #334249;
                    font-weight: 300;
                    margin-left: -10px;
                    position: relative;
                    top: -10px;
                }

                .forums_table .table-responsive .table tbody tr td .media .media-body h5 {
                    font-size: 16px;
                    font-family: "Ubuntu", sans-serif;
                    color: #334249;
                    font-weight: 500;
                }

/* End Forums area css
============================================================================================ */
/* End Forums area css
============================================================================================ */
.author_posts_inners .nav.navbar-nav {
    width: 100%;
    display: block;
    border: 2px solid #e0e0e0;
    border-radius: 5px;
    padding: 0px 0px 0px 28px;
    clear: both;
    overflow: hidden;
    margin:auto
}

    .author_posts_inners .nav.navbar-nav li {
        margin-right: 80px;
    }

        .author_posts_inners .nav.navbar-nav li a {
            padding: 0px;
            background: transparent;
            line-height: 44px;
            font-size: 16px;
            font-family: "Ubuntu", sans-serif;
            font-weight: bold;
            color: #2e3c43;
        }

        .author_posts_inners .nav.navbar-nav li:last-child {
            margin-right: 0px;
        }

.author_posts_inners .media {
    clear: both;
    padding-left: 50px;
    padding-top: 30px;
    margin-top: 0px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 30px;
}

    .author_posts_inners .media .media-left {
        text-align: center;
        padding-right: 45px;
    }

        .author_posts_inners .media .media-left h3 {
            font-size: 16px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
            padding-top: 10px;
        }

    .author_posts_inners .media .media-body {
        width: auto;
    }

        .author_posts_inners .media .media-body h4 {
            font-size: 16px;
            color: #2e3c43;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
            padding-bottom: 10px;
        }

        .author_posts_inners .media .media-body p {
            font-size: 16px;
            line-height: 24px;
            font-family: "Ubuntu", sans-serif;
        }

/* End Forums area css
============================================================================================ */
/* Community area css
============================================================================================ */
.community_activity .media {
    padding: 30px 0px;
    border-bottom: 1px solid #e0e0e0;
    margin-top: 0px;
}

    .community_activity .media .media-left {
        padding-right: 30px;
    }

    .community_activity .media .media-body {
        vertical-align: middle;
    }

        .community_activity .media .media-body h3 {
            font-size: 16px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
            padding-bottom: 15px;
        }

            .community_activity .media .media-body h3 span {
                font-weight: normal;
            }

        .community_activity .media .media-body h4 {
            font-size: 16px;
            color: #2e3c43;
            font-family: "Ubuntu", sans-serif;
        }

        .community_activity .media .media-body img {
            padding-right: 26px;
            padding-top: 25px;
        }

            .community_activity .media .media-body img + img {
                padding-right: 0px;
            }

    .community_activity .media:first-child {
        padding-top: 0px;
    }

/* End Community area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Main slider area css
============================================================================================ */
.slider_area {
    position: relative;
}

    .slider_area .slider_inner .tp-revslider-mainul li {
        z-index: 4 !important;
    }

    .slider_area .slider_inner #home-slider2 {
        overflow: hidden;
    }

        .slider_area .slider_inner #home-slider2 .tp-revslider-mainul li {
            z-index: 4 !important;
        }

            .slider_area .slider_inner #home-slider2 .tp-revslider-mainul li .tp-bgimg {
                z-index: 5 !important;
            }

            .slider_area .slider_inner #home-slider2 .tp-revslider-mainul li .first_text {
                color: #fff;
                font-family: "Ubuntu", sans-serif;
            }

                .slider_area .slider_inner #home-slider2 .tp-revslider-mainul li .first_text span {
                    color: #900000;
                    font-weight: bold;
                }

        .slider_area .slider_inner #home-slider2 .tp-leftarrow {
            height: 48px;
            width: 48px;
            background: rgba(26, 26, 26, 0.65);
            border-top-right-radius: 24px;
            border-bottom-right-radius: 24px;
            text-align: center;
        }

            .slider_area .slider_inner #home-slider2 .tp-leftarrow:before {
                line-height: 48px;
                position: relative;
                right: 5px;
            }

        .slider_area .slider_inner #home-slider2 .tp-rightarrow {
            height: 48px;
            width: 48px;
            background: rgba(26, 26, 26, 0.65);
            border-top-left-radius: 24px;
            border-bottom-left-radius: 24px;
            text-align: center;
        }

            .slider_area .slider_inner #home-slider2 .tp-rightarrow:before {
                line-height: 48px;
                position: relative;
                left: 5px;
            }

    .slider_area .form_man {
        text-align: center;
    }

    .slider_area.slider_bg {
        background: #2e3c43;
    }

        .slider_area.slider_bg #home-slider3 ul li {
            color: #fff;
            z-index: 4 !important;
        }

            .slider_area.slider_bg #home-slider3 ul li .tp-bgimg {
                z-index: 5 !important;
            }

            .slider_area.slider_bg #home-slider3 ul li .first_text {
                font-weight: bold;
                font-family: "Ubuntu", sans-serif;
            }

            .slider_area.slider_bg #home-slider3 ul li .secand_text {
                font-family: "Ubuntu", sans-serif;
            }

        .slider_area.slider_bg #home-slider3 .tp-bullets .tp-bullet .tp-bullet-inner {
            background: #900000;
        }

        .slider_area.slider_bg #home-slider3 .tp-bullets .tp-bullet.selected .tp-bullet-inner {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
        }

    .slider_area #home-slider ul li .tp-bgimg {
        z-index: 5 !important;
    }

/* Quick Search Container */
.quick_search_container {
    width: 100%; /* Full width of its container */
    max-width: 1000px; /* Optional: Set a maximum width */
    background: #ffffff66;
    padding: 20px; /* Increased padding for better appearance */
    border: 0px solid #e0e0e0;
    border-radius: 10px;
    position: absolute;
    top: calc(47% + 20px); /* Position below the slider with some space */
    left: 50%;
    transform: translateX(-50%); /* Center horizontally */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 9;
    color: #2f3c44;
}

    .quick_search_container form {
        display: flex;
        flex-wrap: nowrap; /* Prevent wrapping */
        align-items: center;
        gap: 15px;
        margin: 0; /* Remove margin around the form */
    }

.form-row {
    display: flex;
    flex-direction: column;
    gap: 5px;
    flex: 1;
}

.age-range {
    display: flex;
    align-items: center;
    gap: 5px;
}

.form-row label {
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    color: #2f3c44;
}

.form-row select,
.form-row input[type="submit"] {
    width: 100%; /* Full width of its container */
    padding: 8px 10px;
    border: 1px solid #ccc;
    border-radius: 10px;
    background-color: #fff;
}

.form-row select {
    max-width: 150px; /* Set a max-width for select elements */
}

.form-row input[type="submit"] {
    background: #952623; /* Background color */
    color: #fff; /* Text color */
    border: none; /* Remove border */
    padding: 10px 20px; /* Padding for buttons */
    border-radius: 5px; /* Rounded corners */
    cursor: pointer; /* Pointer cursor */
    font-weight: bold; /* Bold text */
    transition: background-color 0.3s; /* Smooth transition for hover effect */
    font-size: 16px; /* Font size for buttons */
    max-width: 200px; /* Ensure consistent width for form elements */
}

    .form-row input[type="submit"]:hover {
        background: #6a1b2a; /* Darker background on hover */
    }

.quick_search_container .form-row-inline {
    display: flex;
    align-items: center;
    gap: 15px;
    width: 100%;
}

    .quick_search_container .form-row-inline .form-row {
        flex: 1;
        max-width: none;
    }



.tp-select {
    user-select: text !important
}


.registration_form_area {
    position: absolute;
    left: 0px;
    top: 85px;
    width: 100%;
    z-index: 8;
}

    .registration_form_area .registration_form_s {
        max-width: 370px;
        background: #ffffff66;
        padding: 0px 30px;
        border: 1px solid #e0e0e000;
        border-radius: 3px;
        position: relative;
        top: 80px;
    }
/*.registration_form_area .registration_form_s {
        max-width: 370px;
        background: #fff;
        padding: 0px 30px;
        border: 1px solid #e0e0e0;
        border-radius: 3px;
        position: relative;
        top: 80px;
    }*/


.form_area_default h4 {
    text-align: center;
    font-family: "Ubuntu", sans-serif;
    font-weight: bold;
    font-size: 30px;
    color: #2f3c44;
    padding: 50px 0px 22px 0px;
}

.form_area_default .form-group {
    margin-bottom: 10px;
    /*margin-bottom: 20px;*/
}

    .form_area_default .form-group input.form-control {
        width: 100%;
        height: 40px;
        /*height: 46px;*/
        box-shadow: none;
        border: 1px solid #f4f4f4;
        border-radius: 3px;
        background: #f4f4f4;
        padding: 0px 20px;
        outline: none;
        box-shadow: none;
        text-shadow: none;
        font-size: 16px;
        color: #334249;
        font-family: "Ubuntu", sans-serif;
        font-weight: 500;
    }

        .form_area_default .form-group input.form-control.placeholder {
            font-size: 14px;
            /*font-size: 16px;*/
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
        }

        .form_area_default .form-group input.form-control:-moz-placeholder {
            font-size: 14px;
            /*font-size: 16px;*/
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
        }

        .form_area_default .form-group input.form-control::-moz-placeholder {
            font-size: 14px;
            /*font-size: 16px;*/
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
        }

        .form_area_default .form-group input.form-control::-webkit-input-placeholder {
            font-size: 14px;
            /*font-size: 16px;*/
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
        }

        .form_area_default .form-group input.form-control:focus {
            border: 1px solid #900000;
        }

    .form_area_default .form-group .btn-group {
        width: 100%;
        text-align: left;
        height: 47px;
    }

        .form_area_default .form-group .btn-group .dropdown-toggle {
            width: 100%;
            border: 1px solid #f4f4f4;
            background: #f4f4f4;
            padding: 0px 10px 0px 18px;
            height: 47px;
            box-shadow: none;
            position: relative;
        }

            .form_area_default .form-group .btn-group .dropdown-toggle span[data-bind="label"] {
                text-align: left;
                float: left;
                font-size: 16px;
                color: #334249;
                font-family: "Ubuntu", sans-serif;
                font-weight: 500;
                line-height: 45px;
            }

            .form_area_default .form-group .btn-group .dropdown-toggle .bs-caret {
                position: relative;
            }

                .form_area_default .form-group .btn-group .dropdown-toggle .bs-caret .caret {
                    display: none;
                }

                .form_area_default .form-group .btn-group .dropdown-toggle .bs-caret:before {
                    content: "\f0dc";
                    font: normal normal normal 14px/1 FontAwesome;
                    position: relative;
                    right: 12px;
                    color: #c2c2c2;
                }

    .form_area_default .form-group .form_datetime {
        position: relative;
    }

        .form_area_default .form-group .form_datetime .datetimepicker-dropdown-bottom-right {
            left: 0px;
        }

    .form_area_default .form-group .datepicker {
        position: relative;
    }

        .form_area_default .form-group .datepicker .add-on {
            position: absolute;
            right: 10px;
            color: #c2c2c2;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

    .form_area_default .form-group.reg_chose {
        text-align: center;
        margin: 10px 0px 50px 0px;
    }

.form_area_default .input-group-addon.middle-text-addon {
    background-color: initial;
    border: none;
}
/* End Main slider area css
============================================================================================ */
/* Advanced Search area css
============================================================================================ */
.advanced_search {
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 30px;
    z-index: 6;
}

    .advanced_search .search_inner {
        background: #fff;
        padding: 30px 48px;
        border-radius: 10px;
    }

        .advanced_search .search_inner .search_item {
            display: inline-block;
            padding-right: 25px;
        }

            .advanced_search .search_inner .search_item h5 {
                display: inline-block;
                font-size: 18px;
                font-family: "Ubuntu", sans-serif;
                color: #334249;
                font-weight: 300;
                padding-right: 16px;
            }

            .advanced_search .search_inner .search_item .bootstrap-select {
                width: 175px !important;
                display: inline-block;
            }

                .advanced_search .search_inner .search_item .bootstrap-select .dropdown-toggle {
                    padding: 0px;
                    border: none;
                    background: #f4f4f4;
                    padding: 0px 20px;
                    height: 48px;
                    border-radius: 10px;
                    outline: none !important;
                    box-shadow: none !important;
                }

                    .advanced_search .search_inner .search_item .bootstrap-select .dropdown-toggle .filter-option {
                        font-family: "Ubuntu", sans-serif;
                        color: #334249;
                        font-size: 16px;
                        font-weight: 500;
                    }

                    .advanced_search .search_inner .search_item .bootstrap-select .dropdown-toggle .bs-caret {
                        color: #c2c2c2;
                    }

                        .advanced_search .search_inner .search_item .bootstrap-select .dropdown-toggle .bs-caret:before {
                            content: "\f0dc";
                            font: normal normal normal 14px/1 FontAwesome;
                            position: relative;
                            right: 12px;
                            top: 2px;
                        }

                        .advanced_search .search_inner .search_item .bootstrap-select .dropdown-toggle .bs-caret .caret {
                            display: none;
                        }

                .advanced_search .search_inner .search_item .bootstrap-select .dropdown-menu.inner li {
                    margin: 0px;
                    height: auto;
                    width: 100%;
                }

                    .advanced_search .search_inner .search_item .bootstrap-select .dropdown-menu.inner li a {
                        outline: none !important;
                        box-shadow: none !important;
                        color: #0e0e0e;
                        margin-right: 0px;
                    }

            .advanced_search .search_inner .search_item:nth-child(2) .bootstrap-select {
                width: 112px !important;
            }

            .advanced_search .search_inner .search_item:nth-child(3) .bootstrap-select {
                width: 112px !important;
            }

            .advanced_search .search_inner .search_item:last-child {
                padding-right: 0px;
                padding-left: 5px;
            }

/* End Advanced Search area css
============================================================================================ */
/* Members slider area css
============================================================================================ */
.register_members_slider {
    padding: 64px 0px 64px 0px;
    overflow: hidden;
    width: 100%;
    background: rgb(231, 231, 231);
}

    .register_members_slider .welcome_title {
        padding-bottom: 50px;
    }

    .register_members_slider .r_members_inner .item {
        text-align: center;
    }

        .register_members_slider .r_members_inner .item h4 {
            font-size: 16px;
            font-family: "Ubuntu", sans-serif;
            font-weight: bold;
            color: #2e3c43;
            padding: 20px 0px 10px 0px;
        }

        .register_members_slider .r_members_inner .item h5 {
            font-size: 16px;
            font-family: "Ubuntu", sans-serif;
            color: #334249;
        }

    .register_members_slider .r_members_inner .owl-prev {
        left: -47px;
        border-bottom-left-radius: 24px;
        border-top-left-radius: 24px;
    }

        .register_members_slider .r_members_inner .owl-prev i {
            position: relative;
        }

    .register_members_slider .r_members_inner .owl-next {
        right: -47px;
        border-bottom-right-radius: 24px;
        border-top-right-radius: 24px;
    }

        .register_members_slider .r_members_inner .owl-next i {
            position: relative;
        }

    .register_members_slider .r_members_inner .owl-prev, .register_members_slider .r_members_inner .owl-next {
        position: absolute;
        top: 38%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 48px;
        height: 48px;
        /*background: rgba(26, 26, 26, 0.65);*/
        background: #2e3c43;
        z-index: 2;
        color: #fff;
        text-align: center;
        line-height: 48px;
        font-size: 14px;
        font-weight: bold;
        cursor: pointer;
        transition: all 400ms linear 0s;
    }

        .register_members_slider .r_members_inner .owl-prev:hover, .register_members_slider .r_members_inner .owl-next:hover {
            background: #900000;
        }

/* End Members slider area css
============================================================================================ */
/* Adms slider area css
============================================================================================ */
.adms_slider_area {
    padding: 50px 0px 0px 0px;
}

    .adms_slider_area .adms_inners {
        border: 2px solid #e0e0e0;
        overflow: hidden;
        border-radius: 5px;
    }

        .adms_slider_area .adms_inners .adms_head .left_adms {
            background: #900000;
        }

            .adms_slider_area .adms_inners .adms_head .left_adms .pull-left h3 {
                display: inline-block;
                color: #fff;
                font-size: 22px;
                font-family: "Ubuntu", sans-serif;
                font-weight: 500;
                line-height: 80px;
                padding-left: 30px;
            }

            .adms_slider_area .adms_inners .adms_head .left_adms .pull-left h4 {
                display: inline-block;
                color: #fff;
                padding-left: 20px;
                position: relative;
            }

                .adms_slider_area .adms_inners .adms_head .left_adms .pull-left h4:before {
                    content: "";
                    height: 20px;
                    background: #ffffff;
                    width: 1px;
                    position: absolute;
                    left: 10px;
                    top: 0px;
                }

            .adms_slider_area .adms_inners .adms_head .left_adms .pull-right h5 {
                color: #fff;
                line-height: 80px;
                padding-right: 30px;
                font-size: 22px;
                font-family: "Ubuntu", sans-serif;
                font-weight: 500;
            }

        .adms_slider_area .adms_inners .adms_head .right_adms {
            background: #2e3c43;
            line-height: 80px;
            text-align: center;
            border-left: 1px solid #fff;
        }

            .adms_slider_area .adms_inners .adms_head .right_adms a {
                height: 50px;
                width: 50px;
                border-radius: 50%;
                background: #fff;
                display: inline-block;
                text-align: center;
                color: #900000;
                line-height: 50px;
                font-size: 16px;
                margin-right: 17px;
                transition: all 400ms linear 0s;
            }

                .adms_slider_area .adms_inners .adms_head .right_adms a + a {
                    margin-right: 0px;
                }

                .adms_slider_area .adms_inners .adms_head .right_adms a:hover {
                    background: #900000;
                    color: #fff;
                }

.adms_slider_inners {
    overflow: hidden;
    clear: both;
    padding: 30px 30px;
    background: #f4f4f4;
}

    .adms_slider_inners .slider_adms_active .team_items:before {
        display: none;
    }

    .adms_slider_inners .slider_adms_active .team_items:hover:before {
        display: none;
    }

    .adms_slider_inners .slider_adms_active .owl-controls {
        padding-top: 50px;
    }

        .adms_slider_inners .slider_adms_active .owl-controls .owl-nav {
            text-align: center;
        }

            .adms_slider_inners .slider_adms_active .owl-controls .owl-nav .owl-prev, .adms_slider_inners .slider_adms_active .owl-controls .owl-nav .owl-next {
                display: inline-block;
            }

                .adms_slider_inners .slider_adms_active .owl-controls .owl-nav .owl-prev span, .adms_slider_inners .slider_adms_active .owl-controls .owl-nav .owl-next span {
                    font-size: 16px;
                    color: #2e3c43;
                    font-family: "Ubuntu", sans-serif;
                    font-weight: 500;
                    transition: all 400ms linear 0s;
                }

                    .adms_slider_inners .slider_adms_active .owl-controls .owl-nav .owl-prev span i, .adms_slider_inners .slider_adms_active .owl-controls .owl-nav .owl-next span i {
                        height: 30px;
                        width: 30px;
                        background: #2e3c43;
                        display: inline-block;
                        text-align: center;
                        color: #fff;
                        line-height: 29px;
                        transition: all 400ms linear 0s;
                    }

                .adms_slider_inners .slider_adms_active .owl-controls .owl-nav .owl-prev:hover span, .adms_slider_inners .slider_adms_active .owl-controls .owl-nav .owl-next:hover span {
                    color: #900000;
                }

                    .adms_slider_inners .slider_adms_active .owl-controls .owl-nav .owl-prev:hover span i, .adms_slider_inners .slider_adms_active .owl-controls .owl-nav .owl-next:hover span i {
                        background: #900000;
                    }

                .adms_slider_inners .slider_adms_active .owl-controls .owl-nav .owl-prev span i {
                    border-bottom-left-radius: 15px;
                    border-top-left-radius: 15px;
                    margin-left: 10px;
                }

                .adms_slider_inners .slider_adms_active .owl-controls .owl-nav .owl-next span i {
                    border-bottom-right-radius: 15px;
                    border-top-right-radius: 15px;
                    margin-right: 10px;
                }

/* End Adms slider area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Video area css
============================================================================================ */
.video_area .video_row {
    position: relative;
    height: 570px;
    overflow: hidden;
}

    .video_area .video_row iframe {
        width: 100%;
        min-height: 700px;
        border: none;
    }

    .video_area .video_row .overlay .overlay_bg {
        background: url(../img/video_bg.jpg) no-repeat;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 0;
        opacity: 1;
        transition: all 400ms linear 0s;
    }

        .video_area .video_row .overlay .overlay_bg:before {
            content: '';
            background: rgba(46, 60, 67, 0.85);
            position: absolute;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
        }

    .video_area .video_row .overlay .play_pause {
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
        text-align: center;
    }

        .video_area .video_row .overlay .play_pause i {
            color: #fff;
            font-size: 36px;
            cursor: pointer;
        }

        .video_area .video_row .overlay .play_pause .fa-play {
            height: 100px;
            width: 100px;
            border: 8px solid #818384;
            border-radius: 50%;
            background: #900000;
            line-height: 84px;
        }

        .video_area .video_row .overlay .play_pause #pause_btn {
            display: none;
        }

        .video_area .video_row .overlay .play_pause .video_content h4 {
            color: #fff;
            font-size: 30px;
            line-height: 48px;
            font-family: "Ubuntu", sans-serif;
            font-weight: bold;
            margin-top: 45px;
        }

        .video_area .video_row .overlay .play_pause .video_content h5 {
            color: #900000;
            font-size: 30px;
            letter-spacing: 12px;
            font-family: "ralH";
            padding-top: 10px;
        }

    .video_area .video_row .overlay.playing .overlay_bg {
        display: none;
    }

    .video_area .video_row .overlay.playing .video_content {
        display: none;
    }

/* End Video area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Testimonials area css
============================================================================================ */
.testimonials_area {
    padding: 80px 0px 80px 0px;
}

    .testimonials_area .welcome_title {
        padding-bottom: 45px;
    }

    .testimonials_area .testimonials_slider {
        position: relative;
        z-index: 3;
    }

        .testimonials_area .testimonials_slider:before {
            content: "";
            position: absolute;
            left: -28px;
            top: -30px;
            /* background: url(../img/testimonials-quoto.png) no-repeat scroll center center;*/
            width: 118px;
            height: 103px;
            z-index: -1;
        }

        .testimonials_area .testimonials_slider .test_left_content {
            border: 2px solid #e0e0e0;
            padding: 30px 26px 30px 26px;
        }

            .testimonials_area .testimonials_slider .test_left_content p {
                font-family: "Ubuntu", sans-serif;
                line-height: 24px;
                color: #334249;
                font-size: 16px;
            }

                .testimonials_area .testimonials_slider .test_left_content p span {
                    font-weight: 500;
                }

        .testimonials_area .testimonials_slider .test_man {
            max-width: 170px;
            float: right;
            text-align: center;
            position: relative;
        }

            .testimonials_area .testimonials_slider .test_man:before {
                content: '';
                height: 2px;
                background: #e0e0e0;
                width: 133px;
                position: absolute;
                left: -125px;
                top: 41%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
            }

            .testimonials_area .testimonials_slider .test_man img {
                width: auto;
            }

            .testimonials_area .testimonials_slider .test_man h4 {
                font-size: 16px;
                color: #2e3c43;
                font-weight: bold;
                font-family: "Ubuntu", sans-serif;
                padding: 15px 0px 6px 0px;
            }

            .testimonials_area .testimonials_slider .test_man h5 {
                font-family: "Ubuntu", sans-serif;
                color: #334249;
                font-size: 16px;
            }

        .testimonials_area .testimonials_slider .owl-controls {
            position: absolute;
            right: 330px;
            bottom: 30px;
        }

            .testimonials_area .testimonials_slider .owl-controls .owl-dots {
                display: none !important;
            }

            .testimonials_area .testimonials_slider .owl-controls .owl-nav .owl-prev {
                border-top-left-radius: 15px;
                border-bottom-left-radius: 15px;
            }

            .testimonials_area .testimonials_slider .owl-controls .owl-nav .owl-next {
                border-top-right-radius: 15px;
                border-bottom-right-radius: 15px;
            }

            .testimonials_area .testimonials_slider .owl-controls .owl-nav .owl-prev, .testimonials_area .testimonials_slider .owl-controls .owl-nav .owl-next {
                display: inline-block;
                width: 30px;
                height: 30px;
                background: #2e3c43;
                color: #fff;
                text-align: center;
                line-height: 30px;
                transition: all 400ms linear 0s;
            }

                .testimonials_area .testimonials_slider .owl-controls .owl-nav .owl-prev:hover, .testimonials_area .testimonials_slider .owl-controls .owl-nav .owl-next:hover {
                    background: #900000;
                    color: #fff;
                }

/* End Testimonials area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Blog slider area css
============================================================================================ */
.blog_slider_area .blog_slider_inner .single_blog_slider {
    position: relative;
    overflow: hidden;
}

    .blog_slider_area .blog_slider_inner .single_blog_slider:before {
        content: '';
        position: absolute;
        width: 100%;
        left: 0px;
        bottom: 0px;
        background-image: -moz-linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0.5) 20%, transparent 40%);
        background-image: -webkit-linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0.5) 20%, transparent 40%);
        background-image: -ms-linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0.5) 20%, transparent 40%);
        height: 100%;
        z-index: 1;
    }

    .blog_slider_area .blog_slider_inner .single_blog_slider .blog_item_content {
        position: absolute;
        bottom: -50px;
        width: 100%;
        text-align: center;
        left: 0px;
        padding: 30px 0px;
        z-index: 2;
        transition: all 400ms linear 0s;
    }

        .blog_slider_area .blog_slider_inner .single_blog_slider .blog_item_content:before {
            content: '';
            background: #00000080;
            /*background: #900000;*/
            height: 0;
            width: 100%;
            left: 0px;
            bottom: 0px;
            position: absolute;
            z-index: -1;
            opacity: 0;
            transition: all 300ms ease-in;
        }

        .blog_slider_area .blog_slider_inner .single_blog_slider .blog_item_content h4 {
            font-size: 22px;
            color: #fff;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
            padding-bottom: 13px;
        }

        .blog_slider_area .blog_slider_inner .single_blog_slider .blog_item_content h5 {
            font-size: 16px;
            color: #fff;
            font-family: "Ubuntu", sans-serif;
            font-weight: 300;
            padding-bottom: 15px;
        }

        .blog_slider_area .blog_slider_inner .single_blog_slider .blog_item_content ul {
            opacity: 0;
            transition: all 400ms linear 0s;
        }

            .blog_slider_area .blog_slider_inner .single_blog_slider .blog_item_content ul li {
                display: inline-block;
                margin-right: 20px;
            }

                .blog_slider_area .blog_slider_inner .single_blog_slider .blog_item_content ul li a {
                    display: block;
                    height: 50px;
                    width: 50px;
                    border-radius: 50%;
                    text-align: center;
                    line-height: 50px;
                    font-size: 16px;
                    background: #fff;
                    color: #900000;
                }

                .blog_slider_area .blog_slider_inner .single_blog_slider .blog_item_content ul li:last-child {
                    margin-right: 0px;
                }

    .blog_slider_area .blog_slider_inner .single_blog_slider:hover .blog_item_content {
        bottom: 0px;
    }

        .blog_slider_area .blog_slider_inner .single_blog_slider:hover .blog_item_content:before {
            height: 100%;
            opacity: 1;
        }

        .blog_slider_area .blog_slider_inner .single_blog_slider:hover .blog_item_content ul {
            opacity: 1;
        }

.blog_slider_area .blog_slider_inner .owl-prev {
    left: 0px;
    border-bottom-right-radius: 24px;
    border-top-right-radius: 24px;
}

    .blog_slider_area .blog_slider_inner .owl-prev i {
        position: relative;
        left: -5px;
    }

.blog_slider_area .blog_slider_inner .owl-next {
    right: 0px;
    border-bottom-left-radius: 24px;
    border-top-left-radius: 24px;
}

    .blog_slider_area .blog_slider_inner .owl-next i {
        position: relative;
        right: -5px;
    }

.blog_slider_area .blog_slider_inner .owl-prev, .blog_slider_area .blog_slider_inner .owl-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    background: rgba(26, 26, 26, 0.65);
    z-index: 2;
    color: #fff;
    text-align: center;
    line-height: 48px;
    font-size: 14px;
    font-weight: bold;
}

/* End Blog slider area css
============================================================================================ */
/* End Blog slider area css
============================================================================================ */
.blog_grid_area {
    padding: 64px 0px 64px 0px;
}

    .blog_grid_area .blog_grid_inner {
        margin-top: -48px;
    }

        .blog_grid_area .blog_grid_inner .blog_grid_item {
            margin-top: 48px;
        }

            .blog_grid_area .blog_grid_inner .blog_grid_item .blog_grid_img {
                position: relative;
                border-radius: 5px;
                overflow: hidden;
            }

                .blog_grid_area .blog_grid_inner .blog_grid_item .blog_grid_img:before {
                    content: "";
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    left: 0px;
                    top: 0px;
                    background-image: -moz-linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0.5) 20%, transparent 40%);
                    background-image: -webkit-linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0.5) 20%, transparent 40%);
                    background-image: -ms-linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0.5) 20%, transparent 40%);
                    border-radius: 5px;
                    opacity: 0;
                    transition: all 300ms ease;
                }

                .blog_grid_area .blog_grid_inner .blog_grid_item .blog_grid_img img {
                    max-width: 100%;
                }

                .blog_grid_area .blog_grid_inner .blog_grid_item .blog_grid_img .blog_share_area {
                    position: absolute;
                    bottom: -100px;
                    width: 100%;
                    left: 30px;
                    color: #fff;
                    transition: all 400ms ease-in;
                }

                    .blog_grid_area .blog_grid_inner .blog_grid_item .blog_grid_img .blog_share_area a {
                        color: #fff;
                        margin-right: 18px;
                        font-size: 16px;
                        font-family: "Ubuntu", sans-serif;
                    }

                        .blog_grid_area .blog_grid_inner .blog_grid_item .blog_grid_img .blog_share_area a i {
                            padding-right: 10px;
                            transition: all 400ms linear 0s;
                        }

                        .blog_grid_area .blog_grid_inner .blog_grid_item .blog_grid_img .blog_share_area a:last-child {
                            margin-right: 0px;
                        }

                        .blog_grid_area .blog_grid_inner .blog_grid_item .blog_grid_img .blog_share_area a:hover i {
                            color: #900000;
                        }

            .blog_grid_area .blog_grid_inner .blog_grid_item .blog_grid_content h3 {
                font-size: 22px;
                font-family: "Ubuntu", sans-serif;
                font-weight: 500;
                color: #334249;
                /*padding: 25px 0px 10px 0px;*/
            }

            .blog_grid_area .blog_grid_inner .blog_grid_item .blog_grid_content .blog_grid_date {
                border-bottom: 1px solid #e0e0e0;
            }

                .blog_grid_area .blog_grid_inner .blog_grid_item .blog_grid_content .blog_grid_date a {
                    font-size: 16px;
                    color: #2e3c43;
                    font-family: "Ubuntu", sans-serif;
                    margin-right: 22px;
                    position: relative;
                    padding-bottom: 15px;
                    display: inline-block;
                    font-weight: 400;
                }

                    .blog_grid_area .blog_grid_inner .blog_grid_item .blog_grid_content .blog_grid_date a:last-child {
                        margin-right: 0px;
                    }

                        .blog_grid_area .blog_grid_inner .blog_grid_item .blog_grid_content .blog_grid_date a:last-child:before {
                            display: none;
                        }

                    .blog_grid_area .blog_grid_inner .blog_grid_item .blog_grid_content .blog_grid_date a:before {
                        content: "";
                        height: 17px;
                        width: 1px;
                        background: #2e3c43;
                        position: absolute;
                        right: -12px;
                        top: 4px;
                    }

            .blog_grid_area .blog_grid_inner .blog_grid_item .blog_grid_content p {
                font-size: 16px;
                line-height: 24px;
                font-family: "Ubuntu", sans-serif;
                color: #334249;
                padding: 15px 0px 20px 0px;
            }

            .blog_grid_area .blog_grid_inner .blog_grid_item .blog_grid_content a {
                font-family: "Ubuntu", sans-serif;
                color: #900000;
                font-size: 16px;
                font-weight: 600;
                transition: all 400ms linear 0s;
            }

                .blog_grid_area .blog_grid_inner .blog_grid_item .blog_grid_content a:hover {
                    color: #2e3c43;
                }

            .blog_grid_area .blog_grid_inner .blog_grid_item:hover .blog_grid_img:before {
                opacity: 1;
            }

            .blog_grid_area .blog_grid_inner .blog_grid_item:hover .blog_grid_img .blog_share_area {
                bottom: 28px;
            }

.pagination_area {
    text-align: right;
    margin-top: 48px;
}

    .pagination_area .prev, .pagination_area .next {
        font-size: 16px;
        color: #2e3c43;
        font-family: "Ubuntu", sans-serif;
        font-weight: 500;
        transition: all 400ms linear 0s;
    }

        .pagination_area .prev:hover, .pagination_area .next:hover {
            color: #900000;
        }

    .pagination_area .prev {
        margin-right: 6px;
    }

    .pagination_area .arrow_left, .pagination_area .arrow_right {
        height: 30px;
        width: 30px;
        color: #fff;
        text-align: center;
        line-height: 30px;
        background: #2e3c43;
        display: inline-block;
        transition: all 400ms linear 0s;
    }

        .pagination_area .arrow_left:hover, .pagination_area .arrow_right:hover {
            background: #900000;
        }

    .pagination_area .arrow_left {
        border-bottom-left-radius: 15px;
        border-top-left-radius: 15px;
    }

    .pagination_area .arrow_right {
        border-bottom-right-radius: 15px;
        border-top-right-radius: 15px;
        margin-left: -3px;
    }

    .pagination_area .next {
        margin-left: 6px;
    }

/* End Blog slider area css
============================================================================================ */
/* Sidebar widgets area css
============================================================================================ */
.s_widget {
    margin-bottom: 50px;
    clear: both;
    overflow: hidden;
}

    .s_widget:last-child {
        margin-bottom: 0px;
    }

.s_title {
    padding-bottom: 17px;
}

    .s_title h4 {
        font-size: 22px;
        font-family: "Ubuntu", sans-serif;
        font-weight: 500;
        color: #2e3c43;
        padding-bottom: 3px;
    }

.right_sidebar_area {
    background-color: #f5f5f5;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}

.right_sidebar_area-new {
    background-color: #f5f5f5;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}


.categories_widget ul li {
    margin-bottom: 10px;
    border-bottom: 1px solid #fff;
}

    .categories_widget ul li a {
        font-size: 14px;
        /*font-size: 16px;*/
        color: #334249;
        font-family: "Ubuntu", sans-serif;
        margin-left: -22px;
        transition: all 400ms linear 0s;
    }

        .categories_widget ul li a img {
            padding-right: 5px;
            -webkit-transform: perspective(1px) translateZ(0);
            transform: perspective(1px) translateZ(0);
            -webkit-transform: scaleX(0);
            -ms-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transform-origin: 0 50%;
            -ms-transform-origin: 0 50%;
            transform-origin: 0 50%;
            opacity: 0;
            visibility: hidden;
            transition: all 400ms linear 0s;
        }

    .categories_widget ul li:hover a, .categories_widget ul li.active a {
        margin-left: 0px;
        color: #900000;
    }

        .categories_widget ul li:hover a img, .categories_widget ul li.active a img {
            -webkit-transform: scaleX(1);
            -ms-transform: scaleX(1);
            transform: scaleX(1);
            opacity: 1;
            visibility: visible;
            transition: all 400ms linear 0s;
        }

    .categories_widget ul li:last-child {
        margin-bottom: 0px;
    }

.recent_post_widget .media {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

    .recent_post_widget .media .media-left {
        padding-right: 18px;
    }

    .recent_post_widget .media .media-body h4 {
        font-size: 16px;
        font-family: "Ubuntu", sans-serif;
        font-weight: 500;
        color: #2e3c43;
        padding-bottom: 13px;
    }

    .recent_post_widget .media .media-body a {
        font-size: 16px;
        font-family: "Ubuntu", sans-serif;
        color: #2e3c43;
    }

    .recent_post_widget .media:last-child {
        margin-bottom: 0px;
        border-bottom: none;
        padding-bottom: 0px;
    }

.tags_widget ul {
    margin-right: -5px;
    margin-bottom: -10px;
}

    .tags_widget ul li {
        display: inline-block;
        margin-right: 5px;
        margin-bottom: 10px;
    }

        .tags_widget ul li a {
            display: block;
            font-size: 16px;
            color: #2e3c43;
            font-family: "Ubuntu", sans-serif;
            background: #f4f4f4;
            font-weight: 500;
            line-height: 40px;
            padding: 0px 40px;
            border-radius: 20px;
            transition: all 400ms linear 0s;
        }

        .tags_widget ul li:hover a {
            background: #900000;
            color: #fff;
        }

.tags_widget.tags_2 ul li a {
    padding: 0px 27px;
}

.social_widget ul li {
    display: inline-block;
    margin-right: 14px;
}

    .social_widget ul li a {
        color: #2e3c43;
        font-size: 16px;
        transition: all 400ms linear 0s;
    }

    .social_widget ul li:hover a {
        color: #900000;
    }

    .social_widget ul li:last-child {
        margin-right: 0px;
    }

.photo_widget ul {
    margin-right: -20px;
    margin-bottom: -20px;
    overflow: hidden;
}

    .photo_widget ul li {
        float: left;
        width: calc(100% / 3);
    }

        .photo_widget ul li a {
            padding-right: 20px;
            display: inline-block;
            padding-bottom: 20px;
        }

            .photo_widget ul li a img {
                max-width: 100%;
            }

.price_widget #price_select {
    height: 2px;
    border: none;
    background: #e0e0e0;
    border-radius: 0px;
}

    .price_widget #price_select .ui-slider-range {
        background: #900000;
    }

    .price_widget #price_select .ui-slider-handle {
        border: none;
        border-radius: 50%;
        background: #900000;
        height: 12px;
        width: 12px;
        outline: none !important;
    }

.price_widget .price_inner input {
    width: 100%;
    font-size: 12px;
    color: #334249 !important;
    font-family: "Ubuntu", sans-serif;
    font-weight: 300 !important;
    padding-top: 4px;
    margin-bottom: 20px;
}

    .price_widget .price_inner input.placeholder {
        font-size: 12px;
        color: #334249 !important;
        font-family: "Ubuntu", sans-serif;
        font-weight: 300 !important;
    }

    .price_widget .price_inner input:-moz-placeholder {
        font-size: 12px;
        color: #334249 !important;
        font-family: "Ubuntu", sans-serif;
        font-weight: 300 !important;
    }

    .price_widget .price_inner input::-moz-placeholder {
        font-size: 12px;
        color: #334249 !important;
        font-family: "Ubuntu", sans-serif;
        font-weight: 300 !important;
    }

    .price_widget .price_inner input::-webkit-input-placeholder {
        font-size: 12px;
        color: #334249 !important;
        font-family: "Ubuntu", sans-serif;
        font-weight: 300 !important;
    }

.price_widget .price_inner a {
    line-height: 40px;
    display: inline-block;
    background: #f4f4f4;
    padding: 0px 44px;
    font-family: "Ubuntu", sans-serif;
    color: #334249;
    font-size: 16px;
    border-radius: 20px;
    margin-right: 25px;
}

    .price_widget .price_inner a + a {
        margin-right: 0px;
    }

.l_product_widget ul {
    margin-right: -20px;
    margin-top: -20px;
}

    .l_product_widget ul li {
        width: calc(100% / 3);
        float: left;
        overflow: hidden;
        padding-right: 20px;
        padding-top: 20px;
    }

        .l_product_widget ul li a {
            display: inline-block;
            border-radius: 5px;
        }

            .l_product_widget ul li a img {
                max-width: 100%;
            }

.color_widget ul {
    overflow: hidden;
    margin-right: -10px;
}

    .color_widget ul li {
        width: calc(100% / 7);
        float: left;
        overflow: hidden;
        padding-right: 10px;
    }

        .color_widget ul li a {
            border-radius: 3px;
            background: #000;
            height: 30px;
            display: block;
            position: relative;
        }

            .color_widget ul li a:before {
                content: "";
                background: url(../img/tick.png) no-repeat scroll center center;
                position: absolute;
                left: 50%;
                top: 50%;
                -webkit-transform: translateX(-50%) translateY(-50%);
                -ms-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%);
                width: 13px;
                height: 10px;
                opacity: 0;
            }

        .color_widget ul li:nth-child(2) a {
            background: #3498db;
        }

        .color_widget ul li:nth-child(3) a {
            background: #26a65b;
        }

        .color_widget ul li:nth-child(4) a {
            background: #eef2f8;
        }

        .color_widget ul li:nth-child(5) a {
            background: #000;
        }

        .color_widget ul li:nth-child(6) a {
            background: #8e44ad;
        }

        .color_widget ul li:last-child a {
            background: #ef4836;
        }

        .color_widget ul li.active a:before {
            opacity: 1;
        }

.people_widget {
    overflow: visible;
}

    .people_widget .navbar-nav {
        margin-top: -20px;
    }

        .people_widget .navbar-nav li {
            width: calc(100% / 3);
            margin-top: 20px;
        }

            .people_widget .navbar-nav li a {
                padding: 0px;
                background: transparent;
                position: relative;
                display: inline-block;
            }

                .people_widget .navbar-nav li a:before {
                    content: "";
                    background: rgba(0, 0, 0, 0.6);
                    width: 100%;
                    height: 100%;
                    border-radius: 50%;
                    position: absolute;
                    left: 0px;
                    top: 0;
                    opacity: 0;
                    transition: all 400ms linear 0s;
                }

                .people_widget .navbar-nav li a:after {
                    content: "\f00d";
                    font: normal normal normal 14px/1 FontAwesome;
                    height: 30px;
                    width: 30px;
                    border-radius: 50%;
                    position: absolute;
                    left: 50%;
                    -webkit-transform: translateX(-50%) translateY(-50%);
                    -ms-transform: translateX(-50%) translateY(-50%);
                    transform: translateX(-50%) translateY(-50%);
                    top: 50%;
                    background: #900000;
                    color: #fff;
                    text-align: center;
                    line-height: 30px;
                    opacity: 0;
                    transition: all 400ms linear 0s;
                }

                .people_widget .navbar-nav li a img {
                    max-width: 100%;
                }

            .people_widget .navbar-nav li.tool_hover .dropdown-menu {
                display: block;
                top: auto;
                bottom: 122%;
                padding: 0px;
                min-width: 270px;
                margin: 0px;
                border-radius: 5px;
                border: 1px solid #e0e0e0;
                left: 10px;
                opacity: 0;
                transition: all 400ms linear 0s;
                visibility: hidden;
            }

                .people_widget .navbar-nav li.tool_hover .dropdown-menu li {
                    width: 100%;
                    margin-top: 0px;
                }

                    .people_widget .navbar-nav li.tool_hover .dropdown-menu li .head_area {
                        background: #900000;
                        border-top-left-radius: 5px;
                        border-top-right-radius: 5px;
                        padding: 0px 20px;
                    }

                        .people_widget .navbar-nav li.tool_hover .dropdown-menu li .head_area h4 {
                            display: inline-block;
                            font-size: 16px;
                            font-family: "Ubuntu", sans-serif;
                            font-weight: bold;
                            line-height: 42px;
                            color: #fff;
                        }

                            .people_widget .navbar-nav li.tool_hover .dropdown-menu li .head_area h4 + h4 {
                                float: right;
                            }

                    .people_widget .navbar-nav li.tool_hover .dropdown-menu li .media {
                        margin: 0px;
                        padding: 18px 0px;
                    }

                        .people_widget .navbar-nav li.tool_hover .dropdown-menu li .media .media-left {
                            padding-right: 20px;
                        }

                            .people_widget .navbar-nav li.tool_hover .dropdown-menu li .media .media-left img {
                                padding-left: 20px;
                            }

                        .people_widget .navbar-nav li.tool_hover .dropdown-menu li .media .media-body h6 {
                            font-size: 16px;
                            color: #334249;
                            line-height: 24px;
                            font-family: "Ubuntu", sans-serif;
                        }

                .people_widget .navbar-nav li.tool_hover .dropdown-menu:before {
                    content: "";
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 12px 6px 0 6px;
                    border-color: #fff transparent transparent transparent;
                    position: absolute;
                    bottom: -12px;
                    left: 20px;
                }

            .people_widget .navbar-nav li.tool_hover:hover .dropdown-menu {
                opacity: 1;
                visibility: visible;
            }

            .people_widget .navbar-nav li:hover a:before {
                opacity: 1;
            }

            .people_widget .navbar-nav li:hover a:after {
                opacity: 1;
            }

.search_widget .input-group input {
    height: 48px;
    background: #f4f4f4;
    border: none;
    box-shadow: none;
    text-shadow: none;
    border-bottom-left-radius: 24px;
    border-top-left-radius: 24px;
    padding: 0px 10px 0px 20px;
    color: #2e3c43;
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    outline: none !important;
}

    .search_widget .input-group input.placeholder {
        color: #2e3c43;
        font-family: "Ubuntu", sans-serif;
        font-size: 16px;
    }

    .search_widget .input-group input:-moz-placeholder {
        color: #2e3c43;
        font-family: "Ubuntu", sans-serif;
        font-size: 16px;
    }

    .search_widget .input-group input::-moz-placeholder {
        color: #2e3c43;
        font-family: "Ubuntu", sans-serif;
        font-size: 16px;
    }

    .search_widget .input-group input::-webkit-input-placeholder {
        color: #2e3c43;
        font-family: "Ubuntu", sans-serif;
        font-size: 16px;
    }

    .search_widget .input-group input:focus {
        border: none !important;
        outline: none !important;
    }

.search_widget .input-group .input-group-btn {
    outline: none !important;
    box-shadow: none !important;
}

    .search_widget .input-group .input-group-btn .btn-default {
        height: 48px;
        width: 60px;
        padding: 0px;
        border-bottom-right-radius: 24px;
        border-top-right-radius: 24px;
        border: none;
        background: #900000;
        margin-left: 0px;
        color: #fff;
        font-size: 18px;
        outline: none !important;
        box-shadow: none !important;
    }

.group_widget .group_list .media {
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e0e0e0;
}

    .group_widget .group_list .media .media-left {
        padding-right: 15px;
    }

    .group_widget .group_list .media .media-body {
        vertical-align: middle;
    }

        .group_widget .group_list .media .media-body h4 {
            font-size: 16px;
            font-family: "Ubuntu", sans-serif;
            color: #334249;
            font-weight: 500;
        }

    .group_widget .group_list .media:first-child {
        margin-top: 0px;
    }

    .group_widget .group_list .media:last-child {
        padding-bottom: 0px;
        border: none;
    }

.replies_widget ul li a {
    font-size: 16px;
    color: #334249;
    font-family: "Ubuntu", sans-serif;
    padding-bottom: 5px;
    display: inline-block;
    transition: all 400ms linear 0s;
}

    .replies_widget ul li a i {
        padding-right: 5px;
    }

.replies_widget ul li:hover a {
    color: #900000;
}

.replies_widget ul li:last-child a {
    padding-bottom: 0px;
}

.right_side {
    float: right;
}

/* End Sidebar widgets area css
============================================================================================ */
/* Blog Single page area css
============================================================================================ */
.blog_details_content .single_blog_image h3 {
    font-size: 30px;
    color: #2e3c43;
    font-family: "Ubuntu", sans-serif;
    font-weight: bold;
    padding-bottom: 10px;
}

.blog_details_content .single_blog_image .admin_date a {
    font-size: 16px;
    color: #334249;
    font-family: "Ubuntu", sans-serif;
    margin-right: 28px;
    position: relative;
    display: inline-block;
}

    .blog_details_content .single_blog_image .admin_date a:last-child {
        margin-right: 0px;
    }

        .blog_details_content .single_blog_image .admin_date a:last-child:before {
            display: none;
        }

    .blog_details_content .single_blog_image .admin_date a:before {
        content: "";
        height: 17px;
        width: 1px;
        background: #2e3c43;
        position: absolute;
        right: -14px;
        top: 5px;
    }

.blog_details_content .single_blog_image img {
    max-width: 100%;
    border-radius: 5px;
    margin-top: 25px;
    margin-bottom: 45px;
}

.blog_details_content .single_blog_image p {
    line-height: 24px;
    font-family: "Ubuntu", sans-serif;
    color: #334249;
    font-size: 16px;
    padding-bottom: 26px;
}

.blog_details_content .blog_quote {
    border: 2px solid #e0e0e0;
    padding: 30px 20px 30px 25px;
    border-radius: 5px;
    position: relative;
    margin-top: 15px;
}

    .blog_details_content .blog_quote:before {
        content: '';
        position: absolute;
        left: -28px;
        top: -32px;
        background: url(../img/testimonials-quoto.png) no-repeat scroll center center;
        width: 118px;
        height: 103px;
        z-index: -1;
    }

    .blog_details_content .blog_quote p {
        line-height: 24px;
        font-family: "Ubuntu", sans-serif;
        color: #334249;
        font-size: 16px;
    }

        .blog_details_content .blog_quote p span {
            font-weight: 500;
        }

.blog_details_content .blog_standard h4 {
    font-size: 22px;
    color: #334249;
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    padding: 45px 0px 10px 0px;
}

.blog_details_content .blog_standard p {
    line-height: 24px;
    font-family: "Ubuntu", sans-serif;
    color: #334249;
    font-size: 16px;
    padding-bottom: 25px;
}

.blog_details_content .viewrs {
    text-align: center;
    background: #2e3c43;
    border-radius: 24px;
    margin-top: 15px;
}

    .blog_details_content .viewrs a {
        color: #fff;
        margin-right: 20px;
        font-size: 16px;
        font-family: "Ubuntu", sans-serif;
        line-height: 48px;
    }

        .blog_details_content .viewrs a i {
            margin-right: 10px;
            transition: all 400ms linear 0s;
        }

        .blog_details_content .viewrs a:last-child {
            margin-right: 0px;
        }

        .blog_details_content .viewrs a:hover i {
            color: #900000;
        }

/* End Blog Single page area css
============================================================================================ */
/* Comment area css
============================================================================================ */
.blog_comment_list {
    margin-top: 70px;
}

    .blog_comment_list h3 {
        font-weight: bold;
        color: #2e3c43;
        font-family: "Ubuntu", sans-serif;
        font-size: 30px;
    }

    .blog_comment_list .blog_comment_item {
        border-bottom: 1px solid #e0e0e0;
        padding-bottom: 45px;
    }

        .blog_comment_list .blog_comment_item .media {
            margin-top: 45px;
            margin-bottom: 0px;
        }

            .blog_comment_list .blog_comment_item .media .media-left {
                padding-right: 25px;
            }

            .blog_comment_list .blog_comment_item .media .media-body h4 {
                display: inline-block;
                font-size: 16px;
                color: #2e3c43;
                font-family: "Ubuntu", sans-serif;
                font-weight: bold;
                padding-bottom: 10px;
            }

            .blog_comment_list .blog_comment_item .media .media-body h5 {
                float: right;
                font-size: 16px;
                color: #2e3c43;
                font-family: "Ubuntu", sans-serif;
                font-weight: bold;
            }

            .blog_comment_list .blog_comment_item .media .media-body p {
                font-size: 16px;
                color: #334249;
                font-family: "Ubuntu", sans-serif;
                line-height: 24px;
            }

            .blog_comment_list .blog_comment_item .media .media-body a {
                display: block;
                text-align: right;
                font-size: 16px;
                color: #334249;
                font-weight: 500;
                padding-top: 15px;
            }

                .blog_comment_list .blog_comment_item .media .media-body a i {
                    padding-right: 8px;
                }

                .blog_comment_list .blog_comment_item .media .media-body a:hover {
                    color: #900000;
                }

            .blog_comment_list .blog_comment_item .media.reply_comment {
                padding-left: 100px;
            }

.comment_form_area h4 {
    font-size: 30px;
    font-family: "Ubuntu", sans-serif;
    font-weight: bold;
    color: #2e3c43;
    padding: 45px 0px 40px 0px;
}

.comment_form_area .form_inner .form-group {
    margin-bottom: 30px;
}

    .comment_form_area .form_inner .form-group input {
        background: #f4f4f4;
        border: 1px solid #f4f4f4;
        height: 48px;
        box-shadow: none;
        border-radius: 5px;
        font-size: 16px;
        font-size: 16px;
        color: #334249;
        font-family: "Ubuntu", sans-serif;
        font-weight: 500;
        padding: 0px 20px 0px 30px;
        outline: none !important;
        box-shadow: none !important;
    }

        .comment_form_area .form_inner .form-group input.placeholder {
            font-size: 16px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
        }

        .comment_form_area .form_inner .form-group input:-moz-placeholder {
            font-size: 16px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
        }

        .comment_form_area .form_inner .form-group input::-moz-placeholder {
            font-size: 16px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
        }

        .comment_form_area .form_inner .form-group input::-webkit-input-placeholder {
            font-size: 16px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
        }

        .comment_form_area .form_inner .form-group input:focus {
            border-color: #900000;
        }

    .comment_form_area .form_inner .form-group textarea {
        background: #f4f4f4;
        border: 1px solid #f4f4f4;
        height: 180px;
        box-shadow: none;
        border-radius: 5px;
        font-size: 16px;
        font-size: 16px;
        color: #334249;
        font-family: "Ubuntu", sans-serif;
        font-weight: 500;
        padding: 15px 20px 0px 30px;
        width: 100%;
        resize: none;
        outline: none !important;
        box-shadow: none !important;
    }

        .comment_form_area .form_inner .form-group textarea.placeholder {
            font-size: 16px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
        }

        .comment_form_area .form_inner .form-group textarea:-moz-placeholder {
            font-size: 16px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
        }

        .comment_form_area .form_inner .form-group textarea::-moz-placeholder {
            font-size: 16px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
        }

        .comment_form_area .form_inner .form-group textarea::-webkit-input-placeholder {
            font-size: 16px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
        }

        .comment_form_area .form_inner .form-group textarea:focus {
            border-color: #900000;
        }

    .comment_form_area .form_inner .form-group:last-child {
        margin-bottom: 0px;
    }

    .comment_form_area .form_inner .form-group .login_btn {
        float: right;
    }

.single_blog_middle {
    max-width: 990px;
    margin: auto;
}

/* End Comment area css
============================================================================================ */
/* End Comment area css
============================================================================================ */
.stories_area .welcome_title {
    padding-bottom: 50px;
}

.blog_grid_area.sticky_story_area {
    /*background: #f5f5f5;*/
}

    .blog_grid_area.sticky_story_area .welcome_title {
        padding-bottom: 50px;
    }

    .blog_grid_area.sticky_story_area .blog_grid_inner.sticky_slider {
        margin-top: 0px;
    }

        .blog_grid_area.sticky_story_area .blog_grid_inner.sticky_slider .blog_grid_item {
            margin: 0px;
        }

            .blog_grid_area.sticky_story_area .blog_grid_inner.sticky_slider .blog_grid_item .blog_grid_img {
                position: relative;
            }

                .blog_grid_area.sticky_story_area .blog_grid_inner.sticky_slider .blog_grid_item .blog_grid_img .author_name {
                    position: absolute;
                    left: 0px;
                    width: 100%;
                    height: 40px;
                    background: #900000;
                    color: #fff;
                    z-index: 5;
                    bottom: 30px;
                    text-align: center;
                    opacity: 0;
                    transition: all 400ms linear 0s;
                }

                    .blog_grid_area.sticky_story_area .blog_grid_inner.sticky_slider .blog_grid_item .blog_grid_img .author_name h4 {
                        line-height: 40px;
                        font-size: 16px;
                        font-weight: bold;
                        font-family: "Ubuntu", sans-serif;
                    }

            .blog_grid_area.sticky_story_area .blog_grid_inner.sticky_slider .blog_grid_item:hover .blog_grid_img .author_name {
                opacity: 1;
            }

        .blog_grid_area.sticky_story_area .blog_grid_inner.sticky_slider .owl-prev, .blog_grid_area.sticky_story_area .blog_grid_inner.sticky_slider .owl-next {
            position: absolute;
            top: 25%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            z-index: 4;
            height: 30px;
            width: 30px;
            background: #2e3c43;
            color: #fff;
            text-align: center;
            line-height: 30px;
            transition: all 400ms linear 0s;
            cursor: pointer;
        }

            .blog_grid_area.sticky_story_area .blog_grid_inner.sticky_slider .owl-prev:hover, .blog_grid_area.sticky_story_area .blog_grid_inner.sticky_slider .owl-next:hover {
                background: #900000;
            }

        .blog_grid_area.sticky_story_area .blog_grid_inner.sticky_slider .owl-prev {
            border-bottom-left-radius: 15px;
            border-top-left-radius: 15px;
            left: -30px;
        }

        .blog_grid_area.sticky_story_area .blog_grid_inner.sticky_slider .owl-next {
            right: -30px;
            border-bottom-right-radius: 15px;
            border-top-right-radius: 15px;
        }

/* End Comment area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Map area css
============================================================================================ */
.mapBox {
    min-height: 740px;
    width: 100%;
}

.map_area {
    background-size: cover;
    min-height: 740px;
    position: relative;
    overflow: hidden;
}

    .map_area ul {
        position: absolute;
        width: 100%;
        height: 100%;
    }

        .map_area ul li {
            height: 24px;
            width: 24px;
        }

            .map_area ul li .tooltip {
                height: 24px;
                width: 24px;
                border: 5px solid #2e3c43;
                border-radius: 50%;
                display: block;
                background: #900000;
                opacity: 1;
                position: absolute;
                left: 112px;
                top: 160px;
                z-index: 2;
            }

                .map_area ul li .tooltip:focus {
                    background: #fff;
                }

            .map_area ul li:nth-child(2) .tooltip {
                left: 88px;
                top: auto;
                bottom: 200px;
            }

            .map_area ul li:nth-child(3) .tooltip {
                left: 42%;
                top: 78px;
                -webkit-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                transform: translateX(-50%);
            }

            .map_area ul li:nth-child(4) .tooltip {
                left: 47%;
                top: 335px;
            }

            .map_area ul li:nth-child(5) .tooltip {
                left: 39%;
                top: auto;
                bottom: 215px;
            }

            .map_area ul li:nth-child(6) .tooltip {
                left: 55%;
                top: auto;
                bottom: 100px;
            }

            .map_area ul li:nth-child(7) .tooltip {
                left: 63%;
                top: 75px;
                -webkit-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                transform: translateX(-50%);
            }

            .map_area ul li:nth-child(8) .tooltip {
                left: auto;
                top: auto;
                right: 365px;
                bottom: 135px;
            }

            .map_area ul li:nth-child(9) .tooltip {
                left: auto;
                top: 270px;
                right: 300px;
            }

            .map_area ul li:nth-child(10) .tooltip {
                left: auto;
                top: 190;
                right: 113px;
            }

            .map_area ul li:last-child .tooltip {
                left: auto;
                top: auto;
                right: 113px;
                bottom: 172px;
            }

    .map_area.map_marker {
        min-height: 724px;
    }

        .map_area.map_marker ul li .tooltip {
            position: absolute;
            left: 47%;
            top: 50%;
            -webkit-transform: translateX(-50%) translateY(-50);
            -ms-transform: translateX(-50%) translateY(-50);
            transform: translateX(-50%) translateY(-50);
            background: url(../img/map-marker.png) no-repeat scroll center center;
            height: 56px;
            width: 34px;
            border-radius: 0px;
            border: none;
        }

.webui-popover-content {
    padding: 25px 0px 0px 20px !important;
}

.tool_content .media-left {
    padding-right: 20px;
    vertical-align: middle;
}

.tool_content .media-body h3 {
    font-size: 16px;
    color: #2e3c43;
    font-family: "Ubuntu", sans-serif;
    font-weight: bold;
    padding-bottom: 8px;
}

.tool_content .media-body h5 {
    font-size: 16px;
    color: #334249;
    font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    padding-bottom: 8px;
}

    .tool_content .media-body h5:last-child {
        padding-bottom: 0px;
    }

#tip4 {
    padding: 28px 0px 28px 28px;
    width: 270px !important;
}

    #tip4 h4 {
        color: #900000;
        font-size: 30px;
        font-family: "Ubuntu", sans-serif;
        font-weight: bold;
        padding-bottom: 12px;
    }

        #tip4 h4 span {
            color: #2e3c43;
        }

    #tip4 h5 {
        font-size: 16px;
        color: #334249;
        font-family: "Ubuntu", sans-serif;
        line-height: 24px;
        font-weight: 300;
    }

#mcTooltipWrapper {
    padding: 0px !important;
}

    #mcTooltipWrapper #mcTooltip {
        background: transparent;
        box-shadow: none;
        border: none;
        width: 270px !important;
        background: #fff;
        box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
        border-radius: 5px;
    }

    #mcTooltipWrapper #mcttCloseButton {
        display: none !important;
    }

    #mcTooltipWrapper #mcttCo {
        top: 148px !important;
        left: 18px !important;
    }

#tip3 {
    background: #fff;
    padding: 28px 20px;
}

    #tip3 .media-left {
        vertical-align: middle;
        padding-right: 20px;
    }

    #tip3 .media-body {
        width: auto;
    }

        #tip3 .media-body h3 {
            font-size: 16px;
            color: #2e3c43;
            font-family: "Ubuntu", sans-serif;
            font-weight: bold;
            padding-bottom: 8px;
        }

        #tip3 .media-body h5 {
            font-size: 16px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 300;
            padding-bottom: 8px;
        }

            #tip3 .media-body h5:last-child {
                padding-bottom: 0px;
            }

.tooltip_templates {
    display: none;
}

.bloger_map_form {
    background: #fff;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
    max-width: 370px;
    padding: 48px 48px;
    overflow: hidden;
    margin-top: 80px;
    position: relative;
    z-index: 3;
}

    .bloger_map_form h4 {
        text-align: center;
        font-size: 30px;
        font-family: "Ubuntu", sans-serif;
        font-weight: bold;
        color: #2e3c43;
        padding-bottom: 20px;
    }

    .bloger_map_form .bloger_map_inner .form-single {
        clear: both;
        margin-bottom: 20px;
    }

        .bloger_map_form .bloger_map_inner .form-single h5 {
            font-size: 18px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 300;
            display: inline-block;
            position: relative;
            top: 10px;
        }

        .bloger_map_form .bloger_map_inner .form-single .bootstrap-select {
            width: 145px;
            display: inline-block;
            float: right;
        }

            .bloger_map_form .bloger_map_inner .form-single .bootstrap-select .dropdown-toggle {
                padding: 0px;
                border: none;
                background: #f4f4f4;
                padding: 0px 20px;
                height: 48px;
                border-radius: 24px;
                outline: none !important;
                box-shadow: none !important;
            }

                .bloger_map_form .bloger_map_inner .form-single .bootstrap-select .dropdown-toggle .filter-option {
                    font-family: "Ubuntu", sans-serif;
                    color: #334249;
                    font-size: 16px;
                    font-weight: 500;
                }

                .bloger_map_form .bloger_map_inner .form-single .bootstrap-select .dropdown-toggle .bs-caret {
                    color: #c2c2c2;
                }

                    .bloger_map_form .bloger_map_inner .form-single .bootstrap-select .dropdown-toggle .bs-caret:before {
                        content: "\f0dc";
                        font: normal normal normal 14px/1 FontAwesome;
                        position: relative;
                        right: 12px;
                    }

                    .bloger_map_form .bloger_map_inner .form-single .bootstrap-select .dropdown-toggle .bs-caret .caret {
                        display: none;
                    }

            .bloger_map_form .bloger_map_inner .form-single .bootstrap-select .dropdown-menu.inner li {
                margin: 0px;
                height: auto;
                width: 100%;
            }

                .bloger_map_form .bloger_map_inner .form-single .bootstrap-select .dropdown-menu.inner li a {
                    outline: none !important;
                    box-shadow: none !important;
                }

        .bloger_map_form .bloger_map_inner .form-single:last-child {
            margin-bottom: 0px;
        }

    .bloger_map_form .reg_chose {
        text-align: center;
        padding-top: 25px;
    }

.range_count {
    padding-top: 10px;
}

    .range_count h5 {
        font-size: 18px;
        color: #334249;
        font-family: "Ubuntu", sans-serif;
        font-weight: 300;
        display: inline-block;
        padding-bottom: 22px;
    }

    .range_count #slider-range-min {
        height: 2px;
        border: none;
        background: #e0e0e0;
    }

        .range_count #slider-range-min .ui-slider-handle {
            height: 12px;
            width: 12px;
            border-radius: 50%;
            background: #900000;
            border: none;
            box-shadow: none;
            outline: none;
        }

            .range_count #slider-range-min .ui-slider-handle .custom-handle {
                position: absolute;
                top: -30px;
                left: -14px;
                height: 22px;
                width: 42px;
                background: #900000;
                border-radius: 3px;
                padding-left: 6px;
                color: #fff;
                font-size: 12px;
                font-family: "Ubuntu", sans-serif;
            }

                .range_count #slider-range-min .ui-slider-handle .custom-handle:before {
                    content: 'km';
                    color: #fff;
                    position: absolute;
                    right: 6px;
                    top: 0px;
                }

                .range_count #slider-range-min .ui-slider-handle .custom-handle:after {
                    content: '';
                    position: absolute;
                    left: 50%;
                    -webkit-transform: translateX(-50%);
                    -ms-transform: translateX(-50%);
                    transform: translateX(-50%);
                    bottom: -4px;
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 4px 3.5px 0 3.5px;
                    border-color: #900000 transparent transparent transparent;
                }

        .range_count #slider-range-min .ui-slider-range {
            background: #900000;
        }

    .range_count #slider-range-min2 {
        height: 2px;
        border: none;
        background: #e0e0e0;
    }

        .range_count #slider-range-min2 .ui-slider-handle {
            height: 12px;
            width: 12px;
            border-radius: 50%;
            background: #900000;
            border: none;
            box-shadow: none;
            outline: none;
        }

            .range_count #slider-range-min2 .ui-slider-handle .custom-handle {
                position: absolute;
                top: -30px;
                left: -14px;
                height: 22px;
                width: 42px;
                background: #900000;
                border-radius: 3px;
                padding-left: 6px;
                color: #fff;
                font-size: 12px;
                font-family: "Ubuntu", sans-serif;
            }

                .range_count #slider-range-min2 .ui-slider-handle .custom-handle:before {
                    content: 'km';
                    color: #fff;
                    position: absolute;
                    right: 6px;
                    top: 0px;
                }

                .range_count #slider-range-min2 .ui-slider-handle .custom-handle:after {
                    content: '';
                    position: absolute;
                    left: 50%;
                    -webkit-transform: translateX(-50%);
                    -ms-transform: translateX(-50%);
                    transform: translateX(-50%);
                    bottom: -4px;
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 4px 3.5px 0 3.5px;
                    border-color: #900000 transparent transparent transparent;
                }

        .range_count #slider-range-min2 .ui-slider-range {
            background: #900000;
        }

    .range_count .left_value {
        display: inline-block;
        padding-top: 5px;
    }

        .range_count .left_value .custom-value {
            display: inline-block;
            font-size: 12px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 400;
        }

        .range_count .left_value .km_value {
            display: inline-block;
            font-size: 12px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 400;
        }

    .range_count .right_value {
        display: inline-block;
        float: right;
        padding-top: 5px;
    }

        .range_count .right_value h5 {
            font-size: 12px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 400;
        }

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-box {
    background: grey;
    border: 3px solid red;
    border-radius: 6px;
    box-shadow: 5px 5px 2px 0 rgba(0, 0, 0, 0.4);
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-content {
    color: blue;
    padding: 8px;
}

/* End Map area css
============================================================================================ */
#mapCanvas {
    min-height: 740px;
    width: 100%;
    position: absolute !important;
}

.map_profile {
    width: auto;
    padding: 15px 5px 10px 5px;
}

    .map_profile .media-left {
        padding-right: 20px;
    }

    .map_profile .media-body {
        width: auto;
    }

        .map_profile .media-body h3 {
            font-size: 16px;
            color: #2e3c43;
            font-weight: bold;
            font-family: "Ubuntu", sans-serif;
            padding-bottom: 4px;
        }

        .map_profile .media-body h4 {
            font-size: 16px;
            color: #2e3c43;
            font-family: "Ubuntu", sans-serif;
            padding-bottom: 4px;
        }

        .map_profile .media-body h5 {
            font-size: 16px;
            color: #2e3c43;
            font-family: "Ubuntu", sans-serif;
            padding-bottom: 4px;
        }

        .map_profile .media-body h6 {
            font-size: 16px;
            color: #2e3c43;
            font-family: "Ubuntu", sans-serif;
            padding-bottom: 4px;
        }

.gm-style-iw {
    padding: 10px;
}

    .gm-style-iw h3 {
        font-size: 30px;
        font-family: "Ubuntu", sans-serif;
        font-weight: bold;
        color: #900000;
        padding-bottom: 6px;
    }

        .gm-style-iw h3 span {
            color: #2e3c43;
        }

    .gm-style-iw h4 {
        font-size: 16px;
        font-family: "Ubuntu", sans-serif;
        color: #2e3c43;
        font-weight: 300;
        padding-bottom: 4px;
    }

        .gm-style-iw h4 + h4 {
            padding-bottom: 0px;
        }

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Banner area css
============================================================================================ */
.banner_area {
    /*background: url(../img/banner/banner-bg-1.jpg) no-repeat scroll center center;*/
    background: #2e3c43 url('../images/qiran-pattern-bg.png') scroll center center !important;
    min-height: 311px;
    position: relative;
    background-size: cover;
    z-index: 3;
}

    .banner_area:before {
        content: '';
        background: rgba(0, 0, 0, 0.2);
        width: 100%;
        height: 100%;
        z-index: -1;
        left: 0px;
        top: 0px;
        position: absolute;
    }

    .banner_area .banner_content {
        text-align: center;
        padding-top: 160px;
        position: relative;
        min-height: 311px;
    }

        .banner_area .banner_content h3 {
            font-size: 48px;
            color: #fff;
            font-family: "Ubuntu", sans-serif;
            font-weight: bold;
            position: relative;
            margin-bottom: 10px;
        }

            .banner_area .banner_content h3:before {
                content: attr(title);
                position: absolute;
                width: 100%;
                text-align: center;
                left: 0px;
                top: -45px;
                font-family: "Ubuntu", sans-serif;
                font-weight: bold;
                font-size: 150px;
                color: rgba(255, 255, 255, 0.08);
                z-index: -1;
            }

            .banner_area .banner_content h3 .left_img {
                padding-right: 20px;
            }

            .banner_area .banner_content h3 .right_img {
                padding-left: 20px;
            }

        .banner_area .banner_content a {
            font-size: 16px;
            color: #fff;
            font-family: "Ubuntu", sans-serif;
            z-index: 3;
            margin-right: 15px;
            position: relative;
            transition: all 400ms linear 0s;
        }

            .banner_area .banner_content a:before {
                content: "\f105";
                font: normal normal normal 14px/1 FontAwesome;
                position: absolute;
                right: -12px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
            }

            .banner_area .banner_content a:last-child:before {
                display: none;
            }

            .banner_area .banner_content a:hover {
                color: #900000;
            }

        .banner_area .banner_content .shop_banner_cart {
            position: absolute;
            right: 0px;
            bottom: -25px;
        }

            .banner_area .banner_content .shop_banner_cart li {
                display: inline-block;
                margin-right: 16px;
                width: 50px;
            }

                .banner_area .banner_content .shop_banner_cart li a {
                    font-size: 16px;
                    color: #fff;
                    height: 50px;
                    width: 50px;
                    border-radius: 50%;
                    text-align: center;
                    line-height: 50px;
                    background: #900000;
                    display: inline-block;
                    transition: all 400ms linear 0s;
                    position: relative;
                }

                    .banner_area .banner_content .shop_banner_cart li a:hover {
                        background: #2e3c43;
                    }

                    .banner_area .banner_content .shop_banner_cart li a:after {
                        content: "2";
                        background: #fff;
                        color: #900000;
                        height: 20px;
                        width: 20px;
                        position: absolute;
                        right: -4px;
                        top: 0px;
                        border-radius: 50%;
                        line-height: normal;
                    }

                .banner_area .banner_content .shop_banner_cart li:first-child a:after {
                    opacity: 0;
                }

                .banner_area .banner_content .shop_banner_cart li:last-child {
                    margin-right: 0px;
                }

@media (max-width: 426px) {
    .banner_area {
        /* Keep the same properties as the original */
        background: #2e3c43 url('../images/qiran-pattern-bg.png') scroll center center !important;
        min-height: 150px; /* Adjusted for smaller screens */
        position: relative;
        background-size: cover;
        z-index: 3;
    }

        .banner_area .banner_content {
            text-align: center;
            padding-top: 70px;
            position: relative;
            min-height: 150px; /* Adjusted for smaller screens */
        }
}

.banner_area.banner_area2 {
    background: url(../img/banner/banner-bg-2.jpg) no-repeat scroll center center;
    background-size: cover;
}

    .banner_area.banner_area2 .banner_content {
        position: relative;
    }

        .banner_area.banner_area2 .banner_content .advanced_search {
            position: relative;
            bottom: 0px;
            padding-bottom: 30px;
            padding-top: 63px;
        }

.banner_area.profile_banner {
    background: url('../img/cover-photo.jpg') no-repeat scroll center center !important;
    /*background: url(../img/banner/banner-bg-3.jpg) no-repeat scroll center center;*/
    min-height: 280px;
    position: relative;
    background-size: cover;
    margin-top: 76px;
}

    .banner_area.profile_banner .profiles_inners {
        position: absolute;
        width: 100%;
        left: 0px;
        bottom: 0px;
    }

        .banner_area.profile_banner .profiles_inners .profile_content {
            position: relative;
        }

            .banner_area.profile_banner .profiles_inners .profile_content .user_img {
                display: inline-block;
                position: relative;
                /*bottom: -30px;*/
            }

            .banner_area.profile_banner .profiles_inners .profile_content .user_name {
                display: inline-block;
                padding-left: 12px;
                padding-right: 10px;
                bottom: 8px;
                /*padding-left: 28px;*/
                position: relative;
                background-color: rgba(000, 0,0, 0.5);
            }

                .banner_area.profile_banner .profiles_inners .profile_content .user_name h3 {
                    display: inline-block;
                    font-size: 30px;
                    font-family: "Ubuntu", sans-serif;
                    font-weight: bold;
                    color: #fff;
                    padding-right: 15px;
                }

                .banner_area.profile_banner .profiles_inners .profile_content .user_name h4 {
                    display: inline-block;
                    font-family: "Ubuntu", sans-serif;
                    font-size: 13px;
                    /*font-size: 16px;*/
                    font-weight: 500;
                    color: #fff;
                }

                .banner_area.profile_banner .profiles_inners .profile_content .user_name ul li {
                    display: inline-block;
                    margin-left: 22px;
                }

                    .banner_area.profile_banner .profiles_inners .profile_content .user_name ul li a {
                        font-size: 13px;
                        /*font-size: 16px;*/
                        font-family: "Ubuntu", sans-serif;
                        font-weight: 500;
                        color: #fff;
                        position: relative;
                        transition: all 400ms linear 0s;
                    }

                        .banner_area.profile_banner .profiles_inners .profile_content .user_name ul li a:before {
                            content: "";
                            width: 1px;
                            height: 10px;
                            position: absolute;
                            left: -12px;
                            top: 4px;
                            background: #fff;
                        }

                    .banner_area.profile_banner .profiles_inners .profile_content .user_name ul li:first-child {
                        margin-left: 0px;
                    }

                        .banner_area.profile_banner .profiles_inners .profile_content .user_name ul li:first-child a:before {
                            display: none;
                        }

                    .banner_area.profile_banner .profiles_inners .profile_content .user_name ul li:hover a {
                        color: #4ad481;
                    }

                    .banner_area.profile_banner .profiles_inners .profile_content .user_name ul li.extara .dropdown-menu {
                        min-width: 285px;
                        box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
                        border: 1px solid #e0e0e0;
                        border-radius: 5px;
                        padding: 0px;
                        top: 180%;
                        margin: 0px;
                        display: block;
                        transition: all 300ms ease-in;
                        opacity: 0;
                        visibility: hidden;
                    }

                        .banner_area.profile_banner .profiles_inners .profile_content .user_name ul li.extara .dropdown-menu:before {
                            content: "";
                            width: 0;
                            height: 0;
                            border-style: solid;
                            border-width: 0 6px 12px 6px;
                            border-color: transparent transparent #fff transparent;
                            position: absolute;
                            top: -12px;
                            left: 20px;
                        }

                        .banner_area.profile_banner .profiles_inners .profile_content .user_name ul li.extara .dropdown-menu li {
                            width: calc(100% / 2);
                            float: left;
                            overflow: hidden;
                            margin: 0px;
                        }

                            .banner_area.profile_banner .profiles_inners .profile_content .user_name ul li.extara .dropdown-menu li .circle1 {
                                width: 80px;
                                height: 80px;
                                position: relative;
                                margin: auto;
                            }

                                .banner_area.profile_banner .profiles_inners .profile_content .user_name ul li.extara .dropdown-menu li .circle1 strong {
                                    position: absolute;
                                    top: 50%;
                                    left: 0%;
                                    width: 100%;
                                    text-align: center;
                                    -webkit-transform: translateY(-50%);
                                    -ms-transform: translateY(-50%);
                                    transform: translateY(-50%);
                                    color: #334249;
                                    font-size: 22px;
                                    font-family: "Ubuntu", sans-serif;
                                    font-weight: 500;
                                }

                            .banner_area.profile_banner .profiles_inners .profile_content .user_name ul li.extara .dropdown-menu li .circle2 {
                                width: 80px;
                                position: relative;
                                height: 80px;
                                margin: auto;
                            }

                                .banner_area.profile_banner .profiles_inners .profile_content .user_name ul li.extara .dropdown-menu li .circle2 strong {
                                    position: absolute;
                                    top: 50%;
                                    left: 0%;
                                    width: 100%;
                                    text-align: center;
                                    -webkit-transform: translateY(-50%);
                                    -ms-transform: translateY(-50%);
                                    transform: translateY(-50%);
                                    color: #334249;
                                    font-size: 22px;
                                    font-family: "Ubuntu", sans-serif;
                                    font-weight: 500;
                                }

                            .banner_area.profile_banner .profiles_inners .profile_content .user_name ul li.extara .dropdown-menu li h4 {
                                text-align: center;
                                color: #334249;
                                display: block;
                                padding: 0px 0px 20px 0px;
                                /*padding: 10px 0px 30px 0px;*/
                                font-family: "Ubuntu", sans-serif;
                                font-weight: 500;
                            }

                            .banner_area.profile_banner .profiles_inners .profile_content .user_name ul li.extara .dropdown-menu li h5 {
                                text-align: center;
                                color: #334249;
                                display: block;
                                /* padding: 0px 0px 20px 0px; */
                                padding: 0px 27px 24px 0px;
                                font-family: "Ubuntu", sans-serif;
                                /* font-weight: 500; */
                            }

                            .banner_area.profile_banner .profiles_inners .profile_content .user_name ul li.extara .dropdown-menu li:first-child {
                                display: block;
                                text-align: center;
                                font-size: 22px;
                                font-family: "Ubuntu", sans-serif;
                                font-weight: 500;
                                color: #334249;
                                width: 100%;
                                float: none;
                                margin-top: 20px;
                                margin-bottom: 25px;
                            }

                            .banner_area.profile_banner .profiles_inners .profile_content .user_name ul li.extara .dropdown-menu li:nth-child(2) {
                                position: relative;
                            }

                                .banner_area.profile_banner .profiles_inners .profile_content .user_name ul li.extara .dropdown-menu li:nth-child(2):before {
                                    content: "";
                                    height: 112px;
                                    width: 1px;
                                    background: #e0e0e0;
                                    position: absolute;
                                    right: 0px;
                                    bottom: 25px;
                                }

                    .banner_area.profile_banner .profiles_inners .profile_content .user_name ul li.extara:hover .dropdown-menu {
                        top: 155%;
                        opacity: 1;
                        visibility: visible;
                    }

            .banner_area.profile_banner .profiles_inners .profile_content .right_side_content {
                display: inline-block;
                position: absolute;
                right: 0px;
                bottom: 30px;
            }

                .banner_area.profile_banner .profiles_inners .profile_content .right_side_content i {
                    color: #fff;
                    font-size: 25px;
                    position: relative;
                    top: 8px;
                    /*padding-right: 25px;*/
                }

                .banner_area.profile_banner .profiles_inners .profile_content .right_side_content .nav.navbar-nav li a {
                    padding: 0px;
                    background: transparent;
                    line-height: 49px;
                    display: inline-block;
                }

                .banner_area.profile_banner .profiles_inners .profile_content .right_side_content .nav.navbar-nav li.dropdown .dropdown-menu {
                    padding: 0px;
                    margin: 0px 0px 0px 0px;
                    border: none;
                    left: -50%;
                    transition: all 400ms linear 0s;
                    border-top: 1px solid #900000;
                    border-bottom: 1px solid #900000;
                    border-radius: 0px;
                    text-align: center;
                    background: transparent;
                    top: 163%;
                }

                    .banner_area.profile_banner .profiles_inners .profile_content .right_side_content .nav.navbar-nav li.dropdown .dropdown-menu li a {
                        display: block;
                        line-height: 40px;
                        display: block;
                        color: #fff;
                        position: relative;
                        text-shadow: none;
                        border-bottom: 1px solid #0e0e0e;
                        background: rgba(0, 0, 0, 0.62);
                        font-size: 14px;
                        font-family: "Ubuntu", sans-serif;
                    }

                    .banner_area.profile_banner .profiles_inners .profile_content .right_side_content .nav.navbar-nav li.dropdown .dropdown-menu li:hover a {
                        /*color: #900000;*/
                        /*background: rgba(0, 0, 0, 0.8);*/
                        background-color: #900000;
                    }

                .banner_area.profile_banner .profiles_inners .profile_content .right_side_content .login_btn {
                    /*margin-right: 28px;*/
                    /*width: 130px;*/
                    min-width: 130px;
                    margin: 10px 28px 0 0;
                    /*width: 170px;*/
                }

                    .banner_area.profile_banner .profiles_inners .profile_content .right_side_content .login_btn:last-child {
                        margin-right: 0px;
                    }

/* End Banner area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Actives Memebers area css
============================================================================================ */
.actives_members {
    margin-bottom: -45px;
    padding-top: 20px;
    overflow: hidden;
}

   

    .actives_members .active_members_item {
        text-align: center;
        padding-bottom: 45px;
    }

        .actives_members .active_members_item img {
            max-width: 100%;
        }

        .actives_members .active_members_item h4 {
            font-size: 16px;
            font-family: "Ubuntu", sans-serif;
            font-weight: bold;
            color: #334249;
            padding-top: 18px;
            padding-bottom: 8px;
        }

        .actives_members .active_members_item h5 {
            font-size: 16px;
            font-family: "Ubuntu", sans-serif;
            font-weight: 300;
            color: #334249;
        }

    .actives_members .active_mem_item {
        padding-bottom: 45px;
    }

        .actives_members .active_mem_item ul li {
            width: auto;
        }

    .actives_members .row .col-sm-2:nth-child(6) .active_mem_item .nav.navbar-nav .tool_hover .dropdown-menu {
        left: auto;
        right: 0px;
    }

        .actives_members .row .col-sm-2:nth-child(6) .active_mem_item .nav.navbar-nav .tool_hover .dropdown-menu:before {
            left: auto;
            right: 20px;
        }

    .actives_members .row .col-sm-2:last-child .active_mem_item .nav.navbar-nav .tool_hover .dropdown-menu {
        left: auto;
        right: 0px;
    }

        .actives_members .row .col-sm-2:last-child .active_mem_item .nav.navbar-nav .tool_hover .dropdown-menu:before {
            left: auto;
            right: 20px;
        }

/* End Actives Memebers area css
============================================================================================ */
/* All Memebers area css
============================================================================================ */
.all_members_area {
    padding-bottom: 80px;
}

    .all_members_area .welcome_title {
        padding-bottom: 35px;
    }

    .all_members_area .all_members_item {
        text-align: center;
        padding-bottom: 45px;
    }

        .all_members_area .all_members_item img {
            max-width: 100%;
        }

        .all_members_area .all_members_item img {
            max-width: 1005;
            border-radius: 5px;
        }

        .all_members_area .all_members_item h4 {
            font-size: 16px;
            font-family: "Ubuntu", sans-serif;
            font-weight: bold;
            color: #334249;
            padding: 20px 0px 8px 0px;
        }

        .all_members_area .all_members_item h5 {
            font-size: 16px;
            font-family: "Ubuntu", sans-serif;
            font-weight: 300;
            color: #334249;
        }

    .all_members_area .register_angkar_btn {
        text-align: center;
        margin: 5px auto 0px;
    }

/* End All Memebers area css
============================================================================================ */
/* Members Details area css
============================================================================================ */
.members_profile_inners .profile_menu {
    border: 2px solid #e0e0e0;
    border-radius: 5px;
    margin-bottom: 30px;
}

    .members_profile_inners .profile_menu li {
        display: inline-block;
        padding: 0px 25px;
    }

        .members_profile_inners .profile_menu li a {
            display: inline-block;
            line-height: 40px;
            font-family: "Ubuntu", sans-serif;
            color: #2e3c43;
            font-weight: bold;
            font-size: 16px;
            position: relative;
            transition: all 400ms linear 0s;
            background: none;
            border: none;
            padding: 0px;
            outline: none;
            box-shadow: none;
        }

            .members_profile_inners .profile_menu li a:before {
                content: "";
                background: #900000;
                left: 0px;
                bottom: -1px;
                width: 100%;
                height: 3px;
                position: absolute;
                opacity: 0;
                transition: all 400ms linear 0s;
            }

        .members_profile_inners .profile_menu li:hover a, .members_profile_inners .profile_menu li.active a {
            color: #900000;
            border: none;
        }

            .members_profile_inners .profile_menu li:hover a:before, .members_profile_inners .profile_menu li.active a:before {
                opacity: 1;
            }

.members_profile_inners .profile_list ul {
    display: inline-block;
}

    .members_profile_inners .profile_list ul li {
        margin-bottom: 15px;
    }

        .members_profile_inners .profile_list ul li a {
            font-size: 16px;
            font-family: "Ubuntu", sans-serif;
            color: #334249;
        }

        .members_profile_inners .profile_list ul li:last-child {
            margin-bottom: 0px;
        }

    .members_profile_inners .profile_list ul:nth-child(2) {
        display: inline-block;
        padding-left: 30px;
    }

        .members_profile_inners .profile_list ul:nth-child(2) li {
            margin-bottom: 15px;
        }

            .members_profile_inners .profile_list ul:nth-child(2) li a {
                font-size: 16px;
                font-family: "Ubuntu", sans-serif;
                color: #334249;
                font-weight: bold;
            }

            .members_profile_inners .profile_list ul:nth-child(2) li:last-child {
                margin-bottom: 0px;
            }

    .members_profile_inners .profile_list ul:nth-child(3) {
        padding-left: 138px;
    }

    .members_profile_inners .profile_list ul:last-child {
        padding-left: 30px;
    }

        .members_profile_inners .profile_list ul:last-child li {
            margin-bottom: 15px;
        }

            .members_profile_inners .profile_list ul:last-child li a {
                font-size: 16px;
                font-family: "Ubuntu", sans-serif;
                color: #334249;
                font-weight: bold;
            }

            .members_profile_inners .profile_list ul:last-child li:last-child {
                margin-bottom: 0px;
            }

.members_about_box {
    border: 2px solid #e0e0e0;
    border-radius: 5px;
    padding: 30px 22px;
    margin-bottom: 30px;
    /*margin-top: 40px;*/
}

    .members_about_box h4 {
        display: inline-block;
        font-family: "Ubuntu", sans-serif;
        font-weight: bold;
        color: #2e3c43;
        font-size: 30px;
        padding-bottom: 10px;
    }

    .members_about_box h5 {
        font-size: 22px;
        display: inline-block;
        font-family: "Ubuntu", sans-serif;
        font-weight: 500;
        color: #334249;
        padding-left: 15px;
    }

    .members_about_box p {
        font-size: 16px;
        line-height: 24px;
        font-family: "Ubuntu", sans-serif;
        color: #334249;
    }

    .members_about_box:last-child {
        margin-bottom: 0px;
        margin-top: 0px;
    }

.members_profile_inners .profile_label {
    background: #ffebeb;
    width: 160px;
}

.members_profile_inners .td1 {
    padding: 10px 10px;
    border-bottom: solid 1px #910202;
    font-size: 16px;
}

.members_profile_inners .profiledetaillbl {
    font-family: "Ubuntu", sans-serif;
    font-weight: normal;
    font-size: 20px;
    color: #800;
    margin-top: -16px;
    position: relative;
    padding: 15px 15px 7px;
    border-bottom: 1px solid #cc9;
}

.members_profile_inners th {
    font-size: 22px;
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    color: #334249;
    padding: 15px 15px 7px;
    border-bottom: solid 1px #999;
    background-color: #eee !important;
}

/* End Members Details area css
============================================================================================ */
/* Author List area css
============================================================================================ */
.author_list_area {
    background: #f4f4f4;
    padding: 50px 0px;
    border-bottom: 2px solid #e0e0e0;
}

    .author_list_area .author_item_l {
        text-align: center;
    }

        .author_list_area .author_item_l img {
            transition: all 400ms linear 0s;
        }

        .author_list_area .author_item_l:hover img {
            opacity: .4;
        }

        .author_list_area .author_item_l.heart_h, .author_list_area .author_item_l.close_h {
            position: relative;
        }

            .author_list_area .author_item_l.heart_h i, .author_list_area .author_item_l.close_h i {
                position: absolute;
                width: 100%;
                text-align: center;
                left: 0px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                color: #900000;
                font-size: 16px;
                opacity: 0;
                transition: all 400ms linear 0s;
            }

            .author_list_area .author_item_l.heart_h:hover i, .author_list_area .author_item_l.close_h:hover i {
                opacity: 1;
            }

        .author_list_area .author_item_l.a_l_hover {
            position: relative;
        }

            .author_list_area .author_item_l.a_l_hover:before {
                content: "";
                border: 2px solid #900000;
                height: 100%;
                width: 100%;
                position: absolute;
                left: 0;
                top: 0;
                border-radius: 50%;
                opacity: 0;
                transition: all 400ms linear 0s;
                z-index: 2;
            }

            .author_list_area .author_item_l.a_l_hover:after {
                content: "";
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 7px 3.5px 0 3.5px;
                border-color: #900000 transparent transparent transparent;
                position: absolute;
                bottom: -9px;
                left: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                opacity: 0;
                transition: all 400ms linear 0s;
                z-index: 2;
            }

            .author_list_area .author_item_l.a_l_hover:hover:before {
                opacity: 1;
            }

            .author_list_area .author_item_l.a_l_hover:hover:after {
                opacity: 1;
            }

/* End Author List area css
============================================================================================ */
/* Active Members area css
============================================================================================ */
.active_members {
    padding: 80px 0px;
}

    .active_members .col-md-2:last-child .navbar-nav li.tool_hover .dropdown-menu {
        left: auto;
        right: -100px;
    }

        .active_members .col-md-2:last-child .navbar-nav li.tool_hover .dropdown-menu:before {
            left: auto;
            right: 20px;
        }

.active_mem_item {
    text-align: center;
}

    .active_mem_item .navbar-nav {
        justify-content: center;
        display: flex;
        margin-top: -20px;
    }

        .active_mem_item .navbar-nav li {
            width: calc(100% / 3);
            margin-top: 20px;
        }

            .active_mem_item .navbar-nav li a {
                padding: 0px;
                background: transparent;
                position: relative;
                display: inline-block;
            }

                .active_mem_item .navbar-nav li a:before {
                    content: "";
                    background: rgba(0, 0, 0, 0.6);
                    width: 100%;
                    height: 100%;
                    border-radius: 50%;
                    position: absolute;
                    left: 0px;
                    top: 0;
                    opacity: 0;
                    transition: all 400ms linear 0s;
                }

                .active_mem_item .navbar-nav li a:after {
                    content: "\e81b";
                    /*content: "\e870";*/
                    font-family: 'Linearicons-Free';
                    height: 40px;
                    width: 40px;
                    border-radius: 50%;
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    margin-left: -20px;
                    margin-top: -20px;
                    background: #900000;
                    color: #fff;
                    text-align: center;
                    line-height: 40px;
                    /*-webkit-transform: rotate(45deg);
                    -ms-transform: rotate(45deg);
                    transform: rotate(45deg);*/
                    opacity: 0;
                    transition: all 400ms linear 0s;
                }

                .active_mem_item .navbar-nav li a img {
                    max-width: 100%;
                }

            .active_mem_item .navbar-nav li.tool_hover .dropdown-menu {
                display: block;
                top: auto;
                bottom: 112%;
                padding: 0px;
                min-width: 270px;
                margin: 0px;
                border-radius: 5px;
                border: 1px solid #e0e0e0;
                left: 50px;
                opacity: 0;
                transition: all 400ms linear 0s;
                visibility: hidden;
            }

                .active_mem_item .navbar-nav li.tool_hover .dropdown-menu li {
                    width: 100%;
                    margin-top: 0px;
                }

                    .active_mem_item .navbar-nav li.tool_hover .dropdown-menu li .head_area {
                        background: #900000;
                        border-top-left-radius: 5px;
                        border-top-right-radius: 5px;
                        padding: 0px 20px;
                    }

                        .active_mem_item .navbar-nav li.tool_hover .dropdown-menu li .head_area h4 {
                            display: inline-block;
                            font-size: 16px;
                            font-family: "Ubuntu", sans-serif;
                            font-weight: bold;
                            line-height: 42px;
                            color: #fff;
                        }

                            .active_mem_item .navbar-nav li.tool_hover .dropdown-menu li .head_area h4 + h4 {
                                float: right;
                            }

                    .active_mem_item .navbar-nav li.tool_hover .dropdown-menu li .media {
                        margin: 0px;
                        padding: 18px 0px;
                    }

                        .active_mem_item .navbar-nav li.tool_hover .dropdown-menu li .media .media-left {
                            padding-right: 20px;
                        }

                            .active_mem_item .navbar-nav li.tool_hover .dropdown-menu li .media .media-left img {
                                padding-left: 20px;
                            }

                        .active_mem_item .navbar-nav li.tool_hover .dropdown-menu li .media .media-body h6 {
                            font-size: 16px;
                            color: #334249;
                            line-height: 24px;
                            font-family: "Ubuntu", sans-serif;
                        }

                .active_mem_item .navbar-nav li.tool_hover .dropdown-menu:before {
                    content: "";
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 12px 6px 0 6px;
                    border-color: #fff transparent transparent transparent;
                    position: absolute;
                    bottom: -12px;
                    left: 20px;
                }

            .active_mem_item .navbar-nav li.tool_hover:hover .dropdown-menu {
                opacity: 1;
                visibility: visible;
            }

            .active_mem_item .navbar-nav li:hover a:before {
                opacity: 1;
            }

            .active_mem_item .navbar-nav li:hover a:after {
                opacity: 1;
            }

    .active_mem_item h4 {
        font-family: "Ubuntu", sans-serif;
        color: #2e3c43;
        font-size: 16px;
        font-weight: bold;
        padding-bottom: 5px;
        padding-top: 10px;
        overflow: hidden;
        clear: both;
    }

    .active_mem_item h5 {
        font-family: "Ubuntu", sans-serif;
        color: #334249;
        font-size: 16px;
        font-weight: 300;
    }

/* End Active Members area css
============================================================================================ */
/* Groups Members area css
============================================================================================ */
.groups_members_area {
    padding: 80px 0px;
}

    .groups_members_area .search_area {
        padding-bottom: 35px;
    }

        .groups_members_area .search_area .pull-left h5 {
            display: inline-block;
            font-size: 16px;
            color: #334249;
            font-weight: 300;
            padding-right: 15px;
        }

        .groups_members_area .search_area .pull-left .bootstrap-select {
            width: 200px;
        }

            .groups_members_area .search_area .pull-left .bootstrap-select .btn-default {
                height: 48px;
                border: 1px solid #f4f4f4;
                background: #f4f4f4;
                padding: 0px 25px;
                outline: none !important;
                box-shadow: none;
                border-radius: 24px;
            }

                .groups_members_area .search_area .pull-left .bootstrap-select .btn-default .filter-option {
                    font-size: 16px;
                    color: #334249;
                    font-family: "Ubuntu", sans-serif;
                    font-weight: 500;
                }

                .groups_members_area .search_area .pull-left .bootstrap-select .btn-default .bs-caret:before {
                    content: "\f0dc";
                    font: normal normal normal 12px/1 FontAwesome;
                    color: #c2c2c2;
                    position: relative;
                    right: 5px;
                }

                .groups_members_area .search_area .pull-left .bootstrap-select .btn-default .bs-caret .caret {
                    display: none;
                }

            .groups_members_area .search_area .pull-left .bootstrap-select .dropdown-menu .dropdown-menu.inner li a {
                line-height: 30px;
                outline: none;
            }

        .groups_members_area .search_area .pull-right .search_widget {
            max-width: 370px;
        }

    .groups_members_area .active_mem_item {
        margin-top: 45px;
    }

        .groups_members_area .active_mem_item h4 {
            padding-top: 15px;
            padding-bottom: 10px;
        }

        .groups_members_area .active_mem_item h5 {
            padding-bottom: 10px;
        }

            .groups_members_area .active_mem_item h5 + h5 {
                padding-bottom: 0px;
            }

        .groups_members_area .active_mem_item ul li {
            width: auto;
        }

/* End Groups Members area css
============================================================================================ */
.active_members .active_mem_item .nav.navbar-nav li {
    width: 100%;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Shop area css
============================================================================================ */
.shop_area {
    padding: 38px 0px 80px 0px;
}

    .shop_area.shop_left_sidebar_area {
        padding: 80px 0px;
    }

        .shop_area.shop_left_sidebar_area .col-md-9 .row {
            margin-top: -42px;
        }

    .shop_area.product_details_main {
        padding-top: 80px;
    }

        .shop_area.product_details_main .slider_product_inner {
            max-width: 470px;
        }

            .shop_area.product_details_main .slider_product_inner .rev_slider .tp-revslider-mainul li {
                z-index: 5 !important;
            }

                .shop_area.product_details_main .slider_product_inner .rev_slider .tp-revslider-mainul li .tp-bgimg {
                    z-index: 5 !important;
                }

            .shop_area.product_details_main .slider_product_inner .tp-tabs {
                z-index: 5 !important;
            }

        .shop_area.product_details_main .tp-tabs .tp-tab-mask {
            margin-top: 22px;
        }

            .shop_area.product_details_main .tp-tabs .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab {
                padding: 0px;
                background: transparent;
                border: 3px solid transparent;
                border-radius: 3px;
            }

                .shop_area.product_details_main .tp-tabs .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab .tp-tab-image {
                    height: 76px;
                    width: 76px;
                    border-radius: 3px;
                }

                .shop_area.product_details_main .tp-tabs .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab.selected {
                    border: 3px solid #900000;
                }

        .shop_area.product_details_main .product_details_right_content {
            margin-left: -33px;
        }

            .shop_area.product_details_main .product_details_right_content .product_details_text h5 {
                font-size: 22px;
                color: #334249;
                font-family: "Ubuntu", sans-serif;
                font-weight: 500;
            }

            .shop_area.product_details_main .product_details_right_content .product_details_text h3 {
                font-size: 30px;
                color: #2e3c43;
                font-weight: bold;
                font-family: "Ubuntu", sans-serif;
                padding: 15px 0px;
            }

            .shop_area.product_details_main .product_details_right_content .product_details_text h4 {
                font-size: 16px;
                font-family: "Ubuntu", sans-serif;
                color: #334249;
                padding-bottom: 15px;
            }

            .shop_area.product_details_main .product_details_right_content .product_details_text p {
                font-size: 16px;
                line-height: 24px;
                color: #334249;
                font-family: "Ubuntu", sans-serif;
            }

            .shop_area.product_details_main .product_details_right_content .color_plate {
                margin-bottom: 4px;
            }

                .shop_area.product_details_main .product_details_right_content .color_plate h4 {
                    font-size: 16px;
                    font-family: "Ubuntu", sans-serif;
                    font-weight: 500;
                    color: #334249;
                    display: inline-block;
                }

                .shop_area.product_details_main .product_details_right_content .color_plate ul {
                    display: inline-block;
                }

                    .shop_area.product_details_main .product_details_right_content .color_plate ul li {
                        display: inline-block;
                        margin-right: 6px;
                    }

                        .shop_area.product_details_main .product_details_right_content .color_plate ul li a {
                            display: block;
                        }

                        .shop_area.product_details_main .product_details_right_content .color_plate ul li:nth-child(2) label {
                            background: #3498db;
                        }

                        .shop_area.product_details_main .product_details_right_content .color_plate ul li:last-child {
                            margin-right: 0px;
                        }

                            .shop_area.product_details_main .product_details_right_content .color_plate ul li:last-child label {
                                background: #eef2f8;
                            }

            .shop_area.product_details_main .product_details_right_content .login_btn {
                width: 170px;
                margin-right: 17px;
            }

                .shop_area.product_details_main .product_details_right_content .login_btn i {
                    padding-right: 10px;
                }

                .shop_area.product_details_main .product_details_right_content .login_btn + .login_btn {
                    margin-right: 0px;
                }

.product_item {
    text-align: center;
    margin-top: 42px;
}

    .product_item .product_img {
        position: relative;
    }

        .product_item .product_img img {
            max-width: 100%;
        }

        .product_item .product_img .hover_icon {
            position: absolute;
            bottom: 0px;
            left: 0px;
            width: 100%;
            text-align: center;
            opacity: 0;
            transition: all 400ms linear 0s;
        }

            .product_item .product_img .hover_icon ul li {
                display: inline-block;
                margin-right: 16px;
            }

                .product_item .product_img .hover_icon ul li a {
                    font-size: 16px;
                    color: #fff;
                    height: 50px;
                    width: 50px;
                    border-radius: 50%;
                    text-align: center;
                    line-height: 50px;
                    background: #900000;
                    display: block;
                    transition: all 400ms linear 0s;
                }

                    .product_item .product_img .hover_icon ul li a:hover {
                        background: #2e3c43;
                    }

                .product_item .product_img .hover_icon ul li:last-child {
                    margin-right: 0px;
                }

        .product_item .product_img .new_tag {
            background: #900000;
            color: #fff;
            position: absolute;
            right: -10px;
            top: 10px;
            height: 30px;
            padding: 0px 16px 0px 28px;
            border-bottom-left-radius: 15px;
            border-top-left-radius: 15px;
            opacity: 0;
            transition: all 400ms linear 0s;
        }

            .product_item .product_img .new_tag:before {
                content: "";
                position: absolute;
                right: 0px;
                bottom: -10px;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 10px 10px 0 0;
                border-color: #b33f33 transparent transparent transparent;
                color: #fff;
            }

            .product_item .product_img .new_tag h4 {
                line-height: 29px;
                font-family: "Ubuntu", sans-serif;
                font-size: 12px;
                font-weight: 300;
                position: relative;
            }

                .product_item .product_img .new_tag h4:before {
                    content: "";
                    height: 4px;
                    width: 4px;
                    background: #fff;
                    position: absolute;
                    left: -15px;
                    top: 50%;
                    border-radius: 50%;
                    -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
                }

    .product_item h5 {
        font-size: 16px;
        color: #334249;
        font-family: "Ubuntu", sans-serif;
        padding-top: 20px;
        padding-bottom: 10px;
    }

    .product_item h6 {
        font-size: 30px;
        font-family: "Ubuntu", sans-serif;
        font-weight: bold;
        color: #2e3c43;
    }

    .product_item:hover .product_img .hover_icon {
        opacity: 1;
        bottom: 30px;
    }

    .product_item:hover .product_img .new_tag {
        opacity: 1;
    }

/* SQUARED THREE */
#squaredThree {
    visibility: hidden;
}

#squaredfour {
    visibility: hidden;
}

#squaredfive {
    visibility: hidden;
}

.squaredThree {
    width: 30px;
    margin: 30px auto;
    position: relative;
    top: -4px;
}

    .squaredThree label {
        cursor: pointer;
        position: absolute;
        width: 30px;
        height: 30px;
        top: 0;
        border-radius: 4px;
        background: #000;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
    }

        .squaredThree label:after {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            opacity: 0;
            content: '';
            position: absolute;
            width: 12px;
            height: 6px;
            background: transparent;
            top: 10px;
            left: 10px;
            border: 2px solid #900000;
            border-top: none;
            border-right: none;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        .squaredThree label:hover::after {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
            filter: alpha(opacity=30);
            opacity: 0.3;
        }

    .squaredThree input[type=checkbox]:checked + label:after {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
    }

.product_description {
    padding: 80px 0px 0px 0px;
}

    .product_description .nav-tabs {
        border: none;
        margin-left: 30px;
        position: relative;
        top: 24px;
    }

        .product_description .nav-tabs li {
            max-width: 170px;
            width: 100%;
            margin-right: 10px;
        }

            .product_description .nav-tabs li a {
                padding: 0px;
                border: none;
                box-shadow: none;
                display: block;
                position: relative;
                line-height: 48px;
                border-radius: 24px;
                text-align: center;
                color: #fff;
                font-family: "Ubuntu", sans-serif;
                transition: all 400ms linear 0s;
                z-index: 2;
            }

                .product_description .nav-tabs li a:before {
                    content: '';
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    z-index: -1;
                    background-color: #900000;
                    transition: all 400ms linear 0s;
                    border-radius: 24px;
                }

                .product_description .nav-tabs li a:after {
                    content: '';
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    z-index: -1;
                    opacity: 0;
                    background: #2e3c43;
                    -webkit-transform: scale(1.1, 1.1);
                    -ms-transform: scale(1.1, 1.1);
                    transform: scale(1.1, 1.1);
                    border-radius: 24px;
                    transition: all 400ms linear 0s;
                }

            .product_description .nav-tabs li:hover a, .product_description .nav-tabs li:focus a, .product_description .nav-tabs li.active a {
                border: none;
                color: #fff;
            }

                .product_description .nav-tabs li:hover a:after, .product_description .nav-tabs li:focus a:after, .product_description .nav-tabs li.active a:after {
                    opacity: 1;
                    -webkit-transform: scale(1, 1);
                    -ms-transform: scale(1, 1);
                    transform: scale(1, 1);
                }

            .product_description .nav-tabs li:last-child {
                margin-right: 0px;
            }

    .product_description .tab-content {
        background: #f4f4f4;
        border: 2px solid #e0e0e0;
        border-radius: 5px;
        padding: 50px 35px 35px 35px;
    }

        .product_description .tab-content .tab-pane {
            border: none;
            font-size: 16px;
            line-height: 24px;
            font-family: "Ubuntu", sans-serif;
        }

.simillar_product_area h2 {
    font-size: 30px;
    color: #2e3c43;
    font-family: "Ubuntu", sans-serif;
    font-weight: bold;
    padding: 80px 0px 35px 0px;
}

.simillar_product_area .simillar_product_slider .product_item {
    margin-top: 0px;
}

.simillar_product_area .simillar_product_slider .owl-controls {
    position: absolute;
    right: 0px;
    top: -55px;
}

    .simillar_product_area .simillar_product_slider .owl-controls .owl-dots {
        display: none !important;
    }

    .simillar_product_area .simillar_product_slider .owl-controls .owl-nav .owl-prev {
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
    }

    .simillar_product_area .simillar_product_slider .owl-controls .owl-nav .owl-next {
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
    }

    .simillar_product_area .simillar_product_slider .owl-controls .owl-nav .owl-prev, .simillar_product_area .simillar_product_slider .owl-controls .owl-nav .owl-next {
        display: inline-block;
        width: 30px;
        height: 30px;
        background: #2e3c43;
        color: #fff;
        text-align: center;
        line-height: 30px;
        transition: all 400ms linear 0s;
    }

        .simillar_product_area .simillar_product_slider .owl-controls .owl-nav .owl-prev:hover, .simillar_product_area .simillar_product_slider .owl-controls .owl-nav .owl-next:hover {
            background: #900000;
            color: #fff;
        }

/* Shop area css
============================================================================================ */
/* Shop Cart area css
============================================================================================ */
.shoping_cart_area {
    padding: 80px 0px;
}

    .shoping_cart_area .shoping_cart_inner .table-responsive .table {
        margin-bottom: 0px;
    }

        .shoping_cart_area .shoping_cart_inner .table-responsive .table thead {
            color: #fff;
            border: none;
        }

            .shoping_cart_area .shoping_cart_inner .table-responsive .table thead tr {
                background: #900000;
                border: none;
            }

                .shoping_cart_area .shoping_cart_inner .table-responsive .table thead tr th {
                    border: none;
                    padding: 0px;
                    line-height: 44px;
                    font-family: "Ubuntu", sans-serif;
                    font-weight: bold;
                    font-size: 16px;
                    text-transform: capitalize;
                }

                    .shoping_cart_area .shoping_cart_inner .table-responsive .table thead tr th:first-child {
                        border-bottom-left-radius: 5px;
                        border-top-left-radius: 5px;
                        padding: 0px 30px;
                    }

                    .shoping_cart_area .shoping_cart_inner .table-responsive .table thead tr th:last-child {
                        border-bottom-right-radius: 5px;
                        border-top-right-radius: 5px;
                    }

        .shoping_cart_area .shoping_cart_inner .table-responsive .table tbody tr td {
            border-bottom: 1px solid #e0e0e0;
            border-top: 0px;
            font-size: 16px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
            vertical-align: middle;
        }

            .shoping_cart_area .shoping_cart_inner .table-responsive .table tbody tr td.product_name {
                padding: 30px;
            }

                .shoping_cart_area .shoping_cart_inner .table-responsive .table tbody tr td.product_name .media .media-left {
                    padding-right: 30px;
                }

                    .shoping_cart_area .shoping_cart_inner .table-responsive .table tbody tr td.product_name .media .media-left img {
                        border-radius: 5px;
                    }

                .shoping_cart_area .shoping_cart_inner .table-responsive .table tbody tr td.product_name .media .media-body {
                    width: auto;
                    vertical-align: middle;
                }

                    .shoping_cart_area .shoping_cart_inner .table-responsive .table tbody tr td.product_name .media .media-body h4 {
                        font-size: 16px;
                        color: #334249;
                        font-family: "Ubuntu", sans-serif;
                        font-weight: 500;
                    }

            .shoping_cart_area .shoping_cart_inner .table-responsive .table tbody tr td.product_price {
                width: 170px;
            }

            .shoping_cart_area .shoping_cart_inner .table-responsive .table tbody tr td.product_quantity {
                width: 200px;
            }

            .shoping_cart_area .shoping_cart_inner .table-responsive .table tbody tr td.product_total {
                width: 170px;
            }

            .shoping_cart_area .shoping_cart_inner .table-responsive .table tbody tr td.remove_cart {
                padding-right: 65px;
            }

                .shoping_cart_area .shoping_cart_inner .table-responsive .table tbody tr td.remove_cart i {
                    padding-left: 15px;
                }

.row.cart_cupon_area {
    margin-top: 50px;
}

.apply_cupon_area input {
    max-width: 270px;
    width: 100%;
    background: #f4f4f4;
    line-height: 48px;
    border-radius: 24px;
    border: none;
    box-shadow: none;
    outline: none;
    padding: 0px 15px 0px 25px;
    font-size: 16px;
    color: #334249;
    font-family: "Ubuntu", sans-serif;
    margin-right: 17px;
}

    .apply_cupon_area input.placeholder {
        font-size: 16px;
        color: #334249;
        font-family: "Ubuntu", sans-serif;
    }

    .apply_cupon_area input:-moz-placeholder {
        font-size: 16px;
        color: #334249;
        font-family: "Ubuntu", sans-serif;
    }

    .apply_cupon_area input::-moz-placeholder {
        font-size: 16px;
        color: #334249;
        font-family: "Ubuntu", sans-serif;
    }

    .apply_cupon_area input::-webkit-input-placeholder {
        font-size: 16px;
        color: #334249;
        font-family: "Ubuntu", sans-serif;
    }

.apply_cupon_area .login_btn {
    height: 48px;
}

.cart_box {
    background: #2e3c43;
    border-radius: 5px;
    padding-bottom: 50px;
}

    .cart_box h5 {
        text-align: center;
        font-size: 30px;
        color: #fff;
        font-family: "Ubuntu", sans-serif;
        font-weight: bold;
        padding: 50px 0px;
    }

    .cart_box .cart_box_inner {
        max-width: 270px;
        margin: auto;
    }

        .cart_box .cart_box_inner h6 {
            color: #fff;
            font-size: 16px;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
            padding: 15px 0px;
        }

            .cart_box .cart_box_inner h6 span {
                float: right;
            }

            .cart_box .cart_box_inner h6:first-child {
                padding-top: 0px;
            }

    .cart_box .total_cart_area {
        border-top: 1px solid #4d595f;
    }

        .cart_box .total_cart_area .total_cart_inner {
            max-width: 270px;
            margin: auto;
        }

            .cart_box .total_cart_area .total_cart_inner h4 {
                color: #fff;
                font-size: 22px;
                font-family: "Ubuntu", sans-serif;
                font-weight: 500;
                padding-top: 15px;
                padding-bottom: 50px;
            }

                .cart_box .total_cart_area .total_cart_inner h4 span {
                    float: right;
                }

            .cart_box .total_cart_area .total_cart_inner .login_btn {
                width: 220px;
                margin: auto;
                display: block;
            }

/* End Shop Cart area css
============================================================================================ */
/* Checkout area css
============================================================================================ */
.check_out_area {
    padding: 80px 0px;
}

.check_out_left h3 {
    font-size: 30px;
    color: #2e3c43;
    font-family: "Ubuntu", sans-serif;
    font-weight: bold;
    padding-left: 15px;
    padding-bottom: 45px;
}

.check_out_left h2 {
    font-size: 30px;
    color: #2e3c43;
    font-family: "Ubuntu", sans-serif;
    font-weight: bold;
    padding-bottom: 25px;
    padding-top: 25px;
}

.check_out_left .form-group {
    margin-bottom: 30px;
}

    .check_out_left .form-group input {
        height: 48px;
        border: 1px solid #f4f4f4;
        background: #f4f4f4;
        box-shadow: none;
        outline: none;
        text-shadow: none;
        font-size: 16px;
        color: #334249;
        font-family: "Ubuntu", sans-serif;
        font-weight: 500;
        padding: 0px 25px;
    }

        .check_out_left .form-group input.placeholder {
            font-size: 16px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
        }

        .check_out_left .form-group input:-moz-placeholder {
            font-size: 16px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
        }

        .check_out_left .form-group input::-moz-placeholder {
            font-size: 16px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
        }

        .check_out_left .form-group input::-webkit-input-placeholder {
            font-size: 16px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
        }

        .check_out_left .form-group input:focus {
            border-color: #900000;
        }

    .check_out_left .form-group textarea {
        height: 178px;
        border: 1px solid #f4f4f4;
        background: #f4f4f4;
        box-shadow: none;
        outline: none;
        text-shadow: none;
        resize: none;
        font-size: 16px;
        color: #334249;
        font-family: "Ubuntu", sans-serif;
        font-weight: 500;
        padding: 15px 25px;
    }

        .check_out_left .form-group textarea.placeholder {
            font-size: 16px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
        }

        .check_out_left .form-group textarea:-moz-placeholder {
            font-size: 16px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
        }

        .check_out_left .form-group textarea::-moz-placeholder {
            font-size: 16px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
        }

        .check_out_left .form-group textarea::-webkit-input-placeholder {
            font-size: 16px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
        }

        .check_out_left .form-group textarea:focus {
            border-color: #900000;
        }

    .check_out_left .form-group .bootstrap-select {
        width: 100% !important;
    }

        .check_out_left .form-group .bootstrap-select .btn-default {
            height: 48px;
            border: 1px solid #f4f4f4;
            background: #f4f4f4;
            padding: 0px 25px;
            outline: none !important;
            box-shadow: none;
        }

            .check_out_left .form-group .bootstrap-select .btn-default .filter-option {
                font-size: 16px;
                color: #334249;
                font-family: "Ubuntu", sans-serif;
                font-weight: 500;
            }

            .check_out_left .form-group .bootstrap-select .btn-default .bs-caret:before {
                content: "\f0dc";
                font: normal normal normal 12px/1 FontAwesome;
                color: #c2c2c2;
                position: relative;
                right: 5px;
            }

            .check_out_left .form-group .bootstrap-select .btn-default .bs-caret .caret {
                display: none;
            }

        .check_out_left .form-group .bootstrap-select .dropdown-menu .dropdown-menu.inner li a {
            line-height: 30px;
            outline: none;
        }

    .check_out_left .form-group:last-child {
        margin-bottom: 0px;
    }

.order_box {
    background: #2e3c43;
    border-radius: 5px;
    padding: 50px 0px;
    color: #fff;
}

    .order_box h2 {
        font-size: 30px;
        font-family: "Ubuntu", sans-serif;
        font-weight: bold;
        text-align: center;
        padding-bottom: 45px;
    }

    .order_box h3 {
        font-size: 22px;
        font-family: "Ubuntu", sans-serif;
        font-weight: 500;
        padding-bottom: 15px;
        border-bottom: 1px solid #4d595f;
        padding-left: 30px;
        padding-right: 30px;
    }

        .order_box h3 span {
            float: right;
        }

    .order_box .samrt_watch {
        padding: 0px 30px;
        border-bottom: 1px solid #4d595f;
    }

        .order_box .samrt_watch h4 {
            font-size: 16px;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
            padding: 15px 0px;
        }

            .order_box .samrt_watch h4 span {
                float: right;
            }

            .order_box .samrt_watch h4:first-child {
                padding-top: 20px;
            }

            .order_box .samrt_watch h4:last-child {
                padding-bottom: 20px;
            }

    .order_box .subtotal {
        padding: 0px 30px;
        border-bottom: 1px solid #4d595f;
    }

        .order_box .subtotal h4 {
            font-size: 16px;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
            padding: 15px 0px;
        }

            .order_box .subtotal h4 span {
                float: right;
            }

            .order_box .subtotal h4:first-child {
                padding-top: 20px;
            }

            .order_box .subtotal h4:last-child {
                padding-bottom: 20px;
            }

    .order_box .total_footer h3 {
        border-bottom: none;
        padding-top: 20px;
        padding-bottom: 50px;
    }

    .order_box .login_btn {
        display: block;
        margin: auto;
        width: 150px;
    }

.creat_account input[type=checkbox] {
    visibility: hidden;
}

/* SQUARED THREE */
.creat_account {
    width: 100%;
    margin: 0px auto;
    position: relative;
    overflow: hidden;
}

    .creat_account label {
        display: block;
        position: relative;
        font-weight: 300;
        font-size: 1.35em;
        padding: 0px 25px 21px 45px;
        height: 15px;
        margin: 0px;
        top: -25px;
        z-index: 9;
        cursor: pointer;
        -webkit-transition: all 0.25s linear;
        color: #666666;
        font-size: 13px;
        letter-spacing: .25px;
        font-weight: 500;
    }

    .creat_account .check {
        display: block;
        position: absolute;
        border: 1px solid #e0e0e0;
        border-radius: 2px;
        background: #f4f4f4;
        height: 20px;
        width: 20px;
        top: 1px;
        border-radius: 3px;
        left: 15px;
        z-index: 5;
        transition: border .25s linear;
        -webkit-transition: border .25s linear;
        cursor: pointer;
    }

        .creat_account .check::before {
            display: block;
            position: absolute;
            content: "\f00c";
            border-radius: 100%;
            top: 4px;
            left: 4px;
            font-size: 10px;
            margin: auto;
            transition: background 0.25s linear;
            -webkit-transition: background 0.25s linear;
            color: #fff;
            font: normal normal normal 10px/1 FontAwesome;
            opacity: 0;
            color: #000;
        }

    .creat_account input[type=checkbox]:checked ~ .check::before {
        opacity: 1;
    }

.form_area_default .creat_account .check {
    left: 0;
}

.form_area_default .creat_account label {
    padding-left: 30px;
}

/* End Checkout area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Price area css
============================================================================================ */
.pricing_area {
    padding: 80px 0px;
}

    .pricing_area .welcome_title {
        padding-bottom: 75px;
    }

.plan_inner {
    padding: 0px 85px;
    padding-bottom: 30px;
}

    .plan_inner .pricing_topic {
        margin-left: -15px;
        margin-right: -15px;
        text-align: center;
        margin-bottom: 30px;
    }

        .plan_inner .pricing_topic .border_div {
            width: 50%;
            height: 1px;
            float: left;
            background: #2e3c43;
        }

        .plan_inner .pricing_topic .border_div_right {
            width: 50%;
            height: 1px;
            float: right;
            background: #900000;
        }

        .plan_inner .pricing_topic a {
            text-align: center;
            max-width: 160px;
            margin: auto;
            color: #fff;
            font-family: "Ubuntu", sans-serif;
            background: #2e3c43;
            width: 100%;
            display: inline-block;
            line-height: 48px;
            font-size: 16px;
            font-weight: 500;
            border-bottom-left-radius: 24px;
            border-top-left-radius: 24px;
            transition: all 400ms linear 0s;
            position: relative;
            top: -25px;
        }

            .plan_inner .pricing_topic a + a {
                border-bottom-right-radius: 24px;
                border-top-right-radius: 24px;
                border-bottom-left-radius: 0px;
                border-top-left-radius: 0px;
                margin-left: -3px;
            }

            .plan_inner .pricing_topic a:hover, .plan_inner .pricing_topic a.active {
                background: #900000;
            }

    .plan_inner .basic_content {
        margin-right: -17px;
    }

        .plan_inner .basic_content .media {
            margin-top: 50px;
        }

            .plan_inner .basic_content .media .media-left {
                padding-right: 30px;
            }

            .plan_inner .basic_content .media .media-body h4 {
                font-size: 22px;
                color: #334249;
                font-family: "Ubuntu", sans-serif;
                font-weight: 500;
            }

            .plan_inner .basic_content .media .media-body p {
                line-height: 24px;
                font-size: 16px;
                color: #334249;
                font-weight: 300;
                font-family: "Ubuntu", sans-serif;
            }

            .plan_inner .basic_content .media:first-child {
                margin-top: 0px;
            }

.price_list {
    /*padding-left: 20px;*/
}

    .price_list .price_box {
        border: 2px solid #e0e0e0;
        border-radius: 5px;
        text-align: center;
        margin-bottom: 30px;
    }

        .price_list .price_box h4 {
            font-size: 22px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
            padding: 30px 0px 20px 0px;
        }

        .price_list .price_box .price_round {
            height: 124px;
            width: 120px;
            border-radius: 50%;
            background: #900000;
            margin: auto;
            color: #fff;
            transition: all 400ms linear 0s;
        }

            .price_list .price_box .price_round h5 {
                font-size: 30px;
                font-family: "Ubuntu", sans-serif;
                font-weight: bold;
                padding-top: 35px;
                padding-bottom: 5px;
            }

            .price_list .price_box .price_round .discount h5 {
                padding-top: 5px !important;
            }

            .price_list .price_box .price_round .discounted-price {
                text-decoration: line-through;
                font-weight: bold;
                padding-top: 10px;
                font-size: 16px;
            }

            .price_list .price_box .price_round h6 {
                font-size: 16px;
                font-family: "Ubuntu", sans-serif;
                font-weight: 300;
            }

        .price_list .price_box h3 {
            font-size: 16px;
            color: #2e3c43;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
            padding: 20px 0px 30px 0px;
        }

        .price_list .price_box:hover .price_round {
            background: #2e3c43;
        }

        .price_list .price_box .price_round_advanced_plan {
            height: 124px;
            width: 120px;
            border-radius: 50%;
            background: orange;
            margin: auto;
            color: #fff;
            transition: all 400ms linear 0s;
        }

            .price_list .price_box .price_round_advanced_plan h5 {
                font-size: 30px;
                font-family: "Ubuntu", sans-serif;
                font-weight: bold;
                padding-top: 35px;
                padding-bottom: 5px;
            }

            .price_list .price_box .price_round_advanced_plan h6 {
                font-size: 16px;
                font-family: "Ubuntu", sans-serif;
                font-weight: 300;
            }

        .price_list .price_box:hover .price_round_advanced_plan {
            background: #2e3c43;
        }

        .price_list .price_box .price_round_premium_plan {
            height: 124px;
            width: 120px;
            border-radius: 50%;
            background: green;
            margin: auto;
            color: #fff;
            transition: all 400ms linear 0s;
        }

            .price_list .price_box .price_round_premium_plan h5 {
                font-size: 30px;
                font-family: "Ubuntu", sans-serif;
                font-weight: bold;
                padding-top: 35px;
                padding-bottom: 5px;
            }

            .price_list .price_box .price_round_premium_plan h6 {
                font-size: 16px;
                font-family: "Ubuntu", sans-serif;
                font-weight: 300;
            }

        .price_list .price_box:hover .price_round_premium_plan {
            background: #2e3c43;
        }

    .price_list .btn_price_chose {
        text-align: center;
    }

        .price_list .btn_price_chose a {
            margin: auto;
            width: 170px;
        }

            .price_list .btn_price_chose a + a {
                margin-top: 10px;
            }

                .price_list .btn_price_chose a + a:before {
                    background: #019cde;
                }

                .price_list .btn_price_chose a + a img {
                    padding-right: 7px;
                }

/* End Price area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Advanced Search area css
============================================================================================ */
.advanced_search_area {
    background: #2e3c43;
    padding: 80px 0px 50px 0px;
}

    .advanced_search_area .welcome_white_title {
        padding-bottom: 35px;
    }

    .advanced_search_area.search_area2 {
        background: #fff;
        overflow: hidden;
    }

        .advanced_search_area.search_area2 .welcome_title {
            padding-bottom: 45px;
        }

        .advanced_search_area.search_area2 .search_option {
            padding-bottom: 30px;
        }

            .advanced_search_area.search_area2 .search_option .tab-content .tab-pane .height_item .bootstrap-select {
                margin-right: 18px;
            }

                .advanced_search_area.search_area2 .search_option .tab-content .tab-pane .height_item .bootstrap-select:last-child {
                    margin-right: 0px;
                }

            .advanced_search_area.search_area2 .search_option .tab-content .tab-pane .height_item h4 {
                color: #334249;
                padding-left: 0px;
                padding-right: 18px;
            }

            .advanced_search_area.search_area2 .search_option .tab-content .tab-pane .height_item .bootstrap-select .dropdown-toggle {
                background: #f4f4f4;
                border: 1px solid #f4f4f4;
            }

            .advanced_search_area.search_area2 .search_option .tab-content .tab-pane .height_item:nth-child(2) {
                padding-left: 15px;
            }

        .advanced_search_area.search_area2 .search_distance .skill_item h4 {
            font-size: 16px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            padding-bottom: 22px;
        }

        .advanced_search_area.search_area2 .search_distance .skill_item .skill_inner {
            width: 100%;
            height: 2px;
            background: #e0e0e0;
            position: relative;
        }

            .advanced_search_area.search_area2 .search_distance .skill_item .skill_inner .progress-bar {
                height: 2px;
                position: absolute;
                left: 0px;
                top: 0px;
                background: #900000;
                color: #334249;
            }

                .advanced_search_area.search_area2 .search_distance .skill_item .skill_inner .progress-bar:before {
                    content: "";
                    background: #900000;
                    width: 12px;
                    height: 12px;
                    border-radius: 50%;
                    position: absolute;
                    right: -6px;
                    top: -6px;
                }

                .advanced_search_area.search_area2 .search_distance .skill_item .skill_inner .progress-bar a {
                    line-height: 22px;
                    text-align: center;
                    color: #fff;
                    text-align: center;
                    background: #900000;
                    padding: 0px 4px;
                    font-size: 12px;
                    font-family: "Ubuntu", sans-serif;
                    border-radius: 3px;
                    position: absolute;
                    right: -20px;
                    top: -37px;
                }

                    .advanced_search_area.search_area2 .search_distance .skill_item .skill_inner .progress-bar a:before {
                        content: "";
                        width: 0;
                        height: 0;
                        border-style: solid;
                        border-width: 4px 3.5px 0 3.5px;
                        border-color: #900000 transparent transparent transparent;
                        position: absolute;
                        bottom: -4px;
                        left: 50%;
                        -webkit-transform: translateX(-50%);
                        -ms-transform: translateX(-50%);
                        transform: translateX(-50%);
                    }

        .advanced_search_area.search_area2 .search_distance .skill_item h5 {
            display: inline-block;
            font-size: 12px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            padding-top: 10px;
        }

        .advanced_search_area.search_area2 .search_distance .skill_item h6 {
            float: right;
            display: inline-block;
            font-size: 12px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            padding-top: 10px;
        }

        .advanced_search_area.search_area2 .creat_account {
            display: inline-block;
            width: auto;
            vertical-align: middle;
            margin-top: 15px;
        }

            .advanced_search_area.search_area2 .creat_account label {
                color: #2e3c43;
            }

            .advanced_search_area.search_area2 .creat_account .check {
                background: #900000;
                border: none;
            }

                .advanced_search_area.search_area2 .creat_account .check:before {
                    color: #fff;
                    top: 5px;
                    left: 5px;
                }

        .advanced_search_area.search_area2 .distance_right {
            vertical-align: middle;
        }

            .advanced_search_area.search_area2 .distance_right .register_angkar_btn {
                display: inline-block;
            }

        .advanced_search_area.search_area2 .range_count {
            padding-top: 0px;
            margin-top: -3px;
        }

.search_option .nav.nav-tabs {
    max-width: 830px;
    margin: 0 auto 40px;
    padding: 0px 50px;
}

    .search_option .nav.nav-tabs li {
        margin-right: 45px;
    }

        .search_option .nav.nav-tabs li a {
            border: none;
            padding: 0px;
            border-radius: 0px;
            background: transparent;
            font-size: 16px;
            font-family: "Ubuntu", sans-serif;
            color: #fff;
            line-height: 40px;
            position: relative;
        }

            .search_option .nav.nav-tabs li a:before {
                content: "";
                width: 100%;
                background: #900000;
                height: 2px;
                position: absolute;
                left: 0px;
                bottom: 0px;
                opacity: 0;
                transition: all 400ms linear 0s;
            }

        .search_option .nav.nav-tabs li.active a:before {
            opacity: 1;
        }

        .search_option .nav.nav-tabs li:last-child {
            margin-right: 0px;
        }

.search_option .tab-content .tab-pane {
    color: #fff;
}

    .search_option .tab-content .tab-pane .height_item {
        display: inline-block;
        vertical-align: middle;
    }

        .search_option .tab-content .tab-pane .height_item h4 {
            display: inline-block;
            font-size: 18px;
            font-family: "Ubuntu", sans-serif;
            padding-left: 40px;
            padding-right: 20px;
        }

        .search_option .tab-content .tab-pane .height_item .bootstrap-select {
            width: 160px;
            position: relative;
            margin-right: 25px;
        }

            .search_option .tab-content .tab-pane .height_item .bootstrap-select:before {
                content: "";
                background: #fff;
                width: 10px;
                height: 1px;
                position: absolute;
                right: -18px;
                top: 50%;
            }

            .search_option .tab-content .tab-pane .height_item .bootstrap-select .dropdown-toggle {
                padding: 0px 20px;
                border-radius: 24px;
                outline: none !important;
                box-shadow: none;
            }

                .search_option .tab-content .tab-pane .height_item .bootstrap-select .dropdown-toggle .filter-option {
                    line-height: 48px;
                    font-size: 16px;
                    color: #334249;
                    font-family: "Ubuntu", sans-serif;
                    font-weight: 500;
                }

                .search_option .tab-content .tab-pane .height_item .bootstrap-select .dropdown-toggle .bs-caret {
                    position: relative;
                }

                    .search_option .tab-content .tab-pane .height_item .bootstrap-select .dropdown-toggle .bs-caret .caret {
                        display: none;
                    }

                    .search_option .tab-content .tab-pane .height_item .bootstrap-select .dropdown-toggle .bs-caret:before {
                        content: "\f0dc";
                        font: normal normal normal 14px/1 FontAwesome;
                        position: relative;
                        right: 12px;
                        top: 15px;
                        color: #c2c2c2;
                    }

            .search_option .tab-content .tab-pane .height_item .bootstrap-select .dropdown-menu {
                padding: 0px;
                margin: 0px;
            }

                .search_option .tab-content .tab-pane .height_item .bootstrap-select .dropdown-menu .dropdown-menu {
                    padding: 0px;
                    margin: 0px;
                }

                    .search_option .tab-content .tab-pane .height_item .bootstrap-select .dropdown-menu .dropdown-menu li a {
                        padding: 10px;
                        outline: none;
                    }

            .search_option .tab-content .tab-pane .height_item .bootstrap-select:last-child {
                margin-right: 0px;
            }

                .search_option .tab-content .tab-pane .height_item .bootstrap-select:last-child:before {
                    display: none;
                }

        .search_option .tab-content .tab-pane .height_item h5 {
            font-size: 18px;
            font-family: "Ubuntu", sans-serif;
            color: #fff;
            padding-bottom: 15px;
        }

        .search_option .tab-content .tab-pane .height_item .item_average {
            display: inline-block;
            text-align: center;
            margin-right: 20px;
        }

            .search_option .tab-content .tab-pane .height_item .item_average .border {
                height: 4px;
                width: 80px;
                background: #fff;
                position: relative;
                margin-top: 13px;
                margin-bottom: 10px;
                margin-right: 7px;
            }

                .search_option .tab-content .tab-pane .height_item .item_average .border:before {
                    content: "";
                    background: #900000;
                    height: 16px;
                    width: 16px;
                    border-radius: 50%;
                    position: absolute;
                    left: 0px;
                    top: -6px;
                    opacity: 0;
                    transition: all 400ms linear 0s;
                }

                .search_option .tab-content .tab-pane .height_item .item_average .border:after {
                    content: "";
                    position: absolute;
                    left: 3.5px;
                    top: -2px;
                    height: 8px;
                    width: 8px;
                    border-radius: 50%;
                    background: #fff;
                    opacity: 0;
                    transition: all 400ms linear 0s;
                }

                .search_option .tab-content .tab-pane .height_item .item_average .border span:before {
                    content: "";
                    background: #900000;
                    height: 16px;
                    width: 16px;
                    border-radius: 50%;
                    position: absolute;
                    right: 0px;
                    top: -6px;
                    opacity: 0;
                    transition: all 400ms linear 0s;
                }

                .search_option .tab-content .tab-pane .height_item .item_average .border span:after {
                    content: "";
                    position: absolute;
                    right: 4.5px;
                    top: -2px;
                    height: 8px;
                    width: 8px;
                    border-radius: 50%;
                    background: #fff;
                    opacity: 0;
                    transition: all 400ms linear 0s;
                }

            .search_option .tab-content .tab-pane .height_item .item_average h6 {
                font-size: 16px;
                color: #fff;
                font-family: "Ubuntu", sans-serif;
            }

            .search_option .tab-content .tab-pane .height_item .item_average:hover .border {
                background: #900000;
            }

                .search_option .tab-content .tab-pane .height_item .item_average:hover .border:before {
                    opacity: 1;
                }

                .search_option .tab-content .tab-pane .height_item .item_average:hover .border:after {
                    opacity: 1;
                }

                .search_option .tab-content .tab-pane .height_item .item_average:hover .border span:before {
                    opacity: 1;
                }

                .search_option .tab-content .tab-pane .height_item .item_average:hover .border span:after {
                    opacity: 1;
                }

            .search_option .tab-content .tab-pane .height_item .item_average .average {
                width: 90px;
                border: none;
                background: #fff;
                height: 4px;
            }

                .search_option .tab-content .tab-pane .height_item .item_average .average .ui-slider-range {
                    background: #900000;
                }

                .search_option .tab-content .tab-pane .height_item .item_average .average .ui-slider-handle {
                    height: 16px;
                    width: 16px;
                    border-radius: 50%;
                    border: none;
                    background: #900000;
                    outline: none;
                    cursor: pointer;
                    top: -6px;
                }

                    .search_option .tab-content .tab-pane .height_item .item_average .average .ui-slider-handle:before {
                        content: "";
                        height: 8px;
                        width: 8px;
                        background: #fff;
                        position: absolute;
                        left: 3.5px;
                        top: 4px;
                        border-radius: 50%;
                    }

            .search_option .tab-content .tab-pane .height_item .item_average label {
                font-family: "Ubuntu", sans-serif;
                color: #fff;
                font-size: 16px;
                margin-bottom: 0px;
                margin-top: 5px;
            }

        .search_option .tab-content .tab-pane .height_item:nth-child(3) {
            padding-left: 20px;
        }

    .search_option .tab-content .tab-pane .search_btn {
        text-align: center;
        margin-top: 25px;
    }

        .search_option .tab-content .tab-pane .search_btn a {
            display: inline-block;
            margin-right: 25px;
        }

            .search_option .tab-content .tab-pane .search_btn a + a {
                margin-right: 0px;
            }

/* End Advanced Search area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Address area css
============================================================================================ */
.address_details {
    padding: 80px 0px;
}

    .address_details .address_item {
        text-align: center;
    }

        .address_details .address_item img {
            max-width: 100%;
        }

        .address_details .address_item h3 {
            font-size: 22px;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
            color: #2e3c43;
            padding: 20px 0px 5px 0px;
        }

        .address_details .address_item h4 {
            font-size: 16px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 300;
            line-height: 24px;
        }

/* Address area css
============================================================================================ */
/* Contact area css
============================================================================================ */
.contact_form_area {
    padding: 80px 0px;
}

    .contact_form_area .welcome_title {
        padding-bottom: 45px;
    }

    .contact_form_area .form_inner .form-group {
        margin-bottom: 30px;
    }

        .contact_form_area .form_inner .form-group input {
            background: #f4f4f4;
            border: 1px solid #f4f4f4;
            height: 48px;
            box-shadow: none;
            border-radius: 5px;
            font-size: 16px;
            font-size: 16px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
            padding: 0px 20px 0px 30px;
            outline: none !important;
            box-shadow: none !important;
        }

            .contact_form_area .form_inner .form-group input.placeholder {
                font-size: 16px;
                color: #334249;
                font-family: "Ubuntu", sans-serif;
                font-weight: 500;
            }

            .contact_form_area .form_inner .form-group input:-moz-placeholder {
                font-size: 16px;
                color: #334249;
                font-family: "Ubuntu", sans-serif;
                font-weight: 500;
            }

            .contact_form_area .form_inner .form-group input::-moz-placeholder {
                font-size: 16px;
                color: #334249;
                font-family: "Ubuntu", sans-serif;
                font-weight: 500;
            }

            .contact_form_area .form_inner .form-group input::-webkit-input-placeholder {
                font-size: 16px;
                color: #334249;
                font-family: "Ubuntu", sans-serif;
                font-weight: 500;
            }

            .contact_form_area .form_inner .form-group input:focus {
                border-color: #900000;
            }

        .contact_form_area .form_inner .form-group textarea {
            background: #f4f4f4;
            border: 1px solid #f4f4f4;
            height: 204px;
            box-shadow: none;
            border-radius: 5px;
            font-size: 16px;
            font-size: 16px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
            padding: 15px 20px 0px 30px;
            width: 100%;
            resize: none;
            outline: none !important;
            box-shadow: none !important;
        }

            .contact_form_area .form_inner .form-group textarea.placeholder {
                font-size: 16px;
                color: #334249;
                font-family: "Ubuntu", sans-serif;
                font-weight: 500;
            }

            .contact_form_area .form_inner .form-group textarea:-moz-placeholder {
                font-size: 16px;
                color: #334249;
                font-family: "Ubuntu", sans-serif;
                font-weight: 500;
            }

            .contact_form_area .form_inner .form-group textarea::-moz-placeholder {
                font-size: 16px;
                color: #334249;
                font-family: "Ubuntu", sans-serif;
                font-weight: 500;
            }

            .contact_form_area .form_inner .form-group textarea::-webkit-input-placeholder {
                font-size: 16px;
                color: #334249;
                font-family: "Ubuntu", sans-serif;
                font-weight: 500;
            }

            .contact_form_area .form_inner .form-group textarea:focus {
                border-color: #900000;
            }

        .contact_form_area .form_inner .form-group:last-child {
            margin-bottom: 0px;
        }

        .contact_form_area .form_inner .form-group .login_btn {
            float: right;
            margin-top: 28px;
        }

/* End Contact area css
============================================================================================ */
/* Error area css
============================================================================================ */
.error_area {
    text-align: center;
    background: url(../img/Error-bg.png) no-repeat scroll center center;
    background-size: cover;
    padding: 80px 0px;
}

    .error_area .error_text h6 {
        font-size: 30px;
        font-family: "Ubuntu", sans-serif;
        font-weight: bold;
        color: #2e3c43;
    }

    .error_area .error_text h3 {
        font-size: 300px;
        font-family: "Ubuntu", sans-serif;
        font-weight: bold;
        color: #2e3c43;
        line-height: 250px;
    }

    .error_area .error_text h5 {
        font-size: 30px;
        font-family: "Ubuntu", sans-serif;
        font-weight: bold;
        color: #2e3c43;
        padding-bottom: 40px;
        padding-top: 15px;
    }

    .error_area .error_text .register_angkar_btn {
        display: inline-block;
        width: 200px;
        margin-bottom: 45px;
    }

/* End Error area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Footer area css
============================================================================================ */
.footer_widgets_area {
    background: #f9f9f9;
    padding: 64px 0px;
}

.f_widget_title {
    padding-bottom: 28px;
}

    .f_widget_title h3 {
        font-size: 22px;
        color: #2e3c43;
        font-family: "Ubuntu", sans-serif;
        font-weight: 500;
    }

.vero_widget h4 {
    font-size: 30px;
    color: #2e3c43;
    font-family: "Ubuntu", sans-serif;
    padding-bottom: 15px;
}

    .vero_widget h4 span {
        color: #900000;
    }

.vero_widget p {
    font-size: 16px;
    line-height: 24px;
    color: #2e3c43;
    font-family: "Ubuntu", sans-serif;
    padding-bottom: 25px;
}

    .vero_widget p + p {
        padding-bottom: 0px;
    }

.information_widget ul {
    margin-top: -13px;
}

    .information_widget ul li a {
        font-size: 16px;
        color: #2e3c43;
        font-family: "Ubuntu", sans-serif;
        border-bottom: 1px solid #47545a;
        display: block;
        line-height: 48px;
        transition: all 400ms linear 0s;
    }

    .information_widget ul li:last-child a {
        border: none;
    }

    .information_widget ul li:hover a {
        color: #900000;
    }

.recent_post_widget ul {
    margin-top: -14px;
}

    .recent_post_widget ul li a {
        font-size: 16px;
        color: #2e3c43;
        font-family: "Ubuntu", sans-serif;
        border-bottom: 1px solid #47545a;
        display: block;
        line-height: 48px;
        transition: all 400ms linear 0s;
    }

        .recent_post_widget ul li a span {
            float: right;
        }

    .recent_post_widget ul li:last-child a {
        border: none;
    }

    .recent_post_widget ul li:hover a {
        color: #900000;
    }

.newsletter_widget p {
    font-size: 16px;
    line-height: 24px;
    color: #2e3c43;
    font-family: "Ubuntu", sans-serif;
    padding-bottom: 25px;
}

.newsletter_widget .input-group input {
    height: 50px;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    border: none;
    padding: 0px 7px 0px 18px;
    outline: none;
    box-shadow: none;
    text-shadow: none;
}

    .newsletter_widget .input-group input.placeholder {
        font-family: "Ubuntu", sans-serif;
        color: #2e3c43;
        font-size: 16px;
    }

    .newsletter_widget .input-group input:-moz-placeholder {
        font-family: "Ubuntu", sans-serif;
        color: #2e3c43;
        font-size: 16px;
    }

    .newsletter_widget .input-group input::-moz-placeholder {
        font-family: "Ubuntu", sans-serif;
        color: #2e3c43;
        font-size: 16px;
    }

    .newsletter_widget .input-group input::-webkit-input-placeholder {
        font-family: "Ubuntu", sans-serif;
        color: #2e3c43;
        font-size: 16px;
    }

.newsletter_widget .input-group .input-group-btn .btn-default {
    height: 50px;
    width: 60px;
    background: #900000;
    border: none;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    color: #fff;
    padding: 0px;
    outline: none !important;
    box-shadow: none !important;
}

.copyright .copyright_left {
    width: 75%;
    float: left;
    overflow: hidden;
    background: #334249;
}

    .copyright .copyright_left .copyright_text {
        max-width: 582px;
        float: right;
        width: 100%;
    }

        .copyright .copyright_left .copyright_text h4 {
            line-height: 60px;
            color: #fff;
            font-family: "Ubuntu", sans-serif;
            font-size: 16px;
        }

            .copyright .copyright_left .copyright_text h4 a {
                font-weight: 500;
                color: #fff;
            }

                .copyright .copyright_left .copyright_text h4 a:hover {
                    color: #900000;
                }

.copyright .copyright_right {
    float: right;
    width: 25%;
    background: #900000;
}

    .copyright .copyright_right .copyright_social {
        max-width: 582px;
        width: 100%;
        text-align: center;
    }

        .copyright .copyright_right .copyright_social ul li {
            display: inline-block;
            margin-left: 18px;
        }

            .copyright .copyright_right .copyright_social ul li a {
                color: #fff;
                font-size: 16px;
                line-height: 60px;
                display: block;
            }

            .copyright .copyright_right .copyright_social ul li:first-child {
                margin-left: 0px;
            }


/* End Footer area css
============================================================================================ */
/*---------------------------------------------------- */

/*Custom*/
.panel-default > .panel-heading {
    color: #910809;
}

h3.panel-title {
    text-align: center;
    font-weight: bold;
}

#my-account .panel .panel-heading .icon {
    font-size: 15px;
    padding: 10px;
    width: 50px;
    height: 50px;
    border: 5px solid white;
    -ms-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    top: -25px;
    background: #910809;
    color: white;
}

#my-account .panel {
    margin-bottom: 40px;
}

.list-group-item > .numbered {
    color: #910809;
    font-weight: bold;
    margin-right: 10px;
}
/*Custom End*/

/* from inbox.css */
.mailbox .subject, .subject a {
    color: #300;
    line-height: 18px;
    text-decoration: none;
}

    .mailbox .subject a:hover {
        text-decoration: underline;
    }

.mailbox .msg_preview {
    display: block;
    color: #888;
    overflow: hidden;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
}

.mailbox .unread {
    font-weight: bold;
}

.mailbox .date_lite {
    font-size: 11px;
    color: #777;
}

.mailbox #maincontent {
    border-left: 1px solid #edc;
}

.mailbox #notes {
    margin-left: 15px;
    margin-top: 20px;
}

.table-advance thead tr.inbox-headings th {
    background-color: #cfc;
    font-weight: bold;
}

.table-advance thead tr.inbox-actions th {
    background-color: #fff3ec;
}

.mailbox #compose_links {
    border-bottom: 1px solid #a96;
    list-style-type: none;
    width: 566px;
    display: block;
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    font-weight: bold;
    height: 26px;
    padding-left: 4px;
}

    .mailbox #compose_links li {
        background-color: #fff;
        color: #900;
        border: 1px solid #eca;
        margin: 1px;
        border-bottom: 0px solid #eca;
        float: left;
        display: block;
        width: 82px;
        height: 24px;
        line-height: 24px;
        text-align: center;
    }

        .mailbox #compose_links li a {
            display: block;
            text-decoration: none;
            color: #cca;
        }

        .mailbox #compose_links li.compose {
            width: 160px;
            margin-left: 140px;
        }

        .mailbox #compose_links li.active {
            height: 26px;
            background-color: #eec;
            color: #630;
            margin-top: -1px;
            border: 1px solid #a96;
            border-bottom: 1px solid #eec;
        }

            .mailbox #compose_links li.active a {
                color: #630;
            }

        .mailbox #compose_links li a:hover {
            background-color: #fff3ec;
            color: #630;
        }

.mailbox #searchbox {
    clear: left;
    background-color: #fff3ec;
    height: 34px;
    width: 564px;
    margin: 0px;
    line-height: 34px;
    text-align: right;
    padding-right: 4px;
}


.mailbox #delete_selected {
    position: absolute;
    margin-top: -22px;
    margin-left: 4px;
}

.tabbable-line > .nav-tabs {
    border: none;
    margin: 0
}

    .tabbable-line > .nav-tabs > li {
        margin: 0;
        border-bottom: 4px solid transparent
    }

        .tabbable-line > .nav-tabs > li > a {
            background: 0 0 !important;
            border: 0;
            margin: 0;
            padding-left: 15px;
            padding-right: 15px;
            color: #737373
        }

            .tabbable-line > .nav-tabs > li > a > i {
                color: #a6a6a6
            }

        .tabbable-line > .nav-tabs > li.active {
            background: 0 0;
            border-bottom: 4px solid #900000;
            position: relative
        }

            .tabbable-line > .nav-tabs > li.active > a {
                border: 0;
                color: #900000
            }

                .tabbable-line > .nav-tabs > li.active > a > i {
                    color: #900000
                }

        .tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
            background: 0 0;
            border-bottom: 4px solid #cc0404
        }

            .tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
                border: 0;
                background: 0 0 !important;
                color: #333
            }

                .tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
                    color: #a6a6a6
                }

.tabbable-line > .tab-content {
    margin-top: 0;
    border: 0;
    border-top: 1px solid #eef1f5;
    padding: 30px 0
}

.tabbable-line > .nav-tabs {
    border-bottom: 1px solid #900000;
}


.mailbox_search_widget .input-group select.form-control {
    height: 30px;
    box-shadow: none;
    text-shadow: none;
    border-bottom-left-radius: 24px;
    border-top-left-radius: 24px;
    padding: 0px 10px 0px 20px;
    color: #2e3c43;
    font-family: "Ubuntu", sans-serif;
    outline: none !important;
}

.mailbox_search_widget .input-group .input-group-btn .btn-default {
    height: 30px;
    width: 40px;
    padding: 0px;
    border-bottom-right-radius: 24px;
    border-top-right-radius: 24px;
    border: none;
    background: #900000;
    margin-left: 0px;
    margin-top: 10px;
    color: #fff;
    outline: none !important;
    box-shadow: none !important;
}
/*Affiliates style*/
#affiliate_html {
    text-align: left;
    font: 13px arial;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f8f9fa;
    padding: 2rem;
}

    #affiliate_html h2 {
        font-weight: normal;
        font-size: 18px;
        color: #222;
    }

        #affiliate_html h2 span {
            color: #C00;
        }

.tip {
    color: #666;
    font-size: 11px;
}

#affiliate_html #login {
    float: left;
    margin: 30px;
    border: 1px solid #ccc;
    text-align: center;
    padding: 6px;
    color: #900;
    text-decoration: none;
    font: 12px arial;
    font-weight: bold;
    background-color: #fec;
}

#affiliate_html table {
    float: left;
    width: 300px;
    margin-top: 10px;
}

    #affiliate_html table thead th {
        border-bottom: 1px solid #cca;
        background-color: #ddb;
        padding: 3px;
    }

#affiliate_html h3 {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    color: #c00;
    margin: 15px;
}
/*End Affilites style*/

/* Faqs Style*/
.panel-group .h3 {
    color: green;
}

h4.panel-title {
    color: blue;
}

/*End Faqs Style */

/*Quick Links style*/
#maincontent a {
    text-decoration: underline;
}
/*#maincontent a:visited {
        color: #cc8033;
    }*/

/*End Quick Links Style*/

/*Advertise Style*/

#ad_html {
    line-height: 19px;
    text-align: left;
    width: 90%;
    font-size: 15px;
}

    #ad_html h3 {
        font-family: "trebuchet ms",arial;
        font-size: 18px;
        font-weight: normal;
        color: #900;
        margin-top: 18px;
        margin-bottom: 4px;
    }

    #ad_html table {
        width: 350px;
        margin-top: 14px;
        margin-bottom: 14px;
    }

    #ad_html caption {
        font-weight: bold;
        border-bottom: 1px solid #cca;
        font-size: 13px;
        line-height: 13px;
        text-align: left;
        margin-bottom: 0px;
    }

        #ad_html caption p {
            display: inline;
            margin-left: 4px;
            font-weight: normal;
            color: #777;
            font: 12px arial;
        }

    #ad_html td {
        font-size: 13px;
    }

        #ad_html td.figure {
            text-align: right;
            font-weight: bold;
        }

#maincontent ol {
    margin-top: 10px;
    /*margin-left: -22px;*/
}

/*End Advertise Style*/

/*Tech Support Style*/
#maincontent h4 {
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}
/*.row label {
    
    margin-top: 10px;
}*/
#maincontent a {
    text-decoration: none;
    margin-bottom: 10px;
}


/* End Tech Support Style*/
/*# sourceMappingURL=style.css.map */



/* Verify Profile Style*/

/*End Verify Profile Style*/
.edit-link {
    color: #900000;
    font-size: 13px;
    margin: 0px 30px 0 0;
}

    .edit-link:hover {
        color: #000;
    }

.error-template {
    padding: 180px 0px 120px 0px;
    text-align: center;
}

.error-actions {
    margin-top: 15px;
    margin-bottom: 15px;
}

    .error-actions .btn {
        margin-right: 10px;
    }

.error-page {
    background-position: center;
}

.btn-qiran {
    color: #fff;
    background-color: #900000;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .btn-qiran:focus,
    .btn-qiran.focus {
        color: #fff;
        background-color: #900000;
        border-color: #900000;
    }

    .btn-qiran:hover {
        color: #900000;
        background-color: #fff;
        border-color: #900000;
    }

    .btn-qiran:active,
    .btn-qiran.active,
    .open > .dropdown-toggle.btn-qiran {
        color: #fff;
        background-color: #449d44;
        border-color: #900000;
    }

        .btn-qiran:active:hover,
        .btn-qiran.active:hover,
        .open > .dropdown-toggle.btn-qiran:hover,
        .btn-qiran:active:focus,
        .btn-qiran.active:focus,
        .open > .dropdown-toggle.btn-qiran:focus,
        .btn-qiran:active.focus,
        .btn-qiran.active.focus,
        .open > .dropdown-toggle.btn-qiran.focus {
            color: #900000;
            background-color: #fff;
            border-color: #900000;
        }

    .btn-qiran:active,
    .btn-qiran.active,
    .open > .dropdown-toggle.btn-qiran {
        background-image: none;
    }

    .btn-qiran.disabled:hover,
    .btn-qiran[disabled]:hover,
    fieldset[disabled] .btn-qiran:hover,
    .btn-qiran.disabled:focus,
    .btn-qiran[disabled]:focus,
    fieldset[disabled] .btn-qiran:focus,
    .btn-qiran.disabled.focus,
    .btn-qiran[disabled].focus,
    fieldset[disabled] .btn-qiran.focus {
        background-color: #fff;
        border-color: #900000;
    }

    .btn-qiran .badge {
        color: #900000;
        background-color: #fff;
    }

.basic-info {
    color: #ffffff;
}

    .basic-info li:before {
        content: "";
        width: 1px;
        height: 10px;
        position: absolute;
        /* left: -12px; */
        /* top: 4px; */
        margin: 3px 0px 0 -13px;
        background: #fff;
    }

.user_img {
    position: relative;
}

.image {
    opacity: 1;
    display: block;
    /*width: 100%;*/
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}
/*.user_img .view-dp {
    visibility: hidden;
}
.user_img:hover .view-dp {
    visibility: visible;
}*/

.user_img:hover .image {
    opacity: 0.8;
    cursor: pointer;
    background-repeat: no-repeat;
}

.user_img:hover .middle {
    opacity: 0.3;
}

.text {
    /*background-color: #4CAF50;*/
    /*color: white;*/
    /*font-size: 16px;*/
    /*padding: 16px 32px;*/
}

.online-status {
    color: #fff;
    background: #4ad481;
    /* width: 137px; */
    height: 27px;
    text-align: center;
    padding: 2px;
    border-radius: 6px;
    /* margin: 0 0 5px; */
    /* text-transform: uppercase; */
}

h4.online-text:first-letter {
    text-transform: uppercase;
}

.blury {
    color: #fff;
}

.bubble-inbox {
    position: relative;
    padding: 10px;
    margin-top: 9px;
    min-height: 50px;
    background: #f5f5f5;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: left;
}

    .bubble-inbox:after {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 0 9px 12px;
        border-color: #f5f5f5 transparent;
        display: block;
        width: 0;
        z-index: 1;
        top: -12px;
        left: 12px;
    }

.inbox .inbox-view-info {
    color: #666;
    padding: 5px 0;
    border-top: solid 1px #eee;
    margin-top: 10px;
}

    .inbox .inbox-view-info .inbox-author {
        border-radius: 50% !important;
        margin-right: 10px;
    }

    .inbox .inbox-view-info .inbox-info-btn .btn-group {
        float: right;
        margin-top: 5px;
    }

.inbox .inbox-body, .inbox .inbox-sidebar {
    padding: 20px;
    border: 1px solid #e7ecf1;
    border-radius: 4px;
}

.inbox-compose {
    margin-top: 1px;
    border: 1px solid #eee;
}

.inbox-compose-btn {
    padding: 12px;
    background: #f0f6fa;
}

.inbox-compose-attachment {
    padding: 8px;
}

    .inbox-compose-attachment .btn {
        padding: 4px 10px;
    }

.inbox-compose .inbox-form-group {
    margin-bottom: 0;
    position: relative;
    border-bottom: solid 1px #eee;
}

.inbox-compose .controls {
    margin-left: 85px;
}

.inbox-compose .inbox-form-group > label {
    width: 80px;
    float: left;
    color: #979797;
    text-align: right;
    margin: 0;
}

.inbox-compose .controls > input {
    border: none !important;
    width: 100%;
}

.inbox-compose .controls-to {
    padding-right: 55px;
}

.inbox-compose .controls-bcc, .inbox-compose .controls-cc {
    padding-right: 20px;
}

.inbox-compose .inbox-form-group a.close {
    top: 13px;
    right: 10px;
    position: absolute;
}

.inbox-compose .mail-to .inbox-cc-bcc {
    display: inline-block;
    top: 7px;
    right: 10px;
    color: #979797;
    font-size: 14px;
    cursor: pointer;
    position: absolute;
}

.inbox-compose .mail-to .inbox-bcc {
    margin-left: 5px;
}

.inbox-compose .mail-to inbox-bcc:hover, .inbox-compose .mail-to inbox-cc:hover {
    color: #777;
}

.inbox-compose .wysihtml5 {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}

.inbox-compose .wysihtml5-sandbox {
    padding: 0 !important;
    margin: 5px 0 0 !important;
    display: block !important;
    border: 0 !important;
    width: 100% !important;
    border-left: none;
    border-right: none;
}

.inbox-compose .wysihtml5-toolbar {
    border: 0;
    border-bottom: 1px solid #eee;
}

    .inbox-compose .wysihtml5-toolbar > li {
        height: 34px;
        margin-right: 0;
        margin-bottom: 0;
    }

        .inbox-compose .wysihtml5-toolbar > li > a, .inbox-compose .wysihtml5-toolbar > li > div > a {
            background: #fff !important;
            border-color: #fff !important;
        }

            .inbox-compose .wysihtml5-toolbar > li > a:hover, .inbox-compose .wysihtml5-toolbar > li > div > a:hover {
                background: #f1f1f1 !important;
                border-color: #f1f1f1 !important;
                border-radius: 0;
            }

    .inbox-compose .wysihtml5-toolbar .dropdown.open .dropdown-toggle, ul.wysihtml5-toolbar a.btn.wysihtml5-command-active {
        background: #eee !important;
    }

@media (max-width:480px) {
    .inbox-compose .inbox-form-group > label {
        margin-top: 7px;
    }
}

.btn.btn-outline.blue {
    border-color: #900000;
    color: #900000;
    background: 0 0;
}

.btn.blue:not(.btn-outline) {
    color: #FFF;
    background-color: #900000;
    border-color: #900000;
    margin: 0px 4px;
}

.sbold {
    font-weight: 600 !important;
}

    .sbold a {
        color: #900000;
    }

.btn-outline {
    color: #900000;
}

a.btn.btn-sm.blue.btn-outline:hover {
    border-color: #900000;
    color: #FFF;
    background-color: #900000;
}

#delete-form {
    padding: 0px 0px 0px 20px;
}

    #delete-form #delete {
        border: none;
        background: none;
    }

.right-to-left {
    direction: rtl;
}

.left-to-right {
    direction: ltr;
}

.disable {
    border: 1px solid #0066cc;
    background-color: #0099cc;
    color: #ffffff;
    padding: 5px 10px;
}

    .disable:hover {
        border: 1px solid #0099cc;
        background-color: #00aacc;
        color: #ffffff;
        padding: 5px 10px;
    }

    .disable:disabled,
    .disable[disabled] {
        border: 1px solid #999999;
        background-color: #cccccc;
        color: #666666;
    }

.clickable {
    cursor: pointer;
}

    .clickable:hover, #main td a:hover {
        color: #f00;
    }

ul.tabs {
    width: 560px;
    overflow: hidden;
    /*padding:0;*/
    margin: 0 0 10px 0;
}

.bubble-sent {
    position: relative;
    padding: 10px;
    margin-top: 9px;
    min-height: 50px;
    background: #f5f2d7;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: right;
}

    .bubble-sent:after {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 0 9px 12px;
        border-color: #f5f2d7 transparent;
        display: block;
        width: 0;
        z-index: 1;
        top: -12px;
        right: 12px;
    }

.view-message-pic {
    border-radius: 50% !important;
}

.right-margin {
    margin-right: 7px;
}

.pic {
    height: 90px;
    float: left;
    margin: 1px;
    width: 90px;
    text-align: center;
    margin-top: 4px;
}

    .pic a {
        display: table-cell;
        padding: 2px;
        text-align: center;
        height: 88px;
        width: 88px;
        font-size: 82px;
        vertical-align: middle;
    }

    .pic img {
        padding: 2px;
        border: 1px solid #ccc;
        background-color: #fff;
    }

        .pic img:hover {
            background-color: #fc9;
            opacity: 1.0;
        }

#searchbox {
    text-align: center;
}

#warning {
    margin-left: 15px;
}

    #warning ul {
        margin-top: 10px;
        margin-bottom: 10px;
    }

        #warning ul li {
            margin-left: 20px;
        }

#dialog p {
    text-align: center;
    width: 360px;
    margin: 0px auto;
}

#prev_msg_count {
    position: absolute;
    right: 10px;
    top: 6px;
    font-size: 12px;
}

#voice-msg {
    background: rgb(242,242,242); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(225,225,225,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,255,1)), color-stop(100%,rgba(225,225,225,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(225,225,225,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(225,225,225,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(225,225,225,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(254,255,255,1) 0%,rgba(225,225,225,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */
    box-shadow: 0 0 1px #FFFFFF inset;
    height: 50px;
    min-width: 100px;
    list-style: none;
    padding: 0px 5px;
    margin: 5px 0px;
    border-radius: 5px;
    border: 1px solid #ccc;
    float: left;
    line-height: 50px;
}

    #voice-msg a {
        background: url(images/voice-msg.png) left center no-repeat;
        padding-left: 45px;
        color: #555;
        text-shadow: 0 0 0 transparent, 0 1px 0 #FFFFFF;
        font-weight: bold;
        text-decoration: none;
        height: 50px;
        display: block;
    }

.bottom-margin {
    margin-bottom: 10px;
    cursor: pointer;
}

.error-text {
    color: #900;
}

.main {
    border-bottom: 1px solid #dda;
    width: 100% !important;
    /*width: 575px;*/
}

    .main td {
        padding: 3px;
        height: 30px;
        border-top: 1px solid #dda;
    }

        .main td a {
            color: #330;
        }

    .main caption {
        text-align: center;
        margin-top: 10px;
        font-weight: bold;
        font-family: "trebuchet ms", segoe, arial;
        font-size: 16px;
        padding-top: 10px;
        color: #442;
        color: #060;
    }

        .main caption span {
            font-size: 13px;
            font-weight: normal;
            color: #333;
            text-align: center;
        }

    .main thead tr {
        background-color: #fed;
    }

        .main thead tr td {
            background-color: #fed;
            font-weight: bold;
        }

.odd {
    background-color: #ffe;
}

.even {
    background-color: #fff;
}

.tiny {
    padding: 2px;
    display: block;
    height: 36px;
    width: 36px;
    background-color: #fff;
    border: 1px solid #aaa;
}

.date_lite {
    font-size: 11px;
    color: #777;
}

.hint {
    width: 10px;
    height: 10px;
    margin-left: 4px;
}
/*--thank you pop starts here--*/
.thank-you-pop {
    width: 100%;
    padding: 20px;
    text-align: center;
}

    .thank-you-pop img {
        width: 76px;
        height: auto;
        margin: 0 auto;
        display: block;
        margin-bottom: 25px;
    }

    .thank-you-pop h1 {
        font-size: 42px;
        margin-bottom: 25px;
        color: #5C5C5C;
    }

    .thank-you-pop p {
        font-size: 20px;
        /*margin-bottom: 27px;*/
        margin: 65px;
        color: #5C5C5C;
    }

    .thank-you-pop h3.cupon-pop {
        font-size: 25px;
        margin-bottom: 40px;
        color: #222;
        display: inline-block;
        text-align: center;
        padding: 10px 20px;
        border: 2px dashed #222;
        clear: both;
        font-weight: normal;
    }

        .thank-you-pop h3.cupon-pop span {
            color: #03A9F4;
        }

    .thank-you-pop a {
        display: inline-block;
        margin: 0 auto;
        padding: 9px 20px;
        color: #fff;
        text-transform: uppercase;
        font-size: 14px;
        background-color: #8BC34A;
        border-radius: 17px;
    }

        .thank-you-pop a i {
            margin-right: 5px;
            color: #fff;
        }

#ignismyModal .modal-header {
    border: 0px;
}
/*--thank you pop ends here--*/
.homepage-findsoulmate-background {
    /*background: #f5f5f5;*/
    /*background: rgb(231,231,231);*/
}

.homepage-custom-text-color {
    color: #2e3c43;
}

.homepage-text-over-slider {
    position: absolute;
    left: 0px;
    top: 85px;
    width: 100%;
    z-index: 8;
}

    .homepage-text-over-slider .registration_form_s {
        max-width: 458px;
        background: rgba(144, 0,0, 0.3);
        padding: 0px 30px;
        border: 1px solid #e0e0e0;
        border-radius: 3px;
        position: relative;
        top: 80px;
    }

.homepage-text-margin {
    margin-left: 10px;
}

.homepage-welcometext-height {
    /*height: 180px;*/
    height: auto;
}

.search-dropdown-width {
    width: 225px !important;
}

.search-button-hw {
    width: 145px !important;
    height: 48px !important;
}

#bdy_sp div.aboutself {
    min-height: 50px;
    border: 1px solid #ccb;
    clear: both;
    background-color: #ffe;
    margin-top: 20px;
    padding: 4px;
    color: #333;
}

.edit_main {
    width: 600px;
    /*height: 530px;*/
    padding: 0px;
    margin: auto;
    color: #333;
}

.ebody {
    /*    background: url(../images/overlay_bg.png) top left repeat-x #FFF;*/
    width: 100%;
    /*height: 530px;*/
    padding: 10px;
    text-align: left;
    border-radius: 10px;
    overflow: hidden;
}

.button {
    border: 2px solid #686;
    font-weight: bold;
    cursor: pointer;
    font-family: "trebuchet ms";
    display: inline-block;
    margin: 6px;
    padding: 5px;
}

.btn-green {
    background-color: green;
    color: white
}

.btn-red {
    background-color: #a94442;
    color: white
}

.btn-yellow {
    background-color: #b9670a;
    color: white;
    border-color: #bf6600;
}

.btn-cancel {
    text-decoration: none;
    color: #333;
}

.defaultpic img {
    width: 150px;
    height: 150px;
}

.grey {
    background: rgb(242,242,242); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(225,225,225,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,255,1)), color-stop(100%,rgba(225,225,225,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(225,225,225,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(225,225,225,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(225,225,225,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(254,255,255,1) 0%,rgba(225,225,225,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */
    box-shadow: 0 0 1px #FFFFFF inset;
}

.smart_tab {
    height: 35px;
    border: 1px solid #CCC;
    list-style: none;
    float: left;
    text-align: center;
    margin: 0px 1px 0px 0px;
    line-height: 35px;
    color: #666;
    padding: 0px 5px;
    border-bottom: 0px;
    font-weight: bold;
}

.tabs {
    cursor: pointer;
}

.smart_btns {
    height: 35px;
    border: 1px solid #CCC;
    list-style: none;
    text-align: center;
    margin: 5px auto;
    line-height: 35px;
    color: #880000;
    padding: 0px 10px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    max-width: 220px;
}

.smart_tab_active, .smart_tab:hover {
    height: 35px;
    border: 1px solid #CCC;
    list-style: none;
    float: left;
    text-align: center;
    margin: 0px 1px 0px 0px;
    line-height: 35px;
    font-weight: bold;
    color: #880000;
    padding: 0px 5px;
    border-bottom: 0px;
}

#extended_profile {
    top: 0px;
    left: 0px;
    border-top: 1px solid #CCCCBB;
    display: none;
    width: 580px;
}

#basicProfile {
    top: 0px;
    left: 0px;
}

.ext_head h2 {
    font-size: 16px;
    margin: 3px 0px;
    clear: both;
    color: #880000;
    font-weight: normal;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#bdy_sp div.bigtext {
    max-height: 100px;
    overflow: auto;
}

.custom-width {
    width: 800px;
}

/* For mobile screens (width < 768px), the custom-width class will not apply */
@media (max-width: 767px) {
    .custom-width {
        width: auto; /* Reset to auto or any default value */
    }
}

.scroll-table {
    display: block;
    max-height: 300px;
    overflow-y: scroll;
}
/*.tableBodyScroll tbody {
    display: block;
    max-height: 300px;
    overflow-y: scroll;
}

.tableBodyScroll thead,
tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}*/
.user-info {
    display: inline-block;
    padding: 5px;
    width: 530px;
    /*height: 184px;*/
    height: auto;
    position: relative;
    color: white;
}

.custom-font-weight {
    font-weight: normal !important;
}

#pics_control {
    margin-top: 5px;
    text-align: center;
}

.custom-padding {
    padding: 20px;
}

    .custom-padding h4 {
        font-size: 15px;
    }

    .custom-padding h5 {
        font-size: 13px;
    }

.qiran-color {
    color: #900000;
}

    .qiran-color:hover {
        color: #900000;
    }

.dropdown-menu li h5 {
    display: inline-block;
    margin-right: 0px;
}

.dropdown-menu li a {
    line-height: 40px;
    display: block;
    color: #2e3c43;
    position: relative;
    text-shadow: none;
    /*border-bottom: 1px solid #0e0e0e;*/
    /*background: rgba(0, 0, 0, 0.62);*/
    font-size: 14px;
    font-family: "Ubuntu", sans-serif;
}

    .dropdown-menu li a:before {
        display: none;
    }

.dropdown-menu li:hover a {
    color: #2e3c43;
    /*background: rgba(0, 0, 0, 0.8);*/
}

.dropdown-menu li:last-child a {
    border: none;
}

.members_about_box_quick {
    border: 2px solid #e0e0e0;
    border-radius: 5px;
    padding: 12px 12px;
    color: #2e3c43;
    margin: 10px 0 10px 0 !important;
}

.custom-margin {
    margin: 5px 0 0 0;
}

.custom-margin-newcontact {
    margin: 30px 0 0 0;
}

.modal1-loader {
    margin: 20%;
    text-align: center;
}

.modal2-loader {
    margin: 20% 40%;
    text-align: center;
}

.custom-top-margin {
    margin: 80px auto 80px auto;
}

.page-title {
    margin: 15px 15px;
}

.login_form_inner1 {
    max-width: 488px;
    position: relative;
    border: 1px solid #900000;
    background: #fff;
    border-radius: 5px;
    padding: 50px 50px 50px 50px;
}

.login_form_inner h4 {
    text-align: center;
    font-family: "Ubuntu", sans-serif;
    font-weight: bold;
    font-size: 30px;
    color: #2f3c44;
    padding: 45px 0px;
}


.width-auto {
    width: auto !important;
    height: auto !important;
}

.login-margin {
    margin: 15px auto 10px auto;
}

.join {
    margin: 10px auto auto auto;
}

.options {
    display: block;
    float: left;
    width: 260px;
    margin: 3px;
}

    .options label {
        color: #666;
        font-size: 11px;
    }



.wrapper {
    width: 70%;
}

@media(max-width:992px) {
    .wrapper {
        width: 100%;
    }
}

.panel-heading {
    padding: 0;
    border: 0;
}

.panel-title > a, .panel-title > a:active {
    display: block;
    padding: 15px;
    color: #555;
    font-size: 16px;
    font-weight: bold;
    word-spacing: 3px;
    text-decoration: none;
}

/*.panel-heading a:before {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    transition: all 0.5s;
}*/

.panel-heading.active a:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.custom-padding-media {
    padding: 0 !important;
}

    .custom-padding-media p {
        font-size: smaller;
    }

.custom-padding-left {
    padding-left: 0 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.custom-margin-contactlist {
    margin: 7px 0 0 0;
}

.block-row {
    border: 1px solid #e0e0e0;
    padding: 10px;
    margin: auto;
    border-radius: 5px;
    background: #00000010;
}

.block-margin {
    margin: 1% 25%;
}

.myAccount-pannel-padding {
    padding: 10px 15px !important;
}

.match-padding {
    padding: 0 0 0 3px;
}

.message-error,
.field-validation-error,
.username-not-available-status,
.poll-vote-error, .password-error {
    display: block;
    font-size: 13px;
    color: #e4434b;
    margin-top: 5px;
}

.nintydays {
    font-style: italic;
    color: #900;
}

.dec-mem-margin {
    margin: 9px auto auto auto;
}

.no-member-available {
    font-size: 15px;
    margin: 50px;
    color: #900;
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 10px;
    /*box-shadow: 1px 1px 3px 3px darkgray;*/
}

.ul-listdots {
    list-style-type: circle;
}

#fa-del {
    padding-left: 5px;
}

.readMessageActions {
    background: #ffffff !important;
    color: #334263 !important;
}

    .readMessageActions:hover {
        text-decoration: none !important;
        background-image: none !important;
        background-color: #f6f6f6 !important;
        color: #555 !important;
        filter: none !important;
    }

.upload-image {
    padding: 5px 10px;
    font-size: 16px;
    border-radius: 5px;
    background: #00894e;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    width: 100%;
}

.upl_pic {
    border-radius: 5px;
    padding: 4px;
    /*height: 20px;*/
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
    margin-top: 5px;
    display: block;
}

.maroon {
    background: #a90329;
    background: -moz-linear-gradient(top, #a90329 0%, #6d0019 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a90329), color-stop(100%, #6d0019));
    background: -webkit-linear-gradient(top, #a90329 0%, #6d0019 100%);
    background: -o-linear-gradient(top, #a90329 0%, #6d0019 100%);
    background: -ms-linear-gradient(top, #a90329 0%, #6d0019 100%);
    background: linear-gradient(top, #a90329 0%, #6d0019 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019', GradientType=0 );
}

#browse:hover {
    color: #ffffff;
}

#browse:active {
    color: #ffffff;
}

#browse:focus {
    color: #ffffff;
}

.progress {
    height: 25px;
}

    .progress .skill {
        font: normal 12px "Open Sans Web";
        line-height: 35px;
        padding: 0;
        margin: 0 0 0 20px;
        text-transform: uppercase;
    }

        .progress .skill .val {
            float: right;
            font-style: normal;
            margin: 0 20px 0 0;
        }

.progress-bar {
    text-align: left;
    transition-duration: 3s;
}

.green-progbar {
    background-color: #00894e;
}

.margin-top {
    margin-top: 10px;
}

.padding-top {
    padding-top: 5px;
}

.height {
    height: 35px;
}

.max-width-100 {
    max-width: 100%;
}

.imgHolder {
    position: relative;
}

    .imgHolder span {
        position: absolute;
        /* right: 5px; */
        top: -222px;
        width: 32px;
        height: 32px;
        left: -9px;
        background: #00894e;
        color: #fff;
    }



.demo {
    background-color: #F3F4F8;
}


.product-grid {
    font-family: 'Poppins', sans-serif;
    position: relative;
    z-index: 1;
}

    .product-grid .product-image {
        border: 1px solid #e4e9ef;
        position: relative;
        transition: all 0.3s ease 0s;
    }

    .product-grid:hover .product-image {
        box-shadow: 0 0 10px rgba(0,0,0,0.15);
    }

    .product-grid .product-image a {
        display: block;
    }

    .product-grid .product-image img {
        /*width: 100%;*/
        /*height: auto;*/
    }

    .product-grid .pic-1 {
        opacity: 1;
        transition: all 0.5s ease-out 0s;
    }

    .product-grid:hover .pic-1 {
        opacity: 0.7;
    }

    /*.product-grid .pic-2 {
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        transition: all 0.5s ease-out 0s;
    }

    .product-grid:hover .pic-2 {
        opacity: 1;
    }*/

    .product-grid .social {
        padding: 0;
        margin: 0;
        list-style: none;
        position: absolute;
        bottom: 13px;
        right: 13px;
        z-index: 1;
    }

        .product-grid .social li {
            opacity: 0;
            transform: translateY(3px);
            transition: all 0.5s ease 0s;
        }

    .product-grid:hover .social li {
        margin: 0 0 10px;
        background: rgba(0,0,0,0.7);
        opacity: 1;
        transform: translateY(0);
        border-radius: 20px;
    }

        .product-grid:hover .social li:nth-child(1) {
            transition-delay: .1s;
        }

        .product-grid:hover .social li:nth-child(2) {
            transition-delay: .2s;
        }

        .product-grid:hover .social li:nth-child(3) {
            transition-delay: .4s;
        }

    .product-grid .social li a {
        color: #ffffff;
        font-size: 17px;
        line-height: 40px;
        text-align: center;
        height: 40px;
        width: 40px;
        /*border: 1px solid #808080;*/
        display: block;
        transition: all 0.5s ease-in-out;
    }

        .product-grid .social li a:hover {
            background: #900000;
            border-radius: 20px;
            /*border-color: #000;*/
        }

    .product-grid .product-discount-label {
        display: block;
        padding: 4px 15px 4px 30px;
        color: #fff;
        background-color: #00894e;
        position: absolute;
        top: 10px;
        right: 0;
        -webkit-clip-path: polygon(34% 0, 100% 0, 100% 100%, 0% 100%);
        clip-path: polygon(34% 0, 100% 0, 100% 100%, 0% 100%);
    }

.ribbon {
    width: 48%;
    /*height: 188px;*/
    position: relative;
    float: left;
    /*margin-bottom: 30px;*/
    /*background: url(https://html5book.ru/wp-content/uploads/2015/10/snow-road.jpg);*/
    background-size: cover;
    text-transform: uppercase;
    color: white;
}

    .ribbon:nth-child(even) {
        margin-right: 4%;
    }

@media (max-width: 500px) {
    .ribbon {
        width: 100%;
    }

        .ribbon:nth-child(even) {
            margin-right: 0%;
        }
}

.ribbon2 {
    width: 60px;
    padding: 10px 0;
    position: absolute;
    top: -6px;
    font-size: 14px;
    left: 25px;
    line-height: 1;
    text-align: center;
    border-top-left-radius: 3px;
    background: #00894e;
}

    .ribbon2:before {
        height: 0;
        width: 0;
        right: -5.5px;
        top: 0.1px;
        border-bottom: 6px solid #00894e;
        border-right: 6px solid transparent;
    }

    .ribbon2:before, .ribbon2:after {
        content: "";
        position: absolute;
    }

    .ribbon2:after {
        height: 0;
        width: 0;
        bottom: -15.5px;
        left: 0;
        border-left: 16px solid #00894e;
        border-right: 16px solid #00894e;
        border-bottom: 16px solid transparent;
    }


@media only screen and (max-width:990px) {
    .product-grid {
        margin-bottom: 30px;
    }
}

.progress-bar.animate {
    width: 100%;
}

#myBar {
    position: absolute;
    width: 0%;
    height: 100%;
    background-color: green;
    color: #fff;
}

.email-social-link {
    padding: 0px 10px;
    color: #900000;
    font-size: 25px;
    cursor: pointer;
}

    .email-social-link:hover {
        color: #900000;
        opacity: 0.7;
    }

.email-social-link-padding {
    padding: 0 20px 0 0;
}

.email-social-link-padding2 {
    padding: 5px 5px;
}

.email-bg-image {
    background: rgba(231, 231, 229, 1);
}

.email-table-td {
    text-transform: uppercase;
    border-radius: 22px;
    text-align: center;
    background: #900000;
}

.qiran-color2 {
    color: #2e3c43;
}

.font-size-11 {
    font-size: 11px;
}

.rate {
    float: left;
    height: 46px;
}

    .rate:not(:checked) > input {
        /*position: absolute;
        top: -9999px;*/
        display: none;
    }

    .rate:not(:checked) > label {
        float: right;
        width: 1em;
        overflow: hidden;
        white-space: nowrap;
        cursor: pointer;
        font-size: 30px;
        color: #ccc;
    }

        .rate:not(:checked) > label:before {
            content: '★ ';
        }

    .rate > input:checked ~ label {
        color: #f1af54;
    }

    .rate:not(:checked) > label:hover,
    .rate:not(:checked) > label:hover ~ label {
        color: #f1af54;
    }

    .rate > input:checked + label:hover,
    .rate > input:checked + label:hover ~ label,
    .rate > input:checked ~ label:hover,
    .rate > input:checked ~ label:hover ~ label,
    .rate > label:hover ~ input:checked ~ label {
        color: #f1af54;
    }

.rate2 {
    float: left;
    height: 46px;
}

    .rate2:not(:checked) > input {
        /*position: absolute;
        top: -9999px;*/
        display: none;
    }

    .rate2:not(:checked) > label {
        float: right;
        width: 1em;
        overflow: hidden;
        white-space: nowrap;
        cursor: pointer;
        font-size: 30px;
        color: #ccc;
    }

        .rate2:not(:checked) > label:before {
            content: '★ ';
        }

    .rate2 > input:checked ~ label {
        color: #f1af54;
    }

    .rate2:not(:checked) > label:hover,
    .rate2:not(:checked) > label:hover ~ label {
        color: #f1af54;
    }

    .rate2 > input:checked + label:hover,
    .rate2 > input:checked + label:hover ~ label,
    .rate2 > input:checked ~ label:hover,
    .rate2 > input:checked ~ label:hover ~ label,
    .rate2 > label:hover ~ input:checked ~ label {
        color: #f1af54;
    }

.template_faq {
    background: #edf3fe none repeat scroll 0 0;
}

.panel-group {
    background: #fff none repeat scroll 0 0;
    border-radius: 10px;
    /*box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.04);*/
    margin-bottom: 0;
    /*padding: 30px;*/
}

#accordion .panel {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    margin: 0 0 15px 10px;
}

#accordion .panel-heading {
    border-radius: 30px;
    padding: 0;
}

#accordion .panel-title a {
    background: #900000 none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 30px;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 600;
    padding: 12px 20px 12px 50px;
    position: relative;
    transition: all 0.3s ease 0s;
}

    #accordion .panel-title a.collapsed {
        background: #fff none repeat scroll 0 0;
        border: 1px solid #ddd;
        color: #333;
    }

        #accordion .panel-title a::after, #accordion .panel-title a.collapsed::after {
            background: #900000 none repeat scroll 0 0;
            border: 1px solid transparent;
            border-radius: 50%;
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.58);
            color: #fff;
            content: "";
            font-family: fontawesome;
            font-size: 25px;
            height: 55px;
            left: -20px;
            line-height: 55px;
            position: absolute;
            text-align: center;
            top: -5px;
            transition: all 0.3s ease 0s;
            width: 55px;
        }

        #accordion .panel-title a.collapsed::after {
            background: #fff none repeat scroll 0 0;
            border: 1px solid #ddd;
            box-shadow: none;
            color: #333;
            content: "";
        }

#accordion .panel-body {
    background: transparent none repeat scroll 0 0;
    border-top: medium none;
    padding: 20px 25px 10px 9px;
    position: relative;
}

    #accordion .panel-body p {
        border-left: 1px dashed #8c8c8c;
        padding-left: 25px;
    }

.padding-bottom-30 {
    padding-bottom: 30px;
}
/*.main {
    border-bottom: 1px solid #dda;
    width: 575px;
}

    .main td {
        padding: 8px 3px;
        border-top: 1px solid #dda;
    }*/

.auto_res {
    border: 1px solid #dda;
}

    .auto_res td {
        padding: 8px 3px;
        border-top: 0px;
    }

/*.main caption {
    text-align: left;
    margin-top: 10px;
    font-weight: bold;
    font-family: "trebuchet ms", segoe, arial;
    font-size: 16px;
    padding-top: 10px;
    color: #442;
}*/

.odd {
    background-color: #ffe;
}

.odd_ar {
    background-color: #e6e6d7;
}

.upload_vid-ico {
    background: url(images/upload-video.png) center left no-repeat;
    margin: 0px;
    padding-left: 40px;
    line-height: 38px;
    display: block;
    height: 38px;
    color: #b40000;
    text-shadow: 0 0 0 transparent, 0 1px 0 #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}

.even {
    background-color: #fff;
}

#sel_timezone {
    width: 230px;
}

ol {
    list-style: none;
    counter-reset: my-awesome-counter;
}

    ol li {
        counter-increment: my-awesome-counter;
    }

        ol li::before {
            content: counter(my-awesome-counter) ". ";
            color: #900;
            font-weight: bold;
        }

.quotation {
    font-size: 30px;
    /*margin: 0 auto;*/
    quotes: "\201C""\201D""\2018""\2019";
    padding: 10px 20px;
    line-height: 1.4;
}

    .quotation:before {
        content: open-quote;
        display: inline;
        height: 0;
        line-height: 0;
        left: -10px;
        position: relative;
        top: 30px;
        color: #ccc;
        font-size: 3em;
    }

    .quotation::after {
        content: close-quote;
        display: inline;
        height: 0;
        line-height: 0;
        left: 10px;
        position: relative;
        top: 35px;
        color: #ccc;
        font-size: 3em;
    }

.auto-resp {
    background-color: rgb(244, 244, 244);
}

.padding-top-10 {
    padding: 10px 0px 0px 0px;
}

.btn-delete {
    color: #fff;
    background-color: #cc0000;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .btn-delete:focus,
    .btn-delete.focus {
        color: #fff;
        background-color: #cc0000;
        border-color: #cc0000;
    }

    .btn-delete:hover {
        color: #fff;
        background-color: #dd0000;
        border-color: #cc0000;
    }

    .btn-delete:active,
    .btn-delete.active,
    .open > .dropdown-toggle.btn-delete {
        color: #fff;
        background-color: #449d44;
        border-color: #900000;
    }

        .btn-delete:active:hover,
        .btn-delete.active:hover,
        .open > .dropdown-toggle.btn-delete:hover,
        .btn-delete:active:focus,
        .btn-delete.active:focus,
        .open > .dropdown-toggle.btn-delete:focus,
        .btn-delete:active.focus,
        .btn-delete.active.focus,
        .open > .dropdown-toggle.btn-delete.focus {
            color: #cc0000;
            background-color: #fff;
            border-color: #cc0000;
        }

.qiran-color3 {
    color: #f1af54;
}

    .qiran-color3:hover {
        color: #F1AF1A;
    }

.ajax-loading-block-window {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999;
    width: 32px;
    height: 32px;
    margin: -16px 0 0 -16px;
    background: url('../images/loading.gif') center no-repeat;
}

.ui-dialog:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
}

.bar-notification {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    padding: 15px 25px 15px 10px;
    line-height: 16px;
    color: #fff;
    opacity: 0.9;
}

    .bar-notification.success {
        background-color: #999;
        /*background-color: #4bb07a;*/
    }

    .bar-notification.error {
        background-color: #e4444c;
    }

    .bar-notification.warning {
        background-color: #f39c12;
    }

    .bar-notification .content {
        margin: 0 10px 0 0;
    }

        .bar-notification .content a {
            color: #fff;
            text-decoration: underline;
        }

    .bar-notification .close {
        position: absolute;
        top: 0;
        right: 0;
        width: 32px;
        height: 32px;
        margin: 7px;
        background: #fff url('../images/close.png') center no-repeat;
        cursor: pointer;
    }

.ui-dialog-titlebar {
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    background-color: #eee;
    padding: 10px 15px;
    /*override jQuery UI styles, do not delete doubled properties*/
    border-width: 0 0 1px;
    border-radius: 0;
    background-image: none;
    padding: 10px 15px !important;
    font-weight: normal;
    cursor: auto !important;
}

    .ui-dialog-titlebar > span {
        float: left;
        font-size: 18px;
        color: #444;
        /*override jQuery UI styles, do not delete doubled properties*/
        margin: 0 !important;
    }

    .ui-dialog-titlebar button {
        position: absolute;
        top: 0;
        right: 0;
        width: 42px;
        height: 42px;
        border: none;
        overflow: hidden;
        background: url('../images/close.png') center no-repeat;
        font-size: 0;
        /*override jQuery UI styles, do not delete doubled properties*/
        top: 0 !important;
        right: 0 !important;
        width: 42px !important;
        height: 42px !important;
        margin: 0 !important;
        border: none !important;
        border-radius: 0;
        background: url('../images/close.png') center no-repeat !important;
        padding: 0 !important;
    }

        .ui-dialog-titlebar button span {
            display: none !important;
        }

.ui-dialog-content {
    padding: 15px;
    line-height: 20px;
    /*override jQuery UI styles, do not delete doubled properties*/
    background-color: #fff !important;
    padding: 15px 15px 20px 15px !important;
    color: #777;
}

    .ui-dialog-content .page {
        min-height: 0;
    }

    .ui-dialog-content .page-title {
        min-height: 0;
        margin: 0 0 15px;
        padding: 0px 10px 10px 10px;
        text-align: center;
    }

        .ui-dialog-content .page-title h1 {
            font-size: 24px;
            line-height: 30px;
        }

    .ui-dialog-content .back-in-stock-subscription-page {
        text-align: center;
    }

        .ui-dialog-content .back-in-stock-subscription-page .tooltip {
            margin-bottom: 10px;
        }

        .ui-dialog-content .back-in-stock-subscription-page .button-1 {
            border: none;
            background-color: #4ab2f1;
            padding: 10px 15px;
            font-size: 15px;
            color: #fff;
            text-transform: uppercase;
        }

            .ui-dialog-content .back-in-stock-subscription-page .button-1:hover {
                background-color: #248ece;
            }

.text-capital {
    text-transform: capitalize !important;
}

.left-margin-5 {
    margin-left: 5px !important;
}

.left-margin-2 {
    margin-left: 2px !important;
}

.right-margin-5 {
    margin-right: 5px !important;
}

.modal-content {
    max-height: 90vh;
    overflow: scroll;
}

#bg-music-div {
    background: rgb(46,60,67);
    background: -moz-linear-gradient(34deg, rgba(46,60,67,1) 0%, rgba(144,0,0,1) 50%, rgba(241,175,84,1) 100%);
    background: -webkit-linear-gradient(34deg, rgba(46,60,67,1) 0%, rgba(144,0,0,1) 50%, rgba(241,175,84,1) 100%);
    background: linear-gradient(34deg, rgba(46,60,67,1) 0%, rgba(144,0,0,1) 50%, rgba(241,175,84,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2e3c43",endColorstr="#f1af54",GradientType=1);
    padding-top: 50px;
    height: 150px;
}

.bgmusic-selected {
    border: 2px solid #900000;
    border-radius: 3px;
    background-color: #fff;
    font-weight: 500;
    color: #900000;
    font-size: 13px;
}

.myaccount-bgmusic {
    color: #555;
    cursor: pointer;
}

.font-size-45 {
    font-size: 45px !important;
}

.card-icon-white {
    color: #fff !important;
}

@media only screen and (min-width : 481px) {
    .flex-row {
        display: flex;
        flex-wrap: wrap;
    }

        .flex-row > [class*='col-'] {
            display: flex;
            flex-direction: column;
        }

        .flex-row.row:after,
        .flex-row.row:before {
            display: flex;
        }
}

.no-border {
    border: none !important;
    webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.custom-height {
    height: 230px;
}

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

.top-9 {
    top: 9px;
}

#payment_terms {
    /*width: 600px;*/
    height: 250px;
    overflow: scroll;
    border: 1px solid #ccc;
    padding: 4px;
}

    #payment_terms, #payment_terms td, #payment_terms .legal {
        font-size: 12px;
        font-family: arial;
        color: #333;
        text-align: left;
    }

        #payment_terms h1 {
            margin: 0px;
            padding: 0px;
            margin-bottom: 3px;
            font-size: 19px;
            text-align: center;
            color: #339;
        }

.padding-left-13 {
    padding-left: 13px;
}

.min-width-200 {
    min-width: 200px !important;
}

.oldprice {
    text-decoration: line-through;
    color: #c66;
    font-size: 17px;
}

.price {
    font-size: 12px !important;
}

@media (max-width: 425px) {
    .price-height {
        height: 97px !important;
    }
}

.font-size-14 {
    font-size: 14px !important;
}

.padding-0 {
    padding: 0 !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

/*Chat*/

body {
    margin-top: 20px;
}
/*************** 1.Variables ***************/


/* ------------------ Color Pallet ------------------ */

/*************** Voice Message Modal Styles ***************/

.modal-content {
    border-radius: 1rem; /* Rounded corners for modal */
}

.modal-header, .modal-footer {
    border-bottom: 1px solid #dee2e6; /* Border for separation */
    border-radius: 0.75rem 0.75rem 0 0; /* Rounded corners on the top */
}

.modal-body {
    padding: 2rem; /* Increased padding for better spacing */
}


/*************** Voice Recorder Styles ***************/

.voice-recorder {
    /* display: flex;*/
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.btn-circle {
    width: 60px; /* Adjusted size for better visibility */
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px; /* Adjusted font size for larger icons */
    margin: 0 10px; /* Increased margin for better spacing */
}

#recordingIndicator {
    width: 30px; /* Adjusted size for better visibility */
    height: 30px;
    border-radius: 50%;
    background-color: red;
    margin: 15px 0; /* Adjusted margin for better alignment */
    animation: pulse 1s infinite;
    display: none; /* Initially hidden */
}



@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.2);
        opacity: 0.7;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

#recordingTimer {
    font-size: 20px; /* Slightly larger for better readability */
    font-weight: bold;
    margin-top: 10px; /* Space above the timer */
}

#recordingsList {
    margin-top: 20px; /* Increased margin for better spacing */
}

#recordingStatus {
    text-align: center;
    margin-top: 10px; /* Space above the status text */
}


/************************************************
    ************************************************
										Search Box
	************************************************
************************************************/

.chat-search-box {
    -webkit-border-radius: 3px 0 0 0;
    -moz-border-radius: 3px 0 0 0;
    border-radius: 3px 0 0 0;
    padding: .75rem 1rem;
}

    .chat-search-box .input-group .form-control {
        -webkit-border-radius: 2px 0 0 2px;
        -moz-border-radius: 2px 0 0 2px;
        border-radius: 2px 0 0 2px;
        border-right: 0;
    }

        .chat-search-box .input-group .form-control:focus {
            border-right: 0;
        }

    .chat-search-box .input-group .input-group-btn .btn {
        -webkit-border-radius: 0 2px 2px 0;
        -moz-border-radius: 0 2px 2px 0;
        border-radius: 0 2px 2px 0;
        margin: 0;
    }

        .chat-search-box .input-group .input-group-btn .btn i {
            font-size: 1.2rem;
            line-height: 100%;
            vertical-align: middle;
        }

@media (max-width: 767px) {
    .chat-search-box {
        display: none;
    }
}


/************************************************
	************************************************
									Users Container
	************************************************
************************************************/

.users-container {
    position: relative;
    padding: 1rem 0;
    border-right: 1px solid #e6ecf3;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}


/************************************************
	************************************************
											Users
	************************************************
************************************************/

.users {
    padding: 0;
}

    .users .person {
        position: relative;
        width: 100%;
        padding: 10px 1rem;
        cursor: pointer;
        border-bottom: 1px solid #f0f4f8;
    }

        .users .person:hover {
            background-color: #ffffff;
            /* Fallback Color */
            background-image: -webkit-gradient(linear, left top, left bottom, from(#e9eff5), to(#ffffff));
            /* Saf4+, Chrome */
            background-image: -webkit-linear-gradient(right, #e9eff5, #ffffff);
            /* Chrome 10+, Saf5.1+, iOS 5+ */
            background-image: -moz-linear-gradient(right, #e9eff5, #ffffff);
            /* FF3.6 */
            background-image: -ms-linear-gradient(right, #e9eff5, #ffffff);
            /* IE10 */
            background-image: -o-linear-gradient(right, #e9eff5, #ffffff);
            /* Opera 11.10+ */
            background-image: linear-gradient(right, #e9eff5, #ffffff);
        }

        .users .person.active-user {
            background-color: #ffffff;
            /* Fallback Color */
            background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f9fb), to(#ffffff));
            /* Saf4+, Chrome */
            background-image: -webkit-linear-gradient(right, #f7f9fb, #ffffff);
            /* Chrome 10+, Saf5.1+, iOS 5+ */
            background-image: -moz-linear-gradient(right, #f7f9fb, #ffffff);
            /* FF3.6 */
            background-image: -ms-linear-gradient(right, #f7f9fb, #ffffff);
            /* IE10 */
            background-image: -o-linear-gradient(right, #f7f9fb, #ffffff);
            /* Opera 11.10+ */
            background-image: linear-gradient(right, #f7f9fb, #ffffff);
        }

        .users .person:last-child {
            border-bottom: 0;
        }

        .users .person .user {
            display: inline-block;
            position: relative;
            margin-right: 10px;
        }

            .users .person .user img {
                width: 48px;
                height: 48px;
                -webkit-border-radius: 50px;
                -moz-border-radius: 50px;
                border-radius: 50px;
            }

            .users .person .user .status {
                width: 10px;
                height: 10px;
                -webkit-border-radius: 100px;
                -moz-border-radius: 100px;
                border-radius: 100px;
                background: #e6ecf3;
                position: absolute;
                top: 0;
                right: 0;
            }

                .users .person .user .status.online {
                    background: #9ec94a;
                }

                .users .person .user .status.offline {
                    background: #c4d2e2;
                }

                .users .person .user .status.away {
                    background: #f9be52;
                }

                .users .person .user .status.busy {
                    background: #fd7274;
                }

        .users .person p.name-time {
            font-weight: 600;
            font-size: .85rem;
            display: inline-block;
        }

            .users .person p.name-time .time {
                font-weight: 400;
                font-size: .7rem;
                text-align: right;
                color: #8796af;
            }

@media (max-width: 767px) {
    .users .person .user img {
        width: 30px;
        height: 30px;
    }

    .users .person p.name-time {
        display: none;
    }

        .users .person p.name-time .time {
            display: none;
        }
}


/************************************************
	************************************************
									Chat right side
	************************************************
************************************************/

.selected-user {
    width: 100%;
    padding: 0 15px;
    min-height: 64px;
    line-height: 64px;
    border-bottom: 1px solid #e6ecf3;
    -webkit-border-radius: 0 3px 0 0;
    -moz-border-radius: 0 3px 0 0;
    border-radius: 0 3px 0 0;
}

    .selected-user span {
        line-height: 100%;
    }

        .selected-user span.name {
            font-weight: 700;
        }

.chat-container {
    position: relative;
    padding: 1rem;
}

    .chat-container li.chat-left,
    .chat-container li.chat-right {
        display: flex;
        flex: 1;
        flex-direction: row;
        margin-bottom: 40px;
    }

    .chat-container li img {
        width: 48px;
        height: 48px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
    }

    .chat-container li .chat-avatar {
        margin-right: 20px;
    }

    .chat-container li.chat-right {
        justify-content: flex-end;
    }

        .chat-container li.chat-right > .chat-avatar {
            margin-left: 20px;
            margin-right: 0;
        }

    .chat-container li .chat-name {
        font-size: .75rem;
        color: #999999;
        text-align: center;
    }

    .chat-container li .chat-text {
        padding: .4rem 1rem;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background: #ffffff;
        font-weight: 300;
        line-height: 150%;
        position: relative;
    }

        .chat-container li .chat-text:before {
            content: '';
            position: absolute;
            width: 0;
            height: 0;
            top: 10px;
            left: -20px;
            border: 10px solid;
            border-color: transparent #ffffff transparent transparent;
        }

    .chat-container li.chat-right > .chat-text {
        text-align: right;
    }

        .chat-container li.chat-right > .chat-text:before {
            right: -20px;
            border-color: transparent transparent transparent #ffffff;
            left: inherit;
        }

    .chat-container li .chat-hour {
        padding: 0;
        margin-bottom: 10px;
        font-size: .75rem;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        margin: 0 0 0 15px;
    }

        .chat-container li .chat-hour > span {
            font-size: 16px;
            color: #9ec94a;
        }

    .chat-container li.chat-right > .chat-hour {
        margin: 0 15px 0 0;
    }

@media (max-width: 767px) {
    .chat-container li.chat-left,
    .chat-container li.chat-right {
        flex-direction: column;
        margin-bottom: 30px;
    }

    .chat-container li img {
        width: 32px;
        height: 32px;
    }

    .chat-container li.chat-left .chat-avatar {
        margin: 0 0 5px 0;
        display: flex;
        align-items: center;
    }

    .chat-container li.chat-left .chat-hour {
        justify-content: flex-end;
    }

    .chat-container li.chat-left .chat-name {
        margin-left: 5px;
    }

    .chat-container li.chat-right .chat-avatar {
        order: -1;
        margin: 0 0 5px 0;
        align-items: center;
        display: flex;
        justify-content: right;
        flex-direction: row-reverse;
    }

    .chat-container li.chat-right .chat-hour {
        justify-content: flex-start;
        order: 2;
    }

    .chat-container li.chat-right .chat-name {
        margin-right: 5px;
    }

    .chat-container li .chat-text {
        font-size: .8rem;
    }
}

.chat-form {
    padding: 15px;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    border-top: 1px solid white;
}

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

.card {
    border: 0;
    background: #f4f5fb;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-bottom: 2rem;
    box-shadow: none;
}

.custom-margin-bottom {
    margin-bottom: 30px; /* Adjust the value as needed */
}

.video-element {
    max-width: 100%;
    height: auto;
}

.video-thumbnailStyle {
    max-width: 100%;
    height: auto;
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2em;
    color: white;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.5); /* Optional: add background for visibility */
    padding: 10px;
    border-radius: 50%;
}

.pause-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2em;
    color: white;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.5); /* Optional: add background for visibility */
    padding: 10px;
    border-radius: 50%;
    display: none; /* Initially hide pause button */
}

@media only screen and (max-width: 767px) {
    #reqTbody {
        display: "" !important;
    }
}

/* CSS for responsive design */
@media (min-width: 768px) {
    .login_form_inner {
        width: 500px;
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    .login_form_inner {
        width: 380px;
        margin: 0 auto;
    }
}




a.main-red-btn, button.main-red-btn {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 165px;
    position: relative;
    background-size: 300%;
    border-radius: 5px;
    color: #ffffff;
    border: none;
    background: #900000;
    font-size: 14px;
}
/* Media query for screens with a maximum width of 320px */
@media (max-width: 320px) {
    a.main-red-btn, button.main-red-btn {
        width: 135px;
    }
}

@media (max-width: 320px) {
    a.main-red-btn,
    button.main-red-btn {
        width: 135px;
    }
}

a.main-red-btn-sm, button.main-red-btn-sm {
    display: inline-block;
    height: 39px;
    line-height: 42px;
    text-align: center;
    width: 137px !important;
    margin-bottom: 10px;
    position: relative;
    background-size: 300%;
    border-radius: 4px;
    color: #ffffff;
    border: none;
    background: #900000;
    font-size: 13px;
}

a.main-yellow-btn-sm, button.main-yellow-btn-sm {
    display: inline-block;
    height: 39px;
    line-height: 42px;
    text-align: center;
    width: 137px !important;
    margin-bottom: 10px;
    position: relative;
    background-size: 300%;
    border-radius: 4px;
    color: #ffffff;
    border: none;
    background: #f1af54;
    font-size: 13px;
}






a.main-red-btn-xl, button.main-red-btn-xl {
    display: inline-block;
    height: 42px;
    line-height: 43px;
    text-align: center;
    width: 200px;
    position: relative;
    background-size: 300%;
    border-radius: 4px;
    color: #ffffff;
    border: none;
    background: #900000;
    font-size: 13px;
}

a.main-green-btn, button.main-green-btn {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 160px;
    position: relative;
    background-size: 300%;
    border-radius: 5px;
    color: #ffffff;
    border: none;
    background: #19b257;
    font-size: 14px;
}
@media (max-width: 320px) {
    a.main-green-btn,
    button.main-green-btn {
        width: 135px;
    }
}


a.main-yellow-btn, button.main-yellow-btn {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 160px;
    position: relative;
    background-size: 300%;
    border-radius: 5px;
    color: #ffffff;
    border: none;
    background: #f1af54;
    font-size: 14px;
}

@media (max-width: 320px) {
    a.main-yellow-btn,
    button.main-yellow-btn {
        width: 135px;
    }
}

a.main-btn, button.main-btn {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 160px;
    position: relative;
    background: #900000;
    background-size: 300%;
    color: #ffffff;
    border: none;
    border-radius: 5px;
    font-size: 14px;
}

    a.main-btn .icon, button.main-btn .icon {
        width: 60px;
        height: 50px;
        float: left;
        display: inline-block;
        font-size: 26px;
        border-right: 1px solid rgba(233, 233, 233, 0.2);
    }

    a.main-btn:hover, button.main-btn:hover {
        animation: animate 16s ease-in infinite alternate;
    }

.justify-content-center {
    display: flex;
    justify-content: center;
}

.justify-content-start {
    display: flex;
    justify-content: start;
}

.justify-content-end {
    display: flex;
    justify-content: end;
}

.justify-content-between {
    display: flex;
    justify-content: space-between;
}

.justify-content-space-around {
    display: flex;
    justify-content: space-around;
}

.image-XsImg {
    width: 140px;
    height: 140px;
}

.image-LImg {
    width: 100% !important;
}

.image-ThumbImg {
    width: 50px;
    height: 50px;
}

.blur-image {
    filter: blur(5px); 
    -webkit-filter: blur(5px);
}

.image-Logo {
    width: 205px;
    height: 56px;
}

.footer-logo-size {
    width: 60px;
    height: 40px !important;
}


.btn-group-dropdown-anchor {
    display: block !important;
    line-height: 40px !important;
    display: block !important;
    color: #fff !important;
    position: relative !important;
    text-shadow: none !important;
    border-bottom: 1px solid #0e0e0e !important;
    background: rgba(0, 0, 0, 0.62) !important;
    font-size: 14px !important;
    font-family: "Ubuntu", sans-serif !important;
}

    .btn-group-dropdown-anchor:hover {
        /*color: #900000;*/
        /*background: rgba(0, 0, 0, 0.8);*/
        background-color: #900000 !important;
    }

.btn-group-dropdown {
    padding: 0px;
    margin: 0px 0px 0px 0px;
    border: none;
    left: -50%;
    transition: all 400ms linear 0s;
    border-top: 1px solid #900000;
    border-bottom: 1px solid #900000;
    border-radius: 0px;
    text-align: center;
    background: transparent;
}

.btn-default-red {
    color: #ffffff;
    background-color: #900000;
    border-color: #661616;
}

    .btn-default-red:hover {
        color: #ffffff !important;
        text-decoration: none !important;
    }

    .btn-default-red:active:focus:visited {
        outline: none !important;
        outline-offset: 0px !important;
    }

    .btn-default-red:active,
    .btn-default-red:focus,
    .btn-default-red:visited {
        color: #ffffff !important;
    }

.btn-default-yellow {
    color: #ffffff;
    background-color: #f1af54;
    border-color: #f1af54;
}

.rtl .banner_area.profile_banner .profiles_inners .profile_content .right_side_content {
    left: 0px;
    right: auto;
}

.text-gold {
    color: #f1af54 !important;
}

.text-white {
    color: #fff !important;
}

.text-bold {
    font-weight: bold !important;
}

.text-underline-hover:hover {
    text-decoration: underline !important;
}

.text-red {
    color: #900000 !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.pl-30 {
    padding-left: 30px !important;
}

.text-align-left {
    text-align: left !important;
}

.text-align-start {
    text-align: start !important;
}

.custom-border {
    background-color: #f8f9fa;
    padding: 2rem;
    border: 1px solid #ddd;
    border-radius: 0.375rem;
}

/* Margin Top */
.mt-1 {
    margin-top: 1px;
}

.mt-2 {
    margin-top: 2px;
}

.mt-3 {
    margin-top: 3px;
}

.mt-4 {
    margin-top: 4px;
}

.mt-5 {
    margin-top: 5px;
}

.mt-6 {
    margin-top: 6px;
}

.mt-7 {
    margin-top: 7px;
}

.mt-8 {
    margin-top: 8px;
}

.mt-9 {
    margin-top: 9px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-11 {
    margin-top: 11px;
}

.mt-12 {
    margin-top: 12px;
}

.mt-13 {
    margin-top: 13px;
}

.mt-14 {
    margin-top: 14px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-16 {
    margin-top: 16px;
}

.mt-17 {
    margin-top: 17px;
}

.mt-18 {
    margin-top: 18px;
}

.mt-19 {
    margin-top: 19px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-21 {
    margin-top: 21px;
}

.mt-22 {
    margin-top: 22px;
}

.mt-23 {
    margin-top: 23px;
}

.mt-24 {
    margin-top: 24px;
}

.mt-25 {
    margin-top: 25px;
}

.mt-26 {
    margin-top: 26px;
}

.mt-27 {
    margin-top: 27px;
}

.mt-28 {
    margin-top: 28px;
}

.mt-29 {
    margin-top: 29px;
}

.mt-30 {
    margin-top: 30px;
}

/* Margin Bottom */

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

.mb-2 {
    margin-bottom: 2px;
}

.mb-3 {
    margin-bottom: 3px;
}

.mb-4 {
    margin-bottom: 4px;
}

.mb-5 {
    margin-bottom: 5px;
}

.mb-6 {
    margin-bottom: 6px;
}

.mb-7 {
    margin-bottom: 7px;
}

.mb-8 {
    margin-bottom: 8px;
}

.mb-9 {
    margin-bottom: 9px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-11 {
    margin-bottom: 11px;
}

.mb-12 {
    margin-bottom: 12px;
}

.mb-13 {
    margin-bottom: 13px;
}

.mb-14 {
    margin-bottom: 14px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-16 {
    margin-bottom: 16px;
}

.mb-17 {
    margin-bottom: 17px;
}

.mb-18 {
    margin-bottom: 18px;
}

.mb-19 {
    margin-bottom: 19px;
}

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

.mb-21 {
    margin-bottom: 21px;
}

.mb-22 {
    margin-bottom: 22px;
}

.mb-23 {
    margin-bottom: 23px;
}

.mb-24 {
    margin-bottom: 24px;
}

.mb-25 {
    margin-bottom: 25px;
}

.mb-26 {
    margin-bottom: 26px;
}

.mb-27 {
    margin-bottom: 27px;
}

.mb-28 {
    margin-bottom: 28px;
}

.mb-29 {
    margin-bottom: 29px;
}

.mb-30 {
    margin-bottom: 30px;
}

/* Margin Left */
.ml-1 {
    margin-left: 1px;
}

.ml-2 {
    margin-left: 2px;
}

.ml-3 {
    margin-left: 3px;
}

.ml-4 {
    margin-left: 4px;
}

.ml-5 {
    margin-left: 5px;
}

.ml-6 {
    margin-left: 6px;
}

.ml-7 {
    margin-left: 7px;
}

.ml-8 {
    margin-left: 8px;
}

.ml-9 {
    margin-left: 9px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-11 {
    margin-left: 11px;
}

.ml-12 {
    margin-left: 12px;
}

.ml-13 {
    margin-left: 13px;
}

.ml-14 {
    margin-left: 14px;
}

.ml-15 {
    margin-left: 15px;
}

.ml-16 {
    margin-left: 16px;
}

.ml-17 {
    margin-left: 17px;
}

.ml-18 {
    margin-left: 18px;
}

.ml-19 {
    margin-left: 19px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-21 {
    margin-left: 21px;
}

.ml-22 {
    margin-left: 22px;
}

.ml-23 {
    margin-left: 23px;
}

.ml-24 {
    margin-left: 24px;
}

.ml-25 {
    margin-left: 25px;
}

.ml-26 {
    margin-left: 26px;
}

.ml-27 {
    margin-left: 27px;
}

.ml-28 {
    margin-left: 28px;
}

.ml-29 {
    margin-left: 29px;
}

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

/* Margin Right */
.mr-1 {
    margin-right: 1px;
}

.mr-2 {
    margin-right: 2px;
}

.mr-3 {
    margin-right: 3px;
}

.mr-4 {
    margin-right: 4px;
}

.mr-5 {
    margin-right: 5px;
}

.mr-6 {
    margin-right: 6px;
}

.mr-7 {
    margin-right: 7px;
}

.mr-8 {
    margin-right: 8px;
}

.mr-9 {
    margin-right: 9px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-11 {
    margin-right: 11px;
}

.mr-12 {
    margin-right: 12px;
}

.mr-13 {
    margin-right: 13px;
}

.mr-14 {
    margin-right: 14px;
}

.mr-15 {
    margin-right: 15px;
}

.mr-16 {
    margin-right: 16px;
}

.mr-17 {
    margin-right: 17px;
}

.mr-18 {
    margin-right: 18px;
}

.mr-19 {
    margin-right: 19px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-21 {
    margin-right: 21px;
}

.mr-22 {
    margin-right: 22px;
}

.mr-23 {
    margin-right: 23px;
}

.mr-24 {
    margin-right: 24px;
}

.mr-25 {
    margin-right: 25px;
}

.mr-26 {
    margin-right: 26px;
}

.mr-27 {
    margin-right: 27px;
}

.mr-28 {
    margin-right: 28px;
}

.mr-29 {
    margin-right: 29px;
}

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

/* Margin All Sides */
.m-1 {
    margin: 1px;
}

.m-2 {
    margin: 2px;
}

.m-3 {
    margin: 3px;
}

.m-4 {
    margin: 4px;
}

.m-5 {
    margin: 5px;
}

.m-6 {
    margin: 6px;
}

.m-7 {
    margin: 7px;
}

.m-8 {
    margin: 8px;
}

.m-9 {
    margin: 9px;
}

.m-10 {
    margin: 10px;
}

.m-11 {
    margin: 11px;
}

.m-12 {
    margin: 12px;
}

.m-13 {
    margin: 13px;
}

.m-14 {
    margin: 14px;
}

.m-15 {
    margin: 15px;
}

.m-16 {
    margin: 16px;
}

.m-17 {
    margin: 17px;
}

.m-18 {
    margin: 18px;
}

.m-19 {
    margin: 19px;
}

.m-20 {
    margin: 20px;
}

.m-21 {
    margin: 21px;
}

.m-22 {
    margin: 22px;
}

.m-23 {
    margin: 23px;
}

.m-24 {
    margin: 24px;
}

.m-25 {
    margin: 25px;
}

.m-26 {
    margin: 26px;
}

.m-27 {
    margin: 27px;
}

.m-28 {
    margin: 28px;
}

.m-29 {
    margin: 29px;
}

.m-30 {
    margin: 30px;
}


/* Padding Top */
.pt-1 {
    padding-top: 1px;
}

.pt-2 {
    padding-top: 2px;
}

.pt-3 {
    padding-top: 3px;
}

.pt-4 {
    padding-top: 4px;
}

.pt-5 {
    padding-top: 5px;
}

.pt-6 {
    padding-top: 6px;
}

.pt-7 {
    padding-top: 7px;
}

.pt-8 {
    padding-top: 8px;
}

.pt-9 {
    padding-top: 9px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-11 {
    padding-top: 11px;
}

.pt-12 {
    padding-top: 12px;
}

.pt-13 {
    padding-top: 13px;
}

.pt-14 {
    padding-top: 14px;
}

.pt-15 {
    padding-top: 15px;
}

.pt-16 {
    padding-top: 16px;
}

.pt-17 {
    padding-top: 17px;
}

.pt-18 {
    padding-top: 18px;
}

.pt-19 {
    padding-top: 19px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-21 {
    padding-top: 21px;
}

.pt-22 {
    padding-top: 22px;
}

.pt-23 {
    padding-top: 23px;
}

.pt-24 {
    padding-top: 24px;
}

.pt-25 {
    padding-top: 25px;
}

.pt-26 {
    padding-top: 26px;
}

.pt-27 {
    padding-top: 27px;
}

.pt-28 {
    padding-top: 28px;
}

.pt-29 {
    padding-top: 29px;
}

.pt-30 {
    padding-top: 30px;
}

/* Padding Bottom */
.pb-1 {
    padding-bottom: 1px;
}

.pb-2 {
    padding-bottom: 2px;
}

.pb-3 {
    padding-bottom: 3px;
}

.pb-4 {
    padding-bottom: 4px;
}

.pb-5 {
    padding-bottom: 5px;
}

.pb-6 {
    padding-bottom: 6px;
}

.pb-7 {
    padding-bottom: 7px;
}

.pb-8 {
    padding-bottom: 8px;
}

.pb-9 {
    padding-bottom: 9px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-11 {
    padding-bottom: 11px;
}

.pb-12 {
    padding-bottom: 12px;
}

.pb-13 {
    padding-bottom: 13px;
}

.pb-14 {
    padding-bottom: 14px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pb-16 {
    padding-bottom: 16px;
}

.pb-17 {
    padding-bottom: 17px;
}

.pb-18 {
    padding-bottom: 18px;
}

.pb-19 {
    padding-bottom: 19px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-21 {
    padding-bottom: 21px;
}

.pb-22 {
    padding-bottom: 22px;
}

.pb-23 {
    padding-bottom: 23px;
}

.pb-24 {
    padding-bottom: 24px;
}

.pb-25 {
    padding-bottom: 25px;
}

.pb-26 {
    padding-bottom: 26px;
}

.pb-27 {
    padding-bottom: 27px;
}

.pb-28 {
    padding-bottom: 28px;
}

.pb-29 {
    padding-bottom: 29px;
}

.pb-30 {
    padding-bottom: 30px;
}

/* Padding Left */
.pl-1 {
    padding-left: 1px;
}

.pl-2 {
    padding-left: 2px;
}

.pl-3 {
    padding-left: 3px;
}

.pl-4 {
    padding-left: 4px;
}

.pl-5 {
    padding-left: 5px;
}

.pl-6 {
    padding-left: 6px;
}

.pl-7 {
    padding-left: 7px;
}

.pl-8 {
    padding-left: 8px;
}

.pl-9 {
    padding-left: 9px;
}

.pl-10 {
    padding-left: 10px;
}

.pl-11 {
    padding-left: 11px;
}

.pl-12 {
    padding-left: 12px;
}

.pl-13 {
    padding-left: 13px;
}

.pl-14 {
    padding-left: 14px;
}

.pl-15 {
    padding-left: 15px;
}

.pl-16 {
    padding-left: 16px;
}

.pl-17 {
    padding-left: 17px;
}

.pl-18 {
    padding-left: 18px;
}

.pl-19 {
    padding-left: 19px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-21 {
    padding-left: 21px;
}

.pl-22 {
    padding-left: 22px;
}

.pl-23 {
    padding-left: 23px;
}

.pl-24 {
    padding-left: 24px;
}

.pl-25 {
    padding-left: 25px;
}

.pl-26 {
    padding-left: 26px;
}

.pl-27 {
    padding-left: 27px;
}

.pl-28 {
    padding-left: 28px;
}

.pl-29 {
    padding-left: 29px;
}

.pl-30 {
    padding-left: 30px;
}

/* Padding Right */
.pr-1 {
    padding-right: 1px;
}

.pr-2 {
    padding-right: 2px;
}

.pr-3 {
    padding-right: 3px;
}

.pr-4 {
    padding-right: 4px;
}

.pr-5 {
    padding-right: 5px;
}

.pr-6 {
    padding-right: 6px;
}

.pr-7 {
    padding-right: 7px;
}

.pr-8 {
    padding-right: 8px;
}

.pr-9 {
    padding-right: 9px;
}

.pr-10 {
    padding-right: 10px;
}

.pr-11 {
    padding-right: 11px;
}

.pr-12 {
    padding-right: 12px;
}

.pr-13 {
    padding-right: 13px;
}

.pr-14 {
    padding-right: 14px;
}

.pr-15 {
    padding-right: 15px;
}

.pr-16 {
    padding-right: 16px;
}

.pr-17 {
    padding-right: 17px;
}

.pr-18 {
    padding-right: 18px;
}

.pr-19 {
    padding-right: 19px;
}

.pr-20 {
    padding-right: 20px;
}

.pr-21 {
    padding-right: 21px;
}

.pr-22 {
    padding-right: 22px;
}

.pr-23 {
    padding-right: 23px;
}

.pr-24 {
    padding-right: 24px;
}

.pr-25 {
    padding-right: 25px;
}

.pr-26 {
    padding-right: 26px;
}

.pr-27 {
    padding-right: 27px;
}

.pr-28 {
    padding-right: 28px;
}

.pr-29 {
    padding-right: 29px;
}

.pr-30 {
    padding-right: 30px;
}

/* Padding All Sides */
.p-1 {
    padding: 1px;
}

.p-2 {
    padding: 2px;
}

.p-3 {
    padding: 3px;
}

.p-4 {
    padding: 4px;
}

.p-5 {
    padding: 5px;
}

.p-6 {
    padding: 6px;
}

.p-7 {
    padding: 7px;
}

.p-8 {
    padding: 8px;
}

.p-9 {
    padding: 9px;
}

.p-10 {
    padding: 10px;
}

.p-11 {
    padding: 11px;
}

.p-12 {
    padding: 12px;
}

.p-13 {
    padding: 13px;
}

.p-14 {
    padding: 14px;
}

.p-15 {
    padding: 15px;
}

.p-16 {
    padding: 16px;
}

.p-17 {
    padding: 17px;
}

.p-18 {
    padding: 18px;
}

.p-19 {
    padding: 19px;
}

.p-20 {
    padding: 20px;
}

.p-21 {
    padding: 21px;
}

.p-22 {
    padding: 22px;
}

.p-23 {
    padding: 23px;
}

.p-24 {
    padding: 24px;
}

.p-25 {
    padding: 25px;
}

.p-26 {
    padding: 26px;
}

.p-27 {
    padding: 27px;
}

.p-28 {
    padding: 28px;
}

.p-29 {
    padding: 29px;
}

.p-30 {
    padding: 30px;
}


.modal-content-custom
{
    overflow: auto !important;
    border-radius: 5px !important;
    max-height: 100vh !important;
    border: 1px solid #900000;
}

.border-none{
    border:none !important;
}

.mt-auto{
    margin-top:auto!important;
}


.message-loader {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    z-index: 9999999999999;
}


.align-item-center{

    align-items:center;
}

.text-danger {
    color: #dc3545!important; /* Bootstrap's text-danger color */
}

.text-warning {
    color: #ffc107!important; /* Bootstrap's text-warning color */
}


.rtl .modal-header .close {
    position: absolute;
    left: 15px; /* Move to the left */
    right: auto; /* Disable default right positioning */
}

.custom-border {
    border: 1px solid transparent;
    border-radius: 5px;
    /*background-color: #f8f9fa;*/
}