/* CSS Document */

@font-face {
    font-family: 'Lato Light';
    src: url('fonts/Lato-Light.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato-Light.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato-Light.ttf') format('truetype'); 
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'Lato Medium';
    src: url('fonts/Lato-Medium.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato-Medium.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato-Medium.ttf') format('truetype'); 
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato-Regular.ttf') format('truetype'); 
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'Bowfin';
    src: url('fonts/BOWFIN_.eot'); /* IE9 Compat Modes */
    src: url('fonts/BOWFIN_.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/BOWFIN_.woff') format('woff'), /* Modern Browsers */
         url('fonts/BOWFIN_.ttf') format('truetype'); 
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

.simplebox{
	cursor:pointer;
}

#simplebox_main{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background-image:url(../simplebox-images/simplebox_bg.png);
	display:none;
	font-family: 'Lato Medium';
	color:#818481;
	z-index:100;
}

#simplebox_center{
	/*if you want the box not to take up all vertical space, comment out the two lines with !important and uncomment the top:50% one*/
	width:auto;
	height:auto;
	/*max-width:calc(80% - 10px);
	max-height:calc(80% - 10px);*/
	padding:0px;
	background-color:#1a1a19;
	position:absolute;
	/*top:50%;*/
	left:50%;
	/*box-shadow:5px 5px 10px #333;*/
	z-index:101;
	text-align:center;
	margin-top:0px !important;
	height:100% !important;
	
}

#simplebox_content{
	position:relative;
	height:calc(100% - 30px) !important;
}
#simplebox_title{
	/*margin-top:30px;*/
	font-family:Arial, Helvetica, sans-serif;
	color: #BFBEBE;
	height:6%;
	overflow:auto;
}

#simplebox_footer{
	height:30px;
	width:100%;
	z-index:102;
	background-color:#333433;
	position:fixed;
	bottom:0px;
	box-shadow:0px -2px 5px #232323;
}

#close{
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	z-index:102;
}

.sb_next{
	width:30%;
	height:100%;
	position:absolute;
	right:0px;
	cursor:pointer;
}

.sb_prev{
	width:30%;
	height:100%;
	position:absolute;
	left:0px;
	cursor:pointer;
}

#simplebox_bg{
	width:100%;
	height:100%;
	position:absolute;
	z-index:100;
}

.simplebox_center_controls{
	text-align:center;
	width:93px;
	height:19px;
	position:relative;
	margin:-12px auto;
	line-height:19px;
}

.simplebox_center_controls img{
	display:inline-block;
	margin-bottom: 7px;	
}

.simplebox_center_controls .sb_next{
	width:34px;
	height:19px;
	background-color:transparent;
	background-image:url(../simplebox-images/simplebox_arrow_right.png);
	cursor:pointer;
	margin-top: 19px;
	position:inherit;
	display:inline-block;
	margin-left:5px;
}

.simplebox_center_controls .sb_prev{
	width:33px;
	height:19px;
	background-color:transparent;
	background-image:url(../simplebox-images/simplebox_arrow_left.png);
	cursor:pointer;
	margin-top: 19px;
	position:inherit;
	display:inline-block;
	margin-right:5px;
}

#simplebox_center iframe{
	border:0px;
	margin:0px;
}

#simplebox_share {
	/*position: absolute;
	left: 50%;
	margin-left: -400px;
	height: 35px;
	margin-top: 15px;
	vertical-align: middle;*/
	/*float:left;*/
	position: absolute;
	left:10px;
	/*margin-left:50px;*/
	margin-top:5px;
}

#facebook_like, #twitter_share, #google_like{
	display:inline-block;
	vertical-align:middle;
	overflow:hidden;
}

#facebook_like{
	margin-top:1px;
}

#simplebox_number{
	float:right;
	margin-right:50px;
	color:#fff;
	margin-top:12px;
}

/*video*/

.vjs-default-skin .vjs-big-play-button{
	margin-left:-63px;
	left:50% !important;
	margin-top:-42px;
	top:50% !important;
}

/*swipe remider*/

#simplebox_swipe{
	background-color:#333433;
	font-family:'Bowfin';
	color:#79D2F7;
	padding:10px;
	text-align:center;
	position:absolute;
	top:10px;
	left:10px;
	z-index:102;
	width:calc(100% - 40px);
}

#simplebox_swipe a{
	color:#79D2F7;
	margin-top:5px;
	display:block;
}

#swipeclose{
	text-decoration:none;
	cursor:pointer;
}

/***************************************************************************
****************************************************************************
*********            SIMPLEBOX-ADVANCED STUFF GOES HERE            *********
****************************************************************************
***************************************************************************/


#simplebox_content_main{
	width:100%;
	min-height:55%;
	/*background-color:#1a1a19;*/
	position:relative;
	padding-top: 20px; /*HERE - TOTAL HEIGHT IS 60PX*/
    padding-bottom: 10px;
}

#simplebox_content_line{
	width: 90%;
    height: 1px;
    background-color: #999;
    margin: -2px auto 2px auto;
}

#simplebox_content_desc{
	width:90%;
	margin:0px auto 0 auto;
	/*border-top:1px solid #999;*/
	padding-top:10px;
	max-height:calc(50% - 20px);
	background-color:#1a1a19;
	overflow:auto;
}

#simplebox_content_next{
	width:100%;
	max-height:25%;
	background-color:#1a1a19;
}

#simplebox_content_nav_prev{
	width:calc(50% - 25px);
	height:100%;
	margin-left:15px;
	float:left;
	text-align:right;
	margin-bottom: 20px;
}

#simplebox_content_nav_next{
	width:calc(50% - 25px);
	height:100%;
	margin-right:15px;
	float:right;
	text-align:left;
}

#simplebox_content_nav_next_resize, #simplebox_content_nav_prev_resize{
	width:100%;
	height:100%;
	display: inline-block;
	min-width:50% !important;
	max-width:100% !important;
}

#simplebox_content_nav_prev #prev_title, #simplebox_content_nav_next #next_title{
	width:100%;
	border-bottom: 1px solid #999;
	text-align:center;
	padding-top:10px;
	color: #BFBEBE;
    margin-bottom: 10px;
}

#simplebox_content_nav_prev #prev_content, #simplebox_content_nav_next #next_content{
	height: calc(100% - 35px);
	margin-top:5px;
}

.sb_nav_box{
	width:calc(50% - 5px);
	height: 100%;
	text-align:center;
	overflow:hidden;
	opacity:0.8;
}

.sb_nav_box:hover{
	opacity:1;
}

.sb_nav_box img{
	/*width:100%;
	max-width: 100% !important;
	margin: 0px !important;
	cursor:pointer;
	position: relative;
  	top: 50%;
  	transform: translateY(-50%);
	those were the old styles*/
	/* width: 100%; */
    height: 100%;
    min-height: 100% !important;
    min-width: 100% !important;
    margin: 0px !important;
    /* min-height: 100% !important; */
    cursor: pointer;
    position: relative;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
}

#prev_1, #next_1{
	float:left;
	background-color: rgb(255, 255, 255);
    /*background-image: url(file:///C:/Users/Bruno/Documents/My%20Webs/Other/Other/Simplebox/images/test/tumblr_n56ldgwDPk1qzbcjoo1_500.jpg);*/
    background-size: cover;
    background-position: center;
	cursor:pointer;
}

#prev_2, #next_2{
	float:right;
	background-color: rgb(255, 255, 255);
    /*background-image: url(file:///C:/Users/Bruno/Documents/My%20Webs/Other/Other/Simplebox/images/test/tumblr_n56ldgwDPk1qzbcjoo1_500.jpg);*/
    background-size: cover;
    background-position: center;
	cursor:pointer;
}

.item_desc{
	display:none;
	background-color: #fff;
}

/********************************************
********************************************/


#simplebox_content_desc .item_title{
	float:left;
	color:#09F;
}

#simplebox_content_desc .item_link{
	float:right;
	display:inline-block;
	color:#fff;
	padding:5px;
	margin-right:10px;
	background: #b7df2d; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2I3ZGYyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0Y2Q2MDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #b7df2d 1%, #4cd602 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(1%,#b7df2d), color-stop(100%,#4cd602)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #b7df2d 1%,#4cd602 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #b7df2d 1%,#4cd602 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #b7df2d 1%,#4cd602 100%); /* IE10+ */
	background: linear-gradient(to right,  #b7df2d 1%,#4cd602 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7df2d', endColorstr='#4cd602',GradientType=1 ); /* IE6-8 */

}

#simplebox_content_desc .item_link a{
	color: #fff;
}

#simplebox_content_desc .item_desc_content{
	color:#666;
	clear:both;
	margin-top:40px;
	text-align:justify;
	margin-right:10px;
}

/*here's the one that hides items*/

.item.simplebox-hidden{
	display:none !important;
}

/*arrows to both sides*/

#simplebox_arrow_left{
	position:absolute;
	left:30px;
	top:50%;
	margin-top:-35px;
	z-index: 102;
	cursor:pointer;
}

#simplebox_arrow_right{
	position:absolute;
	right:30px;
	top:50%;
	margin-top:-35px;
	z-index: 102;
	cursor:pointer;
}

	.pc100{
		height:calc(100% - 60px) !important;
		min-height:calc(100% - 60px) !important;
	}

	.title_go75, .title_go100{
		position:absolute;
		top: 73% !important;
    	width: 90% !important;
		padding:0 5%;
	}
	
	.title_100{
		position:absolute;
		bottom: 35px !important;
    	width: 100% !important;
	}
	
	.pc75, .pc75_go100{
		height: calc(75% - 30px) !important;
		min-height:calc(75% - 30px) !important;
	}
	
	.pc50{
		height: 50% !important;
		min-height:50% !important;
	}
	
	.pc50>img, .pc50>iframe, .pc75>img, .pc75>iframe, .pc75_go100>img, .pc75_go100>iframe{
		max-height:calc(100% - 4px);
		margin-top:0px !important;
	}
	
	.pc50>img, .pc75>img, .pc75_go100>img{
		position: absolute;
		top: 50%;
		transform: translateY(-50%) translateX(-50%);
		left: 50%;
	}
	
	.pc25{
		height: 25% !important;
		min-height:25% !important;
	}

	#simplebox_content_desc.pc25{
		height: calc(25% - 41px) !important;
		min-height: calc(25% - 41px) !important;
	}
	
	#simplebox_content_desc.pc35.pc25{
		height: calc(30% - 41px) !important;
		min-height: calc(30% - 41px) !important;
	}
	
	#simplebox_content_nav.pc25{
		height: calc(20% - 41px) !important;
		min-height: calc(20% - 41px) !important;
		top: 81% !important;
		width: 100% !important;
   		position: absolute !important;
	}

/*MOBILE STYLINGS*/

@media screen and (max-width: 650px), screen and (max-height:500px) {
	#simplebox_center {
		width: 100% !important;
		height: 100% !important;
		position: absolute;
		top: 0 !important;
		left: 0 !important;
		margin: 0 !important;
	}
	
	#simplebox_title{
		margin-top:30px;
	}
	
	#simplebox_content{
		width: 100% !important;
		height: 100% !important;
	}
	
	#simplebox_content_main{
		/*height:50% !important;
		min-height:50% !important;*/
	}
	
	#simplebox_content_main img{
		width: auto !important;
		max-width: 100% !important;
		height: auto !important;
		max-height: calc(100% - 4px) !important;
	}
	
	#simplebox_content_desc{
		/*height: 25% !important;*/
	}
	
	.sb_nav_box img{
		/*top:25% !important;*/
	}
	
	.pc100{
		height:100%;
		min-height:100%;
	}
	
	.title_go75, .title_go100{
		top: 75% !important;
    	width: calc(100% - 20px) !important;
		padding:0 10px;
	}
	
	.pc75, .pc75_go100{
		height: 75% !important;
		min-height:75% !important;
	}
	
	.pc50{
		height: 50% !important;
		min-height:50% !important;
	}
	
	.pc25{
		height: 25% !important;
		min-height:25% !important;
	}
	
	#simplebox_content_desc.pc25{
		height: calc(25% - 41px) !important;
		min-height: calc(25% - 41px) !important;
	}
	
	#simplebox_content_desc.pc35.pc25{
		height: calc(25% - 41px) !important;
		min-height: calc(25% - 41px) !important;
	}
	
	#simplebox_content_nav.pc25{
		height: calc(25% - 41px) !important;
		min-height: calc(25% - 41px) !important;
		top: 78% !important;
		width: 100% !important;
   		position: absolute !important;
	}
	
	#simplebox_footer{
		z-index:101 !important;
	}
	
	#simplebox_arrow_left, #simplebox_arrow_right{
		display:none !important;
	}
	
	#simplebox_share{
		display:none !important;
	}
	
	.title_100 {
    	bottom: 5px !important;
	}
}

@media screen and (max-width: 650px) and (orientation:landscape), screen and (max-height:500px) {
	.pc75_go100, .pc100{
		height: calc(100% - 60px) !important;
		min-height:calc(100% - 60px) !important;
		padding-bottom: 20px !important;
	}
	
	.title_go100{
		top: initial !important;
   		bottom: 0px !important;
	}
	
	#simplebox_content_desc.pc25{
		height: calc(50% - 41px) !important;
	}
	
	#simplebox_content_main.pc75{
		height: 50% !important;
		min-height:50% !important;
	}
	
	#simplebox_content_nav{
		display:none;
		visibility:hidden;
	}
	
	.line_go100{
		display: none;
	}
}

@media screen and (orientation:portrait){
	.title_go75, .title_go100{
		top:69% !important;
	}
	
	.pc75, .pc75_go100 {
		height: 68% !important;
		min-height: 68% !important;
	}
	
	#simplebox_center iframe{
		width:90% !important;
	}
	
}