* {
    margin: 0;
    padding: 0;
}

/* Icon 1 */

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
    width: 10px;
    height: 45px;
    position: relative;
    margin: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}


/* Icon 3 */

#nav-icon3 span:nth-child(1) {
    top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
    top: 10px;
}

#nav-icon3 span:nth-child(4) {
    top: 20px;
}

#nav-icon3.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

#nav-icon3.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}









/* ==========================================================================
   Custom Menu Primary
   ========================================================================== */

/* Colors */





 /* Set ul background color */
 /* Set li background Color */
 /* Set link Color */
 /* Set link Hover Color */


/* Sticky menu */
.menu-fixed {
    position: fixed;
    top: 0;
    left: 0;
    background: #2dccd3;
    z-index: 20;
    width: 100% !important;
}
.menu-fixed .logo-menu-search {
    max-width: 1200px;
    margin: 0 auto !important;
    float: none !important;
}
@media screen and (min-width:1024px) {
    .menu-fixed.menu-fixed-container {
        height: 105px;
    }
}
/*Nivel 1*/
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    line-height: 15px;
}
.menu-fixed .custom-menu-primary .hs-menu-wrapper > ul > li {
    /*padding-bottom: 30px;*/
}
.menu-fixed .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children > ul.hs-menu-children-wrapper {
    /*margin-top: 30px;*/
}

/* Parent List */
.custom-menu-primary .hs-menu-wrapper > ul {
background:transparent;
}
.custom-menu-primary .hs-menu-wrapper > ul > li {
background:transparent;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 24px;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a {
color:#fff;
font-weight: 900;
padding-left: 0;
padding-right: 0;
}

.custom-menu-primary .hs-menu-wrapper > ul > li:after, .custom-menu-primary .hs-menu-wrapper > ul > li:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.custom-menu-primary .hs-menu-wrapper > ul > li:hover:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #fff;
    border-width: 10px;
    margin-left: -10px;
    z-index: 10000;
}
.custom-menu-primary .hs-menu-wrapper > ul > li:hover:before {
    border-color: rgba(194, 225, 245, 0);
    border-top-color: #fff;
    border-width: 10px;
    margin-left: -10px;
    z-index: 10000;
}
.custom-menu-primary .hs-menu-wrapper > ul > li:hover > a {
color:#002d72;
border-bottom: 5px solid #002d72;
padding-bottom: 5px;
}

/* Child List */
/*.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper {*/
.custom-menu-primary .hs-menu-wrapper > ul ul{

}
.custom-menu-primary .hs-menu-wrapper > ul ul li{
background:transparent;
float: left;
width: 17%;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a{
color:#fff;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{
color:#002d72;
}

/*Primer link*/
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li:hover > .child-trigger i::after,
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li:hover > .child-trigger i {
background-color:  #002d72;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a:hover {
color:  #002d72;
}
.custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1 ul li a {
    font-size: 15px;
    font-weight: 900 !important;
    text-transform: none !important;
}

.custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-2 ul li a {

    font-weight: 100;

}
/*Segundo link*/
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    white-space: normal;
    min-height: 45px;
    padding: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover {

}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
background: #2dccd3;
margin-top: 0;

}

/* primer nivel*/
.custom-menu-primary .hs-menu-children-wrapper {
    display: none;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li:hover .hs-menu-children-wrapper {
    display: inline-block;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
    /*position: initial;--*/
    /*float: left;--*/
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:hover > ul.hs-menu-children-wrapper li a {
    /*color: #f00 !important;*/
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 100;
    text-align: left;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children:hover > ul.hs-menu-children-wrapper li a:hover {
color:#002d72 !important;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children > ul.hs-menu-children-wrapper {
    /*position:fixed;--*/
    /*width: 100%;--*/
    width: 820px;
    border-top: 1px solid #fff;
    margin-top: 23px;
    padding: 50px 0 20px;
}

/* segundo nivel */
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-2.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    /*width: 100%;--*/
    /*position: initial;--*/
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-2.hs-item-has-children:hover > ul.hs-menu-children-wrapper li a {
    color: #fff !important;
}

.custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1 ul li {

}
.custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1 ul li a {
    text-align: left !important;
}


/* Diferentes alineaciones sesgún grupos */
.custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-child(1) ul {
    /*padding-left: 14.89361702%;*/
    left: -100px;
}

.custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-child(1) ul li {
    /*padding-left: 14.89361702%;*/
    /*padding-left: 310px;*/
}

.custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-child(2) ul li {
    width: 22%;
}
.custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-child(2) ul {
    /*padding-left: 14.89361702%;*/
    left: -200px;
}
.custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-child(2) ul li a {
}
.custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-child(3) ul {
    /*padding-left: 14.89361702%;*/
    left: -300px;
}
.custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-child(3) ul li {
    width: 17%;
}
.custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-child(4) ul {
    /*padding-left: 14.89361702%;*/
    left: -400px;
}
.custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1:nth-child(4):hover:after {
    display: none;
}
.custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1:nth-child(4):hover:before {
    display: none;
}
.custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-child(5) ul {
    /*padding-left: 14.89361702%;*/
    left: -500px;
}
.custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1:nth-child(5):hover:after {
    display: none;
}
.custom-menu-primary .hs-menu-wrapper > ul > li.hs-menu-depth-1:nth-child(5):hover:before {
    display: none;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li:hover > ul li.hs-item-has-children.hs-menu-depth-2 ul {
    opacity: 10 !important;
    visibility: visible;
    /*border: 10px solid red !important;*/
    width: 100%;
    position: initial;
}
.custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-child(3) ul li {
    text-align: center;
}
.custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-child(3) ul li a {
    /*text-align: left !important;*/
}
.custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-child(4) ul li {
    /*padding-left: 578px;*/
}
.custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-child(5) ul li {
    /*padding-left: 220px;*/
}


/* tercer nivel */
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-2.hs-item-has-children > ul.hs-menu-children-wrapper {
    /*background: #000;*/
    background: transparent;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-2.hs-item-has-children > ul.hs-menu-children-wrapper li {
    width: 100%;
    margin: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-2.hs-item-has-children > ul.hs-menu-children-wrapper li a {
    /*color: #ff0 !important;*/
    font-size: 12px;
    text-transform: initial;
    text-align: left !important;
    font-weight: 100 !important;
    min-height: 35px;
    padding: 0;

}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-2.hs-item-has-children > ul.hs-menu-children-wrapper li a:hover {
color:#002d72 !important;
}



/* Responsive */
.search-social-icons-responsive {
    background-color: #2dccd3;
    float: left !important;
    /*margin-top: -25px;*/
    padding-bottom: 0;
    width: 100% !important;
    position: relative;
}
.search-social-icons-responsive.showed {
    display: inline-block !important;
}
.social-icons-responsive.row-fluid [class*="span"]{
    float: none !important;
}
.social-icons-responsive {
    float: none !important;
}
.header .btn-contact {
    margin-top: 20px;
}
.btn-contact-responsive {
    margin-top: 0;
    padding-top: 15px;
    text-align: right;
    text-align: center;
}
.btn-contact-responsive a{
    color:#fff;
    border-radius:20px;
    border-color:#fff;
    border-style:solid;
    border-width:thin;
    padding:5px 25px 5px 25px;
}
.social-icons-responsive {
    margin: 20px auto 0;
}
.social-icons-responsive .social-icons {
    margin: 40px auto 0;
}
.social-icons-responsive ul {
    float: none !important;
}
.social-icons-responsive ul{
    list-style: none;
    margin: 0;
}
.social-icons-responsive li {
    float: left;
    margin: 0;
    width: 33%;
    text-align: center;
}
.header .select-language {
  margin: 0 10px;
  padding-top: 5px;
  width: 63px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  font-weight: 16px;
  background: transparent url('https://www.netquest.com/hubfs/Netquest_March_2017_Theme/img/arrow.png') no-repeat 40px 8px;
  position: absolute;
  z-index:10;
}
.select-languages-responsive {
    margin-top: 30px;
}
.select-languages-responsive .selected-language {
    width: 100%;
    text-align: center;
}
.select-languages-responsive .selected-language a {
    padding-right: 30px;
    width: 63px;
    color: #fff;
    font-weight: 16px;
    background: transparent url('https://www.netquest.com/hubfs/Netquest_March_2017_Theme/img/arrow.png') no-repeat 30px 4px;
}
.select-languages-responsive ul {
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
    display: none;
}
.select-languages-responsive ul.showed {
    display: block;
}
.select-languages-responsive ul li {
    margin: 0;
    float: left;
    margin: 0;
    width: 33%;
    text-align: center;
}
.select-languages-responsive a {
    color: #fff;
}

.search-field-responsive {
    /*display: none !important;*/
    width: 33% !important;
    margin-left: 33% !important;
    float: left !important;
}
.search-field-responsive input {
    padding: 5px;
    margin-top: 0;
}
.search-responsive-container {
    margin-top: 20px;
}
.search-btn-responsive {
    /*display: none !important;*/
    width: auto !important;
    float: left !important;
}
.search-btn-responsive a {
    display: inline-block;
    padding: 5px 0 0 15px;
}




/* Override max width on menu links */
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    overflow: visible;
    max-width: none;
    width: auto;
    text-align: left;

}


@media screen and (max-width:1200px) {
    /* Parent List */
    .custom-menu-primary .hs-menu-wrapper > ul {
    }
    .custom-menu-primary .hs-menu-wrapper > ul > li {
        padding-left: 0;
        padding-right: 0;
    }
}



@media screen and (max-width:1023px) {
    
    .background-menu {
        position: absolute;

        left: 0;
        height: 100%;
        width: 100%;
        z-index: 1;
        background-color: #2dccd3;
    }
    
    .header .custom-menu-primary .hs-menu-wrapper {
        
        overflow-y: auto;
        z-index: 10;
    }
    .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li:hover .hs-menu-children-wrapper {
        display: none;
    }

    .header .logo-menu-search {
        padding-top: 0;
        padding-bottom: 0;
    }
    .header .custom-menu-primary {
        float: none;
        height: auto !important;
        position: relative;
    }
    .custom-menu-primary .hs-menu-wrapper > ul > li > a {
        padding-left: 40px !important;
    }
    
    .header .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal ul {
        margin-top: 0;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1:first-of-type {
        margin-top: 15px;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
        float: left;
        text-align: left;
        margin: 0;
        width: 100%;
    }
    .header .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal ul {
        width: 100%;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1.hs-item-has-children > ul.hs-menu-children-wrapper {
        width: 100%;
        border-top: none !important;
        margin-top: 0;
        padding: 0;
        /*position: inherit;*/
    }

    .header .btn-contact {
        margin-top: 0;
    }
    /* Child List */
    /*.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper {*/
    .custom-menu-primary .hs-menu-wrapper > ul ul {
        float: none;
        width: 100%%;
    }

    .custom-menu-primary .hs-menu-wrapper > ul > li:after, .custom-menu-primary .hs-menu-wrapper > ul > li:before {
        border: none;
        position: initial;
    }

    .custom-menu-primary .hs-menu-wrapper > ul > li:hover:after {
        border: none;
        margin-left: 0;
    }
    .custom-menu-primary .hs-menu-wrapper > ul > li:hover:before {
        border: none;
        margin-left: 0;
    }
    .custom-menu-primary .hs-menu-wrapper > ul > li:hover > a {
        border-bottom: none;
        padding-bottom: 0;
    color: #002d72;
}

.custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1 ul {
    left: 0;
}

/*Segundo link*/
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    height: auto;
    padding-left: 30px;
}
/*Tercer link*/
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    position: relative;
    left:0 !important;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-2.hs-item-has-children > ul.hs-menu-children-wrapper li {
    width: 100% !important;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-2.hs-item-has-children > ul.hs-menu-children-wrapper li a {
    height: auto;
    padding-left: 10px;
}

.custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-child(1) ul li {

}

/* Diferentes alineaciones sesgún grupos */
.custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-child(1) ul {
    left: 0;
}
.custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-child(1) ul li {
    width: 100%;
    text-align: left;
}
.custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-child(2) ul {
    left: 0;
}
.custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-child(2) ul li {
    width: 100%;
    text-align: left;
}
.custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-child(3) ul {
    left: 0;
}
.custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-child(3) ul li {
    width: 100%;
    text-align: left;
}
.custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-child(4) ul {
    left: 0;
}
.custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-child(4) ul li {
    width: 100%;
    text-align: left;
}
.custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-child(5) ul {
    left: 0;
}
.custom-menu-primary .hs-menu-wrapper > ul li.hs-menu-depth-1:nth-child(5) ul li {
    width: 100%;
    text-align: left;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-2.hs-item-has-children > ul.hs-menu-children-wrapper li a {
    text-align: left !important;
}
}

/* Fix menu disappearing on desktop after toggling mobile menu */
@media screen and (min-width:1024px) {
    .custom-menu-primary .hs-menu-wrapper {
        display:block;
    }





}

/* ==========================================================================
   Mobile Menu - Hubspot Standard Toggle Menu
   ========================================================================== */


/**
 * Special Note
 *
 * When the menu is open, a class of .mobile-open is applied to the body. You can
 * use this for custom styling on any element when the menu is in the open position.
 */

.mobile-trigger, .child-trigger{
    display: none; /* Hide button on Desktop */
    z-index: 10;
}

@media (max-width: 1023px){


    /* Variables
       ========================================================================== */

   /* Set Mobile Menu Background Color */
      /* Set Link Color */
 /* Set Link Hover Color */

    /*
      * Menu Reset
      *
      * Remove styling from desktop version of custom-menu-primary. Place any
      * additional CSS you want removed from the mobile menu in this reset
      */

    .custom-menu-primary,
    .custom-menu-primary .hs-menu-wrapper > ul,
    .custom-menu-primary .hs-menu-wrapper > ul li,
    {
        display: block;
        float: none;
        position: static;
        top: auto;
        right: auto;
        left: auto;
        bottom: auto;
        padding: 0px;
        margin: 0px;
        background-image: none;
        background-color: transparent;
        border: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        -webkit-box-shadow: none;
        -moz-box-shadow:    none;
        box-shadow:         none;
        max-width: none;
        width: 100%;
        height: auto;
        line-height: 1;
        font-weight: normal;
        text-decoration: none;
        text-indent: 0px;
        text-align: left;
    color:#ffffff;
}


/* Toggle Button
   ========================================================================== */

.mobile-trigger{
    display: inline-block; /* Show button on mobile */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute; /*******************************************/
    top: 23px;          /* Position Button at right of screen  */
    right: 23px;        /*******************************************/
    width: auto; /* Button width */
    height: auto; /* Button height */
    padding: 7px 10px 8px 10px;
    /*background: #ffffff; /* Background color */
    /*border: 1px solid #2dccd3;*/
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
color: #2dccd3;
}
.mobile-trigger:hover{
    text-decoration: none; /* Removes link text underline on button */
color:;
/*background-color: #2dccd3; */
border-color: transparent;
}

/* Change button when menu is open */
.mobile-open .mobile-trigger{
color:;
/*background-color: #2dccd3; */
border-color: transparent;
}


/* Toggle Button Icon
   ========================================================================== */

.mobile-trigger i{
    display: inline;
    position: relative;
    top: -4px;
}
.mobile-trigger i:before, .mobile-trigger i:after{
    position: absolute;
    content: '';
}
.mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{
    width: 35px; /* Icon line width */
    height: 2px; /* Icon line height */
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background-color: #fff; /* Icon color */
    display: inline-block;
}
.mobile-trigger i:before{
    top: -10px; /* Position top line */
}
.mobile-trigger i:after{
    top: 10px; /* Position bottom line */
}

.mobile-trigger:hover i, .mobile-trigger:hover i:before, .mobile-trigger:hover i:after,
.mobile-open .mobile-trigger i, .mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after{
background-color: #002d72; /* Icon color */
}


/* Child Toggle Button
   ========================================================================== */

.child-trigger{
    display: block; /* Hide button on Desktop */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute;
    top: 0px;
    right: 0px;
    width: 55px; /* Button width */
    min-width: 55px ;
    height: 45px; /* Button height */
    padding: 0 ;
}
.child-trigger:hover{
    text-decoration: none;
}
.child-trigger i{
    position: relative;
    top: 50%; /* Centers icon inside button */
    margin: 0 auto !ant;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.child-trigger i:after{
    position: absolute;
    content: '';
}
.child-trigger i, .child-trigger i:after{
    width: 10px; /* Icon line width */
    height: 2px; /* Icon line height */
background-color:#ffffff; /* Icon color */
display: block;

}
.child-trigger i:after{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.child-trigger.child-open i:after{
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.child-trigger.child-open i{
}


/* Menu Styles on Mobile Devices
   ========================================================================== */
.header {
    padding: 0;
}
.header .custom-menu-primary.js-enabled{
    margin-top: 0;
    margin-left: 0;
    margin-bottom: -5px;
    position: relative;
}

/* Hide menu on mobile */
.custom-menu-primary.js-enabled .hs-menu-wrapper,
.custom-menu-primary.js-enabled .hs-menu-children-wrapper{
    display: none;
}

/* Make child lists appear below parent items */
.custom-menu-primary ul.hs-menu-children-wrapper{
    visibility: visible;
    opacity: 1;
    position: static;
    display: none;
}

/* Mobile Menu Styles */
.custom-menu-primary.js-enabled .hs-menu-wrapper{
    width: 100%;
    position: relative; /**************************************************************/
    top: 0;             /* Positions the menu to drop from the very top of the screen */
    left: 0;          /**************************************************************/
    padding: 0;
}
.header .custom-menu-primary .hs-menu-wrapper{
    display: none;
background-color:#2dccd3; /* Menu background color set off global menuColorMobile variable */
width: 100%; /* Full screen width */
}

/* Level 1 Menu List Styles */
.custom-menu-primary .hs-menu-wrapper > ul > li{
    position: relative;
}
.custom-menu-primary .hs-menu-wrapper > ul > li a{
    font-size: 18px; /* Font size of top level list items */
    line-height: 45px;
    overflow: visible;
}


/* Level 1 and Higher Menu List Styles */
.custom-menu-primary .hs-menu-wrapper > ul li{
    
}
.custom-menu-primary .hs-menu-wrapper >  ul li a{
    padding: 0 10px;
color:#ffffff; /* link color set by global mobile-aColor variable */
}
.header .custom-menu-primary .hs-menu-wrapper > ul > li > a.active, .header .custom-menu-primary .hs-menu-wrapper > ul > li > a:hover {
    border-bottom: none;
}

/* Level 2 and Higher Menu List Styles */
.custom-menu-primary .hs-menu-wrapper > ul ul li{
    /*background-color: rgba(255, 255, 255, .08);*/
    margin: 0;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a{
    text-indent: 10px; /* Indent Child lists */
    font-size: 16px; /* Font size of child lists */
}

/* Level 3 and Higher Menu List Styles */
.custom-menu-primary .hs-menu-wrapper > ul ul ul li a{
    text-indent: 30px; /* Indent Child lists */
}
.custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{
    text-indent: 50px; /* Indent Child lists */
}
}