html {
  overflow-y: scroll;
}
@font-face {
  font-family: Montserrat;
  src: url("../../fonts/Montserrat-Regular.otf") format("opentype");
}
@font-face {
  font-family: Montserrat-Light;
  src: url("../../fonts/Montserrat-Light.otf") format("opentype");
}
@font-face {
  font-family: Montserrat-Bold;
  src: url("../../fonts/Montserrat-Bold.otf") format("opentype");
}
body {
  font-family: Montserrat-Light,Helvetica,sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
  min-width: 305px;
}
strong {
  font-family: Montserrat-Bold;
  color: #ffffff;
}
/*--navbar--*/
.navbar-default .navbar-nav>li>a {
  color: #ffffff;
  font-size: 12px;
  text-transform: uppercase;
  font-family: Montserrat-Light;
}
.navbar-default .navbar-nav>li>a:hover {
  color: #ffffff;
  font-size: 12px;
  text-transform: uppercase;
}
.navbar-default {
  background-color: transparent;
  border-color: transparent;
}
.navbar {
  min-height: 70px;
  min-width: 310px;
}
.navbar-brand {
  float: left;
  height: 94px;
  padding: 35px 40px;
  font-size: 18px;
  line-height: 20px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #D94B50;
}
.img-responsive.logo {
  max-width: 245px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
  color: #ffffff;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
    border-color: transparent;
    z-index: 1000;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
    border-color: transparent;
}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 15px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
li.active a {
    cursor: pointer;
}
.menuitem {
  text-align: center;
  line-height: 0.428571;
}
.menuitem img{
  width: 21px;
}
.spanfortheclass span {
  margin: 15% auto;
  display: block;
  width: 45px;
  height: 45px;
  position: relative;
  display: block;
  width: 1.5em;
  height: 0.25em;
  background: #fff;
  border-radius: 3px;
  cursor: pointer;
  transition: transform .2s ease;
}
.spanfortheclass span:before, span:after {
  border-radius: 3px;
  transition: transform .3s ease;
}
.spanfortheclass span:before {
  content: '';
  display: block;
  position: absolute;
  width: 1.5em;
  height: 0.25em;
  top: -0.5em;
  background: #fff;
}
.spanfortheclass span:after {
  content: '';
  display: block;
  position: absolute;
  width: 1.5em;
  height: 0.25em;
  top: 0.5em;
  background: #fff;
}
.spanfortheclass span.close {
  width: 45px;
  height: 45px;
  margin: 15.9% auto;
  left: 2px;
  position: relative;
  display: block;
  width: 1.0em;
  height: 0.14em;
  background: transparent;
  transform: rotate(-180deg);
  opacity:1;
}
/*
.close {
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 1;
}*/
.spanfortheclass span.close:before, span.close:after {
  transition: transform .3s ease;
}
.spanfortheclass span.close:before {
  content: '';
  display: block;
  position: absolute;
  width: 1.2em;
  height: 0.2em;
  top: -2px;
  background: #fff;
  transform: rotate(-45deg);
}
.spanfortheclass span.close:after {
  content: '';
  display: block;
  position: absolute;
  width: 1.2em;
  height: 0.2em;
  top: -2px;
  background: #fff;
  transform: rotate(45deg);
}
.container.footer-lanscape {
  display: none;
}
.container.slogan-lanscape {
  display: none;
}
/*footer*/
.footer {
  padding-right: 0;
  padding-left: 0;
}
.footer .container{
  padding-top: 30px;
  padding-bottom: 30px;
  border-top: 3px solid #696969;
}
.footer-image {
  padding-top: 15px;
  float: left;
  width: 27.5%;
  padding-left: 80px;
}
.footer-copyright {
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  color: #636363;
  padding: 10px 0 0 0;
  border-left: 1px solid #696969;
  border-right: 1px solid #696969;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  float: left;
  width: 25.7%;
}
.footer-contact {
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  color: #636363;
  padding: 10px 0 0 0;
  border-right: 1px solid #696969;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  float: left;
  width: 23.2%;
}
.footer-contact .phone{
  margin: 0 0 5px;
}
.footer-contact a{
  text-decoration: none;
  color: #636363;
}
.footer-contact .email{
  text-transform: none;
}
.footer-privacy {
  text-transform: uppercase;
  text-align: center;
  color: #636363;
  padding-top: 20px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  float: left;
  width: 20.8%;
}
.footer-privacy a {
  font-size: 12px;
  font-family: Montserrat-Bold;
  text-transform: uppercase;
  text-align: center;
  color: #636363;
  text-decoration: none;
}
.footer-privacy a:hover{
  text-decoration: none;
}

.img-responsive.logo_footer {
  max-width: 200px;
}

/*modal aviso*/

.modal-header {
  padding: 15px;
  border-bottom: 0;
}

.modal-open {
  overflow: hidden;
  padding-right: 0!important;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 0;
}
a:focus {
  outline: none;
  outline: none;
  outline-offset: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.42857143;
  text-align: center;
  font-size: 38px;
  font-family: Montserrat-Light,Helvetica,sans-serif;
}

.close {
  float: right;
  font-size: 60px;
  font-weight: normal;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 1;
}
.close img {
  width: 50%;
}
.close {
  outline: none;
  outline: none;
  outline-offset: -2px;
}
.modal-header .close {
  margin-top: -31px;
  margin-right: -17px;
}
.modal-header strong{
  color: #303133;
}