@import url('https://fonts.googleapis.com/css?family=Passion+One');
@import url('https://fonts.googleapis.com/css?family=Neucha');
@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url('https://fonts.googleapis.com/css?family=Catamaran');
@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Oswald:200');

body {
	padding: 0;
	margin: 0;
	/* font-family: 'Roboto Condensed', sans-serif; */
	font-family: 'Montserrat', sans-serif;
}

a,
a:hover,
a:focus {
	color: rgb(255, 102, 0);
	text-decoration: none;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
}

h1 {
	margin-top: 10px;
	/* font-family: 'Josefin Sans', sans-serif; */
	font-family: 'Catamaran', sans-serif;
	font-weight: bold;
	font-size: 48px;
	font-weight: 300;
	color: #555;
	line-height: 56px;
}

h2 {
	font-size: 2.5em;
	/* font-family: 'passion one', cursive; */
	font-family: 'Catamaran', sans-serif;
	font-weight: bold;
}

h3 {
	font-size: 1.5em;
	font-family: 'Catamaran', sans-serif;
	font-weight: bold;
}

h1BLACK {
	margin-top: 10px;
	/* font-family:'Passion One', cursive; */
	font-family: 'Passion One', cursive;
	font-weight: bold;
	font-size: 48px;
	font-weight: 300;
	color: #000000;
	line-height: 50px;
}

h1WHITE {
	margin-top: 10px;
	/* font-family:'Passion One', cursive; */
	font-family: 'Passion One', cursive;
	font-weight: bold;
	font-size: 48px;
	font-weight: 300;
	color: rgb(255, 102, 0);
	line-height: 50px;
}

h2WHITE {
	/* font-family: 'passion one', cursive; */
	font-family: 'Passion One', cursive;
	font-weight: bold;
	font-size: 28px;
	font-weight: 300;
	color: #000000;
	line-height: 28px;
}





img {
	max-width: 100%;
}

.medium-paragraph {
	font-size: 18px;
	line-height: 34px;
}

.colored {
	color: rgb(255, 102, 0);
}

.strong {
	color: #19150c;
	font-weight: bold;
}

::-moz-selection {
	background: rgb(255, 102, 0);
	color: #fff;
	text-shadow: none;
}
::selection {
	background: rgb(255, 102, 0);
	color: #fff;
	text-shadow: none;
}

.separador {
	width: 40px;
	height: 4px;
	display: block;
	margin: 0 auto;
	background-color: rgb(255, 102, 0);
	margin-bottom: 20px;
}

/***** General style, all sections *****/

.section-container {
	margin: 0 auto;
	padding-bottom: 80px;
}
.section-description {
	margin-top: 60px;
	padding-bottom: 10px;
}
.section-description p {
	margin-top: 20px;
	padding: 0 120px;
}

/***** Divider *****/

.divider-1 {
	padding: 25px 0 15px 0;
}
.divider-1 .line {
	width: 160px;
	margin: 0 auto;
	border-bottom: 1px dashed #ccc;
}

/***** Top menu *****/

.navbar {
	margin-bottom: 0;
	/* padding-top: 0; */
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background: #fff;
	border: 0;
	-moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-o-transition: all .6s;
	-moz-transition: all .6s;
	-webkit-transition: all .6s;
	-ms-transition: all .6s;
	transition: all .6s;
}
.navbar-no-bg {
	padding-top: 10px;
	/* background: none; */
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

ul.navbar-nav {
	/* font-family: 'Josefin Sans', sans-serif; */
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	color: black;
	font-weight: 400;
	text-transform: uppercase;
}

ul.navbar-nav li a {
	background: none;
	color: black;
	border: 0;
}
ul.navbar-nav li a:hover {
	background: none;
	color: rgb(255, 102, 0);
	font-weight: bold;
	border: 0;
	/* border-left: 2px solid rgb(255, 102, 0);
    border-right: 2px solid rgb(255, 102, 0); */
}
ul.navbar-nav li a:focus {
	background: none;
	color: rgb(255, 102, 0);
	font-weight: bold;
	outline: 0;
	border: 0;
}

.navbar-no-bg ul.navbar-nav {
	color: black;
}
.navbar-no-bg ul.navbar-nav li a {
	color: black;
}
.navbar-no-bg ul.navbar-nav li a:hover {
	color: orange;
}
.navbar-no-bg ul.navbar-nav li a:focus {
	color: orange;
}

ul.navbar-nav li a.btn-link-3 {
	position: relative;
	display: inline-block;
	margin: 9px 0 0 15px;
	padding: 6px 15px;
	background: rgb(255, 102, 0);
	border: 0;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 14px;
	font-weight: 300;
	color: #fff;
	text-transform: uppercase;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
ul.navbar-nav li a.btn-link-3:hover,
ul.navbar-nav li a.btn-link-3:focus,
ul.navbar-nav li a.btn-link-3:active,
ul.navbar-nav li a.btn-link-3:active:focus {
	outline: 0;
	background: rgb(255, 102, 0);
	color: #fff;
}

.navbar-brand {
	/* width: 102px; */
	/* background: url(../img/logo-dark.png) left center no-repeat; */
	background: url(../img/logo.png) left center no-repeat;
	text-indent: -99999px;
	width: 270px;
}
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
	margin-left: 0;
}

.navbar-no-bg .navbar-brand {
	background-image: url(../img/logo.png);
}

.navbar-toggle .icon-bar {
	background: #555;
}

/***** Top content *****/

.top-content {
	padding: 120px 0 150px 0;
	/* background: url(../img/backgrounds/1.jpg); */
	
}

.top-content .text {
	padding-top: 60px;
	color: #fff;
}
.top-content .text h1 {
	color: #fff;
}

.top-content .description {
	margin: 30px 0 10px 0;
}
.top-content .description p {
	opacity: 0.8;
}
.top-content .description a {
	color: #fff;
	border-bottom: 1px dotted #fff;
}
.top-content .description a:hover,
.top-content .description a:focus {
	color: #fff;
	border: 0;
}

/***** Productos *****/

#productos {
	padding: 50px 0px;
}

#productos .tipo {
	width: 140px;
	height: 140px;
	border-radius: 50%;
	background-color: orange;
	margin: auto;
	line-height: 160px;
	color: white;
}

#productos .tipo:hover {
	background-color: #2f7179;
}

#productos .tipo i {
	color: white;
	font-size: 3em;
}

#productos p {
	margin: 15px;
	padding-top: 5px;
}

.lead {
	padding: 30px;
	text-align: center;
}

.btnPage {
	background: orangered;
	color: #fff;
}

/***** SEGUINOS *****/

#seguinos {
	padding: 40px 20px;
	margin: 0;
	background-color: rgb(255, 102, 0);
}

#seguinos h3 {
	font-size: 2.3em;
	font-family: 'Oswald', sans-serif;
	text-align: center;
	color: white;
	font-weight: bold;
	padding-bottom: 20px;
}

#seguinos i {
	font-size: 2em;
	text-align: center;
	color: white;
}

/***** SOCIAL *****/
.icon {
	position: relative;
	text-decoration: none;
}

.icon:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-transform: none !important;
}

.icon > .label {
	display: none;
}

ul.contact {
	list-style: none;
	padding-left: 0;
	cursor: default;
}

ul.contact li {
	-moz-transition: top .15s ease-in-out;
	-webkit-transition: top .15s ease-in-out;
	-ms-transition: top .15s ease-in-out;
	transition: top .15s ease-in-out;
	position: relative;
	display: inline-block;
	margin: 0 0.25em 0 0.25em;
	top: 0;
	padding-left: 0;
}

ul.contact li a {
	-moz-transition: background-color .2s ease-in-out;
	-webkit-transition: background-color .2s ease-in-out;
	-ms-transition: background-color .2s ease-in-out;
	transition: background-color .2s ease-in-out;
	display: block;
	position: relative;
	width: 48px;
	height: 48px;
	border-radius: 6px;
	outline: 0;
	background: rgb(255, 102, 0);
	text-align: center;
}

ul.contact li a:before {
	color: #f2f5f3;
	font-size: 32px;
	line-height: 48px;
}

ul.contact li:hover {
	top: -5px;
}

ul.contact li:hover a.fa-facebook {
	background-color: #3c5a98;
}

ul.contact li:hover a.fa-twitter {
	background-color: #2daae4;
}

ul.contact li:hover a.fa-envelope-o {
	background-color: #c4376b;
}

ul.contact li:hover a.fa-dribbble {
	background-color: #c4376b;
}

ul.contact li:hover a.fa-linkedin {
	background-color: #006599;
}

ul.contact li:hover a.fa-instagram {
	background-color: #2e5e86;
}

ul.contact li:hover a.fa-google-plus {
	background-color: #da2713;
}

ul.contact li:hover a.fa-youtube {
	background-color: #da2713;
}

ul.contact li:hover a.fa-whatsapp {
	background-color: #25d366;
}

ul.contact li:active {
	top: 0;
}

/***** Funcionamiento *****/

#funcionamiento {
	padding: 50px 0px;
	margin: 0;
	background-color: #f5f5f5;
}

.colorRed {
	background-color: rgb(255, 102, 0);
	color: #fff;
	font-weight: bold;
}

/***** Preguntas Frecuentes *****/

#preguntas {
	border-top: 3px solid whitesmoke;
	border-bottom: 3px solid whitesmoke;
	padding: 50px 0px;
	background: #fff;
}

.accordion {
	background-color: #eaeaea;
	border-radius: 10px;
	width: 100%;
	border: none;
	margin-bottom: 1px;
	padding: 10px 30px;
	cursor: pointer;
	text-align: left;
	outline: none;
}

.active,
.accordion:hover {
	color: #ff7e00;
	border: 1px solid whitesmoke;
	font-weight: bold;
}

.panel {
	margin-bottom: 0px;
	background-color: white;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	border: 0px;
}

/***** Carousel *****/

#carouselCabecera {
	padding: 10px 0px;
}

.fade-carousel .carousel-indicators > li {
	margin: 0 2px;
	background-color: #f39c12;
	border-color: #f39c12;
	opacity: .7;
}
.fade-carousel .carousel-indicators > li.active {
	width: 10px;
	height: 10px;
	opacity: 1;
}

.corouselUbi {
	padding-bottom: 50px;
}

.hero {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 3;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .75);
	-webkit-transform: translate3d(-50%, -50%, 0);
	-moz-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	-o-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}

.hero h2 {
	font-size: 2.3em;
	font-weight: bold;
	margin: 0;
	padding: 10px;
	color: white;
	font-family: 'Passion One', cursive;
	background: rgba(0, 0, 0, 0.6);
}

.hero h3 {
	font-size: 2.1em;
	font-family: 'Passion One', cursive;
	margin: 0;
	padding: 10px;
	color: white;
	background: rgb(255, 102, 0);
}

.hero h3B {
	font-size: 2.5em;
	font-family: 'Passion One', cursive;
	margin: 0;
	padding: 10px;
	color: white;
	background: rgb(255, 102, 0);
}

.lead {
	padding: 20px;
}

.fade-carousel .carousel-inner .item .hero {
	opacity: 0;
}

.fade-carousel .carousel-inner .item.active .hero {
	opacity: 1;
}

.overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.btn.btn-lg {
	padding: 10px 40px;
}

.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
	color: #f5f5f5;
	background-color: #1abc9c;
	border-color: #1abc9c;
	outline: none;
	margin: 20px auto;
}

.fade-carousel .slides .slide-1,
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3,
.fade-carousel .slides .slide-4 {
	height: 75vh;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.fade-carousel .slides .slide-1 {
	background-image: url('../../assets/img/slides/slides-01.jpg');
}
.fade-carousel .slides .slide-2 {
	background-image: url('../../assets/img/slides/slides-02.jpg');
}
.fade-carousel .slides .slide-3 {
	background-image: url('../../assets/img/slides/slides-03.jpg');
}
.fade-carousel .slides .slide-4 {
	background-image: url('../../assets/img/slides/slides-04.jpg');
}

/***** Contacto *****/
#contacto {
	padding: 50px 0px;
}

/***** Features *****/

.features-box {
	margin-top: 30px;
	text-align: left;
}
.features-box .features-box-icon {
	font-size: 60px;
	color: rgb(255, 102, 0);
	line-height: 60px;
	text-align: center;
}
.features-box h3 {
	margin-top: 0;
	padding: 0 0 10px 0;
}

/***** Footer *****/

footer {
	margin: 0;
	background-color: #5e5e5e;
	color: white;
	box-shadow: 0 0 3px 2px rgba(0, 0, 0, .35);
	border-top: 2px solid rgba(0, 0, 0, .35);
	padding: 20px 0px 10px 0px;
}

footer a {
	color: #fff;
}

footer a:focus,
a:hover {
	color: orange;
}

footer .social {
	padding-bottom: 10px;
}

/***** MEDIA QUERIES *****/

@media (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 768px) and (max-width: 991px) {
	.section-description p {
		padding: 0;
	}

	.features-box .features-box-icon {
		font-size: 50px;
		line-height: 50px;
	}
}

@media (max-width: 767px) {
	.table {
		font-size: 11px;
	}
}

@media (max-width: 415px) {
	.navbar-brand {
		background: url(../img/logo-2.png) left center no-repeat;
		width: 250px;
	}
}

/* Movil iPhone 5 */
@media (max-width: 767px) {
	h1 {
		font-size: 2.3em;
	}

	h2 {
		font-size: 2.3em;
	}

	h3 {
		font-size: 1.3em;
	}

	.top-content {
		background: url(../img/backgrounds/1@2x.jpg);
	}

	.navbar {
		background-color: #fff;
		font-family: 'Lora', serif;
		box-shadow: 0 0 6px 3px rgba(0, 0, 0, .35);
		border-bottom: 3px solid white;
		text-align: center;
	}

	.navbar-brand {
		background: url(../img/logo.png) left center no-repeat;
		width: 250px;
	}

	.navbar-inverse .navbar-brand {
		font-family: 'Lobster', cursive;
		font-size: 1.8em;
	}

	ul.navbar-nav li a:hover {
		color: orange;
	}

	ul.navbar-nav li a:focus {
		color: orange;
	}

	.navbar-no-bg ul.navbar-nav li a:hover {
		color: orange;
	}

	#cabecera {
		background: url('../img/00.png') no-repeat center center;
	}

	#cabecera h1 {
		font-size: 2.5em;
	}

	#cabecera p {
		font-size: 1.2em;
	}

	#dudas h1 {
		font-size: 2em;
	}

	#Mensaje-3 h1 {
		font-size: 2em;
	}

	#consulta h1,
	h2 {
		text-align: center;
	}

	.hero {
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 3;
		color: #fff;
		text-align: center;
		text-transform: uppercase;
		text-shadow: 1px 1px 0 rgba(0, 0, 0, .75);
		-webkit-transform: translate3d(-50%, -50%, 0);
		-moz-transform: translate3d(-50%, -50%, 0);
		-ms-transform: translate3d(-50%, -50%, 0);
		-o-transform: translate3d(-50%, -50%, 0);
		transform: translate3d(-50%, -50%, 0);
		padding-top: 50px;
	}

	.hero h2 {
		font-size: 2.8em;
		font-weight: bold;
		margin: 0;
		padding: 10px;
		color: white;
		font-family: 'Passion One', cursive;
		background: rgba(0, 0, 0, 0.6);
	}

	.hero h3 {
		font-size: 1.4em;
		font-family: 'Passion One', cursive;
		margin: 0;
		padding: 10px;
		color: white;
		background: rgb(255, 102, 0);
	}

	.carousel h3 {
		text-align: left;
	}
}