/* ==========================================================================
   font-family: 'fjalla_oneregular';
   font-family: 'source_sans_prolight';
   font-family: 'source_sans_probold';
   font-family: 'source_sans_proregular';
   ========================================================================== */
@font-face {
	font-family: 'fjalla_oneregular';
	src: url('../fonts/fjallaone-regular-webfont.eot');
	src: url('../fonts/fjallaone-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/fjallaone-regular-webfont.woff') format('woff'),
		url('../fonts/fjallaone-regular-webfont.ttf') format('truetype'),
		url('../fonts/fjallaone-regular-webfont.svg#fjalla_oneregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'source_sans_proregular';
	src: url('../fonts/sourcesanspro-regular-webfont.eot');
	src: url('../fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/sourcesanspro-regular-webfont.woff') format('woff'),
		url('../fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
		url('../fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'source_sans_probold';
	src: url('../fonts/sourcesanspro-bold-webfont.eot');
	src: url('../fonts/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/sourcesanspro-bold-webfont.woff') format('woff'),
		url('../fonts/sourcesanspro-bold-webfont.ttf') format('truetype'),
		url('../fonts/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'source_sans_prolight';
	src: url('../fonts/sourcesanspro-light-webfont.eot');
	src: url('../fonts/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/sourcesanspro-light-webfont.woff') format('woff'),
		url('../fonts/sourcesanspro-light-webfont.ttf') format('truetype'),
		url('../fonts/sourcesanspro-light-webfont.svg#source_sans_prolight') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* ==========================================================================
   Global styles starts here
   ========================================================================== */
body {
	background: rgba(113,14,3,0.84);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
}

p {
	color: #333;
	font-size: 16px;
	line-height: 22px;
	font-family: 'source_sans_proregular';
	padding-bottom: 15px;
}

.no-border-right {
	border-right: none !important;
}

.icon {
	color: #a12641;
	font-size: 10px;
	display: inline-block !important;
	cursor: pointer;
	width: 12px !important;
	height: 12px !important;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	border: 3px solid #a12641;
	padding: 6px;
	background: transparent;
	font-size: 16px;
}

.icon:hover {
	border: 3px solid #c2a270;
	color: #c2a270;
}

.last {
	padding-bottom: 0;
}

.ruler-top {
	border-top: 1px solid #292929;
}

.no-space {
	margin-left: 0 !important;
}

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

/* ==========================================================================
   Menu styles starts here
   ========================================================================== */
.site-header {
	/* background: #a12641; */
	background: #b04236;
	border-radius: 3px 3px 0 0;
	overflow: hidden;
	font-family: 'fjalla_oneregular';
}

.logotipos {
	background: #eaeaea;
	padding-top: 20px;
	margin-bottom: -60px;
}

.logotipos .logoImg {
	height: 40%;
	width: auto;
}

.logotipos p {
	color: #B04236;
	font-size: 30px;
	font-family: 'fjalla_oneregular';
    margin-top: 30px;
}

.logotipos .iconLg {
    background: #B04236;
    width: 30px;
    height: 30px;
	margin-right: 35px;
	margin-top: 15px;
    font-weight: bolder;
    transform: rotate(45deg);
    border: none;
	cursor: pointer;
	-webkit-box-shadow: 1px 0px 5px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 0px 5px 1px rgba(0, 0, 0, 0.3);
	-ms-box-shadow: 1px 0px 5px 1px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 1px 0px 5px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 0px 5px 1px rgba(0, 0, 0, 0.3);
	outline: none;
}

.logotipos .iconLg:hover {
	animation: changeColor 1.5s forwards;
	border: none;
	outline: none;
}

.logotipos .iconLg span {
    position: absolute;
	bottom: 2px;
    right: 7px;
    transform: rotate(-45deg);
    color: #ffffff;
}

@media (max-width: 768px) {
	.logotipos {
		margin-bottom: 0;
	}

	.logotipos div:nth-child(1),
	.logotipos div:nth-child(2) {
		margin-bottom: -50px; 
	}

	.logotipos div:nth-child(3) {
		margin-top: -85px;
	}
}

.logo h1 {
	font-size: 38px;
	line-height: 40px;
	color: #ffffff;
	font-weight: normal;
}

/* ==========================================================================
   General styles starts here
   ========================================================================== */

.banner {
	text-align: center;
}

.banner .carousel {
	margin: 0;
}

.banner .carousel-caption {
	background: none;
}

.banner .social-icons {
	margin-bottom: 5px;
}

.banner .social-icons ul {
	margin: 0;
}

.banner .social-icons ul li {
	list-style: none;
	display: inline-block;
	margin-right: 5px;
}

.banner .active {
	max-height: 500px;
}

.featured-heading {
	text-align: center;
	background: #eaeaea;
	padding: 35px 0;
	text-transform: uppercase;
}

.featured-heading h1 {
	color: #B04236;
	font-size: 40px;
	line-height: 40px;
	font-family: 'fjalla_oneregular';
	padding-bottom: 20px;
	padding-top: 16px;
	font-weight: normal;
}

.featured-heading h2 {
	color: #B04236;
	font-size: 20px;
	line-height: 30px;
	font-family: 'source_sans_prolight';
	padding-bottom: 25px;
}

.featured-heading h2 strong {
	color: #c37e8b;
	font-family: 'source_sans_probold';
}

.featured-heading h2 span {
	color: #c37e8b;
}

.featured-heading .btn {
	color: #c2a270;
	background: #1b1b1b;
	border: 3px solid #c2a270;
	padding: 8px;
	text-shadow: none;
	font-family: 'fjalla_oneregular';
}

.featured-heading .btn:hover {
	color: #fff;
	border: 3px solid #ffffff;
}

.featured-content {
	padding: 0 30px;
	padding-top: 35px;
	padding-bottom: 45px;
	background: #eaeaea;
	border-bottom: 1px solid #a2a2a2;
}

.featured-content .block h2 {
	color: #B04236;
	font-size: 26px;
	line-height: 30px;
	text-transform: uppercase;
	padding-bottom: 15px;
	margin-bottom: 25px;
	font-family: 'fjalla_oneregular';
	font-weight: normal;
}

.featured-content .block h3 {
	color: #B04236;
	font-size: 18px;
	line-height: 30px;
	text-align: left;
	text-transform: uppercase;
	padding-bottom: 15px;
	margin-bottom: 10px;
	font-family: 'fjalla_oneregular';
	font-weight: normal;
}

.featured-content .block p {
	text-align: justify;
}
.featured-content .block p span {
	color: #b04236;
}

.featured-content .block ul {
	margin: 0;
	padding-top: 15px;
	padding-bottom: 20px;
	padding-left: 0;
	text-align: left;
}

.featured-content .block ul li {
	list-style: none;
	display: inline-block;
}

.featured-content .block ul li a {
	color: #fff;
	text-transform: uppercase;
	font-family: 'source_sans_proregular';
}

.featured-content .block ul li a:hover {
	color: #c2a270;
	text-decoration: none;
}

.featured-content .block .btn {
	color: #c2a270;
	background: #1b1b1b;
	border: 3px solid #c2a270;
	padding: 3px;
	text-shadow: none;
	font-family: 'fjalla_oneregular';
	text-transform: uppercase;
}

.featured-content .block .btn:hover {
	color: #fff;
	border: 3px solid #fff;
}


.contact-info {
	padding: 35px;
	text-transform: uppercase;
	background: #eaeaea;
	border-bottom: 1px solid #a2a2a2;
	text-align: center;
}

.contact-info h2 {
	font-size: 30px;
	line-height: 34px;
	color: #B04236;
	text-transform: uppercase;
	font-family: 'fjalla_oneregular';
	font-weight: normal;
	padding-bottom: 15px;
	letter-spacing: 1px;
}

.contact-info h3 {
	font-size: 20px;
	line-height: 30px;
	color: #5e577a;
	font-family: 'source_sans_prolight';
	padding-bottom: 30px;
	font-weight: normal;
}

.contact-info form input[type="text"],
input[type="email"],
textarea {
	border: 1px solid #B04236 !important;
	font-family: 'source_sans_proregular' !important;
}

.contact-info form input[type="text"],
	.contact-info form input[type="email"] {
	min-height: 38px;
}

.contact-info form textarea {
	margin-bottom: 10px;
}

.contact-info form .btn {
	width: 150px;
	height: 40px;
	background: #7395b8;
	color: #ffffff;
	font-size: 18px;
	line-height: 22px;
	font-family: 'fjalla_oneregular';
	padding: 8px;
	text-shadow: none;
	text-transform: uppercase;
	border: none;
}

.contact-info form .btn:hover {
	animation: changeColor 1.5s forwards;
	border: none;
	outline: none;
}

form#form .form-control:hover,
form#form .form-control:focus,
form#form .form-control:active,
form#form button:hover,
form#form button:focus,
form#form button:active {
	outline: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}

/* ==========================================================================
   Footer styles starts here
   ========================================================================== */

   .site-footer {
	background: #eaeaea;
	padding-top: 40px;
	padding-bottom: 5px;
	/* min-height: 335px */
}

.site-footer h2 {
	color: #7395b8;
	font-size: 18px;
	line-height: 30px;
	font-family: 'fjalla_oneregular';
	font-weight: normal;
}

.site-footer ul {
	margin: 0;
}

.site-footer ul li {
	list-style: none;
	font-family: 'source_sans_proregular';
}

.site-footer ul li a {
	color: #5e577a;
	font-size: 16px;
	line-height: 22px;
	padding-bottom: 10px;
}

.site-footer ul li a:hover {
	color: #a4bfd1;
	text-decoration: none;
}

/* ==========================================================================
   Responsive Tweaks starts here
   ========================================================================== */
.navbar .btn-navbar {
	background: #403b32;
	margin-top: 20px;
	margin-right: 20px;
}

.navbar .btn-navbar:hover {
	background: #fff;
	color: #403b32;
	text-shadow: none;
}

.scrollup {
	width: 60px;
	height: 60px;
	border-radius: 30px;
	opacity: .5;
	position: fixed;
	bottom: 30px;
	right: 1%;
	color: #fff;
	cursor: pointer;
	background-color: #000;
	z-index: 1000;
	transition: opacity .5s, background-color .5s;
	-moz-transition: opacity .5s, background-color .5s;
	-webkit-transition: opacity .5s, background-color .5s;
}

.scrollup:hover {
	animation: changeColor 1.5s forwards;
	opacity: 1;
}

.scrollup i {
	font-size: 50px;
	position: absolute;
	opacity: 1;
	color: #fff;
	left: 50%;
	top: 50%;
	margin-top: -28px;
	margin-left: -23px;
	text-decoration: none;
}

div.banner img {
	width: 100%;
}

li {
	color: #c37e8b;
	font-size: 16px;
	line-height: 22px;
	font-family: 'source_sans_proregular';
	padding-bottom: 15px;
	font-weight: 900;
}

.serTxt {
	color: #333;
	font-size: 16px;
	line-height: 16px;
	font-family: 'source_sans_proregular';
	font-weight: 700;
}

@-webkit-keyframes changeColor {
	0% {
		background: #7395b8;
	}

	50% {
		background: #5e577a
	}

	100% {
		background: #c37e8b
	}
}

@keyframes changeColor {
	0% {
		background: #7395b8;
	}

	50% {
		background: #5e577a
	}

	100% {
		background: #c37e8b
	}
}

@media (max-width: 480px) {
	.featured-heading .btn {
		padding: 8px !important;
	}

}

@media (max-width: 979px) and (min-width: 768px) {
	.offset2 {
		margin-left: 0 !important;
		width: 100% !important;
	}
}

li img {
	width: 30px;
    height: auto;
    margin-top: -15px;
}

/*---------------------------media--queries---------------------------------*/
/*---------------------------media--queries---------------------------------*/
/*---------------------------media--queries---------------------------------*/

@media (max-width: 480px) {
	.contact-info {
		padding: 35px !important;
	}
}

@media (min-width: 576px) {
	.blueLine h2 {
		font-size: 35px;
	}

	.containerNav {
		max-height: 104px;
	}

	.header-content h1 {
		font-size: 26px;
	}

	.circleBtn {
		margin: 0px;
		margin-left: 5%;
		margin-right: 5%;
	}

	.imgBrand {
		min-height: 40px;
	}

	.imgBrand1 {
		min-height: 40px;
	}

	.sansationTxt {
		font-size: 16px;
	}
}

@media (max-width: 767px) {
	.contact-info form {
		margin-bottom: 100px !important;
	}
}

@media (min-width: 768px) {
	.featured-heading .iconLg {
		margin-top: 0px;
		margin-right: 10px
	}
}

@media (max-width: 979px) and (min-width: 768px) {
	.contact-info form {
		margin-bottom: 100px !important;
	}
}

@media (min-width: 980px) {
	.featured-heading .iconLg {
		margin-top: -120px;
		margin-right: 10px
	}
}

@media (min-width: 1200px) {
	.featured-heading .iconLg {
		margin-top: -120px;
		margin-right: 10px;
	}
}

#services_types li{
	display: block;
	margin-bottom: 15px;
}

form label {
	text-align: right;
}

@media (max-width: 992px) {

	form label {
		text-align: left;
	}
}

form textarea {
	resize: none;
}

.mapa {
	height: 242px;
	width: 100%;
	margin: 0 0 20px 0;
	border: 2px solid #B04236;
}

.social i {
	color:#7395b8;
}

.social a {
	text-decoration: none;
}

.social address {
	font-size: 14px;
	color:#c37e8b;
	margin-bottom: 0px;
}
.social a:hover address {
	color:#7395b8;
}

.container:focus {
	outline: none;
}

.footer-wslink {
	color:#B04236;
}

.contact-label-size{
	font-size:8px;
}

.contact-label-margin{
	margin-top: -3px;
	padding-bottom:0px !important;
}

.contact-margin {
    margin-top: -15px;
}

.contact-display{
	display:block;
}