@import url(font-awesome.css);
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Days+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap');
@font-face {
  font-family: 'hellios';
  src: url('../fonts/hellios.eot?#iefix') format('embedded-opentype'),  url('../fonts/hellios.woff') format('woff'), url('../fonts/hellios.ttf')  format('truetype'), url('../fonts/hellios.svg#hellios') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat-Light';
  src: url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/Montserrat-Light.woff') format('woff'), url('../fonts/Montserrat-Light.ttf')  format('truetype'), url('../fonts/Montserrat-Light.svg#Montserrat-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat-Regular';
  src: url('../Montserrat-Regular.eot?#iefix') format('embedded-opentype'),  url('../Montserrat-Regular.woff') format('woff'), url('../Montserrat-Regular.ttf')  format('truetype'), url('../Montserrat-Regular.svg#Montserrat-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat-Bold';
  src: url('../Montserrat-Bold.eot?#iefix') format('embedded-opentype'),  url('../Montserrat-Bold.woff') format('woff'), url('../Montserrat-Bold.ttf')  format('truetype'), url('../Montserrat-Bold.svg#Montserrat-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*font-family: 'Lato', sans-serif;
   font-family: 'Montserrat', sans-serif;*/

body{
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    background: #fff;
    color: #292929;
    background: #fff;
    overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6{
    font-family: 'Montserrat', sans-serif;
}
html{
    overflow-x: hidden;
}
a:focus{
    text-decoration: none;
}
.navbar-wrapper{
    position: absolute;
    top: 0;
    right: auto;
    left: auto;
    z-index: 9999;
    max-width: 100%;
    width: 100%;
}
.navbar-wrapper > .container{
    padding-right: 0;
    padding-left: 0;
}
.navbar-wrapper .navbar{
    padding-right: 15px;
    padding-left: 15px;
}
.carousel .container{
    position: relative;
    height: 800px;
}
.carousel-caption{
    z-index: 10;
    right: 2%;
    top: 115px;
}
.carousel .item{
    height: 800px;
    position: relative;
    background-color: #777;
}
.carousel-inner > .item > img{
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: auto;
}
.carousel ol.carousel-indicators{
    display: none;
}
.marketing .col-lg-4{
    margin-bottom: 20px;
    text-align: center;
}
.marketing h2{
    font-weight: normal;
}
.marketing .col-lg-4 p{
    margin-right: 10px;
    margin-left: 10px;
}
.featurette-divider{
    margin: 80px 0;
}
.featurette-heading{
    font-weight: 300;
    line-height: 1;
    letter-spacing: -1px;
}
.navbar-wrapper .navbar{
    background: transparent;
    border: none;
}
#navbar{
    float: right;
    margin-top: 55px;
}
#navbar ul li{
    margin-left: 25px;
}
#navbar ul li a{
    padding-left: 0px;
    padding-right: 0px;
}
#navbar ul li.black-bg{
    background: #000;    
}
#navbar ul li.black-bg a{
    position: relative;
}
#navbar ul li.black-bg a:before{
    position: absolute;
    width: 100%;
    height: 2px;
    background: #fff;
    content: "";
    bottom: 0;
    transform: scaleX(0);
    transition: all 0.7s;
    left: 0;
    z-index: 1;
}
#navbar ul li.black-bg a:hover:before{
    transform: scaleX(1);
}
#navbar ul li.blue-bg a{
    position: relative;
}
#navbar ul li.blue-bg a:before{
    position: absolute;
    width: 100%;
    height: 2px;
    background: #fff;
    content: "";
    bottom: 0;
    transform: scaleX(0);
    transition: all 0.7s;
    left: 0;
    z-index: 1;
}
#navbar ul li.blue-bg{
    background: #0076be;    
}
#navbar ul li.blue-bg a:hover:before{
    transform: scaleX(1);
}
#navbar ul li.add-to-cart a{
    padding-left: 0;
    padding-right: 0;
    font-size: 18px;
}
#navbar ul li.black-bg a, #navbar ul li.blue-bg a{
    color: #fff;
    padding: 10px 20px;
}
#navbar ul li a{
    color: #000;
    font-size: 14px;
    font-weight: bold;
    position: relative;
}
#navbar ul li a:hover:before{
    transform: scaleX(1);
}
#navbar ul li a:before{
    position: absolute;
    width: 100%;
    height: 2px;
    background: #000;
    content: "";
    bottom: 10px;
    transform: scaleX(0);
    transition: all 0.7s;
}
#navbar ul li.icon-facebook, #navbar ul li.icon-instagram, #navbar ul li.icon-twitter{
    margin-left: 15px;
}
#navbar ul li.icon-facebook a, #navbar ul li.icon-instagram a, #navbar ul li.icon-twitter a {
    padding-left: 0px;
    padding-right: 0px;
    font-size: 20px;
}
.carousel-caption h1 {
    font-size: 82px;
    font-weight: bold;
    text-align: right;
    font-family: 'EuclidSquare-Bold';
    text-shadow: 0 1px 2px rgba(255, 255, 255, .1);
}
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right{
    right: 20%;
}
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left{
    left: 20%;
}
.carousel-control.left, .carousel-control.right{
    background: none;
    width: 2%;
    left: 30px;
    right: auto;
    opacity: 1;
}
.carousel-control.right{
    right: 30px;
    left: auto;
}
.carousel .blue-btn {
    float: right;
    margin-right: 5px;
    position: relative;
}
.carousel .blue-btn a:before{
    position: absolute;
    width: 100%;
    height: 2px;
    background: #fff;
    content: "";
    bottom: 0;
    transform: scaleX(0);
    transition: all 0.7s;
    left: 0;
    z-index: 1;
}
.carousel .blue-btn a:hover:before{
    transform: scaleX(1);
}
.carousel .blue-btn a:hover{
    text-decoration: none;
}
.blue-btn{
    background: #0076be;
    display: block;
}
.blue-btn a{
    color: #fff;
    font-size: 24px;
    padding: 5px 30px;
    display: block;
    font-weight: normal;
    text-shadow: none;
}
.login-page {
    background: #e7ecf9;
    background-size: cover;
    min-height: 100vh;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: 0px;
}
.login-block.vertical-mid {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    /* margin-top: -22px; */
    transform: translateY(-50%);
    max-width: 470px;
    margin: 0 auto;
    width: 100%;
    max-height: 683px;
}
.round-white-bg{
    background: #ffffff;
    border-radius: 8px;
    height: auto;
    overflow: hidden;
}
.login-block .logo {
    margin: 0 0 0 13px;
    text-align: left;
}
.login-form form .form-input {
    margin-top: 23px;
}
.admin-login-left {
    float: left;
    width: 50%;
    background: #000;
}
.admin-login-left .login-img-left {
    max-width: 100%;
}
.mobile-login {
    display: none;
}
.admin-login-right {
    float: right;
    width: 50%;
}
.admin-login-right .vertical-mid {
    position: absolute;
    top: 50%;
    left: 25%;
    transform: translate(50%, -50%);
    width: 50%;
}
.logo {
    text-align: center;
}
.vertical-mid{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*    background: #fff;
        padding: 50px 30px;
        border-radius: 8px;
        box-shadow: 20px 20px 0 rgba(0, 0, 0, 0.15), -20px -20px 0 rgba(0, 0, 0, 0.15);*/
}
.logo img {
    max-width: 500px;
    margin: 0 auto;
    width: 100%;
}
.login-page .logo img.login-sc-icon {
    max-width: 270px;
    width: 100%;
}
.login-wrap {
    max-width: 352px;
    margin: 30px auto 15px;
}
.login-page .logo img.login-logo {
    max-width: 250px;
    display: block;
}
.login-form {
    max-width: 420px;
    border: 0px solid;
    height: auto;
    margin: 30px auto 0;
    /* height: auto; */
    /* overflow: hidden;*/
}
.login-form form {
    padding: 0;
    margin: 0;
    display: inline-block;
    width: 100%;
    max-width: 420px;
    position: relative;
    z-index: 2;
    min-height: inherit;;
}
.login-page .login-form .col-md-12 {
    margin-bottom: 30px;
    position: relative;
    float: left;
    width: 100%;
}

.login-form .input-light {
    background: #efefef;
    border-radius: 0px;
    /* display: block; */
    padding: 0;
    box-shadow: none;
    margin: 0;
    box-shadow: none;
    float: left;
    width: 100%;
}
.login-form .input-light:before {
    position: absolute;
    left: 0px;
    background: #09c5b4;
    top: 0;
    content: "";
    width: 5px;
    height: 100%;
}
.login-form form .input-light input, .login-form form .input-light textarea, .login-form form .input-light select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    border: none;
    background-color: rgba(255, 255, 255, 0.2);
    width: 100%;
    border-radius: 0;
    padding: 15px 15px;
    margin: 0;
    display: block;
    text-align: left;
    font-size: 14px;
    color: #3c3c3c;
    letter-spacing: 0px;
    font-weight: 400;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
    height: auto;
}
.login-page .login-form .col-md-12:last-child {
    margin-bottom: 0;
}
.login-form .submit-btnn {
    margin-bottom: 0;
}
.login-form .message{
    padding: 5px 15px;
    text-align: center;
    color: red;
}
/*.login-form .form{
    height: auto;
    overflow: hidden;
}*/
.login-form .input-light i.fa, .login-form .input-light input {
    display: inline-block;
    width: auto;
    background-image: none;
}

.login-form .message {
    /* text-align: center; */
    background: #09c5b4;
    color: #fff;
    margin: 0 0px 30px;
    border-radius: 0;
    padding: 5px 10px 5px 40px;
    position: relative;
    display: block;
    text-align: left;
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
    max-width: 390px;
    margin-left: auto;
    margin-right: auto;
}
.login-form .message:before {
    content: "\f071";
    font-family: FontAwesome;
    margin-right: 11px;
    position: absolute;
    left: 5px;
    background: #fff;
    color: #09c5b4;
    border-radius: 0;
    width: 28px;
    height: 28px;
    top: 2px;
    left: 1px;
    text-align: center;
    line-height: 28px;
}
.login-form input::placeholder {
    color: #c6c6c6;
}
.dashboard_form .input-light input::placeholder, .dashboard_form .input-light textarea::placeholder, .dashboard_form .input-light select::placeholder{
    font-size: 14px;
    color: #c6c6c6;
    font-weight: 400;
}
.sidebar .nav {
    overflow: hidden;
}
.login-form .input-light input {
    width: calc(100% - 50px);
    color: #c6c6c6;
}
.login-form .pad-5{
    padding-bottom: 5px;
}
.login-content .login-terms {
    color: #c6c6c6;
    font-size: 15px;
}
.login-content .checkbox label {
    min-height: 20px;
    padding-left: 30px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
    text-align: center;
    color: #aaa;
}
span.login-text {
    float: left;
    margin-top: -2px;
}
.login-content .container input, .fileupload-buttonbar .custom-check input, table.table.table-striped tr.template-download.fade.in label.custom-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.login-content .checkmark, .fileupload-buttonbar .custom-check .checkmark, table.table.table-striped tr.template-download.fade.in label.custom-check .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #d8d8d8;
    border-radius: 4px;
}
.login-content .container:hover input ~ .checkmark, .fileupload-buttonbar .custom-check:hover input ~ .checkmark, table.table.table-striped tr.template-download.fade.in label.custom-check:hover input ~ .checkmark {
    background-color: #18dfbe;
}
.login-form .input-light i.fa {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 4px;
    font-size: 20px;
    background: #fff;
    color: #292929;
    margin-right: 5px;
}
.login-form .input-light i.fa.fa-key {
    transform: rotate(135deg);
    background: linear-gradient(65deg, rgba(255,235,46,1) 0%, rgba(116,67,0,1) 48%, rgba(1,0,0,1) 100%);
}
.sidebar[data-color=rose] li.active>a {
    background-color: rgba(255, 255, 255, 0.3);
    box-shadow: none;
}
.sidebar .user:after, .sidebar .logo:after {
    background-color: rgba(255, 255, 255, 0.3);
    display: none;
}
.sidebar .all-chat .user .user-info .caret {
    top: -6px;
}
.sidebar[data-background-color=black] .nav .nav-item .nav-link {
       color: #fff;
    border: 0px solid #f1ecd9;
    border-right: 0px;
    float: left;
    width: 100%;
    border-radius: 0;
    padding-left: 20px;
}
.sidebar[data-background-color=black] .nav .nav-item .nav-link i.fa {
    font-size: 18px !important;
    width: 10px;
    text-align: left;
}
.sidebar .nav li.active>[data-toggle=collapse], .sidebar .nav li .dropdown-menu a:focus, .sidebar .nav li .dropdown-menu a:hover, .sidebar .nav li:hover>a{
    background-color: #f1ecd9;
    transition: all 0.5s;

}
.sidebar[data-background-color=black] .nav .nav-item ul li a {
    margin-right: 0 !important;
    margin-left: 15px !important;
}
.sidebar[data-background-color=black] .nav .nav-item ul li a {
    margin: 0 !important;
}

.nav li.nav-item {
    margin-left: 0;
    border-radius: 0 !important;
    border: 0px solid #f1ecd9 !important;
    box-shadow: none;
    max-width: 100%;
}
.login-form .submit-btnn{
    display: table;
    width: auto;
    float: left;
    text-align: left;
    float: none;
    margin: 10px auto 0;
    padding-bottom: 0;
    border-radius: 4px;
    box-shadow: none;
}
.login-form .submit-btnn i.fa{
    background: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 65px;
    color: #744300;
    font-size: 20px;
    float: left;
}
.new-btn {
    background: #09c5b4;
    border: none;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 1.428571;
    width: auto;
    text-align: left;
    margin-bottom: 0;
    padding: 12px 45px;
    border-radius: 80px;
    box-shadow: none;
    transition: all 0.5s;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}
.new-btn:hover {
    background: #292929;
    color: #fff;
    box-shadow: none;
}

.card .card-header.card-header-image img {
    width: 100%;
    border-radius: 0;
    pointer-events: none;
    box-shadow: none;
    max-height: 300px;
    margin: 0 auto;
    min-height: 300px;

}
.front .card .card-header.card-header-image {
    background: transparent;
    padding: 0;
    margin-bottom: 0px;
    min-height: 230px;
    border: 0px solid #000;
    /*max-height: 283px;*/
    overflow: hidden;
    border-radius: 8px 8px 0 0;
}
.content.dashboard.single .top-area .col .div_gallery_img .view-signal .img-block.shadow {
    min-height: initial;
    background: transparent;
}
.front .card .card-header.card-header-image img {
    min-height: inherit;
    width: auto;
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-height: 230px;
    height: auto;
    border-radius: 8px 8px 0 0;
    width: auto;
    max-width: 100%;
    position: absolute;
}
.single.dashboard .card-header.card-header-image {
    background: transparent;
    padding: 0;
}
.front .dashboard.single .card .card-header.card-header-image img {
    border-radius: 0px;
    max-height: inherit;
    min-height: inherit;
    /* width: auto; */
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: auto;
    border-radius: 8px 8px 0 0;
    max-height: 350px;
    width: auto;
    max-width: 100%;
    height: auto;
}
.card-img {
    width: 100%;
    border-radius: 0;
}
.card .card-header.card-header-image {
    position: relative;
    padding: 0;
    z-index: 1;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    border-radius: 0;
}
.card .card-detail {
    float: left;
    width: 100%;
}

.login-form .submit-btnn button:focus {
    outline: none;
}
input:-internal-autofill-previewed, input:-internal-autofill-selected, textarea:-internal-autofill-previewed, textarea:-internal-autofill-selected, select:-internal-autofill-previewed, select:-internal-autofill-selected {
    background-color: transparent !important;
    background-image: none !important;
    color: rgb(0, 0, 0) !important;
}
.forget-password a {
    color: #4f96c6;
    text-decoration: underline;
    font-size: 11px;
    font-weight: 400;
}
.login-big-logo {
    margin-top: 45px;
}
.login-big-logo img {
    max-width: 312px;
    margin: 0 auto;
}
button#submit_btn, button#login-button {
    font-size: 20px !important;
    color: #fff !important;
    font-weight: bold !important;
    background: rgb(223,203,38) !important;
    background: linear-gradient(80deg, rgba(223,203,38,1) 0%, rgba(122,110,99,1) 100%) !important;
    border: none !important;
    width: 176px;
    text-align: center;
    border-radius: 44px !important;
    line-height: 18px !important;
    padding: 14px !important;
    transition: background .7s;
    -webkit-transition: background .7s;
    -o-transition: background .7s;
    -moz-transition: background .7s;
}
button#submit_btn:hover, button#login-button:hover {
    background: rgb(223,203,38) !important;
    background: linear-gradient(80deg, rgba(122,110,99,1) 0%, rgba(223,203,38,1) 100%) !important;
}
.forget-password {
    margin-top: 15px;
    padding-left: 15px;
    text-align: center;
    font-size: 16px;
}

footer {
    /*position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding-bottom: 5px;*/
}
.footer-logo {
    bottom: 0px;
    left: -67px;
    max-width: 125px;
    overflow: hidden;
    z-index: 9;
    bottom: -47px;
    position: fixed;
}
footer #footerContent a, footer #footerContent {
    color: #666;
    font-size: 15px;
}
footer #footerContent {
    padding-top: 5px;
}
footer #footerContent a, footer #footerContent, footer #footerContent span {
    color: #595959;
    font-weight: normal;
    padding: 3px 6px;
    text-transform: inherit;
}
span.light-bg.adress-links span {
    padding: 0 5px !important;
}
footer.footer-dark .footer-logo-static img.homepage-logo-icon {
    max-width: 50px;
}
footer.footer-dark .footer-logo-static img.homepage-logo {
    max-width: 170px;
}
footer.footer-dark #footerContent span.light-bg {
    /* background: transparent; */
    clear: both;
    display: block;
}


footer.footer-dark #footerContent a {
    /*    color: #292929;*/
}
footer #footerContent span.white-round{
    background: transparent;
}
footer #footerContent span.light-bg{
    background: transparent;
}
footer #footerContent span a{
    color: #fff;
}
footer.footer.footer-dark span a, footer.footer.footer-dark #footerContent span.copyright {
    /*    color: #292929;*/
}
footer.footer.footer-dark #footerContent span a:hover {
        text-decoration: underline;
}
footer #footerContent .app-icon span.white-round a:hover {
    color: #fff !important;
}
.copyright-links.my-2 {
    margin-bottom: 3rem!important;
    margin-left: auto;
    margin-right: auto;
}
footer #footerContent span.app-icon {
    display: inline-block;
    margin-bottom: 5px;
}
footer.footer.footer-dark #footerContent span i.fa.fa-download {
    color: #09c5b4;
    position: relative;
    top: 2px;
}
body.homepage-main .homepage-left.logo-inner {
    height: 100vh;
    /* border: 0px solid; */
    flex: none;
    position: relative;
    width: 25%;
    float: left;
}
.login-block.vertical-mid.icons-left, .login-block.vertical-mid.icons-right {
    left: 0;
    transform: translate(0, -50%);
    background: transparent;
    padding: 0;
    box-shadow: none;
    top: 25%;
}
.login-block.vertical-mid.icons-right{
    transform: translate(0, -50%); 
    left: auto;
    right: 4.76%;
}
.login-block.vertical-mid.icons-left img, .login-block.vertical-mid.icons-right img {
    max-width: 280px;
}
.floating {  
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    margin-left: 30px;
    margin-top: 5px;
    display: none;
}

@keyframes floating {
    from { transform: translate(0,  0px); }
    50%  { transform: translate(0, 15px); }
    to   { transform: translate(0, 0px); }
}
body.homepage-main .homepage-left.logo-inner .vertical-mid {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: transparent;
    padding: 0;
    border-radius: 0px;
    box-shadow: none;
    width: 100%;
    height: 100px;
    border: 0px solid;
    height: auto;
    overflow: hidden;
}
body.homepage-main .logo a.simple-text.logo-mini {

    flex: none;
    display: block;
    text-align: center;
}
.logo a.simple-text.logo-mini img.homepage-logo-icon {
    max-width: 160px;
    width: 100%;
    margin: 0 auto;
}
.logo a.simple-text.logo-mini img.homepage-logo {
    max-width: 364px;
    margin: 20px auto 0;
    max-width: 280px;
}
/*.app-icon span.white-round.rec {
    background: linear-gradient(180deg, rgba(255,235,46,1) 0%, rgba(116,67,0,1) 38%, rgba(1,0,0,1) 100%);
    padding: 3px 8px;
    border-radius: 2px;
    color: #1c1c1c;
}
.app-icon .white-round {
    background: linear-gradient(180deg, rgba(255,235,46,1) 0%, rgba(116,67,0,1) 38%, rgba(1,0,0,1) 100%);
    border-radius: 100%;
    padding: 2px 3px;
    color: #1c1c1c;
}*/
footer #footerContent .app-icon span.white-round a {
    color: #09c5b4;
}
footer #footerContent span.copyright{
    color: #fff;
}
nav.navbar a.navbar-brand {
    font-size: 18px;
    margin: 0 0 0 5px !important;
    padding: 12px 5px 0 !important;
}
.card .card-header.card-header-icon h4.card-title {
    font-size: 22px;
    font-weight: 400;
}
.content-block .tutor-img {
    margin-bottom: 30px;
}
.sidebar .logo a.logo-normal {
    padding-right: 23px;
}
.card .card-title {
    font-size: 18px;
}
.dashboard .content .card-body ul {
    list-style: none;
    margin: 15px 0 0 0;
    padding: 0;
    font-size: 14px;
    float: left;
    width: 100%;
}
.dashboard .content .card.card-chart {
    background: #61ae3b;
    color: #fff;
}
.dashboard .content *{
    /*        color: #fff;*/
}
.dashboard .content .card-body ul li span {
    text-align: right;
    float: right;
    font-weight: 500;
}
.dashboard .content .card-body ul li {
    float: left;
    width: 100%;
    margin-top: 9px;
    text-transform: capitalize;
    border-bottom: 1px solid #cecece;
    padding-bottom: 9px;
    font-weight: 500;
    color: #3c3c3c;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
        font-weight: 500;
}
.dashboard .content .card-body ul li:first-child {
    margin-top: 0;
}
.dashboard .content .card-footer a, .dashboard .content .card-footer i {
    color: #444444;
    font-size: 13px;
    font-weight: 500;
    text-align: left;
}
.dashboard .content .card-footer span.card-category.view-all i {
    float: left;
    margin: 4px 7px 4px 0;
    font-size: 21px !important;
}
.dashboard .content .card-footer span.card-category.view-all a, .dashboard .content .card-footer span.card-category.view-all i{
    color: #fff;
}
.dashboard .content .card-footer  .stats{
    color: #999;
    font-size: 12px;
    line-height: 22px;
    display: block;
    float: left;
    width: 100%;
}
.dashboard .content .card-footer .card-category:hover *{
    transition: all 0.5s;
}
.dashboard .content .card-footer .card-category:hover *{
    /*    color: #fff;*/
}
/*.dashboard.single .content .card-footer .card-category:hover * {
    color: #61ae3b;
}*/
.dashboard .content .card-footer .card-category {
    font-size: 15px;
    font-weight: normal;
    float: left;
    text-transform: capitalize;
}
.dashboard .content .card-footer span.card-category.view-all a {
    font-size: 15px;
    font-weight: normal;
    float: right;
    background: #292929;
    color: #fff;
    padding: 10px 15px;
    border-radius: 6px;
    text-transform: uppercase;
    font-weight: 500;
    cursor: pointer;
    box-shadow: none;
    transform: scale(0.7);
    transition: all 0.5s;
}
.dashboard .content .card-footer span.card-category.view-all a:hover {
    transform: scale(0.9);
}
.dashboard .content .card-footer span.card-category.view-all a i.material-icons.dp48 {
    float: left;
    width: 100%;
    height: 25px;
    overflow: hidden;
    top: 0;
    margin: 0;
    padding-top: 12px;
    /* display: none; */
    color: #ffaf02;
}
.dashboard.single .card .card-header.card-header-image .zoom-icon {
    position: absolute;
    left: 0;
    top: 0;
    transform: scale(0);
    width: 66px;
    height: 66px;
    max-height: inherit;
    min-height: 66px;
    z-index: 9;
    transition: all 1s;
    right: 0;
    bottom: 0;
    margin: auto;
    font-size: 50px;
    color: #3c3c3c;
}
.single.dashboard .img-block a.gallery_img {
    /* display: block; */
    /* height: 100%; */
    /* width: 100%; */
    /* position: relative; */
    /* float: left; */
    cursor: pointer;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 0 solid;
    display: block;
    height: 300px;
}
.dashboard.single .card .card-header.card-header-image .img-block.shadow:hover .zoom-icon {
    transform: scale(1);
}
.dashboard .content .card-footer span.card-category.view-all a span.view-text {
    width: 100%;
    float: left;
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    color: #ffaf02;
}
.single.dashboard .img-block:hover a:hover span.over {
    box-shadow: 4px 4px 0 rgba(255, 255, 255, 0.5);
}
body .card-product .card-body+.card-footer {
    border-top: 0px solid #c38501;
    background: #cccccc;
    border-radius: 0;
    position: relative;
    margin: 5px 0 0;
    padding: 10px 7px;
    border-radius: 0 0 8px 8px;
}
.dashboard .content .card-footer a img {
    float: left;
    margin: 1px 8px 0 5px;
}
.card .card-body+.card-footer .stats .card-category, .card .card-footer .stats .card-category {
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
    color: #444444;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    text-align: left;
}
body .card-product .card-body+.card-footer:before{
    position: absolute;
    left: 0px;
    background: #ddcb75;
    top: 0;
    content: "";
    width: 5px;
    height: 100%;
    display: none;
}
body .card-product .card-footer:before{
    position: absolute;
    left: 0px;
    background: #09c5b4;
    top: 0;
    content: "";
    width: 5px;
    height: 100%; 
}
img.zoom-icon {
    width: 66px;
    height: 66px;
    transform: scale(0);
    transition: all 1s;
}
.dashboard .card.card-product.hover-card:hover img.zoom-icon {
    transform: scale(1);
}
.dashboard .content .card-footer .stats i.fa {
    color: #ffaf02;
    background: #292929;
    position: absolute;
    left: 0;
    top: 0;
    width: 46px;
    height: 46px;
    line-height: 46px;
    border-radius: 4px 0 0 4px;
    text-align: center;
    font-size: 20px;
}
.card .card-body+.card-footer, .card .card-footer {
    padding: 5px 0;
    margin: 0 15px 15px;
    border-radius: 0;
    justify-content: space-between;
    align-items: center;
}
.dashboard .content .card .card-body+.card-footer .stats .material-icons, .dashboard .content .card .card-footer .stats .material-icons{
    font-size: 26px;
    top: 7px;
}
.dashboard .content .card-body ul li:last-child {
    border: none;
    padding-bottom: 0;
}
.navbar .navbar-toggler {
    z-index: 9999;
}
.navbar-toggler:not(:disabled):not(.disabled) {
        cursor: pointer;
    right: 20px;
    top: 0px;
    opacity: 1;
    border: 0px solid;
    position: absolute;
    z-index: 9999;
    border-radius: 4px;
}
.single .card-detail.notes .note-title {
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: 500;
}
.single .card-detail.notes {
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    text-align: justify;
    font-weight: 500;
}
.single .card-detail {
    border: 0px solid #ddd;
    height: auto;
    overflow: hidden;
    padding: 15px;
    border-radius: 0;
    background: #eef3f6;
    box-shadow: none;
}
.dashboard .card.card-product {
    position: relative;
    background: #f7f7f7;
    box-shadow: none;
    padding: 10px;
    margin-top: 0;
    margin-bottom: 15px;
    border-radius: 0;
    overflow: visible;
}
.video-shared-main .col-md-6.video-box .card.card-product {
    padding: 15px;
}
.wrapper.admin-wrapper.admin-video .card-product.card .card-title, .wrapper.admin-wrapper.admin-video .card-product.card .card-date-time, .wrapper.admin-wrapper.admin-video .card-product.card .card-body {
       padding: 10px 0 !important;
    border-bottom: 1px solid #cecece;
    margin-bottom: 0px !important;
    font-size: 14px;
    font-weight: 500;
    color: #3c3c3c;
    background: transparent;
    margin-top: 0;
}
.wrapper.admin-wrapper.admin-video .card-product.card .card-body {
    margin-bottom: 0 !important;
    border: none;
}
.dashboard_form .form {
    padding: 15px;
    width: 100%;
    background: #ececec;
    margin-top: 0px;
    height: auto;
    /* overflow: hidden; */
    float: left;
}
.no-shadow{
    box-shadow: none !important;
}
body .content.dashboard.single .card-product .card-body+.card-footer {
    margin: 0px 0 0;
    border-radius: 0;
    border: none;
    box-shadow: none;
    background: #cccccc;
    padding: 10px 7px;
    position: relative;
    border-radius: 0 0 8px 8px;
}
body .content.dashboard.single .card-product .card-body+.card-footer:before{
    position: absolute;
    left: 0px;
    background: #ddcb75;
    top: 0;
    content: "";
    width: 5px;
    height: 100%;
}
body .content.dashboard.single .card-product .card-body+.card-footer .card-footer-inner {
    background: transparent;
    width: 100%;
    padding: 0;
}
/*.content.dashboard {
    padding-bottom: 60px;
}*/
.dashboard.single .card.card-product p {
    font-size: 14px;
    font-weight: 500;
    color: #3c3c3c;
}
span.card-category.view-all {
    display: none;
}
.dashboard .card.card-product.hover-card:before{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(221, 203, 117, 0.3);
    z-index: 8;
    transition: all 0.5s ease-in-out 0s;
    bottom: 0;
    right: 0;
    margin: 0 auto;
    transform: scale(0);
    display: none;
}
.dashboard.single .disclaimer .card.card-product {
    background: #ececec !important;
    padding: 15px !important;
    box-shadow: none !important;
    margin-bottom: 0;
}
.wrapper.admin-wrapper.chat-page.front .dashboard .disclaimer .card .card-body .grey-bg.pad-15 {
    padding: 0;
    background: transparent;
}
.wrapper.admin-wrapper.chat-page.front .dashboard .disclaimer .card .card-body {
    padding: 0;
}
.dashboard .row.disclaimer .card.card-product {
    background: #ececec;
    padding: 15px;
}
.dashboard .row.disclaimer {
    margin-top: 40px;
}
.dashboard .disclaimer .card.card-product .card-body{
    background: #fff;
    padding: 15px;
}
.dashboard .disclaimer .card.card-product .card-body p{
    margin: 0px;
    color: #3c3c3c;
    font-size: 14px;
    line-height: inherit;
}
.dashboard .disclaimer .card.card-product .card-body p strong{
color: #3c3c3c;
}
.grey-bg{
    background: #f1ecd9;
    position: relative;
    overflow: hidden;
} 
.dashboard .disclaimer .card.card-product .card-body .grey-bg:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 5px;
    background: #ddcb75;
    left: 0;
    top: 0;
    display: none;
}
.pad-15{
    padding: 15px;
}
.dashboard .card.card-product.hover-card:hover:before{
    height: 100%;
    width: 100%;
    transform: scale(1);
}
.dashboard span.card-category.view-all {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    opacity: 0;
    transition: all 0.5s ease-in-out 0.5s;
}
.dashboard .card.card-product.hover-card:hover span.card-category.view-all{
    opacity: 1;
}
.dashboard.single .card.card-product:before{
    display: none;
}
.single.dashboard .video-block {
    width: 100%;
    /* height: 608px; */
    box-shadow: none;
    border-radius: 6px;
    overflow: hidden;
    padding: 15px;
    background: #fff;
    border: 0px solid #ddd;
    border-radius: 0;
    text-align: center;
    box-shadow: 0px 0px 10px #b8b8b8;
}
.single.dashboard .video-block video {
    width: 100%;
    height: 608px;
    box-shadow: none;
    border-radius: 0;
    max-height: 300px !important;
    min-height: 300px;
    width: 100% !important;
    margin-bottom: -4px;
}
.content.dashboard.single .top-area .col {
    width: 50%;
}
.dashboard.single .card.card-product {
    background: transparent;
    padding: 0;
    margin-bottom: 0px;
}
footer.footer.footer-dark.section-pt {
    clear: both;
}
/*.dashboard.single .card.card-product {
    background: transparent;
    margin-top: 15px;
}*/
body, body p{
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
}
.disclaimer .card-body {
    background: #61ae3b;
    color: #fff;
    line-height: 23px;
}
.disclaimer .card-body p {
    margin: 5px 0;
}
.dashboard.single .img-block span.over {
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-60%, -50%);
    z-index: 9;
    background: #292929;
    width: 70px;
    height: 70px;
    color: #fff;
    text-align: center;
    line-height: 50px;
    border-radius: 4px;
    font-size: 30px;
    transform: scale(0.7);
    transition: all 0.7s;
}
.single.dashboard .img-block:hover span.over {
    opacity: 1;

}
.dashboard.single .img-block span.over:hover {
    transform: scale(0.8);
}
.single.dashboard .img-block, .single.dashboard .video-block {
        position: relative;
    overflow: hidden;
    padding: 0px;
    background: #efefef;
    border: 0px solid #ddd;
    border-radius: 0;
    box-shadow: none;
    text-align: center;
    min-height: 300px;
    z-index: 9;
    position: relative;
    max-height: 300px;
}
.content.dashboard.single .top-area .col .div_gallery_img .view-signal .img-block.shadow a {
    height: auto;
}
span.msg-enable-disable {
    margin-top: 13px;
    float: left;
    font-size: 18px;
    font-weight: 700;
    width: 100%;
}
span.msg-enable-disable * {
    font-weight: 400;
}
span.msg-enable {
    color: #fff;
}
span.msg-disable{
    color: #fff;
}
.single.dashboard .img-block:before {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(221, 203, 117, 0.3);
    z-index: 8;
    transform: scale(0);
    transition: all 0.7s;
    display: none;
}
.content.dashboard.single .card .card-header.card-header-image .over img {
    min-height: inherit;
    max-height: inherit;
    width: 80%;
    height: auto;
    transition: all 0.5s;
    margin-top: 7px;
}
.dashboard.single .card .card-header.card-header-image img {
    border-radius: 4px;
    max-height: 300px;
    min-height: 300px;
    width: auto;
}
.dashboard.single .img-block span.over img {
    width: 39px;
    height: 39px;
    min-height: inherit;
    transform: scale(0.7);
}
.single.dashboard .img-block:hover:before {
    height: 100%;
    transform: scale(1);
}
.single.dashboard .card-header.card-header-image {
    margin-bottom: 0px;
    margin-top: 0;
    border-radius: 0;
}
.single.dashboard .card .card-body, .dashboard .card .card-body {
    padding: 15px;
    position: relative;
    background: transparent;
    box-shadow: none;
}
.content.dashboard.single .top-area .col:first-child {
    padding-right: 0;
}
.dashboard .card .card-body {
    background: #f1ecd9;
    box-shadow: none;
}
.content.dashboard.single .top-area .col .div_gallery_img {
    background: #f7f7f7;
    box-shadow: none;
    padding: 15px;
    border-radius: 0 !important;
        position: relative;
}
.footer {
    position: relative;
}
footer.footer .copyright{
    padding-right: 15px;
    font-size: 14px;
    font-weight: normal;
}
.simple-lightbox button.sl-close {
    background: #61ae3b;
    color: #fff;
    border-radius: 6px;
    z-index: 9999;
}
.single.dashboard .card .card-body .flex-col .col.card-detail {
    margin: 0 15px;
}
.single.dashboard .card .card-body .flex-col .card-detail.notes.col {
    max-width: 30%;
    flex: 2;
    padding-right: 15px;
}
.single.dashboard .card .card-body .flex-col .col.card-detail {
    margin: 0 0px;
    width: 100%;
    flex: 1;
    max-width: 80%;
    margin-left: 0;
    background: #ececec;
    box-shadow: none;
    padding-right: 0;
}
.single.dashboard .card .card-body .flex-col .col.card-detail .card-body {
    background: #f7f7f7;
    height: auto;
    overflow: hidden;
    box-shadow: none;
    padding: 0 15px 15px 15px;
}
.single.dashboard .card .card-body .flex-col .card-detail.notes.col .card-body {
        padding-top: 15px;
    height: 100%;
}
.main-panel>.footer {
    background: #343a40;
    clear: both;
    /*    position: absolute;*/
    bottom: 0;
}
footer.footer .float-left {
    float: none !important;
}
footer.footer .copyright {
    padding: 0;
    font-size: 14px;
    font-weight: normal;
    float: none !important;
}
body .card {
    box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.3);
}
.shadow {
    box-shadow: 0 5px 15px -8px rgba(0,0,0,.24), 0 8px 10px -5px rgba(0,0,0,.2);
}
.main-panel>.content {
    margin-top: 20px;
}
.btn.btn-fab .fa, .btn.btn-fab .material-icons, .btn.btn-just-icon .fa, .btn.btn-just-icon .material-icons {
    background: #61ae3b;
    color: #fff;
}
.subscription .table .flag img {
    max-width: 30px;
    margin-top: -2px;
    border-radius: 4px;
}
.subscription .table-sales .table td {
    text-transform: capitalize;
}
.subscription tr.heading-bg {
    background: #61ae3b;
    color: #fff;
    text-transform: capitalize;
}
.subscription .table-sales .table td:nth-child(2) {
    width: 50%;
}
.subscription .table-sales .table td:first-child {
    width: 20%;
}
.subscription .table-sales .table td.sub-status i {
    background: #61ae3b;
    border-radius: 100%;
    color: #fff;
    cursor: pointer;
    box-shadow: 2px 2px 0px 1px rgba(55, 128, 19, 0.8);
}
.subscription .table-sales .table .sub-status {
    text-align: center;
}
.subscription .table-sales {
    margin-top: 0px;
}
.btn.btn-fab .fa, .btn.btn-fab .material-icons, .btn.btn-just-icon .fa, .btn.btn-just-icon .material-icons{
    background: rgb(255,175,2);
    background: linear-gradient(180deg, rgba(255,175,2,1) 0%, rgba(195,133,0,1) 100%);
}
.navbar-minimize .btn.btn-fab.btn-round, .navbar-minimize .btn.btn-just-icon.btn-round {
    border-radius: 4px;
    box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.2);
}
header.navbar-transparent.navbar-dark .navbar-expand-lg {
    background: transparent !important;
    box-shadow: none;
}
.footer-content {
    margin: 0 auto;
}
header.navbar-transparent.navbar-dark .dis-block{
    display: block;
    width: 100%;
}
header.navbar-transparent.navbar-dark .navbar-nav {
    float: right;
    margin-top: 18px;
}
.homepage-banner{
    background:url(../images/homepage-banner.jpg) no-repeat center center;
    background-size:cover;
}
.navbar-transparent {
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
header {
    position: relative;
    z-index: 99;
}
body.homepage-main nav.navbar {
    background: transparent !important;
    box-shadow: none;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    width: 100%;
    position: relative;
}
body.homepage-main .content-area {
    padding: 0;
}
body.homepage-main a.btn.btn-outline-white.flt-rgt {
    margin: 4px 15px 0 0;
    float: right;
    width: auto;
    border-radius: 4px;
}
body.homepage-main nav.navbar .container-fluid.dis-block {
    /* justify-content: inherit; */
    display: block;
}
body.homepage-main nav.navbar .navbar-nav {
    float: right;
    margin-top: 8px;
}
.homepage-banner-sec .homepage-left img {
    max-width: 100%;
}
body.homepage-main .logo {
    padding: 1px 0;
    margin: 0;
    display: block;
    position: relative;
    z-index: 1;
    float: left;
    background: transparent;
    text-align: left;
    /* width: 100%; */
    width: 100%;
}
.logo a.logo-normal img{
    max-width: 169px;
    margin: 0 auto;
    width: 100%;
}
.white-bg{
    background: #fff;
}
body.homepage-main .logo a.simple-text.logo-mini {
    float: left;
    background: transparent;
    padding: 0;
    max-width: inherit;
}
.footer-dark {
    background: #161616;
}
.footer-dark *, .footer-dark .widget a {
    /*    color: #d5d5d5;*/
    font-size: 14px;
}

footer.footer.footer-dark.section-pt {
    min-height: 220px;
}
.wrapper {
    position: relative;
    top: 0;
    height: auto;
}
.main-panel.ps-container.ps-theme-default{
    min-height: 100vh;
}
a.footer-logo-static.mb-3, a.footer-logo-static.mb-3.d-block {
    display: inline-block;
}
.sidebar-background:after {
    display: none !important;
}
.sidebar[data-background-color=black] .nav .nav-item i {
    color: #fff;
}
.sidebar .user .photo.no-shadow {
    box-shadow: none !important;
    margin-top: 7px;
    margin-left: 7px;
}
.sidebar ul.nav li.active ul.nav li.active a {
    background: #fff !important;
}
.sidebar .nav li ul.nav.second-level li:hover a:before {
        opacity: 1;
}
.sidebar .nav li ul.nav.second-level li:hover a:before {
        opacity: 1;
    height: 32px;
}
.sidebar ul.nav li.active li a {
    background: transparent;
}
.sidebar ul.nav li.active a {
    background: #fff;
}
.sidebar .sidebar-wrapper .user .user-info [data-toggle=collapse]~div>ul>li>a .sidebar-mini, .sidebar .sidebar-wrapper>.nav [data-toggle=collapse]~div>ul>li>a .sidebar-mini{
    width: 20px;
    margin-right: 8px;
}
.btn-grad{
    background: linear-gradient(180deg, rgba(255,235,46,1) 0%, rgba(116,67,0,1) 38%, rgba(1,0,0,1) 100%);
    padding: 5px 15px;
    /*    background: -webkit-linear-gradient(150deg, #2ab9a5 0%, #97c74e 50%, #2ab9a5 100%);
        background: -o-linear-gradient(150deg, #2ab9a5 0%, #97c74e 50%, #2ab9a5 100%);
        background: -ms-linear-gradient(150deg, #2ab9a5 0%, #97c74e 50%, #2ab9a5 100%);
        background: linear-gradient(150deg, #2ab9a5 0%, #97c74e 50%, #2ab9a5 100%);*/
    transition: all 0.5s;
    font-size: 16px;
}
.btn-grad.active, .btn-grad:active, .btn-grad:focus, .btn-grad:hover {
    color: #ffffff;
    background: linear-gradient(180deg, rgba(1,0,0,1) 0%, rgba(116,67,0,1) 38%, rgba(255,235,46,1) 100%);
}
a.btn.btn-outline-white i.fa {
    font-size: 16px !important;
    margin-right: 8px;
    display: inline-block;
}
.all-text-white *, .text-all-white * {
    color: #ffffff;
}
a.btn.btn-outline-white {
    font-size: 15px;
    background: #ffffff;
    border: 2px solid #fff;
    box-shadow: none;
    margin-top: 30px;
    color: #343a40;
    border-radius: 4px;
}
a.btn.btn-outline-white:hover {
    color: #fff;
    background: transparent;
}
h1.display-6.display-md-5.font-weight-700.text-white {
    font-weight: normal;
    background: rgba(0, 0, 0, 0.3);
    padding: 15px;
    text-transform: capitalize;
}
/* Icon 1 */

.animated-icon1, .animated-icon2, .animated-icon3 {
    width: 30px;
    height: 20px;
    position: relative;
    margin: 0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.animated-icon1 span, .animated-icon2 span, .animated-icon3 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.animated-icon1 span {
    background: #e65100;
}

.animated-icon2 span {
    background: #e3f2fd;
}

.animated-icon3 span {
    background: #f3e5f5;
}

.animated-icon1 span:nth-child(1) {
    top: 0px;
}

.animated-icon1 span:nth-child(2) {
    top: 10px;
}

.animated-icon1 span:nth-child(3) {
    top: 20px;
}

.animated-icon1.open span:nth-child(1) {
    top: 11px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
}

.animated-icon1.open span:nth-child(3) {
    top: 11px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

/* Icon 3*/

.animated-icon2 span:nth-child(1) {
    top: 0px;
}

.animated-icon2 span:nth-child(2), .animated-icon2 span:nth-child(3) {
    top: 10px;
}

.animated-icon2 span:nth-child(4) {
    top: 20px;
}

.animated-icon2.open span:nth-child(1) {
    top: 11px;
    width: 0%;
    left: 50%;
}

.animated-icon2.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.animated-icon2.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.animated-icon2.open span:nth-child(4) {
    top: 11px;
    width: 0%;
    left: 50%;
}

/* Icon 4 */

.animated-icon3 span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.animated-icon3 span:nth-child(2) {
    top: 10px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.animated-icon3 span:nth-child(3) {
    top: 20px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.animated-icon3.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0px;
    left: 8px;
}

.animated-icon3.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
}

.animated-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 21px;
    left: 8px;
}
.divider {
    color: #8f9397;
    width: 100%;
    margin: 0px auto;
    overflow: hidden;
    text-align: center;
    line-height: 0em;
}
.divider:before {
    border-bottom: 1px solid #363636;
    content: "";
    display: block;
    height: 0em;
    margin: 0 auto;
    vertical-align: middle;
    width: 100%;
    left: auto;
    right: auto;
    opacity: 0.8;
}
.divider:after {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    content: "";
    display: inline-block;
    height: 0;
    margin: 0 0 0 -100%;
    vertical-align: middle;
    width: 50%;
    margin: 0 -100% 0 0;
    display: none;
}
.p-0 {
    padding: 0 !important;
}

.sidebar .logo {
    padding: 14px 0 14px;
    margin: 0;
    display: block;
    position: relative;
    z-index: 4;
    background: rgba(255, 255, 255, 0.5);
    float: left;
    text-align: left;
    width: 100%;
    border-bottom: 2px solid #ddcb75;
}
.sidebar .logo a.logo-mini {
    opacity: 1;
    float: left;
    width: 100%;
    text-align: left;
    margin-left: 15px;
    margin-right: 15px;
    max-width: 100%;
    padding: 0;
}
.fixed-logo {
    position: fixed;
    left: -67px;
    bottom: -47px;
    z-index: 9;
    width: 125px;
    height: 125px;
}
.fixed-logo img {
    width: 100%;
}
.navbar.navbar-absolute {
    position: relative;
    border-bottom: 2px solid #ffaf02;
    padding: 7px 0;
    float: left;
    width: 100%;
    height: auto !important;
    overflow: hidden;
    display: block;
    flex: none;
    z-index: 9;
}
.navbar.navbar-absolute a.navbar-brand {
    color: #ddcb75;
    font-weight: 400;
    text-transform: capitalize;
    font-size: 16px;
}
.sidebar .user .photo {
    border-radius: 100%;
    border: 0px solid #fff;
    box-shadow: none;
}
.sidebar .nav-item .user .photo {
    border: none;
    width: 28px;
    margin-right: 0;
}
.sidebar .all-chat {
    margin: 0;
    position: relative;
    /* border: 1px solid #fff; */
    padding: 0;
}
.sidebar .user {
    padding: 0;
    margin: 0;
    position: relative;
}
.sidebar ul.nav li:hover a{
    background: #fff !important;
}
.sidebar ul.nav li a:before, .sidebar ul.nav li li a:before {
    position: absolute;
    content: "";
    width: 5px;
    height: 44px;
    background: #b9a229;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all 0.5s;
}
.sidebar ul.nav li:hover li a:before {
    opacity: 0;
}
.sidebar ul.nav li:hover a:before{
    opacity: 1;
}
.sidebar ul.nav li.active a:before, .sidebar ul.nav li.active li.active a:before {
    opacity: 1;
}
.sidebar ul.nav li.active li a:before{
    opacity: 0;
}
.sidebar ul.nav li.active li.active a:before{
    opacity: 1 !important;
    height: 32px;
}
.sidebar ul.nav li:hover li a {
    background: transparent !important;
}
.sidebar ul.nav li li:hover a {
    background: #fff !important;
}
.sidebar .user a {
    padding: 13px 5px !important;
}
.nav>li {
    position: relative;
    display: block;
    border: 0px solid #fff;
    margin-bottom: 5px !important;
    float: left;
    width: 100%;
}
.sidebar .all-chat ul.nav li {
    padding: 8px 0;
}
/*.nav li:hover a{
    background: rgba(255, 255, 255, 0.3) !important;
}*/

/*.nav li:hover{
    background: transparent !important;
}*/
/*.nav li:hover li a {
    background: transparent !important;
}*/
.nav li li:hover a {
    background: rgba(255, 255, 255, 0.3) !important;
}
.sidebar .nav li .dropdown-menu a, .sidebar .nav li a {
    margin: 0px 0px 0px 0px;
    padding: 7px 15px 7px 7px;
    border-radius: 0;
}
.sidebar .nav li:first-child>a {
    margin: 0;
}
.navbar.navbar-absolute a.navbar-brand strong {
    font-weight: 600;
}
.sidebar .all-chat ul.nav li a {
    padding: 6px 15px !important;
    margin: 0 15px !important;
}
.sidebar .all-chat ul.nav li {
    margin: 0 0 7px !important;
    padding: 0;
    max-width: inherit;
    border-right: none !important;
}
.navbar .navbar-wrapper {
    position: relative;
}
.sidebar[data-background-color=black] .sidebar-background:after {
    opacity: .3;
}
footer.loin-footer #footerContent span a {
    color: #fff;
}
section.content-area {
    padding: 50px 0;
}
h2.heading-title {
    color: #292929;
    font-size: 38px;
    font-weight: lighter;
    text-align: center;
    margin: 0 0 30px;
    position: relative;
    padding-bottom: 5px;
    line-height: 38px;
}
h2.heading-title strong {
    font-weight: 500;
}
.sec-pad {
    padding: 70px 0;
}
section.services-sec{
    background: #e7ecf9;
}
.probuct-title {
    color: #c17a07;
    font-size: 25px;
    font-weight: 500;
    margin: 15px 0 0 0px;
}
section.welcome-sec h2.heading-title {
    text-align: left;
}
section.welcome-sec p {
    text-align: justify;
    font-size: 14px;
    line-height: 25px;
}
a.new-black-btn{
    background: #292929;
    border: none;
    font-weight: bold;
    color: #ffaf02;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 1.428571;
    width: auto;
    text-align: left;
    margin-bottom: 0;
    padding: 14px 41px;
    border-radius: 4px;
    box-shadow: none;
    transition: all 0.2s ease-in-out;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.2);
}
a.new-black-btn:hover {
    background: #ffaf02;
    color: #292929;
    box-shadow: none;
}
a.new-orange-btn{
    background: #ffaf02;
    border: none;
    font-weight: bold;
    color: #292929;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 1.428571;
    width: auto;
    text-align: left;
    margin-bottom: 0;
    padding: 14px 41px;
    border-radius: 4px;
    box-shadow: none;
    transition: all 0.2s ease-in-out;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.2);
}
a.new-orange-btn:hover {
    background: #292929;
    color: #ffaf02;
    box-shadow: none;
}
.mt-30{
    margin-top: 30px;
}
.probuct-img img {
    max-width: 100%;
}
.newsletter-sec {
    background: #09c5b4;
}
.subscribe-box {
    background: #fff;
    padding: 20px 30px 20px 30px;
    height: auto;
    overflow: hidden;
}
.subscribe-box input {
    background: transparent;
    border: none;
    width: 100%;
    max-width: 500px;
}
.subscribe-box button {
    float: right;
    color: #09c5b4;
    background: transparent;
    border: 1px solid transparent;
    text-transform: uppercase;
    font-weight: bold;
}
.subscribe-box button:hover {
    color: #292929;
}
/*h2.heading-title:before, h2.heading-title:after {
    content: "";
    position: absolute;
    width: 90px;
    height: 4px;
    bottom: 0;
    background: #c17a07;
    left: 0;
    right: 0;
    margin: 0 auto;
}
h2.heading-title:after {
    bottom: -10px;
    width: 60px;
}*/

.content-area {
    max-width: 100%;
    margin: 0;
    min-height: 500px;
}
.coins-sec .row .col-sm-12:last-child {
    margin-bottom: 25px;
}
.navbar.navbar-absolute {
    background: transparent !important;
    padding: 0;
}
.chat-page .content-area {
    float: left;
    width: 100%;
    background: url(/images/chat-bg.jpg);
    background-attachment: fixed;
    padding: 0;
    padding-bottom: 220px;
}
.content.dashboard {
    float: left;
    width: 100%;
}
.chat-page .content-area:before {
    position: absolute;
    content: "";
    background: rgba(255, 255, 255, 0.5);
    width: 100%;
    height: 100%;
    /* z-index: 9; */
    left: 0;
    top: 0;
    display: flex;
    display: none;
}
.chat-area {
    /* border-radius: 8px; */
    float: left;
    margin-top: 30px;
    padding: 5px;
    max-width: 75%;
    clear: both;
    flex: none;
}
.chat-area1 {
    /* border-radius: 8px; */
    float: left;
    margin-top: 30px;
    padding: 5px;
    max-width: 75%;
    clear: both;
    flex: none;
}

.chat-area .chat-user-img:before {
    content: "\f0da";
    position: absolute;
    right: -14px;
    font-family: FontAwesome;
    color: rgba(0, 0, 0, 0.2);
    font-size: 20px;
    top: 14px;
}

.chat-area.admin {
    background: #c17a07;
    float: right;
}
.chat-area .chat-user-img {
    float: left;
    margin-right: 10px;
    position: relative;
    box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.2);
    border-radius: 50px;
    border: 2px solid #fff;
    margin-right: 14px;
    overflow: hidden;
}
span.chat-user-name, span.chat-user-divider, span.chat-user-time {
    font-size: 14px;
    font-weight: bold;
    color: #444444;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.chat-user-content-main {
    float: left;
    width: calc(100% - 70px);
    background: #ffaf02;
    border-radius: 4px;
    padding: 12px 15px 12px;
    box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.2);
}
span.chat-user-content {
    float: left;
    width: 100%;
    font-size: 13px;
    line-height: 18px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.chat-area .chat-user-img img {
    /* border-radius: 4px; */
    max-width: 30px;
}
.gallery_hover a{
    position: relative;
}
.gallery_hover a .tooltiptext {
    visibility: hidden;
    width: 230px;
    background-color: #292929;
    color: #ffaf02;
    text-align: center;
    border-radius: 6px;
    padding: 10px 15px;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -10px;
    border: 0px solid;
    border-radius: 0;
    font-size: 14px;
    -webkit-transition: visibility 1s ease-out;
    -moz-transition: visibility 1s ease-out;
    -o-transition: visibility 1s ease-out;
    transition: visibility 0.5s ease-out;
    /* height: 100vh; */
    font-weight: 400;
    text-transform: uppercase;
    display: inline-block;
}
.gallery_hover:hover a .tooltiptext {
    visibility: visible;
}
.chat-user-content-main img {
    max-width: 500px;
    border-radius: 4px;
    width: 100%;
}
chat-user-content-main video {
    border-radius: 4px;
    width: auto !important;
}
span.all-chat-content {
    margin-bottom: 10px;
    float: left;
    width: 100%;
}
.chat-user-content-main video {
    width: auto !important;
    height: auto !important;
}
.chat-textarea {
    margin-left: 70px;
    background: #ffaf02;
    padding: 15px 15px;
    border-radius: 4px;
    height: auto;
    overflow: hidden;
    box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.2);
}
.chat-textarea textarea {
    border-radius: 4px;
    border: none;
    background: #f1ecd9;
    width: calc(100% - 156px);
    padding: 15px 15px 14px 65px;
    float: left;
    max-height: 49px;
    font-size: 13px;
    cursor: not-allowed;
    box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.2);
    position: relative;
    /* font-style: italic; */
    font-size: 14px;
    color: #3c3c3c;
}
.cursor-not-allow{
    cursor: not-allowed;
}

.chat-textarea i.fa {
    float: left;
    background: #292929;
    color: #ffaf02;
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 9;
    font-size: 35px;
    border-radius: 4px 0 0 4px;
    text-align: center;
    line-height: 49px;
}
.chat-textarea button.btn-submit{
    background: #292929;
    border: none;
    font-weight: bold;
    color: #ffaf02;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 1.428571;
    width: auto;
    text-align: left;
    margin-bottom: 0;
    padding: 14px 41px;
    border-radius: 4px;
    box-shadow: none;
    transition: all 0.2s ease-in-out;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    float: right;
    box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.2);
}
.chat-textarea button.btn-submit:hover {
    background: #fff;
    color: #292929;
    box-shadow: none;
}
.chat-textarea button.btn-submit:focus {
    outline: none;
}
.simple-lightbox button.sl-close {
        background: #b9a229;
    color: #fff;
    border-radius: 0;
    z-index: 10010;
    font-size: 27px;
    box-shadow: none;
    line-height: 41px;
        border-radius: 4px;
}
.sl-wrapper button:hover {
    opacity: 1 !important;
    background: #44585d;
    color: #fff;
}
.sl-wrapper .sl-close {
    right: 30px;
    z-index: 1015;
    margin-top: -14px;
    margin-right: -14px;
    width: 41px;
    font-size: 5rem;
    height: 41px;
}
.sl-caption.pos-bottom, .sl-wrapper .sl-navigation, .sl-counter {
    display: none !important;
}
.sidebar .logo a.logo-mini img.icon-logo {
    max-width: 28px;
    margin-right: 4px;
}
.sidebar .logo a.logo-mini img.main-logo {
    max-width: 198px;
}
.zindex-top {
    z-index: 999;
}
.btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active {
    background-image: none;
    box-shadow: none;
    background: transparent;
    border-color: #fff;
}
body.sidebar-mini .sidebar .logo a.logo-mini img.main-logo {
    display: none;
}
body.sidebar-mini .ps-scrollbar-y-rail, body.sidebar-mini .ps-scrollbar-x-rail {
    display: none !important;
}
.navbar .navbar-minimize {
    padding: 3px 0 0 0px;
}

.login-form form .input-light input::placeholder, .login-form form .input-light input::placeholder, .login-form form .input-light input::placeholder{
    color: #3c3c3c;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
}
img.logo-mini {
    max-width: 36px;
    display: none;
    margin: 0;
    margin-left: 10px;
    transition-property: top,bottom,width;
    transition-duration: .2s,.2s,.35s;
    transition-timing-function: linear,linear,ease;
    -webkit-overflow-scrolling: touch;
}
img.logo-large {
    max-width: 230px;
    transition-property: top,bottom,width;
    transition-duration: .2s,.2s,.35s;
    transition-timing-function: linear,linear,ease;
    -webkit-overflow-scrolling: touch;
}
body.sidebar-mini img.logo-mini {
    float: left;
    display: inline-block;
}
body.sidebar-mini img.logo-large {
    display: inline-block;
    transform: translate3d(187px,0,0);
}
body.sidebar-mini .sidebar:hover img.logo-mini {
    transform: translate3d(-95px,0,0);
    /* display: none; */
}
body.sidebar-mini .sidebar:hover img.logo-large {
    margin-left: 0;
    transform: translate3d(-40px,0,0);
}
.marg-15 {
    margin-left: 15px;
    margin-right: 15px;
}
.dashboard_form .input-light textarea {
    min-height: 36px;
    max-height: 36px;
}
footer.footer.footer-dark #footerContent span.copyright {
    float: left !important;
    width: 100%;
    margin-top: 2rem;
    font-size: 12px;
}
.wrapper.admin-wrapper.chat-page.front .content.content-area {
    /*    padding: 0 15px;*/
}
.wrapper.admin-wrapper.chat-page.front .dashboard .card .card-body {
    padding: 0px 0px 7px;
    background: transparent;
}
.admin-video video {
    max-height: 200px;
}
.admin-video iframe {
    width: 100%;
    border: none;
    border: 0px solid #ddd;
    margin-bottom: 15px;
}
.video-box.big-frame iframe {
    height: 375px;
}
.admin-video iframe #player{
    max-width: inherit !important;
}
.admin-video .card-product .card-footer {
    position: relative;
    margin-left: 0;
    margin-right: 0;
    padding: 15px 15px;
    background: #efefef;
    margin-top: 8px;
}
.admin-video .card-product .card-footer:before {
    position: absolute;
    left: 0px;
    background: #09c5b4;
    top: 0;
    content: "";
    width: 5px;
    height: 100%;
}
.admin-video .card-product .card-detail .video-discription{
    font-weight: 500;
    color: #3c3c3c;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
}
.wrapper.admin-wrapper.chat-page.admin-video .chat-text-main.file-choose {
    margin-left: 0;
}
.wrapper.admin-wrapper.chat-page.admin-video .chat-text-main.file-choose .chat-textarea.chat-screen{
    width: calc(100% - 15px);
}
/*.wrapper.admin-wrapper.chat-page.admin-video .dashboard .card .card-body {
    margin-top: 15px;
}*/
.card-product.card .card-title {
    padding: 15px;
    border: 0px solid blue;
    margin-top: -6px;
    text-align: left;
    font-size: 18px;
    font-weight: 500;
    margin: 9px 0 15px;
    background: #ddcb75;
    color: #3c3c3c;
}
.card-product.card .card-date-time {
    padding: 7px 15px;
    border: 0px solid blue;
    margin-top: -6px;
    text-align: left;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    background: #f1ecd9;
    margin: 0px 0 0px;
    position: relative;
    text-transform: uppercase;
    /* float: left; */
}
.card-product.card .card-date-time:before, .wrapper.admin-wrapper.chat-page.admin-video .dashboard .card .card-body:before {
    position: absolute;
    left: 0px;
    background: #ddcb75;
    top: 0;
    content: "";
    width: 5px;
    height: 100%;
    display: none;
}
.card-product.card .card-date-time ul {
    border-bottom: 0px solid #292929;
    padding: 0;
    margin: 0;
}
.card-product.card .card-date-time ul li {
    display: inline-block;
    margin-right: 20px;
    position: relative;
    color: #3c3c3c;
    width: auto;
    font-size: 14px;
    font-weight: 500;
    margin: 0 15px 0 0;
    width: 100%;
}
.card-product.card .card-date-time ul li i.fa {
    margin-right: 5px;
    font-size: 12px;
    color: #3c3c3c;
    position: relative;
    top: -1px;
}
.wrapper.admin-wrapper.chat-page.admin-video .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
}
.card-product.card .card-title {
    padding: 7px 15px;
    font-size: 14px;
}
.wrapper.admin-wrapper.chat-page.front .dashboard .disclaimer .card .card-body {
    padding: 0px;
}
.sidebar .user.user-profile {
    /* float: left; */
    /* width: 100%; */
    margin: 38px 0px 15px 0;
    background: #fff;
    padding: 7px 0px 5px 10px;
    border-radius: 0;
    background: #b9a229;
}
/*.sidebar .all-chat ul.nav li:last-child {
    margin-bottom: 0 !important;
}*/
.sidebar[data-background-color=black] .nav .nav-item ul li a {
    padding: 8px 10px !important;
}
.sidebar[data-background-color=black] .nav .nav-item ul li i {
    font-size: 18px !important;
    margin-top: 2px !important;
}
.nav li.nav-item i {
    margin-right: 5px;
}
.sidebar .nav li .nav {
    margin: 8px 0 0 25px;
}
.sidebar .user.user-profile .photo {
    margin: 0 12px 0 8px;
    float: left;
}
.sidebar .user.user-profile .user-info a {
    padding: 9px 15px !important;
    margin: 0px 8px 0 21px;
    color: #3c3c3c;
    font-weight: 500;
    font-size: 15px;
}
.sidebar .user.user-profile .user-info a span {
    font-weight: 500;
    font-size: 15px;
    color: #fff !important;
}
.front-side .login-form .input-light {
    position: relative;
    /* min-height: 52px; */
    padding: 11px 25px;
    border-radius: 44px;
    height: auto;    
}
span.forget-password {
    width: 100%;
    text-align: center;
    float: left;
    margin: 0;
    padding: 0;
}
span.forget-password {
    width: 100%;
    text-align: center;
    float: left;
        margin-top: 10px;
}
.front-side .login-form input.form-control {
    position: relative;
    bottom: auto;
    padding: 0px;
    background: transparent;
    font-size: 17px;
}
.front-side .login-form input.form-control::placeholder{
    font-size: 17px;
    color: #cbcbcb;
    font-weight: 400;
}
.front-side .login-form .input-light label.error{
        position: absolute;
    background: transparent;
    left: 11px;
    bottom: -22px;
    font-size: 12px;
    font-weight: 500;
    padding: 0 5px;
    margin-left: 10px;
}
body.body-login-page footer.loin-footer {
    display: none;
}
.switch-toggle .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 26px;
}
.switch-toggle label.switch {
    background: transparent;
    width: 60px;
    float: left;
    margin-right: 5px;
}
.switch-toggle .switch input { 
    opacity: 0;
    width: 0;
    height: 0;
}
.switch-toggle .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #b9a229;
    -webkit-transition: .4s;
    transition: .4s;
    border-color: #b9a229;
}

.switch-toggle .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch-toggle input:checked + .slider {
    background-color: #44585d;
    border-color: #b9a229;
}

.switch-toggle input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

.switch-toggle input:checked + .slider:before {
    -webkit-transform: translateX(35px);
    -ms-transform: translateX(35px);
    transform: translateX(35px);
}

/* Rounded sliders */
.switch-toggle .slider.round {
    border-radius: 34px;
}

.switch-toggle .slider.round:before {
    border-radius: 50%;
}


.faq-content p, .faq-content *{
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    color: #292929;
}
/*.faq-sec .greeting-msg {
    background: #09c5b4;
    padding: 15px;
    box-shadow: 0px 0px 10px #b8b8b8;
}*/

.faq-sec p.title {
    margin-top: 0;
    color: #09c5b4;
    margin-bottom: 15px;
}
.faq-sec p {
    font-size: 14px;
}
.faq-sec * {
    font-size: 14px;
    font-weight: normal;
}
.faq-sec p.title strong {
    font-weight: 700;
    font-size: 18px;
}
.faq-sec ul {
    list-style-position: inside;
    list-style-type: upper-alpha;
    list-style: none;
    float: left;
    width: 100%;
}
span.faq-title {
    display: block;
    margin-bottom: 10px;
    font-weight: bold !important;
    float: left;
    width: 100%;
    background: #cccccc;
    padding: 10px;
    border-radius: 0;
}
.faq-sec ul li {
    width: 100%;
    margin-top: 15px;
}
.faq-sec ul ol {
    margin-left: 15px;
}
.faq-sec ul ol li {
    margin-top: 5px;
    font-size: 13px;
    box-shadow: none;
}
.faq-sec p.title:last-child {
    margin-bottom: 0;
}
.faq-sec .accordion .card {
    margin: 25px 0 0 0;
    box-shadow: none;
    border-radius: 0;
}
.faq-sec .accordion .card-header a.btn.btn-link {
    background: #cccccc;
    display: block;
    text-align: left;
    color: #3c3c3c;
    padding: 15px;
    margin: 0;
    border-radius: 0;
    position: relative;
    font-weight: bold;
}
.faq-sec .card p{
    color: #3c3c3c !important; 
        font-weight: 500;
}
.faq-sec .accordion .card-header a.btn.btn-link:after {
    position: absolute;
    content: "+";
    right: 15px;
    font-size: 22px;
    top: 7px;
    font-weight: 500;
}
.wrapper.admin-wrapper.chat-page.admin-video .faq-sec .accordion .card .card-body:before {
    display: none;
}
.faq-sec .accordion .card .card-header {
    padding: 0;
}
.faq-content {
    background: #fff;
    padding: 15px;
    float: left;
    width: 100%;
    border-radius: 0;
}
.wrapper.admin-wrapper.chat-page.admin-video .faq-sec .accordion .card .card-body {
    padding: 15px;
    margin: 0;
    background: #fff;
}
.wrapper.admin-wrapper.chat-page.admin-video .faq-sec .accordion .card .card-body p{
    margin: 0;
}
.faq-sec .greeting-msg * {
    font-size: 14px;
    color: #3c3c3c;
    font-weight: 500;
}


.faq-sec {
    background: transparent;
    box-shadow: none;
    padding: 15px;
}
.faq-sec-inner {
    background: transparent;
    padding: 0;
}
.faq-sec ul li {
    position: relative;
    background: #f7f7f7;
    padding: 0;
    color: #3c3c3c !important;
    box-shadow: none;
    margin-bottom: 15px;
    display: block;
    float: left;
    width: 100%;
    border: 0px solid;
    height: auto;
    overflow: hidden;
    padding: 15px;
}
.view-signal {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9999;
    background: rgb(178,162,65);
    background: #b9a229;
    padding: 0;
    font-size: 12px;
    font-weight: 500;
    text-transform: capitalize;
    border-radius: 0 0 0px 4px;
    font-size: 20px;
    opacity: 0;
    color: #fff;
    transition: all 0.5s;
}
.view-signal a{
        color: #fff;
    padding: 8px 13px;
    display: block;
}
.content.dashboard.single .top-area .col .div_gallery_img:hover .view-signal {
    opacity: 1;
}
.dashboard_form .form.dashboard-layout .col-md-4.two-mobile .card.card-product:hover .view-signal{
    opacity: 1;
}
.faq-sec ul li li {
    padding: 0;
}
.pagination-block {
    clear: both;
    /* float: left; */
    width: calc(100% - 30px);
    padding: 0;
    margin: 40px auto 0;
    background: transparent;
    box-shadow: none;
    text-align: center;
    height: auto;
    /* overflow: hidden; */
    display: block;
}
.pagination-block ul.pagination {
    padding: 0;
    height: auto;
    display: inline-block;
    margin: 0 auto -9px;
    border-radius: 0;
    float: none;
    background: transparent;
}
.pagination-block ul.pagination li {
    margin: 0;
    display: inline-block;
    width: auto;
    background: #f7f7f7;
    float: left;
    padding: 0 1px;
}
.pagination-block ul.pagination li.disabled {
    padding: 0;
}
.pagination-block ul.pagination li.disabled {
    padding: 0;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background: #cccccc;
    color: #f1ecd9;
    color: #444444 !important;
}
.pagination > li > a{
    border-radius: 0px !important;
}
.pagination>li:first-child>a:hover, .pagination>li:last-child>a:hover {
    background: #444444;
    color: #fff;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 8px 15px;
    margin-left: -2px;
    line-height: 1.42857143;
    color: #3c3c3c;
    text-decoration: none;
    background-color: transparent;
    border: 0px solid #ddd;
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    color: #444444;
    font-weight: bold;
    margin: 0 0px;
    border-radius: 54px;
    transition: all 0.5s;
}
.pagination>li:first-child>a  {
    border-radius: 24px 0px 0 24px !important;
    border: 1px solid transparent;
    overflow: hidden;
    padding: 7px 14px;
}
.pagination-block ul.pagination li:first-child, .pagination-block ul.pagination li:last-child {
    background: transparent;
    padding: 0;
}
.pagination-block ul.pagination li:nth-child(2) {
    padding: 0;
}
.pagination-block ul.pagination li:last-child a {
    border-radius: 0 24px 24px 0px !important;
}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    background-color: #eee;
    color: #444444;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
        z-index: 2;
    background-color: #444444;
    border-color: transparent;
    color: #fff;
}
.pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span {
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background: #cccccc;
    color: #444444;
    text-transform: uppercase;
    border-radius: 0;
}
.wrapper.admin-wrapper.chat-page.front .content:before {
    display: none;
}
.email-subscription {
    background: #fff;
    box-shadow: none;
    text-align: center;
    padding: 15px;
}
.email-subscription-inner {
    background: #f7f7f7;
    padding: 0px;
    position: relative;
}
.no-pad{
    padding: 0px;
}
.email-subscription img.email-subscription-img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.email-subscription-box {
    position: absolute;
    top: 50%;
    text-align: left;
    left: 20px;
    transform: translateY(-50%);
}
.switch-toggle {
    width: auto;
    border: 0px solid;
    display: block;
    clear: both;
    margin-bottom: 15px;
    float: left;
    width: 100%;
}
.form {
    min-height: 400px;
}
section.newsletter-sec.sec-pad {
    display: none;
}

.video-shared {
    padding: 15px;
    margin: 0 0px 25px;
    background: #cccccc;
    box-shadow: none;
    /* height: auto; */
    /* overflow: hidden; */
    position: relative;
    float: left;
    width: 100%;
    width: calc(100% - 0px);
    position: relative;
    z-index: 9999;
}
.video-shared .nav ul {
    *zoom:1;
    list-style:none;
    margin:0;
    padding:0;
    background:#333;
}
.video-shared .nav ul:before, .video-shared .nav ul:after {
    content:"";
    display:table;
}
.video-shared .nav ul:after {
    clear:both;
}
.video-shared .nav ul > li {
    float:left;
    position:relative;
}
.video-shared .nav a {
    display:block;
    padding:10px 20px;
    line-height:1.2em;
    color:#fff;
    border-left:1px solid #595959;
}
.video-shared .nav a:hover {
    text-decoration:none;
    background:#595959;
}
.video-shared .nav li ul {
    background:#273754;
}
.video-shared .nav li ul li {
    width:200px;
}
.video-shared .nav li ul a {
    border:none;
}
.video-shared .nav li ul a:hover {
    background:rgba(0,0,0,0.2);
}
.video-shared .nav li ul {
    position:absolute;
    left:0;
    top:36px;
    z-index:1;
    max-height:0;
    overflow:hidden;
    -webkit-transform:perspective(400) rotate3d(1,0,0,-90deg);
    -webkit-transform-origin:50% 0;
    -webkit-transition:350ms;
    -moz-transition:350ms;
    -o-transition:350ms;
    transition:350ms;
}
.video-shared .nav ul > li:hover ul {
    max-height:1000px;
    -webkit-transform:perspective(400) rotate3d(0,0,0,0);
}
/*.video-shared .show-all {
    position:absolute;
    left:0;
    top:36px;
    z-index:1;
    max-height:0;
    overflow:hidden;
    -webkit-transform:perspective(400) rotate3d(1,0,0,-90deg);
    -webkit-transform-origin:50% 0;
    -webkit-transition:350ms;
    -moz-transition:350ms;
    -o-transition:350ms;
    transition:350ms;
}
.video-shared .show-all:hover ul {
    max-height:1000px;
    -webkit-transform:perspective(400) rotate3d(0,0,0,0);
}*/
.video-shared span.show-all {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    float: right;
    margin-top: 10px;
}
.video-shared span.show-all a {
    background: #09c5b4;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 5px 8px;
    line-height: 30px;
}
nav.video-shared-nav {
    float: left;
    border: 0px solid;
    width: calc(100% - 90px);
    margin-top: 10px;
}
.video-shared ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    float: left;
}
.video-shared ul li {
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    width: max-content;
    float: left;
    margin: 0 5px 10px 0;
    /* line-height: 27px; */
}
.video-shared ul.video-shared-nav1 {
    max-height: 29px;
    overflow: hidden;
    border: 0px solid;
}
.video-shared ul li a {
        color: #fff;
    background: #44585d;
    padding: 5px 8px;
    font-weight: 500;
    font-size: 14px;
    text-transform: capitalize;
    line-height: 30px;
    transition: all 0.5s ease-in-out;
}
.video-shared ul.video-shared-nav1.second-nav {
    float: left;
    clear: both;
    margin-top: 3px;
    position: absolute;
    top: 86px;
    background: #fff;
    width: 100%;
    left: 0px;
    padding: 0 15px 12px;
    z-index: 99;
    max-height: inherit;
    border-bottom: 3px solid #09c5b4;
}
.video-shared ul li a:hover {
    background: #b9a229;
    color: #fff;
}
.video-shared ul li.active a{
    background: #ddcb75;
    color: #3c3c3c;
}
.video-shared ul.video-shared-nav1.second-nav li {
    margin: 0 5px 2px 0;
}
.video-shared .title {
    background: transparent;
    margin: 0;
    padding: 0;
    min-height: inherit;
    color: #444444;
    font-weight: 500;
    text-transform: capitalize;
}
.video-shared.second-new .title i.fa.fa-angle-down {
    float: right;
}
.video-shared span.show-all i.fa.fa-plus {
    font-size: 12px;
}
span.show-content {
    float: right;
    width: 100px;
    margin-top: 2px;
}
.video-shared.second-new nav.video-shared-nav{
    position: absolute;
    left: 0;
    top: 42px;
    z-index: 1;
    max-height: 0;
    overflow: hidden;
    -webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg);
    -moz-transform: perspective(400) rotate3d(1, 0, 0, -90deg);
    -o-transform: perspective(400) rotate3d(1, 0, 0, -90deg);
    transform: perspective(400) rotate3d(1, 0, 0, -90deg);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    -webkit-transition: 350ms;
    -moz-transition: 350ms;
    -o-transition: 350ms;
    transition: 350ms;
    padding: 10px 15px 5px;
    background: #fff;
    border-bottom: 3px solid #44585d;
    width: 100%;
    z-index: 99;
    box-shadow: none;
        opacity: 0;
}
.video-shared.second-new:hover nav.video-shared-nav {
    max-height:1000px;
    -webkit-transform: perspective(400) rotate3d(1, 0, 0, 0);
    -moz-transform: perspective(400) rotate3d(1, 0, 0, 0);
    -o-transform: perspective(400) rotate3d(1, 0, 0, 0);
    transform: perspective(400) rotate3d(1, 0, 0, 0);
        opacity: 1;
}
.video-shared.second-new .video-shared ul.video-shared-nav1{
    max-height: inherit;
}
.video-shared.second-new ul.video-shared-nav1 {
    max-height: inherit;
}
.form.faq-form {
    padding: 0;
}
.no-video {
    border: 1px solid #ccc;
    padding: 25px;
}
.no-video span {
    float: left;
    margin-top: 15px;
    font-size: 13px;
    font-weight: 500;
}
.no-video {
    border: 1px solid #ccc;
    padding: 25px;
    text-align: center;
    float: left;
    width: 100%;
}
/* RESPONSIVE CSS
-------------------------------------------------- */


@media (min-width: 992px) {
    .featurette-heading {
        margin-top: 120px;
    }

}
@media (max-width: 1200px) {
    .login-block.vertical-mid {
            max-width: 470px;
        min-height: auto;
        max-height: auto;
    }
}
@media (max-width: 1024px) {
    .homepage-banner-sec .homepage-left {
        display: none;
    }
    .main-panel>.content {
        /*        padding-left: 0px;
                padding-right: 0px;*/
    }
    .main-panel>.content {
        margin-top: 0px;
    }
    .disclaimer .card-body p {
        margin: 0px 0;
        font-size: 14px;
        /*text-align: justify;*/
    }
    .wrapper.admin-wrapper.chat-page.admin-video .form iframe {
        /*margin-top: -37px;
        margin-bottom: -31px;*/
    }
    .video-shared.second-new nav.video-shared-nav.not-show {
        max-height: 0;
        -webkit-transform: perspective(400) rotate3d(1, 0, 0, -90deg);
        -moz-transform: perspective(400) rotate3d(1, 0, 0, -90deg);
        -o-transform: perspective(400) rotate3d(1, 0, 0, -90deg);
        transform: perspective(400) rotate3d(1, 0, 0, -90deg);
        -webkit-transform-origin: 50% 0;
        -moz-transform-origin: 50% 0;
        -o-transform-origin: 50% 0;
        -webkit-transition: 350ms;
        -moz-transition: 350ms;
        -o-transition: 350ms;
        transition: 350ms;
    }
    .video-shared.second-new nav.video-shared-nav {
        max-height: 1000px;
    }
    .video-shared.second-new.show nav.video-shared-nav.not-show {
    max-height: inherit;
    transform: none;
}
    .video-shared.second-new {
        overflow: hidden !important;
        height: 50px;
    }
    .video-shared.second-new.show {
        height: auto;
        overflow: visible !important;
    }
}
@media (max-width: 991px) {
    .sidebar-mini .sidebar:hover {
        width: 80px;
        overflow: hidden;
    }
    .nav>li {
        width: 100%;
    }
    .sidebar .nav li .dropdown-menu a, .sidebar .nav li a {
        margin: 0px;
        padding: 7px 7px;
    }
    .sidebar .user a {
        padding: 13px 5px !important;
    }
    .sidebar .user .photo.no-shadow {
    box-shadow: none !important;
    margin-top: 7px;
    margin-left: 7px;
    margin-right: 0px;
}
    .sidebar .user.user-profile .photo {
        margin-left:16px;
        float: left;
        margin-left: 0px;
    }
    .col-md-4.two-mobile {
        flex: none;
        max-width: 50%;
        float: left;
    }
   .view-signal {
    opacity: 1;
}
.content.dashboard.single .top-area .col .div_gallery_img .view-signal .img-block.shadow {
    padding: 0;
}
.sidebar .sidebar-background {
    height: calc(100vh) !important;
}
}
@media (max-width: 768px) {
    .wrapper.admin-wrapper.chat-page.admin-video .form iframe {
        margin-top: 0;
        margin-bottom: 0;
    }
    .container-fluid{
        padding-left: 0px;
        padding-right: 0px;
    }
    .wrapper.admin-wrapper.chat-page.admin-video .form .col-md-6{
        max-width: 100%;
    }
}
@media (max-width: 767px) {
    .faq-sec .greeting-msg * {
    font-size: 13px;
}

    .wrapper.admin-wrapper.chat-page.admin-video .form iframe {
        margin-top: 0;
        margin-bottom: 0;
    }
    body .card-product .card-body+.card-footer {
        padding: 7px;
        font-size: 13px;
        font-weight: 400;
    }
    .dashboard .content .card-footer a, .dashboard .content .card-footer i {
        font-size: 13px;
        font-weight: 400;
    }

    body .card-product .card-body+.card-footer:before{

    }
    .content.dashboard.single .top-area .col .div_gallery_img {
        margin-bottom: 25px;
    }
    .single.dashboard .card .card-body, .dashboard .card .card-body {
        padding: 15px 0;
    }
    .content.dashboard.single .top-area .col:last-child .div_gallery_img {
        margin-bottom: 0;
    }
    .login-block.vertical-mid {
        max-width: calc(100% - 30px);
        width: 100%;
        max-height: initial;
    }
    footer {
        /*position: relative;
        background: #374a4f;
        float: left;
        width: 100%;
        padding: 0 5px;*/
    }
    /*    .footer-logo {
            max-width: 115px;
            position: absolute;
            max-height: 85px;
            bottom: 0;
        }*/
    footer #footerContent{
        color: #fff;
        font-size: 12px;
        margin: 0;
        letter-spacing: 0.8px;
        width: 100%;
        float: right;
        text-align: right;
        max-width: 260px;
    }
    footer #footerContent span.app-icon {
        width: auto;
        margin: 5px 0;
    }
    footer #footerContent span.app-icon span.white-round, footer #footerContent span.app-icon span.white-round i.fa {
        width: auto;
        float: left;
        padding: 0 4px;
        margin-left: 4px;
    }
    footer #footerContent a, footer #footerContent, footer #footerContent span {
        font-size: 13px;
        margin: 0;
        width: 100%;
        margin-bottom: 2px;
        max-width: 100%;
        float: none;
        text-align: center;
    }
    #footer #footerContent span.app-icon span.white-round, #footer #footerContent span.app-icon span.white-round i.fa {
        color: #000;
        width: auto;
        float: left;
        padding: 0 4px;
        margin-left: 4px;
    }
    footer #footerContent span.app-icon a {
        color: #000;
        width: auto;
        float: none;
    }
    footer #footerContent span.app-icon span.white-round.rec i.fa {
        float: none;
        margin-top: 3px;
    }
    .single.dashboard .card .card-body .flex-col {
        display: block;
        max-width: 100%;
    }
    .single.dashboard .card .card-body .flex-col .col.card-detail{
        margin: 0 15px;
        width: 100%;
        flex: 0;
        max-width: 100%;
    }
    .dashboard .card.card-product .card-header.card-header-image .row.flex-col .col{
        padding: 0px;
    }
    .dashboard .card.card-product .card-header.card-header-image .row.flex-col {
        display: block;
        max-width: 100%;
        padding: 0px;
        margin: 0px;
    }
    .single.dashboard .card .card-body .flex-col .card-detail.notes.col {
        max-width: 100%;
        flex: 2;
        margin-top: 25px;
        display: block;
    }
    .single.dashboard .video-block {
        margin-top: 25px;
    }
    .disclaimer .card.card-product .card-body {
        overflow: hidden;
    }
    .single.dashboard .video-block {
        height: 200px;
    }
    .dashboard .content .card-body ul li {
        font-size: 18px;
    }
    .dashboard .content .card-body ul li span {
        text-align: left;
        /*width: 100%;*/
        font-size: 15px;
    }
    .single.dashboard .card-header.card-header-image {
        margin-bottom: 10px;
    }
    .disclaimer .card.card-product {
        margin: 0;
    }
    .card .card-header.card-header-icon h4.card-title {
        font-size: 20px;
    }
    .dashboard .card.card-product {
        padding: 7px;
        margin-bottom: 15px;
    }
    .dashboard .content .card-body ul li, .dashboard .content .card-body ul li span {
        font-size: 13px;
            font-weight: 600;
    }
    .content.dashboard.single .top-area .col .div_gallery_img {
        margin-bottom: 15px;
    }
    .single.dashboard .card .card-body, .dashboard .card .card-body {
        padding: 0;
    }
    .content.dashboard.single .top-area .col .div_gallery_img {
        padding: 7px;
    }
    .front .card .card-header.card-header-image {
        padding: 7px;
    }
    .single.dashboard .img-block, .single.dashboard .video-block {
        padding: 7px;
    }
    .single.dashboard .video-block {
        margin-top: 0;
    }
    .single.dashboard .card .card-body .flex-col .col.card-detail {
        padding: 7px;
    }
    .single.dashboard .content .card-body ul {
        padding: 7px;
    }
    body .content.dashboard.single .card-product .card-body+.card-footer {
        padding: 0;
        margin: 15px 0 0;
    }
    .dashboard .disclaimer .card.card-product .card-body {
        padding: 7px;
    }
    .dashboard.single .disclaimer .card.card-product{
        padding: 7px !important;
    }
    .pad-15 {
        padding: 7px 7px 7px 12px;
    }
    .copyright-links.my-2 {
        margin-bottom: 0px !important;
    }
    .widget.text-center.mt-5 {
        margin-top: 15px !important;
    }
    footer.footer.footer-dark #footerContent span.copyright {
        margin-top: 0;
    }
    .wrapper.admin-wrapper.chat-page.admin-video .dashboard .card .card-body {
        padding: 7px;
    }
    .wrapper.admin-wrapper.chat-page.front .dashboard .card .card-body {
        padding: 0 7px 7px;
    }
    .dashboard .content .card-body ul li {
        margin-top: 7px;
        padding-bottom: 7px;
    }
    .dashboard.single .card .card-header.card-header-image img {
        border-radius: 4px;
        max-height: 300px;
        min-height: inherit;
        width: auto;
        max-width: 100%;
    }
    .wrapper.admin-wrapper.chat-page.front .dashboard.single .card .card-body {
        padding: 0;
    }
    .wrapper.admin-wrapper.chat-page.front .dashboard.single .card .card-detail.notes .card-body {
        padding: 7px;
    }
    .wrapper.admin-wrapper.chat-page.front .dashboard.single .card .card-detail.notes .card-body p{
        font-size: 13px;
    }
    .card .card-body+.card-footer .stats .card-category, .card .card-footer .stats .card-category {
        font-size: 13px;
        font-weight: 400;
    }
    body .content.dashboard.single .card-product .card-body+.card-footer:before {
        width: 3px;
    }
    body .content.dashboard.single .card-product .card-body+.card-footer .card-footer-inner {
        padding: 7px;
    }
    .dashboard .disclaimer .card.card-product .card-body .grey-bg:before{
        display: none;
    }
    .wrapper.admin-wrapper.chat-page.front .dashboard.single .card .card-body .grey-bg.pad-15{
        padding: 7px;
    }
    .wrapper.admin-wrapper.chat-page.front .dashboard.single .disclaimer .card .card-body {
        padding: 0;
    }
    .wrapper.admin-wrapper.chat-page.front .content.content-area .disclaimer .card-body {
        padding: 0;
    }
    .wrapper.admin-wrapper.chat-page.front .content.content-area .disclaimer .card-body .grey-bg.pad-15 {
        padding: 7px;
    }
    .wrapper.admin-wrapper.chat-page.front .content.content-area .dashboard_form .form .col-md-4:last-child .card.card-product.hover-card {
        margin-bottom: 0;
    }
    .login-form .input-light:before{
        width: 3px !important;
    }
    .login-form form .input-light input, .login-form form .input-light textarea, .login-form form .input-light select
    {
        padding: 10px 15px;
    }
    .login-form .submit-btnn{
        padding-top: 0;
        padding-bottom: 0;
    }
    .login-page .login-form .col-md-12 {
        margin-bottom: 20px;
    }
    .login-page .logo img.login-sc-icon {
        max-width: 30px;
        margin-top: 0;
        margin-right: 0;
    }
    /*.login-page.front-side form#login-form .col-md-12 {
        margin-bottom: 20px;
    }*/
    .front-side .login-form .input-light {
        position: relative;
        padding: 7px;
        min-height: inherit;
    }
    .front-side .login-form .input-light label.error {
        position: absolute;
            /* background: rgba(255, 0, 0, 0.8); */
    color: red !important;
        left: 0;
        bottom: -17px;
        font-size: 13px;
        font-weight: 400;
        padding: 1px 5px;
        margin: 0;
        color: #fff;
        font-size: 11px;
        font-weight: 500;
        width: 100%;
    }
    .front-side .new-btn{
        padding: 7px 25px;
        font-size: 13px;
        font-weight: 500;
    }
    .login-form form .input-light input::placeholder {
        font-size: 13px;
        font-weight: 400;
    }
    .faq-sec .accordion-title a {
        font-size: 13px;
        color: #fff;
        padding: 7px;
    }
    .faq-content p, .faq-content * {
        font-size: 13px;
    }
    .faq-content {
        padding: 7px;
    }
    .faq-sec .accordion-title a:after {
        right: 7px;
        font-size: 18px;
        top: 4px;
    }
    .faq-sec .accordion .card {
        margin: 15px 0 0 0;
    }
    .faq-sec .accordion .card-header a.btn.btn-link {
        padding: 7px;
        font-size: 13px;
    }
    .faq-sec .accordion .card-header a.btn.btn-link:after {
        content: "+";
        right: 7px;
        font-size: 18px;
        top: 2px;
    }
    .wrapper.admin-wrapper.chat-page.admin-video .faq-sec .accordion .card .card-body{
        padding: 7px;
    }
    .wrapper.admin-wrapper.chat-page.admin-video .faq-sec .accordion .card .card-body p {
        font-size: 13px;
    }
    .content-area {
        min-height: 300px;
    }
    .faq-sec, .faq-sec-inner {
        padding: 7px;
    }
    .faq-sec-inner {
    padding: 0;
}
span.faq-title {
    line-height: initial;
}
    .col-md-4.two-mobile {
        max-width: 100%;
    }
    .pagination-block {
        /* float: left; */
           padding: 0;
               margin-top: 20px;
    }
    .navbar.navbar-absolute a.navbar-brand {
        font-size: 12px;
        font-weight: 400;
    }
    .admin-wrapper .navbar.navbar-absolute a.navbar-brand {
        padding-top: 8px !important;
    }
    .switch-toggle label.switch {
        float: none;
        margin-right: 0px;
    }
.email-subscription img.email-subscription-img {
    max-width: 100%;
}
    .wrapper.admin-wrapper.front .dashboard_form .container-fluid {
        padding: 0 15px;
    }
    .front .dashboard.single .card .card-header.card-header-image img {
        margin: auto;
        height: auto;
        width: auto;
        max-height: 100%;
    }
    .form {
        min-height: 200px;
    }
    .video-shared {
        padding: 7px;
        margin: 0 15px 15px;
    }
    .video-shared .title {
        padding: 7px;
        font-size: 13px;
    }
    .sidebar .user.user-profile {
    padding: 7px 0px 5px 20px;
}
}

@media (max-width: 480px) {
/*.wrapper.admin-wrapper.chat-page.admin-video .form iframe {
    margin-top: -45px;
    margin-bottom: -45px;
}*/
}
@media (max-width: 320px) {

}