/*------------------------------------------------------------------

Project:	Memo template
Version:	1.1
Last change:	18/10/2017

-------------------------------------------------------------------*/
/*------------------------------------------------------------------

TABLE OF CONTENTS

	/**! 01. Global
	/**! 02. Navbar
	/**! 03. Header / Header / Header video
  /**! 04. Features
  /**! 05. Counter
  /**! 06. services
  /**! 07. portfolio
  /**! 08. Client
  /**! 09. team
  /**! 10. Blog
  /**! 11. Footer

  Sub-pages 

  /**! 12. Header-page
  /**! 13.1. About-page / Skills
  /**! 
  /**! 14. Pricing-page

  /**! 15. Services-page-grid / our client

  /**! 16. Services-page-detail

  /**! 17. blog-columns

  /**! 18. single-post

  /**! 19. Contact-post

-------------------------------------------------------------------*/
/*********************
      GENERAL
*********************/



@import url(main.css);
@import url(responsive.css);
/** THEME COLOR **/
body {
  position: relative !important;
  font-size: 1.6rem;
  line-height: 1.8;
  font-weight: 300;
  font-family: 'Dosis', sans-serif;
  overflow-x: hidden !important; }

* {
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none !important;
  list-style: none !important;
  outline: none !important; }

.backgroudcolor {
  background-color: #f4f5f8; }

.loader-inner {
  width: 100% !important;
  margin-left: 50%; }

.parallax {
  background-repeat: no-repeat;
  background-position: 50% 0;
  -webkit-transition: background-position .2s ease-in;
  -moz-transition: background-position .2s ease-in;
  -o-transition: background-position .2s ease-in;
  transition: background-position .2s ease-in;
  -webkit-background-size: cover;
  background-size: cover; }

.title h4 {
  text-transform: uppercase;
  margin-bottom: 2rem;
  font-size: 3rem;
  font-weight: bold;
  text-shadow: 0px 4px 3px rgba(0, 91, 206, 0.13); }
  .title h4 span {
    color: #1a7ffd;
    text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.13); }

.sub-tit {
  margin-bottom: 2rem;
  font-size: 2.5rem;
  font-weight: 700;
color: #615492;}

.sub-tit-dos {
  margin-bottom: 2rem;
  font-size: 2.5rem;
  font-weight: 700;
  text-transform: capitalize;
color: #3F9EA5;}

.logo-wrap {
	position: absolute;
	display:block;
	
	top:35%;
	z-index:100;
}
.logo-wrap img{
	display:block;
}

.iconos {
	align-content: center;
	
	
	top:20px;
	width: 23%;
}


.icono {
	 margin-top: 31px;
	margin-right: 10px;
	}
.iconofooter {
	margin-right: 8%;
	}

.video-proyectos{
  background-size: cover; }



/*********************
      Navbar
*********************/
.navbar-custom {
  position: fixed;
  background-color: black;
  top: 0;
  left: 0;
  width: 100%;
  border: 0;
  margin-bottom: 0;
  border-radius: 0;
  z-index: 9999;
  font-family: "Open Sans", sans-serif; }

.fixed-top-nav {
	background:  black;
  transition: all 0.8s;
  border: 0; }

.navbar-custom .navbar-brand,
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
  font-size: 25px;
  font-weight: 600;
  color: #eee;
  letter-spacing: -1px;
  text-transform: uppercase;
  padding: 20px 12px 0; }

.navbar-custom .dropdown-menu {
  background: #111;
  border-radius: 0;
  border: 0;
  padding: 0;
  min-width: 180px;
  -webkit-box-shadow: none;
  box-shadow: none; }

.navbar-custom .nav-search i {
  font-size: 14px; }

.navbar-custom .nav-search .dropdown-toggle:after {
  content: ""; }

.navbar-custom .nav-search .dropdown-menu {
  background: transparent; }

.navbar-custom .nav-search input {
  border: 0;
  border: 1px solid #111;
  padding: 5px 10px;
  margin-top: 10px; }



.navbar-custom .nav li > a:hover {
  color: #615492;
font-weight: 800;
letter-spacing: 2px;}

.navbar-collapse {
  max-height: 380px; }

/*for transparent menu and menu color*/
.navbar-custom .dropdown-menu > li > a {
  padding: 10px 20px;
  font-size: 12px;
  letter-spacing: 0px;
  color: #aaa;
  font-family: "Open Sans",sans-serif;
  text-transform: capitalize;
  transition: all .4s; }

.navbar-custom .dropdown-menu > li:last-child > a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important; }

.navbar-custom .dropdown-menu .dropdown-menu {
  border-left: 1px solid rgba(255, 255, 255, 0.05);
  left: 100%;
  right: auto;
  top: 0;
  margin-top: 0; }

.navbar-custom .dropdown-menu.left-side .dropdown-menu {
  border: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.05);
  right: 100%;
  left: auto; }

.navbar-custom .nav > li > a:focus,
.navbar-custom .nav > li > a:hover,
.navbar-custom .nav > li.active > a,
.navbar-custom .nav .open > a,
.navbar-custom .nav .open > a:focus,
.navbar-custom .nav .open > a:hover,
.navbar-custom .dropdown-menu > li > a:focus,
.navbar-custom .dropdown-menu > li > a:hover,
.navbar-custom .dropdown-menu > .active > a,
.navbar-custom .dropdown-menu > .active > a:focus,
.navbar-custom .dropdown-menu > .active > a:hover {
  background-color: transparent; }

.navbar-custom .dropdown-menu > li > a:hover {
  padding-left: 25px;
  color: #eee;
  background: #222; }

.navbar-custom .dropdown-toggle:after {
  position: absolute;
  display: block;
  right: 0px;
  top: 50%;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 12px;
  content: "\f107";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/*********************
      Header
*********************/
.header {
  position: relative;
  width: 100%;
  height: 100vh;
  background: url("../img/slide1.jpg") no-repeat;
  background-size: cover;
  background-attachment: fixed; }

.header-numay {
  position: relative;
  width: 100%;
  height: 100vh;
  background: url("../img/numay/portada.jpg") no-repeat;
  background-size: cover;
  background-attachment: fixed; }

.header-win {
  position: relative;
  width: 100%;
  height: 100vh;
  background: url("../img/win/portada.jpg") no-repeat;
  background-size: cover;
	background-position: center !important;
  background-attachment: fixed; }


.header-rio-tinto {
  position: relative;
  width: 100%;
  height: 100vh;
  background: url("../img/rio-tinto/portada.jpg") no-repeat;
  background-size: cover;
  background-attachment: fixed; }

.header2 {
  position: relative;
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-attachment: fixed; }


/* header video */
.demo-video {
  position: relative;
  height: 110vh;
  margin-top:-50px;
  background: rgba(0, 0, 0, 0);
  background-blend-mode: overlay; }

.demo-video2 {
  position: relative;
  height: 100vh;
  background-color: black;

  background-blend-mode: overlay; }

.bs-slider .cont {
  position: relative;
  width: 100%;
  height: 100%; }
.bs-slider .item {
  width: 100% !important;
    height: 100vh;
    background-size: contain !important;
    background-position: center !important;
    background-attachment: local !important; }



.bs-slider .item-1 {
  background: url("../img/slide1.jpg") no-repeat; }
.bs-slider .item-2 {
  background: url("../img/slide2.jpg") no-repeat; }
.bs-slider .item-3 {
  background: url("../img/slide3.jpg") no-repeat; }








/*********************
     CONTACT FORM
*********************/


	
	.zonaboton {
		text-align: center;
		margin-top: 30px;


}





.imagen{
    margin: 0;
    display:inline-block;
    height: 18px;
    float:none;
}


/*********************
      GALERIAAAAA
*********************/


.galeria {
	text-align: center;
	align-content: center;
	width: 100%;
}

.galeria-unidad {
	display:inline-block;
  position:relative;
	border: 1.5px solid #f7f7f7;
	
	width: 33%;
	float: left;
	
}

.galeria-unidad-dos {
	display:inline-block;
  position:relative;
	border: 1.5px solid #f7f7f7;
	
	width: 33%;
    vertical-align: middle;
	margin-right: 14px;
	
}

.desvanecer:hover {
  opacity: 0.3;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  -ms-transition: opacity 500ms;
  transition: opacity 500ms;
}
.galeria-unidad  > h3 {
	color: white;
  position:absolute;
  top:0;
  left:0;
  z-index:-1;
  padding:10px;
  margin:0;

}







.imagen-servicios {
  
  background-size: cover;/*sólo para ejemplo*/
  
}

.informacion {
  position: absolute;
	text-align: center;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    /* width: 300px; */
    /* height: 200px; */
    background:  -webkit-linear-gradient(-60deg, rgba(97,84,146,0.8) 0%, rgba(63,158,165,0.8) 100%);
    opacity: 0;
    transition: opacity 0.6s;
}

.imagen-servicios:hover .informacion {
  opacity:1;
}

.informacion>h3 {
    color: white;
    font-size: 25px;
    /* margin-left: -75px; */
    margin-top: 25%;
    margin-right: 5%;
	margin-left: 5%;
    transition: margin-left 0.5s;
}

.imagen-servicios:hover .informacion > h3 {
	color: white;
}







.desvanecer:hover {
  opacity: 0.07;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  -ms-transition: opacity 500ms;
  transition: opacity 500ms;
}

/*********************


.bs-slider .item-19 {
    background:  url( "../img/win/slide2.jpg")no-repeat; }
.bs-slider .item-20 {
    background:  url( "../img/win/slide3.jpg")no-repeat; }
.bs-slider .item-21 {
    background:  url( "../img/win/slide4.jpg")no-repeat; }
.bs-slider .item-22 {
    background:  url( "../img/win/slide5.jpg")no-repeat; }
.bs-slider .item-23 {
    background:  url( "../img/win/slide6.jpg")no-repeat; }
.bs-slider .item-24 {
    background:  url( "../img/win/slide7.jpg")no-repeat; }
.bs-slider .item-25 {
    background:  url( "../img/win/slide8.jpg")no-repeat; }
.bs-slider .item-26 {
    background:  url( "../img/win/slide9.jpg")no-repeat; }



.bs-slider .item-riotinto-1 {
    background:  url( "../img/win/slide9.jpg")no-repeat; }

.bs-slider .item-riotinto-2 {
    background:  url( "../img/win/slide10.jpg")no-repeat; }
.bs-slider .item-riotinto-3 {
    background:  url( "../img/win/slide7.jpg")no-repeat; }





.bs-slider .item-13 {
    background:  url( "../img/rio-tinto/slide1.jpg")no-repeat; }
.bs-slider .item-14 {
    background:  url( "../img/rio-tinto/slide2.jpg")no-repeat; }
.bs-slider .item-15 {
    background:  url( "../img/rio-tinto/slide3.jpg")no-repeat; }
.bs-slider .item-16 {
    background:  url( "../img/rio-tinto/slide4.jpg")no-repeat; }
.bs-slider .item-17 {
    background:  url( "../img/rio-tinto/slide5.jpg")no-repeat; }
.bs-slider .item-18 {
    background:  url( "../img/rio-tinto/slide6.jpg")no-repeat; }




      portafolio home
*********************/






label {
	font-family: 'Fira Sans', sans-serif;
	font-size: 1.8rem;
	color: white;
	text-align: center;
		
	margin-bottom: 0px;
	font-weight: 600;
}
 
input[type=text], input[type=phone], input[type=email] {
	width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
	background-color: transparent;
	color: white;
}
 
textarea {
    width: 100%;
    height: 150px;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: transparent;
    resize: none;
	color: white;
}
 
input[type=button], input[type=submit], input[type=reset] {
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 16px 32px;
    text-decoration: none;
    margin: 4px 2px;
    cursor: pointer;
    margin-top: 10px;
}
 
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
    background-color: #333;
}
 









.bk-4 {
  background: url("../img/slide4.jpg") no-repeat; }

.bk-5 {
  background: url("../img/slide5.jpg") no-repeat; }




.bs-slider .item-6 {
  background: url("../img/slide6.jpg") no-repeat; }










.seccion-next-prev{
text-align: center;	
	
	margin-top: 13%;
	margin-bottom: 7%;

}

.izquierda{
		display: inline-block;
	text-align: left;

	max-width: 45%;
	

}


.imagen-izquierda.imagen-izquierda{
	margin-top: 6%;
	padding: 0px;

}

.derecha{
	text-align: right;
	
		display: inline-block;

	max-width: 45%;

}


.imagen-derecha{
	margin-top: 6%;

}

.izquierda > h1 {
	color: white;
	font-size: 25px;
	font-weight: 400;
	
}

.izquierda > h2 {
	color: white;
	font-size: 35px;
	font-weight: 600;
	
	
}


.derecha > h1 {
	color: white;
	font-size: 25px;
	font-weight: 400;
	
}

.derecha > h2 {
	color: white;
	font-size: 35px;
	font-weight: 600;
	
}


/*********************
      portafolio home
*********************/

.proyectos{
text-align: center;	
	
	
	margin-bottom: 7%;

}

.proyectos-izquierda{
		display: inline-block;
	text-align: center;

	max-width: 48%;
	

}




.proyectos-derecha{
	text-align: center;
	
		display: inline-block;

	max-width: 48%;

}




.proyectos-izquierda > h1 {
	color: white;
	font-size: 25px;
	font-weight: 200;
	
}

.proyectos-izquierda > a > h2 {
	color: white;
	font-size: 35px;
	font-weight: 500;
	line-height: 4.5rem;
		margin-bottom: -17px;

	
}

.proyectos-derecha > a  > h2 {
	color: white;
	font-size: 35px;
	font-weight: 500;
		line-height: 4.5rem;
	margin-bottom: -17px;

	
}


.proyectos-derecha > a  > h2:hover {
	color: #3F9EA5; 
	font-size: 35px;
	font-weight: 500;
		line-height: 4.5rem;
	margin-bottom: -17px;

	
}

.proyectos-izquierda > a > h2:hover{
	color: #615492;
	font-size: 35px;
	font-weight: 500;
	line-height: 4.5rem;
		margin-bottom: -17px;

	
}
.derecha > a > h2 {
    color: white;
    font-size: 35px;
    font-weight: 500;
    line-height: 4.5rem;
    margin-bottom: 10px;
}



.derecha > a > h2:hover {
    color: #3F9EA5;
    font-weight: 500;
    margin-bottom: 10px;
}

.izquierda > a  > h2 {
	color: white;
	font-size: 35px;
	font-weight: 500;
		line-height: 4.5rem;
		margin-bottom:10px;
		

	
}


.izquierda > a  > h2:hover {
	color: #615492;
	font-weight: 500;
		margin-bottom:10px;
		

	
}



.proyectos-derecha > h1 {
	color: white;
	font-size: 25px;
	font-weight: 200;
	
}

.proyectos-derecha > h2 {
	color: white;
	font-size: 35px;
	font-weight: 500;
		line-height: 4.5rem;
	margin-bottom: -17px;

	
}





/*********************
      VIDEOS PROYECTOS
*********************/





.zona-video {
	text-align: center
   }

.video-centro  {
	
	width: 49%;
	height: 400px;
	
   }



/*********************
      Features
*********************/
.features {
  position: relative;
  border-bottom: 1px solid #f1f1f1; }
  .features .item-feature {
    display: table;
    border-bottom: 1px solid #f5f5f5;
    padding: 2rem 1rem; }
    .features .item-feature .icon {
      display: table-cell;
      vertical-align: top;
      max-width: 35px; }
      .features .item-feature .icon span {
        color: #1a7ffd;
        font-size: 3rem;
        background-color: rgba(247, 247, 247, 0.7);
        border-radius: 50%;
        padding: 1rem; }
    .features .item-feature .text-item {
      display: table-cell;
      padding-left: 20px; }
      .features .item-feature .text-item h4 {
        font-size: 1.7rem;
        font-weight: 600; }
  .features .item-feature-middle::before {
    content: '';
    position: absolute;
    top: 10%;
    left: 0;
    width: 1px;
    height: 80%;
    background: #f5f5f5; }
  .features .item-feature-middle::after {
    content: '';
    position: absolute;
    top: 10%;
    right: 0;
    width: 1px;
    height: 80%;
    background: #f5f5f5; }

.text-morado {
	
	color: #615492;
	font-size: 4rem;
	font-family: 'Fira Sans', sans-serif;
	font-weight: 700;
	line-height: 5rem;

	 }

.text-turquesa {
	
	color: #3F9EA5;
	font-size: 4rem;
	font-family: 'Fira Sans', sans-serif;
	font-weight: 700;

	 }


.text-blanco {
	
	color: white;
	font-size: 4rem;
	font-family: 'Fira Sans', sans-serif;
	font-weight: 700;

	 }
/*********************
      Counter
*********************/
.counter {
  background: url("../img/imagen persona natural.jpg");
  background-attachment: fixed;
  background-size: cover;
  position: relative;
	margin-bottom: 6rem; 
background-position: center;}

.counter2 {
  background: url("../img/imagen empresa.jpg");
  background-attachment: fixed;
  background-size: cover;
  position: relative;
	margin-bottom: 6rem; 
background-position: center;}
  

  .counter .block-counter {
    background: rgba(255, 255, 255, 0.1);
    padding: 2rem 3rem;
    border-radius: 4px; }
    .counter .block-counter .icon {
      margin-bottom: 20px; }
      .counter .block-counter .icon span {
        font-size: 6rem;
        color: #1a7ffd;
        transition: all .3s; }
    .counter .block-counter h4 {
      font-size: 3rem;
      color: #fff;
      margin-bottom: 20px; }
    .counter .block-counter h5 {
      color: #fff;
      font-weight: 600;
      letter-spacing: 2px; }
    .counter .block-counter:hover span {
      transform: scale(1.1); }

/*********************
      Services
*********************/
.services {
  background-color: black; }
  .services .nav {
    margin: auto;
    text-align: center;
    color: #777; }
    .services .nav li {
      position: relative;
      display: inline-block;
      padding: 1rem 1.8rem;
      margin-left: 1rem;
      border-radius: 10rem;
      cursor: pointer;
      text-transform: uppercase;
      transition: all .5s; }
      .services .nav li h5 {
        font-size: 14px;
        font-weight: 900; }
      .services .nav li:hover {
        color: #1a7ffd; }
      .services .nav li::after {
        content: '';
        position: absolute;
        left: 45%;
        top: 50px;
        width: 3px;
        height: 3px;
        border-radius: 50%;
        background-color: #525252;
        display: none; }
      .services .nav li:hover:after {
        display: block; }
  .services .content-services {
    background-color: #f4f5f8; }
    .services .content-services .item {
      position: relative;
      background-color: #fff;
      display: none;
      overflow: hidden;
      border-radius: 8px; }
      .services .content-services .item .content-ser {
        padding: 3rem; }
        .services .content-services .item .content-ser button {
          margin: 0; }
      .services .content-services .item p {
        margin-bottom: 2rem; }
      .services .content-services .item .part-img {
        position: relative;
        height: 100%;
        padding: 3rem; }
    .services .content-services .active {
      display: block;
      color: inherit; }
  .services .active {
    background-color: #1a7ffd;
    color: #fff;
    transition: all .5s; }
    .services .active span {
      color: #dedede; }
    .services .active:after {
      display: block !important; }
  .services .cont-2 {
    position: relative;
    padding: 5rem; }

/*********************
      Portfolio
*********************/
.portfolio {
  
}
  
  

@media (max-width: 991px) {
  .item-img {
    width: 50% !important; } }
@media (max-width: 767px) {
  .item-img {
    width: 100% !important; } }
/*********************
      Client
*********************/
.client {
  overflow: hidden; }
  .client .client-info {
    vertical-align: middle;
    position: relative;
    margin: auto;
    text-align: center;
    overflow: hidden; }
    .client .client-info span {
      display: block;
      text-align: center;
      margin: auto;
      font-size: 3rem;
      color: white;
      opacity: .5; }
    .client .client-info .rating i {
      color: white; }
    .client .client-info h4 {
      font-size: 2rem;
      font-weight: bold;
	  color: #3F9EA5;		
}
    .client .client-info .img-p {
      width: 120px;
      margin: 0 auto 5px; }
      .client .client-info .img-p img {
        border-radius: 50%; }
    .client .client-info h5 {
      color: #615492;
      font-size: 1.7rem;
      font-weight: bold;
      margin-bottom: .5rem; }
    .client .client-info h6 {
      font-size: 1.4rem;
      font-weight: 700; }
  .client .owl-theme .owl-nav.disabled + .owl-dots span {
    padding: 0;
    width: 5px;
    height: 5px;
    border: 1px solid #9e9e9e;
    text-indent: 0;
    overflow: hidden;
    text-align: left;
    position: relative;
    letter-spacing: 1px;
    background: #9e9e9e;
    -webkit-font-smoothing: antialiased;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 5px;
    -webkit-transition: all 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99);
    transition: all 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99);
    z-index: 10;
    cursor: pointer; }
  .client .owl-theme .owl-nav.disabled + .owl-dots .active span {
    box-shadow: 0 0 0 2px #fff;
    background-color: #1a7ffd;
    position: relative;
    -webkit-transition: box-shadow 0.3s ease;
    -moz-transition: box-shadow 0.3s ease;
    -o-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease; }
  .client .client-brand {
    margin-top: 12%; }
    .client .client-brand .item-brand {
      margin: 15px 0;
      padding: 1rem;
      text-align: center;
      vertical-align: middle;
      border-left: 2.5px solid  rgba(255,255,255,0.4); }
    .client .client-brand .item-brand-border {
      border-top: 2.5px solid rgba(255,255,255,0.4); }

/*********************
      Team
*********************/
.our-team {
  background-color: #f4f5f8; }
  .our-team .team {
    position: relative; }
    .our-team .team .team-info {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding-top: 60%;
      text-align: center;
      background: rgba(0, 0, 0, 0.8);
      color: #eee;
      opacity: 0;
      transition: all .5s; }
      .our-team .team .team-info span {
        color: #999; }
    .our-team .team:hover .team-info {
      opacity: 1;
      -webkit-transition: all .8s; }
      .our-team .team:hover .team-info .one, .our-team .team:hover .team-info .tow, .our-team .team:hover .team-info .tree, .our-team .team:hover .team-info .four {
        margin: 0; }
    .our-team .team .team-icon {
      -webkit-transition: all .8s; }
      .our-team .team .team-icon .one {
        margin-left: -100px; }
      .our-team .team .team-icon .tow {
        margin-top: -100px; }
      .our-team .team .team-icon .tree {
        margin-bottom: -100px; }
      .our-team .team .team-icon .four {
        margin-right: -100px; }
      .our-team .team .team-icon span {
        display: inline-block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        border-radius: 50%;
        color: #1a7ffd;
        background: #fff;
        margin-top: 50%;
        -webkit-transition: all .8s; }
  .our-team .info {
    background-color: #fff;
    padding: 1.5rem; }
    .our-team .info h4 {
      font-size: 2rem;
      font-weight: 500;
      color: #1a7ffd; }
    .our-team .info h5 {
      font-size: 1.6rem;
      font-weight: 600; }

/*********************
      Blog
*********************/
.blog {
  overflow-x: hidden !important; }
  .blog .post {
    border: 2px solid #f4f5f8;
    border-radius: 10px;
    transition: all .8s; }
    .blog .post .post-thumbnail img {
      border-top-right-radius: 5px;
      border-top-left-radius: 5px; }
    .blog .post .text {
      position: relative;
      padding: .5rem 1rem; }
      .blog .post .text .comment, .blog .post .text .like {
        position: absolute;
        top: -55px;
        background: #fff;
        padding: 1rem;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        font-weight: 900; }
        .blog .post .text .comment i, .blog .post .text .like i {
          padding-right: .5rem;
          color: #1a7ffd; }
      .blog .post .text .comment {
        right: 0; }
      .blog .post .text .like {
        left: 0; }
      .blog .post .text h4 {
		
        color: #000;
        font-size: 1.7rem;
        font-weight: 700; }
      .blog .post .text h6 {
        font-family: 'Fira Sans', sans-serif;
		
        text-transform: uppercase;
        font-size: 1.4rem;
        color: #1a7ffd; }
    .blog .post:hover {
      box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.12); }

/*********************
      Footer
*********************/
.footer {
  background-color: #151515;
}
  .footer .footer-widget {
    padding-bottom: 2rem; }
    .footer .footer-widget h4 {
      color: #fff;
      font-weight: bold;
      text-transform: uppercase;
      border-bottom: 1px solid #fff;
      padding-bottom: 1rem;
      margin-bottom: 2rem; }
    .footer .footer-widget p {
      color: #ddd; }
    .footer .footer-widget .info {
      margin-bottom: 1rem; }
      .footer .footer-widget .info i {
        display: inline-block;
        color: #615492;
        font-size: 2rem;
        margin-right: 1rem; }
      .footer .footer-widget .info h6 {
        display: inline-block;
        color: #ddd;
font-size:1.8rem;
font-weight: 400;}
    .footer .footer-widget ul {
      display: inline-block;
      margin: 0 7rem 0 0;
      padding: 0; }
      .footer .footer-widget ul li {
        margin-bottom: 1rem;
        color: #ddd;
        cursor: pointer;
        transition: all .3s;
font-size:1.8rem;}
        .footer .footer-widget ul li i {
          color: #fff;
          margin-right: 1rem;}
        .footer .footer-widget ul li:hover {
          color: #1a7ffd; }
  .footer .popular-project {
    overflow: hidden; }
    .footer .popular-project .item {
      padding: 5px;
      overflow: hidden; }
      .footer .popular-project .item a {
        overflow: hidden; }
        .footer .popular-project .item a img {
          transition: all .3s; }
          .footer .popular-project .item a img:hover {
            transform: scale(1.2); }
  .footer .input-group {
    display: table;
    border-radius: 1rem; }
    .footer .input-group input {
      display: table-cell;
      padding: 0.5rem 1rem;
      border-color: transparent;
      border-top-left-radius: 1rem;
      border-bottom-left-radius: 1rem; }
    .footer .input-group span {
      background-color: #1a7ffd;
      color: #fff;
      display: table-cell;
      margin: 0;
      padding: 0.5rem 1.5rem;
      vertical-align: middle;
      cursor: pointer;
      border-top-right-radius: 1rem;
      border-bottom-right-radius: 1rem;
      transition: all .3s; }
      .footer .input-group span:hover {
        background-color: #fff;
        color: #1a7ffd; }
  .footer .footer-bottom {
    border-top: 1px solid #333;
    padding: 2rem; }
    .footer .footer-bottom h6 {
      color: #ccc;}

/*********************
  Start Header-page
*********************/
.header-about {
  position: relative;
  background: url("../img/header-sm.jpg");
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 70vh; }
  .header-about h1 {
    padding: 0;
    color: #ffffff;
    font-size: 70px;
    font-style: normal;
    text-transform: capitalize;
    line-height: 84px;
    margin-bottom: 30px;
    letter-spacing: 1px;
    display: inline-block;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3); }

/*********************
  Start About-page
*********************/
/** About **/
.about-a-page h4 {
  position: relative;
}
  .about-a-page h4::after {
    content: '';
    position: absolute;
    top: 35px;
    left: 0;
    width: 20%;
    height: 1px;
    background-color: white; }

.about-a-page h5 {
  position: relative;
	font-size: 1.9rem;
	color: white;
	font-weight: 400;
	line-height: 2.7rem;
}

.about-a-page h6 {
  position: relative;
	font-size: 1.5rem;
	color: white;
		font-size: 1.7rem;

	font-weight: 300;
	line-height: 2.7rem;
	text-align: justify;
	margin-top: -15px;
}
.about-a-page ul {
  padding: 0;
  margin: 0; 
color: white;}
  .about-a-page ul li i {
    color: white;
    margin-right: 1rem; }





@keyframes load {
  0% {
    stroke-dashoffset: 0; } }
/*********************
      Pricing
*********************/
.pricing .pricing-item {
  margin: 0 auto;
  padding: 3rem 0;
  transition: all .5s; }
  .pricing .pricing-item .icon span {
    color: #1a7ffd;
    font-size: 4rem;
    transition: all .5s; }
  .pricing .pricing-item h5 {
	
    font-size: 2.5rem;
    font-weight: 700;
	color: white;
	
}
  .pricing .pricing-item p {
    font-size: 1.6rem; }
  .pricing .pricing-item .pricing-price {
    font-weight: 700;
    font-size: 2rem;
    padding: 1.2rem 0; }
    .pricing .pricing-item .pricing-price .pricing-currency {
      font-size: 1.5rem;
      vertical-align: super; }
    .pricing .pricing-item .pricing-price .pricing-period {
      color: #bbb;
      font-size: 1.2rem; }
  .pricing .pricing-item ul {
    margin: 0 0 2rem 0;
    padding: 0; }
  .pricing .pricing-item button {
    border-radius: 50px; }
  .pricing .pricing-item:hover .icon span {
    color: #333; }
  .pricing .pricing-item:hover {
    box-shadow: 0 0 35px 6px rgba(0, 0, 0, 0.03); }
  .pricing .pricing-item:hover .pricing-price {
    color: #1a7ffd;
    -webkit-animation: finger 1.5s;
    -webkit-animation: finger 1.5s;
    animation: finger 1.5s; }
.pricing .pricing-item-1 {
  border-left: 1.5px solid #191919;
  border-right: 1.5px solid #191919; }

/**********************************
  Start Services-page-grid
**********************************/
.p-services .block-services {
  border: 2px solid #f4f5f8;
  border-radius: 10px;
  transition: all .8s; }
  .p-services .block-services .part-photo img {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px; }
  .p-services .block-services .part-content {
    padding: 2rem; }
    .p-services .block-services .part-content h5 {
      font-size: 1.7rem;
      font-weight: 700; }
  .p-services .block-services:hover {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.12); }

/**** our client ******/
.our-client {
  background-color: #f4f5f8; }
  .our-client .item-our-client {
    cursor: pointer;
    margin-bottom: 30px;
    padding: 0 3rem; }
    .our-client .item-our-client img {
      width: 100%; }

/**********************************
  CONTACTANOS
**********************************/

.contactanos {
	width: 100%;
	text-align: center;
	align-content: center;
  }

.contactanos .contactanos-personal {
	width: 33%;
	text-align: center;
	align-content: center;
	float: left;
  }

.contactanos .icono-contactanos {
	text-align: center;
	align-content: center;
  }

.contactanos .texto-contactanos {
	text-align: center;
	align-content: center;
		

  }

.texto-contactanos h5 {
	color: white;
	font-size: 2.5rem;
	font-weight: 400;
	text-align: center;
  }

.texto-contactanos h6 {
	color: white;
	font-size: 2rem;
	font-weight: 200;
	text-align: center;
  }


/**********************************
  Start Services-page-detail
**********************************/
.services-section {
  }
  .services-section .content-services {
    background-color:rgba(34,34,34,1.00); }
    .services-section .content-services .item {
      position: relative;
      background-color: #fff;
      display: block;
      overflow: hidden;
      border-radius: 8px; }
      .services-section .content-services .item .content-ser {
        text-align: center;
        margin: 0;
        padding: 3rem; }
      .services-section .content-services .item p {
        margin-bottom: 2rem; }
      .services-section .content-services .item .part-img {
        position: relative;
        height: 100%;
        padding: 3rem; 
background-color: black;}
    .services-section .content-services .active {
      display: block;
      color: inherit; }



/**********************************
        Start Contact
**********************************/
.contact #map {
  height: 350px;
  padding: 0; }
.contact .contact-info .info-block {
  display: table; }
  .contact .contact-info .info-block .icon {
    display: table-cell;
    vertical-align: top;
     }
    .contact .contact-info .info-block .icon i {
      color: #1a7ffd;
      font-size: 3rem;
      background-color: rgba(247, 247, 247, 0.7);
      border-radius: 50%;
      padding: 1rem; }
  .contact .contact-info .info-block .text {
    display: table-cell;
    padding-left: 2rem; }
    .contact .contact-info .info-block .text h5 {
      font-size: 2rem;
      font-weight: 400;
		color: white;
      text-transform: uppercase; }
    .contact .contact-info .info-block .text h6 {
      color: white;
      font-size: 2rem;
      letter-spacing: .2rem;
line-height: 3rem;}
.contact .form label {
  color: white;
  font-size: 1.9rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 1.2rem; }
.contact .form input, .contact .form textarea {
  border: 1px solid #f1f1f1;
  background-color: #f4f5f8; }
.contact .form textarea {
  width: 100% !important;
  height: 150px !important; }
.contact .form button {
  width: 100%;
  margin: 0; }

/* -------------------------------------------------------
                    Demo
-------------------------------------------------------- */
.header-demo {
  background: url(../img/slide2.jpg);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  position: relative;
  width: 100%;
  height: 100vh; }
  .header-demo .caption h1 {
    font-size: 6rem;
    letter-spacing: 5px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.1); }
  .header-demo .caption h4 {
    letter-spacing: 3px;
    color: #b1b1b1; }

.content-demo {
  background-color: #0e0e0e; }
  .content-demo .demo-block {
    border-radius: 4px;
    overflow: hidden; }
    .content-demo .demo-block a {
      overflow: hidden;
      border-radius: 4px; }
      .content-demo .demo-block a img {
        border-radius: 4px;
        transition: all .3s; }
        .content-demo .demo-block a img:hover {
          transform: scale(1.02);
          border-radius: 4px; }
    .content-demo .demo-block h4 {
      color: #fff;
      text-transform: uppercase;
      font-size: 1.6rem;
      font-style: italic;
      font-weight: 400;
      margin-top: 30px; }

.copy-r {
  padding: 5rem; }

.video {
	width: 33.3333%;
	float: left;


}


.videodos {
	width: 33.3333%;
	float: left;


}
.row2 {
	margin-top: 100px;
	text-align: center;
	background-color: aqua;
}

















.row > .column {
  padding: 0 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Create four equal columns that floats next to eachother */
.column {
  float: left;
  width: 25%;
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

/* The Modal (background) */
.modal2 {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}




/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* Modal Content */
.modal2-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 120px;
  right: 55px;
  font-size: 55px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: white;
  text-decoration: none;
  cursor: pointer;
}

/* Hide the slides by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Caption text */
.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

img.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}













.row > .column {
  padding: 0 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Create four equal columns that floats next to eachother */
.column {
  float: left;
  width: 25%;
}

/* The Modal (background) */
.rich {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

/* The Modal (background) */
.modal2 {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}




/* Modal Content */
.rich-contenido {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* Modal Content */
.modal2-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 120px;
  right: 55px;
  font-size: 55px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: white;
  text-decoration: none;
  cursor: pointer;
}

/* Hide the slides by default */
.myespacio {
  display: none;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Caption text */
.contenedor-captacion {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

img.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}












.row > .column {
  padding: 0 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Create four equal columns that floats next to eachother */
.column {
  float: left;
  width: 25%;
}

/* The Modal (background) */
.tercer {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

/* The Modal (background) */
.modal2 {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}




/* Modal Content */
.tercer-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* Modal Content */
.modal2-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 120px;
  right: 55px;
  font-size: 55px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: white;
  text-decoration: none;
  cursor: pointer;
}

/* Hide the slides by default */
.mySlidestercer {
  display: none;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Caption text */
.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

img.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}













/*# sourceMappingURL=style.css.map */