@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(http://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2'), url(http://fonts.gstatic.com/s/roboto/v15/2UX7WLTfW3W8TclTUvlFyQ.woff) format('woff');
}
@font-face {
  font-family: 'Roboto Bold';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(http://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(http://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), url(http://fonts.gstatic.com/s/raleway/v9/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2'), url(http://fonts.gstatic.com/s/raleway/v9/IczWvq5y_Cwwv_rBjOtT0w.woff) format('woff');
}

body{
	background:url(../images/bg-body.jpg) no-repeat top center fixed;
	font-size:14px;
	line-height:24px;
	color:#444;
	text-align:center;
}
*{
	margin:0px;
	padding:0px;
	outline:none;
}
h1,h2,h3,h4,h5,h6{
	margin:0px;
	font-family:inherit;
}
ul,ol{
	list-style:none;
}

a{
	outline:none;
}

.yt-wrapper{
	max-width:1200px;
	margin:0 auto;
	background-color:#fff;
	padding:60px 0 70px;
}

.header-wrapper{
	margin-bottom:100px;
}

.header-wrapper .title-des-header{
	padding:30px 0px;
}

.header-wrapper .title-theme{
    font-family: 'Roboto Bold';
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
}

.header-wrapper .des-header{
	font-family: 'Roboto';
	font-size:16px;
}

.header-wrapper .title-theme span{
	color:#ed1c24;
}

.button a{
	font-size:16px;
	font-family: 'Roboto';
	text-decoration:none;
	text-transform:uppercase;
	padding:8px 20px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}

.button.button-top a{
	border:2px solid #444;
	color:#444;
}

.button.button-bottom a{
	background:#3ab54a;
	color:#fff;
	padding:10px 20px;
}

.button.button-bottom a:hover{
	background-color:#2fa63e;
}

.button.button-top a:hover{
	color:#fff;
	background-color:#2fa63e;
	border-color:#2fa63e;
}

.description{
	font-size:24px;
	background:url(../images/bg_title.png) repeat-x center left;
	font-family:"Raleway";
	color:#444;
	max-width:616px;
	margin-left:auto;
	margin-right:auto;
}
.description > span{
	display:inline-block;
	padding:0 10px;
	background-color:#fff;
	
}

.description > span > span{
	color:#3ab54a;
}

.theme-color .description{
	margin-bottom:30px;
}

.layout-wrapper .item-inner {
    padding: 0 15px;
}
.layout-wrapper .item{
	margin-bottom:60px;
}
.image-item{
	text-align:center;
	position:relative;
}
.image-item img{
	width:auto;
	max-width:100%;
	transition:all 0.3s ease 0s;
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
}

.item-info{
	text-align:center;
}
.item-info h2 a{
	font-family: 'Roboto Bold';
	display:inline-block;
	min-width:194px;
	font-size:12px;
	text-transform:uppercase;
	background-color:#979797;
	text-decoration:none;
	color:#fff;
	padding:9px 20px;
}

.image-item:hover img{
	opacity:0.8;
}

.item-info h2 a:hover{
	background-color:#ea1c24;
}
.item-info .name-item{
	margin-bottom:5px;
}


.theme-color {
    padding-bottom: 10px;
	text-align:center;
}
.theme-color .color-type{
	margin-left:-15px;
	margin-right:-15px;
	text-align:center;
	text-transform:uppercase;
	font-size:14px;
	background-color:#555555;
	padding:10px;
	color:#fff;
	margin-bottom:40px;
}

.theme-color .item-inner{
	border:1px solid #ddd;
	position:relative;
}

.theme-color .item-inner:hover{
	box-shadow:0 0 5px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.1);
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.1);
}

.theme-color .item{
	margin-bottom:30px;
}

.theme-color .item .item-info-color{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
}
.theme-color .item .item-info-color .themecolor a{
	color: #fff;
    display: block;
    font-family: "Roboto Bold";
    font-size: 24px;
    font-style: italic;
    margin: 0 -1px;
    padding: 10px 0;
    text-transform: uppercase;
	text-decoration: none;
	opacity:0;
	transition:all 0.3s ease 0s;
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
}

.theme-color .item .item-inner:hover .item-info-color .themecolor a{
	opacity:1;
}

.theme-color .item .item-info-color .themecolor.fern a{
	background-color:#2ecc71;
}

.theme-color .item .item-info-color .themecolor.purple a{
	background-color:#9b59b6;
}

.theme-color .item .item-info-color .themecolor.blue a{
	background-color:#5cace2;
}

.theme-color .item .item-info-color .themecolor.orange a{
	background-color:#f39c12;
}

.theme-color .item .item-info-color .themecolor.green a{
	background-color:#8dc63f;
}

.theme-color .item .item-info-color .themecolor.red a{
	background-color:#ed1c24;
}

.footer-wrapper {
    padding-top: 30px;
}
.footer-wrapper .footer-button{
	background-color: #444444;
    padding: 41px 0 28px;
    text-align: center;
}

/* RESPONSIVE */
@media (min-width: 1200px) {

}

@media (min-width: 992px) and (max-width: 1199px) {

}

@media (min-width: 768px) and (max-width: 991px) {

}

@media (max-width: 767px) {
	.header-wrapper .header-image{
		min-height:192px;
	}
}

@media (min-width: 481px) and (max-width: 767px) {

}

@media (max-width: 480px) {
	.footer-wrapper .footer-button span{
		margin-bottom:25px;
	}

	.theme-color .item{
		margin-bottom:40px;
	}
}