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

#cssmenu ul, #cssmenu ul li, #cssmenu ul li a { margin: 0; padding: 0; border: 0; list-style: none; line-height: 0.5; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#cssmenu .cssmenu-menu { width: 100%; float: left; margin: 0; height: auto;}
#cssmenu ul li:last-child { border-bottom: none; }
#cssmenu ul ul { display: none; }
#cssmenu ul > li.active > ul { display: block; }
.align-right { float: right; }
#cssmenu ul > li a { font-size: 24px; font-weight: 500; color: #0a3478; letter-spacing: 1.6px; text-transform: uppercase; transition: all 0.25s ease-out 0s; -o-transition: all 0.25s ease-out 0s; -webkit-transition: all 0.25s ease-out 0s; cursor: pointer; padding: 18px 0; z-index: 2; }
#cssmenu ul > li > a:hover { color: #07baee; padding-left: 2rem; }
#cssmenu ul ul li a { font-size: 16px; font-weight: 500; color: #07baee; letter-spacing: 1.6px; text-transform: uppercase; transition: all 0.25s ease-out 0s; -o-transition: all 0.25s ease-out 0s; -webkit-transition: all 0.25s ease-out 0s; cursor: pointer; padding: 10px 0 10px 2rem; z-index: 2; }
#cssmenu ul ul ul li a { padding-left: 3rem; }
#cssmenu ul ul li a:hover { color: #0a3478; padding-left: 3rem; }
#cssmenu .cssmenu-menu-item:before { content: ""; width: 20px; height: 2px; background: #07baee; transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); position: absolute; left: 0; bottom: 0; }
#cssmenu .cssmenu-menu-item:hover:before { width: 100%; }
#cssmenu ul ul li:before {display: none;}
#cssmenu ul li {white-space: normal;}

/*Smartphone css*/
@media screen and (max-width: 480px) {
  #cssmenu .cssmenu-menu { width: 100%; margin: 0; }
  #cssmenu .cssmenu-menu-item:before { margin: 0 auto 0; right: auto; left: 0; }
  #cssmenu ul > li > a { font-size: 20px; padding: 14px 0; text-align: left; }
  #cssmenu ul ul li a { font-size: 17px; padding: 10px 0 10px 1rem;}
  #cssmenu ul > li > a:hover {padding-left: 1rem;}
  #cssmenu ul ul li a:hover {padding-left: 2rem;}
}

@media screen and (min-width:481px) and (max-width:600px) {
  #cssmenu .cssmenu-menu { width: 100%; margin: 0; }
  #cssmenu .cssmenu-menu-item:before { margin: 0 auto 0; right: auto; left: 0; }
  #cssmenu ul > li > a { font-size: 20px; padding: 14px 0; text-align: left; }
  #cssmenu ul ul li a { font-size: 17px; padding: 10px 0 10px 1rem;}
  #cssmenu ul > li > a:hover {padding-left: 1rem;}
  #cssmenu ul ul li a:hover {padding-left: 2rem;}
}

@media screen and (min-width:601px) and (max-width:767px) {
  #cssmenu .cssmenu-menu { width: 100%; margin: 0; }
  #cssmenu .cssmenu-menu-item:before { margin: 0 auto 0; right: auto; left: 0; }
  #cssmenu ul > li > a { font-size: 20px; padding: 14px 0; text-align: left; }
  #cssmenu ul ul li a { font-size: 17px; padding: 10px 0 10px 1rem;}
  #cssmenu ul > li > a:hover {padding-left: 1rem;}
  #cssmenu ul ul li a:hover {padding-left: 2rem;}
}

@media screen and (min-width:768px) and (max-width:900px) {
  #cssmenu .cssmenu-menu { margin: 0; }
  #cssmenu ul > li > a { font-size: 18px; padding: 14px 0; }
}

@media screen and (min-width:901px) and (max-width:1024px) {
  #cssmenu .cssmenu-menu { margin: 0; }
  #cssmenu ul > li > a { font-size: 21px; padding: 16px 0; }
}

@media screen and (min-width:1025px) and (max-width:1240px) {
}