/* Add here all your css styles (customizations) */
.foto1{
	background: #fff;
	float: left;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0px 10px 10px 0px;
}
.foto1 img{
	width: 100%;
	height: auto;	
	vertical-align: middle;
}

.foto2{
	background: #fff;
	float: left;
	width: 550px;
	height: auto;
	overflow: hidden;
	margin: 0px 10px 10px 0px;
}
.foto2 img{
	width: 100%;
	height: auto;	
	vertical-align: middle;
}

.foto3{
	background: #fff;
	float: left;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
}
.foto3 img{
	width: 100%;
	height: auto;	
	vertical-align: middle;
}

.foto4{
	background: #fff;
	float: left;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0px 0px 10px 0px;
	display: flex;
	justify-content: center;
    align-items: center;
}
.foto4 img{
	width: 100%;
	height: auto;	
	vertical-align: middle;
}
.foto5 img{
	float: left;
	width: 60px;
	height: 60px;
	border-radius: 30px;
	margin: 0px 3px 0px 3px;
}
.foto_olshop{
	background: #fff;
	float: left;
	width: 100%;
	height: 60px;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	display: flex;
	justify-content: center;
    align-items: center;
}
.foto_olshop img{
	width: 100%;
	height: auto;	
	vertical-align: middle;
}
.foto_list{
	background: #fff;
	float: left;
	width: 100%;
	height: 220px;
	overflow: hidden;
	margin: 0px 0px 10px 0px;
	display: flex;
	justify-content: center;
    align-items: center;
    border-radius: 15px 0px 15px 0px;
}
.foto_list img{
	width: 100%;
	height: auto;	
	vertical-align: middle;
}
.gallery_box{
	width: 100%;
	padding: 8px 8px 2px 8px;
	background: #f2ebef;
	margin: 0px 0px 10px 0px;
	border: 1px solid #e7e7e7;
}
.gallery_box:hover{
	background: #a73c73;
}
.gallery_box a{
	color: #d2619b;
	font-weight: bold;
}
.foto_gallery{
	float: left;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0px 10px 10px 0px;
}
.foto_gallery img{
	width: 100%;
	height: auto;	
	vertical-align: middle;
	border-radius: 0px;
}
.bg-gray{
	background: #e6e6e6;
	padding-top: 30px;
}

.bg-white{
	background: #fff;
	padding-top: 0px;
}

.top-blue{	
	border-top: 4px solid #1870ba;
}
.top-gray{	
	border-top: 4px solid gray;
}
.hr1{
	border-color:#b7b7b7;
	border-style: dotted;
}

@media (max-width:400px){
	.navbar-brand img{  margin-top:5px;  width: 165px;}
}
@media (max-width:330px){
	.navbar-brand img{ margin-top:10px; width: 130px;}
}

@media(min-width:10px) and (max-width:450px){
  .iframe-video{width:100%; height:200px;}
  .iframe-video2{width:100%; height:200px;}
}
@media(min-width:450px) and (max-width:600px){
  .iframe-video{width:100%; height:260px;}
  .iframe-video2{width:100%; height:260px;}
}
@media(min-width:600px) and (max-width:767px){
  .iframe-video{width:100%;  height:360px;}
  .iframe-video2{width:100%;  height:360px;}
}
@media(min-width:767px) and (max-width:991px){
  .iframe-video{width:100%;  height:360px;}
  .iframe-video2{width:100%;  height:200px;}
}
@media(min-width:991px) and (max-width:1200px){
  .iframe-video{width:100%;  height:480px;}
  .iframe-video2{width:100%;  height:200px;}
}
@media(min-width:1200px){
  .iframe-video{width:100%;  height: 480px;} 
  .iframe-video2{width:100%;  height: 220px;} 
}

.comment{

}
.comment tr{
	border-bottom: 1px dotted #dbdbdb;
}
.comment p{
	color: #606060;
	word-wrap: break-word;
}
.comment span{
	color: gray;
}
.user-comment {
	width: 40px;
	height: 40px;
	border-radius: 30px;	
	text-align: center;
	vertical-align: middle;
	font-size: 25px;
	font-weight: bold;
	color: #fff;
	padding: 3px 0px 3px 0px;
	margin:5px 5px 5px 0px;
	overflow: hidden;
}
.user-comment img{
	width: 100%;

}

.refresh{
	text-align:center;
	font-weight: bold;
	color: gray;
}

.f1{
	font-size: 10px;
	color:gray;
}

.class-hr{
	margin: 0px 0px 10px 0px;
}

.text-gray{
	color: #787878;
}