/* DEFAULT MONITOR */
/* Navigation */
#navigation-icon {
  background: none;
  position: relative;
left: 95px;
top: 13px;
opacity: 1;
width: 47px;
height: 40px;
-webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
     -o-transform: rotate(0deg);
        transform: rotate(0deg);
cursor: pointer;
z-index: 10000;
}

#navigation-icon span {
position: absolute;
display: block;
background: var(--white);
width: 100%;
height: 9px;
left: 0;
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
     -o-transform: rotate(0deg);
        transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
   -moz-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
     -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
}

#navigation-icon span:nth-child(1) {
top: 0;
}

#navigation-icon span:nth-child(2) {
top: 15px;
}

#navigation-icon span:nth-child(3) {
top: 30px;
}


#navigation-icon.open span:nth-child(1) {
top: 15px;
-webkit-transform: rotate(135deg);
   -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
     -o-transform: rotate(135deg);
        transform: rotate(135deg);
}

#navigation-icon.open span:nth-child(2) {
left: 65px;
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

#navigation-icon.open span:nth-child(3) {
top: 15px;
-webkit-transform: rotate(-135deg);
   -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
     -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
}

.show {
  -webkit-transition: all 0.1s linear;
   -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
     -o-transition: all 0.1s linear;
        transition: all 0.1s linear;
}

.hide {
  -webkit-transition: all 0.1s linear;
   -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
     -o-transition: all 0.1s linear;
        transition: all 0.1s linear;
}

#navS {
  position: fixed;
width: 72%;
z-index: 9999;
top: 20px;
left: 14%;
right: 14%;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
            padding: 6% 4% 6% 0;
}

#navS {
  background: rgba(23,12,78, 0.9);
  color: var(--white);
  text-transform: uppercase;
}

#navS a {
  display: block;
  color:var(--white);
  margin-bottom: 10px;
}

.block:nth-child(2) a:hover:before {
  content: '';
    height: 2px;
    width: 2px;
    border: 2px solid #6ecff6;
    position: relative;
    display: inline-block;
        margin-right: -4px;
    bottom: 3px;
    left: -20px;
}

#navS span a:hover:before {border:none; margin:0; padding:0; display: inline;}

.block:nth-child(3) a:hover:before {
  content: '';
    height: 2px;
    width: 2px;
    border: 2px solid #6ecff6;
    position: relative;
    display: inline-block;
        margin-right: -4px;
    bottom: 3px;
    left: -20px;
}


#navS a:hover {
  color: var(--lightBlue);
}

#navS span {
  display: block;
    color: var(--white);
    font-size: 1.5em;
    font-weight: 700;
    padding-bottom: 66px;
}

.block{
    padding-left: 125px;
}

.block:nth-child(2) {
  padding-left: 10px;
}

.block:nth-child(3) {
  padding-left: 10px;
}


#navS span a {
  color: var(--white);
}

.block:nth-child(2) a {
padding-left: 24px;
font-size: .95em;
}

.block:nth-child(3) a {
padding-left: 24px;
font-size: .95em;
}
/* LARGER SCREEN */
@media only screen and (min-width: 1537px) and (max-width: 1681.5px) {
        /* Navigation */
    #navigation-icon {
      background: none;
      position: relative;
    left: 95px;
    top: 13px;
    opacity: 1;
    width: 47px;
    height: 40px;
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
    cursor: pointer;
    z-index: 10000;
    }
    
    #navigation-icon span {
    position: absolute;
    display: block;
    background: var(--white);
    width: 100%;
    height: 9px;
    left: 0;
            opacity: 1;
       -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
       -moz-transition: .25s ease-in-out;
        -ms-transition: .25s ease-in-out;
         -o-transition: .25s ease-in-out;
            transition: .25s ease-in-out;
    }
    
    #navigation-icon span:nth-child(1) {
    top: 0;
    }
    
    #navigation-icon span:nth-child(2) {
    top: 15px;
    }
    
    #navigation-icon span:nth-child(3) {
    top: 30px;
    }
    
    
    #navigation-icon.open span:nth-child(1) {
    top: 15px;
    -webkit-transform: rotate(135deg);
       -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
         -o-transform: rotate(135deg);
            transform: rotate(135deg);
    }
    
    #navigation-icon.open span:nth-child(2) {
    left: 65px;
            opacity: 0;
       -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    
    #navigation-icon.open span:nth-child(3) {
    top: 15px;
    -webkit-transform: rotate(-135deg);
       -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
         -o-transform: rotate(-135deg);
            transform: rotate(-135deg);
    }
    
    .show {
      -webkit-transition: all 0.1s linear;
       -moz-transition: all 0.1s linear;
        -ms-transition: all 0.1s linear;
         -o-transition: all 0.1s linear;
            transition: all 0.1s linear;
    }
    
    .hide {
      -webkit-transition: all 0.1s linear;
       -moz-transition: all 0.1s linear;
        -ms-transition: all 0.1s linear;
         -o-transition: all 0.1s linear;
            transition: all 0.1s linear;
    }
    
    #navS {
      position: fixed;
    width: 72%;
    z-index: 9999;
    top: 20px;
    left: 14%;
    right: 14%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
                padding: 6% 4% 6% 0;
    }
    
    #navS {
      background: rgba(23,12,78, 0.9);
      color: var(--white);
      text-transform: uppercase;
    }
    
    #navS a {
      display: block;
      color:var(--white);
      margin-bottom: 10px;
    }
    
    .block:nth-child(2) a:hover:before {
      content: '';
        height: 2px;
        width: 2px;
        border: 2px solid #6ecff6;
        position: relative;
        display: inline-block;
            margin-right: -4px;
        bottom: 3px;
        left: -20px;
    }
    
    #navS span a:hover:before {border:none; margin:0; padding:0; display: inline;}
    
    .block:nth-child(3) a:hover:before {
      content: '';
        height: 2px;
        width: 2px;
        border: 2px solid #6ecff6;
        position: relative;
        display: inline-block;
            margin-right: -4px;
        bottom: 3px;
        left: -20px;
    }
    
    
    #navS a:hover {
      color: var(--lightBlue);
    }
    
    #navS span {
      display: block;
        color: var(--white);
        font-size: 1.5em;
        font-weight: 700;
        padding-bottom: 66px;
    }
    
    .block{
        padding-left: 125px;
    }
    
    .block:nth-child(2) {
      padding-left: 10px;
    }
    
    .block:nth-child(3) {
      padding-left: 10px;
    }
    
    
    #navS span a {
      color: var(--white);
    }
    
    .block:nth-child(2) a {
    padding-left: 24px;
    font-size: .95em;
    }
    
    .block:nth-child(3) a {
    padding-left: 24px;
    font-size: .95em;
    }
}
/* LARGE SCREEN */
@media only screen and (min-width: 1025px) and (max-width: 1536.5px) {
    /* Navigation */
    #navigation-icon {
      background: none;
      position: relative;
    left: 95px;
    top: 13px;
    opacity: 1;
    width: 47px;
    height: 40px;
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
    cursor: pointer;
    z-index: 10000;
    }
    
    #navigation-icon span {
    position: absolute;
    display: block;
    background: var(--white);
    width: 100%;
    height: 9px;
    left: 0;
            opacity: 1;
       -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
       -moz-transition: .25s ease-in-out;
        -ms-transition: .25s ease-in-out;
         -o-transition: .25s ease-in-out;
            transition: .25s ease-in-out;
    }
    
    #navigation-icon span:nth-child(1) {
    top: 0;
    }
    
    #navigation-icon span:nth-child(2) {
    top: 15px;
    }
    
    #navigation-icon span:nth-child(3) {
    top: 30px;
    }
    
    
    #navigation-icon.open span:nth-child(1) {
    top: 15px;
    -webkit-transform: rotate(135deg);
       -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
         -o-transform: rotate(135deg);
            transform: rotate(135deg);
    }
    
    #navigation-icon.open span:nth-child(2) {
    left: 65px;
            opacity: 0;
       -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    
    #navigation-icon.open span:nth-child(3) {
    top: 15px;
    -webkit-transform: rotate(-135deg);
       -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
         -o-transform: rotate(-135deg);
            transform: rotate(-135deg);
    }
    
    .show {
      -webkit-transition: all 0.1s linear;
       -moz-transition: all 0.1s linear;
        -ms-transition: all 0.1s linear;
         -o-transition: all 0.1s linear;
            transition: all 0.1s linear;
    }
    
    .hide {
      -webkit-transition: all 0.1s linear;
       -moz-transition: all 0.1s linear;
        -ms-transition: all 0.1s linear;
         -o-transition: all 0.1s linear;
            transition: all 0.1s linear;
    }
    
    #navS {
      position: fixed;
    width: 72%;
    z-index: 9999;
    top: 20px;
    left: 14%;
    right: 14%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
                padding: 6% 4% 6% 0;
    }
    
    #navS {
      background: rgba(23,12,78, 0.9);
      color: var(--white);
      text-transform: uppercase;
    }
    
    #navS a {
      display: block;
      color:var(--white);
      margin-bottom: 10px;
    }
    
    .block:nth-child(2) a:hover:before {
      content: '';
        height: 2px;
        width: 2px;
        border: 2px solid #6ecff6;
        position: relative;
        display: inline-block;
            margin-right: -4px;
        bottom: 3px;
        left: -20px;
    }
    
    #navS span a:hover:before {border:none; margin:0; padding:0; display: inline;}
    
    .block:nth-child(3) a:hover:before {
      content: '';
        height: 2px;
        width: 2px;
        border: 2px solid #6ecff6;
        position: relative;
        display: inline-block;
            margin-right: -4px;
        bottom: 3px;
        left: -20px;
    }
    
    
    #navS a:hover {
      color: var(--lightBlue);
    }
    
    #navS span {
      display: block;
        color: var(--white);
        font-size: 1.5em;
        font-weight: 700;
        padding-bottom: 66px;
    }
    
    .block{
        padding-left: 125px;
    }
    
    .block:nth-child(2) {
      padding-left: 10px;
    }
    
    .block:nth-child(3) {
      padding-left: 10px;
    }
    
    
    #navS span a {
      color: var(--white);
    }
    
    .block:nth-child(2) a {
    padding-left: 24px;
    font-size: .95em;
    }
    
    .block:nth-child(3) a {
    padding-left: 24px;
    font-size: .95em;
    }
}

/* iPad LANDSCAPE */
@media only screen and (min-width: 769px) and (max-width: 1024.5px) and (orientation : landscape) {
    /* Navigation */
    #navigation-icon {
      background: none;
      position: relative;
    left: 95px;
    top: 13px;
    opacity: 1;
    width: 47px;
    height: 40px;
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
    cursor: pointer;
    z-index: 10000;
    }
    
    #navigation-icon span {
    position: absolute;
    display: block;
    background: var(--white);
    width: 100%;
    height: 9px;
    left: 0;
            opacity: 1;
       -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
       -moz-transition: .25s ease-in-out;
        -ms-transition: .25s ease-in-out;
         -o-transition: .25s ease-in-out;
            transition: .25s ease-in-out;
    }
    
    #navigation-icon span:nth-child(1) {
    top: 0;
    }
    
    #navigation-icon span:nth-child(2) {
    top: 15px;
    }
    
    #navigation-icon span:nth-child(3) {
    top: 30px;
    }
    
    
    #navigation-icon.open span:nth-child(1) {
    top: 15px;
    -webkit-transform: rotate(135deg);
       -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
         -o-transform: rotate(135deg);
            transform: rotate(135deg);
    }
    
    #navigation-icon.open span:nth-child(2) {
    left: 65px;
            opacity: 0;
       -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    
    #navigation-icon.open span:nth-child(3) {
    top: 15px;
    -webkit-transform: rotate(-135deg);
       -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
         -o-transform: rotate(-135deg);
            transform: rotate(-135deg);
    }
    
    .show {
      -webkit-transition: all 0.1s linear;
       -moz-transition: all 0.1s linear;
        -ms-transition: all 0.1s linear;
         -o-transition: all 0.1s linear;
            transition: all 0.1s linear;
    }
    
    .hide {
      -webkit-transition: all 0.1s linear;
       -moz-transition: all 0.1s linear;
        -ms-transition: all 0.1s linear;
         -o-transition: all 0.1s linear;
            transition: all 0.1s linear;
    }
    
    #navS {
      position: fixed;
    width: 72%;
    z-index: 9999;
    top: 20px;
    left: 14%;
    right: 14%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
                padding: 6% 4% 6% 0;
    }
    
    #navS {
      background: rgba(23,12,78, 0.9);
      color: var(--white);
      text-transform: uppercase;
    }
    
    #navS a {
      display: block;
      color:var(--white);
      margin-bottom: 10px;
    }
    
    .block:nth-child(2) a:hover:before {
      content: '';
        height: 2px;
        width: 2px;
        border: 2px solid #6ecff6;
        position: relative;
        display: inline-block;
            margin-right: -4px;
        bottom: 3px;
        left: -20px;
    }
    
    #navS span a:hover:before {border:none; margin:0; padding:0; display: inline;}
    
    .block:nth-child(3) a:hover:before {
      content: '';
        height: 2px;
        width: 2px;
        border: 2px solid #6ecff6;
        position: relative;
        display: inline-block;
            margin-right: -4px;
        bottom: 3px;
        left: -20px;
    }
    
    
    #navS a:hover {
      color: var(--lightBlue);
    }
    
    #navS span {
      display: block;
        color: var(--white);
        font-size: 1.5em;
        font-weight: 700;
        padding-bottom: 66px;
    }
    
    .block{
        padding-left: 125px;
    }
    
    .block:nth-child(2) {
      padding-left: 10px;
    }
    
    .block:nth-child(3) {
      padding-left: 10px;
    }
    
    
    #navS span a {
      color: var(--white);
    }
    
    .block:nth-child(2) a {
    padding-left: 24px;
    font-size: .95em;
    }
    
    .block:nth-child(3) a {
    padding-left: 24px;
    font-size: .95em;
    }
}

/* iPad PORTRAIT */
@media only screen and (min-width: 769px) and (max-width: 1024.5px) and (orientation : portrait) {
        /* Navigation */
        #navigation-icon {
          background: none;
          position: relative;
        left: 95px;
        top: 13px;
        opacity: 1;
        width: 47px;
        height: 40px;
        -webkit-transform: rotate(0deg);
           -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
             -o-transform: rotate(0deg);
                transform: rotate(0deg);
        cursor: pointer;
        z-index: 10000;
        }
        
        #navigation-icon span {
        position: absolute;
        display: block;
        background: var(--white);
        width: 100%;
        height: 9px;
        left: 0;
                opacity: 1;
           -moz-opacity: 1;
        -webkit-opacity: 1;
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: rotate(0deg);
           -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
             -o-transform: rotate(0deg);
                transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
           -moz-transition: .25s ease-in-out;
            -ms-transition: .25s ease-in-out;
             -o-transition: .25s ease-in-out;
                transition: .25s ease-in-out;
        }
        
        #navigation-icon span:nth-child(1) {
        top: 0;
        }
        
        #navigation-icon span:nth-child(2) {
        top: 15px;
        }
        
        #navigation-icon span:nth-child(3) {
        top: 30px;
        }
        
        
        #navigation-icon.open span:nth-child(1) {
        top: 15px;
        -webkit-transform: rotate(135deg);
           -moz-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
             -o-transform: rotate(135deg);
                transform: rotate(135deg);
        }
        
        #navigation-icon.open span:nth-child(2) {
        left: 65px;
                opacity: 0;
           -moz-opacity: 0;
        -webkit-opacity: 0;
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        }
        
        #navigation-icon.open span:nth-child(3) {
        top: 15px;
        -webkit-transform: rotate(-135deg);
           -moz-transform: rotate(-135deg);
            -ms-transform: rotate(-135deg);
             -o-transform: rotate(-135deg);
                transform: rotate(-135deg);
        }
        
        .show {
          -webkit-transition: all 0.1s linear;
           -moz-transition: all 0.1s linear;
            -ms-transition: all 0.1s linear;
             -o-transition: all 0.1s linear;
                transition: all 0.1s linear;
        }
        
        .hide {
          -webkit-transition: all 0.1s linear;
           -moz-transition: all 0.1s linear;
            -ms-transition: all 0.1s linear;
             -o-transition: all 0.1s linear;
                transition: all 0.1s linear;
        }
        
        #navS {
          position: fixed;
        width: 72%;
        z-index: 9999;
        top: 20px;
        left: 14%;
        right: 14%;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
                    padding: 6% 4% 6% 0;
        }
        
        #navS {
          background: rgba(23,12,78, 0.9);
          color: var(--white);
          text-transform: uppercase;
        }
        
        #navS a {
          display: block;
          color:var(--white);
          margin-bottom: 10px;
        }
        
        .block:nth-child(2) a:hover:before {
          content: '';
            height: 2px;
            width: 2px;
            border: 2px solid #6ecff6;
            position: relative;
            display: inline-block;
                margin-right: -4px;
            bottom: 3px;
            left: -20px;
        }
        
        #navS span a:hover:before {border:none; margin:0; padding:0; display: inline;}
        
        .block:nth-child(3) a:hover:before {
          content: '';
            height: 2px;
            width: 2px;
            border: 2px solid #6ecff6;
            position: relative;
            display: inline-block;
                margin-right: -4px;
            bottom: 3px;
            left: -20px;
        }
        
        
        #navS a:hover {
          color: var(--lightBlue);
        }
        
        #navS span {
          display: block;
            color: var(--white);
            font-size: 1.5em;
            font-weight: 700;
            padding-bottom: 66px;
        }
        
        .block{
            padding-left: 125px;
        }
        
        .block:nth-child(2) {
          padding-left: 10px;
        }
        
        .block:nth-child(3) {
          padding-left: 10px;
        }
        
        
        #navS span a {
          color: var(--white);
        }
        
        .block:nth-child(2) a {
        padding-left: 24px;
        font-size: .95em;
        }
        
        .block:nth-child(3) a {
        padding-left: 24px;
        font-size: .95em;
        }
    }
    /* Smartphones LANDSCAPE */
    @media only screen and (min-width: 415px) and (max-width: 768.5px){
        /* Navigation */
    #navigation-icon {
      background: none;
      position: relative;
    left: 95px;
    top: 13px;
    opacity: 1;
    width: 47px;
    height: 40px;
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
    cursor: pointer;
    z-index: 10000;
    }
    
    #navigation-icon span {
    position: absolute;
    display: block;
    background: var(--white);
    width: 100%;
    height: 9px;
    left: 0;
            opacity: 1;
       -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
       -moz-transition: .25s ease-in-out;
        -ms-transition: .25s ease-in-out;
         -o-transition: .25s ease-in-out;
            transition: .25s ease-in-out;
    }
    
    #navigation-icon span:nth-child(1) {
    top: 0;
    }
    
    #navigation-icon span:nth-child(2) {
    top: 15px;
    }
    
    #navigation-icon span:nth-child(3) {
    top: 30px;
    }
    
    
    #navigation-icon.open span:nth-child(1) {
    top: 15px;
    -webkit-transform: rotate(135deg);
       -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
         -o-transform: rotate(135deg);
            transform: rotate(135deg);
    }
    
    #navigation-icon.open span:nth-child(2) {
    left: 65px;
            opacity: 0;
       -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    
    #navigation-icon.open span:nth-child(3) {
    top: 15px;
    -webkit-transform: rotate(-135deg);
       -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
         -o-transform: rotate(-135deg);
            transform: rotate(-135deg);
    }
    
    .show {
      -webkit-transition: all 0.1s linear;
       -moz-transition: all 0.1s linear;
        -ms-transition: all 0.1s linear;
         -o-transition: all 0.1s linear;
            transition: all 0.1s linear;
    }
    
    .hide {
      -webkit-transition: all 0.1s linear;
       -moz-transition: all 0.1s linear;
        -ms-transition: all 0.1s linear;
         -o-transition: all 0.1s linear;
            transition: all 0.1s linear;
    }
    
    #navS {
      position: fixed;
    width: 72%;
    z-index: 9999;
    top: 20px;
    left: 14%;
    right: 14%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
                padding: 6% 4% 6% 0;
    }
    
    #navS {
      background: rgba(23,12,78, 0.9);
      color: var(--white);
      text-transform: uppercase;
    }
    
    #navS a {
      display: block;
      color:var(--white);
      margin-bottom: 10px;
    }
    
    .block:nth-child(2) a:hover:before {
      content: '';
        height: 2px;
        width: 2px;
        border: 2px solid #6ecff6;
        position: relative;
        display: inline-block;
            margin-right: -4px;
        bottom: 3px;
        left: -20px;
    }
    
    #navS span a:hover:before {border:none; margin:0; padding:0; display: inline;}
    
    .block:nth-child(3) a:hover:before {
      content: '';
        height: 2px;
        width: 2px;
        border: 2px solid #6ecff6;
        position: relative;
        display: inline-block;
            margin-right: -4px;
        bottom: 3px;
        left: -20px;
    }
    
    
    #navS a:hover {
      color: var(--lightBlue);
    }
    
    #navS span {
      display: block;
        color: var(--white);
        font-size: 1.5em;
        font-weight: 700;
        padding-bottom: 66px;
    }
    
    .block{
        padding-left: 125px;
    }
    
    .block:nth-child(2) {
      padding-left: 10px;
    }
    
    .block:nth-child(3) {
      padding-left: 10px;
    }
    
    
    #navS span a {
      color: var(--white);
    }
    
    .block:nth-child(2) a {
    padding-left: 24px;
    font-size: .95em;
    }
    
    .block:nth-child(3) a {
    padding-left: 24px;
    font-size: .95em;
    }
}
/* Smartphones PORTRAIT */
@media only screen and (max-width: 414.5px){
    #navigation-icon {
        background: none;
        position: relative;
        left: 0vw;
        top: 0vh;
        opacity: 1;
        width: 12vw;
        height: 6vh;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        cursor: pointer;
        z-index: 10000;
    }

    
    #navigation-icon span {
        position: absolute;
        display: block;
        background: var(--white);
        width: 12vw;
        height: 1.3vh;
        opacity: 1;
        -moz-opacity: 1;
        -webkit-opacity: 1;
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -ms-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }
    
    #navigation-icon span:nth-child(1) {
        top: 0vh;
    }
    
    #navigation-icon span:nth-child(2) {
        top: 2vh;
    }
    
    #navigation-icon span:nth-child(3) {
        top: 4vh;
    }
    
    
    #navigation-icon.open span:nth-child(1) {
        top: 15px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    
    #navigation-icon.open span:nth-child(2) {
        left: 65px;
        opacity: 0;
        -moz-opacity: 0;
        -webkit-opacity: 0;
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    
    #navigation-icon.open span:nth-child(3) {
        top: 15px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }
    
    .show {
        -webkit-transition: all 0.1s linear;
        -moz-transition: all 0.1s linear;
        -ms-transition: all 0.1s linear;
        -o-transition: all 0.1s linear;
        transition: all 0.1s linear;
    }
    
    .hide {
        -webkit-transition: all 0.1s linear;
        -moz-transition: all 0.1s linear;
        -ms-transition: all 0.1s linear;
        -o-transition: all 0.1s linear;
        transition: all 0.1s linear;
    }
    
    #navS {
        border: 1px solid #73AD21;
        position:absolute;
        width: 100vw!important;
        z-index: 9999!important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 6% 4% 6% 0;
        background: rgba(23,12,78, 0.9);
        color: var(--white);
        text-transform: uppercase;
    }
    
   
    #navS span a{
        color:white;
        display: block;
        float:none;
        font-size:1em;
        font-weight:700;
    }
    
    

     /*
    #navS a {
      display: block;
      color:var(--white);
      margin-bottom: 10px;
    }
    */
    
    .block:nth-child(2) a:hover:before {
      content: '';
        height: 2px;
        width: 2px;
        border: 2px solid #6ecff6;
        position: relative;
        display: inline-block;
            margin-right: -4px;
        bottom: 3px;
        left: -20px;
    }
    
    #navS span a:hover:before {border:none; margin:0; padding:0; display: inline;}
    
    .block:nth-child(3) a:hover:before {
      content: '';
        height: 2px;
        width: 2px;
        border: 2px solid #6ecff6;
        position: relative;
        display: inline-block;
            margin-right: -4px;
        bottom: 3px;
        left: -20px;
    }
    
    
    #navS a:hover {
      color: var(--lightBlue);
    }
    
    #navS span {
      display: block;
        color: var(--white);
        font-size: 1.5em;
        font-weight: 700;
        padding-bottom: 66px;
    }
    
    .block{
        padding-left: 125px;
    }
    
    .block:nth-child(2) {
      padding-left: 10px;
    }
    
    .block:nth-child(3) {
      padding-left: 10px;
    }
    
    
    #navS span a {
      color: var(--white);
    }
    
    .block:nth-child(2) a {
    padding-left: 24px;
    font-size: .95em;
    }
    
    .block:nth-child(3) a {
    padding-left: 24px;
    font-size: .95em;
    }
    .logo img{
        position:fixed;
        top:7vh;
        left:25vw;
        max-width:10%;
        max-height:10%;
        z-index:10!important;
    }
    h6{
        position:fixed;
        font-weight:bold;
        font-size: 0.4em!important;
        top:15.5vh;
        left:11.5vw;
        z-index:10!important;
    }
}