.header-master{

	width: 100%;

}

.fp-tableCell{

	display:flex;



}

.width100{

	width:auto;

}

.footer{

	width: 100%;

}

.footer {

    align-items: center;

	display: flex;

	border-top: 0

}



@media (max-width: 1366px) and (min-width: 992px) {

.footer {

    align-items: center;

	display: block;

}

}

.player-container {

	padding: 40px;

	max-width: 700px;

	margin: auto;

}

.player, .player2 {

	width: 100%;

}

.player .videocustomplayer, .player2 .videocustomplayer2 {

	width: 100%;

	height: auto;

	position: absolute;

    top: 60%;

    transform: translateY(-50%);

}

.controls {

	padding: 0;

	position: absolute;

	bottom: 20px;

	width: 100%;

	height: 48px;

}

.player:hover .controls, .player2:hover .controls {

	bottom: 20px;

}

.time {

	position: absolute;

	right: 30px;

	bottom: 100%;

	padding-bottom: 14px;

}

.progress{

	height: 3px;

	width: calc(100% - 360px);

	background: rgba(246, 246, 246, 0.5);

	margin: auto;

	border-radius: 6px;

	position: absolute;

	left: 80px;

	bottom: 20px;

	transition: height 0.1s ease-in-out;

}

.progress2 {

	height: 3px;

	width: calc(100% - 420px);

	background: rgba(246, 246, 246, 0.5);

	margin: auto;

	border-radius: 6px;

	position: absolute;

	left: 100px;

	bottom: 20px;

	transition: height 0.1s ease-in-out;

}

.p-absolute.palypause2{

	left: 35px;

    right: auto;

    bottom: 20px;

    cursor: pointer;

    z-index: 2;

}

.progress:hover, .progress2:hover {

	height: 3px;

}

.progress-filled, .progress-filled2 {

	background: #ffffff;

	width: 0%;

	height: 100%;

	border-radius: 6px;

	transition: all 0.1s; 

}

.controls-main {

	width: calc(100% - 40px);

	margin: auto;

	height: 100%;

	display: flex;

	justify-content: space-between;

}



.controls-left,

.controls-right {

	flex: 1;

	display: flex;

	align-items: center;

	overflow: hidden;

}

.controls-left {

	margin-left: 10px;

}

.controls-right {

	margin-right: 10px;

	justify-content: flex-end;

}



.play-btn, .play-btn2 {

	width: 35px;

	height: 35px;

	position: relative;

	margin: auto;

	transform: rotate(-90deg) scale(0.8);

	transition: -webkit-clip-path 0.3s ease-in 0.1s, shape-inside 0.3s ease-in 0.1s,

		transform 0.8s cubic-bezier(0.85, -0.25, 0.25, 1.425);

}

.share-btn{

	display:block;

	width: 35px;

	height: 35px;

	position: relative;

	margin: auto;

	background: url(assets/img/avatar/icon_share.png) center no-repeat;

}

.download-btn{

	display:block;

	width: 37px;

	height: 35px;

	position: relative;

	margin: auto;

	background: url(assets/img/avatar/icon_download.png) center no-repeat;

}

.skip-btn{

    background: url(assets/img/avatar/icon_skip.png) right top 10px no-repeat;

    cursor: pointer;

    color: #ffffff;

    font-size: 15px;

    padding: 7px 22px 0 16px!important;

}

a.skip-btn:hover{

	font-weight: normal;

}

.a11y {

    position: absolute !important;

    overflow: hidden;

    height: 1px;

    width: 1px;

    clip: rect(1px,1px,1px,1px);

}

.play-btn.paused, .play-btn2.paused {

	transform: rotate(0deg);

}

.play-btn:before,

.play-btn:after {

	content: "";

	position: absolute;

	background: white;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	transition: inherit;

}

.play-btn2:before,

.play-btn2:after {

	content: "";

	position: absolute;

	background: white;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	transition: inherit;

}

.play-btn:before, .play-btn2:before {

	-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 40%, 0 40%);

	shape-inside: polygon(0 10%, 100% 10%, 100% 40%, 0 40%);

}

.play-btn:after, .play-btn2:after {

	-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 90%, 0 90%);

	shape-inside: polygon(0 60%, 100% 60%, 100% 90%, 0 90%);

}

.play-btn.paused:before, .play-btn2.paused:before {

	-webkit-clip-path: polygon(10% 0, 90% 51%, 90% 51%, 10% 51%);

	shape-inside: polygon(0 0, 100% 51%, 100% 51%, 0 51%);

}

.play-btn.paused:after, .play-btn2.paused:after {

	-webkit-clip-path: polygon(10% 49.5%, 80% 49.5%, 90% 49.5%, 10% 100%);

	shape-inside: polygon(10% 49.5%, 80% 49.5%, 90% 49.5%, 10% 100%);

}

button:focus {

	outline: none;

}

.speed-list {

	list-style: none;

	margin: 0;

	padding: 0;

	display: flex;

	margin-right: 20px;

	text-align: center;

}

.speed-list li {

	color: var(--main);

	padding: 5px;

	cursor: pointer;

	margin-right: 5px;

}

.speed-list li:first-child {

	margin-right: 8px

}

.speed-list li:hover,

.speed-list li.active {

	color: #ffffff;

}



@media (max-width: 1439px) and (min-width: 1367px) {

.l-wrap {

		width: 100%!important;

}

.p-absolute.nextafterpalypause {

    left: 35%;

}

}

@media (max-width: 1366px) and (min-width: 992px) {

.p-absolute.nextafterpalypause {

    left: 36%;

}

}



iframe {

    border: none;

    height: 450px;

}

.disable-scrolling{

	height: 100%!important; 

  overflow: hidden; 

}



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

	.skip-btn {

   

    font-size: 12px;

   

    background-size: 25%;

}

	.button-mute {

  

    height: 26px;

    width: 21px;

	}

	.download-btn{

	

	background-size:50%;

}

.vertical-scrolling.section6 .fp-tableCell

{

display: initial;

}

.mobilehide {

	display:none!important;

	

}

.desktophide {

	display: block!important;

}

iframe {

    border: none;

    height: 40vh!important;

}

#dsn-hero-parallax-title.mainheading

{

	padding:20px;

}

.fontbold.fontsmall

{

	font-size:23px;

}

}