/* ---------------------------------------------------------------------------- *//* ------------------------------------Menu------------------------------------ *//* ---------------------------------------------------------------------------- */ #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 {     z-index: 999;     display: inline-block;     float: right;     margin-top: 20px;} #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: 15px 10px;     letter-spacing: 2px;     text-decoration: none;     color: #00427a;     font-weight: bold;    /* font-size: 14px;    */     line-height: 21px;     text-transform: uppercase;     margin-right: 10px;} #cssmenu > ul > li:hover > a {} #cssmenu ul ul {     position: absolute;     left: -9999px;} #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: 100%;} #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: 170px;     font-size: 12px;     text-decoration: none;     color: #dddddd;     font-weight: 400;     background: #3B3B3B;} #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: #000;} @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%;         background: #3b3b3b;         margin: 40px 0 0 50px;    }     #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);         margin: 40px 0 0 0;    }     #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;         color: #DDDDDD;    }     #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: #dddddd;         background: none;    }     #cssmenu ul ul li:hover > a, #cssmenu ul ul li.active > a {         color: #ffffff;    }     #cssmenu ul ul, #cssmenu ul ul ul, #cssmenu.align-right ul ul {         position: relative;         left: 0;         width: 100%;         margin: 0;         text-align: left;    }     #cssmenu #menu-button {         display: block;         padding: 17px;         color: #000;         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 #dddddd;         border-bottom: 2px solid #dddddd;         content: '';    }     #cssmenu #menu-button:before {         position: absolute;         top: 16px;         right: 17px;         display: block;         height: 2px;         width: 20px;         background: #dddddd;         content: '';    }     #cssmenu #menu-button.menu-opened:after {         top: 23px;         border: 0;         height: 2px;         width: 15px;         background: #ffffff;         -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: #ffffff;         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: #262626;    }     #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: #dddddd;         content: '';    }     #cssmenu ul ul .submenu-button:after {         top: 15px;         right: 13px;    }     #cssmenu .submenu-button.submenu-opened:after {         background: #ffffff;    }     #cssmenu .submenu-button:before {         position: absolute;         top: 19px;         right: 22px;         display: block;         width: 2px;         height: 8px;         background: #dddddd;         content: '';    }     #cssmenu ul ul .submenu-button:before {         top: 12px;         right: 16px;    }     #cssmenu .submenu-button.submenu-opened:before {         display: none;    }}/***********/ @import url(http://fonts.googleapis.com/css?family=Open+Sans); #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 {     width: auto;     font-family: Arial, Helvetica, sans-serif;     line-height: 1;     padding-top:20px;} #menu-line {     position: absolute;     top: 0;     left: 0;     height: 4px;     background: #000;     -webkit-transition: all 0.25s ease-out;     -moz-transition: all 0.25s ease-out;     -ms-transition: all 0.25s ease-out;     -o-transition: all 0.25s ease-out;     transition: all 0.25s ease-out;} #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.align-right ul ul {     text-align: right;} #cssmenu > ul > li > a {     padding: 20px;     font-size: 12pt;     text-decoration: none;     text-transform: uppercase;     -webkit-transition: color .2s ease;     -moz-transition: color .2s ease;     -ms-transition: color .2s ease;     -o-transition: color .2s ease;     transition: color .2s ease;} #cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a {} #cssmenu > ul > li.has-sub > a {     padding-right: 25px;} #cssmenu > ul > li.has-sub > a::after {     position: absolute;     z-index:100;     top: 21px;     right: 10px;     width: 4px;     height: 4px;     border-bottom: 1px solid #000000;     border-right: 1px solid #000000;     content: "";     -webkit-transform: rotate(45deg);     -moz-transform: rotate(45deg);     -ms-transform: rotate(45deg);     -o-transform: rotate(45deg);     transform: rotate(45deg);     -webkit-transition: border-color 0.2s ease;     -moz-transition: border-color 0.2s ease;     -ms-transition: border-color 0.2s ease;     -o-transition: border-color 0.2s ease;     transition: border-color 0.2s ease;} #cssmenu > ul > li.has-sub:hover > a::after {     border-color: #009ae1;     z-index:100;} #cssmenu ul ul {     position: absolute;     left: -9999px;} #cssmenu li:hover > ul {     left: auto;} #cssmenu.align-right li:hover > ul {     right: 0;} #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 {     height: 0;     -webkit-transition: height .2s ease;     -moz-transition: height .2s ease;     -ms-transition: height .2s ease;     -o-transition: height .2s ease;     transition: height .2s ease;} #cssmenu ul li:hover > ul > li {     /* height: 32px; */} #cssmenu ul ul li a {     padding: 8px 15px;     width: 300px;     z-index:100;     font-size: 13px;     background:#00427a;     text-decoration: none;     color: #FFF;     -webkit-transition: color .2s ease;     -moz-transition: color .2s ease;     -ms-transition: color .2s ease;     -o-transition: color .2s ease;     transition: color .2s ease;} #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {     background-color: #c1c1c1;     color:#000;} #cssmenu ul ul li.has-sub > a::after {     position: absolute;     top: 13px;     right: 10px;     width: 4px;     height: 4px;     border-bottom: 1px solid #dddddd;     border-right: 1px solid #dddddd;     content: "";     -webkit-transform: rotate(-45deg);     -moz-transform: rotate(-45deg);     -ms-transform: rotate(-45deg);     -o-transform: rotate(-45deg);     transform: rotate(-45deg);     -webkit-transition: border-color 0.2s ease;     -moz-transition: border-color 0.2s ease;     -ms-transition: border-color 0.2s ease;     -o-transition: border-color 0.2s ease;     transition: border-color 0.2s ease;} #cssmenu.align-right ul ul li.has-sub > a::after {     right: auto;     left: 10px;     border-bottom: 0;     border-right: 0;     border-top: 1px solid #dddddd;     border-left: 1px solid #dddddd;} #cssmenu ul ul li.has-sub:hover > a::after {     border-color: #ffffff;} @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, #cssmenu.align-right ul ul {         text-align: left;    }     #cssmenu ul li, #cssmenu ul ul li, #cssmenu ul li:hover > ul > li {         width: 100%;         height: auto;         border-top: 1px solid rgba(120, 120, 120, 0.15);    }     #cssmenu ul li a, #cssmenu ul ul li a {         width: 100%;    }     #cssmenu > ul > li, #cssmenu.align-center > ul > li, #cssmenu.align-right > ul > li {         float: none;         display: block;    }     #cssmenu ul ul li a {         padding: 20px 20px 20px 30px;         font-size: 12px;         color: #000000;    }     #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {         color: #000000;    }     #cssmenu ul ul ul li a {         padding-left: 40px;    }     #cssmenu ul ul, #cssmenu ul ul ul {         position: relative;         left: 0;         right: auto;         width: 100%;         margin: 0;    }     #cssmenu > ul > li.has-sub > a::after, #cssmenu ul ul li.has-sub > a::after {         display: none;    }     #menu-line {         display: none;    }     #cssmenu #menu-button {         display: block;         padding: 20px;         color: #fff;         cursor: pointer;         font-size: 12px;         text-transform: uppercase;         max-width:100%;    }     #cssmenu #menu-button::after {         content: '';         position: absolute;         top: 20px;         right: 20px;         display: block;         width: 15px;         height: 2px;         background: #000000;    }     #cssmenu #menu-button::before {         content: '';         position: absolute;         top: 25px;         right: 20px;         display: block;         width: 15px;         height: 3px;         border-top: 2px solid #fff;         border-bottom: 2px solid #fff;    }     #cssmenu .submenu-button {         position: absolute;         z-index: 10;         right: 0;         top: 0;         display: block;         border-left: 1px solid #fff;         height: 52px;         width: 52px;         cursor: pointer;    }     #cssmenu .submenu-button::after {         content: '';         position: absolute;         top: 21px;         left: 26px;         display: block;         width: 1px;         height: 11px;         background: #fff;         z-index: 99;    }     #cssmenu .submenu-button::before {         content: '';         position: absolute;         left: 21px;         top: 26px;         display: block;         width: 11px;         height: 1px;         background: #fff;         z-index: 99;    }     #cssmenu .submenu-button.submenu-opened:after {         display: none;    }}