@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Fjalla+One|Muli);

	

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-paperclip:before {
    content: "\e906";
}
.icon-phone:before {
    content: "\e903";
}
.icon-location:before {
    content: "\e904";
}
.icon-sphere:before {
    content: "\e905";
}
.icon-mail2:before {
    content: "\e901";
}
.icon-google-plus:before {
    content: "\e907";
}
.icon-facebook:before {
    content: "\10ffff";
}
.icon-instagram:before {
    content: "\e900";
}
.icon-twitter:before {
    content: "\e902";
}
.icon-linkedin2:before {
    content: "\e908";
}

.icon-youtube:before {
    content: "\e909";
}

.social {
	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	left: 0; /* Establecemos la barra en la izquierda */
	top:200px; /* Bajamos la barra 200px de arriba a abajo */
	z-index:1000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
}
 
	.social ul {
		list-style: none;
	}
 
	.social ul li a {
		display: inline-block;
		color:#fff;
		background: #000;
		padding: 10px 15px;
		text-decoration: none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
	}
 
	.social ul li .icon-facebook {background:#3b5998;} /* Establecemos los colores de cada red social, aprovechando su class */
	.social ul li .icon-twitter {background: #00abf0;}
	.social ul li .icon-google-plus {background: #d95232;}
	.social ul li .icon-instagram {background: #ae181f;}
	.social ul li .icon-linkedin2 {background: #666666;}
	.social ul li .icon-youtube {background: #F00;}
 
	.social ul li a:hover {
		background: #000; /* Cambiamos el fondo cuando el usuario pase el mouse */
		padding: 10px 30px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
	}


	.datostext {
    font-family: 'Muli', sans-serif;
    font-size: 1em;
    line-height: 15px;
	margin-top:4px;
	margin-bottom:4px;
	color:#FFF;
	
}

.clients-2 {
    text-align: center;
    padding: 64px 0px 64px 0px;
}

.clients-2 img {
    max-height: 60px;
    max-width: 140px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 0.4;
}

.clients-2 .col-md-2 {
    height: 80px;
    line-height: 80px;
}

.primary-features {
    background: #01a2a6 !important;
}

.feature-icon-small i {
    font-size: 36px;
    display: inline-block;
    margin-bottom: 32px;
}

.icon-linegraph,.icon-document {
    font-family: 'et-line' !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
	color:#FFF;
}

.primary-features .feature-icon-small i {
    color: #fff;
}


.violeta {
    color: #993399;
	
	font-style: normal;
    font-weight: 600;
}


/* navegador */
    
        .dropup .caret,
        .navbar-fixed-bottom .dropdown .caret {
            border-top: 0;
            border-bottom: 4px solid #000000;
            content: "";
            float: right;
        }
        
        .dropup .dropdown-menu,
        .navbar-fixed-bottom .dropdown .dropdown-menu {
            top: auto;
            bottom: 100%;
            margin-bottom: 0px;
            width: 120%;
        }
        
        .dropdown-submenu> .dropdown-menu {
            width: 120%;
            left: -90%;
            margin-top:  0px;
            margin-left: 0;
            -webkit-border-radius: 0 6px 6px 6px;
            -moz-border-radius: 0 6px 6px 6px;
            border-radius: 0 6px 6px 6px;
        }
        
        .dropdown-submenu:hover> .dropdown-menu {
            display: block;
        }
        
        .dropup .dropdown-submenu> .dropdown-menu {
            top: auto;
            bottom: 0;
            width: 100%;
            margin-top: 32px;
            margin-bottom: 0px;
            -webkit-border-radius: 5px 5px 5px 0;
            -moz-border-radius: 5px 5px 5px 0;
            border-radius: 5px 5px 5px 0;
            
        }
        
        .dropdown-submenu> a:before {
            display: block;
            float: right;
            width: 0;
            height: 0;
            margin-top: 5px;
            margin-left: 10px;
            border-color: transparent;
            border-left-color: #cccccc;
            border-style: solid;
            border-width: 5px 0 5px 5px;
            content: " ";
        }
        
        .dropdown-submenu:hover> a:after {
            border-left-color: #000;
        }
        
        .dropdown-submenu.pull-left {
            float: none;
            width: 100%;
            height: 30px;
        }
        .dropdown-submenu.pull-left:hover {
            float: none;
            width: 100%;
            height: 30px;
        }
 /* 
             height: 30px;
       border:3px solid black;
*/
        
        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -95%;
            margin-left: 0px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
       }
        
        .navbar .nav li.dropdown> a:hover .caret,
        .navbar .nav li.dropdown> a:focus .caret {
            border-top-color: #333333;
            border-bottom-color: #333333;
        }
        
        .navbar .nav li.dropdown.open> .dropdown-toggle,
        .navbar .nav li.dropdown.active> .dropdown-toggle,
        .navbar .nav li.dropdown.open.active> .dropdown-toggle {
            color: #555555;
            background-color: #e5e5e5;
        }
        
        .navbar .nav li.dropdown> .dropdown-toggle .caret {
            border-top-color: #777777;
            border-bottom-color: #777777;
        }
        
        .navbar .nav li.dropdown.open> .dropdown-toggle .caret,
        .navbar .nav li.dropdown.active> .dropdown-toggle .caret,
        .navbar .nav li.dropdown.open.active> .dropdown-toggle .caret {
            border-top-color: #555555;
            border-bottom-color: #555555;
       }
        .dropdown-menu li{
            line-height: 35px;
            height: 35px;
            border-bottom: 1px solid #D1D1D1;
        }
        .dropdown-menu> li> a:hover,
        .dropdown-menu> li> a:focus,
        .dropdown-submenu:hover> a,
        .dropdown-submenu:focus> a {
            line-height: 35px;
            height: 35px;
            color: #ffffff;
            text-decoration: none;
            background-color: #0081c2;
            background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
            background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
            background-image: -o-linear-gradient(top, #0088cc, #0077b3);
            background-image: linear-gradient(to bottom, #0088cc, #0077b3);
            background-repeat: repeat-x;
            filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
        }
        
        .dropdown-menu> .active> a,
        .dropdown-menu> .active> a:hover,
        .dropdown-menu> .active> a:focus {
            color: #ffffff;
            text-decoration: none;
            background-color: #0081c2;
            background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
            background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
            background-image: -o-linear-gradient(top, #0088cc, #0077b3);
            background-image: linear-gradient(to bottom, #0088cc, #0077b3);
            background-repeat: repeat-x;
            outline: 0;
            filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
            line-height: 35px;
            height: 35px;
       }

@media (max-width: 768px) {
    .navbar-nav{
        margin-left: 10%;
        margin-top: 50px;
    }
    .dropdown-menu li{
        line-height: 45px;
        height: 45px;
    }
    
    .social {
        left: 90%;
    }
	.social ul li a {
		display: inline-block;
		color:#fff;
		background: #000;
		padding: 10px 15px;
		text-decoration: none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
	}
    
}