/* Utilitarios */
.center-block { margin: 0 auto; }
.no-display {display: none;}
.no-overflow {}
.cd-active ul li { width: 100% !important;}

body {
	max-width: 100%; overflow-x: hidden;
}
/* Global */
.numero {display: none;}
.cifrao2, .milhar2, .centena2 {float: left;}
.cifrao2 {font-size: 14px; padding: 30px 0 0 0;}
.tit, .cifrao2, a.legalTxt  {font-family: 'Roboto', Arial, Helvetica;}
a.legalTxt {font-size: 14px;}
.centena2 {font-size: 30px; padding-top: 20px;}
.parcelas {width: 540px;}
#interessado .formulario .preco .parcelas {padding: 40px 0 20px 10px;}
.horario-mobile:hover .horario-txt{text-decoration: underline; cursor: pointer;}
.horario-mobile:hover {cursor: pointer;}


/* Tamanho acima de 1300px */
@media(min-width: 1300px) {
	.main-div {width: 1240px; position: relative;}

	/* Slide */
	#slide img{ width: 100%;}
	#home #banner .ct-banner .ct-itens .banner.swift .label h2 {font-size: 124px; color: #FFF;}
	#home #banner .ct-banner .ct-itens .banner.swift .label p {font-family: 'Anzo_Black', Arial, Helvetica; font-size: 30px; color: #ff7200;}

	/* Sobre */
	.concessionaria {width: 1240px; padding: 115px 0 100px;}
	.concessionaria-left, .concessionaria-right {width: 50%; float: left;}
	#foto-historia { width: 611px; height: 366px; z-index: 0;}
	#foto-historia img {max-width: 611px;}
	#filiais {width: 611px; background: #ff7200; padding: 60px; margin: -45px 0 0 108px; z-index: 99; position: relative;}
	#nome-concessionaria { font-size: 50px; color: #ff7200; font-family: 'Anzo_Black', Arial, Helvetica; line-height: 110%;margin: 100px 0 0 44px; letter-spacing: -1px;}
	.linha-txt {width: 60px; height: 3px; background: #000; margin-top: 37px;}
	.container-seta {position: absolute; z-index: 99; right: 0; padding-right: 60px; height: 120px; top: 50%; margin-top: -60px;}
	.seta {width: 50px; height: 50px; border: solid 2px #FFF; border-radius: 100%; margin-bottom: 10px;}
	.seta:hover {background-color: #000; cursor: pointer;}
	.seta-esquerda {background: url('../img/concessionarias/seta-esquerda.png') center center no-repeat;}
	.seta-direita {background: url('../img/concessionarias/seta-direita.png') center center no-repeat;}

	/* Seta */
	#seta {margin-bottom: 70px;}

	/* Veiculos */
	.veiculo {width: 33%; float: left;}
	.nm-carro {margin-top: 10px; font-size: 30px; font-family: 'Anzo_Black', Arial, Helvetica; line-height: 90%;}
	.scross {color: #00377b;}
	.swift {color: #ff7200;}
	.jimny {color: #ffd800;}
	.grand {color: #ff3c00;}

	/* Dados */
	#dados {margin-bottom: 70px;}
	.dados {background: #e1e1e1; }
	.dados-base {padding: 40px 70px 50px 30px; width: 33%; border-left: solid 1px #919091; float: left; min-height: 245px;}
	.dados-base:first-child {border: solid 0px;}
	#txt-sobre {font-family: 'Roboto', Arial, Helvetica; font-size: 14px; color: #414042; padding:47px 0 0 167px; line-height: 220%; }
	.titulo-base-dados {font-size: 30px; margin-bottom: 20px; font-family: 'Anzo_Black', Arial, Helvetica; color: #ff7200; min-height: 35px; line-height: 100%; padding-left: 55px; padding-top: 2px;}
	.fale-conosco-icone {background: url('../img/concessionarias/fale-conosco-icone.png') left top no-repeat;}
	.endereco-icone {background: url('../img/concessionarias/endereco-icone.png') left top no-repeat; margin-left: 20px;}
	.horario-icone {background: url('../img/concessionarias/horario-icone.png') left top no-repeat; margin-left: 70px;}
	.telefone-dados {font-size: 25px; font-family: 'Anzo_Web_Thin', Arial, Helvetica; color: #414042; letter-spacing: 2px;}
	.email-dados, .endereco-txt,.horario-txt {font-family: 'Roboto', Arial, Helvetica; color: #414042;}
	.endereco-txt {padding-left: 75px; font-size: 14px;}
	.horario-txt { padding-left: 125px;}

	/* Carros */
	h1 {font-family: 'Anzo_Black', Arial, Helvetica; font-size: 50px; color: #414042; margin-bottom: 70px;}

	/* Servicos */
	#servicos-mobile {display: none;}
	#servicos {margin: 160px 0 0 0; min-height: auto;}
	.servico {width: 25%; float: left; margin-bottom: 128px;}
	.servico-img {width: 225px; height: 225px;  border-radius: 100%; margin: 0 auto; overflow: hidden; border: solid 1px #0834b7;}
	.servico-img img{height:225px;}
	.servico-nm {line-height: 100%; font-family: 'Anzo_Black', Arial, Helvetica; font-size: 30px; text-align: center; letter-spacing: 0.01rem; margin-top: 32px; color: #000;}
	.linha-txt-servico {width: 60px; height: 3px; background: #000; margin: 30px auto;}
	.txt-servico {font-size: 12px; font-family: 'Roboto', Arial, Helvetica; width: 250px; margin: 0 auto;}
	a .txt-servico {color: #000;}
	#servicos h1 {margin-bottom: 85px;}

	/* Form */
	#interessado .formulario { /*background: #bababa;*/ padding: 145px 0;}
	#interessado .formulario h1{ color: #FFF;}
	.txt-carro-form {font-family: 'Anzo_Web_Light', Arial, Helvetica; font-style: normal; font-size: 18px;}
	input[type=checkbox]:not(old) + label > span,
	input[type=radio   ]:not(old) + label > span{
	  display          : inline-block;
	  width            : 20px;
	  height           : 20px;
	  margin           : 0.25em 0.5em 0.25em 0.25em;
	  border           : solid 1px #000;
	  border-radius    : 0;
	  background       : #bababa;
	  background-image : none;
	  vertical-align   : bottom;
	}

	input[type=checkbox]:not(old),
	input[type=radio   ]:not(old){
	  width     : 2em;
	  margin    : 0;
	  padding   : 0;
	  font-size : 1em;
	  opacity   : 0;
	}

	input[type=checkbox]:not(old) + label,
	input[type=radio   ]:not(old) + label{
	  display      : inline-block;
	  margin-left  : -2em;
	  line-height  : 1.5em;
	}

	input[type=radio]:not(old):checked + label > span:before{
	  content     : '■';
	  display     : block;
	  width       : 3px;
	  color       : rgb(0,0,0);
	  font-size   : 2em;
	  line-height : 1em;
	  margin      : -5px 0 0 1px;
	  text-align  : center;
	  text-shadow : 0 0 0.0714em rgb(115,153,77);
	  font-weight : bold;
	}

	.filial {margin-bottom: 40px;}
	.filial:last-child{margin-bottom: 0;}
	.nome-filial {color: #fff; font-weight: bold; font-size: 14px;}
	.endereco-filial {margin-top: 20px; color: #FFF; padding-left: 25px; background: url('../img/concessionarias/icone-local.png') left top no-repeat; line-height: 120%; margin-bottom: 20px; min-height: 17px;}
	.telefone-filial {margin-top: 20px; color: #FFF; padding-left: 25px; background: url('../img/concessionarias/telefone-local.png') left top no-repeat; line-height: 120%; min-height: 17px;}
}

@media(min-width: 768px) and (max-width: 1300px) {
	.main-div {width: 768px; position: relative;}

	/* Slide */
	#slide img{ width: 100%;}
	#home #banner .ct-banner .ct-itens .banner.swift .label h2 {font-size: 124px; color: #FFF;}
	#home #banner .ct-banner .ct-itens .banner.swift .label p {font-family: 'Anzo_Black', Arial, Helvetica; font-size: 30px; color: #ff7200;}
	.container-seta {position: absolute; z-index: 99; right: 0; padding-right: 60px; height: 120px; top: 50%; margin-top: -60px;}
	.seta {width: 50px; height: 50px; border: solid 2px #FFF; border-radius: 100%; margin-bottom: 10px;}
	.seta:hover {background-color: #000; cursor: pointer;}
	.seta-esquerda {background: url('../img/concessionarias/seta-esquerda.png') center center no-repeat;}
	.seta-direita {background: url('../img/concessionarias/seta-direita.png') center center no-repeat;}

	/* Sobre */
	.concessionaria {width: 600px; padding: 115px 0 100px;}
	.concessionaria-left, .concessionaria-right {width: 50%; float: left;}
	#foto-historia { width: 277px; height: 167px; z-index: 0;}
	#foto-historia img {width: 100%;}
	#filiais {width: 325px; background: #ff7200; padding: 30px; margin: -20px 0 0 10px; z-index: 99; position: relative;}
	#nome-concessionaria { font-size: 26px; color: #ff7200; font-family: 'Anzo_Black', Arial, Helvetica; line-height: 110%; margin: 20px 0 0 10px;}
	.linha-txt {width: 33px; height: 3px; background: #000; margin-top: 20px;}
	.filial {margin-bottom: 20px;}
	.filial:last-child{margin-bottom: 0;}
	.nome-filial { color: #fff; font-weight: bold; font-size: 8px; }
	.endereco-filial { font-size: 8px; margin-top: 20px; color: #FFF; padding-left: 15px; background: url('../img/concessionarias/icone-local-tablet.png') left top no-repeat; line-height: 120%; margin-bottom: 0px; min-height: 8px;}
	.telefone-filial { font-size: 8px; line-height: 100%; margin-top: 5px; color: #FFF; padding-left: 15px; background: url('../img/concessionarias/telefone-local-tablet.png') left bottom no-repeat; line-height: 120%; min-height: 8px; padding-top: 4px;}
	#txt-sobre {font-family: 'Roboto', Arial, Helvetica; font-size: 9px; color: #414042; padding:15px 0 0 60px; line-height: 220%; }

	/* Seta */
	#seta {display: none;}

	/* Veiculos */
	.veiculo {width: 25%; float: left;}
	.veiculo img {max-width: 80%;}
	.nm-carro {margin-top: 10px; font-size: 14px; font-family: 'Anzo_Black', Arial, Helvetica; line-height: 90%;}
	.scross {color: #00377b;}
	.swift {color: #ff7200;}
	.jimny {color: #ffd800;}
	.grand {color: #ff3c00;}

	/* Dados */
	#dados {margin-bottom: 25px;}
	.dados {background: #e1e1e1; }
	.dados-base {padding: 20px 20px 20px 20px; width: 33%; border-left: solid 1px #919091; float: left; min-height: 120px;}
	.dados-base:first-child {border: solid 0px;}

	.titulo-base-dados {font-size: 15px; margin-bottom: 10px; font-family: 'Anzo_Black', Arial, Helvetica; color: #ff7200; min-height: 18px; line-height: 100%; padding-left: 25px; padding-top: 1px;}
	.fale-conosco-icone {background: url('../img/concessionarias/fale-conosco-icone-tablet.png') left top no-repeat; margin-left: 20px;}
	.endereco-icone {background: url('../img/concessionarias/endereco-icone-tablet.png') left top no-repeat; margin-left: 20px;}
	.horario-icone {background: url('../img/concessionarias/horario-icone-tablet.png') left top no-repeat; margin-left: 20px;}
	.telefone-dados {font-size: 13px; font-family: 'Anzo_Web_Thin', Arial, Helvetica; color: #414042; letter-spacing: 2px; text-align: left;}
	.telefone-dados, .email-dados {padding-left: 45px;}
	.email-dados, .endereco-txt,.horario-txt {font-family: 'Roboto', Arial, Helvetica; color: #414042; font-size: 8px; text-align: left;}
	.endereco-txt {padding-left: 45px; font-size: 8px;}
	.horario-txt { padding-left: 45px;}

	/* Carros */
	h1 {font-family: 'Anzo_Black', Arial, Helvetica; font-size: 21px; color: #414042; margin-bottom: 25px;}

	/* Servicos */
	#servicos-mobile {display: none;}
	#servicos {margin: 35px 0 0 0; min-height: auto;}
	.servicos-overflow {width: 768px; overflow: hidden; margin:0 auto; }
	.servicos {width: 1900px; -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;}
    .margem-esquerda90 { margin-left: -90px; }
	.servico {width: 175px; float: left; margin-bottom: 25px;}
	.servico-img {width: 90px; height: 90px; border: solid 1px #3c66d1; border-radius: 100%; margin: 0 auto; background: #000; overflow: hidden;}
	.servico-img img {max-height: 90px;}
	.servico-nm {line-height: 100%; font-family: 'Anzo_Black', Arial, Helvetica; font-size: 14px; text-align: center; letter-spacing: 0.01rem; margin-top: 32px; color: #000;}
	.linha-txt-servico {width: 60px; height: 3px; background: #000; margin: 30px auto;}
	.txt-servico {font-size: 8px; font-family: 'Roboto', Arial, Helvetica; width: 140px; margin: 0 auto; line-height: 170%;}
	a .txt-servico {color: #000;}
	#servicos h1 {margin-bottom: 30px;}
	.setas-servicos {width: 75px; margin: 0 auto 30px;}
	.seta-service {width: 30px; height: 30px; border:solid 2px #7f7f7f; border-radius: 100%;}
	
	.esquerda {background: url('../img/concessionarias/seta-servico-left.png') center center no-repeat;}
	.direita {background: url('../img/concessionarias/seta-servico-right.png') center center no-repeat;}
	.esquerda.active {background: url('../img/concessionarias/seta-servico-left-active.png') center center no-repeat;}
	.direita.active {background: url('../img/concessionarias/seta-servico-right-active.png') center center no-repeat;}
	.seta-service:hover {cursor: pointer;}
	/* Form */
	#interessado .formulario { /*background: #bababa;*/ padding: 40px 0;}
	.empresa_content {
		display: block !important;
	}
	.empresa_extras {
		width: 95vw !important;
		padding-left: 53px;
		padding-right: 123px;
		display: block !important;
		background: #00377a;
	}
	.bg2cor{
		background-image:none !important;
	}
	#interessado .formulario h1 {
		color: #FFF;
	}
	.txt-carro-form {font-family: 'Anzo_Web_Light', Arial, Helvetica; font-style: normal; font-size: 18px;}
	input[type=checkbox]:not(old) + label > span,
	input[type=radio   ]:not(old) + label > span{
	  display          : inline-block;
	  width            : 20px;
	  height           : 20px;
	  margin           : 0.25em 0.5em 0.25em 0.25em;
	  border           : solid 1px #000;
	  border-radius    : 0;
	  background       : #bababa;
	  background-image : none;
	  vertical-align   : bottom;
	}

	input[type=checkbox]:not(old),
	input[type=radio   ]:not(old){
	  width     : 2em;
	  margin    : 0;
	  padding   : 0;
	  font-size : 1em;
	  opacity   : 0;
	}

	input[type=checkbox]:not(old) + label,
	input[type=radio   ]:not(old) + label{
	  display      : inline-block;
	  margin-left  : -2em;
	  line-height  : 1.5em;
	}

	input[type=radio]:not(old):checked + label > span:before{
	  content     : '■';
	  display     : block;
	  width       : 3px;
	  color       : rgb(0,0,0);
	  font-size   : 2em;
	  line-height : 1em;
	  margin      : -5px 0 0 1px;
	  text-align  : center;
	  text-shadow : 0 0 0.0714em rgb(115,153,77);
	  font-weight : bold;
	}
}

@media(max-width: 768px) {
	#carros, .concessionaria-right, #seta, #model, #servicos {display: none;}

	/* Dados */
	.dados-base {padding: 20px 50px 20px 100px; background: #e1e1e1; border-bottom: solid 1px #c6c6c6;}
	.dados-base:last-child {border-bottom: solid 0px;}
	.telefone-dados, .email-dados, .endereco-txt, .horario-txt {text-align: left; font-size: 10px;}
	.titulo-base-dados {font-weight: bold;}
	.fale-conosco-mobile {background: url('../img/concessionarias/fale-conosco-icone-tablet.png') center left no-repeat #e1e1e1;  background-position: 40px;}
	.endereco-mobile {background: url('../img/concessionarias/endereco-icone-tablet.png') center left no-repeat #e1e1e1;  background-position: 40px;}
	.horario-mobile {background: url('../img/concessionarias/horario-icone-tablet.png') center left no-repeat #e1e1e1;  background-position: 40px;}

	/* Servicos */
	#servicos-mobile h1 { padding: 0; text-align: center; margin: 0; background: #00377b; color: #fff; padding: 15px; font-family: 'Anzo_Web_Bold', Arial, Helvetica; letter-spacing: 0px;}
	.panel-group .panel-default {background: #FFF;}
	.panel-group {margin: 0;}
	.panel-group .panel-default .panel-title > a { font-size: 24px; padding: 24px 40px 16px 25px; height: auto; background: url('../img/concessionarias/seta-collapse.png') no-repeat 92% 10px;}
	.servico-txt-mobile {padding: 30px 50px; text-align: center; font-size: 12px;}
	.img-servico-mobile img {max-width: 100%; padding-bottom: 20px;}
	h4.revisao a{color: #00377b;}
	h4.szkassistance a{color: #ffd800;}
	h4.szkseguro a{color: #e9c604;}
	h4.szkconsorcio a{color: #00377b;}
	h4.szkfinanciamento a{color: #ff3c00;}
	h4.szkfrotista a{color: #00c6ff;}
	h4.szkstore a{color: #ff801f;}
	h4.szkpecaseacessorios a{color: #a0e300;}

	/* Concessionaria */
	#foto-historia img {max-width: 100%;}
	#filiais {padding: 20px;}
	.nome-filial {font-size: 16px; font-weight: bold; line-height: 100%; letter-spacing: 2px; }
	.endereco-filial {font-family: 'Roboto', Arial, Helvetica; font-size: 12px; margin-top: 10px;}
	.telefone-filial {font-size: 12px;}
	.filial {padding-bottom: 20px; border-bottom: solid 1px #414042; margin-top: 20px;}
	.filial:last-child {border-bottom: none;}

	/* Form */
	#interessado .formulario h1{ color: #3f3e40; text-align: center; font-family: 'Anzo_Web_Bold', Arial, Helvetica; font-size: 20px; padding-bottom: 20px;}
	.txt-carro-form {font-family: 'Anzo_Web_Light', Arial, Helvetica; font-style: normal; font-size: 10px;}
	input[type=checkbox]:not(old) + label > span,
	input[type=radio   ]:not(old) + label > span{
	  display          : inline-block;
	  width            : 20px;
	  height           : 20px;
	  margin           : 0.25em 0.5em 0.25em 0.25em;
	  border           : solid 1px #000;
	  border-radius    : 0;
	  background       : #eeeeee;
	  background-image : none;
	  vertical-align   : bottom;
	  font-size: 12px;
	}

	input[type=checkbox]:not(old),
	input[type=radio   ]:not(old){
	  width     : 2em;
	  margin    : 0;
	  padding   : 0;
	  font-size : 1em;
	  opacity   : 0;
	}

	input[type=checkbox]:not(old) + label,
	input[type=radio   ]:not(old) + label{
	  display      : inline-block;
	  margin-left  : -3em;
	  line-height  : 1.5em;
	  width: 50%; padding-left: 20px;
	}

	input[type=radio]:not(old):checked + label > span:before{
	  content     : '■';
	  display     : block;
	  width       : 3px;
	  color       : rgb(0,198,255);
	  font-size   : 1.6rem;
	  line-height : 1em;
	  margin      : 1px 0 0 2px;
	  text-align  : center;
	  text-shadow : 0 0 0.0714em rgb(115,153,77);
	  font-weight : bold;
	}

	.cd-dropdown { width: 250px !important;}
	#interessado .formulario .preco .parcelas .btn-serfFin {
		float: none; position: relative; top: 0;
	}
	.parcelas {width: 290px; padding: 39px 0 20px 0px;}

	#interessado .formulario .preco .numero { padding: 25px 0 0 0px;}

	/* Francy Box */
	.fancybox-close {right: 8px!important;}
	.fancybox-inner {width: 260px !important; height: auto !important; }
	.fancybox-skin  {width: 290px !important;}
	.fancybox-opened {width: 300px !important;}
	.fancybox-overlay-fixed {width: 320px !important;}
}