/* Video Area css
============================================================================================ */
.video_area{
    position: relative;
    background: #EFF1FF;
    margin-top: 350px;
    &:before{
        content: "";
        position: absolute;
        left: 0px;
        top: 0px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 815px 957px 0 0;
        border-color: #fff transparent transparent transparent;
    }    
}
.video_inner{
    max-width: 965px;
    margin: auto;
    position: relative;
    margin-top: -216px;
    .video_text{
        position: absolute;
        width: 100%;
        text-align: center;
        top: 50%;
        transform: translateY(-50%);
        a{
            font-size: 72px;
            color: #fff;
        }
        h5{
            font-size: 36px;
            font-family: $pop;
            letter-spacing: .72px;
            color: #fff;
            font-weight: 300;
            padding-top: 20px;
        }
    }
}
/* End Video Area css
============================================================================================ */

/* Discover Video Area css
============================================================================================ */
.discover_video_area{
    background: url(../img/discover-bg.jpg) no-repeat scroll center center;
    background-size: cover;
    padding-top: 110px;
}
.discover_video_text{
    text-align: center;
    padding-bottom: 48px;
    h3{
        color: #fff;
        font-size: 60px;
        font-family: $hee;
        font-weight: 500;
        padding-bottom: 45px;
    }
}
.discover_video_inner{
    text-align: center;
    position: relative;
    margin-bottom: -260px;
	img{
		max-width: 100%;
	}
    a{
        position: absolute;
        left: 50%;
        display: block;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        width: 100%;
        text-align: center;
        height: 94px;
        width: 94px;
        border-radius: 50%;
        font-size: 38px;
        line-height: 94px;
        background: #ffcd2f;
        color: #fff;
        @include transition;
        &:hover{
            box-shadow: 0px 0px 40px 0px rgba(255, 205, 47, 0.5);
        }
    }
}

/* End Discover Video Area css
============================================================================================ */

/* River Video Area css
============================================================================================ */
.river_video_area{
    background: url(../img/video/river-video.jpg) no-repeat scroll center center;
    background-size: cover;
    position: relative;
    z-index: 2;
    padding: 190px 0px;
    &:before{
        content: "";
        background: rgba(27, 79, 127, .8);
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: -1;
    }
    .river_video_inner{
        text-align: center;
        h4{
            font-size: 45px;
            font-family: $hee;
            font-weight: bold;
            color: #fff;
        }
        h5{
            font-size: 14px;
            color: #ff9600;
            font-family: $hee;
            font-weight: bold;
            letter-spacing: 2.24px;
            text-decoration: underline;
            padding: 30px 0px;
        }
        a{
            color: #fff;
            display: inline-block;
            line-height: 70px;
            border: 5px solid #316096;
            font-size: 30px;
            height: 77px;
            width: 77px;
            border-radius: 50%;
            background: #ff9600;
        }
    }
}
/* End River Video Area css
============================================================================================ */

/* Video Nine Area css
============================================================================================ */
.video_nine_area{
	background: url(../img/video/video-nine-bg.jpg) no-repeat scroll center center;
	background-size: cover;
	text-align: center;
	padding: 125px 0px;
	position: relative;
	&:before{
		content: "";
		background: url(../img/video/earphone.png) no-repeat scroll center center;
		height: 658px;
		width: 233px;
		position: absolute;
		left: 0px;
		top: -104px;
	}
	.subs{
		text-align: right;
		display: inline-block;
		float: right;
		padding-left: 30px;
		margin-right: 140px;
		font-size: 15px;
		color: #d7d7d7;
		text-transform: uppercase;
		font-family: $hee;
		border-bottom: 1px solid #8e8e8e;
		padding-bottom: 5px;
	}
	.carousel.slide{
		max-width: 906px;
		margin: auto;
	}
	.nine_v_inner{
		position: relative;
		display: inline-block;
		img{
			border-radius: 12px;
			overflow: hidden;
		}
		.nine_v_text{
			position: absolute;
			left: 0px;
			top: 50%;
			width: 100%;
			text-align: center;
			transform: translateY(-50%);
			h2{
				font-size: 60px;
				color: #fff;
				font-family: $hee;
				text-transform: uppercase;
				letter-spacing: 1.2px;
				font-weight: 300;
			}
			h4{
				font-size: 27xp;
				color: #fff;
				font-family: $hee;
				letter-spacing: .54px;
				padding-top: 15px;
			}
			img{
				display: block;
				margin: auto;
				padding-bottom: 20px;
				padding-top: 50px;
			}
			p{
				font-size: 14px;
				color: #fff;
				font-family: $hee;
				font-weight: 300;
				letter-spacing: 4.2px;
				border-bottom: 1px solid #464646;
				display: inline-block;
				padding: 0px 20px 10px 20px;
			}
		}
	}
	.carousel.slide{
		.carousel-indicators{
			position: relative;
			bottom: 0px;
			left: 0px;
			margin: 0px;
			width: 100%;
			text-align: center;
			margin-top: 45px;
			li{
				text-indent: 0px;
				border: 0px;
				height: auto;
				width: auto;
				background: transparent;
				font-size: 20px;
				color: #fff;
				font-family: $hee;
				margin-right: 36px;
				position: relative;
				&:before{
					content: "-";
					position: absolute;
					right: -22px;
					top: 50%;
					transform: translateY(-50%);
				}
				&:last-child{
					margin-right: 0px;
					&:before{
						display: none;
					}
				}
				&.active{
					color: #eb484d;
					&:before{
						color: #fff;
					}
				}
			}
		}	
	}
}
/* End Video Nine Area css
============================================================================================ */

/* Ten Video Area css
============================================================================================ */
.ten_video_area{
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	background: #fafcff;
	.left_ten{
		flex: 0 0 50%;
		max-width: 50%;
		display: flex;
		.ten_video_text{
			align-self: center;
			vertical-align: middle;
			width: 100%;
			.text_v_text_inner{
				max-width: 585px;
				float: right;
				display: block;
				width: 100%;
				padding-right: 130px;
				h4{
					font-size: 28px;
					font-family: $hee;
					font-weight: 500;
					color: #585858;
				}
				p{
					font-size: 16px;
					font-family: $hee;
					color: #8e8e8e;
					line-height: 28px;
					padding: 40px 0px;
				}
				a{
					font-size: 14px;
					color: #272727;
					font-family: $hee;
					border-bottom: 2px solid #8e8e8e;
					display: inline-block;
				}
			}
		}
	}
	.right_ten{
		flex: 0 0 50%;
		max-width: 50%;
		.ten_video_img{
			position: relative;
			.ten_video_icon{
				position: absolute;
				left: 50%;
				top: 50%;
				transform: translateX(-50%) translateY(-50%);
			}
		}
	}
}


.gadget_video_area{
	position: relative;
	text-align: center;
	img{
		width: 100%;
	}
	.g_video_text{
		position: absolute;
		left: 0px;
		top: 50%;
		width: 100%;
		text-align: center;
		transform: translateY(-50%);
		z-index: 2;
		h4{
			color: #fff;
			font-size: 28px;
			text-transform: uppercase;
			padding-bottom: 30px;
		}
		img{
			width: auto;
		}
	}
}

/* End Ten video Area css
============================================================================================ */