@import url(https://fonts.googleapis.com/css?family=Roboto:300);
@import url(https://fonts.googleapis.com/css?family=Slabo+27px|Lora:400italic);
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');


@font-face {
    font-family: 'hk_groteskregular';
    src: url('../fonts/hkgrotesk-regular-webfont.eot');
    src: url('../fonts/hkgrotesk-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/hkgrotesk-regular-webfont.woff2') format('woff2'),
         url('../fonts/hkgrotesk-regular-webfont.woff') format('woff'),
         url('../fonts/hkgrotesk-regular-webfont.ttf') format('truetype'),
         url('../fonts/hkgrotesk-regular-webfont.svg#hk_groteskregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {font-family: "Lyon Display Web Medium Regular";
  src: url("../fonts/96cea24c1dcaf763c8d2cc035c3bdcf5.eot"); /* IE9*/
  src: url("../fonts/96cea24c1dcaf763c8d2cc035c3bdcf5.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../fonts/96cea24c1dcaf763c8d2cc035c3bdcf5.woff2") format("woff2"), /* chrome、firefox */
  url("../fonts/96cea24c1dcaf763c8d2cc035c3bdcf5.woff") format("woff"), /* chrome、firefox */
  url("../fonts/96cea24c1dcaf763c8d2cc035c3bdcf5.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("../fonts/96cea24c1dcaf763c8d2cc035c3bdcf5.svg#Lyon Display Web Medium Regular") format("svg"); /* iOS 4.1- */
}



.bd_1{background: url(../images/background.jpg) no-repeat; background-size:cover;}
/*body{ background:#efeede; font-family: 'hk_groteskregular';}*/
body {
    font-family: NHaasGroteskDSW01-45Lt, Arial;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000000;
    background-color: #fff;
}
h2 {font-family: "Lyon Display Web Medium Regular" !important;
    font-size: 18px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

 
h3 {font-family: "Lyon Display Web Medium Regular" !important;
    font-size: 18px;
    font-style: normal;
	-webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.header{width: 100%; height: auto;}
.header_in{width:100%; background: #efeede; height:80px;}
.header_in .logo{width:100%; margin: 0px 0px 5px 0px;padding-top: 18px; float: left; max-width: 400px;}
.header_in .logo img{width: auto; max-width: 141px;}
.login{width:449px; background: #fff; height:520px; float: left; margin:130px 50px 50px 50px; background: url(../images/login_bg.png) no-repeat;}



.login p{width: 100%; float: left; padding:0px 66px; font-size: 18px; color:#353535; font-family: 'hk_groteskregular';}
.login .inner{width: 100%; height: auto;  padding: 33px 64px; float: left;}
.login .inner input{width: 100%; height:40px; border-radius:2px; font-size: 16px; color: #222;margin-top: 12px;}

.login .inner select {
  width: 100%;
  height: 40px;
  border-radius: 2px;
  font-size: 16px;
  color: #606060;
  border: none;margin-top: 12px;
}

.submit_bt{width:130px; height: auto; margin: 0 auto}

.inner .btn-success {
  background: #4f9d3a;
  font-weight: bold;
  color: #fff !important;
  text-transform: uppercase;
  padding: 0px 35px;
  border-color: #4f9d3a;
  margin: 10px 0 0 0;
}

.inner .btn-success:hover {color: #000 !important;
  background-color: #ffdf00;
  border-color: #ffdf00;}

.logo{width:auto; margin: 0px 40px 5px 40px;padding-top:48px;}


.login1{width:34%; background: #fff; height:820px; float: left; position: fixed;}
.login1 p{width: 100%; float: left; padding:84px 66px 4px 66px; font-size: 18px; color:#353535;font-family: 'hk_groteskregular';}
.login1 .inner{width: 100%; height: auto;  padding:5px 64px; float: left;}
.login1 .inner input{width: 100%; height:50px; border-radius:2px; font-size: 18px; color: #222;}
.submit_bt1{width:130px; height: auto; margin: 0 auto; float: left;}
.inner1 .btn-success{ background: #c865cf; color: #fff!important; text-transform: uppercase; padding: 0px 35px; border-color: #7f2a88;}
.inner1 .btn-success:hover {color: #fff;background-color:#7f2a88; border-color: #7f2a88;}


.nv_navi { width: 100%; margin-left:0px; text-transform:uppercase; text-align: center;}
.nv_navi ul { width:100%; height: auto; text-align:right; display:inline-block !important; margin-bottom:15px; margin-top: 32px;}

.nv_navi ul li {display: inline-block; float:none; height: auto; font-size:16px; font-weight:bold; font-family: 'hk_groteskregular';border-right: solid 0px #e2e2e2;}
.nv_navi ul li:last-child { border:none;} 

.nv_navi ul li a { padding:5px 10px; color:#000; font-family: 'hk_groteskregular';  }
.nv_navi ul li a:hover, .nv_navi ul li.selected a{color:#522773; transition: all 0.4s ease 0s; text-decoration:none; }




.date{width:80px; height:90px; background: #48ADF5; float:left; background:#4fceee;}
.mth{width: 100%; height: auto; float: left; color: #fff; font-size: 40px; text-align: center; padding-top: 10px;}
.mbt{width: 100%; height: auto; float: left; color: #fff; font-size: 20px; text-align: center; padding-top:0px;}
.hdm{width:100%; float: left; }
.hdm p{color: #000; font-size: 14px;}

.accord h3 {
background: #fff;
color: #000;
float:left;
text-align: left; font-size: 22px;
border-radius: 0px;
padding:16px 15% 16px 20px;
cursor: pointer;
width: 100%;
margin:0px;

transition: 0.25s all; font-family: 'hk_groteskregular';
position: relative; margin: 8px 0px;  border:1px solid #d7d7d7;


}

.accord h3.active {
	margin-bottom: 0px; color: #c66aa1; 
	background: #fff;border: none;border-bottom: solid 0px #e2e2e2; 
 padding:16px 20px;
}
.accord p .active {
	margin-bottom: 0px; color: #000; 
	background: #fff;border: none; 
}

.accord h3::before {
	content: attr(data-prefix);
	font-size: 18px;
	 font-family: 'hk_groteskregular';
}
.accord h3.alignLeft {
	padding-left:0px;
}
.accord > div {
    display: none;
    background: #fff; margin: 0px;
    border-radius: 0px;
    border-bottom: 1px solid #cdcdcd;
    text-align: left; float: left;
    padding:0px; width: 100%; padding-left:0%; height: auto;
    margin-bottom:10px; /*overflow: hidden;*/  border:1px solid #d7d7d7;

padding: 15px;
}

 
.accord .collapseIcon {
	position: absolute;
	right: 0px;
	top: 0px;
	font-size:38px; font-weight: bold;
	font-weight: 300; background: #cccccc;
  height:58px; width:58px;
color: #000; text-align: center; 

}
.accord .collapseIcon.alignLeft {
	right: initial;
	left: 20px;
}





.prod_s{ width: 100%; height: auto;}
.prod_s .icons_d{background: url(../images/number_icon.png) no-repeat; height:60px; width: 57px; text-align: center; color: #fff; float:  left; margin-right: 0px; line-height: 60px;}

.prod_s  .text_in{width: 90%; float: left; line-height: 60px; color:#c66aa1;font-family: "Lyon Display Web Medium Regular" !important;}


.prod_s .inner_text{width:50%; float: left; height: auto; margin-bottom:20px;min-height: 72px;}
.prod_s .inner_text p{ margin: 0px;}

.prod_s .inner_text span{font-weight:500; color:#9533A7 ;}


.prod_s .date{width:80px; height:90px; background: #48ADF5; float:left; background:#4fceee;}
.prod_s .mth{width: 100%; height: auto; float: left; color: #fff; font-size: 40px; text-align: center; padding-top: 10px;}
.prod_s .mbt{width: 100%; height: auto; float: left; color: #fff; font-size: 20px; text-align: center; padding-top:0px;}
.prod_s .hdm{width:100%; padding-top:5px; padding-left: 0px; float: left; }
.prod_s .hdm p{color: #702481; font-size: 14px;}
.prod_s .accord h3 {
background: #fff;
color: #9d3db3;
float:left;
text-align: left; font-size:20px; font-weight: bold;
border-radius: 0px;
padding: 0px; height:auto;
padding-right: 12px;
cursor: pointer;
margin-top: 0; width: 100%;
margin-bottom: 0px;
padding-right: 0px;
transition: 0.25s all; font-family: 'hk_groteskregular';
position: relative; margin: 10px 0px; border:1px solid #d7d7d7; padding-bottom:12px;box-shadow:none;
 padding: 8px;


}
.prod_s .accord h3.active {
	margin-bottom: 0px; color: #9d3db3; 
	background: #fff;border: none;box-shadow:none;
 padding:8px; border:1px solid #d7d7d7;
}
.prod_s .accord p .active {
	margin-bottom: 0px; color: #000; 
	background: #fff;border: none; 
}

.prod_s .accord h3::before {
	content: attr(data-prefix);
	font-size: 18px;
	margin-right: 9px; font-family: 'hk_groteskregular';
}
.prod_s .accord h3.alignLeft {
	padding-left:0px;
}
.prod_s .accord > div {
    display: none;
    background: #fff; margin: 0px;
    border-radius: 0px;
    border-bottom: 1px solid #cdcdcd;
    text-align: left; float: left;
    padding:0px; width: 100%; padding-left:0%; height: auto;
    margin-bottom:10px; /*overflow: hidden; */box-shadow:none;
border-right: solid 1px #d7d7d7; border-bottom: solid 1px #d7d7d7; border-left: solid 1px #d7d7d7;
padding: 15px;font-size: 16px; color: #8B8B8B;
}

 
.prod_s .accord .collapseIcon {
	position: absolute;
	right: 0px;
	top:50%;
	font-size:38px; font-weight: bold;
	font-weight: 300;background:none!important;
  height:64px; width:64px;
color: #333; text-align: center; line-height:64px;
	-ms-transform: translate(0, -50%);
	    transform: translate(0, -50%);border-left: solid 1px #d7d7d7;
}
.prod_s .accord .collapseIcon.alignLeft {
	right: initial;
	left: 20px;
}










.mar_to_90{margin-top: 90px;}
.mar_to_40 {margin-top: 40px;}
.mar_to_91{ margin: 35px 0px 200px 0px; float: left;}


.faq{width: 100%; height: auto; margin: 35px 0px 10px 0px; float: left}

.faq h3{width: 100%; height: auto; margin: 0px 0px 35px 0px; text-align: center; font-size:28px; font-family: 'hk_groteskregular';}



.down_loads{width: 100%; height: auto; margin: 10px 0px 100px 0px; float: left}

.down_loads h3{width: 100%; height: auto; margin: 35px 0px; text-align: center; font-size:28px; font-family: 'hk_groteskregular';}

.down_loads ul{width: 100%;  margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align: center; }

.down_loads ul li{width:30%; display: inline-block; margin: 10px 1.5%; float:none;    font-size: 19px; padding:18px 15px 18px 60px;  border: solid 1px #e2e2e2; box-shadow: 2px 1px 6px #dbdbdb;  background: url(../images/pdf.png) ; background-repeat: no-repeat; background-position: 10px 10px; font-family: 'hk_groteskregular'; cursor: pointer; text-align: left; min-height:90px; background-color: #fff;}


.down_loads ul li a{ color: #333; text-decoration: none;}





.footer{ background:#efeede; width:100%; border-top:3px solid #000000; float: left; bottom: 0px; text-align:center; padding-top: 15px; margin-top: 50px;}
.footer a{ color:#702082; text-decoration:none;}



/* RK on 19-sep-2018 */



.inner_text_lft1 {width:22%; height:45px;  display:table-cell; vertical-align:middle; text-align:center; color:#000; font-weight:700; text-transform:uppercase; font-family: 'hk_groteskregular'; line-height: 16px;
background:#E5E3E3; }

.inner_text_lft {width:22%; height:45px;  display:table-cell; vertical-align:middle; text-align:center; color:#000; font-weight:700; text-transform:uppercase; font-family: 'hk_groteskregular'; line-height: 16px;
  }

.inner_text_rgt{width:78%; height:45px; display:table-cell; vertical-align:middle; text-align:center;}
.inner_text_rgt ul{margin:0px; padding:0px 40px; float:left; list-style:none;}
.inner_text_rgt ul li {color:#000; font-family: 'hk_groteskregular'; font-size:16px; padding-left:20px; text-align:left; line-height:25px;  background-position:left 8px; background-image: url(../images/bullet-icon.jpg); background-repeat:no-repeat;}
.inner_text3 {width:100%; float:left; display:table; margin:10px 0px;}

.note-left{width:6%; float:left;}
.note-right {width:94%; float:left;}
.note-right  ul{margin:0px; padding:0px; list-style:none;}
.note-right  ul li {color:#000; font-family: 'hk_groteskregular'; font-size:13px; padding-left:20px; text-align:left; line-height:25px;   background-position:left 8px; background-image: url(../images/bullet-icon.jpg); background-repeat:no-repeat;}
ul.no_bullet{padding:0px 20px;}
ul.no_bullet li{background-image:none; padding-left:0px;}
.para_format {width:100%; float:left; margin:10px 0px;}
.para_format p{color:#585858;font-family: 'hk_groteskregular'; font-size:16px; font-weight:700;}
.gry_box{background-color:#e5e5e5; padding:20px; box-sizing:border-box;  float:left;  width:100%;  text-align:center; }
.gry_box h2{font-size:22px; font-weight:700;  font-family: 'hk_groteskregular';color: rgba(120,54,142,1); 
color: -moz-linear-gradient(left, rgba(120,54,142,1) 0%, rgba(171,62,158,1) 100%);
color: -webkit-gradient(left top, right top, color-stop(0%, rgba(120,54,142,1)), color-stop(100%, rgba(171,62,158,1)));
color: -webkit-linear-gradient(left, rgba(120,54,142,1) 0%, rgba(171,62,158,1) 100%);
color: -o-linear-gradient(left, rgba(120,54,142,1) 0%, rgba(171,62,158,1) 100%);
color: -ms-linear-gradient(left, rgba(120,54,142,1) 0%, rgba(171,62,158,1) 100%);
color: linear-gradient(to right, rgba(120,54,142,1) 0%, rgba(171,62,158,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78368e', endColorstr='#ab3e9e', GradientType=1 ); }
.gry_box img{margin:40px 0px 20px 0px; max-width:100%;}


.table_formating {width:100%; float:left; box-shadow:0px 3px 4px -1px #cfcfcf; margin:20px 0px 40px 0px;}
.table_formating tr:nth-child(1){ text-align:center; color:#000; font-weight:700; text-transform:uppercase; font-family: 'hk_groteskregular';
background: #E5E3E3;
}
.table_formating tr:nth-child(1) td{padding:10px 20px;}
.table_formating tr td{text-align:center; padding:10px 10px;  font-weight:700; font-family: 'hk_groteskregular';}


.table_formating tr td:nth-child(1){width:25%;text-align:center; padding:10px 10px;  }
.table_formating tr td:nth-child(2){width:25%; text-align:center; padding:10px 10px; }
.table_formating tr td:nth-child(3){width:25%; text-align:center;padding:10px 10px; }
.table_formating tr td:nth-child(4){width:25%;text-align:center;padding:10px 10px;}

.medilimit-left{width:48%; float:left; margin:0 1%; }
.medilimit-left h4{font-size:19px;color:#000; text-align:center; padding:15px 0px; text-transform: uppercase; font-weight:700;  font-family: 'hk_groteskregular'; background: #E5E3E3;  
}


.medilimit-left ul {margin:10px 0px;  list-style: none; list-style-position: inside; box-shadow:0px 3px 4px -1px #cfcfcf; padding:20px; }
.medilimit-left ul li {color:#000; font-family: 'Open Sans', sans-serif; font-size:13px; padding-left:20px; text-align:left; line-height:25px;  background-position:left 8px; background-image: url(../images/bullet-icon.jpg); background-repeat:no-repeat;}

.nav_mob{ display:none;}

.logo_john{ display:none;}


.john_d_login{background: #fff9df;
  border-radius: 16px;
  border: solid 4px #fff;
  max-width: 250px;
  padding: 25px 30px;
  margin: 5% 0 0 10%;}

.john_d_login input{
height: auto;
  border: solid 1px #6f6f6f;
  border-radius: 8px;
  padding: 12px;
  box-shadow: 0px 2px 0px #6f6f6f;
  width:240px;
  float: left;}

.john_d_login .logn-submt {
  max-width: 110px;
  margin: 20px auto 0 72px;
  background: #000;
  color: #fff;
  border: none;font-size: 18px;
  font-weight: 510;
}
.john_d_login #chkRemember {
	width: 40px;
	height: 25px;margin-left: -9px;
}
 :focus-visible {
  outline: hsl(var(--light-blue-900)) auto 1px;
  outline-offset: 0;
}

 /*-------tabs--------*/


.premium{width: 100%; height: auto; margin: 0px; padding: 0px;}

.premium input{ 
height: auto;
  border: solid 1px #6f6f6f;
  border-radius: 8px;
  padding: 8px 12px;
  float: left;
  margin-right: 8px;
  min-height: 40px;
  background: #fff;}


.premium select{ 
height: auto;
  border: solid 1px #6f6f6f;
  border-radius: 8px;
  padding: 8px 12px;
  float: left;
  margin-right: 8px;
  min-height: 40px;
  background: #fff;}
#hyplnk {
	background: #732c85;
  border: solid 1px #732c85;
  color: #fff;
  border-radius: 7px;
  padding: 3px 14px
}
#hyplnk:hover {
background: #B50022;
  border: solid 1px #B50022;
}
#cnt_main_showpremium {
  background: #732c85; 
	border: solid 1px #732c85;
}
#cnt_main_showpremium:hover {
  background: #208B0B; 
	border: solid 1px #208B0B;
}

.premium .logn-submt {
  max-width: 110px;
  margin: 20px auto 0 72px;
  background: #000;
  color: #fff;
  border: none;font-size: 18px;
  font-weight: 510;
}
.premium #chkRemember {
	width: 40px;
	height: 25px;margin-left: -9px;
}
 :focus-visible {
  outline: hsl(var(--light-blue-900)) auto 1px;
  outline-offset: 0;
}





ul.tabs{
padding: 0px;
  list-style: none;
  margin: 50px auto 0 auto;
  justify-content: center;
  display: flex;
}
ul.tabs li{
color: #222;
  display: inline-block;
  padding: 10px 15px;
  cursor: pointer;
  background: #d9d9d9;
  margin: 0 0 0 7px;
  border-radius: 5px;
}

ul.tabs li.current{
background: #732c85;
  color: #fff;
}

.tab-content{
	display: none;
		padding: 15px;
	float: left;
  width: 100%;
}

.tab-content.current{
	display: inherit;
}

.tbs_in{width:100%; text-align: center}
.tbs_in h3{font-size: 20px;
  margin: 0px 0 30px 0;}
  
  .pro_submit{background-color: #732c85!important;
  color: #fff;}