/*!
* Sumaprop Framework
* 20/06/2017
* By Elias Torres
* www.spectaqlr.com
*/


/*! Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/


/*! Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */


.container{
  position:relative;
  width:100%;
  max-width:1240px;
  margin:0 auto;
  box-sizing:border-box;
  padding-left:24px;
  padding-right:24px;
}


.container-fluid{
    max-width:100%;
  }


.container-1024{
    max-width:1024px;
  }


.container-800{
    max-width:800px;
  }


.container-500{
    max-width:500px;
  }


.container-380{
    max-width:380px;
  }


.row{
  margin-left:-12px;
  margin-right:-12px;
}


.column,
.columns{
  width:100%;
  float:left;
  box-sizing:border-box; 
  padding-left:12px;
  padding-right:12px;}


.row.small-gap{
    margin-left:-6px;
    margin-right:-6px;
  }


.row.small-gap .columns{
      padding-left:6px;
      padding-right:6px;
    }


.row.no-gap{
    margin-left:0px;
    margin-right:0px;
  }


.row.no-gap .columns{
      padding-left:0px;
      padding-right:0px;
    }


.one-xs.column,
  .one-xs.columns{ width:8.33333333%;          }


.two-xs.columns{ width:16.66666667%;         }


.three-xs.columns{ width:25%;                  }


.four-xs.columns{ width:33.33333333%;         }


.five-xs.columns{ width:41.66666667%;         }


.six-xs.columns{ width:50%;                  }


.seven-xs.columns{ width:58.33333333%;         }


.eight-xs.columns{ width:66.66666667%;         }


.nine-xs.columns{ width:75%;                  }


.ten-xs.columns{ width:83.33333333%;         }


.eleven-xs.columns{ width:91.66666667%          }


.twelve-xs.columns{ width:100%; }


.collapsed.row{
  margin-left:0px;
  margin-right:0px;
}


.collapsed > .columns{
    padding-left:0px;
    padding-right:0px;
}


/*! Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */


html{
  font-size:62.5%; }


body{
  font-size:1.4em;
  line-height:1;
  font-weight:400;
  color:#222; }


html,body{
  height:100%;
}


/*! Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */


h1, h2, h3, h4, h5, h6{
  margin-top:0;
  margin-bottom:20px;
  font-weight:500; }


h1,.h1{ font-size:3.4rem; line-height:1.2; }


h2,.h2{ font-size:2.8rem; line-height:1.25; }


h3,.h3{ font-size:2.4rem; line-height:1.3; }


h4,.h4{ font-size:2rem; line-height:1.35; }


h5,.h5{ font-size:1.8rem; line-height:1.5; }


h6,.h6{ font-size:1.8rem; line-height:1.6; }


p{
  margin-top:0; }


/*! Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */


a{
  color:#7f1119; }


a:hover{
  color:#808080; }


/*! Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */


.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"]{
  display:inline-block;
  height:38px;
  padding:0 30px;
  color:#555;
  text-align:center;
  font-size:14px;
  font-weight:700;
  line-height:38px;
  letter-spacing:.1rem;
  text-transform:uppercase;
  text-decoration:none;
  white-space:nowrap;
  background-color:transparent;
  border-radius:0px;
  border:0px;
  cursor:pointer;
  box-sizing:border-box; }


.button.input-lg,
button.input-lg,
input[type="submit"].input-lg,
input[type="reset"].input-lg,
input[type="button"].input-lg{
  height:45px;
  line-height:45px;
  font-size:18px;
}


.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus{
  color:#333;
  border-color:#888;
  outline:0; }


/*! Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */


input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select{
  display:block;
  width:100%;
  height:38px;
  padding:6px 10px;
  background-color:#fff;
  border:1px solid #D1D1D1;
  border-radius:0px;
  box-shadow:none;
  box-sizing:border-box; }


input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea{
  -webkit-appearance:none;
          appearance:none;
          font-family: 'Lato', sans-serif;}


textarea{
  min-height:65px;
  padding-top:6px;
  padding-bottom:6px; }


input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus{
  border:1px solid rgba(52, 52, 52, 0.5);
  outline:0; }


label,
legend{
  display:block;
  margin-bottom:.5rem;
  font-weight:600; }


fieldset{
  padding:0;
  border-width:0; }


input[type="checkbox"],
input[type="radio"]{
  display:inline; }


label > .label-body{
  display:inline-block;
  margin-left:.5rem;
  font-weight:normal; }


select option{
  box-sizing:border-box;
}


/*! Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */


ul{
  list-style:circle inside; }


ol{
  list-style:decimal inside; }


ol, ul{
  padding-left:0;
  margin-top:0; }


ul ul,
ul ol,
ol ol,
ol ul{
  margin:1.5rem 0 20px 3rem;
  font-size:90%; }


li{
  margin-bottom:1rem; }


/*! Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */


th,
td{
  padding:12px 15px;
  text-align:left;
  border-bottom:1px solid #E1E1E1; }


th:first-child,
td:first-child{
  padding-left:0; }


th:last-child,
td:last-child{
  padding-right:0; }


/*! Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */


button,
.button{
  margin-bottom:20px; }


p button,
p .button{
  margin-bottom:0px;
}


input,
textarea,
select,
fieldset{
  margin-bottom:20px; }


p input,
p textarea,
p select,
p fieldset{
  margin-bottom:0px; }


pre,
blockquote,
dl,
table,
p,
ul,
ol{
  margin-bottom:20px; }


figure,
form{
  margin-bottom:0;
}


/*! Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */


hr{
  margin-top:20px;
  margin-bottom:20px;
  border-width:0;
  border-top:1px solid #E1E1E1; }


/*! Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */


.container:after,
.row:after,
.u-cf{
  content:"";
  display:table;
  clear:both; }


@media (min-width: 768px) and (max-width: 991px){
  .container:not(.container-fluid){
      max-width:768px!important;
  }
}


@media (min-width: 580px) and (max-width: 767px){
  .container:not(.container-fluid){
      max-width:580px!important;
  }
}


@media (max-width: 579px){
  .container:not(.container-fluid){
      max-width:420px!important;
  }
}


@media (min-width: 580px){
  .one-sm.column,
  .one-sm.columns{ width:8.33333333%;          }
  .two-sm.columns{ width:16.66666667%;         }
  .three-sm.columns{ width:25%;                  }
  .four-sm.columns{ width:33.33333333%;         }
  .five-sm.columns{ width:41.66666667%;         }
  .six-sm.columns{ width:50%;                  }
  .seven-sm.columns{ width:58.33333333%;         }
  .eight-sm.columns{ width:66.66666667%;         }
  .nine-sm.columns{ width:75%;                  }
  .ten-sm.columns{ width:83.33333333%;         }
  .eleven-sm.columns{ width:91.66666667%          }
  .twelve-sm.columns{ width:100%;}

}


@media (min-width: 768px){
  .one-md.column,
  .one-md.columns{ width:8.33333333%;          }
  .two-md.columns{ width:16.66666667%;         }
  .three-md.columns{ width:25%;                  }
  .four-md.columns{ width:33.33333333%;         }
  .five-md.columns{ width:41.66666667%;         }
  .six-md.columns{ width:50%;                  }
  .seven-md.columns{ width:58.33333333%;         }
  .eight-md.columns{ width:66.66666667%;         }
  .nine-md.columns{ width:75%;                  }
  .ten-md.columns{ width:83.33333333%;         }
  .eleven-md.columns{ width:91.66666667%          }
  .twelve-md.columns{ width:100%; }
  h1,.h1{ font-size:4rem; }
  h2,.h2{ font-size:3.4rem; }
  h3,.h3{ font-size:2.8rem; }
  h4,.h4{ font-size:2.4rem; }
  h5,.h5{ font-size:2rem; }
  h6,.h6{ font-size:1.8rem; }

}


@media (min-width: 992px){
  .one.column,
  .one.columns{ width:8.33333333%;          }
  .two.columns{ width:16.66666667%;         }
  .three.columns{ width:25%;                  }
  .four.columns{ width:33.33333333%;         }
  .five.columns{ width:41.66666667%;         }
  .six.columns{ width:50%;                  }
  .seven.columns{ width:58.33333333%;         }
  .eight.columns{ width:66.66666667%;         }
  .nine.columns{ width:75%;                  }
  .ten.columns{ width:83.33333333%;         }
  .eleven.columns{ width:91.66666667%          }
  .twelve.columns{ width:100%; }

}


@media (min-width: 1200px){  
  .one-xl.column,
  .one-xl.columns{ width:8.33333333%;          }
  .two-xl.columns{ width:16.66666667%;         }
  .three-xl.columns{ width:25%;                  }
  .four-xl.columns{ width:33.33333333%;         }
  .five-xl.columns{ width:41.66666667%;         }
  .six-xl.columns{ width:50%;                  }
  .seven-xl.columns{ width:58.33333333%;         }
  .eight-xl.columns{ width:66.66666667%;         }
  .nine-xl.columns{ width:75%;                  }
  .ten-xl.columns{ width:83.33333333%;         }
  .eleven-xl.columns{ width:91.66666667%          }
  .twelve-xl.columns{ width:100%; }

}



#encabezado_home {
    width: 100%;
    min-height: 460px;
    height: 100vh;
    margin: auto;
    overflow: hidden;
    position: relative;
}

/** Services */

#services .services-heading {
  margin-bottom: 45px;
  text-align: center;
}

#services .services-heading h3 {
  margin-bottom: 14px;
}

#services .services-heading p {
  font-size: 21.6px;
  line-height: 30px;
}

#services .service {
  position: relative;
  text-align: center;
}

#services .service img {
  width: 900px;
  height: 350px;

}

#services .service span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #FFF;
  background-color: #002E5E;
  width: 240px;
  height: 120px;
  font-size: 22px;
  padding: 45px;
}


@media only screen and (min-width:992px) {
  #services {
    margin: 54px 110px;
    margin-top: 40px;
  }

  #services .container {
    padding: 0;
  }
}

@media only screen and (max-width:992px) {
  #services {
    margin: 40px 0;
  }

  #services .services-heading p {
    text-align: justify;
  }

  #services .service {
    margin-bottom: 10px;
  }
}

/** Services *//** Services */

#services .services-heading {
  margin-bottom: 45px;
  text-align: center;
}

#services .services-heading h3 {
  margin-bottom: 14px;
}

#services .services-heading p {
  font-size: 21.6px;
  line-height: 30px;
}

#services .service {
  position: relative;
  text-align: center;
}

#services .service img {
  max-width: 100%;
}

#services .service span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #FFF;
  background-color: #0000009e;
  width: 400px;
  height: 150px;
  font-size: 22px;
}

#services .service .looking-for-you {
  padding-top: 27px;
    transform: translate(-50%, -50%);

  
}

@media only screen and (min-width:992px) {
  #services {
    margin: 54px 110px;
    margin-top: 40px;
  }

  #services .container {
    padding: 0;
  }
}

@media only screen and (max-width:992px) {
  #services {
    margin: 40px 0;
  }

  #services .services-heading p {
    text-align: justify;
  }

  #services .service {
    margin-bottom: 10px;
  }
}

/** Services */
.collapsed.row {
    margin-left: 0px;
    margin-right: 0px;
}