/*
SEVAGO COLOR PALETTE:
Teal: #00b193;
Grey: #5e5f61;
Dark Grey: #2a292b;
Light Grey: #dedad6;
White: #ffffff;
Sevago Black: #262223;
*/
@font-face {
    font-family: 'astoriaw00-romanregular';
    src: url('../fonts/astoria_w00_roman-webfont.woff2') format('woff2'),
         url('../fonts/astoria_w00_roman-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'proxima_nova_altregular';
    src: url('../fonts/mark_simonson_-_proxima_nova_alt_regular-webfont.woff2') format('woff2'),
         url('../fonts/mark_simonson_-_proxima_nova_alt_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'proxima_nova_alt_rgbold';
    src: url('../fonts/mark_simonson_-_proxima_nova_alt_bold-webfont.woff2') format('woff2'),
         url('../fonts/mark_simonson_-_proxima_nova_alt_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.font1 {
	font-family: 'astoriaw00-romanregular';
}

.font2 {
	font-family: 'proxima_nova_altregular';
}
.font3 {
	font-family: 'proxima_nova_alt_rgbold';
}

/*MENU BUTTON STYLES*/
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    color: #00b193;
    background-color: #e8f8f5;
}

.navbar-toggle {
	background-color: #00b193;
	border: 1px solid #282a2d;
	border-radius: 0px 10px 0px 10px;
	padding: 8px 9px;
}
.icon-bar {
	background-color: #282a2d;
}
/*MAIN STYLES*/
.top-margin-header {
	margin-top: 90px;
}

ul li {
	list-style: none;
}

body {
	padding-top: 205px;
	background-color: #00b193;
}

footer a {
	color: #dedad6;
}

footer a:hover, a:focus {
    color: #dedad6;
    text-decoration: underline;
}

.flecha-margin-top{
	margin-top: 70px;
}

.navbar {
	margin-bottom: 0;
}

.logo-box {
	background-color: #e8f8f5;
	padding-bottom: 55px;	
}

.menu1-box {
	background-color: #5e5f61;
	border-radius: 0px 25px 0px 25px;
}

.menu2-box {
	background-color: #7cd5c6;
}

.text-transorm-upper {
	text-transform: uppercase;
}

.text-letter-spacing {
	letter-spacing: 2px;
}
.expanded-margin-bottom{
	margin-bottom: 30px;
}
.no-margin-bottom-p {
	margin-bottom: 0;
}
/*TEXT COLORS*/
.whitecolor-text {
	color: #fff;
}

.darkgreycolor-text {
	color: #2a292b;
}

.greycolor-text {
	color: #5e5f61;
}

.greycolor2-text {
	color: #dedad6;
}

.tealcolor-text {
	color: #00b193;
}

/*SECTION BOXES STYLES*/
.section1-box {
	background-color: #ebe9e6;
	padding: 90px 90px 20px 90px;
}

.section2-box {
	background-color: #dedad6;
	padding: 240px 90px 20px 90px;
	text-align: justify;
}

.section3-box {
	background-color: #ebe9e6;
	padding: 240px 90px 90px 90px;
	text-align: justify;
}

.no-padding-left {
	padding-left: 0px;
}

.div-margin-top {
	margin-top: 0;
}

.section-footer-box {
	background-color: #5e5f61;
	padding: 240px 90px 90px 90px;
}

.section-form-box {
	background-color: #dedad6;
	border-radius: 0px 25px 0px 25px;
	padding: 90px;
	text-align: justify;
	margin-top: 80px;
}

.teal-line {
	padding-bottom: 10px;
	margin-bottom: 50px;
	border-bottom: solid 1px #00b193;
}

.negative-top-margin {
	margin-top: -76px;
}

/*CAROUSEL INDICATORS STYLES*/
.carousel-indicators {
    bottom: -45px;
}

.carousel-indicators li {
    width: 15px;
    height: 15px;
    border: none;
    background-color: #00b193;
    border-radius: 0px 5px 0px 5px;
}

.carousel-indicators .active {
    width: 15px;
    height: 15px;
    border: 3px solid #282a2d;
    background-color: #00b193;
    border-radius: 0px 5px 0px 5px;
}

/*CAROUSEL PARAGRAPHS STYLES*/
.min-height-text {
	min-height: 100px;
	height: 100px;
}

/*FORM INDICATORS STYLES*/
.form-text-styles {
	font-size: 1.2em;
	font-weight: lighter;
	letter-spacing: 1.5px;
}

.form-control {
	background-color: transparent;
	border: 1px solid #5e5f61;
	border-radius: 0px 10px 0px 10px;
}

.btn {
	margin-top: 30px;
	width: 100%;
	border-radius: 0px 10px 0px 10px;
	letter-spacing: 3px;
}

.btn-success {
	background-color: #00b193;
	border-color: #009377;
}

.btn-success:hover, .btn-success:active, .btn-success:focus {
	background-color: #00c6a0 !important;
	border-color: #009377 !important;
}

/*MAP*/

#map {
	width: 100%;
	height: 404px;
	margin-top: 90px;
}

/*COPYRIGHT*/
.copyright {
	text-align: center;
	background-color: #dedad6;
}

.copyright h3{
	color: #5e5f61;
	font-size: 1.1em;
	padding-bottom: 10px;
}

.info-flex-container {
	display: flex;
	flex-wrap: nowrap;
}

.div-max-width {
	width: 50px;
}
/*MEDIA QUERIES STYLES*/ 

	 /* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.section-form-box {
    	padding: 40px;

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
		body {
    		padding-top: 10px;
    	}
	 	.logo-box {
	 		padding-bottom: 0;
	 	}
	 	.navbar-toggle {
			margin-top: -82px;
			margin-right: 30px;
		}
		.img-width-change {
   			 width: 75%;
		}	
		.section1-box {
    		margin-top: 110px;
    		padding: 10px;
		}
		.img-center {
			display: block;
			margin: 0 auto;
		}
		.top-margin-header {
    		margin-top: 50px;
		}
		.section2-box, .section3-box, .section-footer-box {
    		padding: 140px 30px 20px 30px;
		}
		.flecha-margin-top {
    		margin-top: 35px;
		}
		ul.line-height-mobile-info {
			margin-top: 50px;
			padding-left: 0;
		} 
		.section-form-box {
 		   padding: 30px;

		}
		.flexbox-container {
			display:flex; 
			flex-direction: column;
		}
		.caja1 {
			order: 1;
		}
		.caja2 {
			order: 3;
		}
		.caja3 {
			order: 2;
		}
		.negative-top-margin {
    		margin-top: 0;
		}
		.btn {
    		margin-top: 20px;
    	}
    	.carousel-indicators .carousel-indicators-margin-right {
    		margin-right: 10px;
		}
		.carousel-indicators .carousel-indicators-margin-left {
    		margin-left: 10px;
		}
		.hide-element {
			display: none;
		}
		.copyright h3 {
    		font-size: 1em;
		}
		.margin-top-info-li {
    		margin-top: 50px;
		}
		.menu1-box {
    		border-radius: 0 25px 0 0;
		}
		.menu2-box {
    		border-radius: 0 0 0 25px;
		}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	body {
    		padding-top: 0;
    	}
		
		.img-width-change {
			width: 65%;
		}
		
    	.min-height-text {
			min-height: 110px;
			height: 110px;
		}
		.logo-box {
			padding-bottom: 0;
		}

		.text-right {
			text-align: right;
		}

		.english-btn-phone-size {
			margin-top: 0;
		}

		.nav > li > a {
    		padding: 5px 15px;
		}
		.navbar-toggle {
			margin-top: -82px;
			margin-right: 30px;
		}

		.section1-box {
    		margin-top: 110px;
    		padding: 15px;
		}
		.section2-box, .section3-box, .section-footer-box {
			padding: 130px 20px 80px 20px;
		}
		
		.top-margin-header {
    		margin-top: 50px;
    		margin-bottom: 50px;
		}

		.section-form-box {
    		padding: 40px;
    		margin-top: 30px;
		}
		.negative-top-margin {
    		margin-top: 0;
		}
		
		.margin-top-info-li{
			margin-top: 50px;
		}

		.line-height-mobile-info {
			line-height: 2;
		}
		.flexbox-container {
			display:flex; 
			flex-direction: column;
		}
		.caja1 {
			order: 1;
		}
		.caja2 {
			order: 3;
		}
		.caja3 {
			order: 2;
		}
		.hide-element {
			display: none;
		}
		ul.line-height-mobile-info {
			padding-left: 0;
		}
		.carousel-indicators .carousel-indicators-margin-right {
    		margin-right: 10px;
		}
		.carousel-indicators .carousel-indicators-margin-left {
    		margin-left: 10px;
		} 	
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 338px) {
		.font-size-338 {
			font-size: .9em;
		}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 314px) {
		.font-size-338 {
			font-size: .85em;
		}
}