@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700');
h1{
	font-family: 'Montserrat', sans-serif;
	font-size: 2.7em;
	color: #5d5e5e;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: -2px;
}
.var-h1{
	color: #000;
	font-weight: 700;
}
.linha{
	background-color: #5d5e5e;
	width: 90px;
	height: 4px;
	margin-bottom: 50px;
}
p{
	font-family: 'Montserrat', sans-serif;
	color: #7b7b7b;
	letter-spacing: 2px;
	font-size: 1.2em;
	text-align: justify;
}
.var-p{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
}
.container .img-responsive{
	margin: 0 auto;
}
figure { width: 100%; min-width: 17.5em; margin:0 auto;}
.boxVideo {
    position: relative;
    padding-bottom: 56.25%; 
    padding-top: 25px;
    height: 0;
    margin:0 auto;
}
.boxVideo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.separador{
	width: auto;
	height: 60px;
}
.para-1-mobile{
	display: none;
}
h2{
	color:#656260;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	letter-spacing: -1px;
	font-size: 1.8em;
	margin-top: 25px;
	margin-bottom: 10px;
}
.logo-cs{
	padding-top: 30px;
}
input[type="text"]{
	background-color: #f5f5f5;
	border: none;
	width: 35%;
	margin-bottom: 5px;
	padding: 10px;
	font-family: 'Montserrat', sans-serif;
	outline:none;
}
input[type="submit"]{
	background-color: #5d5e5e;
	border: none;
	margin-bottom: 5px;
	padding: 10px;
	color:#fff;
	font-family: 'Montserrat', sans-serif;
}
.img-contato{
	margin-top: -320px;
	margin-right: -200px;
}
.indicacoes{
	width: auto;
	height: auto;
	padding-top: 20px;
	margin-top: 80px;
	background-color: #f5f5f5;
	margin-bottom: 40px;
	overflow: hidden;
}
.indicacoes li{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 1.2em;
	line-height: 25px;
}
.indicacoes ul{
	list-style: square url("../img/list-style.png");
	margin-left: -20px;
}
.ind-texto{
	padding-bottom: 20px;
}
 .fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInRightBig {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(2000px, 0, 0);
  transform: translate3d(2000px, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInRightBig {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(2000px, 0, 0);
  transform: translate3d(2000px, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
  }
  @keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
  } 

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInUp {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInUp {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  } 
.para-3-mobile{
	display: none;
}
.para-2-mobile{
	display: none;
}
.para-2{
	display: block;
}
@media screen and (max-width: 1200px) {
	.img-contato{
		margin-right: -400px;
	}
	.tablet{
		padding-top:73px;
	}
	
}
@media screen and (max-width: 990px) {
	.img-contato{
		margin-right: -650px;
	}
	.tablet{
		padding-top:200px;
	}
}
@media screen and (max-width: 768px) {
	h1{
		font-size: 1.8em;
		text-align: center;
		letter-spacing: -1px;
	}
	.linha{
		margin: 0 auto;
		margin-bottom: 30px;
	}
	p{
		font-family: 'Montserrat', sans-serif;
		color: #7b7b7b;
		letter-spacing: 1px;
		font-size: 1.2em;
		text-align: justify;
	}
	.cd-background-wrapper{
		display: none;
	}
	.separador{
		height: 40px;
	}
	.para-1-mobile{
		display: block;
		width: 100%;
		height: auto;
	}
	.img-contato{
		display:none;
	}
	input[type="text"]{
		width: 100%;
	}
	.tablet{
		padding-top:20px;
	}
	.logo-cs{
		display: none;
	}
	.para-3-mobile{
		display: block;
	}
	.para-2-mobile{
		display: block;
	}
	.para-2{
		display: none;
	}
}