textarea, input {
	font-family: 'Montserrat', Helvetica, sans-serif;
	letter-spacing: normal; 
}
	
	
	body{
	    font-family: "Montserrat", Helvetica, sans-serif;
	    margin: 0;
	    padding: 0;
		overflow: visible;
		height: 100%;
	    background: #fff;
	    letter-spacing: 1px;
	}
	
	h1{
		padding:0;
		margin:0;
	}
	
	.underline{ text-decoration: underline; }
	.light{ font-weight: 300; }
	.regular,.normal{ font-weight: 400; }
	.medio{ font-weight: 500; }
	.semibold{ font-weight: 600; }
	.bold{ font-weight: 700; }
	.pointer{cursor: pointer; }
	.mawidth1200{ max-width:1300px; width:90%; margin:0 auto; position: relative; }
	a{ text-decoration: none; color: inherit; }
	.top{ position:absolute; float: left; width: 100%; z-index: 100; }
	.localizacao{ height: 385px; margin-top:50px; width: 100%; float: left; }
	/* .maxwidth1200{width:90%;max-width:1300px;height:100%;margin:0 auto;} */
	.maxwidth500{ width:100%; max-width:500px; padding: 0 10%; height:100%; margin:0 auto; }
	
	
.corpri1{ color: #00b0ad; }
.corpri2{ color: #e94560; }

.preto{ color: #000; }
.red { color:#de1412; }
.cinza { color:#7d7d7d; }
.letra44 { font-size: 44px; }
.letra34 { font-size: 34px; }
.letra28 { font-size:28px;  }
.letra26 { font-size: 26px; }
.letra18b {font-size: 18px; font-weight: bold; }
.letra16 { font-size: 16px; }
.letra15 { font-size: 15px; }
.letra14 { font-size: 14px; }
.letra13 { font-size: 13px; }
.letra12 { font-size: 12px; }
.letra11 { font-size: 11px; }
.letra10 { font-size: 10px; }
.branco { color: #fff; }
.justificado{text-align: justify; }
.centro{ text-align: center; }
.esquerdo{ text-align: left; }
.light{font-weight: 300; }
.regular{font-weight: 400; }
.imgphone{background: url(imgs/icontel.png) no-repeat center center/contain;height: 58px;width: 58px;position: relative;margin-left: 15px; float: right; }
.telebaixo{background: url(imgs/icontel.png) no-repeat; height: 15px; width: 15px; position: absolute; right: -20px; top: 4px; }
.tel{ color: #fff; }
.titlecontact img{ height: 26px; }
.titlecontact{padding-left: 20px;box-sizing:border-box;width: auto;float: left;clear: none; }
.telcontactimg{float: left;clear: none;position: relative;height: 25px;padding-top: 8px; }
#bodypag{ float: left; width: 100%; position: relative; }


.linhatitesq1, .linhatitdir1{
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    height: 1px;
    background: #7d7d7d;
    top:50%;
    transform: translateY(-50%);
}

.servicos{
    width:100%;
    float:left;
    background:url(imgs/img_3.jpg)no-repeat center bottom;
    background-size: cover;
    min-height: 450px;
}

.servicostit{ position: relative; }
.innerservicos{height: 100%;text-align: center;vertical-align: middle;}

.thumbnail{-webkit-transition: all 0.2s ease;
       -moz-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
         -o-transition: all 0.2s ease;
            transition: all 0.2s ease;
    margin-top: 144px;
    color:#FFF;
    display: inline-block;
    position: relative;
    height: 54px;
    cursor: pointer;
}

.linhagr{
    height: 1px;
    width: 50%;
    background: #fff;
    position: absolute;
    left:0;
    right: 0;
    margin: auto;
    min-width: 600px;
	top: 197px;
}

.starttext{
	font-weight: 300;
	display: none;
	text-align: justify;
	*color: #d3d3d3;
	color: #fff;
}


.slide{
    margin: 35px auto 0;
    color: #d0d0d0;
    width: 380px;
    font-weight: 300;
	font-size: 15px;
	line-height: 23px;
	text-align: justify;
}

.linhap{
    height: 3px;
    margin: auto;
    background: #fff;
    width: 60px;
    bottom:0;
    left:0;
    right:0;
    z-index: 100;
    position: absolute;
}

#carousel .flex-active-slide .thumbnail{
    -webkit-transition: all 0.2s ease;
       -moz-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
         -o-transition: all 0.2s ease;
            transition: all 0.2s ease;
    color:#de1412;
}

#carousel .flex-active-slide .linhap{
    -webkit-transition: all 0.2s ease;
       -moz-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
         -o-transition: all 0.2s ease;
            transition: all 0.2s ease;
    background: #de1412;
}

 
#divuser{
    position: relative;
    width: 49%;
    display: inline-block;
}


#divemail{
    position: relative;
    width: 49%;
    float: left;
    display: inline-block; 
}


#divtelefone{
    position: relative;
    width: 49%; 
    float: right;
    display: inline-block;
}


#divcomentario{
    position: relative;
    width: 100%;
    display: inline-block;
}


#divassunto{
    position: relative;
    width: 49%;
    float: right;
    display: inline-block;
}

.section{
    width: 100%;
    float: left;
}


.orcamento textarea{
    border-radius: 0;
    width: 100%;
    display: block;
    padding: 19px 10px;
    margin-bottom: 13px;
    box-sizing: border-box;
    height:130px;
    font-size: 13px; 
    color:#7d7d7d;
    border: 1px solid #7d7d7d; 
    background-color: #ebebeb;     
}



label{cursor: pointer; color: #7d7d7d; }



.orcamento input[type="text"]{
    border-radius: 0; 
    height: 35px;
    width: 100%;
    position: relative;
    padding:0;
    padding-left: 10px;
    margin-bottom: 7px;
    box-sizing: border-box;
    color:#7d7d7d;
    background: #ebebeb;
    border: 1px solid #7d7d7d;
    font-size: 13px;
}


.orcamento .submit:hover{
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
            
    	border:1px solid #de1412;
}


#comentario{ resize: vertical; }

.pewidth{ left: 25%; float: left; position: relative; }
.bottomcontacto{ position: relative; width: auto; margin-top: 40px; float: left; }
.ntelefone{ float: left; position: relative; }
.imageitself,
.animate{ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.imgindex{ width: 100%; height: 100%; }
.slides > li { height: 100%; }
ul.slides{ height: 100%; }
.bklogo{ position: relative; float: left; clear: both; max-width: 533px;  position: absolute; top: 0; left: 0; }
.logo{ position: relative; right:auto; margin:auto; display: block;	}


@-webkit-keyframes anim-scale{to{ opacity:0; -webkit-transform:scale3d(1.4, 1.4, 1.4); transform:scale3d(1.4, 1.4, 1.4); } }
@keyframes anim-scale{to{ opacity:0; -webkit-transform:scale3d(1.4, 1.4, 1.4); transform:scale3d(1.4, 1.4, 1.4); } }
.bolaserv::before{ content:''; position: absolute; top: 0px; left: 0px; bottom: 0px; height: 100%; width: 100%; right: 0px; background: inherit; border-radius: 50%; z-index: -1; -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0,0, 0); border:1px solid #b9b9b9; }
.bolaserv::before{ -webkit-animation: anim-scale 0.8s; animation:anim-scale 0.8s; }
	.caption{ position: absolute; left: 0;  transform: translateY(-50%); z-index: 100;  max-width: 550px; }
	.titcaption{ z-index: 100; position: relative; }
	
	.divdefault{
		float: left;
		clear: both;
		position: relative;
		width: 100%;
	}
	
	.mobilecolserv{
		float: left;
		clear: none;
		position: relative;
	}
	
	.wrapiconservico{
		float: left;
		position: relative;
		background: #004450;
		border-radius: 50%;
	    -webkit-background-clip: padding-box; /* for Safari */
    	background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
    	box-sizing:border-box;
    	cursor: pointer;
	}
	
	.bolaserv{ background: #008f9d; }
	.wrapservicosline{ z-index: 10; }
	.logowrap{ position: relative; z-index: 100; margin: 0 auto; clear:both; }
	.areaservico{ float:left; clear: both; position: relative; width: 100%; }
	
	.empresabk{background: rgba(0,68,80,0.4);background: -moz-linear-gradient(180deg, rgba(0,68,80,1) 2%, rgba(0,68,80,0.6) 100%);
		background: -webkit-linear-gradient(180deg, rgba(0,68,80,1) 2%, rgba(0,68,80,0.6) 100%);
		background: linear-gradient(180deg, rgba(0,68,80,1) 2%, rgba(0,68,80,0.6) 100%);
		padding: 100px 0px;
		box-sizing: border-box;
		width: 100%;
		overflow: hidden;
		position: relative;
		float: left;
	}
	
	.textoservico{ float: left; position: relative; width: 100%; clear: both; }
	.empresaimg{ background: url(imgs/imgempresa.jpg) no-repeat center center / cover; float: left; clear: both; position: relative; width: 100%; }
	.textservico{ position: relative; float: left; clear: both; width: 100%; display: none; box-sizing:border-box; }
	.textoservico{ display: none; }
	.areaservico{ position: relative; width: 100%; float: left; clear: both; }
	.textinfoserv{ width: 100%; float: left; clear: both; margin-bottom:20px; }
	.pe{ position: relative; float: left;  width: 100%; margin:0 auto; color: #fff; z-index: 100; }
	
.formcontacto input{
	width: 100%;
	height: 48px;
	border: 0;
	float: left;
	background: #e6edef;
	border-radius: 15px;
	box-sizing:border-box;
	font-size: 15px;
	font-weight: 300;
	margin-bottom: 10px;
	color: #004450;
	padding: 0 15px;
	box-sizing: border-box;
}


.wraptitlecontact{ margin-bottom: 28px; }
.titleservin{ text-align: center; width: 100%; position: relative; float: left; clear: both; }
.wrapinfoserv{ position: relative; float: left; clear: both; box-sizing: border-box; }
.wrapicons{ float: left; position: relative; }
.slider{ overflow: hidden;  width: 100%; position: relative; float: left; }

.setasabermais{ height: 10px; margin-right: 5px; }

.gelado1{  pointer-events: none; position: absolute;  z-index: 100; background: url(imgs/conebico.png) no-repeat center center /contain; }
.gelado2{ pointer-events: none; position: absolute; right: 2%; background: url(imgs/conebola.png) no-repeat center center /contain; z-index: 100;}
.gelado3{pointer-events: none; position: fixed; top: 0;  height: 100%; z-index: 100; }
.gelado4{pointer-events: none; position: fixed; top: 0; height: 100%; z-index: 100;}
.morangope{pointer-events: none; position: absolute; bottom: 0px; left: 25%; background: url(imgs/morangope.png) no-repeat center bottom /contain; height: 200px; width: 109px; z-index: 100;}

.copyright{position: relative; }

.animateice{animation: float 6s ease-in-out infinite;}

.animateiceinv{animation: floatinv 6s ease-in-out infinite;}


@keyframes float {
	0% { 
		transform: translatey(0px) rotate(0deg);
	} 
	50% { 
		transform: translatey(+10px) rotate(4deg);
	}
	 
	100% { 
		transform: translatey(0px) rotate(0deg);
	}
}

@keyframes floatinv {
	0% { 
		transform: translatey(0px) rotate(0deg);
	} 
	50% { 
		transform: translatey(-10px) rotate(-4deg);
	}
	 
	100% { 
		transform: translatey(0px) rotate(0deg);
	}
}


.horariolinha,
.titlinha{ width: 24px; height: 4px;  background: #000; float:left; clear:both; position:relative; margin-top:9px; }
.horariolinha{ width: 10px; height: 2px}
.horario{ float: left; clear: both; position: relative; width: 100%; margin-top: 30px; }

.grid{float: left; clear: both; position: relative; width: 100%; }
.imagewrap{ width: 100%; position: relative; float: left; clear: both; }
.wrapimg,
.imageitself{position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.wrapimg{ overflow: hidden; }
.imagewrap:hover .imageitself{ transform: scale(1.15);}
.iconfacebook, .iconinstagram{ width: 25px; height: 25px;    margin-top: 5px; margin-top: 5px; position: relative; float:left; clear:none; }
.iconfacebook{ background: url(imgs/facebook.png) no-repeat center center/contain; }
.iconinstagram{ background: url(imgs/instagram.png) no-repeat center center/contain;  margin-left: 10px; }
.overflowslide{overflow:hidden; }
.logopeq{float:left;clear:both; position:relative; background: url(imgs/logopeq.png) no-repeat center center/contain; margin-bottom:50px; }
.gelatariatit{float: left;clear: both; position: relative; line-height:1.1; }
.marginprod{margin-top: 35px; }
.legendafoto{ position: absolute; top:100%; padding-top: 10px; box-sizing:border-box; opacity: 0; }
.legendafoto2{ position: absolute; top:100%; padding-top: 10px; box-sizing:border-box; opacity: 0; }
.imagewrap:hover .legendafoto{ opacity: 1; }
.txtempresa{ float:left; clear: both; position: relative; width:100%; }
.txthorario{ float:left; clear: both; position: relative; width: 100%;}
.bgfooter{ background: #f4f4f4;  float: left; clear: both; position: relative; }

.logope{ max-width:180px; width: 100%; cursor: pointer; }
.legendalinha{ width: 10px; height: 2px; background: #000; position: relative;clear: both; margin-top: 3px; }

.logocopy{-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;background:url(imgs/logocopy.png) no-repeat center center/contain; opacity: 0.5;  height: 24px; width: 45px; }

.logocopy:hover{-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;background:url(imgs/logocopylr.png) no-repeat center center/contain; opacity:1; }

.paddingfooter {box-sizing:border-box; }
.margindefault{position: relative; float: left;}
.imgslide{margin-bottom: 55px; position: relative; width: 100%;}
.imgslide:hover .legendafoto2{ opacity:1; }
.wrapimgslide{ width: 100%; height: 100%; left: 0; top: 0; position:absolute; }
.wrapall{ overflow: hidden; }
.margintitpe{ margin-bottom: 10px; }


.wrapcopy{ line-height: 16px; float: left; }
.wrapdesign{ float: left;  white-space: nowrap;}
ul.lista{list-style:none; padding-left: 0px; line-height: 1.3;}
ul.lista li {margin-bottom: 4px;}
.wrapimgmenu{overflow: hidden;}
.wrapimgmenu:hover .imgmenu{
	transform: scale(1.2);
}

.imgmenu{
	position: relative;
	width: 100%;
	height: 100%;
}
.subtitmenu{
	margin-top: 15px;
	position: relative; float: left;
	width: 100%;
}
.wrapnomeprod{margin-top: 5px;}
.marginfooterextras{margin-bottom: 40px;}