﻿/* ---- RESET ----- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
 margin:0;
 padding:0;
}
table {
 border-collapse:collapse;
 border-spacing:0;
}
fieldset,img { 
 border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
 font-style:normal;
 font-weight:normal;
}
ol,ul {
 list-style:none;
}
caption,th {
 text-align:left;
}
h1,h2,h3,h4,h5,h6 {
 padding: 0px;
 margin: 0px;
 font-size: 100%;
 font-weight: normal;
 width: auto;
}
q:before,q:after {
 content:'';
}
abbr,acronym { border:0;}
*{
 outline: 0px;
}
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.6);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(204, 204, 204, 0.6); 
    -webkit-box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.6);
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(163,120,59,0.4);     
} 
strong {
	font-weight: bold;
}


/*------------- main styles ----------------*/
.main-block {
	background-position: center top;
	width: 640px;
	height: auto;
	margin: 0px auto;
	overflow: hidden;
	background-color: #e3e3e3;
}
.video-full-block {
	width: 96%;
	float: left;
	margin: 2%;
}
.video-block {
	width: 100%;
	height: 350px;
	margin: 0px auto;
	overflow: hidden;
	float: left;
}
.video-block iframe {
	width: 100%;
	float: left;
}
.right-inside {
	width: 100%;
	float: left;
	height: auto;
}
.thumb-block {
	width: 100%;
	float: left;
	height: 190px;
}
.thumb-block ul {
	width: 100%;
	float: left;
}
.thumb-block ul li {
	width: 32%;
	float: left;
	margin: 10px 2% 0% 0%;
}
.thumb-block ul li:last-child {
	margin-right: 0px;
}
.thumb-block ul li a {
	color: #333;
	text-decoration: none;
}
.thumb-image {
	width: 100%;
	float: left;
}
.thumb-image img {
	max-width: 100%;
	float: left;
}
.thumb-text, .thumb-text-eng {
	font-family: PanchariUni;
	font-size: 19px;
	color: #333333;
	line-height: 110%;
	float: left;
	width: 100%;
	font-weight: normal;
	margin-top: 10px;
}
.thumb-text-eng {
	font-family: georgia;
	font-size: 16px;
}

.thumb-text a, .thumb-text-eng a {
	color: #fff;
	text-decoration: none;
}
.more-videos {
	width: auto;
	height: 30px;
	float: right;
	margin: 0px 0px 0px 0px;
	cursor: pointer;
}
.title-blk {
	display: block;
	padding: 5px 10px; 
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 16px;
	background-color: #ED499E;
	font-weight: bold;
}
.title-blk a {
	color: #fff;
}


@media screen and (max-width:980px)
{

}

@media screen and (max-width:800px)
{


}
@media screen and (max-width: 768px)
{

}
@media screen and (max-width:640px)
{
.main-block {
    width: 100%;
}


}

@media screen and (max-width:568px)
{

}

@media screen and (max-width:480px)
{
.video-block {
    height: 270px;
}


}
@media screen and (max-width: 416px)
{
.thumb-block ul li {
    width: 100%;
    margin: 10px 0% 0% 0%;
}
.thumb-image {
    width: 130px;
	margin-right: 10px;
}
.thumb-text, .thumb-text-eng {
    float: none;
    width: auto;
    margin-top: 0px;
}
.thumb-block {
    height: auto;
}
.video-block {
    height: 230px;
}









}
@media screen and (max-width:375px)
{

}

@media screen and (max-width:320px)
{
}
