@charset "utf-8";
/* CSS Document */


@import url('https://fonts.googleapis.com/css?family=Lato:400,700|Oswald:600');
body {
	background: #fff;
	font-family: 'Lato', sans-serif;
}
.container {
	width: 100%;
	max-width: 1200px;
}
.carousel {
	background: url(../img/top.png) no-repeat center top;
	padding-top: 65px;
	margin-bottom: 100px
}
.font {
	font-family: 'Oswald', sans-serif;
}
.carousel-indicators {
	position: relative;
	bottom: auto;
	left: auto;
	width: 100%;
	text-align: center;
	list-style: none;
	margin-left: 0;
	padding-top: 18px;
}
.carousel-indicators li {
	width: 12px;
	height: 12px;
	margin: 0px;
	border: 1px solid #c7c7c7;
	margin: 0px 1px;
}
.carousel-indicators .active {
	background-color: #2aada3;
	border: solid 1px #2aada3;
	margin: 0 1px;
}
p {
	font-size: 16px;
	color: #414042
}
p.big {
	font-size: 20px;
	font-weight: bold;
}
p.small {
	font-size: 14px;
}
p.small strong {
	color: #2aada3
}
p a {
	color: #2aada3
}
p a:hover {
	color: #2aada3
}
.label {
	background: #2aada3;
	width: 50px;
	height: 50px;
	border-radius: 99px;
	display: block;
	text-align: center;
	line-height: 43px;
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	margin: 0px auto;
}
.controles {
	border-top: solid 1px #f2f2f2;
	padding-top: 20px;
}
.btn {
	border-radius: 3px;
	line-height: 55px;
	padding: 0;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-size: 18px;
}

.cont .btn {
	background: #2aada3;
	color: #fff;
	font-size: 22px;
	line-height: 70px;
	padding: 0 60px;
}

.btn-next {
	background: #2aada3;
	color: #fff;
}
.btn-prev {
	border: solid 1px #e8e8e8;
	color: #8a8a8a
}
.cont {
	display: flex;
	align-items: center;
	padding: 50px 0 100px 0
}
.cont2 {
	display: flex;
	align-items: baseline;
	padding: 50px 0 100px 0
}
.cont .imagen, .cont2 .col-sm-4 {
	text-align: center;
}
.cont2 .col-sm-4 {
	padding: 0 30px;
}
.cont img.screen {
	width: 90%;
	max-width: 475px;
	box-shadow: 30.196px 44.768px 65px 0px rgba(68, 67, 62, 0.33);
}
.icon {
	margin-bottom: 30px;
}






/******************  INTRO  */


.intro { text-align: center; background: #f9f7ef; padding-top: 100px;}
.intro h1 {font-family: 'Oswald', sans-serif; text-transform: uppercase; color: #00a79d; display: block; padding: 0; margin: 0 0 50px 0;}
.intro .call-to { background: #fff url(../img/top.png) no-repeat top center; padding: 150px 0 50px 0;}
.intro .call-to .btn {	background: #2aada3;
	color: #fff;
	font-size: 22px;
	line-height: 70px;
	padding: 0 60px;}
.intro .call-to p { padding-top: 30px; text-transform: uppercase;font-family: 'Oswald', sans-serif; font-size: 18px;}

.tijera { position: absolute;width: 285px; margin: 0px auto;margin: 0px auto;left: 0%;right: 0%; top: 280px}

.pattern { background: url(../img/pattern.gif) repeat-x; height: 198px;}

@media screen and (max-width:800px) {.tijera { top: 350px}}



@media screen and (max-width:768px) {
.cont, .cont2 {
	display: block;
	;
	padding: 50px 0;
	text-align: center
}
.cont .imagen {
	margin-bottom: 50px;
}
.cont2 .col-sm-4 {
	margin-bottom: 60px;
}
	
.cont .btn {
	font-size: 20px;
	padding: 0;
	width: 100%;
}
	
	
}

@media screen and (max-width:600px) {.tijera { top: 400px}}
@media screen and (max-width:480px) {.tijera { top: 450px}}

.carousel .item {
	-webkit-transition: opacity 0s ease-in-out;
	-moz-transition: opacity 0s ease-in-out;
	-ms-transition: opacity 0s ease-in-out;
	-o-transition: opacity 0s ease-in-out;
	transition: opacity 0s ease-in-out
}
.carousel .active.left, .carousel .active.right {
	left: 0;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0)
}
.carousel .next, .carousel .prev {
	left: 0;
	z-index: 1
}
.carousel .carousel-control {
	z-index: 3
}