*{
    margin: 0;
    padding: 0;
    text-decoration: none;
}
.my-album{
    margin-bottom: 30px;
    height: 275px;
}
a{
    color:#000;
	text-decoration: none;
}
a:hover{
    text-decoration: none;
}
.albums-info{
    padding-top: 100px;
    padding-bottom: 100px;
}
.my-album > span.glyphicon-play:before {
    margin: auto;
    margin-left: 15px;
}
.my-album  h2 {
    font-size: 18px;
	max-height:42px;
	overflow:hidden;
	line-height:20px;
}
.my-album h2{
	color:#000;
}


.albums-info a{
    color: #5B7E20;
}
.max-width{
    max-width: 100%;
}
.my-album > span{
    position: absolute;
    z-index: 99;
    background: none;
    height: 45px;
    width: 45px;
    border: 2px solid #5B7E20;
    border-radius: 50%;
    color: #5B7E20;
    top: 25%;
    left: 43%;
    display: flex;
}
.my-album{
    position: relative;
}
.mobile{
    display: none !important;
}
.desktop{
    display: block !important;
}
.inline{
    display: block;
    width: 100%;
    float: right;
    direction: rtl;
    position: relative;
}
#slider .slide-info a.link-read-more{
    float: left;
    padding: 5px 20px;
    border: 1px solid #fff;
}
.footer a{
    color: #fff;
}
.footer li{
    list-style: none;
}
.center{
    text-align: center;
}
.footer{
    color: #fff;
    padding: 30px 0;
    background: #302627;
}
.footer .col-md-4{
    min-height: 170px;
}
.m-0{
    margin: 0;
}
.p-b{
    padding-bottom: 0 !important;
}
.bord-lr{
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
.logo span{
    position: relative;
    top: -15px;
    right: 0px;
    font-size: 20px;
    font-style: italic;
    color: #2B440E;
}
.art-info{
    padding: 10px;
    margin-bottom: 10px;
}
.art-info a p{
    color: #000;
}
.has-sub-menu{
    position: relative;
}
.has-sub-menu .sub-menu a{
    color: #fff;
    font-size: 17px;
    padding: 0;
    display: block;
    width: 100%;
    text-align: right;
}
.sub-menu li:last-child{
    border: 0;
    padding: 0;
    margin: 0;
}
img{
    max-width: 100%;
}
.sub-menu li{
    padding-bottom: 5px;
    width: 100%;
    float: right;
    display: block;
    border-bottom: 1px solid #fff;
    margin-bottom: 5px;
}
.sub-menu{
    min-width: 150px;
    right: 20px;
    padding: 10px;
    position: absolute;
    opacity: 0;
    transition: 1s opacity;
    background: #2B440E;
}
.sub-menu{
    position: absolute;
    opacity: 0;
    transition: 1s opacity;
}
.has-sub-menu:hover .sub-menu{
    opacity: 1;
    transition: 1s opacity;
}
.mb-20{
    margin-bottom: 20px;
	font-size: 24px;
}
.art-info a h3{
    color: #28420F;
}
.art-info a{
    color: #fff;
}
#mid-content{
    padding: 70px 0;
}
.bg-gray{
    background: #CFD3D4;
}
.max-width{
    max-width: 100%;
}
.logo img{
    width: 90px;
}
.logo{
    position: absolute;
    z-index: 9;
    top: 26px;
}
.lang-site{
    padding-bottom: 32px;
}
menu li a{
    color: #2B440E;
    padding: 5px 15px;
    text-align: center;
    font-size: 27px;
}
.fancybox .my-album span{
    top: 34%;
}
menu li{
    list-style: none;
    float: right;
}
.send-btn{
    padding: 5px 20px; 
    text-align: center;
    border: 1px solid #fff;
    background: #28420F;
    color: #fff;
}
menu{
    top: 30px;
    position: absolute;
    left: 0;
    z-index: 99;
}
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: right;
}
.lang-site a{
    width: 35px;
    height: 35px;
    text-align: center;
    padding: 5px;
    color: #fff;
    font-size: 18px;
    border: 1px solid #5B7E20;
    margin-left: 5px;
    float: left;
    background: #5B7E20;
}
.rel{
    display: block;
    width: 100%;
    position: relative;
}
.bord-lr *{
    color: #fff !important;
}
#slider .slide-info a{
    color: #fff;
}
#slider>.inline{
    direction: ltr;
}
#slider .slide-info{
    direction: rtl;
    position: absolute;
    left: 10px;
    bottom: 50px;
    color: #fff;
    width: 500px;
    text-align: right;
	background: #5B7E20;
    padding: 15px;
}
.art-info h1
{
	color: #000;
}
#slider img{
    width: 100%;
    height: 550px;
}
#slider{
    display: block;
    width: 100%;
    float: right;    
}
.wapper{
    width: 1200px;
    display: block;
    margin: auto;
}
.pull-left{
    float: right !important;
}
.pull-right{
    float: left !important;
}
label.error{
    color: red;
}
@media (max-width:1199px){    
    .wapper{
        width: 1100px;
        display: block;
        margin: auto;
    }
}
@media (max-width:1110px){    
    .wapper{
        width: 1000px;
        display: block;
        margin: auto;
    }
}
@media (max-width:1019px){    
    .wapper{
        width: 900px;
        display: block;
        margin: auto;
    }
}
/*@media (max-width: 1019px){
    .wapper {
        width: 100%;
        display: block;
        margin: auto;
    }
}*/





@media (max-width:1199px){  

	menu {
		position:relative;
		top:0px;
	}
	
	menu li {
		float:none;
	}
	
	.clean-me-mobile {
		float:none;
	}
	
	.bord-lr {
		border-left: 0px;
		border-right: 0px;
		
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}
	
	.clean-col-mobile {
		width:100% !important;
	}
	
	
	 .wapper {
		width:auto !important;
	}
	
	.logo {
		position:relative !important;
		top:0px !important;
	}
	
	.lang-site {
		padding-bottom:0px !important;
	}
	
	.d-desktop {
		display:none !important;
	}

	.d-mobile {
		display:block !important;
	}

	.flex-menu-row {
		display:flex;
		justify-content:space-between;
		align-items:center;
		width:100%;
		padding-left:15px;
		padding-right:15px;
	}
	
	#menuToggle {
		display:none;
	}
	
	.sub-menu {
		position:relative;
		height:0px;
		padding:0px;
		overflow:hidden;
	}
	
	.has-sub-menu:hover .sub-menu {
		height:auto;
		padding:10px;
		overflow:auto;
	}
	
	.has-sub-menu:hover .sub-menu {
		height:auto;
		padding:10px;
	}
	
	.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
		float:none;
	}
	.lang-site {
		text-align:center;
	}
	.lang-site a {
		    float: none;
    display: inline-block;
	}
	
	.lang-li {
		margin-top:30px;
	}
	
	#slider img {
		max-width:100%;
		height:auto;
	}
	
	.footer .lang-li {
		display:none !important;
	}
	
	#slider .slide-info {
		bottom:10px;
		width:calc(100% - 20px) !important;
	}
	
		#slider .slide-info p {
		height: 45px;
		overflow: hidden;
	}
	
	.has-sub-menu  {
		padding-left:40px !important;
	}
}


.d-desktop {
	display:block;
}

.d-mobile {
	display:none;
}

.no-btn {
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:transparent;
	border:0px;
}