/*
Theme Name:  Innovatech
Theme URI: http://wordpress.org/themes/innovatech
Author: @semioticags
Author URI: https://instagram.com/semioticags
Description:
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
date: technology, nets, firewalls,security,software, hardware, IT, IT services, IT solutions, IT consulting, IT support, IT management, IT infrastructure, IT systems, IT networks, IT security, IT operations, IT development, IT engineering, IT architecture, IT design, IT implementation, IT deployment, IT integration, IT testing, IT maintenance, IT monitoring, IT optimization, IT performance, IT scalability, IT reliability, IT availability, IT disaster recovery, IT business continuity, IT compliance, IT governance, IT risk management, IT project management, IT service management, IT change management, IT incident management, IT problem management, IT configuration management, IT asset management, IT service desk, IT help desk, IT support, IT knowledge management, IT documentation, IT training, IT education, IT certification, IT standards,
IT best practices, IT methodologies, IT frameworks, IT processes, IT tools, IT technologies,
Text Domain: Innovatech
*/
/*-------------------*/
/*-PALETA DE COLORES-*/
/*-------------------*/
:root {
--green: rgba(89, 187, 168, 1);
--greendark: rgba(1, 138, 136, 1);
--black: rgba(14, 28, 35, 1);
--grey: rgba(51, 55, 65, 1);
--ligthgray: rgba(166, 175, 177, 1);
--bruma:rgba(237, 239, 240, 1);
    }
/*----------------------------------------*/
/*------------ESTILOS GENERALES-----------*/
/*----------------------------------------*/


@media(min-width:200px){
/*--------------------*/
/*-------HEADER-------*/
/*--------------------*/
header{
    width: 100%;
    height: 68px;
    background-color:white ;
    box-shadow: 7px 7px 12px rgba(0,0,0,.3);
    position: fixed;
    z-index: 99;
    position: fixed;
    top: 0;
    }
    .head_adjust{
    width: 100%;
    max-width: 1920px;
    height: auto;
    position: relative;
    margin: auto;
    background-color: var(--grey);
    }
    .logo-header{
    height: 60px;
    width: 68px;
    position: absolute;
    left: 0;
    padding: 12px ;
    padding-left: 36px;
    overflow: hidden;
    }
    .logo-header img{
    width: auto;
    height: 100%;
    }
    .icon-menu-box{
    position: absolute;
    padding: 14px 0;
    top: 0;
    right: 55px;
    }
    #icon-menu{
    font-size: 24px;
    color: var(--black);
    }

    .icon-menu-box{
    right: 16px;
    }
    #cssnav{
    position: absolute;
    padding: 16px;
    top: 70px;
    right: -100%;
    width: 100%;
    padding: 16px;
    height: 100vh;
    background-color: white;
    background-repeat: repeat-y;
    background-origin: border-box;
    background-position-x: right;
    z-index: 99;
    }
    /*--button close--*/
    .close-nav-box{
    width: 100%;
    padding: 12px 16px;
    position: relative;
    }
    .close-nav-box a{
    float: right;
    font-family: 'Open Sans', sans-serif !important;

    }
    /*links a tag*/
    #cssnav a{
    font-size: 16px;
    color: var(--black);
    display: block;
    font-family: 'Swavao', sans-serif;
    font-style: normal;
    }
    #cssnav a:hover{
    color: var(--darkgreen);
    }
    #cssnav ul li a{
    display: block;
    }
    #cssnav ul li ul li a{
    display: block;
    }
    /*orderer list*/
    #cssnav ul{
    list-style: none;
    padding-right: 10%;
    }
    /*orderer list single*/
    #cssnav ul li{
    padding: 16px 16px ;
    border-bottom: 1px solid var(--green);
    }
    #cssnav ul li:hover ul {
    display: block;
    }

    .color-lines-header{
    width: 100%;
    height: 8px;
    background-color: var(--blue);
    position: absolute;
    bottom: 0;
    display: flex;
    align-items:flex-end ;
    }
    .color-line-header{
    width: 15%;
    height: 100%;
    }
    #line-black{
    background-color: var(--black);
    width: 70%;
    }
    #line-darkgreen{
    background-color: var(--greendark);
    }
    #line-green{
    background-color: var(--green);
    }

    /*---fin de @media---*/
    }
    @media(min-width:400px){

    /*---fin de @media---*/
    }
    @media(min-width:500px){

    /*---fin de @media---*/
    }

    @media(min-width:600px){

    .logo-header{
    width: 300px;
    }
    /*---fin de @media---*/
    }

    @media(min-width:700px){

    /*---fin de @media---*/
    }

    @media(min-width:800px){

    /*---fin de @media---*/
    }

    @media(min-width:900px){

    /*---fin de @media---*/
    }

    @media(min-width:1000px){

    /*---fin de @media---*/
    }
    @media(min-width:1100px){

    /*---fin de @media---*/
    }

    @media(min-width:1200px){

    .logo-header{
    padding-left: 24px;
    }



    /*---fin de @media---*/
    }

    @media(min-width:1300px){
    header{
    position:fixed;
    }
    .head_adjust{
    display: flex;
    justify-content: flex-start;
    background-color: transparent;
    padding: 0 24px;
    }
    .icon-search-box{
    right: 24px;
    }
    .icon-menu-box{
    display: none;
    }
    .logo-header{
    position: relative;
     }
    #cssnav{
    position: relative;
    top: 0px;
    left: 0px;
    width:700px;
    padding:0 ;
    height:59px;
    padding-left: 16px;
    }
    .close-nav-box{
    display: none;
    }
    #cssnav ul{
    list-style: none;
    padding-right: 15%;
    display:flex;
    justify-content: space-between;
    width: 700px;
    height:59px;
    }
    #cssnav ul li{
    border: none;
    padding: 24px 16px;
    }
    #cssnav ul li:hover{
    box-shadow: rgba(89, 187, 168, 0.5) 0px -50px 36px -28px inset;
    transition: all 0.7s ease;
    cursor: pointer;
    }
    #cssnav ul li a{
    font-size: 18px;

    /*---fin de @media---*/
    }

    @media(min-width:1400px){

    /*---fin de @media---*/
    }

    @media(min-width:1600px){

    #cssnav{
    width: 900px;
     }


    /*---fin de @media---*/
    }


    @media(min-width:1900px){
    #cssnav ul{
    width: 900px;
    }
    #cssnav ul li{
    border: none;
    padding: 24px ;
    }
    #cssnav ul li a{
    font-size: 21px;
    /*---fin de @media---*/
    }