﻿/*
 * 4.2 MAIN SLIDER
 * ============================================================================
 */


.video_slide video
{
	width: 100%;
}

.main_type_slide
{
	display:block;
}

.mobile_type_slide
{
	display:none;
}

.mslider-section .item{
	outline: none!important;
	position: relative;
	background-repeat: no-repeat;
	background-size: contain;
	height: 700px;
}
.mslider-section .item a{
	display: block;
	text-decoration: none;
}
.mslider-section .item a:before{
	content: '';
	width: 0;
	display: block;
	/*padding-top: 114.588%;*/
}

.mslider-section .item .caption{
	width: 100%;
	position: absolute;
	bottom: 86px;
	left: 0;
	padding: 0 32px;
}
.mslider-section .item .caption h3{
	margin-bottom: 0.7rem;
	line-height: 1.2;
}

.mslider-section .slick-loading .slick-list {
	background-repeat: no-repeat;
	background-position: center center;
}


/* - arrows */

.mslider-section .slick-prev,
.mslider-section .slick-next {
	width: 46px;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 10;
    top: 0; 
    padding: 0; 
    border: none;
    outline: none;
    background-color: rgba(70, 70, 70, 0.3);
    line-height: 0;
    font-size: 0;
    color: transparent;
    cursor: pointer;
}
.mslider-section .slick-prev {
    left: 0;
}
.mslider-section .slick-next {
    right: 0;
    transform: scale(-1, 1);
}
.mslider-section .slick-prev:hover,
.mslider-section .slick-next:hover{
    outline: none;
    background-color: rgba(70, 70, 70, 0.6);
    color: transparent;
}
.mslider-section .slick-prev:before,
.mslider-section .slick-next:before{
	content: '';
	width: 16px;
	height: 68px;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	background-repeat: no-repeat;
}


/* Dots */

.mslider-section .slick-dots {
    bottom: 34px;
}




/* Desktop */

@media all and (max-width: 2880px){
	
}
@media all and (max-width: 2560px){
	
}
@media all and (max-width: 2048px){
	
}
@media all and (max-width: 1920px){
	
}
@media all and (max-width: 1680px){
	
}
@media all and (max-width: 1600px){
	
}
@media all and (max-width: 1440px){
	.mslider-section .item
	{
		height:524px;
	}
}
@media all and (max-width: 1366px){
	.mslider-section .item
	{
		height:497px;
	}
}
@media all and (max-width: 1280px){
	.mslider-section .item {
		height: 465px;
	}
}
@media all and (max-width: 1200px){
	
}
@media all and (max-width: 1136px){
	
}
@media all and (max-width: 1024px){
	.mslider-section .item {
		height: 371px;
	}
}

/* ~ Tablets */

@media all and (max-width: 960px){
	
}
@media all and (max-width: 906px){
	
}
@media all and (max-width: 854px){
	
}
@media all and (max-width: 800px) {
	
}
@media all and (max-width: 768px){
	.mslider-section .item
	{
		height:276px;
	}
}
@media all and (max-width: 736px){
	
}
@media all and (max-width: 720px){
	
}

/* ~ Cellphones */

@media all and (max-width: 667px){
	
}
@media all and (max-width: 640px){
	
}
@media all and (max-width: 601px){
	
}
@media all and (max-width: 568px){
	
}
@media all and (max-width: 540px){
	
}
@media all and (max-width: 480px){
	
	.main_type_slide
	{
		display:none;
	}

	.mobile_type_slide
	{
		display:block;
	}
	
		
}
@media all and (max-width: 414px){
	
}
@media all and (max-width: 384px){
	
}
@media all and (max-width: 375px){
	
}
@media all and (max-width: 360px){
	
}
@media all and (max-width: 320px){
	
}
@media all and (max-width: 218px){ /* Moto 360 Watch */
	
}
@media (max-device-width: 42mm) and (min-device-width: 38mm){ /* Apple Watch ~ 158px max, 143px min */
	
}