/*!



 * Start Bootstrap - Creative v1.1.0 (http://startbootstrap.com/template-overviews/creative)



 * Copyright 2013-2016 Start Bootstrap



 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)



 */



html,



body {



  height: 100%;



  width: 100%;



}



body {



  font-family: 'Merriweather', 'Helvetica Neue', Arial, sans-serif;



}



hr {



  border-color: #F05F40;



  border-width: 2px;



  max-width: 100px;



}



.transaction-item hr{

  max-width: 200px;

}



hr.light {



  border-color: white;



}



a {



  -webkit-transition: all 0.35s;



  -moz-transition: all 0.35s;



  transition: all 0.35s;



  color: #F05F40;



}



a:hover,



a:focus {



  color: #eb3812;



}



h1,



h2,



h3,



h4,



h5,



h6 {



  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;



}



p {



  font-size: 16px;



  line-height: 1.5;



  margin-bottom: 20px;



}



.bg-primary {



  background-color: #F05F40;



}



.bg-dark {



  background-color: #222222;



  color: white;



}



.text-faded {



  color: rgba(255, 255, 255, 0.7);



}



section {



  padding: 30px 0;



}



aside {



  padding: 50px 0;



}



.no-padding {



  padding: 0;



}



.navbar-default {



  background-color: white;



  border-color: rgba(34, 34, 34, 0.05);



  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;



  -webkit-transition: all 0.35s;



  -moz-transition: all 0.35s;



  transition: all 0.35s;







}



.navbar-default .navbar-header .navbar-brand {



  color: #F05F40;



  font-weight: 700;



  text-transform: uppercase;



  height:90px;



  padding:0;



}







.navbar-default .idioma{



  border-left: 1px solid rgba(255, 255, 255, 0.3);



}







.navbar-default .navbar-header .navbar-brand #imgLogo{







  background-image: url('../img/Logo-Menu-Blanco.png');

  background-repeat: none;



  height: 90px;



  width: 235px;



}







.navbar-default .navbar-header .navbar-brand #imgLogoNegro{



  background-image: url('../img/Logo-Menu-Bordo.png');

  background-repeat: none;

  background-size: cover;

  height: 70px;



  width: 200px;



}



.main-text

{

    position: absolute;

    top: 50px;

    width: 96.66666666666666%;

    color: #FFF;

}



.navbar-default .navbar-header .navbar-brand:hover,



.navbar-default .navbar-header .navbar-brand:focus {



  color: #eb3812;



}



.navbar-default .navbar-header .navbar-toggle {



  font-weight: 700;



  font-size: 12px;



  color: #222222;



  text-transform: uppercase;



  font-family: 'Montserrat', sans-serif;



}



.navbar-default .nav > li > a,



.navbar-default .nav > li > a:focus {



  text-transform: uppercase;



  font-size: 13px;



  color: #222222;



  font-family: 'Montserrat';



  height: 90px;



  padding-top: 40px;



  z-index: 9999;



}







.navbar-default .nav > li > a:hover,



.navbar-default .nav > li > a:focus:hover {



  color: white;







}



.navbar-default .nav > li.active > a,



.navbar-default .nav > li.active > a:focus {



  color: #FFF !important;



  border-bottom: 3px solid rgb(141, 36, 49);



  background-color: transparent;



}







.navbar-default .nav > li.active.idioma > a,



.navbar-default .nav > li.active > a:focus {



  color: #FFF !important;



  border-bottom:none !important;



  background-color: transparent;



}







.navbar-default .nav > li.active > a:hover,



.navbar-default .nav > li.active > a:focus:hover {



  background-color: transparent;



}











.agencia{



  margin-right: 30px !important;



  color: rgb(200, 200, 200);



}







.slide-title{



  font-weight: bold;



}







.p-t-5{



  padding-top: 5px !important;



}



.p-t-10{



  padding-top: 10px !important;



}



.p-t-20{



  padding-top: 20px !important;



}



.p-t-30{



  padding-top: 30px !important;



}



.p-t-40{



  padding-top: 40px !important;



}








@media (max-width: 767px) {




}



.m-t-5{}



.m-t-10{}



.m-t-20{}



.m-t-30{}







.linkedin a{



  color:rgb(110, 110, 110); 



}







@media (min-width: 768px) {



  .navbar-default {



    background-color: transparent;



    /* border-color: rgba(255, 255, 255, 0.3); */



  }







  .navbar-default .container {



    border-bottom: 1px solid rgba(255, 255, 255, 0.3);



  }







  .navbar-default .idioma{



    border-left: 1px solid rgba(255, 255, 255, 0.3);



  }







  .navbar-default.affix{



    border-bottom: 1px solid rgba(0, 0, 0, 0.3) !important;



  }







  .navbar-default.affix .idioma{



    border-left: 1px solid rgba(0, 0, 0, 0.3);



  }







  .navbar-default .navbar-header .navbar-brand {



    color: rgba(255, 255, 255, 0.7);



  }







  .navbar-default .navbar-header .navbar-brand:hover,



  .navbar-default .navbar-header .navbar-brand:focus {



    color: white;



  }



  .navbar-default .nav > li > a,



  .navbar-default .nav > li > a:focus {



    color: rgba(255, 255, 255, 0.7);



  }



  .navbar-default .nav > li > a:hover,



  .navbar-default .nav > li > a:focus:hover,



   {



    color: white;



    border-bottom: 3px solid rgb(141, 36, 49);



  }



  .navbar-default.affix {



    background-color: white;



    border-color: rgba(34, 34, 34, 0.5);



  }



  .navbar-default.affix .navbar-header .navbar-brand {



    color: #F05F40;



    font-size: 14px;



    height:80px;



    padding:5px;



  }







  .navbar-default.affix .navbar-header .navbar-brand #imgLogo{



    background-image: url('../img/Logo-Menu-Bordo.png');

    background-repeat: none;

    height: 90px;



    width: 235px;



  }







  .navbar-default.affix .navbar-header .navbar-brand:hover,



  .navbar-default.affix .navbar-header .navbar-brand:focus {



    color: #eb3812;



  }



  .navbar-default.affix .nav > li > a,



  .navbar-default.affix .nav > li > a:focus {



    color: #222222;



  }







  .navbar-default.affix .nav > li.active > a,



  .navbar-default.affix .nav > li.active > a:focus {



    color: rgb(141, 36, 49) !important;



    border-bottom: 3px solid rgb(141, 36, 49);



    background-color: transparent;



  }







  .navbar-default.affix .nav > li > a:hover,



  .navbar-default.affix .nav > li > a:focus:hover,



  .navbar-default.affix .nav > li.active > a:hover,



  .navbar-default.affix .nav > li.active > a:focus:hover {



    color: rgb(141, 36, 49) !important;



  }



}











.section-heading {



  margin-top: 0;



}











.carousel-caption h3 {



  display: inline-block;



  padding: 10px;



  background: #B9121B;



  border-top-left-radius: 10px;



  border-top-right-radius: 10px;



}







.full-screen {



  background-size: cover;



  background-position: center;



  background-repeat: no-repeat;



}













.carousel-indicators li{





  border-radius: 0px !important;



  height:8px;



  width: 8px;







  background-color: #FFF;



  border-color: #FFF;



}







.carousel-indicators li.active{



   height:10px;



  width: 10px;



  background-color:  rgb(141, 36, 49);



  border-color:  rgb(141, 36, 49);



}















.btn-red{



  background-color:  rgb(141, 36, 49);



  border-color:  rgb(141, 36, 49);



  border-radius:0; 



  color:#FFF;



  width: 160px;



}







.btn-red:hover{



  background-color:#FFF;



  border-color:#FFF;



  color:rgb(141, 36, 49); 



}







.btn-white{



  border-radius:0; 



  background-color:#FFF;



  border:1px solid rgb(141, 36, 49);



  color:rgb(141, 36, 49); 



  width: 160px;  



}







.btn-white:hover{



  background-color:  rgb(141, 36, 49);



  border-color:  rgb(141, 36, 49);



  color:#FFF;



}











hr.primary{



  background-color:  rgb(141, 36, 49);



  border-color:  rgb(141, 36, 49);



}







hr.white{



  background-color: #FFF;



  border-color: #FFF;



}







p.texto-seccion{



  margin:20px 0px 50px 0;



  font-weight: 550;



  line-height:1.6em;



  font-size: 1.4em;



  font-family: "Montserrat" !important;



  color:rgb(87,88,90);



}



.texto-seccion p{

  font-family: "Montserrat" !important;

  margin:20px 0px 50px 0;



  font-weight: 550;



  line-height:1.6em;



  font-size: 1.4em;



  font-family: "Montserrat" !important;



  color:rgb(87,88,90);

    margin-bottom: 0;

}







div.texto-seccion{



  margin:20px 0px 50px 0;



  font-weight: 550;



  line-height:1.6em;



  font-size: 1em;



  font-family: "Montserrat";



  color:rgb(87,88,90);



}







.flecha-item{



  color: rgb(141, 36, 49);



  font-size: 1.3em;



}







h3.texto-seccion{



  margin:20px 20px 0 0;



  font-weight: 550;



  line-height:1.6em;



  font-size: 1.1em;



  font-family: "Montserrat";



  color:rgb(87,88,90);



}







h3.section-heading{



  font-size: 2.2em; 



}







.section-heading{



 font-family: "sans-serif"; 



 font-size: 2.7em;



 color:rgb(87,88,90);



padding-bottom: 0;

}





.section-heading p{

  font-family: "sans-serif" !important; 

  font-size: 1em;

  color:rgb(87,88,90);

  margin-bottom: 0;

  line-height: 1em;

}



.slide-title{



  top:60%;



  position: absolute;



  color: #FFF;



  font-size:1.5em;



  margin:10px;



  font-family: "Montserrat";



}

.slide-title p{
  font-size:1em;
}





#wwhd, #wwa, #wwd{



  position: relative;



}







  .boton{



    font-size:0.8em; 







  }







  .boton .arrow-stem{



    width: 35px;



    height: 1px;



    border-bottom: 1px solid rgb(141, 36, 49);



    position: absolute;



    top: 6px;



    left:15px;



  }







  .boton .arrow-head{



    background-color: transparent;



    left:80%;



    width: 7px;



    height: 7px;



    position: absolute;



    top: 4px;



    transform: rotate(45deg);



    border-top: 1px solid rgb(141, 36, 49);



    border-right:1px solid rgb(141, 36, 49);



  }







  .btn-responsive{



    padding-top:4px !important;



    padding-bottom:2px !important;



    padding-right: 0 !important;



    padding-left: 0 !important;



    width:120px;  







  }



.btn-responsive .boton{



  width: 90% !important;



  padding-right: 0 !important;







}



.container-flecha{



  padding-left:0 !important;



  padding-right:0 !important;



}







.flecha{







  padding-right:0 !important;



  margin-right: 0 !important;



}







.flecha .arrow-wrapper{



  padding-right:0 !important;



  margin-right: 0 !important;



}







.container-flecha div{



  padding-left:0 !important;



  padding-right:0 !important;



}







.arrow-stem {



  background: transparent;



  width: 55px;



  height: 4px;



  position: absolute;



  top: 6px;



  left:10px;



}







.arrow-head {



  background-color: transparent;



  left:80%;



  width: 10px;



  height: 10px;



  position: absolute;



  top: 4px;



  transform: rotate(45deg);



}







.btn-white .arrow-head{



  border-top: 2px solid rgb(141, 36, 49);



  border-right:2px solid rgb(141, 36, 49);  



}







.btn-white .arrow-stem{



  border-bottom: 2px solid rgb(141, 36, 49);  



}







.btn-white:hover .container-flecha .flecha .arrow-wrapper .arrow-head{



  border-top: 2px solid #FFF;



  border-right: 2px solid #FFF;



}







.btn-white:hover .container-flecha .flecha .arrow-wrapper .arrow-stem{



  border-bottom: 2px solid #FFF;



}







.btn-red .arrow-head{



  border-top: 2px solid #FFF;



  border-right:2px solid #FFF;  



}







.btn-red .arrow-stem{



  border-bottom: 2px solid #FFF;  



}







.btn-red:hover .container-flecha .flecha .arrow-wrapper .arrow-head{



  border-top: 2px solid rgb(141, 36, 49);



  border-right: 2px solid rgb(141, 36, 49);



}







.btn-red:hover .container-flecha .flecha .arrow-wrapper .arrow-stem{



  border-bottom: 2px solid rgb(141, 36, 49);



}











#contact .section-heading{



  color:#FFF;



  font-family: "sans-serif";



  font-weight:none;



}







#contact{



  color:#FFF;



  font-family: "Montserrat";



  position: relative;



  height: 600px;



}







#contact .container-texto{



  background-color: rgb(141, 36, 49);



  padding:60px;



}



#contact .container-texto p{



  font-size: 1.5em;



}







#contact .imagen-superpuesta{



  position: absolute;



  z-index: -1;



  left:25%;



  top:150px;



}











footer {



  background-color: rgb(244, 244, 243);



  text-align: center;



  color: rgb(141, 36, 49);



  font-family: "Montserrat";



  padding-top:20px;



  padding-bottom: 20px;



  font-weight:lighter;



  font-size:1em;



}







.opacity{



  width: 100%;



  height: 100%;



  background-color: rgba(0, 0, 0, 0.3);



}







.row-divisor{



  background-color: #f8f7f7;



  padding-top: 30px;



  margin-bottom: 30px;







}







#wwd-items .row-divisor{



  margin-top:30px;



}







#wwd-items ul{



  padding-left: 0;



}



#wwd-items li{



  list-style: none;



  line-height: 2em;



  



}







span.texto-seccion{



  font-size: 1.4em;



  font-family: "Montserrat";



  color:rgb(87,88,90);



}











#contact-items p.texto-seccion{



  margin:20px 0px 0px 0;



  font-weight: 550;



  line-height:1.6em;



  font-size: 1.2em;



  font-family: "Montserrat";



  color:rgb(87,88,90);



}







.titulo-nombre{



  font-family: "sans-serif";



  color: rgb(141, 36, 49);



  font-size:2.5em;



}



.titulo-nombre p{



  font-family: "sans-serif";



  color: rgb(141, 36, 49);



  font-size:1em;



}







.subtitulo-nombre{



  font-size:1.1em;



  font-family: "Montserrat";



  padding-bottom: 0;

  margin-bottom: 0;

}



.subtitulo-nombre p{



  font-size:1em;



  font-family: "Montserrat";



  margin-bottom: 0;

  padding-bottom: 0;



}







#team-items p.texto-seccion{



  text-align: justify;



  font-size:1em;



}







#team-items div.texto-seccion p{



    text-align:justify;



    font-size: 1.1em;



}







#transactions-principal{



  margin-top: 0px !important;



}







#transactions-principal .tab-content{



  margin-top: 50px;



}







.nav-pills li{



  border:1px solid rgb(220, 220, 220);



  margin:0 !important;



 



  width: 25%;



  height:90px; 



}







.nav-pills li a{



  



  border-radius:0 !important;



  color: #575756 !important;



  background-color: #f6f5f6 !important;



  width: 100%;



  height: 100%;



  text-align: center;



  font-family: "sans-serif";



  font-size: 1.7em;



  font-weight: 500;



}











.nav-pills .active a{



  background-color: #fff !important;



  border-radius:0;



  color:#575756 !important;







}



.nav-pills .active {

  border-bottom:none;

}





.col-aux{

  padding-left: 2px;

  padding-right: 2px;

}



/*

.transaction-item{

  height: 180px;

  border:1px solid rgb(230, 230, 230);



}





.transaction-item .row{

  margin:0 !important;

}



.transaction-item-logo{



  height: 120px;

  border:none;



}



.transaction-item .contenedor-logo{



  padding: 0;

  width: 100%;

  text-align: center;

 

}



.transaction-item .contenedor-logo img{

  margin: 0 auto;

  display: inline;

}



.transaction-item-logo .contenedor-logo{



  padding: 0;

  height: 100%;



}



.transaction-item-logo .contenedor-logo img{



  margin: auto;

  padding-top:20px;

}



.transaction-item .row:first-child{



  margin-bottom: 20px;



}







.transaction-item{



  padding-left:10px;



  padding-right:10px;



  margin-bottom: 4px;







}







.transaction-item .franja-texto{





  text-align: center;



  font-family:"Montserrat";

  font-size: 1.5em;



}

*/



.p-t-0{

  padding-top: 0 !important;

}



.transaction-item .contenedor-logo{

  padding: 0;

  height:140px;

  padding-top: 20px;

  position: relative;

}



.transaction-item .row:first-child{

  margin-bottom: 20px;

}



.transaction-item{

  padding-left:10px;

  padding-right:10px;

  margin-bottom: 50px;

  

}



.transaction-item.transacciones{

  padding-top: 10px;

  border:1px solid black;

}



.transaction-item .franja-footer{

  padding:10px;

  text-align: center;

  font-family:"Montserrat";

  font-size: 1.5em;

  height:60px; 

}



.transaction-item .contenedor-conector{

  font-size: 2.8em;

  position: absolute;

  color: rgb(141, 36, 49);

 left:45%;

 background-color: rgb(241, 241, 242);

 width:35px;

 height: 35px;

 border-radius: 50%;

 text-align: center;

 top:25% !important;

}





@media (max-width: 767px) {

    .transaction-item .contenedor-logo{

        padding-top:20px !important; 

    }



  .transaction-item .contenedor-conector{

    top:23% !important;

  }

  

  .transaction-item .franja-footer{

        font-size: 1.3em;

   }



}



.transaction-item p.conector{

  background-color: rgb(241, 241, 242);

  width: 40px;

  height: 40px;

  padding-top: 10px;

  border-radius: 50%;

  margin: 0;

  color: rgb(141, 36, 49);

}







*{



  font-size: 95%;



}







#index-slide .slide-title{



  text-align: center;



}











@media (max-width: 767px) {







  *{



    font-size: 95%;



  }







  #mainNav{



    border-bottom: 1px solid rgb(141, 36, 49);



  }







  #index-slide .slide-title{



    width:60%;



    left:20%;



  }



  .transaction-item .contenedor-logo{

    padding: 0;

    height:140px;

  }







  #transactions-principal{







    padding-top: 10px !important; 



   



  }  



  .transaction-item .contenedor-conector{

    font-size: 2.8em;

    position: absolute;

    color: rgb(141, 36, 49);

   left:43%;

   background-color: rgb(241, 241, 242);

   width:35px;

   height: 35px;

   border-radius: 50%;

   text-align: center;

   top:15%;

  }

  .transaction-item p.conector{

    background-color: rgb(241, 241, 242);

    width: 25px;

    height: 25px;

    padding-top: 2px;

    border-radius: 50%;

    margin: 0;

    color: rgb(141, 36, 49);

  }



   .transaction-item{

    margin-top: 0 !important;

    padding-top: 0 !important;

  }



  .boton .arrow-stem{



    width: 35px;



    height: 1px;



    border-bottom: 1px solid rgb(141, 36, 49);



    position: absolute;



    top: 5px;



    left:15px;



  }







  .boton .arrow-head{



    background-color: transparent;



    left:45px;



    width: 5px;



    height: 5px;



    position: absolute;



    top: 3px;



    transform: rotate(45deg);



    border-top: 1px solid rgb(141, 36, 49);



    border-right:1px solid rgb(141, 36, 49);



  }







  .arrow-stem {



    background: transparent;



    width: 40px;



    height: 4px;



    position: absolute;



    top: 4px;



    left:27px;



  }







  .arrow-head {



    background-color: transparent;



    left:62px;



    width: 6px;



    height: 6px;



    position: absolute;



    top: 4px;



    transform: rotate(45deg);



  }







  .btn-responsive{



    width: 120px !important;



    font-size: 1em;



    padding-left: 0;



  }







  .nav-pills li a{



    font-size: 1em;



  }







  







  .full-screen {



    



    margin-top: 80px;







  }







  #about-principal, #wwd-principal, #team-principal, #contact-principal, #transactions-principal{



    padding-top: 0 !important;;

    margin-top: 0 !important;



    padding-bottom: 0;



  }







  #about-items, #wwd-items, #team-items{



    padding-top: 60px;



    padding-bottom: 0;



  }







  .navbar-default .nav > li.active > a,



  .navbar-default .nav > li.active > a:focus {



    color: rgb(141, 36, 49) !important;



    font-weight: bold;



    border-bottom:none;



    background-color: transparent;



  }







  .navbar-default .nav > li.active.idioma > a,



  .navbar-default .nav > li.active > a:focus {



    color: rgb(141, 36, 49) !important;



    border-bottom:none !important;



    background-color: transparent;



  }











  .navbar-default .nav > li > a,



  .navbar-default .nav > li > a:focus {



    height:40px;



    padding:0;



    padding-left: 50px;



  }







  .slide-title{



    top:45%;



    /*position: absolute;*/



    color: #FFF;



    font-size:2em;



    margin:10px;



    /*left:10% */



  }







  #index-slide .carousel-inner .item .btn-red{



    top:80%;



    position:  absolute; 



    left:10%;



  }







  #team-slider .slide-title, #wwd-slide .slide-title, #transaction-slide .slide-title, #about-slider .slide-title{



    top:40%;



    font-size:1.6em; 

  }



#team-slider, #wwd-slide, #transaction-slide, #about-slider{

    margin-bottom: 0 !important;



    padding-bottom: 0 !important;

 

}









  #contact{



    



    height: 550px;



  }







  #contact .section-heading{



    text-align: left;



  }











  .text-left{



    text-align: center;



  }







  #contact .container-texto{



    text-align: left !important;



  }







  #contact .container-texto span{



    font-size: .8em;







  }











  section{



    padding: 70px 10px;



  }







  #mapa::after{



    content:'';



    background-color:  rgb(141, 36, 49);



    border-color:  rgb(141, 36, 49);



    height:250px;



    width:250px;



    z-index: -1;



    top:20%;



    left:15%;



    position:absolute;



  }







  .img-izquierda::after{



    content:'';



    background-color:  rgb(141, 36, 49);



    border-color:  rgb(141, 36, 49);



    height:250px;



    width:250px;



    z-index: -1;



    top:28%;



    left:10%;



    position:absolute;



  }







  .img-derecha::after{



    content:'';



    background-color:  rgb(141, 36, 49);



    border-color:  rgb(141, 36, 49);



    height:250px;



    width:250px;



    z-index: -1;



    top:30px;



    left:30px;



    position:absolute;



  }















  p.texto-seccion{



    margin:20px 20px 50px 0;



    font-weight: 550;



    line-height:1.6em;



    font-size: 1.4em;



    font-family: "Montserrat";



    color:rgb(87,88,90);



  }







  .section-heading{



   font-family: "sans-serif"; 



   font-size: 2em;



   color:rgb(87,88,90);



  }







  footer {



    font-size:.9em;



  }







  .img-btn{



    padding:10px 10px 10px 25px !important;



  }







  #contact .imagen-superpuesta{



    position: absolute;



    z-index: -1;



    left:0;



    top:370px;



    width: 100%



  }







  *{



    font-size: 95%;



  }







  .transaction-item{



    margin-top: 0 !important;



    padding-top: 0 !important;



  }







  #team-principal{



    margin-bottom: 0px; 



  }







}







@media (min-width: 768px) and (max-width: 991px) {





.transaction-item .contenedor-conector{

  font-size: 2.8em;

  position: absolute;

  color: rgb(141, 36, 49);

 left:47%;

 background-color: rgb(241, 241, 242);

 width:35px;

 height: 35px;

 border-radius: 50%;

 text-align: center;

 top:20%;

}

  .transaction-item p.conector{

    background-color: rgb(241, 241, 242);

    width: 35px;

    height: 35px;

    padding-top: 5px;

    border-radius: 50%;

    margin: 0;

    color: rgb(141, 36, 49);

  }







 #mapa::after{



    content:'';



    background-color:  rgb(141, 36, 49);



    border-color:  rgb(141, 36, 49);



    height:250px;



    width:610px;



    z-index: -1;



    top:20%;



    left:10%;



    position:absolute;



  }















  







  .img-btn{



    padding:10px 10px 10px 10px !important;



  }







  .slide-title{



    top:50%;



    /*left:10%; 



    position: absolute;*/



    color: #FFF;



    font-size:2em;



    margin:10px;



  }







  #index-slide .slide-title{



    width:50%;



    left:25%;



  }







  #index-slide .carousel-inner .item .btn-red{



    top:90%;



    position:  absolute; 



    left:10%;



  }







  .img-izquierda::after{



    content:'';



    background-color:  rgb(141, 36, 49);



    border-color:  rgb(141, 36, 49);



    height:200px;



    width:200px;



    z-index: -1;



    top:30px;



    left:30px;



    position:absolute;



  }



  .img-derecha::after{



    content:'';



    background-color:  rgb(141, 36, 49);



    border-color:  rgb(141, 36, 49);



    height:200px;



    width:200px;



    z-index: -1;



    top:30px;



    left:-10px;



    position:absolute;



  }







  #team-slider .slide-title{



    top:30%;



    font-size:1.6em; 



  }



  #team-slider .flechaHeader{



    top: 65%;



  }







  #about-principal, #wwd-principal, #team-principal, #contact-principal, #transactions-principal{



    padding-top: 0;



    padding-bottom: 0;



  }







  .vcenter {



    margin-top: 3%;



  }



}







@media (min-width: 992px) and (max-width: 1199px) {



.transaction-item .contenedor-conector{

  font-size: 2.8em;

  position: absolute;

  color: rgb(141, 36, 49);

 left:44%;

 background-color: rgb(241, 241, 242);

 width:35px;

 height: 35px;

 border-radius: 50%;

 text-align: center;

 top:20%;

}



  #mapa::after{



    content:'';



    background-color:  rgb(141, 36, 49);



    border-color:  rgb(141, 36, 49);



    height:250px;



    width:400px;



    z-index: -1;



    top:20%;



    left:10%;



    position:absolute;



  }







  .section-heading{



    font-size:2em;



  }















  .slide-title{



    top:40%;



    /*left:17%; 



    position: absolute;*/



    color: #FFF;



    font-size:2.5em;



    margin:10px;



  }







  #index-slide .slide-title{



    width:50%;



    left:25%;



  }







  #index-slide .carousel-inner .item .btn-red{



    top:90%;



    position:  absolute; 



    left:35%;



  }



  .img-izquierda::after{



    content:'';



    background-color:  rgb(141, 36, 49);



    border-color:  rgb(141, 36, 49);



    height:200px;



    width:200px;



    z-index: -1;



    top:75px;



    left:75px;



    position:absolute;



  }







  .img-derecha::after{



    content:'';



    background-color:  rgb(141, 36, 49);



    border-color:  rgb(141, 36, 49);



    height:200px;



    width:200px;



    z-index: -1;



    top:75px;



    left:-10px;



    position:absolute;



  }







  #contact .imagen-superpuesta{



    position: absolute;



    z-index: -1;



    left:30%;



    top:150px;







  }







  #contact{



    



    height: 700px;



  }







 



  #about-principal, #wwd-principal, #team-principal, #contact-principal, #transactions-principal{



    padding-top: 0;



    padding-bottom: 0;



  }







  #team-slider .flechaHeader{



    top: 55%;



  }











  .vcenter {



    margin-top: 3%;



  }







}







@media (min-width: 1200px) {







  #mapa::after{



    content:'';



    background-color:  rgb(141, 36, 49);



    border-color:  rgb(141, 36, 49);



    height:250px;



    width:480px;



    z-index: -1;



    top:20%;



    left:10%;



    position:absolute;



  }







  .section-heading{



    font-size:2.2em;



  }



  .img-izquierda::after{



    content:'';



    background-color:  rgb(141, 36, 49);



    border-color:  rgb(141, 36, 49);



    height:250px;



    width: 250px;



    z-index: -1;



    top:25px;



    left:25px;



    position:absolute;



  }







  .img-derecha::after{



    content:'';



    background-color:  rgb(141, 36, 49);



    border-color:  rgb(141, 36, 49);



    height:100%;



     height:250px;



    width: 250px;



    z-index: -1;



    top:25px;



    left:-12px;



    position:absolute;



  }







  /*



  .slide-title{



    top:23%;



    position: absolute;



    color: #FFF;



    font-size:2.5em;



    margin:10px;



    width:40%;



    left:200px; 



  }



  */







  .slide-title{



    top:23%;



    color: #FFF;



    font-size:2.2em;

    line-height: 1.3em;



    margin:10px;



    width:40%;



  }















  #index-slide .carousel-inner .item .btn-red{



    top:70%;



    position:  absolute; 



    left:42%;



  }







  #contact{



    margin-top: 100px;



  }



  #contact .imagen-superpuesta{



    position: absolute;



    z-index: -1;



    left:28%;



    top:70px;







  }







  .img-btn{



    padding:0 10px 10px 0;



  }







  .vcenter {



    margin-top: 3%;



  }







  #about-principal, #wwd-principal, #team-principal, #contact-principal, #transactions-principal{



    padding-top: 0;



    padding-bottom: 0;



  }











  #about-items, #wwd-items, #team-items{



    padding-top: 60px;



    padding-bottom: 0;



  }







  #team-slider .slide-title, #team-principal .slide-title{



    width:50%;



  }







  #index-slide .slide-title{



    top:50%;



  }







  #index-slide .slide-title{



    width:50%;



    left:25%;



  }



  



  .container-padding{



    padding-right: 80px !important;



    padding-left: 80px !important;



  }







}