@font-face {

  font-family: AvenirNextLTPro-Bold;

  src: url(../fonts/AvenirNextLTPro-Bold.otf);

    

    

}



@font-face {

  font-family: AvenirNextLTPro-Demi;

  src: url(../fonts/AvenirNextLTPro-Demi.otf);

    

    

}



@font-face {

  font-family: Avenir Next;

  src: url(../fonts/AvenirNextLTPro-Regular.otf);

    

    

}

body{margin: 0; padding: 0; font-family: Avenir Next; line-height: 25px; font-style: normal; overflow-x: hidden;}

/*

a:hover{color: #6ec68d;

    text-decoration:none;}

*/

a {

    color: #6ec68d; }

a:hover{text-decoration: none;}





.p-15{ padding: 15px;}

.border-radius-10{ border-radius: 10px;}

.form-control:focus {

    color: #495057;

    background-color: #fff;

    border-color: #80bdff;

    outline: 0;

    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);

}

.mt-87{ margin-top: 87px !important;}

.mt-24{ margin-top: 24px !important;}

.mt-10{ margin-top: 10px !important;}

.mt-15{ margin-top: 15px !important;}

.mt-20{ margin-top: 20px !important;}

.mt-30{ margin-top: 30px !important;}

.mt-35{ margin-top: 35px !important;}

.mt-40{ margin-top: 40px !important}

.mt-50{ margin-top: 50px !important;}

.mt-60{ margin-top: 60px !important;}

.mt-70{ margin-top: 70px !important;}

.mt-80{ margin-top: 80px !important}





.mb-10{ margin-bottom: 10px !important;}

.mb-20{ margin-bottom: 20px !important;}

.mb-25{ margin-bottom: 25px !important;}

.mb-30{ margin-bottom: 30px !important;}

.mb-40{ margin-bottom: 40px !important}

.mb-50{ margin-bottom: 50px !important;}

.mb-60{ margin-bottom: 60px !important;}

.mb-70{ margin-bottom: 70px !important;}

.mb-80{ margin-bottom: 80px !important}



.pt-87{  padding-top: 87px !important;}

.pt-24{  padding-top: 24px !important;}

.pt-10{  padding-top: 10px !important;}

.pt-20{  padding-top: 20px !important;}

.pt-30{  padding-top: 30px !important;}

.pt-40{  padding-top: 40px !important}

.pt-50{  padding-top: 50px !important;}

.pt-60{  padding-top: 60px !important;}

.pt-70{  padding-top: 70px !important;}

.pt-80{  padding-top: 80px !important}

.p-24{ padding: 24px;}



.pb-87{  padding-bottom: 87px !important;}

.pb-24{  padding-bottom: 24px !important;}

.pb-10{  padding-bottom: 10px !important;}

.pb-20{  padding-bottom: 20px !important;}

.pb-30{  padding-bottom: 30px !important;}

.pb-40{  padding-bottom: 40px !important}

.pb-50{  padding-bottom: 50px !important;}

.pb-60{  padding-bottom: 60px !important;}

.pb-70{  padding-bottom: 70px !important;}

.pb-80{  padding-bottom: 80px !important}

.pb-90{  padding-bottom: 90px !important}



p{    font-size: 14px;

    font-family: Avenir Next;

    font-style: normal;}



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

    margin-bottom: .5rem;

    font-family: AvenirNextLTPro-Demi;

    line-height: 1.2;

    color: inherit; font-style: normal;

}



.btn {

    margin-top: 15px;

    padding: 7px 30px;

    border-radius: 50px;

    background: #6EC68D;

    color: #fff;

    z-index: 99;

    position: relative;

}





.border-bottom {

    border-bottom: 1px solid #AFCFE1!important;}

.mb-12{ margin-bottom: 12px !important;}

.mt-25{ margin-top: 25px !important;}

.mb-50{ margin-bottom: 50px !important}

.border-1-grey{border: 1px solid #B0CFE1}

.m-15{ margin: 15px;}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {

    background-color: #6EC68D;

}

.custom-checkbox .custom-control-label::before {

    border-radius: 2px;

}

.custom-control-input:focus~.custom-control-label::before {

    box-shadow: none;

}.custom-checkbox .custom-control-input:checked~.custom-control-label::before {

    background-color: #6EC68D;

}

.custom-checkbox .custom-control-label::before {

    border-radius: 2px;

}

.custom-control-input:focus~.custom-control-label::before {

    box-shadow: none;

}



.header-sec .navbar-nav{  display: inline-block;

    width: 100%;

    padding-left: 0;

    padding-top: 14px;

    padding-bottom: 14px;

}    

.navbar-nav li {

    display: inline-block;

    position: relative; display: inline-block;

    padding: 10px 12px;}

    .navbar-nav .nav-link {

    padding-right: 0;

    padding-left: 0;    font-size: 14px;

    color: #1B1D28;font-family: AvenirNextLTPro-Demi;

}

.header-sec{ background: #f6f6f6;

    padding: 4px 0; margin-bottom: 39px;}

.header-sec .navbar-collapse{float: right;}

.section-title {

    max-width: 600px;

    margin: 0 auto 20px;

}



/*

.navbar.navbar-logo-color {

    padding: 15px 0 14px;

    background: linear-gradient(90deg, #B65120 0%, #DC7B30 100%);

    margin: 0 !important;

    height: 77px;

}

*/



.notification-icon:after{position: absolute;

    background: #6ec68d;

    width: 10px;

    height: 10px;

    border-radius: 20px;

    content: '';

    top: 5px;

    left: 29px;

    border: solid 1px #fff;}

.navbar{padding: 10px 60px; background: #FAFAFA;}

.navbar.navbar-logo-color {

    padding: 4px 0 44px;

    background: #BD6B41;

    margin: 0 !important;

 }

.after-login-index{padding: 4px 0 4px !important;}

.post-header-btn {

    margin-top: 3px;

}

.overflow-hidden{ overflow: hidden !important;}



.submit-btn a{ color: #fff !important;}

.navbar-nav .signup.active{border-radius: 20px;

    width: 103px;

    background: linear-gradient(90deg, #B65120 0%, #DC7B30 100%);

    height: 37px;

    line-height: 0px;

    text-align: center; 

  }

.navbar-nav .active a{  color: #fff !important;}

.navbar-light .navbar-nav .nav-link {

    color: rgb(0 0 0);

      font-family: AvenirNextLTPro-Bold;

    font-style: normal;

    font-weight: bold;

    font-size: 14px;

    line-height: 19px;}



/*

.navbar-expand-lg .navbar-nav .nav-link {

    padding-right: 20px;

    padding-left: 20px;

}

*/

.navbar-expand-lg .navbar-nav .dropdown-menu a{ color: #666;}

.navbar-logo-color .dropdown-menu{    border: none;

    border-radius: 7px;

    box-shadow: 1px 1px 4px #a5a3a3;}

.banner-form .form-control{    border: none;

    border-bottom: solid 1px #ddd;

    border-radius: 0;

    padding-left: 0;

    font-weight: 600;

    font-size: 14px;}

.banner-form{ margin-top: 58px;}



.banner-text{padding-top: 48px;}

.banner-text h3{

font-style: normal;

font-weight: bold;

font-size: 48px; color: #1B1D28;

}

.banner-form{background: #FFFFFF;

    padding: 34px;

    box-shadow: 11px 37px 82px rgb(0 0 0 / 12%);

    border-radius: 10px;}

.banner-form h3{ margin-bottom: 20px;}

.banner-form .form-control:focus{ box-shadow: none;}

.banner-form .form-control::placeholder{ color: #222}

.banner-form  .plce-text-grey::placeholder{ font-weight: 500; color: #ddd}

.banner-form  .form-group {

    margin-bottom: 20px;

}

.banner-form p{ margin-bottom: 5px;}

.banner-form a{ color: #222; text-decoration: underline; font-size: 14px;}

.banner-form .custom-control{ margin-top: 15px;}

.banner-form .custom-control-label{ font-size: 14px;}

.submit-btn{width: 100%;

    padding: 12px;

    margin-top: 15px;

    border-radius: 50px;

    background: #6EC68D;

    color: #fff;

    z-index: 99;

    position: relative;}



.box-sec{background: #FFFFFF;

    box-shadow: 0px 20px 70px rgba(0, 0, 0, 0.08);

    border-radius: 10px;

    padding: 30px;

    margin-top: 37px;

    width: 215px;

    height: 178px;}

.box-sec h4{ font-size: 16px;

    color: #222;

}

.box-sec .svg-icon{ margin-top: 15px;}





.post-slider{width: 100%;

 margin-top: 40px;}



.post-slider .owl-nav{position: absolute;

    top: -103px;

    right: 230px;}

.post-slider .owl-nav i{ color: #ddd;

    font-size: 17px;

    line-height: 28px;}

/*.item > .post-box:first-child{ background: #fff;}*/

.post-box{background: linear-gradient(90deg, #B65120 0%, #DC7B30 100%);height: 270px; padding: 34px;

box-shadow: 0px 20px 70px rgba(0, 0, 0, 0.08);

border-radius: 20px; padding: 28px;}

.post-box .media img{ width: 40px; height: 40px; border-radius: 50%;}

.post-hd-text{ font-size: 15px; line-height: 22px; color: #fff;}

.post-hd p{ font-size: 12px; color: #666;color: #fff;}

.post-text h6{ color: #fff; font-size: 14px; margin-top: 26px;}

.slider-box .post-text p{ color: #fff; font-size: 13px; margin-top: 20px;}

.post-btn{ background: #fff; color: #AA5C32; border-radius: 20px; height: 40px;line-height: 30px; font-weight: 600;}

.post-btn:hover{ color: #AA5C32;}

/*.post-slider .owl-nav button{  padding: 10px 2px !important;border: solid 2px #222;}*/

.post-slider .post-box:hover{background: #fff;cursor: pointer;}

.post-slider .post-box:hover .post-hd-text {

    color: #222; 

}

.post-slider .post-box:hover .post-hd p {

    color: #1B1D28;

}

.post-slider .post-box:hover .post-text h6 {

    color: #1B1D28;

}



.post-slider .post-box:hover .post-text p {

     color: #1B1D28;

}

.post-slider .post-box:hover .post-btn{ background: #6EC68D; color: #fff;}

.slider-box .owl-dots{ margin-top: 22px;}





.list-left-ar{ margin-top: 70px;}

.post-slider .owl-nav button:focus{

    outline: 0px auto -webkit-focus-ring-color;}

.list-left-ar:before{    background: #fff;

    width: 100%;

    height: 456px;

    position: absolute;

    content: '';

    z-index: -1;

    box-shadow: 0px 37px 125px rgb(0 0 0 / 13%);

    border-radius: 10px;

    top: 216px;

    left: -15px;}



.list-bg{background: #FFFFFF;

box-shadow: 0px 49px 100px rgba(0, 0, 0, 0.06);

border-radius: 10px;}

.list-left-ar img{ width: 450px;

    left: 38px;

    position: relative;}

.list-bg{padding: 35px}

.list-bg img{border-radius: 15px;}

.list-bg h3{ font-size: 22px; padding: 0 35px;margin-bottom: 0;}

.list-bg .form-control{    border: none;

    border-bottom: solid 1px #555;

    border-radius: 0;

    padding-left: 0;

    font-weight: 600;

    font-size: 14px;

}

.chat-btn .submit-btn { color: #fff !important; width: 93%;}

.list-bg .form-control::placeholder{ color: #1B1D28}

.list-bg  .form-control:focus {

    box-shadow: none;

}

.list-bg-circle:before{content: '';

    position: absolute;

    background: #f5f5f5;

    width: 120px;

    height: 120px;

    border-radius: 100px;

    right: -20px;

    top: -27px;}



.list-bg-circle:after{    content: '';

    position: absolute;

    background: #f5f5f5;

    width: 120px;

    height: 120px;

    border-radius: 100px;

    left: -20px;

    bottom: -22px;}



.list-bg-circle{    position: relative;

    overflow: hidden;}



.section-faq{ margin-top: 120px;}

.faq-bg{ background: #F4F4F4;border-radius: 20px; padding: 34px;}

.section-faq .accordion-section p i{ font-style: normal;} 



.accordion-section .panel-default > .panel-heading {

    border: 0;

    background: #f4f4f4;

    padding: 0;

}

.accordion-section .panel-default .panel-title a {

  display: block;

    font-size: 14px;

    color: #282828;

    font-weight: 500;

    line-height: 25px;

    padding: 20px 0;

    font-style: initial;





}

.accordion-section .panel-default .panel-title{ margin: 0;}



.accordion-section .panel-default .panel-title a:after {

    font-family: 'FontAwesome';

    font-style: normal;

    font-size: 26px;

    content: "-";

    color: #5d5d5d;

    float: right;

    margin-top: -1px;

}

.accordion-section .panel-default .panel-title a.collapsed:after {

    content: "+";

}

.accordion-section .panel-default .panel-body {

    font-size: 1.2rem;

}



.faq-bg .panel-default{ border-bottom: solid 1px #ddd;}

.faq-img-ar img{text-align: center;

    margin: 0 auto;

    display: block; margin-top: 20px;}

.testimonial-ar{ margin-top: 115px; margin-bottom: 50px;}

.section-title h2{ color: #1B1D28; font-size:28px; font-style: normal; }



.testimonial-ar .post-box {

    background: #F4F4F4;

    border-radius: 20px; height: 223px;

    padding: 28px; margin-bottom: 34px; box-shadow: none;

}

.testimonial-ar .post-slider {

    width: 100%;

    margin-left: 0px;

    margin-top: 40px; overflow: hidden;

}

.testimonial-ar .post-hd-text {

    font-size: 15px;

    line-height: 19px;

    color: #2D2D2D;

    margin-bottom: 0; font-style: normal;

}



.testimonial-ar .post-hd p {

    font-size: 12px;

    color: #666; padding: 0;

}



.testimonial-ar  .post-text p {

    color: #2D2D2D;

    font-size: 13px;

}

.testimonial-ar  .post-text p a{ color: #6EC68D;}



@media (min-width: 1200px){

.container {

    max-width: 1250px;

}

}

.chat-footer{ background: #f2f2f2; padding-top: 45px; padding-bottom: 8px;}

.chat-footer h6{ width: 100%; text-align: center; font-size: 21px;}

.chat-footer h6 span{ color: #aa6343;}

.chat-footer h6 svg{position: relative;

    top: 23px;}



.bg-white {

    box-shadow: 0px 49px 100px rgba(0, 0, 0, 0.06);

    border-radius: 10px;

    text-align: center;

    padding: 36px;

    margin-top: 36px;

}

.chat-footer p{ color: #6EC68D; font-size: 12px;}

.chat-footer h6{ color: #222; font-size: 16px;}

.search-ar{

    width: 76%;

    border: none;

    padding-left: 16px;

    height: 43px;

    margin-left: 9px;

    border-radius: 20px;

    background: #f2f2f2;}

.search-ar:focus{ outline: 0;}

.search-btn{background: #6EC68D;

    border: none;

    border-radius: 20px;

    position: absolute;

    right: 0px;

    width: 22%;

    height: 42px;

    color: #fff;

}

.chat-footer form{

    border-radius: 47px;

    background: #f2f2f2; position: relative;margin-top: 25px;}



.footer-menu ul{ list-style: none; text-align: center;}

.footer-menu ul li{ display: inline-block;     padding: 50px 10px 25px;}

.footer-menu ul li a{ color: #3E3E3E; font-size: 14px; font-weight: 600; font-style: normal;}

.footer-social ul{ list-style:none;}

.footer-social ul li{ display: inline-block; padding: 0 15px;}

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

.footer-social li a i{ color: #555;}

.footer-menu ul li a:hover{ text-decoration: none;}

.copy-text{ color: #555 !important; font-size: 14px;}

.owl-dots .owl-dot{background: #E8E8E8 !important;

    width: 14px;

    height: 14px;

    border-radius: 50px;

    margin: 5px;

    text-align: center;}

.testimonial-ar .post-box:hover {

    background: #F4F4F4;}

.owl-dots{ text-align: center;}



.owl-dots .owl-dot.active{background: #C4C4C4 !important;}

.owl-carousel .owl-stage-outer{ overflow: hidden;}

.testimonial-ar .owl-nav{ display: none;}





.slider-box .owl-prev:before,

.slider-box .owl-next:before{

 color: #be7f5d;

}



.slider-box .owl-next:before{

   color: #333;

}

.owl-nav .owl-prev{

    border-radius: 54px;

    border: solid 2px #BE7F5D !important;

    margin-right: 19px;}

.slider-box .owl-nav button:hover {

line-height: 31px !important;

    border-radius: 78px;

    border: solid 2px #BE7F5D !important;

    margin-right: 18px;

    text-align: center;

    width: 40px;

    height: 40px;

}

.slider-box .owl-nav button:hover i {

   color: #BE7F5D !important;

}

.slider-box .owl-nav button {

    line-height: 31px !important;

    border-radius: 78px;

    border: solid 2px #fff !important;

    margin-right: 18px;

    text-align: center;

    width: 40px;

    height: 40px;

}











/*.owl-nav .owl-prev i{ color:  #BE7F5D;}*/

.modal-content.banner-form .modal-header{border-bottom: none;

    line-height: 8px;

    padding: 0;}

.modal-content.banner-form .modal-body{ padding: 0;}



.modal-content.banner-form h3 {

    margin-bottom: 30px;

}

.sing-popup{ width: 470px;}

.modal-content.banner-form a {

    color: #6ec68d;

    text-decoration:none;

    font-size: 14px; font-style: normal;

}

.navbar-logo-color .navbar-nav .active{width: auto;

    background: none;

    height:auto;

    line-height: 25px;}

.profile-img img{ border-radius: 50px; width: 40px;

    height: 40px;}

.post-header-btn {line-height: 42px;

    padding: 7px 0px;}



.post-header-btn a{    padding: 0px 18px !important;

    line-height: 40px !important;

    background: #fff;

    border-radius: 50px !important;

    color: #bd6b41 !important;

    width: 97px;

    text-align: center;

    height: 40px;

}



.more-icon-sec .dropdown-toggle::after {

    display: inline-block;

    width: 0;

    height: 0;

    margin-left: .255em;

    vertical-align: .255em;

    content: "";

    border:none;

    

}

.navbar-logo-color .dropdown-toggle::after {

    display: inline-block;

    width: 0;

    height: 0;

    margin-left: .255em;

    vertical-align: .255em;

    content: "";

    border:none;

    

}







.profile-img a svg{ width: 12px;

    height: 12px;

    margin: -4px 0;

    fill: #fff}

.notification-icon{ position: relative;top:4px;}

.has-search {

    width: 20%;

    position: relative;

    margin: 0;

}

.has-search .form-control{

    border-radius: 43px;

    background: #b15728;

    color: #fff;

    border: none;

    padding: 9px 18px 9px 43px;}

.has-search .form-control-feedback{position: absolute;

    color: #fff;

   left: 20px;

    top: 13px;opacity: .5;}

.has-search .form-control::placeholder{ color: #fff; opacity: .5;}

.header-color .nav-item a{ color: #fff; cursor: pointer;}

/*

.chat-sec:before{    position: absolute;

    border-radius: 37px;

    content: '';

    background: #ffffff;

    width: 100%;

    height: 86px;

    margin: 0 auto;

    display: inline-block;

    text-align: center;

    top: 92px;

 }

*/

.chat-sec{background: #fff;

    margin-top: -40px;

    z-index: 9;

    position: relative;    overflow: hidden;

    border-radius: 30px; padding-top: 40px;}



.contact-img{ margin-top: -40px; height: 976px;}





.bg-chat{ background:#F3F8FB; }

.chat-top-header-sec{ padding:20px; border-radius: 10px; }

.chat-top-media img{border-radius: 50px;

    width: 80px;    object-fit: cover;

    border: solid 3px #fff; height: 80px;}

.chat-top-media ul{padding-left: 0; list-style: none;    margin-bottom: 0;}

.chat-top-media .media-li li{ display: inline-block;}

.chat-top-media h5{ margin-bottom: 0px; font-size: 24px;}

.chat-top-media .media-li li a{ color: #222; font-size:13px;padding: 4px;}

.chat-top-media .media-menu li{display: inline-block;}

.chat-top-media .media-menu li a{ font-size: 12px; color: #658699; padding: 0 8px 0px 0px;}

.media-menu li a svg{    position: relative;

    top: 5px;}

.cat-sec{ background: #6EC68D;

    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.03);

    border-radius: 10px;

    text-align: center;

    padding: 0px;}

.pl-8{ padding-left: 8px !important;}

.pr-8{ padding-right: 8px !important;}

.cat-sec h4{

    font-size: 13px;

    color: #fff;

    font-weight: 200;

    position: relative;

    padding: 21px 10px;

    font-family: Avenir Next;}



.setting-icon{ line-height: 74px;}

.tab-sec ul{ background: #E6EEF3;padding: 5px 12px;   border-radius: 5px;}

.tab-sec ul li a{padding: 3px 25px;

    color: #5B7A8C;

    border-radius: 0px;

    font-size: 13px; font-weight: 600;}

.tab-sec ul li {text-align: center;}

.tab-sec .nav-pills .nav-link.active, .tab-sec .nav-pills .show>.nav-link {

    color: #5B7A8C;

    background-color: #ffffff;

    font-weight: 600;

}



.table-tab-sec .table-dark {

    color: #6c819f;

    background: none;

}

.table-tab-sec .table-dark td, .table-dark th, .table-dark thead th {

    border: none;

    font-size: 13px;

    padding: 15px 9px;

}

.table-tab-sec  .table-dark th { padding: 0px 9px;}





.table-tab-sec .table-dark td{ color: #343434;font-weight: 600;}

.table-tab-sec .table-dark td{    border-bottom: solid 1px #E7E7E7;}



.chat-sec .chat-4 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 28.333333%;

    flex: 0 0 27.2%;

    max-width: 27.2%;}



.chat-sec .chat-8 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 66.666667%;

    flex: 0 0 72.666667%;

    max-width: 72.666667%;

}

.chat-bg-ar{ border: 1px solid #B0CFE1;

box-sizing: border-box;

border-radius: 10px; padding: 10px 30px; margin-top: 24px;}

.mamber-btn{    width: 223px;

    text-align: center;

    color: #6EC68D;

    height: 46px;

    background: #6ec68d1f;

    /* opacity: 0.1; */

    border-radius: 100px;

}

.mamber-btn a{    color: #6EC68D;

    text-align: center;

    font-size: 20px;

    font-weight: 600;

    /* padding: 0px; */

    line-height: 43px;

}

.profile-pluse-icon{ width: 46px; height: 46px; border-radius: 100px;border: 1px dashed #5B7A8C;}

.profile-pluse-icon img{padding: 13px 0px;}

.profile-chat-img img{    width: 46px;

    height: 46px;

    border-radius: 50px;

    border: solid 2px #6ec68d;}

.profile-chat-sec ul{     list-style: none;

    padding-left: 0;

    width: 100%;

    overflow-x: scroll;

    position: relative;

    display: inline-flex;padding-bottom: 10px;}

.profile-chat-sec ul li{ padding: 0 8px;

    display: inline-block;

    text-align: center;}

.profile-pluse-icon{padding: 0 13px !important;}



.profile-chat-sec ul::-webkit-scrollbar {

  width: 8px; height: 6px;

}



/* Track */

.profile-chat-sec ul::-webkit-scrollbar-track {

      border-radius: 3px;

    background: #E6EEF3;

}

 

/* Handle */

.profile-chat-sec ul::-webkit-scrollbar-thumb {

  background: #C4D1D9; 

  border-radius: 3px;

}



.scrollbar-hidden::-webkit-scrollbar {

   width: 4px;

    background-color: transparent;

    height: 0;

}



.scrollbar-hidden::-webkit-scrollbar-thumb {

    background: #C4D1D9;

    border-radius: 3px;

}

.today-btn .today{padding: 10px 22px;

    background: #E8F0F6;

    border-radius: 25px;

    color: #85A0B0; }

.today-btn{text-align: center; margin-top: 15px; position: relative;}

.today-btn:before{position: absolute;

    width: 38%;

    height: 2px;

    content: '';

    top: 17px;

    left: 0;

    background: #E8F0F6;}

.today-btn:after{position: absolute;

    width: 38%;

    height: 2px;

    content: '';

    top: 17px;

    right: 0;

    background: #E8F0F6;}

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

.chat-bg-ar .chat-7 {

   -webkit-box-flex: 0;

    -ms-flex: 0 0 67.333333%;

    flex: 0 0 67.333333%;

    max-width: 67.333333%;

}



.chat-bg-ar .chat-5{

    -webkit-box-flex: 0;

    -ms-flex: 0 0 32.6%;

    flex: 0 0 32.6%;

    max-width: 32.6%;;



}

}

.chat-bg-ar .tab-sec ul li a {

    padding: 3px 15px;}



.chat-search input{

    width: 100%;

    border-radius: 20px;

    border: 1px solid #e6eef3;

    padding: 4px 5px 4px 28px;

    background: #E6EEF3;

    margin-bottom: 18px;

}

.chat-search{ position: relative;}

.chat-search input::placeholder{ color: #C3D1D9;}

.chat-search span{position: absolute;

    left: 10px;

    top: 4px;}

.chat-profile-img img{ width: 26px; height: 26px; border-radius: 45px;}

.chat-profile-img h5{

    font-size: 15px;

    font-weight: 400;

    font-family: Avenir Next;

    line-height: 24px;



}



.chat-profile-ar{ height: 290px;

    overflow-y: scroll;

    overflow-x: hidden;}



.chat-profile-img{padding: 13px 0; border-bottom: solid 1px #ddd;}

.calculation-form h5{ font-size: 12px; display: none;}

.calculation-form h3{ color:#6EC68D; font-size:15px }

button:focus {

    outline: 0px dotted;

    outline: 0px auto -webkit-focus-ring-color;

}

.btn-primary {

        color: #fff;

    width: 98.17px;

    height: 30.83px;

    background-color: #6ec68d;

    border-color: #6ec68d;

    border-radius: 20px;

    font-size: 12px;

    border: solid 1px;

}

.btn-primary:hover{background-color: #6ec68d;

    border-color: #6ec68d;color: #fff;}

.btn-grey{background: #E6EEF3;

    color: #658699;

    border-radius: 20px;

    width: 98.17px;

    font-size: 12px;

    height: 30.83px;

    border: solid 1px #E6EEF3;}

.notification-ar{ padding-bottom: 30px;}

.notification-ar h3{ font-family: AvenirNextLTPro-Demi;

font-style: normal;

font-size: 16px; color: #353535;}

.notification-text{ border-bottom: solid 1px #ddd;}

.admin-ar{padding: 10px 25px; }

.admin-ar .media-body h5{    font-family: Avenir Next;

    font-size: 13px;

    color: #30C791;

    font-weight: 600;}

.admin-ar .media-body a{color: #6ec68d;}

.admin-ar .media-body p{    font-size: 13px;}



.admin-ar .media img {

    border-radius: 50px;

    margin-top: 15px;

}

.media-body p{ font-size: 13px; padding-left: 0;}

.slider-box .media-body p{ font-size: 13px;}

.admin-ar{ border-bottom: solid 1px #F0F0F0; }

.right-text-ar p{ color: #9BA6AC; font-size: 13px;}

.comment-tabs .nav-tabs .nav-link:focus, .comment-tabs .nav-tabs .nav-link:hover {

   border-color: #dee2e60a #dee2e600 #fff0;

    

}

 .others-option .dropdown .fa-angle-down{ color: #fff;}

.comment-tabs .nav-tabs .nav-link:focus, .comment-tabs .nav-tabs .nav-link:hover {

   border-color: #dee2e60a #dee2e600 #fff0; border-bottom: solid 3px #6ec68d;



}



/*

.comment-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {

    color: #595959;

    font-size: 22px;

    background-color: #fff;

    border-bottom: solid 2px #6ec68d;

    font-weight: 600;

}

*/







.comment-tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {

      color: #595959;

    font-size: 20px;

    background-color: #fff;

        border-color: #dee2e600 #dee2e600 #fff0;

    border-bottom: solid 3px #6ec68d;

    font-weight: 800; padding-bottom: 12px;

}

/*

.comment-tabs .nav-tabs .nav-link:hover {

    border: 1px solid transparent;

}

*/



.comment-tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {

      color: #CFCFCF;

    font-size: 20px;

    font-weight: 800; padding: 0;

}



.comment-tabs .nav-tabs .nav-item{ padding: 10px 20px 0;}

.comment-tabs .nav-tabs .nav-item:first-child{ padding-left: 0px;}





.comment-tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link{ color: #595959;

    font-size: 20px;

    background-color: #fff;

    border-color: #dee2e600 #dee2e600 #fff0;

    font-weight: 800; padding-bottom: 12px;}

.btn-post {

    padding: 5px 13px;

    background: #6ec68d;

    border-radius: 46px;

    color: #fff; float: right;

}

.btn-post svg{ position: relative; top: 4px;}



.search-comment form{ border: solid 1px #ddd; border-radius: 30px; background: #fff; margin-top: 30px;}

.search-comment form input{

      width: 79%;

    border: none;

    padding-left: 44px;

    height: 41px;

    background: none;



}

.search-comment button{    background: #9BA6AC;

    border-radius: 20px;

    padding: 7px 64px;

    color: #fff;

    border: none;}

.search-comment span{ position: absolute;

    left: 22px;

    top: 14px;

}

.search-comment{ position: relative;

    position: relative;

    margin-bottom: 14px;

    margin-top: 19px;}

.search-comment form input::placeholder{color: #D3D8DA; font-size: 14px;}

.comment-ar .media img{ border-radius: 50px;}

.comment-ar .media h5{ font-size: 16px; font-weight: 600;    font-family: Avenir Next;color: #353535;}

.media-comment-ul{ padding-left: 0; list-style: none;}

.media-comment-ul li{ display: inline-block; padding: 6px;}

.media-comment-ul li a{ font-size: 13px; color: #222;}

.media-comment-ul li a svg{position: relative;

    top: 3px;

    padding-right: 2px;}

.text-green{color: #30c797 !important;}

.blue-grey-text{ color: #A2C3D7;}

.comment-ar .media-body p{ margin-bottom: 0;}

.post-sec{color: #595959;

    position: relative;

    font-size: 19px;

    margin-bottom: 30px;}

.post-sec h3{ color: #595959;

    font-size: 22px;

    margin-bottom: 0;

    line-height: 40px;}

.post-page-box .media-body h5{    font-size: 16px;

    color: #1B1D28;

    font-weight: 600;

    margin-bottom: 2px;}

.post-page-box .media img{ border-radius: 50px; margin-bottom: 15px; width: 50px !important;}

.post-page-box .media-body p{    color: #757575;

    font-size: 12px;

    margin-bottom: 0;

    line-height: 24px;}

.post-page-box .media{ border-bottom: solid 1px #CADDE9;}

.post-page-box{ padding: 28px; background: #F3F8FB;

border-radius: 10px; margin-top: 20px;height: 413px; }

.post-page-box h6{font-size: 16px; line-height: 22px;

    color: #2F2F2F;

    margin-top: 15px;

    margin-bottom: 15px;height: 40px;}

.post-page-box p{color: #1B1D28;

    line-height: 30px;

    font-weight: 600;text-align: justify;}



.post-page-box:hover{box-shadow: 0px 20px 70px rgba(0, 0, 0, 0.08); background: #fff;}

.post-page-box:hover .media-body h5{ color: #6EC68D;}



.post-page-box:hover h6{ color: #6EC68D;}





.media-comment .media-comment-ul li {

    display: inline-block;

    padding: 0 10px;

}

.media-comment-ul li a {

    font-size: 13px;

    color: #9BA6AC; cursor: pointer;

}

.post-sec .search-comment form input{ width: 78%;}

.search-comment form input:focus{ outline: 0;}

.favourite-post-hd-text h3{ font-size: 16px; color: #333;}

.favourite-post{ padding: 25px 20px;}

.view-text{font-size: 15px;

    color: #6ec68d;

    text-decoration: underline;}

.favourite-post .col-md-12 p{color: #9BA6AC}

.favourite-pf-hd{    border-radius: 50px;}

.favourite-pf-hd h5{ font-size: 13px;

    color: #6EC68D;

    font-family: Avenir Next;

    font-weight: 600; margin-top: 15px !important;}

.favourite-pf-hd .media img{  border-radius: 50px;

    margin-bottom: 10px;}

.top-contributor-box .media img{ border: 2px solid #FF894F;}

.favourite-post .media-comment-ul li {

    display: inline-block;

    padding: 2px;}

.top-contributor-box  .media-comment-ul li {

    display: inline-block;

    padding: 2px;

    line-height: 42px;

}

.favourite-post .media-comment-ul {

    padding-left: 0;

    list-style: none;

    text-align: right;

}

.favourite-post .media-comment-ul li a {

    font-size: 10px;

    color: #9BA6AC;

}

.favourite-post h3{ font-size: 16px;

    color: #333;

    font-family: Avenir Next;

    font-weight: 600;

  }



.favourite-posts{ height: 480px; overflow-x: scroll;}

.favourite-post-hd-text p{color: #9BA6AC;}



.favourite-posts.top-contributor-box{

    height: auto;

    overflow-x: hidden;

}

.comment-member-chat .nav-tabs{ border-bottom: none;}

.new-msg-btn{

width: 252px;

height: 40px;

background: #6ec68d30;

border-radius: 100px;}

.comment-member-chat .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{

    font-size: 20px;

    background-color: #fff;

    border-color: #dee2e600 #dee2e600 #fff0;

    border-bottom: solid 3px #6ec68d;

    font-weight: 800;

    padding-bottom: 12px;

    color: #6ec68d;

}

.comment-member-chat .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {

    color: #A3BECE;}

.comment-member-chat .today-btn:after {

    position: absolute;

    width: 42%;

    height: 2px;

    content: '';

    top: 15px;

    right: 0;

    background: #E8F0F6;

}

.comment-member-chat .today-btn:before {

    position: absolute;

    width: 42%;

    height: 2px;

    content: '';

    top: 15px;

    right: 0;

    background: #E8F0F6;

}



.comment-member-chat .chat-7 .today-btn:after {

    position: absolute;

    width: 38%;

    height: 2px;

    content: '';

    top: 15px;

    right: 0;

    background: #E8F0F6;

}

.comment-member-chat .chat-7 .today-btn:before {

    position: absolute;

    width: 38%;

    height: 2px;

    content: '';

    top: 15px;

    right: 0;

    background: #E8F0F6;

}









.new-mgs-btn{width: 252px;

height: 40px;text-align: center;

    float: right;padding: 3px;}



.new-mgs-btn svg{position: relative;

    top: 6px;

    right: 6px;}

.mamber-chat-name{ color: #BD6B41;

    font-size: 14px; font-weight: 600;}

.comment-chat-view .media-body{color: #686868; font-size: 14px;}

.comment-chat-view{ padding: 15px 0;}

.comment-chat-view .media-body p{ text-align: left;}

.personal-chat-tab .chat-profile-img{    padding: 15px 20px;}



.parsonal-search input{ margin-bottom: 0px;}



.chat-box-icon{list-style: none;background:none !important;

    padding:0 !important;

    border-radius: 0px; text-align: right;}

.chat-box-icon li{ display: inline-block; }

.chat-box-icon li a{ display: inline-block; padding: 2px 6px !important; }





















.dropbtn {

    border: none;

    background: none;



}



/* The container <div> - needed to position the dropdown content */

.more-ul {

  position: relative;

  display: inline-block;

}



/* Dropdown Content (Hidden by Default) */

.more-subul {

      display: none;

    position: absolute;

    background-color: #f9f9f9;

    min-width: 96px;

    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

    z-index: 1;

    padding: 7px;

    right: 0;

    border: solid 1px #ddd;

    border-radius: 5px;



}



/* Links inside the dropdown */

.more-subul a {

  color: black;

  padding: 12px 16px;

  text-decoration: none;

  display: block !important; text-align: left;

}





.more-subul a:hover {background-color: #f1f1f1}



.more-ul:hover .more-subul {

  display: block;

}



.more-subul:before {

    position: absolute;

    content: '';

    border-left: 7px solid transparent;

    border-right: 7px solid transparent;

    border-bottom: 7px solid #e8e8e8;

    right: 3px;

    top: -8px;}

.post-details .post-details-heading {font-family: Avenir Next;

font-style: normal;

font-weight: 600;

font-size: 20px;

color: #353535;position: relative;}

.post-details-ul ul{ list-style: none;

    margin-top: 0px;

    padding: 0;

}

.post-details-ul ul li{ display: inline-block; color: #C5C5C5;}

.post-details-ul ul li a{ padding: 10px; color: #757575; font-size: 14px;}

.post-details-ul ul li a:hover{ color: #6EC68D; text-decoration: none;}

.post-details-text p{ font-size: 16px;

    line-height: 32px;

  text-align: justify;}

.like-icon span{ line-height: 28px;

    position: relative;

    top: -12px;

    left: 10px;}

.report-icon span{line-height: 28px;

    position: relative;

    top: -12px;

    left: 10px;}

.textarea-post-details{ background: #F8F8F8; border-radius: 6px; border: none;padding: 10px 23px;margin-top: 25px;}

.textarea-post-details::placeholder{ color: #c1c1c1;}



/*more-icon-dropdown-css*/



.more-menu {

    width: 90px;

}



/* More Button / Dropdown Menu */



.more-btn,

.more-menu-btn {

    background: none;

    border: 0 none;

    line-height: normal;

    overflow: visible;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    width: 100%;

    text-align: revert;

    outline: none;

    cursor: pointer;

}



.more-dot {

    background-color: #aab8c2;

    margin: 0 auto;

    display: inline-block;

    width: 7px;

    height: 7px;

    margin-right: 1px;

    border-radius: 50%;

    transition: background-color 0.3s;

}



.more-menu {

   position: absolute;

    top: 42%;

    left: -42px;

    z-index: 900;

    float: left;

    padding: 10px 0;

    margin-top: 9px;

    background-color: #fff;

    border: 1px solid #ccd8e0;

    border-radius: 4px;

    box-shadow: 1px 1px 3px rgba(0,0,0,0.25);

    opacity: 0;

    transform: translate(0, 15px) scale(.95);

    transition: transform 0.1s ease-out, opacity 0.1s ease-out;

    pointer-events: none;



}



.more-menu-caret {

   position: absolute;

    top: -10px;

    right: 12px;

    width: 18px;

    height: 10px;

    float: right;

    overflow: hidden

}



.more-menu-caret-outer,

.more-menu-caret-inner {

    position: absolute;

    display: inline-block;

    margin-left: -1px;

    font-size: 0;

    line-height: 1;

}



.more-menu-caret-outer {

      border-bottom: 10px solid #c1d0da;

    /* border-left: 10px solid transparent; */

    /* border-right: 10px solid transparent; */

    height: auto;

    left: 0;

    top: 0;

    width: auto;

    border-top-left-radius: 12px;

   

}



.more-menu-caret-inner {

    top: 1px;

    left: 1px;

    border-left: 9px solid transparent;

    border-right: 9px solid transparent;

    border-bottom: 9px solid #fff;

}



.more-menu-items {

    margin: 0;

    list-style: none;

    padding: 0;

}



.more-menu-item {

    display: block;

}



.more-menu-btn {

    min-width: 100%;

    color: #66757f;

    cursor: pointer;

    display: block;

    font-size: 13px;

    line-height: 18px;

    padding: 8px 8px;

    position: relative;

    white-space: nowrap;

    text-align: left;

}

.more-menu-btn svg{margin-right: 5px;}





.more-menu-item:hover {

    background-color: #489fe5;

}



.more-menu-item:hover .more-menu-btn {

    color: #fff;

}



.more-btn:hover .more-dot,

.show-more-menu .more-dot {

    background-color: #516471;

}



.show-more-menu .more-menu {

    opacity: 1;

    transform: translate(0, 0) scale(1);

    pointer-events: auto;

}

.profile-hd{ font-family: Avenir Next;

    font-style: normal;

    font-weight: 600;

    font-size: 22px;

    color: #6EC68D;

    position: relative;}

.box-shadow-none{ box-shadow: none;}

.pofile-table-sec{

border: 1px solid #FAFAFA;

    box-sizing: border-box;

    box-shadow: 0px 20px 70px rgba(0, 0, 0, 0.08);

    border-radius: 10px;

    height: 730px;

    margin-top: 34px;

    padding: 30px; width: 100%;

    display: inline-block;}

.sort-by-select .filter-sec{padding: 7px 23px 7px 9px;

    border: none;}



.sort-by-select .form-control:focus {

    color: #495057;

    background-color: #fff;

    border:none;

    outline: 0;

    box-shadow:none;

}

.profile-bg-white-hd h6{font-size: 14px; margin: 0;}

.profile-bg-white-hd{font-family: Avenir Next;

font-style: normal;

font-weight: bold;

font-size: 15px;

line-height: 20px;

letter-spacing: 0.1473px;

color: #658699;}

.sort-by-select .form-control{

font-family: Avenir Next;

    font-style: normal;

    font-weight: 500;

    font-size: 11px;

    line-height: 0;

    color: #98ACB8;

    padding-left: 5px;

    height: auto;

    padding-top: 10px;margin-left: 10px; background: none;

}

.sort-by-select{padding: 0px;

    line-height: 10px;}



.pofile-table-sec .search-comment form input {

    width: 100%;

    border: none;

    padding-left: 44px;

    height: 41px;

    background: none;

    background: #F7F7F7;

    border-radius: 100px;



}

.pofile-table-sec .search-comment span {

    position: absolute;

    left: 22px;

    top: 12px;

}



.btn-save{background: #F6F6F6;

    border-radius: 6px;

    color: #6EC68D;

    text-transform: capitalize;

    padding: 0 6px;

    width: 69px;

    height: 26px;

    font-size: 12px;}



.add-text{font-size: 12px;

color: #98ACB8;}

.add-text span svg{font-size: 12px;

    color: #98ACB8;position: relative;

    top: 3px;}







.pofile-table-sec .search-comment form {

       border: none;

    border-radius: 0;

    background: none;

    margin-top: 4px;



}



.dataTables_wrapper .row .dataTables_length{ display: none;

}

.dataTables_wrapper .row .dataTables_filter{ display: none;

}

    

.dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .dataTables_info{ display:none;}

    

}









.pofile-table .table thead th {

    vertical-align: bottom;

    border-bottom: none;

}

.pofile-table .table td, .pofile-table  .table th {

    border: none;

    font-size: 12px;

    font-weight: 600;

    border-bottom: solid 1px #C7D5DD;

    padding: 10px;

}

.pofile-table .table th{font-size: 11px; font-weight: 600;}



.pofile-table .dataTable.table-sm > thead > tr > th {

    padding-right: 20px;

    padding: 0px 7px 12px 12px;}

.text-grey-blue{color: #5B7A8C !important;}

.table-close {
    padding-right: 5px;
    cursor:pointer;
}

.font-12{ font-size: 12px;}

.profile-box-mobile h3{

 color: #44413F !important;font-family: AvenirNextLTPro-Bold !important;

}

.primary-switch {

   width: 44px;

    height: 21px;

    border-radius: 64px;

    background: #4caf5052;

    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:checked + label:before {

  background: #f6f6f6;

}



.primary-switch input + label:before {

    content: "";

    position: absolute;

    right: 0;

    top: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    background: transparent;

    border-radius: 23px;

    cursor: pointer;

    -webkit-transition: all 0.2s;

    -moz-transition: all 0.2s;

    -o-transition: all 0.2s;

    transition: all 0.2s;

}

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

    left: 1px; 

}



.primary-switch input + label:after {

    content: "";

    position: absolute;

    top: 1px;

    left: 22px;

    width: 20px;

    height: 19px;

    border-radius: 50%;

    background: #6EC68D;

    -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;

}

.show-switch h6{ font-family: Avenir Next;

font-style: normal;

font-weight: 600;

font-size: 15px;

line-height: 20px;

color: #658699;}



.profile-box .profile-img-right-sec img{    width: 82px;

    height: 82px;

    border: solid 3px #fff;

    border-radius: 50px;

    box-shadow: 1px 1px 17px #adaeaf;object-fit: cover;}



.profile-edit{position: absolute;

    background: #fff;

    padding: 5px 10px;

    border-radius: 20px;

    left: 143px;

    display: inline-block;

    top: 49px;}

.profile-img-right-sec{ position: relative;

    display: block;}

.more-icon-sec{ position: absolute;

    right: 10px;

    top: 19px;}

.profile-box{ position: relative;}

.more-icon-sec button{ border: none; background: none;}

.profile-box-hd-text h3{font-family: Avenir Next;

font-style: normal;

font-weight: 600;

font-size: 18px;color: #658699; margin: 0px;}

.profile-box-hd-text p{ font-family: Avenir Next;

font-style: normal;

font-weight: 600;

font-size: 14px;

text-align: center;

color: #658699;}

.profile-mgs-btn{background: #6EC68D;

border-radius: 100px; border: none; color: #fff;padding: 8px; font-size: 14px;}

.profile-mgs-btn svg{ position: relative; top:3px;}

.more-icon-sec .dropdown-menu  .dropdown-item{    display: block;

    width: 100%;

    clear: both;

    font-weight: 400;

    color: #658699;

    text-align: inherit;

    white-space: nowrap;

    background-color: transparent;

    border: 0;

    padding: 3px 10px;

    font-size: 12px; cursor: pointer; }



.more-icon-sec .dropdown-menu {

    border: none;

    min-width: 105px;

    padding: 0;

   

}

.load-more-btn a{ display: none; }

.more-icon-sec .dropdown-menu .dropdown-item svg{ margin-right: 4px;

    position: relative;

    top: 2px;

}

.profile-white-box{ background: #FFFFFF;

    box-shadow: 0px 20px 70px rgba(0, 0, 0, 0.08);

    border-radius: 5px;

    padding: 12px 0;

   }

.mumber-text p{

font-style: normal;

font-weight: 600;

font-size: 12px;

text-align: center;

color: #658699;}

.profile-white-box h3{

    text-align: center;font-family: Avenir Next;

font-style: normal;

font-weight: 600;

font-size: 16px;

color: #648497;}

.profile-white-box h3 span{ font-size: 10px;}

.logout-btn{    background: none;

    border: solid 1px #ddd;

    padding: 4px;

    border-radius: 42px;

    font-size: 12px;

    color: #c1c1c1;}

.profile-file-box-sec .profile-file-section-title h2{ font-size: 22px;

color: #658699;font-family: AvenirNextLTPro-Demi; text-align: left;}

.profile-file-section-title h2:before{position: absolute;

    content: '';

    width: 105px;

    height: 3px;

    top: 39px;

    background: #6EC68D;}

.gain-box .gain-img {
    height: 230px;
    overflow: hidden;
    background: #DDD;
    padding: 10px;
}
.gain-box .gain-img img{    width: 100%;
    height: -webkit-fill-available;}
.gain-text h4{font-family: Avenir Next;

font-style: normal;

font-weight: 600;

font-size: 16px;

color: #353535;}

.gain-text p{ font-size: 12px;color: #98ACB8;}

.gain-text .media-comment-ul li{    display: inline-block;

    padding: 0px;}

.gain-box{ margin-bottom: 15px;}

.market-box {background: #FFFFFF;

border: 1px solid #F5F5F5;

box-sizing: border-box;

box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.03);

border-radius: 10px;}

.market-white-box h3{  font-family: AvenirNextLTPro-Demi;

font-style: normal;

font-weight: bold;

font-size: 22px;

color: #BD6B41;}

.market-box{ padding: 35px;}







.market-white-box .form-control{  font-size: 13px; color: #658699;   background: #F5F5F5;

    border-radius: 100px;

    border: none;

    height: 40px;

    padding: 7px 25px;}

.market-white-box label{

font-family: Avenir Next;

font-style: normal;

font-weight: bold;

font-size: 14px;

    color: #658699;}

.market-white-box .form-control::placeholder{ font-size: 13px; color: #658699;}

.nice-select:after{

    border-bottom: 1px solid #999;

    border-right: 1px solid #999;

    content: '';

    display: block;

    height: 7px;

    width: 7px;}

.market-box .nice-select:after{

    border-bottom: 1px solid #999;

    border-right: 1px solid #999;

    content: '';

    display: block;

    height: 7px;

    right: 25px;

    width: 7px;

}

.market-box .nice-select .list {

    width: 100%;}



.market-white-box .btn-primary{width: 210px;

height: 42px;

background: #6EC68D;

border-radius: 100px;}

.market-box  h3 span{font-family: Avenir Next;

font-style: normal;

font-weight: bold;

font-size: 32px;

color: #6EC68D; margin-left: 10px; position: relative;

    top: 5px;

}



.market-box h3{ font-family: Avenir Next;

font-style: normal;

font-weight: bold;

font-size: 14px;

color: #658699; float: right; margin-top: 40px;}



.stock-hd{

font-style: normal;

font-weight: bold;

font-size: 32px;

color: #BD6B41;

}

.profile-file-box-sec.stock-page .gain-img{ padding: 0px; background: none; height: 180px; overflow: hidden;}

.profile-file-box-sec.stock-page .gain-text h4{ height: 50px;

    font-style: normal;

    font-weight: 600;

    font-size: 16px;

    color: #000;}

.profile-file-box-sec.stock-page .gain-box{ margin-bottom: 50px;}

.trading-img{ border-radius: 10px; padding: 25px; position: relative;}

.trading-img:before{position: absolute;

    content: '';

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background: #915d4533;

    border-radius: 10px;}

.trading-img h3{ position: relative; z-index: 99; text-align: center; top:66px; color: #fff; font-size: 32px;}



/*

#main {

  margin: 50px 0;

}

*/



#main #faq .card {

    margin-bottom: 30px;

    border: 0;

    background: #fff;

    box-shadow: 1px 1px 20px #e8e8e8;

    /* border: solid 1px #ddd; */

    border-radius: 10px;

    padding: 25px;

}



#main #faq .card .card-header {

    border: 0;

    padding: 0;

    background: none; 

font-style: normal;

font-weight: bold;

font-size: 18px;

color: #3E3E3E;

}



#main #faq .card .card-header a span{background: #6EC68D;

    color: #fff;

    padding: 10px 15px;

    border-radius: 20px;

    margin-right: 15px;}



#main #faq .card .card-header a{color: #3E3E3E;font-family: AvenirNextLTPro-Demi;}

#main #faq .card .card-header .btn-header-link {

    display: block;

    text-align: left;

    padding: 10px 0;    border: none;



}

#main #faq .card .card-header .btn-header-link:hover{text-decoration: none;}

#main #faq .card .card-header .btn-header-link:focus{ outline: 0;box-shadow:none;}

#main #faq .card .card-header .btn-header-link:after {

  content: "\f107";

  font: normal normal normal 14px/1 FontAwesome;

  font-weight: 900;

  float: right; color: #6EC68D;

}

#main #faq .card .card-body{padding-top: 26px;

    font-size: 16px;

    line-height: 29px;

    text-align: justify;

    font-weight: 600;}

#main #faq .card .card-header .btn-header-link.collapsed {

     background: #fff;

    color: #3E3E3E;

    border-radius: 10px;

}



#main #faq .card .card-header .btn-header-link.collapsed:after {

  content: "\f106";

}



#main #faq .card .collapsing {

 

  line-height: 30px;

}



#main #faq .card .collapse {

  border: 0;

}



#main #faq .card .collapse.show {

/*

     background: #ffffff;

    line-height: 30px;

    color: #222;

    box-shadow: 1px 1px 14px #ddd;

    border-radius: 10px;

    padding: 15px;

*/

}

.contact-form-banner-sec .carousel-indicators {

    position: absolute;

    right: 0;

    bottom: 80px;}

.contact-form-banner-sec .carousel-caption {

    position: absolute;

    right: 15%;

    bottom: 137px;}

.contact-form-banner-sec .carousel-caption{ text-align: left;}

.contact-form-banner-sec .carousel-caption h5{ font-size: 28px; margin-bottom: 14px;  font-family: AvenirNextLTPro-Bold;}

.contact-form-banner-sec .carousel-caption p{ font-size: 18px;}



.contact-form{ background: #fff; height: 800px;

    border-top-right-radius: 35px;

}

.contact-form{padding: 0px 70px;}

.contact-hd h2{ font-size: 32px; color:#BD6B41;font-family: AvenirNextLTPro-Bold;}

.contact-hd h3{font-size: 28px; color:#323232;font-family: AvenirNextLTPro-Bold;}

.contact-hd h3 span{color:#6EC68D;}

.contact-hd h3 svg{ position: relative; top:7px;}

.form-sec h4{ font-size: 28px;font-family: AvenirNextLTPro-Bold; padding-bottom:21px;}

.form-sec .form-control{ background: #F5F5F5;

border-radius: 100px; height: 40px; border: none; }

.form-sec .form-control {

    background: #F5F5F5;

    border-radius: 100px;

    height: 40px;

    border: none;

    padding: 8px 17px;

}

.form-sec .form-control::placeholder{ color: #65869938; font-size: 12px;}

.form-sec label{ font-size: 13px; color: #1B1D28; font-weight: 600;}

.form-sec textarea.form-control{ height: auto; border-radius: 6px;  padding: 11px 17px}

.form-sec .form-control:focus{ box-shadow: none;}

.form-sec .btn-primary{ font-size: 18px; height: 50px; font-weight: 600}

.btn-light{ background:rgb(110 198 141 / 14%); color: #6EC68D;height: 50px; font-weight: 600; border-radius: 100px; margin-top: 30px; border:none;}

.contact-img .carousel-item{ height: 1025px;background-size: cover !important;}

.contact-banner{ position: relative; margin-top: -40px;}









.agn-testimonial .shape-box {

  position: absolute;

  top:0;

  left:0;

  width: 38%;

  height: 100%;

}

.agn-testimonial .shape-box .people {

  position: absolute;

  border-radius: 50%;

  width: 110px;

  height: 110px;

  box-shadow: 0px 10px 20px 0px rgba(20, 44, 56, 0.25);

  z-index: 1;

}

.agn-testimonial .shape-box .people:nth-child(2) {



    top: -4%;

    right: 117%;

  animation: scale-up-one 14s infinite linear;

}

.agn-testimonial .shape-box .people:nth-child(3){ 

 

  top: 2%;

  right: -201%;

  animation: scale-up-two 9s infinite linear;

}

.agn-testimonial .shape-box .people:nth-child(4) 

{ 

     top: 11%;

    right: 46%;

  animation: scale-up-three 8s infinite linear;

}

.agn-testimonial .shape-box .people:nth-child(5) {

   

    top: 18%;

    right: -213%;

  animation: scale-up-two 10s infinite linear;

}

.agn-testimonial .shape-box .people:nth-child(6) {

    

     top: 34%;

    right: -64%;

  animation: scale-up-three 11s infinite linear;

}

.agn-testimonial .shape-box .people:nth-child(7) {

     width: 80px;

  height:80px;

     top: 47%;

    right: -281%;

  animation: scale-up-one 12s infinite linear;

}

.agn-testimonial .shape-box .people:nth-child(8) {

     width: 70px;

  height:70px;

     top: 58%;

    right: -100%;

  animation: scale-up-one 12s infinite linear;

}

.agn-testimonial .shape-box .shape-one {

  position: absolute;

  left:-30%;

  top:28%;

  animation: rotated 2s infinite linear;

}

.agn-testimonial .shape-two {

  position: absolute;

  right: 0;

    bottom: 11%;}

.testimonial-page-ar p{

font-style: normal;

font-size: 18px;

color: #646464; margin-top: 20px;}

.testimonial-sec-ar .agn-testimonial{

     position: absolute;

    top: 56px;

    right: 73px;

    width: 15%;

    height: 100%;}

.testimonial-sec-ar .owl-dots .owl-dot.active {

    background: #BD6B41 !important;} 

.testimonial-slider-page{ overflow: hidden;}

#testimonial-page-slider{ overflow: hidden !important;}

.testimonial-sec-ar:before{ position: absolute; content: ''; background: url(../images/chat.png);width: 100%; height: 100%; top:0; left: 0; background-repeat: no-repeat;}

.testimonial {

/*    border-left: 3px solid #6ab33e;*/

    padding: 228px 0 0px 350px;

    position: relative;

}

.testimonial-content{ position: relative; top:-70px;}

/*

.testimonial:before,

.testimonial:after{

    content: "";

    width: 320px;

    height: 55px;

    border-right: 3px solid #6ab33e;

    position: absolute;

    left: 0;

}

*/



/*

.testimonial:before{

    border-top: 3px solid #6ab33e;

    top: 0;

}

*/



/*

.testimonial:after {

    border-bottom: 3px solid #6ab33e;

    bottom: 0;

}

*/



.testimonial .pic{

    width: 274px;

    

    position: absolute;

    top: 0px;

    left: 0px;

}



.testimonial .pic img{

    width: 100%;

    height: auto; border-radius: 10px;

}



.testimonial .description{

   font-size: 14px;

    color: #7a7e82;

    line-height: 27px;

    position: relative;

    text-align: justify;



}



.testimonial .description:before{

    content: "\f10d";

    font: normal normal normal 14px/1 FontAwesome;

    font-weight: 900;

    position: absolute;

    top: -70px;

    left: 0;

    font-size: 50px;

    color: #6EC68D;

}

.testimonial .testimonial-title:before{position: absolute;

    width: 2px;

    height: 20px;

    left: -15px;

    top: -1px;

    content: '';

    background: #6ec68d;}

.testimonial .testimonial-title{

    font-size: 16px;

    font-weight:800;

    color: #6EC68D; position: relative; margin-left:15px;

    

}



/*

.testimonial .post{

    display: block;

    font-size: 15px;

    font-weight: 700;

    color :#6ab33e;

    margin-top: 10px;

}

*/

.owl-theme .owl-controls{

    text-align: right;

    margin-top: 30px;

}



.owl-theme .owl-controls .owl-buttons div{

    background: #6ab33e;

    border-radius: 0;

    opacity: 1;

    padding: 5px 10px;

}

.owl-prev:before,

.owl-next:before{

    color: #fff;

}



.owl-next:before{



}



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

    .testimonial{

        padding: 80px 0 80px 265px;

    }

}



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

    .testimonial{

        padding: 0;

        border: none;

    }

    .testimonial:before,

    .testimonial:after{

        border: none;

    }

    .testimonial .pic{

        position: relative;

        top: 0;

        left: 0;

    }

    .testimonial .description {

    margin-top: 91px;

}

/*

    .testimonial .description:before{

        content: "";

    }

*/

    

.testimonial .description:before {

    content: "\f10d";

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    position: absolute;

    top: -58px;

    left: 8px;

    font-size: 50px;

    color: #6EC68D;

}

    

    

}





.testimonial-img-gallery-ar h3{

font-size: 28px;

color: #1B1D28; font-family: AvenirNextLTPro-Bold;

}

.testmonial-gallery-img img{ width: 230px; height: 230px; border-radius: 100%; }

.testmonial-galler-text h5{ color: #6EC68D; font-size: 18px;}

.testimonial-gallery{ position: relative; text-align: center;}

.testmonial-galler-text p{ color: #939393;}

.testimonial-gallerysec{ position: relative;}

.testimonial-gallerysec:before{ position: absolute; width: 100%; height: 100%; content: ''; right: -65%; top: 0;  background: url(../images/chat-right.png); background-repeat: no-repeat;}

.faq-hd-text{font-family: Avenir Next;

font-style: normal;

font-weight: 500;

font-size: 18px;

color: #646464;}





#main #faq .faq-card {

    margin-bottom: 30px;

    border: 0;

    background: #fff;

    box-shadow: 1px 1px 20px #e8e8e8;

    border-radius: 10px; padding: 0;

}

#main #faq .faq-card .collapse {

    border: 0;

}

#main #faq .faq-card .card-header .btn-header-link {

    display: block;

    text-align: left;

    padding: 20px;

    border: none; font-size: 17px;

}

.faq-text-contant{ font-family: AvenirNextLTPro-Bold;

font-weight: bold;

font-size: 28px;

color: #A57057;}

.faq-text-contant span{ color: #6EC68D;}



#main #faq .faq-card .card-body {

    padding-top: 26px;

    font-size: 14px;

    line-height: 29px;

    text-align: justify;

    font-weight: 500;

    color: #555;

    padding:0 20px;

}

.disclaimer-ar .media img{width: 50px; height: 50px; border-radius: 30px;}

.disclaimer-ar h5{    font-size: 24px;

    position: relative;

    line-height: 34px;

}

.disclaimer-ar .media-body p {

    font-size: 16px;

    line-height: 30px;

    color: #646464; text-align: justify;

}



.disclaimer-ar{ box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.03);

border-radius: 10px; margin-bottom: 42px; padding: 30px;}

/*.navbar-toggler{background: #222;}*/

.others-option a{ padding: 10px 10px;}

/*-----------------header-search---------------*/

#search-btn{

 display: inline-block ;

}



/*

#search-btn:hover{

  background-color: rgba(0,0,0,0.5);

  cursor: pointer;

  

}

*/

#search-overlay{

  display:none;

}

.block {

    position: absolute;

    /* top: 0; */

    /* right: 0; */

    /* bottom: 0; */

    left: 0;

    overflow: auto;

    text-align: center;

    background: rgba(0, 0, 0, 0.9);

    border: #a0a0a0 solid 1px;

    margin: 0;

    z-index: 999;

    margin-top: 0px;

    width: 100%;}



/*

.block:before {

  content: '';

  display: inline-block;

  height: 100%;

  vertical-align: middle;

  margin-right: 0;

 

}

*/



.centered {

  display: inline-block;

  vertical-align: middle;

  width: 50%;

  padding: 10px 15px;

  color: #FFF;

  border: none;

  background: transparent;

}



#search-box {

  position: relative;

  width: 100%;

  margin: 0;

}



#search-form {

  height: 4em;

  border: 1px solid #999;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  background-color: #fff;

  overflow: hidden;

}



#search-text {

  font-size: 14px;

  color: #ddd;

  border-width: 0;

  background: transparent;

}



/*

#search-box input[type="text"] {

  width: 90%;

  padding: 20px;

  color: #333;

  outline: none;

  font-size: 1.4em;

}

*/



/*

#search-button {

      position: absolute;

    top: 0;

    right: 0;

    height: 4.6em;

    width: 100px;

    font-size: 14px;

    color: #fff;

    text-align: center;

    line-height: 36px;

    border-width: 0;

    background-color: #794a05;

    -webkit-border-radius: 0 2px 2px 0;

    -moz-border-radius: 0 2px 2px 0;

    border-radius: 0 2px 2px 0;

    cursor: pointer;

}

*/





#close-btn{

    position: absolute;

    top: 9px;

    right: 1em;

    color: #222;

}

#close-btn:hover{

  color: #777;

  cursor: pointer;

}



   

.block {

    position: fixed;

    background: none;

    border: none;

    margin-top: 14px;

}  

 .centered {

    display: inline-block;

    vertical-align: middle;

    width: 100%;

    padding: 7px 21px;

    color: #FFF;

    border: none;

    background: #fff;

}   

#search-box input[type="text"] {

    width: 90%;

    padding: 11px;

    color: #333;

    outline: none;

    font-size: 14px;border-bottom: solid 1px #ddd;

}    

#search-form {



    height: auto;

    border: none;

    -webkit-border-radius: 0;

    -moz-border-radius: 2px;

    border-radius: 0;

    background: none;

    overflow: inherit;



}    

#search-form svg{    top: 3px;

    position: relative;

    left: 10px;} 













/*-----------------header-search---------------*/

.others-option a{ color: rgba(255, 255, 255, 0.67); font-weight: 600; font-size: 14px;}

.search-icon svg{  

    position: relative;

    top: 4px;

    padding-left: 2px;}

.others-option a:hover{ text-decoration: none;}

.sign-up{ background: #fff;

    padding: 10px 23px !important;

    border-radius: 20px;

    color: #b65220 !important;

    box-shadow: 1px 1px 7px #843f0f8a;}

.sign-in svg{ position: relative;top: 3px;

    padding-left: 2px;}





.others-option .dropdown img{

border-radius: 50px; cursor: pointer; width: 50px; height: 50px;object-fit: cover;

}



.others-option .dropbtn:hover, others-option .others-option .dropbtn:focus {

  

}



.others-option .dropdown {

  position: relative;

  display: inline-block;

}



.others-option .dropdown-menu {

  display: none;

    position: absolute;

    background-color: #ffffff;

    border-radius: 7px;

    min-width: 160px;

    overflow: auto;

    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

    z-index: 99;



}



.others-option .dropdown-menu a {

  color: black;

  padding: 12px 16px;

  text-decoration: none;

  display: block;

}



/*.others-option .dropdown a:hover {background-color: #ddd;}*/



.others-option .show {

    display: inline-block;cursor: pointer;

}



.mobile-serach-sec-box input{    background: #E5EFF5;

    border-radius: 100px !important;

    border: none;}

.mobile-serach-sec-box input::placeholder{ color:#678698; padding: 10px 30px

}

.mobile-serach-sec-box svg{ position: absolute;

    z-index: 1;

    color: #aabfcc;

    top: 11px;

    left: 16px;   

}

    

    

#custom-button {

   padding: 6px 11px;

   background: #E8F1F7;

   border: 1px dashed #658699;

    color:#658699; 

    background: none;

    border-radius: 10px;

    cursor: pointer;

    font-size: 13px;

}

.post-page-box-scroll .owl-nav{ display: none;}



/*

#custom-button:hover {

  background-color: #00b28f;

}

*/

.tools-box h3{ font-size: 32px;}

.tools-box h4{ font-family: Avenir Next;

    font-style: normal;

    font-weight: bold;

    font-size: 14px;

    color: #658699;

    float: right;

    margin-top: 40px;}

.tools-box h4 span {

    font-family: Avenir Next;

    font-style: normal;

    font-weight: bold;

    font-size: 32px;

    color: #6EC68D;

    margin-left: 10px;

    position: relative;

    top: 5px;

}

#custom-text {

  margin-left: 10px;

  font-family: sans-serif;

  color: #aaa;

}

.tender-tab{}

.tender-tab .comment-menu .nav-item .nav-link.active {

    color: #658699;

}



.tender-tab .comment-member-chat .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {

    font-size: 20px;

    background-color: #fff;

    border-color: #dee2e600 #dee2e600 #fff0;

    border-bottom: solid 3px #658699 !important;

  

  

}



.tender-tab .comment-tabs .nav-tabs .nav-link:focus, .comment-tabs .nav-tabs .nav-link:hover {

    border-color: #dee2e60a #dee2e600 #fff0;

    border-bottom: solid 3px #658699 !important;

}





.agn-testimonial.faq-img-animation .shape-box {

    position: absolute;

    top: 46px;

    right: 0; left: auto;

    width: 10%;

    height: 100%;

}

.agn-testimonial.faq-img-animation .shape-box .people:nth-child(3) {

    top: 30%;

    right: 0;

    animation: scale-up-two 9s infinite linear;

}

.agn-testimonial.discribtion-img-animation .shape-box {

    position: absolute;

    top: 33px;

    right: 0;

    left: auto;

    width: 13%;

    height: 45%;

}

.agn-testimonial.discribtion-img-animation .shape-box .people:nth-child(3) {

    top: 28%;

    right: 0;

    animation: scale-up-two 9s infinite linear;

}



.trader-date span{ color: #658699; position: relative; top:-3px;  font-family: AvenirNextLTPro-Bold;}

.trader-time span{position: relative;color: #658699;

    top: -9px;  font-family: AvenirNextLTPro-Bold;}

.trader-time svg{ position:  relative;

    top: -2px;}

.tredar-version{ color:#658699; text-align: right; font-weight: 600;}

.notification-page .profile-pic{width: 50px;

    height: 50px;

    overflow: hidden;

    border-radius: 50px;

    position: relative;

    top: 16px;}

.notification-page .profile-pic img{ width: 100%;}

.notification-dtltext p span {

    font-style: normal;

}

.notification-dtltext p span em {

    font-style: normal;

}

.notification-sec{border-bottom: dashed 1px #ddd;

    padding-bottom: 20px;}

.notification-sec:last-child{ border-bottom: none;}

.notification-banner-img img{width: 100%;}

.notification-banner-img{ width: 100%; height: 250px; border-radius: 15px; overflow: hidden;}

.notification-dtltext ul{padding-left: 10px;}

.notification-dtltext ul li{ padding-left: 0px; padding: 10px 0;}

.weekly_watch_info_text p{    font-size: 14px;

    font-family: Avenir Next;

    font-style: normal;

    line-height: 26px;

    text-align: justify;

    color: #666;

}



.loader_sec{

    position: relative;

    min-height: 300px;

}

.card-body p img{ width: auto !important;

    height: auto !important;}





#loader {

    position: absolute;

    left: 58%;

    top: 30%;

    z-index: 1;

    margin: -50px 0 0 -50px;

    border: 10px solid #d4e9fb;

    border-radius: 50%;

    border-top: 10px solid #3498db;

    width: 50px;

    height: 50px;

    -webkit-animation: spin 2s linear infinite;

    animation: spin 2s linear infinite;

}



#chat_loader {

    position: absolute;

    left: 55%;

    top: 50%;

    z-index: 1;

    width: 150px;

    height: 150px;

    margin: -50px 0 0 -50px;

    border: 10px solid #d4e9fb;

    border-radius: 50%;

    border-top: 10px solid #3498db;

    width: 50px;

    height: 50px;

    -webkit-animation: spin 2s linear infinite;

    animation: spin 2s linear infinite;

}



#lts_loader {

    position: absolute;

    left: 55%;

    top: 50%;

    z-index: 1;

    width: 150px;

    height: 150px;

    margin: -50px 0 0 -50px;

    border: 10px solid #d4e9fb;

    border-radius: 50%;

    border-top: 10px solid #3498db;

    width: 50px;

    height: 50px;

    -webkit-animation: spin 2s linear infinite;

    animation: spin 2s linear infinite;

}



.smile_close{fill: #a7a7a7;}

.editor-sec{ background: #f2f2f2;

    padding: 25px;

    border-radius: 13px; margin-bottom: 25px;}



.editor-sec h3{ font-size: 25px;}

.editor-sec .input-text-ar{ border: 0; height: 42px;}

/*

.btn{    margin-top: 15px;padding: 7px 30px;

    border-radius: 50px;

    background: #6EC68D;

    color: #fff;

    z-index: 99;

    position: relative;}

*/

.chat-btn-post a{ color: #fff; }

.green-box:hover{ text-decoration: none;}



.add_stock-ar  .modal-content{ border:none;

     border-radius:15px;padding: 15px; }   

    

.add_stock-ar  .modal-header{border-bottom:none;

    border-top-left-radius: 0rem;

    border-top-right-radius: 0rem;} 







.add_stock-ar .form-control {

    display: block;

    width: 100%;

    padding: .375rem .75rem;

    font-size: 1rem;

    line-height: 1.5;

    color: #495057;

    background-color: #ffffff;

    background-clip: padding-box;

    border: 1px solid #ced4da14;

    border-radius: .25rem;

    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

    border-radius: 0;

    box-shadow: 1px 1px 13px #b7bfcd40;

    height: 50px;

}

.add_stock-ar  .col-form-label{font-weight: 600;

    font-size: 14px;}

.add_stock-ar .select-sec{ height: 45px !important;}

.add_stock-ar .modal-footer{border-top:none;}

.add_stock-ar .modal-footer .btn-secondary { border: none;}

.card-body em{ font-style: normal;}

#tradingview_a55f1-wrapper{ width: 100% !impotant;}

#tradingview_a55f1-wrapper div{ width: 100% !impotant;}

.editor-sec textarea{ width: 100%;border: none;}

.alert-sec .alert {position: absolute;

    z-index: 99;

    width: 100%;

    padding: 14px 58px;margin-top: -60px; text-align: center;}



.post-res-btn .sign-up:hover {

    background: #6ec68d !important;

    color: #fff !important;

}

.profile-white-box a:hover{ text-decoration: none;}  

    



#target {

    background: #ffffff;

    width: 100%;

    /* height: 150px; */

    padding: 5px;

    display: none;

    position: absolute;

    right: 0;

    z-index: 9;

    box-shadow: 1px 1px 16px #ddd;

}
#target1 {

    background: #ffffff;
    width: 100%;
    /* height: 150px; */
    padding: 5px;
    display: none;
    position: absolute;
    right: 0;
    z-index: 9;
    box-shadow: 1px 1px 16px #ddd;
}



.Hide

{

  display:none;

}

.online-profile .toggle {
    position: relative;
    right: -57%;
    top: -36px;
    width: 95px;
    text-align: center;
    color: #6EC68D;
    height: 27px;
    background: #6ec68d1f;
    border-radius: 100px;
    border: solid 1px;
    font-size: 12px;
}



.online-profile{ position: relative;}

/*==============responsive-search===========*/

/*

.search-icon {

  font-size: 32px;

  color: dimgray;

  background-color: #eee;

  border: 0;

  outline: none;

}



.search-toggle .search-icon.icon-close {

  display: none;

}

.search-toggle.opened .search-icon.icon-search {

  display: none;

}

.search-toggle.opened .search-icon.icon-close {

  display: block;

}



.search-container {

  position: relative;

  -moz-transition: all 0.3s;

  -o-transition: all 0.3s;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

  max-height: 0;

  overflow: hidden;

  background-color: #eee;

}

.search-container.opened {

  max-height: 100px;

}

.search-container input[type="text"] {

  outline: none;

  font-size: 1.6rem;

  margin: 18px;

  width: 300px;

  background-color: inherit;

  border: 0;

}

.search-container .search-icon {

  vertical-align: middle;

}







.search-container {

  position: absolute;

  left: 15px;

}

*/

/*==============responsive-search===========*/





@-webkit-keyframes spin {

  0% { -webkit-transform: rotate(0deg); }

  100% { -webkit-transform: rotate(360deg); }

}



@keyframes spin {

  0% { transform: rotate(0deg); }

  100% { transform: rotate(360deg); }

}



/* Add animation to "page content" */

.animate-bottom {

  position: relative;

  -webkit-animation-name: animatebottom;

  -webkit-animation-duration: 1s;

  animation-name: animatebottom;

  animation-duration: 1s

}



@-webkit-keyframes animatebottom {

  from { bottom:-100px; opacity:0 } 

  to { bottom:0px; opacity:1 }

}



@keyframes animatebottom { 

  from{ bottom:-100px; opacity:0 } 

  to{ bottom:0; opacity:1 }

}

#ans{
width: 60px;
height: 31px;
display: block;
float: left;
}
#question {
    width: 80px;
    height: 31px;
    display: block;
    float: left;
    margin: 0px;
    line-height: 31px;
}
.capcha-form input#ans{
    width: 100px;
}
.form-group.capcha-form {
    width: 100%;
    display: inline-block;
}