@import "font-awesome.min.css";
@import "carousel.css";

:root {
  --blue: #007bff;  --indigo: #6610f2;  --purple: #6f42c1;  --pink: #e83e8c;  --red: #dc3545;  --orange: #fd7e14;  --yellow: #ffc107;  --green: #28a745;  --teal: #20c997;  --cyan: #17a2b8;  --white: #fff;  --gray: #6c757d;  --gray-dark: #343a40;  --primary: #007bff;  --secondary: #6c757d;  --success: #28a745;  --info: #17a2b8;  --warning: #ffc107;  --danger: #dc3545;  --light: #f8f9fa;  --dark: #343a40;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;  line-height: 1.15;  -webkit-text-size-adjust: 100%;  -ms-text-size-adjust: 100%;  -ms-overflow-style: scrollbar;  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@-ms-viewport {
  width: device-width;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

[tabindex="-1"]:focus { outline: 0 !important;}

hr { box-sizing: content-box; height: 0; overflow: visible;}

h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem;}

p { margin-top: 0; margin-bottom: 1rem;}

abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; }

address { margin-bottom: 1rem; font-style: normal; line-height: inherit;}

ol, ul, dl { margin-top: 0; margin-bottom: 1rem;}

ol ol, ul ul, ol ul, ul ol { margin-bottom: 0;}

dt { font-weight: 700;}

dd { margin-bottom: .5rem;  margin-left: 0;}

blockquote { margin: 0 0 1rem;}

dfn { font-style: italic;}

b, strong { font-weight: bolder;}

small { font-size: 80%;}

sub, sup {
  position: relative;  font-size: 75%;  line-height: 0;  vertical-align: baseline;
}

sub {bottom: -.25em;}

sup { top: -.5em;}

a {
  color: var(--blue);  text-decoration: none;  background-color: transparent;  -webkit-text-decoration-skip: objects;
}

a:hover {
  color: #0056b3;  text-decoration: none;
}

/*a:not([href]):not([tabindex]) {
  color: inherit;  text-decoration: none;
}*/

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;  text-decoration: none;
}

a:not([href]):not([tabindex]):focus { outline: 0;}

pre, code, kbd, samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;  font-size: 1em;
}

pre { margin-top: 0;margin-bottom: 1rem;  overflow: auto;  -ms-overflow-style: scrollbar;}

figure {margin: 0 0 1rem;}

img {  vertical-align: middle; border-style: none;}

svg {  overflow: hidden;  vertical-align: middle;}

table {border-collapse: collapse;}

caption {
  padding-top: 0.75rem;  padding-bottom: 0.75rem;  color: #6c757d;  text-align: left;  caption-side: bottom;
}

th {text-align: inherit;}

label {  display: inline-block;  margin-bottom: 0.5rem;}

button {border-radius: 0;}
button:focus {
  outline: 1px dotted;  outline: 5px auto -webkit-focus-ring-color;
}
input, button, select, optgroup, textarea {
  margin: 0;  font-family: inherit;  font-size: inherit;  line-height: inherit;
}
button, input {  overflow: visible;}
button, select { text-transform: none;}
/*button, html [type="button"],
[type="reset"],
[type="submit"] {  -webkit-appearance: button;} */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner { padding: 0;  border-style: none;}

input[type="radio"],
input[type="checkbox"] { box-sizing: border-box;  padding: 0;}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] { -webkit-appearance: listbox;}
textarea {  overflow: auto;  resize: vertical;}
fieldset {  min-width: 0;  padding: 0;  margin: 0;  border: 0;}
legend {
  display: block;  width: 100%;  max-width: 100%;  padding: 0;  margin-bottom: .5rem;  font-size: 1.5rem;  line-height: inherit;  color: inherit;  white-space: normal;
}
progress { vertical-align: baseline;}
output { display: inline-block;}
summary { display: list-item; cursor: pointer;}
template { display: none;}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {height: auto;}

[type="search"] {
  outline-offset: -2px;  -webkit-appearance: none;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}

::-webkit-file-upload-button {
  font: inherit;  -webkit-appearance: button;
}
[hidden] {  display: none !important;}

h1, h2, h3, h4, h5, h6{  margin-bottom: 0.5rem;  font-family: inherit;  font-weight: 500;  line-height: 1.2;  color: inherit; }
h1{font-size: 2.5rem;} h2{font-size: 2rem;} h3 {font-size: 1.75rem;} h4{font-size: 1.5rem;} h5{font-size: 1.25rem;} h6{font-size: 1rem;}

@font-face {
  font-family: 'ArialRounddedMT';  src: url('/images/fonts/ARLRDBD.TTF');  font-weight: normal;  font-style: normal;
}
@font-face {
  font-family: 'logoFont';  src: url('/images/fonts/FjallaOne-Regular.ttf');
}
input:focus {
  border-color: #5d6295 !important;  outline: 0;  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;  font-weight: 400;  line-height: 1.5;  color: #212529;  text-align: left;  background-color: #f4f5fd; margin: 0;
}
.container{width: 95%; margin: 0 auto;}
.wrapper{background-color: #ffffff; box-shadow: 0 0 5px 5px #e7e8f5; margin-top: 20px;}

/* =======================
header{width: 100%; background-color: #042865; padding: 5px 0 20px; }
.header{display: flex; flex-wrap: wrap;}
.header div{flex: 1; position: relative;}
.header div.search{padding: 16px 0px 0px;}
.header div.search input{width: 70%; padding: 4px 10px; border: 0px;}
.cart a{display: inline-block; padding: 9px 20px; background: #3498db; position: relative;}
.cart a::before{display: inline-block;
	content: "";
	position: absolute;
	left: -15px;
	top: 0px;
	border-right: 15px solid #3498db;
	border-bottom: 22px solid transparent;
	border-top: 22px solid transparent;
	height: 0;
	width: 0;}
.header div.search button{width: 30px; padding: 4px 10px; border: 0px; height: 32px;}
.logo{flex-grow: 1.3 !important;}
.header-right{float: right; color: #ffffff; padding-top: 12px; text-align: right; font-size: 18px; flex-grow: 1.5 !important;}
.header-right a{color: #ffffff;}
.brand{font-size: 30px; color: #fff; font-family: sans-serif; letter-spacing: 1.3px;}
.brand:hover{text-decoration: none; color: #ffffff;}
.brand::after{content:'';}
.tag-line{color: #ffffff; position: absolute; bottom: -5px; left: 33px; font-size: 12px; letter-spacing: 0.2px;}
.brand-c{background: #3498db;display: inline-block;line-height: 26px;padding: 3px 3px 2px;border-radius: 0px 8px;margin-right: 2px;}
.brand-text{color: #3498db;}

nav{background-color: #061c42;}
nav ul{padding: 0px; margin: 0px; display: flex;}
nav ul li{flex-grow: 1; list-style: none; display: inherit;}
nav ul li:last-child{flex-grow: 6; text-align: right;}
nav ul li a{padding: 8px 0px 10px; color: #ffffff;}
nav ul li ul{display: none; position: relative; background: #ffffff; padding: 15px; z-index: 99;}
nav ul li:hover ul{display: block; position: absolute;}
nav ul li ul li a{color: #0056b3; padding: 8px 5px;}

nav ul li ul li:last-child{text-align: left;}


.user{float: right;}
.user ul{padding: 0px; margin: 0px; display: flex;}
.user ul li{flex-grow: 1; list-style: none;}

.user ul li a{padding: 8px 0px 10px; color: #ffffff;}
.user ul li ul{display: none; position: relative; background: #ffffff; padding: 15px; z-index: 99;}
.user ul li:hover ul{display: block; position: absolute;}
.user ul li ul li a{color: #0056b3; padding: 8px 5px;}

.form-search{margin-right: -70px; position: relative; z-index: 9;}

=================== */

header{background-color: #f0f1f2; border-top: 3px solid #cfdae1; line-height: 0px;}

.header{display: flex;}
.header > div{flex-grow: 1; padding: 16px 10px 8px;}
.header .fa{color: #3498db;}


.logo{padding-top: 10px !important; padding-left: 0px !important; flex-grow: 0.3 !important;}
.brand{font-size: 30px; color: #ffffff; line-height: 30px; font-family: 'logoFont';}
.brand:hover{text-decoration: none; color: #647781;}
.brand::after{content:'';}
.tag-line{color: #c5c8c9; font-size: 14px; line-height: 20px; margin-left: 40px;}
.brand-c{background: #3498db;display: inline-block; color: #ffffff; line-height: 26px;padding: 3px 3px 2px;border-radius: 0px 8px;margin-right: 2px;}
.brand-text{color: #44b4ff;}


.category ul{padding: 0px; margin: 0px; background-color: #ffffff;}
.category ul > li{padding: 5px 10px;}
.category > ul > li:first-child{border: 1px solid #e4e6e9;}
.category ul .Category-min{color: #647781;}
.category ul .Category-min i{float: right; margin-top: 4px;}
.category ul li:hover ul{display: block; position: absolute;}
.category ul li ul{display: none; background-color: #ffffff; padding: 10px 15px; margin:5px 0 0 -11px; z-index: 11;}
.category ul li{list-style: none; line-height: 24px;}
.category ul li ul li{line-height: 16px;}

.search{padding-left: 40px !important;}
.form-search{overflow: hidden; position: relative;}
.form-search input{width: 100% !important; border: 1px solid #e4e6e9; padding: 10px; float: left; line-height: 16px; height: 36px;}
.form-search button{width: 40px !important; height: 34px; position: absolute; right: 0; margin: 1px; padding: 10px; background: #fff; cursor: pointer;}

.header-right{padding-right: 0px !important;}
.header-right > div{display: flex;}
.header-right > div a{flex-grow: 1; line-height: 30px; text-align: center; color: #5d707a;}


.header-right ul{padding: 0px; margin: 0px; position: relative; flex-grow: 1;}
.header-right ul > li{padding: 2px 10px; text-align: center;}
.header-right ul .Category-min{color: #ffffff;}
.header-right ul .Category-min i{float: right; margin-top: 4px;}
.header-right ul li:hover ul{display: block; position: absolute;}
.header-right ul li ul{display: none; background-color: #ffffff; padding: 10px 15px; z-index: 11;}
.header-right ul li{list-style: none; line-height: 24px;}
.header-right ul li ul li{line-height: 18px; padding: 0px;}
.header-right ul li ul li> a{color: var(--blue);}



nav{overflow: hidden; /*background-color: #253165;*/ background-color: #0a7ecc;}
nav ul{margin: 0px; padding: 0px;}
nav ul li{float: left; list-style: none; font-weight: 600;}
nav ul li a{padding: 8px 15px; display: inline-block; color: #ffffff;}

nav ul li:first-child a{padding-left: 0px;}
nav ul li:last-child{float: right; color: #fff; padding-top: 2px;}
nav ul li:last-child span{font-size: 21px;}






.extra-box {
    position: relative;
    z-index: 9;
    padding: 40px 0 20px;
}
.font__family-montserrat {
    font-family: 'Montserrat',sans-serif;
}
.justify-content-center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    justify-content: center !important;
}
.flex-wrap {
    -webkit-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}
.d-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
}



.extra-box-item {
    display: inline-block;
    position: relative;
    width: 70px;
    height: 122px;
    border-top: 2px solid rgba(255,255,255,.4);
    border-bottom: 2px solid rgba(255,255,255,.4);
    -webkit-transition: .5s border-color;
    transition: .5s border-color;
    cursor: pointer;
    margin: 10px 23px;
}


.extra-box-item::before {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
}
.extra-box-item::after, .extra-box-item::before {
    content: '';
    position: absolute;
    width: 100%;
    height: -webkit-calc(100% + 4px);
    height: calc(100% + 4px);
    border-bottom: inherit;
    border-top: inherit;
    bottom: -2px;
}


.extra-box-item::after {
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
}
.extra-box-item::after, .extra-box-item::before {
    content: '';
    position: absolute;
    width: 100%;
    height: -webkit-calc(100% + 4px);
    height: calc(100% + 4px);
    border-bottom: inherit;
    border-top: inherit;
    bottom: -2px;
}


.extra-box-title {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: auto;
    color: #fff;
    text-align: center;
    font-size: 1rem;
    z-index: 2;
	font-weight: 600;
}



.extra-box-item.checked .extra-box-before, .extra-box-item:hover .extra-box-before {
    background-color: rgba(255,255,255,.1);
}
.extra-box-before {
    position: absolute;
    width: 200%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: transparent;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	background: rgba(255,255,255,.2);
    z-index: 1;
    -webkit-clip-path: polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);
    clip-path: polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);
}


.extra-box-count {
    position: absolute;
    top: 18px;
    right: -28px;
    width: 23px;
    height: 23px;
    text-align: center;
    font-size: .8125rem;
    line-height: 23px;
    color: var(--brand-primary);
    background-color: #fff;
    border-radius: 50%;
    z-index: 3;
}


.extra-box-item.checked .extra-box-before, .extra-box-item:hover .extra-box-before {
    background-color: rgba(255,255,255,.1);
}

.extra-box-item:nth-child(2n) {
    margin-top: 80px;
}

.extra-boxs{margin-top: -260px;}
.liveWeibars{flex-grow: 5;}
.live-weibars-min{overflow: hidden;display: flex;}
.live-weibars-min > div{}
.live-weibars{margin-bottom: 30px; width: 100%;}
.date-box{width: 150px; float: left; margin-right: 30px; background: #fff; box-shadow: 2px 5px 25px 1px rgba(0, 0, 0, 0.1);}
.date-box ul{padding: 0px; margin: 0px; background-color: #ffffff;}
.date-box ul li{list-style: none; padding:5px 6px 6px; text-align: center; line-height: 18px;}
.date-box ul li:first-child{background-color: #3498db; color: #ffffff;}
.date-box ul li:last-child{padding-bottom: 8px;}
.date-box ul li:nth-of-type(3){font-size: 30px;}
.live-weibars{display: flex;}
.live-weibars > div{}
.live-weibars span{width: 80px; display: inline-block; color: #9e9e9e;}
.live-weibars-min h4{margin-bottom: 20px;}

.wTitle{background-color: #ffffff; overflow: hidden; padding: 10px 20px; width: 100%;}
.wTitle h1{font-size: 19px;}
.wTitle .btn-success{background-color: #3498db;
padding: 3px 10px;
color: #fff;
border-radius: 20px;
font-size: 13px;}

.rac-Webinars{padding: 30px; background-color: #ffffff; width: 38%;}
.rac-Webinars h1{font-size: 17px;}
.rac-Webinars img{margin-right: 15px; width: 54px;}
.rac-Webinars hr{margin:20px 0px; border:0px; border-top: 1px solid #dddddd;}
/*.rac-Webinars .img + div{overflow: hidden;} */
.rac-Webinars p{margin-bottom: 6px;}
.rac-Webinars p a{color: #4371a4;}

.rac-Webinars .img{float: left; margin-right: 15px;}
.lax{display: flow-root;
-webkit-display: flow-root;
-moz-display: flow-root;
-ms-display: flow-root;
-o-display: flow-root;}

.Our-Partner{margin-bottom: 40px;}
.Our-Partner .item{background-color: #ffffff;}





footer{background-color: #111741; margin-top: 60px; clear: both;}
.footer{display: flex; padding: 50px 0; margin: 0px -30px;}
.footer > div{flex: 1; padding: 0px 30px; line-height: 30px; color: #a7abc6;}

.footer h1{font-size: 20px; font-weight: 600; color: #ffffff;}

.footer a{color: #a7abc6;}

.footer .links a{margin-right: 15px; line-height: 40px; }

.socialmadia{clear: both; margin-top: 30px;}
.socialmadia a{color: #ffffff;}
.socialmadia .fa {
    font-size: 20px;
    padding: 4px;
    background: #6a7d86;
    margin-right: 10px;
    border-radius: 50%;
	width: 28px;
}

.socialmadia .fa-facebook{width: 28px; text-align: center;}
.socialmadia .fa-google-plus{font-size: 18px; text-align: center;}

.footer input{float: left; width: 60%; border: 0px; padding: 0px 10px; height: 30px;}
.footer button{border: 0px; background-color: #0a7ecc; color: #ffffff; padding: 0px 10px;}

.Copyright{text-align: center; padding: 15px 0px 5px; background-color: #0a7ecc; color: #ffffff;}






/*-----------------------
    Service Area
-----------------------*/

.three-box-min{margin: 60px 0; padding: 100px 0; background: #3D2966 url('/images/silder2.jpg'); background-size: contain;}

.three-content-area{display: flex;}

.single-service-box-item {
flex: 1;
  text-align: center;
  background-color: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 81, 250, 0.1);
  box-shadow: 0px 5px 20px 0px rgba(0, 81, 250, 0.1);
  padding: 40px 30px 32px 30px;
  margin: 30px;
  -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;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  z-index: 0; }
  .single-service-box-item:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #0051fa;
    content: '';
    -ms-transform: translateX(-100%) translateY(-100%);
    /* IE 9 */
    -webkit-transform: translateX(-100%) translateY(-100%);
    /* Chrome, Safari, Opera */
    transform: translateX(-100%) translateY(-100%);
    border-radius: 5px;
    visibility: hidden;
    opacity: 0;
    -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;
    z-index: -1; }
  .single-service-box-item:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #0051fa;
    content: '';
    -ms-transform: translateX(100%) translateY(100%);
    /* IE 9 */
    -webkit-transform: translateX(100%) translateY(100%);
    /* Chrome, Safari, Opera */
    transform: translateX(100%) translateY(100%);
    border-radius: 5px;
    visibility: hidden;
    opacity: 0;
    -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;
    z-index: -1; }
  .single-service-box-item:hover {
    background-color: #0051fa; }
    .single-service-box-item:hover:before, .single-service-box-item:hover:after {
      visibility: visible;
      opacity: 1;
      -ms-transform: translateX(0%) translateY(0%);
      /* IE 9 */
      -webkit-transform: translateX(0%) translateY(0%);
      /* Chrome, Safari, Opera */
      transform: translateX(0%) translateY(0%); }
    .single-service-box-item:hover .icon {
      color: #fff;
      -ms-transform: rotateY(360deg);
      /* IE 9 */
      -webkit-transform: rotateY(360deg);
      /* Chrome, Safari, Opera */
      transform: rotateY(360deg); }
    .single-service-box-item:hover .title {
      color: #fff; }
  .single-service-box-item .icon {
    font-size: 70px;
    line-height: 70px;
    margin-bottom: 20px;
    color: #009cff;
    -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; }
  .single-service-box-item .title {
    font-size: 16px;
    line-height: 28px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 0;
    -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; }
  .single-service-box-item:hover .title a {color: #ffffff;}



.form-login-reg{margin: 40px auto 0; text-align: center;  max-width: 440px; background-color: #ffffff; padding: 24px; box-shadow: 0 0 5px 5px #e7e8f5;}
.form-login-reg h4{margin-bottom: 20px;}
.form-login-reg form{text-align: left;}

.registration{margin: 40px auto 0; text-align: center;  max-width: 440px; background-color: #ffffff; padding: 24px; box-shadow: 0 0 5px 5px #e7e8f5;}
.form h4{margin-bottom: 20px;}
.form form{text-align: left;}
.form form > div{position: relative; }
.form label{position: absolute; left: 10px; top: 9px; z-index: 0; transition: all 0.25s; color: #6e7c8a;}
.form label span{color: #f02a2a;}
.form input, select{background: none; position: relative; z-index: 9; margin-bottom: 30px;}

.form input:focus + label{top: -22px; left: 0px; font-size: 13px;}

.form input:not([value=""]):not(:focus) ~ label{
	top: -22px; left: 0px; font-size: 13px;
}
.form input:not(:empty) ~ label{
	top: -22px; left: 0px; font-size: 13px; color: red;
}
.form select:focus + label{top: -22px; left: 0px; font-size: 13px;}

.form select:not([value=""]):not(:focus) ~ label{
	top: -22px; left: 0px; font-size: 13px;
}
.form .mySelect + label{
	position: absolute; left: 10px !important; top: 9px !important; font-size: 16px !important; z-index: 0; transition: all 0.25s; color: #6e7c8a;
}

.form .mySelect2 + label{
	top: -22px !important; left: 0px !important; font-size: 13px !important; color: #6e7c8a; transition: all 0.25s;
}

/*.form input[type="text"]:focus:not ~ label{	top: -22px; left: 0px; font-size: 13px;}*/
.form input[type="checkbox"]{width: 20px;}


.form textarea:focus + label{top: -22px; left: 0px; font-size: 13px;}

.form textarea:not([value=""]):not(:focus) ~ label{
	top: -22px; left: 0px; font-size: 13px;
}
.form textarea[type="text"]:focus:not ~ label{	top: -22px; left: 0px; font-size: 13px;}
.form textarea[type="checkbox"]{width: 20px;}




.form input:not(:focus).form ~ label, .form > input:not(:focus)[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label, .mui-textfield--float-label > input:not(:focus):not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label, .mui-textfield--float-label > textarea:not(:focus).mui--is-not-empty ~ label, .mui-textfield--float-label > textarea:not(:focus)[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label, .mui-textfield--float-label > textarea:not(:focus):not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label {


}



.form select { margin-bottom: 30px !important;}
input, select, textarea{padding: 8px; width: 100%; border: 1px solid #cdcfe3; margin-bottom: 15px;}
button{border: 0px; padding: 5px 15px; cursor: pointer;
background: -moz-linear-gradient(45deg, #665fee 0%, #27c2de 100%);
background: -webkit-linear-gradient(45deg, #665fee 0%, #27c2de 100%);
background: -o-linear-gradient(45deg, #665fee 0%, #27c2de 100%);
background: linear-gradient(45deg, #665fee 0%, #27c2de 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#665fee', endColorstr='#27c2de',GradientType=1 );
color: #ffffff;
font-weight: 600;
}


.towFlexDiv{display: flex;}
.towFlexDiv > div{flex: 1; padding: 24px 26px;}
.webinars{
    margin: 20px auto 0;
    color: #6d6c72;
letter-spacing: 0.5px;
display: flex;

}
.webinar-list > div{
    background-color: #ffffff;
    padding: 24px;
    box-shadow: 0 0 3px 1px #e7e8f5;
    margin-bottom: 30px;
    display: flex;
}

.webinar-list > div >div{

}

.webinar-list .description{padding-left: 30px;}

.webinar-list h1{font-size: 19px;}
.webinar-list h1 a{color: var(--blue); text-decoration: none; background-color: transparent;}

.webinar-list ul{margin: 0px 0px 6px 0px; padding: 0px; list-style: none; border: 1px solid #dddddd; width: 180px; text-align: center;}
.webinar-list ul li{padding: 3px 15px;}
.webinar-list ul li:first-child{font-size: 28px; color: #0a7ecc;}
.webinar-list ul li:last-child{background-color: #0a7ecc; color: #ffffff;}

.productPrice{color: red;}
.dateCalendar {text-align: center;}
.dateCalendar span{font-size: 12px;}

.dateCalendar ul:hover {

 animation-duration: .5s;
animation-name: rotateb;
}
@keyframes rotateb{
  from{transform:rotateY(0deg)}
  to{transform:rotateY(360deg)}
}

.webinarSearch{min-width: 280px;}
.webinarSearch h5{margin: 0 0 15px 0;}
.webinarSearch .form{margin: 0 0 0 30px; background-color: #ffffff; padding: 20px; display: inline-block; box-shadow: 0 0 3px 1px #e7e8f5; position: sticky; top: 0;}
.webinar-signup{}
.webinar-signup h5{color: #2496E2;}
#AttendeeInfo{padding: 20px 10px 0px 20px; border: 1px solid #ddd;}
#AttendeeInfo > div{overflow: hidden;}
#AttendeeInfo input{width: 64%;}
#AttendeeInfo label{width: 32%; float: left;}
#priceDisplay b{color: red;}

.webinarSearch button{width: 100%;}

.shoppingPages{margin: 20px 0px; background-color: #ffffff; padding: 20px; box-shadow: 0 0 3px 1px #e7e8f5; min-height: 80vh;}


.speakerList{display: flex; flex-wrap: wrap; align-content: stretch;}
.speakerList > div {float: left; padding: 15px; width: 20%;}
.speakerList > div > div{padding: 15px 15px; height: 280px; box-shadow: 0 0 3px 1px #f2f2f2; text-align: center;}
.speakerList img{clear: both;}
.speakerList p{overflow: hidden;}

.Speaker-Profile{padding: 20px;}
.Speaker-Profile{overflow: hidden;}
.Speaker-Profile{overflow: hidden;}





.wizard-steps-panel {
    position: relative;
    height: 4em;
}
.wizard-steps-panel.steps-quantity-3 .step-number {
    width: 32%;
}

.wizard-steps-panel .step-number {
    width: 32%;
}

.wizard-steps-panel .step-number {
    display: inline-block;
    text-align: center;
    font-size: 26px;
    position: relative;
}
.wizard-steps-panel .step-number.doing .number, .wizard-steps-panel .step-number.doing .number::after, .wizard-steps-panel .step-number.doing .number::before {
    background-color: #FF5454;
    border: 4px solid #FF5454;
    color: white;
}
.wizard-steps-panel .step-number .number {
    width: 1.7em;
    height: 1.7em;
    background-color: #dedede;
    color: #5a5a5a;
    margin-left: calc(50% - 1.7em / 2 );
    border: 4px solid #dedede;
    border-radius: 1.7em;
}

.wizard-steps-panel .step-number.done .number, .wizard-steps-panel .step-number.done .number::after, .wizard-steps-panel .step-number.done .number::before {
    background-color: #79C447;
    border: 4px solid #79C447;
    color: white;
}


.wizard-steps-panel .step-number .number::before {
    content: ' ';
    position: absolute;
    border: 4px solid #dedede;
    border-radius: 4px;
    left: -4px;
    right: calc( 50% + 1.4em/2 );
    top: calc( 1.4em / 2 );
}

.wizard-steps-panel .step-number .number::after {
    content: ' ';
    position: absolute;
    border: 4px solid #dedede;
    border-radius: 4px;
    left: calc( 50% + 1.4em/2 );
    right: -4px;
    top: calc( 1.4em / 2 );
}

.shoppingPages table{border: 1px solid #dddddd; padding: 20px; height: 100%; width:100%;}

.cartTable{display: flex; flex: 1;}
.cartTable table{}
.cartTable th{font-weight: 600; border-bottom: 1px solid #ddd; background: #f2f2f2;}
.cartTable th:first-child{width: 45%;}
.cartTable .OrderSummary{margin-left: 30px;}
.cartTable .OrderSummary tr:nth-child(even) {
  background-color: #f2f2f2
}

.OrderSummary a{
    border: 0px;
    padding: 5px 15px;
    background: -moz-linear-gradient(45deg, #665fee 0%, #27c2de 100%);
    background: -webkit-linear-gradient(45deg, #665fee 0%, #27c2de 100%);
    background: -o-linear-gradient(45deg, #665fee 0%, #27c2de 100%);
    background: linear-gradient(45deg, #665fee 0%, #27c2de 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#665fee', endColorstr='#27c2de',GradientType=1 );
    color: #ffffff;
    font-weight: 600;
	width: 100%;
	display: block;
	text-align: center;
}

.alert-error{background: #ffe1e1; padding: 20px; text-align: center; color: #ee3737;}
.alert-error hr{border: 0px; height: 1px; background: #dba1a1;}

.alert-successfully{background: #c7f0bf; padding: 20px; text-align: center; color: #3e9706;}
.alert-successfully hr{border: 0px; height: 1px; background: #86bf7b;}
.Add-More-Attendee{float: right;}
.remove-attendee{float: right; color: red; margin-bottom: 20px;}
.payment-header{border-top: 0px; padding-bottom: 10px;}
.payment-header .header-right > div{justify-content: flex-end;}
.payment-header .header-right ul{flex-grow: 0 !important;}
.payment-header .user-inner ul{margin-right: 15px;}
.payment-header .header > div{padding-bottom: 0px;}


.OrderSummary ol li{margin-bottom: 15px;}

.payment-form .OrderSummary > table{height: auto !important; border: 0px;}
.payment-form .OrderSummary > table td{padding: 8px 15px;}
.payment-form .OrderSummary > table tr:nth-child(even){background: #f9f9f9; border-bottom: 1px solid #f0f0f0;}


.payment-form{display: flex; flex: 1;}
.payment-form > div:first-child{flex: 0 0 40%; border: 1px solid #dddddd;}
.payment-form > div:last-child{flex: 0 0 60%;}
.billingForm{margin: 0px 0 0 30px; padding: 0px 10% 30px; border: 1px solid #ddd;}
.billing-Form > div{display: flex;}
.billing-Form > div label{flex-basis: 40%;}
.billing-Form > div > div{flex-basis: 60%;}
.billing-Form > div > div > input, select{width: 100%;}
.billing-Form > div label > span{color: red;}

.Expiration-Date{display: flex;}
.Expiration-Date > div{flex-basis: 47%;}
.Expiration-Date .expdate_year{margin-left: 20px;}

.cvv{display: flex;}
.cvv > div:first-child{flex-basis: 24%;}
.cvv > div:last-child{flex-basis: 70%; margin-left: 6%;}

.Card-Type-img{position: relative;}
.Card-Type-img img{position: absolute; top: 11px; right: 10px;}
#ccv_msg_div{font-size: 14px;}

.Vouchers{margin: 30px 0;}
.Vouchers > table{
border: 0px;
background: -moz-linear-gradient(45deg, #665fee 0%, #27c2de 100%);
background: -webkit-linear-gradient(45deg, #665fee 0%, #27c2de 100%);
background: -o-linear-gradient(45deg, #665fee 0%, #27c2de 100%);
background: linear-gradient(45deg, #665fee 0%, #27c2de 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#665fee', endColorstr='#27c2de',GradientType=1 );
color: #ffffff;
}
.Vouchers th{font-weight: 600;}

.Review-and-Pay{display: flex;}
.Review-and-Pay > div{padding: 15px; flex: 1;}
.Review-and-Pay table{display: inline-block !important;}

.voucherPayReviewMin{display: flex;}
.voucherPayReviewMin > div{flex: 1; height: 100%;}
.voucherPayReviewMin > div > div{padding: 20px 30px 30px;}
.voucherPayReviewMin > div:first-child{background: #f3edff}
.voucherPayReviewMin > div:last-child{background: #e1f9ff;}
.voucherPayReview table tr:nth-child(even){
	background: #e3d5ff;
}
.voucherPayReview table{border: 1px solid #d2bcfd;}

.VoucherDetails table tr:nth-child(even){
	background: #bfeffb;
}
.VoucherDetails table{border: 1px solid #8dcff4;}

.notifications{background: #2caaff;
padding: 10px;
color: #fff;
font-weight: 600;}
.notifications-list{padding: 15px; border: 1px solid #2caaff;}
.notifications-list ul{line-height:24px; padding: 0px 0 0 15px;; margin: 0px;}
.notifications-list ul li{margin-bottom: 10px;}

.RECEIPT {background: #f0f8ff; padding: 12px 20px 20px;}
.RECEIPT table{background: #daeeff; margin-top: 10px; border: 1px solid #a0c8ea}
.RECEIPT table td{border: 1px solid #a0c8ea}
.RECEIPT tr:nth-child(even){background: #e8f4ff;}

.Webinar-Information{overflow: hidden;}
.Webinar-Information .orderItems{float: left; width: 60%;}
.Webinar-Information .orderItems > div{background: #f3edff; padding: 20px;}

.Webinar-Information .attendeeList{float: right; width: 40%;}
.Webinar-Information .attendeeList > div{background: #e1f9ff; padding: 20px;}

.orderItemsList{background: #e1f9ff; overflow: hidden;}

.Webinar-Information h5{font-size: 18px; line-height: 26px; font-weight: 600; color: #4d5ee4;}
.Webinar-Information .orderItems p{margin-bottom: 5px;}
.Webinar-Information .orderItems p em{color: #ff4a00;}
.webinarTypeLive{color: #d913a7; font-weight: 600;}

.footer-payment{color: #ffffff; text-align: center;}
.pay-Copyright{background-color: #111741;}

.myaccount{display: flex; padding: 20px 30px;}
.myaccount > div{flex: 1;}
.myaccount > div:last-child{flex-grow: 4;}
.myaccountList{padding: 0px; margin: 0px;}
.myaccountList{list-style: none;}
.myaccountList li{background: #f2f2f2; padding: 10px 15px;}
.myaccountList li:nth-child(even){background: #f9f9f9;}
.myaccount-info{padding-left: 30px;}
.myaccount-main{display: flex;}
.ChangePassword{padding: 30px;}
.order_history{padding-left: 20px;}
.order_history table td{padding: 10px;}
.order_history table tr:nth-child(even){background: #f9f9f9;}
.mywebinars{padding-left: 30px; width: 100%;}
.mywebinars .table{background: #e9feff;}
.mywebinars .table td{padding: 6px 15px;}
.mywebinars .text-danger{color: red;}
.myVoucher{border: 1px solid #dddddd;}
.myVoucher td{padding: 5px;}

.staticContent{padding: 20px; background: #fff; box-shadow: 2px 5px 25px 1px rgba(0, 0, 0, 0.1); letter-spacing: 0.6px;}
.staticContent img{max-width: 100%; margin-bottom: 15px;}

.pagination > li {
    display: inline; float: left;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #428bca;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
        border-top-color: rgb(221, 221, 221);
        border-right-color: rgb(221, 221, 221);
        border-bottom-color: rgb(221, 221, 221);
        border-left-color: rgb(221, 221, 221);
    cursor: pointer;
}

.pagination a {
    position: relative;
    float: left;
    margin-left: -1px;
    line-height: 1.42857;
    color: #428BCA;
    text-decoration: none;
    background-color: #FFF;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #428bca;
    border-color: #428bca;
}

.jplist-items-per-page {
    margin: 10px 10px 0 30px;
}
.dropdown {
    display: block !important;
}
.pull-left {
    float: left !important;
}
.dropdown {
    position: relative;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.open > .dropdown-menu {
    display: block;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.center-block{margin: 20px auto; background: #fff; padding: 8px 15px 10px; min-height: 74px;}
.dropdown:hover #dropdown-menu1{display: block !important;}
.dropdown:hover .dropdown-menu{display: block !important;}
.open > .dropdown-menu {
    display: block;
}

.dropdown-menu li {
    width: 100%;
    background: #fff;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}
.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.not-found{background: #ffffff; text-align: center; padding: 15%; width: 100%; margin-top: 30px;}
.jplist-pagination-info{margin-right: 30px;}
.user{display: none;}
.microcart{display: none;}



#pay_now_button{margin: 0px !important;}

.cart-table-text{display: none;}

.user{position: absolute; right: 20px; top: 15px; color: #3498db;}
.user i{font-weight: 600;}
.menu-bars{display: none; cursor: pointer; position: absolute; top: 14px; left: 64%;}
.rac-Webinars h4{display: none;}
.rac-Webinars-h4{display: inline-block;}

.RecentlyViewedMin{padding: 0px 0 20px;}
.RecentlyViewedMin .item{margin-right: 20px; min-height: 320px; margin-bottom: 30px; text-align:center; background: #fff; padding: 15px; box-shadow: 2px 5px 12px 1px rgba(0, 0, 0, 0.1);}
.RecentlyViewedMin .owl-nav{position: absolute; top: 0; right: 0; margin-top: -40px;}
.RecentlyViewedMin .owl-dots{position: absolute; top: 0; right: 0; margin-top: -40px;}
.RecentlyViewedMin .owl-stage > div:last-child .item{margin-right: 0;}
.RecentlyViewedMin .Price strong{color: #f75a27;}

#tab1{cursor: pointer;}
#tab2{cursor: pointer;}
.orderStatusMin{background-color: #ffffff;
box-shadow: 0 0 5px 5px #e7e8f5;
margin-top: 20px; padding: 15px;}
.orderStatusMin table td{padding: 5px; border: 1px solid #ddd;}

.Sponsorship-Opportunity{padding:15px;display: flex; border: 1px solid #e3e3e3;}

.Why-Sponsor{background:#eee; padding:15px;}
.Why-Sponsor2{display: flex; flex-wrap: wrap;}
.Why-Sponsor2 img{float: left; margin-right: 15px;}
.Why-Sponsor2 > div{flex: 0 0 33.33%; margin-top: 15px;}
.Why-Sponsor h3{color: #2379B2;}

.Sponsorship-Benefit{display: flex; padding: 15px 30px;}
.Sponsorship-Benefit ol li {
    font-size: 15px;
    line-height: 30px;
}

.mUser{display: inline-block !important;}

@media (min-width: 1024px) and (max-width: 1200px) {
	.billingForm{padding: 0px 20px 30px;}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.billingForm{padding: 0px 20px 30px;}
	.payment-form > div:first-child {flex: 0 0 35%;}
	.payment-form > div:last-child {flex: 0 0 64%;}
	.billingForm {margin: 0px 0 0 20px;}
	.billing-Form > div label {flex-basis: 44%;}
	.billing-Form > div > div {flex-basis: 56%;}
	
}
@media (max-width: 400px){
	.pay_headding a{display: none;}
}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	.towFlexDiv {flex-direction: column;}
	.towFlexDiv .first-child{order: 2;}
	#AttendeeInfo label{width: 100%;}
	#AttendeeInfo input{width: 100%;}
	
	.cartTable {flex-direction: column;}
	.cartTable .OrderSummary{margin: 0px;}
	.cartTable .cart-table table td{width: 50%;display: block;float: left;height: 110px;}
	.cartTable .cart-table table td:first-child{width: 100%; height: 100%;}
	.cartTable .cart-table table th{width: 100%; display: none;}
	.cart-table-text{display: block;}
	.cartTable .cart-table .Remove{text-align: left !important;}
	
	.payment-form{flex-direction: column;}
	
	.billingForm {margin: 30px 0px 0px; padding: 0 20px 30px;}
	.billing-Form > div {flex-direction: column;}
	.billing-Form > div label {flex-basis: 100%;}
	.billing-Form > div > div {flex-basis: 100%;}
	.Checkout{margin-top: 10px; margin-left: 30% !important;}
	.voucherPayReviewMin{flex-direction: column;}
	.orderItemsList > div{width: 100% !important;}
	.loaderImg{left: 20% !important;}
	
	.Review-and-Pay {padding: 0px; flex-direction: column;}
	.Review-and-Pay > div{padding: 0px;}
	.Review-and-Pay > div:last-child h5{margin-top: 40px;}
	
	.header{flex-direction: column;}
	.search {padding-left: 0px !important;}
	.header > div{padding: 0px;}
	.header-right > div a{text-align: center; width: 100%; display: inline-block; }
	.brand {font-size: 20px;}
	.brand-c{line-height: 22px; padding: 1px 3px 0px; border-radius: 0px 6px;}
	.tag-line{display: none;}
	.category{display: none;}
	.search{order: 1; margin-top: 10px;}
	
	.header-right > div {display: inline;}
	
	nav ul li{width: 100%;}
	nav ul li:first-child a{padding-left: 15px;}
	nav ul li:last-child {padding-left: 15px;}

	.header-right .user-inner{position: absolute; z-index: 6; background: #102f44; width: 94%; display: none;}

	.header-right ul li:hover ul{position: relative !important;}
	.user{display: block; height: 30px; cursor: pointer;}
	.user-inner > a:last-child{display: none;}
	.payment-header .user-inner ul{margin: 0px;}
	.header-right ul li ul{display: block !important;}
	.microcart{display: inline-block; right: 60px; position: absolute; top: 15px; color: #fff;}
	.microcart span{display: none;}

	.user-inner span{display: none;}
	/*.header-right ul li ul{display: block;}*/
	
	nav ul li:last-child{display: none;}
	
	nav{display: none;}
	.menu-bars{display: block; color: #04124f;}
	.extra-boxs{display: none;}
	.item1{height: 220px !important;}
	.item2{height: 220px !important;}
	
	.live-weibars-min{flex-direction: column;}
	.live-weibars-min > div { width: 100% !important;}
	.live-weibars{flex-direction: column;}
	.live-weibars > div {width: 100%; border-bottom: 1px solid #ddd;}
	
	.three-content-area{flex-direction: column;}
	.footer{flex-direction: column;}
	.webinars{flex-direction: column;}
	.webinarSearch .form{margin: 0px; width: 100%;}
	.rac-Webinars h4{display: inline-block;}
	.rac-Webinars-h4{display: none;}
	.center-block .pagination-m{width: 100%;}
	.jplist-pagination {margin: 10px 0px 10px 0px; padding: 0px 0 0 10px; width: 100%;}
	.webinar-list > div{flex-direction: column;}
	.webinar-list .description {padding-left: 0px;}
	.webinar-list ul{width: 100%;}
	.rac-Webinars .pipline span{display: none;} 
	.rac-Webinars p a{display: block;}
	.rac-Webinars p em{display: block;}

	.myaccount{flex-direction: column;}
	.myaccount-info{padding-left: 0px;}
	.myaccount-main{flex-direction: column;}
	.ChangePassword {padding: 30px 0 0;}

	.order_history {padding-left: 0px; overflow: auto;}
	.mywebinars {padding-left: 0px;}
	.mywebinars h4{margin-top: 20px;}
	.Carousel{margin-bottom: 15px;}
	.Sponsorship-Opportunity{flex-direction: column;}
	.Sponsorship-Benefit{flex-direction: column;}
	.Why-Sponsor2{flex-direction: column;}
	
	.product-ebooks{display: flex; flex-wrap: wrap; flex-direction: column;}
	.product-ebooks-list{flex: 0 0 100%;}
	#productdetail .product-detail{flex-direction: column;}
	#productdetail #long-description span{width: 100% !important;}
	.center-block{overflow: hidden;}
	.center-block > div:last-child{float: left;}
	
	#example4-card{width: 100% !important;}
	.Stripe-Form2{flex-direction: column;}
	.Stripe-Form2 button{margin-top: 15px;}
	.SecondLevelcontainer #header{padding: 0 30px;}
	.OrderSummary a{padding: 15px 10px 15px 20px;}
	.Checkout{margin-left: 0 !important;}
}



/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
	.towFlexDiv {flex-direction: column;}
	.towFlexDiv .first-child{order: 2;}
	
	.cartTable {flex-direction: column;}
	.cartTable .OrderSummary{margin: 0px;}
	
	.payment-form{flex-direction: column;}
	
	.billingForm {margin: 30px 0px 0px; padding: 0 18px 30px;}
	.billing-Form > div label {padding-right: 20px;}
	.Checkout{margin-top: 10px;}
	
	.voucherPayReviewMin{flex-direction: column;}
	
	.orderItemsList > div{width: 100% !important;}
	
	.loaderImg{left: 33% !important;}
	
	.Review-and-Pay {padding: 0px 15px; flex-direction: column;}
	.Review-and-Pay > div{padding: 0px 15px;}
	.Review-and-Pay > div:last-child h5{margin-top: 40px;}
	
.header{flex-direction: column;}
	.search {padding-left: 0px !important;}
	.header > div{padding: 0px;}
	.header-right > div a{text-align: center; width: 100%; display: inline-block; }
	.brand {font-size: 20px;}
	.brand-c{line-height: 22px; padding: 1px 3px 0px; border-radius: 0px 6px;}
	.tag-line{display: none;}
	.category{display: none;}
	.search{order: 1; margin-top: 10px;}
	
	.header-right > div {display: inline;}
	
	nav ul li{width: 100%;}
	nav ul li:first-child a{padding-left: 15px;}
	nav ul li:last-child {padding-left: 15px;}
	nav ul li:last-child{display: none;}
	
	
	nav{display: none;}
	.menu-bars{display: block; color: #fff;}
	
	.header-right .user-inner{position: absolute; z-index: 6; background: #102f44; width: 94%; display: none;}
	.header-right:hover .user-inner{display: block !important; width: 100%;}
	.header-right ul li:hover ul{position: relative !important;}
		.user{display: block; height: 30px; cursor: pointer;}
	.user-inner > a:last-child{display: none;}
	.payment-header .user-inner ul{margin: 0px;}
	.microcart{display: inline-block; right: 60px; position: absolute; top: 15px;}
	.microcart span{display: none;}
	
	.user-inner span{display: none;}
	.header-right ul li ul{display: block;}
	
	
	
	nav ul li:last-child{display: none;}
		.live-weibars-min{flex-direction: column;}
	.live-weibars-min > div { width: 100% !important;}
	.extra-box li:last-child{display: none;}
	.three-content-area{flex-direction: column;}
	.footer{flex-direction: column;}
	.webinars{flex-direction: column;}
	.webinarSearch .form{margin: 0px;}
		.rac-Webinars h4{display: inline-block;}
	.rac-Webinars-h4{display: none;}
	.center-block .pagination-m{width: 100%;}
	.jplist-pagination {margin: 10px 0px 10px 0px; padding: 0px 0 0 10px; width: 100%;}

	.myaccount{flex-direction: column;}
	.myaccount-info{padding-left: 0px;}

	.order_history {padding-left: 0px; overflow: auto;}
	.mywebinars {padding-left: 0px;}
	.mywebinars h4{margin-top: 20px;}
	.ChangePassword { padding: 30px 0 0 20px;}
	.Carousel{margin-bottom: 15px;}
	.Sponsorship-Opportunity{flex-direction: column;}
	.Sponsorship-Benefit{flex-direction: column;}
	.Why-Sponsor2{flex-direction: column;}
	
		.product-ebooks{display: flex; flex-wrap: wrap; flex-direction: column;}
	.product-ebooks-list{flex: 0 0 100%;}
	#productdetail .product-detail{flex-direction: column;}
	#productdetail #long-description span{width: 100% !important;}
	.SecondLevelcontainer #header{padding: 0 20px;}
	.OrderSummary a{padding: 15px 10px 15px 20px;}
}



/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
	#AttendeeInfo label{width: 100%;}
	#AttendeeInfo input{width: 100%;}
	.Checkout{margin-top: 10px;}
	.voucherPayReviewMin > div{height: auto !important;}
	.Review-and-Pay > div{padding: 0px 15px;}
	
	.header{flex-direction: inherit;}
	.header-right ul{width: 100%;}
	.header-right .user-inner{position: absolute; z-index: 6; background: #102f44; width: 50% !important; display: none; right: 0 !important;}
	.header-right:hover .user-inner{display: block !important;}
	.user{display: block;}
	.microcart{display: inline-block; right: 60px; position: absolute; top: 15px;}
	.microcart span{display: none;}
	.category{width: 8%;}
	.search{width: 12%;}
	.user-inner span{display: none;}
	.header-right ul li ul{display: block;}
	.search {padding-left: 0px !important;}
	.user{top: 30px;}
	.microcart{top: 30px;}
	.header-right .user-inner{width: auto; right: 0;}
	
	nav ul li:last-child{display: none;}
	
	.live-weibars-min{flex-direction: column;}
	.live-weibars-min > div { width: 100% !important;}
	.extra-box li:last-child{display: none;}
	.three-content-area{flex-wrap: wrap;}
	.single-service-box-item{flex-basis: 40%;}
	
	.footer{flex-wrap: wrap;}
	.footer > div{flex-basis: 40%;}
	.webinars{flex-direction: column;}
	.webinarSearch .form{margin: 0px;}
	.order_history {overflow: auto;}
	.order_history table td { padding: 10px 4px;}
	.rac-Webinars-h4{display: none;}
	.rac-Webinars h4{display: block; margin-top: -10px;}
	.OrderSummary tr td:first-child{word-wrap: anywhere;}
	.ChangePassword{padding-right: 0px;}
	#productdetail #long-description span{width: 100% !important;}
}


/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
	nav ul li a {padding: 8px 12px;}
	.search {padding-left: 30px !important;}

	.user-inner span a{margin-left: 30px;}
}







header{background-color: #ffffff;}
nav{background-color: #193c53; border-top: 1px solid #255271;}

.header-right > div a{color: #0c1a55;}
.header-right > div{color: #fff;}

.product-ebooks{display: flex; flex-wrap: wrap; }
.product-ebooks-list{flex: 0 0 50%; padding: 15px; border: 1px solid #ddd;}
.product-ebooks-list .categoryName{font-size: 24px;}
.product-ebooks-list .categoryName span{font-size: 20px;}
.Featured-Products{
	background-color: #ffffff;
	padding: 24px;
	box-shadow: 0 0 3px 1px #e7e8f5;
	margin: 20px 0;
}
.productinfo{display: flow-root;}
.product-prevnext{float: right;}
.Featured-Products hr{border: 0px; border-bottom: 1px solid #ddd;}

#productdetail{
	background-color: #ffffff;
	padding: 24px;
	box-shadow: 0 0 3px 1px #e7e8f5;
	margin: 20px 0;
}


.product-detail{display: flex;}
.product-detail img{margin-right: 20px;}
.product-detail .div-1{flex: 1;}
.product-detail .div-2{flex: 5;}
.product-detail .div-3{flex: 3;}

.breadcrumbs{width: 95%; margin: 0 auto;}
.breadcrumb{margin: 0px; padding: 0px; margin-top: 10px;}
.breadcrumb li{display: inline-block;}
.breadcrumb li:first-child{list-style: none;}
.breadcrumb li:first-child::after{content:">>"; color: #939393;}
.cart-table{flex: 1;}

#RecentlyViewedMin .thr-hedding{display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}
#RecentlyViewedMin #lax{display: flex; justify-content: center; align-items: center;}
.webinar-list{width: 100%;}

/* Chrome 29+ (Only) */
@supports (-webkit-appearance:none) and (not (overflow:-webkit-marquee))
and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)){
    .header .form-search input{padding: 7px 10px;}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   /* IE10-specific styles go here */
   .checked.extra-box-item .extra-box-before{
	   background-color: none !important;
   }
   .extra-box-item:hover .extra-box-before{
	   background-color: none !important;
   }
	.extra-box-before{
	   background: none !important;
   }
   .wTitle{width: 80%;}
   .header-right > div a{width: 33%; display: inline-block;}
   .user-inner ul li a{width: 100%;}
   .user-inner span a{width: 100%;}
   .header-right ul li ul a{color: #3498db}
   .webinars .webinar-list{width: 75%;}
   .webinar-list .list-item{overflow: hidden;}
   .webinar-list .description{width: 82%; display: inline-block;}
   .webinar__search .webinars{width: 100%; display: inline;}
   .webinar__search .webinars .webinar-list{width: 100%;}
   .product-ebooks-list{flex: 0 0 47.5%;}
}

 
 /* IE11-specific styles go here */
@supports (-ms-ime-align:auto) {

   .checked.extra-box-item .extra-box-before{
	   background-color: none !important;
   }
   .extra-box-item:hover .extra-box-before{
	   background-color: none !important;
   }
	.extra-box-before{
	   background: none !important;
   }
}

.ie9 .header{width: 100%; display: inline-block;}
.ie9 .header > div{float: left; width: 22%;}
.ie9 .header .header-right{width: 23%;}
.ie9 .user-inner > ul{float: left; margin-right: 20px;}
.ie9 .header-right > div a{padding: 0 20px;}
.ie9 .header-right ul li ul li > a{color: #3498db;}
.ie9 .header .search button{filter: none;}
.ie9 .extra-box-item{margin: 10px 46px;}
.ie9 .extra-box-before{background: none;}
.ie9 .extra-box-before:hover{background: none;}
.ie9 .wTitle{width: auto;}
.ie9 .live-weibars-min .liveWeibars{width: 60%; float: left;}
.ie9 .three-content-area{overflow: hidden;}
.ie9 .live-weibars-min .rac-Webinars{float: right;}
.ie9 .three-content-area .single-service-box-item{width: 20%; min-height: 230px; float: left;}
.ie9 .footer{overflow: hidden;}
.ie9 .footer > div{width: 25%; float: left;}
.ie9 .body-padding .webinars{overflow: hidden;}
.ie9 .body-padding .webinars .webinar-list{width: 74.5%; float: left;}
.ie9 .body-padding .webinars .webinar-list .dateCalendar{margin-right: 20px; float: left;}
.ie9 .product-ebooks .product-ebooks-list{width: 50%; float: left;}

.ie9 #panel-1 .webinar-list .list-item{overflow: hidden;}
.ie9 #panel-1 .webinar-list .list-item .dateCalendar{margin-right: 20px; float: left;}

.ie9 #panel-2 .webinar-list .list-item{overflow: hidden;}
.ie9 #panel-2 .webinar-list .list-item .dateCalendar{margin-right: 20px; float: left;}

.ie9 .shoppingPages .cartTable{overflow: hidden;}
.ie9 .shoppingPages .cart-table{width: 66%; float: left;}
.ie9 .shoppingPages .OrderSummary{width: 30%; float: right;}

.ie9 .payment-header .header .header-right{width: 30%; float: right; text-align: right;}

.ie9 .shoppingPages{overflow: hidden;}
.ie9 .shoppingPages .payment-form > div{overflow: hidden;}
.ie9 .shoppingPages .payment-form .OrderSummary{float: left; width: 40%;}
.ie9 .shoppingPages .payment-form > div:last-child{float: righ; width: 56%;}
.ie9 .shoppingPages .payment-form div > .billingForm{width:100%;}

.ie9 .billing-Form > div{overflow: hidden;}
.ie9 .billing-Form > div label{float: left;}
.ie9 .billing-Form > div div{float: right; width: 60%;}
.ie9 .billing-Form .Expiration-Date{overflow: hidden}
.ie9 .billing-Form .Expiration-Date > div{float: left; width: 120px;}

.ie9 .billing-Form .cvv{overflow: hidden}
.ie9 .billing-Form .cvv > div{float: left; width: 80px;}
.ie9 .billing-Form .cvv > div:last-child{float: left; width: 210px;}

.ie9 .webinar-signup .towFlexDiv{overflow: hidden;}
.ie9 .webinar-signup .towFlexDiv .first-child{float: left; width: 48%;}
.ie9 .webinar-signup .towFlexDiv > div:last-child{float: right; width: 48%;}


@media (min-width: 450px) {
  .main-card {
    width: 96%;
    max-width: 400px;
    height: calc(100% - 32px) !important;
    border-radius: 8px !important;
    max-height: 500px;
    margin: 16px !important;
  }
}

.collapsed2 {
  width: 48px !important;
  height: 48px !important;
  border-radius: 24px !important;
  margin: 16px !important;
}

.main-card {
  background: white;
  color: white;
  width: 100%;
  height: 82%;
  margin: 0px;
  border-radius: 0px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  right: 0;
  bottom: 0;
  position: fixed;
  transition: all 0.5s;
  box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  z-index: 999;
}
#chatbot_toggle {
  position: absolute;
  border: solid 0px;
      outline: 0;
	right: 0;
  border: none;
  background: #0261e7;
  color: white;
  z-index: 999;
  padding: 0px 5px;
}
#chatbot_toggle:hover {
  background: #0261e7; border: solid 0px;
}

#chatbot_toggle svg{width: 30px; height: 40px;}
#chatbot_toggle img{margin: 5px 0;}
.collapsed2 #chatbot_toggle{background: #0261e7 !important; width: 48px; height: 48px; padding: 0px;}
.chat-area {
  flex-grow: 1;
  overflow: auto;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
}