/****************************************************************************************************

***********************************************  INDEX.HTML  ****************************************

*****************************************************************************************************/


/*****       Header       *****/


.header{
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #f0f0f0;
}


.top-header{
	overflow: hidden;
	padding: 34px 0;
}

.store{
	float: left;
	width: 50%;
	overflow: hidden;
	text-align: left;
}

.store img{float: right;}

.apple-img{
	float: right;
	padding-top:4px;
}

.apple-content{
	float: right;
	text-align: right;
	padding: 0 14px 0 14px;
}

.apple-content h5{padding-bottom: 5px;}

.bttn-apple{
	display: inline-block;
	width: 167px;
	color:#ffffff;
	padding:7px 10px;
	margin-right: 16px;
	background: -webkit-linear-gradient(top, #3e3e3e, #2a2a2a);
	background: -o-linear-gradient(bottom, #3e3e3e, #2a2a2a);
	background: -moz-linear-gradient(to bottom, #3e3e3e, #2a2a2a);
	background: linear-gradient(to bottom, #3e3e3e, #2a2a2a);
    border-radius: 5px;
    border:1px solid #3f3f3f;
}

.google-img{
	float: right;
	padding-top:2px;
}

.google-content{
	float: right;
	text-align: right;
	padding: 0 14px 0 14px;
}

.google-content h5{padding-bottom: 5px;}

.bttn-google{
	display: inline-block;
	width: 167px;
	color:#373737;
	padding:10px 10px 4px 10px;
	background: -webkit-linear-gradient(top, #fefefe, #f0f0ef);
	background: -o-linear-gradient(bottom, #fefefe, #f0f0ef);
	background: -moz-linear-gradient(to bottom, #fefefe, #f0f0ef);
	background: linear-gradient(to bottom, #fefefe, #f0f0ef);
    border:1px solid #e0e0e0;
    border-radius: 5px;
}


.logo{
	position: relative;
	float: right;
	width: 50%;
	text-align: right;
	padding-top:7px;
}

.navigation{
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #eaeaea;
}

.navigation ul li{
	float: right;
	margin-left: 15px;
}

.navigation ul li a{
	display: block;
	padding: 21px 11px;
	border-bottom: 1px solid transparent;
}

.navigation ul li:first-child a{padding-right: 0;}
.navigation li a.active,
.navigation li a:hover{border-bottom: 1px solid #00c600;}

.mobile-toggle {
	position: absolute;
	left: 40px;
	top:48px;
	display: none;
	width: 40px;
	height:40px;
	overflow: hidden;
	font-size: 20px;
	padding-top:3px;
	cursor: pointer;
	border-radius: 4px;
}

.mobile-toggle span {
	display:block;
	width: 100%;
	height: 7px;
	margin:0 auto 3px auto;
	background: #cccccc;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
}

.mobile-toggle.open span{background:#00c600; }


/*****       Main       *****/


.content{
	width: 100%;
	overflow: hidden;
	padding-top: 30px;
	background-color: #f7f7f7;
}

.content .frame{overflow: hidden;}

.sidebar{
	float: left;
	width: 24%;
}

.inner-sidebar{
	width: 100%;
	overflow: hidden;
}

.search-form{
	width: 100%;
	margin-bottom: 20px;
	background-color: #ffffff;
}

.sidebar .search-form form{
	width: 100%;
	overflow: hidden;
	padding: 8px 5px;
	border: 1px solid #e7e7e7;
	border-top:none;
	border-radius: 5px;
}

.sidebar .search-form input[type="text"]{
	float: right;
	width: 80%;
}

.sidebar .search-form input[type="submit"]{
	float: left;
	width: 20%;
	background-color: #00c600;
	background-image: url(../images/search.png);
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 5px;
}

.archive{
	width: 100%;
	margin-bottom: 20px !important;
	background-color: #ffffff;
	border:1px solid #e7e7e7;
	border-top:none;
	border-radius: 5px;
}

.archive-selector{padding: 19px 19px 0 19px;}

.archive-selector h4{
	font-weight: bold;
	padding-bottom: 13px;
	margin-bottom: 15px;
	border-bottom: 1px solid #e5e5e5;
}

.archive-content{padding:10px 0 20px 0;}

.archive-content ul li{
	font-size: 12px;
	padding: 6px 19px 6px 5px;
	border-right: 1px solid transparent;
}

.archive-content ul li a:hover{color: #00c600;}
.archive-content ul li.selected{border-right: 1px solid #00c600;}

.right-content{
	float: right;
	width: 72.5%;
	overflow: hidden;
	margin-bottom: 20px;
}

.filtertag-search img{
	float: left;
	margin-top: 5px;
	margin-right: 10px;
}

.filtertag-search{
	width: 100%;
	overflow: hidden;
	padding: 20px 17px 19px 17px;
	margin-bottom: 20px;
	background: #ffffff;
	border:1px solid #eaeaea;
	border-top:none;
	border-radius: 5px;
}

.filtertag-search span{
	display: inline-block;
	color:#000000;
	padding: 0 30px 0 15px;
	background: url('../images/Forma.png') no-repeat right center;
}

.filtertag-search a{color: #00c600;}

.blog-list-box{
	width: 100%;
	overflow: hidden;
	margin-bottom: 30px;
	background-color: #ffffff;
	border-bottom: 1px solid #eaeaea;
	border-radius: 8px;
}

.blog-list-box a img{display: block;}

.blog-list-box .article-text{padding: 25px 25px 30px 50px;}

.article-text h1{font-weight: bold;}

.article-text h1:hover{color:#00c600;}

.blog-list-box span{
	display: block;
	font-size: 12px;
	color: #7c7c7c;
	padding-top:15px;
}

.blog-list-box span b{
	color:#1d1d1d;
	padding:0 10px;
}

/**     specific-post    **/


.specific-blog{
	width: 100%;
	overflow: hidden;
	margin-bottom: 30px;
	background-color: #ffffff;
	border-bottom: 1px solid #eaeaea;
	border-radius: 8px;
}

.specific-blog a img{display: block;}

.specific-blog .article-text{padding: 25px 25px 0 50px;}

.specific-blog span{
	font-size: 12px;
	color: #7c7c7c;
}

.specific-blog span b{
	color:#1d1d1d;
	padding:0 10px;
}

.specific-blog .article-text h1.article-title {
	font-size: 25px;
	font-weight: bold;
	color: #424242;
	padding-top: 0;
}

.specific-blog .article-text h1.article-title:hover{color:#00c600;}

.share-on-socials{
	width: 100%;
	margin-top: 12px;
}

.specific-blog .article-text h1{
	font-size: 25px;
	color: #00c600;
	padding-top: 40px;
}
.specific-blog .article-text h2{
	font-size: 23px;
	padding-top: 20px;
}
.specific-blog .article-text h3{
	font-size: 20px;
	padding-top: 23px
}
.specific-blog .article-text h4{
	font-size: 17px;
	padding-top: 24px;
}
.specific-blog .article-text h5{
	font-size: 14px;
	padding-top: 27px;
}

.more-article .article-text span{
	display: block;
	padding-top:15px;
}

.specific-blog .article-text p{padding-top: 12px;}

.specific-blog .article-text p a{
	font-weight: bold;
	color: #00c600;
	border-bottom: 1px solid #00c600;
}

.specific-blog ul,ol{
	padding-right: 30px;
	padding-top: 25px;
}

.specific-blog ul{list-style-type: disc;}

.specific-blog ol{list-style-type: decimal;}

.keywords{
	width: 100%;
	padding-top: 20px;
	margin-top: 50px;
	border-top: 1px solid #eaeaea;
}

.keywords span{
	float: right;
	color: #424242;
	padding-top: 11px;
}


.keywords-bttn{
	display: inline-block;
	width: 80px;
	color:#fff;
	text-align: center;
	padding:9px 10px;
	margin-right: 14px;
	margin-bottom: 14px;
	background-color: #00c600;
    border-radius: 5px;
}

.keywords a:hover{background-color: #06b906;}

/**   more-article  **/

.more-article{
	width: 100%;
	overflow: hidden;
	margin-top: 27px;
}

.more-article ul li{
	float: right;
	width: 47.5%;
	margin-right: 5%;
	margin-bottom: 30px;
	background-color: #fff;
	border: 1px solid #eaeaea;
	border-top:none;
	border-radius: 8px;
}
.more-article ul li .article-text{
	height: 250px;
	padding: 16px 14px 10px 25px;
}
.more-article ul li:nth-child(2n+1){margin-right:0;}
.more-article ul li h1{font-size: 18px;}

.more-article ul li a img{display: block;}

.more-article ul li span{
	display: block;
	font-size: 12px;
	color: #7c7c7c;
	line-height: 1.9;
	padding-top:7px;
}

a.play-bttn{
	position:relative;
	display: block;
}

a.play-bttn::after{
	content: url('../images/play-bttn.png');
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -24px;
	margin-left: -24px;
	z-index: 2;
}

a.play-bttn:hover::after{opacity: 0.8;}

/*****       Footer       *****/


.footer{
	width: 100%;
	overflow: hidden;
	padding: 35px 0;
	background-color: #21252b;
	border-bottom: 4px solid #1dc121;
}

.footer-store{
	float: left;
	width: 384px;
	text-align: left;
}

.footer-store h3{
	color:#f7f7f7;
	text-align: right;
	padding:0 30px 12px 0;
}

.right-footer{
	float: right;
	width: 150px;
}

.bttn-footer{
	display: inline-block;
	width: 167px;
	color:#ffffff;
	padding:7px 10px;
	margin-right: 16px;
    border-radius: 5px;
    border:1px solid #565e66;
}

.bttn-footer.google{padding:10px 10px 4px 10px;}

.right-footer h3{
	color: #808d91;
	padding: 7px 0;
}

.right-footer ul li{
	display: inline;
	float: right;
	color: #00c600;
	text-align: right;
	padding: 0 11px;
}

.right-footer ul li:first-child{padding-right: 0;}

.share-on-socials span{min-height: 30px;}