@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Cookie&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');

.ictst1 span {
    font-size: 30px;
    font-weight: 700;
    color: #34183d;
}
.ss-page img {
    height: 230px;
    width: inherit;
}
.ss-page {
    text-align: left;
}
.ss-page .hlts {
    font-weight: 700;    font-size: 18px;
}
.ss-page {
    color: #444;
    background: #f1f1f1;
    border: 1px solid #eaeaea;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.box-shwd {
    box-shadow: 1px 0px 5px gray;
    padding: 55px 55px 40px 55px;
    width: 75%;
    margin: auto;
    margin-bottom: 45px;
}
.nav-sty ul.navbar-nav li:hover ul.dropdown-menu {position: absolute;}
.container.captions {}
body.modal-open .modal{}
li.cl-nst button {color: #fff !important;background: #34183D;}
  .fadeInRight.go {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
.fadeInRight {
    opacity: 0;
    -webkit-transform: translateX(400px);
    transform: translateX(400px);
}
.fadeInRight, .fadeInLeft, .fadeInUp, .fadeInDown {
    opacity: 0;
    -webkit-transform: translateX(400px);
    transform: translateX(400px);
}
      @keyframes fadeInRight { 
    0% { 
        opacity: 0; 
        transform: translateX(400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
} 
.delay-1000 {
    -webkit-animation-delay: 1.0s;
    -moz-animation-delay: 1.0s;
    -o-animation-delay: 1.0s;
    animation-delay: 1.0s;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

  /*.sub-caption:before {
    content: "";
    height: 2px;
    width: 40px;
    background: #d21410;
    position: absolute;
    z-index: 99;
    left: 0;
    top: calc(50% - 1px);
}
*/
.clbtnc a {font-family: Poppins, Arial;}
.clbtnc { margin-top: 40px;}     
 .main-caption {
 font-family: "Cookie", cursive;
 font-optical-sizing: auto;
    font-size: 30px;
    color: #333;
    max-width: 65%;
}
      .sub-caption {
    position: relative;
    font-size: 40px;
    color:#34183d;
    padding-left: 0px;
    margin-bottom: 15px;
    font-weight:500;
    font-family: "Lobster", sans-serif;
  font-optical-sizing: auto;
}
.icn_mv {
    display: inline-block;
    position: relative;
}

.icn_mv:after {
    font-family: 'FontAwesome';
    position: absolute;
    right: 5px;
    content: "\f101";
    color: #fff;
    top: 25%;
}

.icn_mv > input {
    padding-right: 22px;
}
.clbtnc a .fa {margin-left: 5px;}
a.btn-cl1 .fa {margin-left: 5px;}
    .captions {
    position: absolute;
    top: calc(45% - 60px);
    left: 0;
    right: 0;
}

body { padding: 0px 0 0 0; }
a { color: #34183d; }
.abthd h2 {text-align:left;}
p.conp-st {
    background: #34183d;
    padding: 20px;
    margin-bottom: 20px !important;
    color: #fff;
}
ul.social li a.twitter {
    background-image: url(../images/x.png) !important;
    background-repeat: no-repeat !important;
    background-size: 50% !important;
    background-position: center !important;
  background-color: #333 !important;
}
.footer:before {
    background-image: url(../images/f-bg.jpg);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    content:"";
    opacity: 0.2;
    background-size: cover;
    background-position: center;
}
section.footer{position:relative;}
.nav-item-b button.nav-link {
   font-size: 14px;
    padding: 10px 17px;
    margin: 0px 0;
    background: #b92a23;
}
section.footer h4, body .footer li a, section.footer li {color: #fff !important;}
.right-conc {
    background: #34183D;
    padding: 20px;
    border-radius: 10px;
}

.right-conc h4, .right-conc p {
    color: #fff;
}
.grid-ba-bt .iconic_contents {
    background: #f1f1f1f1;
    padding: 10px;
    border-radius: 5px;
}
img {max-width: 100%;}
.navbar-light a.navbar-brand {
    color: red;
    font-size: 30px;    font-weight: 400;
    padding: 10px 0;
}
.nvb-top ul {
margin: 10px 0;
    padding: 0;
    text-align: right;
}
.grid-ba-bt .iconic_contents {
    display: flex;
    align-items: center;
    justify-content: center;
}

grid-ba-bt .iconic_contents {
    display: flex;
}

.grid-ba-bt .iconic_contents img {
    width: 60px;
    margin-right: 15px;
}

.grid-ba-bt .iconic_contents span {
    font-size: 19px;
    font-weight: 500;
}


.trusted.grid-ba-bt .col-md-3 {
    display: flow !important;!i;!;
    align-items: center;
    justify-content: center;
}
.nvb-top ul li {display: inline-block;}

.nvb-top ul li a {
   padding: 0px 10px;
    margin: 0 5px;
    background-color: transparent;
    color: #fff;
    font-size: 13px;
}

.hd-top { background: #34183D;}
.carousel-inner img {
      width: 100%; height: 100%;
  }
.navbar-light a.navbar-brand:hover { color:red; }
ul.navbar-nav li:hover ul.dropdown-menu {
    display: block;
}
  div#imsif img {
    width: 100%;
    max-width: 100%;
}

 @media only screen and (max-width: 320px) {
table.table.plan-table.ui-corner-bottom.tajuizd {
    min-width: 320px;
}
}
table.tajuizd tr:nth-child(odd) {
    background: #f1f1f1;
}
table.tajuizd tr th {background:#555;color:#fff; font-size: 17px;
    font-weight: 500;   padding: 10px 6px !important;
}
table.tajuizd tr td, table.tajuizd tr th {border: 1px solid #dddddd;
    padding: 6px;
        }
table.tajuizd tr:nth-child(even) {
    background: #fff;
}
select#mem_dob_year {
    margin: 0 !important;
}
.email a {}
.col-md-3.headinghlts {
    float: left;
    text-align: center;
    padding: 10px;
    background: #488400;
    color: #fff;
    margin: 3% 1% 5%;
    width: 23%;
    cursor: pointer;
}
.col-md-3.headinghlts a {
    color: #fff;
}
.error {
    color: red !important;
}
div#viewpro {
    max-width: 30% !important;
    margin: 0 auto !important;
    border: 5px solid #d08f05;
}
input.invalid { background-color: #ffdddd; }
.tab { display: none; }
button { background-color: #4CAF50; color: #ffffff; border: none; padding: 10px 20px; font-size: 17px; cursor: pointer; }
button:hover { opacity: 0.8; }
#prevBtn { background-color: #bbbbbb; }
.step { height: 15px; width: 15px; margin: 0 2px; background-color: #bbbbbb; border: none; border-radius: 50%; display: inline-block; opacity: 0.5; }
.step.active { opacity: 1; }
.step.finish { background-color: #4CAF50; }
input#mem_mobilecode { width: 20%; margin: 0 5% 0 0; float: left; }
input#mem_mobile { width: 75%; float: left; }
.empincme span{ margin: 20px 20px 0 0; float: left; }
.mem_dosham span { margin: 7px 10px; float: left; }
input#mem_mobilecode2 { width: 20%; margin: 0 5% 0 0; float: left; }
input#mem_mobile2 { width: 75%; float: left; }
input#mem_phonecode { width: 20%; margin: 0 5% 0 0; float: left; }
input#mem_phone { width: 75%; float: left; }
span#time1 { width: 100%; float: left; margin: 10px 0; }
span#time_birth { width: 100%; float: left; }
span#place1 { width: 100%; float: left; margin: 10px 0; }
.date_field.mydate select.selectfield { width: 24%; margin: 0 1% !important; overflow: hidden; }
.date_field select.selectfield:last-child { margin: 0 !important; }
.date_field select.selectfield { margin: 0 6px !important; overflow: hidden; }
.date_field select.selectfield:first-child { margin: 0 !important; }
.date_field select#mem_dob_year { margin: 0 !important; }
.date_field select#tob_sec { margin: 0 !important; }
select#mem_empinc_cur { width: 40%; margin: 0 !important; }
input#mem_emp_income { width: 28%; float: left; margin: 0 1% !important; height: 38px; padding: 5px !important; }
select#mem_empinc_type { width: 30%;  margin: 0 !important; }
select#mem_fam_cur { width: 40%; margin: 0 !important; float: left; }
input#mem_fam_income { width: 28%; float: left; margin: 0 1% !important; height: 38px; padding: 5px !important; }
select#mem_faminc_type { width: 30%;  margin: 0 !important; }
select#mem_par_currency { width: 40%; margin: 0 !important; float: left; }
select#mem_par_empnature {
    width: 100%;
}
select#language {
    width: 100% !important;
}
.empincmenew span {
    margin: 10px 15px 20px 0; float: left;
}
input#mem_parinc_amt { width: 28%; float: left; margin: 0 1% !important; height: 38px; padding: 5px !important; }
select#mem_parinc_type { width: 30%;  margin: 0 !important; }
div#divorced { width: 50%; float: left; }
#divorced .col-md-4.text-right { float: left; }
#divorced .col-md-8 { float: left; }
div#childstay { width: 50%; float: left; }
#childstay .col-md-4.text-right { float: left; }
#childstay .col-md-8 { float: left; }
div#child { width: 50%; float: left; }
#child .col-md-4.text-right { float: left; }
#child .col-md-8 { float: left; }
select.agefrom, select.ageto { width: calc(40% - 1%) !important; }
button#nextBtn1 { float: right; }
button#prevBtn { float: left; }
button#nextBtn2 { float: right; }
button#nextBtn3 { float: right; }
.bg-light {
    background: #fff !important;
}
select.agefrom, select.ageto {
    width: calc(40% - 1%) !important;
}
.owl-item h3 {
    text-align: center !important;
    display: block !important;
    margin: -45px 0 0;
    background: #0000005e !important;
    color: white;
    z-index: 133;
    padding: 5px;
    font-size: 14px;
    position: relative;
}
.navbar-brand img {
 
}
.counter-area.counter-bg {
    background-size: cover;
    background-position: center;
    background: url(../images/bgcounter.jpg);
}

.counter-area {
    position: relative;
    z-index: 2;
    padding: 50px 0 50px 0;
    overflow: hidden;
    width: 100%;
}
.counter-area .bg-text {
    position: absolute;
    left: 10%;
    top: 10%;
    font-size: 200px;
    color: #fff;
    font-weight: 700;
    z-index: -1;
}
.counter-area .single-counter-box .icon {
    margin-bottom: 25px;
}
.counter-area .single-counter-box .icon i {
    font-size: 60px;
    line-height: 60px;
    color: #fff;
}
.counter-area:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .90;
    z-index: -1;
}
.counter-area .single-counter-box .icon i:before {
    font-size: 60px;
    line-height: 60px;
}
.fa-heart:before {
    content: "\f004";
}
.fa-star:before {
    content: "\f005";
}
.fa-user:before {
    content: "\f007";
}
.fa-group:before, .fa-users:before {
    content: "\f0c0";
}
.counter-area .single-counter-box .content .counter-text {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    display: block;
    margin-bottom: 5px;
}
.counter-area .single-counter-box .content .counter-number {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    display: block;
}
ul.dropdown-menu li a {
    text-decoration: none;
    padding: 7px 10px;
    display: block;
    font-size: 14px;
    color: #444444;
}
table.nopadtd .horotable tr td {
    padding: 0;
    margin: 0;
    line-height: 10px;
}
.red {
    color: red;
}
:focus {
    outline: -webkit-focus-ring-color auto 0px;
}
ul.dropdown-menu.righted {
    left: auto;
    right: 0;
}
.login-popup {
    padding: 30px 0;
}
.login_form label {
    display: block; font-weight: 400;
}
select.agefrom, select.ageto {
    width: calc(50% - 0.9em);
}
label.intermediate {
    padding: 0 2px;
}
span.spacing {
    display: inline-block;
    min-width: 10px;
}
input, select, textarea {
    width: 100%;
    border: 1px solid #eaeaea;
    background: rgba(0,0,0,0);    color: #444;
}
input, textarea {
    padding: 10px 15px;
}
select {
    padding: 7px 15px;    min-width: 70px;
}
.horotable textarea {
    min-height: 80px;    text-align: center;
}
table.horotable {
    max-width: 450px;
    margin: 0 auto;
}
table.nopadtd tr td {
    padding: 0 5px 3px;
}
input[type=checkbox], input[type=radio] {
    width: auto;
    top: 1px;
    position: relative;
}
.boxed_data {
    float: left;
    width: 100%;
    border: 1px solid #ffe8c3;
    padding: 20px 15px 5px;
    border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;
    margin-bottom: 30px;
}
.boxed_data h4 {
    border-bottom: 1px dotted #ffe8c3;
    margin-bottom: 15px;
    padding-bottom: 5px;
}
.threeipf {
    width: calc(33.333% - 60px);
}
.boxed {
    border: 1px solid #ffe8c3;
    padding: 15px 10px 0;
    margin-bottom: 20px;
    border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;
}
form.quick_search label.intermediates {
    margin-right: 10px;font-size: 12px;
}
form.quick_search .threecolgroups label.intermediates:last-child { margin-right: 0; }
input[type="submit"] {
    background: #34183D;
    color: #fff;
    border: 0;
}
.page_content {text-align: justify;}
h3 { color: #34183d; margin-bottom: 15px; }
.quick_search input[type="submit"] {
    display: inline-block;
}
.page_contents {
    float: left;
    width: 100%;
    margin:25px 0;
}
.poweredright { display: none; visibility: hidden;opacity: 0; }
.page1 .poweredright { display: block; visibility: visible;opacity: 1; }

.quick_search input[type="submit"] {
    display: inline-block;
    width: auto;
    border-radius: 3px;
}
.login_form {
    font-size: 0.85rem;
    letter-spacing: 0.03em;
}
.popup-register {
    margin: 25px 0;
}
.popup-register p { margin-bottom: 0; }
ul.dropdown-menu li a i.fa {
    padding-right: 5px;
}
section {
    width: 100%;
    position: relative;
    float: left;
        padding: 75px 0;
}
section.nopadding { padding:0; }
/*.search_fields {
    position: absolute;
    max-width: 400px;
    width: 100%;
    padding: 25px;
    z-index: 9;
    top: 0;
    bottom: 0;
    display: table;
    margin: auto;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;
    right:10%;
}
*/
#navbarResponsive li.nav-item.cl-nst button.nav-link

 {
    padding: 7px 10px;
    border-radius: 5px;
}

#navbarResponsive li.nav-item.cl-nst {
    padding: 1rem 0.5rem;
}
.min-padding { padding: 25px 0; }
.trusted { padding: 50px 0; background: #fff;}
.iconic_contents {}
.iconic_contents i.fa {
    font-size: 24px;
    color: #d08f05;
    border: 1px solid #d8d8d8;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;    
    margin-right: 5px;    vertical-align: sub;
}
.imglmt1 img { max-width: 280px;}
a.read_more { position: relative; }
a.read_more:after {
    right: -.25rem;
    content: "\f105";
    transition: left .3s cubic-bezier(.455,.030,.515,.955);
    position: relative;
    font-family: fontAwesome;
    width: 1.5rem;
    top: 1px;
}
.bottom-footer p {
    margin: 0;
    color: #fff;
}
.bottom-footer p a {
    color: #fff;
}
section.bottom-footer {
    padding: 10px 0;
    background: #34183d;
    font-size: 13px;
}
section.titlebar {
     padding: 50px 0;
    background: url(../images/title-image.jpg);
    background-size: cover;
}
section.titlebar h3 {
   /* background:url(../images/title-img.png) no-repeat right center;*/
   text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 0;
}
section.footer {
    background: #34183D;
    padding: 50px 0;
}

section.footer,section.footer a {color: #555555; }
h4 { color: #d08f05; }
a.read_more:focus::after, a.read_more:hover::after {
    right: -.625rem;
}
form.quick_search label {
    margin: 7px 0 5px;
    font-size: 14px;
}
p { color:#555; line-height: 1.7; }
ul.footer-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.footer-menu li a {
    line-height: 30px;
    position: relative;
    color: #555;
    padding-left: 15px;
}
ul.footer-menu li a:before {
    content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding-right: 0.5em;
    position: absolute;
    left: 0;
}
ul.reachus {
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.reachus li {
    padding: 8px 0 5px 20px; position:relative;    line-height: 24px;
}
ul.reachus li:before {
font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding-right: 0.5em;
    position: absolute;
    top: 8px;
    left: 0;
}
ul.reachus li.company { font-weight:500;}
ul.reachus li.company:before {
    content: "\f0f7";
}
ul.reachus li.location:before {
    content: "\f041";
}
ul.reachus li.email:before {
    content: "\f003";
}
ul.reachus li.mobile:before {
    content: "\f10b";
    font-size: 26px;
    top: 7px;
}
ul.reachus li.phone:before {
    content: "\f095";
}

@-moz-document url-prefix() {
  .search_fields {
    top: auto; bottom:20px;
  }
  select.agefrom, select.ageto {
    width: calc(50% - 0.94em);
}
}

.crsl-items{
  margin: 0px auto;
}
.crsl-item figcaption{
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px;
  color: #FFF;
  background: rgba(0,0,0,.5);
}
.crsl-nav{
  position: relative;
  min-height: 1px;
}
.crsl-nav .previous{
  float: left;
}
.crsl-nav .next{
  float: right;
}
figure {margin:0;padding:0}
.cf:before, .cf:after {
  content: " ";
  display: table;
}
.cf:after {
  clear: both;
}
.cf {
  *zoom: 1;
}
section.featured_profiles {
    background: #f5f2ee;
}
.crsl-nav .previous, .crsl-nav .next {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 100%;
    margin: 5px;
    position: relative;
    top: 146px;
    z-index: 999;
    background: #639;
    color: #fff;
}
ul.social {
    padding: 0;    margin: 8px 0 0;
}
ul.social li { display: inline-block; }
ul.social li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    float: left;
    color:#fff;
    border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;
    margin-right: 3px;
}
ul.social li a.facebook { background: #3b5998; }
ul.social li a.twitter { background: #55acee; }
ul.social li a.linkedin { background: #007bb5; }
ul.social li a.youtube { background: #ff0000; }
ul.social li a.instagram { background: #e4405f; }
ul.social li a.pinterest { background: #bd081c; }
ul.social li a.googleplus { background: #dd4b39; }
ul.social li a.whatsapp { background: #25D366; }
.date_field select {
    width: calc(33.333% - 4px);
    float: left;
    margin-right: 6px;
}
.chkrad-fields {
    display: block;
    padding: 8px 0px;
}

.date_field select:last-child, .iptwoboxes input:last-child { margin-right: 0; }
.r1, .r13 { background: url(../images/1.gif) no-repeat center; }
.r2, .r14 { background: url(../images/2.gif) no-repeat center; }
.r3, .r15 { background: url(../images/3.gif) no-repeat center; }
.r4, .r16 { background: url(../images/4.gif) no-repeat center; }
.r5, .r17 { background: url(../images/5.gif) no-repeat center; }
.r6, .r18 { background: url(../images/6.gif) no-repeat center; }
.r7, .r19 { background: url(../images/7.gif) no-repeat center; }
.r8, .r20 { background: url(../images/8.gif) no-repeat center; }
.r9, .r21 { background: url(../images/9.gif) no-repeat center; }
.r10, .r22 { background: url(../images/10.gif) no-repeat center; }
.r11, .r23 { background: url(../images/11.gif) no-repeat center; }
.r12, .r24 { background: url(../images/12.gif) no-repeat center; }
h4.panel-title {
    padding: 12px;
    font-size: 14px;
    border: 1px solid #e6e6e6; margin-bottom: 0;
}
.panel-group {
    margin-bottom: 30px;
}
h4.panel-title a { color: #663399 }
.panel-collapse {
    border: 1px solid #e6e6e6;
    padding: 10px;
    margin-bottom: 30px;
    border-top: 0;
}
.centered-box {

    display: table;
    margin: auto;
    border: 1px solid #eaeaea;
    padding: 25px 15px 10px;
    width: 100%;
    box-shadow: 0 3px 3px #eaeaea;-moz-box-shadow: 0 3px 3px #eaeaea;-webkit-box-shadow: 0 3px 3px #eaeaea;
    border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;

}
p.info {
    font-size: 12px;
    color: #717171;
}
.msize-1 { max-width: 565px; }
.msize-3 { max-width: 650px; }
.two_col input, .two_col select {width: calc(50% - 3px);
    float: left;
    margin-right: 6px;}
.two_col input:last-child, .two_col select:last-child { margin-right: 0; }
label strong { font-weight: 500; }
.pro_list_boxes {
    border: 1px solid #eaeaea;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;
}
.pro_list_boxes .form-group {
    margin-bottom: 0;
}
.pro_list_boxes label {
    margin: 6px 0;
}
.pro_list_boxes label.hlts {
    color: #34183d;
    font-size: 1.2em;
    letter-spacing: 0.5px;font-weight:700;
}
a .pro_list_boxes { color: #444;    background: #f1f1f1; }
#viewpro .carousel-indicators li {
    height: auto;
    text-align: center;
    text-indent: 0;
}
#viewpro .carousel-indicators { bottom:0; }
.viewdatas {
    margin-bottom: 30px;
    line-height: 26px;
}
span.answered {
    float: right;
    font-weight: 500;
    color: #60007e;    display: inline-block;
}
.headinghlts h4 {
    padding-bottom: 4px;
    font-size: 25px;
    border-bottom: 1px dotted;
}
ul.fivelists {
    list-style: none;
    margin: 0;
    padding: 10px 20px;
    border: 1px solid #ffebca;
    border-radius: 5px;
}
ul.fivelists li {
    display: inline-block;
    min-width: calc(20% - 3px);    padding: 5px 0;
}
table.npspacing { margin:30px 0; }
table.npspacing td, table.npspacing th{ padding: 0;  }
.boxed h6 {
    color: #d08f05;
}
.pro_list_boxes img {
    max-height: 230px;
}
.login_right {
    padding: 15px;
    margin: 0px 0 10px;
    border: 1px solid #ffe9c5;
    border-radius: 5px;
}
.login_right ul {
    list-style: none;
    padding: 0; margin-bottom: 1.5rem;
}
.login_right h6 {
    color: #d08f05;
}
.login_right ul li a {
    color: #444;    line-height: 28px;
}

span.answered.btn-success { color: #fff; }
.login_right ul.nomatmar {margin-bottom: 0}
.marb10 { margin-bottom: 10px; }
.mart10 { margin-top: 10px; }
.green { color: green !important; }
.red { color: red !important; }

#tabs h6.section-title{
    color: #eee;
}

#tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #f3f3f3;
    background-color: transparent;
    border-color: transparent transparent #f3f3f3;
    border-bottom: 4px solid !important;
    font-size: 20px;
    font-weight: bold;
}
#tabs .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #639;
    font-size: 16px;
}
p.infos {
    text-align: center;
    color: red;
    font-size: 14pt;
}
.mgmyphoto { text-align: center; }
.mgmyphoto img {max-width: 250px; }
ul.nav-btns {
    display: block;
    width: 100%;
    text-align: right;
}
ul.nav-btns li {
    display: inline-block;
    padding: 5px;
    margin: 0 5px;
}
ul.nav-btns li:first-child {margin-left: 0;}
ul.nav-btns li:last-child {margin-right: 0;}
ul.nav-btns li a {border: 1px solid #663399;
    padding: 7px 20px;
    border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;
    color: #663399;}

@media only screen and (max-width:1440px){
 .iconic_contents2 {min-height: 272px;padding: 20px !important;}   
    
}
@media only screen and (max-width:991px){
.box-shwd {
    box-shadow: 1px 0px 5px gray;
    padding: 15px 15px 10px 15px;
    width: 85%;
    margin: auto;
    margin-bottom: 15px;
}
     .iconic_contents2 {min-height: auto !important;padding: 20px !important;}  
  body  .grid-ba-bt .iconic_contents {
      justify-content: start !important;
    }
.hd-top .row {
    display: flex;
    width: 100%;
}

.hd-top .row .col-md-6 {
   width: auto;
        max-width: max-content;
}



.hd-top .container {
    width: 100%;
    max-width: 100%;
}
.navbar-light a.navbar-brand {
    max-width: calc(100% - 75px);
        overflow: hidden;
}
.nav-link {padding:0.5rem 1rem;}
ul.navbar-nav li ul.dropdown-menu {display: block;}
.dropdown-menu { background: transparent; }
.sliderwithsearch .search_fields {position: relative;}
.iconic_contents i.fa {
    clear: both;
    margin: 0 auto;
    display: block;
}
.iconic_contents {
    text-align: center;
}
ul.reachus li.email{  word-break: break-all;}
}
@media only screen and (min-width:768px) and (max-width:991px){
body { font-size: 0.7em }
}

@media only screen and (max-width:767px){ 
.plan-d-p .table-responsive {
    padding-bottom: 70px;
    max-width: 800px;
    overflow: auto scroll;
    display: block !important;
}
body   .table-responsive table.pln-clst {
    width: 1000px;
    max-width: 100%;
    table-layout: fixed;
}
body table.pln-clst  tr:first-child th:nth-child(1){background:#fff !important;}
body table.pln-clst td:nth-child(1), body table.pln-clst th:nth-child(1) {
   position: sticky !important;
        z-index: 2;
        left: 0px;
        width: 140px !important;
        max-width: 140px !important;
    
        box-shadow: 4px 0px 6px 0px rgba(0, 0, 0, 0.05);
        padding: 10px 10px 10px 10px !important;
        text-align: left;
}
body table.pln-clst tr td, table.pln-clst tr th {
    width: 140px;
}
    
    
    .bst-sel.et_pb_shop ul.products.columns-5 li.product {
    width: 100% !important;
}
       body section{padding: 40px 0;}
 .clbtnc { margin-top: 15px ;}  
 
.fe-profiles .owl-carousel .item {
    margin-top: 0px !important; margin-bottom: 5px !important;
}
body .fe-profiles .gallery-slider > h2 {
    margin-bottom: 0px !important;
}
 body .ictst {
    display: flex;
    align-items: center;
    justify-content: center;
}
 body .co-cd1 h2 + p, body .co-cd1 {
    text-align: center;}
    body h2.title-stc {   font-size: 25px !important;
        text-align: center !important;}
.gen-grom {font-size: 14px;}
.iconic_contents {margin-bottom: 15px;}
.form-group {margin-bottom: 0.5rem;}
p.copyright, .page1 .poweredright { text-align: center !important; }
body {padding: 0px 0 0 0;}
.form-group .text-right {text-align: left !important;}
select {  min-width: 40px;}
}
@media only screen and (max-width:460px){ 
    .navbar-light a.navbar-brand {    font-size: 20px; margin-right: 0;}
    body { font-size: 0.7em }
}

div#option-visible {
    position: relative;
}
div#option-visible:before {
    content: "";
    position: absolute;
    width: 25%;
    height: 130%;
    background: url(../images/iphone.png);
    display: block;
    background-repeat: no-repeat;
    left: 271px;
    top: -20px;
}
.members-main {
    position: relative;
    overflow: hidden;
    box-shadow: 0 1px 1px 0 #aaa;
    margin-bottom: 5px;
}
.members-main img {
    margin-bottom: 0;
    width: 100%;
    height: 230px;
}

.bg11, .members-main:hover .members-profile .bg11 {
    background: #488400c4 !important;
}
.members-profile {
    position: absolute;
   
    color: #fff;
    left: 0;
    right: 0;
    top: -100%;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.members-profile h5 { 
    text-transform: uppercase;
    padding-top: 80px;
    font-weight: 600;
     text-align: center;
    color: #fff;
}

.members-profile p {
    padding: 15px 18px 20px 20px;
    color: #fff !important;text-align: center;
}
.members-main:hover .members-profile {
    top: 0;
    left: 0;
    right: 0;
    background: #ff0000;
    height: 100%;
}
.subscribe-area .subscriber-wrapper h2 {
    font-size: 40px;
    color: #fff;
    font-weight: 500;
}
.subscribe-area .subscriber-wrapper .form-wrapper {
    margin-top: 50px;
    position: relative;
}
.subscribe-area .subscriber-wrapper .form-wrapper input[type=email] {
    background-color: transparent;
    padding: 13px 25px;
    border-radius: 25px;
    border: 3px solid #ffe9c3;
    width: 100%;
    padding-right: 150px;
    color: #fff;
}
.subscribe-area .subscriber-wrapper .form-wrapper input[type=submit] {
           width: 18%;
    padding: 11px 25px;
    border-radius: 25px;
    border: none;
    text-align: center;
    font-size: 17px;
    font-weight: 500;
    background-color: #fff;
    color: #ed1c24;
    position: absolute;
    top: 3px;
    right: 2px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}   
.subscriber-wrapper {
    width: 74%;
    margin: auto;
}
p.white-txt {
    color: #fff;
}
.subscribe-area .form-wrapper ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #f1f1f1;
  opacity: 1; /* Firefox */
}

.subscribe-area .form-wrapper :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #f1f1f1;
}

.subscribe-area .form-wrapper ::-ms-input-placeholder { /* Microsoft Edge */
  color: #f1f1f1;
}
.owl-stage-outer {
    background: url(../images/mobile-screen.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 220px;
    padding: 25px 0;
}
.owl-carousel .item {
    margin: 45px 12px 51px 12px;
    overflow: hidden;
    border-radius: 2px;
}
@media only screen and (max-width: 1024px) and (min-width: 1000px)  {
    .page1 .search_fields{
        padding: 10px;
    }
    .page1 .search_fields h3 {
    font-size: 17px;
    margin-bottom: 5px;
}
.page1  .search_fields .form-group {
    margin-bottom: 10px;
}


}
@media only screen and (max-width: 1024px) {
  body  section{padding:50px 0;}
  h2.title-stc.mb-5 {
    margin-bottom: 30px !important;text-align: left !important;
}
    section.services-section h2.title-stc {
    text-align: center !important;
}
       .fe-profiles .owl-carousel .item {
        margin-top: 0px !important;margin-bottom: 5px !important;
    }
      h2.title-stc {text-align: left !important;}
    .owl-stage-outer {
        background-size: 313px;
    }
}
@media only screen and (max-width: 812px) {
   div#imsif form.quick_search,  div#imsif .gen-grom {
    text-align: left;
}
    .pro_list_boxes {text-align: center;}
    .owl-stage-outer {
        background-size: 228px;
    }
}
@media only screen and (max-width: 768px) {
    .owl-stage-outer {
        background-size: 228px;
    }
}

@media only screen and (max-width: 736px) {
    .owl-stage-outer {
        background-size: 515px;
        padding: 100px 0;
    }
}
@media only screen and (max-width: 568px){
    .fe-profiles .owl-carousel .owl-item img{padding:0 !important;}
.owl-stage-outer {
    background-size: 500px;
    padding: 50px 0;
}
.owl-carousel .owl-item img {
    padding: 30px;
}
}
@media only screen and (max-width: 414px){
.owl-stage-outer {
    background-size: 330px;
}
}
@media only screen and (max-width: 375px){
.owl-carousel .owl-item img {
    padding: 10px;
}
}
@media only screen and (max-width: 320px){
.owl-stage-outer {
    background-size: 270px;
}
}
@media only screen and (min-width: 1024px) {

div#option-visible:before {
    content: "";
    position: absolute;
    width: 24%;
    height: 130%;
    background: url(../images/iphone.png);
    display: block;
    background-repeat: no-repeat;
    left: 231px;
    top: -9px;
    background-size: contain;
}

}    
@media only screen and (min-width: 768px) {
div#option-visible:before {
    content: "";
    position: absolute;
    width: 22%;
    height: 130%;
    background: url(../images/iphone.png);
    display: block;
    background-repeat: no-repeat;
    left: 176px;
    top: 9px;
    background-size: contain;
}

 }   
 @media only screen and (min-width: 375px) {
div#option-visible:before {
   content: "";
    position: absolute;
    width: 48%;
    height: 130%;
    background: url(../images/iphone.png);
    display: block;
    background-repeat: no-repeat;
    left: 187px;
    top: 6px;
    background-size: contain;
}
 }
 @media only screen and (min-width: 414px) {
div#option-visible:before {
   content: "";
    position: absolute;
    width: 48%;
    height: 130%;
    background: url(../images/iphone.png);
    display: block;
    background-repeat: no-repeat;
    left: 187px;
    top: 6px;
    background-size: contain;
}
  }

@media only screen and (min-width: 411px) {
div#option-visible:before {
   content: "";
   position: absolute;
   width: 28%;
   height: 130%;
   background: url(../images/iphone.png);
   display: block;
   background-repeat: no-repeat;
   left: 136px;
   top: 16px;
   background-size: contain;
}
  }  
 @media only screen and (min-width: 360px) {
div#option-visible:before {
 content: "";
   position: absolute;
   width: 48%;
   height: 130%;
   background: url(../images/iphone.png);
   display: block;
   background-repeat: no-repeat;
   left: -9px;
   top: 8px;
   background-size: contain;
}
    }

 @media only screen and (min-width: 320px) {
div#option-visible:before {
 content: "";
   position: absolute;
   width: 48%;
   height: 130%;
   background: url(../images/iphone.png);
   display: block;
   background-repeat: no-repeat;
   left: -9px;
   top: 8px;
   background-size: contain;
}
    }
@media only screen and (max-width: 991px){section.titlebar h3 {background: transparent;}
    
    
}    
.stickyheader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999 !important;
    background: #ffffff;
    -webkit-animation-name: silde_to_top;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 1000;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;
    border-bottom: 1px solid #EEEEEE;
}
@-webkit-keyframes silde_to_top {
    0% {
        top: -200px;
        top: default;
        opacity: 0;
    }
    100% {
        bottom: default;
        top: 0%;
        z-index: 1000000;
        opacity: 1;
    }
}
.removestickyheader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: #ffffff;
    -webkit-animation-name: silde_to_bottom;
    -webkit-animation-duration: 3s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 100;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;
    border-bottom: 1px solid #EEEEEE;
}
@-webkit-keyframes silde_to_bottom {
    0% {
        bottom: default;
        top: 0%;
        z-index: 1000000;
        opacity: 1;
    }
    100% {
        top: -200px;
        top: default;
        opacity: 0;
    }
}
.iconic_contents2 h2:before {
    content: "";
    background: #fff;
    width: 10%;
    height: 2px;
    position: absolute;
    bottom: 0;
}
.iconic_contents2 h2 {font-size: 20px;margin-bottom: 16px;position:relative;padding-bottom: 10px;}
.iconic_contents1 {margin-bottom: 15px;}
section.services-section {background: #34183d;}
h2.title-stc {font-size: 30px;font-weight: 700;}
section.services-section {background: #34183d;}
.ticenc { text-align: center;}
.ticenc h2, .ticenc p {color: #fff;}
.ticenc {margin-bottom: 30px;}
a.r-msty {
    color: #d08f05;
}
.iconic_contents2 h2, .iconic_contents2 p {color: #fff !important;}
.iconic_contents2 { /*min-height: 265px;*/ padding: 30px; border: 1px solid rgb(255 255 255 / 22%); margin-bottom: 30px;}
.iconic_contents1 img {width: 70px;margin-bottom: 5px;}
.iconic_contents2 p {margin-bottom: 10px;}
ul.navbar-nav li a, ul.navbar-nav li button{font-size: 14px;font-weight: 500;    text-transform: uppercase;}
.clbtnc a {font-size:15px;background:#34183d;padding:7px 15px;color:#fff;}
.licon ul {  padding: 0; margin: 0;}

.licon ul li .licn-c h3 {   
    font-size: 19px;
    font-weight: 500;
    margin-bottom: 7px;
    color: #222;
    position: relative;
    padding-bottom: 6px;}
    .licon ul li .licn-c h3:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 15%;
    height: 2px;
    content: "";
    background: #d08f05;
}
.licon ul li {list-style: none;    margin-bottom: 25px;}
/*
.licon ul li {list-style: none;padding-left: 30px;position: relative;}
.licon ul li:before {
        content: "\f046";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding-right: 0.5em;
    position: absolute;
    top: 0px;
        left: 0;
    font-size: 20px;
}
*/
.nav-sty ul.navbar-nav li.nav-item > a {padding: 1.6rem 1rem;}
.nav-sty ul.navbar-nav li:hover ul.dropdown-menu li a {font-size: 14px;text-transform: capitalize;}
.nav-sty ul.navbar-nav {display: flex;flex-direction: row;}
.nvb-right.nav-sty li.nav-item.cl-nst { padding: 1rem 0.5rem;}
.nvb-right.nav-sty li.nav-item.cl-nst  button.nav-link {
    padding: 7px 10px; border-radius: 5px;}
    .logo-cntsty {
    position: absolute;
    z-index: 999;
    top: -20px;
}
.logo-cntsty a.navbar-brand { padding: 0; margin: 0;}
.header-custem {padding: 21px 0;}
.divclp {  display: flex;align-items: center;justify-content: center;}
.rightdesign .form-group select {border: 1px solid #c3c3c3;}
.rightdesign {  background: #f8f9f9;    padding: 30px;}
a.btn-cl1{background: #34183D;    color: #fff;padding: 10px 15px;    font-size: 12px;line-height: 14px;}
select.agefrom, select.ageto { width: calc(47% - 1%) !important;}
span.col-cnti {color: #d08f05;}
.ictst1 p { margin: 0;}
.ictst{ border-bottom: 1px solid #cecece;padding-bottom: 25px;margin-bottom: 30px; margin-top: 25px;}
.ictst1 h3 {margin: 0;font-size: 30px;font-weight: 700;}
.ictst1 {margin-left: 16px;}
.ictst2 {background: #41183d;padding: 9px;border-radius: 50%;}
.ictst2 img {width: 100%; height: 40px;}
.qutsection1 {
   text-align: center;
    padding: 50px;
    background: #f0f5fa;
    border-radius: 40px;
    box-shadow: 1px 1px 4px #c5c4c4;
}

.qutsection1 h5 { color: #34183d; margin-bottom: 40px;}

.qutsection1 h2 {
    font-size: 29px;
    color: #34183d;
    margin-bottom: 25px;
    line-height: 40px;
}
section.aboutsection1 {padding: 35px 0 60px 0;}
.qutsection1 a.btn-cl1 {background: #825e11;font-size: 16px;border-radius: 20px;}
.grd-mst {padding-top: 0px;}
.iner_contents2 {
  background: #34183d;
    padding: 35px;
    margin-bottom: 20px;
    min-height: 200px;
    border-radius: 20px;
}
section.abt-last1 {
    padding: 60px 0 50px 0 !important;
    background: #f1f1f1;
}
.iner_contents2 h2 {
    color: #fff;
    text-align: center;
    font-size: 19px;
    margin-bottom: 13px;
}

.iner_contents2 p {
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin: 0;
}
.serv_contents3 {
    border: 0px solid gray;
    margin-bottom: 30px;
    box-shadow: 1px 1px 5px gray;
}

.serv_contents2 h2 {
    font-size: 20px;
    text-align: center;
    margin-bottom: 15px;
    color: #fff;
}

.serv_contents2 p {
    font-size: 14px;
    text-align: center;
    color: #fff;
    margin: 0;
}
section.featsection {
    background: #f1f1f1;
}
.serv_contents2 {
  padding: 25px 15px;
    background: #34183d;
    min-height: 240px;
}
.fe-profiles { text-align: center;}

.fe-profiles .gallery-slider > h2 {
    font-size: 30px;
    color: #444444;
   
    position: relative;
}
/*
.fe-profiles .gallery-slider > h2:before {
    content: "";
    background: #d08f05;
    width: 10%;
    height: 2px;
    position: absolute;
    bottom: 0;
    margin: auto;
    text-align: center;
    left: 0;
    right: 0;
    }
    */
.fe-profiles .owl-stage-outer {padding: 10px 0 0 0;}
.serv_contents img {width: 100%;}
.serv_contents {margin-bottom: 10px;}
.qutsection1 a.btn-cl1:hover {background: #34183d;}
 #buttonse {
  display: inline-block;
  background-color: #d08f05;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#buttonse::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#buttonse:hover {
  cursor: pointer;
  background-color: #333;
}
#buttonse:active {
  background-color: #555;
}
.grid-mnew h3 {
    font-size: 20px;
    text-align: center;
    line-height: 28px;
}
.grid-mnew {box-shadow: 1px 1px 4px gray; padding: 20px;    margin-bottom: 30px;    text-align: center;}
.grid-mnew p {  font-size: 15px;}
#buttonse.show {  opacity: 1;  visibility: visible;}
ul.ce-nec {
    margin: 0;
    padding: 0;
}

ul.ce-nec li {
    list-style: none;
    margin-bottom: 15px;
    padding-left: 18px;
    position: relative;
}
.read-mc { text-align: right;}

.read-mc a .fa {
    margin-left: 5px;
}
.read-mc a {
    padding:5px 9px 5px 5px;
    background: #34183d;
    color: #fff;
    font-size: 12px;
}
ul.ce-nec li:before {
    content: "\f101";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    color: #34183d;
    left: 0;
    position: absolute;
    top: 0;
    }
h3.titccs {  text-align: center;
    margin: 10px 0;
    border-bottom: 1px solid gray;
    padding-bottom: 10px !important;}
    .plan-d-p h3.titccs {
    margin-bottom: 30px;
}
.table-responsive table.pln-clst tr th:first-child, .table-responsive table.pln-clst tr td:first-child {
    padding-left: 40px;width: auto;
    padding-right: 40px;
}
.table-responsive table.pln-clst tr td:first-child{font-weight:normal;}
tr.greenbg1 th {text-align: center;}
tr.greenbg1 th h5 {    margin-bottom: 20px; font-size: 14px;color: #555;}
tr.greenbg1 th h3 { margin-bottom: 7px;font-size: 19px;}
/*body table.pln-clst th, body table.pln-clst td, body table.pln-clst th, body table.pln-clst, body table.pln-clst tr {
    border: 0 !important;   background: transparent !important;} */
body table.pln-clst th {color: #222;}
body table.pln-clst td {padding: 14px 10px;font-size: 15px;
font-weight: 600;color: #000;}
body table.pln-clst td:nth-child(2), body table.pln-clst td:nth-child(3) {    text-align: center;}
table.tajuizd.pln-clst tr th {background: transparent;}
table.tajuizd.pln-clst tr th, table.tajuizd.pln-clst tr td {box-shadow:1.25rem 2.5rem 3.75rem 0 rgba(0,40,87,0.2);}
table.tajuizd.pln-clst tr:nth-child(odd){background: transparent;}
table.tajuizd.pln-clst  tr:nth-child(even) {background: #edf1f5;}
body table.pln-clst td:nth-child(2) {
    border-left: 1px solid #34183d !important;
    border-right: 1px solid #34183d !important;
}
body table.pln-clst tr:first-child th:nth-child(1) {
    border-top: 1px solid #34183d !important;
}
table.tajuizd.pln-clst tr:nth-child(even) td {
    background: #edf1f5;
}
.table-responsive table.pln-clst {
    width: auto;
}
.plan-d-p .table-responsive {
    padding-bottom: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}
table.tajuizd.pln-clst tr:nth-child(odd) td {
    background: #fff;
}
body table.pln-clst tr:first-child th {
    border-top: 1px solid #34183d !important;   
    border-radius: 1.25rem 1.25rem 0 0;
}

body table.pln-clst tr:last-child td:nth-child(1) {
    border-bottom: 1px solid #34183d !important;
}

body table.pln-clst tr:last-child td {
    border-bottom: 1px solid #34183d !important;   
    border-radius: 0 0 1.25rem 1.25rem;
}
body table.pln-clst td:nth-child(1), body table.pln-clst th:nth-child(1) {
   
}
body table.pln-clst td, body table.pln-clst th {
    border-left: 1px solid #34183d !important;
    border-right: 1px solid #34183d !important;
}
/*
table.pln-clst tr td:nth-child(2) {
    background:#fcf6fd !important;
    color: #34183d;
    font-size: 15px;
}

 table.pln-clst tr td:nth-child(3) {
    background:#fae3fd !important;
    color: #34183d;
    font-size: 15px;
}
*/
.pln-clst, .pln-clst tr, .pln-clst td, .pln-clst tr th{border:0px !important;}
.btnfpr button:hover {
    background: #d08f05 !important;
}
table.pln-clst tr.las-nobg td:nth-child(2), table.pln-clst tr.las-nobg td:nth-child(3)
 { background: transparent !important;}
 .btnfpr button {    background: #34183d;    width: 170px;}
table.pln-clst {
    border-collapse: separate;
    border-spacing: 10px 0px;
}


.gbts {
    position: relative;
    display: block;
    text-align:center;
}
.gbts label {
 display: block;
    color: #ffffff;
    border-radius: 5px;
    padding: 6px 12px !important;
    border: 0;
    cursor: pointer;
    background: #34183d;
    font-size: 13px;
    width: 75px;
    margin: auto;
}
.gbts input[type="radio"] {
        position: absolute;
    width: 100%;
    appearance: none;
    height: 100%;
    left: 0;
    cursor: pointer;
    opacity: 0;
}
.gbts input[type="radio"]:checked + label {
    background:#34183d;
    color:#fff;
}
table.pln-clst tr td, table.pln-clst tr td {
    width: 160px;
    text-align: center;
}