/*--------------------------- Color variations ----------------------*/

/* Medium Layout: 1280px */

/* Tablet Layout: 768px */

/* Mobile Layout: 320px */

/* Wide Mobile Layout: 480px */

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

/*  Basic Style 

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

::-moz-selection {

  /* Code for Firefox */

  background-color: #691cff;

  color: #fff;

}



::selection {

  background-color: #691cff;

  color: #fff;

}



::-webkit-input-placeholder {

  /* WebKit, Blink, Edge */

  color: #777777;

  font-weight: 300;

}



:-moz-placeholder {

  /* Mozilla Firefox 4 to 18 */

  color: #777777;

  opacity: 1;

  font-weight: 300;

}



::-moz-placeholder {

  /* Mozilla Firefox 19+ */

  color: #777777;

  opacity: 1;

  font-weight: 300;

}



:-ms-input-placeholder {

  /* Internet Explorer 10-11 */

  color: #777777;

  font-weight: 300;

}



::-ms-input-placeholder {

  /* Microsoft Edge */

  color: #777777;

  font-weight: 300;

}



@font-face {

	font-family: 'helvetica-neue';

	src:url('../fonts/HELR65W.ttf?w118d') format('truetype'),

	font-weight: normal;

	font-style: normal;

}



body {

  color: #656053;

  font-family:Helvetica, sans-serif;

  font-size: 26px;

  font-weight: 300;

  line-height: 1.2em;

  position: relative;

}



ol, ul {

  margin: 0;

  padding: 0;

  list-style: none;

}



select {

  display: block;

}



figure {

  margin: 0;

}



a {

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



iframe {

  border: 0;

}



a, a:focus, a:hover {

  text-decoration: none;

  outline: 0;

}

.border-dark{

  color: #000;

}



.btn.active.focus,

.btn.active:focus,

.btn.focus,

.btn.focus:active,

.btn:active:focus,

.btn:focus {

  text-decoration: none;

  outline: 0;

}



.card-panel {

  margin: 0;

  padding: 60px;

}



/**

 *  Typography

 *

 **/

.btn i, .btn-large i, .btn-floating i, .btn-large i, .btn-flat i {

  font-size: 1em;

  line-height: inherit;

}



.gray-bg {

  background: #f9f9ff;

}



h1, h2, h3,

h4, h5, h6 {

  font-family:Helvetica, sans-serif;

  color: #222222;

  line-height: 1.2em !important;

  margin-bottom: 0;

  margin-top: 0;

  font-weight: 500;

}



.h1, .h2, .h3,

.h4, .h5, .h6 {

  margin-bottom: 0;

  margin-top: 0;

  font-family:Helvetica, sans-serif;

  font-weight: 600;

  color: #222222;

}



h1, .h1 {

  font-size: 36px;

}



h2, .h2 {

  font-size: 30px;

}



h3, .h3 {

  font-size: 24px;

}



h4, .h4 {

  font-size: 18px;

}



h5, .h5 {

  font-size: 16px;

}



h6, .h6 {

  font-size: 14px;

  color: #222222;

}



td, th {

  border-radius: 0px;

}



/**

 * For modern browsers

 * 1. The space content is one way to avoid an Opera bug when the

 *    contenteditable attribute is included anywhere else in the document.

 *    Otherwise it causes space to appear at the top and bottom of elements

 *    that are clearfixed.

 * 2. The use of `table` rather than `block` is only necessary if using

 *    `:before` to contain the top-margins of child elements.

 */

.clear::before, .clear::after {

  content: " ";

  display: table;

}



.clear::after {

  clear: both;

}



.fz-11 {

  font-size: 11px;

}



.fz-12 {

  font-size: 12px;

}



.fz-13 {

  font-size: 13px;

}



.fz-14 {

  font-size: 14px;

}



.fz-15 {

  font-size: 15px;

}



.fz-16 {

  font-size: 16px;

}



.fz-18 {

  font-size: 18px;

}



.fz-30 {

  font-size: 30px;

}



.fz-48 {

  font-size: 48px !important;

}



.fw100 {

  font-weight: 100;

}



.fw300 {

  font-weight: 300;

}



.fw400 {

  font-weight: 400 !important;

}



.fw500 {

  font-weight: 500;

}



.f700 {

  font-weight: 700;

}



.fsi {

  font-style: italic;

}



.mt-10 {

  margin-top: 10px;

}



.mt-15 {

  margin-top: 15px;

}



.mt-20 {

  margin-top: 20px;

}



.mt-25 {

  margin-top: 25px;

}



.mt-30 {

  margin-top: 30px;

}



.mt-35 {

  margin-top: 35px;

}



.mt-40 {

  margin-top: 40px;

}



.mt-50 {

  margin-top: 50px;

}



.mt-60 {

  margin-top: 60px;

}



.mt-70 {

  margin-top: 70px;

}



.mt-80 {

  margin-top: 80px;

}



.mt-100 {

  margin-top: 100px;

}



.mt-120 {

  margin-top: 120px;

}



.mt-150 {

  margin-top: 150px;

}



.ml-0 {

  margin-left: 0 !important;

}



.ml-5 {

  margin-left: 5px !important;

}



.ml-10 {

  margin-left: 10px;

}



.ml-15 {

  margin-left: 15px;

}



.ml-20 {

  margin-left: 20px;

}



.ml-30 {

  margin-left: 30px;

}



.ml-50 {

  margin-left: 50px;

}



.mr-0 {

  margin-right: 0 !important;

}



.mr-5 {

  margin-right: 5px !important;

}



.mr-15 {

  margin-right: 15px;

}



.mr-10 {

  margin-right: 10px;

}



.mr-20 {

  margin-right: 20px;

}



.mr-30 {

  margin-right: 30px;

}



.mr-50 {

  margin-right: 50px;

}



.mb-0 {

  margin-bottom: 0px;

}



.mb-0-i {

  margin-bottom: 0px !important;

}



.mb-5 {

  margin-bottom: 5px;

}



.mb-10 {

  margin-bottom: 10px;

}



.mb-15 {

  margin-bottom: 15px;

}



.mb-20 {

  margin-bottom: 20px;

}



.mb-25 {

  margin-bottom: 25px;

}



.mb-30 {

  margin-bottom: 30px;

}



.mb-40 {

  margin-bottom: 40px;

}



.mb-50 {

  margin-bottom: 50px;

}



.mb-60 {

  margin-bottom: 60px;

}



.mb-70 {

  margin-bottom: 70px;

}



.mb-80 {

  margin-bottom: 80px;

}



.mb-90 {

  margin-bottom: 90px;

}



.mb-100 {

  margin-bottom: 100px;

}



.pt-0 {

  padding-top: 0px;

}



.pt-10 {

  padding-top: 10px;

}



.pt-15 {

  padding-top: 15px;

}



.pt-20 {

  padding-top: 20px;

}



.pt-25 {

  padding-top: 25px;

}



.pt-30 {

  padding-top: 30px;

}



.pt-40 {

  padding-top: 40px;

}



.pt-50 {

  padding-top: 50px;

}



.pt-60 {

  padding-top: 60px;

}



.pt-70 {

  padding-top: 70px;

}



.pt-80 {

  padding-top: 80px;

}



.pt-90 {

  padding-top: 90px;

}



.pt-100 {

  padding-top: 100px;

}



.pt-120 {

  padding-top: 120px;

}



.pt-150 {

  padding-top: 150px;

}



.pb-0 {

  padding-bottom: 0px;

}



.pb-10 {

  padding-bottom: 10px;

}


.pb2 {
  list-style: decimal;
}



.pb-15 {

  padding-bottom: 15px;

}



.pb-20 {

  padding-bottom: 20px;

}



.pb-25 {

  padding-bottom: 25px;

}



.pb-30 {

  padding-bottom: 30px;

}



.pb-40 {

  padding-bottom: 40px;

}



.pb-50 {

  padding-bottom: 50px;

}



.pb-60 {

  padding-bottom: 60px;

}



.pb-70 {

  padding-bottom: 70px;

}



.pb-80 {

  padding-bottom: 80px;

}



.pb-90 {

  padding-bottom: 90px;

}



.pb-100 {

  padding-bottom: 100px;

}



.pb-120 {

  padding-bottom: 120px;

}



.pb-150 {

  padding-bottom: 150px;

}



.pr-30 {

  padding-right: 30px;

}



.pl-30 {

  padding-left: 30px;

}



.pl-90 {

  padding-left: 90px;

}



.p-40 {

  padding: 40px;

}



.float-left {

  float: left;

}



.float-right {

  float: right;

}



.text-italic {

  font-style: italic;

}



.text-white {

  color: #fff;

}



.transition {

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



.section-full {

  padding: 100px 0;

}



.section-half {

  padding: 75px 0;

}



.text-center {

  text-align: center;

}



.text-left {

  text-align: left;

}



.text-rigth {

  text-align: right;

}



.flex {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: flex;

}



.inline-flex {

  display: -webkit-inline-box;

  display: -webkit-inline-flex;

  display: -moz-inline-flex;

  display: -ms-inline-flexbox;

  display: inline-flex;

}



.flex-grow {

  -webkit-box-flex: 1;

  -webkit-flex-grow: 1;

  -moz-flex-grow: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

}



.flex-wrap {

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}



.flex-left {

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  -webkit-justify-content: flex-start;

  -moz-justify-content: flex-start;

  justify-content: flex-start;

}



.flex-middle {

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  -moz-align-items: center;

  align-items: center;

}



.flex-right {

  -webkit-box-pack: end;

  -ms-flex-pack: end;

  -webkit-justify-content: flex-end;

  -moz-justify-content: flex-end;

  justify-content: flex-end;

}



.flex-top {

  -webkit-align-self: flex-start;

  -moz-align-self: flex-start;

  -ms-flex-item-align: start;

  align-self: flex-start;

}



.flex-center {

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -webkit-justify-content: center;

  -moz-justify-content: center;

  justify-content: center;

}



.flex-bottom {

  -webkit-align-self: flex-end;

  -moz-align-self: flex-end;

  -ms-flex-item-align: end;

  align-self: flex-end;

}



.space-between {

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  -moz-justify-content: space-between;

  justify-content: space-between;

}



.space-around {

  -ms-flex-pack: distribute;

  -webkit-justify-content: space-around;

  -moz-justify-content: space-around;

  justify-content: space-around;

}



.flex-column {

  -webkit-box-direction: normal;

  -webkit-box-orient: vertical;

  -webkit-flex-direction: column;

  -moz-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

}



.flex-cell {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-flex: 1;

  -webkit-flex-grow: 1;

  -moz-flex-grow: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

}



.display-table {

  display: table;

}



.light {

  color: #fff;

}



.dark {

  color: #000;

}



.relative {

  position: relative;

}



.overflow-hidden {

  overflow: hidden;

}



.overlay {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

}



.container.fullwidth {

  width: 100%;

}



.container.no-padding {

  padding-left: 0;

  padding-right: 0;

}



.no-padding {

  padding: 0;

}



.section-bg {

  background: #f9fafc;

}



@media (max-width: 767px) {

  .no-flex-xs {

    display: block !important;

  }

}



.row.no-margin {

  margin-left: 0;

  margin-right: 0;

}



.sample-text-area {

  background: #fff;

  padding: 100px 0 70px 0;

}



.text-heading {

  margin-bottom: 30px;

  font-size: 24px;

}



b, i, sup, sub, u, del {

  color: #fcd2ff;

}



h1 {

  font-size: 36px;

}



h2 {

  font-size: 30px;

}



h3 {

  font-size: 24px;

}



h4 {

  font-size: 18px;

}



h5 {

  font-size: 16px;

}



h6 {

  font-size: 14px;

}



h1, h2, h3, h4, h5, h6 {

  line-height: 1.5em;

}



.typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6 {

  color: #777777;

}



.button-area {

  background: #fff;

}



.button-area .border-top-generic {

  padding: 70px 15px;

  border-top: 1px dotted #eee;

}



.button-group-area .genric-btn {

  margin-right: 10px;

  margin-top: 10px;

}



.button-group-area .genric-btn:last-child {

  margin-right: 0;

}



.genric-btn {

  display: inline-block;

  outline: none;

  line-height: 40px;

  padding: 0 30px;

  font-size: 1em;

  text-align: center;

  text-decoration: none;

  font-weight: 500;

  cursor: pointer;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



.genric-btn:focus {

  outline: none;

}



.genric-btn.e-large {

  padding: 0 40px;

  line-height: 50px;

}



.genric-btn.large {

  line-height: 45px;

}



.genric-btn.medium {

  line-height: 30px;

}



.genric-btn.small {

  line-height: 25px;

}



.genric-btn.radius {

  border-radius: 3px;

}



.genric-btn.circle {

  border-radius: 20px;

}



.genric-btn.arrow {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.genric-btn.arrow span {

  margin-left: 10px;

}



.genric-btn.default {

  color: #222222;

  background: #f9f9ff;

  border: 1px solid transparent;

}



.genric-btn.default:hover {

  border: 1px solid #f9f9ff;

  background: #fff;

}



.genric-btn.default-border {

  border: 1px solid #f9f9ff;

  background: #fff;

}



.genric-btn.default-border:hover {

  color: #222222;

  background: #f9f9ff;

  border: 1px solid transparent;

}



.genric-btn.primary {

  color: #fff;

  background: #fcd2ff;

  border: 1px solid transparent;

}



.genric-btn.primary:hover {

  color: #fcd2ff;

  border: 1px solid #fcd2ff;

  background: #fff;

}



.genric-btn.primary-border {

  color: #fcd2ff;

  border: 1px solid #fcd2ff;

  background: #fff;

}



.genric-btn.primary-border:hover {

  color: #fff;

  background: #fcd2ff;

  border: 1px solid transparent;

}



.genric-btn.success {

  color: #fff;

  background: #4cd3e3;

  border: 1px solid transparent;

}



.genric-btn.success:hover {

  color: #4cd3e3;

  border: 1px solid #4cd3e3;

  background: #fff;

}



.genric-btn.success-border {

  color: #4cd3e3;

  border: 1px solid #4cd3e3;

  background: #fff;

}



.genric-btn.success-border:hover {

  color: #fff;

  background: #4cd3e3;

  border: 1px solid transparent;

}



.genric-btn.info {

  color: #fff;

  background: #38a4ff;

  border: 1px solid transparent;

}



.genric-btn.info:hover {

  color: #38a4ff;

  border: 1px solid #38a4ff;

  background: #fff;

}



.genric-btn.info-border {

  color: #38a4ff;

  border: 1px solid #38a4ff;

  background: #fff;

}



.genric-btn.info-border:hover {

  color: #fff;

  background: #38a4ff;

  border: 1px solid transparent;

}



.genric-btn.warning {

  color: #fff;

  background: #f4e700;

  border: 1px solid transparent;

}



.genric-btn.warning:hover {

  color: #f4e700;

  border: 1px solid #f4e700;

  background: #fff;

}



.genric-btn.warning-border {

  color: #f4e700;

  border: 1px solid #f4e700;

  background: #fff;

}



.genric-btn.warning-border:hover {

  color: #fff;

  background: #f4e700;

  border: 1px solid transparent;

}



.genric-btn.danger {

  color: #fff;

  background: #f44a40;

  border: 1px solid transparent;

}



.genric-btn.danger:hover {

  color: #f44a40;

  border: 1px solid #f44a40;

  background: #fff;

}



.genric-btn.danger-border {

  color: #f44a40;

  border: 1px solid #f44a40;

  background: #fff;

}



.genric-btn.danger-border:hover {

  color: #fff;

  background: #f44a40;

  border: 1px solid transparent;

}



.genric-btn.link {

  color: #222222;

  background: #f9f9ff;

  text-decoration: underline;

  border: 1px solid transparent;

}



.genric-btn.link:hover {

  color: #222222;

  border: 1px solid #f9f9ff;

  background: #fff;

}



.genric-btn.link-border {

  color: #222222;

  border: 1px solid #f9f9ff;

  background: #fff;

  text-decoration: underline;

}



.genric-btn.link-border:hover {

  color: #222222;

  background: #f9f9ff;

  border: 1px solid transparent;

}



.genric-btn.disable {

  color: #222222, 0.3;

  background: #f9f9ff;

  border: 1px solid transparent;

  cursor: not-allowed;

}



.generic-blockquote {

  padding: 30px 50px 30px 30px;

  background: #f9f9ff;

  border-left: 2px solid #fcd2ff;

}



.progress-table-wrap {

  overflow-x: scroll;

}



.progress-table {

  background: #f9f9ff;

  padding: 15px 0px 30px 0px;

  min-width: 800px;

}



.progress-table .serial {

  width: 11.83%;

  padding-left: 30px;

}



.progress-table .country {

  width: 28.07%;

}



.progress-table .visit {

  width: 19.74%;

}



.progress-table .percentage {

  width: 40.36%;

  padding-right: 50px;

}



.progress-table .table-head {

  display: flex;

}



.progress-table .table-head .serial, .progress-table .table-head .country, .progress-table .table-head .visit, .progress-table .table-head .percentage {

  color: #222222;

  line-height: 40px;

  text-transform: uppercase;

  font-weight: 500;

}



.progress-table .table-row {

  padding: 15px 0;

  border-top: 1px solid #edf3fd;

  display: flex;

}



.progress-table .table-row .serial, .progress-table .table-row .country, .progress-table .table-row .visit, .progress-table .table-row .percentage {

  display: flex;

  align-items: center;

}



.progress-table .table-row .country img {

  margin-right: 15px;

}



.progress-table .table-row .percentage .progress {

  width: 80%;

  border-radius: 0px;

  background: transparent;

}



.progress-table .table-row .percentage .progress .progress-bar {

  height: 5px;

  line-height: 5px;

}



.progress-table .table-row .percentage .progress .progress-bar.color-1 {

  background-color: #6382e6;

}



.progress-table .table-row .percentage .progress .progress-bar.color-2 {

  background-color: #e66686;

}



.progress-table .table-row .percentage .progress .progress-bar.color-3 {

  background-color: #f09359;

}



.progress-table .table-row .percentage .progress .progress-bar.color-4 {

  background-color: #73fbaf;

}



.progress-table .table-row .percentage .progress .progress-bar.color-5 {

  background-color: #73fbaf;

}



.progress-table .table-row .percentage .progress .progress-bar.color-6 {

  background-color: #6382e6;

}



.progress-table .table-row .percentage .progress .progress-bar.color-7 {

  background-color: #a367e7;

}



.progress-table .table-row .percentage .progress .progress-bar.color-8 {

  background-color: #e66686;

}



.single-gallery-image {

  margin-top: 30px;

  background-repeat: no-repeat !important;

  background-position: center center !important;

  background-size: cover !important;

  height: 200px;

}



.list-style {

  width: 14px;

  height: 14px;

}



.unordered-list li {

  position: relative;

  padding-left: 30px;

  line-height: 1.82em !important;

}



.unordered-list li:before {

  content: "";

  position: absolute;

  width: 14px;

  height: 14px;

  border: 3px solid #fcd2ff;

  background: #fff;

  top: 4px;

  left: 0;

  border-radius: 50%;

}



.ordered-list {

  margin-left: 30px;

}



.ordered-list li {

  list-style-type: decimal-leading-zero;

  color: #fcd2ff;

  font-weight: 500;

  line-height: 1.82em !important;

}



.ordered-list li span {

  font-weight: 300;

  color: #777777;

}



.ordered-list-alpha li {

  margin-left: 30px;

  list-style-type: lower-alpha;

  color: #fcd2ff;

  font-weight: 500;

  line-height: 1.82em !important;

}



.ordered-list-alpha li span {

  font-weight: 300;

  color: #777777;

}



.ordered-list-roman li {

  margin-left: 30px;

  list-style-type: lower-roman;

  color: #fcd2ff;

  font-weight: 500;

  line-height: 1.82em !important;

}



.ordered-list-roman li span {

  font-weight: 300;

  color: #777777;

}



.single-input {

  display: block;

  width: 100%;

  line-height: 40px;

  border: none;

  outline: none;

  background: #f9f9ff;

  padding: 0 20px;

}



.single-input:focus {

  outline: none;

}



.input-group-icon {

  position: relative;

}



.input-group-icon .icon {

  position: absolute;

  left: 20px;

  top: 0;

  line-height: 40px;

  z-index: 3;

}



.input-group-icon .icon i {

  color: #797979;

}



.input-group-icon .single-input {

  padding-left: 45px;

}



.single-textarea {

  display: block;

  width: 100%;

  line-height: 40px;

  border: none;

  outline: none;

  background: #f9f9ff;

  padding: 0 20px;

  height: 100px;

  resize: none;

}



.single-textarea:focus {

  outline: none;

}



.single-input-primary {

  display: block;

  width: 100%;

  line-height: 40px;

  border: 1px solid transparent;

  outline: none;

  background: #f9f9ff;

  padding: 0 20px;

}



.single-input-primary:focus {

  outline: none;

  border: 1px solid #fcd2ff;

}



.single-input-accent {

  display: block;

  width: 100%;

  line-height: 40px;

  border: 1px solid transparent;

  outline: none;

  background: #f9f9ff;

  padding: 0 20px;

}



.single-input-accent:focus {

  outline: none;

  border: 1px solid #eb6b55;

}



.single-input-secondary {

  display: block;

  width: 100%;

  line-height: 40px;

  border: 1px solid transparent;

  outline: none;

  background: #f9f9ff;

  padding: 0 20px;

}



.single-input-secondary:focus {

  outline: none;

  border: 1px solid #f09359;

}



.default-switch {

  width: 35px;

  height: 17px;

  border-radius: 8.5px;

  background: #f9f9ff;

  position: relative;

  cursor: pointer;

}



.default-switch input {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

  cursor: pointer;

}



.default-switch input + label {

  position: absolute;

  top: 1px;

  left: 1px;

  width: 15px;

  height: 15px;

  border-radius: 50%;

  background: #fcd2ff;

  -webkit-transition: all 0.2s;

  -moz-transition: all 0.2s;

  -o-transition: all 0.2s;

  transition: all 0.2s;

  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);

  cursor: pointer;

}



.default-switch input:checked + label {

  left: 19px;

}



.primary-switch {

  width: 35px;

  height: 17px;

  border-radius: 8.5px;

  background: #f9f9ff;

  position: relative;

  cursor: pointer;

}



.primary-switch input {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

}



.primary-switch input + label {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

}



.primary-switch input + label:before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  background: transparent;

  border-radius: 8.5px;

  cursor: pointer;

  -webkit-transition: all 0.2s;

  -moz-transition: all 0.2s;

  -o-transition: all 0.2s;

  transition: all 0.2s;

}



.primary-switch input + label:after {

  content: "";

  position: absolute;

  top: 1px;

  left: 1px;

  width: 15px;

  height: 15px;

  border-radius: 50%;

  background: #fff;

  -webkit-transition: all 0.2s;

  -moz-transition: all 0.2s;

  -o-transition: all 0.2s;

  transition: all 0.2s;

  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);

  cursor: pointer;

}



.primary-switch input:checked + label:after {

  left: 19px;

}



.primary-switch input:checked + label:before {

  background: #fcd2ff;

}



.confirm-switch {

  width: 35px;

  height: 17px;

  border-radius: 8.5px;

  background: #f9f9ff;

  position: relative;

  cursor: pointer;

}



.confirm-switch input {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

}



.confirm-switch input + label {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

}



.confirm-switch input + label:before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  background: transparent;

  border-radius: 8.5px;

  -webkit-transition: all 0.2s;

  -moz-transition: all 0.2s;

  -o-transition: all 0.2s;

  transition: all 0.2s;

  cursor: pointer;

}



.confirm-switch input + label:after {

  content: "";

  position: absolute;

  top: 1px;

  left: 1px;

  width: 15px;

  height: 15px;

  border-radius: 50%;

  background: #fff;

  -webkit-transition: all 0.2s;

  -moz-transition: all 0.2s;

  -o-transition: all 0.2s;

  transition: all 0.2s;

  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);

  cursor: pointer;

}



.confirm-switch input:checked + label:after {

  left: 19px;

}



.confirm-switch input:checked + label:before {

  background: #4cd3e3;

}



.primary-checkbox {

  width: 16px;

  height: 16px;

  border-radius: 3px;

  background: #f9f9ff;

  position: relative;

  cursor: pointer;

}



.primary-checkbox input {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

}



.primary-checkbox input + label {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  border-radius: 3px;

  cursor: pointer;

  border: 1px solid #f1f1f1;

}



.primary-checkbox input:checked + label {

  background: url(../img/elements/primary-check.png) no-repeat center center/cover;

  border: none;

}



.confirm-checkbox {

  width: 16px;

  height: 16px;

  border-radius: 3px;

  background: #f9f9ff;

  position: relative;

  cursor: pointer;

}



.confirm-checkbox input {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

}



.confirm-checkbox input + label {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  border-radius: 3px;

  cursor: pointer;

  border: 1px solid #f1f1f1;

}



.confirm-checkbox input:checked + label {

  background: url(../img/elements/success-check.png) no-repeat center center/cover;

  border: none;

}



.disabled-checkbox {

  width: 16px;

  height: 16px;

  border-radius: 3px;

  background: #f9f9ff;

  position: relative;

  cursor: pointer;

}



.disabled-checkbox input {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

}



.disabled-checkbox input + label {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  border-radius: 3px;

  cursor: pointer;

  border: 1px solid #f1f1f1;

}



.disabled-checkbox input:disabled {

  cursor: not-allowed;

  z-index: 3;

}



.disabled-checkbox input:checked + label {

  background: url(../img/elements/disabled-check.png) no-repeat center center/cover;

  border: none;

}



.primary-radio {

  width: 16px;

  height: 16px;

  border-radius: 8px;

  background: #f9f9ff;

  position: relative;

  cursor: pointer;

}



.primary-radio input {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

}



.primary-radio input + label {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  border-radius: 8px;

  cursor: pointer;

  border: 1px solid #f1f1f1;

}



.primary-radio input:checked + label {

  background: url(../img/elements/primary-radio.png) no-repeat center center/cover;

  border: none;

}



.confirm-radio {

  width: 16px;

  height: 16px;

  border-radius: 8px;

  background: #f9f9ff;

  position: relative;

  cursor: pointer;

}



.confirm-radio input {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

}



.confirm-radio input + label {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  border-radius: 8px;

  cursor: pointer;

  border: 1px solid #f1f1f1;

}



.confirm-radio input:checked + label {

  background: url(../img/elements/success-radio.png) no-repeat center center/cover;

  border: none;

}



.disabled-radio {

  width: 16px;

  height: 16px;

  border-radius: 8px;

  background: #f9f9ff;

  position: relative;

  cursor: pointer;

}



.disabled-radio input {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

}



.disabled-radio input + label {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  border-radius: 8px;

  cursor: pointer;

  border: 1px solid #f1f1f1;

}



.disabled-radio input:disabled {

  cursor: not-allowed;

  z-index: 3;

}



.disabled-radio input:checked + label {

  background: url(../img/elements/disabled-radio.png) no-repeat center center/cover;

  border: none;

}



.default-select {

  height: 40px;

}



.default-select .nice-select {

  border: none;

  border-radius: 0px;

  height: 40px;

  background: #f9f9ff;

  padding-left: 20px;

  padding-right: 40px;

}



.default-select .nice-select .list {

  margin-top: 0;

  border: none;

  border-radius: 0px;

  box-shadow: none;

  width: 100%;

  padding: 10px 0 10px 0px;

}



.default-select .nice-select .list .option {

  font-weight: 300;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  line-height: 28px;

  min-height: 28px;

  font-size: 12px;

  padding-left: 20px;

}



.default-select .nice-select .list .option.selected {

  color: #fcd2ff;

  background: transparent;

}



.default-select .nice-select .list .option:hover {

  color: #fcd2ff;

  background: transparent;

}



.default-select .current {

  margin-right: 50px;

  font-weight: 300;

}



.default-select .nice-select::after {

  right: 20px;

}



.form-select {

  height: 40px;

  width: 100%;

}



.form-select .nice-select {

  border: none;

  border-radius: 0px;

  height: 40px;

  background: #f9f9ff;

  padding-left: 45px;

  padding-right: 40px;

  width: 100%;

}



.form-select .nice-select .list {

  margin-top: 0;

  border: none;

  border-radius: 0px;

  box-shadow: none;

  width: 100%;

  padding: 10px 0 10px 0px;

}



.form-select .nice-select .list .option {

  font-weight: 300;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  line-height: 28px;

  min-height: 28px;

  font-size: 12px;

  padding-left: 45px;

}



.form-select .nice-select .list .option.selected {

  color: #fcd2ff;

  background: transparent;

}



.form-select .nice-select .list .option:hover {

  color: #fcd2ff;

  background: transparent;

}



.form-select .current {

  margin-right: 50px;

  font-weight: 300;

}



.form-select .nice-select::after {

  right: 20px;

}



body {

  position: relative;

}



.default-header {

  padding: 0;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 9;

}



.menu-bar {

  /* cursor: pointer; position:relative; z-index:2; */

}



.menu-bar span {

  color: #fff;

  font-size: 60px; padding:10px; text-indent:-10000; background:url(../img/burger-menu.png) no-repeat center;

  background-size:100%; margin-top:20px; display:inline-block;

}

.menu-bar span.lnr-cross {background:#fff; color:#000; margin-top:30px;}

.menu-bar span.lnr-cross:before {opacity:1;}

.menu-bar span:before {opacity:0;}

.is-sticky .menu-bar span {margin-top:0px !important;} 

.main-menubar {

  position: relative;

}



nav {

  margin-right: 0px;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  transform-origin: 100% 50%; position:absolute; background:#000; width:450px; height:100vh; top: 90px; right:-20px; z-index: 2; padding:140px 0 20px;

}







nav.hide {

  transform: scale(0);

}



nav a {

  color:rgba(255,255,255,.7);

  font-size: 25px; font-weight:600;

  display:block;  text-align:center; padding:0 80px;

}

nav a:hover {background:#e2e2e2; color:#000;}

nav a span { display:block; border-top:1px solid #fff; padding:20px 0;font-size: 20px;}

nav a:first-child span {border:none;}



.section-gap {

  padding: 120px 0;

}



.section-title {

  padding-bottom: 20px;

}



.section-title h2 {

  margin-bottom: 20px;

}



.section-title p {

  font-size: 16px;

  margin-bottom: 0;

}



/*------22 july 2021-------*/

.gblDate{font-size:13px; display:block;}

.gblDescrip{font-size:18px; display:block;}

.gblHeading{font-weight:bold; display:block;}



/*------22 july 2021-------*/





@media (max-width: 991px) {

  .section-title p br {

    display: none;

  }

  .content--new, .section-title{

    margin-top: 2rem;

  }

}





.is-sticky .default-header {background:#000;}



.p1-gradient-color, .about-details h2 {

  background: -moz-linear-gradient(0deg, #691cff 0%, #f51cb0 100%);

  background: -webkit-linear-gradient(0deg, #691cff 0%, #f51cb0 100%);

  background: -ms-linear-gradient(0deg, #691cff 0%, #f51cb0 100%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



.primary-btn {

  line-height: 40px;

  padding: 0 30px;

  border-radius: 20px;

  background: transparent;

  border: 1px solid #fff;

  color: #222222;

  display: inline-block;

  font-weight: 500;

  position: relative;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  cursor: pointer;

}



.primary-btn:focus {

  outline: none;

}



.primary-btn span {

  color: #fff;

  position: relative;

  z-index: 2;

}



.primary-btn:after {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  border-radius: 20px;

  opacity: 0;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  z-index: 1;

}



.banner-area {

  background: url(../img/banner-bg.jpg) no-repeat #040614;

  background-size: cover;

}



@media (max-width: 767px) {

  .banner-area  {

    /*height: 240px !important;*/ background-position:bottom left; background-size:100% auto;

  }

  .menu-bar span {font-size:20px;}

}



@media (max-width: 767px) {

  .banner-content {

    margin-top: 100px;

  }

}



.banner-content h1 {

  color: #fff;

  font-size: 124px;

  letter-spacing: 3px;

  font-weight: 700;

  line-height: 1.15em;

  text-shadow: 13px 15px 8px rgba(63, 107, 169, 0.5);

}



@media (max-width: 991px) {

  .banner-content h1 {

    font-size: 36px;

  }

}



@media (max-width: 991px) {

  .banner-content h1 br {

    display: none;

  }

}



@media (max-width: 1199px) {

  .banner-content h1 {

    font-size: 90px;

  }

}



@media (max-width: 414px) {

  .banner-content h1 {

    font-size: 40px;

  }

}



.banner-content p {

  color: #fff;

  margin-bottom: 60px;

  font-weight: 400;

  letter-spacing: 3px;

  max-width: 730px;

  font-size: 16px;

}



@media (max-width: 767px) {

  .banner-content p {

    margin-bottom: 20px;

  }

}



@media (max-width: 991px) {

  .banner-content p br {

    display: none;

  }

}



.quote-left h2 {

  font-weight: 100;

}



.quote-left h2 span {

  font-weight: 600;

}



@media (max-width: 1199px) {

  .quote-left h2 {

    font-size: 28px;

  }

}



@media (max-width: 991px) {

  .quote-left h2 {

    padding-bottom: 25px;

    text-align: center !important;

  }

}



@media (max-width: 414px) {

  .quote-left h2 {

    font-size: 24px;

  }

}



@media (max-width: 991px) {

  .quote-right p {

    text-align: center !important;

  }

}



.image {

  opacity: 1;

  display: block;

  width: 100%;

  height: auto;

  transition: .5s ease;

  backface-visibility: hidden;

}



.middle {

  color: #fff;

  text-align: center;

  transition: .5s ease;

  opacity: 0;

  position: absolute;

  top: 80%;

  left: 50%;

  width: 200px;

  transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

}



.middle h2 {

  font-size: 18px;

  font-weight: 600;

  letter-spacing: .5px;

}



.middle p {

  font-size: 14px;

}



.middle2 {

  color: #fff;

  text-align: center;

  transition: .5s ease;

  opacity: 0;

  position: absolute;

  bottom: -40px;

  left: 50%;

  transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  width: 340px;

}



.middle2 h2 {

  font-size: 18px;

  font-weight: 600;

  letter-spacing: .5px;

}



.middle2 p {

  font-size: 14px;

}



@media (max-width: 991px) {

  .middle2 {

    bottom: -55px;

  }

}



@media (max-width: 414px) {

  .middle2 {

    width: 300px;

  }

  .middle2 h2 {

    font-size: 15px;

  }

}



.single-img:hover {

  cursor: pointer;

}



.single-img:hover .image {

  opacity: 0.5;

}



.single-img:hover .middle, .single-img:hover .middle2 {

  opacity: 1;

}



.vdo-icon {

  margin-bottom: 50px;

}

#about, #Speaker, #Media, #Events, #Books{

    padding: 4rem 0;

    border-bottom: solid #ccc 1px;

}

#about img, #Speaker img, #Media img, #Events img, #Books img{

  border: solid #ccc 1px;

}



.service-area {

  background-size: cover;

  background-repeat: no-repeat;

  background-position: right; overflow:hidden; position:relative; font-size:.7em; line-height:1.3em;

}

.single-service {

  margin-top: 25px;

}



.single-service .icon {

  margin-right: 25px;

}



.single-service h4 {

  font-weight: 600;

  letter-spacing: 2px;

}



.single-service p {

  margin-top: 15px;

  line-height: 1.65em;

}

.member-area .container {position:absolute; top:50%;}

.member-area {

  text-align: center;

  color: #fff;

}



.member-area .overlay-bg {

  opacity: .8;

}



.member-area .next-trigger, .member-area .prev-trigger {

  width: 40px;

  background: transparent;

  text-align: center;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  cursor: pointer; z-index:1;

}



.member-area .next-trigger span, .member-area .prev-trigger span {

  line-height: 100px;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  font-weight: 600; font-size:100px;

}





.member-area .next-trigger:hover span, .member-area .prev-trigger:hover span {

  color: #000;

}



.member-area .prev-trigger {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: 40px;

}



@media (max-width: 1199px) {

  .member-area .prev-trigger {

    left: 0;

  }

}



@media (max-width: 991px) {

  .member-area .prev-trigger {

    left: 30%;

    top: 100%;

    transform: translateY(0%);

  }

}



.member-area .next-trigger {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  right: -40px;

}



@media (max-width: 1199px) {

  .member-area .next-trigger {

    right: 0;

  }

}



@media (max-width: 991px) {

  .member-area .next-trigger {

    right: 30%;

    top: 100%;

    transform: translateY(0%);

  }

}



.details {

  text-align: left;

  margin-left: 15px;

  margin-top: 10px;

}



.details h4 {

  font-weight: 600;

  letter-spacing: 2px;

}



.summery {

  padding: 25px 250px;

}



@media (max-width: 1199px) {

  .summery {

    padding: 25px 150px;

  }

}



@media (max-width: 768px) {

  .summery {

    padding: 25px 5px;

  }

}



.about-details h2 {

  color: white;

}



@media (max-width: 991px) {

  .about-details {

    text-align: center;

  }

}



.about-area {

  background: url(../img/about-bg.jpg) no-repeat left;

  background-size: cover;

}



@media (max-width: 768px) {

  .about-area {

    padding: 100px 0;

  }

}



.about-details h2 {

  font-weight: 200;

  font-size: 30px;

  line-height: 1.65em;

}



.about-details h2 span {

  font-weight: 600;

}



@media (max-width: 1199px) {

  .about-details h2 {

    font-size: 24px;

  }

}



@media (max-width: 991px) {

  .about-details h2 {

    margin-top: 50px;

  }

}



.about-details p {

  margin-top: 20px;

}



@media (max-width: 1199px) {

  .about-details p {

    font-size: 12px;

    margin-bottom: 0;

  }

}



.contact-area {

  background-color: #f9f9ff;

}



.contact-area .primary-btn {

  float: right;

}



.title-section {

  margin-top: 12px;

}



.title-section h2 {

  font-size: 36px;

  font-weight: 600;

  margin-bottom: 25px;

}



@media (max-width: 991px) {

  .title-section {

    text-align: center;

  }

}



.contact-form ::-webkit-input-placeholder {

  color: #777777;

  font-weight: 300;

}



.contact-form :-moz-placeholder {

  color: #777777;

  opacity: 1;

  font-weight: 300;

}



.contact-form ::-moz-placeholder {

  color: #777777;

  opacity: 1;

  font-weight: 300;

}



.contact-form :-ms-input-placeholder {

  color: #777777;

  font-weight: 300;

}



.contact-form ::-ms-input-placeholder {

  color: #777777;

  font-weight: 300;

}



.common-input {

  border: 1px solid #d4d5e0;

  line-height: 48px;

  width: 100%;

  display: block;

  background: transparent;

  padding: 0 25px;

  color: #777777;

}



.common-textarea {

  border: 1px solid #d4d5e0;

  width: 100%;

  display: block;

  background: transparent;

  padding: 15px 25px;

  color: #777777;

  height: 190px;

  resize: none;

}



.alert-msg {

  color: green !important;

  color: #777;

  margin-top: 50px;

  text-align: right;

}



.footer-area {

  padding: 10px 0; background:#000; color:#fff;

}

.copy-right-text a {color:#fff;}

.copy-right-text {

  color: #fff; font-weight:normal; font-size:18px; line-height:20px;

}



.copy-right-text i {

  color: #691cff;

}



.copy-right-text a {

  color: #fff;

}



.copy-right-text a:hover {

  color: #a27601 !important;

}

ul.top--socials{

  display: flex;

  justify-content: flex-end;

  gap: 15px;

}

ul.top--socials li a{

  display: flex;

  justify-content: center;

  align-items: center;

  width: 40px;

  height: 40px;

  background: #fff;

  position: relative;

}

ul.top--socials li a i{

  color: #000;  

}

ul.top--socials li a:hover i{

  color: #fff;

}

ul.top--socials li a:hover{

  background: #a27601;

  color: #fff !important;

}

ul.top--socials li a::before{

  position: absolute;

    width: 36px;

    height: 36px;

    border: 3px solid #000;

    content: '';

    left: 2px;

    top: 2px;

}



@media (max-width: 991px) {

  .copy-right-text {

    padding-bottom: 24px;

  }

}



.footer-social {

  text-align: right;

}



.footer-social a {

  background: #fff;

  padding: 5px 10px;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s; position:relative; width:40px; height:40px; display:inline-block; margin-left:20px;

}

.footer-social a:hover {background:#a27601;}

.footer-social a:hover i { color:#fff;}

.footer-social a:before { position:absolute; width:36px; height:36px; border:3px solid #000; content:''; left:2px; top:2px;}

.footer-social i {

  color: #000;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s; font-size:25px;

}



.content--new{

    color: #000;

    font-size: 1.2rem;

}

.footer-social i.fa-facebook {padding-right:7px;}

@media (max-width: 991px) {

  .footer-social {

    text-align: center;

  }

}

@media (max-width: 1366px) {

.member-area .next-trigger {right:40px;}

}



.single-member .play-btn1 { position:absolute; top:50%; left:50%; z-index:10; width:10vw !important; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); cursor:pointer;}

/*.owl-theme .owl-nav {display:none;}

.owl-theme .owl-dots {position:absolute; bottom:20px; width:100%;}

.owl-theme .owl-dots .owl-dot span {background:#a27601; width:20px; height:20px;}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background:#fff;}*/

.d-center{margin:0 auto; float:none;}

.section-title {
  font-size:42px;
  width:auto;
  position:relative;
  font-weight:500;
  margin-bottom: 25px;
  overflow-wrap: anywhere;
}

.section-title a{

  color: #000;

}

.section-title:after {border-bottom:1px solid #000; width:100%; height:1px; position:absolute; left:0; bottom:0; content:'';}

.section-title:before {border-bottom:4px solid #000; width:20%; height:4px; position:absolute; left:0; bottom:-4px; content:'';}

.testiMoniThumb { font-size:20px; /*min-height:250px;*/min-height:260px;  -webkit-box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.19);

-moz-box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.19);

box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.19); padding:0px 20px 20px; text-align:center; position:relative;}

.testiMoniThumb:before {position:absolute; content:''; background:url(../img/qeuto.png) no-repeat; width:50px; height:50px; left:10px; top:0px;}

#contact .testiMoniThumb{min-height:150px;}

/*.owl-carousel .thumbPic {position: absolute; margin-top: -19%; left: 50%;margin-left: -14%;}

.owl-carousel .thumbPic img{ width:74px}*/



.testimoniArea .owl-carousel .owl-nav .owl-next, .testimoniArea .owl-carousel .owl-nav .owl-prev{top:50%; font-size:0px; position:absolute; width:30px; height:53px; margin-top:-65px;}

.testimoniArea .owl-carousel .owl-nav .owl-next{ background:url(images/controls-arrow.png) no-repeat 100% 50%; right:-50px;}

.testimoniArea .owl-carousel .owl-nav .owl-prev{background:url(images/controls-arrow.png) no-repeat 0% 50%; left:-50px;}

.testimoniArea .container{width:85%;}



.mailThumb:before{ width:100%; background:#fff; top:-5px; left:0;}

.mailThumb a {color:#000;}

.testimoniArea h3 {font-weight:500; text-transform:uppercase; padding-top:15px; }

.testimoniArea .owl-theme .owl-dots {bottom:-30px;}

.testimoniArea .owl-theme .owl-dots .owl-dot.active span, .testimoniArea .owl-theme .owl-dots .owl-dot:hover span {background:#000;}

.testimoniArea .owl-theme .owl-dots .owl-dot span {background:#ababab;}

.testimoniArea {-webkit-box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.19);

-moz-box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.19);

box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.19);}

.section-title span {font-size:65%; line-height:65%; display:block; font-weight:400;}

.sidemenu {margin:30px 0; text-transform:none; font-size:25px; font-weight:600;}

.sidemenu li {margin:0 0 10px; position:relative;}

.sidemenu li a.active:before, .sidemenu li a.active:after {

	left: 103%;

	top: 50%;

	border: solid transparent;

	content: " ";

	height: 0;

	width: 0;

	position: absolute;

	pointer-events: none;

}



.sidemenu li a.active:after {

	border-color: rgba(136, 183, 213, 0);

	border-right-color: #000;

	border-width: 30px;

	margin-top: -30px;

}

.sidemenu li a.active:after {

	border-color: rgba(194, 225, 245, 0);

	border-right-color: #000;

	border-width: 36px;

	margin-top: -36px;

}

.sidemenu li a {padding:20px 10px; border:1px solid #000; display:block; color:#000; border-radius:5px;}

.sidemenu li a:hover, .sidemenu li a.active {background:#000; color:#fff;}

.rightOverlay {left:auto; right:0; background:rgba(0,0,0,0.75); opacity:0;}

.rightOverlay.active {opacity:1;}

.rightOverlay .d-block2 { display:none;}

.rightOverlay .d-block2.active { display:table;}

.rightOverlay .d-block2.active .conetntArea {display:table-cell; vertical-align:middle; padding:50px; color:#fff; height:100vh; line-height:1.6em;}

.themeBtn {background:#fff; color:#000; border:1px solid #fff; padding:5px 15px; border-radius:10px; font-weight:600;}

.sidemenu li a span {position:absolute; right:10px;}

.themeBtn:hover {background:none !important; color:#fff; border:1px solid #fff;}

.f-70 {font-size:70px; line-height:1.2em;}

.f-36 {font-size:36px; line-height:1.2em;}

.f-61 {font-size:61px; line-height:1.2em;}

.f-30 {font-size:30px; line-height:1.2em;}

.font-black,.font-black a  {color:#000;}





.inner-page .menu-bar span {color: #000; background:url(../img/burger-menu-b.png) no-repeat center right;}

.inner-page .menu-bar span.lnr-cross {background: #fff;}

.inner-page .is-sticky .default-header {background:#fff;}

.inner-page p {font-size: 18px;}

.fixedImg {width: 100%;}

/* .fixedImg-2 {margin-left: 100px !important;} */

.fixedImg100 {max-width:100%;}

.shadow{-webkit-box-shadow: 0px 0px 21px 1px rgba(0,0,0,0.54);

-moz-box-shadow: 0px 0px 21px 1px rgba(0,0,0,0.54);

box-shadow: 0px 0px 21px 1px rgba(0,0,0,0.54);}

.corporateLeader {background:#f1f1f1;}

ul {font-size: 18px;}



/* manoj css start from here */

#hdr{ background:#fff; height:136px;}

#hdr .is-sticky .fa{ display:none}

#hdr .menu-bar span .fa{ color:#000}

#hdr .menu-bar span.lnr-cross .fa{ display:none}

#hdr .menu-bar span.lnr-cross{ background:none}

.gble-shdw {-webkit-box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.19);

-moz-box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.19);

box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.19);}

.customtab {font-size:53px; color:#000; text-transform:uppercase; width:auto; position:relative; font-weight:500; margin-bottom:70px; padding-bottom:40px;}

.customtab li{ display:inline-block; font-family:Helvetica, sans-serif; color:#d5d5d5; cursor:pointer}

.customtab li a{color:#d5d5d5; position:relative;}

.customtab li.active, .customtab li a.active {color:#000;}

.customtab li ~ li{ margin-left:30px;}

.customtab:after {border-bottom:1px solid #b7b7b7; width:100%; height:1px; position:absolute; left:0; bottom:0; content:'';}

.customtab li a.active:before {border-bottom:6px solid #000; width:100px; height:4px; position:absolute; left:0; bottom:-32px; content:'';}

.tabInfo{ display:none}

.tabInfo.active{ display:block}



/*.bookPoint .Vscroll .mCustomScrollBox{height:1300px;}

.bookPoint #events .Vscroll .mCustomScrollBox{height:1000px;}

.bookPoint .ucCmng.Vscroll .mCustomScrollBox{height:800px;}*/



.bookPoint .Vscroll .mCustomScrollBox, .bookPoint #events .Vscroll .mCustomScrollBox, .bookPoint .ucCmng.Vscroll .mCustomScrollBox{height:auto;}



#bookStore, #events{color:#717374; font-size:18px;}

#bookStore h3, #events h3{ font-size:20px; font-weight:normal; /*margin-bottom:20px;*/ font-size:30px;}

#bookStore .anch-link, #events .anch-link{align-items: center; margin-top:20px;}

#bookStore .anch-link a, #events .anch-link a{ color:#191919; text-decoration:underline}

#bookStore .dateYear, #events .dateYear{ font-weight:bold; color:#000; margin-bottom:5px;}



.bookInfo{ padding-bottom:50px; margin-bottom:50px;}

.bookInfo .btnimg a+a{ margin-left:20px;}

.bookInfo{ -webkit-box-shadow:0 11px 10px -5px rgba(0, 0, 0, 0.19);

-moz-box-shadow:0 11px 10px -5px rgba(0, 0, 0, 0.19);

box-shadow: 0 11px 10px -5px rgba(0, 0, 0, 0.19);}



.comingTxt{ align-items:center;}

.h3Light{ font-weight:normal; font-weight:300;}



/* event page css start */

.eventPlace{ font-size:22px;}

.btn-secondary{ background:transparent !important; color:#777777;  min-width:120px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;}/*global use button*/

.btn-secondary a{color:#777777;}

.btn-secondary:hover{ color:#000}

.gallThumb {cursor:pointer;}





.mCSB_dragger .mCSB_dragger_bar {border-radius:0 !important; width:10px !important; margin:0 auto 1px !important; background:rgba(0,0,0,0.5) !important;}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp {opacity:1 !important;}





/* The Modal (background) */

.modal {

    display: none; /* Hidden by default */

    position: fixed; /* Stay in place */

    z-index: 22; /* Sit on top */

    padding: 70px; /* Location of the box */

    left: 0;

    top: 0;

    width: 100%; /* Full width */

    height: 100%; /* Full height */

    background-color: rgb(0,0,0); /* Fallback color */

    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */

}



/* Modal Content (image) */

.modal-content {

    margin: auto;

    display: block;

    width: 60%;

    max-width: 500px; /*position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);*/

}



/* Caption of Modal Image */

#caption {

    margin: auto;

    display: block;

    width: 80%;

    max-width: 700px;

    text-align: center;

    color: #ccc;

    padding: 10px 0;

    height: 150px;

}



/* Add Animation */

.modal-content, #caption {    

    -webkit-animation-name: zoom;

    -webkit-animation-duration: 0.6s;

    animation-name: zoom;

    animation-duration: 0.6s;

}

.rightOverlay p { font-size:25px;}

#Panes { padding:20px; height:500px;}

.videoBtn { margin-left:15px;

}



.amazonBtn {

	

}





#modaldataHolder video, #modaldataHolder2 video {width: 900px; position: relative; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);}

@-webkit-keyframes zoom {

    from {-webkit-transform:scale(0)} 

    to {-webkit-transform:scale(1)}

}



@keyframes zoom {

    from {transform:scale(0)} 

    to {transform:scale(1)}

}



/* The Close Button */

.close {

    position: absolute;

    top: 15px;

    right: 35px;

    color: #f1f1f1;

    font-size: 40px;

    font-weight: bold;

    transition: 0.3s;

}



.close:hover,

.close:focus {

    color: #bbb;

    text-decoration: none;

    cursor: pointer;

}

.mamlaSet {position:absolute; left:38%; bottom:28%;}



/* added Above code from below code dated 27 july 2021*/

strong{font-weight:600;}

#cboxCurrent {font-size:12px; line-height:12px; bottom:5px;}

.captionBox {border:1px solid #b7b7b7; border-top:none; text-align:center; font-size:18px; padding:10px; min-height:110px; line-height:22px; color:#282828;}

.captionImg{border: 1vw solid #383838; display: block;}

.captionBox sup {color:#000 !important;}

.captionBox .dateBox {font-weight:600; display:block; margin-bottom:5px; color:#000; font-size:20px;}



/* Added by man dated 27 july 2021*/

.mamlaSet{position:static;}

.bnrCustom img{max-width:100%;}

.bookBnr{display:flex; justify-content: flex-end; align-items: center; margin-top: 15rem;}

.bookBnr li{display:flex; flex-direction:column;}



.groupBtn{display:flex;}

.groupBtn a.videoBtn, .groupBtn a.videoBtn2 {margin-left:0px; display: flex; align-items: center; justify-content:center;}

.groupBtn a.videoBtn, .groupBtn a.videoBtn2, .groupBtn a.buyNow {width:auto; background-color:#000; font-size:.9vw; padding:0vw .6vw; color:#fff; border:1px solid #45464c;}

.groupBtn a img{}

#Events .Vscroll, #Media .Vscroll{height: 300px;}



.Vscroll .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .Vscroll .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:3px;}

.Vscroll .mCSB_dragger .mCSB_dragger_bar{width: 6px !important;}

.Vscroll .mCSB_dragger .mCSB_dragger_bar{background:rgba(0,0,0,0.8) !important;}



.logo{width:25%;}

.logo img{max-width:100%;}

/* Added by man dated 27 july 2021 end*/



.anch-link2 {color: #191919; text-decoration: underline;}

.linkUP{margin-top:-20px; display: flex; justify-content:flex-end;}

/*.customtab a{cursor:auto;}*//*for some time cursor none*/

.bnrVdoIcon{width:18px; margin-right: 6px;}



.popupTxtWrap{padding:2vw;}



.owl-carousel .owl-stage{margin:0 auto;}



/* 100% Image Width on Smaller Screens */

@media only screen and (max-width: 700px){

    .modal-content {

        width: 100%;

    }    

}

@media only screen and (max-width: 1370px){

.pb-30 { padding-bottom:10px;}

.pt-30 {padding-top:10px;}

.pb-100 {padding-bottom:70px;}

.mamlaSet { left:35%; bottom:22%;}

}

@media only screen and (max-width:1024px) {	

  .bookBnr li img.cus--books{width: 150px;}

  ul.top--socials{

    margin-top: 1rem;

  }

}

@media only screen and (min-width:1024px) {	

	.logo{display:block;}

	.menu-bar{display:none;}

	.default-header{padding-top:3vw;}

	nav.hide{transform:scale(1); height: auto; width: 100%; right:0px; padding:5px; position:static; background:none;}

	nav a{/*padding:0px 2vw;*/padding:0px 1.2vw; display:inline-block; font-weight:normal; font-size:1.4vw; line-height:18px;}

	nav a:hover{background:none; color:#fff;}

	nav a+a{border-left:1px solid #fff;}

	nav a span{border-top:none; padding:0px;}



/* header dark css*/

.header-Dark nav a{color:#424141;}

.header-Dark nav a:hover{color:#222;}

.header-Dark nav a+a{border-left:1px solid #424141;}



.inner-page header{padding-bottom:3vw;}

.inner-page header .container{max-width:90% !important;}

.inner-page header{-webkit-box-shadow: 0 11px 10px -5px rgba(0, 0, 0, 0.19);

-moz-box-shadow: 0 11px 10px -5px rgba(0, 0, 0, 0.19);

box-shadow: 0 11px 10px -5px rgba(0, 0, 0, 0.19);}

	

}

@media only screen and (min-width:1800px) {	

nav a{font-size:1.2vw;}

}



@media (min-width: 1024px) {

	#Testimonials, #about, #Events, #Books, #Media, #contact, .banner-area, .videoSection video {/*height:115vh;*/}

	#home .bookBnr{margin-right:0px !important;}

	#home .bookBnr li + li{margin-left: 4rem !important;}

	#home .bnrCustom{justify-content:center !important;}



}



@media (max-width:1023px) {

.container{max-width:90%;}	

	nav {padding: 20px 0;}

  .main-menubar {/*width:100%;*/}

  .menu-bar {/*position:absolute; top:0; right:0; z-index:6;*/}

  .menu-bar span, .menu-bar span.lnr-cross {margin-top:10px;}

  nav a {padding:0px 15px; font-size:16px; line-height:18px;}

  nav a span {padding:20px 0;}

  .logo{width: 30%; margin: -60px 0 0 0;}

.mr-md-5{margin-right: 0rem !important;}

.bookBnr{margin-top: 3rem;}

}



@media (max-width: 767px) {

  

  .pb-100 {padding-bottom:25px;}

  .pt-100 {padding-top:25px;}

  .section-title {font-size:25px; padding-bottom:15px;}    

  .col-4.col-sm-12.d-block.d-center { flex:100%; max-width:100%;}

  .pt-30 {padding-top:10px;}

  .mt-35 {margin-top:15px;}  

  .fixedPad {padding:0;}

  .thumbPic {width:150px;}

  .testiMoniThumb:before {background-size:40px;}

  /* #about, #Events, #Books, #Media, #Speaker {background-size:200% auto !important; background-position:top right !important; padding-top:111vw;} */

  /*#Events, #Media {background-position:top left !important; padding-top:320px;}*/

  #Books, #Speaker{background-position:top left !important; }

  /* #Books, #Speaker{padding-top: 88vw;}

   #Events,  #Media {padding-top:93vw;} */

  .testiMoniThumb{min-height:auto; font-size:14px;}

  .rightOverlay .d-block2.active .conetntArea {padding:10px; font-size:14px; height:400px;}

  .rightOverlay {height:380px;}

  .sidemenu li a {padding:5px 20px 5px 8px; font-size:15px; line-height:20px;}

  .sidemenu li a span {top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);}

  .pb-50 {padding-bottom:15px;}

  .f-70 {font-size:40px; line-height:1.2em;}

.f-36 {font-size:18px; line-height:1.2em;}

.f-61 {font-size:36px; line-height:1.2em;}

.f-30 {font-size:15px; line-height:1.2em;}

.pt-25 {padding-top:10px;}

.service-area {min-height:inherit;}

#contact h2 { text-align:left !important; width:92%; margin:0 auto;}

.section-title span {font-size:60%;}

body {font-size:18px; color:#000;}

.inner-page section:first-child {min-height:70px;}

.pt-120 {padding-top:30px;}  

#about-me h2+h2 {padding-bottom:10px !important;}

.pt-50 {padding-top:15px;}

.pb-25 {padding-bottom:10px;}

.pb-120 { padding-bottom:30px;}

.customtab {font-size:14px; padding-bottom:10px; margin-bottom:30px;}

.customtab li a.active:before {bottom:-19px;}

.fixedImg100 {width:100%; max-width:inherit; /*margin-bottom:30px;*/}

#bookStore h3, #events h3 {font-size:18px;}

.inner-page p, .speaker ul {font-size:15px;}

#bookStore .anch-link a { display:block; margin:10px auto; width:50%; text-align: center;}

#bookStore .anch-link a img {width:100%;}

#bookStore .buyNow{width:100% !important;}

#contact-us .container .row { margin:0 auto !important;}

.copy-right-text {font-size:14px; text-align:center;}

.footer-social {text-align:center;}

.footer-social a {padding:9px 0px 0px 8px;}

.footer-social i.fa-facebook {padding-left:4px;} 

.copy-right-text {padding-bottom:5px; font-weight:400;}   

#contact-us {min-height:450px;}

.modal {padding:70px 20px 0 20px;}

.rightOverlay p {font-size:14px;}

.footer-social a {margin:0 10px 0 0;}

.default-header {/*min-height:70px;*/}

	#modaldataHolder video {width: 300px; margin-top: 7px;}

	

#Testimonials .col-4.d-block.d-center {width:93%; max-width:93%;}	

.mamlaSet { bottom:55px; left:34%;}

.mamlaSet a {display:block; width:60px; padding:0 !important; margin-bottom:5px; float:left; margin-left:0;}

.mamlaSet a.amazonBtn {width:17px; float:left;}

.mamlaSet a.amazonBtn+.amazonBtn {width:17px;}

/*.mamlaSet a img {width:100%;}*/

/*.testimoniArea{ padding-bottom:50px;}*/



.Vscroll{overflow-y:auto;}



.groupBtn{flex-wrap: wrap; justify-content: center;}

.groupBtn a.videoBtn2{margin-right:0px;}

/*.bookBnr{ margin-top: 11rem;}*/

.bookBnr li{width: 24vw;}

.bookBnr li+li{margin-left:6vw !important;}

.groupBtn a.videoBtn, .groupBtn a.videoBtn2{margin-right:0px; width:100%;}

/*.groupBtn a.buyNow{width:58%;}*/

.groupBtn a.videoBtn, .groupBtn a.videoBtn2, .groupBtn a.buyNow{font-size:8px; padding-right: 3px !important;}

.groupBtn a.buyNow{width:60px;}

.bnrVdoIcon{width: 12px;}

.bookBnr{margin-top: 4rem;}

.logo{width:38%;}

/*.banner-area {

  background: url(../img/banner-bg.jpg) left 40px no-repeat #040614;

  background-size: cover;

}*/

}

@media only screen and (max-width:480px){

#about, #Speaker, #Media, #Events, #Books{    padding: auto;}

.logo{/*display:block; position:absolute; left:30px; top:17px;*/ width:60%; margin-top: 1rem;}

.testimoniArea .owl-carousel .owl-nav .owl-next, .testimoniArea .owl-carousel .owl-nav .owl-prev{top:50%; width:20px; height:43px; margin-top:-65px; background-size:40px;}

.testimoniArea .owl-carousel .owl-nav .owl-next{right:-35px;}

.testimoniArea .owl-carousel .owl-nav .owl-prev{left:-35px;}

.bookBnr{margin-top: 4rem;}



}

	

	

@media screen and (max-width: 450px) and (min-width: 370px) {	

#about {/*padding-top:450px;*/ padding-top:auto;}

#Events{/*padding-top:360px;*/padding-top:auto;} 

#Books {/*padding-top:380px;*/ padding-top:auto;}

#Media {padding-top: auto;} 

}