body {
    overflow-x: hidden;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 600;
}

.BackgroundBody {
    background: hsl(0, 0%, 90%);
    background-image: url("../img/bg.svg");
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    min-width: 320px;
}

p {
    font-size: 20px;
}

p.small {
    font-size: 16px;
}

a,
a:hover,
a:focus,
a:active,
a.active {
    outline: 0;
    color: hsl(132, 59%, 45%);
}

a:hover,
a:focus {
    outline: 0;
    color: hsl(132, 59%, 45%) !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
}

/* OVERRIDE */

.alert-info {
    color: white;
    background-color: hsl(230, 50%, 42%);
    border-color: hsl(230, 100%, 28%);
}

.modal {
    top: 5%;
    right: 10%;
    bottom: 5%;
    left: 10%;
}

.modal-border-promo {
    border: 15px solid;
    border-style: dashed;
}

/* FIN OVERRIDE */




.img-centered {
    margin: 0 auto;
}

header {
    text-align: center;
    color: #fff;
    background: hsl(132, 59%, 45%);
}

header .container {
    padding-top: 100px;
    padding-bottom: 50px;
}

header img {
    display: block;
    margin: 0 auto 20px;
}

header .intro-text .name {
    display: block;
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 2em;
    font-weight: 700;
}

header .intro-text .skills {
    font-size: 1.25em;
    font-weight: 300;
}


header .intro-text .slogan {
    font-size: 2.5em;
    border: 5px solid;
    background: hsl(230, 50%, 42%);
    margin-bottom: 10px;
    display: block;
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
}



button {
    height: 74px;
    width: 100%;
    max-height: 74px;
    max-width: 164px;
}

button.navbar-toggle {
   height: 34px!important;
   width: 44px!important; 
}

@media(min-width:768px) {
    header .container {
        padding-top: 200px;
        padding-bottom: 100px;
    }

    header .intro-text .name {
        font-size: 4.75em;
    }

    header .intro-text .skills {
        font-size: 1.75em;
    }
}

@media(min-width:768px) {
    .navbar-fixed-top {
        padding: 25px 0;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }

    .navbar-fixed-top .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .navbar-fixed-top.navbar-shrink {
        padding: 10px 0;
    }

    .navbar-fixed-top.navbar-shrink .navbar-brand {
        font-size: 1.5em;
    }
}

.navbar {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
}

.navbar a:focus {
    outline: 0;
}

.navbar .navbar-nav {
    letter-spacing: 1px;
}

.navbar .navbar-nav li a:focus {
    outline: 0;
}

.navbar-default,
.navbar-inverse {
    border: 0;
	background-color: hsl(230, 50%, 42%);
}

.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:hover, 
.navbar-default .navbar-nav>.active>a:focus {
	color: hsl(0, 100%, 100%);
	background-color: hsl(230, 100%, 28%);
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: hsl(132, 59%, 45%);
    color:white;
}

/* SEPARADOR DE INTERQUIM */

hr {
    margin-top: 25px;
    margin-bottom: 25px;
    border: 0;
    border-top: 1px solid hsla(0, 0%, 3%, 0.1);
}

hr.separador {
    margin: 25px auto 30px;
    padding: 0;
    max-width: 500px;
    border: 0;
    border-top: solid 5px;
    text-align: center;
}

hr.separadorInterQuim {
    margin: 25px auto 30px;
    padding: 0;
    max-width: 250px;
    border: 0;
    border-top: solid 5px;
    text-align: center;
}

hr.separadorInterQuim:after{
    content: "\e600";
    display: inline-block;
    position: relative;
    top: -.8em;
    padding: 0 .25em;
    font-family: FontAwesome;
    font-size: 3em;
	font-weight: 600;
}

hr.separadorInterQuim {
    border-color: #fff;
}

section#promociones hr.separadorInterQuim:after {
    color: #fff;
	font-weight: 500;
    background-color: hsl(132, 59%, 45%);
	
}

section#promociones hr.separadorInterQuim {
    border-color: #fff;	
}

hr.separadorInterQuim {
    border-color: #2c3e50;
}

hr.separadorInterQuim:after {
    color: #2c3e50;
    background-color: #fff;
}

/* FIN SEPARADOR DE INTERQUIM */

section {
    padding: 100px 0;
}

section h2 {
    margin: 0;
    font-size: 3em;
}

section.success {
    color: #fff;
    background: hsl(132, 59%, 45%);
}

@media(max-width:767px) {
    section {
        padding: 75px 0;
    }

    section.first {
        padding-top: 75px;
    }
}


/* PROMOCIONES */
#promociones .promociones-item {
    right: 0;
    margin: 0 0 15px;
}

#promociones .promociones-item .promociones-link {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 400px;
}

#promociones .promociones-item .promociones-link .caption {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: hsla(0, 0%, 50%, 0.5);
    border-radius: 25px;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}

#promociones .promociones-item .promociones-link .caption:hover {
    opacity: 1;
}

#promociones .promociones-item .promociones-link .caption .caption-content {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 20px;
    margin-top: -12px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

#promociones .promociones-item .promociones-link .caption .caption-content i {
    margin-top: -12px;
}

#promociones .promociones-item .promociones-link .caption .caption-content h3,
#promociones .promociones-item .promociones-link .caption .caption-content h4 {
    margin: 0;
}

#promociones * {
    z-index: 2;
}

#promociones h5 {
    margin-bottom: 50px;
}

.border-promotion {
	position:relative;
	display:block;
}

.border-promotion:before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	border-width:2px;
	border-style:solid;
	transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
    border-color:#333;
}

.border-promotion.nobord:before {border:0;}
.border-promotion:hover:before {border-width:6px;}

.promo_titulo {
    color: white; position: absolute; top: 5%;
}

.promo_item1 {
    color: white; position: absolute; top: 35%; left: 20%;
}

.promo_item2 {
    color: white; position: absolute; top: 44%; left: 20%;
}

.promo_item3 {
    color: white; position: absolute; top: 52%; left: 20%;
}

.promo_item4 {
    color: white; position: absolute; top: 60%; left: 20%;
}

.promo_item5 {
    color: white; position: absolute; top: 65%; left: 20%;
}

.promo_super {
    left: 0; padding-left: 30px; padding-right: 30px;
}

.promo_tilde {
    left: 10%;margin-top: 2.5%;
}

.promo_pie {
    color: white; position: absolute; top: 82%; left: 15%;
}


/* FIN PROMOCIONES */
/* SUBSCRIPCIONES */


section#subscripciones
section#promociones {
    border-top: 5px solid;
}

section#subscripciones{
	padding: 50px;
	border-top: 5px solid;
	border-bottom: 5px solid;
}

section#subscripciones div.controls{
	border: 1px solid hsl(210, 29%, 24%);	
}

section#subscripciones button[type="button"]{
	height: 74px;
}

@media(min-width:767px) {
    #promociones .promociones-item {
        margin: 0 0 30px;
    }
}

.btn-outline {
    margin-top: 15px;
    border: solid 2px #fff;
    font-size: 20px;
    color: #fff;
    background: 0 0;
    transition: all .3s ease-in-out;
}

.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active {
    border: solid 2px #fff;
    color: hsl(132, 59%, 45%);
    background: #fff;
}

.floating-label-form-group {
    position: relative;
    margin-bottom: 0;
    padding-bottom: .5em;
    /*border-bottom: 1px solid #eee;*/
}

.floating-label-form-group input,
.floating-label-form-group textarea {
    z-index: 1;
    position: relative;
    padding-right: 0;
    padding-left: 0;
    border: 0;
    border-radius: 0;
    font-size: 1.5em;
    background: 0 0;
    box-shadow: none!important;
    resize: none;
}

.floating-label-form-group label {
    display: block;
    z-index: 0;
    position: relative;
    top: 2em;
    margin: 0;
    font-size: .85em;
    line-height: 1.764705882em;
    vertical-align: middle;
    vertical-align: baseline;
    opacity: 0;
    -webkit-transition: top .3s ease,opacity .3s ease;
    -moz-transition: top .3s ease,opacity .3s ease;
    -ms-transition: top .3s ease,opacity .3s ease;
    transition: top .3s ease,opacity .3s ease;
}

.floating-label-form-group::not(:first-child) {
    padding-left: 14px;
    border-left: 1px solid #eee;
}

.floating-label-form-group-with-value label {
    top: 0;
    opacity: 1;
}

.floating-label-form-group-with-focus label {
    color: hsl(132, 59%, 45%);
}

form .row:first-child .floating-label-form-group {
    /*border-top: 1px solid #eee;*/
}

/* FOOTER */

footer {
    color: #fff;
}

footer h3 {
    margin-bottom: 30px;
}

footer .footer-above {
    padding-top: 15px;
    background-color: hsl(230, 50%, 42%);
}

footer .footer-col {
    margin-bottom: 15px;
}

footer .footer-below {
    padding: 15px 0;
    background-color: hsl(230, 100%, 28%);
}

footer ul.encontranos li {
	border-bottom: 1px solid;
	margin-bottom: 15px;
}

footer ul.encontranos li i{
	font-size: 25px;
}

footer img{
	margin-top: 65px;
}

footer a {
  color: hsl(0, 100%, 100%)
}

/* FIN FOOTER */

.btn-success {
	color: hsl(0, 100%, 100%);
	background-color: hsl(230, 100%, 28%);
	border-color: hsl(230, 100%, 28%);
	border-radius: 0px;
}

.btn-success:hover {
	background-color: hsl(132, 59%, 45%);
	border-color: hsl(132, 59%, 45%);
}

.btn-social {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 2px solid #fff;
    border-radius: 100%;
    text-align: center;
    font-size: 20px;
    line-height: 45px;
}

.btn:focus,
.btn:active,
.btn.active {
    outline: 0;
}

.scroll-top {
    z-index: 1049;
    position: fixed;
    right: 2%;
    bottom: 2%;
    width: 50px;
    height: 50px;
}

.scroll-top .btn {
    width: 50px;
    height: 50px;
    border-radius: 25%;
    font-size: 20px;
    line-height: 28px;
    background-color: hsl(0, 0%, 0%);
    border-color: black;
    padding-top: 10px;
    color: white;
}

.scroll-top .btn:hover, .scroll-top .btn:focus  {
     outline: 0;
     color: white!important;
}

.promociones-modal .modal-content {
    padding: 100px 0;
    min-height: 100%;
    border: 0;
    border-radius: 0;
    text-align: center;
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.promociones-modal .modal-content h2 {
    margin: 0;
    font-size: 3em;
}

.promociones-modal .modal-content img {
    margin-bottom: 30px;
}

.promociones-modal .modal-content .item-details {
    margin: 30px 0;
}

.promociones-modal .close-modal {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 75px;
    height: 75px;
    background-color: transparent;
    cursor: pointer;
}

.promociones-modal .close-modal:hover {
    opacity: .3;
}

.promociones-modal .close-modal .lr {
    z-index: 1051;
    width: 1px;
    height: 75px;
    margin-left: 35px;
    background-color: #2c3e50;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.promociones-modal .close-modal .lr .rl {
    z-index: 1052;
    width: 1px;
    height: 75px;
    background-color: #2c3e50;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.promociones-modal .modal-backdrop {
    display: none;
    opacity: 0;
}

div.modal-body ul {
	padding-left: 10px;
}

/* CONTACTO */
section#contact input[type="text"],
section#contact input[type="email"],
section#contact textarea{

	border: 1px solid hsl(210, 29%, 24%);
	padding: 25px;
}

/* ADMINISTRACION DE ACCESO AL SISTEMA */

/* ADMINISTRACION DE ACCESO AL SISTEMA */

/* RESPONSIve MEDIA*/

@media(max-width:768px) {
    
	.separadorInterQuim {
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.separadorInterQuim  hr{
		width: 25%;
		float: left;
		border-top: 5px solid;
	}

	.separadorInterQuim  img{
		width: 65px;
		height: 50px;	
	}

}

@media(max-width:350px) {
    
	section h2{
		font-size: 2em;		
	}
	
	.promociones-modal .modal-content h2 {
		font-size: 2em;	
	}
	
	section h3{
		font-size: 17px;		
	}
	
	.navbar-brand{
		font-size: 15px;
	}
	
	section#subscripciones div.controls{
		width: 200px;		
		margin-top: 15px;
	}

	section#subscripciones button[type="button"]{
		height: 85px;
		width: 200px;
		margin-left: -15px
	}
}