@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #menu-button {  margin: 0;  padding: 0;  border: 0;  list-style: none;  line-height: 1;  display: block;  position: relative;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}#cssmenu:after,#cssmenu > ul:after {  content: ".";  display: block;  clear: both;  visibility: hidden;  line-height: 0;  height: 0;}#cssmenu #menu-button {  display: none;}#cssmenu {  /*font-family: Montserrat, sans-serif;*/  /*background: #f3f3f3;*/}#cssmenu > ul > li {  float: left;  }#cssmenu.align-center > ul {  font-size: 0;  text-align: center;}#cssmenu.align-center > ul > li {  display: inline-block;  float: none;}#cssmenu.align-center ul ul {  text-align: left;}#cssmenu.align-right > ul > li {  float: right;}#cssmenu > ul > li > a {  padding: 17px;  letter-spacing: 1px;  text-decoration: none;  color: #ffffff;}#cssmenu > ul > li:hover > a {  color: #ffffff;  background-color:#284c8a;  }#cssmenu > ul > li.has-sub > a {  padding-right: 30px;}#cssmenu > ul > li.has-sub > a:after {  position: absolute;  top: 22px;  right: 11px;  width: 8px;  height: 2px;  display: block;  background: #c67e7e;  content: '';}#cssmenu > ul > li.has-sub > a:before {  position: absolute;  top: 19px;  right: 14px;  display: block;  width: 2px;  height: 8px;  background: #c67e7e;  content: '';  -webkit-transition: all .25s ease;  -moz-transition: all .25s ease;  -ms-transition: all .25s ease;  -o-transition: all .25s ease;  transition: all .25s ease;}#cssmenu > ul > li.has-sub:hover > a:before {  top: 23px;  height: 0;       }#cssmenu ul ul {  position: absolute;  left: -9999px;  z-index: 99;}#cssmenu.align-right ul ul {  text-align: right;}#cssmenu ul ul li {  height: 0;  -webkit-transition: all .25s ease;  -moz-transition: all .25s ease;  -ms-transition: all .25s ease;  -o-transition: all .25s ease;  transition: all .25s ease;}#cssmenu li:hover > ul {  left: auto;}#cssmenu.align-right li:hover > ul {  left: auto;  right: 0;}#cssmenu li:hover > ul > li {  height: 35px;}#cssmenu ul ul ul {  margin-left: 100%;  top: 0;}#cssmenu.align-right ul ul ul {  margin-left: 0;  margin-right: 100%;}#cssmenu ul ul li a {  border-bottom: 1px solid rgba(150, 150, 150, 0.15);  padding: 11px 15px;  width: 270px;  font-size: 14px;  text-decoration: none;  color: #333333;  /*font-weight: 400;*/  color: #ffffff;  background: #293949;}#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a {  border-bottom: 0;}#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover {  color: #ffffff;  background: #284c8a;}#cssmenu ul ul li.has-sub > a:after {  position: absolute;  top: 16px;  right: 11px;  width: 8px;  height: 2px;  display: block;  background: #c67e7e;  content: '';}#cssmenu.align-right ul ul li.has-sub > a:after {  right: auto;  left: 11px;}#cssmenu ul ul li.has-sub > a:before {  position: absolute;  top: 13px;  right: 14px;  display: block;  width: 2px;  height: 8px;  background: #c67e7e;  content: '';  -webkit-transition: all .25s ease;  -moz-transition: all .25s ease;  -ms-transition: all .25s ease;  -o-transition: all .25s ease;  transition: all .25s ease;}#cssmenu.align-right ul ul li.has-sub > a:before {  right: auto;  left: 14px;}#cssmenu ul ul > li.has-sub:hover > a:before {  top: 17px;  height: 0;}@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {    #cssmenu {        width: 100%;    }        #cssmenu ul {            width: 100%;            display: none;        }        #cssmenu.align-center > ul {            text-align: left;        }        #cssmenu ul li {            width: 100%;            border-top: 1px solid rgba(120, 120, 120, 0.2);        }        #cssmenu ul ul li,        #cssmenu li:hover > ul > li {            height: auto;        }            #cssmenu ul li a,            #cssmenu ul ul li a {                width: 100%;                border-bottom: 0;            }        #cssmenu > ul > li {            float: none;        }        #cssmenu ul ul li a {            padding-left: 25px;        }        #cssmenu ul ul ul li a {            padding-left: 35px;        }        #cssmenu ul ul li a {            color: #333333;            background: none;        }        #cssmenu ul ul li:hover > a,        #cssmenu ul ul li.active > a {            color: #333333;        }        #cssmenu ul ul,        #cssmenu ul ul ul,        #cssmenu.align-right ul ul {            position: relative;            left: 0;            width: 100%;            margin: 0;            text-align: left;        }            #cssmenu > ul > li.has-sub > a:after,            #cssmenu > ul > li.has-sub > a:before,            #cssmenu ul ul > li.has-sub > a:after,            #cssmenu ul ul > li.has-sub > a:before {                display: none;            }        #cssmenu #menu-button {            display: block;            padding: 17px;            color: #333333;            cursor: pointer;            font-size: 12px;            text-transform: uppercase;            font-weight: 700;        }            #cssmenu #menu-button:after {                position: absolute;                top: 22px;                right: 17px;                display: block;                height: 4px;                width: 20px;                border-top: 2px solid #c67e7e;                border-bottom: 2px solid #c67e7e;                content: '';            }            #cssmenu #menu-button:before {                position: absolute;                top: 16px;                right: 17px;                display: block;                height: 2px;                width: 20px;                background: #c67e7e;                content: '';            }            #cssmenu #menu-button.menu-opened:after {                top: 23px;                border: 0;                height: 2px;                width: 15px;                background: #c67e7e;                -webkit-transform: rotate(45deg);                -moz-transform: rotate(45deg);                -ms-transform: rotate(45deg);                -o-transform: rotate(45deg);                transform: rotate(45deg);            }            #cssmenu #menu-button.menu-opened:before {                top: 23px;                background: #c67e7e;                width: 15px;                -webkit-transform: rotate(-45deg);                -moz-transform: rotate(-45deg);                -ms-transform: rotate(-45deg);                -o-transform: rotate(-45deg);                transform: rotate(-45deg);            }        #cssmenu .submenu-button {            position: absolute;            z-index: 99;            right: 0;            top: 0;            display: block;            border-left: 1px solid rgba(120, 120, 120, 0.2);            height: 46px;            width: 46px;            cursor: pointer;        }            #cssmenu .submenu-button.submenu-opened {                background: #c67e7e;            }        #cssmenu ul ul .submenu-button {            height: 34px;            width: 34px;        }        #cssmenu .submenu-button:after {            position: absolute;            top: 22px;            right: 19px;            width: 8px;            height: 2px;            display: block;            background: #c67e7e;            content: '';        }        #cssmenu ul ul .submenu-button:after {            top: 15px;            right: 13px;        }        #cssmenu .submenu-button.submenu-opened:after {            background: #c67e7e;        }        #cssmenu .submenu-button:before {            position: absolute;            top: 19px;            right: 22px;            display: block;            width: 2px;            height: 8px;            background: #c67e7e;            content: '';        }        #cssmenu ul ul .submenu-button:before {            top: 12px;            right: 16px;        }        #cssmenu .submenu-button.submenu-opened:before {            display: none;        }}/*Menu Vertical*/.menuvertical{  width: 300px;  height: auto;  background-color:transparent;  border-radius: 10px 10px;  margin: auto;  overflow: hidden;  z-index:1000;  position:absolute;}.menuvertical .header{       border-radius: 10px 10px 0px 0px;  padding: 10px 0px;  background-color: #294a8d; /*#424242;*/}.menuvertical h3{  color: #FFFFFF;  font-family: 'Roboto', sans-serif;  margin-left: 1rem;}.menuvertical .icon-menu{  font-size: 20px;  float: left;  color: #21dee2;}.menuvertical .icon{  margin-right: 8px;}.menuvertical .nav li{  transition: 1s all;  font-family: 'Roboto', sans-serif;  font-size: 18px;  padding: 15px;  margin-top: 0px;  border-bottom: 1px #2b2b2b solid;  color: #fff;  background-color: #294a8d; /*#373737;*/  list-style: none;  display: block;  text-decoration:none;}.menuvertical .nav li span{  color: #fff;  text-decoration:none;}.menuvertical .nav li:last-child { border-bottom:0; }.menuvertical li:hover{    transition: 0.3s all;  color: #373737;  background-color: #ffb900; /*rgb(33, 214, 218);*/  cursor: pointer;}.menuvertical .nav > li { float:left; }.menuvertical .nav li ul{    background: #1E2B32;  margin-left: 280px;  margin-top: -38px;  display: none;  position: absolute;  border-top-right-radius: 15px 15px;  border-bottom-right-radius: 15px 15px;}.menuvertical .nav li:hover > ul{    display: block;  cursor: pointer;}/*Fim menu Vertical*/
