/*------------------------------------------------------------------
[Master Stylesheet]

Project:	Crown Landing Page
Version:	1.0
Last change:	22/02/2015 [Initail Release]
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Table of contents]

1. Body
2. Header / #header
3. Navigation / #navbar
4. Main Header Sec
5. Brands
6. Services
7. Text Block
8. Features
9. About Product
10. Plans
11. Some Cool Facts
12. Features
13. Reviews
14. Gallery
15. Text Block
16. Team
17. Twitter
18. Contact
19. Bottom Line
-------------------------------------------------------------------*/
@font-face {
    font-family: 'Poppins';
    src: url('../Poppins/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family:"Intro";src:url("../fonts/Intro.eot?") 
	format("eot"),url("../fonts/Intro.woff") 
	format("woff"),url("../fonts/Intro.ttf") 
	format("truetype"),url("../fonts/Intro.svg#Intro") 
	format("svg");font-weight:normal;
	font-style:normal;
}
body {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;

    background: none repeat scroll 0 0 #ffffff;
    margin: 0;
    overflow-x: hidden;
    padding: 0;
    float: left;
    width: 100%;
}
p{
	font-family:Lato;
	font-size:14px;
	color:#777777;
	float:left;
	width:100%;
	line-height:26px;
	letter-spacing: 0.3px;
	margin:0;
}
/* General Setting */
.block {

    float: left;
    padding: 30px 0;
    position: relative;
    width: 100%;
}



.block.main-header.dark:before {
    background: none repeat scroll 0 0 #000;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.96;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
/*.main-header:before {
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(linear, left top, left top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
	
	
	bottom: 0;
    content: "";
    height: 300px;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 9;
	
  }*/
.top-margin {
    float: left;
    margin-top: -50px;
    width: 100%;
}
.layer p {
    color: #bfbdca;
}
.block.no-padding {
    padding: 0;
}
.block.remove-top {
    padding-top: 0;
}
.block.remove-bottom {
    padding-bottom: 0;
}



.fixed-img {
    
    background-attachment: fixed !important;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    border-radius: 15px; 
    overflow: hidden; 
    z-index: 0;
}

.fixed-img::before {
    content: "";
    position: absolute;
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: -1; /* Mantiene los demás elementos visibles */
}

.block {
    position: relative;
    overflow: hidden;
}

.background-img {
    position: absolute;
    width: 100%;
    height: 100%; /* La imagen ahora ocupará toda la altura del .layer */
    object-fit: cover; /* Asegura que la imagen se ajuste sin distorsión */
}
.background-img2 {
    position: absolute;
    width: 100%;
    height: 100%; /* La imagen ahora ocupará toda la altura del .layer */
    object-fit: cover; /* Asegura que la imagen se ajuste sin distorsión */
}

@media (max-width: 768px) {
   

    .background-img {
        
        margin-top: -250px;
        margin-bottom: 10px;
        height: 100vh; /* Asegura que la imagen ocupe toda la pantalla */
        width: 100%;
        object-fit: contain; /* Evita recortes y muestra la imagen completa */
       /* Elimina ajustes que podrían causar espacios */
    }
   .background-img2 {
  margin-top: -570px;
  margin-bottom: 10px;
  height: 100vh;
  width: 100%;
  object-fit: cover; /* Estira la imagen para llenar el contenedor vertical */
}
    

    .layer{
        margin-bottom: -350px;


    }

}
.clients img {
    width: 80px; /* Ajusta el tamaño de las imágenes */
    height: auto; /* Mantiene la proporción */
}

.layer {
    position: relative;
    width: 100%;
    height: 100vh; /* Mantiene la altura del contenedor */
    display: flex;
    align-items: center;
    justify-content: center;
}
.rowtext {
    height: 150%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.row {
    height: 60%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
@media (max-width: 768px) {
  .row {
    height: 300%;
  }
}


.row2 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 200px; /* Aumenta la separación entre los elementos */
    width: 100%;
}

@media (max-width: 1440px){
    .row2 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    margin-left: 50px;
    gap: 105px; /* Aumenta la separación entre los elementos */
    width: 90%;
}
}

/* Asegurar que cada elemento tenga más espacio individualmente */
.row2 > * {
    padding:10px;
    margin: 0px;
}

/* Ajuste en pantallas medianas */
@media (max-width: 1024px) {
    .row2 {
        flex-wrap: wrap;
        margin-left: 10px;
        justify-content: center;
        gap: 40px;
    }
}

/* Ajuste en móviles */
@media (max-width: 768px) {
    .row2 {
        flex-direction: column;
        gap: 30px;
    }

    .row2 > * {
        width: 80%; /* Hace que los elementos tengan mejor distribución */
    }
   
.worker-container {
    display: flex;
    margin-left: -600px;
    margin-right: 0;
    align-items: center;
    width: 100%;
}

.texto-container {
    display: flex;
    margin-right: -20px;
    width: 100%;
    flex-direction: column;
}

.texto-container p {
    color: #FDC639;
    font-size: 55px;
    font-family: 'Poppins';
    font-weight: bold;
    text-align: left;
    line-height: 1.2;
}

.texto-container .p2 {
    color: #ffffff;
    font-size: 55px;
    margin-right: -20px;
    font-family: 'Poppins';
    font-weight: bold;
    text-align: left;
    line-height: 1.2;
}
}
.worker-container {
    display: flex;
    margin-left: -600px;
    margin-right: 0;
    align-items: center;
    width: 100%;
}

.texto-container {
    display: flex;
    margin-right: -20px;
    width: 100%;
    flex-direction: column;
}

.texto-container p {
    color: #FDC639;
    font-size: 55px;
    font-family: 'Poppins';
    font-weight: bold;
    text-align: left;
    line-height: 1.2;
}

.texto-container .p2 {
    color: #ffffff;
    font-size: 55px;
    margin-right: -20px;
    font-family: 'Poppins';
    font-weight: bold;
    text-align: left;
    line-height: 1.2;
}

@media (max-width: 576px) {
    .rowtext {
        flex-direction: row !important;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    .worker-container,
    .texto-container {
        flex: 0 0 50%;
        max-width: 200%;
        margin: 0;
    }

    .worker-img {
        width: 100%;
        height: auto;
        margin-left: -700px;
        object-fit: contain;
        margin: 0;
    }

    .texto-container {
        margin-top: -10px;
        margin-right: 10px;
        padding: 0px;
    }

    .texto-container p {
        font-size: 16px;
        width: 220px;
        text-align: justify;
        line-height: 1.0;
    }
    .texto-container .p2 {
        font-size: 16px;
        width: 250px;
        margin-top: 10px;
        margin-left: -80px;
        margin-bottom: -200px;
        text-align: center;
        line-height: 1.0;
    }
}

.worker-img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Ajuste de tamaño en dispositivos móviles */
@media (max-width: 768px) {
    .worker-img {
        object-position: top; /* Ajusta la imagen para mostrar más contenido en móviles */
        margin-top: -380px;
        height: 70vh; /* Aumenta ligeramente la altura para revelar más parte de la imagen */
        width: 100%; 
        margin-bottom: -329px;
        margin-left: 100px;
        object-fit: cover; /* Mantiene el ajuste sin distorsiones */
    }
}


@media (max-width: 480px) {
    .worker-container {
        display: flex;
       margin-left: -200px;
        align-items: center;
        width: 100%;
    }

    .worker-img {
        max-width: 80%;
        margin-bottom: -250px;
        height: auto;
    }
}
.content-container {
    flex: 1; /* Ocupa la parte derecha */
    
    padding: 20px;
    color: white;
}

@media (max-width: 768px) {
    .rowtext {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .worker-container {
        justify-content: center;
    }
}

.hero-banner {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    height: 100vh; /* Altura completa de pantalla */
}

.hero-background {
    position: fixed;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain; /* Asegura que la imagen se vea completa sin cortes */
    
}

.hero-layer {
    position: relative;
    width: 100%;
    height: 100vh; /* Asegura que el contenedor tenga la misma altura que la imagen */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
}


/* Ajustes para pantallas más pequeñas */
@media (max-width: 768px) {
    .hero-layer {
        height: auto; /* Permite que la imagen se adapte mejor */
        padding: 60px 0; /* Espaciado en móviles */
    }
}

.hero-content {
    font-family: 'Arial', sans-serif;
    font-size: 1.2rem;
    max-width: 600px;
    padding: 20px;
}

@media (max-width: 768px) {
    .hero-layer {
        height: 80vh; /* Ajuste en móviles */
    }

    .hero-content {
        font-size: 1rem;
    }
}

.block .container {
    padding: 0;
    position: relative;
    z-index: 9;
}

.sec-bg1 {
    background: url("../images/resource/Fecha banner.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
.sec-bg2 {
    background: url("../images/resource/sec-bg2.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
.sec-bg3 {
    background: url("../images/resource/sec-bg3.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
.sec-bg4 {
    background: url("../images/resource/1500X700.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
.sec-bg5 {
    background: url("../images/resource/Brazo de Orion 255X451.jpg") no-repeat scroll 0 0 / 100% 100%;
    
}

.sec-bg6 {
     background: url("../images/resource/Via Lactea 255X451.jpg") no-repeat scroll 0 0 / 100% 100%;
    
}

.sec-bg7 {
     background: url("../images/resource/Cinturon de Orion 255X451.jpg") no-repeat scroll 0 0 / 100% 100%;
    
}

.sec-bg8 {
    background: url("../images/resource/sec-bg8.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
.sec-bg9 {
    background: url("../images/resource/sec-bg9.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
.layer2 {
    width: 100vw; /* Abarca todo el ancho de la pantalla */
    min-height: 200px; /* Mantiene una altura mínima */
    display: flex;
    flex-direction: column; /* Asegura que los elementos se coloquen en columna */
    align-items: center; /* Centra los elementos horizontalmente */
    justify-content: center; /* Centra los elementos verticalmente */
    text-align: center;
    position: relative;
    background-image: url(/images/resource/Banner1216X460.jpg);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed; /* Hace que la imagen se mantenga fija al hacer scroll */
}

.text-block2 {
    display: flex;
    align-items: center; /* Centra verticalmente el botón y el texto */
    justify-content: center; /* Centra los elementos horizontalmente */
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;

    flex-wrap: wrap; /* Permite que se ajuste en móviles */
    text-align: center; /* Evita problemas de alineación en escritorio */
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    max-width: 1200px;
}


/* 🔹 Ajustes Responsive */
@media (max-width: 1024px) {
    .layer2 {
        padding: 40px 15px;
    }
}

@media (max-width: 768px) {
    .layer2 {
        min-height: 300px;
        padding: 30px 10px;
    }

   .text-block2 {
        flex-direction: column; /* Cambia a diseño vertical en móviles */
        text-align: center;
    }

}

@media (max-width: 480px) {
    .text-block2 {
        font-size: 16px; /* Texto más pequeño para pantallas pequeñas */
    }
}

@media (max-width: 1024px) {
    .layer2 {
        padding: 30px 15px; /* Reduce el espacio interno */
    }
}

@media (max-width: 768px) {
    .layer2 {
        padding: 20px 10px; /* Menos espacio en pantallas medianas */
    }
}

@media (max-width: 480px) {
    .layer2 {
        padding: 15px 5px; /* Ajusta para móviles pequeños */
    }
}



a{
	text-decoration:none;
}
/* Boxed Layout */
.theme-layout.boxed {
    background: none repeat scroll 0 0 #ffffff;
    
	-webkit-box-shadow: 0 0 10px #000000;
    -moz-box-shadow: 0 0 10px #000000;
    -ms-box-shadow: 0 0 10px #000000;
    -o-box-shadow: 0 0 10px #000000;
    box-shadow: 0 0 10px #000000;

    display: block;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 1230px;
    z-index: 0;
}
.theme-layout {
    display: inline-block;
    width: 100%;
	background: none repeat scroll 0 0 #fff;
}
.container{
	position:relative;
	z-index:99;
}
#calendar {
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    max-width: 1200px;
    margin: 40px auto;
    background: rgb(255, 255, 255);
    padding: 20px;
    border-radius: 10px;
    height: 600px; /* Ajusta según necesidad */
}
#day-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
  margin-bottom: 30px;
  padding: 10px;
}

#day-buttons button {
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
  font-size: 18px;
  height: 120px;
  width: 140px;
  background: #d1cece;
  color: rgb(36, 36, 36);
  border: none;
  cursor: pointer;
  border-radius: 10px;
  transition: transform 0.2s ease-in-out;
}

#day-buttons button:hover {
  background-color: #c9c9c9;
  transform: scale(1.05);
}

@media (max-width: 768px) {
  #day-buttons {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
  }

  #day-buttons button {
    width: 45%;
    height: auto;
    padding: 15px;
    font-size: 16px;
    margin-bottom: 10px;
    transform: none !important;
  }

  #day-buttons button:hover {
    transform: none;
  }

  #calendar {
    padding: 10px;
  }
}
.event-image {
    width: 200px; /* Tamaño de la imagen */
    height: 200px;
    object-fit: cover;
    border-radius: 0px;
    margin: 10px;
    
}
.fc .fc-toolbar-title{
    display: none !important;
}

.fc-list-event-time {
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    font-size: 20px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    justify-content: start;
    width: 100%;
}
.fc-list-day-text{
    font-size: 30px;
}


.fc-list-day-side-text{
    font-size: 30px;
    text-transform: capitalize;

}
.fc .fc-list-day-text {
  text-transform: capitalize;
}
.fc-list-event-time::after {
  content: ' AM'; /* o ' PM' según el caso */
}

.fc-list-event-time::after {
    content: ""; /* Oculta la segunda hora */
    display: none;
}


.fc-list-event{
    display: flex;
    flex-direction: column;
}
.fc .fc-button {
 display: none !important;
}

.fc-theme-standard .fc-list-day-cushion {
  background-color: #0d7cfe;
  color: #fcfcfc;
  position: sticky;
  top: 0;
  z-index: 100;
  padding: 10px 20px;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

.fc-list-event-graphic{
    display: none !important;
}

.event-item {
    display: flex;
    align-items: center;
    gap: 30px;
    width: 100%;
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    color: rgb(77, 74, 74);
    border-radius: 0px;
    margin-bottom: 10px;
    box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s ease-in-out;
}

.event-item:hover {
    transform: scale(1.05);
}

.event-tag {
    background: #0d7cfe;
    color: #fcfcfc;
    padding: 5px 8px;
    border-radius: 0px;
    margin-right: 5px;
    display: inline-block;
    font-size: 12px;
}



.event-text {
    font-family: 'Poppins', sans-serif;
}



/* Header */
.open-nav {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 100%;
    color: #fff;
    cursor: pointer;
    display: none;
    float: right;
    font-size: 20px;
    height: 44px;
    line-height: 40px;
    margin: 30px 0 0 0; /* Esto baja el botón 4px más (de 26px a 30px) */
    margin-top: 30px;
    text-align: center;
    width: 44px;
    
}
.menu {
    float: right;
    opacity: 1;
	
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
header.sticky .menu {
    opacity: 1;
}
.menu > ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.menu > ul > li {
    float: left;
    padding: 20px 0;
}
.menu > ul > li > a {
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    color: #ffffff;
    float: left;
    font-size: 13px;
    letter-spacing: 0.3px;
    padding: 20px;
    position: relative;
    text-transform: uppercase;
	
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
@media (max-width: 768px) {
    

    .menu > ul > li > a {
        color: #161313; /* Texto blanco sobre el fondo negro */
    }
}
.menu > ul > li > a:before {
    background: none repeat scroll 0 0 #0f0f0f;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    content: "";
    height: 6px;
    left: 15px;
    margin-top: -2px;
    opacity: 0;
    position: absolute;
    top: 50%;
    
	-webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
	
    width: 6px;
}

header {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
	
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
header.sticky {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.99);
    
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
header.sticky .logo > a {
    color: #555555;
}
header.sticky .menu > ul > li > a {
    color: #555555;
}
header.sticky .menu > ul > li.active > a:before {
    opacity: 1;
	left:0;
}
header .logo {
    float: left;
    margin-top: 30px;
}
.download-btns > li:hover > a {
    box-shadow: 0 8px 0 rgba(0, 0, 0, 0.2);
}
.logo > a {
    color: #ffffff;
    float: left;
    font-family: Intro;
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 42px;
	
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
.logo > a i {
    float: left;
    font-size: 29px;
    margin-right: 9px;
}

header nav p {
    color: #ffffff;
    float: right;
    font-size: 15px;
    margin-top: 30px;
    width: auto;
	
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
header .container {
    padding: 0;
}


/* header Sec */
.header-sec {
    float: left;
    padding-top: 60px;
    position: relative;
    width: 100%;
}
.header-sec.style2 .app-header-info {
    text-align: center;
}
.app-header-info > p {
    color: #fff;
    font-size: 15px;
    line-height: 28px;
    margin-top: 10px;
}
.app-header-info {
    float: left;
    margin-top: 70px;
    width: 100%;
}
.app-header-info.style3 > span {
    font-family: Lato;
    font-size: 18px;
    text-transform: uppercase;
}
.app-header-info.style3 > h3 {
    color: #ffffff;
    float: left;
    font-family: intro;
    font-size: 30px;
    line-height: 50px;
    margin: 15px 0;
    text-align: center;
    width: 100%;
}
.counter {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
	margin-top:20px;
}
.counter > li {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
    display: inline-block;
    margin: 0 5px;
    padding: 30px 0;
    text-align: center;
    width: 100px;
}
.counter > li span {
    color: #fff;
    float: left;
    font-family: Lato;
    font-size: 28px;
    font-weight: 900;
    letter-spacing: 0.3px;
    text-align: center;
    width: 100%;
}
.counter > li p {
    display: none;
}
.counter > li i {
    color: #ffffff;
    float: left;
    font-family: lato;
    font-size: 12px;
    font-style: normal;
    padding: 10px 0 0;
    text-align: center;
    width: 100%;
}
.app-header-info > span {
    color: #ffffff;
    float: left;
    font-family: intro;
    font-size: 20px;
    letter-spacing: 0.3px;
    width: 100%;
}
.app-header-info h1 {
    color: #ffffff;
    float: left;
    font-family: Intro;
    font-size: 137px;
    letter-spacing: 0.3px;
    margin: 18px 0 0 -5px;
    width: 100%;
}
.app-header-info > h2 {
    color: #fff;
    float: left;
    font-family: intro;
    font-size: 40px;
    letter-spacing: 0.3px;
    line-height: 60px;
    margin: -20px 0 0;
    width: 100%;
}

/* Header Service Sec */
.header-service-sec {
    float: left;
    margin-top: 50px;
    width: 100%;
	text-align: center;
}
.header-service {
    float: left;
    list-style: outside none none;
    margin: 80px 0 0;
    padding: 0;
    width: 100%;
}
.header-service > li {
    color: #ffffff;
    float: left;
    font-family: intro;
    font-size: 19px;
    letter-spacing: 0.3px;
    line-height: 50px;
    margin-bottom: 30px;
    position: relative;
    text-align: right;
    width: 100%;
	 padding-right: 60px;
}
.header-service.flip > li {
    text-align: left;
	 padding-right: 0px;
	  padding-left: 60px;
}
.header-service > li > i {
    border: 1px solid #fff;
    border-radius: 10px;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    margin-top: -20px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    width: 40px;
}
.header-service.flip > li > i {
    left: 0;
    right: auto;
}

/* Promo Laptop */
.promo-laptop {
    float: left;
    margin-top: 80px;
    text-align: center;
    width: 100%;
}
.promo-laptop iframe {
    border: medium none;
    border-radius: 20px;
    display: table;
    float: none;
    height: 360px;
    margin: 0 auto -70px;
    width: 630px;
}
/* Start Your Trial */
.start-trial {
    float: left;
    padding-top: 50px;
    text-align: center;
    width: 100%;
}
.start-trial > span {
    color: #ffffff;
    float: left;
    font-family: intro;
    font-size: 40px;
    letter-spacing: 0.3px;
    text-align: center;
    width: 100%;
}
.start-trial > span i {
    background: none repeat scroll 0 0 #fff;
    color: #333333;
    display: inline-flex;
    font-style: normal;
    padding: 10px 20px;
}
.start-trial > p {
    color: #fafafa;
    margin-bottom: 50px;
    margin-top: 20px;
}
.trial-form {
    background: none repeat scroll 0 0 #ffffff;
    display: table;
    float: none;
    margin: 0 auto;
    position: relative;
    width: 480px;
}
.show-form-btn {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #ffffff;
    cursor: pointer;
    font-size: 16px;
    height: 52px;
    left: 50%;
    line-height: 52px;
    margin-left: -26px;
    margin-top: -26px;
    position: absolute;
    text-align: center;
    top: 0;
    
	-webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
	
    width: 52px;
}
.trial-form > form {
    float: left;
    padding: 65px 35px 30px;
    width: 100%;
}
.trial-form > form input[type="text"],
.trial-form > form textarea {
    background: none repeat scroll 0 0 #f9f9f9;
    border: 1px solid #e1e1e1;
	
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    
	-webkit-box-shadow: 1px 1px 1px white inset;
    -moz-box-shadow: 1px 1px 1px white inset;
    -ms-box-shadow: 1px 1px 1px white inset;
    -o-box-shadow: 1px 1px 1px white inset;
    box-shadow: 1px 1px 1px white inset;
	
    color: #555555;
    float: left;
    font-family: Lato;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-bottom: 10px;
    padding: 18px 30px;
    width: 100%;
}
.trial-form p {
    margin-bottom: 32px;
    text-align: center;
}
.trial-form > form textarea {
    min-height: 170px;
	margin-bottom:20px;
}
.show-form-btn.hide-form {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.trial-form > form input[type="submit"] {
    border: medium none;
    display: table;
    float: none;
    font-family: Lato;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.3px;
    margin: 0 auto;
    padding: 13px 40px;
	color:#fff;
}

/* Download Buttons */
.download-btns {
     font-family: 'Poppins', sans-serif;
    font-weight: 800;
    float: left;
    list-style: outside none none;
    margin: 60px 0 0;
    padding: 0;
    width: 100%;
}
.download-btns > li {
    float: left;
    margin-right: 20px;
}
.header-sec.style2 {
    padding: 0;
}
.why-dont > .round-btn {
     font-family: 'Poppins', sans-serif;
    font-weight: 800;
    color: #0056b3 !important;
}
.header-sec.style2 .download-btns > li {
    display: inline-flex;
    float: none;
}
.mockup-laptop {
    float: left;
    margin-bottom: -90px;
    margin-top: 80px;
    text-align: center;
    width: 100%;
}
.download-btns > li > a {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
	
    color: #535353;
    float: left;
    font-family: Lato;
    font-size: 26px;
    line-height: 29px;
    padding: 20px 48px 26px 85px;
    position: relative;
	
	-webkit-transition:all 0.4s ease 0s;
	-moz-transition:all 0.4s ease 0s;
	-ms-transition:all 0.4s ease 0s;
	-o-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;

	background: rgb(255,255,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-8 */
	
}
.download-btns > li > a i {
    font-size: 33px;
    left: 31px;
    margin-top: -15px;
    position: absolute;
    top: 50%;
}
.download-btns > li > a span {
    float: left;
    font-size: 15px;
}
.download-btns > li > a.border {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 3px solid #ffffff;
    color: #ffffff;
    padding: 16px 48px 22px 85px;
}

/* WHy DOnt */
.why-dont-sec {
    position: absolute;
    right: 15px;
    top: 0;
    width: 340px;
}
.why-dont-sec > .pointer {
    border-color: #fff !important;
    float: right;
    position: relative;
    right: 0;
    top: 0;
}
.why-dont-sec > .pointer:before {
    border-color: #fff !important;
}
.why-dont-sec > .pointer > span {
    background: none repeat scroll 0 0 #fbfbfb !important;
}
.why-dont-sec > span {
    border: 1px solid #fff;
    
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
	
    color: #ffffff;
    cursor: pointer;
    float: right;
    height: 25px;
    line-height: 25px;
    text-align: center;
    
	-webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
	
    width: 25px;
}
.why-dont-sec > span:hover,.why-dont-sec > span.active {
    background: none repeat scroll 0 0 #ffffff;
}
.mockup-hand {
    float: left;
    position: relative;
    text-align: center;
    width: 100%;
}
.why-dont {
    background: none repeat scroll 0 0 #ffffff;
    
	-webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    -ms-border-radius: 11px;
    -o-border-radius: 11px;
    border-radius: 11px;
	
    display: none;
    margin-top: 20px;
    padding: 25px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 100%;

	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.why-dont:before {
    border-bottom: 25px solid #fff;
    border-left: 17px solid transparent;
    border-right: 0 solid transparent;
    content: "";
    position: absolute;
    right: 30px;
    top: -17px;
	
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
}
.why-dont h5 {
    color: #444444;
    float: left;
    font-family: intro;
    font-size: 15px;
    margin: 10px 0 0;
    width: 100%;
}
.why-dont > p {
    margin-bottom: 25px;
    margin-top: 11px;
}
.round-btn {
    border: 1px solid #555555;
    
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
	
    color: #444444;
    float: right;
     font-family: 'Poppins', sans-serif;
    font-weight: 800;
    font-size: 13px;
    letter-spacing: 0.3px;
    padding: 11px 30px;
	
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
.round-btn:hover {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
}

/* Clients */
.clients {
    background: none repeat scroll 0 0 #ffffff;
    
	-webkit-box-shadow: 0 10px 24px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 10px 24px rgba(0, 0, 0, 0.04);
    -ms-box-shadow: 0 10px 24px rgba(0, 0, 0, 0.04);
    -o-box-shadow: 0 10px 24px rgba(0, 0, 0, 0.04);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.04);
	
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0 140px;
    width: 100%;
}

.clients.no-shadow {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

/* heading */
@media (max-width: 768px) {
    .logo img {
        content: url('/images/resource/LOGO FITELVEN.png'); /* Cambia esta URL por la imagen deseada */
    }
}
.heading {
    float: left;
    margin-bottom: 60px;
    position: relative;
    text-align: center;
    width: 100%;
}
.heading > span {
    color: #f9f9f9;
    font-family: Intro;
    font-size: 147px;
    left: 0;
    line-height: 102px;
    position: absolute;
    text-align: center;
    top: 0;
    
	-webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
	
    width: 100%;
}
section:hover .heading > span {
    top: -20px;
	
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.heading h2 {
    color: #3c3c3c;
    float: left;
    font-family: Intro;
    font-size: 26px;
    letter-spacing: 0.3px;
    margin: 0;
    position: relative;
    text-align: center;
    width: 100%;
}
.heading > p {
    color: #747474;
    font-size: 13px;
    margin-top: 10px;
}


/* Serviecs */
.services {
    float: left;
    margin-top: 50px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 0;
}
.services > i {
    float: left;
    font-size: 70px;
    margin-bottom: 20px;
    width: 100%;
	
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
.services h3 {
    color: #555555;
    float: left;
    font-family: Intro;
    font-size: 18px;
    letter-spacing: 0.3px;
    margin: 10px 0;
    width: 100%;
}
.services > p {
    padding: 0 40px;
}
.services:before {
    background: none repeat scroll 0 0 #f2f2f2;
    content: "";
    height: 150%;
    left: 50%;
    opacity: 1;
    position: absolute;
    top: -20px;
    
	-webkit-transform: rotate(50deg);
    -moz-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    -o-transform: rotate(50deg);
    transform: rotate(50deg);
	
    width: 1px;
    z-index: -1;
	
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

.services:hover:before {
    height: 100%;
    left: 0;
    margin: 0;
    top: 0;
	
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.services:hover:after {
    height: 100%;
    right: 0;
    margin: 0;
    top: 0;
	
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.services:after {
    background: none repeat scroll 0 0 #f2f2f2;
    content: "";
    height: 150%;
    right: 50%;
    opacity: 1;
    position: absolute;
    top: -20px;
    
	-webkit-transform: rotate(-50deg);
    -moz-transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
    -o-transform: rotate(-50deg);
    transform: rotate(-50deg);
	
    width: 1px;
    z-index: -1;
	
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

/* text Block */
.text-block {
    float: left;
    margin-bottom: 50px;
    text-align: center;
    width: 100%;
}
.text-block > p {
    margin-bottom: 30px;
}
.round-btn.big {
    border: 0px solid;
    
	-webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    -o-border-radius: 35px;
    border-radius: 35px;
	
    color: #fff;
    display: table;
    float: none;
     font-family: 'Poppins', sans-serif;
    font-weight: 800;
    font-size: 15px;
    margin: 0 auto;
    padding: 17px 50px;
}
.text-block > h3 {
    color: #ffffff;
    float: left;
    font-family: intro;
    font-size: 32px;
    letter-spacing: 0.3px;
    margin: 0 0 9px;
    text-align: center;
    width: 100%;
}
.fancy-tab-area:before {
    -webkit-border-radius: 170px;
    -moz-border-radius: 170px;
    -ms-border-radius: 170px;
    -o-border-radius: 170px;
    border-radius: 170px;
	
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.fancy-tab-area .fixed-img {
    -webkit-border-radius: 170px;
    -moz-border-radius: 170px;
    -ms-border-radius: 170px;
    -o-border-radius: 170px;
    border-radius: 170px;
}
.fancy-tab-area {
    -webkit-border-radius: 170px;
    -moz-border-radius: 170px;
    -ms-border-radius: 170px;
    -o-border-radius: 170px;
    border-radius: 170px;
	
    display: table;
    float: none;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 0;
}
.fancy-tabs {
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    -ms-border-radius: 70px;
    -o-border-radius: 70px;
    border-radius: 70px;
	
    display: table;
    float: none;
    height: 150px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 70px;
    position: relative;
    z-index: 9;
}
.tab {
    float: left;
    margin-top: -82px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}
.tabs {
    display: table;
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 36px 0;
    position: relative;
    width: 100%;
}
.tabs li {
    float: left;
    position: relative;
}
.tabs a i {
    float: left;
    font-size: 51px;
    line-height: 45px;
    margin-bottom: 16px;
    text-align: center;
    width: 100%;
}
.tabs a {
    color: #fff;
    float: left;
    font-family: Lato;
    font-size: 14px;
    opacity: 0.7;
    padding: 0 20px;
    text-align: center;
    
	-webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
	
    width: auto;
}
.tabs li.current a {
    opacity: 1;
}
.tabs_item {
	display: none;
	padding: 51px 0 0;
}
#tabs {
	font-weight: bold;
	color: $green;
	font-size: 20px;
}
.tabs	img {
	width: 200px;
	float: left;
	margin-right: 30px;
}
.tab_content .tabs_item:first-child {
    display: block;
}
.tab_content {
    float: left;
    text-align: center;
    width: 100%;
}
.tab_content h3 {
    color: #434343;
    float: left;
    font-family: intro;
    font-size: 36px;
    letter-spacing: 0.3px;
    width: 100%;
}
.tab_content p {
    line-height: 31px;
    margin-bottom: 30px;
    margin-top: 10px;
    padding: 0 260px;
}
.current a {
	color: #fff;
	background: $green;
}
.tabs_item > img {
    margin-top: 40px;
}
.tab_content .round-btn:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}


/* Product Mockup */
.prdct-mock {
    float: left;
    width: 100%;
}
.prdct-mock img {
    bottom: -110px;
    margin-left: 180px ;
    float: left;
    position: relative;
}
@media (max-width: 1440px) {
  .prdct-mock img {
    bottom: -110px;
    margin-left: 380px;
    float: left;
    position: relative;
  }
}

.prdct-mock h3 {
    color: #fff;
    float: left;
    font-family: Intro;
    font-size: 54px;
    line-height: 64px;
    margin-top: 140px;
    width: 100%;
}
.prdct-mock .round-btn {
    float: left;
    margin-top: 40px;
}

/* Price Table */
.price-table-area {
    float: left;
    margin-top: 120px;
    position: relative;
    width: 100%;
}
@media (max-width: 768px) {
  .price-table-area {
    width: 78%;
    height: 19%;
    margin-left: 35px;
  }
}
.price-table-area > .fixed-img {
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    -ms-border-radius: 23px;
    -o-border-radius: 23px;
    border-radius: 23px;
    margin-right: 0;
}
.proce-table {
    /*background: none repeat scroll 0 0 rgba(255, 255, 255, 0.91);*/
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 120px 0 0;
    position: relative;
    width: 100%;
    z-index: 99;
}
.orion {
    display: block; /* Hace que "ORIÓN" aparezca en una nueva línea */
}
.clients.carrousel-unico {
    display: flex;
    justify-content: center;
    align-items: center;
}

.clients.carrousel-unico li {
    list-style: none;
    
}
.clients.carrousel-unico li img {
    width: 120%; /* Ajusta el tamaño según necesites */
    max-width: 300px; /* Un límite para evitar que crezca demasiado */
    height: auto; /* Mantiene la proporción */
}
.price-prdct {
    background: none repeat scroll 0 0 #7e7e7e;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	justify-content: center;
    color: #ffffff;
    font-family: Lato;
    font-size: 12px;
    font-weight: bold;
    height: 110px;
    left: 50%;
    line-height: 110px;
    margin-left: -55px;
    margin-top: -40px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 110px;
	z-index: 0;
	line-height: normal; /* Elimina la altura excesiva */
    padding-top: 40px;
	-webkit-transition:all 0.4s ease 0s;
	-moz-transition:all 0.4s ease 0s;
	-ms-transition:all 0.4s ease 0s;
	-o-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
.break-text {
    display: block;
    margin-top: 2px; /* Ajusta según sea necesario */
}

.proce-table:hover > .price-prdct {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.proce-table:hover > .price-prdct:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	
    -webkit-transition: all 0.4s ease 0.2s;
    -moz-transition: all 0.4s ease 0.2s;
    -ms-transition: all 0.4s ease 0.2s;
    -o-transition: all 0.4s ease 0.2s;
    transition: all 0.4s ease 0.2s;
}
.proce-table:hover > .price-prdct:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	
    -webkit-transition: all 0.4s ease 0.1s;
    -moz-transition: all 0.4s ease 0.1s;
    -ms-transition: all 0.4s ease 0.1s;
    -o-transition: all 0.4s ease 0.1s;
    transition: all 0.4s ease 0.1s;
}
.price-prdct > i {
    font-family: Lato;
    font-size: 21px;
    font-style: normal;
    font-weight: 20;
}
.price-prdct:before {
    background: none repeat scroll 0 0 #7e7e7e;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.26;
    position: absolute;
    top: 0;
    
	-webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
	
    width: 100%;
	z-index: -1;
	
	-webkit-transition:all 0.4s ease 0s;
	-moz-transition:all 0.4s ease 0s;
	-ms-transition:all 0.4s ease 0s;
	-o-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
.price-prdct:after {
    background: none repeat scroll 0 0 #7e7e7e;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.10;
    position: absolute;
    top: 0;
    
	-webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
	
    width: 100%;
	z-index: -1;
	
	-webkit-transition:all 0.4s ease 0s;
	-moz-transition:all 0.4s ease 0s;
	-ms-transition:all 0.4s ease 0s;
	-o-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
.heading-prdct {
    
    color: #ffffff;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5), -2px -2px 5px rgba(255, 0, 0, 0.5);

    float: left;
    font-family: intro;
    font-size: 19px;
    padding: 0 30px 40px;
    text-align: center;
    width: 100%;
}

.Prdct-signup {
    float: left;
    padding: 40px;
    text-align: center;
    width: 100%;
}
.Prdct-signup > .round-btn {
    background: none repeat scroll 0 0 #fff;
    border: medium none;
    display: table;
    float: none;
    margin: 0 auto;
}
.Prdct-features {
    
    color: #ffffff;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8);
    float: left;
    font-family: Lato;
    font-size: 14px;
    letter-spacing: 0.3px;
    padding: 13px 0;
    text-align: center;
    width: 100%;
}

/* Cool Facts */
.cool-facts {
    float: left;
    margin-top: 50px;
    position: relative;
    text-align: center;
    width: 100%;
}
.cool-facts img {
    margin-bottom: 20px; /* Ajusta el valor según lo necesites */
}
.cool-facts > i {
    color: #353434;
    float: left;
    font-size: 25px;
    margin-bottom: 20px;
    width: 100%;
    
}
.cool-facts > h5 {
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    color: #353434;
    float: left;
    font-size: 16px;
    letter-spacing: 0.3px;
    margin: 0 0 20px;
    width: 100%;
    min-height: 40px;
}
.cool-facts .count {
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    float: left;
    font-family: intro;
    font-size: 42px;
    letter-spacing: 0.3px;
    margin: 0;
    width: 100%;
}

.count::before {
    content: "+";
    margin-left: 20px; /* Espaciado entre el número y el signo */
    font-weight: bold; /* Ajusta el estilo si es necesario */
}

.cool-facts:before {
    background: none repeat scroll 0 0 #f2f2f2;
    content: "";
    height: 150%;
    left: 50%;
    position: absolute;
    top: -20px;
    
	-webkit-transform: rotate(34deg);
    -moz-transform: rotate(34deg);
    -ms-transform: rotate(34deg);
    -o-transform: rotate(34deg);
    transform: rotate(34deg);
	
    width: 1px;
    z-index: -1;
}


/* Cool Features */
.cool-features {
    border-bottom: 8px solid #efefef;
    border-top: 8px solid #efefef;
    float: left;
    margin-top: -8px;
    position: relative;
    width: 100%;
}
.prdct-mockup-info > h3 {
    color: #383838;
    float: left;
    font-family: intro;
    font-size: 39px;
    letter-spacing: 0.3px;
    line-height: 50px;
    margin: 2px 0 12px;
    width: 100%;
}
.features {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.features > li {
    color: #444444;
    float: left;
    font-family: Lato;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 39px;
    margin-bottom: 13px;
    padding-left: 62px;
    position: relative;
    width: 100%;
}
.cool-features > i {
    background: none repeat scroll 0 0 #fff;
    border: 8px solid #efefef;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    bottom: 50px;
    font-size: 15px;
    height: 50px;
    left: 50%;
    line-height: 35px;
    margin-left: -25px;
    position: absolute;
    text-align: center;
    width: 50px;
    z-index: 999;
}
.features > li > i {
    border: 1px solid;
    
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
	
    font-size: 17px;
    height: 39px;
    left: 0;
    line-height: 39px;
    position: absolute;
    text-align: center;
    width: 39px;
	
	-webkit-transition:all 0.4s ease 0s;
	-moz-transition:all 0.4s ease 0s;
	-ms-transition:all 0.4s ease 0s;
	-o-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
.features > li:hover > i {
    color: #fff;
}
.prdct-mockup-info > p {
    color: #6b6b6b;
    font-family: Lato;
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 45px;
}
.prdct-mockup-info > span {
    float: left;
    font-family: Intro;
    font-size: 60px;
    line-height: 44px;
    margin-bottom: 20px;
    width: 100%;
}
.cool-features.flip > .prdct-mockup {
    left: auto;
    right: 0;
}
.cool-features:before {
    background: none repeat scroll 0 0 #efeff0;
    content: "";
    height: 100%;
    left: 50%;
    margin-left: -4px;
    position: absolute;
    top: 0;
    width: 8px;
	z-index:99;
}
.cool-features.flip > .prdct-mockup-info {
    float: left;
}
.prdct-mockup {
    bottom: 0;
    float: left;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: auto;
    width: 50%;
}
.prdct-mockup-info {
    float: right;
    padding: 90px 100px 70px 70px;
    width: 50%;
}
.prdct-mockup > img {
    position: relative;
}

/* Slick Slider */
@charset "UTF-8";
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #fff url("../ajax-loader.gif") center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Icons */
@font-face { font-family: "slick"; src: url("../fonts/slick.eot"); src: url("../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/slick.woff") format("woff"), url("../fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }
[dir="rtl"] .slick-prev { left: auto; right: -25px; }
.slick-prev:before { content: "←"; }
[dir="rtl"] .slick-prev:before { content: "→"; }

.slick-next { right: -25px; }
[dir="rtl"] .slick-next { left: -25px; right: auto; }
.slick-next:before { content: "→"; }
[dir="rtl"] .slick-next:before { content: "←"; }

/* Dots */
.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; }
.slick-dots li {
    display: inline-flex;
    list-style: outside none none;
    margin: 0 2px;
    padding: 0;
    position: relative;
}
.slick-dots li button:before {
    display: none;
}
.slick-dots li button {
    background: none repeat scroll 0 0 #f1f1f1;
    border: 0 none;
    
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
	
    color: transparent;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 0;
    height: 7px;
    line-height: 0;
    margin: 0;
    outline: medium none;
    padding: 0;
    width: 20px;
}.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }



/* Testimonial */
.testimonial-slick {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.testimonial-area {
    float: left;
    text-align: center;
    width: 100%;
	margin-top: 20px;
	
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
.testimonial-area > p {
    background: none repeat scroll 0 0 #f1f1f1;
    
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
	
    color: #6c6b6b;
    float: left;
    font-family: Lato;
    font-size: 15px;
    font-style: italic;
    font-weight: 400;
    line-height: 26px;
    overflow: hidden;
    padding: 30px 30px 80px;
    position: relative;
    width: 100%;
    z-index: 0;
	
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
.testimonial-area > p:before {
    color: #ffffff;
    content: "";
    font-family: themify;
    font-size: 164px;
    margin-top: -20px;
    opacity: 0.4;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: -1;
}
.slick-slide.slick-active.slick-center .testimonial-area > span {
    margin-top: -100px;
}
.slick-slide.slick-active.slick-center  .testimonial-area {
    margin-top: 0;
}
.slick-slide.slick-active.slick-center .testimonial-area > p {
    padding-bottom: 120px;
	color:#fff;
}
.testimonial-slick .slick-slide {
    padding: 0 15px;
}
.testimonial-area > span {
    float: left;
    margin-top: -50px;
    position: relative;
    text-align: center;
    
	-webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
	
    width: 100%;
    z-index: 9;
}
.testimonial-area > span img {
    border: 5px solid #fff;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    
	-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
	
    display: table;
    margin: auto;
}
.testimonial-area > h5 {
    float: left;
    font-family: lato;
    font-size: 17px;
    font-style: italic;
    font-weight: 900;
    letter-spacing: 0.3px;
    margin: 20px 0 8px;
    text-align: center;
    width: 100%;
}
.testimonial-area h6 {
    color: #535353;
    float: left;
    font-family: Lato;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin: 0;
    width: 100%;
}


/* Text Block 2 */


.text-block2 > span {
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    color: #ffffff;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.9);
    float: left;
    font-size: 28px;
    letter-spacing: 0.3px;
    line-height: 52px;
}


/* Item Shot */
.item-shot {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.item-shot li {
    padding: 0 15px;
}
.app-screenshot {
    border: 5px solid #fff;
    
	-webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    -ms-border-radius: 22px;
    -o-border-radius: 22px;
    border-radius: 22px;
    
	-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
	
    float: left;
    margin-bottom: 12px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.app-screenshot > img {
    float: left;
    width: 100%;
}
.app-screenshot > a.html5lightbox {
    color: #fff;
    font-size: 40px;
    left: 0;
    margin-top: -15px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
	
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    -o-transform: scale(3);
    transform: scale(3);
    
	-webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
	
    width: 100%;
}
.app-screenshot:before {
    background: none repeat scroll 0 0 #fff;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
	
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    
	width: 100%;
}
.app-screenshot:hover:before {
    opacity: 0.9;
}
.app-screenshot:hover > a.html5lightbox {
    opacity: 1;
    
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	
    z-index: 9;
}


/* Team */
.team-area {
    float: left;
    width: 100%;
}
.team-area > .row {
    margin: 0;
}
.team-area > .row > div {
    padding: 0;
}
.team-details {
    float: left;
    padding: 60px 50px;
    position: relative;
    width: 50%;
}
.team-details:before {
    background: none repeat scroll 0 0 #f3f3f3;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    content: "";
    height: 30px;
    position: absolute;
    right: -8px;
    top: 50px;
    
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
	
    width: 30px;
}
.team-details > h3 {
    color: #3f3f3f;
    float: left;
    font-family: Lato;
    font-size: 26px;
    font-weight: 900;
    margin: 0;
    padding-bottom: 10px;
    position: relative;
	line-height: 33px;
    text-transform: uppercase;
    width: 100%;
}
.team-details > h3:before {
    background: none repeat scroll 0 0 #a7a7a7;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 40px;
}
.team-details > span {
    color: #7b7b7b;
    float: left;
    font-family: Lato;
    font-size: 14px;
    letter-spacing: 0.3px;
    margin-bottom: 30px;
    margin-top: 16px;
    text-transform: uppercase;
    width: 100%;
}
.team-details > ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.team-details > ul > li {
    float: left;
    margin-right: 20px;
}
.team-details > ul > li a {
    color: #4c4c4c;
    float: left;
    font-size: 17px;
}
.team-details > h3 > i {
    float: left;
    font-style: normal;
    font-weight: 100;
    width: 100%;
}
.team-avatar {
    float: left;
    width: 50%;
}
.team {
    background: none repeat scroll 0 0 #f3f3f3;
    float: left;
    width: 100%;
}
.team.flip > .team-avatar {
    float: left;
}
.team.flip > .team-details {
    float: right;
}
.team-avatar img {
    float: left;
    width: 100%;
}
.team.flip .team-details > h3 {
    color: #ffffff;
}

.team.flip .team-details > h3:before {
    background: none repeat scroll 0 0 #ffffff;
    opacity: 0.7;
}
.team.flip .team-details > span {
    color: #f4f4f4;
}
.team.flip .team-details ul li a {
    color: #fff;
}
.team.flip .team-details:before {
    left: -8px;
    right: auto;
}

/* Twitter Slide */
.twitter-slide {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.twitter-slide li {
    padding-top: 170px;
    position: relative;
}
.twitter-slide li h4 {
    color: #515151;
    float: left;
    font-family: Lato;
    font-size: 25px;
    font-style: italic;
    letter-spacing: 0.3px;
    line-height: 41px;
    margin: -10px 0 0;
    text-align: center;
    width: 100%;
}
.twitter-slide li span {
    color: #a09a9a;
    float: left;
    font-family: Lato;
    font-size: 14px;
    letter-spacing: 0.3px;
    margin-top: 16px;
    text-align: center;
    width: 100%;
}
.slick-slider {
    cursor: grab;
}
.twitter-slide li a {
    float: left;
    font-family: Lato;
    font-size: 17px;
    font-weight: lighter;
    margin-top: 6px;
    text-align: center;
    width: 100%;
}
.twitter-slide:before {
    color: #f3f3f3;
    content: "";
    font-family: themify;
    font-size: 148px;
    left: 0;
    position: absolute;
    text-align: center;
    top: -10px;
    width: 100%;
}

/* Get in touch */
.get-in-touch {
    float: left;
    width: 100%;
}
.get-in-touch form {
    float: left;
    width: 100%;
}
.get-in-touch form input[type="text"], .get-in-touch form textarea {
    background: none repeat scroll 0 0 #f9f9f9;
    border: 1px solid #e1e1e1;
    
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    
	-webkit-box-shadow: 1px 1px 1px white inset;
    -moz-box-shadow: 1px 1px 1px white inset;
    -ms-box-shadow: 1px 1px 1px white inset;
    -o-box-shadow: 1px 1px 1px white inset;
    box-shadow: 1px 1px 1px white inset;
	
    color: #555555;
    float: left;
    font-family: Lato;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-bottom: 10px;
    padding: 18px 30px;
    width: 100%;
}
.get-in-touch form textarea {
    min-height: 200px;
}
.get-in-touch form img {
    float: right;
    margin: 50px 0;
}
.get-in-touch form .submit {
    background: none repeat scroll 0 0 #fff;
    border: 3px solid;
    
	-webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
	
    float: left;
    font-family: lato;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.3px;
    margin-top: 20px;
    padding: 16px 50px;
    text-transform: uppercase;
}

.location {
    float: left;
    width: 100%;
}
.map-location {
    background-image: url("../images/map.png");
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    height: 280px;
    position: relative;
    width: 100%;
}
.pointer {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    height: 30px;
    padding: 2px;
    position: absolute;
    width: 30px;
}
.pointer:hover{
    z-index: 1;
}
.pointer span {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #fff;
    cursor: pointer;
    float: left;
    font-family: Lato;
    font-size: 15px;
    font-weight: 900;
    height: 100%;
    line-height: 24px;
    position: relative;
    text-align: center;
    width: 100%;
}
.address {
    left: 50%;
    margin-left: -120px;
    opacity: 0;
    padding: 20px 0 0;
    position: absolute;
    top: 120%;
	
    -webkit-transform: perspective(200px) rotateX(90deg);
    -moz-transform: perspective(200px) rotateX(90deg);
    -ms-transform: perspective(200px) rotateX(90deg);
    -o-transform: perspective(200px) rotateX(90deg);
    transform: perspective(200px) rotateX(90deg);
    
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
	
    width: 240px;
}
.pointer:hover .address {
    opacity: 1;
	
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.pointer:hover .address {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}

.address:before {
    border-bottom: 10px solid white;
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    content: "";
    left: 50%;
    margin-left: -10px;
    position: absolute;
    top: 10px;
}
.address ul {
    background: none repeat scroll 0 0 #ffffff;
    
	-webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    -o-border-radius: 13px;
    border-radius: 13px;
    
	-webkit-box-shadow: 0 0 23px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 23px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 23px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 23px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 23px rgba(0, 0, 0, 0.1);
	
    float: left;
    list-style: outside none none;
    padding: 20px 20px 15px;
    width: 100%;
}
.address ul li, .widget .address ul li {
    color: #666666;
    font-family: lato;
    font-size: 12px;
    line-height: 25px;
    padding: 0;
    text-align: center;
}
.address ul li:before,.widget .address ul li:before{
    display: none;
}
.pointer:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 2px solid;
	
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    
    -webkit-animation: pointing 1s infinite;
    -moz-animation: pointing 1s infinite;
    -ms-animation: pointing 1s infinite;
    -o-animation: pointing 1s infinite;
    animation: pointing 1s infinite;
}
@-webkit-keyframes pointing {
  0% {-webkit-transform: scale(1); opacity: 1;}
  25% {-webkit-transform: scale(1.3); opacity: 0.6;}
  50% {-webkit-transform: scale(1.7);  opacity: 0.3;}
  100% {-webkit-transform: scale(2); opacity: 0;}
}
@keyframes pointing {
  0% {transform: scale(1); opacity: 1;}
  25% {transform: scale(1.3); opacity: 0.6;}
  50% {transform: scale(1.7);  opacity: 0.3;}
  100% {transform: scale(2); opacity: 0;}
}
@-ms-keyframes pointing {
  0% {-ms-transform: scale(1); opacity: 1;}
  25% {-ms-transform: scale(1.3); opacity: 0.6;}
  50% {-ms-transform: scale(1.7);  opacity: 0.3;}
  100% {-ms-transform: scale(2); opacity: 0;}
}
@-o-keyframes pointing {
  0% {-o-transform: scale(1); opacity: 1;}
  25% {-o-transform: scale(1.3); opacity: 0.6;}
  50% {-o-transform: scale(1.7);  opacity: 0.3;}
  100% {-o-transform: scale(2); opacity: 0;}
}
.company-address {
    float: left;
    list-style: outside none none;
    margin: 40px 0 0;
    padding: 0;
    position: relative;
    width: 100%;
}
.company-address > li {
    color: #494949;
    float: left;
    font-family: Lato;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 30px;
    margin-bottom: 12px;
    padding-left: 44px;
    position: relative;
    width: 100%;
}
.company-address > li > i {
    border: 1px solid;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    float: left;
    font-size: 12px;
    height: 30px;
    left: 0;
    line-height: 29px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 30px;
}
.bottom-line {
    float: left;
    padding: 0 90px;
    text-align: center;
    width: 100%;
}
.bottom-line > span {
    color: #ffffff;
    float: left;
    font-family: Lato;
    font-size: 12px;
    letter-spacing: 0.3px;
    padding: 21px 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}


#topcontrol img {
    display: none;
}
#topcontrol {
    bottom: 20px !important;
    height: 40px !important;
    right: 20px !important;
    width: 40px !important;
	z-index:9999999 !important;
	color:transparent;
}
#topcontrol:before {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #fff;
    content: "";
    font-family: themify;
    font-size: 16px;
    height: 50px;
    left: 0;
    line-height: 50px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 50px;
}


/* Dark */
.block.dark {
    background: none repeat scroll 0 0 #1a1a1a;
}
.block.dark h1, .block.dark h2, .block.dark h3, .block.dark h4, .block.dark h5, .block.dark h6 {
    color: #ffffff;
}
.block.dark p{
    color: #abb6c2;
}
.dark .heading > span {
    color: #292929;
}
.dark .services:before, .dark .services:after {
    background: none repeat scroll 0 0 #3a3a3a;
}
.dark .proce-table {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    
	-webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    -ms-border-radius: 22px;
    -o-border-radius: 22px;
    border-radius: 22px;
}
.dark .heading-prdct {
    border-color: #5a5a5a;
    color: #ffffff;
}

.block.dark .cool-features:before {
    background: none repeat scroll 0 0 #363636;
}
.block.dark .cool-features{
	border-color:#363636;
}
.block.dark .features > li {
    color: #ffffff;
}
.block.dark .cool-features > i{
	border-color:#363636;
}
.block.dark .Prdct-features {
    border-bottom: 1px solid #5a5a5a;
    color: #cacaca;
}
.block.dark .cool-features > i {
    background: none repeat scroll 0 0 #1a1a1a;
    border-color: #363636;
    color: #fff;
}
.block.dark .team {
    background: none repeat scroll 0 0 #363636;
}

.block.dark .team-details:before {
    background: none repeat scroll 0 0 #363636;
}
.block.dark .team-details > span {
    color: #dadada;
}
.block.dark .team-details ul li a {
    color: #fff;
}
.block.dark .company-address > li {
    color: #fff;
}
.block.dark .clients {
    background: none repeat scroll 0 0 #2a2a2a;
}
header.sticky.bottom {
    bottom: 0;
    top: auto;
}
.block.dark .testimonial-area > p {
    background: none repeat scroll 0 0 #2a2a2a;
}

.block.dark .testimonial-area > p:before {
    opacity: 0.1;
}
.block.dark .get-in-touch form input[type="text"], .block.dark .get-in-touch form textarea {
    background: none repeat scroll 0 0 #2a2a2a;
    border: 1px solid #444;
	
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3) inset;
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3) inset;
    -ms-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3) inset;
    -o-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3) inset;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3) inset;
}
.block.dark .why-dont h5 {
    color: #444444;
}
.block.dark .why-dont > p {
    color: #777777;
}
.block.dark .app-header-info > p {
    color: #fff;
}
header.dark.sticky {
    background: none repeat scroll 0 0 #2a2a2a;
}
header.dark .logo > a {
    color: #ffffff;
}

header.dark nav a {
    color: #fafafa !important;
}

/* Slide Panel */
.site-options {
    left: -242px;
    position: fixed;
    top: 170px;
    
	-webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
	
    width: 242px;
    z-index: 9;
}
.site-options:hover {
    left: 0;
}
.site-options > a {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #e8ecec;
    
	-webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -ms-border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
	
    border-right: 1px solid #e8ecec;
    border-top: 1px solid #e8ecec;
    color: #464646;
    cursor: pointer;
    font-size: 17px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: -39px;
    text-align: center;
    top: 0;
    width: 40px;
}
.theme-layouts {
    float: left;
    width: 100%;
}
.header-option {
    float: left;
    width: 100%;
}
.bg-select {
    float: left;
    width: 100%;
}
.slidepanel-area .panel-heading {
    border-bottom: 1px dotted #e8ecec;
    color: #333333;
    float: left;
    font-family: Intro;
    font-size: 15px;
    margin: 0 0 15px;
    padding: 0 0 12px;
    width: 100%;
}
.slidepanel-area {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #e8ecec;
    float: left;
    padding: 20px;
    width: 100%;
}
.color-themes > ul,
.theme-layouts > ul,
.header-option > ul {
    float: left;
    list-style: outside none none;
    margin: 0 0 20px;
    padding: 0;
    width: 100%;
}
.color-themes > ul > li,
.theme-layouts > ul > li,
.header-option > ul > li {
    float: left;
    margin-right: 20px;
}
.color-themes > ul > li > a, 
.theme-layouts > ul > li > a,
.header-option > ul > li > a {
    border: 1px solid;
    
	-webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
	
    cursor: pointer;
    float: left;
    font-family: Lato;
    font-size: 11px;
    letter-spacing: 0.3px;
    padding: 6px 18px;
    text-transform: uppercase;
}
.color-themes > ul > li > a.active,
.theme-layouts > ul > li > a.active,
.header-option > ul > li > a.active {
    color: #fff;
}
.choose-bg {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.choose-bg > li {
    float: left;
    margin-right: 10px;
}
.choose-bg > li > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 40px;
    width: 40px;
}
.choose-bg > li > a  span{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 40px;
    width: 40px;
	cursor:pointer;
}
body.background {
    background-attachment: fixed;
    background-size: cover;
}
body.bg1{
    background-image: url("../images/bg1.jpg");
}
body.bg2{
    background-image: url("../images/bg2.jpg");
}
body.bg3{
    background-image: url("../images/bg3.jpg");
}

.bg-s1{
    background-image: url("../images/bg-s1.jpg");
}
.bg-s2{
    background-image: url("../images/bg-s2.jpg");
}
.bg-s3{
    background-image: url("../images/bg-s3.jpg");
}



/* main */
.main-sec {
    float: left;
    text-align: center;
    width: 100%;
}
.main-sec .logo {
    float: left;
    text-align: center;
    width: 100%;
	margin-bottom:20px;
}
.main-sec .logo a {
    float: left;
    font-size: 23px;
    text-align: center;
    width: 100%;
	color: #444444;
}
.main-sec .logo a i {
    float: none;
}
.demos > a {
    color: #444444;
    float: left;
    
	-webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    
	width: 100%;
}
.demos:hover > a {
    opacity: 0.5;
	
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}
.demos > a img {
    float: left;
    width: 100%;
}
.demos span {
    color: #444444;
    float: left;
    font-family: intro;
    font-size: 20px;
    letter-spacing: 0.3px;
    margin-top: 20px;
    text-align: center;
    width: 100%;
}
.demos {
    float: left;
    margin-top: 50px;
    text-align: center;
    width: 100%;
}

.logo > span {
    color: #666666;
    float: left;
    font-family: Lato;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin-top: 4px;
    width: 100%;
}



/* Blog Post */
.blog-post-sec {
    float: left;
    padding-left: 25px;
    position: relative;
    width: 100%;
	margin-top:50px;
}
.blog > p {
    text-align: center;
}
.blog {
    float: left;
    width: 100%;
}
.metas {
    left: 0;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 30px;
	z-index:666;
}
.post-thumb > a {
    bottom: -60px;
    color: #ffffff;
    font-size: 20px;
    height: 55px;
    line-height: 55px;
    position: absolute;
    right: -60px;
    text-align: center;
    transition: all 0.4s ease 0s;
    width: 55px;
}
.metas > li {
    float: left;
    width: 100%;
}

.post-thumb {
    float: left;
    width: 100%;
	overflow:hidden;
}
.blog:hover .post-thumb > a {
    bottom: 0;
    right: 0;
}
.blog > h3,
.blog-post-sec  h1{
    color: #383838;
    float: left;
    font-family: intro;
    font-size: 20px;
    letter-spacing: 0.3px;
    margin: 30px 0 10px;
    text-align: center;
    width: 100%;
}
.blog-post-sec  h1{
	margin: 50px 0 30px
}
blockquote {
    background: none repeat scroll 0 0 #fafafa;
    border: medium none;
    float: left;
    margin: 30px 0;
    padding: 40px;
    text-align: center;
    width: 100%;
}
blockquote p {
    font-size: 20px;
    font-style: italic;
    line-height: 31px;
}
.tags-bar {
    border-bottom: 1px solid #f7f7f7;
    border-top: 1px solid #f7f7f7;
    float: left;
    list-style: outside none none;
    margin: 30px 0;
    padding: 17px 0;
    width: 100%;
}
.tags-bar > li {
    float: left;
    line-height: 10px;
}
.tags-bar > li > i {
    color: #454545;
    float: left;
    font-size: 15px;
    padding: 0 15px;
}
.tags-bar > li > a {
    border-right: 1px solid #dfdfdf;
    color: #898989;
    float: left;
    font-family: Lato;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 11px;
    padding: 0 10px;
    transition: all 0.4s ease 0s;
}
.blog > h3 a{
    color: #383838;
}
.post-thumb > img {
    float: left;
    width: 100%;
}
.post-thumb {
    float: left;
    position: relative;
    width: 100%;
}
.metas > li > a {
    color: #fff;
    float: left;
    font-family: Lato;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.3px;
    margin-bottom: 4px;
    padding: 8px 30px;
    text-transform: uppercase;
}


/* Inner Head */
.inner-head {
    float: left;
    margin-bottom: 60px;
    text-align: center;
    width: 100%;
}
.inner-head > h2 {
    color: #ffffff;
    float: left;
    font-family: Intro;
    margin: 0 0 20px;
    text-align: center;
    width: 100%;
}
.breadcrumbs {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.breadcrumbs > li {
    color: #ffffff;
    display: inline;
    font-family: Lato;
    font-size: 13px;
    margin: 0 6px;
}
.breadcrumbs > li a {
    color: #ffffff;
    margin-right: 12px;
}

.post-author-details {
    background: none repeat scroll 0 0 #fafafa;
    float: left;
    width: 100%;
}
.post-author-details > span {
    float: left;
    width: 15%;
}
.post-author-details > span > img {
    float: left;
    width: 100%;
}
.post-author-infos {
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    width: 85%;
}
.post-author-infos > h3 {
    float: left;
    font-family: Lato;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.3px;
    margin: 5px 0;
    width: 100%;
}
.post-author-infos > span {
    color: #696969;
    float: left;
    font-family: Lato;
    font-size: 14px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 11px;
    margin-bottom: 13px;
    width: 100%;
}


/* Comment Sec */
.comment-sec {
    float: left;
    margin-top: 50px;
    width: 100%;
}
.comment-sec > h4 {
    color: #333333;
    float: left;
    font-family: intro;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.3px;
    margin: 0 0 20px;
    width: 100%;
}
.comment-sec > h4 > i {
    margin-right: 10px;
}
.comment-sec > ul {
    float: left;
    list-style: none outside none;
    margin: -30px 0 0;
    padding: 0;
    width: 100%;
}
.comment-sec ul li {
    float: left;
    margin-top: 30px;
    width: 100%;
	list-style: none outside none;
}
.comment-sec ul li ul {
    padding-left: 108px;
}
.comment {
    float: left;
    padding-left: 107px;
    position: relative;
    width: 100%;
}
.comment .avatar {
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 87px;
}
.avatar > span {
    float: left;
    margin-bottom: -13px;
    width: 100%;
}
.avatar > span > img {
    float: left;
    width: 100%;
}
.avatar > a {
    background: none repeat scroll 0 0 #fff;
    color: #333333;
    display: table;
    float: none;
    font-family: Lato;
    font-size: 11px;
    line-height: 10px;
    margin: 0 auto;
    padding: 6px 12px;
    position: relative;
}
.comment-info {
    background: none repeat scroll 0 0 #fafafa;
    float: left;
    padding: 25px 30px;
    width: 100%;
}
.comment-info > h3 {
    float: left;
    font-family: Lato;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin: 0 0 6px;
    width: 100%;
}
.comment-info > span {
    color: #393939;
    float: left;
    font-family: Lato;
    font-size: 11px;
    letter-spacing: 0.3px;
    margin-bottom: 12px;
    margin-top: 2px;
    width: 100%;
}
.comment-info > P {
    font-size: 13px;
    margin: 0;
}

/* Leave a Reply */
.leave-comment {
    float: left;
    margin-top: 50px;
    width: 100%;
}
.leave-comment > h4{
	 color: #333333;
    float: left;
    font-family: Intro;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.3px;
    margin: 0 0 20px;
    width: 100%;
}
.leave-comment > h4 > i {
    margin-right: 10px;
}
.leave-comment form {
    float: left;
    width: 100%;
}
.leave-comment form input[type="text"], .leave-comment form textarea {
    background: none repeat scroll 0 0 #fafafa;
    border: medium none;
    float: left;
    font-family: lato;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-bottom: 30px;
    padding: 17px 20px;
    width: 100%;
}
.leave-comment form textarea{
	height:150px;
}
.leave-comment form .submit{
	border: none;
    color: #fff;
    float: left;
    font-family: Roboto;
    font-size: 17px;
    letter-spacing: 0.3px;
    padding: 10px 30px;
}


.dark .blog > h3 a {
    color: #ffffff;
}
.dark blockquote {
    background: none repeat scroll 0 0 #2f2f2f;
}
.dark .tags-bar {
    border-color: #3f3f3f;
}
.dark .tags-bar > li > a {
    border-color: #3f3f3f;
}
.dark .tags-bar > li > i {
    color: #ffffff;
}
.dark .post-author-details {
    background: none repeat scroll 0 0 #2f2f2f;
}
.dark .post-author-infos > span {
    color: #bfbfbf;
}
.dark .comment-info {
    background: none repeat scroll 0 0 #2f2f2f;
}
.dark .comment-info > span {
    color: #dfdfdf;
}

.dark .leave-comment form input[type="text"], .dark  .leave-comment form textarea{
  background: none repeat scroll 0 0 #2a2a2a;
  color:#fff;
}