#site-header { display: none; }
body { min-width: 100%; min-height: 100vh; font-family: 'Poppins', sans-serif !important; background-color: #f2f2f2 !important; }
a, a:hover { text-decoration: none; color: #000; }
.bg-shade-yellow { background-color: #f8b900; background-image: linear-gradient(90deg, #f8b900,#f38f20); color: #FFF; }
.bg-yellow { background-color: #f8b900; color: #FFF; }
button.bg-shade-yellow:hover, a.bg-shade-yellow:hover { color: #FFF; opacity: 0.8; }
.bg-shade-purple { background-color: #d30e4a; background-image: linear-gradient(90deg,#d30e4a,#950040); color: #FFF; }
.bg-shade-violet { background-color: #535b90; background-image: linear-gradient(90deg,#535b90,#403957); color: #FFF; }
.bg-shade-violet { background-color: #535b90; background-image: linear-gradient(90deg,#535b90,#403957); color: #FFF; }
.bg-shade-green { background-color: #29b900; background-image: linear-gradient(90deg,#29b900,#008f20); color:#FFF; }
.text-violet { color: #4d456a; }
.line-violet { background-color: #4d456a; }
.text-purple { color: #9e005d; }
.line-purple { background-color: #9e005d; }
.text-yellow { color: #f8b000; }
.line-yellow { background-color: #f8b000; }
.bg-dark { background-color: #272627; }
.text-dark { color: #272627; }
.line-dark { background-color: #272627; }
.bg-purple { background-color: #d30e4a; color: #FFF; }
.bg-grey { background-color: #f2f2f2; }
.min-50 { min-height: 500px; }
a:hover, button:hover { opacity: 0.8;}
.login-register-section {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-height: 100vh;    
    padding-top: 10%;
    padding-bottom: 10%;
}
.login-register-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
}
.login-register-box-left {
    width: 50%;
    border-radius: 30px;
    position: relative;
    z-index:1;
}
.login-register-box-right {
    width: calc(50% + 30px);
    flex: 1;    
    border-radius: 30px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -30px;
    position: relative;
    z-index: 0;
}
.login-register-box-right .nav-item {
    width: 50%;
}
.login-register-box-right .nav-tabs .nav-link {
    border: 0;
    border-radius: 0;
    background-color: transparent;
    text-align: center;
    font-size: 14px;
    padding-top: 20px;
    padding-bottom: 15px;    
    color: #000;
}
.login-register-box-right .nav.nav-tabs {
    border: 0;
}
.login-register-box-right .nav-tabs li:first-child {
    border-right: 1px solid #000;  
    border-bottom-left-radius: 50px;  
}
.login-register-box-right .nav-tabs li:nth-child(2) {
    border-top-right-radius: 30px;    
}
.login-register-box-right .tab-content {
    padding-left: 60px;
    padding-top: 40px;
    padding-right: 30px;
    color: #000;
}
.login-register-box-right .form-group { margin-bottom: 15px; }
.login-register-box-right .tab-content input[type="text"], .login-register-box-right .tab-content input[type="date"], .login-register-box-right .tab-content input[type="email"], .login-register-box-right .tab-content input[type="password"] { border: 0; border-radius: 12px; }
.login-register-box-right .tab-content label { font-weight: 600; color: #000; opacity: 1; font-size: 14px; }
.login-register-top { min-height: 340px; }
.login-register-box-right .tab-content .form-check label { font-size: 12px; }
.login-register-box-right .tab-content .form-check { text-align: right; }
.width-100 { width: 100%; }
.min-50 { min-height: 500px; }

/* MENU */
.main-menu-left {
    width: 100%;
    max-width: 140px;
    min-height: 100vh;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
}
.main-menu-left .menu-logo {
    margin-bottom: 50px;
    padding-top: 10px;
}
.main-menu-left .menu-logo img {
    max-width: 100px;
    height: auto;
}
.main-menu-left .menu-item {
    margin-bottom: 30px;
}
.main-menu-left .menu-item img {
    max-width: 50px;
    height: auto;
}

.menu-items-bottom {
    padding-top: 40px;
    height: 170px;
    border-bottom-right-radius: 130px;
}
.menu-items {
    min-height: calc(100vh - 170px);
}
.template-container {
    position: relative;    
}
.main-menu-top {
    position: absolute;
    top: 15px;
    left: 140px;
    width: calc(100% - 140px);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.breadcrumps ul, .right-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.breadcrumps ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    color: #FFF;
}
.breadcrumps .divider { margin-left: 5px; margin-right: 5px; }
.right-menu ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 95px;
}
.right-menu li img {
    width: 35px;
    height: auto;
}

section.template-content {
    /*margin-left: 140px;*/
}

.main-article {
    height: 420px;
    background-color: rgba(0,0,0,0.45);
    border-bottom-right-radius: 60px;
}
.home-content .main-article {
    height: 520px;
}
.main-article-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100%;
    color: #FFF;
}
.max-width-1080 { max-width: 960px; margin: 0 auto; }

.main-article-title {
    font-size: 42px;
    text-align: center;
    font-weight: 900;
}
.home-content .main-article-title { font-size: 27px; text-align: left; font-weight: 500; }

.main-article-description {
    text-align: center;
    margin: 0 auto;
    font-size: 12px; line-height: 110%; max-width: 360px;
}
.home-content .main-article-description { text-align: left; margin:0; }
.main-article-button { margin-top: 20px; }
.btn-rounded { border-radius: 30px; padding-left: 24px; padding-right: 24px;  }
.font-16 { font-size: 16px; }
.with-shadow { box-shadow: 2px 2px 6px rgb(0 0 0 / 40%); }
.text-shadow { text-shadow: 2px 2px 6px #000; } 

.home-content-body {
    margin-top: 100px;
}
.breadcrumps {
    width: 100%;
}
.breadcrumps a {
    text-decoration: none;
    color: #FFF;
    font-size: 12px;
}

.home-list ul { padding: 0; margin: 0; list-style: none; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
.home-list ul li { width: calc(25% - 30px); height: 280px; }
.home-list ul li a { text-decoration: none; }

.home-list-element { height: 100%; background-color: #FFF; border-radius: 24px; width: 100%;
    box-shadow: 2px 2px 4px rgb(0 0 0 / 50%); background-position: center center; background-size: cover; background-repeat: no-repeat; height: 280px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;    
}
.home-list-element-label { text-align: right; margin-top: 25px; }
.home-list-element-label span {
    background-color: #b3b3b3;    
    color: #FFF;
    margin-right: 16px;
    border-radius: 16px;
    padding-left: 12px;
    padding-right: 12px;
    line-height: 100%;
    padding-top: 1px;
    padding-bottom: 2px;
}
.home-list-element-button {
    font-size: 16px;
    text-align: center;
    color: #FFF;
    background-color: #000;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.hidden { display: none; }
.hidden-desktop { display: none; }
nav.navbar {
    position: fixed;
    z-index: 1;
    width: 100%;
    box-shadow: 2px 0px 8px rgb(0 0 0 / 40%);
}
a.navbar-brand img {
    width: 100px;
}
button.navbar-toggler, button.navbar-toggler:focus, button.navbar-toggler:hover {
    outline: 0;
    border: 0;
    box-shadow: none;
}
li.nav-item a { margin-left: 12px; font-weight: bold; }
li.nav-item img { width: 40px; height: auto; margin-right: 5px; }


.block-title {
    font-size: 28px;
    font-weight: 700;
    margin-top: 50px;
    position: relative;
    width: 100%;
    max-width: 45%; margin-right: 55%;
    margin-bottom: 20px;
}
.block-plus img {
    width: 26px;
    height: auto;
    position: absolute;
    top: 9px;
    right: 0;
}

.custom-post-card {
    width: 100%;
    background-color: #FFF;
    border-radius: 16px;
    box-shadow: 2px 8px 16px rgb(0 0 0 / 40%);
    margin-bottom: 30px;
}


.custom-card-header {
    padding: 30px;
    padding-bottom: 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
}
.custom-card-avatar {
    width: 50px;
    height: 50px; border-radius: 50%; border: 2px solid #a0a0a0; margin-right: 10px;
}
.custom-card-name {
    font-weight: bold;
    font-size: 15px;
}
.custom-card-typology {
    font-size: 10px;
    background-color: #e6e6e6;
    width: fit-content;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 4px;
}

.custom-card-description {
    font-size: 13px;
    font-weight: 500;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 15px;
    margin-bottom: 20px;
    line-height: 130%;
}
.custom-card-image {
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 220px;
    background-color: #e6e6e6;
}
.custom-card-footer {
    background-color: #FFF;
    width: 100%;
    margin-top: -20px;
    border-radius: 16px;
}
.custom-card-buttons ul {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-top: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-weight: 700;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 15px;
}
.custom-card-buttons ul li a { text-decoration: none; color: #000; font-size: 11px; display: flex;
    flex-direction: row;
    align-items: center; margin-bottom: 20px; }
.custom-card-buttons img {
    height: 12px;
    width: auto; margin-right: 4px;
}
.custom-card-comment form {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.custom-card-comment {
    padding-top: 10px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;    
}
.custom-card-user {
    width: 40px;
    height: 40px; border-radius: 50%; border: 1px solid #a0a0a0; margin-right: 10px;    
}
.custom-card-comment-submit button {
    outline: 0;
    border: 0;
    background-color: transparent;
}
.custom-card-comment-submit img {
    width: 40px;
    height: 40px;
}
.custom-card-comment-input {
    width: calc(100% - 110px);
}
.home-elements {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.home-button-elements {
    width: 50%;
}
.home-blog-elements {
    width: 45%; margin-right: 5%;
}
.home-button-elements ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
ul.home-buttons {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
ul.home-buttons li {
    width: calc(50% - 20px); height: 150px;
    margin-bottom: 40px;
    border-radius: 16px;
}
ul.home-buttons li a {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    text-decoration: none;
    font-weight: bold;
}
.home-button-icon {
    width: 50%;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;    
}
.home-button-text {
    width: 50%;
    background-color: #FFF;
    text-align: center;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 23px;
}
.home-button-icon img {
    width: 60%;
    height: auto;
    max-width: 70px;
}
.line-top {
    position: absolute;
    top: 0;
    left: 40%;
    width: 10px;
    height: 55px;    
}
.line-bottom {
    position: absolute;
    bottom: 0;
    left: 40%;
    width: 10px;
    height: 55px;    
}
.right-menu {
    position: absolute;
    right: 20px;
    top: 15px;
    z-index: 1;
}

.tutorial-list ul { padding: 0; margin: 0; list-style: none; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
.tutorial-list ul li {
    width: calc(50% - 3%);
    height: 260px;
    margin-bottom: 60px;
}
.tutorial-list ul li a { text-decoration: none; }
.list-element { height: 100%; background-color: #FFF; border-radius: 24px; width: 100%;
    box-shadow: 2px 2px 4px rgb(0 0 0 / 50%); background-position: center center; background-size: cover; background-repeat: no-repeat; height: 280px;
    display: flex;
    flex-direction: column;
    justify-content: end;
}
.list-element-button {
    font-size: 14px;
    color: #FFF;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    padding-top: 20px;
    padding-bottom: 15px;
    padding-left: 24px;
    padding-right: 36px;
}
.list-element-button img {
    width: 25px;
    float: right;
}
.tutorial-list {
    margin-top: 50px;
    margin-bottom: 50px;
}
.custom-card-description-small {
    font-size: 13px;
}
.custom-post-card-big {
    margin-bottom: 50px;
}
.custom-card-title {
    font-weight: 700;
    font-size: 24px;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
}
.custom-card-comment-big {
    width: 100%;
    background-color: #FFF;
    border-radius: 16px;
    box-shadow: 2px 8px 16px rgb(0 0 0 / 40%);
    margin-bottom: 30px;
    margin-top: 30px;
    display: block;
    padding-top: 40px;
    padding-bottom: 40px;
}
.custom-card-user-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.custom-card-user-box .custom-card-name { font-size: 13px; text-align: center; line-height: 120%; }
.custom-card-user-box .custom-card-avatar { margin-right: 0px; margin-bottom: 10px; }
.custom-card-user-box .custom-card-typology {
    font-size: 10px;
    background-color: transparent;
    width: auto;
    padding: 0;
    border-radius: 0;
}
.custom-card-comment-big .custom-card-comment-submit {
    background-color: #cccccc;
    padding: 10px;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
}
.custom-card-comment-input textarea {
    height: 150px;
    background-color: #f2f2f2;
    border: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    color: #000;
    padding: 20px;
    font-size: 14px;
}
.custom-card-comment-input textarea.form-control:focus {
    background-color: #f2f2f2;
    border: 0;
    outline: 0;
    box-shadow: none;
}
.custom-card-comment-big.custom-card-comment form { height: 150px; }
.custom-post-card-big .custom-card-footer {
    margin: 0;
    padding-top: 30px;
    padding-bottom: 10px;
}
.custom-card-footer-elements {
    display: flex;
    flex-direction: row;
    justify-content: start;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 12px;
    font-weight: 600;
    flex-wrap: wrap;
}
.custom-card-footer-typology span {
    padding: 4px;
    padding-left: 20px;
    padding-right: 20px;
    margin-right: 20px;
    background-color: #f2f2f2;
    border-radius: 16px;
}
.custom-card-footer-typology {
    margin-bottom: 15px;
}
.custom-card-footer-author, .custom-card-footer-counter {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 12px;
    margin-bottom: 15px;
}
.custom-card-footer-author {
    margin-right: 20px
}
.custom-card-footer-author img, .custom-card-footer-counter img {
    width: 15px;
    margin-right: 5px;
}
.custom-card-footer-elements a { text-decoration: none; color: #000; } 

.template-with-sidebar {
    margin-top: 50px;
    margin-bottom: 50px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.template-content-left {
    /*width: 65%;
    margin-right: 5%;*/
    width: calc(95% - 290px);
    margin-right: 5%;
}
.template-sidebar {
    /*width: 30%;*/
    width: 290px;
}

.sidebar-element {
    background-color: #FFF;
    border-radius: 16px;
    padding: 30px;
    padding-bottom: 10px;
    margin-bottom: 40px;
}
h3.sidebar-title {
    font-size: 16px;
    font-weight: 600;
}
.sidebar-subtitle {
    font-size: 13px;
    font-weight: 500;
}

.sidebar-square-boxes {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
.sidebar-square-boxes .sidebar-box {
    width: 42%;
    height: 100px;
    margin-bottom: 30px;
}
.sidebar-box-content {
    width: 100%;
    height: 100%;
    border-radius: 16px;
    background-color: #f2f2f2;
}
.sidebar-form {
    margin-top: 20px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
}
.sidebar-form input {
    border-radius: 12px;
    border: 0;
    background-color: #e6e6e6;    
}
.sidebar-form .form-floating>.form-control {
    padding: 0.75rem 0.75rem;
    height: 50px;
}
.sidebar-form button {
    height: 50px;
    border-radius: 12px;
}

.template-with-sidebar2 .template-content-left {
    width: 55%;
    margin-right: 5%;
}
.template-with-sidebar2 .template-sidebar {
    width: 40%;
}
.template-with-sidebar3 .template-content-left {
    width: 48%;
    margin-right: 4%;
}
.template-with-sidebar3 .template-sidebar {
    width: 48%;
}
.sidebar-could-know .sidebar-title, .sidebar-events .sidebar-title {
    font-size: 18px;
}
.sidebar-could-know, .sidebar-events {
    padding-top: 20px;
}
.sidebar-could-know .sidebar-square-boxes .sidebar-box, .sidebar-events .sidebar-square-boxes .sidebar-box {
    width: calc(50% - 15px);
    height: 190px;
}
.sidebar-box-content {
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    font-size: 10px;
}
.sidebar-box-content-bottom { font-weight: 600; }
.sidebar-element a { text-decoration: none; color: #000; }
.sidebar-box-content-bottom {
    font-weight: 600;
    width: 100%;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    background-color: #cccccc;
}
.my_courses-list {
    margin-top: 50px;
}
.my_courses-list.custom-container ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.main-menu-top.white-menu-top {
    background-color: #FFF;
    height: 75px;
    top: 0;
}
.main-menu-top.white-menu-top .breadcrumps ul {
    padding-top: 20px; color: #000;
}
.main-menu-top.white-menu-top .breadcrumps a {
    color: #000;
}
.main-menu-top.bg-shade-purple {
    height: 75px;
    top: 0;
}
.main-menu-top.bg-shade-purple .breadcrumps ul {
    padding-top: 20px; color: #FFF;
}
.main-menu-top.bg-shade-purple .breadcrumps a {
    color: #fff;
}


.padding-top-content-body {
    padding-top: 70px;
}

.list-categories {
    margin-top: 20px;
}
.list-categories ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.list-categories ul li a { color: #000; font-size: 12px; font-weight: 600; text-decoration: none; }
.list-categories ul li .divider { margin-left: 5px; margin-right: 5px; }
.blog-content-body .template-with-sidebar { margin-top: 20px; }

.list-custom-article-card {
    background-color: #FFF;
    margin-bottom: 50px;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    display: flex;
    flex-direction: row;
}
.list-custom-article-image {
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    background-color: #ccc;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 40%;
}
.list-custom-article-content {
    width: 60%;
    padding: 30px; padding-top: 20px;
}
.list-custom-article-header .custom-card-footer-elements { font-size: 10px; padding: 0; }
.list-custom-article-header .custom-card-footer-author { margin-right: 15px; }
.list-custom-article-header .custom-card-footer-author,.list-custom-article-header .custom-card-footer-counter { font-size: 10px; }
.list-custom-article-header .custom-card-footer-author img,.list-custom-article-header .custom-card-footer-counter img { margin-right: 5px; }
.list-custom-article-header .custom-card-footer-typology span { margin-right: 15px; }

.list-custom-article-date {
    font-size: 10px;
    text-align: right;
    display: none;
}
.list-custom-article-date img {
    width: 12px;
    height: auto;
}

.list-custom-article-button { margin-top: 30px; }
.list-custom-article-button .btn {
    font-size: 12px;
    min-width: 110px;
    border-radius: 16px;
}
h3.list-custom-article-title {
    font-size: 18px;
    font-weight: 700;
}
.list-custom-article-description {
    font-size: 12px;
}
.custom-article-image-block {
    width: 100%;
    height: 100%;
}
.blog-article-content .blog-content-body { padding-top: 50px;}

.list-custom-article-3cards { 
    border-radius: 0; border-top-left-radius: 16px; border-bottom-left-radius: 16px; background-color: #FFF; margin-top: 60px;
    display: flex; flex-direction: row; flex-wrap: wrap;
    margin-bottom: 40px;
}
.list-custom-article-card-left {
    width: 70%;
    border-right: 1px solid #ccc;
}
.list-custom-article-card-right {
    width: 30%;
    padding: 30px;
    padding-top: 20px;
    padding-bottom: 0;
}
.list-custom-article-card-right .list-custom-article-button { display: none; }
.list-custom-article-card-left .list-custom-article-card { box-shadow: none; border-radius: 0; border-top-left-radius: 16px; border-bottom-left-radius: 16px;
    flex-direction: column;
    
}
.list-custom-article-card-left .list-custom-article-image {
    width: 100%;
    border-radius: 0;
    border-top-left-radius: 16px;
    height: 330px;
}
.list-custom-article-card-right .list-custom-article-card { margin-bottom: 30px; border-radius: 16px; flex-direction: column; }
.list-custom-article-card-right .list-custom-article-image {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 0px;
    width: 100%;
    height: 130px;
}
.list-custom-article-card-right .list-custom-article-content {
    width: 100%;
    padding: 30px;
    padding-top: 10px; padding-bottom: 10px;
}
.list-custom-article-card-left .list-custom-article-content {
    width: 100%;
    padding: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.list-custom-article-card-left .list-custom-article-box a {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.list-custom-article-card-left .list-custom-article-button {
    margin-top: 0px;
}
.list-custom-article-card-left h3.list-custom-article-title {
    font-size: 28px;
    padding-right: 100px;
}
.list-custom-article-card-left .custom-article-image-block, .list-custom-article-card-right .custom-article-image-block { position: relative; 
    display: flex;
    flex-direction: row;
    justify-content: end;
    padding-top: 20px;
}
.list-custom-article-card-left .custom-card-footer-typology span { font-size: 13px; font-weight: 600; }
.list-custom-article-card-right .custom-card-footer-typology span { font-size: 12px; }
.list-custom-article-card-right .custom-card-footer-typology span { font-size: 10px; font-weight: 600; }
.list-custom-article-card-left .list-custom-article-content, .list-custom-article-card-right .list-custom-article-content {
    padding-right: 20px;
}

.custom-bottom-form {
    background-color: #e6e6e6;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}
.custom-top-form {
    background-color: #FFF;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 15px;
    padding-left: 20px; padding-right: 20px;
}
.custom-top-form input.form-control {
    background-color: #e6e6e6;
    font-weight: 600;
    font-size: 12px;
    color: #000;
    border: 0;
}
.custom-top-form .custom-card-user {
    width: 30px;
    height: 30px;
}
.custom-top-form input.form-control::placeholder {
    color: #000;
    opacity: 1;
}
.custom-top-form input.form-control:focus {
    box-shadow: none;
}
.custom-card-input {
    width: calc(100% - 40px);
}
.community-top {
    margin-bottom: 20px;
}
.custom-photo-video {
    text-align: center;
}
.custom-photo-video button { 
    font-size: 12px;
    color: #000;
    font-weight: 700;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-radius: 0;
    width: 33%;
    text-align: right;
    padding-right: 20px;
    min-width: 170px;
}
.custom-photo-video button:hover {
    border-left: 1px solid #000;
    border-right: 1px solid #000;    
}
.jobs-content .template-content-left .list-custom-article-card { width: 100%; /*calc(50% - 15px);*/ }

.jobs-content .template-content-left { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
.jobs-content .list-custom-article-content { width: 100%; }
.jobs-content .template-content-left .list-custom-article-date { display: block; margin-bottom: 15px; }
/*.jobs-content .template-content-left .list-custom-article-card:nth-child(even) {
    border-radius: 0;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    
}*/
.jobs-content .list-custom-article-button {
    text-align: right;
}
.jobs-content .list-custom-article-box {
    margin-top: 20px;
}
.jobs-content .list-custom-article-card-left .custom-article-image-block {
    flex-direction: column;
    justify-content: space-between;
    align-items: end;
}
.jobs-content .list-custom-article-3cards .list-custom-article-card-left .list-custom-article-content .custom-card-footer-author {
    display: none;
}
.jobs-content .list-custom-article-3cards .custom-card-footer-author { font-weight: 600; font-size: 10px; } 
.jobs-content .list-custom-article-3cards .custom-card-footer-author {
    display: flex;
    flex-direction: row;
    align-items: start;
}
.jobs-content .list-custom-article-card-left {
    border-right:0
}
.list-custom-article-card-left .list-custom-article-button .btn {
    font-size: 14px;
    min-width: 120px;
}
.jobs-content .block-plus { text-align: right; }
.jobs-content .block-plus a { padding: 10px; background-color: #FFF; border-radius: 50%; }
.jobs-content .block-plus img { position: initial; }
.jobs-article-content .custom-card-footer {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-right: 20px;
    flex-wrap: wrap;
}
.jobs-article-content .custom-card-footer .application-button {
    padding-left: 30px;
}
.application-button button {
    margin-bottom: 10px;
}

.custom-elements-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.custom-user-element {
    text-align: center;
    background-color: #FFF;
    border-radius: 16px;
    width: calc(33.3% - 15px);
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 220px;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;    
}
.custom-user-element-content {
    font-size: 12px;
    font-weight: 600;
    width: 100%;
}
.custom-user-element-image {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid #f2f2f2;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 30px;
}
.custom-user-element-button a {
    font-size: 10px;
    text-align: center;
    width: 100%;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
}
.custom-user-element-footer {
    width: 100%;
}

.main-profile {
    text-align: center;
    margin-top: -120px;
}
.main-profile .custom-user-element-image {
    width: 150px;
    height: 150px;
    border: 2px solid #ccc;
}
.main-profile .custom-user-element-fullname { font-size: 18px;}
.profile-block-plus .block-plus { text-align: right; }
.profile-block-plus .block-plus img { position: inherit; }
.profile-block-plus { margin-bottom: 20px; }
.profilo-content-body .template-content-left { padding-top: 46px; }
.profile-element { background-color: #FFF; border-radius: 16px; margin-bottom: 30px; }
.profile-element-header {
    background-color: #f2f2f2;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    padding: 10px;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;    
}
.profile-element-header a img {
    width: 18px;
    height: auto;
    margin-left: 10px;
}
.profile-element-header h3 {
    font-size: 18px;
    margin-bottom: 0;
    font-weight: 500;
}
.profile-element-body {
    padding: 30px;
    padding-top: 20px; padding-bottom: 20px;
}
.profile-element-fullname { font-size: 18px; }
.profile-element-description {
    font-size: 13px;
}
.slider-element {
    width: 100%;
    height: 180px;
    border-radius: 16px;    
}
.slider-element-content {
    width: 100%;
    height: 100%;
    border-radius: 16px;
    background-color: #FFF;
    margin-bottom: 10px;
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: end;
    align-items: start;
}
.slider-element h4 {
    font-size: 10px;
    font-weight: 600;
}
.profile-element-courses .slider-element h4 {
    padding: 20px;
    padding-bottom: 10px;
}
.profile-element-score .slider-element-content {
    justify-content: space-between;    
}
.profile-element-score h4 {
    text-align: center;
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
    border-radius: 4px;
    background-color: rgba(255,255,255,0.5);
    padding-top: 5px;
    padding-bottom: 5px;
    color: #000;
    margin-bottom: 0;
}
.custom-element .slick-slide, .profile-element .slick-slide {
    margin: 0 15px;
  }
.custom-element .slick-list, .profile-element .slick-list {
    margin: 0 -15px;
    padding-bottom: 5px;
}
.profile-element .next-arrow, .profile-element .prev-arrow, .custom-element .next-arrow, .custom-element .prev-arrow { cursor: pointer; }
.profile-element .slick-arrow { top: -22px; }
.profile-element .slick-next { right: 25px; }
.custom-element .slick-prev, .profile-element .slick-prev { left:auto; right: 50px; }
.custom-element .arrows, .profile-element .arrows { width: 50px; }
.custom-element .slick-prev:before,.custom-element .slick-next:before, .profile-element .slick-prev:before,.profile-element .slick-next:before { content:' '}
.custom-element .slick-prev, .profile-element .slick-prev { background-image: url('../images/arrow_prev.svg'); background-repeat: no-repeat; background-size: contain; }
.custom-element .slick-next, .profile-element .slick-next { background-image: url('../images/arrow_next.svg'); background-repeat: no-repeat; background-size: contain; }
.slider-element-image { width: 100%; padding-top: 35px; }
.slider-element-image img { width: 100%; height: auto;  max-width: 100px; margin: 0 auto; }
.custom-element .slick-arrow { top: -37px;}
.custom-element-header img {
    width: 7px;
    height: auto;
    margin-left: 2px;
}
.custom-element-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.custom-element .slick-next { right: 0px; }
.custom-element .slick-prev { left:auto; right: 25px; }
.custom-element-header h3 { font-size: 18px; margin-bottom: 10px; font-weight: 500; }
.custom-element-slider .slider-element-content {
    justify-content: space-between;
    align-items: end;
}
.custom-element-top-icon { padding-top: 20px; padding-right: 20px;}
.custom-element-top-icon img { width: 30px; height: auto; }
.custom-element-button { width: 100%; }
.custom-element-button button {
    border-radius: 0;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    width: 100%;
    font-size: 13px;
}
.custom-element-slider {
    margin-top: 20px;
}
.custom-element {
    margin-bottom: 30px;
}
.sidebar-button {
    width: 100%;
}
.sidebar-button button {
    border-radius: 0;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    font-size: 9px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.sidebar-button button img {
    width: 4px; margin-right: -4px;
}

.messages-elements, .quiz-elements {
    background-color: #fff;
    border-radius: 24px;
    margin-bottom: 30px;
    padding-bottom: 20px;
}
.messages-element-header, .quiz-element-header {
    background-color: #f2f2f2;
    text-align: center;
    padding: 10px;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    position: relative;
}
.messages-element-header h3 {
    margin-bottom: 0; font-size: 12px; font-weight: 600;
}
.messages-element-body, .quiz-element-body {
    padding: 50px;
}
.messages-element {
    background-color: #f2f2f2;
    margin-bottom: 30px;
    border-radius: 24px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    min-height: 50px;
    padding-left: 5px;
    padding-right: 20px;    
}
.messages-element.bg-variant { background-color:#92d375;}
.messages-image {
    width: 40px;
    height: 40px;
    background-color: #ccc;
    border-radius: 50%;
}
.messages-content {
    width: calc(100% - 60px);
    font-size: 12px;
    font-weight: 600;
}
.messages-date {
    text-align: right;
}
.messages-element-form form {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-left: 30px;
    margin-right: 30px;
    background-color: #f2f2f2;
    border-radius: 24px;
    padding-left: 10px;
    padding-right: 20px;    
}
.messages-element-form-image {
    width: 25px;
    height: 25px;
    background-color: #CCC;
    border-radius: 50%;
}
.messages-element-form-input {
    width: calc(100% - 70px);
}
.messages-element-form-input .form-control {
    border: 0; background-color: transparent; font-weight: bold; height: 40px; color: #000; font-size: 12px;
}
.messages-element-form-input .form-control::placeholder { color: #000; }
.messages-element-form-input .form-control:focus { box-shadow: none; background-color: transparent;}
.messages-element-form-icon img { width: 20px; height: auto; }

.quiz-element-counter {
    text-align: right;
    padding-right: 30px;
    padding-left: 30px;
    font-size: 12px;
    font-weight: 600;
}
.quiz-element-bg {
    background-color: #006837;
    position: absolute;
    top: 0;
    left: 0;
    width: 70%;
    height: 100%;
    border-top-left-radius: 24px;
    border-top-right-radius: 0;
}
.quiz-element-bg.width-100 {
    border-top-right-radius: 24px;
}
.quiz-element-body {
    position: relative;
}
.quiz-element-body .slick-next, .quiz-element-body .slick-prev { top: 10px; }
.quiz-element .slick-prev:before,.quiz-element .slick-next:before, .quiz-element .slick-prev:before,.quiz-element .slick-next:before { content:' '}
.quiz-element-slider {
    margin: 0 auto;
    width: 100%;
    max-width: 300px;
}
.quiz-question {
    font-weight: 700;
    font-size: 14px;
}
.quiz-answers {
    margin-top: 40px;
}
.quiz-answer button {
    background-color: #e6e6e6;
    width: 100%;
    font-weight: 600;
    font-size: 12px;
    color: #000;
    text-align: left;
    margin-bottom: 20px;
}
.quiz-confirm button {
    font-size: 12px;
    width: 100%;
}
.quiz-elements .slick-prev { background-image: url('../images/arrow_prev_circle.svg'); background-repeat: no-repeat; background-size: contain; }
.quiz-elements .slick-next { background-image: url('../images/arrow_next_circle.svg'); background-repeat: no-repeat; background-size: contain; }

.quiz-elements .slick-prev, .quiz-elements .slick-next {
    width: 30px;
    height: 30px;
}
.quiz-elements .slick-next { right: -40px; }
.quiz-elements .slick-prev { left: -40px; }

.sidebar-filter .sidebar-subtitle {
    font-size: 12px;
}
.sidebar-colors, .sidebar-cats {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: start;
    align-items: start;
    width: 100%;
    margin-top: 10px; margin-bottom: 10px;
}
.sidebar-color button {
    width: 25px;
    height: 25px;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #f2f2f2;
    border-radius: 50%;
}
.sidebar-color button.btn-red { background-color:#c02031 }
.sidebar-category button {
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #f2f2f2;
    border-radius: 16px;
    font-size: 10px;
    font-weight: 500;    
}

.shop-categories-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -15px;
}
.shop-categories .shop-category-button {
    background-color: #FFF;
    font-weight: bold;
    border-radius: 8px;
    color: #000;
    font-size: 14px;
    padding: 12px;
    width: calc(20% - 15px);
    margin-left: 15px;
    padding-top: 20px;
    padding-bottom: 20px;    
    margin-bottom: 15px;
}
.shop-category-button img {
    width: 15px;
    height: auto;
}
.shop-category-button.with-shadow a {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.slick-track {
    margin-left:0;
    margin-right: auto;
}

.custom-element-category .slider-element {
    height: 330px;
}
.custom-element-price {
    background-color: #f2f2f2;
    font-size: 10px;
    font-weight: 600;
    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 12px;
    margin-right: 15px;
    margin: 15px;
}
.custom-element-text-container {
    padding: 16px;
    background-color: #f2f2f2;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    padding-bottom: 20px;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.2;
}
.custom-element-category .slider-element-content {
    margin-bottom: 0px;
}
.custom-element-title {
    font-size: 12px;
    margin-bottom: 5px;
}

.corsi-content-body, .prodotti-content-body, .prodotti-details-content-body {
    padding-top: 110px;
}

.list-custom-article-5cards {
    display: flex;
    flex-direction: row;
    border-radius: 16px;
    background-color: #FFF;
    margin-bottom: 40px;
}
.list-custom-article-5cards .list-custom-article-card-left {
    width: 50%;
    border-right:0
}
.list-custom-article-5cards .list-custom-article-card-right {
    width: 50%;
    padding-bottom: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-left: 0;
    justify-content: start;
    align-items: start;
}
.list-custom-article-5cards .list-custom-article-card-right a {
    margin-left: 30px;
    width: calc(50% - 30px);
    margin-bottom: 30px;
}
.list-custom-article-5cards .list-custom-article-card-left h3.list-custom-article-title {
    font-size: 18px;
    padding-right: 20px;
    padding-bottom: 0;
}
.list-custom-article-5cards .list-custom-article-card-left .list-custom-article-button .btn {
    font-size: 12px;
}
.list-custom-article-5cards .slider-element-content {
    background-color: #cccccc;
    justify-content: space-between;
    align-items: end;    
}

.prodotti-details-content-body .list-custom-article-card-left .custom-element-price {
    height: 22px;
}
.prodotti-details-content-body .list-custom-article-card-left {
    border-bottom: 0;
}
section.corsi-main {
    margin-top: 75px;
}
.corsi-video {
    background-color: #CCC;
    height: 450px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.corsi-video-play img {
    width: 100px;
    height: auto;
}

.sidebar-single-product .custom-element-button button {
    border-radius: 8px;
    margin-bottom: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.sidebar-single-product .custom-element-text-container {
    padding: 0;
    background-color: transparent;
    border-radius: 0;
    margin-bottom: 15px;
}
.sidebar-single-product .slider-element { height: auto; }
.sidebar-single-product .slider-element-image {
    width: 100%;
    height: 150px;
    background-color: #ccc;
    border-radius: 16px;
    margin-bottom: 10px;
    padding-top: 5px;
    display: flex;
    flex-direction: row;
    justify-content: end;    
}
.sidebar-single-product .custom-element-price {
    height: 22px;
}
.custom-element-stars img {
    width: 12px;
    height: auto;
    margin-right: 2px;
}
.custom-element-addon {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
    flex-wrap: wrap;
    justify-content: space-between;
}
.corsi-tabs-box {
    width: 100%;
    height: 90px;
    background-color: #FFF;
    border-bottom-right-radius: 80px;
}
.corsi-tabs ul.nav-tabs {
    border: 0;
}
.corsi-tabs .nav-tabs .nav-link:focus, .corsi-tabs .nav-tabs .nav-link:hover {
    border-color:transparent
}
.corsi-tabs .nav-tabs .nav-item.show .nav-link, .corsi-tabs .nav-tabs .nav-link.active { border: 0; }
.corsi-tabs ul li {
    width: 20%;
}
.corsi-tabs ul li button {
    width: 100%; text-align: center; color: #000;
}
.corsi-tabs ul li button:hover { color: #000; }
.corsi-tabs ul li button {
    height: 90px;
    border-right: 1px solid #ccc !important;
    border-radius: 0 !important;
}
.corsi-tabs ul li:last-child button {
    border-right: 0 !important;
    border-bottom-right-radius: 75px !important;
}
.prodotti-tabs-box {
    width: 100%;
    height: 90px;
    background-color: #FFF;
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
}
.prodotti-tabs ul.nav-tabs {
    border: 0;
}
.prodotti-tabs .nav-tabs .nav-link:focus, .prodotti-tabs .nav-tabs .nav-link:hover {
    border-color:transparent
}
.prodotti-tabs .nav-tabs .nav-item.show .nav-link, .prodotti-tabs .nav-tabs .nav-link.active { border: 0; }
.prodotti-tabs ul li {
    width: 25%;
}
.prodotti-tabs ul li button {
    width: 100%; text-align: center; color: #000;
}
.prodotti-tabs ul li button:hover { color: #000; }
.prodotti-tabs ul li button {
    height: 90px;
    border-right: 1px solid #ccc !important;
    border-radius: 0 !important;
}
.prodotti-tabs ul li:first-child button {    
    border-top-left-radius: 16px !important;
}
.prodotti-tabs ul li:last-child button {
    border-right: 0 !important;
    border-top-right-radius: 16px !important;
}
.prodotti-main .tab-content .custom-post-card-big { border-top-left-radius:0; border-top-right-radius:0; }
.prodotti-tabs ul li button {
    font-size: 12px;
    font-weight: 500;
}

.prodotti-combo {
    width: 100%;
    background-color: #FFF;
    border-radius: 16px;
    padding: 30px;
    padding-top: 20px;
    margin-bottom: 30px;
}
.prodotti-combo .prodotti-combo-header h3 {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 500;
    margin-bottom: 20px;
}
.prodotti-combo-body {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.prodotti-combo-sum {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    width: 55%;
}

span.prodotti-combo-symbol {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 20px;
    font-weight: 500;
}
.prodotti-combo-sum .slider-element-content {
    justify-content: space-between;
    align-items: end;
}
.prodotti-combo-result {
    width: 45%;
    padding-left: 15px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.prodotti-combo-result-text {
    font-weight: 600;
    font-size: 10px;
    padding-left: 40px;
}
.prodotti-combo-result-box {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
}
.prodotti-combo-result-box .custom-element-button { padding-left: 40px; }
.prodotti-combo-result-box .custom-element-button button {
    border-radius: 16px;    
}
.prodotti-combo-result-new-price {
    font-weight: 600;
    font-size: 18px;
}
.prodotti-combo-result-old-price {
    font-size: 18px;
    position: relative;
}
.prodotti-combo-result-prices {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
}
.break-line {
    width: 68px;
    height: 2px;
    background-color: #000;
    position: absolute;
    top: 15px;
    left: -8px;
    transform: rotate(147deg);
}

.video-courses-list {
    margin-top: 50px;
}
.video-courses-list .custom-element-header h3 {
    margin-bottom: 30px;
    font-weight: 600;
}
.video-courses-list .custom-element-body {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
.video-courses-element {
    width: calc(25% - 20px);
    margin-bottom: 30px;
}
.video-courses-element .slider-element {
    width: 100%;
    height: 250px;
}
.video-courses-element .custom-element-button button {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 11px;
    height: 45px;
    align-items: center;
}
.video-courses-element .custom-element-button button:hover { color: #FFF; }
.video-courses-element .custom-element-button button img {
    width: 25px;
    height: auto;
}
.miei-corsi-content-body .template-with-sidebar { margin-top: 30px; }
.custom-element-percent {
    height: 30px;
    background-color: #f2f2f2;
    width: 100%;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    position: relative;
    display: flex;
    flex-direction: row;    
}

.video-courses-element .slider-element-content {
    justify-content: space-between;
    align-items: end;    
}
.video-courses-element .custom-element-image {
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: end;
    height: 175px;
    padding-top: 20px;
    padding-right: 15px;
    width: 100%;
}
.video-courses-element .custom-element-image span {
    padding: 4px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #f2f2f2;
    border-radius: 12px;
    font-size: 10px;
    font-weight: bold;
}
.video-courses-element .custom-element-percent-text {
    color: #FFF;
    font-size: 10px;
    height: 30px;
    padding-top: 8px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    background-color: transparent;
    border-top-left-radius: 16px;
    min-width: 25px;
}
.custom-element-percent-empty {
    background-color: #F2f2f2;
    height: 30px;
    border-top-right-radius: 16px;
    min-width: 16px;
}
.custom-element-percent-empty.w-0 {
    min-width:0
}

.badge-list .custom-element-header h3 { margin-bottom: 30px;}

.badge-list .custom-element-body {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.badge-element {
    width: calc(33.3% - 20px);
}
.badge-element-container {
    width: 100%;
    height: 180px;
    margin-bottom: 30px;
    background-color: #FFF;
    border-radius: 16px;    
    padding: 5px;
}
.badge-object { margin: 10px;}
.badge-object .slider-element-content {
    justify-content: space-between;
    text-align: center;
}
.badge-object h4 {
    text-align: center;
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
    border-radius: 4px;
    background-color: rgba(255,255,255,0.5);
    padding-top: 5px;
    padding-bottom: 5px;
    color: #000;
    margin-bottom: 0;
    font-size: 10px;
    font-weight: 600;    
}
.badge-object .slider-element-image { padding-bottom: 20px; }

.cart-box {
    background-color: #FFF;
    border-radius: 24px;
    padding: 30px;
    margin-bottom: 30px;
}
.cart-box-header {
    width: 100%;
    margin-bottom: 30px;
}
.cart-steps {
    display: flex;
    position: relative;
    width: 100%;
    justify-content: space-around;
}
.cart-line {
    position: absolute;
    top: 15px;
    left: 0;
    width: 75%;
    height: 2px;
    background-color: #000;   
    z-index: 0; 
    margin-left: 12.5%;
}
.cart-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index:1;
    width: 25%;
}
.step-text {
    font-weight: 600;
    font-size: 10px;
    color: #000;
    margin-bottom: 5px;
    text-align: center;
}
.step-number {
    background-color: #000;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
}
.cart-box-body-step-1 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left: 40px;
    padding-right: 40px;    
}
.cart-element {
    width: calc(50% - 20px);
    background-color: #FFF;
    border-radius: 16px;
    margin-bottom: 40px;
}

.cart-element-body {
    padding: 20px;
    font-weight: 500;
    background-color: #f2f2f2;
    border-radius: 16px;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
}
.cart-element-body-title {
    font-weight: 600;
    font-size: 12px;
}
.cart-element-body-description {
    font-size: 8px;
}
.cart-element-price {
    padding: 4px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #f2f2f2;
    border-radius: 12px;
    font-size: 10px;
    font-weight: bold;
    width: fit-content;
}
.cart-element-header {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 180px;
    align-items: end;
    padding: 10px;
    padding-top: 20px;
    padding-bottom: 5px;
}
.cart-element-qty {
    display: flex;
    flex-direction: row;
    font-size: 10px;
    width: 100%;
    justify-content: space-between;
}
.cart-element-selector {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 26px;
    justify-content: center;
    border-radius: 16px;
    background-color: #d0d1d3;
}
.cart-element-remove a {
    color: #ff0000;
    font-weight: 600;
    font-size: 8px;
}
.cart-element-selector .btn {
    padding: 0;
    padding-left: 2px;
    padding-right: 2px;
    background-color: #d0d1d3;
}
.cart-element-selector-qty {
    width: 20px;
    text-align: center;
    border-radius: 50%;
    background-color: #FFF;
    height: 20px;
    line-height: 20px;
}
.sidebar-cart-summary .btn { color: #FFF; font-size: 14px;}
.sidebar-cart-summary-elements {
    display: flex;
    flex-direction: column;
}
.sidebar-cart-summary-element {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-weight: 500;
    font-size: 14px;
    margin-top: 15px;
}
.sidebar-cart-summary-button {
    margin-top: 30px;
}
.cart-form label { font-size: 13px; font-weight: 600; color: #000; }
.cart-form input, .cart-form textarea { font-size: 13px; font-weight: 600; border: 0; color: #000; background-color: #f2f2f2; }
.cart-form input::placeholder { color: #000; }
.cart-form {
    padding-left: 40px;
    padding-right: 40px;
}
.cart-form textarea.form-control {
    height: 130px;
}
.form-checkbox label { display: flex; }
.form-checkbox input { margin-right: 3px; }

.cart-payment-elements {
    padding-top: 50px;
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 40px;
}
.cart-payment-element {
    margin-bottom: 10px; 
    font-size: 18px; font-weight: 500;
}
.btn-smalltext {
    color: #FFF;
    font-size: 10px;
    font-weight: 400;
    min-height: 38px;
}
.cart-payment-buttons {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: start;
    justify-content: space-between;
    padding-left: 40px;
    padding-right: 40px;
}
.cart-payment-buttons button { width: calc(50% - 15px); margin-bottom: 15px; }
.cart-box-body-step-4 { padding-left: 40px; padding-right: 40px; }
.cart-thanks { font-weight: 600;}
.cart-thanks-description {
    font-size: 12px;
    margin-bottom: 50px;
}
.cart-thanks-elements {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.sidebar-events-small .bg-grey {
    background-color: #cccccc;
    font-weight: 500;
    justify-content: center;
}
.sidebar-checkout .sidebar-square-boxes .sidebar-box {
    width: calc(50% - 10px);
}
.sidebar-orders .bg-black {
    color: #FFF;
    font-weight: 500;
    justify-content: center;
}

.cart-box-body-step-4 .cart-element-qty {
    justify-content: end;
}

.sidebar-address {
    background-color: #f2f2f2;
    padding: 10px;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 30px;
    border-radius: 16px;
}
.sidebar-checkout-button a {
    font-size: 13px;
    margin-bottom: 30px;
    margin-top: 30px;
    border-radius: 12px;
}
.sidebar-checkout-button a:hover {
    background-color: #f2f2f2;
}
.sidebar-orders .sidebar-box-content-bottom {
    background-color: #000;
    color: #fff;
    font-weight: 400;
}
.sidebar-orders.sidebar-square-boxes .sidebar-box {
    width: calc(50% - 15px);
    height: 160px;
}
.sidebar-orders .sidebar-box-content {
    justify-content: space-between;
}
.sidebar-orders .sidebar-box-content-top {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 120px;
        width: 100%;
}
.sidebar-orders .sidebar-box-content-top-icon img {
    width: 55px;
    height: auto;
    padding-bottom: 10px;
}
.sidebar-orders .sidebar-box-content-top-icon {
    text-align: center;
}
.sidebar-order-number { text-align: right; margin-top: 10px; margin-right: 20px; }
.sidebar-order-number span {
    background-color: #FFF;
    border-radius: 12px;
    text-align: center;
    padding: 2px;
    padding-left: 8px;
    padding-right: 8px;
}

.cart-box-bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
.cart-box-bottom .sidebar-element {
    width: calc(50% - 15px);
}

.cart-box-bottom .cart-element {
    width: 100%;
    margin: 10px;
}
.sidebar-checkout-products { position: relative; }
.cart-element-slider { padding-top: 10px; }
.cart-element-slider .next-arrow, .cart-element-slider .prev-arrow { cursor: pointer; }
.cart-element-slider .slick-arrow { top: 0px; }
.cart-element-slider .slick-next { right: 0px; }
.cart-element-slider .slick-prev { left:auto; right: 25px; }
.cart-element-slider .slick-prev { background-image: url('../images/arrow_prev.svg'); background-repeat: no-repeat; background-size: contain; }
.cart-element-slider .slick-next { background-image: url('../images/arrow_next.svg'); background-repeat: no-repeat; background-size: contain; }

.video-corsi-details-content-body .template-with-sidebar { margin-top: 0; padding-top: 75px; margin-bottom: 0; }

.video-corsi-details-content-body .template-content-left {
    width: calc(100% - 290px);
    margin-right: 0%;
}
.video-corsi-details-content-body section.corsi-main { margin-top: 0px; margin-bottom: 50px; }
.video-corsi-details-content-body .corsi-tabs ul li { width: 25%; }
.video-corsi-details-content-body div#corsiTabContent {
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 30px;
}
.video-corsi-details-content-body .corsi-tabs ul li button {
    font-weight: 600;
    font-size: 14px;
}

.sidebar-video-course-chapter {
    border-radius: 16px;
    padding: 15px;
    font-size: 12px;
    line-height: 120%;
    padding-bottom: 30px;
    padding-top: 30px;
    margin-bottom: 50px;
    margin-left: 20px; margin-right: 20px; 
}
.sidebar-video-course-chapter h3 { font-size: 18px; }
.sidebar-video-course { background-color: #FFF; padding-top: 30px; border-bottom-left-radius: 16px; padding-bottom: 50px; }
.sidebar-video-course-chapter-lessons {
    margin-left: 20px;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    background-color: #f2f2f2;
}
.sidebar-video-course-chapter-lesson-content img {
    width: 25px;
    height: auto;
}
.sidebar-video-course-chapter-lesson-content {
    padding-left: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-right: 20px;
}
.sidebar-video-course-details {
    margin-top: 50px;
    margin-bottom: 30px;
}
.sidebar-video-course-details {
    margin-top: 50px;
    margin-bottom: 30px;
    background-color: #FFF;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    padding: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.sidebar-video-course-details-image {
    width: 140px;
    height: 140px;
    border-radius: 16px;
}
.sidebar-video-course-details-content {
    width: calc(100% - 150px);
}
.sidebar-video-course-details-content-title {
    font-size: 14px;
    font-weight: 600;
}
.sidebar-video-course-details-content-description {
    font-size: 12px; line-height: 120%;
}
.sidebar-video-course-details-content-button a {
    font-size: 10px;
    margin-top: 10px;
}

@media (min-width:1400px) {
    .max-width-1080 {
        max-width: 1080px;
    }
}
@media (max-width:1400px) {
.prodotti-combo-sum { width: 335px; }
.prodotti-combo-result { width: calc(100% - 335px); }
}
@media (max-width:1300px) {
    /*.breadcrumps {
        margin-left: 200px;
    }    
    .home-content-body {
        margin-left: 200px;
    }
    .main-article-content {
        margin-left: 200px;
    }*/   
    .home-button-text {
        font-size: 21px;
    }    
}

@media (max-width:1200px) {
    .max-width-1080 { max-width: 880px; }    
    .home-button-text { font-size: 19px; }
    .template-with-sidebar2 .template-content-left { width: 50%; margin-right: 5%; }
    .template-with-sidebar2 .template-sidebar { width: 45%; }  
    .prodotti-combo-result { padding-left: 0px; }    
}
@media (min-width:992px) and  (max-width:1200px) {
    .cart-element {
        width: 100%;
        background-color: #FFF;
        border-radius: 16px;
        margin-bottom: 40px;
    }
    .cart-box-bottom .sidebar-element {
        width: 100%;
    }    
}

@media (max-width:1024px) {
    .login-register-box-right {
        min-height: 200px;
        margin-left: 0;
    }    
    .login-register-grid {
        flex-direction: column;
    } 
    .login-register-box-left  {
        min-height: 200px;
        width: 100%;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .login-register-box-right {
        width: 100%;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }
    .login-register-box-right .nav-tabs li:nth-child(2) {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 30px;
    }
    .login-register-box-right {
        border-bottom-left-radius: 30px;
    }
    .login-register-box-right .tab-content { padding-left: 30px; }

    .home-content-body {
        margin-top: 50px;
    }    
    .home-list ul li {
        width: calc(50% - 10px);        
        margin-bottom: 20px;
    }    
    .prodotti-combo-result-prices {
        justify-content: end;
    }    
    .prodotti-combo-result-box .custom-element-button {
        padding-left: 20px;
    }
    .prodotti-combo-result-text {
        padding-left: 20px;
    }        
    .prodotti-combo-result-new-price {
        padding-left: 30px;
    }    
}
@media (max-width:992px) {
    section.template-content { padding-top: 75px; }    
    .hidden-desktop { display:initial; }
    .hidden-mobile { display:none !important; }    
    .max-width-1080 { margin-left: 0; margin-right: 0; }
    /*.main-article-content { margin-left: 0; margin-right: 0; }
    .home-content-body { margin-left: 0; margin-right: 0; }
    .breadcrumps { margin-left: 0; margin-right: 0; }*/
    .right-menu { display: none; } 
    .home-blog-elements { width: 100%; }    
    .custom-card-buttons { margin: 0 auto; max-width: 500px; }    
    .home-blog-title { width: 100%; max-width: 100%; }    
    .home-elements { flex-direction: column; }
    .home-button-elements { width: 100%; margin-top: 30px; } 
    .main-menu-top { top: 90px; }
    section.template-content { margin-left: 0px; }
    .main-menu-top { left: 0px; width: 100%; }
    .template-content-left, .template-with-sidebar2 .template-content-left { width: 100%; margin-right: 0%; }
    .template-sidebar { width: 100%; }
    /*.sidebar-could-know .sidebar-square-boxes .sidebar-box, .sidebar-events .sidebar-square-boxes .sidebar-box { width: 100%; height: 190px; }*/
    .template-with-sidebar3 .template-content-left { width: 100%; margin-right: 0; }
    .template-with-sidebar3 .template-sidebar { width: 100%; margin-top: 50px; }
    .main-menu-top.white-menu-top { top: 75px; }
    .sidebar-square-boxes .sidebar-box {
        width: calc(50% - 15px);
        height: 190px;
    }
    .template-with-sidebar2 .template-sidebar { width: 100%; } 
    .list-custom-article-3cards { flex-direction: column; }    
    .list-custom-article-card-left { width: 100%; border-right: 0; border-bottom: 1px solid #ccc; } 
    .list-custom-article-card-left .list-custom-article-card { margin-bottom: 30px; }
    .list-custom-article-card-right { width: 100%; padding: 0; }
    .list-custom-article-card-right .list-custom-article-card { margin-bottom: 30px; border-radius: 0px; flex-direction: column; box-shadow: none; }
    .list-custom-article-card-right .list-custom-article-image { border-radius: 0; height: 190px;}
    .list-custom-article-card-right .list-custom-article-content { padding-top: 15px; padding-bottom: 15px; }    
    .list-custom-article-card-right .list-custom-article-box a {
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: space-between;
    }
    .list-custom-article-card-right .list-custom-article-button { display:block; margin-top: 0; }
    .list-custom-article-card-left h3.list-custom-article-title, .list-custom-article-card-right h3.list-custom-article-title {  }    
    .list-custom-article-card-left .list-custom-article-box a {
        flex-direction: column;
        align-items: start;
    }
    .list-custom-article-card-left h3.list-custom-article-title, .list-custom-article-card-right h3.list-custom-article-title { margin-bottom: 20px;}
    .jobs-content .list-custom-article-3cards .list-custom-article-card-left .list-custom-article-content .custom-card-footer-author {
        display: block;
    }    
    .jobs-content .list-custom-article-3cards .list-custom-article-card-left .custom-article-image-block .custom-card-footer-author {
        display: none;
    }
    .jobs-content .list-custom-article-button { width: 100%; }    
    .profilo-content-body .template-content-left { padding-top: 30px; }
    .sidebar-button button { font-size: 12px; }
    .sidebar-button button img { width: 6px; margin-right: 0px; }
    .shop-categories .shop-category-button {
        width: calc(33.3% - 15px);
    }    
    .list-custom-article-5cards .list-custom-article-card-left { width: 100%; }
    .list-custom-article-5cards { flex-direction: column; }
    .list-custom-article-5cards .list-custom-article-card-right { padding: 30px; width: 100%; padding-left: 0; padding-bottom: 0; }
    .prodotti-combo-result-box .custom-element-button {
        padding-left: 60px;
    }
    .prodotti-combo-result-text {
        padding-left: 60px;
    }        
    .prodotti-combo-result-old-price, .prodotti-combo-result-new-price {
        padding-left: 10px;
    }     
    .prodotti-combo-result-prices {
        justify-content: space-between;
        margin-bottom: 20px;
    }    
    .video-courses-element {
        width: calc(33.3% - 20px);
    }
    .video-corsi-details-content-body .template-content-left {
        width: 100%;
    }
    .video-corsi-details-content-body .template-with-sidebar {
        padding-top: 0;
    }    
}
@media (max-width:767px) {
    /*.template-content-left, .template-with-sidebar2 .template-content-left {
        width: 100%;
        margin-right: 0;
    }*/
    .template-sidebar, .template-with-sidebar2 .template-sidebar {
        margin-top: 50px;
        width: 100%;
    }
    .sidebar-square-boxes .sidebar-box {
        height: 150px;
    }
    .list-custom-article-card {
        flex-direction: column;
        border-top-right-radius: 16px;
    }    
    .list-custom-article-image {
        border-top-right-radius: 16px;
        border-bottom-left-radius: 0px;
        width: 100%;
        height: 150px;
    }    
    .list-custom-article-content {
        width: 100%;
    }    
    .jobs-content .list-custom-article-card {
        border-top-right-radius: 0px;
    }
    .jobs-article-content .custom-card-footer .application-button {
        margin-top: 10px;
        padding-left: 30px;
    }
    .custom-user-element {
        width:calc(50% - 15px);
    }    
    .shop-categories .shop-category-button {
        width: calc(50% - 15px);
    }       
    .corsi-video {
        height: 380px;
    }
    .corsi-tabs-box {
        height: auto;
    }
    .corsi-tabs ul.nav-tabs {
        flex-direction: column;
    }
    .corsi-tabs ul li {
        width: 100%;
    } 
    .corsi-tabs ul li button {
        height: 45px;
        border-right: 0 !important;
        border-bottom: 1px solid #CCC !important;
        padding-bottom: 15px;
    }
    .corsi-tabs ul li:last-child button {
        border-bottom: 0 !important;
    }


    .prodotti-tabs-box {
        height: auto;
    }
    .prodotti-tabs ul.nav-tabs {
        flex-direction: column;
    }
    .prodotti-tabs ul li {
        width: 100%;
    } 
    .prodotti-tabs ul li button {
        height: 45px;
        border-right: 0 !important;
        border-bottom: 1px solid #CCC !important;
        padding-bottom: 15px;
    }
    .prodotti-tabs ul li:first-child button {
        border-top-right-radius: 16px !important;
    }      
    .prodotti-tabs ul li:last-child button {
        border-bottom: 0 !important;
        border-top-right-radius: 0 !important;
    }    
    .prodotti-combo-body {
        flex-direction: column;
    }
    .prodotti-combo-sum {
        width: 335px;
        margin-left: auto;
        margin-right: auto; margin-bottom: 30px;
    }    
    .prodotti-combo-result {
        width: 335px;
        margin-left: auto;
        margin-right: auto;
    }
    .prodotti-combo-result-text {
        margin-bottom: 20px;
    }
    .video-courses-element {
        width: calc(50% - 15px);
    }     
    .custom-element.custom-element-my-courses { margin-bottom: 0; }
    .badge-element {
        width: calc(50% - 20px);
    }    
    .cart-box-body {
        padding-left: 0;
        padding-right: 0;
    }    
    .cart-box-bottom .sidebar-element {
        width: 100%;
    }
    .video-corsi-details-content-body .corsi-tabs ul li {
        width: 100%;
    }    
}
@media (max-width:650px) {
    .home-list ul li {
        width: 100%;        
        margin-bottom: 20px;
    }
    .tutorial-list ul li {
        width: 100%;
        margin-bottom: 60px;
    }
}
@media (max-width:576px) {
    .custom-element .slick-list, .profile-element .slick-list {
        margin: 0;
    }   
    .custom-element-body-container {
        margin-left: -15px;
        width: calc(100% + 15px);
    }
    .cart-form {
        padding-left: 0px;
        padding-right: 0px;
    }
    .cart-payment-buttons button { width:100%;}    
    .cart-payment-buttons { flex-direction: column; }
}
@media (max-width:478px) {
    .custom-card-buttons ul {
        padding-left: 0px;
        padding-right: 0px;
    }    
    .custom-card-buttons {
        width: calc(100% - 50px);
    } 
    ul.home-buttons li {
        width: 100%;
    }
    .line-top {
        left: calc(50% - 5px);
    }
    .line-bottom {
        left: calc(50% - 5px);
    }
    /*.custom-card-footer-elements {
        flex-direction: column;
        align-items: center;
        height: 80px;
        justify-content: space-between;  
        flex-wrap: nowrap;  
    }
    .custom-card-footer-typology span, .custom-card-footer-author { margin-left: 0; margin-right: 0; }*/
    .custom-post-card-big .custom-card-footer { padding-top: 15px; padding-bottom: 30px; }    
    .custom-card-comment form {
        flex-direction: column;
        justify-content: start;
        align-items: center;
        position: relative;
    }    
    .custom-card-comment-big.custom-card-comment form {
        height: auto;
    }
    .custom-card-user-box {
        margin-bottom: 10px;
    }
    .custom-card-comment .custom-card-comment-input {
        width: 100%;
    }
    .custom-card-comment-input textarea {
        height: 100px;
        border-top-right-radius: 12px;
        border-bottom-left-radius: 0;
    }
    .custom-card-comment-big .custom-card-comment-submit {
        border-top-right-radius: 0;
        border-bottom-left-radius: 12px;
        width: 100%; justify-content: center;
    }
    .custom-card-user {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .custom-card-comment-submit button {
        width: 100%;
    }    
    .custom-card-footer .custom-card-comment-submit {
        margin-top: 10px;
        position: absolute;
        right: -6px;
        top: 38px;
    }
    .custom-card-footer .custom-card-comment .custom-card-comment-input {
        margin-left: -50px;
        width: calc(100% - 50px);
    }
    .custom-card-comment-input input {
        height: 38px;
        font-size: 12px;        
    }
    .list-custom-article-card-left .list-custom-article-box a, .list-custom-article-card-right .list-custom-article-box a {
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: start;
    }
    .list-custom-article-card-left h3.list-custom-article-title, .list-custom-article-card-right h3.list-custom-article-title {
        padding-right: 0px;
    }
    .list-custom-article-card-left h3.list-custom-article-title {
        font-size: 22px;
    }   
    .custom-user-element {
        width:100%;
    }
    .main-profile .custom-user-element-image {
        width: 100px;
        height: 100px;
    }
    .main-profile {
        margin-top: -90px;
    }        
    .profile-element-body {
        padding-left: 20%;
        padding-right: 20%;
    }    
    .messages-element-body {
        padding-left: 30px;
        padding-right: 30px;
    }
    .messages-element-form-input {
        width: calc(100% - 50px);
    }    
    .corsi-video {
        height: 330px;
    }
    .prodotti-combo-sum {
        width: 100%;
        margin-left: 0;
        margin-right: 0; margin-bottom: 30px;
    }    
    .prodotti-combo-result {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }     
    .prodotti-combo-sum a { margin-bottom: 30px; }
    .badge-object {
        margin: 10px;
        margin: 0 auto;
        max-width: 160px;
        margin-top: 10px;
    }    
    .cart-box {
        padding: 20px;
    }
    .cart-element {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 40px;
        max-width: 240px;
    }    
    .cart-element-slider .cart-element {
        max-width: 100%;
    }   
}
@media (max-width:440px) {
    .list-custom-article-5cards .list-custom-article-card-right {
        padding-left: 30px; 
    }
    .list-custom-article-5cards .list-custom-article-card-right a {
        margin-left: 0px;
        width: 100%;
    }    
    .video-courses-element {
        width: 100%;
    }     
    .badge-element {
        width:100%;
    }    
}
@media (max-width:360px) {
    .custom-card-buttons ul {
        flex-direction: column;
        align-items: center;
    }
    .sidebar-square-boxes .sidebar-box { width: 100%; }  
    .shop-categories-container { margin-left: 0;}
    .shop-categories .shop-category-button { width:100%; margin-left: 0; }         
}
.main-article-content { position: relative; z-index: 1; }
.custom-overlay { position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); top: 0; left: 0; z-index: 0; }
.background-image { background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; overflow: hidden; }
.cart-element { width: 100%; }
section.template-content { padding-top: 0px; }
.woocommerce .cart-form input, .woocommerce .cart-form textarea {
    border: 1px solid #f2f2f2 !important;
    border-radius: 8px !important;
}
#billing_state_field {
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2 !important;
}
.woocommerce .select2-container--default .select2-selection--single {
    background-color: transparent !important;
    border: 1px solid #f2f2f2 !important;
    border-radius: 8px !important;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-size: 13px;
}
.woocommerce .cart-form input.error, .woocommerce .cart-form textarea.error {
    border: 1px solid #F00 !important;
}
.woocommerce #select2-billing_state-container { color: #000; font-weight: 600; font-size: 13px; }
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background-color: #FFF !important }
.woocommerce-privacy-policy-text { font-size: 12px; }
#place_order { 
    color: #FFF;
    font-size: 16px;
    text-decoration: none;
    background-color: #f8b900;
    background-image: linear-gradient(90deg, #f8b900,#f38f20);
    padding-top: 14px;
    padding-bottom: 14px;
}
.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
    max-width: 960px;
    margin: 0 auto;
}
.login-register-bottom .width-100 { width: 100% !important } 
.login-register-bottom button { border-radius: 8px; border: 0; color: #FFF; }
.login-register-box-right .tab-content .form-check { padding-top: 5px; }
input#privacy { position: relative; top: -6px; }    
.login-register-box-left {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.form-error {
    padding: 5px;
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 10px;
    font-weight: 500;
    color: #F00;
    font-size: 13px;
    border-radius: 8px;
    border: 1px solid #d5d5d5;
}
.form-flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;    
}
.form-flex .form-floating { width: calc(50% - 10px);}
.step-2-errors {
    color: #F00;
    font-size: 14px;
    margin-bottom: 15px;
}
.forgot-password {
 width: 100%;
 margin-bottom: 12px;
 text-align: right;
}
.forgot-password button {
    color: #000;  font-size: 13px;
}
.forgot-password button:hover, .forgot-password button:focus { background-color: #FFF; opacity: 0.9; color: #000; }
@media (max-width:600px) {
    .form-flex {
        display: flex;
        flex-direction: column;
        justify-content: start;    
    }    
    .form-flex .form-floating { width: 100%;}
    .template-sidebar, .template-with-sidebar2 .template-sidebar {
        margin-top: 0px;
    }    
}