.content {

}

.panel {

}

.panel a {

    background: none repeat scroll 0 0 #45484d;

    border: 1px solid #333;

    display: inline-block;

    height: 25px;

    margin: 0;

    outline: medium none;

    text-align: left !important;

    width: 33px;

}

.panel a:nth-child(1) {

    background: none repeat scroll 0 0 #e0e0e0;

}

.panel a:nth-child(2) {

    background: none repeat scroll 0 0 #111111;

}

.panel a:nth-child(3) {

    background: none repeat scroll 0 0 #82837e;

}

.panel a:nth-child(4) {

    background: none repeat scroll 0 0 #02b8fa;

}

.panel a:nth-child(5) {

    background: none repeat scroll 0 0 #008c9e;

}

.panel a:nth-child(6) {

    background: none repeat scroll 0 0 #88c425;

}

.panel a:nth-child(7) {

    background: none repeat scroll 0 0 #2ecc71;

}

.panel a:nth-child(8) {

    background: none repeat scroll 0 0 #c21a01;

}

.panel a:nth-child(9) {

    background: none repeat scroll 0 0 #fa023c;

}

.panel a:nth-child(10) {

    background: none repeat scroll 0 0 #ff670f;

}

.panel a:nth-child(11) {

    background: none repeat scroll 0 0 #d46d22;

}

.panel a:nth-child(12) {

    background: none repeat scroll 0 0 #febf01;

}

.panel a:nth-child(13) {

    background: none repeat scroll 0 0 #a849a3;

}

.panel a:nth-child(14) {

    background: none repeat scroll 0 0 #f56991;

}

.options {

    background: none repeat scroll 0 0 #444;

    border-bottom-right-radius: 10px;

    float: left;

    left: -310px;

    margin: 100px 0 0;

    position: fixed;

}

.options .tools {

    background: none repeat scroll 0 0 #555;

    border-bottom-right-radius: 5px;

    border-top-right-radius: 5px;

    color: #dedede;

    cursor: pointer;

    display: block;

    float: right;

    font-size: 30px;

    height: 50px;

    margin: 0 -50px 0 0;

    width: 50px;

}

.options .tools i {

    margin: 10px 0 0 11px;

}

.options .tools:hover {

    background: none repeat scroll 0 0 #333;

    transition: all 0.3s linear 0s;

}

.options > div {

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

    color: #dedede;

    display: block;

    margin: 0 auto;

    padding: 5px 10px;

    width: 290px;

}

.options div span {

    display: inline-block;

    font-weight: 500;

    margin: 0 0 5px;

    width: 150px;

}

.options .align {

    margin-top: 5px;

}

.options .reset {

    height: 50px;

    text-align: center;

}

#btReset {

    background: none repeat scroll 0 0 #02b8fa;

    color: #fff;

    display: inline-block;

    margin-top: 3px;

    padding: 8px 50px;

    text-decoration: none;

}

.jetmenu {

  

    z-index: 99;

}

.jetmenu {

    background-color: #333;

    border-bottom: 1px solid #fff;

    list-style: none outside none;

    padding: 0;

    position: absolute; text-align:center;

    top: 102px;

    width: 100%;

}

.jetmenu li {

    display: inline-block;

    font-family: 'MuseoSans-500',Arial,sans-serif;

    list-style: none outside none;

    margin: 0 auto;

    padding: 5px 0px;

    text-transform: uppercase;

}

.bordermenu {

}

.jetmenu a {

    outline: 0 none;

    transition: all 0.3s linear 0s;

    z-index: 10;

}

.jetmenu > li > a {

    border-right: 1px solid #cfcfcf;

    color: #fff;

    display: inline-block;

    font-size: 100%;

    padding: 5px 10px;

    text-decoration: none;

}

.jetmenu > li.active > a, .jetmenu > li:hover > a {

    color: #e46909;

}

.jetmenu ul.dropdown, .jetmenu ul.dropdown li ul.dropdown {

    background: none repeat scroll 0 0 #333;

    display: none;

    list-style: none outside none;

    margin: 0;

    min-width: 134px;

    padding: 0;

    position: absolute;

    z-index: 99;

}

.jetmenu ul.dropdown {

    top: 60px;

}

.jetmenu ul.dropdown li ul.dropdown {

    left: 100%;

    top: inherit;

}

.jetmenu ul.dropdown li {

    clear: both;

    font-size: 12px;

    width: 100%;

}

.jetmenu ul.dropdown li a {

    box-sizing: border-box;

    clear: both;

    color: #999;

    display: inline-block;

    float: left;

    font-family: 'Open Sans',sans-serif;

    padding: 12px 24px;

    text-decoration: none;

    width: 100%;

}

.jetmenu ul.dropdown li:hover > a {

    background: none repeat scroll 0 0 #e0e0e0;

    color: #555;

}

.jetmenu ul.dropdown li ul.dropdown.left {

    left: auto;

    right: 100%;

}

.indicator {

    display: none;

}

.jetmenu .indicator {

    float: right;

    font-size: 14px;

    left: 5px;

    position: relative;

    top: 0;

}

.jetmenu ul li .indicator {

    font-size: 12px;

    left: 10px;

    top: 1px;

}

.jetmenu > li > .megamenu {

    background: none repeat scroll 0 0 #7f7f7f;

    box-sizing: border-box;

    color: #999;

    display: none;

    font-family: 'Open Sans',sans-serif;

    font-size: 12px;

    padding: 20px 30px; text-align:left;

    position: absolute;

    top: 36px;

    width: 25%;

    z-index: 99;

}

.megamenuz {

    background: none repeat scroll 0 0 #333;

    border-top: 1px solid #000;

}

.jetmenu li > .megamenu ul {

    display: block;

    float: left;

    margin: 0 0 20px;

    padding: 0;

    position: relative;

}

.jetmenu li > .megamenu ul li {

    padding: 4px 0;

    width: 100%;

}

.jetmenu li > .megamenu ul li.title {

    border-bottom: 1px solid #666;

    font-size: 14px;

    margin: 0 0 8px;

    padding: 0 0 5px;

}

.jetmenu li > .megamenu h5 {

    margin: 0;

    padding: 0;

    width: 100%;

}

.jetmenu li > .megamenu a {

    color: #fff;

    font-size: 12px;

    text-decoration: none;

    transition: color 0.3s linear 0s;

}

.jetmenu li > .megamenu a:hover {

    color: #dedede;

}

.jetmenu .megamenu img {

    transition: border 0.3s linear 0s;

    width: 100%;

}

.jetmenu > li.fix-sub > .dropdown, .jetmenu > li.fix-sub > .megamenu, .jetmenu > li.fix-sub > .megamenu.half-width {

    right: 0;

}

.jetmenu > li > .megamenu.half-width {

    left: 0;

    width: 100%;

}

.jetmenu > li > .megamenu.full-width {

    left: 0;

    width: 100%;

}

.jetmenu li > .megamenu form {

    width: 100%;

}

.jetmenu li > .megamenu form input[type="text"], .jetmenu li > .megamenu form textarea {

    background: none repeat scroll 0 0 #444;

    border: 1px solid transparent;

    box-sizing: border-box;

    color: #999;

    font-family: 'Open Sans',sans-serif;

    font-size: 14px;

    outline: 0 none;

    padding: 5px;

    transition: border 0.3s linear 0s;

}

.jetmenu li > .megamenu form input[type="text"]:focus, .jetmenu li > .megamenu form textarea:focus {

    border-color: #e0e0e0;

}

.jetmenu li > .megamenu form input[type="text"], .jetmenu li > .megamenu form textarea {

    margin-top: 10px;

    width: 100%;

}

.jetmenu li > .megamenu form input[type="submit"] {

    background: none repeat scroll 0 0 #444;

    border: medium none;

    color: #777;

    cursor: pointer;

    float: right;

    font-family: 'Open Sans',sans-serif;

    height: 30px;

    margin-top: 10px;

    transition: background 0.3s linear 0s;

    width: 25%;

}

.jetmenu li > .megamenu form input[type="submit"]:hover {

    background: none repeat scroll 0 0 #e0e0e0;

    color: #555;

}

.megamenu .row {

    margin-top: 15px;

    width: 100%;

}

.megamenu .row:first-child {

    margin-top: 0;

}

.megamenu .row:after, .megamenu .row:before {

    content: "";

    display: table;

    line-height: 0;

}

.megamenu .row:after {

    clear: both;

}

.megamenu .row .col1, .megamenu .row .col2, .megamenu .row .col3, .megamenu .row .col4, .megamenu .row .col5, .megamenu .row .col6 {

    box-sizing: border-box;

    display: block;

    float: left;

    margin-left: 2.12766%;

    min-height: 20px;

}

.megamenu .row [class*="col"]:first-child {

    margin-left: 0;

}

.megamenu .row .col1 {

    width: 14.8936%;

}

.megamenu .row .col2 {

    width: 31.9149%;

}

.megamenu .row .col3 {

    width: 48.9362%;

}

.megamenu .row .col4 {

    width: 65.9574%;

}

.megamenu .row .col5 {

    width: 82.9787%;

}

.megamenu .row .col6 {

    width: 100%;

}

.jetmenu > li.right {

    float: right;

}

.jetmenu > li.right > .dropdown, .jetmenu > li.right > .megamenu, .jetmenu > li.right > .megamenu.half-width {

    right: 0;

}

.jetmenu > li.jsright {

    float: right;

}

.jetmenu > li.jsright.last > .dropdown, .jetmenu > li.jsright.last > .megamenu, .jetmenu > li.jsright.last > .megamenu.half-width {

    right: 0;

}

.jetmenu > li > a > i {

    float: left;

    font-size: 18px;

    line-height: 23px !important;

   

}

.jetmenu > li.showhide {

    background: none repeat scroll 0 0 #333;

    color: #999;

    cursor: pointer;

    display: none;

    height: 40px;

    width: 100%;

}

.jetmenu > li.showhide span.title {

    float: left;

    font-family: 'Open Sans',sans-serif;

    margin: 8px 0 0 25px;

}

.jetmenu > li.showhide span.icon {

    float: right;

    margin: 8px 15px 0px 5px;

}

.jetmenu > li.showhide .icon em {

    background: none repeat scroll 0 0 #999;

    display: block;

    height: 2px;

    margin-bottom: 3px;

    width: 20px;

}

.black ul.dropdown li:hover > a, .black > li.active > a, .black > li:hover > a {

    background: none repeat scroll 0 0 #111;

    color: #fff;

}

.black li > .megamenu form input[type="text"]:focus, .black li > .megamenu form textarea:focus {

    border-color: #111;

}

.black li > .megamenu form input[type="submit"]:hover {

    background: none repeat scroll 0 0 #111;

    color: #fff;

}

.black li > .megamenu a:hover {

    color: #dedede;

}

.grey ul.dropdown li:hover > a, .grey > li.active > a, .grey > li:hover > a {

    background: none repeat scroll 0 0 #82837e;

    color: #fff;

}

.grey li > .megamenu form input[type="text"]:focus, .grey li > .megamenu form textarea:focus {

    border-color: #82837e;

}

.grey li > .megamenu form input[type="submit"]:hover {

    background: none repeat scroll 0 0 #82837e;

    color: #fff;

}

.grey li > .megamenu a:hover {

    color: #dedede;

}

.blue ul.dropdown li:hover > a, .blue > li.active > a, .blue > li:hover > a {

    color: #e46909;

}

.blue li > .megamenu form input[type="text"]:focus, .blue li > .megamenu form textarea:focus {

    border-color: #02b8fa;

}

.blue li > .megamenu form input[type="submit"]:hover {

    background: none repeat scroll 0 0 #02b8fa;

    color: #fff;

}

.blue li > .megamenu a:hover {

    color: #02b8fa;

}

.deeper ul.dropdown li:hover > a, .deeper > li.active > a, .deeper > li:hover > a {

    background: none repeat scroll 0 0 #008c9e;

    color: #fff;

}

.deeper li > .megamenu form input[type="text"]:focus, .deeper li > .megamenu form textarea:focus {

    border-color: #008c9e;

}

.deeper li > .megamenu form input[type="submit"]:hover {

    background: none repeat scroll 0 0 #008c9e;

    color: #fff;

}

.deeper li > .megamenu a:hover {

    color: #008c9e;

}

.green ul.dropdown li:hover > a, .green > li.active > a, .green > li:hover > a {

    background: none repeat scroll 0 0 #88c425;

    color: #fff;

}

.green li > .megamenu form input[type="text"]:focus, .green li > .megamenu form textarea:focus {

    border-color: #88c425;

}

.green li > .megamenu form input[type="submit"]:hover {

    background: none repeat scroll 0 0 #88c425;

    color: #fff;

}

.green li > .megamenu a:hover {

    color: #88c425;

}

.emerald ul.dropdown li:hover > a, .emerald > li.active > a, .emerald > li:hover > a {

    background: none repeat scroll 0 0 #2ecc71;

    color: #fff;

}

.emerald li > .megamenu form input[type="text"]:focus, .emerald li > .megamenu form textarea:focus {

    border-color: #2ecc71;

}

.emerald li > .megamenu form input[type="submit"]:hover {

    background: none repeat scroll 0 0 #2ecc71;

    color: #fff;

}

.emerald li > .megamenu a:hover {

    color: #2ecc71;

}

.red ul.dropdown li:hover > a, .red > li.active > a, .red > li:hover > a {

    background: none repeat scroll 0 0 #c21a01;

    color: #fff;

}

.red li > .megamenu form input[type="text"]:focus, .red li > .megamenu form textarea:focus {

    border-color: #c21a01;

}

.red li > .megamenu form input[type="submit"]:hover {

    background: none repeat scroll 0 0 #c21a01;

    color: #fff;

}

.red li > .megamenu a:hover {

    color: #c21a01;

}

.pox ul.dropdown li:hover > a, .pox > li.active > a, .pox > li:hover > a {

    background: none repeat scroll 0 0 #fa023c;

    color: #fff;

}

.pox li > .megamenu form input[type="text"]:focus, .pox li > .megamenu form textarea:focus {

    border-color: #fa023c;

}

.pox li > .megamenu form input[type="submit"]:hover {

    background: none repeat scroll 0 0 #fa023c;

    color: #fff;

}

.pox li > .megamenu a:hover {

    color: #fa023c;

}

.orange ul.dropdown li:hover > a, .orange > li.active > a, .orange > li:hover > a {

    background: none repeat scroll 0 0 #ff670f;

    color: #fff;

}

.orange li > .megamenu form input[type="text"]:focus, .orange li > .megamenu form textarea:focus {

    border-color: #ff670f;

}

.orange li > .megamenu form input[type="submit"]:hover {

    background: none repeat scroll 0 0 #ff670f;

    color: #fff;

}

.orange li > .megamenu a:hover {

    color: #ff670f;

}

.sunburst ul.dropdown li:hover > a, .sunburst > li.active > a, .sunburst > li:hover > a {

    background: none repeat scroll 0 0 #d46d22;

    color: #fff;

}

.sunburst li > .megamenu form input[type="text"]:focus, .sunburst li > .megamenu form textarea:focus {

    border-color: #d46d22;

}

.sunburst li > .megamenu form input[type="submit"]:hover {

    background: none repeat scroll 0 0 #d46d22;

    color: #fff;

}

.sunburst li > .megamenu a:hover {

    color: #d46d22;

}

.yellow ul.dropdown li:hover > a, .yellow > li.active > a, .yellow > li:hover > a {

    background: none repeat scroll 0 0 #febf01;

    color: #222;

}

.yellow li > .megamenu form input[type="text"]:focus, .yellow li > .megamenu form textarea:focus {

    border-color: #febf01;

}

.yellow li > .megamenu form input[type="submit"]:hover {

    background: none repeat scroll 0 0 #febf01;

    color: #222;

}

.yellow li > .megamenu a:hover {

    color: #febf01;

}

.purple ul.dropdown li:hover > a, .purple > li.active > a, .purple > li:hover > a {

    background: none repeat scroll 0 0 #a849a3;

    color: #fff;

}

.purple li > .megamenu form input[type="text"]:focus, .purple li > .megamenu form textarea:focus {

    border-color: #a849a3;

}

.purple li > .megamenu form input[type="submit"]:hover {

    background: none repeat scroll 0 0 #a849a3;

    color: #fff;

}

.purple li > .megamenu a:hover {

    color: #a849a3;

}

.pink ul.dropdown li:hover > a, .pink > li.active > a, .pink > li:hover > a {

    background: none repeat scroll 0 0 #f56991;

    color: #fff;

}

.pink li > .megamenu form input[type="text"]:focus, .pink li > .megamenu form textarea:focus {

    border-color: #f56991;

}

.pink li > .megamenu form input[type="submit"]:hover {

    background: none repeat scroll 0 0 #f56991;

    color: #fff;

}

.pink li > .megamenu a:hover {

    color: #f56991;

}

@media (max-width: 768px) {

.jetmenu > li {

    box-sizing: border-box;

    display: block;

    width: 100%;

}

.jetmenu > li > a {

    padding: 15px 25px;

}

.jetmenu a {

    background: none repeat scroll 0 0 #333;

    box-sizing: border-box;

    width: 100%;

}

.jetmenu ul.dropdown, .jetmenu ul.dropdown li ul.dropdown {

    border: medium none;

    box-sizing: border-box;

    left: 0;

    position: static !important;

    width: 100% !important;

}

.jetmenu ul.dropdown li {

    background: none repeat scroll 0 0 #fff !important;

    border: medium none;

}

.jetmenu ul.dropdown > li > a {

    padding-left: 40px !important;

}

.jetmenu > li > .megamenu {

    border-top: medium none;

    position: static;

    width: 100% !important;

}

.jetmenu > li > .megamenu .row [class*="col"] {

    box-sizing: border-box;

    display: block;

    float: none;

    margin-left: 0;

    margin-top: 15px;

    width: 100% !important;

}

.jetmenu > li > .megamenu .row, .jetmenu > li > .megamenu .row:first-child [class*="col"]:first-child {

    margin-top: 0;

}

.jetmenu > li > ul.dropdown > li > a {

    padding-left: 40px !important;

}

.jetmenu > li > ul.dropdown > li > ul.dropdown > li > a {

    padding-left: 60px !important;

}

.jetmenu > li > ul.dropdown > li > ul.dropdown > li > ul.dropdown > li > a {

    padding-left: 80px !important;

}

}

@media (min-width: 768px) and (max-width: 900px) {

.jetmenu > li > .megamenu {

    left: 0 !important;

    width: 100% !important;

}

}

.jetmenu li > .megamenu ul li.title {

    border-bottom: 1px solid #fff;

    font-size: 14px;

    margin: 0 0 8px;

    padding: 0 0 5px;

}

@media (max-width: 768px) {

.options {

    font-size: 12px;

}

.content {

    display: block;

   

 

}

.jetmenu li > .megamenu ul li.title {

    border: medium none;

}

}

@media (max-width: 480px) {

.content {

    margin: 0;

}

}