/*
 * A Design by GraphBerry
 * Author: GraphBerry
 * Author URL: http://graphberry.com
 * License: http://graphberry.com/pages/license
 */

/********************************************
********************************************/
.og-close{
cursor: pointer;
    height: 30px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 30px;

}
.og-close:before, .og-close:after {
    background: none repeat scroll 0 0 #888;
    content: "";
    height: 1px;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    width: 100%;
}

.og-close:after{
	transform: rotate(-45deg);
}


blockquote {
	text-align: center;
	padding: 50px 0 0;
	width: 50%;
	border: none;
	position: relative;
}
/********************************************
				CONTACT FORM
********************************************/
/*
Forms
*/
.form-control{
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-bottom: 7px;
}

.contact-form form {
	position: relative;
}
.contact-form .form-control {
	background-color: transparent;
	margin-bottom: 25px;
	color:  #888;
	border-width: 2px;
}
.contact-form .form-control:focus {
	border: 2px solid #000000;
}
.contact-form .form-control:focus {
	background: rgba(255, 255, 255, 0.1);
}
.commands {
	text-align: center;
}

/*****************************************
RESPONSIVE
*****************************************/

.lead {
	margin-bottom: 20px;
}
@media (max-width: 767px) {
	.navbar-smak {
		background: rgba(19, 19, 22, 0.7);
	}
	.navbar-smak .nav {
		padding: 5px 0;
	}
	.navbar-smak .navbar-brand > img {
		height: 40px;
	}
	.navbar-smak .navbar-brand {
		padding: 5px 15px 0 0;
	}
	.lead {
		font-size: 30px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.lead {
		font-size: 30px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.lead {
		font-size: 30px;
	}
}