/********** DEFINIÇÕES **********/

@branco: #ffffff;
@preto: #282828;
@rosa: #ee859b;
@azul: #2da1f9;


/********/

@media screen and (max-width: 480px){

	#menumobile{
		display: block;
	    float: right;
	    background: url(../img/icon-menu-white.png) no-repeat center top;
	    height: 48px;
	    width: 48px;
	    overflow: hidden;
	    margin-top: 50px;
    	margin-right: 10px;
	}

	body.on{
		.slider,
		.sobre,
		.servicos,
		.videos,
		.newsletter,
		.blog,
		.bloghc,
		.contato{
			display: none;
		}
	}

	body.on{
		.header{
			position: absolute !important;
			height: 100%;
			width: 100%;
			background: @rosa;
			z-index: 35;
			top: -40px;
			a.logo{
				position: absolute;
				top: 20px;
				svg{
					path,circle,polygon{
						fill: @branco !important;
					}
				}
			}
			#menumobile{
				background-position: center bottom;
				position: absolute;
			    top: 15px;
			    right: 20px;
			}
			ul{
				display: block;
				position: absolute;
				top: 150px;
				li{
					display: block;
					margin-bottom: 20px;
					font-size: 20px;
					a{
						color: #fff;
					}
					ul{
						position: relative;
						float: none;
						top: 14px;
						li{
							background: none;
						}
					}
				}
				li:hover,
				li.current_page_item{
					background-position: left bottom;
				}
			}
		}
	}

	.content{
		width: 90%;
	}

	.preheader {
	    text-align: center;
	    padding: 20px 0px 0px 0px;
	    max-width: 90%;
	    display: none;
	}

	.header{
		a.logo{
			svg{
				float: left;
				margin: 10px 0px;
				display: block;
			}
		}
		ul{
			display: none;
		}
	}

	.footer{
		text-align: center;
		.third{
			width: 100%;
			float: none;
			margin: 20px 0px;
		}
		.third.right{
			text-align: center;
		}
	}

	.posfooter{
		p,p.desenvolvido{
			text-align: center;
			display: block;
			margin: 10px 0px;
			float: none;
		}
	}

	.slider{
	    .boxsetas{
    	    width: 100%;
		    margin: 0px 0px 0px 0px;
		    text-align: center;
	    }
	    .bullets{
	    	width: 100%;
	    	float: none;
	    	margin-bottom: 10px;
	    	.demo{
	    		width: 21%;
	    	}
	    }
	    .mySlides{
	    	background-position: left center !important;
	    	height: auto;
	    	padding-bottom: 70px;
	    	img{
	    		float: none;
	    		width: 100%;
	    	}
	    	.txt{
	    		width: 100%;
	    		text-align: center;
	    		margin-top: 30px;
	    		height: auto;
	    		h1{
	    			font-size: 9vw;
	    			line-height: 11vw;
	    		}
	    		p{
	    			display: none;
	    			width: 100%;
	    		}
	    	}
	    	a{
	    		text-align: center;
	    		display: block;
	    	}
	    }
	}

	.searchnews{
		text-align: center;
		.left,.right{
			float: none;
			margin: 40px auto;
			display: block;
		}
		form input[type=text],
		form input[type=email]{
			width: 80%;
		}
		.news{
			h3,input{
			    margin-top: 20px !important;
			}
		}
	}

	.planeje{
		text-align: center;
		background-position-x: right;
		.btn{
			float: none;
			margin: 20px auto;
		}
	}

	.paginainterna{
		width: 100%;
		float: none;
		padding: 20px 0px;
		.box{
			img{
				max-width: 32%;
			}
		}
	}

	.contato{
		.left,.right{
			width: 100%;
			float: none;
			margin-bottom: 20px;
		}
		.left,
		.formcontato{
			img,h1,h2,p{
				float: none;
				width: 100%;
			}
			img{
				margin: 20px auto;
				display: block;
			}
			.formulariocontato{
				width: 100%;
				float: none;
				margin-top: 0px;
			}
			.right{
				margin-top: 20px;
				float: none;
				width: 100%;
				h4{
					font-size: 4vw;
				}
			}
		}
	}

	.blog{
		.titblog{
			img,h1,h2,p{
				float: none;
				width: 100%;
			}
			img{
				margin: 20px auto;
				display: block;
			}
		}
	}

	.listaposts,.sidebar{
		width: 100%;
		float: none;
		margin-bottom: 50px;
	}

	.listaposts{
		.related{
		    background: url(../img/spacer-small.png) no-repeat center bottom;
		    background-size: 100%;
			p{
				width: 100%;
			    margin: 20px 0px;
			}
		}
		form{
			p{
				padding-left: 50px;
			}
		}
	}

	.single .breadcrumb{
		background: none;
		line-height: 30px;
		height: auto;
	}

}