html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Poppins', sans-serif;
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    color: #000;
    overflow-x: hidden;
    font-weight: 400;
}

textarea,
p,
input,
div,
span,
li,
button {
    font-family: 'Poppins', sans-serif;
}

ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

p {
    line-height: 28px;
    font-size: 18px;
    font-weight: 400;
    color: #313131;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 15px;
}

img {
    max-width: 100%;
    border: 0;
}

.clear {
    clear: both;
    float: none;
    width: 100%;
}

.clearfix::after {
    display: block;
    content: "";
    clear: both;
}

a {
    text-decoration: none !important;
    transition: all 0.2s ease-in;
    color: #1f1f1f;
}

a:hover {
    color: #000;
}

a,
span {
    display: inline-block;
}

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

.client-number53021061{
    display: none;
}

.footer .footer-box p{
    color: #fff;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .0rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    box-sizing: border-box;
}

.sub-tbn01 .common-btn1.common-btn1new {
    width: 100%!important;
    display: block;
}

.members {
    padding: 90px 10%;
    background: #ffedf5;
}


.blog-sec ul li {
    list-style: inherit;
    margin: 0 0 14px;
    font-weight: 400;
    color: #444;
}
.blog-sec ul {
      margin: 0 0 20px;
    padding: 0 0 0 17px;
}
.blog-sec ol {
      margin: 0 0 20px;
    padding: 0 0 0 17px;
}
.blog-sec ol li {
    list-style: inherit;
    margin: 0 0 14px;
    font-weight: 400;
    color: #444;
}


.basci-img {
    padding-bottom: 284px;
}
.basci-img img{
    margin: 0 auto;
    text-align: center;
    position: absolute;
    right: 0;
    left: 0;
    padding: 11px 0 0;
}
.pro-slid{
    display: flex;
    justify-content: center;
    bottom: -15px;
    position: relative;
    margin-bottom: 41px;  
}

.pro-slid .ss_prev {
    background-color: #98362e;
    border: 1px solid transparent;
    color: #fff;
    padding: 8px 51px;
    font-size: 18px;
    border-radius: 50px;
    transition: all 0.5s ease-in;
    border: 1px solid transparent;
    text-transform: uppercase;
    position: relative;
    left: 0px;
    text-align: center;
    margin: 3px 10px 0px 0px;
    display: flex;
}

input.common-btn1.news {
    padding: 10px !important;
}
.pro-slid .ss_next {
    background-color: #98362e;
    border: 1px solid transparent;
    color: #fff;
    padding: 8px 51px;
    font-size: 18px;
    border-radius: 50px;
    transition: all 0.5s ease-in;
    border: 1px solid transparent;
    text-transform: uppercase;
    position: relative;
    text-align: center;
    margin: 3px 10px 0px 0px;
    display: flex;
    right: 0px;
    position: relative;
}

#ss_text {
    font-size: 22px;
    font-weight: 500;
    padding: 20px 0px 0px 0px;
}
#ss_start{
    background-color: #98362e;
    border: 1px solid transparent;
    color: #fff;
    padding: 5px 20px;
    font-size: 18px;
    border-radius: 50px;
    transition: all 0.5s ease-in;
    border: 1px solid transparent;
    text-transform: uppercase;
    position: relative;
    color: #fff;
    font-size: 18px;
    border-radius: 50px;   
}
#ss_select{
    height: 42px;
    border: none;
    border-radius: 10px;
    padding: 0 12px 0;
}
#ss_stop{
    background-color: #98362e;
    border: 1px solid transparent;
    color: #fff;
    padding: 5px 20px;
    font-size: 18px;
    border-radius: 50px;
    transition: all 0.5s ease-in;
    border: 1px solid transparent;
    text-transform: uppercase;
    position: relative;
    color: #fff;
    font-size: 18px;
    border-radius: 50px;  
}
.pro-top01{
    margin: 0 0 20px;
}

@media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1500px;
    }
}

/*------------------common-css End-------------------*/

.top-black {
    background-color: #000;
    padding: 8px 0;
}

.logo.logo-section img {
    width: 97%;
}

.top-section {
    background-color: #000;
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    padding: 5px 0;
}

.top-menu-bg {
    width: 100%;
    top: 0;
    left: 0;
    padding:0px 0;
    position: absolute;

}

.boder-bott {
    border-bottom: solid 1px #e5e5e5;
}

.top-cart-sec {
    margin: 5px 0 0 0;
    float: right;
    z-index: 2;
    position: relative;
    /* justify-content: end; */
    display: flex;
    justify-content: end;
}

.border-left {
    border-left: 1px solid #000 !important;
}

.top-cart-sec li {
    font-size: 14px;
    float: left;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0px 18px 8px 10px;
}

.top-cart-sec li:nth-child(3) {}


.login-bt:hover {
    background-color: #000;
    color: #fff;
}


h4.recss {
    color: #ff1010;
}


p.newsec {
    margin-left: 13px;
    padding-top: 10px;
}
/* ---------------------------------------------------
   megamenu STYLE
----------------------------------------------------- */

.navbar-collapse {
    flex-grow: 0 !important;
}

.navbar {
    padding: 0px;
}

.navbar {
    background-color: transparent;
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: 0px 0px 0px 0 #adadad33;
    }

.navbar-light .navbar-brand {
    color: #2196F3;
}

.navbar-light .navbar-nav .nav-link {
    color: #fff;
}

.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: #98362e;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: #98362e;
    border-bottom: solid 0px #000;
}
.fixed-nav .navbar-light .navbar-nav .nav-link:hover {
    color: #cda19e;
    border-bottom: solid 0px #000;
}
.navbar-light .navbar-nav .nav-link {
    padding: 9px 10px;
    transition: 0.3s;
    margin: 0px 3px;
    font-size: 19px;
    font-weight: 400;
    font-family: 'Josefin Sans', sans-serif;
    border-bottom: solid 0px #fff;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    transition: 0.3s;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #000;
    text-decoration: none;
}

.sm-menu {
    border-radius: 0px;
    border: 0px;
    top: 97%;
    box-shadow: rgba(173, 173, 173, 0.2) 1px 3px 4px 0px;
}

.dropdown-item {
    color: #3c3c3c;
    font-size: 14px;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #98362e;
}

.navbar-toggler {
    outline: none !important;
}

.navbar-tog {
    color: #1ebdc2;
}

.megamenu-li {
    position: static;
}

.megamenu {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    padding: 15px;
}

.megamenu h6 {
    margin-left: 21px;
}

.megamenu i {
    width: 20px;
}

.menu-bg {
    background-color: #000;
}

.wine-pick-box ul li a:hover {
    background: transparent !important;
}

.collapse.navbar-collapse {
    width: 100%;
}

.navbar-nav.navbar-light {
    display: flex;

    width: 100%;
    margin-top: 0px;
}


.navbar-nav.navbar-light {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 0px;
}

/* ---------------------------------------------------
   megamenu STYLE
----------------------------------------------------- */

#header {
    position: relative;
    z-index: 50;
}

#header.fixed-nav {
    position: fixed;
    padding: 0px 0;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    width: 100%;
    z-index: 51;
    top: 0;
}

.fixed-nav .top-menu-bg {
    background-color: #98362e;
    padding-bottom: 5px;
}

#header.fixed-nav .navbar-dark .navbar-nav .nav-link {
    color: #000;
    padding: 12px 24px;
    margin-top: 0px;
}

#header.fixed-nav .navbar-brand {
    left: 0;
    text-align: left;
}

#header.fixed-nav .topcard-s ul li a {
    color: #fff
}

#header.fixed-nav .topcard-s ul li {
    padding: 0px 15px;
}

.fixed-nav .navbar-brand img {
    width: 90%;
    transition: all .4s ease-in-out;
}

#header.fixed-nav #cssmenu>ul {
    margin-top: 6px;
}

#header.fixed-nav .top-cart-sec {
    width: 100%;
    margin: 6px 0 0 0;
}


header {
    z-index: 2222;
    position: relative;
}


header.fixed-nav::after {
    display: none;
}
.top-language .form-control-option{display: none; background-color: transparent;border: 1px solid transparent;color: #fff; display: none;}
.top-language .form-control-option option{color: #000;}
.top-language {
    position: absolute;
    right: 74px;
    top: 11px;
}
.top-cart-sec ul li a:hover {}


/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
/*-----------Banner CSS ------------*/
.banner {
    position: relative;

}


.banner-contt{position: absolute;top: 23%;left: 0%;right: 0%;}
.bannertitl{font-size: 44px;font-weight: 600;color: #fff;text-transform: uppercase;padding-left: 0px}
.banersubtitl{font-size: 24px;color: #98362e;font-weight: 600;text-transform: uppercase;text-align: center;padding: 0px 0px 35px 0px;}
.banner-form{background-color: #fff;padding:40px 20px;width: 350px;box-shadow: 0px 0px 20px #ccc;border-radius: 5px;}
.form-box{display: flex;align-items: center;}
.baner-select{width: calc(33.33%);}
.form-box{border-bottom: 1px solid #ccc;padding: 11px 0px;}
.banner-contt .form-control {width: 92%;height: 33px;}
.common-btn{background-color: #98362e;color: #fff;font-size: 20px;padding: 8px 10px;text-transform: uppercase;
border: 1px solid transparent;margin-top: 25px;border-radius: 30px;width: 100%;font-weight: 600;transition: all 0.5s ease-in;
}
.common-btn:hover,.common-btn1:hover{background-color: #fff;border: 1px solid #98362e;color: #98362e;}

/* <-------------------agency-----------------> */
.agency{position: relative;}
.agency:after {
    content: '';
    position: absolute;
    background-image: url(../images/agency1.webp);
    background-repeat: no-repeat;
    width: 890px;
    height: 690px;
    right: -341px;
    top: -67%;
    background-size: 65%;
}
.agency1{max-width: 1300px;margin: auto;left: 0px;right: 0px;}
.agencytitl{font-size: 30px;font-weight: 600;text-transform: uppercase;}
.agencytitl1{color: #98362e;}
.agency-box img{box-shadow: 0px 0px 30px rgb(182, 182, 182);}
.common-btn1{background-color: #98362e;color: #fff;font-size: 16px;padding: 10px 20px;text-transform: uppercase;
 border: 1px solid transparent;margin-top: 15px;border-radius: 30px;font-weight: 600;transition: all 0.5s ease-in;
    }
    .agency{padding: 20px 0px 50px 0px;}
/* <------------service------------------->  */
.service{
    background-image: url(../images/service-bg.webp);  background-repeat: no-repeat;padding: 70px 0px;  text-align: center;
background-size: cover;}
.servicetitl{ font-size: 44px;  padding: 5px 0px 20px 0px;}
.service-box{box-shadow: 0px 0px 20px #ccc;padding: 25px 20px 30px 20px;background-color: #fff;transition: all 0.5s ease-in
    ;border: 1px solid transparent;height: 100%;}
.service-img{width: 260px;height: 260px;border-radius: 100%;overflow: hidden;}
.service-img img{width: 100%;height: 100%;border-radius: 100%;}
.service-nmm{font-size: 22px;color: #98362e;font-weight: 600;padding: 10px 0px 0px 0px;}
.service-box:hover{border: 1px solid #98362e;border-radius: 5px;transform: translateY(10px);}

/* <--------------step--------------------> */
.step{max-width: 1000px;margin: auto;left: 0px;right: 0px;box-shadow: 0px 0px 20px #ccc;padding: 20px 6px;margin-top:60px;margin-bottom: 60px;}
.step-box1 ul li{font-size: 25px;font-weight: 600;color: #98362e;}
.step-box1 p{font-size: 22px;}
.step-box1{text-align: center;}
.joinesy,.memtyp{font-size: 25px;font-weight: 600;color: #98362e;}
.step-box p{font-size: 22px;}
.step-box2{border-left: 1px solid #ccc;border-right: 1px solid #ccc;padding: 25px 0px;}
.join-num{font-size: 24px;color: #98362e;font-weight: 600;width: 50px;height: 50px;border-radius: 100%;background-color: #e6b6b2;display: flex;
    justify-content: center;margin-left: 14px; align-items: center;}
.step-box2{justify-content: space-evenly;text-align: center;}
.join-txt{font-size: 20px;color: #98362e;font-weight: 600;padding: 10px 0px 0px 0px;}
.step-box2{position: relative;}
.step-box2::after{content: '';position: absolute;width: 60%;height: 2px;background-color: #e6b6b2;top: 35%; z-index: -1;}
.common-btn2{background-color: #98362e;color: #fff;font-size: 16px;padding: 10px 60px;text-transform: uppercase;
    border: 1px solid transparent;border-radius: 30px;font-weight: 600;transition: all 0.5s ease-in;    }
 .common-btn2:hover{background-color: #fff;border: 1px solid #98362e;color: #98362e;}
 .join-btn{width: 190px;height: 190px;border-radius: 100%;text-transform: uppercase; background-image: linear-gradient(#dd5861,#9a372f); display: flex; justify-content: center; align-items: center; color: #fff; transition: all 05s ease-in; border: 15px solid rgb(182, 193, 194, 0.5); animation: square-to-circle 3s 1s infinite cubic-bezier(1, .015, .295, 1.225) alternate;position: absolute;top: 35%;right: -10%;font-size: 24px;font-weight: 600;}    
 @keyframes square-to-circle {
    0% { border-radius: 0 0 0 0; background-image: linear-gradient(#dd5861,#9a372f); transform: rotate(0deg); }
      25% {border-radius: 25% 25% 25% 25%; background-image: linear-gradient(#dd5861,#9a372f);transform: rotate(45deg);}
      50% { borde-radius: 50% 50% 50% 50%; background-image: linear-gradient(#dd5861,#9a372f);transform: rotate(90deg);   }  
    75% {border-radius: 75% 75% 75% 75%; background-image: linear-gradient(#dd5861,#9a372f);transform: rotate(180deg);}
     100% {border-radius: 100% 100% 100% 100%; background-image: linear-gradient(#dd5861,#9a372f);transform: rotate(360deg);}
  
  }
  .membertitl{font-size: 40px;font-weight: 600;color: #fff;text-transform: uppercase;}
  .member-info ul{display: flex;background-color: #fff;padding: 17px 20px;margin: 10px;}
  .memstep{font-size: 25px;font-weight: 600;color: rgb(192, 36, 36);padding:0px 10px;color: #fff;position: relative;z-index: 2;padding-left: 10px; }
.membership{background-color: #e6b6b2;}
.memstep:after {width: 42px;height: 41px;background-color: #98362e;content: '';position: absolute;top: 0px;left: 1px;transform: rotate(36deg);z-index: -1;}
.memtyp{padding-left: 30px;text-transform: uppercase;}
.member-box1{padding: 10px 70px 0px 70px;}

/* <-------------join--------------------> */
.join{padding: 60px 0px;}
.join-contt,.dating-contt{max-width: 1000px;margin: auto;left: 0px;right: 0px;text-align: center;}
.jointitl{font-size: 40px;font-weight: 600;color: #98362e;padding: 10px 0px 0px 0px;text-transform: uppercase;}
.join-contt p{font-size: 17px;}
.join-img{box-shadow: 0px 0px 30px #ccc;}
/* <--------------dating-------------------> */
.dating{background-image: url(../images/dating.webp);background-repeat: no-repeat;background-attachment: fixed;background-size: cover;padding: 60px 0px;
color: #fff;}
.dating p,.dating h4{color: #fff;}
/* <----------------free----------------------------> */
.step-free,.faq{max-width: 1250px;margin: auto;left: 0px;right: 0px;box-shadow: 0px 0px 20px #ccc;}
.faq{box-shadow: 0px 0px 0px 0px #ccc;padding: 60px 0px;}
.free-box1 p{text-align: center;}
.free-box1{padding: 20px;border-right: 1px solid #ccc;}
.free-box2{padding-left: 10px;}
.freetitl{font-size: 40px;font-weight: 600;color: #98362e;padding: 10px 0px 30px 0px;text-transform: uppercase;text-align: center;}

.free{padding: 60px 0px;}




input.common-btn1 {
    padding: 10px;
}

/* <----footer--------------> */

.footer {background-color: #cda19e; width: 100%;padding: 60px 0px 0px 0px;}


.footrtitl1 {font-size: 31px;padding: 10px 0px 0px 0px;}

.footrtitl {font-size: 22px;color: #fff;text-transform: uppercase;font-weight: 600;}
.footer-box .footer-box p{    color: #fff;    font-size: 17px;    display: block;}
.footer-box ul li a,.footer-box ul li{color: #fff;font-size: 16px;padding: 3px 0px;border-bottom: 1px solid transparent;}

.footer-box ul li a:hover {border-bottom: 1px solid #98362e;color: #98362e;}

.social-icon ul {display: flex;padding: 15px 0px 0px 0px;}

.social-icon ul li {width: 41px;height: 41px;border-radius: 100%;background-color: #fff;display: flex;color: #98362e;justify-content: center;   align-items: center;padding: 22px;margin-right: 6px;transition: all 0.5s ease-in;border: 1px solid transparent;}

.social-icon ul li:hover {border: 1px solid #98362e;border-radius: 0px;}
.footer-boxstart{padding-right: 20px;}
.social-icon ul li i {font-size: 25px;color: #98362e;}



.copy-right {padding: 40px 0px 10px 0px;color: #fff;}

.copy-right a,.copy-right p { color: #fff;font-size: 14px;}
.footer-box input{
    /* width: 90%;
    margin: 10px 0px; */
    border-radius: 5px;
    padding: 20px;}

#myBtn {
    display: none;
    position: fixed;
    bottom: 19px;
    right: 28px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #98362e;
    color: #fff;
    cursor: pointer;
    padding: 7px;
    border: 1px solid transparent;
}

#myBtn:hover {
    background-color: #ddd;
    color: #98362e;
    border: 1px solid #98362e;
} 

.fixed-nav .navbar-light .navbar-nav .nav-link.active {

    color: #fff;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
  
    margin: 0rem 0 0;
}
/* <----------------animation--------------------> */

.step,.member-info ul,.step-free,.agency-box img,.banner-form,.join-img,.joinin-box img,.aboutma-box img,
.profile-box img,.voice-box,.bonus-box,.diamond-img img{border: 1px solid transparent;transition: all 0.5s ease-in;}
.agency-box img,.step-out{position: relative;z-index: 2;}
.step:hover,.agency-box:hover img,.banner-form:hover,.join-img:hover,.joinin-box:hover img,.aboutma-box:hover img,
.profile-box:hover img,.voice-box:hover,.bonus-box:hover,.diamond-img:hover img,.step-out:hover{
    border: 1px solid #98362e;
    border-radius: 5px;
    transform: translateY(10px);
}
.member-info ul:hover{border: 1px solid #98362e;}
.agency:before{ content: '';
    position: absolute;
    background-image: url(../images/agency3.png);
    background-repeat: no-repeat;
    width: 535px;
    height: 514px;
    top: 0%;
    left: 38%;
    background-size: 80%;
    animation: rotation 5s infinite linear;
}
@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(29deg);
    }
}
.banner-info img{animation: float1 5s ease-in-out infinite;}
@keyframes float1 {
    0% {
  
        transform: translateX(0px);
    }
  
    50% {
  
        transform: translateY(-10px);
    }
  
    100% {
  
        transform: translateX(0px);
    }
  }



  .hover15 figure {
    position: relative;
    overflow: hidden;
  }
  
  .hover15 figure::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(128, 45, 38, .1);
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
  }
  
  .hover15 figure:hover::before {
    -webkit-animation: circle .75s;
    animation: circle .75s;
  }
  
  @-webkit-keyframes circle {
    0% {
      opacity: 1;
    }
  
    40% {
      opacity: 1;
    }
  
    100% {
      width: 200%;
      height: 200%;
      opacity: 0;
    }
  }
  
.step-box4{overflow: hidden;}
/* <=-------------------about---------------------> */
.about-tma{background-color: #f5e1e0;margin: 0px 0px 60px 0px;}
.europe{padding: 60px 0px;text-align: center;max-width: 1200px;margin: auto;left: 0px;right: 0px;}
.ineuropetitl{font-size: 36px;font-weight: 600;color: #98362e;}
.inbanner-contt{position: absolute;top: 50%;left: 0px;right: 0px;}
.intitll{font-size: 40px;color: #fff;text-align: center;font-weight: 600;text-transform: uppercase;}
.aboutma-box1{padding: 10px 40px 0px 50px;}
/* <----------------join----------------> */
.joinin{padding: 60px 0px 75px 0px;position: relative;max-width: 1400px;margin: auto;left: 0px;right: 0px;transition: all 0.5s ease-in;}
.joinin::after { content: '';border: 2px solid transparent; position: absolute; width: 203px;height: 203px;border-radius: 100%; background-color: #f9edec;
    bottom: 3%;left: -4%; z-index: -1;transition: all 0.5s ease-in;}
.joinin::before { content: '';background-size: 90%;background-image: url(../images/agency1.png);background-repeat: no-repeat;width: 885px; height: 690px; right: -190px;
    top: 1%;position: absolute;transition: all 0.5s ease-in;animation: float1 5s ease-in-out infinite;}
.joinin:hover::after{left: 28%;border: 3px solid #98362e;}
.click-anc{font-size: 18px;font-weight: 600;display: block;}
.ratiotitl{font-size: 29px;text-align: center;color: #98362e;padding: 3px 0px 20px 0px;font-weight: 600;}


/* <--------------------male profile------------------------------> */
.profile{padding: 60px 0px;max-width: 1200px;margin: auto;left: 0px;right: 0px;}
.profile-box{position: relative;}
.member-box img{border-radius: 0px 5px 5px 0px;}
.profile-column{display: flex;flex-wrap: wrap;}
.profile-column .member-info{width: calc(50% - 1px);}
.profile-box1:after{ content: '';background-size: 70%;background-image: url(../images/agency1.png);background-repeat: no-repeat;width: 885px; height: 690px; right: -320px;
    top: -19%;position: absolute;transition: all 0.5s ease-in;animation: float1 5s ease-in-out infinite;}
.member-box.hover15{margin-bottom: -15px;}
.maleprotitl{font-size: 28px;font-weight: 600;color: #fff;}
.maleprosubtitl{font-size: 21px;font-weight: 600;}
.profile-box img{box-shadow: 0px 0px 20px #ccc;}

/* <---------------voice-------------------> */
.foreigntitl{font-size: 36px;font-weight: 600;text-align: center;}
.foreignsubtitl{font-size: 36px;font-weight: 600;color: #98362e;;}
/* .aboutma-new{box-shadow: 0px 0px 20px #ccc;} */
.voice-box{background-color: #fff;height: 100%;padding: 35px 30px;}
.voice-box1,.voice-box1{height: 100%;}
.voicsubtitl{font-size: 18px;color:#98362e;}
.voice{padding: 60px 20px;}

.member-voice{background-color: #f5e1e0;padding: 50px 0px 80px 0px;}

/* <-------------------bonus----------------------> */
.bonus{padding: 40px 0px 60px 0px;}
.bonus-box{padding: 25px 20px;text-align: center;position: relative;background-color: #fff;box-shadow: 0px 0px 20px #ccc;
height: 100%;}
.bonus-num{position: absolute;width: 40px;height: 40px;border-radius: 100%;color: #fff;top: -18px;left: 0px;right: 0px;display: flex;
    justify-content: center;align-items: center;background-color:#98362e;margin: auto;}
.click-bonus{font-size: 18px;font-weight: 600;color:#98362e;display: block;text-align: center}
.click-bonus span{font-weight: 400;color: #000;padding: 30px 0px 0px 0px;}
.bonus-box:hover .click-bonus{border: 1px solid #98362e;color: #98362e;background-color: #fff;}

/* <------------------female-------------------------> */
.citizen{background-image: url(../images/female1.png);background-repeat: no-repeat;background-size: cover;height: 70vh;width: 100%;overflow: hidden;}
.citizen-box{top: 0px;left: 0px;background-color: rgba(137, 56, 56, .6);color: #fff;padding:150px 30px 30px 50px;height: 600px;}
.citizentitl{font-size: 36px;font-weight: 600;color: #fff;}
.citizen-box p{font-size: 25px;font-weight: 300;color: #fff;line-height: 35px;}
.hover15 {margin-bottom: 0px;}
.citizen img,.citizen{position: relative;}
.joininter{background-color: #f5e1e0;padding: 60px 0px;}

/* <---------------request------------------> */
.request-contt{max-width: 900px;margin: auto;left: 0px;right: 0px;text-align: center;}
.request-contt .form-control{padding: 23px;border: 1px solid transparent;border-radius: 5px;transition: all 0.5 ease-in;box-shadow: 0px 0px 5px #ccc;}
.request-contt .form-control:hover{border: 1px solid #98362e;}
.requst-form{text-align: center;padding: 20px 0px 0px 0px;}
.join-rq p a{color:#98362e ;}
.request-contt.request-contt-form .form-control{padding: 23px;border: 1px solid #ccc;border-radius: 5px;transition: all 0.5 ease-in;box-shadow: 0px 0px 5px #ccc;}

/* <----------------faq----------------------------------> */
.accordion>.card:not(:last-of-type) {
    margin: 20px 0px;
    box-shadow: 0px 0px 10px #ddd;
}

.card-header .btn-link {
    color: #000;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
}

.btn-link {
    position: relative;
}

.btn-link::after {
    background-image: url(../images/subtract.png);
    transform: rotate(-180deg);
    position: absolute;
    height: 0.25rem;
    margin-left: auto;
    content: '';
    right: 0px;
    top: 17px;
    width: 1.25rem;
    display: inline-block;
    background: #666;
    font-weight: 300;
    height: 3px;
}



.btn-link.collapsed::before {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url(../images/plus.png);
    background-repeat: no-repeat;
    background-size: 1.25rem;
    display: inline-block;
    /* transition: transform .2s ease-in-out; */
    content: '';
    position: absolute;
    right: 0px;
    top: 10px;
}

.btn-link::before {
    display: none;
}

.btn-link.collapsed::after {
    display: none;
}

.reason-need .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
    font-size: 17px;
    text-align: left;
}

.reason-need .accordion>.card>.card-header {
    border-radius: 0;
    margin-bottom: 0px;
    background-color: #fff;

}

.reason-need .card-header {
    padding: 10px;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid #ccc;
}
.companytitl{font-size: 23px;font-weight: 600;color:#98362e;text-align: left;padding: 18px 0px 0px;margin-bottom: -8px;}

/* <---------------silver-----------------------> */
.silver{max-width: 1300px;margin: auto;left: 0px;right: 0px;padding: 60px 0px;}
.silvertitl{font-size: 34px;font-weight: 600;text-align: right;}
.silver-subtitl{font-size: 20px;text-align: right;font-weight: 600;background-color: #8e443e;padding: 15px;;}
.silvertitl1{font-size: 28px;font-weight: 600;}
.silversubtitl1{font-size: 20px;font-weight: 600;}
.silver-box1{background-color: #802d26;padding: 30px 25px;color: #fff}
.silver-box2{background-color: #e6b6b2;padding: 30px 25px;}
.silver-box{height: 200px;}
.silver p{text-align: center;padding: 15px 0px 0px 0px;}
.silver-box1{background-color: #802d26;padding: 30px 25px;color: #fff}
.silver-insu{font-size: 18px;font-weight: 600;text-align: center;color:#802d26 ;}
.silver-insu span{color: #000;}
/* <------------------period--------------------> */
.period{background-image: url(../images/tma2.png);background-attachment: fixed;padding: 80px 0px;height: 90vh;}
.period-box{background-color: rgba(128, 45, 38, .9);color: #fff;padding: 40px 30px;}
.period-box1{padding-left: 90px;}
.profiletitl{font-size: 36px;font-weight: 600;color: #fff;}
.period-box p{font-size: 20px;color: #fff;}

/* <--------------costs--------------> */
.costs{padding: 90px 0px;position: relative;}
.costs:after {
    content: '';border: 1px solid transparent;
    position: absolute;
    width: 510px;
    height: 510px;
    border-radius: 100%;
    background-color: #f2eae9;
    top: 7%;
    left: 41%;
    z-index: -1;transition: all 0.5s ease-in;
}
.costtil{font-size: 36px;color: #802d26;font-weight: 600;}
.cost-box span,.membership-post span,.diamond-cont span{color: #802d26;}
.period-box{height: 100%;}
.membership-post{background-color: #f5e1e0;padding: 70px 120px;text-align: center;}
.aliasetitl{font-size: 36px;font-weight: 600;color: #802d26}
.dating-boxin img{width: 40%;
    margin-right: 35px;
    position: relative;
    z-index: 22;
    float: left;
    transition: all 0.5s ease-in;
    border: 1px solid transparent;box-shadow: 0px 0px 20px #ccc;transition: all 5s ease-in;;}
    .dating-boxin img:hover{border: 1px solid #802d26;transform: translate(4px);}

.datingin{padding: 60px 0px;}
.costs:hover:after{border: 1px solid #802d26;left: 0px;}
.diamond-cont{max-width: 1100px;margin: auto;left: 0px;right: 0px;padding: 60px 0px;text-align: center;}
.diamond-img img{margin-bottom: 20px;border-radius: 5px;}
.diamond{background-color: #f5e1e0;}
.diamond-box{height: 280px;}
.hexany{font-size: 16px;font-weight: 600;text-align: right;padding: 10px 0px 0px 0px ;}
.diamond-cont span{display: inline;font-weight: 600;}
.click-anch{text-transform: uppercase;}
.memtype-box{box-shadow: 0px 0px 10px #ccc;border-radius: 5px;transition: all 0.5s ease-in;border: 1px solid transparent;}
    .dating-boxin img:hover,.consumption-box:hover{border: 1px solid #802d26;transform: translate(4px);}
.memtype-box:hover{border: 1px solid #802d26;transform: translate(4px);}
.memtype-box ul li{font-size: 18px;padding: 3px 0px;}
.memtypenum1{background-color: #d45449;}
.memtypenum2{background-color: #ac4239;}
.memtypenum3{background-color: #802d26;}
.memtypenum{font-size: 40px;text-align: center;padding: 30px;color: #fff;}
.memtype-box ul li span{font-weight: 600;}
.memcontin{padding: 30px 15px 35px 15px;}
.memtypetitl{font-size: 21px;font-weight: 600;text-align: center;padding: 3px 0px 13px 0px;}
.consumption-box{box-shadow: 0px 0px 5px #ccc;padding: 25px 20px;border: 1px solid #eee;text-align: left;transition: all 0.5s ease-in;border: 1px solid transparent;}
.join-contt table td{border: 1px solid #ccc;}
.basic{padding: 65px 0px;}
.basic-boxnw{background-color: #f5e1e0;margin-bottom: 30px;}
.basic-box{height: 98%;text-align: left;}
.wytitl{font-size: 18px;font-weight: 500;color: #802d26;text-align: left;}
.basic-box1{padding: 0px 40px 0px 0px;}
.basic-boxnw p b{font-size: 19px;text-align: center;}
.bscontt{padding: 15px;}
.pdftitl{font-size: 18px;text-align: center;}
.pdf img,.pdf a{text-align: center;display: block;margin: auto;left: 0px;right: 0px;padding:0px 0px 4px 0px;}
.wytt-box table{background-color: #fff;}
.join-contt .table .thead-dark th{background-color: #802d26 !important;}
.wytt-box .table td,.wytt-box .table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    text-align: left;
    padding-left: 20px;    width: 50%;
}
.privatetitl{font-size: 23px;font-weight:600;text-align: center;padding: 10px 0px 20px 0px;line-height: 35px;}
.privatetitl span{color: #802d26;}
.step-free .nav {justify-content: center;}
.step-free.step-onward{box-shadow: 0px 0px 0px transparent;}
.nav-pills .nav-link {font-size: 15px;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {color: #fff;background-color: #363131;}
.nav-pills .nav-link {font-size: 15px;background-color: #802d26; margin: 4px; color: #fff; padding: 8px 21px; border-radius: 23px;}
.step-free.step-onward table{padding: 30px 0px 0px 0px;}
.tab-content{padding: 30px 0px 0px 0px;}
.table tr a{color: #802d26;font-weight: 500;}
.step-free.step-onward .table-bordered thead td, .table-bordered thead th {border-bottom-width: 2px; background-color: #802d26;color: #fff;padding: 14px 9px;}
.join-contt.join-abolft{text-align: left;}

.wytt-box.wytt-boxw .table th,.wytt-box.wytt-boxw .table td {    width: auto;}
.wytt-box.wytt-boxw {padding: 60px 0px 40px 0px;}
.malmempro p{padding: 10px 60px;}
.wytt-box .table td, .wytt-box .table th{transition: all 0.5s ease-in;}
/* .wytt-box .table td:hover, .wytt-box .table th:hover{border: 1px solid #802d26;} */

.common-btn1i{ padding: 10px 44px;}
.emailfom{font-size: 18px;text-align: center;padding: 13px 0px 0px 0px;}

/* <-----------------------inner subsribe----------------------> */
.subscbox{margin: 30px 0px;}
.subscbox1{background-color: #cba8a5;border-radius: 5px;padding: 30px 25px;}
.subscbox1 p{color: #fff;}
/* .form-cirle .form-check-input,.form-check-label{padding: 4px 8px 0px 10px;} */
.form-cirle .form-check {padding: 12px 14px 5px 25px;}
.subtmbtn{
    /* margin-left: 20px; */
}
.wqutitl{font-size: 22px;font-weight: 600;color: #802d26;}
.japnorder {display: flex;justify-content: center;flex-wrap: wrap;margin-right: 98px;max-width: 80%; margin: auto;left: 0px;right: 0px;
    padding: 20px 0px;}
.japnorder li {max-width: calc(25% - 20px); margin: 0px 10px;}
.japnorder .common-btn {
    background-color: #98362e;border: 1px solid transparent;
    color: #fff;
    padding: 8px 51px;
    font-size: 18px;
    border-radius: 50px;
    transition: all 0.5s ease-in;
    border: 1px solid transparent;
    text-transform: uppercase;
}
.request-contt-nww,.join-contt-nww{
    max-width: 1083px;
    margin: auto;
    left: 0px;
    right: 0px;
    text-align: center;
}
.japnorder .common-btn:hover, #team-slid .owl-next span:hover,#team-slid .owl-prev span:hover{border: 1px solid #98362e;background-color: #fff;color: #98362e;}
#team-slid .owl-prev span {
    background-color: #98362e;border: 1px solid transparent;
    color: #fff;
    padding: 8px 51px;
    font-size: 18px;
    border-radius: 50px;
    transition: all 0.5s ease-in;
    border: 1px solid transparent;
    text-transform: uppercase;position: relative;
    left: -268px;
    text-align: center;
    margin: 3px 10px 0px 0px;
    display: flex;
   
}
.wmale-img,.face-box{border: 1px solid transparent;transition: all 0.5s ease-in;}
.wmale-img:hover,.face-box:hover{border: 1px solid #98362e;}

 #team-slid .owl-next span {
    background-color: #98362e;border: 1px solid transparent;
    color: #fff;
    padding: 8px 51px;
    font-size: 18px;
    border-radius: 50px;
    transition: all 0.5s ease-in;
    border: 1px solid transparent;
    text-transform: uppercase;position: relative;

    text-align: center;
    margin: 3px 10px 0px 0px;
    display: flex;
    right: -282px;
    position: relative;
}
.common-btn1 {
    background-color: #98362e;
    color: #fff;
    font-size: 16px;
    padding: 10px 20px !important;
    text-transform: uppercase;
    border: 1px solid transparent;
    margin-top: 15px;
    border-radius: 30px;
    font-weight: 600;
    transition: all 0.5s ease-in;
}
#team-slid .owl-next  {
    position: absolute;
    display: inline-block;
    top: 3%;
    right: 43%;
  }
  #team-slid .owl-nav {
    display: flex;
    justify-content: center;
    bottom: -15px;
    position: relative;
    margin-bottom: 41px;
}

#team-slid .owl-dot span {
    background-color: #d6e0e3;
    width: 15px;
    height: 15px;
    display: none;
    margin: 2px;
    border-radius: 50%;
    background-image: url(../images/popular-arrl.png);
    background-repeat: no-repeat;
}

.Partner-box p{font-size: 22px;font-weight: 500;padding: 20px 0px 0px 0px;}
.wmalink li a{color: #98362e}
.face-out{display: flex;justify-content: center;flex-wrap: wrap;}
.face-box{width: calc(16.66% - 20px);margin: 10px;}
.face-img{display: block;}
.facenmm{color: #98362e;font-size: 18px;padding: 8px 0px;text-align: center;}
.face-contt{max-width: 90%;margin: auto;left: 0px;right: 0px;}
.page-item.active .page-link {z-index: 3;color: #fff;background-color: #2d2d2d;border-color: #2d2d2d;padding: 2px 16px;
    margin: 3px;border-radius: 6px;font-size: 19px;}
.pagination-sm .page-item:first-child .page-link {border-radius: 5px;}
.pagination-sm .page-link {z-index: 3;color: #fff;background-color: #98362e;border-color: #98362e; padding: 2px 16px;
    margin: 3px;border-radius: 6px;font-size: 19px;
}

/* <---------------register-----------------> */
.tma-silver .hexoffline.text-center.pt-5{margin-bottom: -40px;}
.tma-silver .form-control{padding: 22px 20px;border: 1px solid transparent;box-shadow: 0px 0px 5px #ccc;}
.tma-silver .form-check-input{padding: 10px;box-shadow: 0px 0px 10px #ddd;}
.tma-silver label {padding-left: 7px;}
.offlinn-box1.offlinn-box2{padding: 32px 20px;}
.addbtn{position: absolute;width: 40px;height: 40px;right: 0px;top: -32px;background-color: #fd58a8;color: #fff;
font-size: 22px;border: 1px solid transparent;}
.addbtn:hover{color: #1f1f1f}
.addbtn1{position: absolute;width: 40px;height: 40px;right: 0px;bottom: -40px;background-color: #fd58a8;color: #fff;
    font-size: 22px;border: 1px solid transparent;}
    .addbtn1:hover{color: #1f1f1f}
.offlinn-box .form-control1{width: 100%;padding:15px;margin: 10px 0px;height: 120px;resize: none;}
.tma-silver-form ul li{font-weight: 500;font-size: 16px;padding: 0px 0px 10px 0px;}
.form-check {padding-right: 10px;}
.transform-box{width: 100%;height: 400px;overflow-y: scroll;background-color:#f5f4f5;margin: auto;left: 0px;right: 0px;margin-top: 30px;margin-bottom: 30px;padding: 20px 15px;box-shadow: 0px 0px 10px #ddd;}
.transform-box ul li{list-style: none;font-size: 17px;font-weight: 400 !important;}
.transform-box ol li{list-style-type: inherit;padding-left: 20px;}
.transform-box ol li span{font-weight: 500;}
.transform-box ol li a{color: #fd58a8;}
.tma-silver-free .form-select{height: 44px;border: 1px solid transparent;box-shadow: 0px 0px 10px #ddd;}

.offlinn-box .form-select{width: 100%;}
.offlinn-box{height: 100%;padding: 20px 20px;background-color: #fff;margin: 20px 0px;}
.offlinn-box1{background-color: #f5f4f5;padding: 50px 10px;margin: 20px 0px;}
.offlinn-box .form-control1{width: 100%;padding:15px;margin: 10px 0px;height: 120px;resize: none;}
.tma-silver-free .request-contt{text-align: left !important;}
.offlinn-box ul li{font-size: 18px;font-weight: 500;padding: 10px 0px;}
.offlinn-box ul li a,.offlinn-box label a{color:#98362e ;}
.tranbox-list ul li{list-style-type: none !important;color:#98362e ;}
.tranbox-list ul{justify-content: space-between;}
.common-btn.common-btn-confirm {display: inline-block;width: 248px;text-align: center;font-size: 18px;}

/* <-----------------newstart incoverage--------------------------> */
.incoverage-out{padding: 60px 0px 90px 0px;text-align: center;}
.incoverage{box-shadow: 0px 0px 20px #ccc;padding: 23px 10px 50px 20px;position: relative;transition: all 0.5s ease-in;border: 1px solid transparent;
height: 100%;}
.incovertitl{position: absolute;bottom: -6%;border: 1px solid #ccc;box-shadow: 0px 0px 5px #ddd;width: 80%;margin: auto;left: 0px;right: 0px;padding: 15px;transition: all 0.5s ease-in;background-color: #fff;font-weight: 600;color: #98362e;}
.incoverage:hover,.incoverage:hover .incovertitl{border: 1px solid #98362e;border-radius: 5px;}
.incover-box .incover-img{margin:0px 6px 10px 6px;}
.incoverage-ott{padding: 0px 0px 40px 0px;height: 100%;}
.incover-info p{padding: 5px 30px;text-align: center;}
.incoverage p a{color: #98362e;}
/* <-------------change content--------------------> */
.step.step1{max-width: 100%;box-shadow: 0px 0px 0px #ccc;}
.step.step1:hover{border: 0px solid transparent;}
.join-txadd{
    text-align: center;
    font-size: 16px;
 

    padding: 20px;
}

.join-num-aa{
    font-size: 18px;
    color: #98362e;
    font-weight: 600;
    /* width: 50px; */
    height: 30px;
    border-radius: 100%;
    /* background-color: #e6b6b2; */
    display: flex;
    justify-content: center;
    /* margin-left: 8px; */
    align-items: center;
}
.step-box2.step-boxnw::after {width: 95%;}
.step-box1 { text-align:center !important;}
.step-box { text-align: left;}
.step-out{box-shadow: 0px 0px 20px #ccc; border: 1px solid #fff;}
#offerSlider1 .owl-prev {position: absolute;bottom: -9%;left: 41%;display: block;}
#offerSlider1 .owl-prev span {width: 40px;height: 40px;border-radius: 50%;color: #000;font-size: 24px;  text-align: center;
background-image: url(../images/testimonial-arrow.webp);background-repeat: no-repeat;}
#offerSlider1 .owl-next span {width: 50px;height: 40px;border-radius: 50%;color: #000;font-size: 24px;  text-align: center;
  background-image: url(../images/testimonial-arrow.webp);background-repeat: no-repeat;background-size: 62%;}

#offerSlider1 .owl-nav {  display: block;}
#offerSlider1 .owl-dot span {  background-color: #d6e0e3;  width: 15px;  height: 15px;  display: none;  margin: 2px;
   border-radius: 50%;}

#offerSlider1 .owl-next { position: absolute;display: block;bottom: -9%;right: 42%;}

/* <---------------tma different-----------------------> */
.profile-out,.marriage-list{height: 100%;box-shadow: 0px 0px 15px #ddd;padding: 20px 25px;transition: all 0.5s ease-in;border: 1px solid transparent;}
.profile-out:hover,.marriage-list:hover{border: 1px solid #98362e;transform: translateY(10px);}
.profile-out p{font-size: 17px;}
.profile-tma{padding: 80px 0px;text-align: center;}
.diamond-cont .d-block{color:#98362e ;}
.goldnw p{padding: 0px 0px;margin-bottom: 3px;}
.malistitl{font-size: 26px;font-weight: 600;color: #98362e;text-align: center; text-transform: capitalize;}
.marriage-list{box-shadow: 0px 0px 15px #ddd;background-color: #fff;padding: 30px 20px;}
.marlist-img a{background-color: #cda19e;padding: 10px;margin: 39px 0px;height: 90px;display: flex;justify-content: center;
align-items: center;transition: all 0.5s ease-in;}
.marlist-img a:hover{background-color: #98362e;}
.marriage-jolit{padding: 25px 250px 0px 250px;}
.marriage-jolit img{margin: auto;text-align: center;display: block;left: 0px;right: 0px;}
.inqout{padding: 60px 200px;}
.inqout a{color: #98362e;}
.social-icon ul li i {
    font-size: 25px;
    color: #98362e;
    display: flex;
    justify-content: center;
    align-items: center;
}






.contactma-new a{ font-weight: 600; color:#024D93}



.contactma-new .drop_box {
  margin: 10px 0;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  /*border: 2px dotted #a3a3a3;*/
  border-radius: 5px;
}

.contactma-new .drop_box h4 {
  font-size: 16px;
  font-weight: 400;
  color: #2e2e2e;
}

.california-form .drop_box p {
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 12px;
  color: #a3a3a3;
}

.contactma-new .btn {
  text-decoration: none;
  background-color: #111;
  color: #ffffff;
  padding: 10px 20px;
  border: none;
  outline: none;
  transition: 0.3s;
}

.contactma-new btn:hover{
  text-decoration: none;
  background-color: #111;
  color: #fff;
  padding: 10px 20px;
  border: none;
  outline: 1px solid #010101;
}
.california-form .form input {
  margin: 10px 0;
  width: 100%;
  background-color: #e2e2e2;
  border: none;
  outline: none;
  padding: 12px 20px;
  border-radius: 4px;
}


/*----------- four zero four ------------*/
.four-title {
    font-size: 48px;
}

.four-btn {
    padding: 12px 20px;
    text-align: center;
    background-color: #cda19e;
    color: #fff;
    border-radius: 5px;
    transition: all 0.5s ease-in;
    border: 1px solid transparent;
}

.four-btn:hover {
    background-color: #ffff;
    border: 1px solid #cda19e;
}

.four-img img {
    width: 400px;
}
.common-sec{padding: 90px 0px;}
@media only screen and (min-width: 768px) {
    .dropdown:hover .dropdown-menu {
      display: block;
      margin-top: 0;
    }
  }

  .dropdown-item:focus, .dropdown-item:hover {
    color: #fff;
    text-decoration: none;
    background-color: #98362e;
}

.request-contt.request-conttchgz {
    max-width: 1200px;
    margin: auto;
    left: 0px;
    right: 0px;
    text-align: center;
}
.request-contt.request-conttchgz .marlist-img a img {max-width: 100%;border: 0;padding: 40px 0px;}
.request-contt.request-conttchgz .marlist-img a{border: 1px solid transparent;transition: all 0.5s ease-in;}
.request-contt.request-conttchgz .marlist-img a:hover {
    border:1px solid #98362e;background-color: #fff !important;
}
.join-contt span.txtspan{color: hsl(0deg 100% 50%);}
.request-contt.request-conttchgz .marriage-list {
    padding: 50px 20px;
}
.femalein.femalein-onbtm{margin: 80px 0px;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #98362e;
}

.silver-remove .silvertitl,.silver-remove .silver-subtitl {text-align: left;}
.silver-remove {background-color: #fff;color: #000;}
.silver-remove .silver-subtitl {background-color: #fff;color: #000;}
.silver-remove{height: auto}

.silver-remove .silver-subtitl {padding: 15px 0px;}
.silver-remove .silver-subtitl span,.silver-remove h5 span,.chg-modify li a{color:#ff1010;}

.silver-remove ul li img{padding-right:10px}




/* <---------------Sitmap-css-----------------> */
 
.site-mpbox{border: 1px solid #98362e;text-align: left;padding:50px 40px;}
.site-mpbox ul{}
.site-mpbox ul li a{font-size: 18px;padding: 5px 0px;transition: all 0.5s ease-in;}
.site-mpbox ul li a:hover{color: #98362e;}
.site-menu{padding-top: 30px;}
.site-mpbox h3{border-bottom: 1px solid #98362e;}
.add-fopg ul{margin-left: 20px;}


.footer-box.footer-boxstart input.common-btn1.common-btn1new {
    padding: 10px !important;
    display: block;
    width: 100%;
}


/* <---------------media-----------------> */
@media (max-width:1440px) {
.container{max-width: 90%;}

.bannertitl {    font-size: 31px;padding-left: 54px;}
.banner-form {padding: 22px 20px;}
.agency:after {height: 690px;right: -454px;top: -54%;}
.agency:before {background-size: 67%;}
.service-nmm {font-size: 20px;}
.common-btn2 { padding: 8px 43px;}
.membertitl,.jointitl,.freetitl {font-size: 35px;}
.silvertitl {font-size: 30px;}
.footer-box.footer-boxstart input.common-btn1.common-btn1new {
    padding: 10px !important;
}
}

@media (max-width:1366px) {
    .navbar-light .navbar-brand { width: 25%;}
    .inbanner-contt { top: 60%;}
    .navbar-light .navbar-nav .nav-link {padding: 9px 8px;margin: 0px 8px;font-size: 18px;}
    .top-cart-sec li {padding: 0px 11px 8px 10px;}
    .banner-contt {top: 25%;}
    .bannertitl { font-size: 38px;  padding-left:0px;}
    .banersubtitl { font-size: 16px; padding: 0px 0px 1px 0px;}
    .banner-form {width: 311px;}
    .common-btn { font-size: 20px; padding: 6px 10px; margin-top: 17px;font-weight: 500; }
    .agencytitl {font-size: 26px;}
    p {line-height: 26px;font-size: 15px;}
    .agency:before {top: 26%;left: 40%;background-size: 50%;}
    .agency:after {    background-size: 47%; right: -527px; top: -46%;}
    .common-btn1 {  font-size: 15px;padding: 8px 20px; margin-top: 15px;font-weight: 500; }
    .service { padding: 50px 0px;}
    .service-img {  width: 210px; height: 210px;overflow: hidden;}
    .service-box { padding: 20px 16px 20px 14px;}
    .service-nmm {font-size: 19px; }
    .servicetitl { font-size: 35px;  padding: 5px 0px 14px 0px;}
    .step { max-width: 930px;}
    .step-box p {  font-size: 19px;}
    .step-box1 ul li {font-size: 23px;}
    .membertitl, .jointitl, .freetitl {font-size: 32px;}
    .join-contt p {  font-size: 15px;}
    .dating {  padding: 50px 0px;}
    .free { padding: 40px 0px;}
    .step-free {max-width: 1016px;overflow: hidden;padding: 0px;}
    .free-box1 { padding: 23px;}
    .footrtitl { font-size: 18px;}
    .footer-box address, strong, .footer-box p { font-size: 15px;}
    .footer-box ul li a, .footer-box ul li { font-size: 15px; padding: 1px 0px;}
    .social-icon ul li i {font-size: 22px;}
    .social-icon ul li { width: 35px;  height: 35px;line-height: 23px;}
    .footer-box input {
        /* padding: 16px; */
    }
    .joinesy, .memtyp { font-size: 21px;}
    .join-btn {font-size: 22px;}
    .ineuropetitl {font-size: 30px;}
    .europe {padding: 43px 0px; max-width: 1100px;}
    .joinin::after {width: 150px;height: 150px;bottom: 3%;left: 1%;}
    .profile-box1:after {background-size: 62%; right: -379px; top: -31%;}
    .maleprotitl { font-size: 21px;}
    .maleprosubtitl {font-size: 17px;}
    .member-boxnw{margin-left:-50px;}
    .memstep:after {width: 37px; height: 37px;}
    .member-info ul {padding: 13px 20px;  margin: 8px;}
    .memstep { font-size: 22px; padding-left: 8px;}
    .foreigntitl {font-size: 30px;}
    .foreignsubtitl {font-size: 27px;}
    .aboutma-box2{padding-top: 20px;}
    .member-voice {padding: 40px 0px 56px 0px;}
    .voice-box1, .voice-box1 {height: 100%;}
    .voicsubtitl {font-size: 17px;}
    .bonus {padding: 31px 0px 40px 0px;}
    .oreignsubtitl {font-size: 36px;}
    .citizen-box {padding: 130px 30px 28px 50px;height: 500px;    }
    .citizen-box p {font-size: 20px;line-height: 33px;}
    .joininter {padding: 50px 0px;}
    .intitll {font-size: 36px;}
    .join-contt, .dating-contt { max-width: 970px;}
    .request-contt { max-width: 800px;}
    .card-header .btn-link {font-size: 17px;}
    .reason-need .card-body {font-size: 15px;  }
    .silvertitl {font-size: 29px;}
    .silver-subtitl {font-size: 18px; padding: 10px;}
    .silvertitl1 {font-size: 25px;}
    .silversubtitl1 {font-size: 18px;}
    .silver-insu {font-size: 16px;}
    .costtil,.aliasetitl,.profiletitl{font-size: 30px;}
    .costs:after {width: 400px; height: 400px; top: 13%; left: 41%;}
    .membership-post {padding: 60px 120px;}
    .period-box p { font-size: 16px;}
    .period {padding: 47px 0px; height: 98vh;}
    .memtypetitl {font-size: 18px; padding: 3px 0px 9px 0px; }
    .memtypenum {font-size: 36px; padding: 12px;}
    .memcontin {padding: 18px 15px 26px 15px;}
    .memtype-box ul li {font-size: 16px;padding: 2px 0px;}
    .consumption-box { padding: 20px 20px;}
    .join-contt table td { padding: 8px 20px;font-size: 15px;}
    .basic-boxnw p b {font-size: 16px;}
    .wytitl {font-size: 16px;}
    .basic { padding: 50px 0px;}
    .ratiotitl {font-size: 25px;padding: 3px 0px 18px 0px; }
    .malmempro p {padding: 0px 58px 0px 60px;}
    .privatetitl {font-size: 20px; padding: 10px 0px 14px 0px;}
    .tab-content {padding: 7px 0px 0px 0px;}
    .table td, .table th { padding: 9px;}
    .join {padding: 40px 0px;}
    .Partner-box p {font-size: 20px;padding: 17px 0px 0px 0px;}
    #team-slid .owl-prev span {padding: 7px 44px;font-size: 16px;left: -248px;} 
    #team-slid .owl-next span {padding: 7px 44px; margin: 3px 10px 0px 0px; right: -290px;font-size: 16px}
    .wqutitl {font-size: 20px;}
    .japnorder .common-btn {padding: 7px 50px;font-size: 16px;}
    .common-btn1.common-btn1i {padding: 8px 33px;}
    .tma-silver .form-control {padding: 20px 20px;}
    .offlinn-box ul li {font-size: 16px;}
    .tma-silver label {font-size: 15px;}
    .transform-box ol li {padding-left: 11px; }
    .request-contt.request-conttchgz {max-width: 1100px;}
    .request-contt.request-conttchgz .marlist-img a img {max-width: 100%;border: 0;padding: 30px 0px;}
.request-contt.request-conttchgz .marlist-img a {height: 87px;}
.femalein.femalein-onbtm{margin: 60px 0px;}
.baner-select {width: calc(52.33%);}
.marlist-img a {height: 56px;}
.join-num-aa { font-size: 14px;}
.join-txadd { font-size: 14px;}
.join-num-aa { height: 0px; padding-bottom: 30px;}
.join-img {margin-bottom: 15px;}
.aboutma-box-change { padding-right: 30px;}





}


.goog-te-combo {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    box-sizing: border-box;
}
@media (max-width:1245px) {
.navbar-light .navbar-nav .nav-link {
    padding: 9px 7px;
    margin: 0px 8px;
    font-size: 16px;
}

}

body, html{ overflow-x: hidden; }

@media (max-width:1024px) {
.navbar-light .navbar-nav .nav-link {  font-size: 15px; margin: 0px 5px;}
.navbar-light .navbar-brand { width: 180px;}
.bannertitl { font-size: 26px; padding-left: 0px;}
.banersubtitl { font-size: 16px;}
.banner-info img { width: 520px;}
.agencytitl { font-size: 19px;}
.baner-select { width: calc(50.33%);}
#offerSlider1 .owl-next { bottom: -15%; right: 35%;}
#offerSlider1 .owl-prev { bottom: -15%;}
.servicetitl { font-size: 30px;}
.service-nmm { font-size: 16px;}
.service-img { width: 100%; height: auto;}
.join-txadd { padding: 15px;}
.step-box1 ul li { font-size: 18px;}
.step-box p { font-size: 17px;}
.step-out { padding-left: 35px;}
.join-num-aa { font-size: 14px; padding: 10px;}
.join-txadd { padding: 10px; font-size: 15px;}
.join-btn { font-size: 20px;  top: 25%;}
.member-box1 { padding: 0px 20px 0px 20px;}
.memstep {font-size: 18px; padding: 5px 10px; padding-left: 9px;}
.membertitl, .jointitl, .freetitl { font-size: 28px;}
.dating { padding: 50px 0px 0px;}
.join-img { margin-bottom: 20px;}
.agency:after { right: 0; top: -46%;}
.inbanner-contt { top: 60%;}
.intitll { font-size: 30px;}
.memtypenum { font-size: 28px;}
.wytt-box.wytt-boxw { padding: 50px 0px 0px 0px;}
.malmempro p { padding: 0px 0px 0px 0px;}
.ratiotitl { font-size: 24px;}
.citizen { height: 50vh;}
.citizen-box {  padding: 50px 30px 28px 50px; height: 385px;}
.aboutma-new { padding-right: 0px !important;}
.aboutma-box { padding-right: 20px;}
.membership-post { padding: 60px 20px;}
.costtil, .aliasetitl, .profiletitl { font-size: 26px;}
.period-box1 { padding-left: 30px;}
.period { height: 88vh;}
.costs { padding: 50px 0px;}
.costs:after { width: 300px; height: 300px; top: 18%;}
.foreigntitl { font-size: 28px;}
.click-bonus { font-size: 15px;}
.japnorder { margin-right: 0px; max-width: 100%;}
.silvertitl { font-size: 26px;}
.membership { padding: 50px 0px;}
.malistitl { font-size: 24px;}
.request-contt.request-conttchgz .marriage-list { padding: 30px 20px;}
.marlist-img a { height: 90px;}
.ineuropetitl { font-size: 24px;}



}



@media (max-width:840px) {
.navbar-light .navbar-brand { width: 140px;}
#google_translate_element { position: fixed; top:20px; left: 45%; z-index: 999999;}
.navbar-nav.navbar-light { background: #98362e;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #ffffff;}
.navbar-light .navbar-nav .nav-link { padding: 15px 10px;}
.fixed-nav .top-menu-bg { padding: 5px 0; padding-bottom: 5px;}
.agency:after { height: 270px;}
.service-box { height: auto; margin-bottom: 30px;}
.common-btn2 { padding: 7px 20px;}
.join-num-aa { font-size: 12px; padding: 2px;}
.join-txadd { padding: 10px; font-size: 12px;}
.step-box1 ul li { font-size: 14px;}
.step-out { padding-left: 15px;}
.step { margin-top: 30px; margin-bottom: 30px;}
.top-menu-bg { background: #98362e; padding: 5px 0;}
.memtypenum { font-size: 24px;}
.wytt-box.wytt-boxw { padding: 0px 0px 0px 0px;}
.citizen { height: 28vh;}
.citizen-box { padding: 25px 20px 28px 40px; height: 380px;}
.citizen-box p { font-size: 18px;}
.membership-post { padding: 50px 0px;}
.costtil, .aliasetitl, .profiletitl { font-size: 24px; line-height: 35px;}
.costs:after { top: 22%;}
.period { height: 71vh;}
.profile-out, .marriage-list { padding: 20px 11px;}
.profile-out p { font-size: 16px;}
.silver-insu { font-size: 16px; line-height: 26px;}
.profile-tma { padding: 50px 0px;}
.foreigntitl { font-size: 26px;}
.member-voice { padding: 10px 0px 56px 0px;}
.click-bonus { font-size: 16px; padding-top: 40px;}
.click-bonus span { padding: 10px 0px 0px 0px;}
.japnorder .common-btn { padding: 10px 30px;}
.step-free.step-onward .table-bordered thead td, .table-bordered thead th { padding: 14px 7px;}
.container { max-width: 97%;}
.join-contt p {font-size: 16px; text-align: center;}
.footrtitl { font-size: 20px; line-height: 26px;}
.height-min{ height: 80px;}


}



@media (max-width:768px) {
.banner-contt { top: 15%;}
.join-contt p { font-size: 15px; text-align: center;}
.membertitl, .jointitl, .freetitl { font-size: 26px;}
.footer { padding: 40px 0px 0px 0px;}
.joinin::before { width: 395px; height: 380px; right: 0;}
.joinin:after{ display: none; }
.citizen-box p { font-size: 15px; line-height: 26px;}
.foreignsubtitl { font-size: 26px;}
.period { height: 85vh;}
.costtil, .aliasetitl, .profiletitl { font-size: 22px;}
.card-header .btn-link { font-size: 16px;}
#google_translate_element { top: 10px;}
.height-min { height: 58px;}
.diamond-cont { padding: 40px 0px;}


}

@media (max-width:767px) {
.goog-te-combo { width: 78%;}
.banner-contt {  top: 40%;}
.banner-form { width: 100%;}
.banner { position: relative; min-height: 32vh;}
.agency { padding: 40px 0px 100px 0px;}
.servicetitl { font-size: 26px;}
.service { padding: 50px 0px 30px;}
.step-box { width: 100%; display: block !important; text-align: left;}
.step-box1 { text-align: left;}
.step-box ul{ width: 100%; }
.step-box2 { border-left: 0px solid #ccc; border-right: 0px solid #ccc; padding: 25px 0px;}
.step-box2.step-boxnw::after { display: none;}
.step-box2 { padding: 0px 0px;}
.join-num-aa { font-size: 15px; padding: 0px; height: 0px; display: block; margin-bottom: 15px;}
.join-txadd { text-align: left;}
.join-txadd { padding: 10px 0px;}
.step-out { padding: 20px;}
.join-btn { right: 45%;}
.member-box1 { padding: 30px 0px 0px 0px;}
.dating { padding: 20px 0px 0px;}
.text-right { text-align: left!important;}
.copy-right { padding: 20px 0px 0px 0px;}
.copy-right a, .copy-right p { margin-bottom: 5px;}
.footer-box input { width: 100%;}
.footer-boxstart { padding-right: 0px;}
.footer { padding: 20px 0px 0px 0px;}
.footrtitl { margin-top: 30px;}
.jointitl { font-size: 23px;}
.navbar-light .navbar-nav .nav-link {padding: 25px 10px 0px; margin: 0px 0px; font-size: 16px;}
.navbar-nav.navbar-light { padding-bottom: 20px;}
.joinesy, .memtyp { font-size: 20px;}
.hover15 { margin-bottom: 3px;}
.intitll { font-size: 24px;}
.height-min { height: 85px;}
.inbanner-contt { top: 30%;}
.basic { padding: 30px 0px;}
.ratiotitl { font-size: 19px;}
.ratiotitl { font-size: 19px;}
.voice { padding: 30px 0px;}
.foreignsubtitl { font-size: 19px; margin-bottom: 20px !important;}
.aboutma-box { padding-right: 0px;}
.citizen { height: 46vh;}
.citizen-box { padding: 25px 20px 28px 20px;}
.femalein.femalein-onbtm { margin: 50px 15px;}
.ineuropetitl { font-size: 20px;}
.costtil, .aliasetitl, .profiletitl { font-size: 22px; margin-bottom: 30px !important;}
.dating-boxin img { width: 100%; margin-bottom: 20px;}
.datingin { padding: 60px 0px 30px;}
.membership-post { padding: 50px 0px 30px;}
.period-box1 { padding-left: 20px; padding-right: 10px;}
.period { height: auto;}
.costs { padding: 50px 0px 30px;}
.foreigntitl { font-size: 22px;}
.voice-box { padding: 25px 15px;}
.member-voice .mt-5, .my-5 { margin-top: 1rem!important;}
.japnorder li { max-width: calc(50% - 20px);}
.join { padding: 30px 0px;}
.memtype-box { margin-bottom: 25px;}
.goog-te-gadget .goog-te-combo { margin: 20px 0 !important;}
.faq { padding: 20px 0px 50px;}
.service-nmm { padding: 0px 0px 0px 0px;}
.hover15 figure { margin-bottom: 0px;}
.common-btn1 { margin-top: 0px; margin-bottom: 15px;}
.incoverage-out .mt-5, .my-5 { margin-top: 1rem!important;}
.aliasetitl { font-size: 22px; margin-bottom: 10px !important;}
.marriage-jolit {padding: 0px;}
.member-box.hover15 {  margin-bottom: 20px;}
.table td, .table th { padding: 5px; font-size: 10px;}
.step-free.step-onward .table-bordered thead td, .table-bordered thead th {
    padding: 8px 3px;}








}















/*----------------------------------------blog---------------------------*/
.blog-sec{ padding: 80px 0px;}


.blog-box{ background-color:#fff; box-shadow: 0 0 15px #ddd;}
.blog-text-sec{ padding: 15px;} 
.blog-title{ font-size:22px;  padding: 0; margin: 0px 0 10px 0; color:#000; }
.blog-title a{ color:#111; }

.blog-box a{ display: block}
.date-blog{ font-size: 14px; padding-bottom: 10px; color:#690335; font-weight: 600}

.read-more{ border: solid 1px #690335; background-color:#fff; padding: 8px 30px; border-radius: 5px; font-size: 18px; color:#690335; display: inline-block!important;}
.read-more:hover{  background-color:#690335;  border: solid 1px #690335; color:#fff; }
.blog-mar-top{ margin-bottom: 40px;}


.blog-right{ background-color:#fff; padding: 0px 0 0 8px;  }
.blog-date{ font-size:15px; margin-bottom: 10px;}
.blog-title{  font-size: 22px; margin: 20px 0 12px 0; font-weight: 600}
.blog-r-title{  font-size: 20px; margin: 0 0 12px 0; font-weight: 600; background-color:#690335; font-weight: 500; padding: 10px; position: relative; color:#fff; }
.blog-r-title::after{ position: absolute; content: ""; left: 0; bottom: -20px; width: 0;
height: 0;border-style: solid;border-width: 20px 0 0 20px;border-color: #470224 transparent transparent transparent;}

.blog-rs-title{  font-size: 15px; margin: 0 0 0px 0}
.blog-right ul { margin-left:0px!important; margin-top: 30px; margin-bottom:25px; }
.blog-right ul li{ padding: 7px 0; border-bottom: solid 1px #ddd; font-size: 17px!important; list-style:none!important; position: relative; padding-left: 20px;}

.blog-right ul li:before {
    font-family: FontAwesome;
    content: "\f104";
    font-size: 18px;
    color: #111;
    width: 30px;
    padding-right: 10px;
    left: 0;
    position: absolute;
    top: 5px;}

.search-blog{ display: flex;}
.search-blog input{ height: 48px;}
.btn-primary { color: #fff;background-color: #690335; border: solid 1px #690335; margin-left: 5px;}
.btn-primary:hover { color: #fff;background-color: #fd58a8;border: solid 1px #fd58a8}

.blog-main-b{ margin-bottom: 25px;}
.blog-p h2{ margin: 20px 0 10px 0 ; color:#111; font-size: 20px; font-weight: 600;}

.comments-back{background-color:#eff1f1; padding: 20px; border-radius: 8px; margin: 40px 0}
.post-comment { color: #fff;background-color: #690335; border: solid 1px #690335; margin-left: 5px; border-radius:5px; padding: 10px 30px; font-size: 18px; text-transform: uppercase;}
.post-comment:hover {color: #fff;background-color: #fd58a8;border: solid 1px #fd58a8}
.comments-back .form-control {
    display: block;
    width: 100%;
    height: 44px;
    padding: 0.375rem 0.75rem;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0rem;
}
.form-group {margin-bottom: 1rem;}
.blog-comments {font-size: 24px;margin: 0px 0 10px 0;font-weight: 600; color:#690335;} 
.comments-back textarea { height: auto!important;}
.banner-inrcontt-blog{font-size: 55px;font-weight: bold; line-height: 70px; color:#fff; margin: 0 0 0 0}

.blog-banner-top{ position: relative}
.blog-inner{ position:absolute; width: 100%; bottom: 20%; left: 0;}
.blog-sec h2{ font-size: 22px; margin: 10px 0 10px 0}
.blag-secdetail{ padding: 60px 10%;}
    .blag-secdetail h1{font-size: 45px; font-weight: 700;}
    .blag-secdetail ul, .blag-secdetail ol{ margin:0px 0px 30px 0px; padding-left: 16px;width: 100%;}
    .blag-secdetail ul li{ list-style: disc; margin-bottom: 15px; color: #444;}
    .blag-secdetail ol li{list-style: decimal; margin-bottom: 15px; color: #444;}
    .blag-secdetail h2{font-size: 30px; font-weight: 600;margin-top: 30px;margin-bottom: 15px;}
    .blag-secdetail p a{color: #98362e;}
    .blag-secdetail p a:hover{color: #860734; text-decoration: underline;}
    .blog-innerimage{ text-align: center; margin: 50px 0px;}
    .blog-innerimage img {border-radius: 15px; border: 1px solid #860734; -webkit-transition: 0.4s ease;transition: 0.4s ease;box-shadow: 0px 10px 40px -21px #000;}
    .blog-innerimage:hover img{ -webkit-transform: scale(1.01); transform: scale(1.01); }
    .blag-secdetail h3{font-size: 25px; font-weight: 600; margin-top: 30px;}
    .blag-secdetail ol li h3{font-size: 21px; font-weight: 600;}
    .blag-secdetail ul li h3{font-size: 21px; font-weight: 600; display: inline;}
    .inn-headinglist{margin: 20px 0px;}
    .inn-headinglist li{ margin-bottom: 15px !important;}
    .inn-headinglist li h3{font-size: 16px !important; font-weight: 600; display: inline;}
    .blag-secdetail h4, .blag-secdetail h5{font-size: 23px; font-weight: 600; margin-top: 15px;}