@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@100;300;400;500;600;800;900&family=Montserrat:wght@100;300;400;600;800;900&family=Quicksand:wght@300;400;600;700&display=swap');

/**
font-family: 'Kanit', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Quicksand', sans-serif;

 */


html, body {  height: 100%; }

body {background: #000; font-family: 'Quicksand', sans-serif;  font-size: 14px; position: relative; font-weight: 400; overflow-x: hidden;}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
	margin-left : 0;
}

.content {
	position : relative;
}

:focus {
	outline : none;
}

/* -webkit-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in;
-ms-transition: all 200ms ease-in;
-o-transition: all 200ms ease-in;
transition: all 200ms ease-in; */
/* @yvzyrlmz 2022 */

.big-video-area {height: 100%; }
.big-video {width: 100%; height: 100%; object-fit: cover;}

.content {position: absolute; left: 10%; top: 150px;  width: 300px;  }

.logo {text-align: left; width: 100%; margin-bottom: 50px; }
.logo img {height: 60px; }

.promotion-text {margin-bottom: 50px; }
.promotion-text p {font-size: 24px; font-weight: 500; }

.social {text-align: left; }
.social ul {display: inline-block;}
.social ul li {float: left; font-size: 20px; font-weight: 600; height: 40px; line-height: 40px;  }
.social ul li + li {margin-left: 20px}
.social ul li a {display: block; text-decoration: none; color: #000; }
.social ul li i {display: block; height: 40px; line-height: 40px; color: #2b7ab2;}
.social ul li i:before {font-size: 40px; }
.social ul li a:hover {color: #e30614;}

@media (max-width: 769px) {
	
	.logo img {height: auto; max-width: 100%;}
	.big-video-area {height: 50%; }
	.content {position: relative; top: auto; left: 0; padding: 50px; background: #fff; width: 100%;}

}