        /*----------------------------------------------------
@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;
            overflow-x: hidden;
        }
        
        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.form-group {
            position: relative;
        }
        
        .reg_chose.form-group input[type=radio] {
            position: absolute;
            visibility: hidden;
        }
        
        .reg_chose.form-group 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.form-group .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.form-group .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 #faac3f;
            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.form-group input[type=radio]:checked~.check {
            border: 2px solid #e0e0e0;
        }
        
        .reg_chose.form-group input[type=radio]:checked~.check::before {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: alpha(opacity=100);
            opacity: 1;
        }
        
        .reg_chose .form-group input[type=radio]:checked~label {
            color: #2e3c43;
        }
        /* Welcome title css
============================================================================================ */
        
        .welcome_title {
            text-align: center;
        }
        
        .welcome_title h3 {
            /* margin-top: 25px; */
            font-size: 20px;
            color: #2e3c43;
            font-family: "Ubuntu", sans-serif;
            font-weight: bold;
        }
        
        .welcome_title h3 span {
            color: #faac3f;
        }
        
        .welcome_white_title {
            text-align: center;
        }
        
        .welcome_white_title h3 {
            font-size: 30px;
            color: #fff;
            font-family: "Ubuntu", sans-serif;
            font-weight: bold;
            padding-bottom: 12px;
        }
        
        .welcome_white_title h3 span {
            color: #faac3f;
        }
        
        #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: "Averia Libre", cursive;
            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: #0038b8;
            border-radius: 0px;
            border: none;
            box-shadow: none;
            line-height: 70px;
        }
        
        .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;
            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: 68px;
            background: transparent;
            color: #fff;
            position: relative;
            transition: all 400ms linear 0s;
            text-shadow: none;
            font-size: 16px;
            font-family: "Ubuntu", sans-serif;
            font-weight: 700;
        }
        
        .header_menu_area .navbar-default .navbar-collapse .navbar-nav li a:before {
            content: '';
            background: #F1C40F;
            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: #fff;
        }
        
        .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 #faac3f;
            border-bottom: 1px solid #faac3f;
            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-right: 0px;
        }
        
        .header_menu_area .navbar-default .navbar-collapse .navbar-nav li.submenu .dropdown-menu li a {
            line-height: 40px;
            display: block;
            color: #fff;
            position: relative;
            text-shadow: none;
            border-bottom: 1px solid #0c0fb6;
            background: #0038b8;
            font-size: 14px;
            font-family: "Ubuntu", sans-serif;
            text-align: left;
            padding-left: 15px;
        }
        
        .header_menu_area .navbar-default .navbar-collapse .navbar-nav li.submenu .dropdown-menu li a:before {
            display: none;
        }
        
        .header_menu_area .navbar-default .navbar-collapse .navbar-nav li.submenu .dropdown-menu li:hover a {
            color: #faac3f;
            background: #352d2dc7;
        }
        
        .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;
            }
        }
        
        .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: 20px;
            left: 0px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 1px;
            background: #bfbdbd;
            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 a i {
            padding-right: 10px;
        }
        
        .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 #faac3f;
            border-bottom: 1px solid #faac3f;
            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: #fff(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 {
            top: 50px;
        }
        
        .header_menu_area.white_menu .navbar-default {
            background: #fff;
            border-color: #fff;
        }
        
        .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: #faac3f;
        }
        
        .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;
        }
        
        .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: 520px;
            max-height: 1990px;
            margin: auto;
            position: relative;
            border: 8px solid #faac3f;
            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: 25px;
            color: #2f3c44;
            padding: 30px 0px;
        }
        
        .login_form_inner input {
            width: 100%;
            height: 45px;
            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;
        }
        
        .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 #faac3f;
        }
        
        .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: #faac3f;
        }
        
        .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 #faac3f;
            background: #fff;
            border-radius: 5px;
            /* padding: 0px 15px 30px 30px; */
        }
        
        .register_form_inner .registration_man {
            /* padding-top: 52px; */
            margin-bottom: -30px;
            margin-left: -37px;
            margin-right: -23px;
        }
        
        .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 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 #faac3f;
        }
        
        .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
============================================================================================ */
        
        .login_btn {
            width: 160px;
            height: 50px;
            display: inline-block;
            border-radius: 25px;
            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;
            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: #0038b8;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            border-radius: 25px;
        }
        
        .login_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 #0038b8;
            -webkit-transform: scale(1.2, 1.2);
            -ms-transform: scale(1.2, 1.2);
            transform: scale(1.2, 1.2);
            border-radius: 25px;
        }
        
        .login_btn:hover {
            color: #0038b8;
        }
        
        .login_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);
        }
        
        .login_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: 25px;
            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;
        }
        
        .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: #faac3f;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            border-radius: 25px;
        }
        
        .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 #faac3f;
            -webkit-transform: scale(1.2, 1.2);
            -ms-transform: scale(1.2, 1.2);
            transform: scale(1.2, 1.2);
            border-radius: 25px;
        }
        
        .register_angkar_btn:hover {
            color: #faac3f;
        }
        
        .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);
        }
        
        .white_angkar_btn {
            width: 160px;
            height: 50px;
            display: block;
            border-radius: 25px;
            color: #faac3f;
            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: 25px;
        }
        
        .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 #faac3f;
            -webkit-transform: scale(1.2, 1.2);
            -ms-transform: scale(1.2, 1.2);
            transform: scale(1.2, 1.2);
            border-radius: 25px;
        }
        
        .white_angkar_btn:hover {
            color: #faac3f;
        }
        
        .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: 130px 0px 75px 0px;
        }
        
        .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
============================================================================================ */
        /* Find Soul area css
============================================================================================ */
        
        .find_soul_area {
            padding: 80px 0px 75px 0px;
        }
        
        .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
============================================================================================ */
        
        .download_area {
            position: relative;
            padding-top: 80px;
            background: url(../img/download_bg.jpg) no-repeat scroll center center;
            background-size: cover;
            position: relative;
        }
        
        .download_area:before {
            content: '';
            position: absolute;
            left: 0px;
            top: 0px;
            background: rgba(188, 0, 113, 0.6);
            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: #faac3f;
            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: #faac3f;
            line-height: 100px;
            color: #fff;
            transition: all 400ms linear 0s;
        }
        
        .download_area .download_app_icon ul li:hover a {
            background: #fff;
            color: #faac3f;
        }
        
        .download_area .download_app_icon ul li:last-child {
            margin-right: 0px;
        }
        
        .download_content {
            background: #bc0071;
            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: #faac3f;
        }
        
        .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: #faac3f;
            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: #faac3f;
            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: #faac3f;
        }
        
        .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 #faac3f 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;
        }
        
        .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: #faac3f;
            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: #faac3f;
        }
        
        .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;
        }
        
        .registration_form_area {
            position: absolute;
            left: 0px;
            top: 90px;
            width: 100%;
            z-index: 8;
        }
        
        .registration_form_area .registration_form_s {
            max-width: 370px;
            background: #fff;
            padding: 0px 30px;
            border: 1px solid #e0e0e0;
            border-radius: 3px;
            position: relative;
            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        }
        
        .registration_form_area .registration_form_s h4 {
            text-align: center;
            font-family: "Ubuntu", sans-serif;
            font-weight: bold;
            font-size: 30px;
            color: #2e3c43;
            padding: 72px 0px 22px 0px;
        }
        
        .registration_form_area .registration_form_s .form-group {
            margin-bottom: 20px;
        }
        
        .registration_form_area .registration_form_s .form-group input {
            width: 100%;
            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;
        }
        
        .registration_form_area .registration_form_s .form-group input.placeholder {
            font-size: 16px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
        }
        
        .registration_form_area .registration_form_s .form-group input:-moz-placeholder {
            font-size: 16px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
        }
        
        .registration_form_area .registration_form_s .form-group input::-moz-placeholder {
            font-size: 16px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
        }
        
        .registration_form_area .registration_form_s .form-group input::-webkit-input-placeholder {
            font-size: 16px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
        }
        
        .registration_form_area .registration_form_s .form-group input:focus {
            border: 1px solid #faac3f;
        }
        
        .registration_form_area .registration_form_s .form-group .btn-group {
            width: 100%;
            text-align: left;
        }
        
        .registration_form_area .registration_form_s .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;
        }
        
        .registration_form_area .registration_form_s .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;
        }
        
        .registration_form_area .registration_form_s .form-group .btn-group .dropdown-toggle .arrow_carrot-down {
            position: absolute;
            right: 15px;
            top: 12px;
        }
        
        .registration_form_area .registration_form_s .form-group .btn-group .dropdown-toggle .arrow_carrot-down .fa-sort-asc {
            position: relative;
            right: -8px;
            top: -1px;
            color: #c2c2c2;
        }
        
        .registration_form_area .registration_form_s .form-group .btn-group .dropdown-toggle .arrow_carrot-down .fa-sort-desc {
            position: relative;
            bottom: -1px;
            color: #c2c2c2;
        }
        
        .registration_form_area .registration_form_s .form-group .form_datetime {
            position: relative;
        }
        
        .registration_form_area .registration_form_s .form-group .form_datetime .datetimepicker-dropdown-bottom-right {
            left: 0px;
        }
        
        .registration_form_area .registration_form_s .form-group .datepicker {
            position: relative;
        }
        
        .registration_form_area .registration_form_s .form-group .datepicker .add-on {
            position: absolute;
            right: 10px;
            color: #c2c2c2;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }
        
        .registration_form_area .registration_form_s .form-group.reg_chose {
            text-align: center;
            margin: 10px 0px 50px 0px;
        }
        /* 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: 55px;
        }
        
        .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: 145px;
            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: 24px;
            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(3) .bootstrap-select {
            width: 112px;
        }
        
        .advanced_search .search_inner .search_item:nth-child(4) .bootstrap-select {
            width: 112px;
        }
        
        .advanced_search .search_inner .search_item:last-child {
            padding-right: 0px;
            padding-left: 24px;
        }
        /* End Advanced Search area css
============================================================================================ */
        /* Members slider area css
============================================================================================ */
        
        .register_members_slider {
            padding: 0px 0px 20px 0px;
            overflow: hidden;
            width: 100%;
        }
        
        .register_members_slider .welcome_title {
            padding-bottom: 0px;
        }
        
        .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;
            width: 171px;
        }
        
        .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);*/
            z-index: 2;
            color: #0038b8;
            /* color: #4b4848; old color */
            text-align: center;
            line-height: 48px;
            font-size: 45px;
            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: #faac3f;*/
        }
        /* 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: #faac3f;
        }
        
        .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: #faac3f;
            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: #faac3f;
            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: #faac3f;
        }
        
        .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: #faac3f;
        }
        
        .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/banner_new.jpg) no-repeat;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            z-index: 0;
            opacity: 1;
            transition: all 400ms linear 0s;
            background-position: center center;
        }
        
        .video_area .video_row .overlay .overlay_bg:before {
            content: '';
            background: rgba(188, 0, 113, 0.6);
            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: #faac3f;
            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: #faac3f;
            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 75px 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: #faac3f;
            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: #faac3f;
            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: #faac3f;
        }
        
        .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-top: 100px !important;
            padding: 80px 0px 80px 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: #faac3f;
        }
        
        .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: #faac3f;
            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: #faac3f;
        }
        
        .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: #faac3f;
        }
        
        .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;
        }
        
        .categories_widget ul li {
            margin-bottom: 15px;
        }
        
        .categories_widget ul li a {
            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: #faac3f;
        }
        
        .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: 20px 0 5px 0;
        }
        
        .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: #faac3f;
            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: #faac3f;
        }
        
        .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: #faac3f;
        }
        
        .price_widget #price_select .ui-slider-handle {
            border: none;
            border-radius: 50%;
            background: #faac3f;
            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: #faac3f;
            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: #faac3f;
            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: #faac3f;
            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: #faac3f;
        }
        
        .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: #faac3f;
        }
        /* 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: #faac3f;
        }
        
        .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: #faac3f;
        }
        
        .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: #faac3f;
        }
        
        .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: #faac3f;
            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: #faac3f;
        }
        
        .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: #faac3f;
            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: #faac3f;
            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: #faac3f;
            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: #faac3f;
            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: #faac3f transparent transparent transparent;
        }
        
        .range_count #slider-range-min .ui-slider-range {
            background: #faac3f;
        }
        
        .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: #faac3f;
            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: #faac3f;
            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: #faac3f transparent transparent transparent;
        }
        
        .range_count #slider-range-min2 .ui-slider-range {
            background: #faac3f;
        }
        
        .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: #faac3f;
            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;
            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: "Averia Libre", cursive;
            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: #faac3f;
        }
        
        .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: #faac3f;
            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: #faac3f;
            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;
        }
        
        .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/banner/banner-bg-4.png) no-repeat scroll center center;
            min-height: 320px;
            position: relative;
            background-size: cover;
        }
        
        .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: 28px;
            position: relative;
            top: 92px;
        }
        
        .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: 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: 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: #faac3f;
        }
        
        .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: 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: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 #faac3f;
            border-bottom: 1px solid #faac3f;
            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: #faac3f;
            background: rgba(0, 0, 0, 0.8);
        }
        
        .banner_area.profile_banner .profiles_inners .profile_content .right_side_content .login_btn {
            margin-right: 28px;
            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: 80px;
            overflow: hidden;
        }
        
        .actives_members .welcome_title {
            padding-bottom: 35px;
        }
        
        .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;
            padding-top: 35px;
        }
        
        .all_members_area .all_members_item {
            text-align: center;
            padding-bottom: 20px;
            padding-top: 10px;
        }
        
        .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 2px 0px;
        }
        
        .all_members_area .all_members_item h5 {
            font-size: 16px;
            font-family: "Ubuntu", sans-serif;
            font-weight: 300;
            color: #fff;
        }
        
        .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;
            background-color: #0038b8;
            color: #fff;
        }
        
        .members_profile_inners .profile_menu li {
            display: inline-block;
            padding: 4px 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: #faac3f;
            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: #faac3f;
            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: 5px;
        }
        
        .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: 5px;
        }
        
        .members_profile_inners .profile_list ul:nth-child(2) li a {
            font-size: 16px;
            font-family: "Ubuntu", sans-serif;
            color: #334249;
        }
        
        .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: 5px;
        }
        
        .members_profile_inners .profile_list ul:last-child li a {
            font-size: 16px;
            font-family: "Ubuntu", sans-serif;
            color: #334249;
        }
        
        .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: 20px 22px;
            margin-bottom: 20px;
            margin-top: 20px;
        }
        
        .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;
            padding-top: 10px;
        }
        
        .members_about_box:last-child {
            margin-bottom: 0px;
            margin-top: 0px;
        }
        /* 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: #faac3f;
            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 #faac3f;
            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: #faac3f 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 {
            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: "\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: #faac3f;
            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: #faac3f;
            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 #faac3f;
        }
        
        .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: #faac3f;
            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: #faac3f;
            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 #faac3f;
            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: #faac3f;
            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: #faac3f;
            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: #faac3f;
            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: 20px;
        }
        
        .check_out_left .form-group input {
            height: 34px;
            box-shadow: none;
            outline: none;
            text-shadow: none;
            font-size: 14px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            padding: 0px 15px;
        }
        
        .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: #faac3f;
        }
        
        .check_out_left .form-group textarea {
            height: 178px;
            border: 1px solid #f4f4f4;
            box-shadow: none;
            outline: none;
            text-shadow: none;
            resize: none;
            font-size: 14px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            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: #faac3f;
        }
        
        .check_out_left .form-group .bootstrap-select {
            width: 100% !important;
        }
        
        .check_out_left .form-group .bootstrap-select .btn-default {
            height: 34px;
            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;
        }
        /* 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: #faac3f;
        }
        
        .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: #faac3f;
        }
        
        .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: #faac3f;
            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 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 .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: #faac3f;
            color: #334249;
        }
        
        .advanced_search_area.search_area2 .search_distance .skill_item .skill_inner .progress-bar:before {
            content: "";
            background: #faac3f;
            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: #faac3f;
            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: #faac3f 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: #faac3f;
            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: #faac3f;
            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: #faac3f;
            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: #faac3f;
            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: #faac3f;
        }
        
        .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: #faac3f;
        }
        
        .search_option .tab-content .tab-pane .height_item .item_average .average .ui-slider-handle {
            height: 16px;
            width: 16px;
            border-radius: 50%;
            border: none;
            background: #faac3f;
            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 0 0;
            ;
        }
        
        .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: 400;
            line-height: 24px;
        }
        /* Address area css
============================================================================================ */
        /* Contact area css
============================================================================================ */
        
        .contact_form_area {
            padding: 80px 0px;
        }
        
        .contact_form_area .welcome_title {
            padding-bottom: 30px;
        }
        
        .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: #faac3f;
        }
        
        .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: #faac3f;
        }
        
        .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: 200px;
            font-family: "Ubuntu", sans-serif;
            font-weight: bold;
            color: #5f6b71;
            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: #112a42;
            padding: 65px 0px 20px;
        }
        
        .f_widget_title {
            padding-bottom: 28px;
        }
        
        .f_widget_title h3 {
            font-size: 22px;
            color: #fff;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
        }
        
        .vero_widget h4 {
            font-size: 30px;
            color: #fff;
            font-family: "Ubuntu", sans-serif;
            padding-bottom: 15px;
        }
        
        .vero_widget h4 span {
            color: #fff;
        }
        
        .vero_widget p {
            font-size: 16px;
            line-height: 24px;
            color: #fff;
            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: #fff;
            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: #faac3f;
        }
        
        .recent_post_widget ul {
            margin-top: -14px;
        }
        
        .recent_post_widget ul li a {
            font-size: 16px;
            color: #fff;
            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: #faac3f;
        }
        
        .newsletter_widget p {
            font-size: 16px;
            line-height: 24px;
            color: #fff;
            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: #faac3f;
            border: none;
            border-top-right-radius: 25px;
            border-bottom-right-radius: 25px;
            color: #fff;
            padding: 0px;
            outline: none !important;
            box-shadow: none !important;
        }
        
        .co .copyright .copyright_left {
            width: 100%;
            float: left;
            overflow: hidden;
            background: #bc0071d6;
        }
        
        .copyright .copyright_left .copyright_text {
            max-width: 582px;
            width: 100%;
        }
        
        .copyright .copyright_left .copyright_text h4 {
            line-height: 30px;
            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: #faac3f;
        }
        
        .copyright .copyright_right {
            float: right;
            width: 50%;
            background: #faac3f;
        }
        
        .copyright .copyright_right .copyright_social {
            max-width: 582px;
            width: 100%;
            text-align: right;
        }
        
        .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;
        }
        /* -------------Modified CSS--------------------------------------- */
        
        .registration_form_area .search_form_s {
            background: #fff;
            padding: 30px 30px;
            border: 1px solid #e0e0e0;
            border-radius: 3px;
            position: relative;
        }
        /* End Footer area css */
        /*---------------------------------------------------- */
        
        .profile-image {
            background-color: #f7f7f7;
            border-radius: 5px;
            border: 2px solid #f1f1f1;
            padding: 5px;
            width: 171px !important;
            height: 171px !important;
        }
        
        .slider-body {
            width: 100%;
            height: 712px;
            background-color: #ffffff;
        }
        
        .profile {
            margin: 10px 0 10px 15px;
            border: 5px solid #fff;
            border-radius: 3px;
            width: 100px;
            height: 115px;
            background-color: #f5f5f5;
            object-fit: cover;
            -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
        }
        
        .multi_search_form_inner {
            width: 320px;
            margin: auto;
            position: relative;
            border: 8px solid #faac3f;
            background: #fff;
            border-radius: 5px;
            padding: 0px 30px 80px 30px;
        }
        
        .multi_search_form_inner .registration_man {
            padding-top: 52px;
        }
        
        .multi_search_inner .registration_form_s {
            padding-left: 60px;
        }
        
        .multi_search_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;
        }
        
        .multi_search_form_inner .registration_form_s .form-group {
            margin-bottom: 20px;
        }
        
        .multi_search_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;
        }
        
        .multi_search_form_inner .registration_form_s .form-group input.placeholder {
            font-size: 16px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
        }
        
        .multi_search_form_inner .registration_form_s .form-group input:-moz-placeholder {
            font-size: 16px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
        }
        
        .multi_search_form_inner .registration_form_s .form-group input::-moz-placeholder {
            font-size: 16px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
        }
        
        .multi_search_form_inner .registration_form_s .form-group input::-webkit-input-placeholder {
            font-size: 16px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
        }
        
        .multi_search_form_inner .registration_form_s .form-group input:focus {
            border: 1px solid #faac3f;
        }
        
        .multi_search_form_inner .registration_form_s .form-group .btn-group {
            width: 100%;
            text-align: left;
        }
        
        .multi_search_form_inner .registration_form_s .form-group .btn-group .dropdown-toggle {
            width: 100%;
            border: 1px solid #f4f4f4;
            background: #f4f4f4;
            padding: 0px 30px;
            height: 47px;
        }
        
        .multi_search_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;
        }
        
        .multi_search_form_inner .registration_form_s .form-group .btn-group .dropdown-toggle .arrow_carrot-down {
            float: right;
        }
        
        .multi_search_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;
        }
        
        .multi_search_form_inner .registration_form_s .form-group .btn-group .dropdown-toggle .arrow_carrot-down .fa-sort-desc {
            position: relative;
            bottom: -1px;
            color: #c2c2c2;
        }
        
        .multi_search_form_inner .registration_form_s .form-group .input-append {
            position: relative;
        }
        
        .multi_search_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;
        }
        
        .multi_search_form_inner .registration_form_s .form-group.reg_chose {
            margin-top: 30px;
        }
        
        .multi_search_form_inner .registration_form_s .form-group.reg_chose .reg_check_box {
            display: inline-block;
        }
        
        .multi_search_form_inner .registration_form_s .form-group.reg_chose .reg_check_box input {
            height: auto;
        }
        
        .multi_search_form_inner .registration_form_s .form-group.reg_chose .login_btn {
            float: right;
        }
        
        .multi_search_form_inner .registration_form_s .form-group:last-child {
            margin-bottom: 0px;
        }
        
        .multi_search_form_inner .registration_form_s .form-group .datepicker {
            position: relative;
        }
        
        .multi_search_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%);
        }
        
        .multi_search_form_inner .registration_form_s .mfp-close {
            height: auto;
            width: auto;
            opacity: 1;
            right: -71px;
            top: -38px;
            cursor: pointer;
            line-height: normal;
        }
        
        .profile_edit_border {
            border: 1px solid #f5cce5;
            background-color: #fff9fd;
            padding: 10px 20px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -o-border-radius: 5px;
            border-radius: 5px;
        }
        
        .form-button {
            text-align: center;
        }
        
        .error-msg {
            font-size: 12px;
            color: #ff0000;
        }
        
        .move_buttion {
            height: 36px;
            background-color: #faa732;
            border-color: #faa732;
            font-weight: 700 !important;
            font-size: 21px !important;
            color: #ffffff !important;
            border-radius: 5px;
            padding: 0px 15px 5px !important;
        }
        
        .recent-post {
            -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
            -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
            -webkit-border-radius: 0.3em;
            -moz-border-radius: 0.3em;
            -o-border-radius: 0.3em;
            border-radius: 0.3em;
            border: 1px solid #DDDDDD;
            margin: 40px 0 30px 0px;
            padding: 20px 20px 20px 20px;
        }
        
        .member {
            margin-top: 10px;
            border: 6px solid #fff;
            border-radius: 2px!important;
            width: 130px;
            height: 150px;
            background-color: #f5f5f5;
            -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
        }
        
        .members-cover {
            -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
            -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
            -webkit-border-radius: 0.3em;
            -moz-border-radius: 0.3em;
            -o-border-radius: 0.3em;
            border-radius: 0.3em;
            border: 1px solid #DDDDDD;
            margin: 0 0 30px 0px;
        }
        
        .memeber-font {
            font: 0.8em Verdana, sans-serif, "Lucida Grande", Helvetica, Arial, Tahoma !important;
        }
        
        .search-box {
            background-color: #f4f4f4;
            height: 47px;
            text-align: left;
            font-size: 16px;
            color: #2f3c44d6;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
            border: 0px;
        }
        
        .registration_form_area_member {
            position: absolute;
            left: 0px;
            top: 0px;
            width: 100%;
            z-index: 8;
        }
        
        .registration_form_area_member .registration_form_s_member {
            background: #fff;
            padding: 0px 30px;
            border: 1px solid #e0e0e0;
            border-radius: 3px;
            position: relative;
            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        }
        
        .registration_form_area_member .registration_form_s_member h4 {
            text-align: center;
            font-family: "Ubuntu", sans-serif;
            font-weight: bold;
            font-size: 30px;
            color: #2e3c43;
            padding: 40px 0px 22px 0px;
        }
        
        .registration_form_area_member .registration_form_s_member .form-group {
            margin-bottom: 20px;
        }
        
        .registration_form_area_member .registration_form_s_member .form-group input {
            width: 100%;
            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;
        }
        
        .registration_form_area_member .registration_form_s_member .form-group input.placeholder {
            font-size: 16px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
        }
        
        .registration_form_area_member .registration_form_s_member .form-group input:-moz-placeholder {
            font-size: 16px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
        }
        
        .registration_form_area_member .registration_form_s_member .form-group input::-moz-placeholder {
            font-size: 16px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
        }
        
        .registration_form_area_member .registration_form_s_member .form-group input::-webkit-input-placeholder {
            font-size: 16px;
            color: #334249;
            font-family: "Ubuntu", sans-serif;
            font-weight: 500;
        }
        
        .registration_form_area_member .registration_form_s_member .form-group input:focus {
            border: 1px solid #faac3f;
        }
        
        .registration_form_area_member .registration_form_s_member .form-group .btn-group {
            width: 100%;
            text-align: left;
        }
        
        .registration_form_area_member .registration_form_s_member .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;
        }
        
        .registration_form_area_member .registration_form_s_member .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;
        }
        
        .registration_form_area_member .registration_form_s_member .form-group .btn-group .dropdown-toggle .arrow_carrot-down {
            position: absolute;
            right: 15px;
            top: 12px;
        }
        
        .registration_form_area_member .registration_form_s_member .form-group .btn-group .dropdown-toggle .arrow_carrot-down .fa-sort-asc {
            position: relative;
            right: -8px;
            top: -1px;
            color: #c2c2c2;
        }
        
        .registration_form_area_member .registration_form_s_member .form-group .btn-group .dropdown-toggle .arrow_carrot-down .fa-sort-desc {
            position: relative;
            bottom: -1px;
            color: #c2c2c2;
        }
        
        .registration_form_area_member .registration_form_s_member .form-group .form_datetime {
            position: relative;
        }
        
        .registration_form_area_member .registration_form_s_member .form-group .form_datetime .datetimepicker-dropdown-bottom-right {
            left: 0px;
        }
        
        .registration_form_area_member .registration_form_s_member .form-group .datepicker {
            position: relative;
        }
        
        .registration_form_area_member .registration_form_s_member .form-group .datepicker .add-on {
            position: absolute;
            right: 10px;
            color: #c2c2c2;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }
        
        .registration_form_area_member .registration_form_s_member .form-group.reg_chose {
            text-align: center;
            margin: 10px 0px 50px 0px;
        }
        
        .map-container-7 {
            overflow: hidden;
            padding-bottom: 56.25%;
            position: relative;
            height: 0;
        }
        
        .map-container-7 iframe {
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            position: absolute;
        }
        /*pratheep */
        
        .current-profile {
            background: #d3e2ff;
        }
        
        .message-curren-title {
            background-color: #013d71 !important;
        }
        
        .message-current-sub-title {
            background-color: #eaeaea;
        }
        /*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/
        
        #topbar {
            background: #fff;
            padding: 8px 0;
            font-size: 14px;
        }
        
        #topbar .contact-info {
            color: #000;
        }
        
        #topbar .contact-info a {
            line-height: 1;
            color: #000;
            transition: 0.3s;
        }
        
        #topbar .contact-info a:hover {
            color: #0038b8;
        }
        
        #topbar .contact-info i {
            color: #0038b8;
            padding: 4px;
        }
        
        #topbar .contact-info .icofont-phone {
            padding-left: 20px;
        }
        
        #topbar .social-links a {
            color: #000;
            padding: 4px 0 4px 16px;
            display: inline-block;
            line-height: 1px;
            transition: 0.3s;
        }
        
        #topbar .social-links a:hover {
            color: #0038b8;
        }
        
        #topbar .social-links a:first-child {
            border-left: 0;
        }
        
        .register_members_slider .all_members_item {
            text-align: center;
            padding-bottom: 20px;
            padding-top: 10px;
        }
        
        .register_members_slider .all_members_item img {
            max-width: 100%;
            border-radius: 5px;
        }
        
        .register_members_slider .all_members_item h5 {
            font-size: 16px;
            font-family: "Ubuntu", sans-serif;
            font-weight: 300;
            color: #fff;
        }
        
        .register_members_slider .all_members_item h4 {
            font-size: 16px;
            font-family: "Ubuntu", sans-serif;
            /* font-weight: bold; */
            color: #334249;
            padding: 12px 0px 2px 0px;
        }
        
        .reg {
            margin-top: -40px;
            text-align: center;
            /* display: none; */
        }
        
        .all_members_area {
            padding-top: 111px;
        }
        
        .multi_search_form_inner .mfp-close {
            right: -38px !important;
            top: -38px !important;
        }
        
        .check_out_area {
            padding-top: 111px;
        }
        
        .check_out_area .breadcrumb {
            margin-top: 35px;
        }
        
        .registration_man_img {
            width: 500px;
            height: auto
        }
        
        .photo_txt_white {
            color: #fff !important;
        }
        
        .profile_icon a {
            color: #fff
        }
        
        .profile_icon .fa-heart {
            color: red;
        }
        
        .profile_icon .fa-camera {
            color: darkorange;
        }
        
        .blog_grid_area .right_side {
            padding: 3px 10px;
            color: #fff
        }
        
        .profile_detail {
            padding-top: 100px;
            font-size: 15px;
        }
        
        .blog_grid_area_profile {
            padding-top: 140px !important;
        }
        
        .blog_grid_area_profile .recent-post {
            margin-top: 0px;
        }
        
        .message_top {
            margin-top: 40px;
        }
        
        .welcome_msg {
            margin: 0px 12px 20px 12px;
        }
        
        .welcome_msg_title {
            margin-bottom: 10px;
        }
        
        .slider {
            margin-top: 50px;
        }
        
        .login_form_inner_popup {
            max-width: 380px;
            max-height: 100px;
            margin: auto;
            position: relative;
            border: 2px solid #faac3f;
            background: #fff;
            border-radius: 5px;
        }
        
        .login_form_inner_popup h4 {
            text-align: center;
            font-family: "Ubuntu", sans-serif;
            font-weight: bold;
            font-size: 20px;
            color: #2f3c44;
            padding: 30px 32px;
        }
        
        .login_form_inner_popup .mfp-close {
            height: auto;
            width: auto;
            line-height: normal;
            opacity: 1;
            right: -37px;
            top: -38px;
            cursor: pointer;
        }
        
        .check_out_area {
            padding-top: 130px
        }
        
        .profile_menu {
            /* padding-top: 20px; */
            margin-right: 0px !important;
        }
        
        .login_btn_area {
            margin: -7px;
            float: right;
        }
        
        .progress {
            display: none;
            position: relative;
            margin: 20px;
            width: 400px;
            background-color: #ddd;
            border: 1px solid blue;
            padding: 1px;
            left: 15px;
            border-radius: 3px;
        }
        
        .progress-bar {
            background-color: green;
            width: 0%;
            height: 30px;
            border-radius: 4px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
        }
        
        .percent {
            position: absolute;
            display: inline-block;
            color: #fff;
            font-weight: bold;
            top: 50%;
            left: 50%;
            margin-top: -9px;
            margin-left: -20px;
            -webkit-border-radius: 4px;
        }
        
        #outputImage {
            display: none;
        }
        
        .error {
            color: #ad7b7b;
            background: #ffb3b3;
            padding: 10px;
            box-sizing: border-box;
            margin: 10px;
            border-radius: 3px;
            border: #f1a8a8 1px solid;
        }
        
        input#uploadImage {
            border: #f1f1f1 1px solid;
            padding: 6px;
            border-radius: 3px;
        }
        
        #outputImage img {
            max-width: 300px;
        }
        
        .image_crop {
            margin-left: 265px;
        }
        
        .fa-instagram:before {
            background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        
        .mfp-inline-holder .mfp-content,
        .mfp-ajax-holder .mfp-content {
            width: unset;
        }
        
        .croppie-container .cr-slider-wrap {
            width: 40% !important;
        }
        
        .mfp-close-btn-in .mfp-close {
            color: #000;
            font-size: 50px;
        }
        
        .myButton {
            box-shadow: -5px 5px 19px 0px #0b0c0d;
            background: linear-gradient(to bottom, #030699 5%, #415989 100%);
            background-color: #030699;
            border-radius: 10px;
            border: 3px solid #ffffff;
            display: inline-block;
            cursor: pointer;
            color: #ffffff;
            font-family: Georgia;
            font-size: 24px;
            padding: 8px 32px;
            text-decoration: none;
            text-shadow: 0px 1px 0px #263666;
        }
        
        .myButton:hover {
            background: linear-gradient(to bottom, #415989 5%, #030699 100%);
            background-color: #415989;
            color: #fff;
        }
        
        .myButton:active {
            position: relative;
            top: 1px;
        }
        
        .myButton_span {
            color: #e5ea19;
        }
        
        .recaptcha-box {
            margin-top: 30px !important;
        }
        
        .mb-4 {
            margin-bottom: 10px;
        }
        
        .home_ad {
            left: 130px;
            position: relative;
            margin-bottom: 25px;
            margin-top: -35px;
        }
        
        .profile_detail .fa-camera {
            color: darkorange;
        }
        
        .profile_detail a {
            color: #fff;
        }
        .profile_img {
            width:500px; 
            height: auto
        }

        @media only screen and (max-width: 600px) {
            .profile_img {
                width:300px; 
                height: auto
            }
        }
        .home_slider_area {
            padding-left:0;
            padding-right:0;
            height: 530px;
        }

        div.package{
            padding: 10px;
            
        }

        .package .basic {
            border-radius: 12px;
            padding-top: 15px;
            padding-bottom: 10px;
            color: white;
            background: #56ab2f;  /* fallback for old browsers */
            background: -webkit-linear-gradient(to right, #a8e063, #56ab2f);  /* Chrome 10-25, Safari 5.1-6 */
            background: linear-gradient(to right, #a8e063, #56ab2f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        }
        .package .advanced {
            border-radius: 12px;
            padding-top: 15px;
            padding-bottom: 10px;
            color: white;
            background: #00d2ff;  /* fallback for old browsers */
            background: -webkit-linear-gradient(to right, #928DAB, #00d2ff);  /* Chrome 10-25, Safari 5.1-6 */
            background: linear-gradient(to right, #928DAB, #00d2ff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        }
        .package .premium {
            border-radius: 12px;
            padding-top: 15px;
            padding-bottom: 10px;
            color: white;
            background: #C02425;  /* fallback for old browsers */
            background: -webkit-linear-gradient(to right, #F0CB35, #C02425);  /* Chrome 10-25, Safari 5.1-6 */
            background: linear-gradient(to right, #F0CB35, #C02425); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */            
        }
        .package-title{
            font-size: 25px;
            font-weight: bold;
        }

        .package-period{
            margin-top: 30px;
            font-size: 14px;  
        }

        .package-view{
            margin-top: 30px;
            font-size: 12px;  
        }
        .package-contact{
            margin-top: 30px;
            margin-bottom: 10px;
            font-size: 18px;  
        }
        .slider_title{
            margin-top: 60px;
        }

        @media (min-width:1025px)  {
            .registration_form_area .registration_form_s h4 {
                text-align: center;
                font-family: "Ubuntu", sans-serif;
                font-weight: bold;
                font-size: 30px;
                color: #2e3c43;
                padding: 22px 0px 22px 0px;
            }

            .registration_form_area .registration_form_s {
                max-width: 370px;
                max-height: 530px;
                background: #fff;
                padding: 0px 30px;
                border: 1px solid #e0e0e0;
                border-radius: 3px;
                position: relative;
                box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
            }

            .slider_title{
                margin-top: 0px;
            }
            
            .pagination {
                margin: 20px 28px;
                float: right;
            }
    
        }
