/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */

	.reveal-modal-bg {
		position: fixed;
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 50001;
		display: none;
		top: 0;
		left: 0;
		}

	.reveal-modal {
		visibility: hidden;
		top: 50% !important;
		left: 50% !important;
		margin-left: -325px;
		margin-top: -267px;
		width: 665px;
		background: #FFF no-repeat;
		position: absolute;
		z-index: 50002;
		padding: 15px 25px 15px 25px;
		
		border-radius: 0px !important;
		}

	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}

	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		}
	/*

	NOTES

	Close button entity is ×

	Example markup

	<div id="myModal" class="reveal-modal">
		<h2>Awesome. I have it.</h2>
		<p class="lead">Your couch.  I it's mine.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
		<a class="close-reveal-modal">&#215;</a>
	</div>

	*/
	
	.butai_gallery_reveal_button {
	/*position: absolute;
	display: none !important;
	background: url("../images/transparent-bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
	padding: 15px;
	color: #056B2E;
	font-size: 14px;
	font-weight:bold;
	top: 308px;
	right: 170px;
	width: 120px;*/
}

.butai_gallery_image_main {
    max-height:390px;
    max-width:550px;
}

.butai_gallery_image_wrapper {
    display: inline-block;
    margin: 0;     
	width: 550px;       
	text-align: center;
	float: left;
}

.butai_gallery_thumb {
    max-height: 65px;
	border-radius: 50px;
	border: 0px solid #ffbf42;
	
	
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
}

a.active .butai_gallery_thumb_wrapper .butai_gallery_thumb {
	max-height: 65px;
	border-radius: 50px;
	border: 3px solid #ffbf42;
	top: -3px !important;
	position: relative;
}

a.active .butai_gallery_thumb_wrapper .butai_gallery_thumb_title {
	top: -1px !important;
	
	-moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
}

#butai_thumb_wrapper {
    margin: 5px 0 0 2px;
	width: 100px;
	float: left;
}

.butai_gallery_thumb_wrapper {
    display: inline-block;
    max-width: 154px;
    text-align: center;
    margin-bottom: 0px; 
	height: 93px;
	margin-right: 4px;
}
.gallery_bottom_pdf {   display: block; float: left;    width: 500px;margin: 10px 0 0 0;}.gallery_bottom { position: relative;}


.butai_gallery_thumb_title {
    display: inline-block;
	font-family: "OpenSans-Light";
    font-weight: normal;
    font-size: 14px;
    color: #999999; 
	/*background-color: rgba(255,255,255,.6);   */  
	width: 150px;       
	position: relative;     
	top: 5px;     
	height: 18px;       
	opacity: 1;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
}
.butai_gallery_thumb_wrapper:hover .butai_gallery_thumb_title { 

opacity: 1;     
-moz-transition: all 0.3s ease-in-out 0s;   
-webkit-transition: all 0.3s ease-in-out 0s;   
 -o-transition: all 0.3s ease-in-out 0s; 
 transition: all 0.3s ease-in-out 0s;
 }

[data-butaithumb] {
    margin: 0 auto;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
}

[data-butaithumb]:first-child {
    margin-right: 0;
}

[data-butaithumb]:last-child {
    margin-left: 0;
}

.inactive img {
    opacity: 1;
}

.active img {
    opacity: 1;
}

.inactive img:hover {
    opacity: 1;
}

.butai_gallery_pdf_button {

    border: 2px solid #ececec;
    color: #999999;
    padding: 8px 10px 8px 10px;
    font-weight: normal;
    font-size: 11px;
	font-family: "OpenSans-Regular";
	position: relative; 
	display: inline-block;  
	margin: 0 0 3px 0;
	

}
.butai_gallery_pdf_button:hover {    
	border: 2px solid #999999;
}
.butai_gallery_label {
    display: inline-block;
    float: left;
    color: #0d700b;
	margin: 20px 0 0 10px;
}

.butai_gallery_label a {
	font-family: "OpenSans-Bold";
	font-size: 14px;
	text-transform: uppercase;
	color: #ffffff;
	padding: 8px 15px;
	background: #ffa800;
	border-bottom: 2px solid #e5e5e5;
}

.butai_tabs {
    margin: 0 0 0px 0px;
}

.butai_gallery_tab_button {
	
    font-weight: bold;
    color: #999999;
    padding: 5px 0px 0 0;
    opacity: 1;
	font-family: "OpenSans-Regular";
	font-size: 14px;
	border:2px solid rgba(255,255,255,0);
	display: block;
	float: left;
	width: 100px;
	height: 31px;
	text-align: center;
	

    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
}

.button_active {
	color: #999999;
	/*border:2px solid #e0e0e0;*/
	background: url("button_active.png") no-repeat;
}

.butai_invisible {
    display: none;
}

a.close-reveal-modal {
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
}