.video {
	width:100%;	
	max-width:100%;
	font-family: 'Roboto Condensed',Arial,sans-serif;
	position:relative;
	margin-bottom:128px;
	padding-bottom:2px;
}

.video:before {
	content:"";
	display:block;
	background-image:url(../images/s_left.png);
	background-position:left 6%;
	background-size:contain;
	background-repeat:no-repeat;	
	position:absolute;
	left:0;
	top:0;
	width:60%;
	height:100%;
	z-index:-1;
}

.video__container {
	width:1328px;
	max-width:100%;
	margin:0 auto;
	padding:0 16px;
	box-sizing:border-box;

}

.video__title {
	color:#f72f60;
	
	font-size:calc(36px + (114 - 36) * (100vw - 320px) / (1920 - 320));
	font-weight:700;
	max-width:50%;
	line-height:0.9;
	text-transform:uppercase;
	margin-top:10%;	
	
	position:relative;
	z-index:20;
	
	transform:translateY(10%);
}

.video__preview {
	width:954px;
	max-width:100%;
	margin-right:0;
	margin-left:auto;
	position:relative;
	z-index:10;
}
.video__preview-image {
	width:100%;
	padding-bottom:48%;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;	
}

.video__logo {
	background:#fff;
	outline:3px dashed #f72f60;
	outline-offset:-10px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index:20;
	/* transform:translateY(-50%); */
	width:calc(96px + (260 - 96) * (100vw - 320px) / (1920 - 320));
	height:calc(58px + (156 - 58) * (100vw - 320px) / (1920 - 320));
	margin-right:44px;
	position:relative;
	margin-left:auto;
	
}

.video__logo img{
	width:80% !important;
}

.video__content {
	position:relative;
	width:1042px;
	max-width:100%;
	margin:0 auto;
	padding:0 16px;
	font-size:calc(18px + (28 - 18) * (100vw - 320px) / (1920 - 320));
	line-height:1.5;
	box-sizing:border-box;
	font-family:Roboto,Arial,serif;
}

.video__content:before {
	content:"";
	position:absolute;
	left:-112px;
	top:0;
	width:80px;
	height:80px;
	background-image:url(../images/point.svg);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	transform:translateY(-50%);
}

.video__desc {
	width:800px;
	max-width:100%;
}

.youtube {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;	
}

.youtube__content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;	
}

.video__video-wrap {
	border:4px dashed #f72f60;
	margin:2%;
	margin-top:12%;
	box-sizing: border-box;

	position:relative;	
}
.video__video {
	width:79%;
	margin:0 auto;
	transform:translateY(-19%);
}

.video__video-wrap:before {
 	content:"";
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width: 87%;
	height: 76%;
	background:#f72f60; 
}

.video__video iframe {
}


.video__footer {
	width: 1010px;
	max-width: 100%;
	margin: 64px auto;
	padding: 0 16px;
	box-sizing: border-box;
}

.video__action {
	flex-grow:1;
	text-align:center;
}
.video__btn-wrap {
	
}
.video__btn:hover{
	background:#fb4a75;
}
.video__btn{
	background:#f72f60;
	color:#fff;
	font-size:calc(20px + (44 - 20) * (100vw - 320px) / (1920 - 320));
	text-decoration:none;
	padding:4px 28px;
	text-transform:uppercase;
	border-radius:8px;
	font-weight:700;
	transition:all 0.2s ease;	
}

.video__more {
	font-weight:300;
	text-transform:uppercase;
	color:#f72f60;
	font-size:16px;
	margin-top:4px;
	text-align:center;
}

.video__social {
	margin-top:64px;
}

@media screen and (min-width:1920px){
	
	.video__title {
		font-size:114px;
	}

	.video__content {
		font-size:28px;	
	}
	
	.video__logo {
		width:260px;
		height:156px;
		
	}
	.video__btn{
		font-size:44px;
	}
	
}


@media screen and (max-width:1000px){

}

@media screen and (max-width:768px){
	.video__title {
		/* position:absolute; */
	}
	.video__preview{
		margin:0 -16px;
		max-width:calc(100% + 32px);
	}
	
	.video__logo {
	}

	.video__video-wrap {
		border:2px dashed #f72f60;	
	}
	
	
	.video__footer { 
		display:block;
		margin-top:32px;
	}
	.video__more {
		
	}
	
	.video__social {
	}
	
	.video__social .video__more{
		text-align:center;
	}
	.video__logo {
		outline-width:2px;
	}
}

@media screen and (max-width:480px){
	.video__logo {
		margin-right:0;
	}
	.video__video-wrap {
		max-width:calc(100% + 32px);
		margin:16% -16px 0;
		border:0;
	}
	.video__video-wrap:before {
		width:calc(100% - 8px);
		height:72%;
	}
	.video__video {
		width:calc(100% - 24px);
	}
	.video__content {
		padding:0;
	}
	.video__footer {
		margin-top:16px;
	}
	.video__social {
		margin-top:40px;
	}
}