/** --------------------------------------------
 *	TABLE OF CONTENTS
------------------------------------------------

1. Bootstrap Overrides
2. Styles & Classes
3. Custom Fonts
4. Header
5. Content
   5.1 Carousel
   5.2 Pagination
6. Footer

/** --------------------------------------------
 *	1. BOOTSTRAP OVERRIDES
 * ------------------------------------------- */
 
 .no-gutters {
 	padding: 0;
 }
 .container {
 	background-color: #2e0003;
 	height: 100%;
 }
 .btn-primary {
 	background-color: #620013;
 	border-color: #800019;
 	border-radius: 10px;
 	transition: all .5s ease;
 }
 .btn-primary:active,
 .btn-primary:hover,
 .btn-primary:not(:disabled):not(.disabled).active, 
 .btn-primary:not(:disabled):not(.disabled):active, 
 .show>.btn-primary.dropdown-toggle {
 	background-color: #780000;
 	border-color: #CA2D36; 
 }
 .btn-primary.focus, 
 .btn-primary:focus,
 .btn-primary:not(:disabled):not(.disabled).active:focus, 
 .btn-primary:not(:disabled):not(.disabled):active:focus, 
 .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255,23,0,.5);
 }
 .card {
 	background-color: transparent;
 	border: none;
 	display: inline-block;
 }

 /* Portrait: 24" Desktop, Bootstrap LG Breakpoint */ 
 @media only screen and (min-width : 1200px) { 
	.container {
		/*max-width: 1440px !important;*/
		max-width: 100%;
	}
 } 

/** --------------------------------------------
 *	2. STYLES & CLASSES
 * ------------------------------------------- */

 html,
 body { background-color: #FFF; }

 a {
 	color: #33000a;
 }

 a:hover {
 	color: #ad1616;
 	text-decoration: none;
 }

 .primary-color {
 	color: #ad1616;
 }

 .secondary-color {
 	color: #E84C54;
 }

 .primary-bg {
 	background-color: #E84D56;
 }

/** --------------------------------------------
 *	3. CUSTOM FONTS
 * ------------------------------------------- */

/** --------------------------------------------
 *	4. HEADER
 * ------------------------------------------- */
 
 .login_join .btn-wrap {
 	line-height: 115px;
 }
 .join .btn-wrap a {
 	font-size: 1.5rem;
 	padding: 15px 30px;
 }
 .login .btn-wrap a {
 	color: #fff;
 }
 .login .btn-wrap a:hover {
 	color: #e84d56;
 	text-decoration: none;
 }

 /* Portrait : iPhone3-5, BlackBerry 8300, LG Optimus S, Samsung Galaxy S2-S4, Asus Galaxy 7 */
 
@media only screen and (min-width : 196px) {
	.logo .img-fluid {
 		height: 80px;
        margin: 0 auto;
 	}
}
@media only screen and (min-width : 320px) {
	.logo .img-fluid {
 		height: 80px;
 	}
 	.login_join {
 		justify-content: center !important;
 		margin-bottom: 15px;
 	}
 	.login_join .btn-wrap {
 		line-height: 45px;
 	}
 	.join .btn-wrap a {
	    font-size: 1rem;
	    padding: 8px 20px;
	}
 }

 /* Portrait: Apple iPhone6 */ 
 @media only screen and (min-width : 375px) {  	
	.join .btn-wrap a {
		font-size: 1.15rem;
    	padding: 10px 20px;
	}
 }

 /* Bootstrap 4 XS Breakpoint */ 
 @media only screen and (min-width : 576px) {
	.login_join .btn-wrap {
 		line-height: 75px;
 	}
     .logo .img-fluid {
 		margin: 0;
 	}
 }

 /* Portrait: 15" Notebook, Bootstrap SM Breakpoint */ 
 @media only screen and (min-width : 768px) { 	
 	.login_join .btn-wrap {
 		line-height: 80px;
 	}
	.logo .img-fluid {
 		height: 80px;
 	}
 	.login_join {
 		justify-content: flex-end !important;
 	}
 }

 /* Portrait: 24" Desktop, Bootstrap LG Breakpoint */ 
 @media only screen and (min-width : 1200px) { 
	header {
		padding: 0 15px 10px 0;
	}
	.logo .img-fluid {
	    height: 98px;
        padding-left: 20px;
        margin-top: 18px;
	}
 	.login_join .btn-wrap {
 		line-height: 114px;
 	}
 }

/** --------------------------------------------
 *	5. CONTENT
 * ------------------------------------------- */
 .section__heading .desc {
 	font-size: 20px;
    color: #33000a;
 }

.h1 {color: #33000a;
}
    
.row {
    background: #ededed;        
 }

 .card {
 	display: flex;
    flex-wrap: wrap;
 	padding: 0;
 }
 .card a { 	
 	background-color: #000;
 	transition: opacity .5s ease;
 }
 .card .overlay {
 	/*background-image: url(images/play-ico.png);*/
 	background-size: cover;
 	transition: opacity .5s ease;
 	width: 103px;
 	height: 103px;
 	opacity: 0;
 	position: absolute;
 	top: 50%;
    left: 50%;
 	z-index: 50;
 }
 .card:hover {
 	cursor: pointer;
 }
 .card:hover .overlay {
 	opacity: 1;
 }
 .card:hover img {
 	opacity: .75;
 	transition: opacity .5s ease;
 }
 .card .card-title {
	transition: all .75s ease;
	/*
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	*/
 }
 .card:hover .card-title {
 	color: #E84D56;
 }
 .card a {
 	text-decoration: none;
 }
 .card-body {
 	background-color: #FFF;
    padding: .2em;
 }
 .social {
 	background-color: #FFF;
 	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
 	-ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0 0 .2rem .2rem;
 }

 .section__cta a {
 	font-size: 55px;
    letter-spacing: 2px;
    white-space: pre-wrap; /* css-3 */    
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */    
    white-space: -o-pre-wrap; /* Opera 7 */    
    word-wrap: break-word; /* Internet Explorer 5.5+ */
 }


 @media only screen and (min-width : 260px) {  
	.section__heading .h1 {
	    font-size: 2rem !important;
	}
    .section__heading .desc {
	    font-size: 1.2rem !important;	    
	}


 /* Portrait : iPhone3-5, BlackBerry 8300, LG Optimus S, Samsung Galaxy S2-S4, Asus Galaxy 7 */
 @media only screen and (min-width : 320px) {
	.section__heading .h1 {
 		font-size: 26px !important;
 	}
 	.section__heading .desc {
	    font-size: 16px;
	    font-weight: normal !important;
	    letter-spacing: .75px;
	}
 	.card .card-title {
		font-size: 16px;
 	}
 	.card .overlay {
 		width: 50px;
		height: 50px;
 	}
	.section__cta a {
		font-size: 22px;
	 	line-height: 1.25;
	}
 }

 /* Portrait: Apple iPhone6 */ 
 @media only screen and (min-width : 375px) { 
 	.section__heading .h1 {
 		font-size: 30px !important;
 	}
 	.card .card-title {
		font-size: 20px;
 	}
	.section__cta a {
	 	font-size: 30px;
	 	line-height: 1;
	 }
	.card {
		flex-wrap: nowrap;
	}
	.card-title {		
		white-space: normal !important;
		overflow: visible !important;
	}
 }

 /* Bootstrap 4 XS Breakpoint */ 
 @media only screen and (min-width : 576px) {
 	.section__feat {	
 		display: flex;
    	flex-wrap: wrap;
	}
 }

 /* Landscape: Apple iPhone6 */ 
 @media only screen and (min-width : 667px) {  
	.section__heading .h1 {
	    font-size: 2rem !important;
	}
    .section__heading .desc {
	    font-size: 1.2rem !important;	    
	}
	.section__cta a {
		font-size: 38px;
	}
 }

 /* Portrait: 15" Notebook, Bootstrap SM Breakpoint */ 
 @media only screen and (min-width : 768px) { 
	 body > .container {
	 	padding: 0;
	 }
	.section__cta a {
		font-size: 44px;
	}
    .section__heading .h1 {
	    font-size: 2rem !important;
	}
    .section__heading .desc {
	    font-size: 1.2rem !important;	    
	} 
     
/**     
 	.section__heading .desc {
		font-weight: bold !important;
 	}
 	.card .overlay {
 		width: 75px;
		height: 75px;
 	}
**/
     
 }

 /* Landscape: 10"/12" Notebook, Samsung Galaxy Tab, Apple iPad(All) */ 
 @media only screen and (min-width : 1024px) {
	.section__heading .h1 {
	    font-size: 2rem !important;
	} 	
 	.section__heading .desc {
	    font-size: 1.2rem !important;	    
	}
	.section__cta a {
	    font-size: 45px;
	}
 	.card .overlay {
 		width: 100px;
		height: 100px;
 	}
    .card .card-title {
	    font-size: 1.1rem !important;
	}
 }

 /* Portrait: 24" Desktop, Bootstrap LG Breakpoint */ 
 @media only screen and (min-width : 1200px) { 
	.section__heading .desc {
	    font-size: 26px;
	    line-height: 1.25;
	}
	.section__cta a {
	    font-size: 72px;
	}
 }

 /* Landscape: 2K Desktop */ 
 @media only screen and (min-width : 2560px) { 
	.section__heading .h1 {
	    font-size: 2rem !important;
	}
	.section__heading .desc {
	    font-size: 1.2rem !important;
	    width: 56%;
	}
	.card {
		margin-bottom: 30px !important;
		padding: 0 15px !important;
	}
	.card .card-title {
	    font-size: 1.1rem !important;
	}
	.social {
		font-size: 1rem !important;
	}
 }

 /* Landscape: 3K/4K Desktop */ 
 @media only screen and (min-width : 3440px) { 
 	.section__heading .desc {
	    font-size: 2rem;
	    width: 45%;
	}
	.section__cta a {
		font-size: 150px;
	}
 }

/** ---------------------
 *	5.1 CAROUSEL
 * ----------------------*/
 .owl-nav {
 	text-align: center;
 	height: 1px;
 	width: 100%;
    position: absolute;
    top: 50px;
 }
 .owl-nav button[class*="owl-"] {
 	background-color: rgba(255,255,255,.75) !important;
    border-radius: 50%;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
 	color: #fff !important;
 	font-size: 40px !important;
 	font-weight: bold;
 	/**--height: 40px;--**/
    line-height: 1;
    margin: 0 15px;
    width: 40px;
    position: absolute;
    top: 20px;
     opacity: 0.3;
 }
 .owl-nav button[class*="owl-"]:focus {
 	outline: none;
 }
 .owl-nav button[class*="owl-"] span {
 	line-height: 30px;
 	margin-left: -6px;
 	position: absolute;
    top: 2px;
 }
 .owl-nav .owl-prev { 	
    left: 0;
 }
 .owl-nav .owl-next { 	
    right: 0;
 }
 .slider_card {
 	position: relative;
 }
 .slider_phrase {
 	position: absolute;
 }
 .slider_phrase .catch {
 	background-color: rgba(255,255,255,.75);
 	border-bottom-right-radius: 10px;
 	font-weight: 900 !important;
 }
 .slider_phrase button {
 	letter-spacing: 1px;
 	position: absolute;
    right: 0;
 } 

 /* Portrait : iPhone3-5, BlackBerry 8300, LG Optimus S, Samsung Galaxy S2-S4, Asus Galaxy 7 */
 @media only screen and (min-width : 320px) {
 	.owl-nav {
 		display: none;
 	}
	.slider_phrase {
		bottom: 40px;
	}
	.slider_phrase .catch {
		font-size: 12px;
		padding: 8px !important;
	}
 	.slider_phrase button {
 		font-size: 12px;
 	}	
 }

 /* Portrait: Apple iPhone6 */ 
 @media only screen and (min-width : 375px) { 
	.slider_phrase {
		bottom: 40px;
	}
	.slider_phrase .catch {
		font-size: 14px;
		padding: auto !important;
	}
 	.slider_phrase button {
 		font-size: 14px;
 	}
 }

 /* Bootstrap 4 XS Breakpoint */ 
 @media only screen and (min-width : 576px) {
	.slider_phrase {
		bottom: 50px;
	}
	.slider_phrase .catch {
		font-size: 16px;
	}
 }

 /* Portrait: 15" Notebook, Bootstrap SM Breakpoint */ 
 @media only screen and (min-width : 768px) { 
 	.owl-nav {
 		display: block;
 		top: 129.4px;
 	}	
 	.owl-nav [class*="owl-"] {
 		font-size: 24px;
 	}
	.slider_phrase {
		bottom: 60px;
	}
	.slider_phrase .catch {
		font-size: 20px;
		padding: 15px 25px 15px 60px !important;
	}
 	.slider_phrase button {
 		font-size: 20px;
 	}
 }

 /* Landscape: Kindle Fire, Portrait: 13" Notebook; */ 
 @media only screen and (min-width : 800px) { 
	.owl-nav {
		top: 60px;
	}
 }

 /* Portrait: Desktop */ 
 @media only screen and (min-width : 900px) { 
	.owl-nav {
		top: 95px;
	}
 }

 /* Bootstrap: MD Breakpoint */ 
 @media only screen and (min-width : 992px) { 
	.owl-nav {
		top: 167.14px;
	}
 }  

 /* Landscape: 10"/12" Notebook, Samsung Galaxy Tab, Apple iPad(All) */ 
 @media only screen and (min-width : 1024px) {
	.owl-nav {
		top: 172.53px;
	}
	.owl-nav button.owl-next span {
		margin-left: -5px;
	}
	.slider_phrase {
		bottom: 80px;
	}
	.slider_phrase .catch {
		font-size: 30px;
    	line-height: 1.1;
    	padding: 15px 25px 15px 70px !important;
	}
 	.slider_phrase button {
 		font-size: 25px;
    	letter-spacing: 1px;
 	}
 }

 /* Portrait: 24" Desktop, Bootstrap LG Breakpoint */ 
 @media only screen and (min-width : 1200px) { 
	.owl-nav {
		top: 202px;
	}
	.slider_phrase {
	 	bottom: 100px;
	}
 } 

 /* Landscape: 15" Notebook */ 
 @media only screen and (min-width : 1360px) {
	.owl-nav {
		top: 229px;
	}
	.slider_phrase .catch {
    	padding: 15px 25px !important;
    }
 }

 /* Landscape: 19" Desktop */ 
 @media only screen and (min-width : 1440px) { 
	.owl-nav {
		top: 242.5px;
	}
 }

 /* Landscape: 20" Desktop */ 
 @media only screen and (min-width : 1600px) {    
	.slider_phrase .catch {
	    font-size: 50px;
	    padding: 25px 40px !important;
	    width: 710px;
	}
	.owl-nav {
		top: 269.5px;
	}
	.owl-nav button[class*="owl-"] span {
    	margin-left: -8px;
	}
	.owl-nav button.owl-next span {
		margin-left: -5px;
	}
 }

 /* Alternate Landscape: 23"/24" Desktop */ 
 @media only screen and (min-width : 1810px) {   
	.owl-nav {
		top: 305px;
	}
 }

 /* Landscape: 23"/24" Desktop */ 
 @media only screen and (min-width : 1920px) {  
	.owl-nav {
		top: 323.5px;
	}
 }

 /* Landscape: 2K Desktop */ 
 @media only screen and (min-width : 2560px) { 
	.slider_phrase {
		background-color: rgba(255,255,255,.75);
		padding: 30px 50px !important;
		bottom: 180px !important;
	}
	.slider_phrase .catch {
		background-color: transparent !important;
	    font-size: 80px !important;	  
	    width: auto;  
	}
 	.slider_phrase button {
		bottom: -124px;
		font-size: 60px !important;
 		padding: 16px 40px !important;
 	}
	.owl-nav {
		top: 421px;
	}
	.owl-carousel .owl-nav button.owl-prev span {
		margin-left: -8px;
	}
 }

 /* Landscape: 3K/4K Desktop */ 
 @media only screen and (min-width : 3440px) { 
	
	.owl-nav {
		top: 579.5px;
	}
 }

/** ---------------------
 *	5.2 PAGINATION
 * ----------------------*/

 .section__pagination a {
 	font-size: 24px;
 	margin: 0 5px;
 	transition: all .5s ease;
 }
 .section__pagination a:hover {
 	text-decoration: none;
 }

 /* Portrait : iPhone3-5, BlackBerry 8300, LG Optimus S, Samsung Galaxy S2-S4, Asus Galaxy 7 */
 @media only screen and (min-width : 320px) {
	.section__pagination a {
 		font-size: 15px;
 	}
 }

 /* Portrait: Apple iPhone6 */ 
 @media only screen and (min-width : 375px) { 
 	.section__pagination a {
 		font-size: 18px;
 	}
 }

 /* Landscape: Apple iPhone6 */ 
 @media only screen and (min-width : 667px) {  
	.section__pagination a {
	    font-size: 22px;
	}
 }

 /* Landscape: 10"/12" Notebook, Samsung Galaxy Tab, Apple iPad(All) */ 
 @media only screen and (min-width : 1024px) {
	.section__pagination a {
	    font-size: 30px;
	}
 }

 /* Landscape: 3K/4K Desktop */ 
 @media only screen and (min-width : 3440px) { 
	.section__pagination a {
	    font-size: 60px;
	    margin: 0 25px;
	}
 }

/** --------------------------------------------
 *	6. FOOTER
 * ------------------------------------------- */

 footer .webmasters {
 	font-size: 11px;
 	letter-spacing: .5px;
 	margin-bottom: 15px;
 }
 footer p {
 	font-size: 10px;
 	letter-spacing: .5px;
 	margin-bottom: 0;
    color: #939292;
 }
     
 footer a {
     color: #939292;
     }
 footer a:hover {
     color: #ad1616;
     }

 /* Portrait: 24" Desktop, Bootstrap LG Breakpoint */ 
 @media only screen and (min-width : 1200px) { 
	.blacked {
		max-width: 25%;
	}
 }

 /* Landscape: 3K/4K Desktop */ 
 @media only screen and (min-width : 3440px) { 
 	footer .webmasters,
	footer p {
	 	font-size: 25px;
	 }
 }