@font-face {
    font-family: 'Conv_bpg_banner_extrasquare_caps';
    src: url('../fonts/bpg_banner_extrasquare_caps.eot');
    src: local('☺'), url('../fonts/bpg_banner_extrasquare_caps.woff') format('woff'), url('../fonts/bpg_banner_extrasquare_caps.ttf') format('truetype'), url('../fonts/bpg_banner_extrasquare_caps.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BPG_GEL_Excelsior';
    src: url('../fonts/BPG_GEL_Excelsior.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BPG_GEL_Excelsior_Caps';
    src: url('../fonts/BPG_GEL_Excelsior_Caps.ttf');
    font-weight: normal;
    font-style: normal;
}

*{
    font-family: 'BPG_GEL_Excelsior';
	box-sizing:border-box;
}

body{
	margin:0;
	padding:0;
}

.clear{
	clear:both;
}


a.navbar-brand{
	padding:7px 0 !important;
	margin-right:30px;
	height:89px;
	font-size:20px;
	color:#602400 !important;
}

.navbar ul li a{
	padding:33px 20px 30px 20px;
	color:#602400 !important;
}


.navbar-brand img{
	display:inline-block !important;
	margin-right:10px;
}

.navbar-default{
	background:#fff9ef !important;
}

.navbar-toggle{
	margin:25px 0 0 0 !important;
	background:#fff9ef !important;
}

@media (max-width: 767px) {
	.navbar ul li a{
		padding: 5px 15px 5px 25px;
		color:#602400 !important;
	}
	.footer{
		width:100% !important;
		text-align:center;
	}
	
	footer{
		margin:15px !important;
	}
	
	.content{
		padding:0 30px !important;
		text-align:justify;
	}
	
	.navbar-header{
		padding:0 15px;
	}
	.aside-left{
		width:100%;
		float:none;
		display:block;
	}
	.aside-left{
		margin-right:0 !important;
		width:100% !important;
	}
	.aside-left a{
		background:#eaeaea;
		width:100%;
		padding:5px 5px;
		display:block;
		margin:2px 0;
	}
	.slideshow{
		display:block !important;
		float:none !important;
		width:100% !important;
		margin-right:0 !important;
	}
	aside.right{
		display:block !important;
		float:none !important;
		width:100% !important;
		overflow:visible !important;
	}
	.random{
		width:100% !important;
	}
	.contact{
		display:block !important;
		float:none !important;
		width:100% !important;
		margin-right:0 !important;
	}
	.contact input[type="text"], .contact input[type="email"]{
		width:100% !important;
	}
}

.slideshow{
	width:75%;
	height:450px;
	float:left;
	margin-right:20px;
}

aside.right{
	overflow:hidden;
	min-height:230px;
}

.aside-left{
	float:left;
	width:250px;
	margin-right:10px;
}

.aside-left a{
	display:block;
}

#gallery{
	overflow:hidden !important;
	width:auto;
}

.ug-thumb-wrapper{
	/*border:2px solid #444 !important;*/
}

.categories{
	margin:0 !important;
	padding:0 !important;
	font-family: 'BPG_GEL_Excelsior_Caps' !important;
}

.footer{
	width:1170px;
	color:#fff;
	margin:0 auto;
}

.content {
	min-height: calc(100vh - 171px) !important;
}

footer {
	padding:20px 0;
	background:#444;
}


/*====slideshow=====*/

#slideshow { 
    margin: 0 auto; 
    position: relative; 
    width: 100%; 
    height: 350px; 
    padding: 10px; 
    box-shadow: 0 0 10px rgba(0,0,0,0.4); 
}

#slideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}

/*====///slideshow=====*/

.random{
	width:90%;
	height:90%;
	margin:0 auto;
	padding: 10px; 
    box-shadow: 0 0 10px rgba(0,0,0,0.4); 
}

.random hr{
	margin: 3px 0 7px 0 !important;
}

.slideshow-text{
	position:absolute;
	top:20px;
	left:20px;
	color:#fff;
	background:#ccc;
	line-height:30px;
}

.slideshow-text::before { 
	content: " - ";
	color:#ccc;
}

.slideshow-text::after { 
	content: " - ";
	color:#ccc;
}

.contact{
	width:75%;
	float:left;
	margin-right:20px;
}

.contact input[type="text"], .contact input[type="email"]{
	width:50%;
}


.other-gallery iframe{
	width:100%;
	height:400px;
}

.other gallery pdf{
	
}

.flex-container{
	width:100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.lesson-categories-thumb{
	display:block;
	width:100%;
	height:250px;
	border-top:1px solid #eaeaea;
	border-bottom:1px solid #eaeaea;
}

.flex-item {
	width:250px;
	box-shadow:1px 1px 5px #999;
	border:10px solid #fcfcfc;
	transition:all 200ms;
	position:relative;
	margin-bottom:20px;
}

.flex-item:hover {
	box-shadow:1px 1px 10px #444;
}

h1.lessons-main-title{
	font-size:26px;
	font-family: 'BPG_GEL_Excelsior_Caps';
	margin-bottom:0;
}

@media (max-width: 1000px) {
	.flex-item {
		width:100%;
		display:block !important;
	}
	.flex-container{
		display:block;
	}
}

.lesson-categories-name{
	padding:0 10px;
}

.lesson-categories-name h2{
		font-size:15px !important;
		margin-top:10px !important;
}

.lessons-read-more{
	padding:10px;
	width:100%;
	text-align:center;
}

.coming-soon{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:64px;
	height:64px;
}

.pdf-icon{
	width:auto;
	height:30px;
}

.lesson-video{
	width:100%;
	height:150px;
	margin-bottom:10px;
}

.lesson-video iframe{
	width:100%;
	height:150px;
}

.lessons-files{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding:0 10px 10px 10px;
	border-bottom:1px solid #fcfcfc;
}

.lessons-files a{
	width:49.2%;
	margin-bottom:5px;
}

.flex-container-view{
	width:100%;

}

.flex-item-view{
	box-shadow:1px 1px 5px #999;
	border:10px solid #fcfcfc;
	transition:all 200ms;
	position:relative;
	margin-bottom:20px;
}

.lesson-video-view{
	display: flex;
	justify-content: space-between;
	align-content: flex-start;
	flex-wrap: wrap;
	border-bottom:1px solid #fcfcfc;
	margin-bottom:15px;
}

.lesson-video-view:after {
  content: "";
  flex: auto;
}

.lesson-video-view iframe{
	width:25%;
	height:200px;
	margin-bottom:5px;
	border:10px solid #fff;
}

@media (max-width: 1000px) {
	.lesson-video-view iframe{
		width:100%;
	}
}

.lesson-material-title{
	border-bottom:1px solid #fcfcfc;
	margin-bottom:5px;
	padding-bottom:5px;
}

.lessons-materials{
	margin:10px;
	padding:10px;
	background:#fff;
	border:10px solid #eaeaea;
}

.lessons-materials a{
	margin-right:5px;
}