body{

	background-color:#eee;

	background-image:url('../images/promo.png');

}



#logo{

	margin:35px 0 55px 0;

}



#logo h1{

	font-family: 'Pacifico', cursive;

	font-size: 60pt;

}



#logo h1.color1{

	color: #d96343;

}



#logo h1.color2{

	color: #388299;

}



#logo h1.color3{

	color: #42a172;

}



#logo h1.color4{

	color: #7f527d;

}



#logo span{

	display:block;

	color: #b8b8b8;

	font-family: 'Roboto', sans-serif;

	font-size: 20pt;

	margin-top:-15px;

	text-transform:uppercase;

}



.center{

	text-align:center;

}



.ad-box{

	background-color:rgba(255,255,255,0.35);

	padding:15px;

	margin-bottom:30px;

}



.ad-boxes{

	float:left;

	width:470px;

	margin-left:10px;

	margin-right:10px;

}



.ad-box iframe{

	display:inline-block;

}



.ad-box img{

	width:100%;

}



#ad-box1{

	width:270px;

	padding-bottom:121px;

}



#ad-box2{

	width:470px;

	

	padding-bottom:38px;

}



#ad-box3{

	width:420px;

	float:right;

}



#ad-box4{

	width:470px;

	

	padding-bottom:38px;

	margin-bottom:0px;

}



#ad-box5{

	width:860px;

}



#ad-box6{

	width:420px;

}



.ad-box h2{

	text-transform:uppercase;

	font-weight:bold;

	color:#c1bfbf;

	margin-top:0px;

	font-family: 'Roboto Condensed', sans-serif;

	font-size: 35px

}



.ad-box h3{

	margin-bottom:0px;

	color: #c1bfbf;

	font-family: 'Roboto', sans-serif;

	font-size: 25px;

}



footer{

	background-color:#dbdbdb;

	margin-top:135px;

	height:80px;

	line-height:80px;

	color:#939393;

	font-family: 'Roboto Condensed', sans-serif;

	font-size: 16px;

}



footer a{

	color:#6F6F6F;

}



footer a:hover{

	color:#6F6F6F;

}



.color-picker{

	position:fixed;

	top:80px;

	left:0px;

	text-align:center;

	background-color:#fff;

	padding:18px 14px;

	-webkit-border-top-right-radius: 4px;

	-moz-border-top-right-radius: 4px;

	border-top-right-radius: 4px;

	-webkit-border-bottom-right-radius: 4px;

	-moz-border-bottom-right-radius: 4px;

	border-bottom-right-radius: 4px;

}



.color-picker img{

	display:block;

	margin:5px 0;

	cursor:pointer;

}



.set.color2, .set.color3, .set.color4, .set.color5, .set.color6, .set.color7{

	display:none;

}



@media (max-width: 1200px) {

	.ad-box, .ad-boxes{

		width:100% !important;

		float:left !important;

		margin-bottom:20px;

	}

}



.ad-box .image{

	background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    overflow: hidden;

    position: relative;

    width: 100%;

}



.ad-box .image > a{

    background-color: rgba(23, 40, 42, 0.9);

    border: 10px solid rgba(23, 40, 42, 0.88);

    display: block;

    height: 100%;

    left: 0;

    opacity: 0;

    position: absolute;

    text-align: center;

    text-decoration: none;

    top: 0;

    transition: all 0.3s ease-out 0s;

    visibility: hidden;

    width: 100%;

    z-index: 9;

}



.ad-box .image:hover > a{

	visibility:visible;

	opacity:1;

}



.btn {

    -moz-user-select: none;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 4px;

    cursor: pointer;

    display: inline-block;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.42857;

    margin-bottom: 0;

    padding: 6px 12px;

    text-align: center;

    vertical-align: middle;

    white-space: nowrap;

}



.btn {

    border-width: 2px;

    font-size: 13px;

    height: 35px;

    line-height: 32px;

    padding: 0 16px;

}

.btn-default {

    background-color: #fff;

    border-color: #ccc;

    color: #333;

}

.btn-default, .btn-default-color, .btn-fullcolor {

    border-radius: 4px;

    text-transform: uppercase;

    transition: all 0.3s ease 0s;

}



.btn-default, .btn-default:focus {

    background-color: transparent;

    border-color: rgba(255, 255, 255, 0.5);

    color: rgba(255, 255, 255, 0.5);

}



.ad-box .image .btn{

	position:relative;

	top:50%;

	margin-top:-17px;

}