/*
  Theme Name: Movfix - Online Movies & TV Shows Template.
  Author Name: ThemeBeyond.
  Support: ctoofbb@gmail.com.
  Description: Movfix - Online Movies & TV Shows Template.
  Version: 1.0
*/

/* CSS Index
-----------------------------------

1. Theme default css
2. Header
3. Search modal
4. Mobile-menu
5. Breadcrumb
6. Banner
7. Up-coming
8. Services
9. Top-movies
10. Gallery
11. Pagination
12. Live-show
13. Movie-details
14. Pricing
15. Tv-series
16. Blog
17. Newsletter
18. Contact
19. Footer
20. Preloader

*/



/* 1. Theme default css */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800&display=swap');
 body {
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 14px;
	color: #777;
}
.img {
	max-width: 100%;
	transition: all 0.3s ease-out 0s;
}
.f-left {
	float: left
}
.f-right {
	float: right
}
.fix {
	overflow: hidden
}
a,
.button {
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
a:focus,
.btn:focus,
.button:focus {
	text-decoration: none;
	outline: none;
	box-shadow: none;
}

a:hover,
.portfolio-cat a:hover,
.footer -menu li a:hover {
	/*color: #206971;*/
	color: #035dc7;
	text-decoration: none;
}
.header-action li:has(a:hover) i {
	color: #035dc7;
}
a, button {
	/*color: #1696e7;*/
	color: #04217c;
	outline: medium none;
}
a.btn_access_from_reg,
.register_checkbox > div > p > a { color: #035dc7; }
a.btn_access_from_reg:hover,
.register_checkbox > div > p > a:hover { color: #04217c; }
.title a:hover {
	color: #035dc7 !important;
}
button:focus,input:focus,input:focus,textarea,textarea:focus{outline: 0}
.uppercase {
	text-transform: uppercase;
}
.capitalize {
	text-transform: capitalize;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Poppins', sans-serif;
	color: #212121;
	margin-top: 0px;
	font-style: normal;
	font-weight: 700;
	text-transform: normal;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit;
}
h1 {
	font-size: 40px;
	font-weight: 500;
}
h2 {
	font-size: 35px;
}
h3 {
	font-size: 28px;
}
h4 {
	font-size: 22px;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 16px;
}
ul {
	margin: 0px;
	padding: 0px;
}
li {
	list-style: none
}
p {
	font-size: 14px;
	font-weight: 500;
	/*line-height: 26px;*/
	line-height: 22px;
	color: #212121;
	margin-bottom: 15px;
}
hr {
	border-bottom: 1px solid #eceff8;
	border-top: 0 none;
	margin: 30px 0;
	padding: 0;
}
label {
	color: #7e7e7e;
	cursor: pointer;
	font-size: 14px;
	font-weight: 400;
}
*::-moz-selection {
	background: #d6b161;
	color: #fff;
	text-shadow: none;
}
::-moz-selection {
	background: #444;
	color: #fff;
	text-shadow: none;
}
::selection {
	background: #444;
	color: #fff;
	text-shadow: none;
}
*::-moz-placeholder {
	color: #555555;
	font-size: 14px;
	opacity: 1;
}
*::placeholder {
	color: #555555;
	font-size: 14px;
	opacity: 1;
}
.theme-overlay {
	position: relative
}
.theme-overlay::before {
	background: #1696e7 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.6;
	position: absolute;
	top: 0;
	width: 100%;
}
.separator {
	border-top: 1px solid #f2f2f2
}

/* All-color */
.navbar-wrap > ul > li.active > a,
.navbar-wrap > ul > li:hover > a,
.mobile-menu .navigation li.active > a,
.header-lang form .icon,
.banner-content .sub-title,
.banner-content .title > span,
.banner-meta ul li.release-time > span > i,
.banner-meta ul li.category > a:hover,
.section-title .sub-title,
.movie-content .top .date,
.movie-content .bottom ul li .quality,
.movie-content .bottom ul li > span i,
.movie-content .top .title a:hover,
.ucm-active .owl-nav button:hover,
.ucm-active-two .owl-nav button:hover,
.tr-movie-menu-active button.active,
.footer-menu nav .navigation li:hover > a,
.quick-link-list ul li a:hover,
.footer-social ul li a:hover,
.copyright-text > p > a,
.mobile-menu .social-links li a:hover,
.header-top-link .quick-link li a:hover,
.header-top-link .header-social li a:hover,
.header-top-subs > p > span,
.movie-item-two .movie-content .title a:hover,
.movie-content-bottom ul li.tag a:hover,
.breadcrumb-content .breadcrumb li a,
.breadcrumb-content .title > span {
	/*color: #206971;*/
	color: #04217c;
}
.navbar-wrap > ul > li.active > a,
.navbar-wrap > ul > li:hover > a,
.mobile-menu .navigation li.active > a,
.banner-meta ul li.category > a:hover,
.movie-content .top .title a:hover,
.ucm-active .owl-nav button:hover,
.ucm-active-two .owl-nav button:hover,
.tr-movie-menu-active button.active,
.footer-menu nav .navigation li:hover > a,
.quick-link-list ul li a:hover,
.footer-social ul li a:hover,
.mobile-menu .social-links li a:hover,
.header-top-link .quick-link li a:hover,
.header-top-link .header-social li a:hover,
.movie-item-two .movie-content .title a:hover,
.movie-content-bottom ul li.tag a:hover {
	color: #035dc7;
}
.scroll-top,
.btn:hover,
.navbar-wrap > ul > li .submenu li a::before,
.title-style-two .sub-title::before,
.services-list ul li .icon::before,
.tr-movie-menu-active button::before,
.tr-movie-menu-active button::after {
	/*background: #04217c;*/
	background: #035dc7;
}
button.see_more::before,
button.see_more::after {
	background: none;
}

/* button style */
.btn {
    user-select: none;
    -moz-user-select: none;
    background: #04217c none repeat scroll 0 0;
    border: 2px solid #04217c;
    border-radius: 50px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.5;
    margin-bottom: 0;
    padding: 16px 34px;
    text-align: center;
    text-transform: uppercase;
    touch-action: manipulation;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    white-space: nowrap;
    max-width: 200px;
}
.overlay_hover:has(.home_capsule_hover) {
	align-content: center;
}
.home_capsule_hover .btn {
	padding: 10px 34px;
}
.btn > i {
    margin-right: 7px;
}
.header-action .header-btn .btn:hover,
.btn:hover {
	color: #fff;
    background: #206971 none repeat scroll 0 0;
    border: 2px solid #206971;
}
.breadcrumb > .active {
	color: #888;
}
.slick-slide:focus {
	outline: none;
}

/* scrollUp */
.scroll-top {
	width: 50px;
	height: 50px;
	line-height: 50px;
	position: fixed;
	bottom: 105%;
	right: 50px;
	font-size: 16px;
	border-radius: 50%;
	z-index: 99;
	/*color: #171d22;*/
	color: #fff;
	text-align: center;
	cursor: pointer;
	transition: 1s ease;
	border: none;
    opacity: 0;
}
.scroll-top.open {
	bottom: 30px;
    opacity: 1;
}
.scroll-top::after {
	position: absolute;
	z-index: -1;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 1;
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}
.scroll-top:hover {
	/*background: #035dc7;*/
	background: #04217c;
    color: #fff;
}


/* 2. Header */
.custom-container {
	max-width: 1420px;
}
.transparent-header {
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    z-index: 9;
    height: auto;
    padding: 0;
	background: #fff;
}
.menu-nav {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: flex-start;
}
@media only screen and (max-width: 1277px) and (min-width: 992px) {
	.menu-nav {
		justify-content: flex-end;
	}
	.header-action {
		margin: -10px 0 10px 0;
	}
}
.navbar-wrap {
	display: flex;
	flex-grow: 1;
}
.navbar-wrap > ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
}
.navbar-wrap > ul > li {
	display: block;
	position: relative;
}
.navbar-wrap > ul > li > a {
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    color: #3d3d3d;
    padding: 38px 15px;
    display: block;
    line-height: 1;
    position: relative;
    z-index: 1;
}
@media only screen and (min-width: 1501px) {
	.navbar-wrap > ul > li > a {
		/*padding: 36px 12px;*/
		padding: 36px 8px;
	}
}
.main-menu .navigation li.menu-item-has-children .dropdown-btn {
	display: none;
}
.header-action > ul {
	display: flex;
	align-items: center;
	margin-left: 10px;
}
.header-action > ul > li {
	position: relative;
	/*margin-left: 30px;*/
	margin-left: 25px;
}
.header-action > ul > li:first-child {
	margin-left: 0;
}
.header-action > ul > li.header-search > a {
	padding-right: 10px;
}
.header-action > ul > li > a {
	color: #3d3d3d;
	font-size: 14px;
}
.navbar-wrap > ul > li .submenu {
    position: absolute;
    z-index: 9;
    border-radius: 0;
    border: none;
    -webkit-box-shadow: 0px 13px 25px -12px rgb(0 0 0 / 25%);
    -moz-box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
    box-shadow: 0px 13px 25px -12px rgb(0 0 0 / 25%);
    display: block;
    left: 0;
    opacity: 0;
    padding: 18px 0;
    right: 0;
    top: 100%;
    visibility: hidden;
    min-width: 230px;
    border: 1px solid #eee;
    background: #fff;
    box-shadow: 0px 30px 70px 0px rgb(26 36 45 / 59%);
    margin: 0;
    transform: scale(1 , 0);
    transform-origin: 0 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.navbar-wrap > ul > li .submenu li {
	margin-left: 0;
	text-align: left;
	display: block;
}
.navbar-wrap > ul > li .submenu li a {
    padding: 10px 20px 10px 25px;
    display: block;
    font-weight: 500;
    color: #3d3d3d;
    text-transform: capitalize;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.navbar-wrap > ul > li .submenu li a.active {
    color: #04217c;
}
.navbar-wrap > ul > li .submenu li a::before {
    content: "";
    position: absolute;
    left: 20px;
    width: 0;
    height: 2px;
    top: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.navbar-wrap > ul > li .submenu li:hover > a {
	padding-left: 45px;
}
.navbar-wrap > ul > li .submenu li:hover > a::before {
	width: 15px;
}
.navbar-wrap ul li:hover > .submenu {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}
.header-lang form {
    display: flex;
    align-items: center;
}
.header-lang form .icon {
    font-size: 18px;
    margin-right: 6px;
}
.header-lang form select {
    background: transparent;
    border: none;
    color: #3d3d3d;
    text-transform: uppercase;
    font-weight: 700;
    outline: none;
}
.header-lang form select option {
	color: #1a1a1e;
}
.header-action ul li.header-lang {
    padding-left: 15px;
    margin-left: 15px;
}
.header-action ul li.header-lang::before {
    content: "|";
    position: absolute;
    left: -1px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    opacity: .12;
}
.header-action .header-btn .btn {
    color: #fff;
    font-size: 14px;
    /*padding: 10px 34px;*/
    padding: 5px 14px;
}
.sticky-menu {
	left: 0;
	padding: 0 0;
	margin: auto;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99;
	background: #fff;
	-webkit-animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
	animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
	-webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
	box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
	border-radius: 0;
}
.header-top-wrap {
    background: #12151e;
}
.header-top-subs > p {
    margin-bottom: 0;
    font-size: 12px;
    color: #c3c3c3;
}
.header-top-link,
.header-top-link .quick-link,
.header-top-link .header-social {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.header-top-link {
    justify-content: flex-end;
}
.header-top-link .quick-link li {
    position: relative;
}
.header-top-link .quick-link li + li {
    padding-left: 13px;
    margin-left: 11px;
}
.header-top-link .quick-link li + li::before {
    content: "|";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #616161;
    font-size: 12px;
}
.header-top-link .quick-link li a {
    font-size: 12px;
    font-weight: 500;
    color: #c3c3c3;
    display: block;
}
.header-top-link .header-social {
    margin-left: 10px;
}
.header-top-link .header-social li {
    flex: 0 0 32px;
    width: 32px;
}
.header-top-link .header-social li a {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 11px;
    color: #c3c3c3;
    position: relative;
}
.header-top-link .header-social li a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #e4d804;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    opacity: 0;
}
.header-top-link .header-social li a:hover {
    background: #20212b;
}
.header-top-link .header-social li a:hover::before {
    opacity: 1;
}
.header-style-two {
    position: relative;
}
.header-style-two .menu-area {
    background: #252631;
    padding: 8px 0;
}
.header-style-two .navbar-wrap > ul {
    margin-right: 0;
}
.header-style-two::after {
    content: "";
    position: absolute;
    background-image: url(../img/bg/header_bottom_shape.png);
    left: 0;
    right: 0;
    bottom: -20px;
    max-width: 1499px;
    height: 28px;
    background-repeat: no-repeat;
    margin: 0 auto;
}
.header-style-two .menu-area.sticky-menu {
    padding: 0 0;
}
.header-style-two .navbar-wrap > ul > li .submenu {
    border: 1px solid #323344;
    background: #252631;
}
.header-style-two .header-action .footer-search form {
    margin-left: 0;
}
.header-style-two .header-action ul li.header-lang::before {
    display: none;
}
.header-style-two .header-action ul li.header-lang {
    padding-left: 0;
    margin-left: 30px;
}

/* 3. Search modal */
#search-modal {
	background-color: rgba(23,26,33,.95);
}
#search-modal .modal-dialog {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	border: none;
	outline: 0;
	margin: 0;
	/*min-width: 700px;*/
	width: 100%;
}
#search-modal .modal-dialog .modal-content {
	background: 0 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: none;
}
#search-modal .modal-dialog .modal-content form {
	width: 100%;
	position: relative;
}
#search-modal .modal-dialog .modal-content form input {
    width: 100%;
    /*font-size: 36px;*/
    font-size: 26px;
    border: none;
    border-bottom: 3px solid rgba(255,255,255,.1);
    background: 0 0;
    color: #fff;
    padding: 0 85px 12px 40px;
}
#search-modal .modal-dialog .modal-content form input::-moz-placeholder {
	/*font-size: 35px;*/
	font-size: 25px;
}
#search-modal .modal-dialog .modal-content form input::placeholder {
	/*font-size: 35px;*/
	font-size: 25px;
}
#search-modal .modal-dialog .modal-content form button {
    position: absolute;
    right: 40px;
    margin-bottom: 0;
    font-size: 30px;
    background: 0 0;
    border: none;
    cursor: pointer;
	color: #04217c;
    top: 8px;
}
.modal-backdrop {
	z-index: 1;
}
.modal-open .header-top {
	z-index: 2;
}

/* 4. Mobile-menu */
.nav-outer .mobile-nav-toggler {
	position: relative;
	float: right;
	font-size: 40px;
	line-height: 50px;
	cursor: pointer;
	display: none;
	color: #fff;
	margin-right: 30px;
	top: 15px;
}
.nav-logo img {
	width: 150px;
}
.mobile-menu {
	position: fixed;
	right: 0;
	top: 0;
	width: 300px;
	padding-right: 30px;
	max-width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	z-index: 99;
	border-radius: 0px;
	transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-webkit-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
}
.mobile-menu .navbar-collapse {
	display: block !important;
}
.mobile-menu .nav-logo {
	position: relative;
	padding: 30px 25px;
	text-align: left;
}
.mobile-menu-visible {
	overflow: hidden;
}
.mobile-menu-visible .mobile-menu {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}
.mobile-menu .navigation li.current>a:before {
	height: 100%;
}
.menu-backdrop {
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-webkit-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	opacity: 0;
	visibility: hidden;
	background: #171d22;
}
.mobile-menu-visible .menu-backdrop {
	opacity: 0.80;
	visibility: visible;
}
.mobile-menu .menu-box {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	background: #fff;
	padding: 0px 0px;
	z-index: 5;
	box-shadow: -9px 0 14px 0px rgb(0 0 0 / 6%);
}
.mobile-menu-visible .mobile-menu .menu-box {
	opacity: 1;
	visibility: visible;
}
.mobile-menu .close-btn {
    position: absolute;
    /*right: 25px;*/
    right: 5px;
    /*top: 32px;*/
    top: 28px;
    line-height: 30px;
    width: 35px;
    text-align: center;
    font-size: 20px;
    color: #04217c;
    cursor: pointer;
    z-index: 10;
    -webkit-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease;
}
.mobile-menu-visible .mobile-menu .close-btn {
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}
.mobile-menu .navigation {
	position: relative;
	display: block;
	width: 100%;
	float: none;
}
.mobile-menu .navigation li {
    position: relative;
    display: block;
    border-top: 1px solid rgb(255 255 255 / 10%);
}
.mobile-menu .navigation > li:last-child {
	border-bottom: 1px solid rgb(255 255 255 / 10%);
	margin-bottom: 100px;
}
.mobile-menu .navigation li > ul > li:first-child {
	border-top: 1px solid rgb(255 255 255 / 10%);
}
.mobile-menu .navigation li > a {
    position: relative;
    display: block;
    line-height: 24px;
    padding: 10px 25px;
    font-size: 15px;
    font-weight: 500;
    color: #3d3d3d;
    text-transform: capitalize;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    border: none;
}
.mobile-menu .navigation li ul li > a {
	font-size: 15px;
	margin-left: 20px;
	text-transform: capitalize;
}
.mobile-menu .navigation li ul li ul li a {
    margin-left: 40px;
}
.mobile-menu .navigation li ul li ul li ul li a {
    margin-left: 60px;
}
.mobile-menu .navigation li > a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.mobile-menu .navigation li.menu-item-has-children .dropdown-btn {
    position: absolute;
    right: 6px;
    top: 6px;
    width: 32px;
    height: 32px;
    text-align: center;
    font-size: 16px;
    line-height: 32px;
    color: #ffffff;
    background: #2f373e;
    cursor: pointer;
    border-radius: 2px;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 5;
}
.mobile-menu .navigation li.menu-item-has-children .dropdown-btn.open {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul {
	display: none;
}
.mobile-menu .social-links {
	position: relative;
	text-align: center;
	padding: 30px 25px;
}
.mobile-menu .social-links li {
	position: relative;
	display: inline-block;
	margin: 0px 10px 10px;
}
.mobile-menu .social-links li a {
	position: relative;
	line-height: 32px;
	font-size: 16px;
	color: #fff;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.menu-area {
	/*box-shadow: 0px 10px 37px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 10px 37px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 10px 37px 0px rgba(0,0,0,0.5);*/
	box-shadow: 0px 5px 37px 0px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 5px 37px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 5px 37px 0px rgba(0,0,0,0.4);
}
.menu-area .mobile-nav-toggler {
    position: relative;
    float: right;
    font-size: 30px;
    cursor: pointer;
    line-height: 1;
    color: #04217c;
    display: none;
    margin-top: 7px;
}

/* 5. Breadcrumb */
.breadcrumb-bg {
    padding: 270px 0 240px;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 1;
}
.breadcrumb-bg::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #04081a;
    background: -webkit-linear-gradient(to right, #04081a, transparent);
    background: linear-gradient(to right, #04081a, transparent);
    opacity: .66;
}
.breadcrumb-bg::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 146px;
    background: #000000;
    background: -webkit-linear-gradient(to bottom, #000000, transparent);
    background: linear-gradient(to bottom, #000000, transparent);
    opacity: .66;
}
.breadcrumb-content {
    text-align: center;
}
.breadcrumb-content .title {
    font-size: 60px;
    line-height: 1.3;
    margin-bottom: 8px;
}
.breadcrumb-content .breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
    justify-content: center;
}
.breadcrumb-content .breadcrumb li {
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
}
.breadcrumb-content .breadcrumb li + li {
    padding-left: 14px;
}
.breadcrumb-content .breadcrumb li + li::before {
    content: "|";
    color: #fff;
    padding-right: 14px;
}

/* 6. Banner */
.banner-bg {
    padding: 90px 0 0 0;
    background-position: center;
    background-size: cover;
	/*margin-bottom: -45px;*/
}
.banner-content .sub-title {
	font-size: 26px;
	margin-bottom: 10px;
}
.banner-content .title {
    font-size: 60px;
    line-height: 1.2;
    margin-bottom: 29px;
}
.banner-meta {
    margin-top: 5px;
}
.banner-meta ul {
    display: flex;
    flex-wrap: wrap;
}
.banner-meta ul li {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
	margin-right: 18px;
}
.banner-meta ul li:last-child {
	margin-right: 0;
}
.banner-meta ul li.quality > span {
    font-size: 11px;
    text-transform: uppercase;
    color: #21232b;
    background: #fff;
    font-weight: 700;
    padding: 7px 11px;
    line-height: 1;
}
.banner-meta ul li.quality > span:last-child {
    background: transparent;
    color: #fff;
    margin-left: 9px;
    border: 2px solid #fff;
    padding: 5px 10px;
}
.banner-meta ul li.category > a {
    font-size: 14px;
    font-weight: 500;
    color: #e3dfdf;
}
.banner-meta ul li.category > a + a {
    margin-left: 5px;
}
.banner-meta ul li.release-time > span {
    font-size: 14px;
    font-weight: 500;
    color: #e3dfdf;
}
.banner-meta ul li.release-time > span + span {
	margin-left: 15px;
}
.banner-meta ul li.release-time > span > i {
	font-size: 12px;
	margin-right: 5px;
}
.slider-bg {
    background-position: top center;
    background-size: cover;
    padding: 135px 0 120px;
}
.slider-img > img {
    display: inline-block;
    border-radius: 8px;
    box-shadow: 0px 1px 13px 0px rgba(25, 25, 25, 0.004);
    max-width: 100%;
    margin-right: -15px;
}

/* 7. Up-coming */
.ucm-bg {
    /*padding: 120px 0 70px;*/
    padding: 0;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 1;
	background: #fff;
}
.ucm-bg::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: .95;
}
.ucm-bg-shape {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.section-title .sub-title {
    display: block;
    line-height: 1;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    position: relative;
    margin-bottom: 12px;
	letter-spacing: 1px;
}
.section-title .title {
    margin-bottom: 0;
    font-size: 36px;
}
@media only screen and (max-width: 767px) {
.section-title .title {
    margin-bottom: 0;
    font-size: 22px !important;
}
}
.ucm-nav-wrap .nav-tabs {
	border: none;
}
.ucm-nav-wrap .nav-tabs .nav-link,
.movie-bg .tr-movie-menu-active button,
.movie-filter-form select {
    border-radius: 50px;
    background: #20212b;
    /*font-size: 12px;*/
    font-size: 18px;
    font-weight: 600;
    color: #1b1b1b;
    border: 2px solid #2d303d;
    /*padding: 11px 27px;*/
    padding: 11px 27px 5px 27px;
	margin-bottom: 0;
	transition: none !important;
}
.ucm-nav-wrap .nav-tabs li {
    margin-right: 12px;
	margin-top: 12px;
}
.ucm-nav-wrap .nav-tabs li:last-child {
	margin-right: 0;
}
.ucm-nav-wrap .nav-tabs .nav-link.active,
.movie-bg .tr-movie-menu-active button.active {
	color: #fff;
	border-color: #04217c;
}
.ucm-nav-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    margin-right: 102px;
	margin-right: auto;
}
.movie-bg .tr-movie-menu-active {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-bottom: 0;
}
.movie-bg .tr-movie-menu-active button {
    box-shadow: none;
    margin: 10px 5px 0;
    text-transform: capitalize;
}
.movie-bg .tr-movie-menu-active button::before,
.movie-bg .tr-movie-menu-active button::after {
    display: none;
}
.movie-bg .tr-movie-menu-active button.active {
    text-shadow: none;
}
.movie-page-meta {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}
.movie-filter-form {
    margin: 10px 0 0px 5px;
}
.movie-filter-form select {
    padding: 11px 35px 11px 25px;
    outline: none;
    min-height: 44px;
    box-shadow: none;
    background: #20212b url(../img/images/nw_selarw.png) no-repeat scroll 97.5% center;
}
.custom-select:focus {
    border-color: #2d303d;
    box-shadow: none;
}
.movie-poster img {
    width: 100%;
    max-width: 100%;
    border-radius: 5px;
}
.movie-poster {
    /*margin-bottom: 23px;*/
    margin-bottom: 5px;
    position: relative;
	aspect-ratio: 1/1.5;
}
.errcode_area .movie-poster { aspect-ratio: unset; }
.user_course_area .movie-poster { aspect-ratio: unset; }
.user_digital_events_area .movie-poster { aspect-ratio: unset; }
.icon_bt_play {
	max-width: 15%;
	position: absolute;
    top: -70%;
    left: 42.5%;
	opacity: 0.7;
}
@media only screen and (max-width: 767px) {
	.icon_bt_play {
		max-width: 15%;
		position: absolute;
		top: 0;
		left: 42.5%;
		opacity: 0.7;
	}
}
.capsules-list-area.movie-bg .tr-movie-active .movie-item,
#capsules .capsules-active .owl-stage-outer .movie-item {
	background: #f7f7f7;
	padding: 0 0 5px 0;
	border-radius: 10px;
}
.capsules-list-area.movie-bg .tr-movie-active .movie-item .title,
#capsules .capsules-active .owl-stage-outer .movie-item .title {
	min-width: calc(100% + 10px) !important;
	padding: 0 10px 10px 10px !important;
}
.capsules-list-area.movie-bg .tr-movie-active .movie-item .movie-content {
    padding: 0 10px;
}
.movie-content .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
}
.movie-content .top .title {
    /*font-size: 20px;*/
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
    flex-grow: 1;
}
.movie-content .top .date {
    font-size: 14px;
    font-weight: 500;
    margin-left: 50px;
}
.movie-content .bottom ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.movie-content .bottom ul li .quality {
    border: 2px solid #fff;
    padding: 5px 10px;
    line-height: 1;
    font-weight: 700;
	font-size: 11px;
    text-transform: uppercase;
}
.movie-content .bottom ul li {
	display: flex;
	align-items: center;
}
.movie-content .bottom ul li .rating {
	margin-left: 15px;
}
.movie-content .bottom ul li > span {
	/*color: #bcbcbc;*/
	/*color: #fff;*/
	color: #212121;
	font-size: 12px;
}
.movie-content .bottom ul li > span i {
	margin-right: 5px;
}
.movie-content {
    padding-right: 10px;
}
.ucm-active .owl-nav,
.ucm-active-two .owl-nav {
    position: absolute;
    top: -99px;
    right: 0;
    background: #20212b;
    border: 2px solid #2d303d;
    color: #e3dfdf;
    padding: 9.5px 19px;
    border-radius: 50px;
}
.ucm-active.owl-carousel .owl-nav button.owl-prev,
.ucm-active-two.owl-carousel .owl-nav button.owl-prev {
    padding-right: 17px;
    margin-right: 13px;
	position: relative;
}
.ucm-active .owl-nav .owl-prev::before,
.ucm-active-two .owl-nav .owl-prev::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 26px;
    background: #292b37;
}
.ucm-active .owl-nav button,
.ucm-active-two .owl-nav button {
    position: relative;
	cursor: pointer;
	transition: .3s linear;
}
.ucm-bg2 {
    padding: 120px 0 90px;
    background-position: top center;
    background-size: cover;
}
.title-style-three {
    position: relative;
    padding-bottom: 20px;
}
.title-style-three::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: url(../img/images/title_shape.png);
    width: 98px;
    height: 7px;
}
.title-style-three .sub-title {
    font-weight: 700;
    color: #bcbcbc;
}
.movie-item-two {
    text-align: center;
    background: #1f1e24;
    padding: 15px 15px 25px;
}
.movie-item-two .movie-content {
    padding: 0;
}
.movie-item-two .movie-content > .rating {
    font-size: 10px;
    letter-spacing: -.5px;
    color: #e4d804;
    margin-bottom: 10px;
}
.movie-item-two .movie-content .title {
    font-size: 16px;
    font-weight: 600;
    color: #d5d5d5;
    margin-bottom: 12px;
}
.movie-item-two .movie-content .rel {
    display: block;
    font-size: 12px;
    color: #9d9b9b;
}
.movie-content-bottom ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 15px;
    margin-top: 25px;
    position: relative;
}
.movie-content-bottom ul::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: #000000;
}
.movie-content-bottom ul::after {
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
    width: 100%;
    height: 1px;
    background: #27272f;
}
.movie-content-bottom ul li.tag {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    margin-right: 30px;
}
.movie-content-bottom ul li.tag a {
    display: block;
    color: #4c5066;
    background: #02050a;
    font-size: 12px;
    font-weight: 700;
    padding: 7px 12px;
    line-height: 1;
    margin-right: 10px;
}
.movie-content-bottom ul li.tag a:last-child {
    margin-right: 0;
}
.movie-content-bottom ul li .like {
    font-size: 13px;
    color: #9d9b9b;
}
.movie-content-bottom ul li .like i {
    font-size: 12px;
    margin-right: 5px;
    color: #c77f01;
}
.movie-bg {
    background-position: top center;
    background-size: cover;
    padding: 120px 0 120px;
}

/* 8. Services */
.services-bg {
    background-position: center;
    background-size: cover;
    padding: 120px 0;
}
.services-img-wrap {
    position: relative;
}
.services-img-wrap > img {
	max-width: 100%;
}
.services-img-wrap .download-btn {
    background: #e4d804;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    color: #14141d;
    letter-spacing: 5px;
    position: absolute;
    bottom: 65px;
    right: -70px;
    transform: rotate(90deg);
    padding: 43px 49px;
    border-radius: 6px;
}
.download-btn img {
    max-width: 24px;
    transform: rotate(-90deg);
}
.services-content-wrap {
    padding-left: 40px;
}
.title-style-two .sub-title {
	padding-left: 53px;
	color: #e4e2e2;
}
.title-style-two .sub-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 40px;
    height: 3px;
}
.services-bg .title-style-two {
    padding-right: 100px;
}
.services-content-wrap > p {
    margin-bottom: 45px;
}
.services-list ul li {
    display: flex;
    align-items: center;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px dashed #38373c;
}
.services-list ul li .icon {
    width: 95px;
    height: 95px;
    line-height: 93px;
    text-align: center;
    border: 1px dashed #e4d804;
    border-radius: 50%;
    flex: 0 0 95px;
    position: relative;
    font-size: 38px;
    color: #fff;
	margin-right: 20px;
	z-index: 1;
}
.services-list ul li .icon::before {
    content: "";
    position: absolute;
    left: 5px;
    top: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    z-index: -1;
	transition: .3s linear;
	opacity: 0;
}
.services-list ul li:hover .icon::before {
	opacity: 1;
}
.services-list ul li .content h5 {
    font-size: 18px;
    margin-bottom: 10px;
}
.services-list ul li .content p {
    margin-bottom: 0;
}
.services-list {
    padding-right: 110px;
}
.services-list ul li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}
.services-bg-two {
    padding: 270px 0 120px;
    background-position: center;
    background-size: cover;
}
.services-bg-two .services-content-wrap {
    padding-left: 0;
    padding-right: 50px;
}
.services-bg-two .services-list {
    padding-right: 0;
}
.services-bg-two .services-img-wrap {
    text-align: right;
}
.services-bg-two .services-img-wrap > img {
    max-width: 100%;
    border-radius: 8px;
    box-shadow: 0px 3px 24px 0px rgba(7, 7, 7, 0.52);
}
.services-bg-two .services-img-wrap .download-btn {
    bottom: 119px;
    right: auto;
    left: -63px;
    padding: 28px 55px;
}

/* 9. Top-movies */
.tr-movie-bg {
    background-position: top center;
    background-size: cover;
    padding: 120px 0 60px;
}
.tr-movie-bg2 {
    background-position: top center;
    background-size: cover;
    padding: 120px 0 120px;
}
.tr-movie-menu-active {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    /*margin-bottom: 40px;*/
    /*margin-bottom: 30px;*/
}
.tr-movie-menu-active button {
    border: none;
    border-radius: 4px;
    box-shadow: inset 0px 3px 7px 0px rgba(0, 0, 0, 0.77);
    background: #fff;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    /*color: #cdcaca;*/
    padding: 17px 25px;
    position: relative;
    margin: 0 7.5px 15px;
}
.tr-movie-menu-active button::before,
.tr-movie-menu-active button::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 16px;
    transition: .3s linear;
	opacity: 0;
}
.tr-movie-menu-active button::after {
	left: auto;
	right: 0;
}
.tr-movie-menu-active button.active::before,
.tr-movie-menu-active button.active::after {
	opacity: 1;
}
.tr-movie-menu-active button.active {
	text-shadow: 0px 3px 24px rgba(228, 216, 4, 0.5);
}
.movie-item-row {
    justify-content: space-between;
}
.movie-item-row .custom-col- {
    -ms-flex: 0 0 19.2%;
    flex: 0 0 19.2%;
    max-width: 19.2%;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.movie-item-row .custom-col- .movie-item-two {
    margin-bottom: 45px;
}
.movie-item-row .movie-poster {
    position: relative;
}
.movie-item-row .movie-poster::before,
.movie-item-three .movie-poster::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #04050a;
    transition: .3s linear;
    opacity: 0;
}
.movie-item-three .movie-poster::before {
    background: #14141d;
    border: 1px solid #2d292a;
}
.movie-item-row .movie-poster .overlay-btn,
.movie-item-three .movie-poster .overlay-btn {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    z-index: 1;
}
.movie-item-row .movie-poster .overlay-btn li,
.movie-item-three .movie-poster .overlay-btn li {
    transition: .3s linear;
    opacity: 0;
}
.movie-item-row .movie-poster .overlay-btn li:first-child,
.movie-item-three .movie-poster .overlay-btn li:first-child {
    margin-bottom: 17px;
    transform: translateY(-10px);
}
.movie-item-row .movie-poster .overlay-btn li:last-child,
.movie-item-three .movie-poster .overlay-btn li:last-child {
    transform: translateY(10px);
}
.movie-item-row .movie-poster .overlay-btn li .btn {
    padding: 11px 18px;
    text-transform: capitalize;
    letter-spacing: 0;
    font-weight: 600;
    min-width: 110px;
}
.movie-item-row .movie-poster .overlay-btn li:first-child .btn,
.movie-item-three .movie-poster .overlay-btn li:nth-child(2) .btn {
    /*background: #e4d804;
    color: #151517;*/
    background: #04217c;
    color: #fff;
}
.movie-item-row .movie-item-two:hover .movie-poster .overlay-btn li,
.movie-item-three:hover .movie-poster .overlay-btn li {
    opacity: 1;
    transform: translateY(0);
}
.movie-item-row .movie-item-two:hover .movie-poster::before {
    opacity: .82;
}
.movie-item-three:hover .movie-poster::before {
    opacity: .79;
}
.title-style-three.text-center {
    padding-bottom: 30px;
}
.title-style-three.text-center::before {
    right: 0;
    margin: 0 auto;
}
.title-style-three.text-lg-left::before {
    left: 0;
    right: auto;
    margin: 0 0;
}
.movie-item-three .movie-poster .overlay-btn li + li {
    margin-top: 17px;
}
.movie-item-three .movie-poster .overlay-btn li a {
    min-width: 140px;
    padding: 10px 34px;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 600;
    letter-spacing: 0;
}
.movie-item-three .movie-poster .overlay-btn li.rating {
    font-size: 12px;
    color: #e4d804;
}

/* 10. Gallery */
.gallery-area.position-relative {
    z-index: 1;
    padding: 120px 0 0;
    margin-bottom: -150px;
}
.gallery-bg {
    background-image: url(../img/bg/gallery_bg.jpg);
    background-position: top center;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 714px;
    z-index: -1;
}
.gallery-item img {
    max-width: 100%;
    display: inline-block;
}
.gallery-item {
    text-align: center;
    max-width: 1080px;
    margin: 0 auto;
}
.gallery-active .slick-active.slick-center {
    margin-top: 0;
}
.gallery-active .slick-slide {
	margin-top: 80px;
	transition: .4s linear;
}
.gallery-area .slider-nav {
    max-width: 1080px;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.slider-nav > span {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    color: #bebebe;
    cursor: pointer;
    transition: .3s linear;
}
.slider-nav > span.slick-next i {
	margin-left: 5px;
}
.slider-nav > span.slick-prev i {
	margin-right: 5px;
}
.slider-nav > span:hover {
	color: #e4d804;
}

/* 11. Pagination */
.pagination-wrap ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.pagination-wrap ul li a {
    display: block;
    font-size: 14px;
    color: #c2c2c2;
    font-weight: 600;
    padding: 10px 20px;
    border: 1.5px solid #c2c2c2;
}
.pagination-wrap ul li.active a,
.pagination-wrap ul li a:hover {
    color: #171d22;
    /*border-color: #e4d804;
    background: #e4d804;*/
    border-color: #04217c;
    background: #04217c;
}

/* 12. Live-show */
.live-bg {
    background-position: left center;
    background-size: cover;
    padding: 120px 0 120px;
}
.live-bg .title-style-two .sub-title {
	color: #656363;
}
.live-bg .title-style-two .title {
	color: #1e1b29;
}
.live-movie-img {
    margin-left: 70px;
}
.live-movie-img img {
	max-width: initial;
}
.live-movie-content > p {
    color: #6a6a6a;
    margin-bottom: 0;
}
.live-fact-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 30px;
    margin-bottom: 24px;
}
.live-fact-wrap .resolution h2 {
    font-size: 60px;
    text-shadow: 0px 3px 24px rgba(160, 160, 160, 0.09);
    line-height: 1;
    margin-bottom: 0;
    color: #d81c2b;
    -webkit-text-fill-color: white;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #d81c2b;
}
.live-fact-wrap .resolution {
    margin-right: 35px;
    margin-bottom: 15px;
}
.active-customer {
	margin-bottom: 15px;
}
.active-customer h4 {
    font-size: 38px;
    color: #1e1b29;
    text-shadow: 0px 3px 4px rgba(30, 30, 30, 0.18);
    line-height: .8;
    margin-bottom: 5px;
}
.active-customer > p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 700;
    color: #1e1b29;
	line-height: 1;
}
.live-movie-content > .btn {
    box-shadow: 0px 3px 24px 0px rgba(160, 160, 160, 0.5);
    background: #e4d804;
    color: #1e1b29;
}
.live-movie-content > .btn:hover {
	background: transparent;
	box-shadow: none;
}

/* 13. Movie-details */
.movie-details-area {
    background-position: top center;
    background-size: cover;
    padding: 175px 0 120px;
}
.movie-details-img {
    position: relative;
}
.movie-details-img .popup-video_no_func,
.movie-details-img .popup-video {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.movie-details-img img {
    border-radius: 5px;
}
.movie-details-content {
    margin-left: 23px;
}
.movie-details-content h5 {
    font-size: 26px;
    margin-bottom: 10px;
    color: #e4d804;
}
.movie-details-content h2 {
    font-size: 60px;
    margin-bottom: 20px;
}
.movie-details-content .banner-meta {
    padding: 5px 0;
	/*background: #f4f4f4;*/
}
.recap_sponsors_banner > img {
	width: 100%;
	border-radius: 0 0 10px 10px;
	margin: 20px 0 0 0;
}
.movie-details-content h2 > span,
.movie-details-prime ul li.share a:hover {
    color: #e4d804;
}
.movie-details-content p {
    margin-bottom: 0;
}
.movie-details-prime ul {
    display: flex;
    align-items: center;
    max-width: 475px;
    background: #242c38;
    border-radius: 4px;
    border: 1px solid #343434;
    padding: 0px 25px 25px;
    margin-top: 35px;
    flex-wrap: wrap;
}
.movie-details-prime ul li {
    margin-top: 25px;
}
.movie-details-prime ul li.share {
    padding-right: 25px;
    margin-right: 25px;
    position: relative;
    text-align: center;
}
.movie-details-prime ul li.share::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 56px;
    background: #fff;
    opacity: .15;
}
.movie-details-prime ul li.share a {
    display: block;
    color: #bcbcbc;
    font-size: 12px;
    font-weight: 500;
}
.movie-details-prime ul li.share a i {
    display: block;
    margin-bottom: 7px;
    font-size: 16px;
    color: #fff;
}
.movie-details-prime ul li.streaming h6 {
    font-size: 16px;
    margin-bottom: 5px;
}
.movie-details-prime ul li.streaming span {
    display: block;
    color: #bcbcbc;
    font-size: 12px;
}
.movie-details-prime ul li.watch {
    margin-left: auto;
}
.movie-details-prime ul li.watch .btn {
    font-size: 10px;
    padding: 13px 26px;
    letter-spacing: 0;
    background: transparent;
}
.movie-details-prime ul li.watch .btn:hover {
    background: #e4d804;
}
.movie-details-btn .download-btn {
    background: #e4d804;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    color: #14141d;
    letter-spacing: 5px;
    position: absolute;
    bottom: 65px;
    right: -50px;
    transform: rotate(90deg);
    padding: 43px 49px;
    border-radius: 6px;
}
.episode-bg {
    background-position: top center;
    background-size: cover;
    /*padding: 120px 0 115px;*/
    padding: 60px 0 55px;
	background: #1d1d1d;
}
.episode-top-wrap {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-bottom: 25px;
    position: relative;
    margin-bottom: 35px;
    flex-wrap: wrap;
}
/*.episode-watch-wrap::after,*/
.episode-top-wrap::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: rgb(0, 0, 0);
    box-shadow: 0px 1px 3px 0px rgb(102 102 102 / 46%);
}
.episode-top-wrap .section-title .title {
    font-size: 30px;
}
.total-views-count p {
    margin-bottom: 0;
    color: #e3dfdf;
}
.total-views-count p i {
    margin-left: 12px;
    color: #04217c;
}
.episode-watch-wrap .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: transparent;
    background-clip: border-box;
    border: none;
    border-radius: 0;
    margin-bottom: 35px;
}
.episode-watch-wrap .card .card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: none;
    margin: 0;
}
.episode-watch-wrap .card .card-header button {
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    color: #e0e0e0;
}
.episode-watch-wrap .card .card-header button .season {
    font-size: 16px;
    font-weight: 700;
    width: 50%;
    flex: 0 0 50%;
}
.episode-watch-wrap .card-body ul li a:hover,
.episode-watch-wrap .card-body ul li a i,
.episode-watch-wrap .card .card-header button .video-count {
    color: #04217c;
}
.episode-watch-wrap .card .card-header button.collapsed .video-count {
    color: #9b9b9b;
}
.episode-watch-wrap .card .card-body {
    padding: 0 0;
}
.episode-watch-wrap .card-body ul {
    margin-top: 25px;
    /*background: #040406;*/
    /*background: #3f3f3f;*/
    /*background: #1f1e24;*/
    background: #232326;
    padding: 30px 30px 40px;
}
.episode-watch-wrap .card-body ul li {
    padding-bottom: 15px;
    margin-bottom: 20px;
    /*border-bottom: 1px solid #242426;*/
    border-bottom: 1px solid #717171;
}
.episode-watch-wrap .card-body ul li:last-child {
    margin-bottom: 0;
}
.episode-watch-wrap .card-body ul li .duration {
    float: right;
    color: #e3dfdf;
}
.episode-watch-wrap .card-body ul li .duration i {
    color: #04217c;
    margin-right: 7px;
}
.episode-watch-wrap .card-body ul li a {
    font-size: 16px;
    font-weight: 600;
    color: #c8c8c8;
}
.episode-watch-wrap .card-body ul li a i {
    font-size: 12px;
    margin-right: 15px;
}
.episode-watch-wrap .card:last-child {
    margin-bottom: 0;
}
.episode-watch-wrap {
    padding-bottom: 20px;
    position: relative;
}
.episode-img img {
    max-width: 100%;
}
.movie-episode-wrap {
    margin-right: 20px;
}
.movie-history-wrap .title {
    font-size: 24px;
    background: rgba(0, 0, 0, 0.349);
    border: 1px solid #29272f;
    padding: 25px 40px;
    position: relative;
    margin-bottom: 30px;
}
.movie-history-wrap .title span {
    color: #e4d804;
}
.movie-history-wrap p {
    margin-bottom: 0;
    padding: 0 35px;
}
.movie-history-wrap {
    margin-top: 75px;
}

/* 14. Pricing */
.pricing-bg {
    background-position: top center;
    background-size: cover;
    padding: 120px 0 90px;
}
.pricing-box-wrap {
    padding: 0 80px;
}
.pricing-box-item {
    box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.14);
    background: #1f1e24;
    border: 2px solid #1f1e24;
    padding: 45px 40px 60px;
    transition: .3s linear;
}
.pricing-box-item.active,
.pricing-box-item:hover {
    border-radius: 4px;
    border-color: #e4d804;
}
.pricing-top {
    text-align: center;
    margin-bottom: 45px;
}
.pricing-top h6 {
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 0;
}
.pricing-top .price {
    border-radius: 4px;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.14),inset 0px 3px 7px 0px rgba(0, 0, 0, 0.31);
    max-width: 138px;
    background: #e4d804;
    padding: 30px 25px;
    margin: 22px auto 0;
}
.pricing-top .price h3 {
    font-size: 28px;
    color: #14141d;
    line-height: 1;
    margin-bottom: 7px;
}
.pricing-top .price span {
    display: block;
    color: #14141d;
    font-weight: 700;
    line-height: 1;
}
.pricing-list ul li {
    padding-bottom: 15px;
    margin-bottom: 25px;
    border-bottom: 1px solid #414146;
    font-size: 12px;
    color: #fff;
}
.pricing-list ul li i {
    margin-right: 10px;
}
.pricing-list ul li span {
    float: right;
    padding-right: 5px;
}
.pricing-list ul li.quality span {
    color: #e4d804;
}
.pricing-list ul li:last-child {
    margin-bottom: 0;
}
.pricing-btn {
    text-align: center;
    margin-top: 40px;
}
.pricing-btn .btn {
    text-transform: capitalize;
    letter-spacing: 0;
    padding: 12px 32px;
    background: #20212b;
}
.pricing-btn .btn:hover {
    background: #e4d804;
}

/* 15. Tv-series */
.tv-series-bg {
    background-position: center;
    background-size: cover;
    padding: 120px 0 70px;
}
.tr-movie-btn .btn {
    letter-spacing: 0;
    background: #e4d804;
    color: #1a1e21;
}
.tr-movie-btn .btn:hover {
    background: transparent;
    color: #fff;
}

/* 16. Blog */
.blog-bg {
    background-position: top center;
    background-size: cover;
    padding: 120px 0 120px;
}
.blog-post-item {
    background: #f7f7f7;
    box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.16);
    margin-bottom: 50px;
	border-radius: 10px;
}
.blog-post-item .normal_blog_content {
    background: #212121;
}
.white_view .blog-post-item .normal_blog_content {
    background: #f4f4f4;
}
.blog-post-item .title {
	color: #212121;
}
.white_view .blog-post-item .normal_blog_content .title {
	color: #212121;
}
.blog-post-item .normal_blog_content .title {
	color: #fff;
}
.blog-post-thumb img {
    border-radius: 4px;
    max-width: 100%;
	width: 100%;
}
.blog-post-content {
    padding: 30px;
}
.blog-post-content .date,
.blog-details-top-meta .user {
    display: block;
    margin-bottom: 8px;
}
.blog-post-content .date i,
.blog-details-top-meta .user i {
    margin-right: 5px;
    /*color: #e4d804;*/
    /*color: #04217c;*/
	color: #194f41;
}
.white_view .normal_blog_content .date i {
	color: #194f41;
}
.normal_blog_content .date i {
	color: #035dc7;
}
.blog-post-content .title {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 20px;
}
.blog-post-content .title a:hover,
.blog-post-meta ul li a:hover {
    /*color: #e4d804;*/
    color: #04217c;
}
.blog-post-content p {
    margin-bottom: 0;
}
.blog-post-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    padding-top: 19px;
    margin-top: 30px;
}
/*.blog-post-meta::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2px;
    background-color: #999;
    box-shadow: 0px 1px 3px 0px rgba(102, 102, 102, 0.46);
}*/
.white_view .blog-post-meta::before {
    background-color: #212121;
    box-shadow: 0px 1px 3px 0px rgba(102, 102, 102, 0.46);
}
.blog-post-meta ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.blog-post-meta ul li {
    position: relative;
    margin-top: 10px;
    font-size: 12px;
    color: #777;
}
.blog-post-meta ul li + li::before {
    content: "|";
    padding-left: 15px;
    padding-right: 15px;
    color: #6a6a6a;
}
.blog-post-meta ul li i {
    /*color: #e4d804;*/
    /*color: #04217c;*/
    color: #194f41;
    margin-right: 8px;
}
.white_view .normal_blog_content .blog-post-meta ul li i {
    color: #194f41;
}
.normal_blog_content .blog-post-meta ul li i {
    color: #035dc7;
}
.blog-post-meta ul li a {
    color: #d0d0d0;
}
.blog-post-meta .read-more {
    margin-top: 10px;
}
.blog-post-meta .read-more a {
    font-size: 14px;
    font-weight: 600;
    /*color: #e4d804;*/
    color: #04217c;
}
.blog-post-meta .read-more a i {
    margin-left: 5px;
}
.blog-sidebar {
    /*margin-left: 30px;*/
}
.blog-widget {
    background: #f4f4f4;
    /*border-radius: 4px;*/
	border-radius: 10px;
    box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.16);
    padding: 40px 30px;
    margin-bottom: 30px;
}
.blog-widget:last-child {
    margin-bottom: 0;
}
.sidebar-search input {
    width: 100%;
    background: #393939;
    border: none;
    padding: 17px 80px 17px 25px;
    color: #fff;
}
.sidebar-search input::placeholder {
    color: #bcbcbc;
    font-weight: 500;
}
.sidebar-search {
    position: relative;
}
.sidebar-search button {
    position: absolute;
    right: 0;
    top: 0;
    width: 55px;
    height: 100%;
    border: none;
    font-size: 16px;
    /*color: #100e17;
    background: #e4d804;*/
    color: #fff;
    background: #04217c;
    padding: 0 0;
}
.sidebar-cat ul li {
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px dashed #59595c;
}
.sidebar-cat ul li:last-child {
    margin-bottom: 0;
}
.sidebar-cat ul li a {
    color: #212121;
}
.sidebar-cat ul li span {
    float: right;
}
.sidebar-cat ul li a:hover {
    /*color: #e4d804;*/
    /*color: #04217c;*/
    color: #035dc7;
}
.rc-post-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 25px;
}
.rc-post-item:last-child {
    margin-bottom: 0;
}
.rc-post-item .thumb {
    flex: 0 0 100px;
    width: 100px;
    margin-right: 20px;
}
.rc-post-item .thumb img {
    border-radius: 3px;
}
.rc-post-item .content {
    flex-grow: 1;
}
.rc-post-item .content .title {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 8px;
}
.rc-post-item .content .title a:hover {
    /*color: #e4d804;*/
    /*color: #04217c;*/
    color: #035dc7;
}
.rc-post-item .content .date {
    display: block;
    font-size: 12px;
}
.rc-post-item .content .date i {
    /*color: #e4d804;*/
    /*color: #04217c;*/
    color: #045dce;
    margin-right: 5px;
}
.tag-list ul li {
    display: inline-block;
    margin: 0px 8px 10px;
}
.tag-list ul li a {
    display: block;
    background: #393939;
    font-size: 14px;
    color: #bcbcbc;
    padding: 8px 13px;
    position: relative;
}
.tag-list ul li a::before {
	content: "";
	position: absolute;
	left: -10px;
	top: 0;
	width: 0;
	height: 100%;
	border-style: solid;
	border-width: 0 0 35px 10px;
	border-color: transparent transparent #393939 transparent;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.tag-list ul li a::after {
	content: "";
	position: absolute;
	right: -10px;
	top: 0;
	width: 0;
	height: 100%;
	border-style: solid;
	border-width: 0 0 35px 10px;
	border-color: transparent transparent transparent #393939;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.tag-list ul li a:hover {
	color: #100e17;
	background: #e4d804;
}
.tag-list ul li a:hover::before {
	border-color: transparent transparent #e4d804 transparent;
}
.tag-list ul li a:hover::after {
	border-color: transparent transparent transparent #e4d804;
}
.blog-details-wrap .blog-post-meta ul li + li::before {
    display: none;
}
.blog-details-wrap .blog-post-meta ul li + li {
    margin-left: 15px;
}
.blog-post-meta .blog-details-tags li > span {
    font-size: 12px;
    font-weight: 600;
}
.blog-post-meta .blog-details-tags li > i {
    margin-right: 5px;
}
.blog-details-top-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 7px;
}
.blog-details-top-meta .user a {
    color: #d0d0d0;
}
.blog-details-top-meta span {
    position: relative;
}
.blog-details-top-meta span + span::before {
    content: "|";
    padding: 0 15px;
    color: #6a6a6a;
}
.blog-details-wrap .blog-post-content > p {
    margin-bottom: 15px;
}
.blog-details-wrap blockquote {
    margin: 35px 0 40px;
    background: #100e17;
    padding: 35px 50px 35px 40px;
}
.blog-details-wrap blockquote > i {
    float: left;
    font-size: 55px;
    /*color: #e4d804;*/
    color: #04217c;
    margin-right: 30px;
    line-height: 1;
}
.blog-details-wrap blockquote p {
    margin-left: 85px;
    font-size: 20px;
    font-weight: 600;
    font-style: italic;
    color: #eeeeee;
    line-height: 1.6;
    margin-bottom: 18px;
}
.blog-details-wrap blockquote figure {
    margin-left: 85px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
    color: #a4a1a1;
}
.blog-details-wrap blockquote figure > span {
    position: relative;
    font-size: 16px;
    /*color: #e4d804;*/
    color: #04217c;
    padding-right: 14px;
    margin-right: 14px;
}
.blog-details-wrap blockquote figure > span::before {
    content: "|";
    font-size: 14px;
    position: absolute;
    right: -4px;
    top: 50%;
    transform: translateY(-50%);
    color: #a4a1a1;
}
.blog-img-wrap > .row {
    margin-left: -10px;
    margin-right: -10px;
}
.blog-img-wrap > .row [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
}
.blog-img-wrap {
    margin-bottom: 12px;
}
.blog-img-wrap img {
    max-width: 100%;
    margin-bottom: 20px;
    box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, 0.19);
}
.blog-post-meta .blog-post-share a,
.post-avatar-content ul li a {
	display: inline-block;
	height: 30px;
	width: 30px;
	line-height: 30px;
	background: #385594;
	text-align: center;
	font-size: 12px;
	border-radius: 50%;
	color: #fff;
	margin-left: 10px;
}
.blog-post-meta .blog-post-share a:nth-child(2),
.post-avatar-content ul li:nth-child(2) a {
	background: #4eabee;
}
.blog-post-meta .blog-post-share a:last-child,
.post-avatar-content ul li:last-child a {
	background: #cb2027;
}
.blog-post-meta .blog-post-share a:first-child,
.post-avatar-social a:first-child {
    margin-left: 0;
}
.avatar-post {
    background: #1f1e24;
    padding: 40px 60px 40px 40px;
    display: flex;
    align-items: center;
    box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.46);
}
.post-avatar-img {
    margin-right: 30px;
    width: 130px;
    flex: 0 0 130px;
}
.post-avatar-img img {
    max-width: 100%;
    border-radius: 50%;
}
.post-avatar-content h5 {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 600;
}
.post-avatar-content ul {
    display: flex;
    align-items: center;
}
.post-avatar-content ul li + li {
    margin-left: 10px;
}
.post-avatar-content ul li a {
    margin: 0;
}
.post-avatar-content p {
    color: #bcbcbc;
    font-weight: 500;
    margin-bottom: 15px;
}
.blog-comment ul li {
    display: block;
    padding: 30px;
    overflow: hidden;
    background: #1f1e24;
    margin-bottom: 20px;
    box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.46);
}
.blog-comment ul li .single-comment {
	display: flex;
	align-items: center;
}
.comment-avatar-img {
    margin-right: 25px;
    width: 131px;
    flex: 0 0 131px;
}
.comment-avatar-img img {
    border-radius: 50%;
    max-width: 100%;
}
.comment-avatar-info {
    overflow: hidden;
    margin-bottom: 15px;
}
.comment-avatar-info h5 {
    font-size: 18px;
    margin-bottom: 0;
    display: inline-block;
    font-weight: 600;
}
.comment-avatar-info h5 span {
    font-size: 12px;
    color: #d0d0d0;
    margin-left: 10px;
    font-weight: 500;
}
.comment-reply-link {
    float: right;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-transform: capitalize;
}
.comment-reply-link i {
    margin-left: 7px;
    color: #e4d804;
}
.comment-text p {
    margin-bottom: 0;
    padding-right: 35px;
    color: #bcbcbc;
}
.blog-comment ul li.comment-reply {
	margin-left: 60px;
}
.blog-comment ul li:last-child {
	margin-bottom: 0;
}
.comment-reply-link:hover {
    color: #e4d804;
}

/* 17. Newsletter */
.newsletter-bg {
    background-position: center;
    background-size: cover;
}
.newsletter-inner-wrap {
    padding: 45px 80px;
}
.newsletter-content h4 {
    font-size: 30px;
    text-transform: uppercase;
    color: #171d22;
    margin-bottom: 0;
}
.newsletter-content p {
    margin-bottom: 0;
    color: #171d22;
}
.newsletter-form {
    position: relative;
}
.newsletter-form input {
    width: 100%;
    border: 2px solid #faf9f7;
    background: #fff;
    box-shadow: 0px 3px 4px 0px rgba(30, 30, 30, 0.17);
    padding: 17px 25px;
    padding-right: 215px;
    border-radius: 4px;
}
.newsletter-form input::placeholder {
    color: #a0a0a0;
}
.newsletter-form button {
    position: absolute;
    right: 2px;
    top: 2px;
    bottom: 2px;
    border-radius: 4px;
    background: #171d22;
    border-color: #171d22;
    color: #e4d804;
    font-size: 14px;
    padding: 15px 34px;
}

/* 18. Contact */
.contact-bg {
    background-position: top center;
    background-size: cover;
    padding: 120px 0;
}
.widget-title .title {
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    position: relative;
    margin-bottom: 0;
    padding-bottom: 18px;
}
.widget-title .title::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 3px;
    /*background: #e4d804;*/
    background: #04217c;
    border-radius: 1.5px;
}
.contact-form {
    padding: 30px 30px 40px;
    border: 1px solid #232226;
}
.contact-form input,
.contact-form textarea {
    width: 100%;
    border: 1px solid #1f1e24;
    background: #1f1e24;
    border-radius: 4px;
    color: #bcbcbc;
    box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.46);
    font-weight: 500;
    padding: 14px 25px;
    margin-bottom: 30px;
    transition: .3s linear;
}
.contact-form input::placeholder,
.contact-form textarea::placeholder {
    color: #bcbcbc;
    font-weight: 500;
}
.contact-form textarea {
    min-height: 155px;
}
.contact-form input:focus,
.contact-form textarea:focus {
    border-color: #e4d804;
}
.contact-info-wrap {
    background: #1f1e24;
    padding: 40px 34px 60px;
    box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.46);
}
.contact-info-wrap > p {
    padding-bottom: 25px;
    margin-bottom: 30px;
    border-bottom: 1px solid #313035;
}
.contact-info-wrap > p span {
    font-weight: 600;
    color: #fafafa;
}
.contact-info-list ul li {
    display: flex;
    align-items: center;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #313035;
}
.contact-info-list ul li:last-child {
    margin-bottom: 0;
}
.contact-info-list .icon {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    text-align: center;
    font-size: 16px;
    color: #1f1e24;
    background: #e4d804;
    line-height: 46px;
    border-radius: 50%;
    margin-right: 15px;
}
.contact-info-list li > p {
    margin-bottom: 0;
}
.contact-info-list li > p span {
    color: #e5e5e5;
    margin-right: 5px;
    font-weight: 600;
}
#map {
    min-height: 439px;
    background-position: center;
    background-size: cover;
    cursor: pointer;
}

/* 19. Footer */
.footer-top-wrap {
	background: #333;
    /*background-image: url(../img/bg/footer_bg.jpg);*/
    background-position: center;
    background-size: cover;
    padding: 80px 0 55px;
}
.footer-menu nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.footer-menu nav .navigation {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.footer-menu nav .navigation li {
    margin-right: 27px;
}
.footer-menu nav .navigation li:last-child {
    margin-right: 0;
}
.footer-menu nav .navigation li a {
    display: block;
    text-transform: uppercase;
    color: #c3c3c3;
    font-weight: 700;
    padding: 10px 10px;
    line-height: 1;
}
.footer-search form {
    min-width: 285px;
    position: relative;
    margin-left: 30px;
}
.footer-search form input {
    width: 100%;
    border: none;
    background: #12151e;
    color: #fff;
    padding: 14px 20px;
    font-size: 12px;
    border-radius: 30px;
    padding-right: 60px;
    box-shadow: inset 0px 4px 9px 0px rgba(0, 0, 0, 0.25);
}
.footer-search form input::placeholder {
    color: #656870;
    font-weight: 500;
    font-size: 12px;
}
.footer-search form button {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: transparent;
    font-size: 12px;
    color: #e4d804;
    padding: 0;
}
.footer-search form button::before {
    content: "|";
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
    color: #656870;
    opacity: .34;
}
.footer-menu-wrap {
    position: relative;
    padding-bottom: 35px;
}
.footer-menu-wrap::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background-color: rgb(18, 21, 30);
    box-shadow: 0px 3px 0px 0px rgba(143, 143, 143, 0.14);
}
.quick-link-list ul,
.footer-social ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.quick-link-list ul li {
    margin-right: 50px;
    margin: 5px 50px 5px 0px;
}
.quick-link-list ul li:last-child {
    margin-right: 0px;
}
.quick-link-list ul li a {
    color: #f7f7f7;
    display: block;
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase;
}
.footer-social ul {
    justify-content: flex-end;
}
.footer-social ul li {
    margin-right: 8px;
}
.footer-social ul li:last-child {
    margin-right: 0;
}
.footer-social ul li a {
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    box-shadow: inset 0px 4px 9px 0px rgba(0, 0, 0, 0.15);
    background-color: #fff;
    text-align: center;
    line-height: 36px;
    font-size: 12px;
    color: #1b4a50;
}
.footer-quick-link-wrap {
    /*padding-top: 40px;*/
    padding-top: 10px;
	padding-bottom: 60px;
}
.copyright-wrap {
    background: #171b22;
    padding: 25px 0;
}
.copyright-text > p {
    margin-bottom: 0;
    font-size: 13px;
    color: #bcbcbc;
    line-height: 24px;
}
.payment-method-img img {
    max-width: 100%;
}

/* 20. Preloader */
#preloader{
	background-color: #171D22;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 1;
	margin-top: 0px;
	top: 0px;
	/*z-index: 99;*/
	z-index: 100;
}
#loading-center{
	width: 100%;
	height: 100%;
	position: relative;
}
#loading-center-absolute {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* -----------------CUSTOM STYLE----------------- */
[id] { scroll-margin-top: 90px; }
.spinner-border {
    width: 25px;
    height: 25px;
    vertical-align: text-bottom;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: .75s linear infinite spinner-border;
    animation: .75s linear infinite spinner-border;
	vertical-align: middle;
}
.spinner-border.text-portal { color: #04217c !important; }
#menProfile .spinner-border.loader-margin { margin: 0 auto; display: block; }
#menProfile:has(> .spinner-border) { min-width: 195px; }

body:has(> header > div.sticky-menu) > main > section:nth-child(1) { margin-top: 90px; } /*EVITA QUE AL SACAR EL STICKY MENU SE VEA UN SALTO EN EL CAROUSEL*/
@media only screen and (max-width: 767px) { body:has(> header > div.sticky-menu) > main > section:nth-child(1) { margin-top: 71px; } } /*EVITA QUE AL SACAR EL STICKY MENU SE VEA UN SALTO EN EL CAROUSEL*/

select.form-control { font-size: 14px; }
.container { max-width: 1280px; }
.logo > a > img { max-width: 300px; }
@media only screen and (max-width: 767px) { .logo > a > img { max-width: 220px; margin-top: -5px; margin-bottom: -5px; max-height: 40px; } }

.mobile-nav-toggler { width: 30px; height: auto; }
@media only screen and (max-width: 991.98px) { .mobile-nav-toggler { margin-left: 10px; } }

.mobile_bottom_menu {
	position: fixed;
	bottom: 0;
    left: 0;
    width: 100vw;
	background: #fff;
	z-index: 99;
	margin: 0;
	padding: 0;
	justify-content: space-between;
}
.mobile_bottom_menu > div {
	margin: 0;
	padding: 10px 0 5px 0;
	text-align: center;
}
.mobile_bottom_menu > div img {
	width: 100%;
    height: auto;
    max-width: 25px;
    display: block;
	margin: 0 auto;
	/*filter: grayscale(100%) brightness(1.5);*/
	filter: grayscale(100%) brightness(1);
}
.mobile_bottom_menu {
	/*background: #035dc7;*/
	background: rgb(4,33,124);
	background: -moz-linear-gradient(0deg, #04217c 0%, #003f89 50%, #04217c 100%);
	background: -webkit-linear-gradient(0deg, #04217c 0%, #003f89 50%, #04217c 100%);
	background: linear-gradient(0deg, #04217c 0%, #003f89 50%, #04217c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#04217c",endColorstr="#04217c",GradientType=1);
}
.mobile_bottom_menu > div img {
	filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(0%) hue-rotate(155deg) brightness(85%) contrast(95%);
}
.mobile_bottom_menu > div.active img {
	/*filter: brightness(0.85);*/
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7497%) hue-rotate(159deg) brightness(99%) contrast(102%);
}
body:has(.support_modal.show) .mobile_bottom_menu > div:nth-child(3) img {
	/*filter: brightness(0.85);*/
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7497%) hue-rotate(159deg) brightness(99%) contrast(102%);
}
.mobile-menu-visible .mobile_bottom_menu > div:nth-child(4) img {
	/*filter: brightness(0.85);*/
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7497%) hue-rotate(159deg) brightness(99%) contrast(102%);
}
.mobile_bottom_menu > div span {
	font-size: 12px;
	/*color: #7a7a7a;*/
	color: #ccc;
	font-weight: 300;
}
.mobile_bottom_menu > div.active span {
	/*color: #035dc7;*/
	color: #fff;
	font-weight: 800;
	letter-spacing: 0.5px;
}
body:has(.support_modal.show) .mobile_bottom_menu > div:nth-child(3) span {
	/*color: #035dc7;*/
	color: #fff;
	font-weight: 800;
}
.mobile-menu-visible .mobile_bottom_menu > div:nth-child(4) span {
	/*color: #035dc7;*/
	color: #fff;
	font-weight: 800;
}
@media only screen and (max-width: 991.98px) { #pushalert-ticker { bottom: 111px !important; } }


.text_uppercase { text-transform: uppercase; }
.text_normalcase { text-transform: none; }

.menu-area .mobile_nav_toggler_icons {
    position: relative;
    float: right;
    font-size: 30px;
    cursor: pointer;
    line-height: 1;
    color: #04217c;
    display: none;
    /*margin-top: 7px;*/
    margin-top: 0;
}
@media (max-width: 991.98px) {
	.menu-area .mobile_nav_toggler_icons {
		display: block;
	}
}
@media only screen and (max-width: 991.98px) {
	.mobile_nav_toggler_icons {
		margin-left: 6px;
		padding: 0 2px;
	}
	.mobile_nav_toggler_icons.has_picture {
		border-radius: 50%;
		border: 2px solid #194f41;
		width: 34px;
		height: 34px;
		align-content: center;
	}
	.mobile_nav_toggler_icons.has_picture > img {
		border-radius: 50%;
		display: block;
	}
}
.mobile_nav_toggler_icons {
    width: 30px;
    height: auto;
}
.bg-1d1d1d { background-color: #fff; }
.bg-blue-pp { background-color: #04217c; }
.z_index_0 { z-index: 0; }
.z_index_1 { z-index: 1; }

.clickable { cursor: pointer; }

.sticky-menu_fixed {
    left: 0;
    padding: 0 0;
    margin: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    background: #fff;
    -webkit-animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
    box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
    border-radius: 0;
}
/*body:has(> header > .sticky-menu_fixed) > .scroll-top.open {
    opacity: 0;
	display: none;
}*/
.scroll-top.scroll-to-target > i { color: #fff;}

@media only screen and (max-width: 767px) {
	#home #fwdsisc0_evp_div > div > div:nth-child(11) > img {
		left: 50% !important;
		width: 50% !important;
		height: 50% !important;
	}
}

#divStoriesCarousel div[id*="_thumbnail_"] img {
	background-colorl: unset;
	background: transparent !important;
}
#divStoriesCarousel > div.owl-stage-outer > div > div > div:hover {
	opacity: 0.8;
}
.circled_story_containar > .circled_story {
	width: 100%;
	aspect-ratio: 1/1;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
}
.circled_story_containar > img,
.circled_story_containar > video {
	width: 100%;
	aspect-ratio: 1/1;
	border-radius: 50% !important;
}
.circled_story_containar > .VideoCard-overlay {
	border-radius: 50%;
	border: 5px solid #035dc7;
}
.circled_story_containar > .VideoCard-overlay > img {
	top: 37.5%;
    right: 37.5%;
}
@media only screen and (max-width: 767px) {
	.circled_story_containar > .VideoCard-overlay > img {
		top: 30%;
		right: 30%;
	}
}
/*#rl0_evp_div > div > div:nth-child(7) { display: none; }*/ /* OCULTA BARRA DE CONTROLES */
.VideoCard-video video {
	border-radius: 10px;
}
.VideoCard-overlay {
    background: -webkit-linear-gradient(270deg,rgba(19,22,28,0),#13161c);
    background: -moz-linear-gradient(270deg,rgba(19,22,28,0) 0,#13161c 100%);
    background: -o-linear-gradient(270deg,rgba(19,22,28,0) 0,#13161c 100%);
    background: -ms-linear-gradient(270deg,rgba(19,22,28,0) 0,#13161c 100%);
    background: linear-gradient(180deg,rgba(19,22,28,0),#1d1d1d11);
    height: 101%;
    left: 0;
    position: absolute;
    right: 0;
    top: -1px;
	/*border: 5px solid #1d1d1d;*/
	border: 3px solid #fff;
	border-radius: 10px;
}
#stories .owl-carousel .owl-item img {
    border-radius: 10px;
}

/* width */
::-webkit-scrollbar {
	width: 5px;
}
::-webkit-scrollbar:horizontal {
	height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
	/*box-shadow: inset 0 0 5px grey;*/
	/*border-radius: 10px;*/
	background: #fff;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
	background: #04217c;
	background-image: -moz-linear-gradient( -57deg, #035dc7 0%, #194f41 50%, #194f41 100%);
	background-image: -webkit-linear-gradient( -57deg, #035dc7 0%, #194f41 50%, #194f41 100%);
	background-image: -ms-linear-gradient( -57deg, #035dc7 0%, #194f41 50%, #194f41 100%);
	border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #3864d9; 
	background-image: -moz-linear-gradient( -57deg, #035dc7 0%, #194f41 50%, #194f41 100%);
	background-image: -webkit-linear-gradient( -57deg, #035dc7 0%, #194f41 50%, #194f41 100%);
	background-image: -ms-linear-gradient( -57deg, #035dc7 0%, #194f41 50%, #194f41 100%);
}

::-moz-selection { /* Code for Firefox */
  color: #035dc7;
  background: #04217c;
}
::selection {
  color: #035dc7;
  background: #04217c;
}

/*.banner-area::after {
	content: '';
	position: absolute;
	bottom: 150px;
	left: 0;
	width: 100%;
	height: 15px;
	background: linear-gradient(to top, #1d1d1dff, #00000000);
	z-index: 2;
}*/
/*.stories-area:before {
	content: '';
	position: absolute;
	top: -14px;
	left: 0;
	width: 100%;
	height: 15px;
	background: linear-gradient(to top, #1d1d1dff, #00000000);
	z-index: 2;
}*/

.stories-area {
	padding-top: 20px;
	padding-bottom: 20px;
}
.stories_play_icon {
	position: absolute;
    top: 10px;
    right: 10px;
    width: 25% !important;
    height: auto;
}
@media only screen and (max-width: 767px) {
	.stories_play_icon {
		top: 5px;
		right: 5px;
		width: 40% !important;
	}
	.menu_mobile_pl {
		padding-left:10px;
	}
}

.courses_buttons {
	margin-bottom: 0;
	justify-content: end;
}
.courses_buttons > button {
	margin: 0 7.5px 0px;
}
.top.course_row_1 > div.course_sponsor {
	/*width: 40%;*/
	width: 35%;
}
@media only screen and (max-width: 767px) {
	.top.course_row_1 > div.course_sponsor {
		width: 34%;
	}
}
.top.course_row_1 > div.course_sponsor > img {
	width: 100%;
}
.top.course_row_1 > div.course_tag {
	width: 60%;
	text-align: center;
}
.top.course_row_1 > div.course_tag > p {
	padding: 5px 20px;
	display: inline;
    border-radius: 5px;
    margin: 0 5px;
}
.top.course_row_1 > div.course_tag > p:nth-child(2) {
	border: 1px solid #04217c;
    background: #04217c;
    color: #fff;
}
.top.course_row_1 > div.course_tag > p:nth-child(1) {
	border: 1px solid #fff;
    background: #fff;
    color: #04217c;
}

.course_row_2 > ul > li > span > img {
	width: 25px;
	margin: 0 5px 3px 0;
	display: inline;
}
.course_row_2 > ul > li > span > svg {
	color: #035dc7;
}
/*.movie-content .bottom ul li > span {
    font-size: 16px;
}*/
.course_row_2 > ul > li > span {
	font-size: 14px !important;
}
@media only screen and (max-width: 767px) {
	.course_row_2 > ul > li > span {
		font-size: 12px !important;
	}
}
.movie-content .bottom ul li .rating {
    margin-left: 5px;
}

.banner_mid {
	width: 100%;
}
@media only screen and (max-width: 991px) { /*767 > 768*/
	.banner_mid_m {
		width: 100%;
		position: fixed;
		/*bottom: 0;*/
		bottom: 60px;
		left: 0;
		z-index: 2;
	}
}
.banner_mid_close {
    width: 30px;
    height: 30px;
    line-height: 30px;
    position: fixed;
    /*bottom: 6px;*/
    bottom: 70px;
    right: 6px;
    font-size: 16px;
    border-radius: 5px;
    z-index: 98;
    color: #212121;
	/*background: #04217c;*/
	background: #fff;
    text-align: center;
    cursor: pointer;
    transition: 1s ease;
    border: none;
	text-align: center;
	padding: 0;
}

#courses > div > div.row.tr-movie-active > div > div > div.movie-poster.card_hover > a > img { width: 100%;}
/*#courses > div > div.row.tr-movie-active > div > div { padding: 0 20px; }*/
.course_row_3 .title {
	min-height: 50px;
	text-align: center;
}
.course_row_4 > ul {
	justify-content: center !important;
}
.course_row_4 > ul > li > span > img {
	width: 25px !important;
	margin: 0 5px 3px 0;
}
.course_row_4 > ul > li > span {
	font-size: 16px !important;
}
.course_row_4 > ul > li > p {
	padding: 5px 20px;
    display: inline;
    border-radius: 5px;
    margin: 0 5px;
	/*border: 1px solid #04217c;
    background: #04217c;*/
	border: 1px solid #04217c;
    background: #04217c;
    color: #fff;
}
.course_row_4 > ul > li > p.clickable:hover {
	border: 1px solid #035dc7;
    background: #035dc7;
}

.course_row_5 {
	min-height: 39px;
	margin-left: 10px;
	margin-bottom: 5px !important;
}
.course_row_5 > h5 {
	min-height: 50.5px;
}
@media only screen and (max-width: 767px) {
	#blogs .course_row_5 > .title {
		border: none;
	}
}
.course_row_6 > ul {
	margin-left: 10px;
}
.course_row_6 > ul > li > span > img {
	width: 25px !important;
	margin: 0 5px 3px 0;
}
.course_row_6 > ul > li > span {
	font-size: 16px !important;
}
.course_row_6 > ul > li > p {
	padding: 5px 20px;
    display: inline;
    border-radius: 5px;
    margin: 0 5px;
	border: 1px solid #04217c;
    background: #04217c;
    color: #fff;
}
.course_row_7 > ul {
	justify-content: center !important;
}
.course_row_7 > ul > li > span > img {
	width: 25px !important;
	margin: 0 5px 3px 0;
}
.course_row_7 > ul > li:nth-child(1) > span {
	/*font-size: 10px !important;*/
	font-size: 14px !important;
	margin-left: 10px;
}
.course_row_7 > ul > li:nth-child(2) > span {
	margin-left: 0;
}
.course_row_7 > ul > li:nth-child(1) > span {
	word-break: break-word;
	/*min-height: 90px;*/
	min-height: 60px;
	max-height: 60px;
}
.course_row_7 > ul > li:nth-child(2) > span > p {
	padding: 5px 10px;
    display: inline;
    border-radius: 5px;
    margin: 0 5px;
	/*border: 1px solid #04217c;
    background: #04217c;*/
	border: 1px solid #045dce;
    background: #045dce;
    color: #fff;
}
.course_row_7 ul li {
    align-self: end;
	/*margin-bottom: 20px;*/
	margin-bottom: 3px;
}

#divDigitalEvents1 > div > div.main-thumbs-holder > div.thumbs-holder > div > div > div:nth-child(4),
#divDigitalEvents2 > div > div.main-thumbs-holder > div.thumbs-holder > div > div > div:nth-child(4) {
	display: none;
}
.padding_10 {
	padding: 10px !important;
}
.course_row_b8 > ul > li {
    margin: 0 auto 40px auto;
}
.course_row_b8 > ul > li > a {
    min-width: 140px;
    padding: 10px 34px;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 600;
    letter-spacing: 0;
}
.course_row_8 > ul > li > span > img {
	width: 20px;
	margin: 0 5px 3px 0;
	display: inline;
}
.course_row_8 > ul > li > span {
	/*font-size: 14px !important;*/
	font-size: 13px !important;
	text-transform: uppercase;
}
.course_row_9 {
	border-top: 1px solid #fff;
	padding-top: 5px;
    margin-top: 2px;
}
.course_row_9 > ul > li > span > img {
	width: 12px;
	margin: 0 5px 3px 0;
	display: inline;
}
.course_row_9 > ul > li > span {
	font-size: 10px !important;
	text-transform: uppercase;
}
.course_row_9 > ul > li > span > span {
	font-size: 8px !important;
	text-transform: uppercase;
}

.course_row_10 {
	margin-bottom: 5px !important;
}
.course_row_10 > h5.title {
	padding: 7px 0 5px 0;
	/*font-size: 11.5px !important;*/
	font-size: 16px !important;
    min-height: 50px;
    height: 50px;
}
.course_row_10 > h5.title > a {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.course_row_11 > ul > li:nth-child(1) > span > del {
	color: #939393;
}
.course_row_11 > ul > li:nth-child(1) > span > span {
	color: #04217c;
	font-weight: 800;
}
.course_row_11 div.course_tag {
	width: 60%;
	text-align: center;
}
.course_row_11 div.course_tag > p {
	padding: 0px 5px;
	display: inline;
    border-radius: 5px;
    margin: 0 5px;
	font-size: 12px;
}
.course_row_11 div.course_tag > p:nth-child(1) {
	border: 1px solid #04217c;
    background: #04217c;
    color: #fff;
}
.course_row_11 div.course_tag > p:nth-child(2) {
	border: 1px solid #fff;
    background: #fff;
    color: #04217c;
}
.course_row_12 > ul > li > span > img {
	width: 20px;
	margin: 0 5px 3px 0;
	display: inline;
}
.course_row_12 > ul > li > span {
	font-size: 10px !important;
	min-width: 120px;
}

.more_ads {
    text-align: right;
}
.list_ad {
    padding: 20px;
    border: 1px solid #e9e9e9;
	position: relative;
	margin: 10px 0;
}
.list_ad > img {
    margin: 0 auto;
    display: block;
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
	.col-sm-12 .list_ad {
		width: 49%;
		display: inline-block;
	}
}

.list_ad_title {
	margin: -12px 0 5px 0;
    font-size: 13px;
}
.list_ad_description {
	margin: 5px 0 -10px 0;
    font-size: 10px;
	line-height: 13px;
	min-height: 26px;
}
.list_ad_close {
    width: 30px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    top: 6px;
    right: 6px;
    font-size: 16px;
    border-radius: 5px;
    z-index: 1;
    color: #212121;
    /* background: #04217c; */
    background: #f2f2f2;
    text-align: center;
    cursor: pointer;
    transition: 1s ease;
    border: none;
    text-align: center;
    padding: 0;
}

.couse_hover_text {
    line-height: normal;
	padding: 0 10px;
	color: #fff;
}

.see_more {
	/*border-radius: 50px !important;
    background: #f2f2f2 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    border: 2px solid #2d303d !important;
    padding: 11px 27px 5px 27px !important;
    margin-bottom: 0 !important;
    transition: none !important;
	color: #212121 !important;
    border-color: #035dc7 !important;*/
	border-radius: 50px !important;
    background: #f2f2f2 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border: 2px solid #2d303d !important;
    padding: 5px 14px !important;
    margin-bottom: 0 !important;
    transition: none !important;
	color: #212121 !important;
    border-color: #035dc7 !important;
}
.see_more:hover {
    background: #035dc7 !important;
    /* font-size: 12px; */
    border: 2px solid #035dc7 !important;
	color: #fff !important;
}

.blog_card {
	/*border: 3px ridge #f4f4f4;*/
	border-radius: 10px;
}
.blog_card > div {
	padding: 0;
}
.blog_card > div > .movie-poster {
	margin-bottom: 0;
	width: 100%;
    height: 100%;
	border-radius: 10px 0 0 10px;
}
@media only screen and (max-width: 767px) {
	.blog_card > div > .movie-poster {
		height: 200px;
		border-radius: 10px 10px 0 0;
	}
}
.blog_card > div > .movie-poster img {
	border-radius: 5px 0 0 5px;
}
.blog_card > div > div {
	/*background-position: bottom right;*/
	background-position: top right;
    background-size: cover;
    background-repeat: no-repeat;
}
div:has(> .blog_card) {
	padding: 0 5px;
}
@media only screen and (max-width: 767px) {
	.blog_card .course_row_5 {
		min-height: 10px;
		margin-left: 0;
		margin-bottom: 0 !important;
		width: calc(100% + 10px);
	}
	.blog_card .movie-content .top .title {
		margin-top: -55px;
		background: #1d1d1dcc;
		padding: 10px;
	}
}
.btn_icon_hover { min-width: unset !important; }

.owl-carousel .owl-nav {
	position: relative;
    text-align: center;
	margin: -50px 0 0 0;
	padding-bottom: 10px;
}
.stories-active.owl-carousel .owl-nav { margin: 0; }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    font-size: 30px;
    margin: 0 10px;
    display: inline-block;
}
/*.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    font-family: 'fontAwesome';
}
.owl-carousel .owl-nav .owl-prev:before{
    content: "\f053";
    margin-right:10px;
}
.owl-carousel .owl-nav .owl-next:after{
    content: "\f054";
    margin-right:10px;
}*/


.title {
	/*width: auto;
	height: 65px;*/
	width: 400px;
	border-bottom: 2px solid #04217c;
	padding: 0 0 10px 20px;
}
.title.title_como {
	width: 600px;
}
.title_como svg {
    transform: scale(1.8,1.8);
    margin-left: 10px;
    fill: #04217c;
}
@media only screen and (max-width: 768px) {
	.title.title_como {
		width: 100%;
	}
}
.widget-title .title {
	width: 100%;
}
.rc-post-item .title {
	width: 100%;
	padding: 0 0 10px 0;
}
@media only screen and (max-width: 768px) {
	.title {
		width: 100%;
		border-bottom: 2px solid #04217c;
		padding: 0 0 10px 0;
	}
}
.title_logo {
	width: auto;
	/*height: 65px;*/
	height: 51.8px;
	border-bottom: 2px solid #04217c;
	padding: 0 0 10px 20px;
}
[id^="divPodcast"] { margin: 10px auto 20px; }
[id^="divPodcast"] > div > div.controller > div.fwdsap-info > div > span.title { /*color: #f8931f;*/ color: #194f41; }
[id^="divPodcast"] > div > div.controller > div.play-pause-button > div:nth-child(1) { background-color: #194f41 !important; }
[id^="divPodcast"] > div > div.controller > div.fwdsap-info > div > span.artist { color: #212121 !important;}
[id^="divPodcast"] > div > div.controller > div.fwdsap-info {}
[id^="divPodcast"] > div > div.controller > div.buttons-holder > div > div:nth-child(2) { color: #194f41 !important; }
[id^="divPodcast"] .fwdsap .spearator-line { color: #194f41; }
/*#divPodcast1 { margin: 10px auto 20px; }
#divPodcast1 > div > div.controller > div.fwdsap-info > div > span.title { color: #f8931f; }
#divPodcast1 > div > div.controller > div.fwdsap-info > div > span.artist { color: #fff !important;}

#divPodcast2 { margin: 10px auto 20px; }
#divPodcast2 > div > div.controller > div.fwdsap-info > div > span.title { color: #f8931f; }
#divPodcast2 > div > div.controller > div.fwdsap-info > div > span.artist { color: #fff !important;}

#divPodcast3 { margin: 10px auto 20px; }
#divPodcast3 > div > div.controller > div.fwdsap-info > div > span.title { color: #f8931f; }
#divPodcast3 > div > div.controller > div.fwdsap-info > div > span.artist { color: #fff !important;}*/
.podcasts-area .title_logo {
    width: auto;
    /* height: 65px; */
    height: 51.8px;
    /*border-bottom: 2px solid #f8931f;*/
    border-bottom: 2px solid #194f41;
    padding: 0 0 10px 20px;
}
.podcasts-area .nav-tabs .nav-link.active/*, .podcasts-area .movie-bg .tr-movie-menu-active button.active*/ {
    border-color: #f8931f;
}
.podcasts-area .btn_orange {
    /*border-color: #fba849 !important;*/
    border-color: #194f41 !important;
    background: #f8931f !important;
}
.podcasts-area .btn_orange:hover {
    /*border-color: #fba849 !important;
    background: #fba849 !important;*/
    border-color: #194f41 !important;
    background: #194f41 !important;
}
.podcasts-area .nav-tabs .nav-link.active/*, .podcasts-area .movie-bg .tr-movie-menu-active button.active:hover*/ {
    /*border-color: #fba849;*/
	border-color: #194f41;
}
.podcasts-area .nav-tabs .nav-link/*,
.movie-bg .tr-movie-menu-active button,
.movie-filter-form select*/ {
    /*background: #f8931f;
    border: 2px solid #f8931f;*/
    background: #194f41;
    border: 2px solid #194f41;
}
#podcasts > div.container > div > div > div > button {
    background: #f8931f !important;
    border: 2px solid #f8931f !important;
	box-shadow: none;
}
.podcasts-area .nav-tabs .nav-link:hover/*,
.movie-bg .tr-movie-menu-active button:hover,
.movie-filter-form select:hover*/ {
    /*background: #fba849;
    border: 2px solid #fba849;*/
    background: #48d6d6;
    border: 2px solid #48d6d6;
}
#podcasts > div.container > div > div > div > button {
    /*background: #fba849 !important;
    border: 2px solid #fba849 !important;*/
    background: #194f41 !important;
    border: 2px solid #194f41 !important;
	box-shadow: none;
}
/*@media only screen and (max-width: 768px) {
	.title_logo {
		height: 60px;
	}
}*/
.carousel-ads-active.owl-carousel .owl-nav {
    position: relative;
    text-align: center;
    margin: 0;
    padding-bottom: 10px;
}

html > div:nth-child(3) > div {
	transform: translate3d(-1px, 34px, 0px);
}
html > div:nth-child(3) > div > canvas {
	transform: scale(2.2) rotate(-0.1deg);
}

.banner_podcasts {
    width: 100%;
    border: 20px solid #3d3d3d;
    border-radius: 25px;
}

/*.banner_webinars {
	height: 430px;
	margin-bottom: 10px;
}*/
.banner_webinars {
	width: 100%;
	height: auto;
	/*margin-bottom: 10px;*/
	margin-bottom: 40px;
    border: 20px solid #3d3d3d;
    border-radius: 25px;
}
/*@media only screen and (max-width: 1300px) {
	.banner_webinars {
		height: 400px;
		margin-bottom: 10px;
	}
}
@media only screen and (max-width: 1197px) {
	.banner_webinars {
		height: 300px;
		margin-bottom: 10px;
	}
}*/

.footer-top-wrap {
    /*background-image: url(../img/bg/footer_bg.jpg);*/
    padding: 0 0 10px 0;
}
@media only screen and (max-width: 767px) {
.footer-top-wrap {
    padding: 0 0 40px 0; /*Espacio para banner*/
}
}
.footer-social ul {
    justify-content: center;
}
.logo_footer_livemed {
    /*margin: 0 auto 10px;*/
    margin: 3px auto 10px;
    /*width: 150px;*/
    display: block;
    max-width: 250px;
}
.logo_footer_left {
	margin-right: 0;
    /*width: 110px;*/
	height: 40px;
	width: auto;
}
.logo_footer_right {
	margin-left: 0;
    /*width: 100px;*/
	height: 40px;
	width: auto;
}
/*@media only screen and (max-width: 767px) {
	.only_desktop {
		display: none !important;
	}
}*/
@media only screen and (max-width: 991px) {
	.only_desktop {
		display: none !important;
	}
}
/*@media only screen and (min-width: 768px) {
	.only_mobile {
		display: none !important;
	}
}*/
@media only screen and (min-width: 992px) {
	.only_mobile {
		display: none !important;
	}
}


.card_hover {
	position: relative;
	background: radial-gradient(#111 50%, #000 100%);
	overflow: hidden;
	border-radius: 5px;
}
.card_hover img {
	transform: scale(1);
	transition: 0.3s ease-out;
}
.card_hover:hover img {
	transform: scale(1.1) /*translateY(-20px)*/;
	opacity: 0.3;
}
.card_hover .overlay_hover {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	padding: 15px;
	text-align: center;
	color: #fff;
	align-content: center;
}
@media only screen and (max-width: 767px) {
	.card_hover .overlay_hover {
		padding: 5px;
	}
}
.overlay_hover * {
	transform: translateY(30px);
	opacity: 0;
	transition: all .3s ease-out;
}
.card_hover:hover .overlay_hover * {
	opacity: 1;
	transform: translateY(0);
}
.overlay_hover button {
	white-space: nowrap;
}
#courses div.movie-item > div.movie-poster.card_hover > div {
	align-content: center;
}
#courses div.movie-item > div.movie-poster.card_hover > div > p {
	color: #fff;
}
/*@media only screen and (min-width: 768px) {
	.movie-page-meta:has(> #selFilter) {
		justify-content: right;
		width: 100%;
	}
}*/
@media only screen and (max-width: 767px) {
	.movie-page-meta:has(/*>*/ #selFilter) {
		justify-content: right;
	}
	#selFilter { width: 100%; }
	.tr-movie-menu-active.only_mobile { width: 100%; }
	.tr-movie-menu-active.only_mobile form { width: 100%; }
}
.mis_cursos_menu, .mis_cursos_menu > a { font-weight: 600 !important; }
@media only screen and (max-width: 1277px) and (min-width: 992px) {/*992 - 1199, 1277 o 1278*/
	.logo > a > img {
		max-width: 220px;
	}
	.navbar-wrap > ul > li > a {
		/*padding: 38px 7px !important;*/
		padding: 38px 20px !important;
		font-size: 12px;
	}
	.header-action {
		max-width: 310px;
		margin: 0;
	}
	.header-action > ul > li {
		padding-left: 10px !important;
		margin-left: 0 !important;
	}
	.header-action ul li.header-lang {
		margin-left: 0 !important;
	}
	/*.header-action > ul > li.header-btn {
		display: block !important;
	}*/
	.header-action > ul > li.header-search > a {
		padding-right: 5px;
	}
	.header-action .header-btn .btn {
		font-size: 12px;
		padding: 5px 14px !important;
	}
	#btnMenuLogin {
		font-size: 12px;
	}
	.ms_pro_namewrap .pro_name {
		font-size: 12px;
	}
	.digital_event_custom #btn_register {}
}
@media only screen /*and (max-width: 1277px)*/ and (min-width: 1200px) {
	.logo > a > img {
		max-width: 250px;
	}
	.header-action {
		max-width: unset;
	}
	.header-action ul li.header-lang {
		margin-left: 20px !important;
	}
}
@media only screen and (max-width: 1199px) and (min-width: 992px) {
	.register_logged {
		position: fixed !important;
		top: 100px;
		right: 40px;
		z-index: 1;
	}
	.header-action .header-btn.register_logged .btn {
		padding: 10px 24px !important;
	}
}


/* -----------------CUSTOM STYLE----------------- */

/* -----------------CUSTOM EN VIVO----------------- */
#divMenuLive {}
@media only screen and (max-width: 1199px) and (min-width: 992px) {
	#divMenuLive {}
}
@media only screen and (max-width: 767px) {
	#divMenuLive { margin-top: -15px; }
}
#divMenuLive { min-height: 21px; padding: 5px 10px; text-align: center; background: #ffe5e5; }
#divMenuLive > div { display: inline-block;}
#divMenuLive .onair { position: inherit; /*top: -100px; right: unset; left: 20px;*/ margin-right: 110px; }
#divMenuLive .onair > span { top: 5px; right: unset; left: unset; transform: translateX(15px); color: #000; }
#spanLiveEventName { font-weight: 700; /*font-size: 18px; line-height: 21px;*/ }
#spanLiveEventName > sup { color: unset; }
body:has(#divMenuLive.has_live_content) .scroll-top { opacity: 0; }
.event_over_data .onair { top: -270px; right: 75px; }
.event_over_data .onair > span { color: #000; }
.webinar_list .onair { top: -180px; right: 70px; color: #fff; }
@media only screen and (max-width: 767px) {
	.webinar_list .onair { top: -160px; right: 70px; }
}

.w_message {
    font-size: 18px;
	line-height: 28px;
    text-align: center;
	padding: 200px 100px;
}
@media only screen and (max-width: 767px) {
	.w_message {
		padding: 0;
	}
}
.swal2-content .w_message {
    font-size: unset;
	line-height: unset;
    text-align: unset;
	padding: unset;
}
.w_message span {
	font-size: 12px;
    display: block;
    line-height: 14px;
    font-style: italic;
	margin: 10px 0 -20px 0;
}
.swal2-content .w_message span {
	font-size: 12px;
    display: block;
    line-height: unset;
    font-style: italic;
	margin: 10px 0 -10px 0;
}
.w_message img {
    height: 26px;
    width: auto;
    background: #fff;
    border-radius: 5px;
    padding: 2px 0 0 0;
    margin: -13px 0 0 0;
}

/* -----------------CUSTOM EN VIVO----------------- */

/* -----------------CUSTOM SEARCH----------------- */
.search_container_main {
	overflow-y: auto;
    min-height: calc(100vh - 120px);
}
.search_input_main { width: 100%; margin: 20px 0 10px 0; }
.search_element { margin: 5px 0; padding: 5px 0; border-radius: 5px; }
.search_element > div:nth-child(1) { text-align: center; }
.search_element > div:nth-child(1) > div {
	width: 100%;
    height: 130px;
	background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.search_element > div:nth-child(2) span {
	background: #000;
	color: #fff;
	padding: 0 5px;
	border-radius: 5px;
	margin-left: 5px;
}
.search_element > div:nth-child(2) { align-self: center; }
.search_element > div:nth-child(2) strong { color: #212121; }
.search_bg_empty { background: #ffffff10; }
.search_bg_empty:hover { background: #ffffff30; }
.search_bg_courses { background: #04217c40; }
.search_bg_courses:hover { background: #04217c60; }
.search_bg_digital_events { background: #0dcaf030; }
.search_bg_digital_events:hover { background: #0dcaf050; }
.search_bg_blogs { /*background: #04217c20;*/ background: #194f3c20; }
.search_bg_blogs:hover { /*background: #04217c40;*/ background: #194f3c40; }
.search_bg_blogs.search_element > div:nth-child(2) span { background: #04217c; }
.search_bg_capsules { background: #035dc720; }
.search_bg_capsules:hover { background: #035dc740; }
.search_bg_capsules.search_element > div:nth-child(2) span { background: #035dc7; }
.search_bg_webinars { background: #80008040; }
.search_bg_webinars:hover { background: #80008060; }
.search_bg_cinemed { background: #035dc720; }
.search_bg_cinemed:hover { background: #035dc740; }
.search_bg_cinemed.search_element > div:nth-child(2) span { background: #035dc7; }
.widget_back {
	background: #f4f4f4;
    border-radius: 10px;
    box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.16);
    margin-top: 30px;
}
/* -----------------CUSTOM SEARCH----------------- */

/* -----------------CUSTOM ERRCODE----------------- */
.errcode_area {
	text-align: center;
	margin: 0 auto;
	/*background: #00030d !important;
	background: -moz-linear-gradient(180deg, #051733 0%, #00030d 100%) !important;
	background: -webkit-linear-gradient(180deg, #051733 0%, #00030d 100%) !important;
	background: linear-gradient(180deg, #051733 0%, #00030d 100%) !important;*/

	/*background: #fff !important;
	background: -moz-radial-gradient(#fff 0%, #f4f4f4 80%) !important;
	background: -webkit-radial-gradient(#fff 0%, #f4f4f4 80%) !important;
	background: radial-gradient(#fff 0%, #f4f4f4 80%) !important;*/
}
.errcode_area {
	min-height: calc(100vh - 233px);
}
.errcode_area::before,
.errcode_area::after {
    content: '';
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    top: 20%;
}
.errcode_area::before {
    width: 30vw;
    height: 30vw;
    background-image: url(https://assets.medchannel.org/img/errcode/cable_left.png);
    background-position: center right;
    left: 0;
}
.errcode_area::after {
    width: 30vw;
    height: 30vw;
    background-image: url(https://assets.medchannel.org/img/errcode/cable_right.png);
    background-position: center left;
    right: 0;
}
.error_title {
	width: 200px;
	margin: 0 0 0 10px;
	border-bottom: 3px solid #035dc7;
    padding: 0 0 10px 0;
}
.errcode_num {
	color: #212121;
	font-size: 140px;
    line-height: normal;
    margin: -10px 0 -30px 0;
}
.errcode_desc {
	font-size: 18px;
	line-height: normal;
}
.errcode_area .errcode-active {
	margin: 90px auto 10px auto;
}
.errcode_content_image {
	display: block;
	width: 100%;
	height: 145px;
	background-repeat: no-repeat;
    background-position: center;
    /*background-size: cover;*/
}
.errcode_area .stories_play_icon {
	width: 20% !important;
}
@media only screen and (max-width: 1199px) and (min-width: 992px) {
	.errcode_area {
		min-height: calc(100vh - 231px);
	}
}
@media only screen and (max-width: 767px) {
	.errcode_area {
		min-height: calc(100vh - 343px);
		/*padding-top: 100px !important;*/
		padding-top: 60px !important;
	}
	.errcode_area::before,
	.errcode_area::after {
		background-size: 280px;
		width: 20vw;
		height: 60vw;
	}
	.errcode_area::before {
		top: 15%;
	}
	.errcode_area::after {
		top: 13.5%;
	}
	.error_title {
		width: 150px;
		margin: 0 0 0 10px;
		border-bottom: 3px solid #04217c;
		padding: 0 0 10px 0;
	}
	.errcode_num {
		color: #212121;
		font-size: 100px;
		line-height: normal;
		margin: -20px 0 -30px 0;
	}
	.errcode_desc {
		font-size: 13px;
	}
	.errcode_area .errcode-active {
		margin: 20px auto 0 auto;
	}
	.errcode_content_image {
		height: 245px;
	}
	.errcode_area .stories_play_icon {
		width: 20% !important;
		max-width: 50px;
	}
}
.errcode_area .movie-content {
	padding-right: 0;
	/*background: #fff;
	border-radius: 5px;*/
	background: #e8e8e8;
	border-radius: 5px;
}
.errcode_area div.owl-stage-outer div.movie-item {
	/*background: #fff;
	border-radius: 5px;*/
	background: #e8e8e8;
	border-radius: 10px;
	border: 10px solid #cecece;
}
.errcode_area .course_row_3 {
	margin-bottom: 0;
}
.errcode_area .course_row_3 p > a {
	color: #000;
	line-height: 15px;
	min-height: 30px;
	text-align: left;
    padding: 0 5px;
}
.errcode_area .course_row_3 p > a:hover {
	color: #04217c;
}
.errcode_area .course_row_4 > ul > li {
	width: 100%;
}
.errcode_area .course_row_4 > ul > li > p {
	margin: -10px auto 5px 5px;
	padding: 0px 10px;
	border-radius: 15px;
}
.errcode-active .card_hover {
    border-radius: 0;
}
.errcode_area div.movie-poster.card_hover { margin-bottom: 5px; background: #fff; }
.errcode_area div.movie-poster.card_hover > a.errcode_content_image { transition: ease all 0.3s; }
.errcode_area div.movie-poster.card_hover > a.errcode_content_image.c_de { background-size: 100%; }
.errcode_area div.movie-poster.card_hover > a.errcode_content_image.c_c { background-size: 121%	; }
.errcode_area div.movie-poster.card_hover > a.errcode_content_image.c_bl { background-size: 128%; }
.errcode_area div.movie-poster.card_hover > a.errcode_content_image.c_cp { background-size: 113%; }
.errcode_area div.movie-poster.card_hover > a.errcode_content_image.c_w { background-size: 148%; }
.errcode_area div.movie-poster.card_hover:hover > a.errcode_content_image.c_de { background-size: 100%; }
.errcode_area div.movie-poster.card_hover:hover > a.errcode_content_image.c_c { background-size: 100%; }
.errcode_area div.movie-poster.card_hover:hover > a.errcode_content_image.c_bl { background-size: 100%; }
.errcode_area div.movie-poster.card_hover:hover > a.errcode_content_image.c_cp { background-size: 100%; }
.errcode_area div.movie-poster.card_hover:hover > a.errcode_content_image.c_w { background-size: 100%; }
/* -----------------CUSTOM ERRCODE----------------- */

/* -----------------CUSTOM STYLE COURSES----------------- */

.interior_banner_top_crousel {
	padding: 0 !important;
	z-index: 0;
}
.interior_banner_top_crousel .owl-carousel .owl-nav {
    margin: -90px 0 -20px 0;
}
.interior-banner-top-active .movie-poster {
	min-height: 401px;
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
@media only screen and (max-width: 767px) {
	.interior-banner-top-active .movie-poster {
		min-height: 120px;
	}
}

.courses-list-area {
	/*padding-top: 20px;*/
	padding-top: 0;
	padding-bottom: 30px;
}
.breadcrumb-bg::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #04081a;
    background: -webkit-linear-gradient(to right, #04081a, transparent);
    background: linear-gradient(to right, #04081a, transparent);
    opacity: 0;
}
.breadcrumb-bg::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 146px;
    background: #000000;
    background: -webkit-linear-gradient(to bottom, #000000, transparent);
    background: linear-gradient(to bottom, #000000, transparent);
    opacity: 0;
}
.courses-list-area.movie-bg > div > div > div.col-xl-9.col-lg-9.col-sm-9.col-xs-12.grid-item.grid-sizer > div.row.tr-movie-active > div > div > div.movie-poster.mb-0 > img { width: 100%; }
body > main > section.courses-list-area.movie-bg > div > div > div.col-xl-9.col-lg-9.col-sm-9.col-xs-12.grid-item.grid-sizer > div.row.tr-movie-active > div > div > div.movie-content { padding-right: 0; }
.courses-list-area .movie-bg .tr-movie-menu-active button.active {
    border-color: #f8931f;
    border: 2px solid #04217c;
}
.courses-list-area .movie-bg .tr-movie-menu-active button.active:hover {
    border-color: #fba849;
    border: 2px solid #04217c;
}
.movie-bg .tr-movie-menu-active button,
.movie-bg .tr-movie-menu-active button:hover,
.blog-bg .tr-movie-menu-active button,
.blog-bg .tr-movie-menu-active button:hover,
.movie-filter-form select {
    background: #f2f2f2;
    border: 2px solid #04217c;
	height: 30px;
    line-height: 10px;
}
.movie-bg .tr-movie-menu-active button.active,
.blog-bg .tr-movie-menu-active button.active {
    background: #04217c;
	color: #fff;
}

#courses > div > div.row.tr-movie-active > div.grid-item { min-height: 343px; }
.tr-movie-menu-active button {
    box-shadow: none;
}
.course_isotope_order { display: none; }
/*.courses-list-area*/ .movie-page-meta {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
	margin-top: 10px;
}
.courses-list-area .movie-page-meta.align_end {
    justify-content: flex-end;
}
.input_pp {
	background: #fff;
	/*border-color: #04217c;*/
	border-color: #c8c8c8;
	color: #a1a1a1;
    /*font-weight: 600;*/
}
.btn_search {
    display: inline-block;
    font-weight: 400;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #04217c;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0 .25rem .25rem 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn_search > i {
    margin-right: auto;
    margin-left: auto;
}

.episode-bg {
    /*padding: 30px 0 325px;*/
    padding: 30px 0 40px;
}
.episode-top-wrap {
    /*margin-bottom: 0px;*/
    margin-bottom: 10px;
}

.course-details-area {
	/*background: #1d1d1d;*/
	padding: 50px 0 0 0;
}
.login_square > .container {
	box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.16);
	border: 1px solid #21212100;
    border-radius: 20px;
	padding: 20px 0;
}

.inner_course_arrow {
    /*background: #04217c;*/
    background: #f48f23;
	color: #fff !important;
    /*width: 300px;
    height: 40px;*/
    /*width: 250px;
    height: 32px;*/
    width: 200px;
    height: 28px;
    position: relative;
	padding: 5px 0;
	text-align: center;
}
.inner_course_arrow:after {
    content: '';
    display: block;
    position: absolute;
    right: -20px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    /*border-width: 20px 0 20px 20px;*/
    /*border-width: 16px 0 16px 20px;*/
    border-width: 14px 0 14px 20px;
    /*border-color: transparent transparent transparent #04217c;*/
    border-color: transparent transparent transparent #f48f23;
}
h5.inner_course_arrow {
    /*font-size: 20px;*/
    font-size: 16px;
}
@media only screen and (max-width: 767px) {
	h5.inner_course_arrow {
		font-size: 16px !important;
	}
}
.course_price {
	margin: 20px 0 10px 0;
	font-size: 28px;
}
.course_price > del {
	color: #939393;
}
.course_price > span {
	color: #04217c;
}
.course_price.course_price_ok > span {
	color: #5dc12f;
}
.course-details-area .banner-meta ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.row_list_element {
	margin: 15px 18px 0 0 !important;
}
.row > .row_list_element {
	margin: 0 !important;
	text-align: center;
}
.row_list_element span img {
	height: 50px;
	width: auto;
	display: inline-block;
	/*margin-top: 5px;*/
	vertical-align: top;
}
.sponsor_list_width span img {
	width: 100%;
	height: auto;
}
/*@media only screen and (max-width: 767px) {
	.row_list_element span img {
		height: 40px;
	}
}*/
.row_list_element span p {
	display: inline-block;
	font-size: 10px;
	line-height: 15px;
	max-width: calc(100% - 30px);
}
.row_list_element span p span {
	font-size: 20px;
}
.movie-details-img .popup-video_course {
    position: absolute;
    right: 10px;
    bottom: 10px;
    /* transform: translate(-50%, -50%); */
    z-index: 1;
	width: 50px;
}

.swal2-popup .swal2-close:hover { color: #04217c !important; }
/*.swal2-popup { background: #1d1d1d !important; border-radius: 10px !important; }*/
/*.swal2-title { color: #fff /*#939393*/ !important; }*/
/*.swal2-content { color: #fff /*#929292*/ !important; }*/
.swal2-content > img { margin: 10px auto 0 auto; border-radius: 10px; width: 200px; }
.swal2-confirm { background: #04217c !important; }
.swal2-confirm:hover { background: #035dc7 !important; }
.swal2-cancel { background: #035dc7 !important; }
.swal2-cancel:hover { background: #04217c !important; }
.swal2-popup strong { font-weight: 600; }
.swal2-content select { font-size: 17px; }

@media only screen and (max-width: 768px) {
	.swal2-popup:has(.has_large_buttons) .swal2-buttonswrapper { flex-direction: column; }
}
[class^='digital_event_'] .swal2-confirm,
[class^='digital_event_'] .swal2-cancel { letter-spacing: 0; padding: 10px !important; max-width: unset; }
.swal2-popup:has(.has_large_buttons) .swal2-confirm,
.swal2-popup:has(.has_large_buttons) .swal2-cancel { letter-spacing: 0; padding: 10px !important; max-width: unset; }

.input_pp_swal {
    /*background: #3f3f3f;
    border-color: #3f3f3f;*/
	color: #a1a1a1;
    font-weight: 600;
	text-align: center;
	margin: 10px 0 0 0;
}

.course_data_sheet {
	/*background: #3d3d3d;*/
	/*background: #1f1e24;*/
	background: #232326;
	border-radius: 10px;
	/*max-width: 250px;*/
	max-width: 290px;
	/*margin-left: 20px;*/
	margin-left: 0;
	font-size: 13px;
}
@media only screen and (max-width: 768px) {
	.course_data_sheet {
		max-width: none;
		margin-left: 0;
		margin-top: 10px;
	}
}
.course_data_sheet > div:nth-child(1) {
	/*padding: 10px;*/
	padding: 10px 20px 5px 20px;
}
@media only screen and (max-width: 768px) {
	.course_data_sheet > div {
		padding: 10px 30px 5px 30px !important;
	}
}
.course_data_sheet > div:nth-child(1) > div {
	margin: 5px 0;
}
.course_data_sheet > div:nth-child(1) > div > span {
	font-weight: 800;
}
.course_data_sheet > div:nth-child(2) > img {
	width: 100%;
    height: auto;
	border-radius: 0 0 10px 10px;
}
.btn_grant {
	border-radius: 5px;
	padding: 5px 10px;
	letter-spacing: normal;
	/*font-size: 10px;*/
	font-size: 11px;
	font-weight: 600;
	width: 100%;
	max-width: 100%;
	margin: 5px 0;
}
.btn_grant:hover {
	
}
.btn_orange {
	background: #f48f23 none repeat scroll 0 0;
    border: 2px solid #f48f23;
}
.btn_orange:hover {
	background: #fba447 none repeat scroll 0 0;
    border: 2px solid #fba447;
}

.episode-watch-wrap .card-body ul li a {
    font-weight: 300;
}
/*.course_topic_play > a {
	color: #fff !important;
}*/
.course_topic_play > a:hover {
	/*color: #04217c !important;*/
	color: #c8c8c8 !important;
}
.course_topic_play > a > i {
	display: inline-block;
    vertical-align: top;
    margin-top: -8px;
}
.course_topic_play > a > span {
	display: inline-block;
	/*max-width: calc(100% - 105px);*/
	max-width: calc(100% - 115px);
}
.course_topic_play > a > span > h5 {
    line-height: 0px;
    margin: 0 0 -10px 0;
}
.course_topic_play > a > span > span {
	font-weight: 600;
}
/* -----------------CUSTOM STYLE COURSES----------------- */

/* -----------------CUSTOM STYLE BLOGS----------------- */
.blog-bg .tr-movie-menu-active button, .movie-filter-form select {
    border-radius: 50px;
    font-size: 18px;
    font-weight: 600;
    color: #1b1b1b;
    /*padding: 11px 27px 5px 27px;*/
    padding: 11px 17px 5px 17px;
    margin-bottom: 0;
    transition: none !important;
}
.blog-area {
	padding-top: 20px;
	padding-bottom: 30px;
	/*background: #1d1d1d;*/
}
.blog-bg .tr-movie-menu-active button::before,
.blog-bg .tr-movie-menu-active button::after {
	background: none;
}
.blog-page-meta {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.blog-sidebar .title,
/*.blog-bg .title {
    width: 100%;
    border-bottom: 2px solid #04217c;
    padding: 0 0 10px 0;
}*/
.white_view .blog-post-item .title {
    width: 100%;
    border-bottom: 2px solid #212121;
    padding: 0 0 10px 0;
}
.blog-post-item .title {
    width: 100%;
    /*border-bottom: 2px solid #999;*/
    border-bottom: 2px solid #ccc;
    /*padding: 0 0 10px 0;*/
    padding: 0 0 5px 0;
}
.white_view .blog-post-content div > span {
	color: #777;
}
.blog-post-content div > span {
	color: #999;
}
.blog-sidebar .widget-title .title::before,
.blog-bg .widget-title .title::before {
    content: none;
}
.blog-widget {
    padding: 20px 10px;
}

.sidebar-cat ul li {
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.sidebar-cat ul li.see_more_list {
	padding-bottom: 0;
    border-bottom: none;
}

.blog-post-item {
    margin-bottom: 20px;
}

.blog-sidebar .rc-post-item .thumb {
	height: 57px;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
    margin-right: 10px;
	max-width: 90px;
}
.blog-sidebar .rc-post-item .content .title {
	/*font-size: 8px;*/
	/*font-size: 9px;*/
	font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    margin-bottom: 2px;
    padding-bottom: 2px;
}
.blog-post-content {
    padding: 10px;
}
.blog-post-content .title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
	min-height: 52px;
}
.blog-post-content p {
	font-size: 12px;
    color: #212121;
    line-height: normal;
	/*min-height: 72px;*/
	min-height: 54px;
	/*height: 54px;*/
}
.white_view .blog-post-content.normal_blog_content p {
    color: #212121;
}
.blog-post-content.normal_blog_content p {
    color: #fff;
}
/*.blog-area .blog-post-content p {
	height: unset;
}*/
.blog-post-content.normal_blog_content p {
	min-height: unset;
}
.blog-post-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    padding-top: 0px;
    margin-top: 5px;
}
.blog-sidebar .rc-post-item .content {
    align-self: center;
}
.blog-sidebar .rc-post-item .content .date {
    /*font-size: 10px;*/
    font-size: 10.5px;
}
.blog-sidebar .rc-post-item .content .date i {
    font-size: 12px;
}
.blogs-area .blog-post-content .title {
	padding-left: 0;
	width: 100%;
}


.interior_blog_change_view_color {
    width: 30px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    font-size: 16px;
    border-radius: 5px;
    z-index: 99;
    color: #fff;
    background: #212121;
    text-align: center;
    cursor: pointer;
    transition: 1s ease;
    border: none;
    text-align: center;
	padding: 1px 0 0 0;
    margin: 6px 0 0 5px;
}
.white_view .interior_blog_change_view_color {
    color: #212121;
    background: #f4f4f4;
}
.interior_blog_change_view_color > i {
	
	margin: 0 auto;
}
.interior-blog-area.white_view .blog-post-item {
    background: #f4f4f4;
    box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.16);
    margin-bottom: 50px;
	border-radius: 10px;
}
.interior-blog-area.white_view .blog-post-content {
    color: #1d1d1d;
}
.interior-blog-area.white_view .blog-post-content h1,
.interior-blog-area.white_view .blog-post-content h2,
.interior-blog-area.white_view .blog-post-content h3,
.interior-blog-area.white_view .blog-post-content h4,
.interior-blog-area.white_view .blog-post-content h5,
.interior-blog-area.white_view .blog-post-content h6 {
    font-family: 'Poppins', sans-serif;
    color: #1d1d1d;
    margin-top: 0px;
    font-style: normal;
    font-weight: 700;
    text-transform: normal;
}
.interior-blog-area .normal_blog_content .blog-post-content h1,
.interior-blog-area .normal_blog_content .blog-post-content h2,
.interior-blog-area .normal_blog_content .blog-post-content h3,
.interior-blog-area .normal_blog_content .blog-post-content h4,
.interior-blog-area .normal_blog_content .blog-post-content h5,
.interior-blog-area .normal_blog_content .blog-post-content h6 {
    color: #fff;
}
.interior-blog-area.white_view .blog-post-content p {
    font-size: 12px;
    /*font-size: 17px;*/
    color: #1d1d1d;
    line-height: normal;
}
.interior-blog-area .normal_blog_content .blog-post-content p {
    color: #fff;
}
.interior-blog-area.white_view .blog-post-content p a {
    word-break: break-all;
}
.interior-blog-area.white_view .blog-post-content > blockquote > p {
	font-size: 20px;
}
/*.interior-blog-area.white_view .blog-post-meta ul li a {
    color: #1f1f1f;
}*/
.interior-blog-area.white_view .blog-post-content a {
    color: #1f1f1f;
}
.interior-blog-area .blog-post-content a {
    color: #999;
}
.interior-blog-area.white_view .blog-post-content a:hover {
    /*color: #04217c;*/
    color: #035dc7;
}
.interior-blog-area.white_view .blog-post-meta {
    padding-top: 10px;
}
.interior-blog-area.white_view .blog-post-meta ul li {
    position: relative;
    margin-top: 10px;
    font-size: 12px;
    /*color: #1d1d1d;*/
}
.interior-blog-area.white_view div.blog-post-item > div.blog-post-content > div.blog-post-meta > div > ul > li:nth-child(1) > span {
	color: #1d1d1d;
}
.interior-blog-area div.blog-post-item > div.blog-post-content > div.blog-post-meta > div > ul > li:nth-child(1) > span {
	color: #999;
}
.interior-blog-area.white_view .blog-post-content > div.blog-img-wrap > div > div > img {
	width: 100%;
}
.interior-blog-area.white_view .blog-details-wrap blockquote {
    margin: 35px 0 40px;
    background: #f5f5f5;
    padding: 35px 50px 35px 40px;
}
.interior-blog-area.white_view .blog-details-wrap blockquote > i {
    color: #04217c;
}
.interior-blog-area.white_view .blog-details-wrap blockquote figure > span {
    color: #04217c;
}
.interior-blog-area.white_view .blog-details-wrap blockquote figure {
    color: #1d1d1d;
}

.recomended_blogs { margin-bottom: 30px !important; }
.recomended_blogs .blog-post-item {
	margin-bottom: 0 !important;
    background: #f2f2f2 !important;
	box-shadow: none !important;
}
.recomended_blogs .blog-post-content {
    color: #bcbcbc;
}
.recomended_blogs .blog-post-content a {
    color: #212121;
}
.recomended_blogs .blog-post-content a:hover {
    color: #04217c;
}
.recomended_blogs .blog-post-content p {
    color: #212121;
}
.recomended_blogs .blog-post-meta ul li {
    color: #777;
}
.blog_read_more {
    padding: 5px 10px;
    display: inline;
    border-radius: 5px;
    margin: 0 5px;
    border: 1px solid #04217c;
    background: #04217c;
    color: #fff !important;
}
.blog_read_more:hover {
    border: 1px solid #035dc7;
    background: #035dc7;
}
.blog_read_more a {
    color: #fff !important;
}

#interior-blog-area > div > div.row {
	
}
.blog_pure_style p {
    font-size: 17px !important;
    line-height: normal;
	font-weight: 300 !important;
	text-align: justify;
}
.blog_pure_style strong,
.blog_pure_style b {
	font-weight: 600 !important;
}
.blog_pure_style ol,
.blog_pure_style em,
.blog_pure_style ul {
    list-style: unset;
    margin: unset;
	font-weight: 300;
    /*padding: 0 0 0 20px;*/
}
.blog_pure_style ol,
.blog_pure_style ul {
    padding: 0 0 0 20px;
}
.blog_pure_style li { list-style: auto; font-size: 17px; }
.blog_pure_style ul > li { list-style: disc; margin-left: 10px; font-size: 17px; }
.blog_pure_style ul > li { color: #ccc; }
.white_view .blog_pure_style ul > li { color: #666; }
.blog_pure_style p { font-size: 17px; }
.blog_pure_style table td { border: 1px solid #777777; padding: 5px; }

section.blog-area.blog-bg div.rc-post > ul > li.rc-post-item > div.thumb {
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
	min-height: 70px;
}
/* -----------------CUSTOM STYLE BLOGS----------------- */

/* -----------------CUSTOM STYLE CAPSULES----------------- */
.capsules-list-area .movie-page-meta {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.capsule-area .movie-poster .overlay-btn li a,
.capsules-list-area .movie-poster .overlay-btn li a {
    min-width: unset;
    padding: 10px 34px;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 600;
}
.capsules-list-area {
    padding-top: 20px;
    padding-bottom: 30px;
}

.course_row_13 > h5.title {
    padding: 7px 0 5px 0;
    /*font-size: 11.5px !important;
	min-height: 41px;*/
	font-size: 16px !important;
    min-height: 52px;
}
.course_row_13 > h5.title > a {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.course_row_15 {
    font-size: 9px;
    font-weight: 300;
    line-height: 15px;
    color: #fff;
    margin-bottom: 5px;
	min-height: 45px;
}
.course_row_15_desc {
    padding-left: 10px;
    /*margin-top: -10px;*/
}
.course_row_15_desc > p {
    font-size: 11px !important;
	font-weight: 500 !important;
}
.recomended_blogs .course_row_15_desc > p {
	padding-left: 0;
}
@media only screen and (max-width: 767px) {
	.course_row_15_desc > p {
		font-size: 12px !important;
	}
}
.course_row_15 p {
    font-size: 9px;
    font-weight: 300;
    /*line-height: 15px;*/
    line-height: 18px;
    color: #212121;
    margin-bottom: 5px;
}
.course_row_15 > p {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.show_lines_1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
}
.show_lines_2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	/*word-break: break-all;*/
}
.show_lines_3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	/*word-break: break-all;*/
}
.show_lines_5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	/*word-break: break-all;*/
}
.capsules-list-area div.movie-content > div.bottom.course_row_16 > ul:nth-child(1) > li.rating > i {
	color: #04217c;
}

.hashtag-widget > .rc-post { margin: 0 -10px; }
.hashtag-widget > .rc-post > a { /*word-break: break-word;*/ word-break: break-all; }

.capsule-area {
    padding-top: 20px;
    padding-bottom: 30px;
}
.inner_capsule_arrow {
    background: #f4f4f4;
    width: 200px;
    height: 50px;
    position: relative;
	padding: 5px 0;
	text-align: center;
	margin-top: 10px;
	box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.16);
}
.inner_capsule_arrow:after {
    content: '';
    display: block;
    position: absolute;
    right: -20px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 0 25px 20px;
    border-color: transparent transparent transparent #f4f4f4;
}
.inner_capsule_arrow.square_logo {
    width: 120px;
    height: 80px;
}
.inner_capsule_arrow.square_logo:after {
    border-width: 40px 0 40px 20px;
}
.inner_capsule_arrow > img {
    height: 100%;
	width: auto;
	margin: 0 auto;
}
.capsule-area .title {
    width: 100%;
	margin-top: 10px;
}
.capsule-area .widget-title .title::before {
    content: none;
}
.movie-content .bottom.capsule_row_1 {
	padding: 20px 0 10px 0;
}
.movie-content .bottom.capsule_row_1 ul li > span {
	font-size: 16px;
}
.capsule_row_2 {
	font-size: 16px;
}

.carousel_caption h4 {
	text-align: left !important;
	border-bottom: 1px solid #fff;
	padding: 0 !important;
}
.carousel_caption p {
	text-align: left !important;
	padding: 5px 0 26px !important;
}
.carousel_caption {
	padding-top: 100px !important;
	background: #000 !important;
	background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 15%, rgba(0,0,0,0.5) 40%, rgba(0,0,0,0.7) 100%) !important;
	background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 15%, rgba(0,0,0,0.5) 40%, rgba(0,0,0,0.7) 100%) !important;
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 15%, rgba(0,0,0,0.5) 40%, rgba(0,0,0,0.7) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1) !important;
}
.carousel_caption ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
	padding: 10px 20px;
}
.carousel_caption ul li {
    display: flex;
    align-items: center;
}
.carousel_caption ul li > span {
    color: #fff;
	padding: 10px 20px 0 0;
    font-size: 18px;
}
@media only screen and (max-width: 768px) {
	.carousel_caption ul {
		display: none;
	}
	.carousel_caption h4 {
		font-size: 24px !important;
		border-bottom: 20px solid transparent;
	}
	.carousel_caption p {
		/*font-size: 16px !important;
		line-height: 16px !important;*/
		display: none;
	}
}
@media only screen and (max-width: 768px) {
	.course_row_16 {
		padding-bottom: 10px;
	}
}
/* -----------------CUSTOM STYLE CAPSULES----------------- */

/* -----------------CUSTOM STYLE DIGITAL EVENTS----------------- */
.digital-events-list-area {
    padding-top: 20px;
    padding-bottom: 30px;
}
.event_over_data {
	/*background: #00000099;*/
    position: absolute;
    left: 0;
    right: 0;
    /*top: 50%;
    transform: translateY(-50%);*/
    top: 0;
    text-align: center;
    z-index: 1;
	height:100%;
}
.btn_event_register {
	padding: 1px 20px;
    font-size: 16px;
    width: unset;
	max-width: unset;
    position: absolute;
	top: 50%;
    transform: translateX(-50%) translateY(-150%);
}
.course_row_17 > ul > li > span > img {
	width: 20px;
	margin: 0 5px 3px 0;
	display: inline;
}
.course_row_17 > ul > li > span {
	/*font-size: 10px !important;*/
	font-size: 9px !important;
	text-transform: uppercase;
}
.course_row_18 {
	border-top: 1px solid #fff;
	padding-top: 5px;
    margin-top: 2px;
}
.course_row_18 > ul > li > span > img {
	width: 12px;
	margin: 0 5px 3px 0;
	display: inline;
}
.course_row_18 > ul > li > span {
	font-size: 7px !important;
	text-transform: uppercase;
}
.course_row_18 > ul > li > span > span {
	font-size: 7px !important;
	text-transform: none;
}
@media only screen and (max-width: 768px) {
	.course_row_17 > ul > li > span {
		/*font-size: 14px !important;*/
		font-size: 13px !important;
	}
	.course_row_18 > ul > li > span {
		font-size: 10px !important;
	}
	.course_row_18 > ul > li > span > span {
		font-size: 10px !important;
	}
}

.event_over_data .movie-content {
	background: #000000cc;
    bottom: 0;
    position: absolute;
    width: 100%;
}
.digital-events-list-area .movie-item-three .movie-poster::before {
    background: transparent;
    border: 1px solid transparent;
}


.digital_event_block {
	background: transparent;
}
.digital_event_block > div {
	border-radius: 10px;
    margin-bottom: 10px;
}
.digital_event_title {
	font-size: 16px;
	color: #fff;
	line-height: 16px;
    text-align: center;
	align-items: center;
	padding: 10px 0;
	font-weight: 600;
}
.digital_event_title > div:nth-child(6) {
    text-align: left;
}
.digital_event_title img {
	width: 30px;
	float: right;
}
.digital_event_title span {
	font-size: 14px;
	text-transform: none;
}

.digital_event_description_title {
	font-size: 16px;
	color: #fff;
	line-height: 16px;
    text-align: center;
	align-items: center;
	padding: 0;
	align-items: normal;
}
.digital_event_description_title > div {
	padding: 0;
}
.digital_event_description_title > div > .de_title {
	padding: 10px 15px;
	font-size: 20px;
}
.digital_event_description_title > div > .de_content {
	background: #fff;
	color: #2e2e2e;
	padding: 10px 15px;
	font-size: 14px;
	font-weight: 300;
	height: calc(100% - 36px);
}
.digital_event_description_title > div > .de_content > div {
    height: 100%;
    align-items: center;
}
.digital_event_description_title > div:nth-child(1) > div {
	text-align: left;
    border-radius: 0 0 0 10px;
}
@media only screen and (max-width: 768px) {
	.digital_event_description_title > div:nth-child(1) > div {
		border-radius: 0;
	}
}
.digital_event_description_title > div:nth-child(2) > div {
	text-align: right;
    border-radius: 0 0 10px 0;
}
@media only screen and (max-width: 768px) {
	.digital_event_description_title > div:nth-child(2) > div {
		border-radius: 0 0 10px 10px;
	}
}
.row.digital_event_description_title > div:nth-child(2) > .de_content > div > div > div {
	text-align: center;
}
.center_logos img {
	margin: 0 auto;
    display: block;
}
.digital_event_description_title > div:nth-child(2) > div img {
	margin: 0 auto;
	max-height: 100px;
}

.digital_event_sponsors_title {
	font-size: 16px;
	color: #fff;
	line-height: 16px;
    text-align: center;
	align-items: center;
	padding: 0;
	align-items: normal;
}
.digital_event_sponsors_title > div {
	padding: 0;
}
.digital_event_sponsors_title > div > .de_title {
	padding: 10px 15px;
	font-size: 20px;
}
.digital_event_sponsors_title > div > .de_content {
	background: #fff;
	color: #000;
	padding: 10px 15px;
	font-size: 14px;
	font-weight: 300;
	height: 100%;
    border-radius: 0 0 10px 10px;
}
.digital_event_sponsors_title > div > .de_content > div {
    height: 100%;
    align-items: center;
	min-height: 92px;
	justify-content: space-evenly;
}
@media only screen and (max-width: 768px) {
	.digital_event_sponsors_title > div > .de_content > div > div {
		/*padding: 10px 15px;*/
		padding: 0 15px;
	}
}
.digital_event_sponsors_title > div > .de_content img {
    margin: 0 auto;
}

.digital_event_diary_title {
	font-size: 16px;
	color: #fff;
	line-height: 16px;
    text-align: left;
	align-items: center;
	padding: 0;
	align-items: normal;
}
.digital_event_diary_title > div {
	padding: 0;
	align-self: center;
}
.digital_event_diary_title > div:nth-child(3) {
	text-align: right;
	padding-right: 10px;
}
.digital_event_diary_title > div > .de_title {
	padding: 10px 15px;
	font-size: 20px;
}
.digital_event_diary_title > div > .de_content {
	background: #fff;
	color: #373737;
	padding: 10px 15px;
	font-size: 14px;
	font-weight: 300;
	height: 100%;
    border-radius: 0 0 10px 10px;
}
.digital_event_diary_title > div > .de_content > div {
    height: 100%;
    align-items: center;
	margin-top: 5px;
    margin-bottom: 10px;
	min-height: 45px;
}
.digital_event_diary_title > div > .de_content > div > div > span {
    display: block;
}
.digital_event_diary_title > div > div > div > div:nth-child(3) > span {
	color: #0f0f0f;
	font-weight: 600;
}
@media only screen and (max-width: 768px) {
	.digital_event_diary_title > div > .de_content > div > div {
		padding: 5px 15px;
	}
}
.digital_event_diary_title > div > .de_content img {
    margin: 0 auto;
}
.btn_day {
	padding: 0 10px;
    background: #fff;
    border-color: #fff;
    color: #04217c;
	margin: 3px 0;
}
.btn_day.active {
    background: #04217c none repeat scroll 0 0;
    border: 2px solid #04217c;
}
.btn_day:hover {
    /*background: #206971 none repeat scroll 0 0;
    border: 2px solid #206971;*/
	color: #fff !important;
}
/*#banner_mid .btn_register {*/
#btn_register_m {
    width: 100%;
    position: fixed;
    /*bottom: 3px;*/
    bottom: 63px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    padding: 5px 10px;
    font-size: 20px;
	margin-bottom: 10px;
}
/* -----------------CUSTOM STYLE DIGITAL EVENTS----------------- */

/* -----------------CUSTOM STYLE WEBINARS----------------- */
.course_row_23 {
	margin-bottom: 0 !important;
}
.course_row_23 > h5.title {
	padding: 7px 0 5px 0;
	font-size: 16px !important;
    min-height: 32px;
	text-align: center;
	border: none;
	min-height: 51px;
}
.course_row_24 {
    width: 100%;
    border-bottom: 1px solid #04217c;
    padding: 0;
	margin-bottom: 5px;
}
.course_row_24 > ul {
	justify-content: center !important;
}
.course_row_24 > ul > li:nth-child(1) > span {
	color: #939393;
	font-size: 14px;
	color: #fff;
	font-weight: 300;
    min-height: 42px;
    margin-top: 3px;
}
#myTabContent > div > div > div.owl-stage-outer > div > div > div > div.movie-poster.card_hover { margin-bottom: 10px; min-height: 186px; }
#tvShow > div > div > div > div.owl-stage-outer > div > div > div > div.movie-poster.card_hover { margin-bottom: 0; min-height: 173px; }
.course_row_24 > ul > li:nth-child(1) > span > span {
	color: #04217c;
	font-weight: 800;
}
.course_row_24 div.course_tag {
	width: 60%;
	text-align: center;
}
.course_row_24 div.course_tag > p {
	padding: 0px 5px;
	display: inline;
    border-radius: 5px;
    margin: 0 5px;
	font-size: 12px;
}
.course_row_24 div.course_tag > p:nth-child(1) {
	border: 1px solid #04217c;
    background: #04217c;
    color: #fff;
}
.course_row_24 div.course_tag > p:nth-child(2) {
	border: 1px solid #fff;
    background: #fff;
    color: #04217c;
}
.course_row_25 > ul > li > span > img {
	width: 20px;
	margin: 0 5px 3px 0;
	display: inline;
}
.course_row_25 > ul > li > span {
	font-size: 14px !important;
	text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
	.course_row_25 > ul > li > span {
		font-size: 12px !important;
		margin-bottom: 10px;
	}
}

.section-title .title {
    text-align: left;
}
.webinar_subtitle {
    font-size: 26px;
    font-weight: 300;
    margin: 5px 0 0 0;
    text-align: left;
}
.movie-content:has (> .course_row_26)  {
	padding: 0;
}
.course_row_27  {
	margin: 10px 0 0px 0;
}
.course_row_27 > ul > li > span {
	text-transform: uppercase;
	padding-right: 10px;
}
.course_row_27 > ul > li > span > img {
	width: 30px;
	margin: 0 5px 3px 0;
	display: inline;
}
@media only screen and (max-width: 767px) {
	.course_row_27 > ul > li > span {
		font-size: 11px !important;
		margin-right: 20px;
	}
}

/* -----------------CUSTOM STYLE WEBINARS----------------- */

/* -----------------CUSTOM STYLE CINEMED----------------- */
.cinemed-list-area,
.cinemed-area {
    padding-top: 20px;
    padding-bottom: 30px;
}
.cinemed-list-area .widget-title .title::before {
    display: none;
}
.cinemed-list-area .movie-poster .overlay-btn li a, .capsules-list-area .movie-poster .overlay-btn li a {
    min-width: unset;
    padding: 10px 34px;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 600;
}

.course_row_28 > h5.title {
    padding: 7px 0 5px 0;
    /*font-size: 11.5px !important;
	min-height: 41px;*/
	font-size: 16px !important;
    min-height: 52px;
}

.course_row_29 > ul > li > span > img {
	width: 20px !important;
	margin: 0 5px 3px 0;
	display: inline !important;
}
.course_row_29 > ul > li > span {
	font-size: 10px !important;
}

.course_row_30 > ul > li > span > img {
	/*width: 20px;*/
	width: 15px !important;
	/*margin: 0 5px 3px 0;*/
	margin: -2px 5px 0 0;
	display: inline !important;
}
.course_row_30 > ul > li > span {
	/*font-size: 10px !important;*/
	font-size: 9px !important;
}
.course_row_30 > ul > li > span > span {
	font-size: 7px !important;
}
.cinemed_element {
	padding: 0 10px;
}

.course_row_31 > ul > li > span > img {
	width: 20px;
	margin: 0 5px 3px 0;
	display: inline;
}
.course_row_31 > ul > li > span {
	/*font-size: 10px !important;*/
	font-size: 9px !important;
	text-align: left;
	margin: 5px 0 -5px 0;
}


.cinemed-list-area .title {
    width: 300px;
    padding-bottom: 0;
    margin-bottom: 10px;
}
.cinemed_title_logo {
    margin: 0 auto;
}

.cinemed_block_right .title {
    width: 100%;
    border-bottom: 2px solid #04217c;
    padding: 0 0 10px 0;
}
.recomended_cinemed .title {
    width: 100%;
    border-bottom: 2px solid #04217c;
    padding: 0 0 10px 0;
}

.cinemed_icon {
	width: 120px;
	height: 120px;
	border-radius: 100%;
	margin: 0 auto;
}
.cinemed_icon > div {
	width: 100%;
	height: 100%;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
}
.cinemed_block_left .cinemed_icon {
	background: #04217c;
	padding: 20px;
}
.cinemed_block_left .cinemed_icon > div {
	background-image: url(../img/cinemed/head_left.png);
}
.cinemed_block_right {
    /*margin-top: 10%;*/
	align-content: center;
}
@media only screen and (max-width: 767px) {
	.cinemed_block_right {
		margin-top: 0;
	}
}
.cinemed_block_right .cinemed_icon {
	background: #04217c;
	padding: 10px;
	margin-bottom: 30px;
}
.cinemed_block_right .cinemed_icon > div {
	background-image: url(../img/cinemed/head_right.png);
}
.cinemed_message {
	background-image: url(../img/cinemed/back_left.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
	/*padding: 120px 80px 0 60px;*/
	padding: 120px 160px 0 140px;
	margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
	.cinemed_message {
		padding: 120px 40px 0 20px;
	}
}
.cinemed_message > div {
	background: #f4f4f4;
    /*color: #fff;*/
    color: #212121;
	/*-webkit-box-shadow: 0px 0px 30px 10px #110e17aa;
	-moz-box-shadow: 0px 0px 30px 10px #110e17aa;
	box-shadow: 0px 0px 30px 10px #110e17aa;*/
}
.cinemed_message > div:nth-child(1) {
	padding: 40px 20px 0px 20px;
	/*border-radius: 100% 100% 0 0;*/
	border-radius: 150px 150px 0 0;
}
.cinemed_left_text {
	padding: 10px 20px;
}
.cinemed_left_text > img {
	display: inline;
	width: 20px;
}
.cinemed_left_text_grande {
	font-size: 18px !important;
	line-height: 23px;
	color: #212121 !important;
	font-weight: 600 !important;
}
.cinemed_left_text_grande > strong {
	font-weight: 800 !important;
}
.cinemed_left_text_grande > span {
	color: #035dc7 !important;
	font-weight: 800 !important;
}
.cinemed_left_title {
    font-size: 18px;
    text-align: center;
    padding: 10px 0;
	margin: 15px 0 -10px 0;
    /*border-bottom: 1px solid #04217c;*/
}
.cinemed_left_title:after {
    content: '';
    position: absolute;
    width: 100px;
    top: 295px;
    left: calc(50% - 50px);
    border-top: 5px dashed #cccccc;
}
.min_center {
	text-align: center;
	font-size: 13px;
	font-weight: 300;
}
.cinemed_step {
	background-repeat: no-repeat;
    background-position: center left;
    background-size: contain;
	margin: 10px 0;
	padding: 2px 30px 2px 2px;
}
.cinemed_step:nth-child(1) { background-image: url(../img/cinemed/how_back_1.png); }
.cinemed_step:nth-child(2) { background-image: url(../img/cinemed/how_back_2.png); }
.cinemed_step:nth-child(3) { background-image: url(../img/cinemed/how_back_3.png); }
.cinemed_step:nth-child(4) { background-image: url(../img/cinemed/how_back_4.png); }
.cinemed_step:nth-child(5) { background-image: url(../img/cinemed/how_back_5.png); }
.cinemed_step:nth-child(6) { background-image: url(../img/cinemed/how_back_6.png); }
.cinemed_step > div {
	position: relative;
}
.cinemed_step > div > img {
	display: inline-block;
	width: 70px;
	border-radius: 32px;
}
.cinemed_step > div > span {
	display: inline-block;
	width: calc(100% - 55px);
	font-size: 14px;
	line-height: 14px;
	padding-left: 10px;
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
	color: #212121;
}
@media only screen and (max-width: 767px) {
	.cinemed_step {
		margin: 2px 15px;
	}
	.cinemed_step > div > img {
		width: 70px;
		border-radius: 28px;
	}
	.cinemed_step > div > span {
		width: calc(100% - 70px);
		font-size: 14px;
		line-height: 15px;
	}
}
.cinemed-list-area .movie-item-three:hover .movie-poster::before {
    /*opacity: .79;*/
    opacity: 0;
}



.cinemed_sponsors_title {
	align-items: center;
	align-items: normal;
	background: #fff;
    padding: 10px;
	margin-top: 10px;
	border-radius: 10px;
	max-width: calc(100% - 15px);
}
@media only screen and (max-width: 767px) {
	.cinemed_sponsors_title {
		margin-left: 15px;
		max-width: calc(100% - 30px);
	}
}
/*.cinemed_sponsors_title > div {
	padding: 0;
}
.cinemed_sponsors_title > div > .de_title {
	padding: 10px 15px;
	font-size: 20px;
}
.cinemed_sponsors_title > div > .de_content {
	background: #fff;
	color: #000;
	padding: 10px 15px;
	font-size: 14px;
	font-weight: 300;
	height: 100%;
    border-radius: 0 0 10px 10px;
}*/
.movie-details-content p.subtitle {
    margin: 10px 0 0 0;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}
/*.cinemed_area > div > div > div:nth-child(2) > div.row > div:nth-child(2) { padding-right: 0; }*/
.cinemed_sponsors_title .de_content > div {
    height: 100%;
    align-items: center;
	min-height: 92px;
	justify-content: space-evenly;
}
@media only screen and (max-width: 768px) {
	.cinemed_sponsors_title .de_content > div > div {
		padding: 10px 15px;
	}
}
.cinemed_sponsors_title .de_content img {
    margin: 0 auto;
}
.cinemed_episode_area .episode-top-wrap {
    padding-bottom: 0;
}
.cinemed_episode_area .episode-top-wrap:before {
    content: none;
}
.cinemed_episode_area .episode-watch-wrap .card-body ul li a i {
    font-size: 32px;
}
.cinemed_area .course_data_sheet > div > div > span {
	display: block;
    font-weight: 800;
	color: #fff;
}
.cinemed_area .course_data_sheet > div > div > .cinemed_select {
	display: block;
	width: 100%;
	background: #232326;
	color: #fff;
}
.cinemed_area .course_data_sheet > div > div > .cinemed_select:invalid {
	color: #bcbcbc;
}
.course_data_sheet > div:nth-child(1) > div {
    margin: 10px 0;
}

/* -----------------CUSTOM STYLE CINEMED----------------- */

/* ---------------------CUSTOM STYLE LOGIN---------------------- */
/*.course-details-area { min-height: calc(100vh - 230px); }*/
.min_height { min-height: calc(100vh - 233px); }
main:has(> .episode-area) > .min_height { min-height: unset; }
.form-control[type="date"] {
    font-size: 14px;
    height: 38px;
}

.forgotten_block {
	background: #fff;
    border-radius: 10px;
    padding: 10px;
}
.forgotten_block h4,
.forgotten_block div,
.forgotten_block p {
	color: #212121;
}
.forgotten_block > div > div.login_form_area > div > div { padding: 7px 15px; text-align: center; }
.forgotten_block > div > div.login_form_area > div > div:has(> .login_title) { padding: 12px 15px 0 15px; }
.forgotten_block > div > div.login_form_area > div > div:has(> .login_subtitle) { padding: 0 15px 12px 15px; }
@media only screen and (min-width: 768px) { .forgotten_block .login_form_area { padding: 0 70px; } }
/*.container:has(> div > div > div.forgotten_block) { max-width: 1000px; }*/

.login_block {
	background: #fff;
    border-radius: 10px;
    padding: 10px;
}
.login_block h4,
.login_block div,
.login_block p {
	color: #212121;
}
.login_block > div > div.login_form_area > div > div { /*padding: 12px 15px;*/ padding: 5px 15px; text-align: center; }
.login_block > div > div.login_form_area > div > div:has(> .login_title) { padding: 0 15px; }
.login_block > div > div.login_form_area > div > div:has(> .login_subtitle) { /*padding: 0 15px 12px 15px;*/ padding: 0 15px; }
/*@media only screen and (min-width: 768px) { .login_form_area { padding: 0 100px 0 80px; } }*/
.login_form_area { align-content: center; }
@media only screen and (min-width: 768px) { .login_form_area { padding: 0 20px 0 0px; } }
.container:has(> div > div > div.login_block) { max-width: 1000px; }

.thankyou_area .login_title { padding: 10px; }
.thankyou_area .login_subtitle { padding: 10px; word-break: break-word; }

.login_mail { text-align: left !important; }
.login_password { text-align: left !important; }
.login_title {
	color: #04217c;
	margin-top: 10px;
}
.login_subtitle {
	font-size: 20px;
	font-weight: 300;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom:5px;
}
.login_subtitle strong {
	font-weight: 600;
}
.login_benefits {
	padding-left: 20px;
	align-content: center;
	padding-top: 5px;
	padding-bottom:5px;
}
.login_benefits ul > li {
	padding: 5px 10px;
}
.login_benefits ul > li > img {
	/*width: 20px;*/
	display: inline-block;
	vertical-align: top;
	filter: brightness(0) saturate(100%) invert(24%) sepia(25%) saturate(6573%) hue-rotate(200deg) brightness(100%) contrast(103%); margin: 5px 0 0 5px; width: 10px;
}
.login_benefits ul > li > span {
	font-size: 16px;
	padding-left: 10px;
	width: calc(100% - 20px);
	display: inline-block;
}
.benefits_subtitle {
	font-size: 20px;
	font-weight: 600;
	padding: 0 20px;
}
.benefits_subtitle > span {
	color: #035dc7;
}
.btn_login {
	padding: 5px 20px;
    border-radius: 15px;
	font-size: 20px;
    font-weight: 600;
	min-width: 200px;
	max-width: unset;
	/*box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.16);*/
}
.btn_login_white {
	/*background: #f4f4f4;*/
	background: #e1e1e1;
    border: none !important;
    color: #212121;
    /*box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.16);*/
	margin: 5px 0;
	width: 70%;
	border-radius: 10px;
}
/*.fb-login-button {
	background: #e1e1e1;
    border: none !important;
    color: #212121;
	margin: 5px 0;
	width: 70%;
	border-radius: 10px;
	height: 40px;
}
.fb-login-button * {
	width: 100% !important;
}*/
.btn_green {
	background: #04217c;
	color: #fff;
}
.btn_login_google {}
.btn_login_facebook {}
.btn_login.btn_disabled {
	pointer-events: none;
	pointer: unset;
	/*background: #04217c;
	border-color: #04217c;*/
	background: #648487;
	border-color: #648487;
}
.btn_login_register {
	padding: 5px 20px;
    border-radius: 15px;
	/*font-size: 20px;*/
    font-weight: 600;
	/*min-width: 200px;*/
	max-width: unset;
	background: #fff;
    color: #000;
    border-color: #000;
}
.login_block .list_ad {
    padding: 0;
    border: none;
    position: relative;
    margin: 10px 0;
}

.register_block {
	background: #fff;
    border-radius: 10px;
    /*padding: 10px;*/
    padding: 10px 50px;
}
@media only screen and (max-width: 767px) { .register_block { padding: 10px; } }
.container:has(> div > div > div.register_block) { max-width: 900px; }
.register_block h4,
.register_block div,
.register_block p {
	color: #212121;
}
.register_block > div > div > div > div { padding: 12px 15px; text-align: center; }
.register_block > div > div > div > div:has(> .login_title) { padding: 12px 15px 0 15px; }
.register_block > div > div > div > div:has(> .login_subtitle) { padding: 0 15px 12px 15px; }
.register_form_control { text-align: left !important; padding: 0 15px !important; }
.register_form_control select { height: 38px; }
.register_form_control textarea { height: 38px; }

/*.no_soy_robot { text-align: right !important; }
@media only screen and (max-width: 768px) { .no_soy_robot { text-align: center !important; } }*/
/*.g-recaptcha { margin-bottom: 0; float: right; }*/
.g-recaptcha { float: right; }
@media only screen and (max-width: 767px) { .g-recaptcha { float: unset; margin: 10px auto -10px auto; display: inline-block; } }
.register_checkbox { text-align: left !important; align-self: center; }
.iti { width: 100%; }
.form-check-input.form-control {
	width: 20px;
	height: 20px;
	margin: 2px 0 0 -20px;
}
.checkbox_group > p { margin-left: 5px; }
input[type='checkbox'] { accent-color: #04217c; }


.forgotten_area > .container { max-width: 640px; }

@media only screen and (max-width: 767px) {
	.order-m-1 { order: 1; }
	.order-m-2 { order: 2; }
	.order-m-3 { order: 3; }
	.order-m-4 { order: 4; }
	.order-m-5 { order: 5; }
	.order-m-6 { order: 6; }
}

.register_logged {
    margin-left: 10px !important;
    margin-right: -20px;
	display: list-item !important;
}
.register_logged > a {
	padding: 10px 24px !important;
}
#menProfileMobile {
	padding: 0 0 0 20px;
	margin-bottom: 10px;
}
#menProfileMobile .ms_common_dropdown.ms_profile_dropdown,
#menProfileMobile .ms_pro_namewrap > i {
	display: none;
}
.ms_pro_inner {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    /*max-width: 163px;*/
    max-width: unset;
}
.ms_pro_img {
    border: 1px solid #04217c;
    background-color: #04217c;
    background-image: -moz-linear-gradient( -57deg, #162462 10%, #619ef8 35%, #b2eef9 45%, #619ef8 55%, #162462 90%);
    background-image: -webkit-linear-gradient( -57deg, #162462 10%, #619ef8 35%, #b2eef9 45%, #619ef8 55%, #162462 90%);
    background-image: -ms-linear-gradient( -57deg, #162462 10%, #619ef8 35%, #b2eef9 45%, #619ef8 55%, #162462 90%);
    width: 50px;
    height: 50px;
    border-radius: 100%;
    overflow: hidden;
}
.ms_pro_img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	min-width: 50px;
}
.ms_pro_namewrap {
    /* color: #828b97; */
    color: #7f7f7f;
    font-weight: 600;
}
.ms_pro_namewrap:has(> .pro_name) {
	max-width: 205px;
}
.ms_pro_namewrap .pro_name {
    margin-left: 10px;
    margin-right: 5px;
}
.ms_profile_dropdown {
    top: 100%;
    right: -20px;
}
@media only screen and (max-width: 991px) {
	.ms_profile_dropdown {
		right: 30px;
	}
}
.ms_common_dropdown {
    position: absolute;
    width: max-content;
    /* background-color: rgb(25, 38, 56); */
    /*background-color: #212121;*/
    background-color: #fff;
    box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.2);
    padding: 21px 0;
    border-radius: 10px;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    -moz-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    z-index: 99999;
}
.ms_pro_inner.show .ms_common_dropdown {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
    -moz-transform: translateY(5px);
    transform: translateY(5px);
}
.ms_common_dropdown  li {
    display: list-item;
    text-align: -webkit-match-parent;
}
.ms_common_dropdown > li > a {
    display: block;
    padding: 0 30px 14px;
	color: #3d3d3d;
	font-size: 16px;
}
.ms_common_dropdown > li:hover > a {
	color: #206971;
}
.chosen-single {
    height: 38px !important;
    padding: 7px 15px !important;
    font-size: 14px;
    font-weight: 300;
    background: transparent !important;
}
.chosen-container-single .chosen-single div b {
    background-position: 2px 8px;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -16px 8px;
}
.swal2-success-circular-line-left,
.swal2-success-fix,
.swal2-success-circular-line-right { background: transparent !important; }

.close_user_profile_section {
	position: absolute;
    top: -20px;
    right: 15px;
    background: #000;
    width: 22px;
    height: 22px;
    text-align: center;
    border-radius: 50%;
    padding: 1px 1px 0 0;
	cursor: pointer;
}
.close_user_profile_section > i {
    color: #fff;
    font-size: 15px;
}

#btnSupportSend,
#btnSupportCancel { color: #fff; }

#divUserMessage {
	text-align: center;
	/*padding: 10px 0;*/
    padding: 20px 0 0 0;
    border: 1px solid #ffd9d9;
    border-radius: 10px;
    margin: 0 0 20px 0;
    background: #ffd9d9;
}
#divUserMessage p { font-size: 16px; color: #e00; }
#divUserMessage a { color: #04217c; }

#user_profile_content > div.carousel-profile-ads-active,
#user_profile_content > div.carousel-profile-ads-active > div,
#user_profile_content > div.carousel-profile-ads-active > div img { max-height: 400px;}
#user_profile_content > div.carousel-profile-ads-active > div img { width: auto;}
/* ---------------------CUSTOM STYLE LOGIN---------------------- */

/* ------------------CUSTOM STYLE USER PROFILE------------------- */
.white_page { background: #fff; }
.white_page * { color: #1d1d1d; }
.dark_page { background: #100e17; }

.white_page #btnSearchTop > .fas { color: #04217c; }
@media only screen and (max-width: 767px) { #frmSearchTop { max-width: 100vw; /*transform: translateX(35vw);*/ } }
.search_modal_close {
    position: absolute;
    top: 5px;
    right: 10px;
	cursor: pointer;
}
.search_modal_close > i { font-size: 30px; /*color: #04217c;*/ }

.mobile-menu .navigation li.menu-item-has-children .dropdown-btn > span { color: #ffffff; }
.mobile-menu .social-links li a > span { color: #fff; }

.user_profile_area { padding-top: 10px; }
@media only screen and (max-width: 767px) { .user_profile_area { margin-top: -20px; } }
.user_course_area { padding: 0; }
.user_digital_events_area { padding: 0; }

.user_profile_area .title {
	/*font-size: 30px !important;*/
	font-size: 28px !important;
}
.user_course_area .title {
	/*font-size: 30px !important;*/
	font-size: 28px !important;
}
.user_digital_events_area .title {
	/*font-size: 30px !important;*/
	font-size: 28px !important;
}

.white_page .user_profile_area .title { color: #04217c; }
.white_page .user_course_area .title { color: #04217c; }
.white_page .user_digital_events_area .title { color: #04217c; }

.user_profile_area .movie-poster {
	/*319x273*/
	width: 100%;
	height: 270px;
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#courses.user_profile_area > div > div.row.tr-movie-active > div.grid-item { min-height: 210px; }
#courses.user_course_area > div > div.row.tr-movie-active > div.grid-item { min-height: 210px; }
#digital_events.user_digital_events_area > div > div.row.tr-movie-active > div.grid-item { min-height: 210px; }

@media only screen and (max-width: 991px) {
	#courses.user_profile_area > div > div.row.tr-movie-active > div.grid-item { min-height: 150px; }
	#courses.user_course_area > div > div.row.tr-movie-active > div.grid-item { min-height: 150px; }
	#digital_events.user_digital_events_area > div > div.row.tr-movie-active > div.grid-item { min-height: 175px; }
}
@media only screen and (min-width: 1448px) {
	#courses.user_profile_area > div > div.row.tr-movie-active > div.grid-item { min-height: 240px; }
	#courses.user_course_area > div > div.row.tr-movie-active > div.grid-item { min-height: 240px; }
	#digital_events.user_digital_events_area > div > div.row.tr-movie-active > div.grid-item { min-height: 240px; }
}
#courses.user_course_area > div > div.row.tr-movie-active > div > div.movie-item.mb-30 > div > div > div,
#digital_events.user_digital_events_area > div > div.row.tr-movie-active > div > div.movie-item.mb-30 > div > div > div {
	top: 50%;
    position: relative;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*#user_profile_content { min-height: 406px; }*/

.white_page .tr-movie-menu-active button {
    background: #fff;
    color: #3d3d3d;
}

.user_profile_area .couse_hover_text {
	color: #fff;
}

.profile_ads_lateral .title {
	color: #686868 !important;
	font-size: 20px !important;
	border-bottom: none;
	padding: 0;
}
.carousel-profile-ads-active .list_ad {
    padding: 0;
    border: none;
    position: relative;
    margin: 10px 0 0 0;
}
.carousel-profile-ads-active.owl-carousel .owl-item img {
	/*height: 390px;
	width: auto;*/
	border: 1px solid #fff;
}
.vertical_center_self {
	align-self: center;
}

.course_row_19 {
	margin-bottom: 5px !important;
	padding: 5px 10px;
}
.course_row_19 > h5.title {
	padding: 7px 0 5px 0;
	/*font-size: 11.5px !important;*/
	font-size: 16px !important;
    min-height: 30px;
}

.course_row_20 {
	padding: 5px 10px;
}
.course_row_20 > ul > li {
	padding: 3px 0;
}
/*.course_row_20 > ul > li > span {
	font-size: 10px !important;
}*/
.white_page .course_row_20 > ul > li > span {
	color: #1d1d1d;
}
.course_row_20 > ul > li > span > img {
	width: 20px;
	margin: 0 5px 3px 0;
	display: inline;
}

.course_row_21 {
	background: #3d3d3d;
	padding: 5px 10px;
}
.white_page .course_row_21 {
	background: #eaeaea;
	color: #1d1d1d;
}
/*.course_row_21 > ul > li > span {
	font-size: 10px !important;
}*/
.course_row_21 ul > li > span > img {
	width: 20px;
	margin: 0 5px 3px 0;
	display: inline;
}

.user_course_area .top.course_row_22 {
    /*margin-top: 10px;
    margin-bottom: 20px;*/
	padding: 10px 0;
}
.user_digital_events_area .top.course_row_22 {
    /*margin-top: 30px;
    margin-bottom: 20px;*/
	padding: 10px 0;
}
.top.course_row_22 > div.course_sponsor {
	/*width: 40%;*/
	width: 35%;
}
@media only screen and (max-width: 767px) {
	.top.course_row_22 > div.course_sponsor {
		width: 34%;
	}
}
.top.course_row_22 > div.course_sponsor > img {
	width: 100%;
}
.top.course_row_22 > div.course_tag {
	width: 100%;
	text-align: center;
}
.top.course_row_22 > div.course_tag > p {
	padding: 5px 20px;
	display: inline;
    border-radius: 5px;
    margin: 0 5px;
}
.top.course_row_22 > div.course_tag > p > img {
    width: 20px;
    display: inline;
}
.top.course_row_22 > div.course_tag > p:nth-child(2),
.top.course_row_22 > div.course_tag > p:nth-child(3) {
	border: 1px solid #5dc12f;
    background: #5dc12f;
    color: #fff;
	white-space: nowrap;
	line-height: 40px;
}
.top.course_row_22 > div.course_tag > p:nth-child(1) {
	border: 1px solid #fff;
    background: #fff;
    color: #04217c;
}
/*.movie-content .bottom ul*/
.bottom.course_row_22 > ul {
	display: block;
}
.bottom.course_row_22 > ul > li {
	display: block;
}
.bottom.course_row_22 > ul > li > span {
	display: block;
	font-size: 16px;
}
.bottom.course_row_22 > ul > li > span img {
	margin: 10px auto;
	max-width: 150px;
}
.top.course_row_22 > ul {
	display: block;
	width: 100%;
}
.top.course_row_22 > ul > li {
	height: 40px;
}
.top.course_row_22 > ul > li > span {
	color: #fff;
}
.top.course_row_22 > ul > li > span img {
	margin: 10px auto;
	width: 30px;
	display: inline;
}

/*
element.style {
    width: 20px;
    display: inline;
}
*/

.white_page .see_more { background: #04217c !important; }
.footer-social ul li a > i { color: #194c4d; }
.footer-social ul li a:hover > i { /*color: #04217c;*/ color: #035dc7; }
.footer-social ul li a > svg { width: 13px; margin-top: -1px; }
.footer-social ul li a > svg > path { fill: #1b4a50; }
.footer-social ul li a:hover > svg > path { /*fill: #04217c;*/ fill: #035dc7; }
.footer-quick-link-wrap ul li { color: #f7f7f7; }
.quick-link-list ul li { color: #f7f7f7; }

.banner_mid_close > i { color: #212121; }

.input_up_trans {
	border: none;
	text-align: right;
	pointer-events: none;
}
.input_up_trans_editable { pointer-events: unset; }
select.input_up_trans_editable { text-align: left; }
.profile_edit, .profile_save, .profile_cancel, .profile_show { cursor: pointer; }

#user_profile_content > div > div:has(select.input_up_trans) .profile_edit,
#user_profile_content > div > div:has(input.input_up_trans) .profile_edit { display: inline-block; }

#user_profile_content > div > div:has(select.input_up_trans.input_up_trans_editable) .profile_edit,
#user_profile_content > div > div:has(input.input_up_trans.input_up_trans_editable) .profile_edit { display: none; }

#user_profile_content > div > div:has(select.input_up_trans) .profile_save,
#user_profile_content > div > div:has(input.input_up_trans) .profile_save { display: none; }

#user_profile_content > div > div:has(select.input_up_trans.input_up_trans_editable) .profile_save,
#user_profile_content > div > div:has(input.input_up_trans.input_up_trans_editable) .profile_save { display: inline-block; color: #090; }
#user_profile_content > div > div:has(select.input_up_trans.input_up_trans_editable) .profile_save > i,
#user_profile_content > div > div:has(input.input_up_trans.input_up_trans_editable) .profile_save > i { color: #090; }

#user_profile_content > div > div:has(select.input_up_trans) .profile_cancel,
#user_profile_content > div > div:has(input.input_up_trans) .profile_cancel { display: none; }

#user_profile_content > div > div:has(select.input_up_trans.input_up_trans_editable) .profile_cancel,
#user_profile_content > div > div:has(input.input_up_trans.input_up_trans_editable) .profile_cancel { display: inline-block; color: #f00; }
#user_profile_content > div > div:has(select.input_up_trans.input_up_trans_editable) .profile_cancel > i,
#user_profile_content > div > div:has(input.input_up_trans.input_up_trans_editable) .profile_cancel > i { color: #f00; }

.editable_row {
	display: flex;
	/*margin-top: 10px;*/
	margin-top: 7px;
    border-bottom: 1px solid #dddddd;
}
.editable_row > strong {
	/*float: left;*/
	text-wrap: nowrap;
	margin: 9px 10px 20px 0;
}
.editable_row > span {
	margin: 9px 0 20px 10px;
	min-width: 90px;
	text-align: right;
}
@media only screen and (max-width: 767px) {
	.editable_row {
		display: block;
	}
	.editable_row > strong {
		width: 100%;
		display: inline-block;
	}
	.input_up_trans {
		/*width: calc(100% - 90px);*/
		width: calc(100% - 110px);
		text-align: left;
		display: inline-block;
	}
	.input_up_trans.input_up_trans_editable {
		/*width: calc(100% - 180px);*/
		width: 100%;
	}
	/*input[type="date"] {
		display: inline-block;
		-webkit-appearance: textfield;
		-moz-appearance: textfield;
		/*min-height: 1.2em;
	}*/
}

#tblHistory .btn_certificate_download,
#tblConstancias .btn_certificate_download {
	color: #fff !important;
    padding: 5px 10px !important;
}
#tblHistory .btn_disabled,
#tblConstancias .btn_disabled {
    background: #a3a3a3 none repeat scroll 0 0;
    border: 2px solid #a3a3a3;
	cursor: default;
}
.input_disabled {
    background: #a3a3a3 none repeat scroll 0 0;
    border: 2px solid #a3a3a3;
	cursor: default;
	pointer-events: none;
	opacity: 0.5;
}
.certificate_name  {
	white-space: normal !important;
	/*min-width: 300px;*/
}
.certificate_name > img {
	display: inline-block;
	width: 20%;
}
.certificate_name > div {
	display: inline-block;
	width: calc(80% - 5px);
	vertical-align: middle;
	padding-left: 5px;
}
#tblHistory > tbody > tr > td:nth-child(1),
#tblConstancias > tbody > tr > td:nth-child(1) {
	min-width: 300px;
}
#tblHistory > tbody > tr > td,
#tblConstancias > tbody > tr > td {
	vertical-align: middle;
}
#tblHistory_paginate,
#tblConstancias_paginate {
	margin-top: -40px;
}
#tblHistory_filter,
#tblConstancias_filter {
    /*margin-top: -46px;*/
	position: absolute;
    top: -33px;
    right: 15px;
}
@media only screen and (max-width: 862px) {
	#tblHistory_filter,
	#tblConstancias_filter {
		position: inherit;
		margin: 10px -14px 0;
	}
	#tblHistory_filter input,
	#tblConstancias_filter input {
		max-width: 230px;
	}
}
.movie-item-row .movie-poster .overlay-btn li:first-child .btn, .movie-item-three .movie-poster .overlay-btn li:nth-child(2) .btn {
    background: #04217c;
    color: #fff;
}
.header-action .header-btn .btn:hover, .btn:hover {
    color: #fff;
    background: #035dc7 none repeat scroll 0 0;
    border: 2px solid #035dc7;
}

/*div:has(> div > .empty_user_content) { height: unset !important; }*/
div:has( > .empty_user_content) { height: 60px; }
.empty_user_content {
	text-align: center;
    padding: 10px 0;
	font-size: 16px;
	color: #1d1d1d;
	font-weight: 300;
}
.empty_user_content > a {
	color: #04217c;
	font-weight: 600;
}
.empty_user_content > strong {
	font-weight: 600;
}
/* ------------------CUSTOM STYLE USER PROFILE------------------- */

/* -------------------CUSTOM STYLE GET COURSE-------------------- */
.container:has(> div > div > div.get_course_block) {
    max-width: 1000px;
}

.btn_get_course {
    border: 0;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    font-weight: 500;
    /*margin: 15px 5px 0;*/
    margin: 10px 15px 0 0;
    padding: 10px 32px;
}
.btn_get_course.btn_get_course_login {
    background-color: #04217c;
	border: 2px solid #04217c;
}
.btn_get_course.btn_get_course_login:hover {
    background-color: #206971;
	border: 2px solid #206971;
}
.btn_get_course.btn_get_course_register {
    background-color: #f48f23;
	border: 2px solid #f48f23;
}
.btn_get_course.btn_get_course_register:hover {
    background-color: #fba447;
	border: 2px solid #fba447;
}

.row_list_element_gc {
	text-align: center;
}
.row_list_element_gc p {
	margin-top: 10px;
}
.row_list_element_gc h4 {
	font-size: 38px;
	margin: 5px 0 -10px 0;
}
/* -------------------CUSTOM STYLE GET COURSE-------------------- */

/* -------------------CUSTOM STYLE SUPPORT-------------------- */
.support_modal .modal-title {
	color: #04217c;
	text-align: center;
    width: 100%;
}
.support_modal > .row { max-width: 1280px; margin: 0 auto; }
@media only screen and (min-width: 768px) { .support_modal .modal-dialog { min-width: 100%; } }
.support_modal .modal-dialog span,
.support_modal .modal-dialog p { color: #3d3d3d; margin: 0 auto; }
.support_modal .modal-dialog .modal-footer span,
.support_modal .modal-dialog .modal-footer p { font-size: 12.5px; }
.support_modal .modal-dialog .modal-footer img { width: 20px; display: inline; filter: brightness(0) saturate(100%) invert(17%) sepia(61%) saturate(6662%) hue-rotate(205deg) brightness(92%) contrast(98%); }
.support_modal .modal-dialog .center_buttons button { padding: 10px 36px; }
.support_modal .carousel-ads-active { background: #1d1d1d; margin: 1.75rem auto; }
.support_modal .list_ad { margin: 0; }
.support_modal .modal-backdrop { background-color: #1d1d1d; }
.modal-backdrop.show { opacity: .8; z-index: 99; }
.support_modal .modal-footer { justify-content: left; }
.center_buttons { margin: 10px auto; }
.support_modal .modal-footer > .row > div { padding: 5px 0;}
/*.support_modal .register_form_control textarea { height: 38px; }*/
/* -------------------CUSTOM STYLE SUPPORT-------------------- */

/* -------------------CUSTOM STYLE LIVE-------------------- */
.onair {
	width: 10px;
	height: 10px;
	/*background-color: crimson;*/
	background-color: #e24261;
	border-radius: 50%;
	position: absolute;
	margin: auto;
	/*top: 0;
	left: 0;*/
	right: 90px;
	bottom: -20px;
	animation: onair_wave 1s ease-out infinite;
}
.onair > span {
	position: absolute;
	top: -5px;
	left: 17px;
	min-width: 70px;
}
@keyframes onair_wave {
	0% { box-shadow: 0 0 0 0 rgba(220,20,60,1); }
	100% { box-shadow: 0 0 0 10px rgba(220,20,60,0); }
};

/*footer[class^='style__LiveChatRoomContainer'] { background: #04217c !important; }*/
/* -------------------CUSTOM STYLE LIVE-------------------- */

/* -------------------CUSTOM STYLE EVENT TEMPLATES-------------------- */
:root {
	--event-color-default: #04217c;
	--event-color-livemed: #0082c3;
	--event-color-zenzei: #6232ef;
	--event-color-medchannel: #0fcded;
	--event-color-medweek: #4ac1e0;
	--event-color-apc: #009ade;
	--event-color-aen: #4833af;
	--event-color-age: #daa520;
	--event-color-aec: #c80014;
	--event-color-aeg: #647e23;
	/*--event-color-asi: #00d0eb;*/
	--event-color-asi: #59c0d4;
	--event-color-anu: #065f93;
	--event-color-aer: #bd2d69;
	--event-color-aep: #86bdfa;
	--event-color-ane: #20b2aa;
	--event-color-aed: #f99d8f;
	--event-color-ame: #db429e;
	--event-color-aod: #f2256f;
	--event-color-aod2: #7426ef;
	--event-color-ami: #ff905f;
	--event-color-aof: #b5b479;
	/*--event-color-ago: #f57094;*/
	--event-color-ago: #db7093;
	--event-color-aee: #9892c6;
	--event-color-aoa: #f38000;
	--event-color-healthtech: #33abbb;
	--event-color-aeen: #51c1e1;
	--event-color-aeen2: #69c3c4;
}

/* -DIGITAL EVENTS- */
.digital_event_block > div { background: var(--event-color-default); }
.de_content i { color: var(--event-color-default); }
.btn_day { color: var(--event-color-default); }
.btn_register { background: var(--event-color-default); border-color: var(--event-color-default); }

.digital_event_livemed .digital_event_block > div { background: var(--event-color-livemed); }
.digital_event_livemed .de_content i { color: var(--event-color-livemed); }
.digital_event_livemed .btn_day { color: var(--event-color-livemed); }
.digital_event_livemed .btn_register { background: var(--event-color-livemed); border-color: var(--event-color-livemed); }

.digital_event_zenzei .digital_event_block > div { background: var(--event-color-zenzei); }
.digital_event_zenzei .de_content i { color: var(--event-color-zenzei); }
.digital_event_zenzei .btn_day { color: var(--event-color-zenzei); }
.digital_event_zenzei .btn_register { background: var(--event-color-zenzei); border-color: var(--event-color-zenzei); }

.digital_event_medchannel .digital_event_block > div { background: var(--event-color-medchannel); }
.digital_event_medchannel .de_content i { color: var(--event-color-medchannel); }
.digital_event_medchannel .btn_day { color: var(--event-color-medchannel); }
.digital_event_medchannel .btn_register { background: var(--event-color-medchannel); border-color: var(--event-color-medchannel); }

.digital_event_medweek .digital_event_block > div { background: var(--event-color-medweek); }
.digital_event_medweek .de_content i { color: var(--event-color-medweek); }
.digital_event_medweek .btn_day { color: var(--event-color-medweek); }
.digital_event_medweek .btn_register { background: var(--event-color-medweek); border-color: var(--event-color-medweek); }

.digital_event_apc .digital_event_block > div { background: var(--event-color-apc); }
.digital_event_apc .de_content i { color: var(--event-color-apc); }
.digital_event_apc .btn_day { color: var(--event-color-apc); }
.digital_event_apc .btn_register { background: var(--event-color-apc); border-color: var(--event-color-apc); }

.digital_event_aen .digital_event_block > div { background: var(--event-color-aen); }
.digital_event_aen .de_content i { color: var(--event-color-aen); }
.digital_event_aen .btn_day { color: var(--event-color-aen); }
.digital_event_aen .btn_register { background: var(--event-color-aen); border-color: var(--event-color-aen); }

.digital_event_age .digital_event_block > div { background: var(--event-color-age); }
.digital_event_age .de_content i { color: var(--event-color-age); }
.digital_event_age .btn_day { color: var(--event-color-age); }
.digital_event_age .btn_register { background: var(--event-color-age); border-color: var(--event-color-age); }

.digital_event_aec .digital_event_block > div { background: var(--event-color-aec); }
.digital_event_aec .de_content i { color: var(--event-color-aec); }
.digital_event_aec .btn_day { color: var(--event-color-aec); }
.digital_event_aec .btn_register { background: var(--event-color-aec); border-color: var(--event-color-aec); }

.digital_event_aeg .digital_event_block > div { background: var(--event-color-aeg); }
.digital_event_aeg .de_content i { color: var(--event-color-aeg); }
.digital_event_aeg .btn_day { color: var(--event-color-aeg); }
.digital_event_aeg .btn_register { background: var(--event-color-aeg); border-color: var(--event-color-aeg); }

.digital_event_asi .digital_event_block > div { background: var(--event-color-asi); }
.digital_event_asi .de_content i { color: var(--event-color-asi); }
.digital_event_asi .btn_day { color: var(--event-color-asi); }
.digital_event_asi .btn_register { background: var(--event-color-asi); border-color: var(--event-color-asi); }

.digital_event_anu .digital_event_block > div { background: var(--event-color-anu); }
.digital_event_anu .de_content i { color: var(--event-color-anu); }
.digital_event_anu .btn_day { color: var(--event-color-anu); }
.digital_event_anu .btn_register { background: var(--event-color-anu); border-color: var(--event-color-anu); }

.digital_event_aer .digital_event_block > div { background: var(--event-color-aer); }
.digital_event_aer .de_content i { color: var(--event-color-aer); }
.digital_event_aer .btn_day { color: var(--event-color-aer); }
.digital_event_aer .btn_register { background: var(--event-color-aer); border-color: var(--event-color-aer); }

.digital_event_aep .digital_event_block > div { background: var(--event-color-aep); }
.digital_event_aep .de_content i { color: var(--event-color-aep); }
.digital_event_aep .btn_day { color: var(--event-color-aep); }
.digital_event_aep .btn_register { background: var(--event-color-aep); border-color: var(--event-color-aep); }

.digital_event_ane .digital_event_block > div { background: var(--event-color-ane); }
.digital_event_ane .de_content i { color: var(--event-color-ane); }
.digital_event_ane .btn_day { color: var(--event-color-ane); }
.digital_event_ane .btn_register { background: var(--event-color-ane); border-color: var(--event-color-ane); }

.digital_event_aed .digital_event_block > div { background: var(--event-color-aed); }
.digital_event_aed .de_content i { color: var(--event-color-aed); }
.digital_event_aed .btn_day { color: var(--event-color-aed); }
.digital_event_aed .btn_register { background: var(--event-color-aed); border-color: var(--event-color-aed); }

.digital_event_ame .digital_event_block > div { background: var(--event-color-ame); }
.digital_event_ame .de_content i { color: var(--event-color-ame); }
.digital_event_ame .btn_day { color: var(--event-color-ame); }
.digital_event_ame .btn_register { background: var(--event-color-ame); border-color: var(--event-color-ame); }

.digital_event_aod .digital_event_block > div {
	background: var(--event-color-aod);
	background: -moz-linear-gradient(90deg, var(--event-color-aod) 40%, var(--event-color-aod2) 60%);
	background: -webkit-linear-gradient(90deg, var(--event-color-aod) 40%, var(--event-color-aod2) 60%);
	background: linear-gradient(90deg, var(--event-color-aod) 40%, var(--event-color-aod2) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=var(--event-color-aod),endColorstr=var(--event-color-aod2),GradientType=1);
}
.digital_event_aod .de_content i { color: var(--event-color-aod); }
.digital_event_aod .btn_day { color: var(--event-color-aod); }
.digital_event_aod .btn_register {
	background: var(--event-color-aod);
	background: -moz-linear-gradient(90deg, var(--event-color-aod) 30%, var(--event-color-aod2) 70%);
	background: -webkit-linear-gradient(90deg, var(--event-color-aod) 30%, var(--event-color-aod2) 70%);
	background: linear-gradient(90deg, var(--event-color-aod) 30%, var(--event-color-aod2) 70%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=var(--event-color-aod),endColorstr=var(--event-color-aod2),GradientType=1);
	border-color: var(--event-color-aod);
}

.digital_event_ami .digital_event_block > div { background: var(--event-color-ami); }
.digital_event_ami .de_content i { color: var(--event-color-ami); }
.digital_event_ami .btn_day { color: var(--event-color-ami); }
.digital_event_ami .btn_register { background: var(--event-color-ami); border-color: var(--event-color-ami); }

.digital_event_aof .digital_event_block > div { background: var(--event-color-aof); }
.digital_event_aof .de_content i { color: var(--event-color-aof); }
.digital_event_aof .btn_day { color: var(--event-color-aof); }
.digital_event_aof .btn_register { background: var(--event-color-aof); border-color: var(--event-color-aof); }

.digital_event_ago .digital_event_block > div { background: var(--event-color-ago); }
.digital_event_ago .de_content i { color: var(--event-color-ago); }
.digital_event_ago .btn_day { color: var(--event-color-ago); }
.digital_event_ago .btn_register { background: var(--event-color-ago); border-color: var(--event-color-ago); }

.digital_event_aee .digital_event_block > div { background: var(--event-color-aee); }
.digital_event_aee .de_content i { color: var(--event-color-aee); }
.digital_event_aee .btn_day { color: var(--event-color-aee); }
.digital_event_aee .btn_register { background: var(--event-color-aee); border-color: var(--event-color-aee); }

.digital_event_aoa .digital_event_block > div { background: var(--event-color-aoa); }
.digital_event_aoa .de_content i { color: var(--event-color-aoa); }
.digital_event_aoa .btn_day { color: var(--event-color-aoa); }
.digital_event_aoa .btn_register { background: var(--event-color-aoa); border-color: var(--event-color-aoa); }

.digital_event_healthtech .digital_event_block > div { background: var(--event-color-healthtech); }
.digital_event_healthtech .de_content i { color: var(--event-color-healthtech); }
.digital_event_healthtech .btn_day { color: var(--event-color-healthtech); }
.digital_event_healthtech .btn_register { background: var(--event-color-healthtech); border-color: var(--event-color-healthtech); }

.digital_event_aeen .digital_event_block > div {
	background: var(--event-color-aeen);
	background: -moz-linear-gradient(90deg, var(--event-color-aeen) 40%, var(--event-color-aeen2) 60%);
	background: -webkit-linear-gradient(90deg, var(--event-color-aeen) 40%, var(--event-color-aeen2) 60%);
	background: linear-gradient(90deg, var(--event-color-aeen) 40%, var(--event-color-aeen2) 60%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=var(--event-color-aeen),endColorstr=var(--event-color-aeen2),GradientType=1);
}
.digital_event_aeen .de_content i { color: var(--event-color-aeen); }
.digital_event_aeen .btn_day { color: var(--event-color-aeen); }
.digital_event_aeen .btn_register {
	background: var(--event-color-aeen); border-color: var(--event-color-aeen);
	background: -moz-linear-gradient(90deg, var(--event-color-aeen) 30%, var(--event-color-aeen2) 70%);
	background: -webkit-linear-gradient(90deg, var(--event-color-aeen) 30%, var(--event-color-aeen2) 70%);
	background: linear-gradient(90deg, var(--event-color-aeen) 30%, var(--event-color-aeen2) 70%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=var(--event-color-aeen),endColorstr=var(--event-color-aeen2),GradientType=1);
}
/* -DIGITAL EVENTS- */


/* -CINEMED- */
h3.cinemed_title { color: var(--event-color-default); }

.cinemed_design_aec h3.cinemed_title { color: var(--event-color-livemed); }
.cinemed_design_aec h3.cinemed_title { color: var(--event-color-zenzei); }
.cinemed_design_aec h3.cinemed_title { color: var(--event-color-medchannel); }
.cinemed_design_aec h3.cinemed_title { color: var(--event-color-medweek); }
.cinemed_design_aec h3.cinemed_title { color: var(--event-color-apc); }
.cinemed_design_aec h3.cinemed_title { color: var(--event-color-aen); }
.cinemed_design_aec h3.cinemed_title { color: var(--event-color-age); }
.cinemed_design_aec h3.cinemed_title { color: var(--event-color-aec); }
.cinemed_design_aec h3.cinemed_title { color: var(--event-color-aeg); }
.cinemed_design_aec h3.cinemed_title { color: var(--event-color-asi); }
.cinemed_design_aec h3.cinemed_title { color: var(--event-color-anu); }
.cinemed_design_aec h3.cinemed_title { color: var(--event-color-aer); }
.cinemed_design_aec h3.cinemed_title { color: var(--event-color-aep); }
.cinemed_design_aec h3.cinemed_title { color: var(--event-color-ane); }
.cinemed_design_aec h3.cinemed_title { color: var(--event-color-aed); }
.cinemed_design_aec h3.cinemed_title { color: var(--event-color-ame); }
.cinemed_design_aec h3.cinemed_title { color: var(--event-color-aod); }
.cinemed_design_aec h3.cinemed_title { color: var(--event-color-aod2); }
.cinemed_design_aec h3.cinemed_title { color: var(--event-color-ami); }
.cinemed_design_aec h3.cinemed_title { color: var(--event-color-aof); }
.cinemed_design_aec h3.cinemed_title { color: var(--event-color-ago); }
.cinemed_design_aec h3.cinemed_title { color: var(--event-color-aee); }
.cinemed_design_aec h3.cinemed_title { color: var(--event-color-aoa); }
.cinemed_design_aec h3.cinemed_title { color: var(--event-color-healthtech); }
.cinemed_design_aec h3.cinemed_title { color: var(--event-color-aeen); }
.cinemed_design_aec h3.cinemed_title { color: var(--event-color-aeen2); }
/* -CINEMED- */
/* -------------------CUSTOM STYLE EVENT TEMPLATES-------------------- */

/* -------------------CUSTOM STYLE TEMPORAL PODCASTS-------------------- */
.temporal_podcast_list {
	max-height: calc(100vh - 380px);
	overflow-x: hidden;
    overflow-y: auto;
	padding: 0 15px;
	place-content: center;
}
.temporal_podcast_list > div {
	padding: 10px;
}
.temporal_podcast_list > div > iframe {
	min-height: calc(100vh - 380px);
	width: 100%;
	box-shadow: 3px 3px 10px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 3px 3px 10px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 3px 3px 10px 2px rgba(0,0,0,0.1);
}
@media only screen and (max-width: 767px) {
	.temporal_podcast_list {
		/*max-height: calc(100vh - 330px);*/
		min-height: calc(100vh - 330px);
	}
}
/* -------------------CUSTOM STYLE TEMPORAL PODCASTS-------------------- */

/* -------------------CUSTOM STYLE TODAY-------------------- */
.comment-reply-link i {
    color: #04217c;
}
.comment-reply-link:hover {
    color: #04217c;
}
.comment-avatar-img img {
    height: 131px;
}
.contact-form input:focus, .contact-form textarea:focus {
    border-color: #04217c;
}
.interior_today .interior_blog_change_view_color {
    right: 20px;
}
.today_icon {
	height: 30px;
	width: auto;
}
/* -------------------CUSTOM STYLE TODAY-------------------- */


.rl_caption_button {
	border: 1px solid #045cc6;
}



#rl0_evp_div > div > div:nth-child(7) { display: none; }.rl_caption_button > svg {
   width: 18px;
    margin: -2px 5px 0 0;
}
.rl_caption_button {
  align-items: center;
  appearance: none;
  background: #fff;
  /*background-image: radial-gradient(100% 100% at 100% 0, #5adaff 0, #5468ff 100%);*/
  border: 0;
  /*border-radius: 6px;*/
  border-radius: 50px;
  box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset;
  box-sizing: border-box;
  /*color: #fff;*/
  color: #000;
  cursor: pointer;
  display: inline-flex;
  /*font-family: "JetBrains Mono",monospace;*/
  /*height: 48px;*/
  justify-content: center;
  line-height: 1;
  list-style: none;
  overflow: hidden;
  /*padding-left: 16px;
  padding-right: 16px;*/
  padding: 5px 20px;
  position: relative;
  text-align: left;
  text-decoration: none;
  transition: box-shadow .15s,transform .15s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: nowrap;
  will-change: box-shadow,transform;
  /*font-size: 18px;*/
  font-size: 16px;
}
.rl_caption_button:focus {
  box-shadow: #3c4fe0 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset;
}
.rl_caption_button:hover {
  box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset;
  transform: translateY(-2px);
}
.rl_caption_button:active {
  box-shadow: #3c4fe0 0 3px 7px inset;
  transform: translateY(2px);
}

.leyenda_seguridad {
	text-align: center;
}
.leyenda_seguridad > p {
	font-weight: 600;
	font-style: italic;
	font-size: 14px !important;
}

.btn_padecimientos_enfermedades {
    align-content: center;
}
.btn_padecimientos_enfermedades > a {
    user-select: none;
    -moz-user-select: none;
    background: #035dc7 none repeat scroll 0 0;
    border: 2px solid #035dc7;
    border-radius: 50px;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.5;
    margin-bottom: 0;
    padding: 2px 10px !important;
    text-align: center;
    text-transform: uppercase;
    touch-action: manipulation;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    white-space: nowrap;
    max-width: 200px;
}
.btn_padecimientos_enfermedades > a:hover {
    background: #04217c none repeat scroll 0 0;
    border: 2px solid #04217c;
}
@media only screen and (max-width: 1277px) and (min-width: 992px) {
	.navbar-wrap > ul > li.btn_padecimientos_enfermedades > a {
		padding: 2px 10px !important;
	}
}
@media only screen and (max-width: 991px) {
	.btn_padecimientos_enfermedades {
		margin-left: 20px;
	}
}
.padecimientos_enfermedades_icons > div {
	width: calc(12.5% - 20px);
	margin: 0 10px 15px 10px;
	cursor: pointer;
}
@media only screen and (max-width: 1277px) and (min-width: 992px) {
	.padecimientos_enfermedades_icons > div {
		width: calc(12.5% - 20px);
	}
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
	.padecimientos_enfermedades_icons > div {
		width: calc(16.6% - 20px);
	}
}
@media only screen and (max-width: 767px) {
	.padecimientos_enfermedades_icons > div {
		width: calc(25% - 20px);
	}
}
.padecimientos_enfermedades_icons > div > div {
	padding: 15px;
	border-radius: 50%;
	border: 3px solid #035dc7;
	margin-bottom: 5px;
}
.padecimientos_enfermedades_icons > div:hover > div {
	border: 3px solid #04217c;
}
.padecimientos_enfermedades_icons > div > div > img {
	width: 100%;
	height: auto;
}
.padecimientos_enfermedades_icons > div > p {
	text-align: center;
	font-size: 12px;
	line-height: 12px;
	color: #04217c !important;
}
.padecimientos_enfermedades_icons > div:hover > p {
	color: #035dc7 !important;
}

.centro_paddecimientos_banner {
	position: relative;
	padding: 5px 0;
    font-size: 18px;
    font-weight: 800;
	text-align: center;
	background: #04217c;
	color: #fff;
	box-shadow: 0px 5px 37px 0px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 5px 37px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 5px 17px 0px rgba(0, 0, 0, 0.4);
	z-index: 1;
}
.centro_paddecimientos_banner > div > span > span {
    font-weight: 600;
}

/*Sin Logo Player*/
.capsule-area #myDiv.no_logo_player > div > div:nth-child(8) {
	display: none !important;
}
/*Logo Player*/
.capsule-area #myDiv > div > div:nth-child(8) > img,
.capsule-area #myDiv > div > div:nth-child(9) > img {
	width: 200px !important;
    height: auto !important;
	left: unset !important;
    right: 0 !important;
}
/*Logo Player Móvil*/
@media only screen and (max-width: 767px) {
	.capsule-area #myDiv > div > div:nth-child(8) > img,
	.capsule-area #myDiv > div > div:nth-child(9) > img {
		width: 100px !important;
		height: auto !important;
		left: unset !important;
		right: 0 !important;
	}
}
/*Central Play Icon*/
.capsule-area #myDiv > div > div:nth-child(12) > div > canvas,
.capsule-area #myDiv > div > div:nth-child(13) > div > canvas {
	display: none;
}

/*Player Bar*/
.capsule-area #myDiv > div > div:nth-child(7) > div:nth-child(1) > div:nth-child(1),
.capsule-area #myDiv > div > div:nth-child(8) > div:nth-child(1) > div:nth-child(1) {
	background: #04217c !important;
}
/*Play Button*/
.capsule-area #myDiv > div > div:nth-child(7) > div:nth-child(1) > div.fwdevp-play-pause-button > div:nth-child(2) > div:nth-child(1) > canvas,
.capsule-area #myDiv > div > div:nth-child(8) > div:nth-child(1) > div.fwdevp-play-pause-button > div:nth-child(2) > div:nth-child(1) > canvas {
	filter: grayscale(1) brightness(0) invert(1);
}
/*Play Button Hover*/
.capsule-area #myDiv > div > div:nth-child(7) > div:nth-child(1) > div.fwdevp-play-pause-button > div:nth-child(2) > div:nth-child(2) > canvas,
.capsule-area #myDiv > div > div:nth-child(8) > div:nth-child(1) > div.fwdevp-play-pause-button > div:nth-child(2) > div:nth-child(2) > canvas {
	filter: brightness(0) saturate(100%) invert(45%) sepia(20%) saturate(1899%) hue-rotate(345deg) brightness(106%) contrast(89%);
}
/*Pause Button*/
.capsule-area #myDiv > div > div:nth-child(7) > div:nth-child(1) > div.fwdevp-play-pause-button > div:nth-child(1) > div:nth-child(1) > canvas,
.capsule-area #myDiv > div > div:nth-child(8) > div:nth-child(1) > div.fwdevp-play-pause-button > div:nth-child(1) > div:nth-child(1) > canvas {
	filter: grayscale(1) brightness(0) invert(1);
}
/*Pause Button Hover*/
.capsule-area #myDiv > div > div:nth-child(7) > div:nth-child(1) > div.fwdevp-play-pause-button > div:nth-child(1) > div:nth-child(2) > canvas,
.capsule-area #myDiv > div > div:nth-child(8) > div:nth-child(1) > div.fwdevp-play-pause-button > div:nth-child(1) > div:nth-child(2) > canvas {
	filter: brightness(0) saturate(100%) invert(45%) sepia(20%) saturate(1899%) hue-rotate(345deg) brightness(106%) contrast(89%);
}
/*Volume Button*/
.capsule-area #myDiv > div > div:nth-child(7) > div:nth-child(1) > div.fwdevp-volume-button > div:nth-child(1) > canvas,
.capsule-area #myDiv > div > div:nth-child(8) > div:nth-child(1) > div.fwdevp-volume-button > div:nth-child(1) > canvas {
	filter: grayscale(1) brightness(0) invert(1);
}
/*Volume Button Hover*/
.capsule-area #myDiv > div > div:nth-child(7) > div:nth-child(1) > div.fwdevp-volume-button > div:nth-child(2) > canvas,
.capsule-area #myDiv > div > div:nth-child(8) > div:nth-child(1) > div.fwdevp-volume-button > div:nth-child(2) > canvas {
	filter: brightness(0) saturate(100%) invert(45%) sepia(20%) saturate(1899%) hue-rotate(345deg) brightness(106%) contrast(89%);
}
/*Fullscreen Button*/
.capsule-area #myDiv > div > div:nth-child(7) > div:nth-child(1) > div.fwdevp-fullscreen-button > div:nth-child(2) > div:nth-child(1) > canvas,
.capsule-area #myDiv > div > div:nth-child(8) > div:nth-child(1) > div.fwdevp-fullscreen-button > div:nth-child(2) > div:nth-child(1) > canvas {
	filter: grayscale(1) brightness(0) invert(1);
}
/*Fullscreen Button Hover*/
.capsule-area #myDiv > div > div:nth-child(7) > div:nth-child(1) > div.fwdevp-fullscreen-button > div:nth-child(2) > div:nth-child(2) > canvas,
.capsule-area #myDiv > div > div:nth-child(8) > div:nth-child(1) > div.fwdevp-fullscreen-button > div:nth-child(2) > div:nth-child(2) > canvas {
	filter: brightness(0) saturate(100%) invert(45%) sepia(20%) saturate(1899%) hue-rotate(345deg) brightness(106%) contrast(89%);
}
/*Exit Fullscreen Button*/
.capsule-area #myDiv > div > div:nth-child(7) > div:nth-child(1) > div.fwdevp-fullscreen-button > div:nth-child(1) > div:nth-child(1) > canvas,
.capsule-area #myDiv > div > div:nth-child(8) > div:nth-child(1) > div.fwdevp-fullscreen-button > div:nth-child(1) > div:nth-child(1) > canvas {
	filter: grayscale(1) brightness(0) invert(1);
}
/*Exit Fullscreen Button Hover*/
.capsule-area #myDiv > div > div:nth-child(7) > div:nth-child(1) > div.fwdevp-fullscreen-button > div:nth-child(1) > div:nth-child(2) > canvas,
.capsule-area #myDiv > div > div:nth-child(8) > div:nth-child(1) > div.fwdevp-fullscreen-button > div:nth-child(1) > div:nth-child(2) > canvas {
	filter: brightness(0) saturate(100%) invert(45%) sepia(20%) saturate(1899%) hue-rotate(345deg) brightness(106%) contrast(89%);
}
/*Time Bar Back*/
.capsule-area #myDiv > div > div:nth-child(7) > div:nth-child(1) > div.fwdevp-main-scrubber > div:nth-child(2),
.capsule-area #myDiv > div > div:nth-child(8) > div:nth-child(1) > div.fwdevp-main-scrubber > div:nth-child(2) {
	filter: brightness(0) saturate(100%) invert(22%) sepia(72%) saturate(352%) hue-rotate(137deg) brightness(97%) contrast(98%); /*#04217c*/
}
.capsule-area #myDiv > div > div:nth-child(7) > div:nth-child(1) > div.fwdevp-main-scrubber::before,
.capsule-area #myDiv > div > div:nth-child(8) > div:nth-child(1) > div.fwdevp-main-scrubber::before {
	content: '';
    border: 1px solid #ffffff33;
    width: 100%;
    height: 7px;
    display: block;
    top: 7px;
    position: relative;
    /*background: #fff;*/
    z-index: 1;
	filter: grayscale(1) brightness(0) invert(1);
}
/*Time Bar Start End*/
.capsule-area #myDiv > div > div:nth-child(7) > div:nth-child(1) > div.fwdevp-main-scrubber > img:nth-child(1),
.capsule-area #myDiv > div > div:nth-child(7) > div:nth-child(1) > div.fwdevp-main-scrubber > img:nth-child(3),
.capsule-area #myDiv > div > div:nth-child(8) > div:nth-child(1) > div.fwdevp-main-scrubber > img:nth-child(1),
.capsule-area #myDiv > div > div:nth-child(8) > div:nth-child(1) > div.fwdevp-main-scrubber > img:nth-child(3) {
	filter: brightness(0) saturate(100%) invert(22%) sepia(72%) saturate(352%) hue-rotate(137deg) brightness(97%) contrast(98%); /*#04217c*/
}
/*Time Bar*/
.capsule-area #myDiv > div > div:nth-child(7) > div:nth-child(1) > div.fwdevp-main-scrubber > div:nth-child(5),
.capsule-area #myDiv > div > div:nth-child(8) > div:nth-child(1) > div.fwdevp-main-scrubber > div:nth-child(5) {
	filter: brightness(0) saturate(100%) invert(45%) sepia(20%) saturate(1899%) hue-rotate(345deg) brightness(106%) contrast(89%); /*#035dc7*/
}
/*Volume Bar Back*/
.capsule-area #myDiv > div > div:nth-child(7) > div:nth-child(1) > div.fwdevp-volume-scrubber > div:nth-child(2),
.capsule-area #myDiv > div > div:nth-child(8) > div:nth-child(1) > div.fwdevp-volume-scrubber > div:nth-child(2) {
	filter: brightness(0) saturate(100%) invert(22%) sepia(72%) saturate(352%) hue-rotate(137deg) brightness(97%) contrast(98%); /*#04217c*/
}
.capsule-area #myDiv > div > div:nth-child(7) > div:nth-child(1) > div.fwdevp-volume-scrubber::before,
.capsule-area #myDiv > div > div:nth-child(8) > div:nth-child(1) > div.fwdevp-volume-scrubber::before {
	content: '';
    border: 1px solid #ffffff33;
    width: 100%;
    height: 7px;
    display: block;
    top: 7px;
    position: relative;
    /*background: #fff;*/
    z-index: 1;
	filter: grayscale(1) brightness(0) invert(1);
}
/*Volume Bar Start End*/
.capsule-area #myDiv > div > div:nth-child(7) > div:nth-child(1) > div.fwdevp-volume-scrubber > img:nth-child(1),
.capsule-area #myDiv > div > div:nth-child(7) > div:nth-child(1) > div.fwdevp-volume-scrubber > img:nth-child(3),
.capsule-area #myDiv > div > div:nth-child(8) > div:nth-child(1) > div.fwdevp-volume-scrubber > img:nth-child(1),
.capsule-area #myDiv > div > div:nth-child(8) > div:nth-child(1) > div.fwdevp-volume-scrubber > img:nth-child(3) {
	filter: brightness(0) saturate(100%) invert(22%) sepia(72%) saturate(352%) hue-rotate(137deg) brightness(97%) contrast(98%); /*#04217c*/
}
/*Volume Bar*/
.capsule-area #myDiv > div > div:nth-child(7) > div:nth-child(1) > div.fwdevp-volume-scrubber > div:nth-child(4),
.capsule-area #myDiv > div > div:nth-child(8) > div:nth-child(1) > div.fwdevp-volume-scrubber > div:nth-child(4) {
	filter: brightness(0) saturate(100%) invert(45%) sepia(20%) saturate(1899%) hue-rotate(345deg) brightness(106%) contrast(89%); /*#035dc7*/
}
/*Ad Position*/
.capsule-area #myDiv > div > div:nth-child(7) > div:nth-child(1) > div.fwdevp-main-scrubber > div:nth-child(7) > div {
	/*filter: brightness(0) saturate(100%) invert(45%) sepia(20%) saturate(1899%) hue-rotate(345deg) brightness(106%) contrast(89%);*/ /*#035dc7*/
	filter: brightness(0) saturate(100%) invert(22%) sepia(72%) saturate(352%) hue-rotate(137deg) brightness(97%) contrast(98%); /*#04217c*/
}
/*Timing Numbers*/
.capsule-area #myDiv .fwdevp-time {
	color: #fff !important;
}

@media only screen and (min-width: 768px) {
	/*Botones de Skip Global*/
	.capsule-area #myDiv > div > div:nth-child(9),
	.capsule-area #myDiv > div > div:nth-child(10),
	.capsule-area #myDiv > div > div:nth-child(11) {
		margin: 40px 0 0 60px !important;
	}
	/*Rectángulo de botones hover*/
	.capsule-area #myDiv > div > div:nth-child(10) > div > div:nth-child(4),
	.capsule-area #myDiv > div > div:nth-child(9) > div > div:nth-child(6),
	.capsule-area #myDiv > div > div:nth-child(11) > div > div:nth-child(4),
	.capsule-area #myDiv > div > div:nth-child(10) > div > div:nth-child(6),
	.capsule-area #myDiv > div > div:nth-child(12) > div > div:nth-child(4),
	.capsule-area #myDiv > div > div:nth-child(11) > div > div:nth-child(6),
	.capsule-area #myDiv > div > div:nth-child(13) > div > div:nth-child(4),
	.capsule-area #myDiv > div > div:nth-child(12) > div > div:nth-child(6) {
		border-radius: 20px;
		height: 40px !important;
		/*left: unset !important;
		right: 215px;*/
		width: 130px !important;
		top: -1px ! important;
		border: none !important;
	}
	.capsule-area #myDiv > div > div:nth-child(10) > div > div:nth-child(4):hover,
	.capsule-area #myDiv > div > div:nth-child(9) > div > div:nth-child(6):hover,
	.capsule-area #myDiv > div > div:nth-child(11) > div > div:nth-child(4):hover,
	.capsule-area #myDiv > div > div:nth-child(10) > div > div:nth-child(6):hover,
	.capsule-area #myDiv > div > div:nth-child(12) > div > div:nth-child(4):hover,
	.capsule-area #myDiv > div > div:nth-child(11) > div > div:nth-child(6):hover,
	.capsule-area #myDiv > div > div:nth-child(13) > div > div:nth-child(4):hover,
	.capsule-area #myDiv > div > div:nth-child(12) > div > div:nth-child(6):hover {
		border-radius: 20px;
		height: 40px !important;
		/*left: unset !important;
		right: 215px;*/
		width: 130px !important;
		border: none !important;
	}
	.capsule-area #myDiv > div > div:nth-child(9) > div/*:not(:has(> .ad_text_player))*/,
	.capsule-area #myDiv > div > div:nth-child(10) > div/*:not(:has(> .ad_text_player))*/,
	.capsule-area #myDiv > div > div:nth-child(11) > div/*:not(:has(> .ad_text_player))*/,
	.capsule-area #myDiv > div > div:nth-child(12) > div/*:not(:has(> .ad_text_player))*/ {
		border-radius: 20px;
		height: 40px !important;
		/*left: unset !important;
		right: 215px;*/
		width: 130px !important;
	}
	/*Texto Saltar en*/
	.capsule-area #myDiv > div > div:nth-child(10) > div > div.fwdevp-ads,
	.capsule-area #myDiv > div > div:nth-child(11) > div > div.fwdevp-ads,
	.capsule-area #myDiv > div > div:nth-child(12) > div > div.fwdevp-ads {
		top: 12px !important;
		width: 100px !important;
		left: 10px !important;
		/*right: -2px;*/
		font-size: 16px !important;
		color: #fff !important;
		width: 110px !important;
	}
	.capsule-area #myDiv > div > div:nth-child(9) > div > div.fwdevp-skip,
	.capsule-area #myDiv > div > div:nth-child(10) > div > div.fwdevp-skip,
	.capsule-area #myDiv > div > div:nth-child(11) > div > div.fwdevp-skip {
		top: 12px !important;
		width: 100px !important;
		left: unset !important;
		right: -7px;
		font-size: 16px !important;
		color: #fff !important;
	}
	/*Icon Skip*/
	.capsule-area #myDiv > div > div:nth-child(9) > div > div:nth-child(4),
	.capsule-area #myDiv > div > div:nth-child(10) > div > div:nth-child(4),
	.capsule-area #myDiv > div > div:nth-child(10) > div > div:nth-child(5),
	.capsule-area #myDiv > div > div:nth-child(11) > div > div:nth-child(4),
	.capsule-area #myDiv > div > div:nth-child(12) > div > div:nth-child(4) {
		left: unset !important;
		/*right: 170px;*/
		right: 185px;
		top: -14px !important;
		filter: grayscale(1) brightness(0) invert(1);
		opacity: 1 !important;
	}
	/*Fondo Rectángulo 1 2, 3 y 4*/
	.capsule-area #myDiv > div > div:nth-child(9) > div > div:nth-child(1),
	.capsule-area #myDiv > div > div:nth-child(10) > div > div:nth-child(1),
	.capsule-area #myDiv > div > div:nth-child(11) > div > div:nth-child(1),
	.capsule-area #myDiv > div > div:nth-child(12) > div > div:nth-child(1),
	.capsule-area #myDiv > div > div:nth-child(13) > div > div:nth-child(1),
	.capsule-area #myDiv > div > div:nth-child(14) > div > div:nth-child(1) {
		/*background: #04217c !important;*/
		background: #035dc7 !important;
	}

	/* uno de los estilos anteriores está afectando a .ad_text_player */
	/* #myDiv > div > div:nth-child(11) > div */
	div:has(> .ad_text_player) {
		width: 343px !important;
	}
	div:has(> .ad_text_player) > div:nth-child(1) {
		font-size: 16px !important;
		background: #00000000 !important;
	} /* texto naranja */
	div:has(> .ad_text_player) > div:nth-child(3) {
		left: unset !important;
		right: 111px !important;
	}
}

.title_list {
	font-size: 16px !important;
	min-height: 52px !important;
}
.title_content {
	font-size: 20px !important;
}
@media only screen and (max-width: 767px) {
	.title_list {
		min-height: 0px !important;
	}
	.title_content {
	}
}

.head_banner_area {
	margin-top: 55px;
}
@media only screen and (max-width: 767px) {
	.head_banner_area {
		margin-top: 30px;
	}
}
.head_banner_area .container {
	padding: 0;
	width: 100%;
	max-width: unset;
}
.cinemed_banner {
	width: 100%;
}
.titulo_proximos_eventos svg {
	transform: scale(1.5,1.5);
	margin-left: 10px;
	color: #04217c;
}

.textos_sedes {
	color: #212121;
	text-align: center;
	border-top: 1px solid #035dc7;
	margin-top: 5px;
	min-height: 45px;
}
.textos_sedes > span {
	font-weight: 600;
}
@media only screen and (max-width: 767px) {
	.textos_sedes {
		font-size: 12px;
		min-height: 40px;
	}
	.cat_update {
		padding: 0 5px;
	}
	
	.couse_hover_text {
		font-size: 12px;
		padding: 0;
	}
}
.cinemed_list_title { color: #04217c; font-weight: 600; }
.cinemed_list_title > span {
    border-radius: 10px;
	color: #fff;
	padding: 0 5px;
	margin: 0 3px 0 0;
	font-weight: 300;
}
.cinemed_list_title > span:nth-child(odd) { background: #04217c; }
.cinemed_list_title > span:nth-child(even) { background: #035dc7; }
.cinemed_instrucciones {
	background: #f4f4f4;
	padding: 10px 0;
}


.fecha_cinemed_inner { font-size: 20px; font-weight: 700; margin-top: 20px; margin-bottom: 10px !important; color: #212121; line-height: 30px; }
.fecha_cinemed_inner > svg { margin-top: -5px; color: #212121; }
.sinopsis { font-size: 20px; /*margin-top: 20px;*/ margin-bottom: 10px !important; color: #212121; }
.sinopsis_texto { margin-bottom: 10px !important; color: #212121; }
.cinemed_incluye { font-size: 20px; /*margin-top: 20px;*/ margin-bottom: 10px !important; color: #fff; background: #212121; border-radius: 50px; padding: 5px 20px; width: 150px; text-align: center; }
.cinemed_incluye { font-size: 20px; /*margin-top: 20px;*/ margin-bottom: 10px !important; color: #fff; background: #008000 !important; border-radius: 50px; padding: 5px 20px; width: 240px; text-align: center; }
.cinemed_ventajas { margin-bottom: 10px !important; color: #212121; }
.patrocinio_cientifico { font-size: 20px; /*margin-top: 20px;*/ /*margin-bottom: 10px !important;*/ color: #212121; }
.cinemed_table_title { width: 100%; font-size: 28px; color: #212121; margin-top: 10px; }
.cinemed_table_title > .row > div { -webkit-transform-origin-x: left; font-weight: 700; -webkit-transform:scale(0.7,1); /* Safari and Chrome */ -moz-transform:scale(0.7,1); /* Firefox */ -ms-transform:scale(0.7,1); /* IE 9 */ -o-transform:scale(0.7,1); /* Opera */ transform:scale(0.7,1); /* W3C */ }
.btn_comprar_boleto { width: 181px; float: right; font-size: 12px; margin-bottom: 10px !important; color: #fff; background: #212121; border-radius: 0 50px 50px 0; text-align: center; }
.btn_comprar_boleto { -webkit-transform:scale(0.8,1); /* Safari and Chrome */ -moz-transform:scale(0.8,1); /* Firefox */ -ms-transform:scale(0.8,1); /* IE 9 */ -o-transform:scale(0.8,1); /* Opera */ transform:scale(0.8,1); /* W3C */ }
.btn_comprar_boleto > svg { height: 40px; background: #fff; }
.btn_comprar_boleto > svg path { fill: #212121; }
.btn_comprar_boleto > svg:nth-child(1) { margin: 0 0 0 -3px; padding: 0; }
.btn_comprar_boleto > svg:nth-child(3) { height: 32px; width: 36px; margin: 2px 2px 2px 2px; padding: 7px; border-radius: 50px; background: #212121; }
.btn_comprar_boleto > svg:nth-child(3) path { fill: #fff; }
.btn_comprar_boleto > span { margin: 0 8px; }
.accordion > .card > .collapse > .card-body > .row { padding: 10px 0; }
.accordion > .card > .collapse > .card-body > .row:nth-child(even) {
	background: #f4f4f4cc;
	box-shadow: 1px 0px 5px 5px #f4f4f499;
	-webkit-box-shadow: 1px 0px 5px 5px #f4f4f499;
	-moz-box-shadow: 1px 0px 5px 5px #f4f4f499;
}
.accordion > .card > .collapse > .card-body > .row > div { align-content: center; min-height: 50px; }

.bottom.course_row_2 { margin-bottom: 5px; }
.min_2 { min-height: 42px; }
main { overflow: hidden; }
.cinemed_message_banner > img { border-radius: 10px; margin-bottom: 5px; }

.container.cinemed_thankyou_top, .container.cinemed_thankyou { max-width: 700px !important; padding: 0; margin: 10px auto; }
.cinemed_thankyou .thankyou_area .login_benefits ul > li { padding: 0; }
.cinemed_thankyou .thankyou_area .login_benefits ul > li * { font-size: 14px; }
.cinemed_thankyou .thankyou_area .login_benefits ul > li > svg { width: 10px; fill: #035dc7; margin-top: 7px; vertical-align: top; }
.login_square > .container.cinemed_thankyou_top { box-shadow: none; }
.cinemed_thankyou_top .login_block { margin: 0; padding: 0 15px; }
.cinemed_thankyou_top .login_block > .row > div { padding: 0; align-content: center; }
#divQR { width: 100%; aspect-ratio: 1/1; padding: 20px; border: 8px solid #035dc7; border-radius: 10px; }
#divQR > img { width: 100%; height: 100%; }
.thankyou_title { font-size: 24px; margin-bottom: 20px; }
.thankyou_fecha_hora { font-size: 16px; line-height: normal; font-weight: 700; margin-bottom: 10px !important; }
.thankyou_cine_sala { font-size: 16px; line-height: normal; font-weight: 700; margin-bottom: 10px !important; }
.thankyou_direccion { font-size: 16px; line-height: normal; margin-bottom: 10px !important; color: #999 !important; }
.thankyou_desc { font-size: 16px; line-height: normal; margin-bottom: 10px !important; }
.thankyou_ckey { font-size: 18px; text-align: center; font-family: monospace; font-weight: 800; letter-spacing: 2px; }
.thankyou_ckey { margin-top: -13px; }
.thankyou_ckey > span { background: #035dc7; color: #fff; padding: 5px 10px; border-radius: 20px; }
.thankyou_gracias { font-size: 18px; line-height: normal; font-weight: 700; margin-bottom: 10px !important; text-align: center; }
.thankyou_gracias > span { color: #035dc7; }
.thankyou_header { background: #035dc7; text-align: center; padding: 15px 0 10px 0; margin-top: -30px; position: relative; z-index: -1; }
.thankyou_header > * { color: #fff; }
.redsalt { color: #c51010 !important; }
.redsalt > svg { fill: #c51010 !important; }
@media only screen and (max-width: 767px) {
	.container.cinemed_thankyou_top, .container.cinemed_thankyou { padding: 0 10px; }
	.thankyou_header > h2 { font-size: 24px; }
	.thankyou_header > h3 { font-size: 18px; }
	.thankyou_title { font-size: 22px; margin-bottom: 10px; }
	.thankyou_title { font-size: 22px; margin-bottom: 10px; }
	.thankyou_fecha_hora { font-size: 14px; line-height: normal; font-weight: 700; margin-bottom: 0 !important; }
	.thankyou_cine_sala { font-size: 14px; line-height: normal; font-weight: 700; margin-bottom: 0 !important; }
	.thankyou_direccion { font-size: 14px; line-height: normal; margin-bottom: 10px !important; color: #999 !important; }
	#divQR { width: calc(100% - 100px); margin: 0 50px; }
	.cinemed_thankyou .thankyou_area .login_benefits ul > li * { font-size: 12px; }
	.thankyou_desc { font-size: 14px; line-height: normal; margin-bottom: 10px !important; }
	.thankyou_ckey { font-size: 14px; text-align: center; font-family: monospace; font-weight: 800; letter-spacing: 2px; }
}

.msg_w_list { text-align: justify; }
.msg_w_list ul { padding-left: 20px; }
.msg_w_list li { list-style: latin outside; margin-top: 10px; }


ul.list_descripction > li {
    list-style: disc;
    margin-left: 20px;
    color: #212121;
}
.overlay_hover ul.list_descripction > li {
    display: none;
}

.card_block {
    box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.16);
    border: 1px solid #21212100;
    border-radius: 20px;
    padding: 0;
}
.invite_form_control * {
    font-size: 14px;
    line-height: 22px;
}
.invite_form_control .btn-group {
    width: 100%;
}

.price_block {
    background: #022a5d;
    width: 60%;
    text-align: center;
    padding: 10px;
    border-radius: 10px;
    margin: 0 auto 30px auto;
}
    .price_block p {
        color: #ffffff;
        margin: 5px 0 !important;
        line-height: 20px;
    }
        .price_block p.prize_price {
            color: #03ffff;
            text-decoration: line-through;
            font-style: italic;
        }
    .price_block a {
        background: #ffffff none repeat scroll 0 0;
        border: 2px solid #ffffff;
        color: #04217c;
        margin-bottom: -40px;
    }

.icee > span {
    /*font-weight: bold; /* hacerlo más vistoso */
    color: #ffffff !important;
    background: #FF0000;
    background: -webkit-linear-gradient(90deg, #e41c2d 0%, #1c5bb4 100%);
    background: -moz-linear-gradient(90deg, #e41c2d 0%, #1c5bb4 100%);
    background: linear-gradient(90deg, #e41c2d 0%, #1c5bb4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e41c2d", endColorstr="#9600BF", GradientType=0);
    padding: 5px 20px;
    border-radius: 20px;
    /*-webkit-background-clip: text; /* aplica el fondo al texto */
    /*-webkit-text-fill-color: transparent; /* hace transparente el relleno */
    /*background-clip: text; /* para navegadores que lo soporten */
}


.sedes_disponibles > div > a {
    padding: 5px 2px;
    border-radius: 10px;
    width: 100%;
    font-size: 11px;
    margin-bottom: 20px;
    text-wrap-mode: wrap;
    min-height: 90px;
    align-content: center;
    font-weight: 300;
}
.sedes_disponibles > div > a > strong {
    font-weight: 800;
}