html{min-height: 101%;}
body{margin: 0; padding: 0; font-size: 16px; font-family:'Sarabun', sans-serif; background: linear-gradient(90deg, rgba(32, 42, 82, 1) 0%, rgba(44, 79, 149, 1) 50%, rgba(32, 42, 82, 1) 100%); /*background-color: #212c54;*/ color: #222d52; }
.container{max-width: 1440px; width: 100%; padding: 0 10px; box-sizing: border-box; margin: auto; position: relative}
.p0{padding: 0;}
h1,h2,h3{font-family: 'Rounded Mplus 1c', sans-serif; font-weight: 900;}
h1,h2,h3,h4,h5,h6,p{margin-top: 0}
a{text-decoration: underline; color: #000;}
.gradiant-bg, .selected span{background: linear-gradient(90deg, rgba(32, 42, 82, 1) 0%, rgba(44, 79, 149, 1) 50%, rgba(32, 42, 82, 1) 100%);}
#outer{background-color: #FFF;}


#header-wrapper{ 
/*padding-bottom: 15px;*/	

}

#header-band{height: 125px;}
#header-band .container{display: flex; align-items: center; justify-content: center; height: 100%; }
#top-logo{width: 320px; }
#top-logo img{width: 100%; display: block;}

#live-link{position: absolute; right: 10px; display: flex; height: 100%; top: 0; align-items: center; color: #FFF; font-size: 14px; text-decoration: none; }
#live-link img{width: 100%; max-width: 174px;display: block}
#live-link span{padding-left:25px; border-left: #58b9e0 1px solid; margin-left: 25px; transform: skewX(-12.3deg); line-height: 130%}

#header-hero{height: 21.71875vw;  position: relative; overflow: hidden; margin-top: 15px;}
#header-hero .container{height: 100%;}

#header-hero-left{height: 100%}
#header-hero-left img{height: 100%; display: block}
#header-hero-right{height: 100%; position: absolute; right: -13px; top: 0}
#header-hero-right img{height: 100%; display: block}

#hero-text{width: 100%; max-width: 599px;}

#header-hero-wrapper{ position: absolute; left: 30.725vw; top: 0; height: 100%; transform: skewX(-12.3deg); width: 38.3625vw; box-sizing: border-box; padding: 0 15px;}
#header-hero-text{background-color: rgba(255,255,255,.2); height: 100%; color: #FFF;  font-size: 0.8375vw; display: flex; align-items: center; padding: 0 2.2875vw; box-sizing: border-box}
#header-hero-text div{transform: skewX(12.3deg);}
#header-hero-text p:last-child{margin-bottom: 0}

#hero-hashtag{width: 100%; max-width: 280px; display: block; margin: 0;}
#slogan-mobile{display: none;}

#home-wrapper{padding-bottom: 65px; text-align: center;}
#home-wrapper h1{margin-bottom:50px; color: #fbb90e; font-size: 43px; }

#home-video-categories{display: flex;  justify-content: center;}
#home-video-categories .category-item{display: block; width: 33.33%; margin-bottom: 30px; text-decoration: none; font-family: 'Rounded Mplus 1c', sans-serif; color: #FFF; cursor: pointer; position: relative}


#home-video-categories .category-item:nth-child(2n){ margin: 0 30px;}
#home-video-categories .category-item img{display: block; width: 100%; border-top-left-radius: 5px; border-top-right-radius: 5px;}
#home-video-categories .category-item h2{display: flex; width: 100%; text-align: center; align-items: center; width: 100%; background-color: #fbb90e; height: 45px; justify-content: center; font-size:18px; font-weight: 900; transition: all ease-out .5s; padding-top: 6px; padding-bottom: 6px; }

#home-video-categories .category-item.expanded .sub-category-list{opacity: 1; height: auto;}
.sub-category-list{ width: 100%; left: 0; padding-top: 3px; height: 0; overflow: hidden; opacity: 0;  transition: .2s ease-out }
.sub-category-list ul{margin: 0; padding: 0; background-color: #fbb90e;}
.sub-category-list ul li{margin: 0; padding: 0; list-style: none;}
.sub-category-list ul li:first-child a{border-bottom:1px solid #FFF;}
.sub-category-list ul li a{display: block; width:100%; color: #FFF;  text-decoration: none; font-family: 'Sarabun', sans-serif; }
.sub-category-list ul li a div{padding: 20px 0; text-align: left; display: flex; align-items: center;width:100%;max-width: 200px; margin: auto;font-size: 14px;}
.sub-category-list ul li a img{width: 35px !important; margin-right: 15px; }
.sub-category-list ul li a.selected{background-image: -moz-linear-gradient( 180deg, rgb(32,42,81) 0%, rgb(46,87,163) 27%, rgb(32,42,81) 100%);
  background-image: -webkit-linear-gradient( 180deg, rgb(32,42,81) 0%, rgb(46,87,163) 27%, rgb(32,42,81) 100%);
  background-image: -ms-linear-gradient( 180deg, rgb(32,42,81) 0%, rgb(46,87,163) 27%, rgb(32,42,81) 100%);}

#home-video-list-wrapper{padding-top: 50px; display: none; margin-top: 30px; position: relative}
#home-video-list{display: flex; flex-direction: row; flex-wrap: wrap; }
#home-video-list-wrapper h2{margin-bottom:50px; color: #fbb90e; font-size: 43px; }
#home-video-list a .home-video-thumbnail-wrapper{position: relative; width: 100%; padding-top: 56.25%; margin-bottom:20px; border-radius: 5px; overflow: hidden;}


#home-video-list a{width: calc(33.33% - 30px); margin: 0 15px; margin-bottom: 80px; text-align: left; text-decoration: none; color: #FFF;}
#home-video-list h3{margin-bottom: 10px; font-size: 22px; line-height: 100%;}
#home-video-list a .home-video-thumbnail-wrapper img{display: block;  position: absolute; left: 0; top: 0;  width: 100%;}
#home-video-list a.training .home-video-thumbnail-wrapper img{transform: translateY(-5%)}
#home-video-list a.training span{display: none}
#home-video-list a.live span{display: none}
#home-video-list a.saglikli-beslenme span{display: none}

#video-close{background: url("../img/close.png") no-repeat center center; background-size: contain; width: 30px; height: 17px; position: absolute; right: 20px; top: 30px;}

#newsletter{background: url("../img/footer/newsletter.jpg") no-repeat -250px top; background-size: cover; min-height: 420px; color: #FFF;}

#newsletter-form{display: flex; align-items: flex-start;margin-left: 370px; padding-top: 60px; width: calc(100% - 370px); max-width: 810px;}
#newsletter-form .cell{width: 50%; box-sizing: border-box; padding: 0 10px}
#newsletter-form h2{color: #fbb90e; font-size: 43px; margin-bottom: 30px; line-height: 100%;}
.button-wrapper{padding-top: 35px}
#newsletter-form .cell:nth-child(2) h2,#newsletter-form .cell:nth-child(2) h3{display: none}


#footer{/*background-color: #212c54;*/ color: #FFF; font-size:.75em }
#footer a{color: #FFF;}
#footer-logo{display: flex; align-items: center; padding: 20px;}
#footer-content{padding: 0 10px; display: flex; flex-direction: column;  padding-bottom: 20px;padding-top: 100px; background-color: #cde5d6; }
#footer-content .cell{width:100%; display: flex; justify-content: center; align-items: flex-end}
#footer-content .cell:last-child{justify-content: flex-start}

.footer-logo{padding:0 40px; border-right: 1px solid #FFF; }
.footer-logo img{width: 100%;}
.footer-logo:last-child{border:none;padding-right: 0; width: 60px;}
.footer-logo:first-child{padding-left: 0;width: 193px;}

#footer-legal{border-top:1px solid #FFF; padding: 25px 0; margin: 0 10px; }
.footer-legal-item{display: inline-block; padding: 0 30px; border-right: 1px solid #fff; line-height: 100%;}
.footer-legal-item:first-child{padding-left: 0}
.footer-legal-item:last-child{padding-right: 0; border:none;}
#footer-contact-wrapper{float: right; display: flex; align-items: center}

#footer-social-media{position: relative; width: 155px;}
#footer-social-media img{width: 100%; display: block}
#footer-links-wrapper{position: absolute; left: 0; top: 0; width:100%; height: 100%; box-sizing: border-box; padding-left: 28px;}
#footer-links-wrapper a{width:45px; margin-right: 7px; height: 100%; display: inline-block;  }
#footer-links-wrapper a:last-child{margin-right: 0;}
#footer-links-wrapper a:nth-child(3){margin-right: 0}

#pptv{  background: #ffde47;
background: -moz-linear-gradient(left,  #ffde47 0%, #ea5242 33%, #ae4593 68%, #4460aa 100%);
background: -webkit-linear-gradient(left,  #ffde47 0%,#ea5242 33%,#ae4593 68%,#4460aa 100%);
background: linear-gradient(to right,  #ffde47 0%,#ea5242 33%,#ae4593 68%,#4460aa 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffde47', endColorstr='#4460aa',GradientType=1 );

	padding: 40px 0;
	
	margin-bottom: 50px;
}




@media(min-width:1920px){
	#header-hero{height: 21.71875vw; width: 100%; margin: auto; position: relative; display: flex; margin-top: 15px;}
	#header-hero-wrapper{width: 702px; position: relative; left: auto; margin-left: -28px; padding: 0;}
	#header-hero-text{padding: 0 90px;}
	#newsletter{background-position: center top;}
	
	#header-hero-left{width: calc(50% - 16.35vw); position: relative}
	#header-hero-right{width: calc(50% - 15.85vw); right: 0}
	#header-hero-right img,
	#header-hero-left img{width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; right: 0}
	#header-hero-wrapper{width: 34.7vw}
}

@media(min-width:1670px){
	#newsletter{background-position: center top;}
}

@media(min-width:1465px) and (max-width:1920px){
	#live-link{position: absolute; right: calc((100% - 1440px) / 2);}
}

@media(min-width:1266px) and (max-width:1919px){
	#top-logo{}
	#header-band .container{max-width: none}
}

@media(max-width:1265px){
	#header-hero{height: 274.73px;}
	#header-hero-wrapper{width:485.18px; left: 388.98px; position: absolute; left: 50%; transform: translateX(-50%) skewX(-12.3deg);}
	#header-hero-text{ font-size: 10.3px}
	#header-hero-left{position: absolute; left: calc(((100% - 485.18px) / 2) + 31px); top: 0; transform: translateX(-100%)}
	#header-hero-right{position: absolute; right: calc(((100% - 485.18px) / 2) + 31px); top: 0; transform: translateX(100%)}
	
	#home-video-categories .category-item span{font-size: 17px;}
	
	#header-band{height: 70px;}
	#top-logo{width: 180px;}
	#live-link img{max-width:112px; }
	#live-link {font-size: 8px}
	
	#live-link span{padding-left: 12.5px; margin-left: 12.5px;}
}

@media(max-width:1200px){
	#newsletter-form h2{font-size: 32px;}
}
@media(max-width:1100px){
	
}

@media(max-width:1024px){
	
	#home-video-categories a span{font-size: 16px;}
	#home-video-list span{font-size: 14px;}
	#home-video-list span h3{font-size: 16px;}
	#newsletter-form{margin-left: 200px; width: calc(100% - 200px) }
	#newsletter{background-position: -350px center}
}

@media(max-width:900px){
	.container{width: 100%;}
	#newsletter-form{margin-left: 100px; width: calc(100% - 100px) }
	#newsletter{background-position: -450px center}
	#home-video-categories .category-item span{font-size: 17px;}
}

@media(max-width:768px){
	body{font-size: 16px;}
	#footer-content{flex-direction: column}
	#footer-content .cell{width: 100%; }
	#footer-content .cell:last-child{width: 100%;  margin-bottom: 20px;}
	
	
	.form-control{font-size: 18px;}
	#contact-form .form-row.horizontal{flex-direction: column}
	.form-cell{width:100%}
	#footer-contact-wrapper{float: none; width:100%; text-align: center; justify-content: center}
	#footer-legal-content{padding-top: 10px; text-align: center;}
	
	#home-wrapper h1{font-size: 32px; margin-bottom: 30px;}
	#home-video-list-wrapper h2{font-size: 32px; }
	#newsletter-form h2{font-size: 32px; }

}

@media(max-width:767px){
	
	#top-logo{margin-left: 0}
	#newsletter-form{margin-left:0; width: 100% }
	#newsletter{background-position: right center}
	#header-band .container{padding: 0 10px !important;}
}


@media(max-width:720px){

	#newsletter-form{flex-direction: column; width: 100%; max-width: 600px; margin: auto;}
	#newsletter-form .cell{width: 100%;}
	#newsletter-form .cell:nth-child(2){order: 1; margin-bottom: 30px;}
	#newsletter-form .cell:nth-child(1){order: 2}
	#newsletter-form .cell:nth-child(1) h2,#newsletter-form .cell:nth-child(1) h3{display: none}
	#newsletter-form .cell:nth-child(2) h2,#newsletter-form .cell:nth-child(2) h3{display: block}
	#newsletter-form{padding-bottom: 60px}

	.button-wrapper{padding-top: 30px;}

	#footer-legal-content{display: flex; flex-direction: column;}
	#footer-legal-content .footer-legal-item{border:none; padding: 10px 0;}
}

@media(min-width:561px) and (max-width:767px){
	#home-video-categories .category-item span{font-size: 14px !important;}
}
@media(max-width:560px){
	#header-hero-wrapper{transform: skewX(0deg) translateX(0); left: 0; width: 100%;}
	#slogan-mobile{display: block;}
	#hero-text{display: none;}
	#header-hero-left,#header-hero-right{display: none;}
	#header-hero-text div{transform: skewX(0);}
	
	#home-video-categories{flex-direction: column}
	#home-video-categories .category-item{width: 100%;}
	#home-video-categories .category-item:nth-child(2n){margin: 0; margin-bottom: 30px;}
}
@media(max-width:500px){
	#home-video-categories a{width: 100%; margin: 0; margin-bottom: 30px;}
	#home-video-categories{display: block}
	#home-video-categories a:nth-child(2n){margin: 0;margin-bottom: 30px;}
	#home-video-list{display: block; padding: 10px;}
	#home-video-list a{width: 100%;}
	#home-video-list-wrapper h2{margin-bottom: 30px;}
}

@media(max-width:460px){
	#live-link span{display: none;}
	#header-hero-text{padding: 0 20px}
	
}	
@media(max-width:414px){
	
}

@media(max-width:360px){
	#live-link{width: 80px}
	#top-logo{width: 120px}
}


@media(max-width:335px){
	#header-hero{height: 300px}
}