/*FontFace*/
@import url(https://fonts.googleapis.com/css?family=Alike);
@import url(https://fonts.googleapis.com/css?family=Kreon);
@font-face {
	font-family: trebucbd;
	font-family: trebucbd;
	src: url('trebucbd.eot'); /* IE9 Compat Modes */
	src: url('trebucbd.eot?iefix') format('eot'), /* IE6-IE8 */  url('trebucbd.ttf') format('ttf'), /* Modern Browsers */  url('trebucbd.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
	font-family: trebuc;
	font-family: trebuc;
	src: url('trebuc.eot'); /* IE9 Compat Modes */
	src: url('trebuc.eot?iefix') format('eot'), /* IE6-IE8 */  url('trebuc.ttf') format('ttf'), /* Modern Browsers */  url('trebuc.ttf') format('truetype'); /* Safari, Android, iOS */
}

/*Reset*/
*{
	margin:0;
	padding: 0;
	border: none;
	list-style:none;
	outline:none;
}
body{
	width:100%;
	height:100%;
	color:#333;
}
a, a:hover{color:#333; outline:none;}
a:hover{text-decoration:none;}
.none{display:none;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.auto{overflow:auto;}
.width-860{ width:860px; margin:0 auto;}
.width-970{ width:970px; margin:0 auto;}

/*Cabeçalho*/
.header{
	float:left;
	width:100%;
	height:auto;
	border-bottom:3px solid #231f20;
}
.header h1 .logo{
	width:254px;
	height:163px;
	margin-top:10px;
	background:url(../images/logo-en.jpg) repeat-x;
}
.slide,
.slides{
	float:left;
	width:100%;
	height:550px;
	z-index:99;
}
.slide .slides a{
	width:100%;
	height:524px;
	background-repeat:no-repeat;
	background-position:center;
}
.slide .slides a span{
	float:left;
	width:80%;
	height:156px;
	color:#fff;
	margin:368px 0 0 0;
	font:900 40px Arial, Helvetica, sans-serif;
	background:url(../images/desc.png) right top;
}
.slide .slides a span font{
	float:right;
	margin:0 auto;
	width:900px;
	padding-right:80px;
}
.slide .bg-nav{
	float:left;
	width:80%;
	position:absolute;
	height:156px;
	margin:368px 0 0 0;
	background:url(../images/desc.png) right top;
}
.slide .nav{
	float:left;
	width:55%;
	z-index:999;
	height:61px;
	margin:490px 0 0 0;
	position:absolute;
	background:url(../images/nav.png) right no-repeat;
}
#nav{
	top:15px;
	left:380px;
	width:100px;
	height:auto;
	margin:0 auto;
	position:relative;
}
#nav #next,
#nav #prev{
	float:left;
	width:31px;
	height:30px;
	margin:0 5px 0 0;
	text-indent:-3000px;
	background:url(../images/anterior.png);
}
#nav #next{
	background:url(../images/proxima.png);
}
#nav #prev:hover{
	background:url(../images/anterior-h.png);
}
#nav #next:hover{
	background:url(../images/proxima-h.png);
}
.feature-menu{
	width:980px;
	z-index:9999;
	position:relative;
	margin:0 auto;
	top:-33px;
}
.feature-menu a{
	float:left;
	width:16px;
	height:16px;
	margin-right:5px;
	text-indent:-3000px;
	background:url(../images/ft.png) no-repeat;
}
.feature-menu a:hover,
.feature-menu a.activeSlide{
	background: url(../images/ft-h.png);
}
.header .compartilhe{
	width:180px;
	height:82px;
	float:right;
	z-index:9999;
	position:relative;
	margin:30px 0 0 0;
	padding:30px 0 0 0;
	/*background:url(../images/compartilhe.jpg) no-repeat;*/
}
.header .compartilhe .at15t_twitter,
.header .compartilhe .at15t_youtube,
.header .compartilhe .at15t_facebook{
	float:left;
	margin-right:2px;
	width:42px!important;
	height:41px!important;
	background:url('../images/facebook.jpg')!important;
}
.header .compartilhe .at15t_twitter{
	width:41px !important;
	background-image:url('../images/twitter.jpg')!important;
}
.header .compartilhe .at15t_youtube{
	background-image:url('../images/youtube.jpg')!important;
}
.header .compartilhe .at15t_twitter:hover{ opacity:0.9; !important;}
.header .compartilhe .at15t_facebook:hover{opacity:0.9; !important;}
.header #menu-topo{
	float:right;
	width:670px;
	z-index:999;
	position:relative;
	margin:1px 0 0 0;
}
.header #menu-topo li{
	float:left;
	margin:0 2px 0 0;
}
.header #menu-topo li a{
	color:#fff;
	float:left;
	width:auto;
	height:27px;
	text-decoration:none;
	padding:3px 17px 0 17px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	font:normal 16px 'Kreon', Helvetica, sans-serif;
	background:url(../images/li.jpg);
}
.header #menu-topo li a:hover,
.header #menu-topo li a.active{
	color:#231f20;
	text-shadow:1px 1px #ccc;
	background:url(../images/lih.jpg);
}
.menu_mobile{float:right; display: none; margin-left: 4px; width:72px; height:21px; background:url(../images/menu_mobile.png);}


/*Conteudo Home*/
.content{
	float:left;
	width:100%;
	height:auto;
	min-height:450px;
	background: url(../images/bg-content_02.jpg) center top #fff no-repeat;
}
.content .home-empresa{
	float:left;
	width:308px;
	height:auto;
	padding-bottom:30px;
	background: url(../images/home-empresa.jpg);;
}
.content .home-servicos{
	float:left;
	width:340px;
	height:364px;
	background: url(../images/home-servicos.jpg);;
}
.content .home-cases{
	float:left;
	width:271px;
	height:364px;
	margin:0 20px;
	background: url(../images/home-cases.jpg);;
}
.content .home-cases h2,
.content .home-empresa h2,
.content .home-servicos h2{
	float:left;
	color:#2696d1;
	margin:0 0 0 0;
	font:bold 32px 'Kreon', serif;
	text-transform:none;
}
.content .home-servicos h2{
	margin:0 0 10px 18px;
}
.content .home-cases p,
.content .home-empresa p,
.content .home-servicos p{
	float:left;
	width:90%;
	color:#666;
	margin:10px 0 0 0;
	font:normal 13px 'trebucbd', serif;
	line-height:18px;
}
.content .home-cases a#cases-todos,
.content .home-empresa a#detalhes,
.content .home-servicos a#detalhes{
	float:left;
	width:80px;
	height:29px;
	text-indent:-3000px;
	margin:10px 0 0 20px;
	background:url(../images/detalhes.png);
}
.content .home-cases a#cases-todos{
	width:150px;
	position:absolute;
	margin:295px 0 0 20px;
	background:url(../images/cases-todos.jpg);
}
.content .home-cases a#cases-todos:hover,
.content .home-empresa a#detalhes:hover,
.content .home-servicos a#detalhes:hover{
	opacity:0.8;
}
.content .home-servicos ul li{
	color:#000;
	float:left;
	width:325px;
	height:24px;
	margin:5px 0 0 20px;
	padding:2px 0 0 25px;
	list-style:none;
	font:normal 12px 'trebuc', serif;
	background: url(../images/bullet.jpg) repeat-x #e1e1ec;
}
.content .home-cases ul#mycarousel{
	float:left;
	width:271px;
	height:267px;
	color:#e72b3f;
	margin:80px 0 0 20px;
	padding:10px 0;
	font:bold 20px 'magra-bold', serif;
}
.content .home-cases .box-carrossel{
	float:left;
	width:271px;
	height:267px;
	margin-top:10px;
	background:url(../images/clientes_03.png);
}

/*Conteudo Internas*/
.content .content-internas{
	float:left;
	width:100%;
	padding:30px 0;
	background:url(../images/interna-bg.jpg);
}
.content .header-internas{
	float:left;
	width:100%;
	height:182px;
	background:url(../images/interna-bg-header.jpg) center top no-repeat;
}
.content .header-internas h2{
	float:left;
	color:#fff;
	padding:130px 0 0 0;
	font:bold 40px arial;
}
.content h3{
	float:left;
	color:#000;
	padding:20px 0;
	font:bold 18px trebucbd;
}
.content p{
	float:left;
	color:#000;
	padding:10px 0;
	font:normal 14px trebuc;
}
.content img{
	float:left;
	margin:10px;
}
.content .w600{
	width:600px;
	padding-bottom:50px;

}
.content .w400{
	width:400px;
	padding-bottom:50px;
	padding-right: 20px;

}
.content .p50{
	width:50%;
}
.content .seja-parceiro{
	float:right;
	width:598px;
	height:42px;
	margin:10px 0;
	text-indent:-3000px;
	background:url(../images/interna-seja-parceiro-en.jpg);
}
.content .cases,
.content .politica{
	width:100%;
}
.content .cases li{
	float:left;
	width:205px;
	height:205px;
	margin:15px;
	border:1px solid #d1d1d1;
}
.content .cases li img{
	margin:1px;
}
.content .politica li{
	float:left;
	width:100%;
	height:auto;
	margin:10px 0;
	padding:20px 10px;
	background:#fff;
	border-radius:5px;
	border-right:1px solid #b8b8b8;
	border-bottom:1px solid #b8b8b8;
}
.content .depoimentos li{
	padding:15px 10px;
}
.content .politica li p,
.content .politica li h2,
.content .politica h2{
	float:left;
	width:100%;
	color:#2696d1;
	padding:10px 0;
	text-align:center;
	font:italic 26px 'times';
}
.content .politica h2{
	text-align:left;
}
.content .politica li p{
	color:#000;
	font:italic 20px 'times';
	line-height:28px;
}
.content .servicos h2{
	float:left;
	color:#000;
	width:950px;
	height:35px;
	margin:5px 0;
	cursor:pointer;
	padding:5px 0 0 10px;
	font:normal 20px trebuc;
	background:url(../images/interna-servicos.jpg);
}
.content .servicos h2.active{
	background:url(../images/interna-servicos-h.jpg);
}
.content .servico{
	width:960px;
	background:#fff;
}

/*Form Contato*/
.form-contato{
	width:360px;
	padding:30px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	position: relative;
}
#form-contato label{
	display:block;
	font:normal 16px 'Arial', sans-serif;
	color:#000;
}
#form-contato label.error{
	width:340px;
	padding:10px;
	margin-top:-15px;
	margin-bottom:10px;
	font:italic 12px 'Arial', sans-serif;
	background-color:#000;
	color:#FFF;
	opacity:0.5;
	position:relative;
	z-index:0;
}
#form-contato input, #form-contato textarea{
	width:340px;
	padding:10px;
	background-color:#fff;
	border:1px solid #d2d2d2;
	border-radius:5px;
	color:#CCC;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	margin-bottom:10px;
	position:relative;
	z-index:1;
}
#form-contato textarea{
	min-width:340px;
	max-width:340px;
	min-height:130px;
}
#form-contato input:hover, #form-contato textarea:hover{
	background-color:#F8F8F8;
}
#form-contato input:focus, #form-contato textarea:focus{
	background-color:#FFF;
	border:1px solid #222;
	color:#333;
}
#form-contato input[type="submit"]{
	background:transparent;
	border:0;
	box-shadow:none;
	background-image:url('../images/interna-enviar-en.jpg');
	width:275px;
	height:46px;
	margin:10px 40px;
	cursor:pointer;
}
#form-contato input:hover[type="submit"]{background-position:0 -46px;}
#form-contato input:active[type="submit"]{background-position:0 -92px;}
.alert-sucesso{
	width:340px;
	padding:10px;
	margin:20px 0!important;
	background-image:url('../images/alert-sucesso.png');
	background-repeat:no-repeat;
	background-position:330px center;
	background-color:#C5E38B;
	border-radius:2px;
	border:1px solid #7A9545;
	color:#3B5606;
	font:normal 15px 'Arial', serif;
}
.alert-error {
	width:340px;
	padding:10px;
	display: none;
	margin:20px 0!important;
	background-color:#f8d7da;
	border-radius:2px;
	border:1px solid #f5c2c7;
	color:#842029;
	font:normal 15px 'Arial', serif;
}
.alert-error ul {
	margin-top: 8px;
}
.alert-error ul li {
	margin-bottom: 5px;
    margin-left: 5px;
    list-style: inside;
}
.ou{
	background-image:url('../images/img-ou.png');
	background-position:center;
	background-repeat:no-repeat;
	width:47px;
	height:670px;
	margin:0 36px;
}
.dados-de-contato{
	width:480px;
	padding:30px;
}
.dados-de-contato ul li{
	background-image:url('../images/separator.png');
	background-repeat:repeat-x;
	background-position:bottom;
	padding:15px 0;
	font:normal 18px 'Arial', sans-serif;
	color:#48484A;
	float:left;
}
.dados-de-contato ul li img{
	float:left;
	margin-right:10px;
	position:relative;
	top:-15px;
}
.dados-de-contato ul li span{
	display:block;
	float:right;
	width:430px;
}
.dados-de-contato li a{
	text-decoration:none;
	font:normal 18px 'Arial', sans-serif;
	color:#000;
}
.dados-de-contato li a:hover{text-decoration:underline;}
.dados-de-contato li iframe{
	background-color:#FFF;
	padding:5px;
	border:1px solid #B4B3B2;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}

/*Carrocel Cases*/
.jcarousel-skin-tango .jcarousel-container {
	float:left;
	width:100%;
	margin:50px 0 0 20px;
}
.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 100%;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}
.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  100%;
    height: 164px;
}
.jcarousel-skin-tango .jcarousel-item {
    width: 100%;
    height: 164px;
	background:none;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
.jcarousel-skin-tango .jcarousel-next-vertical {
	top:-35px;
    left: 202px;
    width: 31px;
    height: 22px;
	cursor:pointer;
    position: absolute;
    background: url(../images/next.jpg);
}
.jcarousel-skin-tango .jcarousel-prev-vertical {
	top:-35px;
    left: 170px;
    width: 31px;
    height: 22px;
	cursor:pointer;
    position: absolute;
    background: url(../images/prev.jpg);
}

/*RODAPE*/
.footer{
	float:left;
	width:100%;
	height:283px;
	padding:40px 0 0 0;
	background:url(../images/bg-footer.jpg) top center;
}
.footer{
	color:#FFF;
}
.footer h2{
	color:#54b6e9;
	font:normal 13px 'trebucbd', serif;
	margin:10px 0 0 0;
	text-transform:uppercase;
}
.footer h2.phone{
	padding:0 0 0 15px;
	background:url(../images/footer_03.png) no-repeat 0 5px;
}
.footer h2.address{
	padding:0 0 0 15px;
	background:url(../images/footer_04.png) no-repeat 0 5px;
}
.footer h2.mail{
	padding:0 0 0 20px;
	background:url(../images/footer_06.png) no-repeat;
}
.footer p{
	padding-left:15px;
	font:normal 15px 'trebucbd', serif;
}
.footer .col1,
.footer .col1 a{
	text-decoration:none;
	font:normal 16px 'magra-bold', sans-serif;
	color:#FFF;
	width:390px;
}
#news input{
	background:transparent;
	background-image:url('../images/input.jpg');
	background-repeat:no-repeat;
	width:199px;
	height:35px;
	padding:2px 10px;
	float:left;
	font:normal 20px 'Alike', serif;
	color:#999;
	margin-top:10px;
}
#news input[type="submit"]{
	background-image:url('../images/enviar.jpg');
	width:104px;
	height:53px;
	position:relative;
	right:1px;
	bottom:0;
	cursor:pointer;
}
#news input:hover[type="submit"]{opacity:0.9; }
#news input:active[type="submit"]{opacity:0.9; }
.col3{
	background-image:url('../images/compartilhe-rodape-solucao-do-lar-assistencia-residencial.png');
	background-repeat:no-repeat;
	background-position:left 30px;
}
.col3 .addthis_toolbox{width:146px; height:63px; background:url(../images/share-footer.png) no-repeat; padding:32px 0 0 42px; margin:-25px 0 0 0;}
.col3 .at15t_twitter,
.col3 .at15t_youtube,
.col3 .at15t_facebook{
	float:left;
	background:url('../images/facebook-r.png')!important;
	width:41px!important;
	height:42px!important;
}
.col3 .at15t_twitter{
	background:url('../images/twitter-r.png')!important;
}
.col3 .at15t_youtube{
	width:42px;
	height:41px;
	background:url('../images/youtube-r.png')!important;
}
.col2{
	margin-left:30px;
}
.col3 h2{
	text-indent:-3000px;
}
.col3 .at15t_twitter:hover{opacity:0.9; !important;}
.col3 .at15t_facebook:hover{opacity:0.9; !important;}
.creditos{
	width:960px;
	margin:20px 0 0 0;
}
.creditos p{
	color:#fff;
	padding-top:120px;
	text-transform:uppercase;
	font:bold 12px 'trebucbd', sans-serif;
}
.credito-expressoki{
	background-image:url('../images/logo-expresso-ki.png');
	width:89px;
	height:20px;
	display:block;
	margin-top:120px;
}
.credito-expressoki:hover{background-position:0 -20px;}

}
.webmail{
float: left;
width: 90px;
height: 19px;
clear: left;
margin: 50px 0 20px 0;
background: url('https://www.grupopetrofrio.com.br/static/images/webmail.png');

}
.notext {
text-indent: -3000px;
}

@media (min-width: 300px) and (max-width: 500px) {
	.width-860, .width-970{ width:320px;}
	.header h1 .logo {float: none;margin: 0 auto;display: block;}
	.header .compartilhe{width: 180px; height: auto; float: none; margin: 0 auto; padding: 20px 0 60px 0;}
	.header #menu-topo{display: none;}
	.menu_mobile{display: block;}
	.header #menu-topo, .header #menu-topo li{width: 100%; float: left;}
	.header #menu-topo li a{background: #fff; color:#3c444f; width: 100%; border-radius: 0; text-align: center; padding: 10px 0;border-top: solid 1px #f0f0f0;}
	.header #menu-topo li a:hover, .header #menu-topo li a.active{background: #3c444f; color: #fff;}

	.slide, .slides{height: 220px;}
	.slide .slides a{height: 324px !important; background-repeat: no-repeat; background-position: top center; background-size: 100%;}
	.slide .slides a span {float: left; width: 100%; height: 80px; padding: 10px 0; font: 900 16px Arial, Helvetica, sans-serif; background: url(../images/desc.png) right top #ccc; margin-top: 99px;}
	.slide .slides a span font{ float: left;  margin: 0 auto;  width: 98%; padding-right: 0; text-align: center;}
	.feature-menu, .nav, .bg-nav{display: block; width: 110px;}
	.slide .bg-nav{display: none;}
	.feature-menu{top: 5px;}
	.slide .nav{margin-top: 200px; width: 100%;}
	#nav {top: 17px;left: 0;width: 80px;height: auto; margin: 0 auto; position: relative; display: none;}

	.content{text-indent: -3000px;}
	.content .header-internas, .content .header-internas, .width-860, .width-970{text-indent: initial;}
	.content .home-empresa{width: 300px; padding: 10px;}
	.content img{margin: 10px auto; display: block; max-width: 95%; float: none;}
	.content .home-cases p, .content .home-empresa p, .content .home-servicos p{font-size: 14px; width: 95%;}
	.content .home-servicos ul li{width: 250px;}
	.content .home-servicos{width: 100%;}
	.footer .col1, .footer .col3{width: 300px; padding: 10px;}
	.footer p {font: normal 13px 'trebucbd', serif; padding: 5px 0 7px 18px;}
	.footer{background: url(../images/bg-footer.jpg) #000 no-repeat top left; height: auto;}
	.creditos{width: 100%;}
	.creditos p{font-size: 10px;}
	.col3 .addthis_toolbox{width: 135px;height: 30px; margin: 0 auto;float: none;}
	.credito-expressoki {width: 89px; height: 20px; display: block;  margin: 40px auto 20px auto;  float: none; overflow: hidden;}

	.content .header-internas h2 {padding: 135px 0 0 20px; font: bold 30px arial;}
	.content .w600 { width: 90%;   float: none;  margin: 0 auto;}
	.content .seja-parceiro { float: none; width: 100%; height: auto; margin: 0 auto; background: url(../images/interna-seja-parceiro.jpg) center; display: block; overflow: hidden; padding: 10px 0;}
	.width-total{ width:90%; margin: 0 auto; }
	.content .servicos h2 { width: 240px; padding: 5px 30px 0 10px; font: normal 11px trebuc; background: url(../images/interna-servicos.jpg) right;}
	.content .servico{width: 90%;}
	.content .header-internas h2.maior { padding: 145px 0 0 15px; font: bold 16px arial;}
	.content .politica {width: 70%; float: none; margin: 0 auto; display: block;}
	.content .politica li p{font-size: 16px;}
	.content .cases li {width: 100px; height: auto;padding: 10px 6px; margin-left: 25px;}
	.content .p50{width: 100%;}
	.form-contato{width: 95%; float: none; padding: 30px 10px;}
	#form-contato input, #form-contato textarea{width: 90%;min-width: 90%;}
	#form-contato input[type="submit"]{margin: 10px;}
	.dados-de-contato { width: 90%; padding: 30px 10px; float: none;}
	.dados-de-contato ul li{font-size: 16px;}
	.dados-de-contato ul li span { display: block; float: left; width: auto;}

	.content .politica{width: 85%;}
	.content .depoimentos li{padding: 15px 0;}


	
}

@media (min-width:414px) and (max-width: 736px) {

}

@media (min-width: 501px) and (max-width: 767px) {
	.width-860, .width-970{ width:320px;}
	.header h1 .logo {float: none;margin: 0 auto;display: block;}
	.header .compartilhe{width: 180px; height: auto; float: none; margin: 0 auto; padding: 20px 0 60px 0;}
	.header #menu-topo{display: none;}
	.menu_mobile{display: block;}
	.header #menu-topo, .header #menu-topo li{width: 100%; float: left;}
	.header #menu-topo li a{background: #fff; color:#3c444f; width: 100%; border-radius: 0; text-align: center; padding: 10px 0;border-top: solid 1px #f0f0f0;}
	.header #menu-topo li a:hover, .header #menu-topo li a.active{background: #3c444f; color: #fff;}

	.slide, .slides{height: 300px;}
	.slide .slides a{height: 324px !important; background-repeat: no-repeat; background-position: center; background-size: 350%;}
	.slide .slides a span {float: left; width: 90%; height: 80px; padding: 10px; font: 900 16px Arial, Helvetica, sans-serif; background: url(../images/desc.png) right bottom; margin-top: 200px;}	.slide .slides a span font{ float: left;  margin: 0 auto;  width: 90%; padding-right: 0;}
	.feature-menu, .nav, .bg-nav{display: none;}
	.content{text-indent: -3000px;}
	.content .header-internas, .content .header-internas, .width-860, .width-970{text-indent: initial;}
	.content .home-empresa{width: 300px; padding: 10px;}
	.content img{margin: 10px auto; display: block; max-width: 95%; float: none;}
	.content .home-cases p, .content .home-empresa p, .content .home-servicos p{font-size: 14px; width: 95%;}
	.content .home-servicos ul li{width: 250px;}
	.content .home-servicos{width: 100%;}
	.footer .col1, .footer .col3{width: 300px; padding: 10px;}
	.footer p {font: normal 13px 'trebucbd', serif; padding: 5px 0 7px 18px;}
	.footer{background: url(../images/bg-footer.jpg) #000 no-repeat top left; height: auto;}
	.creditos{width: 100%;}
	.creditos p{font-size: 10px;}
	.col3 .addthis_toolbox{width: 135px;height: 30px; margin: 0 auto;float: none;}
	.credito-expressoki {width: 89px; height: 20px; display: block;  margin: 40px auto 20px auto;  float: none; overflow: hidden;}

	.content .header-internas h2 {padding: 135px 0 0 20px; font: bold 30px arial;}
	.content .w600 { width: 90%;   float: none;  margin: 0 auto;}
	.content .seja-parceiro { float: none; width: 100%; height: auto; margin: 0 auto; background: url(../images/interna-seja-parceiro.jpg) center; display: block; overflow: hidden; padding: 10px 0;}
	.width-total{ width:90%; margin: 0 auto; }
	.content .servicos h2 { width: 240px; padding: 5px 30px 0 10px; font: normal 11px trebuc; background: url(../images/interna-servicos.jpg) right;}
	.content .servico{width: 90%;}
	.content .header-internas h2.maior { padding: 145px 0 0 15px; font: bold 16px arial;}
	.content .politica {width: 70%; float: none; margin: 0 auto; display: block;}
	.content .politica li p{font-size: 16px;}
	.content .cases li {width: 100px; height: auto;padding: 10px 6px; margin-left: 25px;}
	.content .p50{width: 100%;}
	.form-contato{width: 95%; float: none; padding: 30px 10px;}
	#form-contato input, #form-contato textarea{width: 90%;min-width: 90%;}
	#form-contato input[type="submit"]{margin: 10px;}
	.dados-de-contato { width: 90%; padding: 30px 10px; float: none;}
	.dados-de-contato ul li{font-size: 16px;}
	.dados-de-contato ul li span { display: block; float: left; width: auto;}

	.content .politica{width: 85%;}
	.content .depoimentos li{padding: 15px 0;}


}

@media (min-width: 768px) and (max-width: 1023px) {
	.width-860, .width-970{ width:700px;}
	.header h1 .logo {float: none;margin: 0 auto;display: block;}
	.header .compartilhe{width: 180px; height: auto; float: none; margin: 0 auto; padding: 20px 0 60px 0;}
	.header #menu-topo{display: none;}
	.menu_mobile{display: block;}
	.header #menu-topo, .header #menu-topo li{width: 100%; float: left;}
	.header #menu-topo li a{background: #fff; color:#3c444f; width: 100%; border-radius: 0; text-align: center; padding: 10px 0;border-top: solid 1px #f0f0f0;}
	.header #menu-topo li a:hover, .header #menu-topo li a.active{background: #3c444f; color: #fff;}

	.slide, .slides{height: 300px;}
	.slide .slides a{height: 324px !important; background-repeat: no-repeat; background-position: center; background-size: 350%;}
	.slide .slides a span {float: left; width: 90%; height: 80px; padding: 10px; font: 900 16px Arial, Helvetica, sans-serif; background: url(../images/desc.png) right bottom; margin-top: 200px;}	.slide .slides a span font{ float: left;  margin: 0 auto;  width: 90%; padding-right: 0;}
	.feature-menu, .nav, .bg-nav{display: none;}
	.content{text-indent: -3000px;}
	.content .header-internas, .content .header-internas, .width-860, .width-970{text-indent: initial;}
	.content .home-empresa{width: 300px; padding: 10px;}
	.content img{margin: 10px auto; display: block; max-width: 95%; float: none;}
	.content .home-cases p, .content .home-empresa p, .content .home-servicos p{font-size: 14px; width: 95%;}
	.content .home-servicos ul li{width: 250px;}
	.content .home-servicos{width: 100%;}
	.content .home-servicos h2{width: 100%;}
	.footer .col1, .footer .col3{width: 300px; padding: 10px;}
	.footer p {font: normal 13px 'trebucbd', serif; padding: 5px 0 7px 18px;}
	.footer{background: url(../images/bg-footer.jpg) #000 no-repeat top left; height: auto;}
	.creditos{width: 100%;}
	.creditos p{font-size: 10px;}
	.col3 .addthis_toolbox{width: 135px;height: 30px; margin: 0 auto;float: none;}
	.credito-expressoki {width: 89px; height: 20px; display: block;  margin: 40px auto 20px auto;  float: none; overflow: hidden;}

	.content .header-internas h2 {padding: 135px 0 0 20px; font: bold 30px arial;}
	.content .w600 { width: 90%;   float: none;  margin: 0 auto;}
	.content .seja-parceiro { float: none; width: 100%; height: auto; margin: 0 auto; background: url(../images/interna-seja-parceiro.jpg) center; display: block; overflow: hidden; padding: 10px 0;}
	.width-total{ width:90%; margin: 0 auto; }
	.content .servicos h2 { width: 100%; padding: 5px 30px 0 10px; font: normal 11px trebuc; background: url(../images/interna-servicos.jpg) right;}
	.content .servico{width: 90%;}
	.content .header-internas h2.maior { padding: 145px 0 0 15px; font: bold 16px arial;}
	.content .politica {width: 70%; float: none; margin: 0 auto; display: block;}
	.content .politica li p{font-size: 16px;}
	.content .cases li {width: 100px; height: auto;padding: 10px 6px; margin-left: 25px;}
	.content .p50{width: 100%;}
	.form-contato{width: 45%; float: left; padding: 30px 10px;}
	#form-contato input, #form-contato textarea{width: 90%;min-width: 90%;}
	#form-contato input[type="submit"]{margin: 10px;}
	.dados-de-contato { width: 40%; padding: 30px 10px; float: left;}
	.dados-de-contato ul li{font-size: 16px;}
	.dados-de-contato ul li span { display: block; float: left; width: auto;}

	.content .politica{width: 85%;}
	.content .depoimentos li{padding: 15px 0;}


}

@media (min-width: 1025px) and (max-width: 1280px) {

}

#loader {
	width: 100%;
	height: 100%;
	position: absolute;
	display: none;
	z-index: 100000000;
	background-color: rgba(0,0,0,.55);
	top: 0;
    left: 0;
	align-items: center;
	justify-content: center;
}

.lds-hourglass {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
  }
  .lds-hourglass:after {
	content: " ";
	display: block;
	border-radius: 50%;
	width: 0;
	height: 0;
	margin: 8px;
	box-sizing: border-box;
	border: 32px solid #fff;
	border-color: #fff transparent #fff transparent;
	animation: lds-hourglass 1.2s infinite;
  }
  @keyframes lds-hourglass {
	0% {
	  transform: rotate(0);
	  animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}
	50% {
	  transform: rotate(900deg);
	  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	100% {
	  transform: rotate(1800deg);
	}
  }