/*
      Theme Name: Reddyflix
      Theme URL: reddyflix.com/
      Author: cideator.com
    */


/*--------------------------------------------------------------
    # General
    --------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@font-face {
    font-family: 'helvetica_mediumregular';
    src: url('fonts/helvetica_medium-webfont.eot');
    src: url('fonts/helvetica_medium-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/helvetica_medium-webfont.woff2') format('woff2'), url('fonts/helvetica_medium-webfont.woff') format('woff'), url('fonts/helvetica_medium-webfont.ttf') format('truetype'), url('fonts/helvetica_medium-webfont.svg#helvetica_mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helveticaregular';
    src: url('fonts/helvetica-webfont.eot');
    src: url('fonts/helvetica-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/helvetica-webfont.woff2') format('woff2'), url('fonts/helvetica-webfont.woff') format('woff'), url('fonts/helvetica-webfont.ttf') format('truetype'), url('fonts/helvetica-webfont.svg#helveticaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helveticabold';
    src: url('fonts/helvetica-bold-webfont.eot');
    src: url('fonts/helvetica-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/helvetica-bold-webfont.woff2') format('woff2'), url('fonts/helvetica-bold-webfont.woff') format('woff'), url('fonts/helvetica-bold-webfont.ttf') format('truetype'), url('fonts/helvetica-bold-webfont.svg#helveticabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
    font-size: 62.5%;
    height: 100%;
    width: 100%;
}

body {
    background: #fff;
    color: #2f3138;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.7rem;
    overflow: auto;
    position: relative;
    height: 100%;
    width: 100%;
}

a {
    color: #3194f9;
    transition: 0.5s;
}

a:hover,
a:active,
a:focus {
    color: #3194f9;
    outline: none;
    text-decoration: none;
}

p {
    padding: 0;
    margin: 0 0 30px 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    margin: 0 0 20px 0;
    padding: 0;
    color: #0e1b4d;
}

.main-page {
    margin-top: 70px;
}

.wow {
    visibility: hidden;
}


/* Prelaoder */

#preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: #fff url("../img/preloader.svg") no-repeat center center;
}


/* Back to top button */

.back-to-top {
    position: fixed;
    display: none;
    background: #f82249;
    color: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50px;
    right: 15px;
    bottom: 15px;
    transition: background 0.5s ease-in-out;
}

.back-to-top i {
    font-size: 24px;
    padding-top: 6px;
}

.back-to-top:focus {
    background: #e0072f;
    color: #fff;
    outline: none;
}

.back-to-top:hover {
    background: #e0072f;
    color: #fff;
}


/* Sections Header
    --------------------------------*/

.section-header {
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 20px;
}

.section-header::before {
    content: '';
    position: absolute;
    display: block;
    width: 60px;
    height: 5px;
    background: #3194f9;
    bottom: 0;
    left: calc(50% - 25px);
}

#speakers .section-header::before {
    left: calc(2.3% - 25px);
}

.section-header h2 {
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 44px;
    color: #2f3241;
    padding-top: 0px;
}

.section-header p {
    text-align: center;
    padding: 0;
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    color: #9195a2;
}

.section-with-bg {
    background: url(../img/section-package-bg.jpg);
    width: 100%;
    background-size: cover;
    background-attachment: fixed;
    padding-bottom: 30px;
}


/*--------------------------------------------------------------
    # Header
    --------------------------------------------------------------*/

#header {
    height: 100px;
    padding: 0;
    position: static;
    left: 0;
    top: 0;
    right: 0;
    transition: all 0.5s;
    z-index: 997;
    border-bottom: 1px solid #ccc;
}

#header.header-scrolled,
#header.header-fixed {
    background: #fff;
    height: 70px;
    padding: 0 0;
    transition: all 0.5s;
    position: fixed;
}

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

#header #logo {
    padding-top: 32px;
}

#header.header-scrolled #logo {
    padding-top: 15px;
}

#header #logo h1 {
    font-size: 36px;
    margin: 0;
    padding: 6px 0;
    line-height: 1;
    font-family: "Raleway", sans-serif;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
}

#header #logo h1 span {
    color: #f82249;
}

#header #logo h1 a,
#header #logo h1 a:hover {
    color: #fff;
}

#header #logo img {
    padding: 0;
    margin: 0;
    max-height: 40px;
}


/*--------------------------------------------------------------
    # Navigation Menu
    --------------------------------------------------------------*/


/* Nav Menu Essentials */

.nav-menu,
.nav-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.nav-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99;
}

.nav-menu li {
    position: relative;
    white-space: nowrap;
}

.nav-menu>li {
    float: left;
}

.nav-menu li:hover>ul,
.nav-menu li.sfHover>ul {
    display: block;
}

.nav-menu ul ul {
    top: 0;
    left: 100%;
}

.nav-menu ul li {
    min-width: 180px;
}


/* Nav Menu Arrows */

.sf-arrows .sf-with-ul {
    padding-right: 30px;
}

.sf-arrows .sf-with-ul:after {
    content: "\f107";
    position: absolute;
    right: 15px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
}

.sf-arrows ul .sf-with-ul:after {
    content: "\f105";
}


/* Nav Meu Container */

#nav-menu-container {
    float: right;
    margin: 0;
    padding-top: 20px;
}

#header.header-scrolled #nav-menu-container {
    padding-top: 5px;
}


/* Nav Meu Styling */

.nav-menu a {
    padding: 15px 8px 8px;
    text-decoration: none;
    display: inline-block;
    color: #2f2f2f;
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    font-size: 18px;
    outline: none;
}

.nav-menu .menu-active a,
.nav-menu a:hover {
    color: #3194f9;
}

.nav-menu>li {
    margin-left: 15px;
}

.nav-menu>li>a:before {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #f82249;
    visibility: hidden;
    transition: all 0.3s ease-in-out 0s;
    display: none;
}

.nav-menu a:hover:before,
.nav-menu li:hover>a:before,
.nav-menu .menu-active>a:before {
    visibility: visible;
    width: 100%;
}

.nav-menu li.buy-tickets {
    margin-left: 9.4rem;
}

.nav-menu li.buy-tickets a {
	background: #3194f9;
    color: #ecf8ff;
    padding: 20px 34px;
    border-radius: 0;
    border: none;
    transition: all ease-in-out 0.3s;
    font-weight: 500;
    margin-left: 8px;
    margin-top: 2px;
    line-height: 1;
    font-size: 15px;
    text-transform: uppercase;
    -webkit-appearance: none;
}

.nav-menu li.seprator {
    width: 1px;
    height: 25px;
    background: #ddd;
    margin-top: 1.7rem;
    margin-left: 3rem;
    margin-right: 3rem;
}

.nav-menu li.buy-tickets a:hover {
    background: #2f2f2f;
    color: #fff;
}

.nav-menu li.buy-tickets:hover a:before,
.nav-menu li.buy-tickets.menu-active a:before {
    visibility: hidden;
}

.nav-menu ul {
    margin: 4px 0 0 0;
    padding: 10px;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    background: #fff;
    border-radius: 3px;
}

.nav-menu>li.cart-top {
    margin-left: 0;
}

.nav-menu ul li {
    transition: 0.3s;
}

.nav-menu ul li a {
    padding: 10px;
    color: #060c22;
    transition: 0.3s;
    display: block;
    font-size: 13px;
    text-transform: none;
    border-radius: 3px;
}

.nav-menu ul li:hover>a {
    background: #f82249;
    color: #fff;
}

.nav-menu ul ul {
    margin: 0;
}

.nav-menu li.cart-top a {
    font-size: 22px;
}

.cart-top .badge {
    font-size: 11px;
    padding: .25em .4em;
    font-weight: 400;
    position: absolute;
    top: 12px;
    right: 0;
}

.badge-reddyred {
    background: #3194f9;
    color: #fff;
}

.nav-menu li.cart-top button,
.nav-menu li.cart-top button:focus,
.nav-menu li.cart-top button:hover {
    font-size: 22px;
    background: transparent;
    color: #2f2f2f;
    -webkit-appearance: none;
    border: none;
    height: auto;
    width: auto;
    padding: 15px 8px 8px;
    outline: none;
    box-shadow: none;
}

.cart-top .btn-secondary:not(:disabled):not(.disabled).active,
.cart-top .btn-secondary:not(:disabled):not(.disabled):active,
.cart-top .show>.btn-secondary.dropdown-toggle {
    background: transparent;
    border-color: transparent;
    color: #3194f9;
    box-shadow: none;
}

.nav-menu li.cart-top button:hover {
    color: #3194f9;
}

.nav-menu li.cart-top ul {
    position: static;
    display: inline-block;
    box-shadow: none;
    background: #fff;
    width: 100%;
}

.nav-menu li.cart-top ul li {
    width: 285px;
    display: inline-block;
    float: left;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #eee;
}

.cart-top .cart-timg {
    width: 50px;
    float: left;
}

.nav-menu li.cart-top ul li a {
    width: 100%;
    display: inline-block;
    padding: 0;
}

.cart-top .cart-timg img {
    width: 100%;
}

.cart-top .cart-tinfo {
    width: 220px;
    float: right;
    position: relative;
}

.cart-top .cart-tinfo h5 a {
    font-size: 14px;
}

.cart-top .cart-tinfo p {
    font-size: 12px;
    color: #666;
}

.nav-menu li.cart-top ul li a.cart-tinp {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    z-index: 999;
}

.cart-top .badge {
    font-size: 11px;
    padding: .25em .4em;
    font-weight: 400;
    position: absolute;
    top: 12px;
    right: 0;
}

.cart-top .dropdown-toggle::after {
    display: none;
}

.nav-menu li.cart-top ul li:last-child {
    border-bottom: 0;
}

.nav-menu li.cart-top ul li .btn.btn-default {
    background: #3194f9;
    color: #fff;
    padding: 6px 0;
    font-size: 14px;
}


/* Mobile Nav Toggle */

#mobile-nav-toggle {
    position: fixed;
    left: 8px;
    top: 0;
    z-index: 999;
    margin: 15px 15px 0 0;
    border: 0;
    background: none;
    font-size: 24px;
    display: none;
    transition: all 0.4s;
    outline: none;
    cursor: pointer;
}

#mobile-nav-toggle i {
    color: #fff;
}


/* Mobile Nav Styling */

#mobile-nav {
    position: fixed;
    top: 0;
    padding-top: 18px;
    bottom: 0;
    z-index: 998;
    background: rgba(6, 12, 34, 0.9);
    left: -260px;
    width: 260px;
    overflow-y: auto;
    transition: 0.4s;
}

#mobile-nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#mobile-nav ul li {
    position: relative;
}

#mobile-nav ul li a {
    color: #fff;
    font-size: 17px;
    overflow: hidden;
    padding: 10px 22px 10px 15px;
    position: relative;
    text-decoration: none;
    width: 100%;
    display: block;
    outline: none;
}

#mobile-nav ul li a:hover {
    color: #f82249;
}

#mobile-nav ul li li {
    padding-left: 30px;
}

#mobile-nav ul .menu-has-children i {
    position: absolute;
    right: 0;
    z-index: 99;
    padding: 15px;
    cursor: pointer;
    color: #fff;
}

#mobile-nav ul .menu-has-children i.fa-chevron-up {
    color: #f82249;
}

#mobile-nav ul .menu-item-active {
    color: #f82249;
}

#mobile-body-overly {
    width: 100%;
    height: 100%;
    z-index: 997;
    top: 0;
    left: 0;
    position: fixed;
    background: rgba(6, 12, 34, 0.8);
    display: none;
}


/* Mobile Nav body classes */

body.mobile-nav-active {
    overflow: hidden;
}

body.mobile-nav-active #mobile-nav {
    left: 0;
}

body.mobile-nav-active #mobile-nav-toggle {
    color: #fff;
    visibility: hidden;
}


/*--------------------------------------------------------------
    # Intro Section
    --------------------------------------------------------------*/

#intro {
    width: 100%;
    height: 84vh;
    background: url(../img/intro-bg.jpg) top center;
    background-size: cover;
    overflow: hidden;
    position: relative;
}

#section-shop {
    width: 100%;
    height: 84vh;
    background: url(../img/gallery/shop/dummy-7.jpeg) top center;
    background-size: cover;
    overflow: hidden;
    position: relative;
}

#intro:before {
    content: "";
    /*background: rgba(6, 12, 34, 0.8);*/
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#intro .intro-container {
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    padding: 0 15px;
}

#intro h1 {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 6.6rem;
    font-weight: 800;
    text-transform: uppercase;
    text-shadow: 1px 1px 5px #000;
    line-height: 90px;
}

#intro h1 span {
    color: #ff0000;
    font-size: 84px;
    text-transform: capitalize;
}

#intro p {
    color: #ebebeb;
    font-weight: 700;
    font-size: 20px;
}

#intro .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#f82249 50%, rgba(101, 111, 150, 0.15) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

#intro .play-btn::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-40%) translateY(-50%);
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #fff;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#intro .play-btn:before {
    content: '';
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 2px solid rgba(163, 163, 163, 0.4);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

#intro .play-btn:hover::after {
    border-left: 15px solid #f82249;
    -webkit-transform: scale(20);
    transform: scale(20);
}

#intro .play-btn:hover::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-40%) translateY(-50%);
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #fff;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}

#intro .about-btn {
    font-weight: 500;
    font-size: 18px;
    display: inline-block;
    padding: 19px 49px;
    border-radius: 0;
    transition: 0.5s;
    line-height: 1;
    margin: 10px;
    color: #fff;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    border: none;
    background: #f00;
    font-family: 'Montserrat', sans-serif;
}

#intro .about-btn:hover {
    background: #f82249;
    color: #fff;
}

.carousel-item h1 {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 6.6rem;
    font-weight: 800;
    text-transform: uppercase;
    text-shadow: 1px 1px 5px #000;
    line-height: 90px;
}

.carousel-item h1 span {
    color: #ff0000;
    font-size: 84px;
    text-transform: capitalize;
}

.carousel-item p {
    color: #ebebeb;
    font-weight: 700;
    font-size: 20px;
}

.carousel-item .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#f82249 50%, rgba(101, 111, 150, 0.15) 52%);
    border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
}

.carousel-item .play-btn::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-40%) translateY(-50%);
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #fff;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.carousel-item .play-btn:before {
    content: '';
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 2px solid rgba(163, 163, 163, 0.4);
    top: -15%;
    left: -15%;
    background: rgba(198, 16, 0, 0);
}

.carousel-item .play-btn:hover::after {
    border-left: 15px solid #f82249;
    -webkit-transform: scale(20);
    transform: scale(20);
}

.carousel-item .play-btn:hover::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-40%) translateY(-50%);
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #fff;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}

.carousel-item .about-btn {
    font-weight: 500;
    font-size: 18px;
    display: inline-block;
    padding: 19px 49px;
    border-radius: 0;
    transition: 0.5s;
    line-height: 1;
    margin: 10px;
    color: #fff;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    border: none;
    background: #f00;
    font-family: 'Montserrat', sans-serif;
}

.carousel-item .about-btn:hover {
    background: #f82249;
    color: #fff;
}

.carousel-caption {
    bottom: 25px;
}

@-webkit-keyframes pulsate-btn {
    0% {
        -webkit-transform: scale(0.6, 0.6);
        transform: scale(0.6, 0.6);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 0;
    }
}

@keyframes pulsate-btn {
    0% {
        -webkit-transform: scale(0.6, 0.6);
        transform: scale(0.6, 0.6);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 0;
    }
}

.section-shop-bg {
    background: url(../img/gallery/shop/dummy-7.jpeg) !important;
    width: 100%;
    display: block;
    background-size: cover !important;
}

.row.register-form .form-group input {
    height: 36px;
}

.row.register-form label.form-check-label {
    margin-top: 45px;
    font-size: 16px;
    margin-left: 0px;
}


/*--------------------------------------------------------------
    # About Section
    --------------------------------------------------------------*/

#about {
    background: url("../img/about-bg.jpg");
    background-size: cover;
    overflow: hidden;
    position: relative;
    color: #fff;
    padding: 60px 0 40px 0;
}

#about:before {
    content: "";
    background: rgba(13, 20, 41, 0.8);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#about h2 {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #fff;
}

#about h3 {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #fff;
}

#about p {
    font-size: 14px;
    margin-bottom: 20px;
    color: #fff;
}

#speakers .abt-feature {
    background: #f4f4f4;
    border: 1px solid #cccccc;
    margin: 25px 0px;
}

#speakers .abt-feature h2 {
    background: #ff0000;
    padding: 20px 80px;
    font-weight: 700;
    color: #fff;
    line-height: 28px;
    text-align: center;
    margin-bottom: 0;
}

#speakers .abt-feature ul {
    list-style: none;
    width: 100%;
    display: inline-block;
    padding: 34px 25px;
}

#speakers .abt-feature li {
    display: inline-block;
    margin-top: 30px;
    margin: 0px 15px;
}

#speakers .abt-feature li .feat-img {
    width: 73px;
    height: 73px;
    /* float: left; */
    background: #ff0000;
    border-radius: 50%;
    line-height: 73px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    margin-right: 15px;
}

#speakers .abt-feature li .feat-txt {
    width: 78%;
    color: #2f3241;
    line-height: 7.4rem;
    font-family: 'Montserrat', sans-serif;
    font-size: 2.1rem;
    font-weight: bold;
    vertical-align: middle;
    text-transform: capitalize;
    display: inline;
}


/*--------------------------------------------------------------
    # Speakers Section
    --------------------------------------------------------------*/

#speakers {
    padding: 30px 0 30px 0;
}

#speakers .speaker {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

#speakers .speaker .details {
    background: rgba(6, 12, 34, 0.76);
    position: absolute;
    left: 0;
    bottom: -30px;
    right: 0;
    text-align: center;
    padding-top: 10px;
    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

#speakers .speaker .details h3 {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 5px;
}

#speakers .speaker .details p {
    color: #fff;
    font-size: 15px;
    margin-bottom: 10px;
    font-style: italic;
}

#speakers .speaker .details .social {
    height: 30px;
}

#speakers .speaker .details a {
    color: #fff;
}

#speakers .speaker .details a:hover {
    color: #f82249;
}

#speakers .speaker:hover .details {
    bottom: 0;
}

#speakers-details {
    padding: 60px 0;
}

#speakers-details .details h2 {
    color: #112363;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px;
}

#speakers-details .details .social {
    margin-bottom: 15px;
}

#speakers-details .details .social a {
    background: #e9edfb;
    color: #112363;
    line-height: 1;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    padding-top: 9px;
}

#speakers-details .details .social a:hover {
    background: #f82249;
    color: #fff;
}

#speakers-details .details .social a i {
    font-size: 18px;
}

#speakers-details .details p {
    color: #112363;
    font-size: 15px;
    margin-bottom: 10px;
}


/*--------------------------------------------------------------
    # Schedule Section
    --------------------------------------------------------------*/

#schedule {
    padding: 60px 0 60px 0;
}

#schedule .nav-tabs {
    text-align: center;
    margin: auto;
    display: block;
    border-bottom: 0;
    margin-bottom: 30px;
}

#schedule .nav-tabs li {
    display: inline-block;
    margin-bottom: 0;
}

#schedule .nav-tabs a {
    border: none;
    border-radius: 50px;
    font-weight: 600;
    background-color: #0e1b4d;
    color: #fff;
    padding: 10px 100px;
}

#schedule .nav-tabs a.active {
    background-color: #f82249;
    color: #fff;
}

#schedule .sub-heading {
    text-align: center;
    font-size: 18px;
    font-style: italic;
    margin: 0 auto 30px auto;
}

#schedule .tab-pane {
    transition: ease-in-out .2s;
}

#schedule .schedule-item {
    border-bottom: 1px solid #cad4f6;
    padding-top: 15px;
    padding-bottom: 15px;
    transition: background-color ease-in-out 0.3s;
}

#schedule .schedule-item:hover {
    background-color: #fff;
}

#schedule .schedule-item time {
    padding-bottom: 5px;
    display: inline-block;
}

#schedule .schedule-item .speaker {
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 50%;
    float: left;
    margin: 0 10px 10px 0;
}

#schedule .schedule-item .speaker img {
    height: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-left: 50%;
    transition: all ease-in-out 0.3s;
}

#schedule .schedule-item h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
}

#schedule .schedule-item h4 span {
    font-style: italic;
    color: #19328e;
    font-weight: normal;
    font-size: 16px;
}

#schedule .schedule-item p {
    font-style: italic;
    color: #152b79;
    margin-bottom: 0;
}


/*--------------------------------------------------------------
    # Venue Section
    --------------------------------------------------------------*/

#venue {
    padding: 60px 0;
}

#venue .container-fluid {
    margin-bottom: 3px;
}

#venue .venue-map iframe {
    width: 100%;
    height: 100%;
    min-height: 300px;
}

#venue .venue-info {
    background: url("../img/venue-info-bg.jpg") top center no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px;
}

#venue .venue-info:before {
    content: "";
    background: rgba(13, 20, 41, 0.8);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#venue .venue-info h3 {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
}

#venue .venue-info p {
    color: #fff;
    margin-bottom: 0;
}

#venue .venue-gallery-container {
    padding-right: 12px;
}

#venue .venue-gallery {
    overflow: hidden;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
}

#venue .venue-gallery img {
    transition: all ease-in-out 0.4s;
}

#venue .venue-gallery:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}


/*--------------------------------------------------------------
    # Hotels Section
    --------------------------------------------------------------*/

#hotels {
    padding: 60px 0;
}

#hotels .hotel {
    border: 1px solid #e0e5fa;
    background: #fff;
    margin-bottom: 30px;
}

#hotels .hotel:hover .hotel-img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

#hotels .hotel-img {
    overflow: hidden;
    margin-bottom: 15px;
}

#hotels .hotel-img img {
    transition: 0.3s ease-in-out;
}

#hotels h3 {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 5px;
    padding: 0 20px;
}

#hotels a {
    color: #152b79;
}

#hotels a:hover {
    color: #f82249;
}

#hotels .stars {
    padding: 0 20px;
    margin-bottom: 5px;
}

#hotels .stars i {
    color: #ffc31d;
}

#hotels p {
    padding: 0 20px;
    margin-bottom: 20px;
    color: #060c22;
    font-style: italic;
    font-size: 15px;
}


/*--------------------------------------------------------------
    # Gallery Section
    --------------------------------------------------------------*/

#gallery {
    padding: 60px;
    overflow: hidden;
}

#gallery .owl-nav,
#gallery .owl-dots {
    margin-top: 25px;
    text-align: center;
}

#gallery .owl-item {
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
}

#gallery .owl-dot {
    display: inline-block;
    margin: 0 5px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #ddd;
}

#gallery .owl-dot.active {
    background-color: #f82249;
}

#gallery .gallery-carousel .owl-stage-outer {
    overflow: visible;
}

#gallery .gallery-carousel .center {
    border: 6px solid #f82249;
    margin: -10px;
    box-sizing: content-box;
    padding: 4px;
    background: #fff;
    z-index: 1;
}


/*--------------------------------------------------------------
    # Sponsors Section
    --------------------------------------------------------------*/

#sponsors {
    padding: 60px 0;
}

#sponsors .sponsors-wrap {
    border-top: 1px solid #e0e5fa;
    border-left: 1px solid #e0e5fa;
    margin-bottom: 30px;
}

#sponsors .sponsor-logo {
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-right: 1px solid #e0e5fa;
    border-bottom: 1px solid #e0e5fa;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.5);
    height: 160px;
}

#sponsors .sponsor-logo:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

#sponsors img {
    transition: all 0.4s ease-in-out;
}


/*--------------------------------------------------------------
    # F.A.Q Section
    --------------------------------------------------------------*/

#faq {
    padding: 60px 0;
}

#faq #faq-list {
    padding: 0;
    list-style: none;
}

#faq #faq-list li {
    border-bottom: 1px solid #ddd;
}

#faq #faq-list a {
    padding: 18px 0;
    display: block;
    position: relative;
    font-family: "Raleway", sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    padding-right: 20px;
}

#faq #faq-list i {
    font-size: 24px;
    position: absolute;
    right: 0;
    top: 16px;
}

#faq #faq-list p {
    margin-bottom: 20px;
}

#faq #faq-list a.collapse {
    color: #f82249;
}

#faq #faq-list a.collapsed {
    color: #000;
}

#faq #faq-list a.collapsed i::before {
    content: "\f055" !important;
}


/*--------------------------------------------------------------
    # Subscribe Section
    --------------------------------------------------------------*/

#subscribe {
    padding: 60px;
    background: url(../img/subscribe-bg.jpg) center center no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
}

#subscribe:before {
    content: "";
    background: rgba(6, 12, 34, 0.6);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#subscribe .section-header h2,
#subscribe p {
    color: #fff;
}

#subscribe input {
    background: #fff;
    color: #060c22;
    border: 0;
    outline: none;
    margin: 0;
    padding: 9px 20px;
    border-radius: 50px;
    font-size: 14px;
}

#subscribe button {
    border: 0;
    padding: 9px 25px;
    cursor: pointer;
    background: #f82249;
    color: #fff;
    transition: all 0.3s ease;
    outline: none;
    font-size: 14px;
    border-radius: 50px;
}

#subscribe button:hover {
    background: #e0072f;
}


/*--------------------------------------------------------------
    # Buy Tickets Section
    --------------------------------------------------------------*/

#buy-tickets {
    /* padding: 60px 0; */
}

#buy-tickets .card {
    border: 7px solid #eeeeee;
    border-radius: 0px;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 10px 25px 0 rgba(6, 12, 34, 0.1);
    background: #f7f8fa;
    box-sizing: border-box;
    padding: 15px 0px;
    display: table-cell;
}

#buy-tickets .card:hover {
    box-shadow: 0 10px 35px 0 rgba(6, 12, 34, 0.2);
}

#buy-tickets .card hr {
    margin: 25px 0;
}

#buy-tickets .card .card-title {
    margin: 10px 0;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: bold;
}

#buy-tickets .card .card-price {
    font-size: 48px;
    margin: 0;
}

#buy-tickets .card ul li {
    margin-bottom: 0;
    list-style: disc;
    margin-left: 73px;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
}

#buy-tickets .card .text-muted {
    opacity: 0.7;
}

#buy-tickets .card .btn {
    font-size: 15px;
    padding: 10px 40px;
    transition: all 0.2s;
    background-color: #fe0000;
    border: 0;
    color: #fff;
    width: 180px;
    border-radius: 0px;
    text-decoration: none;
}

#buy-tickets .card .btn:hover {
    background-color: #fe0000;
}

#buy-tickets #buy-ticket-modal input,
#buy-tickets #buy-ticket-modal select {
    border-radius: 0;
}

#buy-tickets #buy-ticket-modal .btn {
    font-size: 15px;
    border-radius: 50px;
    padding: 10px 40px;
    transition: all 0.2s;
    background-color: #f82249;
    border: 0;
    color: #fff;
}

#buy-tickets #buy-ticket-modal .btn:hover {
    background-color: #e0072f;
}


/*--------------------------------------------------------------
    # Contact Section
    --------------------------------------------------------------*/

#contact {
    padding: 60px 0;
}

#contact .contact-info {
    margin-bottom: 20px;
    text-align: center;
}

#contact .contact-info i {
    font-size: 48px;
    display: inline-block;
    margin-bottom: 10px;
    color: #f82249;
}

#contact .contact-info address,
#contact .contact-info p {
    margin-bottom: 0;
    color: #112363;
}

#contact .contact-info h3 {
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: bold;
    text-transform: uppercase;
    color: #112363;
}

#contact .contact-info a {
    color: #4869df;
}

#contact .contact-info a:hover {
    color: #f82249;
}

#contact .contact-address,
#contact .contact-phone,
#contact .contact-email {
    margin-bottom: 20px;
}

#contact .form #sendmessage {
    color: #f82249;
    border: 1px solid #f82249;
    display: none;
    text-align: center;
    padding: 15px;
    font-weight: 600;
    margin-bottom: 15px;
}

#contact .form #errormessage {
    color: red;
    display: none;
    border: 1px solid red;
    text-align: center;
    padding: 15px;
    font-weight: 600;
    margin-bottom: 15px;
}

#contact .form #sendmessage.show,
#contact .form #errormessage.show,
#contact .form .show {
    display: block;
}

#contact .form .validation {
    color: red;
    display: none;
    margin: 0 0 20px;
    font-weight: 400;
    font-size: 13px;
}

#contact .form input,
#contact .form textarea {
    padding: 10px 14px;
    border-radius: 0;
    box-shadow: none;
    font-size: 15px;
}

#contact .form button[type="submit"] {
    background: #f82249;
    border: 0;
    padding: 10px 40px;
    color: #fff;
    transition: 0.4s;
    border-radius: 50px;
    cursor: pointer;
}

#contact .form button[type="submit"]:hover {
    background: #e0072f;
}


/*--------------------------------------------------------------
    # Footer
    --------------------------------------------------------------*/

#footer {
    background: #ffffff;
    padding: 0 0 10px 0;
    color: #000;
    font-size: 14px;
    width: 100%;
    position: relative;
	margin-top: 50px;
}

#footer.before-login {
    position: static;
}

#footer .footer-top {
    background: #ffffff;
    padding: 0px 0px 7px 0px;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc6b;
}

#footer .footer-top .footer-info {
    margin-bottom: 30px;
}

#footer .footer-top .footer-info h3 {
    font-size: 26px;
    margin: 0 0 20px 0;
    padding: 2px 0 2px 0;
    line-height: 1;
    font-family: "Raleway", sans-serif;
    font-weight: 700;
    color: #fff;
}

#footer .footer-top .footer-info img {
    height: 40px;
    margin-bottom: 10px;
}

#footer .footer-top .footer-info p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    font-family: "Raleway", sans-serif;
    color: #fff;
}

#footer .footer-top .social-links a {
    font-size: 18px;
    display: inline-block;
    background: #222636;
    color: #eee;
    line-height: 1;
    padding: 8px 0;
    margin-right: 4px;
    border-radius: 50%;
    text-align: center;
    width: 36px;
    height: 36px;
    transition: 0.3s;
}

#footer .footer-top .social-links a:hover {
    background: #f82249;
    color: #fff;
}

#footer .footer-top h4 {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 12px;
    border-bottom: 2px solid #f82249;
}

#footer .footer-top .footer-links {
    margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#footer .footer-top .footer-links ul i {
    padding-right: 5px;
    color: #f82249;
    font-size: 18px;
}

#footer .footer-top .footer-links ul li {
    border-bottom: 1px solid #262c44;
    padding: 10px 0;
}

#footer .footer-top .footer-links ul li:first-child {
    padding-top: 0;
}

#footer .footer-top .footer-links ul a {
    color: #eee;
}

#footer .footer-top .footer-links ul a:hover {
    color: #f82249;
}

#footer .footer-top .footer-contact {
    margin-bottom: 30px;
}

#footer .footer-top .footer-contact p {
    line-height: 26px;
}

#footer .footer-top .footer-newsletter {
    margin-bottom: 30px;
}

#footer .footer-top .footer-newsletter input[type="email"] {
    border: 0;
    padding: 6px 8px;
    width: 65%;
}

#footer .footer-top .footer-newsletter input[type="submit"] {
    background: #f82249;
    border: 0;
    width: 35%;
    padding: 6px 0;
    text-align: center;
    color: #fff;
    transition: 0.3s;
    cursor: pointer;
}

#footer .footer-top .footer-newsletter input[type="submit"]:hover {
    background: #e0072f;
}

#footer .copyright {
    text-align: center;
    padding-top: 5px;
}

#footer .credits {
    text-align: center;
    font-size: 13px;
    color: #ddd;
}

.font-monte {
    font-family: 'Montserrat', sans-serif;
}

p.new-package {
    font-size: 22px;
    font-weight: bold;
    text-transform: capitalize;
    position: relative;
    left: 0;
    display: inline-block;
}

p.includes {
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize;
    position: relative;
    left: 0;
    display: inline-block;
    margin-top: 10px;
    color: #000;
    margin-bottom: 0px;
}

ul.includes {
    padding-left: 14px;
    /* list-style-type: none; */
    position: relative;
    left: 70px;
    font-size: 14px;
}

ul.includes li {
    margin-bottom: 0px !important;
    color: #000;
}

h2.comingSoon {
    color: #fe0000;
    font-weight: bold;
    font-size: 23px;
    margin-bottom: 14px;
}

.viewAsTable {
    display: table;
    width: inherit;
    position: relative;
    margin-bottom: 25px;
}

.fontWhite {
    color: #fff !important;
}

section.testimonial {
    background: #f4f4f4;
    padding-top: 50px;
    padding-bottom: 50px;
}

.testimonial-head {
    /* width: 325px; */
    /* display: block; */
    /* position: relative; */
    /* margin: 0 auto; */
}

.testimonial-head p {
    font-size: 16px;
    text-transform: uppercase;
    display: inline;
    font-weight: bold;
}

.testimonial-head p>small {
    font-size: 12px;
    color: #ff0000;
    text-transform: capitalize;
}

.testimonial-head i.fas.fa-quote-left {
    color: #fe0000;
    font-size: 46px;
    margin-right: 12px;
    position: relative;
    top: 19px;
}

.testimonial-box {
    display: block;
    border: 1px solid #000;
    width: 85%;
    height: auto;
    margin-top: 0px !important;
    margin: 0 auto;
    padding: 10px;
}

.testimonial-text {
    display: block;
    border: 1px solid #000;
    padding: 25px;
}

.testimonial-img img {
    display: inline-block;
    border: 1px solid #fe0000;
    border-radius: 100px;
    position: relative;
    margin-top: -100px;
}

.testimonial-text p {
    display: inline-block;
    position: relative;
    width: 75%;
    margin-left: 29px;
    margin-bottom: 0px;
    font-family: 'Montserrat', sans-serif;
}

.testimonial-img {
    display: inline-block;
}

.footer-top ul {
    text-decoration: none;
    list-style-type: none;
    display: block;
    text-align: center;
    padding: 0px;
    margin-bottom: 0px;
}

.footer-top ul li {
    display: inline-block;
}

.footer-top ul li a {
    text-decoration: none;
    color: #fff;
    padding: 10px 12px;
    text-transform: uppercase;
}

ul.social-icons li {
    /* border-radius: 0; */
    height: auto;
    width: auto;
    text-align: center;
    position: relative;
    margin: 10px 0px 10px 0px;
    background: #2f3241;
    background: transparent;
    display: inline-block;
}

ul.social-icons li a:hover {
    /* background:#ff0000; */
    background: transparent !important;
    color: #ff0000;
}

ul.social-icons li:nth-child(1) a {
    left: 3px;
}

ul.quickLinks li a {
    color: #000;
    font-size: 12px;
}

ul.social-icons li a {
    position: static;
    left: 0px;
    top: 1px;
    text-align: center;
    color: #2f3241;
}

ul.social-icons li a i {
    font-size: 16px;
}

ul.social-icons li a:hover {
    /* background:#ff0000; */
    background: transparent !important;
    color: #ff0000;
}

.abt-dsc img {
    width: 100%;
}

button.btn.Login {
    color: #fff;
    background: #ff0000;
    padding: 15px 60px;
    border-radius: 0;
    border: none;
    transition: all ease-in-out 0.3s;
    font-weight: 500;
    margin-left: 8px;
    margin-top: 2px;
    line-height: 1;
    font-size: 15px;
    text-transform: uppercase;
    display: block;
    float: right;
}

.section-header.packager {
    padding: 40px 0px;
}

ul.social-icons li:hover {
    background: transparent;
}

.featured-items {
    display: table-cell;
    border: 1px solid #000;
    margin-bottom: 20px;
    padding: 15px;
    cursor: pointer;
}

section.shop {
    padding: 40px 0px
}

.img-control {
    display: block;
    position: relative;
    height: 200px;
    width: 100%;
    overflow: hidden;
}

.img-control img {
    width: 100%;
    display: inline-block;
    max-width: 100%;
    height: auto;
    overflow: hidden;
}

.featured-items p {
    font-size: 14px;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #000;
    line-height: 16px;
    padding-bottom: 10px;
    color: #000;
}

ul.sub-details {
    padding: 0px;
    display: block;
    list-style-type: none;
    text-decoration: none;
}

ul.sub-details li {
    display: inline-block;
    font-size: 14px;
    position: relative;
    color: #ff0000;
    font-weight: 500;
}

ul.sub-details li span {
    display: block;
    color: #000;
}

.display-table {
    display: table;
    margin-bottom: 25px;
    width: 100%;
}

a.btn.btn-success.btn-cart {
    width: 100%;
    display: block;
    height: 50px;
    color: #fff;
    background: #ff0000;
    border: none;
    border-radius: 0px;
    font-size: 16px;
    padding: 12px;
    font-weight: 500;
}

input.form-control.customView {
    height: 36px;
}

a.forgotPassword {
    display: inline-block;
    font-size: 12px;
    text-decoration: none;
    color: #000;
}

.featured-items:hover {
    box-shadow: 0px 0px 10px 0px #00000045;
    box-sizing: border-box;
    width: auto;
}

.sign-up-here {
    margin-top: 20px;
    border-top: 1px solid #ccc;
    text-align: center;
}

.sign-up-here p {
    margin-top: 10px;
    margin-bottom: 0px;
    font-size: 14px;
}

.quantity {
    float: left;
    margin-right: 15px;
    background-color: #eee;
    position: relative;
    width: 80px;
    overflow: hidden
}

.quantity input {
    margin: 0;
    text-align: center;
    width: 15px;
    height: 15px;
    padding: 0;
    float: right;
    color: #000;
    font-size: 20px;
    border: 0;
    outline: 0;
    background-color: #F6F6F6
}

.quantity input.qty {
    position: relative;
    border: 0;
    width: 100%;
    height: 40px;
    padding: 10px 25px 10px 10px;
    text-align: center;
    font-weight: 400;
    font-size: 15px;
    border-radius: 0;
    background-clip: padding-box
}

.quantity .minus,
.quantity .plus {
    line-height: 0;
    background-clip: padding-box;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-background-size: 6px 30px;
    -moz-background-size: 6px 30px;
    color: #bbb;
    font-size: 20px;
    position: absolute;
    height: 50%;
    border: 0;
    right: 0;
    padding: 0;
    width: 25px;
    z-index: 3
}

.quantity .minus:hover,
.quantity .plus:hover {
    background-color: #dad8da
}

.quantity .minus {
    bottom: 0
}

.shopping-cart {
    margin-top: 20px;
}

.preview {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.cart-tinfo h5 {
    overflow: hidden;
    display: inline-block;
    width: 100%;
    text-overflow: ellipsis;
    white-space: normal;
}

@media screen and (max-width: 996px) {
    .preview {
        margin-bottom: 20px;
    }
}

.preview-pic {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.preview-thumbnail.nav-tabs {
    border: none;
    margin-top: 15px;
}

.preview-thumbnail.nav-tabs li {
    width: 18%;
    margin-right: 2.5%;
}

.preview-thumbnail.nav-tabs li img {
    max-width: 100%;
    display: block;
}

.preview-thumbnail.nav-tabs li a {
    padding: 0;
    margin: 0;
}

.preview-thumbnail.nav-tabs li:last-of-type {
    margin-right: 0;
}

.tab-content {
    overflow: hidden;
}

.tab-content img {
    width: 100%;
    -webkit-animation-name: opacity;
    animation-name: opacity;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
}

.card {
    margin-top: 30px;
    background: #eeeeee61;
    line-height: 1.5em;
    margin-bottom: 20px;
}

@media screen and (min-width: 997px) {
    .wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

.details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.colors {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.img-fix-dimension video {
    object-fit: contain;
}

.product-title,
.price,
.sizes,
.colors {
    text-transform: UPPERCASE;
    font-weight: bold;
}

.checked,
.price span {
    color: #ff2626;
}

.product-title,
.rating,
.product-description,
.price,
.vote,
.sizes {
    margin-bottom: 15px;
}

.product-title {
    margin-top: 0;
}

.size {
    margin-right: 10px;
}

.size:first-of-type {
    margin-left: 40px;
}

.color {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    height: 2em;
    width: 2em;
    border-radius: 2px;
}

.color:first-of-type {
    margin-left: 20px;
}

.add-to-cart,
.like {
    background: #ff0000;
    padding: 1.2em 1.5em;
    border: none;
    text-transform: UPPERCASE;
    font-weight: bold;
    color: #fff;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
}

.add-to-cart:hover,
.like:hover {
    background: #ff0000;
    color: #fff;
    opacity: 0.9;
}

.not-available {
    text-align: center;
    line-height: 2em;
}

.not-available:before {
    font-family: fontawesome;
    content: "\f00d";
    color: #fff;
}

.orange {
    background: #ff9f1a;
}

.green {
    background: #85ad00;
}

.blue {
    background: #0076ad;
}

.tooltip-inner {
    padding: 1.3em;
}

@-webkit-keyframes opacity {
    0% {
        opacity: 0;
        -webkit-transform: scale(3);
        transform: scale(3);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes opacity {
    0% {
        opacity: 0;
        -webkit-transform: scale(3);
        transform: scale(3);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}


/*--------------------------------------------------------------
    # Sign Up CSS
    --------------------------------------------------------------*/

.register {
    /* margin-top: 3%; */
    /* padding: 3%; */
    /* background-image: url(../img/signup-bg.jpg); */
    background-size: cover;
    width: 100%;
}

.register-left {
    text-align: center;
    color: #fff;
    margin-top: 4%;
}

.register-left input {
    border: none;
    border-radius: 1.5rem;
    padding: 2%;
    width: 60%;
    background: #f8f9fa;
    font-weight: bold;
    color: #383d41;
    margin-top: 30%;
    margin-bottom: 3%;
    cursor: pointer;
}

.register-right {
    background: #f8f9fa;
    /* border-top-left-radius: 10% 50%; */
    /* border-bottom-left-radius: 10% 50%; */
}

.register-left img {
    margin-top: 15%;
    margin-bottom: 5%;
    width: 25%;
    -webkit-animation: mover 2s infinite alternate;
    animation: mover 1s infinite alternate;
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-20px);
    }
}

@keyframes mover {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-20px);
    }
}

.register-left p {
    font-weight: lighter;
    padding: 12%;
    margin-top: -9%;
}

.register .register-form {
    padding: 10%;
    margin-top: 10%;
}

.btnRegister {
    float: right;
    margin-top: 10%;
    border: none;
    border-radius: 0px;
    padding: 2%;
    background: #ff2b2b;
    color: #fff;
    font-weight: 600;
    width: 50%;
    cursor: pointer;
}

.register .nav-tabs {
    margin-top: 3%;
    border: none;
    background: #0062cc;
    border-radius: 1.5rem;
    width: 28%;
    float: right;
}

.register .nav-tabs .nav-link {
    padding: 2%;
    height: 34px;
    font-weight: 600;
    color: #fff;
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
}

.register .nav-tabs .nav-link:hover {
    border: none;
}

.register .nav-tabs .nav-link.active {
    width: 100px;
    color: #0062cc;
    border: 2px solid #0062cc;
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
}

.register-heading {
    text-align: center;
    margin-top: 8%;
    margin-bottom: -15%;
    color: #000;
    text-transform: uppercase;
}

.form-group.remember-me {
    margin-top: 13px;
    display: inline-block;
    font-size: 14px;
    margin-left: 0px;
}

.form-group.remember-me>.form-check {
    margin-left: 0px;
}

.form-group.remember-me>.form-check>label>input {
    position: relative;
    left: 0px;
    top: 2px;
}

.card.shopping-cart.cart-checkout {
    margin-top: 30px;
    margin-bottom: 30px;
}

.card.shopping-cart.cart-checkout .card-header {
    background: #ff2f2f !important;
}

a.btn.btn-outline-info.btn-sm.pull-right {
    background: #fff;
    border: none;
    color: #000;
    padding: 8px 15px;
    font-weight: 500;
    border-radius: 0px;
}

button.btn.btn-outline-danger.btn-xs.top-fix {
    margin-top: 9px;
}

a.btn.btn-success.pull-right {
    padding: 8px 40px;
    border-radius: 0px;
}

span.theme-red {
    color: #ff2929;
}

button.add-to-cart.btn.btn-default {
    background: #ff2626;
}


/*--------------------------------------------------------------
    # Sign Up CSS
    --------------------------------------------------------------*/

.product-list h4.item-name {
    /* font-family: 'Montserrat', sans-serif; */
    font-weight: 600;
    color: #000000;
    text-transform: capitalize;
    text-overflow: ellipsis;
    white-space: normal;
    width: 100%;
    text-align: left;
    margin: 0 auto;
    margin-top: 5px;
    /* border-top: 1px solid #0000002b; */
    /* border-bottom: 1px solid #0000002b; */
    padding: 0px 11px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0px;
    height: fit-content;
    display: block;
    text-align: center;
}

.product-list ul {
    padding: 0px;
    text-decoration: none;
    list-style-type: none;
    display: block;
}

.product-list ul li {
    display: inline-block;
    font-size: 14px;
}

.product-list ul li p {
    margin-bottom: 0px;
    font-size: 12px;
    margin-right: 10px;
    font-weight: bold;
    display: block;
    color: #2a2a2a;
    text-align: left;
    font-size: 16px;
}

.product-list ul li.right-align a.btn.btn-success {
    display: inline-block;
    background: #ff0000;
    border-radius: 0px;
    width: 100px;
    height: 35px;
    font-size: 14px;
    margin-left: 36px;
    margin-top: -10px;
    border: none;
    text-transform: uppercase;
    color: #fff;
    padding: 7px 0px;
    max-width: 100%;
}

.product-list {
    margin-top: 0px;
    margin-bottom: 15px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.11);
    background: #fff;
}

.product-list ul li p span {
    color: #ff0000;
    font-weight: 500;
}

.product-list h4.item-name:before {
    /* content: ""; */
    border-top: 1px solid #000;
    width: 100%;
    display: inline-block;
    position: relative;
    top: -8px;
}

.product-list h4.item-name:after {
    /* content: ""; */
    border-top: 1px solid #000;
    width: 100%;
    display: inline-block;
    position: relative;
    top: 0px;
}

.product-list img {
    border: none;
    border-radius: 0px;
}

button.btn.btn-primary.add-to-cart {
    width: 100%;
    font-size: 14px;
	background: #3194f9;
    color: #ecf8ff;
    border: none;
    border-radius: 0px;
    height: 40px;
    text-transform: uppercase;
    font-weight: 500;
}

button.btn.btn-primary.add-to-cart {
    width: 100%;
    font-size: 14px;
	background: #3194f9;
    color: #ecf8ff;
    border: none;
    border-radius: 0px;
    height: 40px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 10px;
}

.product-full-detail h3 {
    margin-bottom: 0px;
}

.product-full-detail h3>p {
    color: #ff0000;
}

.product-full-detail input-group {}

.product-full-detail .input-group {
    height: 40px;
    width: 100%;
}

.product-full-detail .input-group .input-group-btn {}

.input-group-btn {}

.product-full-detail .input-group .input-group-btn button.btn.btn-default.btn-number {
    height: 40px;
    width: 40px;
}

.product-full-detail h4.float-right span {
    font-size: 22px;
    margin-top: 8px;
    display: inline-block;
}

.product-list ul li.right-align a.btn.btn-success {
    display: inline-block;
    background: #ff0000;
    border-radius: 0px;
    width: 130px;
    height: 40px;
    font-size: 14px;
    margin-left: 54px;
    margin-top: -10px;
    border: none;
    text-transform: uppercase;
    color: #fff;
    padding: 7px 0px;
    max-width: 100%;
}

.col-md-8.detailing {}

.product-detailing span {
    font-weight: 300 !important;
    font-family: inherit !important;
    font-size: 16px !important;
}

.product-detailing ul {
    padding-left: 15px;
}

.checkout-product-listing thead.bg-dark tr th {
    color: #fff !important;
    font-weight: 400 !important;
    text-align: center;
}

th {}

.btn-sub-add {
    width: 30px;
    height: 30px;
}

p.checkout-item-name {
    margin-bottom: 0px;
}

.checkout-product-listing {
    margin-bottom: 40px;
}

.checkout-billing .card {
    margin-top: 0px;
    padding: 0px;
    margin-bottom: 20px;
}

.btn-proceed-checkout {
	border: 0px;
    height: 40px;
    padding: 10px;
    font-size: 14px;
    font-weight: 500;
    background: #ff0000;
}

.checkout-billing h4.card-title.text-white {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    top: 4px;
}

header.dashboard {
    display: inline;
    position: relative;
}

.dashboard .logo {
    margin-top: 20px;
    margin-bottom: 0px;
}

input.form-control.form-control-lg.form-control-borderless {
    border: none;
    background: #eeeeee00 !important;
    display: inline-block;
    text-decoration: none;
    box-shadow: none;
    height: 77px;
}

form.card.card-sm {
    margin-top: 0px;
    padding: 0px 0px;
    border: none;
    background: #eeeeee61;
    border-radius: 0px;
    margin-bottom: 0px;
}

.card-body.row.no-gutters.align-items-center {
    padding: 0px 10px;
}

.float-none {
    float: none !important;
}

button.btn.btn-profile.btn-secondary.dropdown-toggle {
    display: inline-block;
    width: 100%;
    background: #ff0000;
    color: #fff;
    padding: 12px;
}

li.cart-top.dropdown.profile {
    width: 55%;
    display: inline-block;
    padding: 10px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    justify-content: center;
    left: 16px;
}

span.border-rounded {
    display: inline-block;
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 50px;
    box-shadow: 2px 2px 5px #000;
    position: absolute;
    left: -18px;
    top: -3px;
}

span.border-rounded img {
    width: 100%;
    height: 100% !important;
    display: inline-block;
    background-size: contain;
    background-position: center;
}

.dropdown-menu.show {
    position: relative;
    left: -55px;
}

.view-fix {
    position: fixed;
    display: flex;
    background: #fff;
    width: 100%;
    z-index: 99999;
    border-bottom: 1px solid #ccc;
    box-shadow: 0px 2px 3px 0px #ccc;
    box-sizing: content-box;
    top: 0px;
}

.sidebar-fixed {
    position: fixed;
    margin-top: 100px;
    width: 100%;
}

ul.nav.flex-column {
    padding: 0px;
    box-shadow: 1px 1px 4px 0px #ccc;
    box-sizing: border-box;
    background: #fff;
}

ul.nav.flex-column li {
    text-align: center;
    display: block;
    color: #000;
    padding: 28px 10px;
    border-bottom: 1px solid #ccc;
    font-size: 36px;
}

ul.nav.flex-column li a {
    color: #000;
    text-transform: uppercase;
    font-size: 12px;
}

ul.nav.flex-column li a span {
    display: block;
    font-size: 36px;
    margin-bottom: 8px;
}

main.dashboard {
    /* margin-left: 17%; */
    /* display: block; */
    /* margin-bottom: calc(100%/7); */
    /* min-height: 56vh; */
}

aside.fixed-side-bar {
    display: inline-block;
    width: 0;
    left: 0px;
    text-align: center;
    margin-top: 80px;
    position: absolute;
}

.featured-img {
    display: inline-block;
    position: relative;
    width: 100%;
    text-align: center;
    justify-content: center;
    top: 78px;
    height: 230px;
}

p.text {
    background: #ffffffbf;
    display: inline-block;
    width: 100%;
    position: absolute;
    bottom: 0;
    font-weight: 600;
    height: 42px;
    text-align: center;
    padding: 10px;
    left: 0;
}

p.text span {
    display: block;
    font-size: 12px;
    position: relative;
}

img.img-responsive {
    width: 100%;
    max-width: 100%;
    display: block;
}

.bg-light-grey {
    background: #cccccc29;
    margin-top: 20px;
    padding: 25px 15px;
}

.bg-light-grey h4 {
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 15px;
}

ul.analytic-text {
    padding: 0px;
    text-decoration: none;
    list-style-type: none;
    display: block;
    margin-bottom: 15px;
}

ul.analytic-text li {
    display: inline-block;
    position: relative;
    border: 1px solid #ccc;
    padding: 5px;
    line-height: 20px;
    margin: 5px;
    text-align: center;
    width: calc(80%/2);
    height: calc(80%/2);
}

ul.analytic-text li p {
    margin: 0px;
    font-size: 22px;
    color: #ff0000;
    font-weight: 600;
}

ul.analytic-text li span {
    font-size: 12px;
    font-weight: 500;
}

ul.dashboard-right-side {
    padding: 0px;
    list-style-type: none;
    width: 100%;
    display: flex;
    margin-top: 30px;
    margin: 0;
}

ul.dashboard-right-side li {
    /* display: inline-block; */
    /* position: relative; */
    /* padding: 0px; */
    /* margin: 10px; */
    /* align-items: center; */
    /* justify-content: center; */
    /* box-shadow: 0px 0px 4px 0px #00000052; */
}

ul.dashboard-right-side li .media-box {
    display: inline-block;
    position: relative;
    padding: 0px;
    margin: 10px 0px;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .05);
}

ul.dashboard-right-side li p {
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 10px;
    font-size: 14px;
    padding: 8px 0px 8px 0px;
}

ul.dashboard-right-side li.corser-listli .media-box {
    padding: 0px;
    margin: 10px 0px;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0px 8px rgba(0, 0, 0, 0.3);
    /* height: auto; */
    width: 100%;
}

ul.dashboard-right-side li.corser-listli .media-box .media-head {
    /*background: rgba(255, 0, 0, 1);*/
    padding: 22px 10px 0 21px;
    /*min-height: 101px;
        margin-bottom: 20px;*/
}

ul.dashboard-right-side li.corser-listli h3 {
    margin-bottom: 2px;
}

ul.dashboard-right-side li.corser-listli .media-box .media-head h2 {
    color: #fff;
    margin-bottom: 0;
}

ul.dashboard-right-side li.corser-listli .media-box .media-footer {
    padding: 0px 10px 22px 21px;
}

ul.dashboard-right-side li.corser-listli .media-box .media-footer a.btn-danger {
    font-size: 15px;
    padding: 10px 40px;
    transition: all 0.2s;
    background-color: #fe0000;
    border: 0;
    color: #fff !important;
    width: 180px;
    border-radius: 0px;
    text-decoration: none;
    margin-top: 14px;
}

ul.dashboard-right-side li.corser-listli .media-box .media-footer a.btn-danger:hover {
    background: #c90505;
}

.active-panel {
    /* margin-top: 135px; */
}

.active-panel h4 {
    border-bottom: 2px solid #ff0000;
    width: fit-content;
    padding: 5px 0px;
    font-size: 20px;
}

ul.dashboard-right-side li a {
    color: #000;
}

ul.dashboard-right-side li a.active {
    color: #ff0000;
}

li.dashboard-cart.cart-top.dropdown {
    margin-top: 10px;
    margin-left: 0px;
    float: left;
}

ul.user-profile-dropdown {
    position: relative;
    display: block;
    padding: 0px;
}

ul.user-profile-dropdown li {
    display: inline-block;
}

ul.user-profile-dropdown li a {
    display: inline-block;
    padding: 10px 10px !important;
    width: 100%;
    font-size: 16px !important;
}

ul.section-genre {
    padding: 0px;
    list-style-type: none;
    display: block;
    text-align: center;
}

ul.section-genre li {
    display: inline-block;
    margin: 10px 0px;
}

button.btn-toggle {
    display: none;
}

#video-logo-background a {
    display: block;
    height: 90px;
    line-height: 90px;
    text-align: center;
    width: 160px
}

#video-logo-background:after {
    left: 160px;
    top: 0;
    z-index: -1;
    width: 10px;
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, .03) 0, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, .03) 0, rgba(0, 0, 0, 0) 100%)
}

#video-logo-background img {
    position: relative;
    top: -2px;
    left: 2px;
    width: 95px;
    text-align: center;
    margin: 0
}

nav#sidebar-nav.sticky-sidebar-js {
    position: absolute
}

#content-sidebar-pro:after,
#sidebar-bg:after,
#sidebar-bg:before {
    position: fixed;
    height: 100%;
    top: 0
}

#sidebar-bg:before {
    background-color: #fff;
    box-shadow: 0 0 12px rgba(0, 0, 0, .08);
    min-height: 100%;
    left: 0;
    width: 160px;
    z-index: 1
}

main#col-main {
    /* margin-left: 268px; */
}

.dashboard-container {
    padding: 0 50px
}

#content-sidebar-pro {
    margin-left: 160px;
    width: 300px;
    background: #fafafa
}

#content-sidebar-pro:after {
    content: '';
    left: 160px;
    width: 300px;
    background: #fafafa;
    z-index: -1;
    border-right: 1px solid rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}

main#col-main-with-sidebar {
    margin-left: 460px
}

ul.dashboard-genres-pro {
    list-style: none;
    margin: 0 0 40px;
    padding: 22px 30px;
    text-align: center;
    border-bottom: 1px solid #e7e7e7;
    overflow: hidden;
    display: table;
    table-layout: fixed;
    width: 100%
}

ul.dashboard-genres-pro li {
    margin: 0;
    display: table-cell;
    padding: 10px 6px;
    border: 2px solid transparent;
    border-radius: 4px;
    position: relative;
    cursor: pointer
}

ul.dashboard-genres-pro li img {
    margin-bottom: 8px;
    width: 60px
}

ul.dashboard-genres-pro li h6 {
    font-size: 12px;
    font-weight: 400;
    color: #666;
    margin-bottom: 0
}

.item-listing-text-skrn h6 a,
.item-playlist-text-skrn h5 a {
    color: #333
}

.item-listing-container-skrn {
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, .08);
    box-shadow: 0 3px 8px rgba(0, 0, 0, .06);
    margin-bottom: 30px
}

.item-listing-container-skrn img {
    width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.item-listing-text-skrn {
    padding: 0 24px;
    height: 80px;
    display: table;
    width: 100%
}

.item-listing-text-skrn-vertical-align {
    display: table-cell;
    vertical-align: middle;
    width: 100%
}

.item-listing-text-skrn h6 {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2rem;
    margin-top: 4px;
    float: left;
    width: calc(100% - 50px)
}

.item-listing-text-skrn .circle-rating-pro {
    margin-bottom: -5px
}

.circle-rating-pro {
    float: right;
    position: relative
}

.circle-rating-pro span {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 32px;
    width: 32px;
    text-align: center;
    font-size: 11px
}

.item-playlist-container-skrn {
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, .08);
    box-shadow: 0 3px 8px rgba(0, 0, 0, .06);
    margin-bottom: 30px
}

.item-playlist-container-skrn img {
    width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.item-playlist-text-skrn {
    text-align: center;
    position: relative;
    padding: 38px 24px 20px
}

.item-playlist-text-skrn img {
    border-radius: 80px;
    width: 46px;
    margin-left: -23px;
    border: 3px solid #fff;
    position: absolute;
    top: -22px;
    left: 50%
}

.item-playlist-text-skrn h5 {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 6px
}

.item-playlist-text-skrn h6 {
    font-weight: 400;
    color: #adadad;
    font-size: 12px
}

ul.page-numbers {
    margin: 20px auto 45px;
    text-align: center;
    padding: 0;
    list-style: none
}

ul.page-numbers li {
    display: inline;
    margin: 0;
    padding: 0
}

ul.page-numbers li a,
ul.page-numbers li span.page-numbers {
    display: inline-block;
    margin: 0 4px 5px;
    width: 38px;
    height: 38px;
    line-height: 38px;
    color: #999;
    background: rgba(0, 0, 0, .03);
    border: 1px solid rgba(0, 0, 0, .09);
    border-radius: 5px;
    font-size: 13px
}

ul.page-numbers li a:hover {
    background: rgba(0, 0, 0, .05);
    border-color: rgba(0, 0, 0, .18)
}

ul.page-numbers li a.next,
ul.page-numbers li a.previous {
    border-color: transparent;
    background: rgba(0, 0, 0, 0);
    color: #666
}

ul#vertical-sidebar-nav.sf-menu {
    -webkit-font-smoothing: subpixel-antialiased;
    list-style: none;
    margin: 0;
    padding: 0;
    letter-spacing: .02em
}

ul#vertical-sidebar-nav.sf-menu li {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%
}

ul#vertical-sidebar-nav.sf-menu li a {
    display: block;
    font-size: 12px;
    color: #848484;
    padding: 26px 0;
    border-bottom: 1px solid #e7e7e7
}

ul#vertical-sidebar-nav.sf-menu li li a,
ul#vertical-sidebar-nav.sf-menu li li:last-child li a {
    border-bottom: 1px solid rgba(255, 255, 255, .08)
}

ul#vertical-sidebar-nav.sf-menu a:hover,
ul#vertical-sidebar-nav.sf-menu li.current-menu-item a,
ul#vertical-sidebar-nav.sf-menu li.sfHover a {
    color: #3db13d
}

ul#vertical-sidebar-nav.sf-menu ul {
    font-weight: 300;
    background: #232323;
    border: 1px solid rgba(255, 255, 255, .08);
    border-top: none;
    padding: 18px 32px;
    margin-left: 10px
}

ul#vertical-sidebar-nav.sf-menu li li a {
    text-transform: normal;
    text-align: left;
    font-size: 13px;
    padding: 14px 10px 14px 0
}

ul#vertical-sidebar-nav.sf-menu li li:last-child a,
ul#vertical-sidebar-nav.sf-menu li li:last-child li:last-child a {
    border: none
}

ul#vertical-sidebar-nav.sf-menu li.sfHover li a,
ul#vertical-sidebar-nav.sf-menu li.sfHover li.sfHover li a,
ul#vertical-sidebar-nav.sf-menu li.sfHover li.sfHover li.sfHover li a,
ul#vertical-sidebar-nav.sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li a,
ul#vertical-sidebar-nav.sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li a {
    background: rgba(0, 0, 0, 0);
    color: rgba(255, 255, 255, .6)
}

ul#vertical-sidebar-nav.sf-menu li.sfHover li a:hover,
ul#vertical-sidebar-nav.sf-menu li.sfHover li li a:hover,
ul#vertical-sidebar-nav.sf-menu li.sfHover li li li a:hover,
ul#vertical-sidebar-nav.sf-menu li.sfHover li li li li a:hover,
ul#vertical-sidebar-nav.sf-menu li.sfHover li li li li li a:hover,
ul#vertical-sidebar-nav.sf-menu li.sfHover li.sfHover a,
ul#vertical-sidebar-nav.sf-menu li.sfHover li.sfHover li.sfHover a,
ul#vertical-sidebar-nav.sf-menu li.sfHover li.sfHover li.sfHover a:hover,
ul#vertical-sidebar-nav.sf-menu li.sfHover li.sfHover li.sfHover li.sfHover a,
ul#vertical-sidebar-nav.sf-menu li.sfHover li.sfHover li.sfHover li.sfHover a:hover,
ul#vertical-sidebar-nav.sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a,
ul#vertical-sidebar-nav.sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a:hover,
ul#vertical-sidebar-nav.sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a {
    color: #fff;
    background: rgba(0, 0, 0, 0)
}

#header-user-notification-list li a:hover,
#header-user-profile-menu ul li a:hover {
    background: rgba(0, 0, 0, .04)
}

ul#vertical-sidebar-nav.sf-menu li a:before {
    display: none
}

ul#vertical-sidebar-nav.sf-menu .sf-with-ul:after {
    content: "\f105";
    font-size: 12px
}

ul#vertical-sidebar-nav.sf-menu li li .sf-with-ul:after {
    font-size: 11px
}

ul#vertical-sidebar-nav.sf-menu.sf-arrows ul .sf-with-ul {
    padding-right: 30px
}

ul#vertical-sidebar-nav.sf-menu li span {
    display: block;
    font-size: 40px;
    margin-bottom: 7px
}

#header-user-profile-click,
#header-user-profile-menu ul li a {
    color: #888;
    font-size: 13px;
    font-family: Montserrat, sans-serif
}

ul#vertical-sidebar-nav.sf-menu li ul {
    left: 100%;
    top: 0;
    margin: 0
}

#header-user-notification-menu,
#header-user-profile-menu {
    margin-top: 14px;
    overflow: visible;
    z-index: 50;
    background: #fff;
    box-shadow: 0 15px 20px rgba(0, 0, 0, .05);
    position: absolute
}

ul#vertical-sidebar-nav.sf-menu ul ul {
    margin-left: 32px
}

#header-user-profile {
    float: right;
    position: relative
}

#header-user-profile-click {
    cursor: pointer;
    font-weight: 400;
    padding: 25px 40px 25px 20px
}

#header-user-profile-menu {
    right: 20px;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, .12);
    min-width: 180px
}

#header-user-profile-menu:after,
#header-user-profile-menu:before {
    content: '';
    display: block;
    position: absolute;
    right: 20px;
    margin-top: -10px;
    width: 0;
    height: 0;
    z-index: 30;
    border-style: solid
}

#header-user-profile-menu:before {
    top: -10px;
    border-color: transparent transparent rgba(0, 0, 0, .16);
    border-width: 10px
}

#header-user-profile-menu:after {
    top: -9px;
    border-color: transparent transparent #fff;
    border-width: 10px
}

#header-user-profile-menu ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#header-user-profile-menu ul li {
    margin: 0;
    padding: 0
}

#header-user-profile-menu ul li a {
    display: block;
    font-weight: 300;
    padding: 10px 20px
}

#header-user-profile-menu ul li span {
    font-size: 18px;
    position: relative;
    top: 2px;
    margin-right: 8px
}

#header-user-profile-click:hover,
#header-user-profile.active #header-user-profile-click {
    color: #666
}

#header-user-profile img {
    width: 40px;
    border-radius: 50px;
    margin-right: 6px
}

#header-user-profile #header-username {
    display: inline-block
}

#header-user-profile i {
    margin-left: 6px
}

#header-user-notification {
    float: right;
    position: relative
}

#header-user-notification-click {
    position: relative;
    color: #bfbfbf;
    padding: 20px 15px;
    font-size: 28px;
    cursor: pointer
}

#header-user-notification-click:hover,
#header-user-notification.active #header-user-notification-click {
    color: #a0a0a0
}

#header-user-notification-click i {
    position: relative;
    top: -1px
}

span.user-notification-count {
    display: block;
    top: 29px;
    right: 8px;
    text-align: center;
    position: absolute;
    border: 2px solid #fff;
    border-radius: 30px;
    width: 18px;
    height: 18px;
    line-height: 15px;
    font-weight: 700;
    font-size: 8px;
    color: #fff
}

#header-user-notification-menu {
    right: -5px;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, .12);
    min-width: 280px
}

#header-user-notification-menu:after,
#header-user-notification-menu:before {
    content: '';
    display: block;
    position: absolute;
    right: 20px;
    margin-top: -10px;
    width: 0;
    height: 0;
    z-index: 30;
    border-style: solid
}

#header-user-notification-menu:before {
    top: -10px;
    border-color: transparent transparent rgba(0, 0, 0, .16);
    border-width: 10px
}

#header-user-notification-menu:after {
    top: -9px;
    border-color: transparent transparent #fff;
    border-width: 10px
}

#header-user-notification-menu h3 {
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
    padding: 20px 20px 18px;
    margin: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .04)
}

#header-user-notification-list {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 240px;
    overflow-y: auto
}

#header-user-notification-list li {
    margin: 0;
    padding: 0
}

#header-user-notification-list li a {
    display: block;
    font-family: Montserrat, sans-serif;
    font-weight: 300;
    color: #888;
    padding: 10px 20px 10px 64px;
    font-size: 12px;
    line-height: 1.5;
    position: relative
}

#header-user-notification-list li img {
    position: absolute;
    left: 20px;
    top: 12px;
    border-radius: 40px;
    width: 35px;
    height: 35px
}

#header-user-notification-list li .header-user-notify-time {
    display: block;
    color: #bbb;
    padding-top: 5px;
    font-size: 11px
}

#video-search-header {
    float: left;
    height: 89px;
    line-height: 89px;
    position: relative
}

#video-search-header input {
    font-size: 15px;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    color: #444;
    background: 0 0;
    padding: 10px 0 10px 108px;
    border: none;
    width: 380px
}

#search-icon-more {
    position: absolute;
    cursor: pointer;
    top: 50%;
    left: 30px;
    display: block;
    margin-top: -30px;
    width: 65px;
    height: 60px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 57px 24px;
    background-image: url(images/search-icon.png);
    opacity: .62
}

#search-icon-more:hover,
#video-search-header.active #search-icon-more {
    opacity: 1
}

#video-search-header ::-webkit-input-placeholder {
    color: #aaa
}

#video-search-header ::-moz-placeholder {
    color: #aaa
}

#video-search-header :-ms-input-placeholder {
    color: #aaa
}

#video-search-header :-moz-placeholder {
    color: #aaa
}

#video-search-header input:focus {
    outline: 0;
    box-shadow: none
}

#video-search-header-filtering {
    top: 100%;
    margin-top: 1px;
    position: absolute;
    width: calc(100vw - 160px);
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 15px 20px rgba(0, 0, 0, .05);
    line-height: 1.6
}

#video-search-header-filtering:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 1px;
    background: rgba(0, 0, 0, .04);
    height: 100%
}

#video-search-header-filtering:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 10px;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, .03) 0, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, .03) 0, rgba(0, 0, 0, 0) 100%)
}

#video-search-header-filtering-padding {
    padding: 0 15px 0 19px
}

.col-sm.extra-padding {
    padding-right: 35px;
    padding-left: 35px;
    position: relative
}

#video-search-header-filtering-padding .dotted-dividers-pro {
    position: absolute;
    top: 40px;
    right: 0;
    height: calc(100% - 40px);
    width: 1px;
    background-repeat: repeat-all;
    background-size: 1px 6px;
    background-image: url(images/dotted-search.png)
}

#video-search-header-filtering h5 {
    font-weight: 400;
    font-size: 13px;
    text-transform: uppercase;
    padding: 40px 20px 18px 0;
    margin: 0
}

.checkbox-pro-container {
    display: block;
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
    font-family: Montserrat, sans-serif;
    font-size: 13px;
    color: #777;
    cursor: pointer;
    -moz-user-select: none;
    user-select: none
}

.checkbox-pro-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.checkbox-pro-container .checkmark-pro {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    border-radius: 20px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .12)
}

.checkbox-pro-container input:checked~.checkmark-pro,
.checkbox-pro-container:hover input~.checkmark-pro {
    background-color: #fff
}

.checkbox-pro-container .checkmark-pro:after {
    content: "";
    position: absolute;
    display: none;
    left: 50%;
    top: 50%;
    margin-top: -3px;
    margin-left: -3px;
    width: 6px;
    height: 6px;
    border-radius: 30px
}

.checkbox-pro-container input:checked~.checkmark-pro:after {
    display: block
}

#video-search-header-buttons {
    text-align: center;
    padding: 30px 0 40px
}

#video-search-header-buttons .btn {
    margin-right: 5px;
    margin-left: 5px
}

#video-search-header-buttons .btn.btn-green-pro {
    min-width: 300px
}

.asRange {
    position: relative;
    width: 331px;
    height: 8px;
    background-color: #cfcdc7;
    border-radius: 8px
}

.asRange .asRange-pointer {
    position: absolute;
    left: 30%;
    z-index: 2;
    width: 8px;
    height: 8px;
    margin-left: -4px;
    background-color: #fff;
    border-radius: 9px;
    cursor: pointer
}

.asRange .asRange-pointer:after,
.asRange .asRange-pointer:before {
    border-radius: inherit;
    content: "";
    position: absolute
}

.asRange .asRange-pointer:before {
    top: -4px;
    right: -4px;
    bottom: -4px;
    left: -4px;
    background: #6ba1ad
}

.asRange .asRange-pointer:after {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff
}

.asRange .asRange-pointer.start {
    left: 0;
    margin-left: 4px
}

.asRange .asRange-pointer.stop {
    left: 100%;
    margin-left: -12px
}

.asRange .asRange-pointer .asRange-tip {
    position: absolute;
    top: -33px;
    left: 0;
    width: 36px;
    height: 20px;
    margin-left: -15px;
    font-family: Bpreplay;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #5d5c58;
    border: 1px solid #5d5c58;
    border-radius: 3px;
    -webkit-transition: opacity .3s ease-in-out 0s;
    transition: opacity .3s ease-in-out 0s
}

.asRange .asRange-pointer .asRange-tip:before {
    position: absolute;
    bottom: -3px;
    left: 50%;
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-left: -3px;
    content: "";
    background-color: #5d5c58;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.asRange .asRange-selected {
    position: absolute;
    left: 30%;
    z-index: 1;
    width: 40%;
    height: 8px;
    background-color: #7ebdcb;
    border-radius: 9px
}

.asRange .asRange-scale {
    display: none
}

.asRange-scale {
    position: relative;
    width: 331px;
    height: 8px;
    background-color: #cfcdc7;
    border-radius: 8px
}

.asRange-scale .asRange-pointer {
    position: absolute;
    left: 30%;
    z-index: 2;
    width: 8px;
    height: 8px;
    margin-left: -4px;
    background-color: #fff;
    border-radius: 9px
}

.asRange-scale .asRange-pointer:after,
.asRange-scale .asRange-pointer:before {
    border-radius: inherit;
    content: "";
    position: absolute
}

.asRange-scale .asRange-pointer:before {
    top: -4px;
    right: -4px;
    bottom: -4px;
    left: -4px;
    background: #6ba1ad
}

.asRange-scale .asRange-pointer:after {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff
}

.asRange-scale .asRange-pointer.start {
    left: 0;
    margin-left: 4px
}

.asRange-scale .asRange-pointer.stop {
    left: 100%;
    margin-left: -12px
}

.asRange-scale .asRange-pointer .asRange-tip {
    position: absolute;
    top: -33px;
    left: 0;
    width: 36px;
    height: 20px;
    margin-left: -15px;
    font-family: Bpreplay;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #5d5c58;
    border: 1px solid #5d5c58;
    border-radius: 3px;
    -webkit-transition: opacity .3s ease-in-out 0s;
    transition: opacity .3s ease-in-out 0s
}

.asRange-scale .asRange-pointer .asRange-tip:before {
    position: absolute;
    bottom: -3px;
    left: 50%;
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-left: -3px;
    content: "";
    background-color: #5d5c58;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.asRange-scale .asRange-selected {
    position: absolute;
    left: 30%;
    z-index: 1;
    width: 40%;
    height: 8px;
    background-color: #7ebdcb;
    border-radius: 9px
}

.asRange-scale .asRange-scale {
    position: absolute;
    bottom: -22px;
    left: 0;
    width: 100%;
    height: 20px;
    padding: 0;
    margin: 0;
    list-style: none;
    background: url(../image/scale.png) 0 no-repeat
}

.asRange-scale .asRange-scale li {
    position: absolute;
    top: 18px;
    width: 30px;
    height: 20px;
    padding: 0;
    margin: 0 0 0 -15px;
    text-align: center
}

.asRange-scale .asRange-scale li:first-child {
    left: 0
}

.asRange-scale .asRange-scale li:nth-child(2) {
    left: 33.3%
}

.asRange-scale .asRange-scale li:nth-child(3) {
    left: 66.6%
}

.asRange-scale .asRange-scale li:last-child {
    left: 100%
}

.asRange .asRange-pointer span.asRange-tip {
    font-family: Lato, sans-serif;
    color: #333;
    font-size: 13px;
    background: 0 0;
    border: none;
    top: 16px
}

.asRange .asRange-pointer:focus {
    outline: 0;
    box-shadow: none
}

.asRange .asRange-pointer span.asRange-tip:before {
    display: none
}

.extra-range-padding .asRange {
    background: #ddd;
    margin-top: 5px;
    margin-right: 14px;
    max-width: 270px
}

#search-mobile-nav-pro {
    text-align: center
}

#search-mobile-nav-pro input {
    font-size: 13px;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    color: #444;
    background: url(images/mobile-search-icon.png) 20px 13px no-repeat;
    width: calc(100% - 40px);
    padding: 9px 15px 9px 64px;
    border: none;
    border: 2px solid rgba(0, 0, 0, .09);
    margin: 15px auto;
    border-radius: 30px;
    background-size: 30px 17px
}

.flexslider.progression-studios-dashboard-slider.progression-studios-full-height-slider,
.progression-studios-full-height-slider .progression-studios-slider-dashboard-image-background {
    height: calc(100vh - 90px)
}

.flexslider.progression-studios-dashboard-slider {
    background: #fafafa;
    height: 85vh
}

.progression-studios-slider-dashboard-image-background {
    height: 85vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.flexslider.progression-studios-dashboard-slider:after {
    content: '';
    display: block;
    height: 1px;
    width: 100%;
    background: rgba(0, 0, 0, .05)
}

.flexslider.progression-studios-dashboard-slider .container {
    position: relative
}

.progression-studios-slider-dashboard-caption-width {
    max-width: 480px;
    margin-left: 20px;
    position: relative;
    z-index: 10;
    margin-top: 50px;
}

.flexslider.progression-studios-dashboard-slider h6 {
    font-size: 15px;
    letter-spacing: .7em;
    text-transform: uppercase;
    margin-bottom: 25px
}

.flexslider.progression-studios-dashboard-slider h5.created-by-heading-pro {
    font-size: 14px;
    text-transform: none;
    margin-bottom: 5px;
    color: #fff;
    letter-spacing: .03em
}

.flexslider.progression-studios-dashboard-slider h6.created-by-heading-pro {
    font-size: 13px;
    text-transform: none;
    font-weight: 400;
    margin-bottom: 5px;
    letter-spacing: .03em
}

.flexslider.progression-studios-dashboard-slider img.created-by-avatar {
    float: left;
    border-radius: 80px;
    width: 48px;
    margin-right: 12px
}

ul.progression-studios-slider-rating {
    list-style: none;
    margin: 0 0 8px;
    padding: 0
}

ul.progression-studios-slider-rating li {
    display: inline-block;
    line-height: 1;
    margin: 0 7px 5px 0;
    padding: 7px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: 700;
    border: 2px solid #9d9d9d;
    color: #9d9d9d
}

.flexslider.progression-studios-dashboard-slider h2 {
    font-size: 47px;
    line-height: 1.1;
    margin-bottom: 8px
}

.flexslider.progression-studios-dashboard-slider h2 a {
    color: #333
}

ul.progression-studios-slider-meta {
    list-style: none;
    margin: 0 0 15px;
    padding: 0
}

ul.progression-studios-slider-meta li {
    display: inline;
    margin: 0;
    padding: 0;
    color: #a8a8a8;
    font-size: 14px
}

ul.progression-studios-slider-meta li:after {
    content: "|";
    padding: 0 14px
}

ul.progression-studios-slider-meta li:last-child:after {
    display: none
}

p.progression-studios-slider-description {
    font-size: 14px;
    margin-bottom: 25px
}

.progression-studios-dashboard-slider .btn-slider-pro {
    float: left;
    margin-right: 15px
}

.progression-studios-slider-more-options {
    float: left;
    cursor: pointer;
    margin: 0;
    position: relative;
    padding-right: 12px
}

.progression-studios-slider-more-options i {
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 13px;
    border-radius: 60px;
    border: 2px solid #acabab;
    color: #acabab
}

.progression-studios-slider-more-options i:hover,
.progression-studios-slider-more-options.active i {
    border-color: #8f8f8f;
    color: #8f8f8f
}

.progression-studios-slider-more-options ul {
    position: absolute;
    left: 100%;
    top: 0;
    width: 170px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .05);
    box-shadow: 0 0 10px rgba(0, 0, 0, .06);
    border-radius: 5px;
    list-style: none;
    margin: 0;
    padding: 16px 0 0
}

.progression-studios-slider-more-options ul li {
    margin: 0;
    padding: 0 24px
}

.progression-studios-slider-more-options ul li a {
    display: block;
    margin-bottom: 4px;
    color: #272727;
    font-size: 13px
}

.progression-studios-slider-more-options ul li:last-child {
    border-top: 1px solid #e7e7e7;
    margin-top: 10px
}

.progression-studios-slider-more-options ul li:last-child a {
    color: #aaa;
    margin-bottom: 0;
    padding-top: 11px;
    padding-bottom: 11px
}

.flexslider.progression-studios-dashboard-slider h5 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    margin: 8px 0 15px;
    letter-spacing: .05em
}

ul.progression-studios-staring-slider {
    list-style: none;
    margin: 0;
    padding: 0
}

ul.progression-studios-staring-slider li {
    display: inline-block;
    margin: 0 5px 5px 0;
    padding: 0;
    width: 32px
}

ul.progression-studios-staring-slider li img {
    border-radius: 60px
}

.flexslider.progression-studios-dashboard-slider .circle-rating-pro {
    position: absolute;
    right: 20px;
    bottom: 0;
    z-index: 10
}

.flexslider.progression-studios-dashboard-slider .circle-rating-pro span {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 70px;
    width: 70px;
    text-align: center;
    font-size: 20px
}

a.progression-studios-slider-play-btn {
    z-index: 50;
    position: absolute;
    display: block;
    cursor: pointer;
    right: 0;
    left: 43%;
    text-align: center;
    border-radius: 100px;
    top: 232px;
    margin-top: -50px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    color: #fff;
    font-size: 36px;
    border: 2px solid #fff;
    background: rgba(0, 0, 0, .05);
    box-shadow: 0 0 20px rgba(0, 0, 0, .15)
}

a.progression-studios-slider-play-btn i {
    position: relative;
    left: 3px
}

.video-innerthmb {
    width: 100%;
    height: 314px;
    margin-top: 69px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #ccc;
    border: none;
}

.course-detail .flexslider.progression-studios-dashboard-slider h2 {
    font-size: 44px;
}

.pagination .page-item {
    margin-right: 10px;
}

.pagination .page-item .page-link {
    position: relative;
    display: block;
    padding: 0;
    margin-left: -1px;
    line-height: 30px;
    color: #000;
    background-color: #fff;
    border: 1px solid #dee2e6;
    width: 30px;
    height: 30px;
    text-align: center;
}

.pagination .page-item.active .page-link,
.pagination .page-item .page-link:hover {
    background-color: #ff0000;
    border-color: #ff0000;
    color: #fff;
}

.page-item:last-child .page-link,
.page-item:first-child .page-link {
    font-size: 28px;
    line-height: 24px;
}

#content-sidebar-image {
    position: relative;
    text-align: center;
    margin-bottom: 35px
}

#content-sidebar-info {
    position: relative;
    text-align: center;
    margin-bottom: 45px
}

a.edit-profile-sidebar {
    text-align: center;
    z-index: 8;
    position: absolute;
    top: 14px;
    right: 14px;
    border-radius: 40px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 15px;
    color: #fff;
    box-shadow: 0 2px 14px rgba(61, 177, 61, .4)
}

a.edit-profile-sidebar:hover {
    background: #9d9d9d
}

#profile-sidebar-name {
    padding-top: 40px;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 3
}

#profile-sidebar-gradient {
    height: 90px;
    position: absolute;
    bottom: -2px;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(250, 250, 250, 0) 0, rgba(250, 250, 250, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(250, 250, 250, 0) 0, rgba(250, 250, 250, 1) 100%);
    background: linear-gradient(to bottom, rgba(250, 250, 250, 0) 0, rgba(250, 250, 250, 1) 100%)
}

#profile-sidebar-name h5 {
    font-size: 19px;
    margin-bottom: 8px
}

#profile-sidebar-name h6 {
    color: #aaa;
    font-size: 14px;
    font-weight: 400
}

.content-sidebar-section {
    padding: 0 35px;
    margin-bottom: 42px
}

h2.content-sidebar-sub-header {
    font-size: 22px;
    margin-bottom: 20px
}

h2.content-sidebar-sub-header.adjusted-recent-reviews {
    font-size: 18px
}

h3.content-sidebar-sub-header {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .03em;
    margin-bottom: 20px
}

h4.content-sidebar-sub-header {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .03em;
    margin-bottom: 10px
}

.content-sidebar-short-description {
    font-size: 14px
}

ul#profile-watched-stats {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    display: table;
    table-layout: fixed;
    width: 100%
}

ul#profile-watched-stats li {
    margin: 0;
    padding: 16px 0;
    line-height: 1;
    display: table-cell;
    border: 1px solid #e2e2e2;
    color: #777;
    font-size: 12px
}

ul#profile-watched-stats span {
    font-size: 26px;
    display: block;
    font-weight: 700;
    padding-bottom: 4px
}

ul#profile-watched-stats li:first-child {
    border-right: none
}

ul#profile-watched-stats li:last-child {
    border-left: none
}

ul#friends-activity-profiles,
ul#profile-favorite-genres {
    list-style: none;
    margin: 0;
    padding: 0
}

ul#profile-favorite-genres li {
    float: left;
    margin: 0;
    width: 25%;
    padding: 0 5px
}

ul#friends-activity-profiles li {
    float: left;
    display: block;
    margin: 0 12px 0 0;
    padding: 0
}

ul#friends-activity-profiles li img {
    border-radius: 30px;
    width: 34px
}

ul#friends-activity-profiles li.friends-activity-profiles-more a {
    text-align: center;
    display: inline-block;
    border-radius: 30px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    font-size: 11px;
    font-weight: 700;
    color: #fff
}

ul#friends-activity-feed,
ul#sidebar-reviews-pro {
    list-style: none;
    margin: 0;
    padding: 0
}

ul#friends-activity-feed li {
    line-height: 1.4;
    position: relative;
    font-size: 13px;
    color: #333;
    margin: 0 0 0 14px;
    padding: 0 0 30px 25px;
    border-left: 1px solid #e5e5e5
}

ul#friends-activity-feed li:last-child {
    padding-bottom: 10px
}

ul#friends-activity-feed li:after {
    position: absolute;
    content: "";
    display: block;
    width: 15px;
    background: #fafafa;
    height: 34px;
    top: -5px;
    left: -6px
}

ul#friends-activity-feed li img {
    position: absolute;
    z-index: 10;
    left: -14px;
    width: 24px;
    border-radius: 24px
}

ul#sidebar-reviews-pro li p {
    margin-bottom: 18px
}

ul#sidebar-reviews-pro li {
    margin: 0 0 20px;
    padding: 0;
    border-bottom: 1px dotted #d2d4d5;
    font-size: 13px;
    line-height: 1.6
}

ul#sidebar-reviews-pro li:last-child {
    border: none;
    margin-bottom: 30px
}

ul#sidebar-reviews-pro h6 {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 3px
}

ul#sidebar-reviews-pro .spoiler-review {
    text-transform: uppercase;
    font-size: 11px;
    padding: 0 0 4px
}

ul#sidebar-reviews-pro .sidebar-review-time {
    color: #858585;
    padding-bottom: 10px;
    font-size: 12px
}

#movie-detail-header-pro {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 84vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

#movie-detail-gradient-pro {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 260px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 1) 100%)
}

#movie-detail-header-media {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 5;
    padding: 0 0 30px
}

#movie-detail-header-media h5 {
    color: #fff;
    font-size: 21px;
    margin-bottom: 15px
}

a.movie-detail-media-link {
    display: block;
    color: #fff;
    text-align: center
}

a.movie-detail-media-link h6 {
    position: absolute;
    bottom: -2px;
    border-radius: 5px;
    margin: 0;
    width: 100%;
    color: #fff;
    font-weight: 400;
    font-size: 13px;
    padding: 20px 0 10px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .88) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .88) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .88) 100%)
}

.movie-detail-media-image span,
a.movie-detail-header-play-btn {
    display: block;
    top: 50%;
    background: rgba(0, 0, 0, .06);
    text-align: center
}

.movie-detail-media-image {
    position: relative;
    margin-bottom: 8px
}

.movie-detail-media-image span {
    z-index: 10;
    position: absolute;
    left: 50%;
    width: 34px;
    height: 34px;
    line-height: 34px;
    margin-left: -17px;
    margin-top: -17px;
    font-size: 12px;
    border-radius: 30px;
    border: 2px solid #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .15)
}

.movie-detail-media-image span i {
    position: relative;
    left: 1px
}

.movie-detail-media-image img {
    border-radius: 5px
}

a.movie-detail-header-play-btn {
    z-index: 50;
    position: absolute;
    cursor: pointer;
    left: 50%;
    border-radius: 100px;
    margin-top: -105px;
    margin-left: -55px;
    width: 110px;
    height: 110px;
    line-height: 110px;
    color: #fff;
    font-size: 46px;
    border: 3px solid #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .15)
}

a.movie-detail-header-play-btn i {
    position: relative;
    left: 3px
}

#movie-detail-header-pro .progression-studios-slider-more-options {
    float: right;
    cursor: pointer;
    margin: 0;
    position: relative;
    padding: 22px 22px 0 12px
}

#movie-detail-header-pro .progression-studios-slider-more-options i {
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 13px;
    border-radius: 60px;
    border: 2px solid #fff;
    color: #fff
}

#movie-detail-header-pro .progression-studios-slider-more-options ul {
    position: absolute;
    right: 100%;
    left: auto;
    top: 22px;
    width: 170px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .05);
    box-shadow: 0 0 10px rgba(0, 0, 0, .06);
    border-radius: 5px;
    list-style: none;
    margin: 0;
    padding: 16px 0 0
}

#movie-detail-rating .circle-rating-pro,
#movie-detail-rating h6 {
    float: right;
    position: relative
}

#movie-detail-rating {
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 45px;
    padding: 35px 0 25px
}

#movie-detail-rating h5 {
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 2px
}

#movie-detail-rating h6 {
    font-weight: 400;
    font-size: 14px;
    top: 12px;
    margin-left: 12px
}

#movie-detail-rating .circle-rating-pro span {
    line-height: 40px;
    width: 40px;
    text-align: center;
    font-size: 14px
}

.rating-pro {
    unicode-bidi: bidi-override;
    direction: rtl
}

.rating-pro input {
    position: absolute;
    left: -999999px
}

.rating-pro label {
    display: inline-block;
    font-size: 0;
    cursor: pointer
}

.rating-pro>label:before {
    position: relative;
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
    font-size: 15px;
    display: block;
    content: "\f005";
    color: #cacaca
}

.pricing-plans-page-container ul li,
.social-icon-login,
a.not-a-member-pro,
ul.checkmark-list-pro,
ul.dashboard-sub-menu li a,
ul.welcome-features li {
    font-family: Montserrat, sans-serif
}

.rating-pro>label.selected:before,
.rating-pro>label.selected~label:before,
.rating-pro>label:hover:before,
.rating-pro>label:hover~label:before {
    color: #3db13d;
    font-weight: 900
}

.movie-details-section {
    margin-bottom: 40px
}

.movie-details-section h2 {
    font-size: 24px;
    margin-bottom: 20px
}

.item-listing-text-skrn.item-listing-movie-casting {
    display: block;
    width: auto;
    text-align: center;
    padding: 20px 10px;
    height: auto
}

.item-listing-text-skrn.item-listing-movie-casting h6 {
    display: block;
    margin: 0 auto;
    float: none;
    width: auto
}

.movie-casting-sub-title {
    color: #999;
    font-size: 14px
}

ul.dashboard-sub-menu {
    list-style: none;
    margin: 35px 0 30px;
    padding: 0
}

ul.dashboard-sub-menu li {
    display: inline;
    padding: 0;
    margin: 0
}

ul.dashboard-sub-menu li a {
    margin: 0 40px 5px 0;
    display: inline-block;
    position: relative;
    color: #adadad;
    font-size: 16px;
    padding-bottom: 6px
}

.right-border-payment:after,
ul.dashboard-sub-menu li a:after {
    position: absolute;
    content: "";
    display: block
}

ul.dashboard-sub-menu li:last-child a {
    margin-right: 0
}

ul.dashboard-sub-menu li a:after {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0)
}

ul.dashboard-sub-menu li a:hover,
ul.dashboard-sub-menu li.current a {
    color: #333
}

#account-edit-photo {
    max-width: 300px;
    margin: 0 auto 45px;
    padding-right: 15px;
    text-align: center
}

#account-edit-photo img {
    border-radius: 5px
}

#account-edit-photo div {
    margin-bottom: 25px
}

#account-edit-photo p {
    margin-bottom: 12px
}

.account-settings-form .form-group {
    margin: 0 0 15px
}

.account-settings-form .form-group select.custom-select {
    height: 43px
}

.btn.btn-form {
    font-size: 12px;
    padding-top: 12px;
    padding-bottom: 12px
}

.account-settings-form .registration-genres-step {
    margin-top: 0;
    margin-bottom: 15px
}

.current-plan-account {
    padding-top: 15px
}

.current-plan-account h4 {
    font-size: 14px;
    letter-spacing: .1em
}

.current-plan-account h5 {
    font-size: 14px;
    font-weight: 400
}

.current-plan-account h2 {
    font-size: 50px;
    margin-bottom: 35px
}

.current-plan-account h2 sup {
    font-size: 17px;
    font-weight: 400;
    top: -22px;
    padding-right: 5px
}

.current-plan-account h2 span {
    font-size: 15px;
    color: #999;
    font-weight: 400
}

.current-plan-account .current-plan-billing {
    color: #999;
    font-weight: 400;
    font-size: 13px;
    font-style: italic;
    margin-bottom: 10px
}

.current-plan-account ul {
    list-style: none;
    margin: 0 0 30px;
    padding: 0;
    font-size: 14px;
    color: #848484
}

.current-plan-account ul li {
    padding: 0;
    margin: 0 0 5px
}

.payment-method-container {
    margin-top: 25px;
    font-size: 14px;
    color: #777
}

.payment-method-container strong {
    color: #333
}

.payment-method-container img {
    width: 460px
}

.payment-method-container h5 {
    font-weight: 400;
    font-size: 19px;
    margin-bottom: 20px
}

.payment-method-container h6 {
    font-weight: 400;
    font-size: 17px;
    margin-bottom: 20px
}

.payment-method-container h5 sup {
    font-size: 11px;
    padding-left: 6px
}

.right-border-payment {
    padding-right: 40px
}

.right-border-payment:after {
    width: 1px;
    height: calc(100% - 40px);
    top: 0;
    right: 20px;
    background: rgba(0, 0, 0, .09)
}

#page-title-pro {
    text-align: center;
    padding: 80px 0;
    background: #fafafa;
    border-bottom: 1px solid rgba(0, 0, 0, .05)
}

#page-title-pro h1 {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    font-size: 38px
}

#page-title-pro h6 {
    display: block;
    width: 100%;
    font-weight: 400;
    color: rgba(0, 0, 0, .5);
    font-size: 17px
}

.short-border-bottom {
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 26px
}

.short-border-bottom:after {
    position: absolute;
    content: "";
    display: block;
    width: 40px;
    height: 5px;
    border-radius: 10px;
    background: #262626;
    bottom: 0
}

.mx-auto .short-border-bottom:after {
    left: 50%;
    margin-left: -20px
}

h1.light-weight-heading,
h2.light-weight-heading,
h3.light-weight-heading,
h4.light-weight-heading,
h5.light-weight-heading,
h6.light-weight-heading {
    font-weight: 400
}

.jumbotron-pro {
    border-radius: 8px;
    text-align: center;
    padding-top: 24px;
    padding-bottom: 20px;
    border: 2px solid #e9e9e9;
    background: #fff;
    position: relative
}

.jumbotron-pro [class*=" icon-"],
.jumbotron-pro [class^=icon-] {
    font-size: 45px
}

.jumbotron-pro h6 {
    padding-top: 10px;
    font-size: 14px
}

.centered-headings-pro {
    text-align: center
}

.centered-headings-pro h1,
.centered-headings-pro h2,
.centered-headings-pro h3,
.centered-headings-pro h4,
.centered-headings-pro h5,
.centered-headings-pro h6 {
    display: block;
    width: 100%
}

.pricing-plans-headings {
    margin: 15px 0
}

.pricing-plans-headings h6 {
    font-weight: 400;
    color: rgba(0, 0, 0, .5);
    font-size: 17px;
    margin-bottom: 15px
}

.pricing-plans-headings h1 {
    font-size: 32px
}

#pricing-plans-background-image {
    background-image: url(images/demo/signup-background.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    padding: 60px 0 120px;
    margin-bottom: -50px
}

.pricing-plans-page-container {
    border-radius: 6px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .05);
    box-shadow: -15px 26px 30px rgba(0, 0, 0, .09);
    text-align: center;
    max-width: 850px;
    margin: 0 auto
}

.pricing-plans-page-container .pricing-table-col {
    padding: 70px 20px 40px
}

.pricing-plans-page-container h6 {
    font-size: 13px;
    letter-spacing: .06em;
    margin-bottom: 25px
}

.pricing-plans-page-container h2 {
    font-size: 40px;
    margin-bottom: 25px
}

.pricing-plans-page-container h2 sup {
    font-size: 16px;
    font-weight: 400;
    top: -16px;
    padding-right: 5px
}

.pricing-plans-page-container h2 span {
    font-size: 12px;
    color: #999;
    font-weight: 400;
    letter-spacing: .02em
}

.pricing-plans-page-container ul {
    list-style: none;
    margin: 0 0 35px;
    padding: 0
}

.pricing-plans-page-container ul li {
    color: rgba(51, 51, 51, .65);
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 10px
}

.registration-social-login-container {
    border-right: 1px solid #e4e4e4;
    width: calc(100% - 270px);
    float: left;
    position: relative;
    margin-bottom: 0;
    padding-right: 20px
}

.registration-social-login-or {
    position: absolute;
    top: 0;
    right: -22px;
    padding: 15px 0 12px;
    width: 40px;
    background: #fff;
    text-align: center;
    font-weight: 700
}

.registration-social-login-options {
    padding: 20px 20px 20px 40px;
    width: 270px;
    float: right
}

.registration-social-login-options h6 {
    line-height: 1.4;
    font-weight: 600;
    text-align: center;
    margin: 32px 0 25px
}

.social-icon-login {
    cursor: pointer;
    background: #818181;
    border-color: #818181;
    color: #fff;
    border-radius: 4px;
    padding: 12px 15px;
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 13px;
    position: relative;
    text-align: center
}

.social-icon-login:hover {
    opacity: .8
}

.social-icon-login i {
    position: absolute;
    left: 18px;
    top: 17px
}

.social-icon-login.facebook-color {
    background: #3b5998
}

.social-icon-login.twitter-color {
    background: #55acee
}

.social-icon-login.google-color {
    background: #dd4b39;
    margin-bottom: 0
}

@media (min-width:992px) {
    .modal-md {
        max-width: 600px
    }
}


/*..modal-backdrop {
        background: #fff
    }*/


/*.modal-backdrop.show {
        opacity: .85
    }
    .modal-dialog .modal-content {
        border: 1px solid rgba(0, 0, 0, .04);
        box-shadow: 0 26px 30px rgba(0, 0, 0, .09)
    }*/

.modal-body-pro {
    padding: 0 60px 30px
}

button.close.float-close-pro {
    position: fixed;
    top: 20px;
    right: 20px;
    font-size: 35px;
    z-index: 99
}

.modal-header-pro {
    padding: 40px 30px 0;
    text-align: center
}

.modal-header-pro h2 {
    font-size: 26px;
    margin-bottom: 12px
}

.modal-header-pro h6 {
    font-size: 16px;
    font-weight: 400;
    color: rgba(0, 0, 0, .5);
    margin-bottom: 15px
}

.checkbox-remember-pro,
.forgot-your-password {
    margin-top: -5px;
    font-size: 13px;
    color: #9d9d9d
}

.checkbox-remember-pro label {
    cursor: pointer
}

.checkbox-remember-pro input {
    margin-right: 6px
}

.forgot-your-password {
    text-align: right;
    position: relative;
    top: 5px
}

.forgot-your-password a {
    color: #9d9d9d
}

.forgot-your-password a:hover {
    color: #444
}

a.not-a-member-pro {
    display: block;
    padding: 12px 20px;
    background: #9d9d9d;
    text-align: center;
    color: #fff;
    letter-spacing: .02em
}

a.not-a-member-pro span {
    font-weight: 700
}

.modal-body-pro.social-login-modal-body-pro {
    padding-left: 20px;
    padding-right: 20px
}

.modal-body-pro .registration-social-login-container {
    width: calc(100% - 240px);
    padding-right: 20px
}

.modal-body-pro .registration-social-login-or {
    padding: 9px 0 12px;
    font-size: 14px
}

.modal-body-pro .registration-social-login-options {
    padding: 15px 20px 20px 40px;
    width: 240px;
    float: right
}

.modal-body-pro .registration-social-login-options h6 {
    margin: 0 0 18px;
    font-size: 14px
}

.modal-body-pro .social-icon-login {
    padding: 10px 15px;
    font-size: 12px;
    margin-bottom: 8px
}

.modal-body-pro .social-icon-login i {
    left: 15px;
    top: 14px
}

ul#registration-steps-pro {
    list-style: none;
    margin: 0;
    padding: 60px 0 100px
}

ul#registration-steps-pro li {
    float: left;
    margin: 0;
    width: 25%;
    border-bottom: 1px solid #d9d9d9
}

ul#registration-steps-pro li a {
    display: block;
    padding: 0 0 23px
}

.registration-step-circle-icon {
    position: relative;
    float: left;
    text-align: center;
    border-radius: 30px;
    font-weight: 700;
    font-size: 17px;
    background: #d9d9d9;
    color: #fff;
    width: 46px;
    height: 46px;
    line-height: 46px;
    margin-right: 15px
}

.registration-step-circle-icon:before {
    z-index: -1;
    content: '';
    display: block;
    position: absolute;
    bottom: -8px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -18px;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 18px solid #d9d9d9
}

.registration-step-number {
    color: rgba(0, 0, 0, .3);
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 3px
}

h5.registration-step-title {
    font-weight: 400;
    font-size: 14px
}

.registration-steps-page-container {
    border-radius: 6px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .05);
    box-shadow: -15px 26px 30px rgba(0, 0, 0, .09);
    max-width: 850px;
    margin: 0 auto
}

.registration-steps-page-container form.registration-steps-form {
    padding: 40px
}

.registration-steps-page-container .last-form-group-continue {
    margin-top: 15px
}

.registration-steps-page-container .last-form-group-continue .btn {
    float: left
}

.registration-steps-page-container .checkbox-remember-pro {
    margin-left: 20px;
    position: relative
}

.registration-steps-page-container .checkbox-remember-pro input {
    vertical-align: top;
    margin-top: 11px
}

.registration-steps-page-container .checkbox-remember-pro label {
    max-width: 345px
}

.registration-billing-form {
    padding: 60px
}

.jumbotron-pro i.fa-check-circle {
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 18px
}

.registration-billing-form .jumbotron-pro {
    cursor: pointer
}

.registration-billing-form .jumbotron-pro img {
    margin-top: 10px;
    margin-bottom: 15px
}

.billing-form-pro {
    width: 100%;
    margin-top: -10px
}

.row.adjust-margin-top .form-group {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 10px
}

.registration-billing-form .btn {
    float: right
}

.billing-plan-container {
    float: left;
    margin-top: -4px
}

.billing-plan-container h5 {
    color: #adadad;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 8px
}

.billing-plan-container h5 a {
    text-decoration: underline
}

.billing-plan-container h3 {
    font-size: 20px;
    text-transform: uppercase
}

.billing-plan-container h3 .total {
    padding-right: 4px
}

.billing-plan-container h3 .duration {
    color: #adadad;
    font-size: 14px;
    font-weight: 400;
    text-transform: none
}

.registration-step-final-padding {
    padding: 60px
}

h2.registration-final-heading {
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 25px
}

h2.registration-final-heading span {
    font-weight: 600
}

.registration-invite-friends-form .form-group {
    margin: 0
}

.form-group-invite-friends {
    margin-top: 25px;
    background: #fafafa;
    border-radius: 10px;
    padding: 30px
}

.form-group-invite-friends .registration-invite-friends-list {
    list-style: none;
    margin: 0;
    padding: 0 30px 0 0;
    max-height: 200px;
    overflow-y: scroll
}

ul.registration-invite-friends-list li {
    float: left;
    width: calc(33.3% - 8px);
    padding: 4px;
    margin: 4px;
    border: 2px solid transparent;
    border-radius: 4px;
    position: relative;
    cursor: pointer
}

ul.registration-invite-friends-list li img {
    float: left;
    border-radius: 30px;
    margin-right: 12px
}

ul.registration-invite-friends-list li h6 {
    font-weight: 400;
    margin: 4px 0 0;
    font-size: 13px
}

ul.registration-genres-choice li i,
ul.registration-invite-friends-list li i {
    position: absolute;
    top: 5px;
    right: 5px;
    opacity: 0;
    font-size: 12px
}

ul.registration-genres-choice li i {
    font-size: 16px
}

ul.registration-genres-choice li.active i,
ul.registration-invite-friends-list li.active i {
    opacity: 1
}

ul.registration-invite-friends-list li .friends-social-media {
    font-size: 13px;
    color: rgba(0, 0, 0, .55)
}

.form-group-invite-friends ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    background-color: rgba(0, 0, 0, .06);
    border-radius: 4px
}

.form-group-invite-friends ::-webkit-scrollbar-thumb {
    border-radius: 4px;
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5)
}

.registration-genres-step {
    margin-top: 40px
}

.registration-genres-step h5 {
    font-size: 17px;
    font-weight: 600
}

ul.registration-genres-choice {
    margin: 0;
    padding: 0;
    text-align: center;
    list-style: none
}

ul.registration-genres-choice li {
    float: left;
    width: calc(16.5% - 10px);
    padding: 10px;
    margin: 5px;
    border: 2px solid transparent;
    border-radius: 4px;
    position: relative;
    cursor: pointer
}

ul.registration-genres-choice li img {
    margin-bottom: 8px;
    width: 60px
}

ul.registration-genres-choice li h6 {
    font-size: 13px;
    font-weight: 400;
    color: #666;
    margin-bottom: 0
}

.registration-step-final-footer {
    margin-top: 35px;
    text-align: center
}

.registration-step-final-footer .btn {
    margin: 0 4px;
    padding: 13px 26px;
    font-size: 14px
}

.welcome-page-styles .pricing-plans-headings {
    margin-top: 0;
    margin-bottom: 30px
}

.welcome-page-styles h6.welcome-style-summary {
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, .6);
    text-align: center;
    margin-bottom: 12px
}

.welcome-page-styles h3.welcome-plan-title {
    font-size: 20px;
    text-align: center;
    margin: 30px 0;
    font-weight: 600
}

.welcome-page-styles h3.welcome-plan-title span {
    font-weight: 700
}

ul.welcome-features {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    max-width: 460px
}

ul.welcome-features li {
    float: left;
    width: 50%;
    font-size: 13px;
    color: rgba(0, 0, 0, .5);
    margin-bottom: 6px;
    padding: 0 0 0 26px;
    position: relative
}

ul.welcome-features li:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f00c";
    font-weight: 900;
    display: inline-block;
    position: absolute;
    left: 0
}

#search-mobile-nav-pro input:focus,
.form-group input:focus,
.form-group textarea:focus,
select.custom-select:focus {
    outline: 0;
    box-shadow: none
}

.form-group input,
.form-group textarea {
    border-color: #ddd;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px
}

.register-form .form-group {
    margin: 20px 0px;
}

.form-group ::-webkit-input-placeholder {
    color: #aaa
}

.form-group ::-moz-placeholder {
    color: #aaa
}

.form-group :-ms-input-placeholder {
    color: #aaa
}

.form-group :-moz-placeholder {
    color: #aaa
}

footer#footer-pro {
    border-top: 1px solid rgba(0, 0, 0, .09)
}

.copyright-text-pro {
    font-size: 14px;
    color: #868686;
    padding: 25px 0
}

footer#footer-pro ul.social-icons-pro {
    padding: 20px 0;
    text-align: right
}

#pro-scroll-top {
    display: block;
    position: fixed;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    text-align: center;
    z-index: 100;
    padding: 0;
    margin: 0;
    bottom: 0;
    right: 30px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #fff;
    background: rgba(0, 0, 0, .3);
    height: 31px;
    width: 42px;
    font-size: 12px
}

#pro-scroll-top:hover {
    height: 35px
}

#pro-scroll-top .fa-chevron-up {
    position: absolute;
    top: 10px;
    left: 16px
}

#pro-scroll-top.cd-is-visible {
    visibility: visible;
    opacity: 1
}

.progression-pricing-section-background {
    margin: -16px 0 -50px;
    padding: 20px 0 115px;
    background-image: url(images/demo/plans-background.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover
}

ul.checkmark-list-pro {
    color: #333;
    margin-left: 0;
    padding-left: 0
}

ul.checkmark-list-pro li {
    list-style: none;
    position: relative;
    padding-left: 26px;
    margin-bottom: 6px
}

ul.checkmark-list-pro li:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f00c";
    font-weight: 900;
    display: inline-block;
    position: absolute;
    left: 0
}

.pricing-table-pro {
    padding-top: 50px;
    text-align: center
}

.pricing-table-pro .pricing-table-col {
    border-radius: 10px;
    padding: 65px 0 44px;
    margin: 0 20px;
    background: #fff;
    box-shadow: 0 15px 30px rgba(255, 255, 255, .8);
    border: 1px solid transparent
}

.pricing-table-pro .pricing-table-col-shadow-pro {
    box-shadow: 0 26px 30px rgba(0, 0, 0, .09);
    border-color: rgba(0, 0, 0, .05)
}

.pricing-table-pro h6 {
    font-size: 14px;
    letter-spacing: .06em;
    margin-bottom: 25px
}

.pricing-table-pro h2 {
    font-size: 50px;
    margin-bottom: 25px;
    color: #3db13d
}

.pricing-table-pro h2 sup {
    font-size: 18px;
    font-weight: 400;
    top: -20px;
    padding-right: 6px
}

.pricing-table-pro h2 span {
    font-size: 14px;
    color: #999;
    font-weight: 400;
    letter-spacing: .02em
}

.pricing-table-pro ul {
    list-style: none;
    margin: 0 0 35px;
    padding: 0
}

.pricing-table-pro ul li {
    color: rgba(51, 51, 51, .65);
    font-family: Montserrat, sans-serif;
    font-weight: 300;
    margin-bottom: 10px
}

.flexslider.progression-studios-slider {
    background: #fafafa;
    height: 650px
}

.progression-studios-slider-image-background {
    height: 650px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.progression-studios-slider-mobile-background-cover,
.progression-studios-slider-mobile-background-cover-dark {
    background: rgba(238, 238, 238, .65);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.progression-studios-slider-mobile-background-cover-dark {
    background: rgba(14, 12, 17, .6)
}

.flexslider.progression-studios-slider:after {
    content: '';
    display: block;
    height: 1px;
    width: 100%;
    background: rgba(0, 0, 0, .05)
}

.progression-studios-slider-display-table {
    display: table;
    width: 100%;
    height: 100%
}

.progression-studios-slider-vertical-align {
    display: table-cell;
    vertical-align: middle;
    width: 100%
}

.progression-studios-slider-caption-width {
    max-width: 380px;
    position: relative;
    z-index: 10
}

.progression-studios-slider-caption-width h2 {
    font-size: 56px;
    line-height: 1.1;
    margin-bottom: 20px
}

.progression-studios-slider-caption-width h6 {
    line-height: 1.7;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 30px;
    color: rgba(0, 0, 0, .6)
}

.btn-slider-pro {
    font-size: 14px;
    margin-bottom: 25px;
    padding: 14px 22px
}

.flex-container a:focus,
.flex-container a:hover,
.flex-slider a:focus,
.flex-slider a:hover {
    outline: 0
}

.flex-control-nav,
.flex-direction-nav,
.slides,
.slides>li {
    margin: 0;
    padding: 0;
    list-style: none
}

.flex-pauseplay span {
    text-transform: capitalize
}

.flexslider {
    padding: 0;
    margin: 0;
    background: 0 0;
    border: none;
    position: relative;
    zoom: 1;
    -webkit-transform: translateZ(0)
}

.flexslider .slides>li {
    display: none;
    -webkit-backface-visibility: hidden
}

.flexslider .slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

html[xmlns] .flexslider .slides {
    display: block
}

* html .flexslider .slides {
    height: 1%
}

.no-js .flexslider .slides>li:first-child {
    display: block
}

.flexslider .slides {
    zoom: 1
}

.flexslider .slides img {
    width: 100%;
    display: block;
    height: auto
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

.loading .flex-viewport {
    max-height: 300px
}

.carousel li {
    margin-right: 5px
}

.flex-direction-nav a {
    text-decoration: none;
    display: block;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    text-align: center;
    border: none;
    margin: -20px 0 0;
    font-size: 24px;
    width: 45px;
    line-height: 40px;
    height: 40px;
    color: #bbb;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .02)
}

.flexslider .flex-direction-nav a {
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out
}

.flexslider:hover .flex-direction-nav a {
    top: 50%;
    opacity: 1
}

.flexslider .flex-direction-nav a:hover {
    opacity: .7
}

.flex-direction-nav a.flex-prev:before {
    content: "\f053";
    position: relative;
    left: -1px
}

.flex-direction-nav a.flex-next:before {
    content: "\f054";
    position: relative;
    right: -1px
}

.flex-direction-nav .flex-prev {
    left: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.flex-direction-nav .flex-next {
    right: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.flex-direction-nav .flex-disabled {
    opacity: 0!important;
    filter: alpha(opacity=0);
    cursor: default
}

.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: .8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000
}

.flex-pauseplay a:before {
    font-family: flexslider-icon;
    font-size: 20px;
    display: inline-block;
    content: '\f004'
}

.flex-pauseplay a:hover {
    opacity: 1
}

.flex-pauseplay a.flex-play:before {
    content: '\f003'
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 15px;
    text-align: center;
    z-index: 10
}

.flex-control-nav li {
    margin: 0;
    display: inline-block;
    zoom: 1;
    position: relative
}

.flex-control-paging li {
    width: 20px;
    height: 10px;
    text-align: center
}

.flex-control-paging li a {
    width: 7px;
    height: 7px;
    bottom: 0;
    display: block;
    cursor: pointer;
    text-indent: -9999px;
    position: absolute;
    background: 0 0;
    border: 2px solid #ddd;
    border-radius: 15px
}

.flex-control-paging li a.flex-active {
    cursor: default
}

body .flex-control-paging * {
    box-sizing: content-box
}

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden
}

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0
}

.flex-control-thumbs img {
    width: 100%;
    height: auto;
    display: block;
    opacity: .7;
    cursor: pointer;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

.flex-control-thumbs img:hover {
    opacity: 1
}

.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default
}

header#videohead-pro #mobile-bars-icon-pro {
    margin-right: 0;
    padding: 36px 25px
}

ul#mobile-menu-pro [class*=" icon-"],
ul#mobile-menu-pro [class^=icon-] {
    font-size: 22px;
    display: inline-block;
    width: 30px;
    position: relative
}

ul#mobile-menu-pro [class*=" icon-"]:before,
ul#mobile-menu-pro [class^=icon-]:before {
    position: absolute;
    top: -17px
}

ul#mobile-menu-pro i {
    width: 30px;
    margin-bottom: -10px;
    font-size: 18px;
    text-align: center
}

ul#mobile-menu-pro span.user-notification-count {
    right: auto;
    top: 12px;
    left: 34px
}

#mobile-bars-icon-pro {
    float: right;
    line-height: 1;
    color: #272727;
    font-size: 18px;
    padding: 34px 30px;
    cursor: pointer;
    margin-right: -15px;
    display: none
}

#mobile-bars-icon-pro i.fa-bars {
    min-width: 18px;
    text-align: center
}

.active-mobile-icon-pro #mobile-bars-icon-pro i.fa-bars:before {
    content: "\f00d"
}

header#masthead-pro #mobile-navigation-pro {
    border-top: 1px solid rgba(0, 0, 0, .07)
}

#mobile-navigation-pro {
    display: none;
    line-height: 1;
    position: relative;
    z-index: 20;
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 15px 20px rgba(0, 0, 0, .05);
    font-weight: 600;
    font-family: Montserrat, sans-serif;
    text-transform: uppercase;
    letter-spacing: .04em
}

ul#mobile-menu-pro li a {
    line-height: 1;
    color: #272727;
    font-size: 13px;
    padding: 20px
}

.btn.btn-mobile-pro {
    display: block;
    width: 100%;
    border: none;
    border-radius: 0
}

.btn.btn-mobile-pro.btn-green-pro {
    margin-bottom: -1px
}

@media only screen and (min-width:960px) {
    #mobile-navigation-pro {
        display: none!important
    }
}

.alpha {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.omega {
    margin-right: 0 !important;
    padding-right: 0 !important;
}

.menu-collapser {
    display: none!important
}

ul#mobile-menu-pro {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: block!important;
    overflow: hidden;
    width: 100%
}

ul#mobile-menu-pro li {
    position: relative;
    margin: 0;
    padding: 0
}

ul#mobile-menu-pro li li a {
    padding-left: 30px
}

ul#mobile-menu-pro li li li a {
    padding-left: 35px
}

ul#mobile-menu-pro li li li li a {
    padding-left: 40px
}

ul#mobile-menu-pro a i {
    padding-right: 4px
}

ul#mobile-menu-pro li .sub-collapser {
    background: 0 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    text-align: center;
    z-index: 999;
    cursor: pointer;
    height: 53px
}

ul#mobile-menu-pro.collapsed li .sub-collapser:before {
    position: absolute;
    top: 0;
    left: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 13px;
    border: none;
    content: "\f107";
    text-align: center;
    line-height: 53px;
    width: 50px;
    background: #f2f2f2
}

ul#mobile-menu-pro.collapsed li .sub-collapser.expanded {
    transform: rotate(180deg)
}

ul#mobile-menu-pro li .sub-collapser>i {
    display: none
}

ul#mobile-menu-pro li ul {
    margin: 0;
    list-style-type: none;
    padding-left: 0
}

ul#mobile-menu-pro li ul li {
    background: #f2f2f2
}

ul#mobile-menu-pro li>ul {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 999;
    width: 100%
}

ul#mobile-menu-pro li>ul>li ul {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 999;
    width: 100%
}

ul#mobile-menu-pro li {
    display: block;
    width: 100%;
    box-sizing: border-box
}

ul#mobile-menu-pro li a {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    box-sizing: border-box
}

ul#mobile-menu-pro.collapsed li>ul {
    display: none;
    position: static
}

ul.social-icons-pro {
    list-style: none;
    margin: 0;
    padding: 0
}

ul.social-icons-pro li {
    display: inline;
    margin: 0;
    padding: 0
}

ul.social-icons-pro li:last-child a {
    margin-right: 0
}

ul.social-icons-pro li a {
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    margin: 0 4px;
    border: 2px solid rgba(0, 0, 0, .08);
    width: 34px;
    height: 34px;
    line-height: 32px;
    font-size: 12px;
    color: #818181
}

ul.social-icons-pro li a:hover {
    background: #818181;
    border-color: #818181;
    color: #fff
}

ul.social-icons-pro li.facebook-color a {
    color: #3b5998
}

ul.social-icons-pro li.facebook-color a:hover {
    background: #3b5998;
    border-color: #3b5998;
    color: #fff
}

ul.social-icons-pro li.google-color a {
    color: #dd4b39
}

ul.social-icons-pro li.google-color a:hover {
    background: #dd4b39;
    border-color: #dd4b39;
    color: #fff
}

ul.social-icons-pro li.linkedin-color a {
    color: #007bb5
}

ul.social-icons-pro li.linkedin-color a:hover {
    background: #007bb5;
    border-color: #007bb5;
    color: #fff
}

ul.social-icons-pro li.twitter-color a {
    color: #55acee
}

ul.social-icons-pro li.twitter-color a:hover {
    background: #55acee;
    border-color: #55acee;
    color: #fff
}

ul.social-icons-pro li.youtube-color a {
    color: red
}

ul.social-icons-pro li.youtube-color a:hover {
    background: red;
    border-color: red;
    color: #fff
}

ul.social-icons-pro li.vimeo-color a {
    color: #aad450
}

ul.social-icons-pro li.vimeo-color a:hover {
    background: #aad450;
    border-color: #aad450;
    color: #fff
}

ul.social-icons-pro li.instagram-color a {
    color: #e95950
}

ul.social-icons-pro li.instagram-color a:hover {
    background: #e95950;
    border-color: #e95950;
    color: #fff
}

.btn,
.form-group input,
.form-group textarea,
a {
    transition-duration: 250ms;
    transition-property: color, background-color, border;
    transition-timing-function: ease-in-out
}

.btn {
    transition-duration: .3s
}

#header-user-notification-click,
#header-user-profile-click,
#mobile-bars-icon-pro,
#pro-scroll-top,
#search-icon-more,
#search-mobile-nav-pro input,
.checkbox-pro-container input~.checkmark-pro,
.jumbotron-pro,
.progression-studios-slider-more-options i,
.sf-menu a:before,
.social-icon-login,
button.close,
ul#registration-steps-pro li,
ul.registration-genres-choice li,
ul.registration-genres-choice li i,
ul.registration-invite-friends-list li,
ul.registration-invite-friends-list li i {
    transition-duration: 250ms;
    transition-property: all;
    transition-timing-function: ease-in-out
}

.sf-menu a {
    transition-duration: 250ms;
    transition-property: padding-top, padding-bottom, color, background-color, width;
    transition-timing-function: ease-in-out
}

.example-no-css3 {
    -webkit-transition-duration: 0s!important;
    -moz-transition-duration: 0s!important;
    -o-transition-duration: 0s!important;
    transition-duration: 0s!important
}

@keyframes ProgressionMoveUp {
    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes ProgressionMoveOut {
    from {
        visibility: visible;
        opacity: 1
    }
    to {
        opacity: 0;
        visibility: hidden
    }
}

li.sfHover ul.sub-menu {
    transform: translateY(20px);
    opacity: 0;
    animation-duration: 250ms;
    animation-name: ProgressionMoveUp;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards
}

#header-user-notification-menu,
#header-user-profile-menu,
#video-search-header-filtering,
.progression-studios-slider-more-options ul {
    opacity: 0;
    visibility: hidden
}

#header-user-notification.hide #header-user-notification-menu,
#header-user-profile.hide #header-user-profile-menu,
#video-search-header.hide #video-search-header-filtering,
.progression-studios-slider-more-options.hide ul {
    animation-duration: .2s;
    animation-name: ProgressionMoveOut;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards
}

#header-user-notification.active #header-user-notification-menu,
#header-user-profile.active #header-user-profile-menu,
#video-search-header.active #video-search-header-filtering,
.progression-studios-slider-more-options.active ul {
    transform: translateY(20px);
    opacity: 0;
    visibility: visible;
    animation-duration: 250ms;
    animation-name: ProgressionMoveUp;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards
}

.progression_studios_animate_down .progression-studios-slider-caption-align,
.progression_studios_animate_in .progression-studios-slider-caption-align,
.progression_studios_animate_left .progression-studios-slider-caption-align,
.progression_studios_animate_out .progression-studios-slider-caption-align,
.progression_studios_animate_right .progression-studios-slider-caption-align,
.progression_studios_animate_up .progression-studios-slider-caption-align {
    animation-delay: .5s;
    animation-duration: .8s;
    opacity: 0;
    animation-fill-mode: both
}

li.flex-active-slide.progression_studios_animate_in .progression-studios-slider-caption-align {
    animation-name: ProgressionStudiosElementszoomup
}

li.flex-active-slide.progression_studios_animate_out .progression-studios-slider-caption-align {
    animation-name: ProgressionStudiosElementszoomout
}

li.flex-active-slide.progression_studios_animate_up .progression-studios-slider-caption-align {
    animation-name: ProgressionStudiosElementsfadeup
}

li.flex-active-slide.progression_studios_animate_down .progression-studios-slider-caption-align {
    animation-name: ProgressionStudiosElementsfadedown
}

li.flex-active-slide.progression_studios_animate_left .progression-studios-slider-caption-align {
    animation-name: ProgressionStudiosElementsfadeleft
}

li.flex-active-slide.progression_studios_animate_right .progression-studios-slider-caption-align {
    animation-name: ProgressionStudiosElementsfaderight
}

@keyframes ProgressionStudiosElementsfadeup {
    0% {
        opacity: 0;
        transform: translate3d(0, 20%, 0)
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@keyframes ProgressionStudiosElementsfadedown {
    0% {
        opacity: 0;
        transform: translate3d(0, -20%, 0)
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@keyframes ProgressionStudiosElementsfadeleft {
    0% {
        opacity: 0;
        transform: translate3d(10%, 0, 0)
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@keyframes ProgressionStudiosElementsfaderight {
    0% {
        opacity: 0;
        transform: translate3d(-10%, 0, 0)
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@keyframes ProgressionStudiosElementszoomup {
    0% {
        opacity: 0;
        transform: scale(1.2)
    }
    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes ProgressionStudiosElementszoomout {
    0% {
        opacity: 0;
        transform: scale(.8)
    }
    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@media only screen and (min-width:959px) and (max-width:1100px) {
    .col-sm.extra-padding {
        padding-right: 15px;
        padding-left: 15px;
        position: relative
    }
    ul.dashboard-genres-pro {
        padding-right: 20px;
        padding-left: 20px
    }
    ul.dashboard-genres-pro li {
        float: left;
        width: 16.6%
    }
    ul.dashboard-genres-pro li h6 {
        font-size: 11px
    }
    .dashboard-container {
        padding: 0 40px
    }
    .progression-studios-slider-dashboard-caption-width {
        max-width: 450px
    }
    a.progression-studios-slider-play-btn {
        right: 10%
    }
    ul.dashboard-sub-menu li a {
        font-size: 15px;
        margin: 0 10px 5px
    }
    #content-sidebar-pro,
    #content-sidebar-pro:after {
        width: 260px
    }
    main#col-main-with-sidebar {
        margin-left: 420px
    }
}

@media only screen and (min-width:768px) and (max-width:959px) {
    #header-user-notification,
    #masthead-pro .btn-header-pro,
    #sidebar-bg:after,
    #sidebar-bg:before,
    #site-navigation-pro,
    #video-logo-background:after,
    #video-logo-background:before,
    #video-search-header,
    nav#sidebar-nav {
        display: none
    }
    #mobile-bars-icon-pro {
        display: block
    }
    #header-user-profile-click {
        padding-right: 15px
    }
    #header-user-profile-menu {
        right: -5px
    }
    main#col-main {
        margin-left: 0
    }
    #content-sidebar-pro {
        margin-left: 0;
        width: 260px
    }
    #content-sidebar-pro:after {
        left: 0;
        width: 260px
    }
    main#col-main-with-sidebar {
        margin-left: 260px
    }
    #page-title-pro h1 {
        font-size: 32px
    }
    #page-title-pro h6 {
        font-size: 15px
    }
    ul#registration-steps-pro li {
        width: 50%;
        margin-bottom: 25px
    }
    .modal-body-pro .registration-social-login-container,
    .registration-social-login-container {
        border-right: 0;
        width: 100%;
        padding-right: 0
    }
    .modal-body-pro .registration-social-login-or,
    .registration-social-login-or {
        position: relative;
        text-align: center;
        font-size: 20px;
        width: 100%;
        padding: 0;
        right: 0
    }
    .modal-body-pro .registration-social-login-options,
    .registration-social-login-options {
        padding-left: 20px;
        width: 100%
    }
    .registration-social-login-options h6 {
        margin-top: 0
    }
    ul.registration-invite-friends-list li {
        width: calc(49.5% - 8px)
    }
    .progression-studios-slider-caption-width {
        max-width: 310px
    }
    .progression-studios-slider-caption-width h2 {
        font-size: 39px;
        margin-bottom: 15px
    }
    .progression-studios-slider-caption-width h6 {
        font-size: 15px;
        margin-bottom: 25px
    }
    ul.dashboard-genres-pro {
        padding-right: 20px;
        padding-left: 20px
    }
    ul.dashboard-genres-pro li {
        float: left;
        width: 16.6%
    }
    ul.dashboard-genres-pro li h6 {
        font-size: 11px
    }
    .dashboard-container {
        padding: 0 20px
    }
    a.progression-studios-slider-play-btn {
        right: 8%
    }
    .progression-studios-slider-dashboard-caption-width {
        max-width: 400px
    }
    .flexslider.progression-studios-dashboard-slider h6 {
        font-size: 14px;
        margin-bottom: 16px
    }
    ul.progression-studios-slider-rating {
        margin: 0 0 5px
    }
    ul.progression-studios-slider-rating li {
        padding: 5px;
        font-size: 10px
    }
    .flexslider.progression-studios-dashboard-slider h2 {
        font-size: 40px
    }
    ul.progression-studios-slider-meta {
        margin: 0 0 10px
    }
    ul.progression-studios-slider-meta li {
        font-size: 13px
    }
    p.progression-studios-slider-description {
        font-size: 13px;
        margin-bottom: 20px
    }
}

@media only screen and (max-width:800px) {
    #footer {
        position: static;
    }
}

.mobii-nav {
    display: none;
}

@media only screen and (max-width:767px) {
    #content-sidebar-pro:after,
    #header-user-notification,
    #header-user-profile #header-username,
    #masthead-pro .btn-header-pro,
    #sidebar-bg:after,
    #sidebar-bg:before,
    #site-navigation-pro,
    #video-logo-background:after,
    #video-logo-background:before,
    #video-search-header,
    nav#sidebar-nav {
        display: none
    }
    .mobii-nav {
        display: inline-block;
        float: right;
        margin-right: 0;
        margin-top: 4px;
    }
    .billing-plan-container,
    .registration-billing-form .btn,
    .registration-steps-page-container .last-form-group-continue .btn {
        float: none
    }
    .flexslider.progression-studios-dashboard-slider,
    .flexslider.progression-studios-dashboard-slider.progression-studios-full-height-slider,
    .progression-studios-full-height-slider .progression-studios-slider-dashboard-image-background,
    .progression-studios-slider-dashboard-image-background {
        min-height: 640px
    }
    #mobile-bars-icon-pro {
        display: block
    }
    #header-user-profile-click {
        padding-right: 0
    }
    #header-user-profile img {
        margin-right: 0
    }
    #header-user-profile-menu {
        right: 0
    }
    main#col-main,
    main#col-main-with-sidebar {
        margin-left: 0
    }
    #content-sidebar-pro {
        margin-left: 0;
        width: 100%;
        margin-bottom: 40px
    }
    #page-title-pro h1 {
        font-size: 26px
    }
    #page-title-pro h6 {
        font-size: 14px
    }
    .copyright-text-pro,
    footer#footer-pro ul.social-icons-pro {
        text-align: center
    }
    footer#footer-pro ul.social-icons-pro li:last-child a {
        margin-right: 4px
    }
    footer#footer-pro ul.social-icons-pro {
        padding-top: 0
    }
    ul#registration-steps-pro li {
        width: 100%;
        margin-bottom: 20px
    }
    .registration-steps-page-container .checkbox-remember-pro {
        display: block;
        margin-top: 20px;
        margin-left: 0
    }
    #movie-detail-header-media,
    .flexslider.progression-studios-dashboard-slider .circle-rating-pro,
    a.progression-studios-slider-play-btn {
        display: none
    }
    .registration-steps-page-container .checkbox-remember-pro input {
        position: absolute
    }
    .registration-steps-page-container .checkbox-remember-pro label {
        margin-left: 26px
    }
    .modal-body-pro .registration-social-login-container,
    .registration-social-login-container {
        border-right: 0;
        width: 100%;
        padding-right: 0
    }
    .modal-body-pro .registration-social-login-or,
    .registration-social-login-or {
        position: relative;
        text-align: center;
        font-size: 20px;
        width: 100%;
        padding: 0;
        right: 0
    }
    .modal-body-pro .registration-social-login-options,
    .registration-social-login-options {
        padding-left: 20px;
        width: 100%
    }
    .registration-social-login-options h6 {
        margin-top: 0
    }
    .registration-steps-page-container form.registration-steps-form {
        padding: 0
    }
    .form-group-invite-friends,
    .registration-billing-form,
    .registration-step-final-padding {
        padding: 20px
    }
    .pricing-plans-page-container .pricing-table-col {
        padding-right: 0;
        padding-left: 0
    }
    .billing-plan-container {
        margin-bottom: 25px
    }
    ul.registration-invite-friends-list li {
        width: calc(99% - 8px)
    }
    ul.registration-genres-choice li {
        width: calc(33.3% - 10px)
    }
    ul.welcome-features li {
        width: 100%
    }
    .progression-studios-slider-mobile-background-cover,
    .progression-studios-slider-mobile-background-cover-dark {
        opacity: 1
    }
    .flexslider.progression-studios-slider,
    .progression-studios-slider-image-background {
        height: 580px
    }
    .progression-studios-slider-caption-width {
        width: 85%;
        margin: 0 auto;
        text-align: center
    }
    .progression-studios-slider-caption-width h2 {
        font-size: 34px;
        margin-bottom: 12px
    }
    .progression-studios-slider-caption-width h6 {
        font-size: 13px;
        margin-bottom: 20px
    }
    .btn-slider-pro {
        font-size: 13px;
        padding: 11px 18px
    }
    ul.dashboard-genres-pro {
        padding-right: 0;
        padding-left: 0
    }
    ul.dashboard-genres-pro li {
        float: left;
        width: 33.2%
    }
    .dashboard-container {
        padding: 0 20px
    }
    .progression-studios-slider-dashboard-caption-width {
        max-width: 100%;
        margin-left: 0
    }
    .flexslider.progression-studios-dashboard-slider h6 {
        font-size: 13px;
        margin-bottom: 14px
    }
    ul.progression-studios-slider-rating {
        margin: 0 0 5px
    }
    ul.progression-studios-slider-rating li {
        margin: 0 7px 5px 0;
        padding: 6px;
        font-size: 10px
    }
    .flexslider.progression-studios-dashboard-slider h2 {
        font-size: 34px;
        margin-bottom: 5px
    }
    ul.progression-studios-slider-meta {
        margin: 0 0 10px
    }
    ul.progression-studios-slider-meta li {
        font-size: 12px
    }
    ul.progression-studios-slider-meta li:after {
        padding: 0 10px
    }
    p.progression-studios-slider-description {
        font-size: 13px;
        margin-bottom: 20px
    }
    .progression-studios-dashboard-slider .btn-slider-pro {
        margin-right: 10px
    }
    .progression-studios-slider-more-options i {
        height: 44px;
        width: 44px;
        line-height: 44px;
        font-size: 12px
    }
    .progression-studios-slider-more-options ul {
        top: 100%;
        left: -65px
    }
    .flexslider.progression-studios-dashboard-slider h5 {
        font-size: 13px;
        margin-top: 6px;
        margin-bottom: 12px
    }
    #account-edit-photo {
        padding: 0
    }
    ul.dashboard-sub-menu {
        text-align: center
    }
    ul.dashboard-sub-menu li a {
        margin: 0 10px 5px;
        font-size: 15px
    }
    .right-border-payment {
        padding-right: 0;
        padding-bottom: 50px
    }
    .right-border-payment:after {
        top: auto;
        right: 0;
        width: 100%;
        height: 1px;
        bottom: 35px
    }
    #movie-detail-rating h6 {
        float: left;
        margin-left: 0;
        margin-right: 12px
    }
    #movie-detail-rating .circle-rating-pro {
        float: left
    }
    #mobile-nav-toggle i {
        color: #000;
    }
    #mobile-nav ul li.buy-tickets a {
        color: #fff;
        background: #ff0000;
        width: auto;
        display: inline-block;
        margin-left: 18px;
        margin-top: 12px;
        padding: 7px 55px;
    }
    #mobile-nav ul li.cart-top.dropdown {
        display: none;
    }
    ul.includes {
        padding: 0;
        text-align: center;
        display: block;
        left: 0;
        list-style-type: none;
    }
    p.includes {
        text-align: center;
        display: block;
        left: 0;
    }
}

input.form-control.form-control-lg.form-control-borderless.MobileNavSearch {
    width: 100%;
    height: 50px;
    border: 1px solid #ccc;
    display: none
}

ul.nav.flex-column li.MobileNavSearch {
    padding: 15px;
    display: none
}

li.cart-top.dropdown.profile.MobileDisplay {
    display: none;
}

ul.editable-links {
    padding: 0px;
    list-style-type: none;
}

ul.editable-links li a {
    color: #000 !important;
    font-weight: 400;
    font-size: 16px;
}

main.dashboard form button.btn.btn-primary {
    float: right;
    padding: 9px 35px;
    position: relative;
    left: -17px;
    font-size: 18px;
    font-weight: 500;
    background: #ff0000;
    border: none;
}

.img-fix-dimension {
    position: relative;
    display: block;
    width: 100%;
    height: 150px;
    overflow: hidden;
    background-position: center;
    max-width: 100%;
}

ul.dashboard-right-side li.corser-listli .img-fix-dimension {
    height: 250px;
}

ul.dashboard-right-side li.corser-listli .img-fix-dimension img {
    width: 100%;
}

.img-fix-dimension-event {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    background-position: center;
    /* max-width: 100%; */
    border: none;
}

.text-area-wrap {
    word-break: break-word;
    padding: 12px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid #ccc;
    border-top: none;
}

.customized-card .text-area-wrap {
    border: none;
}

.customized-card {
    margin-top: 36px;
}

p.event-calendar {
    margin-bottom: 0px !important;
    font-weight: 500;
    font-size: 14px !important;
    margin-top: 0px !important;
}

.text-area-wrap h4 {
    margin-bottom: 12px !important;
}

li.col-11.customized-card.stream {
    width: 100% !important;
    display: block !important;
    position: relative !important;
    height: auto !important;
}

.stream h3 {
    margin: 0px;
    padding: 10px 15px;
}

.stream .img-fix-dimension {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    background-position: center;
    max-width: 100%;
    margin-bottom: 25px;
    text-align: center;
}

.stream .img-fix-dimension iframe {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    background-position: center;
    max-width: 100%;
    margin-bottom: 25px;
    text-align: center;
}

ul.row.dashboard-right-side a {
    color: #000 !important;
}

.text-area-wrap input.btn.btn-success {
    float: right;
    padding: 6px 25px;
    font-size: 16px;
    background-color: #ff0000;
    color: #fff;
    border: none;
    text-decoration: none;
}

span.lnr.lnr-download {
    font-size: 16px !important;
    font-weight: bold !important;
}

.testimonial {
    margin: 0 auto;
}

.testimonial .carousel-item {
    height: 150px;
}

.testimonial .carousel-caption {
    padding: 0;
    right: 0;
    left: 0;
    color: #3d3d3d;
}

.testimonial .carousel-caption h3 {
    color: #ff0000;
    position: relative;
    /* top: -53px; */
    /* margin-bottom: 30px; */
    display: inline-block;
    padding-bottom: 10px;
}

.testimonial .carousel-caption p {
    line-height: 22px;
    margin-top: -20px;
}

.testimonial .carousel-caption .col-sm-3 {
    display: flex;
    align-items: center;
}

.testimonial .carousel-caption .col-sm-9 {
    text-align: left;
}

.navi a {
    text-decoration: none;
}

a>.ico {
    background-color: #ff0000;
    padding: 10px;
}

a:hover>.ico {
    background-color: #666;
}

video::-internal-media-controls-download-button {
    display: none;
}

video::-webkit-media-controls-enclosure {
    overflow: hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
    /* Adjust as needed */
}

aside.sidebar-shop h3 {
    /* border-top: 1px solid #000; */
    /* border-bottom: 1px solid #000; */
    padding: 0px 0px;
}

aside.sidebar-shop ul {
    padding: 0px;
    list-style-type: none;
}

aside.sidebar-shop ul li a {
    padding: 12px 7px;
    display: inline-block;
    color: #000;
    font-size: 16px;
}

aside.sidebar-shop ul li {
    border-bottom: 1px solid #cccccc4f;
}

aside.sidebar-shop ul li a i.fas.fa-angle-right {
    position: absolute;
    right: 35px;
    margin-top: -19px;
}

.col-6.customized-card {
    margin-bottom: 25px;
}

.progression-studios-slider-caption-align p {
    text-overflow: ellipsis;
    overflow: hidden;
    overflow-wrap: normal;
    white-space: nowrap;
}


/*--------------------------------------------------------------
    # Responsive Media Queries
    --------------------------------------------------------------*/

@media (min-width: 767px) {
    #subscribe input {
        min-width: 400px;
    }
}

@media (min-width: 768px) {
    #contact .contact-address,
    #contact .contact-phone,
    #contact .contact-email {
        padding: 20px 0;
    }
    #contact .contact-phone {
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }
}

@media (min-width: 991px) {
    #schedule .sub-heading {
        width: 75%;
    }
}

@media (min-width: 1024px) {
    #intro {
        background-attachment: fixed;
    }
    #about {
        background-attachment: fixed;
    }
    #subscribe {
        background-attachment: fixed;
    }
}

@media (max-width: 1199px) {
    #header .container {
        max-width: 100%;
    }
    .nav-menu a {
        padding: 8px 4px;
    }
}

@media (max-width: 991px) {
    #header {
        background: rgba(6, 12, 34, 0.98);
        height: 70px;
        padding: 15px 0;
        transition: all 0.5s;
    }
    #nav-menu-container {
        display: none;
    }
    #mobile-nav-toggle {
        display: inline;
    }
    #intro .intro-container {
        top: 0px;
    }
    #intro h1 {
        font-size: 34px;
    }
    #intro p {
        font-size: 16px;
    }
    #schedule .nav-tabs a {
        padding: 8px 60px;
    }
}

@media (max-width: 768px) {
    .back-to-top {
        bottom: 15px;
    }
    #faq #faq-list a {
        font-size: 18px;
    }
    #faq #faq-list i {
        top: 13px;
    }
    p.new-package {
        left: 0px;
    }
}

@media (max-width: 767px) {
    body .water div#bg-img ul.row li.slidewater select {
        padding: 22px 0px;
        top: -34px;
    }
    #header #logo {
        padding-top: 2px;
    }
    #schedule .nav-tabs a {
        padding: 8px 50px;
    }
    .testimonial-img {
        display: block;
        margin: 0 auto;
        text-align: center;
    }
    p.new-package {
        text-align: center;
        left: 0px;
    }
    .testimonial-img img {
        margin-top: 0px;
        margin-bottom: 20px;
    }
    #intro h1 span {
        font-size: 54px;
    }
    #speakers {
        padding: 50px 0 50px 0;
    }
    .section-header::before {
        left: calc(50% - 25px) !important;
    }
    .section-header h2 {
        padding-top: 0px;
        display: block;
        margin: 0 auto;
        text-align: center !important;
    }
    main.dashboard {
        margin-left: 0px;
    }
    ul.dashboard-right-side a {
        color: #000;
        position: relative;
        z-index: 9;
    }
    ul.dashboard-right-side li {
        width: 100%;
    }
    .featured-img {
        margin-top: 58px;
    }
    .display-none {
        display: none !important;
    }
    aside.fixed-side-bar.position-fixed {
        z-index: 9999;
    }
    aside.fixed-side-bar.position-fixed {
        margin-top: 60px;
    }
    button.btn-toggle {
        display: block;
        position: absolute;
        /* left: 168%; */
        top: 36px;
        width: 40px;
        background: none;
        box-shadow: none;
        outline: none;
        font-size: 0px;
        border: none;
        border-bottom: 2px solid #000;
        cursor: pointer;
    }
    button.btn-toggle:before {
        content: "";
        border-top: 2px solid #000;
        position: absolute;
        display: inline-block;
        width: 40px;
        top: -7px;
        left: 0px;
    }
    button.btn-toggle:after {
        content: "";
        border-bottom: 2px solid #000;
        position: absolute;
        display: inline-block;
        width: 40px;
        top: 10px;
        left: 0px;
    }
    aside.fixed-side-bar.position-fixed.display-block {}
    input.form-control.form-control-lg.form-control-borderless.MobileNavSearch {
        width: 100%;
        height: 50px;
        border: 1px solid #ccc;
        display: block;
    }
    ul.nav.flex-column li.MobileNavSearch {
        padding: 15px;
        display: block;
    }
    main#main.tile-center .col-md-8.product-full-detail .row.mt-4 .col-md-4:nth-child(2){
            max-width: 100% !important;
        }
}

@media (max-width: 574px) {

    input#from_date {
            width: 100% !important;
         }

    input#filter {
        width: 100%;
        position: relative;
        top: 9px !important;
            }

    body .water div#bg-img ul.row li.slidewater:nth-child(2) input {
        left: -260px;
        padding: 18px 110px;
    }
    div#carouselExampleIndicators .carousel-item.active {
        height: 168px;
        overflow: hidden;
    }
    .active-panel {
        margin-top: 15px;
    }
    .carousel-item h1 {
        margin-bottom: -13px !important;
    }
    #venue .venue-info h3 {
        font-size: 24px;
    }
    main.dashboard {
        margin-left: 0px;
    }
    ul.dashboard-right-side li {
        width: 100%;
        padding: 0px;
    }
    .featured-img {
        margin-top: 0px;
    }
    .display-none {
        display: none !important;
    }
    aside.fixed-side-bar.position-fixed {
        z-index: 9999;
    }
    aside.fixed-side-bar.position-fixed {
        margin-top: 68px;
    }
    button.btn-toggle {
        display: block;
        position: absolute;
        /* left: 168%; */
        top: 31px;
        width: 40px;
        background: none;
        box-shadow: none;
        outline: none;
        font-size: 0px;
        border: none;
        border-bottom: 2px solid #000;
        cursor: pointer;
    }
    button.btn-toggle:before {
        content: "";
        border-top: 2px solid #000;
        position: absolute;
        display: inline-block;
        width: 40px;
        top: -7px;
        left: 0px;
    }
    button.btn-toggle:after {
        content: "";
        border-bottom: 2px solid #000;
        position: absolute;
        display: inline-block;
        width: 40px;
        top: 10px;
        left: 0px;
    }
    aside.fixed-side-bar.position-fixed.display-block {}
    input.form-control.form-control-lg.form-control-borderless.MobileNavSearch {
        width: 100%;
        height: 50px;
        border: 1px solid #ccc;
        display: block;
    }
    ul.nav.flex-column li.MobileNavSearch {
        padding: 15px;
        display: block;
    }
    li.cart-top.dropdown.profile {
        display: none;
    }
    li.dashboard-cart.cart-top.dropdown {
        margin-top: 4px;
        margin-left: 30px;
        float: left;
        margin-bottom: 10px;
    }
    ul.nav.flex-column {
        height: 770px;
        overflow: scroll;
        display: block;
    }
    li.cart-top.dropdown.profile.MobileDisplay {
        display: block !important;
    }
    button.btn.btn-profile.btn-secondary.dropdown-toggle {
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    #schedule .nav-tabs a {
        padding: 8px 30px;
    }
}

@media (max-width: 460px) {
    #subscribe button {
        margin-top: 10px;
    }
}

@media only screen and ( min-width: 667px) and ( max-width: 812px) {
    .weight.cl-com .active-panel ul li input,
    .weight.cl-com .active-panel ul li select {
        width: 100% !important;
        margin-bottom: 10px;
    }
    .foodlog .img-fix-dimension.height-fix {
        height: 41px;
    }
    main#main .active-panel h4,
    main#main .active-panel h3 {
        font-size: 20px;
    }
    .weight.cl-com .active-panel ul {
        text-align: center;
    }
    .weight.cl-com .active-panel ul {
        padding: 10px;
    }
    li.cart-top.dropdown.profile {
        width: 60%;
    }
    .nav-menu li.seprator {
        margin-left: 3rem;
        margin-right: 3rem;
    }
    .nav-menu>li {
        margin-left: 0px;
    }
    li.cart-top.dropdown.profile {
        display: block;
    }
    .dashboard .logo {
        /* margin-top:18px; */
        /* padding:0px 40px; */
    }
    ul.analytic-text li {
        padding: 6px;
    }
    aside.fixed-side-bar {
        position: absolute !important;
    }
    aside.fixed-side-bar {
        margin-top: 77px;
        z-index: 9;
    }
    ul.nav.flex-column {
        display: inline-block;
        width: 100%;
        z-index: 9;
        position: absolute;
        left: 0px;
        margin-top: 60px;
    }
    .nav-link {
        padding: 0px 1rem
    }
    ul.nav.flex-column li.MobileNavSearch {
        display: block;
    }
    input.form-control.form-control-lg.form-control-borderless.MobileNavSearch {
        display: block;
    }
}

@media (max-width: 812px) {
    .foodlog .img-fix-dimension.height-fix {
        height: 41px;
    }
    .weight.cl-com .active-panel ul li input,
    .weight.cl-com .active-panel ul li select {
        width: 100% !important;
        margin-bottom: 10px;
    }
    .foodlog .img-fix-dimension.height-fix {
        height: 41px;
    }
    main#main .active-panel h4,
    main#main .active-panel h3 {
        font-size: 20px;
    }
    .weight.cl-com .active-panel ul {
        text-align: center;
    }
    .weight.cl-com .active-panel ul {
        padding: 10px;
    }
    .modal-dialog.login {
        margin-top: 14vh !important;
    }
    .sidenav {
        overflow: scroll !important;
    }
    span.sidenav-hamburger.ui-draggable-handle {
        display: none;
    }
    li.cart-top.dropdown.profile {
        width: 42vw;
        left: 8px;
    }
    .sidenav a {
        padding: 0 !important;
    }
    ul.includes {
        padding: 0px;
        list-style-type: none;
        left: 0px;
        text-align: center;
    }
    p.includes {
        text-align: center;
        display: block;
        left: 0;
    }
    li.dashboard-cart.cart-top.dropdown {
        margin-top: 2px;
    }
    button.btn-toggle:after {
        content: "";
        border-bottom: 2px solid #000;
        position: absolute;
        display: inline-block;
        width: 38px;
        top: 10px;
        left: 0px;
        transition: 1s transform;
    }
    button.btn-toggle {
        display: block;
        position: absolute;
        /* left: 168%; */
        top: 31px;
        width: 38px;
        background: none;
        box-shadow: none;
        outline: none;
        font-size: 0px;
        border: none;
        border-bottom: 2px solid #000;
        cursor: pointer;
        transition: 1s transform;
    }
    ul.dashboard-right-side li p {
        padding: 10px 10px 10px 10px;
    }
    .img-fix-dimension {
        height: auto;
    }
    main.dashboard {
        margin-left: 0px;
    }
    .display-none {
        display: none !important;
    }
    button.btn-toggle:before {
        content: "";
        border-top: 2px solid #000;
        position: absolute;
        display: inline-block;
        width: 38px;
        top: -7px;
        left: 0px;
        transition: 1s transform;
    }
    button.btn-toggle.close:after {
        content: "";
        border-bottom: 2px solid #000;
        position: absolute;
        display: inline-block;
        width: 30px;
        top: 0px;
        left: 0px;
        transform: rotate(50deg);
        transition: 1s transform;
    }
    button.btn-toggle.close {
        display: block;
        position: absolute;
        /* left: 168%; */
        top: 31px;
        width: 0px;
        background: none;
        box-shadow: none;
        outline: none;
        font-size: 0px;
        border: none;
        border-bottom: none;
        cursor: pointer;
        transition: 1s border-bottom;
    }
    button.btn-toggle.close:before {
        content: "";
        border-top: 2px solid #000;
        position: absolute;
        display: inline-block;
        width: 30px;
        top: 0px;
        left: 0px;
        transform: rotate(130deg);
        transition: 1s transform;
    }
    ul.nav.flex-column li {
        display: inline-block;
        color: #000;
        padding: 15px 15px;
        width: 100%;
    }
    .carousel-caption {
        bottom: 10px;
    }
    .testimonial-head {
        width: 142px;
    }
    .testimonial .carousel-caption {
        bottom: -0px;
    }
    .carousel-item .about-btn {
        font-size: 14px;
        display: inline-block;
        padding: 16px 32px;
    }
    .carousel-item h1 {
        font-size: 5vw;
        line-height: 42px;
    }
    .carousel-item h1 span {
        font-size: 6vw;
    }
    #content-sidebar-pro:after,
    #header-user-notification,
    #header-user-profile #header-username,
    #masthead-pro .btn-header-pro,
    #sidebar-bg:after,
    #sidebar-bg:before,
    #site-navigation-pro,
    #video-logo-background:after,
    #video-logo-background:before,
    #video-search-header,
    nav#sidebar-nav {
        display: none
    }
    .billing-plan-container,
    .registration-billing-form .btn,
    .registration-steps-page-container .last-form-group-continue .btn {
        float: none
    }
    .flexslider.progression-studios-dashboard-slider,
    .flexslider.progression-studios-dashboard-slider.progression-studios-full-height-slider,
    .progression-studios-full-height-slider .progression-studios-slider-dashboard-image-background,
    .progression-studios-slider-dashboard-image-background {
        min-height: 640px
    }
    #mobile-bars-icon-pro {
        display: block
    }
    #header-user-profile-click {
        padding-right: 0
    }
    #header-user-profile img {
        margin-right: 0
    }
    #header-user-profile-menu {
        right: 0
    }
    main#col-main,
    main#col-main-with-sidebar {
        margin-left: 0
    }
    #content-sidebar-pro {
        margin-left: 0;
        width: 100%;
        margin-bottom: 40px
    }
    #page-title-pro h1 {
        font-size: 26px
    }
    #page-title-pro h6 {
        font-size: 14px
    }
    .copyright-text-pro,
    footer#footer-pro ul.social-icons-pro {
        text-align: center
    }
    footer#footer-pro ul.social-icons-pro li:last-child a {
        margin-right: 4px
    }
    footer#footer-pro ul.social-icons-pro {
        padding-top: 0
    }
    ul#registration-steps-pro li {
        width: 100%;
        margin-bottom: 20px
    }
    .registration-steps-page-container .checkbox-remember-pro {
        display: block;
        margin-top: 20px;
        margin-left: 0
    }
    #movie-detail-header-media,
    .flexslider.progression-studios-dashboard-slider .circle-rating-pro,
    a.progression-studios-slider-play-btn {
        display: none
    }
    .registration-steps-page-container .checkbox-remember-pro input {
        position: absolute
    }
    .registration-steps-page-container .checkbox-remember-pro label {
        margin-left: 26px
    }
    .modal-body-pro .registration-social-login-container,
    .registration-social-login-container {
        border-right: 0;
        width: 100%;
        padding-right: 0
    }
    .modal-body-pro .registration-social-login-or,
    .registration-social-login-or {
        position: relative;
        text-align: center;
        font-size: 20px;
        width: 100%;
        padding: 0;
        right: 0
    }
    .modal-body-pro .registration-social-login-options,
    .registration-social-login-options {
        padding-left: 20px;
        width: 100%
    }
    .registration-social-login-options h6 {
        margin-top: 0
    }
    .registration-steps-page-container form.registration-steps-form {
        padding: 0
    }
    .form-group-invite-friends,
    .registration-billing-form,
    .registration-step-final-padding {
        padding: 20px
    }
    .pricing-plans-page-container .pricing-table-col {
        padding-right: 0;
        padding-left: 0
    }
    .billing-plan-container {
        margin-bottom: 25px
    }
    ul.registration-invite-friends-list li {
        width: calc(99% - 8px)
    }
    ul.registration-genres-choice li {
        width: calc(33.3% - 10px)
    }
    ul.welcome-features li {
        width: 100%
    }
    .progression-studios-slider-mobile-background-cover,
    .progression-studios-slider-mobile-background-cover-dark {
        opacity: 1
    }
    .flexslider.progression-studios-slider,
    .progression-studios-slider-image-background {
        height: 580px
    }
    .progression-studios-slider-caption-width {
        width: 85%;
        margin: 0 auto;
        text-align: center
    }
    .progression-studios-slider-caption-width h2 {
        font-size: 34px;
        margin-bottom: 12px
    }
    .progression-studios-slider-caption-width h6 {
        font-size: 13px;
        margin-bottom: 20px
    }
    .btn-slider-pro {
        font-size: 13px;
        padding: 11px 18px
    }
    ul.dashboard-genres-pro {
        padding-right: 0;
        padding-left: 0
    }
    ul.dashboard-genres-pro li {
        float: left;
        width: 33.2%
    }
    .dashboard-container {
        padding: 0 20px
    }
    .progression-studios-slider-dashboard-caption-width {
        max-width: 100%;
        margin-left: 0
    }
    .flexslider.progression-studios-dashboard-slider h6 {
        font-size: 13px;
        margin-bottom: 14px
    }
    ul.progression-studios-slider-rating {
        margin: 0 0 5px
    }
    ul.progression-studios-slider-rating li {
        margin: 0 7px 5px 0;
        padding: 6px;
        font-size: 10px
    }
    .flexslider.progression-studios-dashboard-slider h2 {
        font-size: 34px;
        margin-bottom: 5px
    }
    ul.progression-studios-slider-meta {
        margin: 0 0 10px
    }
    ul.progression-studios-slider-meta li {
        font-size: 12px
    }
    ul.progression-studios-slider-meta li:after {
        padding: 0 10px
    }
    p.progression-studios-slider-description {
        font-size: 13px;
        margin-bottom: 20px
    }
    .progression-studios-dashboard-slider .btn-slider-pro {
        margin-right: 10px
    }
    .progression-studios-slider-more-options i {
        height: 44px;
        width: 44px;
        line-height: 44px;
        font-size: 12px
    }
    .progression-studios-slider-more-options ul {
        top: 100%;
        left: -65px
    }
    .flexslider.progression-studios-dashboard-slider h5 {
        font-size: 13px;
        margin-top: 6px;
        margin-bottom: 12px
    }
    #account-edit-photo {
        padding: 0
    }
    ul.dashboard-sub-menu {
        text-align: center
    }
    ul.dashboard-sub-menu li a {
        margin: 0 10px 5px;
        font-size: 15px
    }
    .right-border-payment {
        padding-right: 0;
        padding-bottom: 50px
    }
    .right-border-payment:after {
        top: auto;
        right: 0;
        width: 100%;
        height: 1px;
        bottom: 35px
    }
    #movie-detail-rating h6 {
        float: left;
        margin-left: 0;
        margin-right: 12px
    }
    #movie-detail-rating .circle-rating-pro {
        float: left
    }
    #mobile-nav-toggle i {
        color: #000;
    }
    #mobile-nav ul li.buy-tickets a {
        color: #fff;
        background: #ff0000;
    }
    #mobile-nav ul li.cart-top.dropdown {
        display: none;
    }
    #header #logo {
        padding-top: 0px;
    }
    p.new-package {
        left: 0px;
    }
    #speakers .abt-feature li {
        float: left;
        margin: 12px;
    }
    #header.header-scrolled #logo {
        padding-top: 18px;
    }
    div#carouselExampleIndicators {
        margin-top: 70px;
        height: 300px;
        overflow: hidden;
    }
    .testimonial .carousel-item {
        height: 17vh;
    }
    .testimonial .carousel-caption h3 {
        text-align: center;
        margin-top: 15px;
        margin-bottom: 10px;
    }
    p.text-adjust {
        color: #000;
        font-size: 14px;
        font-weight: 500;
        text-align: center;
    }
    div#carouselExampleIndicators .carousel-item {
        height: 300px;
    }
    .floating-widget {
        display: none;
    }
}

.testimonial-section2 {
    /*height: 600px;*/
    position: relative;
    padding: 50px 0;
    background-color: #e91c5e;
}

.testim .wrap {
    position: relative;
    width: 100%;
    max-width: 1020px;
    padding: 40px 20px;
    margin: auto;
}

.testim .arrow {
    display: block;
    position: absolute;
    color: #eee;
    cursor: pointer;
    font-size: 2em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding: 5px;
    z-index: 22222222;
}

.testim .arrow:before {
    cursor: pointer;
}

.testim .arrow:hover {
    color: #2b288d;
}

.testim .arrow.left {
    left: 10px;
}

.testim .arrow.right {
    right: 10px;
}

.testim .dots {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 60px;
    left: 0;
    display: block;
    z-index: 3333;
    height: 12px;
}

.testim .dots .dot {
    list-style-type: none;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #eee;
    margin: 0 10px;
    cursor: pointer;
    -webkit-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    position: relative;
}

.testim .dots .dot.active,
.testim .dots .dot:hover {
    background: #2b288d;
    border-color: #2b288d;
}

.testim .dots .dot.active {
    -webkit-animation: testim-scale .5s ease-in-out forwards;
    -moz-animation: testim-scale .5s ease-in-out forwards;
    -ms-animation: testim-scale .5s ease-in-out forwards;
    -o-animation: testim-scale .5s ease-in-out forwards;
    animation: testim-scale .5s ease-in-out forwards;
}

.testim .cont {
    position: relative;
    overflow: hidden;
}

.testim .cont>div {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0 70px 0;
    opacity: 0;
}

.testim .cont>div.inactive {
    opacity: 1;
}

.testim .cont>div.active {
    position: relative;
    opacity: 1;
}

.testim .cont div .img img {
    display: block;
    width: 100px;
    height: 100px;
    margin: auto;
    border-radius: 50%;
}

.testim .cont div .h4 {
    color: #2b288d;
    font-size: 1.2em;
    margin: 15px 0;
}

.testim .cont div p {
    font-size: 1.15em;
    color: #eee;
    width: 80%;
    margin: auto;
}

.testim .cont div.active .img img {
    -webkit-animation: testim-show .5s ease-in-out forwards;
    -moz-animation: testim-show .5s ease-in-out forwards;
    -ms-animation: testim-show .5s ease-in-out forwards;
    -o-animation: testim-show .5s ease-in-out forwards;
    animation: testim-show .5s ease-in-out forwards;
}

.testim .cont div.active .h4 {
    -webkit-animation: testim-content-in .4s ease-in-out forwards;
    -moz-animation: testim-content-in .4s ease-in-out forwards;
    -ms-animation: testim-content-in .4s ease-in-out forwards;
    -o-animation: testim-content-in .4s ease-in-out forwards;
    animation: testim-content-in .4s ease-in-out forwards;
}

.testim .cont div.active p {
    -webkit-animation: testim-content-in .5s ease-in-out forwards;
    -moz-animation: testim-content-in .5s ease-in-out forwards;
    -ms-animation: testim-content-in .5s ease-in-out forwards;
    -o-animation: testim-content-in .5s ease-in-out forwards;
    animation: testim-content-in .5s ease-in-out forwards;
}

.testim .cont div.inactive .img img {
    -webkit-animation: testim-hide .5s ease-in-out forwards;
    -moz-animation: testim-hide .5s ease-in-out forwards;
    -ms-animation: testim-hide .5s ease-in-out forwards;
    -o-animation: testim-hide .5s ease-in-out forwards;
    animation: testim-hide .5s ease-in-out forwards;
}

.testim .cont div.inactive .h4 {
    -webkit-animation: testim-content-out .4s ease-in-out forwards;
    -moz-animation: testim-content-out .4s ease-in-out forwards;
    -ms-animation: testim-content-out .4s ease-in-out forwards;
    -o-animation: testim-content-out .4s ease-in-out forwards;
    animation: testim-content-out .4s ease-in-out forwards;
}

.testim .cont div.inactive p {
    -webkit-animation: testim-content-out .5s ease-in-out forwards;
    -moz-animation: testim-content-out .5s ease-in-out forwards;
    -ms-animation: testim-content-out .5s ease-in-out forwards;
    -o-animation: testim-content-out .5s ease-in-out forwards;
    animation: testim-content-out .5s ease-in-out forwards;
}

@-webkit-keyframes testim-scale {
    0% {
        -webkit-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }
    35% {
        -webkit-box-shadow: 0px 0px 10px 5px #eee;
        box-shadow: 0px 0px 10px 5px #eee;
    }
    70% {
        -webkit-box-shadow: 0px 0px 10px 5px #ea830e;
        box-shadow: 0px 0px 10px 5px #ea830e;
    }
    100% {
        -webkit-box-shadow: 0px 0px 0px 0px #ea830e;
        box-shadow: 0px 0px 0px 0px #ea830e;
    }
}

@-moz-keyframes testim-scale {
    0% {
        -moz-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }
    35% {
        -moz-box-shadow: 0px 0px 10px 5px #eee;
        box-shadow: 0px 0px 10px 5px #eee;
    }
    70% {
        -moz-box-shadow: 0px 0px 10px 5px #ea830e;
        box-shadow: 0px 0px 10px 5px #ea830e;
    }
    100% {
        -moz-box-shadow: 0px 0px 0px 0px #ea830e;
        box-shadow: 0px 0px 0px 0px #ea830e;
    }
}

@-ms-keyframes testim-scale {
    0% {
        -ms-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }
    35% {
        -ms-box-shadow: 0px 0px 10px 5px #eee;
        box-shadow: 0px 0px 10px 5px #eee;
    }
    70% {
        -ms-box-shadow: 0px 0px 10px 5px #ea830e;
        box-shadow: 0px 0px 10px 5px #ea830e;
    }
    100% {
        -ms-box-shadow: 0px 0px 0px 0px #ea830e;
        box-shadow: 0px 0px 0px 0px #ea830e;
    }
}

@-o-keyframes testim-scale {
    0% {
        -o-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }
    35% {
        -o-box-shadow: 0px 0px 10px 5px #eee;
        box-shadow: 0px 0px 10px 5px #eee;
    }
    70% {
        -o-box-shadow: 0px 0px 10px 5px #ea830e;
        box-shadow: 0px 0px 10px 5px #ea830e;
    }
    100% {
        -o-box-shadow: 0px 0px 0px 0px #ea830e;
        box-shadow: 0px 0px 0px 0px #ea830e;
    }
}

@keyframes testim-scale {
    0% {
        box-shadow: 0px 0px 0px 0px #eee;
    }
    35% {
        box-shadow: 0px 0px 10px 5px #eee;
    }
    70% {
        box-shadow: 0px 0px 10px 5px #ea830e;
    }
    100% {
        box-shadow: 0px 0px 0px 0px #ea830e;
    }
}

@-webkit-keyframes testim-content-in {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-moz-keyframes testim-content-in {
    from {
        opacity: 0;
        -moz-transform: translateY(100%);
        transform: translateY(100%);
    }
    to {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
}

@-ms-keyframes testim-content-in {
    from {
        opacity: 0;
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }
    to {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@-o-keyframes testim-content-in {
    from {
        opacity: 0;
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }
    to {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes testim-content-in {
    from {
        opacity: 0;
        transform: translateY(100%);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@-webkit-keyframes testim-content-out {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@-moz-keyframes testim-content-out {
    from {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        opacity: 0;
        -moz-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@-ms-keyframes testim-content-out {
    from {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        opacity: 0;
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@-o-keyframes testim-content-out {
    from {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@keyframes testim-content-out {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-100%);
    }
}

@-webkit-keyframes testim-show {
    from {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes testim-show {
    from {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0);
    }
    to {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

@-ms-keyframes testim-show {
    from {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0);
    }
    to {
        opacity: 1;
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@-o-keyframes testim-show {
    from {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0);
    }
    to {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes testim-show {
    from {
        opacity: 0;
        transform: scale(0);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@-webkit-keyframes testim-hide {
    from {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@-moz-keyframes testim-hide {
    from {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1);
    }
    to {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0);
    }
}

@-ms-keyframes testim-hide {
    from {
        opacity: 1;
        -ms-transform: scale(1);
        transform: scale(1);
    }
    to {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0);
    }
}

@-o-keyframes testim-hide {
    from {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1);
    }
    to {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0);
    }
}

@keyframes testim-hide {
    from {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(0);
    }
}

@media all and (max-width: 300px) {
    body {
        font-size: 14px;
    }
}

@media all and (max-width: 500px) {
    .weight.cl-com .active-panel ul li input,
    .weight.cl-com .active-panel ul li select {
        width: 100% !important;
        margin-bottom: 10px;
    }
    .foodlog .img-fix-dimension.height-fix {
        height: 41px;
    }
    main#main .active-panel h4,
    main#main .active-panel h3 {
        font-size: 20px;
    }
    .weight.cl-com .active-panel ul {
        text-align: center;
    }
    .weight.cl-com .active-panel ul {
        padding: 10px;
    }
    .testim .arrow {
        font-size: 1.5em;
    }
    .testim .cont div p {
        line-height: 25px;
    }
}

p.text-adjust {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
}

@media (max-width: 667px) {
    .foodlog .img-fix-dimension.height-fix {
        height: 41px;
    }
    .weight.cl-com .active-panel ul li input,
    .weight.cl-com .active-panel ul li select {
        width: 100% !important;
        margin-bottom: 10px;
    }
    .foodlog .img-fix-dimension.height-fix {
        height: 41px;
    }
    main#main .active-panel h4,
    main#main .active-panel h3 {
        font-size: 20px;
    }
    .weight.cl-com .active-panel ul {
        text-align: center;
    }
    .weight.cl-com .active-panel ul {
        padding: 10px;
    }
    body .water .active-panel.non-header h4 {
        font-size: 15px !important;
    }
    li.cart-top.dropdown.profile {
        width: 90%;
    }
    .floating-widget {
        display: none;
    }
    .btn-group.show-on-hover {
        float: none !important;
        margin-bottom: 20px !important;
        text-align: center !important;
        display: block !important;
    }
    .clear-all-side {
        margin-top: 0px !important;
        margin-left: 0px !important;
    }
    .active-panel h4 {
        margin-top: 7px !important;
        text-align: center;
        display: block;
        margin: 0 auto;
    }
    .water h1 {
        margin-bottom: 0px !important;
    }
    .featured-img {
        height: 270px;
        margin-top: 10px !important;
    }
    div#carouselExampleIndicators .shop.carousel-item.active {
        height: 175px !important;
    }
    .shop.carousel-item.active .carousel-caption {
        top: 40px !important;
    }
    ul.product-list-view li {
        width: 100% !important;
        margin: 0 auto !important;
    }
    .xs-display-none {
        display: none !important;
    }
    .row.view-fix .d-sm-block {
        display: none !important;
    }
}

ul.product-list-view {
    list-style-type: none;
}

ul.product-list-view .product-list {
    display: inline-block;
    /* position: relative; */
/*    width: 100%;
    max-width: 100%;*/
    padding: 0px;
    margin: 0px 0px 20px;
    min-height: 681px;
    transition: all .5s ease;
}
ul.product-list-view .product-list:hover {
   /* transform: scale(1.05);*/
}
ul.product-list-view li h3 a {
    color: #2f3241;
    font-weight: 700;
}
ul.product-bottom {
    padding: 0px;
    list-style-type: none;
    position: relative;
    display: inline-block;
    width: 100%
}

ul.product-bottom li {
    display: inline-block;
    width: 100%;
    margin-top: 0px;
    margin: 0;
    padding: 2px 11px;
    min-height: auto;
}

ul.product-bottom li.right-align {
    float: right;
    position: relative;
    bottom: 45px;
}

aside.sidebar-shop {
    padding: 12px 12px;
    background: #fff;
    display: block;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.11);
    border-radius: 5px;
    box-sizing: border-box;
    height: auto;
}

aside.sidebar-shop ul li.active {
    background: #ff0000;
    border-radius: 5px;
}

aside.sidebar-shop ul li.active a {
    color: #fff;
}

span.img-height-control {
    height: 500px;
    display: inline-block;
    overflow: hidden;
}

ul.product-bottom li:nth-child(1) {
    width: 135px;
}

div#carouselExampleIndicators .carousel-item {
    height: 500px;
    overflow: hidden;
    background-size: cover;
}

ul.styled {
    display: block;
    list-style-type: none;
    text-decoration: none;
    padding: 10px;
    position: relative;
    border: 1px solid #000;
}

ul.styled li {
    display: inline;
}

ul.styled li img {
    width: 110px;
    margin-bottom: 15px;
    border: 3px solid #ff0000;
}

span.double-border {
    display: block;
    border: 1px solid #000;
    padding: 15px;
    margin: 10px;
}

.testimonial-head i.fas.fa-quote-left.testimonial-head i.fas.fa-quote-left {
    color: #fe0000;
    font-size: 46px;
    margin-right: 12px;
    position: relative;
    top: 19px;
}

.testimonial-head small {
    font-size: 12px;
    color: #ff0000;
    text-transform: capitalize;
    display: inline;
}

ul.dashboard-right-side h4 {
    display: block;
    width: 100%;
    color: #000;
}

a.view-more {
    z-index: 9;
    position: relative;
    display: inline-block;
    color: #ff0000 !important;
    padding: 10px;
    text-align: right;
    margin: 0 auto;
    width: 100%;
    font-size: 16px;
    left: -10px;
}

.testimonial .carousel-caption {}

i.fas.fa-quote-left {
    color: #ff0000;
    font-size: 46px;
    margin-right: 12px;
    position: relative;
    top: -56px;
    display: inline;
}

.tile-center {
    margin-top: 100px !important;
    display: block;
    margin-bottom: 100px !important;
}

.modal-dialog.login {
    margin-top: 35vh !important;
}

a.social-icon {
    width: 23px;
    height: 23px;
    display: inline-block;
    border: 1px solid #000;
    border-radius: 100px;
    text-align: center;
    padding: 2px;
    background: #000;
    color: #fff;
    font-size: 12px;
    margin-left: 7px;
    position: relative;
    top: -1px;
}

.modal.fade.show {
    background: rgba(0, 0, 0, 0.8);
}

.img-fix-dimension.height-fix {
    height: 120px;
}

.list-group.search-results-dropdown {}

.list-group-item.important {
    font-size: 22px;
}

.display-none-items {
    display: none !important;
}

input[type='search'] {}

.twitter-typeahead,
.tt-hint,
.tt-input,
.tt-menu {
    width: 100% ! important;
    font-weight: normal;
}

section.testimonial {
    padding: 25px 0px;
}

.float-right.navi {
    bottom: 30px;
    position: relative;
    /* text-align: center; */
    /* font-size: 25px; */
    display: block;
    /* width: 100%; */
    float: right;
}

ul.product-list-view li a,
ul.product-list-view li a:hover {
   /* background: none;
    border: none;
    padding: 0px;*/
}

.shop.carousel-item.active {
    height: 425px !important;
}


/* The side navigation menu */

.sidenav {
    overflow: scroll !important;
    height: 100%;
    /* 100% Full-height */
    width: 0;
    /* 0 width - change this with JavaScript */
    position: fixed;
    /* Stay in place */
    z-index: 1;
    /* Stay on top */
    top: 0;
    /* Stay at the top */
    left: 0;
    /* Black*/
    overflow: hidden;
    /* Disable horizontal scroll */
    padding-top: 70px;
    /* Place content 60px from the top */
    transition: 0.5s;
    /* 0.5 second transition effect to slide in the sidenav */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.11);
}


/* The navigation menu links */

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #000000;
    display: block;
    transition: 0.3s;
}


/* When you mouse over the navigation links, change their color */

.sidenav a:hover {
    color: #f1f1f1;
}


/* Position and style the close button (top right corner) */

.sidenav .closebtn {
    position: absolute;
    /* top: 0; */
    right: 25px;
    font-size: 24px;
    margin-left: 50px;
}


/* Style page content - use this if you want to push the page content to the right when you open the side navigation */

#main {
    transition: margin-left .5s !important;
    /* padding: 20px !IMPORTANT; */
    margin-top: 70px;
}


/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 67px;
    }
    .sidenav a {
        font-size: 18px;
    }
}

span.sidenav-hamburger {
    font-size: 18px;
    /* border: 1px solid #000; */
    width: 100%;
    display: inline-block;
    /* height: 1px; */
    /* background: #000; */
    margin-top: 0px !important;
    text-align: center;
    display: block;
    margin: 0 auto;
    box-sizing: border-box;
    margin-bottom: 0px;
    color: #fff;
    cursor: pointer;
    background: #ff0000;
    display: block;
    position: relative;
    padding: 10px 30px;
}

span.sidenav-hamburger:before {
    /* content: ""; */
    border: 1px solid #000;
    width: 35px;
    display: block;
    height: 2px;
    background: #000;
    position: relative;
    top: -10px;
    box-sizing: border-box;
}

span.sidenav-hamburger:after {
    /* content: ""; */
    border: 1px solid #000;
    width: 35px;
    display: block;
    height: 2px;
    background: #000;
    position: relative;
    top: 4px;
    box-sizing: border-box;
}

.floating-widget {
    margin-top: 88px;
    position: fixed;
    z-index: 9;
    background: #ff0000;
    padding: 0px 0px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    transition: 0.5s;
    z-index: 99999;
}

span.sidenav-hamburger.display-none {
    display: none;
    -webkit-transition: opacity 600ms, visibility 600ms;
    transition: opacity 600ms, visibility 600ms;
}

.file-upload {
    display: none;
}

.p-image {
    position: absolute;
    top: 45%;
    right: 45%;
    color: #666666;
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}

.p-image:hover {
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}

.upload-button {
    font-size: 1.2em;
}

.upload-button:hover {
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
    color: #999;
}

.featured-img .img-overlay {
    height: 200px;
    display: block;
    position: relative;
    overflow: hidden;
}

.featured-img.my-propic .img-overlay {
    overflow: hidden;
    height: 250px;
}

img.profile-pic {
    height: auto !important;
    display: block;
    position: relative;
    width: 100%;
    background-attachment: fixed;
    background-size: cover;
}

.slick-slide {
    margin: 0;
}

.slick-slide img {
    width: 100%;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

ul.slick-dots {
    padding: 0;
    display: inline-block;
    list-style-type: none;
	text-align: left;
    bottom: -34px;
    margin-bottom: 3px;
}

ul.slick-dots li {
    display: inline;
    list-style-type: none;
	width: 14px;
    height: 14px;
    z-index: 999999;
}

ul.slick-dots li.slick-active button {
    background: #ff0000;
    border: none;
    transition: 1s border;
}

ul.slick-dots li>button {
    font-size: 0px;
    background: none;
    border: 1px solid #000;
    display: inline-block;
    margin: 5px;
    border-radius: 100px;
    padding: 4px;
	width: 14px;
    height: 14px;
    line-height: 14px;
}
.slick-dots li button:before{
	display:none;
}
.show-on-hover:hover>ul.dropdown-menu {
    display: block;
}

.clear-all-side {
    margin-top: 120px;
    margin-left: -30px;
}

.btn-group.show-on-hover {
    float: right;
}

.btn-group.show-on-hover button {
    padding: 10px 40px;
    font-size: 18px;
    background: #fff;
    color: #000;
    border-bottom: 2px solid #ff0000;
}

.btn-group.show-on-hover ul.dropdown-menu {
    width: 100%;
    padding: 0;
    background: #fff;
}

.btn-group.show-on-hover ul.dropdown-menu li {
    display: block;
}

.btn-group.show-on-hover ul.dropdown-menu li a {
    font-size: 13px;
    color: #000;
    line-height: 28px;
    display: block !important;
    padding: 5px 10px;
    border-bottom: 1px solid #cccccc82;
}

.btn-group.show-on-hover ul.dropdown-menu li.active a {
    font-size: 13px;
    color: #fff;
    background: #ff0000;
    line-height: 40px;
    display: block !important;
}

.vjs-afterglow-skin .vjs-control-bar {
    background: #333 !important;
    padding-top: 16px !important;
    height: 55px !important;
    bottom: 0 !important;
}

.vjs-afterglow-skin .vjs-progress-control {
    top: 12px !important;
}

@media (max-width: 800px) {
    #header #logo img {
        width: 62%;
    }
    #header.header-scrolled #logo {
        padding-top: 24px;
    }
}

@media (max-width: 600px) {
    .weight.cl-com .active-panel ul li input,
    .weight.cl-com .active-panel ul li select {
        width: 100% !important;
        margin-bottom: 10px;
    }
    .foodlog .img-fix-dimension.height-fix {
        height: 41px;
    }
    main#main .active-panel h4,
    main#main .active-panel h3 {
        font-size: 20px !important;
    }
    .weight.cl-com .active-panel ul {
        text-align: center;
    }
    .weight.cl-com .active-panel ul {
        padding: 10px;
    }
    div#carouselExampleIndicators {
        height: 22vh;
    }
    #main{margin-top: 0px;}
    .carousel-item .about-btn {
        padding: 9px 16px;
    }
    .footer-top ul.quickLinks{display: none;}
    #speakers, section.shop {
        padding: 14px 0 20px 0;
    }
    ul.product-list-view li.product-list{
        min-height: 303px;
        margin-bottom: 20px !important;
    }
    .section-header h2 {
        font-size: 20px;
    }
    .testimonial .carousel-item {
        min-height: 38vh;
        height: auto;
    }
    .modal-dialog.login {
        margin-top: 14vh !important;
    }
    .flexslider.progression-studios-dashboard-slider.media-inner,
    .flexslider.progression-studios-dashboard-slider.progression-studios-full-height-slider.media-inner {
        height: auto;
        min-height: 500px;
    }
    .flexslider.progression-studios-dashboard-slider.media-inner .container {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
    .flexslider.progression-studios-dashboard-slider.media-inner h6 {
        font-size: 13px;
        margin-bottom: 8px;
        letter-spacing: 0em;
    }
    .flexslider.progression-studios-dashboard-slider.media-inner h2 {
        font-size: 24px;
        margin-bottom: 5px;
    }
    .media-inner .video-innerthmb {
        height: 200px;
        margin-top: 0px;
    }
    .media-inner a.progression-studios-slider-play-btn {
        left: 43%;
        top: 129px;
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 24px;
        display: block;
    }
    .media-inner .progression-studios-slider-mobile-background-cover {
        display: none;
    }
    .media-inner .progression-studios-slider-dashboard-caption-width {
        /*margin-top: 88px;*/
    }
}


/* saad css*/

main#main input#quantity {
    width: 29% !important;
    text-align: center;
    font-size: 19px;
    font-weight: 500;
}

main#main .col-md-8.product-full-detail .row.mt-4 .col-md-4:nth-child(2) .product-full-detail .input-group {
    text-align: center;
    float: none !important;
    margin: 0 auto !important;
    position: absolute;
}

main#main .col-md-8.product-full-detail .row.mt-4 .col-md-4:nth-child(2) {
    max-width: 26% !important;
    text-align: center;
    margin: 0 auto;
}

section.section.tile-center.sec-checkout .container {
    border-radius: 3px;
    border: 1px solid #ccc;
    padding: 35px 35px;
    box-shadow: 0px 1px 5px #ccc;
}

section.section.tile-center.sec-checkout .container h2.page-header {
    text-align: center;
    font-size: 26px;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 700;
    background-color: #f00;
    padding: 5px 0 5px 0px;
}

.col-md-8.checkout-product-listing tbody.checkout-items-container .input-group .item-qty {
    text-align: center;
    font-size: 17px;
    padding-top: 0px;
    padding-bottom: 0px;
}

ul.row.dashboard-right-side.daily-dairy li {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    padding: 11px 18px;
    font-size: 14px;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 9px;
}

li.col-12.col-sm-12.col-md-12.alpha.slide {
    border-radius: 5px;
}

main.dashboard.foodlog.mobile .active-panel>.afterglow ul.row.dashboard-right-side {
    padding-bottom: 0px;
}

main.dashboard.foodlog.mobile .sec-row {
    margin-top: -18px;
}

.foodlog .active-panel ul.row.dashboard-right-side {}

main#main .active-panel h4,
main#main .active-panel h3 {
    text-align: center;
    font-size: 24px;
    letter-spacing: 2px;
}

.dairy .active-panel ul li strong {
    position: relative;
    font-size: 15px;
    color: #000;
    font-weight: 600;
    letter-spacing: 1px;
}

.dairy .active-panel ul li strong:before {
    content: "";
    background-color: #ff0000;
    width: 148px;
    height: 26px;
    position: absolute;
    bottom: -3px;
    z-index: -1;
    border-bottom-left-radius: 10px;
    left: -10px;
    border-top-right-radius: 10px;
}

.foodlog .img-fix-dimension.height-fix {
    height: 83px;
    padding: 12px 7px;
    padding: 0;
}

.foodlog .active-panel {}

.sec-row .active-panel {
    margin-top: 34px !important;
}

.foodlog .active-panel ul {
    position: relative;
    transition: all 2s ease;
}

.foodlog .active-panel h4 {
    letter-spacing: 0px !important;
    position: absolute;
    text-transform: uppercase !important;
    text-align: center;
    margin: 0 auto;
    vertical-align: middle;
    left: 0;
    right: 0;
    bottom: 30px;
    border-radius: 5px;
    /* background: #ff0000; */
    padding: 6px 15px;
    border-bottom: none;
    color: #000;
    /*  z-index: 1;*/
}

.foodlog .active-panel {
    position: relative;
    padding: 0px;
}

.foodlog .col-md-5 .active-panel {
    background-color: #fff !important;
    border-radius: 5px;
}



/*.foodlog .active-panel:hover ul:before {
    content: "";
    background: #00000029;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: all 5s ease;
}*/

.foodlog .col-xs-12.col-sm-10.col-md-5 .active-panel {
    padding: 0 0px 0px 0px;
    margin: 0 20px 0px 5px;
    margin-top: 27px;
    z-index: 0;
}

.foodlog .active-panel:hover ul li img {
    transform: scale(2);
    transition: all 5s ease-in;
}

.foodlog .active-panel ul li img {
    transition: all 5s ease;
    height: 100%;
    width: 100%;
}

.foodlog .active-panel:hover h4 {
    color: black;
}

.foodlog .col-xs-12.col-sm-10.col-md-5 ul li {
    padding-right: 0px !important;
}

.foodlog .col-xs-12.col-sm-10.col-md-5 ul li .media-box {
    margin: 0px;
}


.foodlog.foodlog-innerpage input {
    width: 82%;
    padding: 10px 20px;
    font-size: 15px;
}

.foodlog.foodlog-innerpage table {
    width: 90%;
} 

.foodlog.foodlog-innerpage label {
    display: block !important;
    width: 100%;
}

.foodlog.foodlog-innerpage table td {
    font-size: 11px;
    font-weight: 700;
}

.foodlog.foodlog-innerpage table th {
    font-size: 16px;
    letter-spacing: 1px;
}



.bloodsugar .col-xs-12.col-sm-10.col-md-6 .active-panel {
    margin-top: 50px;
}

.dashboard.bloodsugar.mobile ul.row.dashboard-right-side li {
    padding: 0px 43px !important;
    border: 1px solid;
    margin-bottom: 5px;
}

div#blood-list2 .row .col-3 {
    padding: 31px 0px;
    border: 1px solid;
    margin-left: 11px;
    text-align: center;
    font-weight: 500;
    border-radius: 6px;
}

.bloodsugar .col-xs-12.col-sm-10.col-md-6 ul.row li span {
    margin-right: 10px;
    margin-left: 10px;
    line-height: 31px;
}

.bloodsugar .col-xs-12.col-sm-10.col-md-6 ul.row {
    padding: 15px 10px;
}

.dashboard.bloodsugar #blood-list ul.row.dashboard-right-side li {
    width: 30%;
    text-align: center;
    padding: 0px 40px;
    margin: 0 auto;
}

.bloodsugar #blood-list ul.dashboard-right-side li .media-box {
    padding: 20px 20px !important;
}

.bloodsugar div#blood-list h4 {
    bottom: 170px;
    position: absolute;
    left: 30px;
}

.bloodsugar div#blood-list {
    position: relative;
    margin-top: 20px;
}

.blood-list h4 {
    bottom: 170px;
    position: absolute;
    left: 30px;
}

.blood-list {
    position: relative;
    padding: 0px !important;
}

.blood-list h1 {
    padding-left: 11px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 70px;
}

.sec-marg .active-panel {
    margin-top: 35px;
}

.blood-list .active-panel {
    position: relative;
}

.blood-list .img-fix-dimension.height-fix {
    height: 0PX;
}

.cl-com .non-header {
    margin-top: 40px;
}

body .water div#bg-img .active-panel .row {
    content: "";
    min-height: 210px;
    width: auto;
    background-size: 100% 100%;
}

body .water div#bg-img .active-panel {
    min-height: auto;
}

body .water div#bg-img .active-panel .row ul form {
    position: absolute;
}

body .water div#bg-img ul.row form {
    text-align: center;
    position: absolute;
    margin: 0 auto;
    left: 106px;
    right: 0;
    top: 60px;
    vertical-align: middle !important;
}

body .water div#bg-img ul.row {
    position: relative !important;
}

body .water div#bg-img ul.row li.slidewater {
    display: inline-block !important;
    width: auto !important;
    padding-right: 0px !important;
    margin-right: -5px !important;
}

body .water div#bg-img ul.row li.slidewater:nth-child(2) input {
    border: none;
    padding: 17px 1px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    padding-left: 15px;
    width: 100%;
    position: absolute;
    left: -125px;
    top: -34px;
    font-size: 15px;
}

body .water div#bg-img ul.row li.slidewater:nth-child(4) input {
    padding: 18px 41px;
    background-color: red;
    color: white;
    border: none;
    left: -134px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    position: absolute;
    top: -34px;
    font-size: 14px;
}

body .water div#bg-img ul.row li.slidewater select {
    padding: 15px 1px;
}

body .water div#bg-img ul.row li.slidewater {
    position: relative;
}

body .water div#bg-img ul.row li.slidewater select {
    position: absolute;
    left: -221px;
    top: -34px;
    padding: 17px 1px;
    border: none;
    font-size: 15px;
}

body .water .active-panel.non-header h4 {
    letter-spacing: 0px;
}

body .water div#bg-img ul.row li.slidewater:nth-child(2) {
    width: 47% !important;
}

.weight.cl-com .active-panel ul li {
    display: inline-block;
    width: 32% !important;
}

.weight.cl-com .active-panel ul form {
    width: 100% !important;
}

.weight.cl-com .active-panel ul {
    padding: 14px 22px;
    margin-top: 20px;
    background-color: #ff0000;
    color: #fff;
    border-radius: 10px;
}

.weight.cl-com .active-panel ul li:nth-child(3) input {
    background-color: #fff;
    border: none;
    padding: 2px 3px;
    color: red;
}

.weight.cl-com a.canvasjs-chart-credit {
    display: none;
}

.weight.cl-com .active-panel ul h5 {
    font-size: 28px;
    width: 100%;
    color: #fff;
}

.exercise .active-panel.exercise.non-header h4 {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 30px;
}

#exercise .active-panel h1 {
    margin-top: 20px;
    margin-bottom: 0px;
}

.weight.cl-com div#data-graph h3 {
    margin: 21px 0;
    font-size: 22px;
}

.weight.cl-com .active-panel ul li:last-child input {
    color: #ff0000;
    font-weight: 700;
    background-color: #fff;
}

.weight.cl-com .active-panel ul li select,
.weight.cl-com .active-panel ul li input {
    padding: 8px 0px;
    border-radius: 6px;
    text-align: center;
    width: 100%;
    border: none;
}

.alert.alert-block button.close {
    position: relative;
    top: 1px;
    border: 1px solid #000;
    border-radius: 50px;
    width: 24px;
    height: 24px;
    font-size: 24px;
}

main.dashboard .col-xs-12 {
    margin-top: 11px;
}

div#ui-datepicker-div {
    background-color: #fff;
    padding: 10px 17px;
    border: 1px solid;
    border-radius: 4px;
    box-shadow: 6px 8px 7px #ccc;
}

td.ui-datepicker-week-end.ui-datepicker-other-month.ui-datepicker-unselectable.ui-state-disabled {
    background-color: #ccc;
    color: #000;
}

td.ui-datepicker-other-month.ui-datepicker-unselectable.ui-state-disabled {
    background-color: #a5a2a2;
    color: #000 !important;
}

table.ui-datepicker-calendar tr {
    text-align: center;
}

td a.ui-state-default {
    color: red !important;
    font-size: 14px !important;
}

div#ui-datepicker-div .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all a.ui-datepicker-prev.ui-corner-all {
    float: left;
    text-align: left;
}

div#ui-datepicker-div .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all a.ui-datepicker-next.ui-corner-all {
    text-align: right;
    float: right;
}

div#ui-datepicker-div .ui-datepicker-title {
    font-size: 16px;
    margin: 1px 0px !important;
    text-align: center;
    font-weight: 700;
}

div#ui-datepicker-div table.ui-datepicker-calendar tr th {
    font-size: 15px;
    font-weight: 500;
    padding: 7px 2px;
}

div#ui-datepicker-div .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all a {
    cursor: pointer;
}

table.ui-datepicker-calendar tr td {
    padding: 10px 15px !important;
}

.mobile .container-fluid .row {
    background-image: url(/../images/icons-bg.png);
    background-repeat: repeat;
    background-position: top center;
    background-size: contain;
}

.mobile .container-fluid {
    padding-top: 80px;
    background: #fdc272;
    background: -moz-linear-gradient(left, #fdc272 1%, #faaf6c 50%, #f68a63 100%);
    background: -webkit-linear-gradient(left, #fdc272 1%, #faaf6c 50%, #f68a63 100%);
    background: linear-gradient(to right, #fdc272 1%, #faaf6c 50%, #f68a63 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdc272', endColorstr='#f68a63', GradientType=1);
}

main.dashboard.mobile {
    margin-bottom: 0px;
}

main.dashboard.mobile .row {
    padding-bottom: 127px;
}

ul.row.dashboard-right-side.daily-dairy li br {
    display: none;
}

ul.row.dashboard-right-side.daily-dairy li:last-child {
    border-bottom: 1px solid #ccc;
}

div#water h1 {
    margin-top: 21px;
}
.dashboard.dairy.mobile .container-fluid {
    min-height: 500px;
}


.dashboard.dairy.mobile form {
    margin-bottom: 25px !important;
    text-align: center;
}

input#from_date {
    font-size: 25px;
    font-weight: 600;
    color: transparent !important;
    text-shadow: 0 0 0 #000000;
    text-align: center;
}


.dataitem {
    display: inline-block;
    padding: 34px 3px;
    border: 1px solid #000;
    text-align: center;
    border-radius: 4px;
    font-weight: 500;
    margin-right: 20px;
    margin-bottom: 22px;
    color: #000;
    font-size: 15px;
    box-shadow: 0px 2px 22px -7px #000;
}

.dataitem p {
    line-height: 19px;
    margin-bottom: 0px;
        font-family: monospace;
}


.exercise.mobile .active-panel.exercise.non-header h4 {
    text-align: left !important;
    margin: 30px 14px;
    font-size: 21px !important;
    letter-spacing: 0px !important;
}


button#searches {
    padding: 10px 10px !important;
    width: 10%;
    position: absolute;
    right: 111px;
    border: 1px solid #ced4da;
    font-weight: 700;
    top: 0px;
    background: #ff0000;
    color: #fff;
    font-size: 15px;
}

#values {
    position: relative;
}

#fooding .row {
    background-image: none !important; 
    padding-bottom: 0px; 
    border: 1px solid #000;
} 
 

.fooding form {
    width: 77% !important;
}

.fooding .active-panel .row {
    background-image: none;
}


#blood-list div#app {
    top: 43px;
    position: absolute;
}


input#from_date {
    background-color: #ffffff61;
    border: none;
    width: 20%;
    text-align: center;
    padding: 0px 0px;
    cursor: pointer;
}

input#from_date:focus {
    /* color: transparent; */
    border: none !important;
    outline: none;
}


#filter {
    background-color: #ff0000;
    border: 0;
    padding: 5px 23px;
    color: #fff;
    border-radius: 4px;
    top: 34px !important;
    position: absolute;
    /* font-size: 21px; */
}

ul.row.dashboard-right-side.daily-dairy li span.lnr:before {
    top: 0px;
    position: relative;
    color: #fff;
    }

ul.row.dashboard-right-side.daily-dairy li span.lnr {
    background: #ff0000;
    /* border: 1px solid black; */
    font-size: 17px;
    line-height: 14px !important;
    border-radius: 52px;
    padding: 6px 6px;
    position: relative;
    top: 2px;
    left: -8px;
}


.bloodsugar.mobile #filters {
    background-color: #ff0000;
    border: 0;
    padding: 5px 23px;
    color: #fff;
    border-radius: 4px;
    top: 34px !important;
}


.dashboard.bloodsugar.mobile form {
    padding: 30px 0px;
    margin-left: 13px;
}

.dashboard.bloodsugar.mobile form input.form-sugar {
    width: 24%;
    padding: 4px 10px;
    border-radius: 3px;
    border: 0;
}


.dashboard.bloodsugar.mobile form  select {
    width: 22%;
    padding: 6px 10px;
    border-radius: 3px;
    border: 0;
}











.dashboard.foodlog.mobile #filters {
    background-color: #ff0000;
    border: 0;
    padding: 5px 23px;
    color: #fff;
    border-radius: 4px;
    top: 34px !important;
}


.dashboard.foodlog.mobile form {
    padding: 30px 0px;
    margin-left: 13px;
}

.dashboard.foodlog.mobile form input.form-sugar {
    width: 24%;
    padding: 4px 10px;
    border-radius: 3px;
    border: 0;
}


.dashboard.foodlog.mobile form  select {
    width: 22%;
    padding: 6px 10px;
    border-radius: 3px;
    border: 0;
}



.dashboard.foodlog.mobile .active-panel p {
    margin: 0px;
    padding-left: 15px;
}


.imageload {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.imageload img#loading {
    width: auto;
    height: 114px;
}
span.time-diary {
    float: right;
    color: #ccc;
}

span.progression-studios-slider-play-btn.afterglow {
    left: 40% !important;
    top: 32% !important;
}
#notfound {
  position: relative;
  height: 100vh;
}

#notfound .notfound-bg {
  position: absolute;
  width: 100%;
  height: 100%;
}

#notfound .notfound-bg:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #eee;
}

#notfound .notfound {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.notfound {
  max-width: 910px;
  width: 100%;
  line-height: 1.4;
  text-align: center;
}

.notfound .notfound-404 {
  position: relative;
  height: 200px;
}

.notfound .notfound-404 h1 {
  font-family: 'Montserrat', sans-serif;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 220px;
  font-weight: 900;
  margin: 0px;
  color: #ff0303;
  text-transform: uppercase;
  letter-spacing: 10px;
}

.notfound h2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  color: #000;
  margin-top: 20px;
  margin-bottom: 15px;
}

.notfound .home-btn, .notfound .contact-btn {
  font-family: 'Montserrat', sans-serif;
  display: inline-block;
  font-weight: 700;
  text-decoration: none;
  background-color: transparent;
  border: 2px solid transparent;
  text-transform: uppercase;
  padding: 13px 25px;
  font-size: 18px;
  border-radius: 40px;
  margin: 7px;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.notfound .home-btn:hover, .notfound .contact-btn:hover {
  opacity: 0.9;
}

.notfound .home-btn {
  color: #fff;
  background: #ff0303;
}

.notfound .contact-btn {
  border: 2px solid #ff0303;
  color: #ff0303;
}
.notfound .notfound-404 h1 span{
  color: #000;
}

.bg-custom{
	background: #3194f9 !important;
    color: #ecf8ff !important;
}

.text-custom{
	color: #3194f9 !important;
}

@media only screen and (max-width: 767px) {
  .notfound .notfound-404 h1 {
    font-size: 182px;
  }
}

@media only screen and (max-width: 480px) {
  .notfound .notfound-404 {
    height: 146px;
  }
  .notfound .notfound-404 h1 {
    font-size: 103px;
  }
  .notfound h2 {
    font-size: 15px;
  }
  .notfound .home-btn, .notfound .contact-btn {
    font-size: 14px;
  }
}