@import "grid.css";
@import "../fonts/font-awesome.css";
@import url(//fonts.googleapis.com/css?family=Roboto:400,100,300,400,400italic,500,700,900);

#navbar-hidden-web{
  display: none;
}

html,
body {
  /*background: #e4e4e4;*/
  /*background-color: #2f2e33;*/
  /*background-color: #000000;*/
  background-color: #103A8C;
  font: 14px/22px Arial, sans-serif;
  font-family: 'Roboto', sans-serif;
  color: #777777;
  min-width: 300px;
}
* {
  -webkit-text-size-adjust: none;
}
a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
a:hover {
  text-decoration: none;
}
a[href^="tel:"] {
  color: inherit;
  text-decoration: none;
}
.a-hov {
  transition: all 0.4s ease;
}
.a-hov:hover {
  color: #3A93E0;
}
.text-2 a:hover {
  color: #262529;
}
ul li a {
  transition: all 0.4s ease;
}
h2 {
  text-align: center;
  font-size: 40px;
  line-height: 40px;
  font-weight: 300;
  color: #262529;
  /*color: #730000;*/
  padding-top: 53px;
  padding-bottom: 49px;
}
h3{
  font-size: 20px;
  font-weight: 300;
  /*color: #262529;*/
  color: #730000;
  padding-bottom: 19px;
}
.title-1 {
  font-size: 70px;
  line-height: 74px;
  font-weight: 300;
  color: #fff;
  text-shadow: 1px 1px #625649;
}
.title-1 span {
  color: #dbb686;
  /*color: #3A93E0;*/
}
.title-2 {
  font-size: 50px;
  line-height: 54px;
  font-weight: 300;
  color: #fff;
  text-shadow: 1px 1px #625649;
}
.title-3 {
  /*font-size: 50px;*/
  font-size: 35px;
  line-height: 46px;
  font-weight: 700;
  color: #fff;
  /*text-shadow: 1px 1px #625649;*/
  /*padding-bottom: 5px;
  margin-bottom: 10px;*/
}
.title-3-top{
  top: -30px;
  position: relative;
}

.title-3-top-new{
  top: -7px;
  position: relative;
}

.title-3 span {
  font-weight: bold;
  font-size: 40px;
  line-height: 40px;
  display: block;
  font-weight: 300;
}
.text-1 {
  color: #262529;
}
/* .title-1 span */
.text-2 {
  font-size: 20px;
  line-height: 28px;
  /*color: #3A93E0;*/
  color: #103A8C;
  padding-bottom: 4px;
}
.link {
  display: inline-block;
  color: #3A93E0;
  margin-top: 8px;
}
.link:hover {
  text-decoration: underline;
}
.title-1 + .title-2 {
  margin-top: 11px;
}
p + .text-2 {
  padding-top: 20px;
}
.page-1 h2 {
  padding-top: 56px;
  padding-bottom: 49px;
}
img + .text-2 {
  padding-top: 21px;
}
.text-2 + .text-1 {
  margin-top: -7px;
}
.btn {
  display: inline-block;
  transition: all 0.4s ease;
  padding: 15px 17px;
  line-height: 19px;
  color: #fff;
  font-size: 17px;
  font-weight: 900;
  vertical-align: middle;
  text-align: center;
  /*text-shadow: 1px 1px #92422c;*/
  /*background: #2f2e33;*/
  /*background-color: #000000;*/
  background-color: #2f2e33;
  /*background-color: #730000;*/
  margin-top: 25px;
}
.btn:hover {
  background: #103A8C;
  /*background: #3A93E0;*/
  color: white;
  /*text-shadow: 1px 1px #262529;*/
}
.list li {
  margin-top: 19px;
}
.list li a {
  color: #262529;
  padding-left: 16px;
  position: relative;
  font-size: 14px;
}
.list li a:after {
  position: absolute;
  content: "\f101";
  font-size: 14px;
  color: #777777;
  left: 0px;
  top: 3px;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.list li + li {
  margin-top: 8px;
}
.list li a:hover {
  color: #3A93E0;
}
.list li a:hover:after {
  color: #3A93E0;
}
/*auxiliary*/
.img-ind {
  float: left;
  margin-right: 29px;
  margin-top: 8px;
}
.wrapper {
  width: 100%;
  position: relative;
}
.extra-wrap {
  overflow: hidden;
  text-align: left;
}
.grid_inside {
  margin: 0 -10px;
}
.aligncenter {
  text-align: center !important;
}
.alignleft {
  text-align: left !important;
}
.it {
  font-style: italic;
  display: inline-block;
}
.fleft {
  float: left;
}
.fright {
  float: right;
}
.h-underline:hover {
  text-decoration: underline;
}
.underline {
  text-decoration: underline;
}
.upp {
  text-transform: uppercase;
}
.transition {
  transition: all 0.4s ease;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.pad-left {
  padding-left: 30px;
}
p {
  padding-bottom: 12px;
}
.bord-1 {
  border-bottom: 1px solid #c9c9c9;
  padding-top: 4px;
}
.bord-1 + .text-2 {
  padding-top: 21px;
}

.reviews-icons img {
    border-radius: 10px;
    display: block;
    margin: 10px auto;
    width: 100%;
    /*max-width: 320px;*/
}

.followus-icons {
    font-size: 20px;
    float: left;
    margin-right: 10px;
    /*background-color: #b6be8f;*/
    /*background-color: #730000;*/
    /*background-color: #bb5539;*/
    /*background-color: #252428;*/
    background-color: #2f2e33;
    color: white;
    width: 40px;
    height: 40px;
    text-align: center;
    /* padding: 5px; */
    line-height: 40px;
    border-radius: 10px;
}

.hd-button{float:right;display:inline-block;padding:20px;cursor:pointer;    top: 2px;    position: relative;}
.hd-button span:before,
.hd-button span:after{content:'';}
.hd-button span:before{bottom:100%;margin-bottom:3px;}
.hd-button span:after{top:100%;margin-top:3px;}
.hd-button span,
.hd-button span:before,
.hd-button span:after{position:absolute;width:6px;height:6px;line-height:6px;text-align:center;background:#fff;margin-left:-3px;border-radius:50%;transition:.3s all ease;}
.hd-telephone{display:none;position:absolute;background-color:#103a8c;padding:10px;border-radius:10px;float:right;right:10px;margin-top:5px;z-index:999999;}
.hd-telephone a{display: block; color: #ffffff; padding: 2px 0px;}

.isotope-item .thumb-pad00 .thumbnail figure a em span{
  opacity: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(15, 58, 140, 0.4);
    position: absolute;    
    padding-top: 100px;
    font-size: 50px;
    color: #ffffff;
    text-align: center;    
        transition: all 0.4s ease;
}

.isotope-item .thumb-pad00 .thumbnail figure a:hover em span{
    opacity: 1;
        z-index: 99;
}

.hd-phone1{
  float: right;
  font-size: 20px;
  color: #ffffff;
}

.isStuck .hd-phone1{
  margin-top: 12px;
}

.box-height{
  height: 70px;
}

/************Header************/
header {
  /*background: url(../images/bg-1.jpg) center 0 no-repeat;
  background-size: 100% auto;
  background-position: center -100px;*/
}
.h-top {
  /*background: url(../images/opac-1.png) 0 0 repeat;*/
  /*background-color: rgba(115, 0, 0, 0.7);*/
  /*background-color: rgba(16, 58, 140, 0.8);*/
  background-color: #103a8c;
  padding-bottom: 24px;
  .transition: all .4s ease;
}
.h-bot {
  text-align: center;
  padding-top: 107px;
  padding-bottom: 215px;
}
h1 { transition: all .4s ease;}
h1,
.f-logo {
  display: block;
  margin-top: 28px;
  float: left;
  font-weight: 900;
  font-size: 54px;
  line-height: 52px;
  color: #fff;
}
h1 span,
.f-logo span {
  display: block;
  font-size: 30px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 300;
}
.isStuck h1 {
  height: 0;
  /*overflow: hidden;*/
  font-size: 25px;
}
.isStuck h1 a{
  top: -15px;
  position: relative;
}
.isStuck h1 a span{
  display: inline-block;
  font-size: 20px;
  vertical-align: bottom;
  top: -10px;
  position: relative;
}
.isStuck nav {
  float: none;
  width: 100%;
  text-align: center;
  margin-top: 5px;
}
.isStuck.h-top {
  padding-bottom: 5px;
  z-index: 999999 !important;
}
.isStuck h1 a img{
  width: 100px;
}
/************Content***********/
.content {
  background: #eeeeee;
  padding-bottom: 61px;
    z-index: 99999;
    position: relative;  
}
.block-1 {
  margin-top: -142px;
}
.box-1 {
  margin-top: 29px;
  position: relative;
  overflow: hidden;
}
.box-1 img {
  width: 100%;
}
.box-1 .inside {
  position: absolute;
  /*bottom: -77px;*/
  bottom: -250px;
  left: 0;
  right: 0;
  padding: 0 20px 20px 20px;
  font-size: 13px;
  line-height: 22px;
  color: #fff;
      height: 300px;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.box-1 .inside .btn {
  margin-top: 10px;
  border: 1px solid #fff;
  vertical-align: middle;
  text-align: center;
  /*text-shadow: 1px 1px #92422c;*/
  background: #a9a9a9;
  /*background: #730000;*/

}
.box-1 .inside .btn:hover {
  /*box-shadow: 4px 4px 4px 1px #92422c;*/
  /*text-shadow: 3px 3px #585857;*/
}
.box-1 .inside .title-3,
.box-1 .inside .title-3 span {
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.box-1 .abs {
  content: '';
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 500px;
  /*background: #bb5539;*/
  background: #103A8C;
  /*background: #3A93E0;
  background: rgba(58, 147, 224, 0.6);*/
  transition: top .9s ease;
}
.box-1:hover .inside {
  bottom: -50px;
}
.box-1:hover .inside .title-3,
.box-1:hover .inside .title-3 span {
  display: inline-block;
  font-weight: 500;
  font-size: 30px;
  line-height: 38px;
}
.box-1:hover .abs {
  top: 0px;
}
.testimonial_item {
  padding-left: 19px;
  font-size: 14px;
  line-height: 22px;
  color: #777777;
  font-style: italic;
  position: relative;
  padding-top: 30px;
}
.testimonial_item:after {
  content: "“";
  position: absolute;
  left: 0px;
  top: 0px;
  font-size: 72px;
  line-height: 72px;
  /*color: #3A93E0;*/
  color: #000000;
  font-style: normal;
}
.testimonial_item .text-2 {
  font-style: normal;
  padding-top: 10px;
}
.testimonial_item + .testimonial_item {
  margin-top: 18px;
}
.box-2 img {
  width: 100%;
}
.products {
  margin-top: -15px;
}
.products > div {
  margin-top: 23px;
}
.projects {
  /*margin-top: -33px;*/
}
.projects > .proj_item {
  margin-top: 33px;
}

.thumbnail .caption{
    color: #ffffff;
    background-color: #103A8C;
    /*text-transform: uppercase;  */
}

/************Footer************/
footer {
  /*padding-bottom: 30px;*/
  color: white;
}
.f-logo {
  /*color: #262529;*/
  color: #730000;
  margin-top: 52px;
  margin-bottom: 3px;
  float: none;
}
.f-logo span {
  font-weight: 400;
}
.f-list {
  margin-top: 56px;
}
.f-list li {
  display: inline-block;
  font-size: 20px;
  line-height: 25px;
  /*color: #262529;*/
  /*color: #730000;*/
  margin-left: 22px;
  font-weight: 400;
}
.f-list li.current,
.f-list a:hover {
  text-decoration: underline;
  color: #a9a9a9;
}
.social-icons {
  text-align: right;
  position: relative;
  margin-top: 22px;
}
.social-icons li {
  display: inline-block;
  margin-left: 7px;
}
.social-icons a {
  text-decoration: none;
  display: block;
  transition: all 0.2s ease-out;
  width: 50px;
  height: 50px;
  text-align: center;
  background: #a9a9a9;
      border: 1px solid #fff;
}
.social-icons li i {
  line-height: 52px;
  font-size: 30px;
  color: #fff;
  vertical-align: middle;
  display: inline-block;
  /*text-shadow: 1px 1px #252428;*/
}
.social-icons li:hover a {
  background: #2f2e33;
  /*background-color: #730000;*/
  border: 0px;
  transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
}
.social-icons li:hover a i {
  transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  /*text-shadow: 1px 1px #92422c;*/
}
/*toTop*/
#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  cursor: pointer;
  overflow: hidden;
  width: 28px;
  height: 18px;
  border: none;
  z-index: 20;
  margin-right: -670px !important;
  /*right: 50%;*/
  left: 95%;
  bottom: 20px;
  /*color: #bb5539;*/
}
#toTop:after {
  content: "\f077";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 18px;
  font-size: 32px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  transition: all 0s ease;
  color: inherit;
}
#toTop:hover {
  color: #2f2e33;
}
#toTop:active,
#toTop:focus {
  outline: none;
}
/*touch-touch*/
.magnifier {
  position: relative;
  display: block;
  background: url(../images/magnifier.png) center center no-repeat #000000;
  margin-bottom: 23px;
}
.magnifier img {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.magnifier:hover img {
  opacity: 0.4;
}
/*contacts*/
.map_wrapper .address {
  margin-top: 3px;
  width: 100%;
  float: left;
}
.map_wrapper .address .fleft:first-child {
  width: 200px;
  color: #262529;
}
.map_wrapper .address .fleft {
  min-width: 200px;
}
.map_wrapper .address .fleft i {
  font-size: 30px;
  line-height: 30px;
  /*color: #ae8c61;*/
  color: #103A8C;
  float: left;
  margin-right: 14px;
  margin-top: 4px;
}
.map_wrapper .address + .address {
  margin-top: 14px;
}
.map_wrapper .address span {
  display: inline-block;
  /*width: 66px;*/
  width: 90px;
  margin-left: 3px;
}
.map_wrapper .address span.e-mail {
  display: inline-block;
  width: auto;
}
.map_wrapper .address span.e-mail a {
  display: inline-block;
  margin-left: 13px;
  color: #3A93E0;  
}
.map_wrapper .address span.e-mail a:hover {
  text-decoration: underline;
}
.map_wrapper dt {
  padding-bottom: 16px;
}
.map_wrapper dl.address dd span {
  text-align: left;
}
#map_canvas {
  width: 100%;
  height: 499px;
  margin-top: 6px;
  margin-bottom: 25px;
}
#contact-form {
  position: relative;
  margin-top: 8px;
}
#contact-form label {
  display: inline-block;
  position: relative;
  min-height: 60px;
  width: 100%;
}
#contact-form label input,
#contact-form label textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  float: left;
  border-radius: 0;
  outline: none;
  box-shadow: none;
  width: 100%;
  font: 12px/18px Arial, sans-serif;
  font-family: 'Roboto', sans-serif;
  color: #777777;
  background: #ffffff;
  border: 1px solid #cbcbcb;
  -webkit-appearance: none;
}

#contact-form label.message-min textarea{
  height: 167px !important;
}

#contact-form label input{
  height: 47px;
  padding: 14px 7px 13px 14px;
  outline: none !important;
  width: 100%;
}

#contact-form label select{
  height: 47px;
  padding: 14px 7px 13px 14px;
  outline: none !important;
  width: 100%;

  color: #777777;
  background: #ffffff;
  border: 1px solid #cbcbcb;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;

}

#contact-form label textarea {
  height: 258px;
  overflow: auto;
  width: 100%;
  padding: 14px 7px 13px 14px;
  margin: 0px 0px 10px 0px;
  resize: none;
}

.form_buttons{
  text-align: center;
}

.form_buttons a {
  margin-top: 21px;
  /*float: right;*/
}
#contact-form span {
  display: block;
}
#contact-form ._placeholder {
  position: absolute;
  /*!*/
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: text;
  width: 100% !important;
  padding: 14px 7px 13px 14px;
  opacity: .99;
  display: block;
  width: 100%;
  font: 12px/18px Arial, sans-serif;
  font-family: 'Roboto', sans-serif;
  color: #777777;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
#contact-form ._placeholder.focused {
  opacity: .4;
}
#contact-form ._placeholder.hidden {
  display: none;
}
#contact-form .message {
  width: 100%;
}
#contact-form .error-message,
#contact-form .empty-message {
  height: 0;
  overflow: hidden;
  font: 10px/20px Arial;
  -webkit-transition: 0.3s ease-in height;
  -moz-transition: 0.3s ease-in height;
  -o-transition: 0.3s ease-in height;
  transition: 0.3s ease-in height;
  position: absolute;
  right: 10px;
  top: 0;
  color: red;
}
#contact-form .message .error-message,
#contact-form .message .empty-message {
  right: 3px;
}
#contact-form .invalid .error-message,
#contact-form .empty .empty-message {
  height: 20px;
}
#contact-form .success-message {
  position: absolute;
  overflow: hidden;
  height: 0;
  left: 0;
  top: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  z-index: 10;
  text-align: center;
  -webkit-transition: all 0.7s linear;
  -moz-transition: all 0.7s linear;
  -o-transition: all 0.7s linear;
  transition: all 0.7s linear;
  padding: 0px 0;
  width: 100%;
  font: 12px/18px Arial, sans-serif;
  font-family: 'Roboto', sans-serif;
  color: #777777;
  background: #ffffff;
}
#contact-form.success .success-message {
  padding: 84px 0;
  border: 1px solid #cbcbcb;
  -webkit-transition: all 0.7s linear;
  -moz-transition: all 0.7s linear;
  -o-transition: all 0.7s linear;
  transition: all 0.7s linear;
}
/*--- contact_form end------*/
@media only screen and (max-width: 995px) {
  #contact-form label {
    display: block;
    width: 100%;
  }
  #contact-form label textarea {
    width: 100%;
  }
  #contact-form fieldset.fleft {
    width: 100%;
  }
  #contact-form fieldset.fright {
    width: 100%;
  }
  #map_canvas {
    width: 100%;
  }
  #contact-form .error-message,
  #contact-form .empty-message {
    right: 3px;
  }
  .map_wrapper .address span {
    width: 70px;
  }
  .hd-phone1{
    float: none;
  }
}
@media only screen and (max-width: 767px) {
  #contact-form .success {
    left: 0;
    right: 0;
  }
  #contact-form label textarea {
    height: 200px;
  }
  #contact-form label.message ._placeholder {
    height: 200px;
  }
  #map_canvas {
    height: 200px;
  }
  .block-1{
    margin-top: 0px;
  }

.box-1 .inside {
    /*bottom: -100px;*/
}

}
/*==================================RESPONSIVE LAYOUTS===============================================*/
@media (min-width: 1220px) {
  .container {
    padding: 0;
  }
}
@media only screen and (max-width: 1400px) {
  header {
    background-size: auto auto;
  }
}
@media only screen and (max-width: 1220px) {
  .box-1 {
    width: 46% !important;
    margin-left: 2%;
    margin-right: 2%;
  }
  .img-ind {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 995px) {
  .w1 {
    width: 45%;
  }
}
@media only screen and (max-width: 767px) {
  .box-1 {
    width: 100% !important;
    margin-left: 0;
    margin-right: 0;
  }
  .title-1 {
    font-size: 37px;
    line-height: 39px;
  }
  .title-2 {
    font-size: 30px;
    line-height: 34px;
  }
  .top-1 {
    margin-top: 40px;
  }
  .f-list li {
    margin-left: 10px;
  }
  .box-2 img {
    width: 46%;
    margin-right: 20px;
    float: left;
  }
  .box-2 .text-2 {
    padding-top: 0;
  }
  .box-2 + .box-2 {
    margin-top: 40px;
  }
  .products > div {
    margin-top: 35px;
  }

#navbar-hidden-web{
  display: block !important;
}
  
.form_buttons a {
  margin-top: 91px;
}

  .img-margin{
    margin-bottom: 0px !important;
  }

}
@media only screen and (max-width: 479px) {
  /*.title-3,
  .title-3 span,
  .box-1:hover .inside .title-3,
  .box-1:hover .inside .title-3 span {
    display: inline-block;
    font-weight: 500;
    font-size: 24px;
    line-height: 24px;
  }
  .box-1 .inside {
    font-size: 12px;
    line-height: 14px;
  }
  .box-1 .inside .btn {
    line-height: 30px;
    margin-top: 15px;
    padding: 1px 17px;
  }*/
  .box-1 .inside {
    /*bottom: -54px;*/
  }
  .f-list li {
    font-size: 12px;
  }
  .f-list li {
    margin-left: 5px;
  }
}

.img-margin{
  /*margin-bottom: 10px;*/
  margin-bottom: 50px;
  overflow: hidden;
}

.list-style{
  list-style: disc;
  list-style-position: inside;
  overflow: hidden;
}

.img-margin-two{
  overflow: hidden;
  /*margin-bottom: 80px;*/
}
.text-2-size{
  font-size: 20px;
}

.clearfix.team > div a.a-margin{
  /*margin-top: 48px;*/
}
.fa-mr{
  background-image: url(../images/mr.png);
  background-repeat: no-repeat;
  width: 45px;
  height: 45px;
  background-position: center center;
  background-size: 40px;
}
.developer{
  clear: both;
  margin-top: 20px;
  text-align: right;
  font-size: 16px;
}
.developer a{
  /*color: #bb5539;*/
  color: #a9a9a9;
  text-decoration: none;
}
/*Core variables and mixins*/

@media screen and (max-width: 1024px){
  .fright{
    float: none;
    text-align: center;
  }
  .social-icons{
    text-align: center;
  }
  .fleft{
    float: none;
    text-align: center;
  }
  .content-resize .container .row > div{
    width: 98%;
  }
  .content-resize .fleft{
    text-align: left;
  }
  .developer{
    text-align: center;
  }
  .btn2{
    margin-top: 100px !important;
  }
}
@media screen and (max-width: 768px){
  h1, .f-logo{
    float: none;
    text-align: center;
  }
  .hd-phone a{
    font-size: 20px;
  }
  .w1{
    width: 100%;
  }

  .title-3, .box-1:hover .inside .title-3, .box-1:hover .inside .title-3 span{
    font-size: 27px;
    margin-bottom: 10px;
  }

  .box-1 .inside div:not(.title-3){
    line-height: 17px;
  }

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

/*estilos añadidos*/
.sidebar-box {
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    padding: 20px 32px 15px;
    margin-bottom: 30px;
    background: #fff;
}
.sidebar-single-category ul li a.active {
    background: #13287d;
    color: #ffffff;
}
.sidebar-single-category ul li a {
    color: #232323;
    font-weight: 600;
    transition: .5s;
    display: inline-block;
    font-size: 17px;
}
.sidebar-single-category ul li a {
    background-color: #F3F6F9;
    padding: 16px 15px 14px 17px;
    margin-bottom: 5px;
    display: block;
    width: 100%;
}
.sidebar-single-category ul li a i {
    display: inline-block;
    color: #103a8c;
    text-align: right;
    float: right;
}
.sidebar-single-category ul li a.active i {
  color: #ffffff;
}
.seccion-services {
    padding-top: 70px;
}
.dreamit-section-bar {
    background: #aec6ef;
    height: 3px;
    width: 90px;
    border-radius: 30px;
    position: relative;
    margin-top: 16px;
}
.sidebar-archives ul li {
    border-top: 1px solid #E8E8E8;
    padding: 15px 11px 15px 0px;
}
ul.list-aside-services > li > i {
    color: #103a8c;
    padding-right: 10px;
    font-size: 23px;
}
.sidebar-cloud a:hover {
    background: #103a8c;
    color: #fff;
}
.sidebar-cloud a {
    border: 1px solid #e6e6e6;
    padding: 5px 10px;
    display: inline-block;
    color: #616161;
    margin: 4px 5px 5px 1px;
    border-radius: 5px;
    transition: .5s;
}
.house-cleaning-title > h2 {
    text-align: left;
    margin-bottom: -23px;
    margin-top: -20px;
}
.slider-button {
    text-align: left;
    margin-left: 30px;
}
.house-cloeaning-content-text.pt-25 {
    width: 600px;
}
a.btn.btn-new {
    background-color: #103a8c;
}
a.btn.btn-new:hover {
    background-color: #2f2e33;
}
.comments-area {
    position: relative;
    margin-top: 70px;
    margin-bottom: 30px;
}
.comment-box {
    position: relative;
    padding: 0px 0px 0px;
    margin-bottom: 50px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}
.comments-area .comment {
    position: relative;
    font-size: 14px;
    padding: 30px 30px 30px 30px;

}
.comments-area .comment .content {
    position: relative;
    padding-left: 150px;
    padding-bottom: 20px;
}
.comments-area .comment-box .author-thumb {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 120px;
    z-index: 1;
    overflow: hidden;
    margin-bottom: 20px;
}
.author-thumb.logo-services-reviews {
    text-align: center;
    margin: auto 40px;
}
.comments-area .comment-box .author-thumb img {
    width: 120px;
    display: block;
}
.author-thumb.logo-services-reviews > img {
    width: auto !important;
}
img.logo-reviews-new {
    border: 2px solid #d8d8d8;
    border-radius: 30px;
}
.comments-area .comment .comment-inner {
    position: relative;
    padding: 20px;
}
.comments-area .comment-info {
    color: #3e5773;
    line-height: 24px;
    font-size: 13px;
}
.star-rating {
    margin-top: 5px;
}
.star-rating a {
    display: inline-block;
    color: #f39c12 !important;
    font-size: 30px;
}
i.icon-reviews {
    background-color: #103a8c;
    width: 70px;
    height: 70px;
    border-radius: 100%;
    line-height: 70px;
    color: #fff;
    font-size: 22px;
}
.author-thumb.logo-services-reviews {
    margin-top: 30px;
}
.content.content-reviews-details {
    background-color: #fff;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
}
.text {
    padding-top: 15px;
}
img.img-services-big {
    width: 600px;
}

/*estilos reviews seccion*/
.testimonials-area .owl-carousel .owl-item img {
  width: auto;
  margin: auto
}

.testimonials-area .owl-theme .owl-dots {
  margin-top: 40px!important;
  line-height: 1
}

.testimonials-area .owl-theme .owl-dots .owl-dot span {
  background-color: #c0bebb;
  width: 15px;
  height: 15px;
  -webkit-transition: all ease .5s;
  transition: all ease .5s;
  margin-bottom: 0;
  margin-top: 0
}

.testimonials-area .owl-theme .owl-dots .owl-dot.active span {
  background-color: #002a4b
}

.testimonials-area .owl-theme .owl-dots .owl-dot:hover span {
  background-color: #002a4b
}

.testimonials-area .owl-item.active.center .single-testimonials.style-two p {
  color: #002a4b
}

.testimonials-area .owl-item.active.center .single-testimonials.style-two .testimonials-img i {
  color: #fae5e5
}

.testimonials-area.testimonials-area-three .single-testimonials.style-two {
  border: 1px solid #ebebeb;
  min-height: 420px;
}

.testimonials-content {
  text-align: center;
  margin-left: -120px
}

.testimonials-content h2 {
  font-size: 40px;
  margin-bottom: 30px
}

.testimonials-content .owl-theme .owl-nav {
  margin: 0!important
}

.testimonials-content .owl-theme .owl-nav .owl-prev,
.testimonials-content .owl-theme .owl-nav .owl-next {
  background-color: #fff;
  margin: 0;
  position: absolute;
  top: 50%;
  left: -20px;
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  -webkit-transition: all ease .5s;
  transition: all ease .5s;
  z-index: 1
}

.testimonials-content .owl-theme .owl-nav .owl-prev::before,
.testimonials-content .owl-theme .owl-nav .owl-prev::after,
.testimonials-content .owl-theme .owl-nav .owl-next::before,
.testimonials-content .owl-theme .owl-nav .owl-next::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #002a4b;
  z-index: -1;
  -webkit-transition: all ease .5s;
  transition: all ease .5s
}

.testimonials-content .owl-theme .owl-nav .owl-prev::after,
.testimonials-content .owl-theme .owl-nav .owl-next::after {
  height: 0;
  width: 100%
}

.testimonials-content .owl-theme .owl-nav .owl-prev i,
.testimonials-content .owl-theme .owl-nav .owl-next i {
  color: #002a4b;
  border: 1px solid #002a4b;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  -webkit-transition: all ease .5s;
  transition: all ease .5s
}

.testimonials-content .owl-theme .owl-nav .owl-prev:hover i,
.testimonials-content .owl-theme .owl-nav .owl-next:hover i {
  background-color: #002a4b;
  color: #fff
}

.testimonials-content .owl-theme .owl-nav .owl-prev:hover::before,
.testimonials-content .owl-theme .owl-nav .owl-next:hover::before {
  width: 100%;
  left: auto;
  right: 0
}

.testimonials-content .owl-theme .owl-nav .owl-prev:hover::after,
.testimonials-content .owl-theme .owl-nav .owl-next:hover::after {
  height: 100%;
  left: auto;
  right: 0
}

.testimonials-content .owl-theme .owl-nav .owl-next {
  left: auto;
  right: -20px
}

.single-testimonials {
  background-color: #103a8c;
  -webkit-transition: all ease .5s;
  transition: all ease .5s;
  padding: 50px
}

.single-testimonials p {
  -webkit-transition: all ease .5s;
  transition: all ease .5s;
  font-size: inherit;
  margin-bottom: 0;
  color: #fff;
  font-family: inherit;
}

.single-testimonials .testimonials-img {
  position: relative;
  display: inline-block;
  /*padding-left: 95px;*/
  text-align: left;
  margin-bottom: 20px;
  /*height: 75px;*/
  margin-top: 7px;
}
.testimonials-img > h3 {
    text-align: left;
    margin-left: -15px;
    margin-top: 10px;
}

.single-testimonials .testimonials-img img {
  position: absolute;
  top: -7px;
  left: 0
}

.single-testimonials .testimonials-img h3 {
  color: #fff;
  font-size: 20px
}

.single-testimonials .testimonials-img span {
  color: #fff
}

.single-testimonials.style-two {
  background-color: #fff;
  padding: 30px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05)
}

.single-testimonials.style-two p {
  margin-bottom: 30px;
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 30px;
  color: #6b6b6b;
  font-size: 16px;
  text-align: left
}

.single-testimonials.style-two .testimonials-img {
  text-align: left;
  margin-bottom: 0;
  display: block
}

.single-testimonials.style-two .testimonials-img h3 {
  color: #002a4b
}

.single-testimonials.style-two .testimonials-img span {
  color: #6b6b6b
}

.single-testimonials.style-two .testimonials-img i {
  font-size: 100px;
  position: absolute;
  top: -38px;
  right: 0;
  color: #e8e9e9
}

.partner-area .owl-carousel .owl-item img {
  display: block;
  width: auto;
  margin: auto
}
.testimonials-content {
    text-align: center;
    margin-left: -107px;
    margin-top: -185px;
}
i.reviews-home {
    background-color: #000 !important;
    text-align: center !important;
}
section.testimonials-area.ptb-100.content {
    padding-top: 100px;
}
.testimonials-content > h2 {
    margin-top: 54px;
}

/*fin de estilos reviews*/

.text-footer-logo {
    margin-top: 30px;
}
.content-footer {
    margin-top: 65px;
}
h3.title-footer {
    color: #fff;
    font-weight: 900;
    font-size: 24px;
    font-family: inherit;
}
ul.list-links > li {
    display: inline-block;
    width: 48%;
    padding: 5px;
}
ul.list-contact-footer > li {
    width: 100%;
    display: inline-block;
}
ul.list-contact-footer > li > span > i {
    font-size: 20px;
    margin-right: 8px;
}
ul.social-icons.clearfix {
    text-align: left;
}
img.certificado.logo-sysall {
    width: 100px;
}
.sub-footer-new {
    background-color: #00256c;
    padding-top: 15px;
    margin-top: 25px;
}
.emails {
    text-align: center;
}
.sysall {
    text-align: right;
}
h2.title-gallerires {
    color: #fff;
}



@media (max-width: 767px) {
  .container {
    width: 403px !important;
    padding-right: 25px !important;
    margin-left: 5px !important;
  }
  .single-testimonials > p {
    padding: 10px;
    text-align: left;
    position: inherit;
    width: 290px;
  }
  .testimonials-content {
    margin-left: 0px;
  }
  .testimonials-img {
    position: absolute;
  }
  img.img-reviews-seccion {
    width: 100%;
    margin-left: -7px;
  }
  .website {
    text-align: center;
  }
  .sysall {
    text-align: center;
    padding-bottom: 20px;
  }
  .ssl {
    padding-top: 20px;
  }
}