/* Calibri font files are not bundled; use system UI stack instead. */


*{
    margin:0;
    padding:0;
    text-decoration:none;
    list-style:none;
}

a:hover,
a:focus,
a:active{
    text-decoration: none;
}
a{
    text-decoration: none;
}
ol, ul{
    margin: 0;
    padding: 0;
}
img{
    display: block;
}
body{
    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    text-decoration: none;
}

.container{
    max-width: 1120px;
}

/* **** Titlebar  **** */
.titlebar h2{
    font-size: 24px;
    font-weight: 500;
    color: #000;
    text-align: center;
    position: relative;
    text-transform: uppercase;
    font-weight: 800;
}
.titlebar h2 span{
    background:#fff;
    position: relative;
    z-index: 9;
}
.titlebar h2:before{
    position: absolute;
    content: "";
    height: 1px;
    width: 25%;
    background: #000;
    top: 60%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.titlebar h2:after{
    position: absolute;
    content: "";
    height: 1px;
    width: 25%;
    background: #000;
    top: 60%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
/* ***** End Titlebar **** */



/* **** Main Button **** **/
.btn-main{
    font-size: 16px;
    font-weight: 800;
    color: #fff;
    padding: 10px 50px;
    border-radius: 4px;
    background:#e6007e;
    display: table;
    text-decoration: none;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.btn-main i{
    padding-right: 10px;
}
.btn-main:hover{
    background:#000;
    color: #fff;
}
/* **** End Main Button **** **/




/* **** Header **** */
.navbar>.container .navbar-brand, 
.navbar>.container-fluid .navbar-brand{
    margin-left: 0;
}
.navbar-brand{
    float: none;
    height: auto;
    padding: 0;
}
.navbar{
    background:#fff;
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    border: none;
    margin:0;
    padding: 25px 0;
    z-index: 120;
}
.navbar .navbar-nav{
    margin-left: auto;
    margin-top: 8px;
    float: right!important;
}
.navbar .navbar-nav>li{
    margin-right: 20px;
}
.navbar .navbar-nav>li:last-child{
    margin-right: 0;
}
.navbar-expand-lg .navbar-nav .nav-link{
    padding: 10px;
    color: #000;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 800;
    border:none;
    background:transparent;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
}
.dropdown-toggle::after{display: none;}

.navbar-expand-lg .navbar-nav .nav-link i{
    font-size: 14px;
    padding-left: 5px;
    color: #e6017f;
}
.navbar-expand-lg .navbar-nav button{
    border: none;
    box-shadow: none;
    outline: none;
}
.navbar-expand-lg .navbar-nav button:focus{
    box-shadow: none;
    outline: none;
    border: none;
}
.navbar-expand-lg .navbar-nav .dropdown-menu{
    top: 100%;
    border: none;
    margin-top: 35px;
    left: -30px;
    width: 230px;
    border-radius: 5px;
    background:#fff;
    padding: 0;
    box-shadow: 0 0 9px rgba(128,128,128,0.4);
}
.navbar-expand-lg .navbar-nav .dropdown-toggle{
    text-transform: uppercase;
}
.navbar-expand-lg .navbar-nav .dropdown-toggle img{
    height: 35px;
    width: 35px;
    object-fit:cover;
    border-radius: 100%;
    display: inline-block;
    margin-right: 10px;
}
.navbar-expand-lg .navbar-nav li:last-child .dropdown-menu{
    width: 100px;
    min-width: auto;
    
}
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item{
    padding: 9px 30px;
    color: #000;
    font-size: 16px;
    border:none;
    transition: all 0.3s linear;
}
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:hover{
    color: #e6017f;
    background:transparent;
}

/* **** Plus Button **** */
.navbar-expand-lg .navbar-nav .nav-link.plus-btn{
    border:2px solid #e6017f;
    border-radius: 4px;
    padding: 8px 15px;
    color: #e6017f;
        text-transform: capitalize;
}
.navbar-expand-lg .navbar-nav .nav-link.plus-btn i{
    padding-left: 0;
    padding-right: 5px;
}
.navbar-expand-lg .navbar-nav .nav-link.plus-btn:hover{
    background:#e6017f;
    color: #fff; 
}
.navbar-expand-lg .navbar-nav .nav-link.plus-btn.loenbtn{
    background:#e6017f;
    color: #fff;
    text-transform: capitalize;
}
.navbar-expand-lg .navbar-nav .nav-link.plus-btn.loenbtn i{color: #fff;}
.navbar-expand-lg .navbar-nav .nav-link.plus-btn.loenbtn:hover{
    color: #e6017f;
    background: #fff;
    border-color: #e6017f;
}
.navbar-expand-lg .navbar-nav .nav-link.plus-btn.loenbtn:hover i{
    color:#e6017f;
}
.navbar-expand-lg .navbar-nav .nav-link.plus-btn:hover i{
    color: #fff;
}
.navbar-expand-lg .navbar-nav .nav-link.langbtn{text-transform: uppercase;}
.navbar-expand-lg .navbar-nav .user-drop .dropdown-toggle{
    padding: 5px 10px;
    text-transform: capitalize;
}
.navbar-expand-lg .navbar-nav .user-drop .dropdown-menu{
    width: 170px;
    min-width: 170px;
    padding: 15px;
    margin: 15px 0 0;
}
.navbar-expand-lg .navbar-nav .user-drop .dropdown-menu .dropdown-item{
    font-size: 14px;
    font-weight: 500;
    color: #000;
    padding: 5px 0;
}
.navbar-expand-lg .navbar-nav .user-drop .dropdown-menu .dropdown-item span{
    display: inline-block;
    height: 20px;
    width: 20px;
    color: #fff;
    font-size: 12px;
    border-radius: 100%;
    margin-left: auto;
    margin-left: 0;
    background-color: #e6007e;
    text-align: center;
    line-height: 20px;
    float: right;
}
/* **** End plus-btn ***** */


/* **** login-btn **** */
.navbar-expand-lg .navbar-nav .nav-link.login-btn{
    background:#000;
    padding: 8px 15px;
    border-radius: 4px;
    border:2px solid #000;
    color: #fff;
    text-transform: capitalize;
}
.navbar-expand-lg .navbar-nav .nav-link.login-btn:hover{
    background:#e6017f;
    border-color: #e6017f;
    color: #fff; 
}
/* **** End login-btn  **** */



.navbar .navbar-nav>li>a:focus, .navbar .navbar-nav>li>a:hover,
.navbar .navbar-nav>li>a:hover{
    color: #000;
}
.navbar .navbar-nav>.active>a, .navbar .navbar-nav>.active>a:focus, .navbar .navbar-nav>.active>a:hover{
    color: #000;
}


.navbar-toggler {
    float: right;
    border: none;
    border-radius: 4px;
    border: 1px solid #e6007e;
    padding-right: 0;
    padding: 0;
    height: 35px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.navbar-toggler:active,
.navbar-toggler:focus {
    outline: none;
    box-shadow: none;
}
.navbar-toggler-icon {
    width: 24px;
    height: 17px;
    background-image: none;
    position: relative;
    border-bottom: 1px solid #e6007e;
    transition: all 300ms linear;
}
.navbar-toggler-icon:after, 
.navbar-toggler-icon:before{
    width: 24px;
    position: absolute;
    height: 1px;
    background-color: #e6007e;
    top: 0;
    left: 0;
    content: '';
    z-index: 2;
    transition: all 300ms linear;
}
.navbar-toggler-icon:after{
    top: 8px;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
    transform: translateY(8px) rotate(-45deg);
    -webkit-transform: translateY(8px) rotate(-45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    border-color: transparent;
}
.nav-item{margin-right: 40px;position: relative;}
.nav-item.active .nav-link{
    color: #006688 !important;
}
/* **** End Header **** */



/* **** Hero **** */
.hero-wrp{
    background-image: url(../images/hero.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 450px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 0 0 15px;
}
.hero-wrp h2{
    font-size: 45px;
    margin: 0 auto 60px;
    display: table;
    text-align: center;
    color: #fff;
}

.find-date{
    background:rgba(0,0,0,0.4);
    padding: 30px;
    border-radius: 4px;
}
.find-block{
    position: relative;
}
.find-date h3{
    font-size: 24px;
    font-weight: 800;
    color: #fff;
    margin: 0 auto 20px;
    display: table;
    text-align: center;
    text-transform: uppercase;
}
.find-date .form-group{
    margin: 0;
    position: relative;
}
.find-date .form-group label{
    font-size: 16px;
    font-weight: 600;
    color: #000;
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}
.find-date .form-group .form-control{
    padding: 10px 15px;
    height: auto;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    outline: none;
    box-shadow: none;
    border:none;
}



.find-date{
    background:rgba(0,0,0,0.4);
    padding: 30px;
    border-radius: 4px;
}
.find-block{
    position: relative;
}
.find-date h3{
    font-size: 24px;
    font-weight: 800;
    color: #fff;
    margin: 0 auto 20px;
    display: table;
    text-align: center;
    text-transform: uppercase;
}
.find-date .form-group{
    margin: 0;
    position: relative;
}
.find-date .form-group label{
    font-size: 16px;
    font-weight: 600;
    color: #000;
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}
.find-date .form-group .form-control{
    padding: 5px 15px;
    height: auto;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    outline: none;
    box-shadow: none;
    border:none;
}
.form-group.kmselecter{
    padding: 5px 0px 5px 15px;
    display: block;
    margin: 0 0;
    background: #fff;
    border-radius: 5px;
    display: flex;
    align-items: center;
}
.find-date .form-group.kmselecter label{
    font-size: 16px;
    font-weight: 600;
    color: #000;
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    transform: translate(0);
    -webkit-transform: translate(0);
}
.find-date .form-group.kmselecter .select{
    height: 34px;
}
.find-date .form-group.kmselecter .select-styled{
    display: inline-block;
    margin: 0 0;
    padding: 6px 15px;
    height: auto;
    border: none;
    border-radius: 0;
    color: #000;
}
.find-date .form-group.kmselecter .select-options{
    height: auto;
}



.master-search{
    position: relative;
    z-index: 80;
}
.find-date .master-search label{
    border-right: 1px solid #000;
    padding-right: 15px;
}
.find-date .master-search .form-control{
    padding: 10px 55px 10px 15px;    
}

div#search-mob {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 79;
}
.master-search button{
    background: transparent;
    border: none;
    font-size:22px;
    outline: none !important;
    color: #57585b;
    position: absolute;
    top: 48%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    right: 20px;
    cursor: pointer;
    border-left: 1px solid #000;
    padding-left: 15px;
}
.master-search button:hover{
    color: #014f71;
}
.inner-search-bx{
    position: relative;
    padding: 35px 35px 45px;
    border-radius: 4px;
    background: #fff;
    margin: 10px 0 0;
    border: 1px solid #aba29f;
}
.inner-search-bx .btn-main:first-child{
    margin: 40px 0 15px;
}
.inner-search-bx .btn-main{
    margin: 0 0 15px;
    padding: 10px 25px;
    width: 194px;
}

.inner-search-bx .inner-link h3{
    font-size: 16px;
    font-weight: 800;
    color: #e6007e;
    margin: 0 0 15px;
}
.inner-search-bx .inner-link ul li a{
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    transition: all 0.3s linear;
}
.inner-search-bx .inner-link ul li a:hover{
    color: #e6007e;
}
.inner-search-bx .inner-link.last-box ul{
    padding-top: 40px;
}
.srh-btn{
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    color: #000;
    z-index: 5;
}
.srh-btn i{
    color: #000;
    font-size: 20px;
}
.ui-menu .ui-menu-item-wrapper {
    display: flex;
    align-items: center;
}
.ui-widget.ui-widget-content {
    border: none;
    position: absolute;
    z-index: 9988;
    background: #ffffff;
    color: #333333;
    margin: 15px 0 0 ;
    border: 1px solid #aba29f;
    border-radius: 5px;
    /*height: 300px;
    overflow: auto;*/
}
.ui-menu .ui-menu-item {
    border: none;
    box-shadow: none;
    background-image: unset;
    outline: none;
    list-style-image: unset;
    background: #fff;
    color: #000;
    cursor: pointer;
    transition: all 0.3s linear;
}
.ui-menu .ui-menu-item-wrapper{    padding: 10px 20px;}
.ui-menu .ui-menu-item:hover{
    background:#f7f7f7;
}
.ui-autocomplete .m-icon {
    float: left;
    width: 30px;
    margin-left: 10px;
    margin-right: 10px;
}
.ui-autocomplete .m-name {
    display: block;
    margin-left: 0;
}
.ui-autocomplete .highlight {
    color: #e6007e;
}
.ui-menu .ui-menu-item{
    background:transparent;
    border-color: transparent;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover{
    border:none;
    background:transparent;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: none;
}
li.ui-autocomplete-category{
    font-size: 18px;
    font-weight: 600;
    color: #000;
    padding: 10px 15px;
}
/* **** End Hero **** */




/* **** Work **** */
.work-wrp{
    padding: 90px 0 150px;
}
.work-wrp h2{
    font-size: 24px;
    font-weight: bold;
    margin: 0 auto 35px;
    display: table;
    text-align: center;
    color: #000000;
}
.work-box .work-img{
    position: relative;
    margin: 0 0 35px;
}
.work-box .work-img span{
    position: absolute;
    bottom: 0;
    left: 0;
    font-weight: 800;
    color: #fff;
    border-radius: 4px;
    height: 37px;
    width: 37px;
    line-height: 37px;
    text-align: center;
    display: block;
    background: #e6007e;
    font-size: 24px;
}
.work-box .work-img img{
    max-width: 100%;
    margin: 0 auto;
    padding-right: 50px;
}
.work-wrp .work-box h3{
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 10px;
    display: table;
    color: #000000;
}
.work-wrp .work-box p{
    font-size:16px;
    margin: 0;
    display: table;
    color: #000000;
}
/* **** End Work **** */


/* **** Latest *** */
.latest-wrp{
    padding: 0 0 90px;
}
.latest-wrp .latest-box{
    position: relative;
    margin:30px 0 0;
    overflow: hidden;
}

.latest-wrp .latest-box img{
    width: 100%;
}
.latest-wrp .latest-box .info{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    background:rgba(0,0,0,0.6);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.latest-wrp .latest-box:hover .info{
    bottom: -50%;
}
.latest-wrp .latest-box .info p{
    font-size: 16px;
    font-weight: 800;
    color: #fff;
    margin: 0;
    display: table;
    position: relative;
}
.latest-wrp .latest-box .info.active p:before{
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    background:#00ff00;
    border-radius: 100%;
    right: -20px;
    top: 8px;
}
.latest-wrp .latest-box .info p span{
    display: block;
    font-weight: 400;
}
.latest-wrp .btn-main{
    margin: 50px auto 0;
}
/* **** End Latest **** */



/* **** Advertisement **** */
.advertisement-wrp{
    background: #e6e6e6;
    padding: 40px 0;
}
.advertisement-wrp h2{
    font-size: 24px;
    font-weight: 800;
    color: #000;
    text-transform: uppercase;
    margin: 0 auto 30px;
    text-align: center;
}
.advertisement-wrp p{
    font-weight: 500;
    color: #000;
    text-align: center;
    font-size: 16px;
    width: 80%;
    line-height: 24px;
    margin: 0 auto 40px;
    display: table;
}
.advertisement-wrp .btn-main{
    margin: 0 auto;
    display: table;
}
/* **** End Advertisement **** */


/* **** Tab Wrpper **** */
.tab-wrpper{
    padding: 40px 0 75px;
    background:#e6007e;
}
.tab-wrpper .nav-tabs .nav-link{
    background:transparent;
    border-radius: 0;
    border: none;
    font-weight: 500;
    font-size: 24px;
    padding: 0 10px 10px 0;
    text-transform: uppercase;
    color: #fff;
    margin-right: 90px;
    position: relative;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.tab-wrpper .nav-tabs .nav-link:before{
    position: absolute;
    content: "";
    height: 4px;
    width: 0;
    background:#fff;
    bottom: -2px;
    left: 0;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.tab-wrpper .nav-tabs .nav-link:last-child{
    margin: 0;
}
.tab-wrpper .nav-tabs .nav-link.active{
    font-weight: 800;
}
.tab-wrpper .nav-tabs .nav-link.active:before{
    opacity: 1;
    width: 100%;
}
.tab-wrpper .tab-informetion .place-box{
    position: relative;
    margin: 30px 0 0;
}

.tab-wrpper .tab-informetion .place-box img{
    height: 150px;
    object-fit: cover;
    width: 100%;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.tab-wrpper .tab-informetion .place-box h2{
    font-size: 24px;
    font-weight: 800;
    margin: 0;
    color: #fff;
    position: absolute;
    text-transform: uppercase;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.tab-wrpper .tab-informetion a:hover .place-box  img{
    opacity: 0.8;
}   
/* **** End Tab Wrpper **** */



/* **** Description **** */
.description-wrp{
    padding: 80px 0;
}
.description-wrp h2{
    font-size: 24px;
    font-weight: 800;
    color: #000;
    margin: 0 0 30px;
}
.description-wrp p{
    font-size: 16px;
    font-weight: 400;
    color: #000;
    line-height: 24px;
    margin: 0 0 25px;
}
.description-wrp p a{
    color: #e6007e;
    text-decoration: underline;
}
/* **** End Description **** */


/* **** Footer **** */
footer{
    background:#000;
    padding: 45px 0 125px;
    position: relative;
    color: #fff;
    position: relative;
    overflow: hidden;
}
footer:before{
    position: absolute;
    content: "";
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
    background-image:url(../images/footer-back.png);
    height: 100%;
    width:39%;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
footer .quicklink{
    position: relative;
    z-index: 5;
}
footer .quicklink h3{
    font-size: 18px;
    font-weight: 800;
    color: #fff;
    margin: 0 0 35px;
}
footer .quicklink ul li a{
    display: block;
    font-size: 16px;
    text-decoration: none;
    outline: none;
    font-weight: 500;
    color: #ffffff;
    padding: 0 0 10px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
footer .quicklink ul li a i{
    padding-right: 5px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
footer .quicklink ul li a:hover{
    color: #e6007e;
}
footer .quicklink ul li a:hover i{
    color: #fff;
    padding-right: 15px;
}
footer .quicklink p{
    font-size: 16px;
    font-weight: 500;
    color: #979797;
    margin: 0 0 35px;
}
footer .quicklink img{
    max-width: 100%;
}
/* **** End Footer **** */




/* **** Poster Slider **** */
.poster-slider{
    position: relative;
}
.poster-slider .slider-box img{
    width: 100%;
}
.poster-slider .slick-prev,
.poster-slider .slick-next {
    width: auto;
    height: auto;
}
.poster-slider .slick-prev,
.poster-slider .slick-next {
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    transform: translate(0,-50%);
    position: absolute;
}
.poster-slider .slick-prev,
.poster-slider .slick-next {
    left: 0;
    z-index: 5;
    outline: none;
    border: none;
    background: transparent;
    color: transparent;
    font-size: 0;
}
.poster-slider .slick-next {
    left: auto;
    right: 0;
}
.poster-slider .slick-prev:before,
.poster-slider .slick-next:before {
    font-family: "Font Awesome 5 Pro";
    content:"\f054";
    width: 58px;
    height: 92px;
    background:rgba(230, 0, 126, 0.3);
    line-height: 92px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    font-weight: 100;
    display: block;
    opacity: 1;
    z-index: 120;
    cursor: pointer;
    -webkit-transition: 0.4s linear;
    -moz-transition: 0.4s linear;
    -ms-transition: 0.4s linear;
    transition: 0.4s linear;
}
.poster-slider .slick-prev:before {
    content:"\f053";
}
.poster-slider .slick-prev:hover:before,
.poster-slider .slick-next:hover:before {
    color: #fff;
    background: #e6007e;
}
/* **** Poster Slider **** */



/* **** Service **** */
.service-wrp{
    padding: 40px 0;
}
.service-wrp .one{order: 1;}
.service-wrp .two{order: 2;}
.service-wrp .three{order:3;}
.service-wrp .four{order: 4;}
.service-wrp .five{order: 5;}
.service-wrp .prev-next{
    padding: 0 0 40px;
}
.service-wrp .prev-next ul li{
    display: inline-block;
}
.service-wrp .prev-next ul li:last-child{
    margin-left: auto;
    margin-right: 0;
    float: right;
}
.service-wrp .prev-next ul li a{
    font-size: 14px;
    font-weight: 500;
    color: #000;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.service-wrp .prev-next ul li a:hover{
    color: #e6007e;
}
.service-wrp .prev-next ul li a i {
    padding-right: 6px;
}
.service-wrp .prev-next ul li:last-child a i{
    padding-right: 0;
    padding-left: 6px;
}

.service-wrp .service-block{
    padding: 25px;
    border:1px solid #e5e5e5;
    border-radius: 5px;
    margin: 0 0 30px;
}
.service-wrp .service-block h2{
    font-size: 24px;
    font-weight: 800;
    color: #e6007e;
    margin: 0 0 10px;
    text-transform: uppercase;
}
.service-wrp .service-block h4{
    font-size: 16px;
    font-weight: 500;
    color: #727272;
    margin: 0 0 0px;
    font-style: italic;
}

.service-box h3{
    font-size: 16px;
    font-weight: 800;
    color: #000;
    margin: 15px 0 5px;
}
.service-box h3 span{
    float: right;
    font-weight: 500;
}
.service-box ul li{
    font-size: 16px;
    font-weight: 500;
    color: #000;
    margin: 0 0 5px;
    display: inline-block;
}
.service-two-box h3{
    margin: 0 0 13.5px;
}
.service-box p{
    font-size: 16px;
    font-weight: 500;
    color: #000;
    margin: 0 0 15px;
}
.read-more{
    padding: 40px 0 0;
}
.btn-read{
    margin: 55px auto 0;
    display: table;
    text-transform: capitalize;
    text-align: center;
    font-size: 16px;
    color: #e6007e;
    display: table;
    -webkit-transition: all 0.3s linear; 
    transition: all 0.3s linear; 
}
.btn-read i{
    height: 22px;
    width: 22px;
    display: inline-block;
    background: #e6e6e6;
    border-radius: 4px;
    line-height: 22px;
    font-size: 12px;
    margin-right: 10px;
    text-align: center;
}
.btn-read:hover{
    color: #000;
}

.adresse-box{
    min-height: 367px;
}
.adresse-box ul li a{
    font-size: 16px;
    font-weight: 500;
    color: #000;
    margin: 0 0 15px;
    display: block;
    position: relative;
    padding-left: 30px;
}

.adresse-box ul li a i{
    color: #e6007e;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 5px;
}
.adresse-box ul li a span{
    display: table;
    padding-top: 15px;
}

.info-line ul li{
    display: inline-block;
    margin: 0 20px 0 0;
    font-size: 16px;
    font-weight: 500;
    color: #000;
}
.service-wrp .service-block.info-line{
    margin: 0 0 15px;
}
.info-line ul li i{
    color: #e6007e;
    display: inline-block;
    margin-right: 10px;
    width: 20px;
    text-align: center;
}
.info-line ul li:last-child{
    margin: 0;
}
.info-line ul li:nth-child(3) i{
    font-style: italic;
}

.info-text p{
    font-size: 10px;
    font-weight: 400;
    color: 767676;
    text-align: right;
    margin: 0;
    font-style: italic;
}
/* **** END Service **** */


/* **** Gallery **** */
.gallery-wrp{
    padding: 150px 0;
}
/* **** End Gallery **** */


/* **** Back to top **** */
.back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
    height: 53px;
    width: 53px;
    background: #e6007e;
    border-radius: 4px;
    color: #fff;
    border: none;
    outline: none;
    box-shadow: none;
    line-height: 53px;
    font-size: 25px;
    text-align: center;
    transition: all 0.3s linear;
    z-index: 9;
}
.back-to-top:hover{
    background: #000;
    color: #fff;
}
/* **** End Back to top **** */


.ui-menu .ui-menu-item:hover .ui-menu-item-wrapper{
    color: #e6007e;
}

.card.card-body{
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 0;
}


.ui-helper-hidden-accessible {
    height: 0;
}

a.close{
    position: absolute;
    top: 50%;
    right:70px;
    z-index: 5;
    font-size: 16px;
    color: #000;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
}



/* **** Inner Header **** */
.inner-header{
    padding: 20px 0;
    background:#fff;
}
.inner-header .head-left h3{
    font-size: 24px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;  
    margin: 0 0 0px;
}
.inner-header .head-left h3 img{
    display: inline-block;
    margin-left: 10px;
    width: 22px;
    vertical-align: middle;
}
.inner-header .head-left h4{
    font-size: 16px;
    font-weight: 500;
    color: #e6007e;
    margin: 0 0 15px;
}
.inner-header .head-left a{
    background:#39a001;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    display: table;
    padding: 5px 15px;
    text-transform: uppercase;
}

.inner-header .head-right{
    text-align: right;
    float: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.inner-header .head-right .btn-main{
    padding: 10px 20px;
}
.inner-header .head-right ul{
    padding-left: 20px;
    display: flex;
    align-items: center;
}
.inner-header .head-right ul li{
    display: inline-block;
    margin: 0 15px 0 0;
}
.inner-header .head-right ul li img{
    max-width: 100%;
}
/* **** End Inner Header **** */


/* **** Mobile Bottom **** */
.mobile-bottom{
    position: fixed;
    width: 100%;
    padding: 15px;
    background:#e6007e;
    display: flex;
    bottom: 0;
    left: 0;
    right: 0;
    align-items: center;
    display: none;
    justify-content: center;
    z-index: 99;
}
.mobile-bottom .number{
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translate(0, -50%);
}
.mobile-bottom ul{
    margin-left: auto;
    margin-right: 0;
    display: table;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.mobile-bottom ul li{
    display: inline-block;
    margin: 0 15px 0 0;
}
.mobile-bottom ul li img{
    max-width: 100%;
    width: 30px;
}
.mobile-bottom ul li:last-child{
    margin: 0;
}
/* **** End Mobile Bottom **** */



/* **** Gridview Slider **** */
.gridview-wrpper {
    padding: 30px 0;
    width: 100%;
    background: #dadada;
}
.gridview-wrpper h2 {
    font-size: 24px;
    font-weight: bold;
    margin: 0 auto 20px;
    display: table;
    text-align: center;
    text-transform: uppercase;
}
.gridview-slider {
    padding: 0 60px;
}
.gridview-slider .slider-box {
    padding: 10px;
}
.gridview-slider .slider-box .latest-box {
    position: relative;
    margin: 0;
    overflow: hidden;
}

.gridview-slider .offer-label {
    position: absolute;
    top: 40px;
    left: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.gridview-slider .offer-label img {
    height: auto;
    width: 75%;
}

.gridview-slider .latest-box .info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    background: rgba(0, 0, 0, 0.6);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.gridview-slider .latest-box:hover .info {
    bottom: -50%;
}
.gridview-slider .latest-box:hover .offer-label {
    left: -50%;
}
.gridview-slider .latest-box .info p {
    font-size: 16px;
    font-weight: 800;
    color: #fff;
    margin: 0;
    display: table;
    position: relative;
}
.gridview-slider .latest-box .info.active p:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    background: #00ff00;
    border-radius: 100%;
    right: -20px;
    top: 8px;
}
.gridview-slider .latest-box .info p span {
    display: block;
    font-weight: 400;
}

.gridview-slider .slick-prev,
.gridview-slider .slick-next {
    width: auto;
    height: auto;
}
.gridview-slider .slick-prev,
.gridview-slider .slick-next {
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
}
.gridview-slider .slick-prev,
.gridview-slider .slick-next {
    left: -12px;
    z-index: 5;
    outline: none;
    border: none;
    background: transparent;
    color: transparent;
    font-size: 0;
}
.gridview-slider .slick-next {
    left: auto;
    right: -12px;
}
.gridview-slider .slick-prev:before,
.gridview-slider .slick-next:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f054";
    width: 58px;
    height: 92px;
    background: #cdcdcd;
    line-height: 92px;
    text-align: center;
    font-size: 24px;
    color: #b8b8b8;
    font-weight: 100;
    display: block;
    opacity: 1;
    z-index: 120;
    cursor: pointer;
    -webkit-transition: 0.4s linear;
    -moz-transition: 0.4s linear;
    -ms-transition: 0.4s linear;
    transition: 0.4s linear;
}
.gridview-slider .slick-prev:before {
    content: "\f053";
}
.gridview-slider .slick-prev:hover:before,
.gridview-slider .slick-next:hover:before {
    color: #fff;
    background: #e6007e;
}
/* **** End Gridview Slider **** */

/* **** Inner Banner **** */
.inner-banner {
    margin: 30px 0;
}
.inner-banner .inner-banner-block {
    background: #818181;
    padding: 35px 0;
}
.inner-banner .inner-banner-block h1 {
    font-size: 72px;
    font-weight: 500;
    margin: 0 auto;
    display: table;
    color: #ffffff;
    opacity: 0.1;
}
/* **** End Inner Banner **** */

/* **** Gridview Gallery **** */
.gridview-gallery {
    padding: 50px 0 0;
}
.gridview-title {
    margin: 0 0 30px;
}
.gridview-gallery .gridview-title h1 {
    font-size: 26px;
    font-weight: bold;
    margin: 0;
    color: #000;
}
.gridview-title .row {
    display: flex;
    align-items: center;
}
.gridview-title .title-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.gridview-title .title-right .form-group{
    margin: 0;
}
.gridview-title .title-right .select2.select2-container .select2-selection{
    border: 1px solid rgba(128, 128, 128, 0.2);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    color: #848484;
    /*padding: 10px 40px 10px 15px;*/
    height: 43px;
    line-height: 43px;
    position: relative;
    outline: none;
    box-shadow: none;
    width: 130px;
}
.gridview-title .title-right .select2.select2-container .select2-selection .select2-selection__rendered{
    height: 43px;
    line-height: 43px;
}
.gridview-title .title-right .select2-container--default .select2-selection--single .select2-selection__arrow b:before{
    height: 43px;
}
.gridview-title .title-right .select2.select2-container .select2-selection .select2-selection__arrow{
    height: 43px;
}
.gridview-title .title-right .select2-container--default .select2-selection--single .select2-selection__arrow b:before{
    top: -19px;
}
.gridview-title button {
    border: 1px solid rgba(128, 128, 128, 0.2);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    color: #848484;
    padding: 10px 40px 10px 15px;
    position: relative;
    outline: none;
    box-shadow: none;
}
.gridview-title button:focus {
    box-shadow: none;
    outline: none;
}
.gridview-title .dropdown-toggle i {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: 12px;
}
.gridview-title .dropdown-menu {
    top: 100%;
    border: none;
    margin-top: 35px;
    left: -30px;
    width: 230px;
    border-radius: 5px;
    background: #fff;
    padding: 0;
}
.gridview-title li:last-child .dropdown-menu {
    width: 100px;
    min-width: auto;
}
.gridview-title .dropdown-menu .dropdown-item {
    padding: 9px 30px;
    color: #000;
    font-size: 16px;
    border: none;
    transition: all 0.3s linear;
}
.gridview-title .dropdown-menu .dropdown-item:hover {
    color: #e6017f;
    background: transparent;
}
.gridview-title .view-wrp {
    border: 1px solid rgba(128, 128, 128, 0.2);
    border-radius: 4px;
    padding: 10px 25px;
    margin-left: 30px;
    display: inline-block;
}
.gridview-title .view-wrp li {
    display: inline-block;
    margin: 0 15px 0 0;
}
.gridview-title .view-wrp li:last-child {
    margin: 0;
}
.gridview-title .view-wrp li a {
    font-size: 14px;
    font-weight: 600;
    color: #848484;
    transition: all 0.3s linear;
}
.gridview-title .view-wrp li a:hover {
    color: #e6007e;
}
.gridview-title .view-wrp li a.active{
    color: #e6007e;
}



.gallery-box {
    overflow: hidden;
    position: relative;
    margin: 0 0 30px;
}
.gallery-box img {
    width: 100%;
}

.gallery-box .right-corner {
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    background: #39a001;
    height: 20px;
    width: 45px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}
.gallery-box .right-corner span {
    color: #aff7c9;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0;
}
.gallery-box .offer-label {
    position: absolute;
    top: 20px;
    left: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.offer-label.premium {
    padding: 2px 15px;
    background: #ca8e0f; /* Old browsers */
    background: -moz-linear-gradient(45deg,  #ca8e0f 0%, #e7c04a 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg,  #ca8e0f 0%,#e7c04a 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg,  #ca8e0f 0%,#e7c04a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca8e0f', endColorstr='#e7c04a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.offer-label span{
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

.offer-label.vip {
    padding: 2px 25px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9d2461+0,e5137d+100 */
    background: #9d2461; /* Old browsers */
    background: -moz-linear-gradient(45deg,  #9d2461 0%, #e5137d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg,  #9d2461 0%,#e5137d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg,  #9d2461 0%,#e5137d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d2461', endColorstr='#e5137d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.offer-label.top {
    padding: 2px 25px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e10019+0,7a0b0b+100 */
    background: #e10019; /* Old browsers */
    background: -moz-linear-gradient(45deg,  #e10019 0%, #7a0b0b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg,  #e10019 0%,#7a0b0b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg,  #e10019 0%,#7a0b0b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e10019', endColorstr='#7a0b0b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}


.gallery-box .info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    background: rgba(0, 0, 0, 0.6);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.gallery-box .info p {
    font-size: 16px;
    font-weight: 800;
    color: #fff;
    margin: 0;
    display: table;
    position: relative;
}
.gallery-box .info.active p:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    background: #00ff00;
    border-radius: 100%;
    right: -20px;
    top: 8px;
}
.gallery-box .info p span {
    display: block;
    font-weight: 400;
}
.gallery-box:hover .info {
    bottom: -50%;
}
.gallery-box:hover .offer-label {
    left: -70%;
}
.gallery-box:hover .right-corner {
    top: -50%;
    right: -50%;
}

.gridview-gallery .brd {
    margin: 0 0 50px;
    border-top: 1px solid #c1c1c1;
}

.titlebix h2 {
    position: relative;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    position: relative;
    margin: 0 0 30px;
    text-transform: uppercase;
}
.titlebix h2:before {
    position: absolute;
    content: "";
    height: 1px;
    width: 100%;
    left: 0;
    right: 0;
    background: #c7c7c7;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.titlebix h2 span {
    background: #fff;
    position: relative;
    z-index: 5;
    padding: 0 15%;
}

/* **** End Gridview Gallery **** */

/* **** Pagination **** */
.pagination ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: auto;
    margin-right: 0;
}
.pagination ul li {
    margin: 0 10px 0 0;
}
.pagination ul li:last-child {
    margin: 0;
}
.pagination ul li a {
    height: 38px;
    width: 38px;
    border: 1px solid #ececec;
    font-weight: 500;
    font-size: 16px;
    display: block;
    color: #000;
    text-align: center;
    line-height: 36px;
    transition: all 0.3s linear;
}
.pagination ul li.active a {
    background: #e6007e;
    color: #fff;
}
.pagination ul li a:hover {
    background: #e6007e;
    color: #fff;
}
/* **** End Pagination **** */

/* **** list-gallery **** */
.list-gallery {
    display: none;
}
.list-gallery .list-wrp {
    background: #f8f8f8;
    padding: 10px;
    border: 1px solid #e5e5e5;
    margin: 0 0 30px;
}
.list-gallery .list-wrp ul li {
    float: left;
    width: 50%;
}
.list-gallery .list-wrp ul li .gallery-box {
    margin: 0;
}
.list-gallery .list-wrp ul li .informetion {
    padding: 10px 5px 0 20px;
}
.list-gallery .list-wrp ul li .informetion p {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    margin: 0 0 20px;
    line-height: 24px;
}
.list-gallery .list-wrp ul li .informetion p:last-child {
    margin: 0;
}
.list-gallery .list-wrp ul li .informetion p strong {
    display: block;
}

.list-gallery .list-block {
    border-top: 1px solid #8e8e8e;
    padding-top: 25px;
    margin-top: 20px;
}
.list-gallery .list-block ul li {
    width: 22%;
}
.list-gallery .list-block ul li:last-child {
    width: 78%;
}
.list-gallery .list-block ul li .informetion p {
    margin: 0 0 15px;
}
.list-gallery .list-block ul li .informetion p strong {
    display: inline-block;
}
.list-gallery .list-block ul li .informetion .name p {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    margin: 0;
    display: table;
    position: relative;
    margin: 0 0 20px;
}
.list-gallery .list-block ul li .informetion .name p span {
    display: block;
    font-weight: 600;
    position: relative;
}
.list-gallery .list-block ul li .informetion .name p span:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    background: #00ff00;
    border-radius: 100%;
    right: -0px;
    top: 8px;
}



/* **** inner-search-wrp **** */
.inner-search-wrp{
    background: #818181;
    padding: 25px 0;
}
.inner-search-wrp .filter-wrp{
    position: relative;
    padding: 15px 0 0;
}

.inner-search-wrp .filter-wrp .accordion-item{
    float: left;
    width: 25%;
    box-shadow: none;
    border: none;
    background: transparent;
}
.inner-search-wrp .filter-wrp .accordion-item button.accordion-button.collapsed{
    background: #e6007e;
    box-shadow: none;
    border: none;
    outline: none;
    width: 98%;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
    border-radius: 5px;
    text-transform: uppercase;
}
.inner-search-wrp .filter-wrp .accordion-item button.accordion-button{
    background: #fff;
    box-shadow: none;
    border: none;
    outline: none;
    width: 98%;
    font-size: 16px;
    font-weight: bold;
    color: #e6007e;
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
    border-radius: 5px;
    text-transform: uppercase;
}
.inner-search-wrp .filter-wrp .accordion-item:last-child button{
    width: 100% !important;
}


.accordion-button::after{
    margin-left: 10px;
    top: 14px;
    height: 8px;
    width: 15px;
    background-size: 16px;
    background-image: url(../images/down.svg);
}
.accordion-button:not(.collapsed)::after {
    background-image: url(../images/up.svg);
    transform: rotate(0);
}
.inner-search-wrp .filter-wrp .accordion-item .accordion-collapse{
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    background: #fff;
    margin-top: 5px;
    padding: 0;
    border-radius: 5px;
    z-index: 9;
}

.inner-search-wrp .filter-wrp .accordion-body{padding: 0;}
.figure-box{
    margin: 0 0 45px;
}
.figure-box h2{
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 15px;
    text-transform: uppercase;
}
.figure-box ul{
    padding-right: 60px;
}
.figure-box ul li{
    float: left;
    width: 33.33%;
}
.figure-box .form-check{
    padding: 10px 0 0;
    margin: 0;
    display: flex;
    align-items: center;
}
.figure-box .form-check label{
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    left: auto;
    position: relative;
}
.figure-box input[type=checkbox] + label {
  display: flex;
  margin: 0;
  cursor: pointer;
  padding: 0;
}
.figure-box input[type=checkbox] {
  display: none;
}
.figure-box input[type=checkbox] + label:before {
    content: "";
    border: 0.1em solid #141C3A;
    border-radius: 2px;
    width: 20px;
    height: 20px;
    margin-right: 0.2em;
    transition: .2s;
    margin-right: 11px;
    background-size: 13px;
    background-repeat: no-repeat;
    /*background-image: url(../images/box.svg);*/
}
.figure-box input[type=checkbox] + label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 4px;
    width: 12px;
    height: 12px;
    left: 4px;
    background-repeat: no-repeat;
    background-image: url(../images/box.svg);
    opacity: 0;
}
.figure-box input[type=checkbox] + label:active:before {
  transform: scale(0);
}
.figure-box input[type=checkbox]:checked + label:after {
  opacity: 1;
}
.figure-box input[type=checkbox]:disabled + label:before {
  transform: scale(1);
  border-color: #aaa;
}
.figure-box input[type=checkbox]:checked:disabled + label:before {
  transform: scale(1);
  background-color: rgb(11, 128, 67);
  border-color: #bfb;
}


.figure-select{
    padding: 0 0 50px;
}
.search-info-line p{
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 15px;
}
.accordion-body .col-md-6.col-sm-6.brd{
    position: relative;
}
.accordion-body .col-md-6.col-sm-6.brd:before{
    position: absolute;
    content: "";
    right: 24px;
    height: 90%;
    width: 1px;
    background: #000;
    opacity: 0.3;
    top: 0;
    bottom: 0;
}
.find-date .figure-select .form-group .filter-label{
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px;
    color: #000;
    display: block;
}
.find-date .figure-select .form-group .form-control{
    border: 1px solid #c1c1c1;
    border-radius: 4px;
    padding: 2px 10px;
    -webkit-appearance: none;
    background-image: url(../images/down.png);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center right 10px;
}
/* **** End inner-search-wrp **** */


.inner-search-wrp .filter-wrp .accordion-body{
    padding: 20px 25px 0;
}
.accordion-footer{
    padding: 10px 25px;
    border-top: 1px solid #c1c1c1;
}
.accordion-footer p{
    margin: 0;
    font-weight: 500;
    color: #000;
    font-size: 16px;
}
.accordion-footer p a{
    color: #000;
    padding-left: 5px;
    font-size: 14px;
}
.accordion-footer h3{
    color: #000;
    margin-left: auto;
    margin-right: 0;
    margin-bottom: 0;
    text-align: right;
    font-weight: bold;
    text-transform: inherit;
    padding-left: 5px;
    font-size: 14px;
}
.accordion-footer h3 i{
    padding-left: 5px;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
}

.inner-search-wrp .filter-wrp .accordion-body .accordion-collapse{
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    width: all;
}

.accordion-footer .row{
    display: flex;
    align-items: center;
}

.inner-search-wrp .filter-wrp .accordion-body .card.card-body{
    padding: 0 0 30px;
}
.inner-search-wrp .filter-wrp .accordion-body .card.card-body .figure-box{
    margin: 0;
}

.accordion-footer .btn{
    margin: 0 auto;
    display: table;
    background: transparent;
    color: #e6007e;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    outline: none;
    box-shadow: none;
    position: relative;
}
.accordion-footer a.btn:before{
    position: absolute;
    content: "";
    font-family: "Font Awesome 5 Pro"; 
    font-weight: 900; 
    content: "\f106";
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    text-align: right;
}
.accordion-footer a.btn.collapsed:before{
    content: "\f107";
}



/* **** Login  **** */
.login-wrp{
    padding: 100px 0;
    background: #f8f8f8;
}
.login-wrp .login-block{
    margin: 0 auto;
    width: 450px;
    border: 1px solid #e5e5e5;
    background: #ffffff;
}
.login-wrp .login-block .login-header{
    background: #e70277;
    padding: 25px 0;
}
.login-wrp .login-block .login-header h2{
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    text-align: center;
    color: #fff;
}
.login-wrp .login-block .login-body{
    padding: 50px 40px 30px;
}
.login-wrp .login-block .login-body .form-group label{
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    margin: 0 0 10px;
}
.login-wrp .login-block .login-body .form-group{
    margin: 0 0 20px;
}
.login-wrp .login-block .login-body .form-group .form-control{
    height: auto;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    outline: none;
    box-shadow: none;
}
.login-wrp .login-block .login-body .form-group .form-control:focus{
    border-color: #e70277;
}
.login-wrp .login-block .login-body button{
    border: 2px solid #e70277;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold;  
    color: #e70277;
    text-transform: uppercase;
    box-shadow: none;
    outline: none; 
    display: block;
    width: 100%;
    background: transparent;
    text-align: center;
    padding: 12px 15px;
    margin: 0 0 40px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.login-wrp .login-block .login-body button:focus{
    box-shadow: none;
    outline: none;
}
.login-wrp .login-block .login-body button:hover{
    background: #e70277;
    color: #fff;
}
.login-wrp .login-block .login-body a{
     font-size: 14px;
    font-weight: bold;  
    color: #e70277;
    text-align: center;
    display: block;
    width: 100%;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.login-wrp .login-block .login-body a:hover{
    color: #000;
}
.login-wrp .login-block .login-footer{
    padding: 25px 0;
    border-top: 1px solid #e5e5e5;
}
.login-wrp .login-block .login-footer p{
    font-size: 14px;
    font-weight: 500;  
    color: #000;
    text-align: center;
    display: block;
    width: 100%;
    margin: 0;
}
.login-wrp .login-block .login-footer p a{
     -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    font-weight: bold;
    color: #e70277;
}
/* **** End Login  **** */




/* **** Followlist **** */
.followlist-wrp{
    background: #f8f8f8;
    padding: 100px 0;
}
.followlist-title{
    margin: 0 0 50px;
}
.followlist-title .row{
    min-width: 100%;
}
.followlist-title h2{
    font-size: 24px;
    font-weight: bold;
    color: #000;
    margin: 0;
}
.followlist-title ul{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.followlist-title ul li{
    margin: 0 5px 0 0;
    font-size: 14px;
    font-weight: 500;
    color: #000;
}
.followlist-title ul li a{
    color: #e6007e;
}


.followlist-wrp .followlist-block{
    padding: 35px 0;
    border-radius: 6px;
    background: #fff;
    border: none;
    margin: 0;
}
.followlist-wrp .followlist-block h3{
    font-size: 16px;
    font-weight: bold;
    color: #000;
    padding: 0 35px 15px;
    border-bottom: 1px solid #f7f7f7;
    margin: 0;
}

.followlist-wrp .followlist-block .user-info-box{
    padding: 0;
    margin: 0;
    border: none;
}
.followlist-wrp .user-box{
    padding: 25px 35px;
    border-bottom: 1px solid #f7f7f7;
}
.followlist-wrp .user-box .row{
    display: flex;
    align-items: center;
}
.followlist-wrp .user-box a{
    margin: 0;
}
.followlist-wrp .user-box:last-child{
    padding: 25px 35px 0;
    border: none;
}
.followlist-wrp .user-img-box{
    position: relative;
}
.followlist-wrp .user-img-box img{
    width: 100%;
    border-radius: 4px;
}
.followlist-wrp .user-img-box .right-corner {
    position: absolute;
    right: 0;
    top: 15px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    background: #39a001;
    height: 20px;
    width: 45px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}
.followlist-wrp .user-img-box .right-corner span {
    color: #aff7c9;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0;
}


.followlist-wrp .user-info-box p{
    font-size: 16px;
    font-weight: 500;
    color: #000;
    margin: 0 0 20px;
}
.followlist-wrp .user-info-box p a{
    color: #000;
}
.followlist-wrp .user-info-box p strong{
    display: table;
}
.followlist-wrp .user-info-box h5{
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: 500;
    color:#000;
    display: none;
}
.user-info-box h5{display: none;}
.followlist-wrp .user-info-box .btn{
    border: 2px solid #e70277;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold;  
    color: #e70277;
    box-shadow: none;
    outline: none; 
    display: block;
    width: 100%;
    background: transparent;
    text-align: center;
    padding: 8px 15px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.followlist-wrp .user-info-box .btn:hover{
   color: #fff;
   background: #e70277;
}

.followlist-wrp .user-last-box p{
    font-size: 16px;
    font-weight: 500;
    color: #000;
    margin: 0 0 10px;
    text-align: center;
}
.followlist-wrp .user-last-box h4{
    font-size: 16px;
    font-weight: bold;
    color: #000;
    margin: 0;
    text-align: center;
}
.followlist-wrp .user-block .user-info-box p{
    opacity: 20%;
}
.followlist-wrp .user-block .user-last-box{
    opacity: 20%;
}

/* **** End Followlist **** */




/* **** Blocklist **** */
.blocklist-wrp{
    background: #f8f8f8;
    padding: 100px 0;
}
.blocklist-wrp .blocklist-block{
    padding: 35px 0;
    border-radius: 6px;
    background: #fff;
}
.blocklist-wrp .blocklist-block h3{
    font-size: 16px;
    font-weight: bold;
    color: #8d8d92;
    padding: 0 35px 15px;
    border-bottom: 1px solid #f7f7f7;
    margin: 0;
}
.blocklist-wrp .user-box .row{
    display: flex;
    align-items: center;
}
.blocklist-wrp .user-box{
    padding: 25px 35px;
    border-bottom: 1px solid #f7f7f7;
}
.blocklist-wrp .user-box:last-child{
    padding: 25px 35px 0;
    border: none;
}
.blocklist-wrp .user-img-box{
    position: relative;
    transition: .4s linear;
    -webkit-transition: .4s linear;
    overflow: hidden;
}
.blocklist-wrp .user-img-box img{
    width: 100%;
    border-radius: 4px;
}
.blocklist-wrp .user-img-box .right-corner {
    position: absolute;
    right:0;
    top: 15px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    background: #39a001;
    height: 20px;
    width: 45px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    transition: .4s linear;
    -webkit-transition: .4s linear;
}
.blocklist-wrp .user-img-box .right-corner span {
    color: #aff7c9;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0;
}
.blocklist-wrp .user-img-box:hover .right-corner{
    right: -100%;
}

.blocklist-wrp .user-info-box{
    padding: 0;
    margin: 0;
    border: none;
}
.blocklist-wrp .user-info-box p{
    font-size: 16px;
    font-weight: 500;
    color: #000;
    margin: 0 0 20px;
}
.blocklist-wrp .user-info-box p a{
    color: #000;
}
.blocklist-wrp .user-info-box p strong{
    display: table;
}

.blocklist-wrp .user-info-box a.btn-en{
    border: 2px solid #e70277;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold;  
    color: #e70277;
    box-shadow: none;
    outline: none; 
    display: block;
    width: 100%;
    background: transparent;
    text-align: center;
    padding: 4px 15px;
    margin: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.blocklist-wrp .user-info-box a.btn-en:hover{
   color: #fff;
   background: #e70277;
}

.blocklist-wrp .info-box h4{
    font-size: 16px;
    font-weight: bold;
    color: #000;
    margin: 0 0 15px;
}
.blocklist-wrp .info-box p{
    font-size: 16px;
    font-weight: 500;
    color: #000;
    margin: 0;
}

.blocklist-wrp .on-label label{
    background: #22baa0;
    border-radius: 4px; 
    padding: 2px 25px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    margin: 0 auto;
    display: table;
}


.blocklist-wrp .user-block .user-info-box p{
    opacity: 20%;
}
.blocklist-wrp .user-block .info-box{
    opacity: 20%;
}
.blocklist-wrp .user-block .on-label label{
    background: #f25463;
}
/* **** End Blocklist **** */





/* **** Account **** */
.account-wrp{
    padding: 100px 0;
    background:#f7f7f7;
}
/*.account-wrp .row{
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
}*/
.account-info{
    padding: 30px 0;
    background:#fff;
    border:4px;
    border:1px solid #e5e5e5;
}
.account-info .circle {
    overflow: hidden;
}
.profile{
    border-bottom: 1px solid #e5e5e5;
    padding: 0 0 30px;
}
.account-info .profile-pic {
    width: 150px;
    height: 150px;
    border-radius: 100%;
    object-fit: cover;
    margin: 0 auto;
    display: table;
}

.account-info .file-upload {
    display: none;
}

.account-info .p-image p{
  color: #000;
  font-size: 16px;
  font-weight: 500;
  margin: 20px 0 0;
  text-align: center;
}
.account-info .p-image p i{
    padding-left: 10px;
}
.account-info .p-image:hover {
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}
.account-info .upload-button {
  font-size: 1.2em;
}
.account-info .upload-button:hover {
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
  color: #999;
}
/* **** End Account **** */

/* **** profile-info ***** */

.profile-info{
    padding: 20px 25px 0;
}
.profile-info h3{
    font-size: 15px;
    font-weight: 600;
    color: #000;
    margin: 0 0 15px;

}
.profile-info .form-group {
  display: block;
  margin-bottom: 10px;
}

.profile-info .form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.profile-info .form-group label {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0;
}

.profile-info .form-group label:before {
  content:'';
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #e6007e;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 7px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
  border-radius: 2px;
}

.profile-info .form-group input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 7px;
  left: 6px;
  width: 4px;
  height: 7px;
  border: solid #e6007e;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.profile-info a{
    margin: 40px auto 0;
    display: table;
    padding: 6px 40px;
    border-radius: 4px;
    border:2px solid #e6007e;
    font-size: 16px;
    font-weight: 600;
    color: #e6007e;
    -webkit-transition: all 0.3s linear; 
    transition: all 0.3s linear; 
}
.profile-info a:hover{
    background:#e6007e;
    color: #fff;
}
/* **** End profile-info **** */


/* **** user-info-box **** */
.user-info-box{
    background:#fff;
    padding: 30px;
    border-radius: 4px;
    margin: 0 0 30px;
    border: 1px solid #e5e5e5;
}
.user-info-box .row{
    display: flex;
    align-items: flex-end;
}
.user-info-box h1{
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 15px;
    color: #000;
}
.user-info-box p{
    font-size: 15px;
    font-weight: 500;
    color: #000;
    margin: 0;
}
.user-info-box h4{
    font-size: 15px;
    font-weight: 500;
    color: #e6007e;
    margin: 0;
}
.account-wrp .user-info-box a{
    color: #000;
    margin: 15px 0 0;
    display: table;
    padding: 6px 40px;
    border-radius: 4px;
    border: 2px solid #e6007e;
    font-size: 16px;
    font-weight: 600;
    color: #e6007e;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.account-wrp .user-info-box a:hover{
    background:#e6007e;
    color: #fff;
}
.user-info-box .btn{
    margin: 10px 0 0;
    display: table;
    padding: 6px 40px;
    border-radius: 4px;
    border:2px solid #e6007e;
    font-size: 16px;
    font-weight: 600;
    color: #e6007e;
    -webkit-transition: all 0.3s linear; 
    transition: all 0.3s linear; 
}
.user-info-box .btn:hover{
    background:#e6007e;
    color: #fff;
}


.user-form-box{
    background:#fff;
    padding: 30px;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    margin: 0 0 30px;
}
.user-form-box h1{
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 15px;
    color: #000;
}
.user-form-box .form-group{
       margin: 0 0 30px;
}
.user-form-box .form-group label{
    font-size: 15px;
    font-weight: 500;
    color: #000;
    margin: 0 0 5px;
}
.user-form-box .form-group .form-control{
    height: auto;
    padding: 10px 15px;
    font-size: 15px;
    font-weight: 500;
    color: #000;
    outline: none;
    box-shadow: none;
    border:1px solid #e5e5e5;
    resize: none;
}
.user-form-box button{
     display: table;
    padding: 6px 40px;
    border-radius: 4px;
    border:2px solid #e6007e;
    background:#fff;
    font-size: 16px;
    font-weight: 600;
    color: #e6007e;
    outline: none;
    box-shadow: none;
    -webkit-transition: all 0.3s linear; 
    transition: all 0.3s linear; 
}
.user-form-box button:hover{
    background:#e6007e;
    color: #fff;
}

/* **** End user-info-box **** */



/* **** Booking **** */
.booking-wrp{
    padding: 100px 0;
    background:#f7f7f7;
}
.booking-block{
    background:#fff;
    border-radius: 4px;
    border:1px solid #e5e5e5;
}
.booking-block .table{
    margin: 0;
}
.booking-block .table tr{
    border-bottom: 1px solid #efefef;
}
.booking-block .table tr:last-child{
    border:none;
}
.booking-block .table th,
.booking-block .table td{
    font-size: 16px;
    font-weight: 500;
    color: #000;
    padding: 15px;
    border-bottom:none;
    font-family: inherit;
}
.booking-block .table th{
    font-weight: 600;
    color: #6f6f78;
}
.booking-wrp .pagination{
    margin: 40px 0 0;
}
.booking-wrp .pagination ul li a{
    background:#fff;
}
.booking-wrp .pagination ul li:first-child a,
.booking-wrp .pagination ul li:last-child a{
    width: 60px;
}
.booking-wrp .pagination ul li.active a{
    background:#e6007e;
}
.booking-wrp .pagination ul li a:hover{
 background:#e6007e;   
}
/* **** End Booking **** */


/* **** pubilc_profile **** */
.pubilc_profile{
    padding: 100px 0;
    background:#f8f8f8;
}
.user-profile-img{
    background:#fff;
    border-radius: 4px;
    border:1px solid #e5e5e5;
    padding: 25px;
}
.user-profile-img img{
    max-width: 100%;
    height: 150px;
    width: 150px;
    border-radius: 100%;
    margin: 0 auto;
    display: table;
}
.user-profile-img p{
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    margin: 40px auto 15px;
    display: table;
    text-align: center;
}
.user-profile-img a i{
    padding-right: 7px;
    font-size: 20px;
}
.user-profile-img a{
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    background:#e6007e;
    border-radius: 4px;
    display: block;
    text-align: center;
    padding: 5px 15px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.user-profile-img a:hover{
    background:#000;
    color: #fff;
}


.user-profile-info{
    background:#fff;
    border-radius: 4px;
    border:1px solid #e5e5e5;
    padding: 25px;
}
.user-profile-info h2{
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 10px;
    color: #000;
}
.user-profile-info h2 span{
    background:#39a001;
    font-weight: 400;
    color: #fff;
    font-size: 12px;
    padding: 5px 15px;
    display: inline-block;
    margin-left: 25px;
    vertical-align: middle;
}
.user-profile-info h4{
     font-size: 20px;
    font-weight: bold;
    margin: 15px 0 5px;
    color: #000;
}
.user-profile-info p{
    font-size: 15px;
    font-weight: 500;
    color: #000;
    margin: 0 0 15px;
    line-height: 22px;
}
.user-profile-info .btn-read{
    margin: 10px auto;
}
.user-profile-info ul{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 24px;
}
.user-profile-info ul li{
    display: inline-block;
    margin: 0 20px 0 0;
    font-size: 14px;
    font-weight: 500;
    color: #000000;
}
.user-profile-info ul li i{
    padding-right: 5px;
    color: #e6007e;
}
.user-profile-info ul li:last-child{
    margin: 0;
}

.inner-page-gallery{
    padding: 0 0 40px;
    background: #f8f8f8;
}
.inner-page-gallery .list-gallery .list-block{
    border:none;
}
.inner-page-gallery .pagination ul li a{
    background:#fff;
}
.inner-page-gallery .pagination ul li.active a {
    background: #e6007e;
    color: #fff;
}
.inner-page-gallery .pagination ul li a:hover {
    background: #e6007e;
    color: #fff;
}
.list-gallery .list-block ul li .green-dot-none .name p span:before{
    display: none;
}
.inner-page-gallery .list-gallery .list-wrp{
    background:#fff;
}

.inner-page-gallery .gridview-title h2{
    font-size: 24px;
    margin: 0;
}
/* **** End pubilc_profile **** */



/* **** nav_reg_subnavi **** */
.nav_reg_subnavi{
    background:#e6007e;
    padding: 30px 0;
}
.nav_reg_subnavi ul li{
    display: inline-block;
    margin: 0 40px 0 0;
}
.nav_reg_subnavi ul li:last-child{
    margin: 0;
}
.nav_reg_subnavi ul li a{
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.nav_reg_subnavi ul li a i{
    padding-right: 10px;
}
.nav_reg_subnavi ul li a:hover{
    opacity: 0.70;
}
.nav_reg_subnavi ul li a span{
    position: relative;
}
.nav_reg_subnavi ul li a span b{
    width: 15px;
    height: 15px;
    background: #612134;
    border-radius: 50%;
    text-align: center;
    line-height: 15px;
    font-weight:400;
    color: #fff;
    font-size: 12px;
    display: block;
    position: absolute;
    top: -5px;
    right:0;
}
.nav_reg_subnavi ul li a:hover i{
    color: #fff;
}
.nav_reg_subnavi ul li a img{
    width: 20px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}
/* **** End nav_reg_subnavi **** */



/* **** Register **** */
.register-wrp{
    padding: 100px 0;
    background:#f8f8f8;
}
.register-block{
    background:#fff;
    border:1px solid #e5e5e5;
    border-radius: 5px;
    width: 700px;
    margin: 0 auto 30px;
    display: table;
    padding: 30px;
}
.reg-title h2{
    font-size: 24px;
    font-weight: bold;
    color: #000;
    margin: 0 0 15px;
}
.reg-title p{
    font-size: 14px;
    font-weight: 500;
    color: #000;
    margin: 0 0 15px;
}

.reg-title h5{
    font-size: 14px;
    font-weight: bold;
    color: #000;
    margin: 25px 0 30px;
}
.reg-title h5 a{
    color: #e70277;
}


.register-wrp .form-group{
    margin: 0 0 20px;
}
.register-wrp .form-group label{
    font-size: 14px;
    font-weight: 500;
    color: #a6a6a6;
    margin:0 0 10px;
}
.register-wrp .form-group .form-control{
    height: auto;
    padding: 10px 15px;
    background:#fff;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    outline: none;
    box-shadow: none;
    border-color: #e5e5e5;
}
.register-wrp .form-group .form-control:focus{
    border-color: #e70277;
}
.register-wrp .form-group select.form-control{
    -webkit-appearance: none;
    background-color: #f8f8f8;
    background-image: url(../images/down.png);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center right 15px;
}
.register-wrp .profile-info{
    padding: 0;
}
.register-wrp .profile-info label{
    font-size: 14px;
    font-weight: 500;
    color: #000;
}
.register-wrp .profile-info a{
    display: inline-block;
    margin: 0;
    padding: 0;
    border:none;
    font-size: 14px;
    margin: 0 5px;
    text-decoration: underline;
}
.register-wrp button{
    background-color: #e70277;
    padding: 10px 60px;
    font-weight: 500;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    outline: none;
    box-shadow: none;
    border:none;
    margin: 0 auto;
    display: table;
}

.register-wrp h4{
    font-size: 18px;
    font-weight:bold;
    color: #000;
    margin: 0 0 20px;
}
.register-wrp h4 img{
    display: inline-block;
    margin: 0 5px 0 0;
    vertical-align: middle;
}
.register-wrp ul li{
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: #000;
}
.register-wrp .reg3-button{
    margin: 40px auto 0;
}
/* **** End Register **** */




/* **** create-wrp **** */
.create-wrp{
    min-height: 100vh;
    height: 100%;
    background:#f8f8f8;
    padding: 100px 0;
    position: relative;
}
.create-title h2{
    font-size: 24px;
    font-weight: bold;
    margin: 0 auto;
    display: table;
    text-align: center;
    color: #000;
}
/*.steps-indicator:before {
  background-color: #08f;
}*/
/*.steps-indicator li a:before {
  background-color: #08f;
}*/
.steps-indicator li.done a:before {
    background-color: #08f !important;
}
.steps-indicator li.current a:before {
    background-color: #08f !important;
}


.form-wizard .form-container{
    width: 700px;
    background-color: #fff;
    margin: 50px auto 0;
    border:1px solid #e5e5e5;
    border-radius: 5px;
    padding: 20px;
}
.steps-indicator{
    display: none;
}
.form-wizard .top-title h2{
    font-size: 16px;
    font-weight: bold;
    color: #000;
    margin: 0;
}
.form-wizard .top-title h2 a{
    vertical-align: middle;
    color: #000;
    padding-left: 10px;
}
.form-wizard .arrow{
    position: fixed;
    right: 40px;
    bottom: 40px;
    display: flex;
    align-items: center;
    z-index: 9;
}
.form-wizard .arrow .form-wizard-next-btn,
.form-wizard .arrow .form-wizard-previous-btn{
    background-color: #e6007e;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding:5px 15px;
    border-radius: 4px 0 0 4px;
    margin: 0;
    text-align: center;
    border:none;
    box-shadow: none;
    outline: none;
}
.form-wizard .arrow a:last-child{
    border-radius: 0 4px 4px 0;
    border-left: 1px solid #cb0772;
}


.first-box{
    padding: 40px 0;
}
.first-box ul{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80%;
    margin: 0 auto;
}
.first-box ul li{
    display: inline-block;
    margin: 0 30px 0 0;
}
.first-box ul li:last-child{
    margin: 0;
}
.first-box ul li a{
    background-color: #e6007e;
    width: 170px;
    margin: 0 auto 20px;
    display: table;
    padding: 10px 20px 20px;
}
.first-box ul li a .image{
    height: 130px;
    display: flex;
    align-items: center;
}
.first-box ul li a .image img{
    max-width: 100%;
    margin: 0 auto 10px;
    display: table;
    width: 100px;
}
.first-box ul li a p{
    font-size: 14px;
    font-weight:600;
    color: #fff;
    text-transform: uppercase;
    margin: 0 auto;
    display: table;
    text-align: center;
}
.first-box h3{
    font-size: 14px;
    font-weight: 400;
    color: #c4c4c4;
    margin: 0 auto;
    display: table;
    text-align: center;
}


.category-box{
    width: 250px;
    padding: 70px 0 160px;
    /*padding: 120px 0;*/
    margin: 0 auto;
    display: table;
}
.category-box label{
    font-size: 14px;
    font-weight: 500;
    color: #848484;
    margin: 0 0 5px;
}
.category-box .form-group .form-control{
    height: auto;
    padding: 10px 15px;
    background:#fff;
    font-size: 14px;
    font-weight: 500;
    color: #848484;
    outline: none;
    box-shadow: none;
    border-color: #e5e5e5;
}
.category-box .form-group .form-control:focus{
    border-color: #e70277;
}
.category-box .form-group select.form-control{
    -webkit-appearance: none;
    background-image: url(../images/down.png);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center right 15px;
}



.detail-box{
    padding: 40px 0 0;
}
.detail-box .form-group{
    margin: 0 0 20px;
}
.detail-box .form-group label{
    font-size: 14px;
    font-weight: 500;
    color: #848484;
    margin: 0 0 5px;
}
.detail-box .form-group .form-control{
    height: auto;
    padding: 10px 15px;
    background:#fff;
    font-size: 14px;
    font-weight: 500;
    color: #848484;
    outline: none;
    box-shadow: none;
    border-color: #e5e5e5;
}
.detail-box .form-group .form-control:focus{
    border-color: #e70277;
}
.detail-box .form-group select.form-control{
    -webkit-appearance: none;
    background-image: url(../images/down.png);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center right 15px;
}



.detail-box .form-group ul{
    padding: 10px 0 60px;
}
.detail-box .form-group ul li{
    float: left;
    width: 20%;
}
.form-wizard .form-check input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.form-wizard .form-check{
    padding: 0;
    margin: 0;
}
.form-group.form-check.cenb {
    padding: 10px 0;
}
.form-wizard .form-check label {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
}

.form-wizard .form-check label:before {
  content:'';
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #e5e5e5;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 7px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 10px;
  border-radius: 2px;
}

.form-wizard .form-check input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 7px;
  left: 6px;
  width: 4px;
  height: 7px;
  border: solid #e6007e;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.detail-box button{
    margin: 40px auto 0;
    display: table;
    padding: 6px 40px;
    border-radius: 4px;
    background-color: transparent;
    border:2px solid #e6007e;
    font-size: 16px;
    font-weight: 600;
    color: #e6007e;
    -webkit-transition: all 0.3s linear; 
    transition: all 0.3s linear; 
}
.detail-box button:hover{
    background:#e6007e;
    color: #fff;
}
/* **** End create-wrp **** */


/* **** bilder-wrp **** */
.bilder-wrp{
    padding:20px 0;
}
.bilder-wrp p{
    font-size: 16px;
    font-weight: 500;
    color: #000;
    margin: 0 0 20px;
}
.bilder-wrp p strong{
    display: table;
    font-weight: 700;
}

.bilder-block{
    border:4px dashed #f7f7f7;
    padding: 20px;
}
.bilder-block .field{
    position: relative;
}
.bilder-block input[type="file"] {
    display: block;
     opacity: 0; 
    background: #000;
    width: 74px;
    height: 59px;
    position: absolute;
    top: 0;
    left: 3px;
}
.bilder-block .imageThumb {
  height: 75px;
  width: 75px;
  object-fit: cover;
  border: 2px solid #e6007e;
  padding: 1px;
  cursor: pointer;
}
.bilder-block .pip {
  display: inline-block;
  margin: 10px 10px 10px 0;
}
.bilder-block .remove {
  display: block;
  color: white;
  text-align: center;
  cursor: pointer;
  margin: 5px 0 0;
  position: relative;
}
.bilder-block .remove:before{
    position: absolute;
    content:"\f2ed";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    height: 100%;
    width: 100;
    background: #000;
    color: #e6007e;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.bilder-block .remove:hover {
  background: white;
  color: black;
}






.bilder-wrp h4{
    font-size: 14px;
    font-weight: 500;
    color: #848484;
    margin: 20px auto 80px;
    display: table;
    text-align: center;
}
.bilder-wrp button{
    background-color: transparent;
    border:2px solid #e6007e;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    color: #e6007e;
    padding: 8px 60px;
    margin: 0 auto;
    display: table;
    outline: none;
    box-shadow: none;
    transition: all 0.3s linear;
}
.bilder-wrp button:hover{
    background-color: #e6007e;
    color: #fff;
}
/* **** End bilder-wrp **** */




.create6{
    padding: 20px 0;
}
.create6 .form-group{
    margin: 0 0 20px;
}
.create6 .form-group label{
    font-size: 14px;
    font-weight: 500;
    color: #848484;
    margin: 0 0 5px;
}
.create6 .form-group .form-control{
    height: auto;
    padding: 10px 15px;
    background:#fff;
    font-size: 14px;
    font-weight: 500;
    color: #848484;
    outline: none;
    box-shadow: none;
    border-color: #e5e5e5;
}
.create6 .form-group .form-control:focus{
    border-color: #e70277;
}
.create6 .form-group select.form-control{
    -webkit-appearance: none;
    background-image: url(../images/down.png);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center right 15px;
}
.create6 .second-row{
    display: flex;
    align-items: flex-end;
    padding-top: 30px;
}
.create6 .second-row .center-label{
    display: flex;
    align-items: center;
    /*margin: 0 0 27px;*/
}
.create6 .second-row .center-label label{
    margin: 0 10px 0 0;
}
.create6 .second-row .center-label .form-control{
    width: 90px;
}
.create6  button{
    background-color: transparent;
    border:2px solid #e6007e;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    color: #e6007e;
    padding: 8px 60px;
    margin: 40px auto 0;
    display: table;
    outline: none;
    box-shadow: none;
    transition: all 0.3s linear;
}
.create6  button:hover{
    background-color: #e6007e;
    color: #fff;
}


.form-wizard .service-box{
    padding: 0px 0 0;
}
.form-wizard .service-box h3{
    font-size: 14px;
    font-weight:600;
    text-transform: uppercase;
    color: #000;
    margin: 0 0 10px;
}

.form-wizard .service-box ul li{
    float: left;
    width: 20%;
}
.form-wizard .service-box ul li label{
    font-size: 14px;
    margin: 0;
    color: #848484;
    display: flex;
    align-items: center;
    font-weight: 500;
}

.service-info{
    padding: 20px 0 0;
}

.form-wizard .service-box .nav-tabs{
    border:none;
}
.form-wizard .service-box .nav-tabs li{
    float: none;
    margin: 0;
    width: auto;
}
.form-wizard .service-box .nav-tabs .nav-link{
    font-size: 14px;
    font-weight: 500;
    color: #000;
    margin: 0;
    border:none;
    border-bottom: 2px solid #f7f7f7;
    position: relative;
    text-transform: uppercase;
}
.form-wizard .service-box .nav-tabs .nav-link:before{
    position: absolute;
    content: "";
    height: 3px;
    width: 0;
    bottom: -3px;
    left: 0;
    right: 0;
    background-color: #e6007e;
    opacity: 0;
    transition: all 0.3s linear;
}
.form-wizard .service-box .nav-tabs .nav-item.show .nav-link, 
.form-wizard .service-box .nav-tabs .nav-link.active{
    font-weight: 600;
}
.form-wizard .service-box .nav-tabs .nav-item.show .nav-link:before, 
.form-wizard .service-box .nav-tabs .nav-link.active:before{
    width: 100%;
    opacity: 1;
}
.form-wizard .service-box .nav-tabs .nav-link:hover:before{
 width: 100%;
    opacity: 1;   
}


/* **** contact-box **** */
.contact-box{
    padding: 20px 0;
}
.contact-box .cnt-box{
    margin: 0 0 20px;
}
.contact-box .form-group{
    margin: 0 0 20px;
}

.contact-box .form-group label{
    font-size: 14px;
    font-weight: 500;
    color: #848484;
    margin: 0 0 5px;
}
.contact-box .form-check label{
    font-weight: 600;
    color: #000;
}
.contact-box .form-group .form-control{
    height: auto;
    padding: 10px 15px;
    background:#fff;
    font-size: 14px;
    font-weight: 500;
    color: #848484;
    outline: none;
    box-shadow: none;
    border-color: #e5e5e5;
}
.contact-box .form-group .form-control:focus{
    border-color: #e70277;
}
.contact-box .form-group select.form-control{
    -webkit-appearance: none;
    background-image: url(../images/down.png);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center right 15px;
}
.contact-box .cnt-box ul{
    margin: 10px 0 0;
}
.contact-box .cnt-box ul li{
    display: inline-block;
    margin: 0 40px 0 0;
}
.contact-box .cnt-box ul li:last-child{
    margin: 0;
}
.contact-box .cnt-box ul li .form-check label{
    font-size: 14px;
    font-weight: 500;
    color: #848484;
    margin: 0;
}
.contact-box .cnt-box h3{
    font-size: 16px;
    font-weight: 700;
    color:#000;
}


.verify-box .verify-btn{
    background-color: #388b4d;
    padding: 10px 0;
    display: block;
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    border-radius: 4px;
    text-align: center;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.verify-box .verify-btn i{
    padding-right: 6px;
}
.verify-box .verify-btn:hover{
    background-color: #e60081;
}
.verify-box .sms-btn{
    background-color: transparent;
    padding: 0 0;
    display: block;
    width: 100%;
    font-weight: bold;
    font-size: 14px;
    color: #388b4d;
    border-radius: 4px;
    text-align: center;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.confirm-btn{
    font-size:14px;
    font-weight: bold;
    color: #fff;
    margin: 0;
    display: table;
    padding: 10px 15px;
    text-align: center;
    background-color: #e6007e;
    border-radius: 4px;
    display: block;
    width: 100%;
    transition: all 0.3s linear;
}
.confirm-btn:hover{
    background-color: #000;
    color: #fff;
}

.submit-btn{
    background-color: transparent;
    border:2px solid #e6007e;
    border-radius: 5px;
    padding: 10px 60px;
    margin: 0 autol;
    display: table;
    outline: none;
    box-shadow: none;
    font-size: 14px;
    font-weight: bold;
    color: #e6007e;
    transition: all 0.3s linear;
    margin: 0 auto;
    display: table;
}
.submit-btn:hover{
    background-color: #e6007e;
    color: #fff;
}

.info-txt p{
    font-size: 14px;
    font-weight: 500;
    color: #848484;
    margin: 0 0 20px;
}
.info-txt a i{
    padding-right: 6px;
}
.info-txt a{
    font-size: 16px;
    font-weight: 600;
    color: #e6007e;
    margin: 0;
    display: table;
    text-transform: uppercase;
}
/* *** End contact-box **** */


/* **** available-block **** */
.available-block{
    padding: 20px 0;
}
.available-block label{
    font-weight: 500;
    color: #848484;
    font-size: 14px;
    margin: 0 0 10px;
}




.available-box{
    border:2px solid #e5e5e5;
    padding: 20px 25px;
    position: relative;
    cursor: pointer;
    height: 130px;
}
.available-box input[type=checkbox], .available-box input[type=radio] {
    opacity: 0;
    visibility: hidden;
    display: none;
}
.available-box h4{
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 10px;
    color: #000;
}
.available-box h4 span{
    font-size: 18px;
    display: table;
}
.available-box p{
    font-size: 16px;
    font-weight: 5000;
    color: #000;
    margin: 0;
}
.available-box input.rdihi {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
}
.available-box.selected{
    border-color:#e6007e;
}
.available-box.selected:before{
    position: absolute;
    content: "";
    height: 100%;
    width: 101%;
    top: 0;
    left: -1px;
    right: 0;
    bottom: 0;
    border:3px solid #e6007e;
}
/* **** End available-block **** */


/* **** voucher **** */
.voucher{
    padding: 20px 0;
}
.voucher h4{    
    font-size:14px;
    font-weight: bold;
    color: #e6007e;
    margin: 0 0 15px;
}
.voucher .form-group .form-control{
    height: auto;
    padding: 10px 15px;
    background:#fff;
    font-size: 14px;
    font-weight: 500;
    color: #848484;
    outline: none;
    box-shadow: none;
    border-color: #e5e5e5;
}
.voucher .form-group .form-control:focus{
    border-color: #e70277;
}
.voucher a{
    background-color: #e6007e;
    padding: 10px 0;
    display: block;
    width: 100%;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 4px;
    text-align: center;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.voucher a:hover{
    background-color: #000;
    color: #fff;
}
/* **** End voucher **** */

/* **** payment-block **** */ 
.payment-block{
    padding: 10px 0;
}
.payment-block h3{
    font-size: 14px;
    font-weight: bold;
    color: #848484;
    margin: 0 0 10px;
}
.payment-block .form-check{
    padding: 20px;
    margin: 0 0 20px;
    border:1px solid #e5e5e5;
}
.payment-block .form-check img{
    display: inline-block;
    margin-left:20px;
    height: 30px;
}
.form-wizard .payment-block .form-check input:checked + label:after{
    top: 10px;
    left: 3px;
    width: 10px;
    height: 11px;
    border: solid #e6007e;
    border-width: 0 2px 2px 0;
    transform: unset;
    background: #e6007e;
}
.form-wizard .payment-block p{
    font-size: 14px;
    font-weight: 500;
    color: #848484;
    text-align: center;
    margin: 15px 0 0;
}
.form-wizard .payment-block a{
    font-size: 14px;
    font-weight: bold;
    color: #e6007e;
    border:2px solid #e6007e;
    border-radius: 4px;
    padding: 10px 50px;
    margin: 30px auto 0;
    display: table;
    text-transform: uppercase;
    transition: all 0.3s linear;
}
.form-wizard .payment-block a:hover{
    background-color: #e6007e;
    color: #fff;
}
/* **** End payment-block **** */


/* **** Message **** */
.message-page-title{
    padding: 30px 0 0;
    margin: 0 0 25px;
}

.message-main{
    background-color: #f7f7f7;
    height: 100%;
    position: relative;
    padding:0px 0 60px;
}
.nav_reg_subnavi{
    position: relative;
    top: 0;
    left: 0;
    right: 0;
}
.message-wrp{
    background-color: #fff;
    padding: 0;
    border:1px solid #e5e5e5;
}
.message-listview{
    width: 37%;
}
.message-listview .list-view-head{
    padding: 21px 25px;
    border:1px solid #e5e5e5;
    border-top: none;
    border-left: none;
}
.message-listview .list-view-head ul li{
    display: inline-block;
    margin: 0 30px 0 0;
}
.message-listview .list-view-head ul li:last-child{
    margin: 0;
}
.message-listview .list-view-head ul li a{
    font-size: 15px;
    font-weight: bold;
    color: #e6007e;
    margin: 0;
    border:2px solid #e6007e;
    border-radius: 4px;
    padding: 8px 30px;
    display: table;
    transition: .4s linear;
}
.message-listview .list-view-head ul li a i{
    margin-right: 5px;
}
.message-listview .list-view-head ul li a:hover{
    background: #e6007e;
    color: #fff;
}

.list-view-body{
    height: 409px;
    overflow: auto;
}
/* width */
.list-view-body::-webkit-scrollbar {
  width: 0;
}

.list-view-body ul li a{
    display: flex;
    padding: 10px;
    border:1px solid #e5e5e5;
    border-top: none;
    border-left: none;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}

.list-view-body ul li:last-child a{
    border-bottom: none;
}
.list-view-body ul li a span{
    position: relative;
    display: inline-block;
    margin: 0 20px 0 0;
}
.list-view-body ul li a span img{
    height: 45px;
    width: 45px;
    object-fit: cover;
    border-radius: 100%;
}
.list-view-body ul li a span:before{
    position: absolute;
    content:"";
    height: 12px;
    width: 12px;
    background-color: #f7c54e;
    border-radius: 100%;
    border:2px solid #fff;
    top:30px;
    right: 0;
}
.list-view-body ul li a span.green:before{
    background-color: #22baa0;
}
.list-view-body ul li a .user-name h3{
    font-size: 18px;
    font-weight: bold;
    color: #000;
    margin: 0 0 5px;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
.list-view-body ul li a .user-name p{
    font-size: 14px;
    font-weight: 500;
    color: #000;
    margin: 0;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
.list-view-body ul li a .date{
    font-size: 14px;
    font-weight: 500;
    color: #000;
    margin: 0 0 0 30px;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}

.list-view-body ul li a:hover{
    background: #e6007e;
}
.list-view-body ul li a:hover .user-name h3{color: #fff;}
.list-view-body ul li a:hover .user-name p{color: #fff;}
.list-view-body ul li a:hover .date{color: #fff;}
/* **** ENd Message **** */


.message-chatview{
    width: 63%;
    position: relative;
}

.close-menus{
    font-size: 16px;
    display: none;
    margin: 0 10px 0  0;
    color: #000;
}


.message-wrp{
    display: flex;
}
.message-chatview .chat-view-head{
    padding: 20px 25px;
    border-bottom:1px solid #e5e5e5;
    position: relative;
}
.message-chatview .chat-view-head h3{
    margin: 0;
}
.message-chatview .chat-view-head h3 a{
    font-size:  24px;
    font-weight: 600;
    color: #000;
    margin: 0;
}
.message-chatview .chat-view-head img{
    height: 50px;
    width: 50px;
    border-radius: 100%;
    margin: 0 10px 0 0;
    display: inline-block;
    vertical-align: middle;
}
.message-chatview .chat-view-head .dropdown{
    position: absolute;
    top: 50%;
    right: 25px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.message-chatview .chat-view-head .dropdown button{
    border:none;
    outline: none;
    box-shadow: none;
    background-color: transparent;
    font-size: 20px;
    color: #c4c4c4;
}
.message-chatview .chat-view-head .dropdown .dropdown-menu{
    top:-20px !important;
    left: 100% !important;
    margin-left: 10px !important;
    transform: unset !important;
    padding: 0;
    border-radius: 6px;
    overflow: hidden;
}
.message-chatview .chat-view-head .dropdown .dropdown-menu .dropdown-item{
    padding: 7px 25px;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    transition: all 0.3s linear;
}
.message-chatview .chat-view-head .dropdown .dropdown-menu .dropdown-item:hover{
    color: #fff;
    background: #e6007e;
}
.chatview-body{
    padding: 20px 50px;
    height: 348px;
    overflow: auto;
    position: relative;
}
.chatview-body::-webkit-scrollbar {
    width: 0;
}
.chatview-body .left-chat {
    margin-bottom: 25px;
}
.chatview-body .left-chat p {
    font-size: 13px;
    font-weight: 400;
    margin: 0;
    padding: 7px 30px 7px 15px;
    color: #000;
    background: #f8f8f8;
    border-radius: 4px;
    display: table;
    position: relative;
    display: inline-block;
    margin: 0 0 6px;
}
.chatview-body .left-chat h6 {
    font-size: 10px;
    font-weight: 600;
    color: #848493;
    margin: 8px 0 0;
}
.chatview-body .left-chat h6 span{
    font-weight: 500;
}
.chatview-body .left-chat h6 span i{
    padding-left: 6px;
    color: #15b724;
}
.chatview-body .left-chat{
    position: relative;
}
.chatview-body .left-chat img{
    height: 30px;
    width: 30px;
    border-radius: 100%;
    display: inline-block;
    margin:0 10px 0 0;
    position: absolute;
    left: -40px;
    right: auto;
    top: 0;
}
.chatview-body .right-chat{
    position: relative;
}
.chatview-body .right-chat img{
    margin: 0 0 0 10px;
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    right: -40px;
}
.chatview-body .right-chat {
    margin-left: auto;
    display: table;
}
.chatview-body .right-chat h6 {
    text-align: right;
    padding-left: 0;
}



.chatview-footer{
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #fff;
    width: 100%;
    padding:0 15px 15px;
    z-index: 9;
}
.chatview-footer .form-group{
    margin: 0;
    position: relative;
}
.form-group .form-control{
    border-radius: 4px;
    height: auto;
    padding: 10px 55px 10px 15px;
    outline: none;
    box-shadow: none;
}
.form-group .close{
    font-size: 18px;
    font-weight: 500;
    color: #e6007e;
    position: absolute;
    top: 50%;
    right: 75px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.chatview-footer .form-group button{
    position: absolute;
    top: 10px;
    right: 15px;
    color: #e6007e;
    font-size: 18px;
    background: transparent;
    border: none;
    outline: none !important;
}


/* **** My Add **** */
.sue-wrp{
    background: #f8f8f8;
    padding: 100px 0;
}
.sue-wrp .sue-block{
    padding: 35px 0;
    border-radius: 6px;
    background: #fff;
}
.sue-wrp .sue-block h3{
    font-size: 16px;
    font-weight: bold;
    color: #8d8d92;
    padding: 0 35px 15px;
    border-bottom: 1px solid #f7f7f7;
    margin: 0;
}
.sue-img img{
    height: 100%;
    width: 100%;
    border-radius: 4px;
}
.sue-wrp .sue-block .sue-box{
    padding: 25px 35px;
    border-bottom: 1px solid #f7f7f7;
}
.sue-wrp .sue-block .sue-box .row{
    display: flex;
    align-items: center;
}
.sue-wrp .sue-block .btns li{
    float: left;
    width: 30%;
    margin: 0 10px 0 0;
}
.sue-wrp .sue-block .btns li:last-child{
    margin: 0;
}
.sue-wrp .sue-block .btns li a{
    font-size: 16px;
    font-weight: 600;
    color: #e6007e;
    border:2px solid #e6007e;
    display: block;
    width: 100%;
    text-align: center;
    border-radius: 4px;
    padding: 8px 0;
    transition: all 0.3s linear;
}
.sue-wrp .sue-block .btns li a:hover{
    background-color: #e6007e;
    color: #fff;
}
.sue-wrp .sue-block .grey-btns li a{
    color: #dcdcdc;
    border-color: #dcdcdc;
    background-color: #f8f8f8;
    cursor: default;
}
.sue-wrp .sue-block .grey-btns li a:hover{
    color: #dcdcdc;
    border-color: #dcdcdc;
    background-color: #f8f8f8;
}


.sue-wrp .sue-block .on-label{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.sue-wrp .sue-block .on-label label{
    background: #f7c54e;
    border-radius: 4px; 
    padding: 2px 25px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    margin: 0 auto;
    display: table;
}
.bg-red{
    background-color: #f25463 !important;
}
.bg-light{
    background-color: #22baa0 !important;
}
.sue-wrp .sue-block .on-label .dropdown button{
    border:none;
    outline: none;
    box-shadow: none;
    background-color: transparent;
    font-size: 20px;
    color: #c4c4c4;
}
.sue-wrp .sue-block .on-label .dropdown .dropdown-menu{
    top: -60px !important;
    left: 100% !important;
    margin-left: 20px !important;
    transform: unset !important;
}
.sue-info{
    padding: 20px 0 40px;
}
.sue-info p{
    font-size: 16px;
    font-weight: 500;
    color: #000;
    margin: 0;
}
.sue-info p strong{
    display: block;
    margin: 0;
    font-weight: 800;
}
.contact-box  .cnt-box .msg-box ul li{
    float: left;
    width: 33.33%;
    margin: 0;
}
.cnt-box p{
    text-align: center;
}
/* **** End My Add **** */


/* **** Aelements Page **** */
.breainner-banner{
    padding: 60px 0;
    width: 100%;
    background: #f8f8f8;
    margin: 0 0 60px;
}
.element-wrp h1{
    font-size: 36px;
    font-weight: bold;
    color: #000;
    text-align: center;
    margin: 0 0 15px;
}
.breadcrumb-bx ul{text-align: center;display: flex;align-items: center;justify-content: center;}
.breadcrumb-bx li{
    margin-right: 25px;
    position: relative;
    font-size: 14px;
    font-weight: normal;
    color: #010101;
}
.breadcrumb-bx li:after{
    position: absolute;
    content: '/';
    font-size: 16px;
    color: #010101;
    top: 0;
    right: -15px;
}
.breadcrumb-bx li:last-child{margin: 0;}
.breadcrumb-bx li a{
    color: #e6007e;
}
.breadcrumb-bx li:last-child:after{display: none;}

.element-wrp p{
    font-size: 16px;
    font-weight: normal;
    color: #000;
    line-height: 24px;
    margin: 0 0 20px;
}
.element-wrp p b{
    display: block;
}
.element-wrp p a{
    color: #e6007e;
}
.element-wrp h2{
    font-size: 24px;
    font-weight: bold;
    color: #000;
    margin: 0 0 30px;
}
.mini-data{
    margin: 20px;
    padding: 20px;
    background: #f8f8f8;
    border: 1px solid #e5e5e5;
}
.mini-data p:last-child{margin: 0;}

.element-wrp h3{
    font-size: 24px;
    font-weight: bold;
    color: #000;
    margin: 0 0 30px;
}
.btn-group-bx{
    padding: 35px 0;
}
.btn-group-bx .btn-main{
    padding: 12px 20px;
    width:230px;
    text-align: center;
    border: 2px solid #e6007e;
    color: #e6007e;
    font-size: 14px;
    font-weight: bold;
    display: block;
    border-radius: 5px;
    margin: 0 0 25px;
    background: #fff;
}
.btn-group-bx .btn-main2{
    padding: 12px 20px;
    width:230px;
    text-align: center;
    border: 2px solid #dcdcdc;
    color: #dcdcdc;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    margin: 0 0 25px;
    display: block;
    background: #f8f8f8;
}
.btn-group-bx .btn-main3{
    padding: 12px 20px;
    width:230px;
    text-align: center;
    border: 2px solid #e6007e;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    margin: 0 0 25px;
    display: block;
    background: #e6007e;
}
.element-wrp .btn-read-bx{margin: 0 0 35px;}
.element-wrp .btn-read{margin: 25px auto 0;}

.accorian-block {margin: 0 0 25px;}
.accorian-block .accordion-item{border: none;border-radius: 0;margin: 0 0 10px;}
.accorian-block .accordion-item h2{margin: 0;}

.accorian-block .accordion-item h2 button{
    color: #e6007e;
    font-size: 16px;
    font-weight: bold;
    padding: 0 25px;
    background: #fff;
    border: none;
    border-radius: 0;
    position: relative;
    outline: none !important;
}
.accorian-block .accordion-button:not(.collapsed){
    color: #e6007e;
    font-size: 16px;
    font-weight: bold;
    padding: 0 25px;
    background: #fff;
    border: none;
    box-shadow: none;
    border-radius: 0;
}
.accorian-block .accordion-button::after{
    position: absolute;
    content: '+';
    margin: 0;
    top: 0;
    left: 0;
    right: auto;
    background: transparent;
    background-image: none;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 18px;
    font-weight: bold;
}
.accorian-block .accordion-button:not(.collapsed)::after{
    background: transparent;
    background-image: none;
    content: '-';
}
.accorian-block .accordion-body{
    padding: 15px 25px;
}
.accorian-block .accordion-body p{
    margin: 0;
}

.withback-color .accordion-item{border-radius: 5px;}
.withback-color .accordion-item h2 button{
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 15px 35px;
    background: #e6007e;
    border: none;
    border-radius: 5px !important;
    position: relative;
    outline: none !important;
}
.withback-color .accordion-item h2 button:focus{
    outline: none;
    box-shadow: none;
}
.withback-color .accordion-button:not(.collapsed){
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 15px 35px;
    background: #e6007e;
    border: none;
    border-radius: 5px;
    position: relative;
    outline: none !important;
}
.withback-color .accordion-button::after{
    top: 13px;
    left: 10px;
}

.lst-box p{margin: 0 0 5px;}
.lst-box li{
    display: block;
    padding: 3px 0 3px 20px;
    font-size: 14px;
    font-weight: normal;
    color: #000;
    position: relative;
}
.lst-box li:before{
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    background: #000;
    border-radius: 50%;
    top: 10px;
    left:5px;
}
/* **** End Aelements Page **** */

/* **** 404 Page **** */
.notfound-banner{
    padding: 45px 0 45px;
    background: #f8f8f8;
}
.page-txtbx{
    position: relative;
    text-align: center;
}
.page-txtbx h1{
    font-size: 300px;
    font-weight: normal;
    color: #cecece;
    margin: 0;
    font-style: italic;
    opacity: 0.30;
}
.page-txtbx h3{
    font-size: 24px;
    font-weight: bold;
    color: #000;
    margin: 0 auto;
    width: 45%;
    line-height: 32px;
    position: absolute;
    top:55%;
    left: 0;
    right: 0;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
}
.act-back {
    width: 50%;
    margin: 0 auto;
}
.act-back h5{
    font-size: 16px;
    font-weight: normal;
    color: #000;
    text-align: center;
    margin: 0 0 35px;
}
.act-back .btn-group {width: 100%;}
.act-back .btn-group .btn-main{
    width: 200px;
    text-align: center;
}
.act-back .btn-group .btn-main:last-child{
    margin-left: auto;
}
.not-related{
    padding: 45px 0;
}
/* **** End 404 Page **** */


.form-wizard .wizard-fieldset {
    display: none;
}
.form-wizard .wizard-fieldset.show {
    display: block;
}

.slider-box img {width: 100%;}


.contact-box .msg-box ul li .form-check label{
    display: flex;
}
.contact-box .msg-box ul li .form-check label:before{
    height: 16px;
}
.contact-box .msg-box ul li .form-check input:checked + label:after{
    top: 4px;
}



.nav_reg_subnavi_mobile{
    display: none;
}
.nav_reg_subnavi_mobile .accordion-item{
    padding: 0;
    margin: 0;
    box-shadow: none;
    outline: none;
    border: none;
}
.nav_reg_subnavi_mobile .accordion-header{
    padding: 0;
    margin: 0;
    box-shadow: none;
    outline: none;   
    border: none;
}
.nav_reg_subnavi_mobile .accordion-header button{
    padding: 0;
    margin: 0;
    box-shadow: none;
    outline: none;
    border-radius: 0 !important;
    border: none;
    padding: 15px 20px;
    background: #e6007e !important;
}
.nav_reg_subnavi_mobile .accordion-header button i{
    background: #fff;
    height: 30px;
    width: 40px;
    font-size: 22px;
    color: #e6007e;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}
.nav_reg_subnavi_mobile .accordion-header .accordion-button::after {
    display: none;
}
/*.nav_reg_subnavi_mobile .accordion-header .accordion-button:not(.collapsed){
    box-shadow: none;
    background: transparent;
}*/


.select-hidden {
    display: none;
    visibility: hidden;
    padding-right: 10px;
}

.select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 16px;
    color: #fff;
    width: 100%;
    height: 35px;
}

.select-styled {
    border: 1px solid rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    border-radius: 4px;
    color: #848484;
    padding: 4px 10px;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.select-styled:after {
    content: "";
    background-image: url(../images/down.png);
    position: absolute;
    top: 16px;
    right:10px;
    height: 10px;
    width: 10px;
    background-repeat: no-repeat;
    background-size: contain;
}
/*.select-styled:hover {
  background-color: #b83729;
}*/
/*.select-styled:active, .select-styled.active {
  background-color: #ab3326;
}*/

.select-options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #fff;
    height: 250px;
    border-top: 1px solid #e5e5e5;
    overflow: auto;
}
.select-options li {
    margin: 0;
    padding: 7px 0;
    text-indent: 15px;
    color: #000;
    border: 1px solid #e5e5e5;
    border-top: none;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
}
.select-options li:hover {
    color: #e6007e;
    background:#f2f2f2;
}
.select-options li[rel="hide"] {
    display: none;
}







.list-view-body .form-check{
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    min-height: auto;
    height: 
}
.list-view-body .form-check label {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0;
  display: inline-block;
}

.list-view-body .form-check input{
    display: none;
    -webkit-appearance: none;
    appearance: none;
    visibility: hidden;
    opacity: 0;

}
.list-view-body .form-check label:before {
  content:'';
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #e5e5e5;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 7px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 10px;
  background: #fff;
  border-radius: 2px;
}

.list-view-body .form-check input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 7px;
  left: 6px;
  width: 4px;
  height: 7px;
  border: solid #e6007e;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}



.figure-select .select-options{width: 100px;}





.form-wizard {
  position: relative;
}
.form-container {
  clear: both;
  display: none;
  left: 100%;
}
.form-container.active {
  display: block;
}






/* **** voucher **** */
.element-wrp .form-box{
    padding: 40px 0 ; 
}
.element-wrp .form-box .col-md-6.col-sm-6{width: 50%;}
.element-wrp .form-box h4{    
    font-size:14px;
    font-weight: bold;
    color: #e6007e;
    margin: 0 0 15px;
}
.element-wrp .form-box .form-group .form-control{
    height: auto;
    padding: 10px 15px;
    background:#fff;
    font-size: 14px;
    font-weight: 500;
    color: #848484;
    outline: none;
    box-shadow: none;
    border-color: #e5e5e5;
}
.element-wrp .form-box .form-group .form-control:focus{
    border-color: #e70277;
}
.element-wrp .form-box a{
    background-color: #e6007e;
    padding: 10px 0;
    display: block;
    width: 100%;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 4px;
    text-align: center;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.element-wrp .form-box a:hover{
    background-color: #000;
    color: #fff;
}
/* **** End voucher **** */




/* **** select2 **** */
.select2.select2-container {
  width: 100% !important;
}

.select2.select2-container .select2-selection {
  border: 1px solid #ccc;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  height: 34px;
  margin-bottom: 0;
  outline: none;
  transition: all 0.15s ease-in-out;
}

.select2.select2-container .select2-selection .select2-selection__rendered {
      line-height: 34px;
    padding-right: 33px;
    font-size: 15px;
    font-weight: 500;
    color: #000;
    padding-left: 15px;
}

.select2.select2-container .select2-selection .select2-selection__arrow {
  background: transparent;
  border-left: none;
  border-radius: 0;
  height: 34px;
  width: 34px;

}

.select2.select2-container.select2-container--open .select2-selection.select2-selection--single {
  background: #f8f8f8;
}

.select2.select2-container.select2-container--open .select2-selection.select2-selection--single .select2-selection__arrow {
  -webkit-border-radius: 0 3px 0 0;
  -moz-border-radius: 0 3px 0 0;
  border-radius: 0 3px 0 0;
}

.select2.select2-container.select2-container--open .select2-selection.select2-selection--multiple {
  border: 1px solid #ddd;
}

.select2.select2-container.select2-container--focus .select2-selection {
  border: 1px solid #ddd;
}

.select2.select2-container .select2-selection--multiple {
  height: auto;
  min-height: 34px;
}

.select2.select2-container .select2-selection--multiple .select2-search--inline .select2-search__field {
  margin-top: 0;
  height: 32px;
}

.select2.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: block;
  padding: 0 4px;
  line-height: 29px;
}

.select2.select2-container .select2-selection--multiple .select2-selection__choice {
  background-color: #f8f8f8;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 4px 4px 0 0;
  padding: 0 6px 0 22px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  position: relative;
}

.select2.select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  margin: 0;
  text-align: center;
  color: #e74c3c;
  font-weight: bold;
  font-size: 16px;
}

.select2-container .select2-dropdown {
  background: transparent;
  border: none;
  margin-top: -5px;
}

.select2-container .select2-dropdown .select2-search {
  padding: 0;
  display: none;
}

.select2-container .select2-dropdown .select2-search input {
  outline: none;
  border: 1px solid #34495e;
  border-bottom: none;
  padding: 4px 6px;
}

.select2-container .select2-dropdown .select2-results {
  padding: 0;
}

.select2-container .select2-dropdown .select2-results ul {
  background: #fff;
  margin: 6px 0 0;
  /*border: 1px solid #34495e;*/
  border-top: 1px solid #ddd;
  box-shadow: none;
}
.select2-container--default .select2-results__option--selected{
    background-color: #f2f2f2;
    color: #e6007e;
}
.select2-container .select2-dropdown .select2-results ul .select2-results__option--highlighted[aria-selected] {
  background-color: #f2f2f2;
  color: #e6007e;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
/* **** End select2 **** */



.kmselecter .select2.select2-container .select2-selection{
    border: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    border: none;
    box-shadow: none;
    outline: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b:before{
    position: absolute;
    content: "\f078";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    top: -7px;
    left: 0;
    right: 0;
    font-size: 14px;
    color: #b3b2b2;
}
.select2-results__option--selectable {
    cursor: pointer;
    border: 1px solid #ddd;
    border-top: none;
}



/* **** figure-select *** */
.figure-select .select2.select2-container .select2-selection{
    border: 1px solid #c1c1c1;
    border-radius: 4px;
    padding: 2px 10px;
}
.figure-select .select2.select2-container .select2-selection .select2-selection__rendered{
    padding: 0;
}
.figure-select .select2.select2-container .select2-selection .select2-selection__rendered{
    padding: auto;
    line-height: unset;
}
.figure-select .select2.select2-container .select2-selection{
    height: auto;
}
.figure-select .select2.select2-container .select2-selection .select2-selection__arrow{
    height: 26px;
    width: 26px;
}
.figure-select .select2-container--default .select2-selection--single .select2-selection__arrow b:before{
    font-size: 11px;
    top: -5px;
}
/* **** End figure-select **** */



.category-box .select2.select2-container .select2-selection{
    height: 48px;
    border-radius: 4px;
}
.category-box .select2.select2-container .select2-selection .select2-selection__rendered{
    line-height: 48px;
}
.category-box .select2.select2-container .select2-selection .select2-selection__arrow{
    height: 48px;
}



.detail-box .select2.select2-container .select2-selection{
    height: 43px;
    border-radius: 4px;
}
.detail-box .select2.select2-container .select2-selection .select2-selection__rendered{
    line-height: 43px;
}
.detail-box .select2.select2-container .select2-selection .select2-selection__arrow{
    height: 43px;
}


.create6 .select2.select2-container .select2-selection{
    height: 43px;
    border-radius: 4px;
}
.create6 .select2.select2-container .select2-selection .select2-selection__rendered{
    line-height: 43px;
}
.create6 .select2.select2-container .select2-selection .select2-selection__arrow{
    height: 43px;
}


.cnt-box .select2.select2-container .select2-selection{
    height: 43px;
    border-radius: 4px;
}
.cnt-box .select2.select2-container .select2-selection .select2-selection__rendered{
    line-height: 43px;
}
.cnt-box .select2.select2-container .select2-selection .select2-selection__arrow{
    height: 43px;
}

.register-block .select2.select2-container .select2-selection{
    height: 43px;
    border-radius: 4px;
}
.register-block .select2.select2-container .select2-selection .select2-selection__rendered{
    line-height: 43px;
}
.register-block .select2.select2-container .select2-selection .select2-selection__arrow{
    height: 43px;
}



.sue-info .cnt-box ul{
    display: flex;
    align-items: flex-end;
}
.sue-info .cnt-box ul li{ 
    float: left;
    width:25%;
}



.detail-box .Korperschmuck ul li{
    float: none;
    display: inline-block;
    margin: 0 30px 0 0;
    width: auto;
}