*:focus {outline: none;}
body{margin:0;padding:0;font-family:'Circe';font-size:14px;color:#4a4a4a;line-height:24px;min-height:100vh;display:flex;flex-direction:column;}

.font-thin{font-weight:250 !important;}
.font-ex_light{font-weight:300 !important;}
.font-light{font-weight:350 !important;}
.font-normal{font-weight:400 !important;}
.font-bold{font-weight:700 !important;}
.font-ex_bold{font-weight:800 !important;}

.font-x1_25{font-size:1.25em !important;}
.font-x1_8{font-size: 1.8em !important;}
.font-x2_5{font-size: 2.5em !important;}

.smaller{font-size:90%;}
.pointer{cursor: pointer;}

ul{padding:0px;}
ul li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:700;}

img{max-width:100%;height:auto;}
.box2 input::-webkit-input-placeholder {color:#000;opacity: 1 !important;}
.box2 input:-moz-placeholder { color:#000;opacity: 1 !important;}
.box2 input::-moz-placeholder { color:#000;opacity: 1 !important;}
.box2 input:-ms-input-placeholder { color:#000;opacity: 1 !important;}
.box2 input::-ms-input-placeholder {color:#000;opacity: 1 !important;}
.box2 input::placeholder {color:#000;opacity: 1 !important;}

.btn:focus { outline: none;outline-offset: -2px;}
.btn-theme{overflow:hidden;background-color:#55c8e0;border:none;color:#fff;font-size:18px;text-transform:uppercase;border-radius:50px;padding:0px 30px;height:60px;line-height:60px;}
.btn{position:relative;}
.btn:before{position:absolute;transition:all 0.3s cubic-bezier(0, 0, 0.1, 1);content:'';left:0;top:0;width:0;height:100%;background-color:rgba(255, 255, 255, 0.1);}
.btn-gray{transition:all 0.3s;background-color:#fff;border:solid 1px #979797;font-size:12px;color:#4a4a4a;text-transform:uppercase;border-radius:50px;padding:0px 20px;height:40px;line-height:40px;}
.btn.btn-xs {font-size: .8rem;line-height: 1rem;padding: .1rem .2rem .1rem .5rem}
.btn.btn-xs.btn-pill {border-radius: 1em;}
.lernmore {font-size: 1.5rem;line-height: 34px;}

.btn-purple{background-color: #7b72af;color: #fff;}
.btn-cyan{background-color: #53a8af;color: #fff;}
.text-purple{color: #7b72af;}
.text-cyan{color: #53A8AF;}
.brilliant-blue{color: #55c8e0;}
.donate-form{margin-left:30px;}

.campaign-se{padding-top:50px;padding-bottom:100px;margin-bottom:50px;border-bottom:solid 1px rgba(191, 191, 191, 0.3);}
.main-title{position:relative;text-align:center;}
.main-title h2{background-color:#fff;margin:0;padding:50px 0;}
.main-title p{font-size:1.5rem;line-height:34px;font-weight:350;margin:0 auto;}
.campaign-se .main-title h2{position:relative;padding:0 20px;z-index:1;display:inline-block;}
.campaign-se .main-title:before{content:"";left:0;right:0;position:absolute;border-bottom:solid 1px rgba(191, 191, 191, 0.3);top:50%;transform:translateY(-50%);}
.header{padding:15px 0;background-color:#fff;box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.04);position: sticky;top:0;width: 100%;z-index: 999;}
.header .container:after{content:"";display:block;clear:both;}
.brand-logo{height:auto;max-width:366px;}
a.brand-logo{color:#4a4a4a;font-size: 1pc;}
span.img{max-width:39px;display:inline-block;margin:0 10px;}

.header .navbar-nav>li{padding-left:10px;}
.header .navbar-nav>li>a{background-color:transparent;color:#4a4a4a;font-size:18px;transition:all .5s ease 0s; padding-top: 10px; padding-bottom: 0;}
.header .nav>li>a:focus,
.header .navbar-nav>li.active>a{color:#55c8e0;}
.slide-caption{left:0;position:absolute;right:0;z-index:2;max-width:1050px;margin:0 auto;font-size:24px;color:#fff;line-height:34px;}
.slide-caption.up{top:15px;}
.slide-caption.bottom{bottom:20px;}

.video-back {position: relative; height: 100%;}
.video-height {width: 100%;height:100%;}
.video-height:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,0.2);z-index:1;}
.video-height video {object-fit: cover;object-position: top;height: 100%;width: 100%;}

.people-sec a.btn-play,.hero a.btn-play{position:absolute;left:50%;top:50%;max-width:70px;transition:all .5s ease 0s;z-index:5;transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}
.people-sec a.btn-play img,.hero a.btn-play img{width:70px;}
.buttons{text-align:left;}
.buttons .btn{overflow:hidden;background-color:rgba(0, 0, 0, 0.1);border:solid 1px rgba(255, 255, 255, 0.4);color:#fff;font-size:1.2rem;text-transform:uppercase;border-radius:1.5em;padding:0 1.5em;height:3em;line-height:3em;}
.buttons .add-btn, .add-btn{background-color:#7b72af;border-color:transparent;color: #fff;}
.add-btn.active {background-color:#524795;}
.add-btn:hover{color:#fff;}
.two-btns {margin:0;}
.two-btns .btn-links{font-size:1.8rem;color:#4a4a4a;text-decoration:none;}
.two-btns .btn-links p{font-size:.9rem;}
.two-btns .btn-links .rppb{background-color:#af4da7;font-size:20px;width:50px;height:50px;transition:all .5s ease 0s;text-align:center;line-height:50px;color:#fff;}
.progress-row{padding-top:100px; max-width: 850px; margin: 0 auto;}


/* 1.06 chant css  */
.col-md-3.comment-section.comments {display: none;}
section.home-popupbody.main-popup {background: transparent;}
body.home-submit-chant {background: #b2b2b2;}
header.header.header-section {background: transparent;}
.navbar.navbar-custom.navbar-custom-section {background: transparent;}
.vimg-theme.poupImg.pop-up-img-section {background: #fff;}

ul.list-inline.pull-right.list-activity.right-activity li {width: 80px;}
ul.list-inline.pull-right.list-activity.right-activity li a {background: transparent;}
li.insta a i {background: #306a92;color:#fff;}
li.twit a i {background: #2aaae0;color: #fff;}
li.fb a i {background: #385185;color: #fff;}
ul.list-inline.pull-right.list-activity.right-activity li a i {padding: 8px 9px;text-transform: uppercase;font-size: 13px;}

/* 1.07 submit chant css */
.theme-design.modified:before{left:0;}
.main-form-section {
  max-width: 89%;
  margin: 90px auto auto auto;
  background: #fff;
  box-shadow: 0px 0px 5px #555;
  padding: 23px 30px;
	position:relative;
}

ul.list-inline.pull-right.list-activity.right-activity.share-section-activity {
  text-align: center !important;
  width: 100%;
}
.share-section {
  display: inline-block;
  width: 100%;
  text-align: center !important;
}
ul.list-inline.pull-right.list-activity.right-activity.share-section-activity li.twit {width: 98px !important;}
ul.list-inline.pull-right.list-activity.right-activity.share-section-activity li {width: 124px;}
ul.list-inline.pull-right.list-activity.right-activity.share-section-activity li a i {padding: 11px 9px;border-radius: 4px;}

/* 1.02 submit chant */
.progress-section {
  width: 100%;
  height: 25px;
  border: 1px solid black;
  border-radius: 21px;
}
.progress-bar.progress-bar-section {border-radius: 21px;}

.close-button-section img {
  width: 100%;
  max-width: 24px;
}
.close-button-section {
  position: absolute;
  right: 15px;
  top: 15px;
}
.progress-section-heading h2 {margin: 0px 0px 23px 0px;}
.progress-section-heading h4 {
  text-align: right;
  margin: 34px 0px 0px 0px;
  color: rgb(255, 0, 0);
}
.progress-section-heading {
  position: relative;
  top: 30%;
  max-width: 420px;
  left: 0;
  right: 0;
  margin: auto;
  padding: 51px 40px;
  background: #fff;
}
.progress-bar.progress-bar-section {background: #7b72af;}
.progress-section-heading.cancel-heading {text-align: center;}
.progress-section-heading.cancel-heading a {
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  border-radius: 50px;
  padding: 0px 60px;
  height: 60px;
  line-height: 60px;
  margin-left: 16px;
  display: inline-block;
  background-color: #7b72af;
}

.progress-section-heading.cancel-heading {
  top: 28%;
  max-width: 673px;
}

.progress-section-heading.failed-heading a {
  display: block;
  text-align: center;
  width: 100%;
  background: #7b72af;
  margin-top: 15px;
  color: #fff;
  border-radius: 123px;
  height: 51px;
  vertical-align: middle;
  line-height: 51px;
  font-size: 30px;
  text-decoration: none;
  text-transform: uppercase;
}

.progress-section-heading.failed-heading h2 {color: rgb(255, 0, 0);}
.progress-bar.progress-bar-section.progress-bar-section-failed.failed-heading {background: rgb(255, 0, 0);}
.progress-section-heading.failed-heading.completed-heading h2 {color: rgb(0, 128, 0);}
.progress-bar.progress-bar-section.progress-bar-section-failed.failed-heading.completed-heading {background: rgb(0, 128, 0);}

/***********updations 27/5/2019****************/
.main-one-section {display: flex;flex-direction: row;align-items: center;justify-content: end;}
.main-one-section p {text-align: right; margin-right: 1em;}

.two-box-wrap p {margin-top: 3px;}

.newsletter-form{max-width:670px;margin-left:auto;margin-right:auto;padding:60px 0;}
.newsletter-form .row{}
.newsletter-form .row .col-sm-6{padding-right:5px;padding-left:5px;}
.newsletter-form .form-control{border-radius:50px;position:relative;z-index:2;padding:0px 25px;height:60px;line-height:60px;font-size:20px;border:none;font-weight:350;background-color:#ffffff;box-shadow:0 0 34px 0 rgba(0, 0, 0, 0.1);color: #000;}
.newsletter-form .btn-theme{text-transform:uppercase;display:block;width:100%;}
.theme-design{position:relative;}
.theme-design:before{position:absolute;left:-63px;top:-27px;content:"";background:url("../images/freecourse_shape.f05b3f35feb5.svg") no-repeat;z-index:1;width:100%;bottom:-50px;}

#map_wrapper {height: 400px;}
#map_canvas {width: 100%;height: 100%;}
.map-frame{position:relative;margin:100px 0;}
.location-text{border-radius:50px;background-color:#fff;font-size:24px;line-height:60px;max-width:264px;margin:0 auto;position:absolute;left:0;right:0;top:-30px;z-index:2;text-align:center;}
.map-frame img{width:100%;}
.feedback{list-style:none;margin:0;display:table;width:100%;}
.feedback li{display:table-cell;border-left:solid 1px rgba(0, 0, 0, 0.1);text-align:center;padding:20px;width:20%;text-transform:uppercase;font-size:30px;color:#af4da7;}
.feedback li:first-child{border-left:none;}
.feedback li p span{display:block;font-size:11px;color:#4a4a4a;padding-bottom:10px;}
.donate-box .btn-theme{margin:50px auto;max-width:248px;display:block}
.donate-box .btn-link i{display:inline-block;vertical-align:middle;position:relative;top:-5px;margin-right:10px;}
.donate-box .btn-link{color:#4a4a4a;font-size:14px;transition:all .5s ease 0s;text-transform:uppercase;}
.highlights{color:#fff;padding:5px 10px 2px 2px;display:inline-block;background:#208c89;background:-moz-linear-gradient(left, #208c89 0%, #208c89 15%, #78c2d3 100%);background:-webkit-linear-gradient(left, #208c89 0%,#208c89 15%,#78c2d3 100%);background:linear-gradient(to right, #208c89 0%,#208c89 15%,#78c2d3 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#208c89', endColorstr='#78c2d3',GradientType=1 );}
.cd-gallery li{position:relative;}
.cd-gallery li img{border-radius:2px;}
.people-sec a.btn-play{position:absolute;left:50%;top:50%;max-width:48px;transition:all .5s ease 0s;z-index:5;transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);opacity:0;visibility:hidden;}
.people-sec a.btn-play img{width:48px;}
.search-box{padding:60px 0 0;}
.search-box .form-control{border-radius:50px;position:relative;z-index:2;padding:0px 60px 0 25px;height:70px;line-height:70px;font-size:32px;text-align:center;opacity:0.6;border:none;font-weight:350;background-color:#ffffff;box-shadow:0 0 34px 0 rgba(0, 0, 0, 0.1);color: #000;}
.search-box .form-group{position:relative;max-width:750px;margin:0 auto;}
.search-box .form-group .btn-search{background:url("../images/search.278d8d8468ab.svg") no-repeat 0 center;width:40px;height:100%;position:absolute;right:10px;top:0;bottom:0;border:navajowhite;z-index:2;background-size:30px;opacity:0.8;}
.keyword{list-style:none;margin:0;padding:18px 0 0;font-size:19px;font-weight:700;text-align:center;max-width: 100vw;}
.keyword .li{display:inline-block;}
.keyword .li.searchby{color:#9b9b9b;margin-right:5px;}
.keyword .li.key2{color:#f85d5d;}
.keyword .li.key3{color:#7b72af;}
.keyword .li.key4{color:#f9be12;}
.keyword .li.key5{color:#55c8e0;}
.keyword .li.key6{color:#cf8cbd;}
.keyword select {box-shadow: none !important;font-size: 1em;border: none !important;}
#tableofusers thead th{font-size:19px;}
.findus-people{margin-bottom:70px;}
.findus-people .btn-gray{display:block;max-width:190px;margin:0 auto;}
.findus-people ul{list-style:none;margin:0;padding:70px 0 50px;}
.findus-people ul:after{clear:both;content:"";display:block;}
.findus-people img{width:100%;}
.loadmore img {width: 10%;display: none;}
.findus-people ul li{display:inline-block;font-size:0;position:relative;padding:5px;width:16.3%;}
.findus-people ul li .addmore{font-size:15px;color:#7b72af;position:absolute;font-weight:700;border:solid 1px #7b72af;left:5px;right:4px;top:5px;bottom:5px;}
.findus-people ul li .addmore span{font-size:15px;color:#7b72af;position:absolute;top:50%;left:0;right:0;line-height:30px;text-align:center;transform:translateY(-50%);padding: 5px;}
.copy{margin-right:3px;position:relative;top:-2px;font-size:15px;}
.footer{padding:50px 0;width:100%;}
.footer .email a.btn-link{font-size:18px;}
.footer .email a.btn-link img {margin-top: -4px;}
.design-by{font-size:16px;}
.design-by i{font-style:normal;color:#bd10e0}

/*inner page (2.0.0-comp)*/
.title-cmn{position: relative; text-align: center;margin: 40px auto;}
.title-cmn:before {
  content: "";
  left: 0;
  right: 0;
  position: absolute;
  border-bottom: solid 1px rgba(191, 191, 191, 0.3);
  top: 50%;
  transform: translateY(-50%);
}
.title-cmn h6 {
  background-color: #fff;
  margin: 0;
  color: #4a4a4a;
  text-transform: uppercase;
  display: inline-block;
  padding: 0 10px;
  position: relative;
  z-index: 2;
}
.cmn-wrap{font-size: 1.25rem; line-height: 1.5;}

.amb-tp .img-theme {position: relative;}

.showin{border:solid 1px rgba(191, 191, 191, 0.3); padding: 21px 10px 20px;    text-align: center;}
.showin p{text-transform:uppercase; margin-bottom: 0;}
.showin h4{font-size:24px;margin:8px 0;color:#af4da7; line-height: 24px;padding: 11px 0 12px;}
.showin h5{font-size:17px;margin:0;color:#4a4a4a;  }

.two-box-wrap{font-size: 18px;line-height:30px;}

.milestone-sec .progress-row{padding-top: 0;     margin-left: auto; margin-right: auto; }
.milestone-sec .main-title h2{padding-bottom: 40px;}
.rgt-profile .mobile-text{display: none;padding-left: 40px;}

/*new css gp*/
ul.personal-gallery {padding: 30px 0; margin: 0;}
ul.personal-gallery:after{clear: both; content: ""; display: block;}
ul.personal-gallery li{padding: 5px; float: left; position: relative;}
ul.personal-gallery .showin{min-height:150px; height: 150px;}
ul.personal-gallery li img {width: 100%;object-fit: cover;height: 150px;}
ul.personal-gallery a.btn-play,
.img-theme a.btn-play
{
  position: absolute;
  left: 50%;
  top: 50%;
  transition: all .5s ease 0s;
  z-index: 5;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.btn-play img{width: 70px !important;}
ul.personal-gallery a.btn-play img{max-width: 48px; height: auto;}

.profile-info h4{font-size: 24px; margin: 25px 0 15px;}
.social-info { white-space: nowrap; font-size: 18px;}
.social-info span{display: inline-block; vertical-align: top; margin-right: 5px;line-height: 26px;}
.country-flag{width:30px;    position: relative;top: -4px}
.country-flag img{width:26px;}
span.country-name{margin-right: 10px;}

.amb-tp-profile .owl-carousel .owl-nav .owl-prev, 
.amb-tp-profile .owl-carousel .owl-nav .owl-next {
  position: absolute;
  top: 55%;transform: translateY(-50%);
  background-repeat: no-repeat; background-position: center center; background-size: 30px;    width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -webkit-transition: all .5s ease 0s;
  z-index: 8; text-indent: -9999px;
}
.amb-tp-profile .owl-carousel .owl-nav .owl-prev {left: 0px;background-image: url("../images/left-arrow.6468634d7642.svg");}
.amb-tp-profile .owl-carousel .owl-nav .owl-next {right: 0px;background-image: url("../images/right-arrow.279196e37844.svg");}
.amb-tp-profile {padding-bottom: 0;}
.amb-title{position: relative;}
.amb-title .btn-back {
  width: 24px;
  display: inline-block;
  position: absolute;
  left: -40px;
  top: 50%;
  transform: translateY(-50%);
}

.videoList {font-size: 0px;}
.vedio-item {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  font-size: 14px;
  position: relative;   
}
.vedio-item *{ transition: all .5s ease 0s;}
.vimg-theme:after{background-color: rgba(0,0,0,0); position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; content: ""; display: block; }
.videoInner img {width: 100%;}
.overlay-Cont {
  position: absolute;
  top: 50%;
  left: 0px;
  right: 0;
  width: 100%;
  margin: auto;
  padding: 10px;
  text-align: center;
  transform: translateY(-50%); opacity: 0; visibility: hidden; z-index: 2;
  color: #fff;
}
.overlay-Cont .btn-play > img {width: 50px;}
.smt-txt {
  font-size: 32px;
  line-height: 0px;
}
.main-ttl {
  font-size: 48px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: left;
  color: #4a4a4a;
}
.cmn-wrap h3.main-ttl {font-size: 40px;line-height: 1.32;font-weight: 300;}

.cmn-wrap .sml-txt {font-family: 'pt_monoregular';font-size: 12px;font-weight: normal;font-style: normal;font-stretch: normal;line-height: 1.67;letter-spacing: normal;text-align: left;color: #4a4a4a;}
.text-icon {margin-left: 10px;}
.btn.btn-theme.inline-btn {display: inline-block;margin-top: 30px;}
p.sml-txt {
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
  margin: 20px 0px;
}
.heading-ttl h3 {
  font-size: 48px;
  line-height: 40px;
  font-weight: 350;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #4a4a4a;
}

.heading-ttl h3 > span  {
  font-weight: bold;
  color: #7b72af;
}
.theme-ttl {
  font-size: 44px !important;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #4a4a4a;
  margin: 0px 0px 30px;
}
.shareLinks {
  border-radius: 50px;
  background-color: #ffffff;
  box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.1);
  padding: 0 5px;line-height: 56px;
  margin-bottom: 35px;
  min-height: 56px;
  justify-content: space-evenly;
  display: flex;
}
.shareLinks li a b{color: #7b72af;}
.shareLinks > li {
  display: inline-block;
  margin: 0;
}
.shareLinks > li:last-child {margin-right: 0px;}
.shareLinks > li > a {
  font-size: 20px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #4a4a4a;
  text-decoration: none;
}
.title-mid {
  font-size: 24px !important;
  font-weight: 350;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #4a4a4a;padding-top: 5px; padding-bottom: 10px;
  line-height: 32px !important;
}
.socialLinks > li {margin-right: 3px;}
.socialLinks > li > a {
  width: 25px;
  height: 25px;
  display: inline-block;
  text-decoration: none;
}
.socialLinks > li.appstore_logo a {width: 34px;}
.socialLinks > li.android-icon a {width: 22px;}
.socialLinks > li:last-child > a {width: 100%;}
.padd-tb {padding: 60px 0px;}

.become-amb h4 {
  font-size: 24px;
  font-weight: 350;
  line-height: 32px;
}

.vedio-sec-cont {position: relative; padding: 0 40px 20px 40px;}
.mini-cnt{position: relative;}
.tutorials_shape{position: absolute; right: 0; bottom: 0; height: 200px; width: 45%; padding-right: 0;  z-index: -1;}
.tutorials_shape img{width: 100%;}
.heading-ttl {padding:100px 0px 0;}
.navbar-main li.active > a {color: #55c8e0;}
.map-innerpage {margin: 60px 0;}

/*3.0.0 amb-join css */
.text-heading h2 {
  font-size: 64px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.13;
  letter-spacing: normal;
  text-align: left;
  color: #4a4a4a;
}
.text-heading {margin-top: 60px;}
.text-heading p {
  font-size: 32px;
  font-weight: 350;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #4a4a4a;
}
.text-p2 p{
  font-size: 24px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #4a4a4a;
  width: 410px;
  height: 70px;
  font-family: Circe;
}
.text-p2{padding: 37px 0px;}

.ambassador-detalis h4{
  font-size: 24px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #4a4a4a;
}
.ambassador-detalis p{
  width: 488px;
  font-size: 18px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #4a4a4a;
  margin-top: 20px;
}
.p2{padding-top: 15px;}

.iphoneImg img{
  width: 310px;
  height: 600px;
  margin-top: 60px;
}
.amb-detail {margin:60px 0px;}
.back-shape{background:url("/static/images/submitchant_shape.4f7ebbf49e2d.svg") top/90% no-repeat;}
/*3.0.0 amb-join css end */

/*popup video*/

/*popup video*/
.btn-close{border: solid 1px #ffffff !important;border-radius: 50%;width: 48px;opacity: 1 !important;color: #fff;height: 48px;font-size: 14px;}
.btn-close img{width: 18px;}
.pop-cnt{background-color: #333;}
.main-section{padding: 34px 77px;}
.main-section img{width: 100%}
.play-icon img{
  width: 100%;
  max-width: 100px;
  position: absolute;
  top: 45%;
  left: 0;
  right: 0px;
  margin: auto;
}
/*popup comment*/
.by-text {
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #bfbfbf;
  display: inline-block;
  margin-right: 10px;
}
.profile-section img {
  width: 48px;
  height: 48px;
}
.profile-section p{
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #4a4a4a;
  display: inline-block;
}
.shakti-text{
  font-size: 12px;
  color: #bfbfbf;
  text-align: left;
  margin-top: -22px;
  margin-left: 74px;
}
.popup-header{
  background: #fff;
  height: 79px;
  width: 100%;
}
.list-nav span{
  font-size: 13px;
  font-weight: normal;
  color: #cccccc;
} 
.list-nav:first-child img{opacity: 1;}
.list-nav img{
  max-width: 15px;
  width: 100%;
  opacity:1;
}
.list-nav a{
  font-size: 13px;
  text-align: left;
  color: #4a4a4a;
  padding: 10px 6px;
  text-decoration: none;
}
.list-nav li{padding:26px 7px 0;}
.list-nav{margin-right: 20px;}
.profile-section ul{margin: 0;padding: 0;}
.profile-section li{margin: 16px 20px 0px;}
.popup-footer{background: #fff;height: 70px;width: 100%;}
.list-activity li a{ font-size: 13px;font-weight: normal;text-align: center;color: #4a4a4a;text-decoration: none;padding: 5px 9px; border-radius: 3px;background-color: #eee;}
.list-activity li{padding: 20px 0px;}
.list-activity{margin-right: 20px}
.address-section{margin-left: 20px}
.address-section li{padding: 20px 0px;}
.address-section li a{  font-size: 16px;line-height: 1.13;color: #4a4a4a;}
.address-section li img{width: 18px; margin-right: 6px;}
.popup-img{width: 100%;height: 584px;}
.main-popupbody{padding: 75px 67px;}
.list-activity li.active a {color: #cccccc;background: transparent;}
.comment-section{background: #fff;height: 100%;min-height: 733px;}
.comment-section p{
  font-size: 16px;
  text-align: center;
  color: #4a4a4a;
  padding: 130% 0% 0%;
}
.home-popupbody{
  background: #333;
  padding: 20px 0px;
}
.homepopup-cnt{ padding: 60px 0px;}
.cross-icon{margin-right: 90px;}
/*popup video end*/

/*vivek*/
/*<---------1.0.1-comp-home-submit css start---------->*/

.submit-your-chant {
  background-image: url("/static/images/submitchant_shape.4f7ebbf49e2d.svg"), url("/static/_fp/images/tutorials_shape.38013543a1e6.svg");
  background-repeat: no-repeat;
  background-position: 60% 600px, right bottom;
}
.Submit-your-text {
  position: initial; /* absolute */
  left: 0;
  top: 10px;
  right: 0;
  display: block;
  width: 100%;
  max-width: 522px;
  margin: 0 auto;
}

.box1, .box2{height: auto;border-radius: 5px;background-color: #ffffff;box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.1);}
.box1{margin: 0 auto 8px;padding: 32px 32px;}
.box2{margin: 0 auto;padding: 32px 30px;}

.box1 h3, .box2 h3{ font-size: 1.5rem;text-align:center;color: #4a4a4a; margin: 10px 0; }
.box1 p, .box2 p{font-size: 1.25rem;font-weight: 400;text-align: center; margin: 0;}
.box2 p{padding-bottom: 27px;}

.Chants-location, .Chants-location-must {font-weight:400; font-size: 1rem; text-align: center;color: #4a4a4a;}
.Chants-location{font-weight:400;}
.Chants-location-must {font-weight: bold;}

.eg-UK-London-Oxf {width: 273px;height: 29px;opacity: 0.4;font-family: Circe;font-size: 20px;font-weight: 300;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;text-align: center;color: #4a4a4a;}

.select-btn{width: 100%; height: 60px;border-radius: 30px;background-color: #7b72af;font-size: 18px;font-weight: bold;letter-spacing: normal;text-align: center; margin-bottom: 21px;color: #ffffff;}
.box2 .buttons .see-btn {background: transparent; background-color: #ffffff;font-size: 20px;font-weight: 400;text-transform: lowercase;text-align: left; margin-left: 0;text-align: center;color: #4a4a4a;margin: 7px 0px 16px;}

.box2 .buttons .btn.add-btn{background-color: #7b72af;border-radius: 30px; margin-left: 0; margin-bottom: 0;}

.have-qus{color: #4a4a4a;}
.have-a-question{padding-top: 61px;}
.have-a-question a{float: right;text-align: center;}
.have-a-question-text{width: auto;height: auto;border-radius: 28px;background-color: #ffffff;box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.1);font-family: Circe;
  font-size: 12px;padding: 13px 18px;font-weight: bold;letter-spacing: -0.2px;text-align: center;color: #4a4a4a;}

.table>tbody>tr>td { height: auto;padding: 1rem .5rem ;font-weight: normal;font-size: 20px; color: #4a4a4a;vertical-align: middle;}

.media-body h4{font-family: 'Circe';font-weight: normal;font-size: 20px;}
.table>thead>tr>td {opacity: 0.5;font-size: 15px; font-weight: normal;text-align: left; color: #4a4a4a;}
/*.view-profile{ height: 40px;
   border-radius: 30px; width: 162px;padding: 10px 0;
   background-color: #55c8e0;  font-family: Circe;font-size: 12px;font-weight: bold;text-align: center;
   color: #ffffff; }*/

.We-thank-the-followi {width: 395px; height: 192px;font-size: 2rem; font-weight: 350;line-height: normal;text-align: left;color: #4a4a4a;}

/*<----------------- table-------------------->
 */table { width: 100%;  border-collapse: collapse; }

tr:nth-of-type(odd) {background: transparent; }
th { background: transparent;  /*opacity: 0.5;*/font-size: 15px;font-weight: normal;text-align: left;color: #4a4a4a;}
.table>tbody>tr>td,.table>thead>tr>th{border: transparent;}
td, th { padding: 6px; /*border: 1px solid #ccc; */text-align: left;  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);line-height: normal;}
.chantno{margin-right: 25px;float: left;width: 15px;height: 23px;font-family: Circe;font-size: 16px;text-align: center;color: #bfbfbf;}
.table>tbody:last-child>tr:last-child>td { width: 44%;}
.view-profile{ height: 40px;border-radius: 30px; width: 100%;padding: 10px 18px;background-color: #55c8e0;  font-family: Circe;font-size: 12px;font-weight: bold;text-align: center;
  color: #ffffff; }
.btn-block{width: 68% !important;margin-top: 26px}
/*<---------1.0.1-comp-home-submit css end---------->*/

.fortunate-video-list-div .video-thumbnails {
  width: 33.33336%;
  float: left;
  padding: 0 15px;
  margin-bottom: 20px;
  cursor: pointer;
  position: relative;
  background-image: url("../images/video-list-icon.79419142dd3c.png");
}
.fortunate-video-list-div .video-thumbnails img {
  margin: 0;
  width: 100%;
  cursor: pointer;
}
.fortunate-video-list-div {
  padding-top: 75px;
  padding-bottom: 35px;
}
.fortunate-video-list-div .video-thumbnails:before {
  content: "";
  background-image: url("../images/video-list-icon.79419142dd3c.png");
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  background-size: cover;
  width: 60px;
  height: 60px;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
}
.fortunate-video-list-div .video-thumbnails-inner {
  position: relative;
  cursor: pointer;
}

/*-----start table list overlay css ------*/
.list-hover {position: relative;transform: scale(1);}
.image {
  display: block;
  width: 100%;
  height: auto;
}
.overlay-list {
  position: absolute;
  opacity: 0;
  transition: .5s ease;
  margin-top: -20px;
  right: 32px;
  top: 50%
}
.table-box{padding: 0px 18px;}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.list-activity li:last-child a{background: transparent;}
.custom-modal{display: inline-block;}

.media-photo {width: 80px;height: 80px;overflow: hidden;background-size: cover;min-width: 80px;}

.video-modal .modal-dialog {max-width: max-content;}
.video-modal .modal-title span {font-weight: normal;color: #615d5d;}
.video-modal .modal-title img {max-width: 1rem;width: 100%;}
.video-modal iframe {max-width: 100%;}

.custom-popup-footer{height: 30px;}
.custom-popup-header{height: 40px;}

.img-theme {margin-top: 65px;}

.main-form-section-close-button {
  padding-top: 10px;
  padding-right: 10px;
}

.pub_social {
  display: inline-block;
  margin-left: 15px;
}
.pub_social a{
  display: inline-block;
  vertical-align: middle;
  opacity: .65;
}
.address-section-new li .pub_social img, .pub_social img {
  padding: 0px 6px;
  margin: 0;
  width: 36px !important;
  display: inline-block;
  vertical-align: middle;
}

.log_video_upload{
  display: flex;
  flex-direction: column;
  height: 240px;
  overflow: auto;
}

.log_upload_done{color: green;}

.log_upload_error{color: red;}

.log_upload_msg{padding-left: 30px;}

.finish_upload{
  display: none;
  text-align: center;
  padding-bottom: 15px;
}

.slide-page{width:100%;height:100vh;}

form th label {font-size: 1.25rem;margin: 0;}

.am_from {padding-left:1.5em;}
.am_from::first-letter {margin-left:-1.2em;}

.bg-pastel-purple{background-color: #F7F5FF !important;}
.text-purple2{color: #AE51A6;}


.yourchant {line-height:1.33;}
.yourchant section > div {max-width:1440px;margin:0 auto;padding:0 1em;}
.yourchant #wellcome{padding: 4em 1em;}
.yourchant .video-thumb{width: 170px;height: 170px;border: 2px solid #7B72AF;}
.py-4r{padding: 4em 0;}
.pw-85{max-width:850px;}
#map_canvas{min-height:60vh;}
#video_list {top: 0;left: 0;background: #000A;}
#loading{bottom:0;left:0;background: #0006;color:#fff;font-size: 2rem;padding: .5rem;display:none;}
#loading.loading{display:block;}
.yourchant .step {min-width:250px;}
.yourchant .step+.arrow {display: inline-block;background: url("/static/images/arrow.0bc408154024.svg") no-repeat center right;;width: 64px;height: 32px;margin: 0 1.5em;}
.yourchant .step .rounded-circle{color:#AE51A6;background:#FDE3FB;border: 1px solid #EC95E5;font-size: 3.2em;width: 2.1em;height: 2.1em;text-align: center;line-height: 2.25em;margin-right: 20px;}
.yourchant .step .directive{font-size:1.8em;}
.yourchant .video_rec{border-radius:1.5em;overflow: hidden;position: relative;}
.yourchant .video_rec::before {background-image: url("/static/images/video_rec_back.0d2b880f75f3.png");background-position: center;background-size: cover;background-repeat: no-repeat;backdrop-filter: blur(10px);filter: blur(10px);content: "";display: block;width: 104%;height: 104%;position: absolute;left: -2%;top: -2%;}
.yourchant .video_rec > * {z-index: 1;}
.yourchant .video_rec .mantra {min-width: 435px;}
.yourchant .video_rec .mantra p{font-size:2em;}
.yourchant .mantra p{font-size:2.5em;}
.yourchant .mantra p:first-child{font-size:1.8em;}
.btn-rec_red {background: #D63737;color:#fff;}
.yourchant .video-thumb img{max-width: initial !important;}
#recorderCtrl {top: 0;height: 100%;width: 100%;}
#player{width:inherit;}

.lds-spinner {color: official;display: inline-block;position: relative;width: 80px;height: 80px;}
.lds-spinner div {transform-origin: 40px 40px;animation: lds-spinner 1.2s linear infinite;}
.lds-spinner div:after {content: " ";display: block;position: absolute;top: 3px;left: 37px;width: 6px;height: 18px;border-radius: 20%;background: #fff;}
.lds-spinner div:nth-child(1) {transform: rotate(0deg);animation-delay: -1.1s;}
.lds-spinner div:nth-child(2) {transform: rotate(30deg);animation-delay: -1s;}
.lds-spinner div:nth-child(3) {transform: rotate(60deg);animation-delay: -0.9s;}
.lds-spinner div:nth-child(4) {transform: rotate(90deg);animation-delay: -0.8s;}
.lds-spinner div:nth-child(5) {transform: rotate(120deg);animation-delay: -0.7s;}
.lds-spinner div:nth-child(6) {transform: rotate(150deg);animation-delay: -0.6s;}
.lds-spinner div:nth-child(7) {transform: rotate(180deg);animation-delay: -0.5s;}
.lds-spinner div:nth-child(8) {transform: rotate(210deg);animation-delay: -0.4s;}
.lds-spinner div:nth-child(9) {transform: rotate(240deg);animation-delay: -0.3s;}
.lds-spinner div:nth-child(10) {transform: rotate(270deg);animation-delay: -0.2s;}
.lds-spinner div:nth-child(11) {transform: rotate(300deg);animation-delay: -0.1s;}
.lds-spinner div:nth-child(12) {transform: rotate(330deg);animation-delay: 0s;}
@keyframes lds-spinner {
  0%  {opacity: 1;}
  100%  {opacity: 0;}
}