body {
	overflow-x:hidden;
	position:relative;
	margin: 0;
	padding:0;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size: 13px;
	line-height: 20px;
	color: #666;
	background-color:#fff;
}

.buttoncl {
	margin: 0;
	padding: 24px 27px 22px;
	font-family: 'Roboto', sans-serif;
	border:0px solid #ccc;
	border-radius: 0;
	box-shadow: none;
	text-transform:uppercase;
	font-weight: 900;
	line-height: 20px;
	font-size: 15px;
	color:#9f9f9f;
	text-shadow: none;
	background: #fff;
	background-image: none !important;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;

}
.buttoncl:focus, .btn:hover {color:#787878; border-color:#fff;}

.buttoncl-active {background-color:#fff; color:#fff; border-color:#cfcfcf;}
.buttoncl-active:hover {color:#fff;}


.buttoncl-lg {padding:19px 30px; font-size:18px;}
.buttoncl-sm {padding: 6px 20px 5px; font-size:13px;}
.buttoncl-xs {padding: 2px 15px 3px; font-size:11px;}


.buttoncl_shortcodes .btn {margin:0 7px 10px 0;}
.buttoncl_shortcodes .btn:last-child {margin-right:0;}


.ie .btn, .ie .button-default {filter:none !important;}

	
	.overlay-container {
		display: none;
		content: " ";
		height: 100%;
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
		
	}
	
	.window-container {
		display: block;
		background: #272727;
		margin: 8em auto;
		width: 500px;
		height:35%;
		padding: 10px 20px 20px;
		text-align: left;
		font-family: 'Roboto', sans-serif;
		color: #f0f0f0;
		z-index: 10;
		border-radius: 0px;
		box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
		-webkit-transition: 0.4s ease-out;
		-moz-transition: 0.4s ease-out;
		-ms-transition: 0.4s ease-out;
		-o-transition: 0.4s ease-out;
		transition: 0.4s ease-out;
		opacity: 0;
	}
	
	.zoomin, .zoomin1, .zoomin2 {
		-webkit-transform:  scale(1.2);
		-moz-transform:  scale(1.2);
		-ms-transform:  scale(1.2);
		transform:  scale(1.2);
	}
	
	.zoomout, .zoomout1, .zoomout2 {
		-webkit-transform:  scale(0.7);
		-moz-transform:  scale(0.7);
		-ms-transform:  scale(0.7);
		transform:  scale(0.7);
	}
	
	
	.window-container-visible {
		-webkit-transform:  scale(1);
		-moz-transform:  scale(1);
		-ms-transform:  scale(1);
		transform:  scale(1);
		opacity: 1;
	}
	
		.window-container h3 {
			margin: 1em 0 0.5em;
			font-family: 'Roboto', sans-serif;
			font-weight:300;
			font-size: 26px;
			line-height: 20px;
			color: #f0f0f0;
			
		}
		
				.close {
			margin: 0;
			z-index:10000;
	padding: 24px 27px 22px;
	border:2px solid #efefef;
	border-radius: 0;
	box-shadow: none;
	text-transform:uppercase;
	font-weight: 900;
	line-height: 20px;
	font-size: 13px;
	color:#efefef;
	text-shadow: none;
	background-image: none !important;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
		}
		
		.close:focus, .close:hover {color:#fff; border-color:#fff;}

.close-active {background-color:#1c1c1c; color:#fff; border-color:#1c1c1c;}
.close-active:hover {color:#fff;}


close-lg {padding:19px 30px; font-size:18px;}
close-sm {padding: 6px 20px 5px; font-size:13px;}
close-xs {padding: 2px 15px 3px; font-size:11px;}


close_shortcodes .btn {margin:0 7px 10px 0;}
close_shortcodes .btn:last-child {margin-right:0;}


.ie .close, .ie .close-default {filter:none !important;}