@font-face {
  font-family: 'AvenirNext-Bold';
  src: url('../fonts/avenirnextbold.woff') format('woff');
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: 'AvenirNext-DemiBold';
  src: url('../fonts/avenirnextdemibold0.woff') format('woff');
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: 'AvenirNext-Heavy';
  src: url('../fonts/avenirnextheavy.woff') format('woff');
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: 'AvenirNext-Italic';
  src: url('../fonts/avenirnextitalic0.woff') format('woff');
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: 'AvenirNext-Medium';
  src: url('../fonts/avenirnextmedium.woff') format('woff');
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: 'AvenirNext-Regular';
  src: url('../fonts/avenirnextregular.woff') format('woff');
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: 'AvenirNextLTPro-Regular';
  src: url('../fonts/AvenirNextLTPro-Regular_gdi.eot');
  src: url('../fonts/AvenirNextLTPro-Regular_gdi.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirNextLTPro-Regular_gdi.woff') format('woff'), url('../fonts/AvenirNextLTPro-Regular_gdi.ttf') format('truetype'), url('../fonts/AvenirNextLTPro-Regular_gdi.svg#AvenirNextLTPro-Regular') format('svg');
  font-weight: 400;
  font-style: normal;
  font-stretch: normal
}

@font-face {
  font-family: 'AvenirNextLTPro-Bold';
  src: url('../fonts/AvenirNextLTPro-Bold_gdi.eot');
  src: url('../fonts/AvenirNextLTPro-Bold_gdi.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirNextLTPro-Bold_gdi.woff') format('woff'), url('../fonts/AvenirNextLTPro-Bold_gdi.ttf') format('truetype'), url('../fonts/AvenirNextLTPro-Bold_gdi.svg#AvenirNextLTPro-Bold') format('svg');
  font-weight: 700;
  font-style: normal;
  font-stretch: normal
}


body {
  background: #fff; 
  font: 300 18px/normal 'Source Sans Pro', sans-serif;
  color: #36424b;
  padding: 0;
  margin: 0;
}
ul, li, ol{
  outline: none;
  border: none;
}
img{max-width: 100%; border: none;}
a{transition: all 0.3s ease-in; outline: none;}
a:hover, a:focus{ transition: all 0.3s ease-in;}
h1{width: 100%; font: 700 55px/55px 'Source Sans Pro', sans-serif; color: #36424b; padding: 22px 0; margin: 20px 0; position: relative;}
h1 span{font-weight: 400;}
h1:after{content: ''; width: 70px; height: 2px; background: #f8931f; position: absolute; left: 50%; bottom: 0; margin-left: -35px;}
h2{width: 100%; font: 300 88px/75px 'Source Sans Pro', sans-serif; color: #36424b; padding: 15px 0; margin: 0; position: relative;}
h2 span{font-weight: 700;}
h3{width: 100%; font: 700 48px/40px 'Source Sans Pro', sans-serif; color: #36424b; padding: 22px 0; margin: 20px 0; position: relative;}
h3 span{font-weight: 400;}
h3:after{content: ''; width: 70px; height: 2px; background: #f8931f; position: absolute; left: 50%; bottom: 0; margin-left: -35px;}
h4{width: 100%; font: 600 32px/28px 'Source Sans Pro', sans-serif; color: #36424b; padding: 5px 0; margin: 5px 0; position: relative;}
h4 span{font-weight: 400;}
h5{width: 100%; font: 400 26px/normal 'Source Sans Pro', sans-serif; color: #303d47; padding: 0 0 10px; margin: 0; position: relative;}
h5:after{content: ''; width: 60px; height: 4px; background: #f8931f; position: absolute; left: 0; bottom: 0;}
h6{width: 100%; font: 400 25px/24px 'Source Sans Pro', sans-serif; color: #36424b; padding: 0; margin: 0 0 10px;}
h6 span{font-weight: 600;}

sup{color: red;}

.from_com_frm .butn-design.btn-yellow, .btn-yellow{display: inline-block; background: #f8931f; font: 700 30px/normal 'Source Sans Pro', sans-serif; color: #fff;  text-decoration: none; border: 2px solid #f8931f; padding: 8px 40px 11px; border-radius: 50px;}
.from_com_frm .butn-design.btn-yellow span, .btn-yellow span{font-weight: 300;}
.from_com_frm .butn-design.btn-yellow:hover, .btn-yellow:hover{background: #f7a84d; color: #fff; border-color: #f7a84d; text-decoration: none;}

#navbarNavAltMarkup .navbar-nav{float: right;}

button.navbar-toggler{border-color: #f8931f; font-size: 29px; color: #f8931f; padding: 7px 13px 5px; border-radius: 3px;}
button.navbar-toggler.jamiespace{border-color: #ffffff;}

.navbar{padding-top: 12px; padding-bottom: 12px; background-color: #23658e;}
.navbar-nav .nav-link{font: 400 16px/normal 'Source Sans Pro', sans-serif; color: #fff;}
.navbar-nav .nav-link.active, .navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus{color: #e2e2e2;}
.navbar-nav .nav-link.login-link{border: 2px solid #f8931f; padding: 5px 25px!important; margin-left: 8px; border-radius: 50px;}
.navbar-nav .nav-link.login-link:hover{background: #f8931f; color: #fff;}

ul.nav.navbar-nav.menu-up{width: 100%; display: inline-block;}

#carouselExampleIndicators{background: url('../images/banner-bg.jpg') no-repeat center center; background-size: cover; margin-bottom: 25px;}
#carouselExampleIndicators .carousel-indicators{bottom: 0;}
.banner-txt{height: 100%; padding: 15px 0;}
.banner-txt .heading{width: 100%; font: 400 54px/50px 'Source Sans Pro', sans-serif; color: #303d47;}
.banner-txt .heading span{display: block; font-weight: 900;}
.banner-txt .heading-info{display: block; font: 400 30px/30px 'Source Sans Pro', sans-serif; margin-top: 15px;}
.banner-img{padding-top: 85px;}
.features-box{width: 100%;}
.section-features{width: 100%; margin: 40px 0 0;}
.section-features .icon-img{width: 99px; height: 85px; background: url('../images/icon-bg.png') no-repeat center center; display: flex; justify-content: center; align-items: center; margin: 0 auto 15px;}
.features-box .btn-yellow{margin-top: 45px;}
.community-box{background: url('../images/community-bg.jpg') no-repeat center center; background-size: cover; margin: 105px 0;}
.community-box .community-txt{height: 100%; padding: 15px 0;}
.community-box .community-txt a.btn-yellow{font-size: 21px; padding: 5px 25px 8px;}
.community-box .community-img-box{margin: -70px 0 -80px;}
.community-box h2{color: #fff; padding: 0 0 20px;}
.community-box h2 span{display: block;}
.own-profile-box{width: 100%; margin: 35px 0;}
.profile-info-txt ul{list-style: none; margin: 25px 0 45px; padding: 0;}
.profile-info-txt ul li{list-style: none!important; background: url('../images/right.png') no-repeat center left; font: 300 18px/normal 'Source Sans Pro', sans-serif; color: #303d47; padding: 0 0 0 35px; margin: 8px 0;}
.profile-info-txt h3:after{left: 0; margin-left: 0;}
.profile-info-txt a.btn-yellow{font-size: 21px; background: #fff; color: #f8931f; padding: 7px 25px 8px;}
.profile-info-txt a.btn-yellow:hover, .profile-info-txt a.btn-yellow:focus{background: #f8931f; color: #fff; border-color: #f8931f;}
.help-box{background: url('../images/help-bg.jpg') no-repeat center center; background-size: cover; margin: 85px 0 125px;}
.contact-box{background: url('../images/help-bg.jpg') no-repeat center center; background-size: cover; margin: 25px 0 25px; padding: 20px 20px 20px 25px;}
.features-box{background-color: #dddddd;  background-size: cover;  margin: 25px 0 25px; padding: 20px 20px 20px 25px;}
.big-txt{height: 100%; padding: 15px 0;}
.big-txt h3{padding: 0 0 15px; margin: 0 0 25px;}
.big-txt h3:after{left: 0; margin-left: 0;}
.big-txt h3 span{display: block; font-weight: 300;}
.help-img-box{margin: -85px 0 -90px;}

.footer-txt p{font-size: 14px; margin-top: 15px;}
.footer-txt ul{width: 100%; list-style: none; margin: 15px 0 0; padding: 0;}
.footer-txt ul li{width: 100%; list-style: none; margin: 0 0 5px; padding: 0;}
.footer-txt ul li a{display: inline-block; font: 400 14px/normal 'Source Sans Pro', sans-serif; color: #5c7180;}
.copywright-txt{width: 100%; background: #303d47; font: 300 14px/normal 'Source Sans Pro', sans-serif; color: #fff; padding: 15px 0; margin: 45px 0 0;}
.copywright-txt a{color: #fff;}

#main-body-section{background: #f9f9f9; padding-bottom: 55px; margin-bottom: 35px;}

.from_com_frm .signup-form{background: #fff; box-shadow: 2px 2px 4px rgba(0,0,0,0.25); position: relative; z-index: 99; border-radius: 15px;}
.from_com_frm .signup-form a{text-decoration: underline;}

.from_com_frm .login-form{background: #fff; box-shadow: 2px 2px 4px rgba(0,0,0,0.25); position: relative; z-index: 99; border-radius: 15px; height: 100%;overflow: auto;}
.from_com_frm .login-form a{text-decoration: underline;}
.from_com_frm .accnt-box.lgn-acnt-box{font-size: 14px; padding: 25px; border-radius: 25px;}
.from_com_frm .accnt-box.lgn-acnt-box form label{display: block; font-size: 14px; margin: 0 0 10px 5px;}
.from_com_frm .accnt-box.lgn-acnt-box form input[type='text'], .from_com_frm .accnt-box.lgn-acnt-box form input[type='password']{width: 100%; background: #f5f5f5; font-size: 18px; border: none; padding: 11px 30px; margin: 8px 0; border-radius: 500px; border: 1px solid #ddd;}
.from_com_frm .accnt-box.lgn-acnt-box .btn-yellow{font-weight: 600; font-size: 22px; line-height: 24px; padding: 12px 30px 14px; color: #fff; border-radius: 50px !important;}
.from_com_frm .accnt-box.lgn-acnt-box.login-content{background: #2f628f; font-size: 17px; color: #fff; padding: 25px 25px 25px 55px; margin: 35px 0 0 -45px; border-radius: 0 25px 25px 0; box-shadow: 1px 1px 4px rgba(0,0,0,0.25);}
.accnt-box.lgn-acnt-box.login-content a{color: #f99422;}
.from_com_frm .accnt-box.lgn-acnt-box.login-content h6{color: #fff;}
.from_com_frm .accnt-box.lgn-acnt-box.login-content .btn-yellow{background: #fff; margin-top: -32px; font-weight: 600; font-size: 22px; line-height: 16px; color: #369bdf; border: none; text-decoration: none; padding: 14px 30px 15px;}
.from_com_frm .accnt-box.lgn-acnt-box.login-content p{margin-bottom: 10px;}
.from_com_frm .accnt-box.lgn-acnt-box.login-content ul{margin: 0; padding: 0;}
.from_com_frm .accnt-box.lgn-acnt-box.login-content ul li{list-style: circle outside; margin: 0 0 0 18px;}
label.acnt-labl.checkbox-inline{font-size: 16px; margin: 2px 4px 10px;}
a#forget-password, a#return-login{color: #f8931f; text-decoration: underline; margin-left: 8px;}

.signin-content h1{width: 100%; font: 700 55px/55px 'Source Sans Pro', sans-serif; color: #36424b; padding: 22px 0; margin: 20px 0; position: relative;}
.signin-content h1 span{font-weight: 400;}
.signin-content h6 {font-size: 35px; font-weight: 700; color:#fff; font-family:'Source Sans Pro', sans-serif; }
.signin-content h7 {font-size: 35px; font-weight: 700; color:#000; font-family:'Source Sans Pro', sans-serif; }
.signin-content p {font: 300 18px/normal 'Source Sans Pro', sans-serif;}
.signin-content a{color: #7ec6e6;}
.from_com_frm .accnt-box.lgn-acnt-box.signin-content{background: #2f628f; font-size: 18px; color: #fff; box-shadow: 1px 1px 4px rgba(0,0,0,0.25);}
.from_com_frm .accnt-box.lgn-acnt-box.signin-content .btn-blue{background: #f99422; margin-top: -32px; font-weight: 600; font-size: 22px; line-height: 16px; color: #fff; border: none; text-decoration: none; padding: 15px; border-radius: 50px !important;}
.from_com_frm .accnt-box.lgn-acnt-box.signin-content .btn-blue a{color: #fff;}

.accnt-box.signup-box{width: 100%; background: #fff; padding: 25px; margin: 20px 0 0; box-shadow: 2px 2px 4px rgba(0,0,0,0.25); position: relative; z-index: 99; border-radius: 15px;}

.left_pannel{height: 100%; padding-bottom: 20px;}
.left_pannel .list-group{height: 100%; background: #28658e; border-right: 5px solid #f8931f; padding-top: 2px;}
.left_pannel .list-group h6.inner-headng{font-weight: 300; font-size: 25px; color: #f7b467; margin: 12px 20px 16px;}
.left_pannel .list-group h6.inner-headng i{font-size: 20px; position: relative; top: -1px;}
.left_pannel .list-group a.list-group-item{background: #28658e; font-size: 19px; color: #fff; border: none; padding: 7px 22px 12px; margin-bottom: 10px; border-radius: 0;}
.left_pannel .list-group a.list-group-item.active, .left_pannel .list-group a.list-group-item:hover, .left_pannel .list-group a.list-group-item:focus{background: #f8931f; position: relative;}
.left_pannel .list-group a.list-group-item.active:before, .left_pannel .list-group a.list-group-item:hover:before, .left_pannel .list-group a.list-group-item:focus:before{content: ''; background: #f8931f; width: 15px; height: 100%; position: absolute; left: -14px; top: 0; z-index: 99;}
.left_pannel .list-group a.list-group-item.active:after, .left_pannel .list-group a.list-group-item:hover:after, .left_pannel .list-group a.list-group-item:focus:after{content: ''; border-bottom: 12px solid #b3650c; border-left: 14px solid transparent; position: absolute; left: -14px; top: -12px; z-index: 99;}
.acnt-dital-sectn{background: #fff; padding: 20px; border: none;}
.btn-all{background: #f8931f; color: #fff; font-size: 18px; padding: 7px 25px; border: 2px solid #f8931f; border-radius: 50px; transition: all 0.3s ease-in;}
.btn-all:hover, .btn-all:focus{background: #fff; color: #f8931f; transition: all 0.3s ease-in;}
.accnt-box .alert{margin: 0;}
.accnt-box input.form-control, .accnt-box.signup-box input.input-box, .accnt-box select.form-control, .accnt-box textarea.form-control{width: 100%; height: auto; background: #f5f5f5; font-size: 17px; border: 1px solid #dedcdc; padding: 10px 30px; margin: 5px 0; border-radius: 10px; resize: none;}
.accnt-box .form-group{margin-bottom: 0;}
.accnt-box label.labl-style{font-size: 18px; line-height: 55px;}
.accnt-box.signup-box label.acnt-labl{font-size: 18px; padding-top: 15px; position: relative;}
.accnt-box.signup-box label.acnt-labl sup{color: red; position: absolute; right: -5px; top: 25px;}
.accnt-box h3.section-title{font-weight: 400; font-size: 22px; line-height: normal; padding: 0 0 5px; margin: 0;}
.accnt-box h3.section-title:after{display: none;}
.message-sectn table.table{font-weight: 18px;}
.message-sectn table.table thead th{font-weight: 400; font-size: 20px;}
table.table{font-size: 18px;}
table.table td{padding: 5px 12px;}
.table-striped tbody tr:nth-of-type(odd){background-color: #f9f9f9;}
.message-sectn table.table thead{background-color: #dde5ea; color: #536671;}
.message-sectn table.table thead th{font-size: 18px; padding: 8px 14px; border-bottom: none; border-color: #c8d3dc; border-top: none;}
.massge-pgntn.pagination{margin: 0; padding: 0;}
.massge-pgntn.pagination li{list-style: none; margin: 0 2px;}
.massge-pgntn.pagination li a{display: inline-block; color: #666; padding: 6px 14px; text-decoration: none; border: 1px solid #eee; border-radius: 5px;}
.massge-pgntn.pagination li a:hover,.massge-pgntn.pagination li a:focus,.massge-pgntn.pagination li.active a{background: #369bdf; color: #fff; border-color: #369bdf;}
.accnt-box.signup-box .acnt-dtls-redio input[type='radio']{opacity: 1!important; top: 10px; left: 15px;}
.icheckbox_flat input[type='checkbox']{opacity: 1!important; top: 0; left: 0; visibility: visible!important;}
.accnt-box.signup-box h6.defcolorhead{margin-bottom: 15px;}
p#captcha-error{font-size: 14px; padding-left: 33px;}

#change-notifiation table h4{font-size: 20px; font-weight: normal; font-weight: 400; margin: 0; padding: 0;}
#change-notifiation table p{font-size: 17px; font-weight: 300; margin: 0;}
.accnt-box.signup-box span#password-error{display: block; margin: 0 0 8px 18px;}

.accnt-box{background-color: #fff; padding: 25px;}
.accnt-box h1{width: 100%; font: 500 40px/40px 'Source Sans Pro', sans-serif; color: #36424b; text-align: left!important; padding: 0; margin: 0 0 22px; position: relative;}
.accnt-box h1 strong{font-weight: 500;}
.accnt-box h1:after{display: none;}
.accnt-box h2{font-size: 30px; line-height: 30px; padding: 0; margin: 0 0 15px;}
.accnt-box h3{font-size: 44px; padding: 0 0 16px; margin: 0 0 22px;}
.accnt-box h3:after{left: 0; margin-left: 0;}
.accnt-box p{margin-bottom: 10px;}
.accnt-box ul{margin: 0 0 25px 20px; padding: 0;}
.accnt-box ul li{list-style: circle outside;}

.features-icon-box{width: 150px; height: 150px; border-radius: 500px;}
.red-bg{background: #f4435a;}
.yellow-bg{background: #f8d60a;}
.blue-bg{background: #2fb4ce;}
.green-bg{background: #88c732;}

.gender-row{margin-top: 10px;}
.gender-row .acnt-dtls-redio{margin-top: 1px;}
.page-not-found h2{ font-size: 50px; line-height: 50px; text-align: center; margin: 95px 0 50px; }

#become-moderator-login-after input[type='text'], #become-moderator-after input[type='text'], #become-moderator-login-after textarea, #become-moderator-after textarea{width: 100%; height: auto; background: #f5f5f5; font-size: 17px; border: 1px solid #dedcdc; padding: 10px 30px; margin: 5px 0; border-radius: 500px; resize: none;}
#become-moderator-login-after textarea, #become-moderator-after textarea {border-radius: 25px!important;}
#become-moderator-login-after label.acnt-labl, #become-moderator-after label.acnt-labl{padding-top: 15px; position: relative;}
#become-moderator-login-after label.acnt-labl sup, #become-moderator-after label.acnt-labl sup{position: absolute; right: -8px; top: 28px;}
p#terms-condition-error{font-size: 16px; color: #c10a0a;}
.error-comnt{font-size: 16px; color: #c10a0a;}

.inside-link{position: relative;}
.inside-link #subdomain{font-weight: 300!important; padding-right: 119px!important;}
.inside-link #sub-dom{color: #151515; font-size: 19px; position: absolute; top: 14px; right: 38px;}

.acnt-dital-sectn .nav-tabs {
  border-bottom: 1px solid #337ab7
}

.acnt-dital-sectn .nav-tabs>li>a {
  color: #000
}

.acnt-dital-sectn .nav-tabs>li>a:hover {
  border-color: #eee #eee #337ab7;
  color: #337ab7
}

.acnt-dital-sectn .nav-tabs>li.active>a,
.acnt-dital-sectn .nav-tabs>li.active>a:focus,
.acnt-dital-sectn .nav-tabs>li.active>a:hover {
  border-color: #337ab7 #337ab7 transparent;
  color: #337ab7
}

.tab-content {
  border-bottom: 1px solid #337ab7;
  border-left: 1px solid #337ab7;
  border-right: 1px solid #337ab7;
  padding: 0 1em 1em
}


ul.nav.nav-tabs.custom li{margin: 0 5px 0 0;}
ul.nav.nav-tabs.custom li a{display: inline-block; background: #c7d3dc; color: #000; padding: 10px 15px; border: 1px solid #a8b6c1; border-bottom: none; text-decoration: none;}
ul.nav.nav-tabs.custom li.active a{background: #f8931f; color: #fff; border-color: #f8931f;}

.acnt-dital-sectn .fade.active{opacity: 1!important;}
.acnt-dital-sectn .nav-tabs{border-bottom: 6px solid #f8931f;}
.acnt-dital-sectn .tab-content{padding: 20px 0 0; border: none;}
.acnt-dital-sectn .tab-content  table.table thead{background-color: #303d47; color: #fff;}


/*Responsive Design*/
@media (max-width: 990px){
  .navbar-nav .nav-link.login-link{border: 1px solid #f8931f; color: #f8931f; padding: 5px 15px!important; margin-left: 0; margin-top: 7px; border-radius: 3px;}
  .banner-txt{text-align: center;}
  .banner-txt .heading{font-size: 45px; line-height: 45px;}
  .banner-txt .heading-info{margin: 15px auto;}
  .banner-img{padding-top: 15px;}
  .profile-info-txt{text-align: center;}
  .profile-info-txt ul li{text-align: left;}
  .profile-info-txt h3:after{left: 50%; margin-left: -35px;}
  .community-box{margin: 40px 0;}
  .community-box .community-img-box{margin: 15px 0 35px;}
  .community-box .community-txt{text-align: center;}
  .community-box .community-txt a.btn-yellow{margin: 0 auto;}
  .banner-img, .ownprofile-img-box, .help-img-box, .community-img-box{text-align: center;}
  .help-box{margin: 30px 0;}
  .big-txt{text-align: center;}
  .big-txt h3:after{left: 50%; margin-left: -35px;}
  .help-img-box{margin: 15px 0 36px;}
}
@media (max-width: 767px){
  .accnt-box.lgn-acnt-box.login-content{padding: 25px; margin: 20px 0 0 0; border-radius: 30px;}
  #navbarNavAltMarkup .navbar-nav {
    float: right;
    width: 100%;
  }
  .mbl-container{
    display: block !important;
  }
  .mbl-container button{
   margin-right: 20px;
 }
}
@media (max-width: 577px){
  .accnt-box label.labl-style{line-height: normal; /*margin-left: 20px;*/}
  .accnt-box.signup-box label.acnt-labl{padding-top: 5px; /*margin: 0 0 0 25px;*/ margin: 0;}
  .accnt-box.signup-box label.acnt-labl[for='terms-condition']{margin: 0;}
}
@media (max-width: 568px){
  .navbar-brand img{width: 215px;}
  button.navbar-toggler{padding: 5px 10px 4px;}
  h2{font-size: 50px; line-height: 45px;}
  h3{font-size: 35px; line-height: 35px; padding: 11px 0; margin: 10px 0;}
  .banner-txt .heading{font-size: 35px; line-height: 30px;}
  .banner-txt .heading-info{font-size: 22px; line-height: 20px;}
  .features-box .btn-yellow {margin-top: 25px;}
  .btn-yellow{font-size: 22px;}
  .section-features{margin: 15px 0 0;}
  .footer-txt ul{margin: 5px 0 15px}
  .footer-txt ul li{margin: 0;}
  .copywright-txt{margin: 15px 0 0;}
  .iradio_flat{width: 15px;}
  .accnt-box.signup-box .acnt-dtls-redio input[type='radio']{left: 0;}
  #become-moderator-login-after label.acnt-labl, #become-moderator-after label.acnt-labl{padding-top: 0;}
  #become-moderator-login-after label.acnt-labl sup, #become-moderator-after label.acnt-labl sup{top: 10px;}
}



.butn-design.btn-yellow{
  background: #a1237e;
  color: #fff;
  border-color: #a1237e;
  margin: 15px 0;
  font-family: 'AvenirNext-DemiBold';
  padding-bottom: 7px;
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 0;
  -webkit-border-radius: 0;
}
.btn-sm{
  border: 1px solid #F8931F;
}
.btn-sm .fa-external-link {
  color: #F8931F;
}
.allcom-text-field .input-box{border: 1px solid #e1e1e1;
                              padding: 6px 16px;
                              border-radius: 5px;
                              width: 47%;
}
.allcom-text-field{
  font-family: 'AvenirNext-Regular';
}
.regstr-txt a{color: #fff; text-decoration: underline}
.regstr-txt a:hover, .accnt-box a:active, .accnt-box a:focus{color: #fff}

#retrieve-password-form{min-height: 320px}
.navbar-nav .after-login-wrap .nav-link.login-link{text-transform: none !important}
.navbar-nav .after-login-wrap .nav-link.login-link i{display: inline-block; margin-right: 5px}
.dropdown-menu{padding: 0}
.dropdown-item {
  position: relative;
  padding: 10px;
  border-bottom: 1px solid #c8ced3;
}
.dropdown-item:last-child {
  border-bottom: 0;
}

.facebook_login {
  width: 100%;
  background: #415dae;  
  text-align: center;  
  text-transform: uppercase;  
  border: none;  
  color: #fff;  
  font-weight: bold;  
  padding: 15px 32px;  
  cursor: pointer;  
  float: left;  
  width: 50%;   
  border-radius: 50px;  
  margin-top: 12px;
}

.community_link{
  width: 100%;
  background: #f8931f;  
  text-align: center;  
  text-transform: uppercase;  
  border: none;  
  color: #fff;  
  font-weight: bold;  
  padding: 15px 80px;  
  cursor: pointer;  
  float: right;  
  width: 50%;   
  border-radius: 50px;  
  margin-top: 12px;  
}

.color_pick {
    display: inline-block;
    width: 25px;
    height: 25px;
    position: relative;
    right: 0;
    border: 1px solid #ccc;
    border-radius: 3px;
}
.link-backend{
    background: #f8931f;
    display: inline-block;
    padding: 5px 15px;
    color: #fff;
    font-size: 28px;
    font-weight: 500;
    border-radius: 20px;
    transition: all 0.5s ease-in-out;
}
.link-backend:hover{
    text-decoration: none;
    color: #fff;
    opacity: 0.9;
}
.btn-design {

    text-align: center;
    border-radius: 50px !important;
    width: 55%;

}
.select-box{
  padding: 10px 30px 10px 10px;
}


.close {
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2
}

.close:focus,
.close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5
}

button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: 0;
  border: 0
}

.modal-open {
  overflow: hidden
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0
}

.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
  -o-transition: -o-transform .3s ease-out;
  transition: transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%)
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0)
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px
}

.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000
}

.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0
}

.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5
}

.modal-header {
  min-height: 16.43px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5
}

.modal-header .close {
  margin-top: -2px
}

.modal-title {
  margin: 0;
  line-height: 1.42857143
}

.modal-body {
  position: relative;
  padding: 15px
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5
}

.modal-footer .btn+.btn {
  margin-bottom: 0;
  margin-left: 5px
}

.modal-footer .btn-group .btn+.btn {
  margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
  margin-left: 0
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll
}


.modal-body .row {
  margin-right: 0;
  margin-left: 0
}

.modal-header .modal-title {
  background-color: #313131;
  font-size: 22px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  padding: .6em;
  margin: 0 0 1.2em
}

.modal-body .acnt-detls {
  font-weight: bold;
  color: #000
}

.modal-body .acnt-detls span {
  font-weight: normal;
  color: #313131;
  font-style: italic
}

/*////*/
 ul.prvw-ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        /*overflow: hidden;*/
        height: 50px;
        background-color: #346b89;
    }
    
   .prvw-ul li {
        float: left;
        border-right: 1px solid #fff;
    }
    
     .dropbtn {
        display: inline-block;
        color: white;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        font-size:16px;
    }

    #nocursor li a, .menuText {
        display: inline-block;
        color: white;
        text-align: left;
        padding: 14px 16px;
        text-decoration: none;
        font-size:14px;
    }
    
  
    
  .prvw-ul li.dropdown {
        display: inline-block;
    }
    
    .dropdown-content {
        /* display: none; */
        display: block;
        position: absolute;
        background-color: #f9f9f9;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
    }

    .grey_bg{
      background: #333333;
    }
    
    .white_txt{
      color: #ffffff;
    }
    .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        text-align: left;
        min-width: 160px;
    }
    
    a.menuText.head-text-color {
    padding: 3px;
  }
  ul#nocursor li{
    list-style: none;
  }
    
    .dropdown:hover .dropdown-content {
        display: block;
    }
    .user-name-fa i.fa.fa-sort-desc {
    float: right;
    margin-left: 5px;
    }

    .iframe-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    }

   .iframe-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    }