/** ===================== Custom css start ========================== **/ body { margin: 0; font-family: "Roboto", "Helvetica Neue", Arial, sans-serif; font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: #868ba1; text-align: left; background-color: #f0f2f7; } ul { padding-left: 0; list-style-type: none; margin-bottom: 0; } * a { font-size: 14px; } * a:hover, * a:focus { text-decoration: none; } p { font-size: 13px; } .media-left { padding-right: 20px; } /**====== Custom css end ======**/ /** ===================== Main-body css start ========================== **/ .main-body .page-wrapper { padding: 1.8rem; transition: all ease-in .3s; } .main-body .page-wrapper .page-header { margin-bottom: 20px; } .main-body .page-wrapper .page-header-title { display: inline-block; } .main-body .page-wrapper .page-header-title h4 { display: inline-block; margin-bottom: 0; font-weight: 600; color: #4a6076; font-size: 20px; } .main-body .page-wrapper .page-header-title span { font-size: 13px; color: #9f9f9f; display: block; margin-top: 5px; } .main-body .page-wrapper .page-header-breadcrumb { float: right; } /** ===================== Notification css start ========================== **/ .location-selector { width: 100%; height: 250px; background-color: #fff; border: 2px dashed #e5e9ec; position: relative; margin-bottom: 20px; } .location-selector .bit { background-color: #e5e9ec; cursor: pointer; position: absolute; } .location-selector .bit:hover { background-color: #ddd; } .location-selector .bit.top, .location-selector .bit.bottom { height: 25%; width: 40%; margin: 0 30%; } .location-selector .bit.top { top: 0; } .location-selector .bit.bottom { bottom: 0; } .location-selector .bit.right, .location-selector .bit.left { height: 20%; width: 20%; margin-left: 0; margin-right: 0; } .location-selector .bit.right { right: 0; } .location-selector .bit.left { left: 0; } button.close { margin-top: 7px; margin-bottom: 0; } /**====== Notification css end ======**/ /** ===================== Tabs css start ========================== **/ .tab-list p { padding: 10px; } .tab-with-img i { position: absolute; padding: 5px; } .tab-icon { margin-bottom: 30px; } .tab-icon i { padding-right: 10px; } .tab-below { border-top: 1px solid #ddd; border-bottom: none; } .tab-below.nav-tabs .nav-link.active { border-color: transparent #ddd #ddd #ddd; } .tab-below .nav-item, .tab-below .main-menu .main-menu-content .nav-item .tree-1 a, .main-menu .main-menu-content .nav-item .tree-1 .tab-below a, .tab-below .main-menu .main-menu-content .nav-item .tree-2 a, .main-menu .main-menu-content .nav-item .tree-2 .tab-below a, .tab-below .main-menu .main-menu-content .nav-item .tree-3 a, .main-menu .main-menu-content .nav-item .tree-3 .tab-below a, .tab-below .main-menu .main-menu-content .nav-item .tree-4 a, .main-menu .main-menu-content .nav-item .tree-4 .tab-below a { margin-top: -2px; } .tab-below.nav-tabs .nav-link { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem; } .card-header ~ .tab-icon .tab-with-img .sub-title i { right: 10px; } .tab-with-img .nav-link { position: relative; } .tabs-left, .tabs-right { min-width: 120px; vertical-align: top; width: 150px; } .tabs-left, .tabs-right, .tabs-left-content, .tabs-right-content { display: table-cell; } .nav-tabs.tabs-left .slide { height: 35px; width: 4px; bottom: 15px; } .nav-tabs.tabs-right .slide { height: 35px; width: 4px; bottom: 15px; right: 0; } .product-edit .md-tabs .nav-item a, .product-edit .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a a, .main-menu .main-menu-content .nav-item .tree-1 .product-edit .md-tabs a a, .product-edit .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a a, .main-menu .main-menu-content .nav-item .tree-2 .product-edit .md-tabs a a, .product-edit .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a a, .main-menu .main-menu-content .nav-item .tree-3 .product-edit .md-tabs a a, .product-edit .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a a, .main-menu .main-menu-content .nav-item .tree-4 .product-edit .md-tabs a a { padding: 0 0 20px !important; } .md-tabs.tabs-left .nav-item, .md-tabs.tabs-left .main-menu .main-menu-content .nav-item .tree-1 a, .main-menu .main-menu-content .nav-item .tree-1 .md-tabs.tabs-left a, .md-tabs.tabs-left .main-menu .main-menu-content .nav-item .tree-2 a, .main-menu .main-menu-content .nav-item .tree-2 .md-tabs.tabs-left a, .md-tabs.tabs-left .main-menu .main-menu-content .nav-item .tree-3 a, .main-menu .main-menu-content .nav-item .tree-3 .md-tabs.tabs-left a, .md-tabs.tabs-left .main-menu .main-menu-content .nav-item .tree-4 a, .main-menu .main-menu-content .nav-item .tree-4 .md-tabs.tabs-left a, .tabs-left .nav-item, .tabs-left .main-menu .main-menu-content .nav-item .tree-1 a, .main-menu .main-menu-content .nav-item .tree-1 .tabs-left a, .tabs-left .main-menu .main-menu-content .nav-item .tree-2 a, .main-menu .main-menu-content .nav-item .tree-2 .tabs-left a, .tabs-left .main-menu .main-menu-content .nav-item .tree-3 a, .main-menu .main-menu-content .nav-item .tree-3 .tabs-left a, .tabs-left .main-menu .main-menu-content .nav-item .tree-4 a, .main-menu .main-menu-content .nav-item .tree-4 .tabs-left a, .md-tabs.tabs-right .nav-item, .md-tabs.tabs-right .main-menu .main-menu-content .nav-item .tree-1 a, .main-menu .main-menu-content .nav-item .tree-1 .md-tabs.tabs-right a, .md-tabs.tabs-right .main-menu .main-menu-content .nav-item .tree-2 a, .main-menu .main-menu-content .nav-item .tree-2 .md-tabs.tabs-right a, .md-tabs.tabs-right .main-menu .main-menu-content .nav-item .tree-3 a, .main-menu .main-menu-content .nav-item .tree-3 .md-tabs.tabs-right a, .md-tabs.tabs-right .main-menu .main-menu-content .nav-item .tree-4 a, .main-menu .main-menu-content .nav-item .tree-4 .md-tabs.tabs-right a, .tabs-right .nav-item, .tabs-right .main-menu .main-menu-content .nav-item .tree-1 a, .main-menu .main-menu-content .nav-item .tree-1 .tabs-right a, .tabs-right .main-menu .main-menu-content .nav-item .tree-2 a, .main-menu .main-menu-content .nav-item .tree-2 .tabs-right a, .tabs-right .main-menu .main-menu-content .nav-item .tree-3 a, .main-menu .main-menu-content .nav-item .tree-3 .tabs-right a, .tabs-right .main-menu .main-menu-content .nav-item .tree-4 a, .main-menu .main-menu-content .nav-item .tree-4 .tabs-right a { width: 100%; position: relative; } .md-tabs { position: relative; } .md-tabs .nav-item + .nav-item, .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a + .nav-item, .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a + .nav-item, .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a + .nav-item, .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a + .nav-item, .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a + .nav-item, .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a + .nav-item, .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a + .nav-item, .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a + .nav-item, .md-tabs .main-menu .main-menu-content .nav-item .tree-1 .nav-item + a, .main-menu .main-menu-content .nav-item .tree-1 .md-tabs .nav-item + a, .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a + a, .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a + a, .main-menu .main-menu-content .nav-item .tree-2 .md-tabs .tree-1 a + a, .main-menu .main-menu-content .nav-item .tree-3 .md-tabs .tree-1 a + a, .main-menu .main-menu-content .nav-item .tree-4 .md-tabs .tree-1 a + a, .md-tabs .main-menu .main-menu-content .nav-item .tree-2 .nav-item + a, .main-menu .main-menu-content .nav-item .tree-2 .md-tabs .nav-item + a, .main-menu .main-menu-content .nav-item .tree-1 .md-tabs .tree-2 a + a, .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a + a, .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a + a, .main-menu .main-menu-content .nav-item .tree-3 .md-tabs .tree-2 a + a, .main-menu .main-menu-content .nav-item .tree-4 .md-tabs .tree-2 a + a, .md-tabs .main-menu .main-menu-content .nav-item .tree-3 .nav-item + a, .main-menu .main-menu-content .nav-item .tree-3 .md-tabs .nav-item + a, .main-menu .main-menu-content .nav-item .tree-1 .md-tabs .tree-3 a + a, .main-menu .main-menu-content .nav-item .tree-2 .md-tabs .tree-3 a + a, .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a + a, .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a + a, .main-menu .main-menu-content .nav-item .tree-4 .md-tabs .tree-3 a + a, .md-tabs .main-menu .main-menu-content .nav-item .tree-4 .nav-item + a, .main-menu .main-menu-content .nav-item .tree-4 .md-tabs .nav-item + a, .main-menu .main-menu-content .nav-item .tree-1 .md-tabs .tree-4 a + a, .main-menu .main-menu-content .nav-item .tree-2 .md-tabs .tree-4 a + a, .main-menu .main-menu-content .nav-item .tree-3 .md-tabs .tree-4 a + a, .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a + a, .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a + a { margin: 0; } .md-tabs .nav-link { border: none; color: #1b8bf9; } .md-tabs .nav-item, .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a, .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a, .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a, .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a, .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a, .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a, .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a, .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a { background-color: #fff; width: calc(100% / 4); text-align: center; } .md-tabs .nav-link:focus, .md-tabs .nav-link:hover { border: none; } .md-tabs .nav-item .nav-link.active ~ .slide, .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a .nav-link.active ~ .slide, .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a .nav-link.active ~ .slide, .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a .nav-link.active ~ .slide, .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a .nav-link.active ~ .slide, .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a .nav-link.active ~ .slide, .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a .nav-link.active ~ .slide, .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a .nav-link.active ~ .slide, .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a .nav-link.active ~ .slide { opacity: 1; transition: all 0.3s ease-out; } .md-tabs .nav-item .nav-link ~ .slide, .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a .nav-link ~ .slide, .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a .nav-link ~ .slide, .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a .nav-link ~ .slide, .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a .nav-link ~ .slide, .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a .nav-link ~ .slide, .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a .nav-link ~ .slide, .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a .nav-link ~ .slide, .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a .nav-link ~ .slide { opacity: 0; transition: all 0.3s ease-out; } .md-tabs .nav-item.open .nav-link, .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a.open .nav-link, .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a.open .nav-link, .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a.open .nav-link, .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a.open .nav-link, .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a.open .nav-link, .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a.open .nav-link, .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a.open .nav-link, .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a.open .nav-link, .md-tabs .nav-item.open .nav-link:focus, .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a.open .nav-link:focus, .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a.open .nav-link:focus, .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a.open .nav-link:focus, .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a.open .nav-link:focus, .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a.open .nav-link:focus, .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a.open .nav-link:focus, .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a.open .nav-link:focus, .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a.open .nav-link:focus, .md-tabs .nav-item.open .nav-link:hover, .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a.open .nav-link:hover, .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a.open .nav-link:hover, .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a.open .nav-link:hover, .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a.open .nav-link:hover, .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a.open .nav-link:hover, .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a.open .nav-link:hover, .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a.open .nav-link:hover, .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a.open .nav-link:hover, .md-tabs .nav-link.active, .md-tabs .nav-link.active:focus, .md-tabs .nav-link.active:hover { color: #1abc9c; border: none; background-color: transparent; border-radius: 0; } .md-tabs .nav-item:first-child, .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a:first-child, .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a:first-child, .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a:first-child, .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a:first-child, .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a:first-child, .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a:first-child, .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a:first-child, .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a:first-child { border-bottom: 1px solid #ddd; } .md-tabs .nav-item a, .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a a, .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a a, .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a a, .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a a, .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a a, .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a a, .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a a, .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a a { padding: 20px 0 20px !important; color: #1abc9c; } .nav-tabs .slide { background: #1abc9c; width: calc(100% / 4); height: 4px; position: absolute; -webkit-transition: left 0.3s ease-out; transition: left 0.3s ease-out; bottom: 0; } .nav-tabs .slide .nav-item.show .nav-link, .nav-tabs .slide .main-menu .main-menu-content .nav-item .tree-1 a.show .nav-link, .main-menu .main-menu-content .nav-item .tree-1 .nav-tabs .slide a.show .nav-link, .nav-tabs .slide .main-menu .main-menu-content .nav-item .tree-2 a.show .nav-link, .main-menu .main-menu-content .nav-item .tree-2 .nav-tabs .slide a.show .nav-link, .nav-tabs .slide .main-menu .main-menu-content .nav-item .tree-3 a.show .nav-link, .main-menu .main-menu-content .nav-item .tree-3 .nav-tabs .slide a.show .nav-link, .nav-tabs .slide .main-menu .main-menu-content .nav-item .tree-4 a.show .nav-link, .main-menu .main-menu-content .nav-item .tree-4 .nav-tabs .slide a.show .nav-link, .nav-tabs .slide .nav-link { color: #1abc9c; } .img-tabs img { width: 100px; margin: 0 auto; } .img-tabs a { opacity: 0.5; transition: all ease-in-out 0.3s; } .img-tabs a span i { height: 25px; width: 25px; border-radius: 100%; bottom: 10px; right: 70px; } .img-tabs a img { border: 3px solid; } .img-tabs a.active { opacity: 1; transition: all ease-in-out 0.3s; } .img-tabs .nav-item:first-child, .img-tabs .main-menu .main-menu-content .nav-item .tree-1 a:first-child, .main-menu .main-menu-content .nav-item .tree-1 .img-tabs a:first-child, .img-tabs .main-menu .main-menu-content .nav-item .tree-2 a:first-child, .main-menu .main-menu-content .nav-item .tree-2 .img-tabs a:first-child, .img-tabs .main-menu .main-menu-content .nav-item .tree-3 a:first-child, .main-menu .main-menu-content .nav-item .tree-3 .img-tabs a:first-child, .img-tabs .main-menu .main-menu-content .nav-item .tree-4 a:first-child, .main-menu .main-menu-content .nav-item .tree-4 .img-tabs a:first-child { border-bottom: none; } #pc-left-panel-menu { margin-bottom: 20px; } .h-active a { color: #1b8bf9 !important; font-weight: 600; } .img-circle { border-radius: 50%; } .b-none { border: none !important; } /**====== Tabs css end ======**/ /** ===================== Table css start ========================== **/ .table.table-xl td, .table.table-xl th { padding: 1.25rem 2rem; } .table.table-lg td, .table.table-lg th { padding: .9rem 2rem; } .table.table-de td, .table.table-de th { padding: .75rem 2rem; } .table.table-sm td, .table.table-sm th { padding: .6rem 2rem; } .table.table-xs td, .table.table-xs th { padding: .4rem 2rem; } .table-columned > tbody > tr > td:first-child, .table-columned > tbody > tr > th:first-child { border-left: 0; } .table-columned > tfoot > tr > td:first-child, .table-columned > tfoot > tr > th:first-child { border-left: 0; } .table-columned > tbody > tr > td, .table-columned > tbody > tr > th { border: 0; border-left: 1px solid #ddd; } .table-columned > tfoot > tr > td, .table-columned > tfoot > tr > th { border: 0; border-left: 1px solid #ddd; } .table-border-style { padding: 0; } .table-border-style .table { margin-bottom: 0; } .table > thead > tr > th { border-bottom-color: #ccc; } .table-borderless tbody tr th, .table-borderless tbody tr td { border: 0; } .table-bordered > thead > tr.border-solid > td, .table-bordered > thead > tr.border-solid > th { border-bottom-width: 2px; } .table-bordered > thead > tr.border-solid:first-child > td, .table-bordered > thead > tr.border-solid:first-child th { border-bottom-width: 2px; } .table-bordered > thead > tr.border-double > td, .table-bordered > thead > tr.border-double > th { border-bottom-width: 3px; border-bottom-style: double; } .table-bordered > thead > tr.border-double:first-child > td, .table-bordered > thead > tr.border-double:first-child th { border-bottom-width: 3px; border-bottom-style: double; } /**====== Table css end ======**/ /** ===================== User-Profile css start ========================== **/ .user-img img, .rounded-card img { margin: 0 auto; display: block; width: 100%; } .user-img img { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .user-about ul li { border-top: 1px solid rgba(204, 204, 204, 0.28); padding: 10px 0 10px 10px; text-align: left; } .user-about ul li a { font-size: 16px; color: #666; } .user-about ul li.active a { color: #fff; } .user-about ul li.active { font-weight: 600; background: #1b8bf9; } h5, .card-title { margin: 0; } .card-header.followers a { font-weight: 500; color: rgba(51, 51, 51, 0.85); } .user-profile { padding: 20px 0; } .follow-btn button:first-child, .user-about i { margin-right: 10px; } .btn-inline i { color: #fff; } .btn-inline .fb-btn { background-color: #3b5998; } .btn-inline .twitter-btn { background-color: #55acee; } .btn-inline .pinterest-btn { background-color: #cb2027; } .btn-inline .linkedin-btn { background-color: #007bb5; } .btn-inline .dribbble-btn { background-color: #ea4c89; } .user-post { font-style: italic; } .connection-list img, .list-inline, .list-inline li, .earn-heading, .service-header, .contact-user img, .contact-user h4 { display: inline-block; } .connection-list img { width: 55px; height: 55px; margin: 5px; } .border-post { border: 1px solid #ccc; } .earn-sub-header { font-size: 15px; color: #ccc; } .btn-inline { margin-top: 20px; } .order-summary .progress { margin-bottom: 32px; } .services .service-btn::after { top: 20px; right: 15px; } .services-list { box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.11); top: 46px; right: 0; } .services-list i, .contact-menu i, .fa-cog { margin-right: 10px; } .review-star i, .contact-details table .fa-star, .contact-details table .fa-star-o { color: #1abc9c; } .review-star i:last-child { color: #ccc; } .card-block.user-info { position: absolute; width: 100%; bottom: 10px; } .profile-bg-img { width: 100%; } .user-title { position: relative; bottom: 20px; } .user-title h2 { color: #fff; text-shadow: 1px 1px 4px #373a3c; font-size: 20px; } .profile-image img { border: 4px solid #fff; } .user-info .media-body, .user-info .media-left { display: table-cell; vertical-align: middle; } .cover-btn { bottom: 38px; right: 35px; position: absolute; } .cover-profile .profile-bg-img { margin-bottom: 25px; } .contact-user h4 { font-size: 20px; padding-left: 10px; } .groups-contact span { float: right; } .groups-contact span h4 { font-size: 18px; margin-bottom: 20px; } .contact-menu { box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.11); top: 15%; right: 10%; } .contact-menu .dropdown-item { padding: 8px 20px; } .tab-header { margin-bottom: 20px; } /*====== User-Profile End ======*/ /** ===================== User-card css start ========================== **/ .card.user-card { border-top: none; box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.05), 0 -2px 1px -2px rgba(0, 0, 0, 0.04), 0 0 0 -1px rgba(0, 0, 0, 0.05); transition: all 150ms linear; margin-bottom: 0; } .card.user-card:hover { box-shadow: 0 0 25px -5px #9e9c9e; } .card-header-img ~ .btn-group i { margin-right: 0; } .card.business-info { border-top: none; box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.05), 0 -2px 1px -2px rgba(0, 0, 0, 0.04), 0 0 0 -1px rgba(0, 0, 0, 0.05); transition: all 150ms linear; } .card.business-info:hover { box-shadow: 0 0 25px -5px #9e9c9e; } .top-cap-text { padding: 20px; } .top-cap-text p { padding: 10px 0; } .user-content { text-align: center; margin-top: 20px; } .user-content h4 { font-size: 16px; font-weight: 600; } .user-content h5 { font-size: 14px; } .img-overlay { bottom: 0; color: #fff; height: 100%; width: 100%; border-radius: 50%; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position: absolute; transform: scale(0); margin: 0 auto; } .img-overlay span { position: absolute; top: 50%; left: 50%; text-align: center; transform: translate(-50%, -50%); } .img-overlay i { margin-right: 0; } .img-hover-main { padding: 0 40px; } .img-hover { position: relative; width: 80%; margin: 0 auto; } .img-hover:hover .img-overlay { left: 0; right: 0; top: 0; bottom: 0; border-radius: 50%; transform: scale(1); margin: 0 auto; background-color: rgba(0, 0, 0, 0.7); z-index: 2; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .card-header-img img { margin: 0 auto; display: block; } .card-header-img h4 { margin-top: 30px; font-size: 20px; font-weight: 600; text-align: center; } .card-header-img h5, .card-header-img h6 { margin-top: 15px; font-size: 15px; color: #222; font-weight: 500; text-align: center; } .simple-cards .btn-group { margin: 20px auto 0; } .simple-cards .btn-group button { margin: 0; } .simple-cards .user-card { padding: 20px 0; text-align: center; } .card-icon { display: block; margin-bottom: 5px; } .btn-outline-primary { border-color: #1abc9c; font-weight: 500; padding: 10px 16px; font-size: 15px; } .btn-outline-primary:hover { background-color: #1abc9c; border-color: #1abc9c; } .simple-cards p { margin: 20px; font-size: 15px; } .user-profile #edit-info-btn, .user-profile #edit-btn { margin-bottom: 0; } .card-block ul.list-contacts, .card-block.groups-contact ul { display: block; float: none; } .card-block ul.list-contacts li, .card-block.groups-contact ul li { display: block; float: none; } ul.list-contacts .list-group-item a { color: #292b2c; } ul.list-contacts .list-group-item.active a { color: #fff; } .card-block.groups-contact { margin-bottom: 0; } .card-block .connection-list { margin-bottom: 20px; } .card-block .pagination li { margin-right: 0 !important; } .table button { margin-bottom: 0; } #crm-contact .img-circle, img.comment-img { width: 40px; height: 40px; } .page-link { color: #1abc9c; } .page-item.active .page-link { background-color: #1abc9c; border-color: #1abc9c; } #main { margin-bottom: 20px; } /*====== User-card End ======*/ /** ===================== Offline css start ========================== **/ .offline-box iframe { width: 100%; border: 1px solid #ddd; } /*==== Offline page css end ====*/ /** ===================== Theme-preloader css start ========================== **/ .theme-loader { height: 100%; width: 100%; background-color: #fff; position: fixed; z-index: 999999; } @-webkit-keyframes ball-scale { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes ball-scale { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } .ball-scale { left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; top: 45%; width: 100%; } .ball-scale > div { -webkit-animation: ball-scale 1s 0s ease-in-out infinite; animation: ball-scale 1s 0s ease-in-out infinite; background-color: #148f77; border-radius: 100px; display: inline-block; height: 60px; width: 60px; } /*====== Padding css starts ======*/ .p-0 { padding: 0px; } .p-5 { padding: 5px; } .p-10 { padding: 10px; } .p-15 { padding: 15px; } .p-20 { padding: 20px; } .p-25 { padding: 25px; } .p-30 { padding: 30px; } .p-35 { padding: 35px; } .p-40 { padding: 40px; } .p-45 { padding: 45px; } .p-50 { padding: 50px; } /*====== Padding css ends ======*/ /*====== Padding-top css starts ======*/ .p-t-0 { padding-top: 0px !important; } .p-t-5 { padding-top: 5px !important; } .p-t-10 { padding-top: 10px !important; } .p-t-15 { padding-top: 15px !important; } .p-t-20 { padding-top: 20px !important; } .p-t-25 { padding-top: 25px !important; } .p-t-30 { padding-top: 30px !important; } .p-t-35 { padding-top: 35px !important; } .p-t-40 { padding-top: 40px !important; } .p-t-45 { padding-top: 45px !important; } .p-t-50 { padding-top: 50px !important; } /*====== Padding-top css ends ======*/ /*====== Padding-bottom css starts ======*/ .p-b-0 { padding-bottom: 0px !important; } .p-b-5 { padding-bottom: 5px !important; } .p-b-10 { padding-bottom: 10px !important; } .p-b-15 { padding-bottom: 15px !important; } .p-b-20 { padding-bottom: 20px !important; } .p-b-25 { padding-bottom: 25px !important; } .p-b-30 { padding-bottom: 30px !important; } .p-b-35 { padding-bottom: 35px !important; } .p-b-40 { padding-bottom: 40px !important; } .p-b-45 { padding-bottom: 45px !important; } .p-b-50 { padding-bottom: 50px !important; } /*====== Padding-bottom css ends ======*/ /*====== Padding-left css starts ======*/ .p-l-0 { padding-left: 0px; } .p-l-5 { padding-left: 5px; } .p-l-10 { padding-left: 10px; } .p-l-15 { padding-left: 15px; } .p-l-20 { padding-left: 20px; } .p-l-25 { padding-left: 25px; } .p-l-30 { padding-left: 30px; } .p-l-35 { padding-left: 35px; } .p-l-40 { padding-left: 40px; } .p-l-45 { padding-left: 45px; } .p-l-50 { padding-left: 50px; } /*====== Padding-left css ends ======*/ /*====== Padding-right css starts ======*/ .p-r-0 { padding-right: 0px; } .p-r-5 { padding-right: 5px; } .p-r-10 { padding-right: 10px; } .p-r-15 { padding-right: 15px; } .p-r-20 { padding-right: 20px; } .p-r-25 { padding-right: 25px; } .p-r-30 { padding-right: 30px; } .p-r-35 { padding-right: 35px; } .p-r-40 { padding-right: 40px; } .p-r-45 { padding-right: 45px; } .p-r-50 { padding-right: 50px; } /*====== Padding-right css ends ======*/ /*====== Margin css starts ======*/ .m-0 { margin: 0px; } .m-5 { margin: 5px; } .m-10 { margin: 10px; } .m-15 { margin: 15px; } .m-20 { margin: 20px; } .m-25 { margin: 25px; } .m-30 { margin: 30px; } .m-35 { margin: 35px; } .m-40 { margin: 40px; } .m-45 { margin: 45px; } .m-50 { margin: 50px; } /*====== Margin css ends ======*/ /*====== Margin-top css starts ======*/ .m-t-0 { margin-top: 0px; } .m-t-5 { margin-top: 5px; } .m-t-10 { margin-top: 10px; } .m-t-15 { margin-top: 15px; } .m-t-20 { margin-top: 20px; } .m-t-25 { margin-top: 25px; } .m-t-30 { margin-top: 30px; } .m-t-35 { margin-top: 35px; } .m-t-40 { margin-top: 40px; } .m-t-45 { margin-top: 45px; } .m-t-50 { margin-top: 50px; } /*====== Margin-top css ends ======*/ /*====== Margin-Bottom css starts ======*/ .m-b-0 { margin-bottom: 0px; } .m-b-5 { margin-bottom: 5px; } .m-b-10 { margin-bottom: 10px; } .m-b-15 { margin-bottom: 15px; } .m-b-20 { margin-bottom: 20px; } .m-b-25 { margin-bottom: 25px; } .m-b-30 { margin-bottom: 30px; } .m-b-35 { margin-bottom: 35px; } .m-b-40 { margin-bottom: 40px; } .m-b-45 { margin-bottom: 45px; } .m-b-50 { margin-bottom: 50px; } /*====== Margin-Bottom css ends ======*/ /*====== Margin-left css starts ======*/ .m-l-0 { margin-left: 0px; } .m-l-5 { margin-left: 5px; } .m-l-10 { margin-left: 10px; } .m-l-15 { margin-left: 15px; } .m-l-20 { margin-left: 20px; } .m-l-25 { margin-left: 25px; } .m-l-30 { margin-left: 30px; } .m-l-35 { margin-left: 35px; } .m-l-40 { margin-left: 40px; } .m-l-45 { margin-left: 45px; } .m-l-50 { margin-left: 50px; } /*====== Margin-left css ends ======*/ /*====== Margin-right css starts ======*/ .m-r-0 { margin-right: 0px; } .m-r-5 { margin-right: 5px; } .m-r-10 { margin-right: 10px; } .m-r-15 { margin-right: 15px; } .m-r-20 { margin-right: 20px; } .m-r-25 { margin-right: 25px; } .m-r-30 { margin-right: 30px; } .m-r-35 { margin-right: 35px; } .m-r-40 { margin-right: 40px; } .m-r-45 { margin-right: 45px; } .m-r-50 { margin-right: 50px; } /*====== Margin-right css ends ======*/ /*====== Border-radius css starts ======*/ .b-radius-0 { border-radius: 0px !important; } .b-radius-5 { border-radius: 5px !important; } .b-radius-10 { border-radius: 10px !important; } /*====== Border-radius css ends ======*/ /*====== Font-size css starts ======*/ .f-12 { font-size: 12px; } .f-14 { font-size: 14px; } .f-16 { font-size: 16px; } .f-18 { font-size: 18px; } .f-20 { font-size: 20px; } .f-22 { font-size: 22px; } .f-24 { font-size: 24px; } .f-26 { font-size: 26px; } .f-28 { font-size: 28px; } .f-30 { font-size: 30px; } .f-32 { font-size: 32px; } .f-34 { font-size: 34px; } .f-36 { font-size: 36px; } .f-38 { font-size: 38px; } .f-40 { font-size: 40px; } .f-42 { font-size: 42px; } .f-44 { font-size: 44px; } .f-46 { font-size: 46px; } .f-48 { font-size: 48px; } .f-50 { font-size: 50px; } .f-52 { font-size: 52px; } .f-54 { font-size: 54px; } .f-56 { font-size: 56px; } .f-58 { font-size: 58px; } .f-60 { font-size: 60px; } .f-62 { font-size: 62px; } .f-64 { font-size: 64px; } .f-66 { font-size: 66px; } .f-68 { font-size: 68px; } .f-70 { font-size: 70px; } .f-72 { font-size: 72px; } .f-74 { font-size: 74px; } .f-76 { font-size: 76px; } .f-78 { font-size: 78px; } .f-80 { font-size: 80px; } /*====== Font-size css ends ======*/ /*====== Font-weight css starts ======*/ .f-w-100 { font-weight: 100; } .f-w-300 { font-weight: 300; } .f-w-400 { font-weight: 400; } .f-w-600 { font-weight: 600; } .f-w-700 { font-weight: 700; } .f-w-900 { font-weight: 900; } /*====== Font-weight css ends ======*/ /*====== Font-style css starts ======*/ .f-s-normal { font-style: normal; } .f-s-italic { font-style: italic; } .f-s-oblique { font-style: oblique; } .f-s-initial { font-style: initial; } .f-s-inherit { font-style: inherit; } /*====== Font-style css ends ======*/ /*====== Text-align css starts ======*/ .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } /*====== Text-align css ends ======*/ /*====== Text-Transform css starts ======*/ .text-capitalize { text-transform: capitalize; } .text-uppercase { text-transform: uppercase; } .text-lowercase { text-transform: lowercase; } /*====== Text-Transform css ends ======*/ /*====== Text-Decoration css starts ======*/ .text-overline { text-decoration: overline; } .text-line-through { text-decoration: line-through; } .text-underline { text-decoration: underline; } /*====== Text-Decoration css ends ======*/ /*====== Vertical-Align css starts ======*/ .baseline { vertical-align: baseline; } .sub { vertical-align: sub; } .super { vertical-align: super; } .top { vertical-align: top; } .text-top { vertical-align: text-top; } .middle { vertical-align: middle; } .bottom { vertical-align: bottom; } .text-bottom { vertical-align: text-bottom; } .initial { vertical-align: initial; } .inherit { vertical-align: inherit; } /*====== Vertical-Align css ends ======*/ /*====== Position css starts ======*/ .pos-static { position: static; } .pos-absolute { position: absolute; } .pos-fixed { position: fixed; } .pos-relative { position: relative; } .pos-initial { position: initial; } .pos-inherit { position: inherit; } /*====== Position css ends ======*/ /*====== Float css starts ======*/ .f-left { float: left; } .f-right { float: right; } .f-none { float: none; } /*====== Float css ends ======*/ /*====== Overflow css starts ======*/ .o-hidden { overflow: hidden; } .o-visible { overflow: visible; } .o-auto { overflow: auto; } /*====== Overflow css ends ======*/ /*====== Image-sizes css starts ======*/ .img-20 { width: 20px; } .img-30 { width: 30px; } .img-40 { width: 40px; } .img-50 { width: 50px; } .img-60 { width: 60px; } .img-70 { width: 70px; } .img-80 { width: 80px; } .img-90 { width: 90px; } .img-100 { width: 100px; } .mCS_img_loaded{border-radius: 100px} .user-profile img{border-radius: 100px} /*====== Image-sizes css ends ======*/ /*======= Text css starts ===========*/ .text-primary { color: #1abc9c !important; } .text-warning { color: #f1c40f !important; } .text-default { color: #bdc3c7 !important; } .text-danger { color: #e74c3c !important; } .text-success { color: #2ecc71 !important; } .text-inverse { color: #34495e !important; } .text-info { color: #3498DB !important; } .text-custom { color: #64b0f2 !important; } .text-pink { color: #ff7aa3 !important; } .text-muted { color: #777 !important; } .text-dark { color: #2b3d51 !important; } .text-purple { color: #9261c6 !important; } .text-muted { color: #777 !important; } /*======= Text css ends ===========*/ /*======= Label-color css starts ======= */ .label { border-radius: 2px; color: #fff; font-size: 12px; line-height: 1; margin-bottom: 0; text-transform: capitalize; } .label-primary { background-color: #1abc9c; } .label-warning { background-color: #f1c40f; } .label-default { background-color: #bdc3c7; } .label-danger { background-color: #e74c3c; } .label-success { background-color: #2ecc71; } .label-inverse { background-color: #34495e; } .label-info { background-color: #3498DB; } /*======= Label-color css starts ======= */ /*======= Badge-color css starts ======= */ .badge-primary { background-color: #1abc9c; } .badge-warning { background-color: #f1c40f; } .badge-default { background-color: #bdc3c7; } .badge-danger { background-color: #e74c3c; } .badge-success { background-color: #2ecc71; } .badge-inverse { background-color: #34495e; } .badge-info { background-color: #3498DB; } /*======= Badge-color css end ======= */ /*======= Background-color css starts ======= */ .bg-color-box { text-align: center; display: inline-block; padding: 10px 20px; box-shadow: 0 0 5px 0 rgba(128, 128, 128, 0.49); font-weight: 600; margin-right: 20px; margin-bottom: 20px; cursor: pointer; } .bg-color-box span { color: #fff; } .bg-primary { background-color: #1abc9c !important; color: #fff; } .bg-warning { background-color: #f1c40f !important; color: #fff; } .bg-default { background-color: #bdc3c7 !important; color: #fff; } .bg-danger { background-color: #e74c3c !important; color: #fff; } .bg-success { background-color: #2ecc71 !important; color: #fff; } .bg-inverse { background-color: #34495e !important; color: #fff; } .bg-info { background-color: #3498DB !important; color: #fff; } /*======= Background-color css end ======= */ /*======= Button-color css starts ======= */ .color-primary { background-color: #1abc9c; } .color-warning { background-color: #f1c40f; } .color-default { background-color: #bdc3c7; } .color-danger { background-color: #e74c3c; } .color-success { background-color: #2ecc71; } .color-inverse { background-color: #34495e; } .color-info { background-color: #3498DB; } /*======= Button-color css ends ======= */ /*======= Loader-color css starts ======= */ .loader-primary { background-color: #1abc9c !important; } .loader-warning { background-color: #f1c40f !important; } .loader-default { background-color: #bdc3c7 !important; } .loader-danger { background-color: #e74c3c !important; } .loader-success { background-color: #2ecc71 !important; } .loader-inverse { background-color: #34495e !important; } .loader-info { background-color: #3498DB !important; } /*======= Loader-color css ends ======= */ /*======= Nestable-color css starts ======= */ .nestable-primary { background-color: #1abc9c !important; border-color: #1abc9c; color: #fff !important; } .nestable-warning { background-color: #f1c40f !important; border-color: #f1c40f; color: #fff !important; } .nestable-default { background-color: #bdc3c7 !important; border-color: #bdc3c7; color: #fff !important; } .nestable-danger { background-color: #e74c3c !important; border-color: #e74c3c; color: #fff !important; } .nestable-success { background-color: #2ecc71 !important; border-color: #2ecc71; color: #fff !important; } .nestable-inverse { background-color: #34495e !important; border-color: #34495e; color: #fff !important; } .nestable-info { background-color: #3498DB !important; border-color: #3498DB; color: #fff !important; } /*======= Nestable-color css ends ======= */ /*======= Card-Border-Top-color css starts ======= */ .card-border-primary { border-top: 4px solid #1abc9c; } .card-border-warning { border-top: 4px solid #f1c40f; } .card-border-default { border-top: 4px solid #bdc3c7; } .card-border-danger { border-top: 4px solid #e74c3c; } .card-border-success { border-top: 4px solid #2ecc71; } .card-border-inverse { border-top: 4px solid #34495e; } .card-border-info { border-top: 4px solid #3498DB; } /*======= Card-Border-Top-color css ends ======= */ /*======= Panels-wells-color css starts ======= */ .panels-wells .panel-primary { border-color: #1abc9c; } .panels-wells .panel-warning { border-color: #f1c40f; } .panels-wells .panel-default { border-color: #bdc3c7; } .panels-wells .panel-danger { border-color: #e74c3c; } .panels-wells .panel-success { border-color: #2ecc71; } .panels-wells .panel-inverse { border-color: #34495e; } .panels-wells .panel-info { border-color: #3498DB; } /*======= Panels-wells-color css ends ======= */ /*======= All-Borders-color css starts ======= */ .b-t-primary { border-top: 1px solid #1abc9c; } .b-b-primary { border-bottom: 1px solid #1abc9c; } .b-l-primary { border-left: 1px solid #1abc9c; } .b-r-primary { border-right: 1px solid #1abc9c; } .b-t-warning { border-top: 1px solid #f1c40f; } .b-b-warning { border-bottom: 1px solid #f1c40f; } .b-l-warning { border-left: 1px solid #f1c40f; } .b-r-warning { border-right: 1px solid #f1c40f; } .b-t-default { border-top: 1px solid #bdc3c7; } .b-b-default { border-bottom: 1px solid #bdc3c7; } .b-l-default { border-left: 1px solid #bdc3c7; } .b-r-default { border-right: 1px solid #bdc3c7; } .b-t-danger { border-top: 1px solid #e74c3c; } .b-b-danger { border-bottom: 1px solid #e74c3c; } .b-l-danger { border-left: 1px solid #e74c3c; } .b-r-danger { border-right: 1px solid #e74c3c; } .b-t-success { border-top: 1px solid #2ecc71; } .b-b-success { border-bottom: 1px solid #2ecc71; } .b-l-success { border-left: 1px solid #2ecc71; } .b-r-success { border-right: 1px solid #2ecc71; } .b-t-inverse { border-top: 1px solid #34495e; } .b-b-inverse { border-bottom: 1px solid #34495e; } .b-l-inverse { border-left: 1px solid #34495e; } .b-r-inverse { border-right: 1px solid #34495e; } .b-t-info { border-top: 1px solid #3498DB; } .b-b-info { border-bottom: 1px solid #3498DB; } .b-l-info { border-left: 1px solid #3498DB; } .b-r-info { border-right: 1px solid #3498DB; } .b-t-theme { border-top: 1px solid #ddd; } .b-b-theme { border-bottom: 1px solid #ddd; } .b-l-theme { border-left: 1px solid #ddd; } .b-r-theme { border-right: 1px solid #ddd; } /*======= All-Borders-color css ends ======= */ /**====== Generic-class css end ======**/ /** ===================== Main-header css start ========================== **/ .main-header { margin-bottom: 20px; padding: 20px 0 20px 20px; } .main-header span { color: #9f9f9f; display: block; font-size: 13px; margin-top: 5px; } .header-navbar { min-height: 4em; padding: 0; } .header-navbar .navbar-wrapper { background-color: #2C3E50; } .header-navbar .navbar-wrapper .navbar-logo { align-items: center; display: flex; float: left; height: 3.5rem; justify-content: center; text-align: center; text-transform: uppercase; width: 240px; } .header-navbar .navbar-wrapper .navbar-logo h5 { margin-bottom: 0; } .header-navbar .navbar-wrapper .navbar-logo a { color: #fff; } .header-navbar .navbar-wrapper .navbar-logo .mobile-menu, .header-navbar .navbar-wrapper .navbar-logo .mobile-search, .header-navbar .navbar-wrapper .navbar-logo .mobile-options { display: none; } .header-navbar .navbar-wrapper .navbar-container { margin-left: 240px; } .header-navbar .navbar-wrapper .navbar-container .nav-left, .header-navbar .navbar-wrapper .navbar-container .nav-right { float: left; margin-bottom: 0; } .header-navbar .navbar-wrapper .navbar-container .nav-left li, .header-navbar .navbar-wrapper .navbar-container .nav-right li { float: left; line-height: 4; padding: 0 10px; position: relative; } .header-navbar .navbar-wrapper .navbar-container .nav-left a, .header-navbar .navbar-wrapper .navbar-container .nav-right a { color: #fff; padding: 1.5rem .6rem; } .header-navbar .navbar-wrapper .navbar-container .nav-left .mega-menu-top i, .header-navbar .navbar-wrapper .navbar-container .nav-right .mega-menu-top i { font-size: 10px; margin-left: 10px; } .header-navbar .navbar-wrapper .navbar-container .nav-right { float: right; } .header-navbar .navbar-wrapper .navbar-container .nav-right .user-profile img { margin-right: 10px; width: 40px; } .header-navbar .navbar-wrapper .navbar-container .nav-right .user-profile i { font-size: 10px; margin-left: 10px; } .header-navbar .navbar-wrapper .navbar-container .header-notification, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top { perspective: 1000px; z-index: 99; } .header-navbar .navbar-wrapper .navbar-container .header-notification .badge, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .badge { background: red; border-radius: 100px; left: 27px; position: absolute; top: 10px; } .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification, .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification { -webkit-transform: translateY(30px); background: #fff; box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.03), 0 -2px 1px -2px rgba(0, 0, 0, 0.02), 0 0 0 -1px rgba(0, 0, 0, 0.03); opacity: 0; position: absolute; right: 0; transform: translateY(30px); transition: all linear 0.3s; visibility: hidden; width: 24rem; } .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification a, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification a, .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification a, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification a { color: #666; } .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification li, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li, .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li { border-top: 1px solid #1abc9c, #f1c40f, #bdc3c7, #e74c3c, #2ecc71, #34495e, #3498DB; line-height: initial; padding: 1em 20px; width: 100%; } .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification li:first-child, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li:first-child, .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li:first-child, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li:first-child { padding: 10px 20px; } .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification li:first-child h6, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li:first-child h6, .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li:first-child h6, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li:first-child h6 { display: inline-block; font-size: 14px; font-weight: 600; margin-bottom: 0; text-transform: uppercase; } .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification li:first-child label, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li:first-child label, .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li:first-child label, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li:first-child label { float: right; } .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification li img, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li img, .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li img, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li img { width: 40px; margin-right: 10px; } .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification .notification-user, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification .notification-user, .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification .notification-user, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification .notification-user { font-size: 15px; font-weight: bold; } .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification .notification-msg, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification .notification-msg, .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification .notification-msg, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification .notification-msg { margin-bottom: 5px; } .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification .notification-time, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification .notification-time, .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification .notification-time, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification .notification-time { font-size: 12px; } .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification { width: 17em; } .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification a, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification a { font-size: 15px; padding-left: 0; } .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification i, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification i { font-size: 15px; margin-left: 0; margin-right: 5px; } .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li { border-top: none; padding: .7em 20px; } .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li:first-child, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li:first-child { padding: .7em 20px; } .header-navbar .navbar-wrapper .navbar-container .header-notification:hover .show-notification, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top:hover .show-notification, .header-navbar .navbar-wrapper .navbar-container .header-notification:hover .profile-notification, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top:hover .profile-notification { -webkit-transform: translateY(0px); opacity: 1; transform: translateY(0px); visibility: visible; } .header-navbar .navbar-wrapper .navbar-container .lng-dropdown .show-notification, .header-navbar .navbar-wrapper .navbar-container .lng-dropdown .header-notification .profile-notification, .header-navbar .navbar-wrapper .navbar-container .header-notification .lng-dropdown .profile-notification, .header-navbar .navbar-wrapper .navbar-container .lng-dropdown .mega-menu-top .profile-notification, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .lng-dropdown .profile-notification { width: 14em; } .header-navbar .navbar-wrapper .navbar-container .mega-menu-top { perspective: inherit; position: static !important; } .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification { left: 0; margin: 0 25px; width: calc(100% - 50px); z-index: 9999; } .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li { padding: 20px; } .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li:first-child, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li:first-child { padding: 20px; } .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li:first-child h6, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li:first-child h6 { border-bottom: 1px solid #1abc9c, #f1c40f, #bdc3c7, #e74c3c, #2ecc71, #34495e, #3498DB; display: block; margin-bottom: 20px; padding-bottom: 10px; } .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li h6, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li h6 { border-bottom: 1px solid #ddd; display: block; font-size: 14px; font-weight: 600; margin-bottom: 20px; padding-bottom: 10px; text-transform: uppercase; } .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li img, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li img { border-radius: 0; transition: all ease-in-out .3s; width: auto; } .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li img:hover, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li img:hover { box-shadow: 0px 0px 10px 2px rgba(128, 128, 128, 0.37); } .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification .mega-mailbox li, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification .mega-mailbox li { border-top: none; padding-left: 0; padding-top: 0; } .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification .mega-mailbox li a, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification .mega-mailbox li a { padding: 0; } .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification .mega-mailbox li a i, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification .mega-mailbox li a i { font-size: 20px; margin-left: 0; margin-right: 15px; } .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification .mega-mailbox li h5, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification .mega-mailbox li h5 { font-size: 15px; font-weight: 600; } .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .mega-menu-links li { border-top: none; padding: 10px 0; } .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .mega-menu-links li:first-child { padding-top: 0; padding: 10px 0; } .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .mega-menu-links a { display: block; font-size: 14px; padding: 0; text-transform: capitalize; } .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .mega-menu-contact label, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .mega-menu-contact .form-control { font-size: 14px; } /*======= Main-header css end ======*/ /** ===================== Left-side-menu css start ========================== **/ .main-menu { background: #2c3e50; float: left; width: 235px; z-index: 99; } .main-menu .main-menu-header { align-items: center; background: #4a6076; display: flex; padding: 20px; } .main-menu .main-menu-header .user-details { display: inline-block; margin-left: 10px; } .main-menu .main-menu-header .user-details #more-details { cursor: pointer; } .main-menu .main-menu-header .user-details span { color: #fff; display: block; font-size: 14px; text-transform: capitalize; } .main-menu .main-menu-header .user-details span i { font-size: 10px; margin-left: 10px; } .main-menu .main-menu-header .user-details span:first-child { margin-bottom: 5px; } .main-menu .main-menu-content .more-details { display: none; } .main-menu .main-menu-content .more-details a { padding: 10px 15px; display: block; color: #fff; transition: all ease-in .3s; } .main-menu .main-menu-content .more-details a:hover { color: #1abc9c; } .main-menu .main-menu-content .more-details a i { margin-right: 10px; } .main-menu .main-menu-content .menu-search { padding: 20px; padding-bottom: 10px; } .main-menu .main-menu-content li { position: relative; } .main-menu .main-menu-content .nav-title { color: #2ed8b6; font-size: 13px; font-weight: 600; letter-spacing: 1px; padding: 10px 5px; text-transform: uppercase; } .main-menu .main-menu-content .nav-title i { font-weight: 800; } .main-menu .main-menu-content .nav-title .menu-caption { right: 10px; } .main-menu .main-menu-content .nav-item.has-class > a, .main-menu .main-menu-content .nav-item .tree-1 a.has-class > a, .main-menu .main-menu-content .nav-item .tree-2 a.has-class > a, .main-menu .main-menu-content .nav-item .tree-3 a.has-class > a, .main-menu .main-menu-content .nav-item .tree-4 a.has-class > a { background: #1ABC9C; } .main-menu .main-menu-content .nav-item.has-class > a:hover, .main-menu .main-menu-content .nav-item .tree-1 a.has-class > a:hover, .main-menu .main-menu-content .nav-item .tree-2 a.has-class > a:hover, .main-menu .main-menu-content .nav-item .tree-3 a.has-class > a:hover, .main-menu .main-menu-content .nav-item .tree-4 a.has-class > a:hover { color: #fff; } .main-menu .main-menu-content .tree-1.open li .menu-caption, .main-menu .main-menu-content .nav-item .open.tree-2 li .menu-caption, .main-menu .main-menu-content .nav-item .open.tree-3 li .menu-caption, .main-menu .main-menu-content .nav-item .open.tree-4 li .menu-caption { right: 10px; } .main-menu .main-menu-content .tree-1.open .nav-sub-item > a, .main-menu .main-menu-content .nav-item .open.tree-2 .nav-sub-item > a, .main-menu .main-menu-content .nav-item .open.tree-3 .nav-sub-item > a, .main-menu .main-menu-content .nav-item .open.tree-4 .nav-sub-item > a { background: #34495E; } .main-menu .main-menu-content .tree-1.open .has-class > a, .main-menu .main-menu-content .nav-item .open.tree-2 .has-class > a, .main-menu .main-menu-content .nav-item .open.tree-3 .has-class > a, .main-menu .main-menu-content .nav-item .open.tree-4 .has-class > a, .main-menu .main-menu-content .tree-2.open .has-class > a, .main-menu .main-menu-content .tree-3.open .has-class > a, .main-menu .main-menu-content .tree-4.open .has-class > a { color: #1ABC9C; font-weight: 600; } .main-menu .main-menu-content .nav-item, .main-menu .main-menu-content .nav-item .tree-1 a, .main-menu .main-menu-content .nav-item .tree-2 a, .main-menu .main-menu-content .nav-item .tree-3 a, .main-menu .main-menu-content .nav-item .tree-4 a { color: #fff; } .main-menu .main-menu-content .nav-item a, .main-menu .main-menu-content .nav-item .tree-1 a a, .main-menu .main-menu-content .nav-item .tree-2 a a, .main-menu .main-menu-content .nav-item .tree-3 a a, .main-menu .main-menu-content .nav-item .tree-4 a a { color: #fff; display: block; font-size: 14px; padding: 10px 15px; transition: all ease-in .2s; } .main-menu .main-menu-content .nav-item a:hover { color: #1ABC9C; } .main-menu .main-menu-content .nav-item i, .main-menu .main-menu-content .nav-item .tree-1 a i, .main-menu .main-menu-content .nav-item .tree-2 a i, .main-menu .main-menu-content .nav-item .tree-3 a i, .main-menu .main-menu-content .nav-item .tree-4 a i { margin-right: 10px; font-size: 15px; vertical-align: middle; } .main-menu .main-menu-content .nav-item .icon-arrow-down, .main-menu .main-menu-content .nav-item .tree-1 a .icon-arrow-down, .main-menu .main-menu-content .nav-item .tree-2 a .icon-arrow-down, .main-menu .main-menu-content .nav-item .tree-3 a .icon-arrow-down, .main-menu .main-menu-content .nav-item .tree-4 a .icon-arrow-down { display: none; } .main-menu .main-menu-content .nav-item .tree-1 a, .main-menu .main-menu-content .nav-item .tree-2 a, .main-menu .main-menu-content .nav-item .tree-3 a, .main-menu .main-menu-content .nav-item .tree-4 a { padding-left: 50px; position: relative; } .main-menu .main-menu-content .nav-item .tree-1 a:before, .main-menu .main-menu-content .nav-item .tree-2 a:before, .main-menu .main-menu-content .nav-item .tree-3 a:before, .main-menu .main-menu-content .nav-item .tree-4 a:before { content: '\e649'; font-family: 'themify'; position: absolute; left: 30px; font-size: 10px; top: 13px; } .main-menu .main-menu-content .nav-item .tree-1 .icon-arrow-right, .main-menu .main-menu-content .nav-item .tree-2 .icon-arrow-right, .main-menu .main-menu-content .nav-item .tree-3 .icon-arrow-right, .main-menu .main-menu-content .nav-item .tree-4 .icon-arrow-right { display: none; } .main-menu .main-menu-content .nav-item .tree-2 a { padding-left: 60px; } .main-menu .main-menu-content .nav-item .tree-2 a:before { left: 40px; } .main-menu .main-menu-content .nav-item .tree-3 a { padding-left: 80px; } .main-menu .main-menu-content .nav-item .tree-3 a:before { left: 60px; } .main-menu .main-menu-content .nav-item .tree-4 a { padding-left: 100px; } .main-menu .main-menu-content .nav-item .tree-4 a:before { left: 80px; } .main-navigation a.nav-link.disabled { color: #a2a2a2 !important; } .main-navigation .nav-title span { padding-left: 5px; } .main-navigation .nav-item.single-item > a:after, .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.single-item > a:after, .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.single-item > a:after, .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.single-item > a:after, .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.single-item > a:after, .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.single-item > a:after, .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.single-item > a:after, .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.single-item > a:after, .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.single-item > a:after { display: none; } .main-navigation .nav-item.single-item .menu-caption, .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.single-item .menu-caption, .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.single-item .menu-caption, .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.single-item .menu-caption, .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.single-item .menu-caption, .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.single-item .menu-caption, .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.single-item .menu-caption, .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.single-item .menu-caption, .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.single-item .menu-caption { right: 10px; } .main-navigation .menu-caption { position: absolute; right: 40px; top: 14px; } .main-navigation .nav-item > a, .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a > a, .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a > a, .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a > a, .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a > a, .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a > a, .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a > a, .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a > a, .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a > a, .main-navigation .nav-sub-item > a, .main-navigation .nav-sub-item-3 > a, .main-navigation .nav-sub-item-4 > a { position: relative; } .main-navigation .nav-item > a:after, .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a > a:after, .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a > a:after, .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a > a:after, .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a > a:after, .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a > a:after, .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a > a:after, .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a > a:after, .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a > a:after, .main-navigation .nav-sub-item > a:after, .main-navigation .nav-sub-item-3 > a:after, .main-navigation .nav-sub-item-4 > a:after { content: '\e61a'; font-family: 'themify'; font-size: 14px; position: absolute; right: 20px; } .main-navigation .nav-item.has-class > a:after, .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class > a:after, .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class > a:after, .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class > a:after, .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class > a:after, .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class > a:after, .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class > a:after, .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class > a:after, .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class > a:after, .main-navigation .nav-sub-item.has-class > a:after, .main-navigation .nav-sub-item-3.has-class > a:after, .main-navigation .nav-sub-item-4.has-class > a:after { content: '\e622'; font-family: 'themify'; font-size: 14px; position: absolute; right: 20px; } .main-navigation .nav-item .tree-1, .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-1, .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a .tree-1, .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-1, .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a .tree-1, .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-1, .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a .tree-1, .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-1, .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a .tree-1, .main-navigation .main-menu .main-menu-content .nav-item .tree-2, .main-menu .main-menu-content .main-navigation .nav-item .tree-2, .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a .tree-2, .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a .tree-2, .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a .tree-2, .main-navigation .main-menu .main-menu-content .nav-item .tree-3, .main-menu .main-menu-content .main-navigation .nav-item .tree-3, .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a .tree-3, .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a .tree-3, .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a .tree-3, .main-navigation .main-menu .main-menu-content .nav-item .tree-4, .main-menu .main-menu-content .main-navigation .nav-item .tree-4, .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a .tree-4, .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a .tree-4, .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a .tree-4, .main-navigation .nav-item .tree-2, .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a .tree-2, .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-2, .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a .tree-2, .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-2, .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a .tree-2, .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-2, .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a .tree-2, .main-navigation .nav-item .tree-3, .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a .tree-3, .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-3, .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a .tree-3, .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-3, .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a .tree-3, .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-3, .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a .tree-3, .main-navigation .nav-item .tree-4, .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a .tree-4, .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-4, .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a .tree-4, .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-4, .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a .tree-4, .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-4, .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a .tree-4, .main-navigation .nav-sub-item .tree-1, .main-navigation .nav-sub-item .main-menu .main-menu-content .nav-item .tree-2, .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item .tree-2, .main-navigation .nav-sub-item .main-menu .main-menu-content .nav-item .tree-3, .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item .tree-3, .main-navigation .nav-sub-item .main-menu .main-menu-content .nav-item .tree-4, .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item .tree-4, .main-navigation .nav-sub-item .tree-2, .main-navigation .nav-sub-item .tree-3, .main-navigation .nav-sub-item .tree-4, .main-navigation .nav-sub-item-3 .tree-1, .main-navigation .nav-sub-item-3 .main-menu .main-menu-content .nav-item .tree-2, .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-3 .tree-2, .main-navigation .nav-sub-item-3 .main-menu .main-menu-content .nav-item .tree-3, .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-3 .tree-3, .main-navigation .nav-sub-item-3 .main-menu .main-menu-content .nav-item .tree-4, .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-3 .tree-4, .main-navigation .nav-sub-item-3 .tree-2, .main-navigation .nav-sub-item-3 .tree-3, .main-navigation .nav-sub-item-3 .tree-4, .main-navigation .nav-sub-item-4 .tree-1, .main-navigation .nav-sub-item-4 .main-menu .main-menu-content .nav-item .tree-2, .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-4 .tree-2, .main-navigation .nav-sub-item-4 .main-menu .main-menu-content .nav-item .tree-3, .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-4 .tree-3, .main-navigation .nav-sub-item-4 .main-menu .main-menu-content .nav-item .tree-4, .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-4 .tree-4, .main-navigation .nav-sub-item-4 .tree-2, .main-navigation .nav-sub-item-4 .tree-3, .main-navigation .nav-sub-item-4 .tree-4 { display: none; } .main-navigation .nav-item.has-class .tree-1.open, .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-1.open, .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class .tree-1.open, .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-1.open, .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class .tree-1.open, .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-1.open, .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class .tree-1.open, .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-1.open, .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class .tree-1.open, .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-2, .main-menu .main-menu-content .main-navigation .nav-item.has-class .open.tree-2, .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-2, .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class .open.tree-2, .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-2, .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class .open.tree-2, .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-2, .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class .open.tree-2, .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-2, .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class .open.tree-2, .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-3, .main-menu .main-menu-content .main-navigation .nav-item.has-class .open.tree-3, .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-3, .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class .open.tree-3, .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-3, .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class .open.tree-3, .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-3, .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class .open.tree-3, .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-3, .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class .open.tree-3, .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-4, .main-menu .main-menu-content .main-navigation .nav-item.has-class .open.tree-4, .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-4, .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class .open.tree-4, .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-4, .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class .open.tree-4, .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-4, .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class .open.tree-4, .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-4, .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class .open.tree-4, .main-navigation .nav-item.has-class .tree-2.open, .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-2.open, .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class .tree-2.open, .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-2.open, .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class .tree-2.open, .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-2.open, .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class .tree-2.open, .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-2.open, .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class .tree-2.open, .main-navigation .nav-item.has-class .tree-3.open, .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-3.open, .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class .tree-3.open, .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-3.open, .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class .tree-3.open, .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-3.open, .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class .tree-3.open, .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-3.open, .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class .tree-3.open, .main-navigation .nav-item.has-class .tree-4.open, .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-4.open, .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class .tree-4.open, .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-4.open, .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class .tree-4.open, .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-4.open, .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class .tree-4.open, .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-4.open, .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class .tree-4.open, .main-navigation .nav-sub-item.has-class .tree-1.open, .main-navigation .nav-sub-item.has-class .main-menu .main-menu-content .nav-item .open.tree-2, .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item.has-class .open.tree-2, .main-navigation .nav-sub-item.has-class .main-menu .main-menu-content .nav-item .open.tree-3, .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item.has-class .open.tree-3, .main-navigation .nav-sub-item.has-class .main-menu .main-menu-content .nav-item .open.tree-4, .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item.has-class .open.tree-4, .main-navigation .nav-sub-item.has-class .tree-2.open, .main-navigation .nav-sub-item.has-class .tree-3.open, .main-navigation .nav-sub-item.has-class .tree-4.open, .main-navigation .nav-sub-item-3.has-class .tree-1.open, .main-navigation .nav-sub-item-3.has-class .main-menu .main-menu-content .nav-item .open.tree-2, .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-3.has-class .open.tree-2, .main-navigation .nav-sub-item-3.has-class .main-menu .main-menu-content .nav-item .open.tree-3, .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-3.has-class .open.tree-3, .main-navigation .nav-sub-item-3.has-class .main-menu .main-menu-content .nav-item .open.tree-4, .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-3.has-class .open.tree-4, .main-navigation .nav-sub-item-3.has-class .tree-2.open, .main-navigation .nav-sub-item-3.has-class .tree-3.open, .main-navigation .nav-sub-item-3.has-class .tree-4.open, .main-navigation .nav-sub-item-4.has-class .tree-1.open, .main-navigation .nav-sub-item-4.has-class .main-menu .main-menu-content .nav-item .open.tree-2, .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-4.has-class .open.tree-2, .main-navigation .nav-sub-item-4.has-class .main-menu .main-menu-content .nav-item .open.tree-3, .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-4.has-class .open.tree-3, .main-navigation .nav-sub-item-4.has-class .main-menu .main-menu-content .nav-item .open.tree-4, .main-menu .main-menu-content .nav-item .main-navigation .nav-sub-item-4.has-class .open.tree-4, .main-navigation .nav-sub-item-4.has-class .tree-2.open, .main-navigation .nav-sub-item-4.has-class .tree-3.open, .main-navigation .nav-sub-item-4.has-class .tree-4.open { display: block; } /**====== Collapse-menu css start ======**/ .pcoded[theme-layout="vertical"][vertical-nav-type="collapsed"] .main-menu-header, .pcoded[theme-layout="vertical"][vertical-nav-type="collapsed"] .main-menu-content { display: none; } .pcoded[theme-layout="vertical"][vertical-nav-type="collapsed"] .main-menu { width: 45px; } .sidebar_toggle a { margin: -5px; line-height: 1; } body.menu-collapsed label { display: none; } body.menu-collapsed .slimScrollDiv, body.menu-collapsed .main-menu-content { overflow: visible !important; } body.menu-collapsed .main-menu-header, body.menu-collapsed .main-navigation .nav-item .tree-1, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-1, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-1, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-1, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-1, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2, .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-2, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3, .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-3, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4, .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-4, body.menu-collapsed .main-menu .main-menu-content .main-navigation .nav-item .tree-2, body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a .tree-2, body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a .tree-2, body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a .tree-2, body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a .tree-2, body.menu-collapsed .main-navigation .nav-item .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-2, body.menu-collapsed .nav-title span, body.menu-collapsed .nav-item span, body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-1 a span, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed a span, body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-2 a span, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed a span, body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-3 a span, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed a span, body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-4 a span, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed a span, body.menu-collapsed .nav-item > a i.icon-arrow-down, body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-1 a > a i.icon-arrow-down, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed a > a i.icon-arrow-down, body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-2 a > a i.icon-arrow-down, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed a > a i.icon-arrow-down, body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-3 a > a i.icon-arrow-down, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed a > a i.icon-arrow-down, body.menu-collapsed .main-menu .main-menu-content .nav-item .tree-4 a > a i.icon-arrow-down, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed a > a i.icon-arrow-down, body.menu-collapsed .menu-search { display: none; } body.menu-collapsed .main-menu { width: 70px; } body.menu-collapsed .main-menu .main-menu-content .nav-title { text-align: center; } body.menu-collapsed .main-navigation { transition: all ease-in .3s; } body.menu-collapsed .main-navigation .nav-item, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a { text-align: center; } body.menu-collapsed .main-navigation .nav-item > a, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a > a, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a > a, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a > a, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a > a, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a > a, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a > a, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a > a, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a > a { position: relative; } body.menu-collapsed .main-navigation .nav-item > a:after, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a > a:after, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a > a:after, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a > a:after, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a > a:after, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a > a:after, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a > a:after, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a > a:after, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a > a:after { display: none; } body.menu-collapsed .main-navigation .nav-item > a i, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a > a i, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a > a i, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a > a i, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a > a i, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a > a i, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a > a i, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a > a i, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a > a i { margin-right: 0; } body.menu-collapsed .main-navigation .nav-item i, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a i, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a i, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a i, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a i, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a i, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a i, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a i, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a i { margin-right: 5px; } body.menu-collapsed .main-navigation .nav-item .tree-1, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-1, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-1, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-1, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-1, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2, .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-2, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3, .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-3, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4, .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-4 { -webkit-transform: translateY(30px); background: #34495e; display: block; left: 70px; opacity: 0; position: absolute; top: 0; transform: translateY(30px); transition: all linear 0.3s; visibility: hidden; width: 15em; z-index: 99; } body.menu-collapsed .main-navigation .nav-item:hover .tree-1, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a:hover .tree-1, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a:hover .tree-1, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a:hover .tree-1, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a:hover .tree-1, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-2, .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item:hover .tree-2, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a:hover .tree-2, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a:hover .tree-2, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a:hover .tree-2, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a:hover .tree-2, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-3, .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item:hover .tree-3, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a:hover .tree-3, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a:hover .tree-3, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a:hover .tree-3, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a:hover .tree-3, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-4, .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item:hover .tree-4, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a:hover .tree-4, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a:hover .tree-4, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a:hover .tree-4, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a:hover .tree-4 { -webkit-transform: translateY(0px); opacity: 1; transform: translateY(0px); transition: all linear 0.3s; visibility: visible; } body.menu-collapsed .main-navigation .nav-item .tree-1 li, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-1 li, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-1 li, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-1 li, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-1 li, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 li, .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-2 li, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-2 li, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 li, .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-3 li, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-3 li, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 li, .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-4 li, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-4 li, body.menu-collapsed .main-navigation .nav-item .tree-1 a, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-1 a, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-1 a, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-1 a, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-1 a, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a, .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-2 a, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-2 a, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-2 a, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-2 a, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-2 a, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a, .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-3 a, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-3 a, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-3 a, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-3 a, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-3 a, body.menu-collapsed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a, .main-menu .main-menu-content body.menu-collapsed .main-navigation .nav-item .tree-4 a, .main-menu .main-menu-content .nav-item .tree-2 body.menu-collapsed .main-navigation a .tree-4 a, .main-menu .main-menu-content .nav-item .tree-3 body.menu-collapsed .main-navigation a .tree-4 a, .main-menu .main-menu-content .nav-item .tree-4 body.menu-collapsed .main-navigation a .tree-4 a, .main-menu .main-menu-content .nav-item .tree-1 body.menu-collapsed .main-navigation a .tree-4 a { text-align: left !important; } body.menu-collapsed .main-navigation .nav-sub-item > a { position: relative; } body.menu-collapsed .main-navigation .nav-sub-item > a:after { content: '\e65d'; font-family: 'themify'; font-size: 14px; position: absolute; right: 20px; } body.menu-collapsed .main-navigation .nav-sub-item .tree-2 { -webkit-transform: translateY(30px); background-color: #34495E; display: block !important; left: 210px; opacity: 0; position: absolute; top: 0; transform: translateY(30px); transition: all linear 0.3s; visibility: hidden; width: 15em; z-index: 99; } body.menu-collapsed .main-navigation .nav-sub-item .tree-2 a { padding-left: 30px; } body.menu-collapsed .main-navigation .nav-sub-item .tree-2 a:before { left: 10px; } body.menu-collapsed .main-navigation .nav-sub-item:hover .tree-2 { -webkit-transform: translateY(0px); opacity: 1; transform: translateY(0px); transition: all linear 0.3s; visibility: visible; } body.menu-collapsed .main-navigation .nav-sub-item-3 > a { position: relative; } body.menu-collapsed .main-navigation .nav-sub-item-3 > a:after { content: '\e65d'; font-family: 'themify'; font-size: 14px; position: absolute; right: 20px; } body.menu-collapsed .main-navigation .nav-sub-item-3 .tree-3 { -webkit-transform: translateY(30px); background-color: #34495E; display: block !important; left: 210px; opacity: 0; position: absolute; top: 0; transform: translateY(30px); transition: all linear 0.3s; visibility: hidden; width: 15em; z-index: 99; } body.menu-collapsed .main-navigation .nav-sub-item-3 .tree-3 a { padding-left: 30px; } body.menu-collapsed .main-navigation .nav-sub-item-3 .tree-3 a:before { left: 10px; } body.menu-collapsed .main-navigation .nav-sub-item-3:hover .tree-3 { -webkit-transform: translateY(0px); opacity: 1; transform: translateY(0px); transition: all linear 0.3s; visibility: visible; } body.menu-collapsed .main-navigation .nav-sub-item-4 > a { position: relative; } body.menu-collapsed .main-navigation .nav-sub-item-4 > a:after { content: '\e65d'; font-family: 'themify'; font-size: 14px; position: absolute; right: 20px; } body.menu-collapsed .main-navigation .nav-sub-item-4 .tree-4 { -webkit-transform: translateY(30px); background-color: #34495E; display: block !important; left: 210px; opacity: 0; position: absolute; top: 0; transform: translateY(30px); transition: all linear 0.3s; visibility: hidden; width: 15em; z-index: 99; } body.menu-collapsed .main-navigation .nav-sub-item-4 .tree-4 a { padding-left: 30px; } body.menu-collapsed .main-navigation .nav-sub-item-4 .tree-4 a:before { left: 10px; } body.menu-collapsed .main-navigation .nav-sub-item-4:hover .tree-4 { -webkit-transform: translateY(0px); opacity: 1; transform: translateY(0px); transition: all linear 0.3s; visibility: visible; } body.menu-collapsed .main-body .page-wrapper { margin-left: 70px; transition: all ease-in .3s; } /**====== Left-side-menu css end ======**/ /** ===================== Menu-layouts css start ========================== **/ /*===== Fix-menu layout ===== */ body.fix-menu .navbar-wrapper, body.menu-compact .navbar-wrapper, body.menu-bottom .navbar-wrapper, body.menu-rtl .navbar-wrapper, body.menu-sidebar .navbar-wrapper { position: fixed; top: 0; width: 100%; z-index: 999; } body.fix-menu .main-menu, body.menu-compact .main-menu, body.menu-bottom .main-menu, body.menu-rtl .main-menu, body.menu-sidebar .main-menu { left: 0; position: fixed; } /*===== Static-menu layout ===== */ body.menu-static .navbar-wrapper, body.menu-static .main-menu { position: initial; } /*===== Header-fix-menu layout ===== */ body.header-fixed .navbar-wrapper { position: fixed; top: 0; width: 100%; z-index: 9999; } body.header-fixed .main-menu { position: fixed; } body.header-fixed .main-body .page-wrapper { margin-left: 0; } body.header-fixed.menu-hide .main-menu { opacity: 0; transform: translateX(-240px); transition: all linear 300ms; } body.header-fixed.menu-show .main-menu { opacity: 1; transform: translateX(0px); transition: all linear 300ms; } /*===== Compact-menu layout ===== */ body.menu-compact .slimScrollDiv, body.menu-compact .main-menu-content { overflow: visible !important; } body.menu-compact #collapse-menu { display: none; } body.menu-compact .menu-caption { display: none; } body.menu-compact .main-menu { width: 150px; } body.menu-compact .nav-item > a, body.menu-compact .main-menu .main-menu-content .nav-item .tree-1 a > a, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact a > a, body.menu-compact .main-menu .main-menu-content .nav-item .tree-2 a > a, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact a > a, body.menu-compact .main-menu .main-menu-content .nav-item .tree-3 a > a, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact a > a, body.menu-compact .main-menu .main-menu-content .nav-item .tree-4 a > a, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact a > a { padding: 20px 15px !important; text-align: center; } body.menu-compact .nav-item > a i, body.menu-compact .main-menu .main-menu-content .nav-item .tree-1 a > a i, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact a > a i, body.menu-compact .main-menu .main-menu-content .nav-item .tree-2 a > a i, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact a > a i, body.menu-compact .main-menu .main-menu-content .nav-item .tree-3 a > a i, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact a > a i, body.menu-compact .main-menu .main-menu-content .nav-item .tree-4 a > a i, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact a > a i { display: block; font-size: 30px; margin-bottom: 10px; margin-right: 0 !important; } body.menu-compact .nav-item > a .icon-arrow-down, body.menu-compact .main-menu .main-menu-content .nav-item .tree-1 a > a .icon-arrow-down, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact a > a .icon-arrow-down, body.menu-compact .main-menu .main-menu-content .nav-item .tree-2 a > a .icon-arrow-down, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact a > a .icon-arrow-down, body.menu-compact .main-menu .main-menu-content .nav-item .tree-3 a > a .icon-arrow-down, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact a > a .icon-arrow-down, body.menu-compact .main-menu .main-menu-content .nav-item .tree-4 a > a .icon-arrow-down, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact a > a .icon-arrow-down { display: none; } body.menu-compact .nav-item > a:after, body.menu-compact .main-menu .main-menu-content .nav-item .tree-1 a > a:after, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact a > a:after, body.menu-compact .main-menu .main-menu-content .nav-item .tree-2 a > a:after, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact a > a:after, body.menu-compact .main-menu .main-menu-content .nav-item .tree-3 a > a:after, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact a > a:after, body.menu-compact .main-menu .main-menu-content .nav-item .tree-4 a > a:after, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact a > a:after { display: none; } body.menu-compact .main-body .page-wrapper { margin-left: 150px; } body.menu-compact .main-navigation .nav-item .tree-1, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-1, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-1, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-1, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-1, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-2, .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-2, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-3, .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-3, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-4, .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-4, body.menu-compact .main-menu-header, body.menu-compact .nav-title { display: none; } body.menu-compact .main-navigation { transition: all ease-in .3s; } body.menu-compact .main-navigation .nav-item, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a { text-align: center; } body.menu-compact .main-navigation .nav-item i, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a i, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a i, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a i, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a i, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a i, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a i, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a i, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a i { margin-right: 5px; } body.menu-compact .main-navigation .nav-item .tree-1, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-1, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-1, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-1, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-1, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-2, .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-2, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-3, .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-3, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-4, .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-4 { z-index: 999; -webkit-transform: translateY(30px); background: #34495e; display: block; left: 150px; opacity: 0; position: absolute; top: 0; transform: translateY(30px); transition: all linear 0.3s; visibility: hidden; width: 15em; } body.menu-compact .main-navigation .nav-item:hover .tree-1, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a:hover .tree-1, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a:hover .tree-1, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a:hover .tree-1, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a:hover .tree-1, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-2, .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item:hover .tree-2, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a:hover .tree-2, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a:hover .tree-2, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a:hover .tree-2, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a:hover .tree-2, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-3, .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item:hover .tree-3, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a:hover .tree-3, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a:hover .tree-3, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a:hover .tree-3, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a:hover .tree-3, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-4, .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item:hover .tree-4, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a:hover .tree-4, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a:hover .tree-4, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a:hover .tree-4, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a:hover .tree-4 { -webkit-transform: translateY(0px); opacity: 1; transform: translateY(0px); transition: all linear 0.3s; visibility: visible; } body.menu-compact .main-navigation .nav-item .tree-1 li, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-1 li, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-1 li, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-1 li, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-1 li, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-2 li, .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-2 li, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-2 li, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-3 li, .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-3 li, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-3 li, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-4 li, .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-4 li, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-4 li, body.menu-compact .main-navigation .nav-item .tree-1 a, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-1 a, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-1 a, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-1 a, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-1 a, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a, .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-2 a, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-2 a, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-2 a, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-2 a, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-2 a, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a, .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-3 a, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-3 a, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-3 a, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-3 a, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-3 a, body.menu-compact .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a, .main-menu .main-menu-content body.menu-compact .main-navigation .nav-item .tree-4 a, .main-menu .main-menu-content .nav-item .tree-2 body.menu-compact .main-navigation a .tree-4 a, .main-menu .main-menu-content .nav-item .tree-3 body.menu-compact .main-navigation a .tree-4 a, .main-menu .main-menu-content .nav-item .tree-4 body.menu-compact .main-navigation a .tree-4 a, .main-menu .main-menu-content .nav-item .tree-1 body.menu-compact .main-navigation a .tree-4 a { text-align: left !important; } body.menu-compact .main-navigation .nav-sub-item > a { position: relative; } body.menu-compact .main-navigation .nav-sub-item > a:after { content: '\e65d'; font-family: 'themify'; font-size: 14px; position: absolute; right: 20px; } body.menu-compact .main-navigation .nav-sub-item .tree-2 { z-index: 999; -webkit-transform: translateY(30px); background-color: #34495E; display: block !important; left: 210px; opacity: 0; position: absolute; top: 0; transform: translateY(30px); transition: all linear 0.3s; visibility: hidden; width: 15em; z-index: 9999; } body.menu-compact .main-navigation .nav-sub-item .tree-2 a { padding-left: 30px; } body.menu-compact .main-navigation .nav-sub-item .tree-2 a:before { left: 10px; } body.menu-compact .main-navigation .nav-sub-item:hover .tree-2 { -webkit-transform: translateY(0px); opacity: 1; transform: translateY(0px); transition: all linear 0.3s; visibility: visible; } body.menu-compact .main-navigation .nav-sub-item-3 > a { position: relative; } body.menu-compact .main-navigation .nav-sub-item-3 > a:after { content: '\e65d'; font-family: 'themify'; font-size: 14px; position: absolute; right: 20px; } body.menu-compact .main-navigation .nav-sub-item-3 .tree-3 { z-index: 999; -webkit-transform: translateY(30px); background-color: #34495E; display: block !important; left: 210px; opacity: 0; position: absolute; top: 0; transform: translateY(30px); transition: all linear 0.3s; visibility: hidden; width: 15em; z-index: 9999; } body.menu-compact .main-navigation .nav-sub-item-3 .tree-3 a { padding-left: 30px; } body.menu-compact .main-navigation .nav-sub-item-3 .tree-3 a:before { left: 10px; } body.menu-compact .main-navigation .nav-sub-item-3:hover .tree-3 { -webkit-transform: translateY(0px); opacity: 1; transform: translateY(0px); transition: all linear 0.3s; visibility: visible; } body.menu-compact .main-navigation .nav-sub-item-4 > a { position: relative; } body.menu-compact .main-navigation .nav-sub-item-4 > a:after { content: '\e65d'; font-family: 'themify'; font-size: 14px; position: absolute; right: 20px; } body.menu-compact .main-navigation .nav-sub-item-4 .tree-4 { z-index: 999; -webkit-transform: translateY(30px); background-color: #34495E; display: block !important; left: 210px; opacity: 0; position: absolute; top: 0; transform: translateY(30px); transition: all linear 0.3s; visibility: hidden; width: 15em; z-index: 9999; } body.menu-compact .main-navigation .nav-sub-item-4 .tree-4 a { padding-left: 30px; } body.menu-compact .main-navigation .nav-sub-item-4 .tree-4 a:before { left: 10px; } body.menu-compact .main-navigation .nav-sub-item-4:hover .tree-4 { -webkit-transform: translateY(0px); opacity: 1; transform: translateY(0px); transition: all linear 0.3s; visibility: visible; } /*===== Bottom-menu layout ===== */ body.menu-bottom .header-navbar { min-height: auto; } body.menu-bottom .navbar-wrapper { bottom: 0; top: auto; } body.menu-bottom .mega-menu-top .show-notification, body.menu-bottom .mega-menu-top .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification, body.menu-bottom .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification, .header-navbar .navbar-wrapper .navbar-container body.menu-bottom .mega-menu-top .profile-notification { bottom: 0 !important; } body.menu-bottom .header-notification .show-notification, body.menu-bottom .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification, .header-navbar .navbar-wrapper .navbar-container body.menu-bottom .mega-menu-top .show-notification, body.menu-bottom .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification, .header-navbar .navbar-wrapper .navbar-container body.menu-bottom .header-notification .profile-notification, body.menu-bottom .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification, .header-navbar .navbar-wrapper .navbar-container body.menu-bottom .mega-menu-top .profile-notification { bottom: 65px; } body.menu-bottom #collapse-menu { display: none; } /*===== Horizontal-fix-menu layout ===== */ body.horizontal-fixed .header-navbar, body.horizontal-static .header-navbar, body.horizontal-icon .header-navbar, body.horizontal-icon-fixed .header-navbar { position: fixed; width: 100%; z-index: 9999; } body.horizontal-fixed .main-menu-header, body.horizontal-static .main-menu-header, body.horizontal-icon .main-menu-header, body.horizontal-icon-fixed .main-menu-header, body.horizontal-fixed #collapse-menu, body.horizontal-static #collapse-menu, body.horizontal-icon #collapse-menu, body.horizontal-icon-fixed #collapse-menu, body.horizontal-fixed .main-menu .main-menu-content li.nav-title, body.horizontal-static .main-menu .main-menu-content li.nav-title, body.horizontal-icon .main-menu .main-menu-content li.nav-title, body.horizontal-icon-fixed .main-menu .main-menu-content li.nav-title, body.horizontal-fixed .main-navigation .nav-item.has-class .tree-1.open, body.horizontal-static .main-navigation .nav-item.has-class .tree-1.open, body.horizontal-icon .main-navigation .nav-item.has-class .tree-1.open, body.horizontal-icon-fixed .main-navigation .nav-item.has-class .tree-1.open, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-1.open, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a.has-class .tree-1.open, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-1.open, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a.has-class .tree-1.open, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-1.open, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a.has-class .tree-1.open, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-1.open, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a.has-class .tree-1.open, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-1.open, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a.has-class .tree-1.open, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-1.open, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a.has-class .tree-1.open, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-1.open, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a.has-class .tree-1.open, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-1.open, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a.has-class .tree-1.open, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-1.open, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a.has-class .tree-1.open, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-1.open, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a.has-class .tree-1.open, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-1.open, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a.has-class .tree-1.open, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-1.open, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a.has-class .tree-1.open, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-1.open, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a.has-class .tree-1.open, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-1.open, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a.has-class .tree-1.open, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-1.open, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a.has-class .tree-1.open, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-1.open, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a.has-class .tree-1.open, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-2, .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item.has-class .open.tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-2, .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item.has-class .open.tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-2, .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item.has-class .open.tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-2, .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item.has-class .open.tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a.has-class .open.tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a.has-class .open.tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a.has-class .open.tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a.has-class .open.tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a.has-class .open.tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a.has-class .open.tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a.has-class .open.tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a.has-class .open.tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a.has-class .open.tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a.has-class .open.tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a.has-class .open.tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a.has-class .open.tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-3, .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item.has-class .open.tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-3, .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item.has-class .open.tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-3, .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item.has-class .open.tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-3, .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item.has-class .open.tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a.has-class .open.tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a.has-class .open.tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a.has-class .open.tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a.has-class .open.tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a.has-class .open.tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a.has-class .open.tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a.has-class .open.tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a.has-class .open.tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a.has-class .open.tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a.has-class .open.tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a.has-class .open.tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a.has-class .open.tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-4, .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item.has-class .open.tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-4, .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item.has-class .open.tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-4, .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item.has-class .open.tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item.has-class .open.tree-4, .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item.has-class .open.tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a.has-class .open.tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a.has-class .open.tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a.has-class .open.tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .open.tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a.has-class .open.tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a.has-class .open.tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a.has-class .open.tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .open.tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a.has-class .open.tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a.has-class .open.tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a.has-class .open.tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .open.tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a.has-class .open.tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a.has-class .open.tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a.has-class .open.tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .open.tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a.has-class .open.tree-4, body.horizontal-fixed .main-menu .main-menu-content .main-navigation .nav-item.has-class .open.tree-2, body.horizontal-static .main-menu .main-menu-content .main-navigation .nav-item.has-class .open.tree-2, body.horizontal-icon .main-menu .main-menu-content .main-navigation .nav-item.has-class .open.tree-2, body.horizontal-icon-fixed .main-menu .main-menu-content .main-navigation .nav-item.has-class .open.tree-2, body.horizontal-fixed .main-menu .main-menu-content .main-navigation .nav-item .tree-1 a.has-class .open.tree-2, body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class .open.tree-2, body.horizontal-static .main-menu .main-menu-content .main-navigation .nav-item .tree-1 a.has-class .open.tree-2, body.horizontal-static .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class .open.tree-2, body.horizontal-icon .main-menu .main-menu-content .main-navigation .nav-item .tree-1 a.has-class .open.tree-2, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class .open.tree-2, body.horizontal-icon-fixed .main-menu .main-menu-content .main-navigation .nav-item .tree-1 a.has-class .open.tree-2, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-1 .main-navigation a.has-class .open.tree-2, body.horizontal-fixed .main-menu .main-menu-content .main-navigation .nav-item .tree-2 a.has-class .open.tree-2, body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class .open.tree-2, body.horizontal-static .main-menu .main-menu-content .main-navigation .nav-item .tree-2 a.has-class .open.tree-2, body.horizontal-static .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class .open.tree-2, body.horizontal-icon .main-menu .main-menu-content .main-navigation .nav-item .tree-2 a.has-class .open.tree-2, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class .open.tree-2, body.horizontal-icon-fixed .main-menu .main-menu-content .main-navigation .nav-item .tree-2 a.has-class .open.tree-2, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-2 .main-navigation a.has-class .open.tree-2, body.horizontal-fixed .main-menu .main-menu-content .main-navigation .nav-item .tree-3 a.has-class .open.tree-2, body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class .open.tree-2, body.horizontal-static .main-menu .main-menu-content .main-navigation .nav-item .tree-3 a.has-class .open.tree-2, body.horizontal-static .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class .open.tree-2, body.horizontal-icon .main-menu .main-menu-content .main-navigation .nav-item .tree-3 a.has-class .open.tree-2, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class .open.tree-2, body.horizontal-icon-fixed .main-menu .main-menu-content .main-navigation .nav-item .tree-3 a.has-class .open.tree-2, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-3 .main-navigation a.has-class .open.tree-2, body.horizontal-fixed .main-menu .main-menu-content .main-navigation .nav-item .tree-4 a.has-class .open.tree-2, body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class .open.tree-2, body.horizontal-static .main-menu .main-menu-content .main-navigation .nav-item .tree-4 a.has-class .open.tree-2, body.horizontal-static .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class .open.tree-2, body.horizontal-icon .main-menu .main-menu-content .main-navigation .nav-item .tree-4 a.has-class .open.tree-2, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class .open.tree-2, body.horizontal-icon-fixed .main-menu .main-menu-content .main-navigation .nav-item .tree-4 a.has-class .open.tree-2, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-4 .main-navigation a.has-class .open.tree-2, body.horizontal-fixed .main-navigation .nav-item.has-class .tree-2.open, body.horizontal-static .main-navigation .nav-item.has-class .tree-2.open, body.horizontal-icon .main-navigation .nav-item.has-class .tree-2.open, body.horizontal-icon-fixed .main-navigation .nav-item.has-class .tree-2.open, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-2.open, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a.has-class .tree-2.open, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-2.open, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a.has-class .tree-2.open, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-2.open, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a.has-class .tree-2.open, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a.has-class .tree-2.open, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a.has-class .tree-2.open, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-2.open, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a.has-class .tree-2.open, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-2.open, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a.has-class .tree-2.open, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-2.open, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a.has-class .tree-2.open, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a.has-class .tree-2.open, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a.has-class .tree-2.open, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-2.open, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a.has-class .tree-2.open, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-2.open, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a.has-class .tree-2.open, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-2.open, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a.has-class .tree-2.open, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a.has-class .tree-2.open, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a.has-class .tree-2.open, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-2.open, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a.has-class .tree-2.open, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-2.open, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a.has-class .tree-2.open, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-2.open, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a.has-class .tree-2.open, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a.has-class .tree-2.open, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a.has-class .tree-2.open { display: none; } body.horizontal-fixed .main-menu, body.horizontal-static .main-menu, body.horizontal-icon .main-menu, body.horizontal-icon-fixed .main-menu { position: fixed; width: 100%; top: 55px; z-index: 98; background: #34475a; } body.horizontal-fixed .main-menu .main-menu-content .nav-item > a, body.horizontal-static .main-menu .main-menu-content .nav-item > a, body.horizontal-icon .main-menu .main-menu-content .nav-item > a, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item > a, body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-1 a > a, body.horizontal-static .main-menu .main-menu-content .nav-item .tree-1 a > a, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-1 a > a, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-1 a > a, body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-2 a > a, body.horizontal-static .main-menu .main-menu-content .nav-item .tree-2 a > a, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-2 a > a, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-2 a > a, body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-3 a > a, body.horizontal-static .main-menu .main-menu-content .nav-item .tree-3 a > a, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-3 a > a, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-3 a > a, body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-4 a > a, body.horizontal-static .main-menu .main-menu-content .nav-item .tree-4 a > a, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-4 a > a, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-4 a > a { padding: 20px 15px; } body.horizontal-fixed .main-navigation, body.horizontal-static .main-navigation, body.horizontal-icon .main-navigation, body.horizontal-icon-fixed .main-navigation { margin-bottom: 0; } body.horizontal-fixed .main-navigation .nav-item .tree-1, body.horizontal-static .main-navigation .nav-item .tree-1, body.horizontal-icon .main-navigation .nav-item .tree-1, body.horizontal-icon-fixed .main-navigation .nav-item .tree-1, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-1, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-1, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-1, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-1, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-1, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-1, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-1, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-1, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-1, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a .tree-1, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-1, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a .tree-1, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-1, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a .tree-1, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-1, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-1, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-1, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a .tree-1, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-1, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a .tree-1, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-1, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a .tree-1, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-1, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-1, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-1, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a .tree-1, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-1, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a .tree-1, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-1, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a .tree-1, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-1, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-1, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2, .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2, .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2, .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2, .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2, .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-1 a .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2, .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-1 a .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2, .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-1 a .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2, .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-1 a .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation .tree-1 a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-fixed .main-navigation a .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation .tree-1 a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-static .main-navigation a .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation .tree-1 a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon .main-navigation a .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation .tree-1 a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-fixed .main-navigation a .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation .tree-1 a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-static .main-navigation a .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation .tree-1 a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon .main-navigation a .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation .tree-1 a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-fixed .main-navigation a .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation .tree-1 a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-static .main-navigation a .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation .tree-1 a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon .main-navigation a .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3, .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3, .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3, .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3, .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3, .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-1 a .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3, .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-1 a .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3, .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-1 a .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3, .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-1 a .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation .tree-1 a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-fixed .main-navigation a .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation .tree-1 a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-static .main-navigation a .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation .tree-1 a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon .main-navigation a .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation .tree-1 a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-fixed .main-navigation a .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation .tree-1 a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-static .main-navigation a .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation .tree-1 a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon .main-navigation a .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation .tree-1 a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-fixed .main-navigation a .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation .tree-1 a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-static .main-navigation a .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation .tree-1 a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon .main-navigation a .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4, .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4, .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4, .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4, .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4, .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-1 a .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4, .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-1 a .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4, .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-1 a .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4, .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-1 a .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation .tree-1 a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-fixed .main-navigation a .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation .tree-1 a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-static .main-navigation a .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation .tree-1 a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon .main-navigation a .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation .tree-1 a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-fixed .main-navigation a .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation .tree-1 a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-static .main-navigation a .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation .tree-1 a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon .main-navigation a .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation .tree-1 a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-fixed .main-navigation a .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation .tree-1 a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-static .main-navigation a .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation .tree-1 a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon .main-navigation a .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-4 { -webkit-transform: translateY(30px); background-color: #34495E; display: block !important; left: 0; opacity: 0; position: absolute; top: 60px; transform: translateY(30px); transition: all linear 0.3s; visibility: hidden; width: 18em; z-index: 9999; } body.horizontal-fixed .main-navigation .nav-item .tree-1 li, body.horizontal-static .main-navigation .nav-item .tree-1 li, body.horizontal-icon .main-navigation .nav-item .tree-1 li, body.horizontal-icon-fixed .main-navigation .nav-item .tree-1 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-1 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-1 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-1 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-1 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-1 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a .tree-1 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a .tree-1 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a .tree-1 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-1 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-1 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a .tree-1 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a .tree-1 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a .tree-1 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-1 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-1 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a .tree-1 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a .tree-1 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a .tree-1 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-1 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-1 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 li, .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-2 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 li, .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-2 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 li, .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-2 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 li, .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-2 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-2 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-2 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-2 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-2 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a .tree-2 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a .tree-2 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a .tree-2 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-2 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a .tree-2 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a .tree-2 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a .tree-2 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-2 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a .tree-2 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a .tree-2 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a .tree-2 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-2 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li, .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-1 a .tree-2 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li, .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-1 a .tree-2 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li, .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-1 a .tree-2 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li, .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-1 a .tree-2 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-2 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-2 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-2 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-2 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation .tree-1 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-fixed .main-navigation a .tree-2 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation .tree-1 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-static .main-navigation a .tree-2 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation .tree-1 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon .main-navigation a .tree-2 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-2 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-2 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation .tree-1 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-fixed .main-navigation a .tree-2 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation .tree-1 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-static .main-navigation a .tree-2 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation .tree-1 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon .main-navigation a .tree-2 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-2 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-2 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation .tree-1 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-fixed .main-navigation a .tree-2 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation .tree-1 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-static .main-navigation a .tree-2 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation .tree-1 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon .main-navigation a .tree-2 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-2 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-2 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-2 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 li, .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-3 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 li, .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-3 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 li, .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-3 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 li, .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-3 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-3 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-3 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-3 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-3 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a .tree-3 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a .tree-3 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a .tree-3 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-3 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a .tree-3 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a .tree-3 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a .tree-3 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-3 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a .tree-3 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a .tree-3 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a .tree-3 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-3 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li, .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-1 a .tree-3 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li, .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-1 a .tree-3 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li, .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-1 a .tree-3 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li, .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-1 a .tree-3 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-3 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-3 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-3 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-3 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation .tree-1 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-fixed .main-navigation a .tree-3 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation .tree-1 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-static .main-navigation a .tree-3 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation .tree-1 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon .main-navigation a .tree-3 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-3 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-3 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation .tree-1 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-fixed .main-navigation a .tree-3 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation .tree-1 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-static .main-navigation a .tree-3 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation .tree-1 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon .main-navigation a .tree-3 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-3 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-3 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation .tree-1 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-fixed .main-navigation a .tree-3 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation .tree-1 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-static .main-navigation a .tree-3 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation .tree-1 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon .main-navigation a .tree-3 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-3 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-3 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-3 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 li, .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-4 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 li, .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-4 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 li, .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-4 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 li, .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-4 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-4 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-4 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-4 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-4 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a .tree-4 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a .tree-4 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a .tree-4 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-4 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a .tree-4 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a .tree-4 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a .tree-4 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-4 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a .tree-4 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a .tree-4 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a .tree-4 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-4 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li, .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item .tree-1 a .tree-4 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li, .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item .tree-1 a .tree-4 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li, .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-1 a .tree-4 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li, .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-1 a .tree-4 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a .tree-4 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a .tree-4 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-4 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-4 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation .tree-1 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-fixed .main-navigation a .tree-4 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation .tree-1 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-static .main-navigation a .tree-4 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation .tree-1 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon .main-navigation a .tree-4 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a .tree-4 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-4 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation .tree-1 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-fixed .main-navigation a .tree-4 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation .tree-1 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-static .main-navigation a .tree-4 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation .tree-1 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon .main-navigation a .tree-4 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a .tree-4 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-4 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 li, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation .tree-1 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-fixed .main-navigation a .tree-4 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 li, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation .tree-1 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-static .main-navigation a .tree-4 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 li, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation .tree-1 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon .main-navigation a .tree-4 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a .tree-4 li, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation .tree-1 a .tree-4 li, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-4 li { display: block; } body.horizontal-fixed .main-navigation .nav-item:hover .tree-1, body.horizontal-static .main-navigation .nav-item:hover .tree-1, body.horizontal-icon .main-navigation .nav-item:hover .tree-1, body.horizontal-icon-fixed .main-navigation .nav-item:hover .tree-1, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a:hover .tree-1, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a:hover .tree-1, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a:hover .tree-1, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a:hover .tree-1, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a:hover .tree-1, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a:hover .tree-1, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a:hover .tree-1, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a:hover .tree-1, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a:hover .tree-1, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a:hover .tree-1, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a:hover .tree-1, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a:hover .tree-1, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a:hover .tree-1, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a:hover .tree-1, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a:hover .tree-1, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-1, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a:hover .tree-1, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-2, .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item:hover .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-2, .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item:hover .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-2, .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item:hover .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-2, .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item:hover .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a:hover .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a:hover .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a:hover .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a:hover .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a:hover .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a:hover .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a:hover .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a:hover .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a:hover .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a:hover .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a:hover .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a:hover .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a:hover .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a:hover .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a:hover .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a:hover .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-2, .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item:hover .tree-1 a .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-2, .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item:hover .tree-1 a .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-2, .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item:hover .tree-1 a .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-2, .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item:hover .tree-1 a .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a:hover .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a:hover .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a:hover .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a:hover .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation .tree-1 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-fixed .main-navigation a:hover .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation .tree-1 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-static .main-navigation a:hover .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation .tree-1 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon .main-navigation a:hover .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation .tree-1 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon-fixed .main-navigation a:hover .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation .tree-1 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-fixed .main-navigation a:hover .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation .tree-1 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-static .main-navigation a:hover .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation .tree-1 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon .main-navigation a:hover .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation .tree-1 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon-fixed .main-navigation a:hover .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation .tree-1 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-fixed .main-navigation a:hover .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-2, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation .tree-1 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-static .main-navigation a:hover .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation .tree-1 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon .main-navigation a:hover .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation .tree-1 a:hover .tree-2, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon-fixed .main-navigation a:hover .tree-2, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-3, .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item:hover .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-3, .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item:hover .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-3, .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item:hover .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-3, .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item:hover .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a:hover .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a:hover .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a:hover .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a:hover .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a:hover .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a:hover .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a:hover .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a:hover .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a:hover .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a:hover .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a:hover .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a:hover .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a:hover .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a:hover .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a:hover .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a:hover .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-3, .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item:hover .tree-1 a .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-3, .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item:hover .tree-1 a .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-3, .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item:hover .tree-1 a .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-3, .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item:hover .tree-1 a .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a:hover .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a:hover .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a:hover .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a:hover .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation .tree-1 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-fixed .main-navigation a:hover .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation .tree-1 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-static .main-navigation a:hover .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation .tree-1 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon .main-navigation a:hover .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation .tree-1 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon-fixed .main-navigation a:hover .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation .tree-1 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-fixed .main-navigation a:hover .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation .tree-1 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-static .main-navigation a:hover .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation .tree-1 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon .main-navigation a:hover .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation .tree-1 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon-fixed .main-navigation a:hover .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation .tree-1 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-fixed .main-navigation a:hover .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-3, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation .tree-1 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-static .main-navigation a:hover .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation .tree-1 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon .main-navigation a:hover .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation .tree-1 a:hover .tree-3, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon-fixed .main-navigation a:hover .tree-3, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-4, .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item:hover .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-4, .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item:hover .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-4, .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item:hover .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-4, .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item:hover .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a:hover .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a:hover .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a:hover .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a:hover .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation a:hover .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation a:hover .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a:hover .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a:hover .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation a:hover .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation a:hover .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a:hover .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a:hover .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation a:hover .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation a:hover .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a:hover .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a:hover .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-4, .main-menu .main-menu-content body.horizontal-fixed .main-navigation .nav-item:hover .tree-1 a .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-4, .main-menu .main-menu-content body.horizontal-static .main-navigation .nav-item:hover .tree-1 a .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-4, .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item:hover .tree-1 a .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item:hover .tree-1 a .tree-4, .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item:hover .tree-1 a .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-fixed .main-navigation a:hover .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-static .main-navigation a:hover .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a:hover .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a:hover .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-fixed .main-navigation .tree-1 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-fixed .main-navigation a:hover .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-static .main-navigation .tree-1 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-static .main-navigation a:hover .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation .tree-1 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon .main-navigation a:hover .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2 .tree-1 a:hover .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-2 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation .tree-1 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-2 body.horizontal-icon-fixed .main-navigation a:hover .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-fixed .main-navigation .tree-1 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-fixed .main-navigation a:hover .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-static .main-navigation .tree-1 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-static .main-navigation a:hover .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation .tree-1 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon .main-navigation a:hover .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3 .tree-1 a:hover .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-3 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation .tree-1 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-3 body.horizontal-icon-fixed .main-navigation a:hover .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-4, body.horizontal-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-fixed .main-navigation .tree-1 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-fixed .main-navigation a:hover .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-4, body.horizontal-static .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-static .main-navigation .tree-1 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-static .main-navigation a:hover .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-4, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation .tree-1 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon .main-navigation a:hover .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4 .tree-1 a:hover .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-1 .tree-4 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation .tree-1 a:hover .tree-4, .main-menu .main-menu-content .nav-item .tree-1 .tree-4 body.horizontal-icon-fixed .main-navigation a:hover .tree-4 { -webkit-transform: translateY(0px); opacity: 1; transform: translateY(0px); transition: all linear 0.3s; visibility: visible; } body.horizontal-fixed .main-navigation .nav-sub-item > a, body.horizontal-static .main-navigation .nav-sub-item > a, body.horizontal-icon .main-navigation .nav-sub-item > a, body.horizontal-icon-fixed .main-navigation .nav-sub-item > a { position: relative; } body.horizontal-fixed .main-navigation .nav-sub-item > a:after, body.horizontal-static .main-navigation .nav-sub-item > a:after, body.horizontal-icon .main-navigation .nav-sub-item > a:after, body.horizontal-icon-fixed .main-navigation .nav-sub-item > a:after { content: '\e65d'; font-family: 'themify'; font-size: 14px; position: absolute; right: 20px; } body.horizontal-fixed .main-navigation .nav-sub-item .tree-2, body.horizontal-static .main-navigation .nav-sub-item .tree-2, body.horizontal-icon .main-navigation .nav-sub-item .tree-2, body.horizontal-icon-fixed .main-navigation .nav-sub-item .tree-2 { -webkit-transform: translateY(30px); background-color: #2C3E50; display: block !important; left: 250px; opacity: 0; position: absolute; top: 0; transform: translateY(30px); transition: all linear 0.3s; visibility: hidden; width: 18em; z-index: 9999; } body.horizontal-fixed .main-navigation .nav-sub-item .tree-2 li, body.horizontal-static .main-navigation .nav-sub-item .tree-2 li, body.horizontal-icon .main-navigation .nav-sub-item .tree-2 li, body.horizontal-icon-fixed .main-navigation .nav-sub-item .tree-2 li { display: block; padding-left: 15px; } body.horizontal-fixed .main-navigation .nav-sub-item .tree-2 a, body.horizontal-static .main-navigation .nav-sub-item .tree-2 a, body.horizontal-icon .main-navigation .nav-sub-item .tree-2 a, body.horizontal-icon-fixed .main-navigation .nav-sub-item .tree-2 a { padding-left: 30px; } body.horizontal-fixed .main-navigation .nav-sub-item .tree-2 a:before, body.horizontal-static .main-navigation .nav-sub-item .tree-2 a:before, body.horizontal-icon .main-navigation .nav-sub-item .tree-2 a:before, body.horizontal-icon-fixed .main-navigation .nav-sub-item .tree-2 a:before { left: 10px; } body.horizontal-fixed .main-navigation .nav-sub-item:hover .tree-2, body.horizontal-static .main-navigation .nav-sub-item:hover .tree-2, body.horizontal-icon .main-navigation .nav-sub-item:hover .tree-2, body.horizontal-icon-fixed .main-navigation .nav-sub-item:hover .tree-2 { -webkit-transform: translateY(0px); opacity: 1; transform: translateY(0px); transition: all linear 0.3s; visibility: visible; } body.horizontal-fixed .main-navigation .nav-sub-item-3 > a, body.horizontal-static .main-navigation .nav-sub-item-3 > a, body.horizontal-icon .main-navigation .nav-sub-item-3 > a, body.horizontal-icon-fixed .main-navigation .nav-sub-item-3 > a { position: relative; } body.horizontal-fixed .main-navigation .nav-sub-item-3 > a:after, body.horizontal-static .main-navigation .nav-sub-item-3 > a:after, body.horizontal-icon .main-navigation .nav-sub-item-3 > a:after, body.horizontal-icon-fixed .main-navigation .nav-sub-item-3 > a:after { content: '\e65d'; font-family: 'themify'; font-size: 14px; position: absolute; right: 20px; } body.horizontal-fixed .main-navigation .nav-sub-item-3 .tree-3, body.horizontal-static .main-navigation .nav-sub-item-3 .tree-3, body.horizontal-icon .main-navigation .nav-sub-item-3 .tree-3, body.horizontal-icon-fixed .main-navigation .nav-sub-item-3 .tree-3 { -webkit-transform: translateY(30px); background-color: #2C3E50; display: block !important; left: 250px; opacity: 0; position: absolute; top: 0; transform: translateY(30px); transition: all linear 0.3s; visibility: hidden; width: 18em; z-index: 9999; } body.horizontal-fixed .main-navigation .nav-sub-item-3 .tree-3 li, body.horizontal-static .main-navigation .nav-sub-item-3 .tree-3 li, body.horizontal-icon .main-navigation .nav-sub-item-3 .tree-3 li, body.horizontal-icon-fixed .main-navigation .nav-sub-item-3 .tree-3 li { display: block; padding-left: 15px; } body.horizontal-fixed .main-navigation .nav-sub-item-3 .tree-3 a, body.horizontal-static .main-navigation .nav-sub-item-3 .tree-3 a, body.horizontal-icon .main-navigation .nav-sub-item-3 .tree-3 a, body.horizontal-icon-fixed .main-navigation .nav-sub-item-3 .tree-3 a { padding-left: 30px; } body.horizontal-fixed .main-navigation .nav-sub-item-3 .tree-3 a:before, body.horizontal-static .main-navigation .nav-sub-item-3 .tree-3 a:before, body.horizontal-icon .main-navigation .nav-sub-item-3 .tree-3 a:before, body.horizontal-icon-fixed .main-navigation .nav-sub-item-3 .tree-3 a:before { left: 10px; } body.horizontal-fixed .main-navigation .nav-sub-item-3:hover .tree-3, body.horizontal-static .main-navigation .nav-sub-item-3:hover .tree-3, body.horizontal-icon .main-navigation .nav-sub-item-3:hover .tree-3, body.horizontal-icon-fixed .main-navigation .nav-sub-item-3:hover .tree-3 { -webkit-transform: translateY(0px); opacity: 1; transform: translateY(0px); transition: all linear 0.3s; visibility: visible; } body.horizontal-fixed .main-navigation .nav-sub-item-4 > a, body.horizontal-static .main-navigation .nav-sub-item-4 > a, body.horizontal-icon .main-navigation .nav-sub-item-4 > a, body.horizontal-icon-fixed .main-navigation .nav-sub-item-4 > a { position: relative; } body.horizontal-fixed .main-navigation .nav-sub-item-4 > a:after, body.horizontal-static .main-navigation .nav-sub-item-4 > a:after, body.horizontal-icon .main-navigation .nav-sub-item-4 > a:after, body.horizontal-icon-fixed .main-navigation .nav-sub-item-4 > a:after { content: '\e65d'; font-family: 'themify'; font-size: 14px; position: absolute; right: 20px; } body.horizontal-fixed .main-navigation .nav-sub-item-4 .tree-4, body.horizontal-static .main-navigation .nav-sub-item-4 .tree-4, body.horizontal-icon .main-navigation .nav-sub-item-4 .tree-4, body.horizontal-icon-fixed .main-navigation .nav-sub-item-4 .tree-4 { -webkit-transform: translateY(30px); background-color: #2C3E50; display: block !important; left: 250px; opacity: 0; position: absolute; top: 0; transform: translateY(30px); transition: all linear 0.3s; visibility: hidden; width: 18em; z-index: 9999; } body.horizontal-fixed .main-navigation .nav-sub-item-4 .tree-4 li, body.horizontal-static .main-navigation .nav-sub-item-4 .tree-4 li, body.horizontal-icon .main-navigation .nav-sub-item-4 .tree-4 li, body.horizontal-icon-fixed .main-navigation .nav-sub-item-4 .tree-4 li { display: block; padding-left: 15px; } body.horizontal-fixed .main-navigation .nav-sub-item-4 .tree-4 a, body.horizontal-static .main-navigation .nav-sub-item-4 .tree-4 a, body.horizontal-icon .main-navigation .nav-sub-item-4 .tree-4 a, body.horizontal-icon-fixed .main-navigation .nav-sub-item-4 .tree-4 a { padding-left: 30px; } body.horizontal-fixed .main-navigation .nav-sub-item-4 .tree-4 a:before, body.horizontal-static .main-navigation .nav-sub-item-4 .tree-4 a:before, body.horizontal-icon .main-navigation .nav-sub-item-4 .tree-4 a:before, body.horizontal-icon-fixed .main-navigation .nav-sub-item-4 .tree-4 a:before { left: 10px; } body.horizontal-fixed .main-navigation .nav-sub-item-4:hover .tree-4, body.horizontal-static .main-navigation .nav-sub-item-4:hover .tree-4, body.horizontal-icon .main-navigation .nav-sub-item-4:hover .tree-4, body.horizontal-icon-fixed .main-navigation .nav-sub-item-4:hover .tree-4 { -webkit-transform: translateY(0px); opacity: 1; transform: translateY(0px); transition: all linear 0.3s; visibility: visible; } body.horizontal-fixed .main-body .page-wrapper, body.horizontal-static .main-body .page-wrapper, body.horizontal-icon .main-body .page-wrapper, body.horizontal-icon-fixed .main-body .page-wrapper { margin-left: 0; } body.horizontal-fixed .main-menu .main-menu-content .nav-item > a, body.horizontal-static .main-menu .main-menu-content .nav-item > a, body.horizontal-icon .main-menu .main-menu-content .nav-item > a, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item > a, body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-1 a > a, body.horizontal-static .main-menu .main-menu-content .nav-item .tree-1 a > a, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-1 a > a, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-1 a > a, body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-2 a > a, body.horizontal-static .main-menu .main-menu-content .nav-item .tree-2 a > a, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-2 a > a, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-2 a > a, body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-3 a > a, body.horizontal-static .main-menu .main-menu-content .nav-item .tree-3 a > a, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-3 a > a, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-3 a > a, body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-4 a > a, body.horizontal-static .main-menu .main-menu-content .nav-item .tree-4 a > a, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-4 a > a, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-4 a > a { display: inline-block; position: relative; } body.horizontal-fixed .main-menu .main-menu-content .nav-item > a:after, body.horizontal-static .main-menu .main-menu-content .nav-item > a:after, body.horizontal-icon .main-menu .main-menu-content .nav-item > a:after, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item > a:after, body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-1 a > a:after, body.horizontal-static .main-menu .main-menu-content .nav-item .tree-1 a > a:after, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-1 a > a:after, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-1 a > a:after, body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-2 a > a:after, body.horizontal-static .main-menu .main-menu-content .nav-item .tree-2 a > a:after, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-2 a > a:after, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-2 a > a:after, body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-3 a > a:after, body.horizontal-static .main-menu .main-menu-content .nav-item .tree-3 a > a:after, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-3 a > a:after, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-3 a > a:after, body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-4 a > a:after, body.horizontal-static .main-menu .main-menu-content .nav-item .tree-4 a > a:after, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-4 a > a:after, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-4 a > a:after { display: none; } body.horizontal-fixed .main-menu .main-menu-content li, body.horizontal-static .main-menu .main-menu-content li, body.horizontal-icon .main-menu .main-menu-content li, body.horizontal-icon-fixed .main-menu .main-menu-content li { border-top: none; display: inline-block; margin-right: 0; } body.horizontal-fixed .main-menu .main-menu-content .nav-item .icon-arrow-down, body.horizontal-static .main-menu .main-menu-content .nav-item .icon-arrow-down, body.horizontal-icon .main-menu .main-menu-content .nav-item .icon-arrow-down, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .icon-arrow-down { margin-right: 20px; position: relative; right: -20px; top: 0; } body.horizontal-fixed .tree-1 li, body.horizontal-static .tree-1 li, body.horizontal-icon .tree-1 li, body.horizontal-icon-fixed .tree-1 li, body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-2 li, .main-menu .main-menu-content .nav-item body.horizontal-fixed .tree-2 li, body.horizontal-static .main-menu .main-menu-content .nav-item .tree-2 li, .main-menu .main-menu-content .nav-item body.horizontal-static .tree-2 li, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-2 li, .main-menu .main-menu-content .nav-item body.horizontal-icon .tree-2 li, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-2 li, .main-menu .main-menu-content .nav-item body.horizontal-icon-fixed .tree-2 li, body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-3 li, .main-menu .main-menu-content .nav-item body.horizontal-fixed .tree-3 li, body.horizontal-static .main-menu .main-menu-content .nav-item .tree-3 li, .main-menu .main-menu-content .nav-item body.horizontal-static .tree-3 li, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-3 li, .main-menu .main-menu-content .nav-item body.horizontal-icon .tree-3 li, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-3 li, .main-menu .main-menu-content .nav-item body.horizontal-icon-fixed .tree-3 li, body.horizontal-fixed .main-menu .main-menu-content .nav-item .tree-4 li, .main-menu .main-menu-content .nav-item body.horizontal-fixed .tree-4 li, body.horizontal-static .main-menu .main-menu-content .nav-item .tree-4 li, .main-menu .main-menu-content .nav-item body.horizontal-static .tree-4 li, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-4 li, .main-menu .main-menu-content .nav-item body.horizontal-icon .tree-4 li, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-4 li, .main-menu .main-menu-content .nav-item body.horizontal-icon-fixed .tree-4 li { display: block; } /*===== Horizontal-static layout ===== */ body.horizontal-static .header-navbar, body.horizontal-static .main-menu { position: initial; } body.horizontal-static .page-header { margin-top: 60px; } /*===== Horizontal-icon-menu layout ===== */ body.horizontal-icon .header-navbar, body.horizontal-icon-fixed .header-navbar, body.horizontal-icon .main-menu, body.horizontal-icon-fixed .main-menu { position: inherit; } body.horizontal-icon .main-menu .main-menu-content .nav-item > a, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item > a, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-1 a > a, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-1 a > a, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-2 a > a, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-2 a > a, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-3 a > a, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-3 a > a, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-4 a > a, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-4 a > a { text-align: center; } body.horizontal-icon .main-menu .main-menu-content .nav-item > a i, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item > a i, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-1 a > a i, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-1 a > a i, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-2 a > a i, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-2 a > a i, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-3 a > a i, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-3 a > a i, body.horizontal-icon .main-menu .main-menu-content .nav-item .tree-4 a > a i, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-4 a > a i { display: block; margin-bottom: 5px; margin-right: 0px; } body.horizontal-icon .main-navigation .nav-item .tree-1, body.horizontal-icon-fixed .main-navigation .nav-item .tree-1, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-1, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-1, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a .tree-1, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-1, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a .tree-1, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-1, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a .tree-1, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-1, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-2, .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-2, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-2, .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a .tree-2, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a .tree-2, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a .tree-2, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-2, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-2, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-3, .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-3, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-3, .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a .tree-3, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a .tree-3, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a .tree-3, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-3, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-3, body.horizontal-icon .main-navigation .main-menu .main-menu-content .nav-item .tree-4, .main-menu .main-menu-content body.horizontal-icon .main-navigation .nav-item .tree-4, body.horizontal-icon-fixed .main-navigation .main-menu .main-menu-content .nav-item .tree-4, .main-menu .main-menu-content body.horizontal-icon-fixed .main-navigation .nav-item .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon .main-navigation a .tree-4, .main-menu .main-menu-content .nav-item .tree-2 body.horizontal-icon-fixed .main-navigation a .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon .main-navigation a .tree-4, .main-menu .main-menu-content .nav-item .tree-3 body.horizontal-icon-fixed .main-navigation a .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon .main-navigation a .tree-4, .main-menu .main-menu-content .nav-item .tree-4 body.horizontal-icon-fixed .main-navigation a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon .main-navigation a .tree-4, .main-menu .main-menu-content .nav-item .tree-1 body.horizontal-icon-fixed .main-navigation a .tree-4 { top: 80px; } /*===== Horizontal-icon-fix-menu layout ===== */ body.horizontal-icon-fixed .main-menu { position: fixed; } body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item > a i.icon-arrow-down, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-1 a > a i.icon-arrow-down, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-2 a > a i.icon-arrow-down, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-3 a > a i.icon-arrow-down, body.horizontal-icon-fixed .main-menu .main-menu-content .nav-item .tree-4 a > a i.icon-arrow-down { display: none; } body.horizontal-icon-fixed .header-navbar { position: initial; } body.horizontal-icon-fixed .page-header { margin-top: 80px; } /*===== Sidebar-menu layout ===== */ body.menu-sidebar .navbar-wrapper { position: initial; } /*===== Menu-layouts css end ===== */ /** ===================== Theme-Buttons css start ========================== **/ @media only screen and (max-width: 1199px) { .blog-page-card { margin-bottom: 30px; } .blog-page-card:last-child { margin-bottom: 0; } #draggablePanelList [class*="col-"] .card-sub { margin-bottom: 30px; } #draggablePanelList [class*="col-"]:last-child .card-sub { margin-bottom: 0px; } .user-head { justify-content: center; } .user-body { min-height: auto !important; } .mail-box-head { text-align: center; } .mail-box-head form { float: inherit; } #external-events h6 { margin-top: 0; margin-bottom: 20px; } .just_edit .input-group { width: 100% !important; } .dotted-line-theme .ibtn_container { top: 10px; position: inherit; } .users-card [class*="col-"] { margin-bottom: 20px; } .users-card [class*="col-"]:last-child { margin-bottom: 0; } .timeline-btn { text-align: center; width: 100%; right: 0; } .social-timeline-left { position: inherit; top: 0; margin-right: 0; } .timeline-icon { position: absolute; margin-left: 0; } .timeline-right .card { margin-left: 70px !important; } .social-timelines:before { left: 35px; } .timeline-dot:after, .timeline-dot:before { left: 32px; } .user-box .social-client-description { padding-bottom: 20px; margin-bottom: 0; border-bottom: 1px solid #ddd; } .user-box .f-right { float: none; display: block; } .main-timeline { padding: 10px; } .main-timeline:before, .main-timeline:after { margin-left: -94px; margin-top: 25px; display: none; } .cd-timeline-content::before { top: 15px; } .cd-date, .cd-details { display: block; padding-left: 20px !important; padding-top: 0 !important; } .cd-details { margin-bottom: 20px; } .cd-timeline-content p { margin-bottom: 0; } .clock-widget .basic-alarm { display: none; } .weather-card-2 .weather-card-temp { padding: 0; } .weather-card-2 .card-footer { padding-top: 20px; padding-bottom: 20px; } .user-activity-card .card-block-big { padding-top: 15px; padding-bottom: 15px; } } @media only screen and (max-width: 1024px) { .main-body .page-wrapper .page-header-title { display: block; } .main-body .page-wrapper .page-header { margin-bottom: 10px; } .main-body .page-wrapper .page-header-breadcrumb { float: inherit; display: inline-block; margin-top: 10px; } } @media only screen and (max-width: 992px) { #footer-search tfoot .form-control, #footer-select tfoot .form-control, #form-input-table .form-control, .search-api .form-control, #dt-live-dom .form-control { width: 80%; } .pcoded-main-container { margin-top: 56px !important; } .card-title { font-size: 18px; font-weight: 600; margin-bottom: 5px; } .header-navbar { position: fixed !important; z-index: 1209; } .header-navbar[pcoded-header-position="relative"] { position: fixed !important; top: 0; } .header-navbar .navbar-wrapper .navbar-container { margin-left: 0; } .header-navbar .navbar-wrapper .navbar-logo { width: 100%; } .header-navbar .navbar-wrapper .navbar-logo .mobile-menu { display: block; position: absolute; left: 30px; top: 18px; } .header-navbar .navbar-wrapper .navbar-logo .mobile-search { display: block; position: absolute; left: 70px; top: 18px; } .header-navbar .navbar-wrapper .navbar-logo .mobile-options { display: block; position: absolute; right: 30px; } .header-navbar .navbar-container .nav-left, .header-navbar .navbar-wrapper .navbar-container .nav-right { display: none; } .btn-blog { text-align: center; } .animation-image img { margin: 20px auto 0; } .animation-type { text-align: center; } .nav-tabs.md-tabs.tab-timeline li a { font-size: 16px; } } @media only screen and (min-width: 992px) { .btn-blog { text-align: right; } } @media only screen and (max-width: 768px) { .card-block.list-tag ul li:last-child { margin-bottom: 20px; } .inline-order-list { margin-top: 0; } h4 { font-size: 1rem; font-weight: 600; } .mail-body-content .form-group:nth-child(2) .form-control { margin-bottom: 20px; } .mail-body-content .form-group:nth-child(2) .col-md-6:last-child .form-control { margin-bottom: 0; } .card h5 { font-size: 16px; } .header-navbar .navbar-wrapper .navbar-logo { display: inherit; padding-top: 13px; } .header-navbar .navbar-wrapper .navbar-logo a { display: inline-block; } .header-navbar .navbar-wrapper .navbar-logo .mobile-options { top: 18px; } .main-body .page-wrapper .page-header-title { display: block; } body.header-fixed .main-body .page-wrapper { padding-bottom: 0; padding-top: 15px; } .card-header-right i:nth-child(n+2) { display: none; } .dataTables_paginate .pagination { float: inherit; text-align: center; display: inline-block; margin-top: 10px !important; } .card .card-block ul.pagination li { float: left; } div.dataTables_wrapper div.dataTables_info { display: inherit; } .wizard > .steps > ul > li { float: inherit; width: 100%; } .gallery-page .grid { padding: 0; } figure.effect-steve h2 { margin-top: 0; } .cover-profile .profile-bg-img { margin-bottom: 0; } .card-block.user-info { position: inherit; text-align: center; background-color: #bdc3c7; margin-bottom: 20px; } .user-info .media-left, .user-info .media-body { display: block; } .cover-btn { position: inherit; float: none; } .cover-btn .btn:first-child { margin-right: 10px; } .user-info .user-title { position: initial; margin-bottom: 10px; margin-top: 10px; } .nav-tabs.md-tabs.tab-timeline li a { font-size: 14px; } .user-content h4 { font-size: 1rem; } .user-content h5 { margin-right: 0; font-size: 14px; } .top-cap-text p { padding: 0; } .top-cap-text p:last-child { margin-bottom: 0; } .user-card .btn span { font-size: 13px; } .toolbar-page [class*="col-"] { margin-bottom: 30px; } .toolbar-page [class*="col-"]:last-child { margin-bottom: 0; } .offline-404 h1 { font-size: 80px; } .offline-404 h2 { font-size: 25px; } .invoice-contact { margin-top: 20px; margin-bottom: 0; } .lng-dropdown { display: none; } .group-widget .card-block-big { height: 110px; } .client-blocks ul li { font-size: 30px; } .widget-profile-card-1 ~ .card-footer [class*=col-] { border: none; margin: 0 auto; } .large-widget-card i { top: 15px; } .user-activity-card .user-number { padding: 15px 0; } .user-activity-card .m-b-40 { margin-bottom: 10px; } .blur-user-card .blur-footer [class*="col-"] { margin: 0 auto; border: none; } .switchery { margin-bottom: 20px; } .switchery-large, .switchery-large ~ .switchery-default, .switchery-small { margin-bottom: 0; } .js-dynamic-disable, .js-dynamic-enable { display: block; width: 100%; } .js-dynamic-disable { margin-bottom: 20px; } .radio-inline, .border-checkbox-section .border-checkbox-group, .checkbox-color { display: block; } .checkbox-fade { display: inline-block; } } @media only screen and (max-width: 640px) { .dt-button { margin-bottom: 5px; } .email-read .card-header h6 { float: none; margin-top: 10px; } .email-read .media { display: inline-block; } .email-read .media.m-b-20 { margin-bottom: 0; } .email-read .mail-img [class*="col-"] { margin-bottom: 30px; } .email-read .mail-img [class*="col-"]:last-child { margin-bottom: 0; } } @media only screen and (max-width: 573px) { .md-tabs { display: initial; } .md-tabs .nav-item, .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a, .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a, .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a, .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a, .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a, .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a, .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a, .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a { width: calc(100% / 1); } .nav-tabs .slide { width: calc(100% / 1); } .toolbar-page [class*="col-"] .sub-title { text-align: center; } #task-container li { width: 100%; } .nav-tabs.tabs { display: inherit; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .main-menu .main-menu-content .nav-item .tree-1 a.show .nav-link, .main-menu .main-menu-content .nav-item .tree-1 .nav-tabs a.show .nav-link, .nav-tabs .main-menu .main-menu-content .nav-item .tree-2 a.show .nav-link, .main-menu .main-menu-content .nav-item .tree-2 .nav-tabs a.show .nav-link, .nav-tabs .main-menu .main-menu-content .nav-item .tree-3 a.show .nav-link, .main-menu .main-menu-content .nav-item .tree-3 .nav-tabs a.show .nav-link, .nav-tabs .main-menu .main-menu-content .nav-item .tree-4 a.show .nav-link, .main-menu .main-menu-content .nav-item .tree-4 .nav-tabs a.show .nav-link, .nav-tabs .nav-link.active { border: none; } .nav-tabs .nav-link { text-align: center; } .search-content { display: block; text-align: center; } .search-content img { margin-top: 20px; } .seacrh-header { margin-top: 0; } .seacrh-header .input-group { margin-bottom: 0; } .payment-card .text-right { text-align: left !important; } .payment-tabs .md-tabs .nav-item + .nav-item, .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a + .nav-item, .main-menu .main-menu-content .nav-item .tree-1 .payment-tabs .md-tabs a + .nav-item, .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a + .nav-item, .main-menu .main-menu-content .nav-item .tree-2 .payment-tabs .md-tabs a + .nav-item, .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a + .nav-item, .main-menu .main-menu-content .nav-item .tree-3 .payment-tabs .md-tabs a + .nav-item, .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a + .nav-item, .main-menu .main-menu-content .nav-item .tree-4 .payment-tabs .md-tabs a + .nav-item, .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-1 .nav-item + a, .main-menu .main-menu-content .nav-item .tree-1 .payment-tabs .md-tabs .nav-item + a, .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a + a, .main-menu .main-menu-content .nav-item .tree-1 .payment-tabs .md-tabs a + a, .main-menu .main-menu-content .nav-item .tree-2 .payment-tabs .md-tabs .tree-1 a + a, .main-menu .main-menu-content .nav-item .tree-3 .payment-tabs .md-tabs .tree-1 a + a, .main-menu .main-menu-content .nav-item .tree-4 .payment-tabs .md-tabs .tree-1 a + a, .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-2 .nav-item + a, .main-menu .main-menu-content .nav-item .tree-2 .payment-tabs .md-tabs .nav-item + a, .main-menu .main-menu-content .nav-item .tree-1 .payment-tabs .md-tabs .tree-2 a + a, .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a + a, .main-menu .main-menu-content .nav-item .tree-2 .payment-tabs .md-tabs a + a, .main-menu .main-menu-content .nav-item .tree-3 .payment-tabs .md-tabs .tree-2 a + a, .main-menu .main-menu-content .nav-item .tree-4 .payment-tabs .md-tabs .tree-2 a + a, .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-3 .nav-item + a, .main-menu .main-menu-content .nav-item .tree-3 .payment-tabs .md-tabs .nav-item + a, .main-menu .main-menu-content .nav-item .tree-1 .payment-tabs .md-tabs .tree-3 a + a, .main-menu .main-menu-content .nav-item .tree-2 .payment-tabs .md-tabs .tree-3 a + a, .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a + a, .main-menu .main-menu-content .nav-item .tree-3 .payment-tabs .md-tabs a + a, .main-menu .main-menu-content .nav-item .tree-4 .payment-tabs .md-tabs .tree-3 a + a, .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-4 .nav-item + a, .main-menu .main-menu-content .nav-item .tree-4 .payment-tabs .md-tabs .nav-item + a, .main-menu .main-menu-content .nav-item .tree-1 .payment-tabs .md-tabs .tree-4 a + a, .main-menu .main-menu-content .nav-item .tree-2 .payment-tabs .md-tabs .tree-4 a + a, .main-menu .main-menu-content .nav-item .tree-3 .payment-tabs .md-tabs .tree-4 a + a, .payment-tabs .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a + a, .main-menu .main-menu-content .nav-item .tree-4 .payment-tabs .md-tabs a + a { width: calc(100% / 1); } .jp-card { min-width: 225px !important; } .payment-form { padding: 0; padding-top: 20px; } .modal-mob-btn [class*="col-"]:first-child { margin-bottom: 20px; } .location-mob-btn .btn { margin-bottom: 20px; margin-right: 0; } .location-mob-btn .btn:last-child { margin-bottom: 0; } .job-cards .media { display: inline-block; text-align: center; padding-top: 15px; padding-bottom: 15px; } .job-cards .media p { margin-bottom: 0; } .invoice-btn-group .m-r-20 { margin-right: 0; } .table-card .row-table { display: block; text-align: center; } .table-card .row-table i { font-size: 28px; margin-bottom: 10px; display: inline-block; } .table-card .row-table .br { border: none; border-bottom: 1px solid #ccc; } .table-card .row-table > [class*=col-] { display: block; } .card-block-big { padding: 1em; } .card-block-big #barchart, .card-block-big #barchart2 { display: inline-block; margin-bottom: 10px; } .widget-primary-card [class*="col-"], .widget-success-card [class*="col-"] { padding: 1em; } .widget-primary-card [class*="col-"] h6, .widget-success-card [class*="col-"] h6 { margin-bottom: 0; } .cd-horizontal-timeline .events-content em { text-align: left; } .events-content h2 { font-size: 20px; } .cd-horizontal-timeline { margin: 0 auto; } .social-widget-card i { top: 25px; font-size: 38px; } .widget-chat-box .card-header i { display: none; } .mobile-inputs [class*="col-"]:first-child { margin-bottom: 20px; } .pagination-lg .page-link { padding: .75rem .65rem; } .mobtn { padding: 10px; } } @media only screen and (max-width: 460px) { .fc-toolbar .fc-right .fc-button-group { margin-right: 0; } .social-msg a { margin-bottom: 10px; } .social-msg a:last-child { margin-bottom: 0; } } @media only screen and (max-width: 480px) { [class*="alert-"] code { margin-left: 0px; } .auth-body { min-width: auto; } .breadcrumb-page .card { text-align: center; } div.dataTables_wrapper div.dataTables_filter input { width: 150px; } #footer-search tfoot .form-control, #footer-select tfoot .form-control, #form-input-table .form-control, .search-api .form-control, #dt-live-dom .form-control { width: 70%; } .grid figure { min-width: auto; } .mytooltip .tooltip-content { width: 310px; margin: 0 0 20px -90px; } .mytooltip .tooltip-content:after { margin-left: -90px; } .cd-timeline-content .media { display: inherit !important; padding-left: 20px; } .cd-timeline-content .media .media-left { text-align: center; margin: 10px auto; } .summernote-page .modal-footer { display: inline-block; text-align: center; } .summernote-page .modal-footer > :not(:first-child) { margin-top: 10px; margin-left: 0; } .product-detail .txt-muted.d-inline-block { margin-top: 10px; } .product-detail .txt-muted.d-inline-block ~ .f-right { float: none; display: block; margin-top: 10px; } .mob-product-btn { text-align: center; } .mob-product-btn .btn-primary, .mob-product-btn .sweet-alert button.confirm, .sweet-alert .mob-product-btn button.confirm, .mob-product-btn .wizard > .actions a, .wizard > .actions .mob-product-btn a { margin-right: 0; display: block; margin: 10px auto; } } @media only screen and (max-width: 576px) { .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification, .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification { min-width: 280px; left: 0; right: auto; width: auto; } .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification, .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification { left: auto; right: 0; } .nav-tabs .nav-link.active { box-shadow: 0 0 1px #1abc9c; margin-bottom: 5px; } .md-tabs .nav-item a, .md-tabs .main-menu .main-menu-content .nav-item .tree-1 a a, .main-menu .main-menu-content .nav-item .tree-1 .md-tabs a a, .md-tabs .main-menu .main-menu-content .nav-item .tree-2 a a, .main-menu .main-menu-content .nav-item .tree-2 .md-tabs a a, .md-tabs .main-menu .main-menu-content .nav-item .tree-3 a a, .main-menu .main-menu-content .nav-item .tree-3 .md-tabs a a, .md-tabs .main-menu .main-menu-content .nav-item .tree-4 a a, .main-menu .main-menu-content .nav-item .tree-4 .md-tabs a a { box-shadow: 0 0 0 1px #d2cece; margin-bottom: 5px; } } @media only screen and (min-width: 801px) and (max-width: 915px) { .grid figure { min-width: auto; } } @media only screen and (min-width: 1200px) and (max-width: 1258px) { .user-head { text-align: center; } .user-head .user-face { margin: 0 auto; } .user-head .user-name { display: none; } } @media only screen and (min-width: 1279px) and (max-width: 1500px) { .cd-horizontal-timeline { margin: 0 auto; } #chartdiv { height: 440px; } .social-card-1 .card-block-big { padding: 1.3em; } #morris-extra-area { height: 400px !important; } .widget-chat-box .send-chat, .widget-chat-box .receive-chat, .widget-chat-box .receive-chat { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } } .pcoded .pcoded-container { position: relative; background: #d5dae6; } .pcoded .pcoded-header { position: relative; display: block; } .pcoded .pcoded-navbar { display: block; } .pcoded-main-container { display: block; position: relative; background: #e9e9e9; min-height: calc(100vh - 56px); } .pcoded .pcoded-content { position: relative; display: block; } .pcoded-inner-navbar { display: block; position: relative; } .pcoded-inner-content { padding: 10px; } .pcoded .pcoded-navbar .pcoded-item { display: block; list-style: none; margin: 0; padding: 0; position: relative; } .pcoded .pcoded-navbar .pcoded-item > li { display: block; list-style: outside none none; margin: 0; padding: 0; position: relative; } .pcoded .pcoded-navbar .pcoded-item > li > a { display: block; font-size: 14px; padding: 0 15px; text-decoration: none; position: relative; } .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu { list-style: outside none none; margin: 0; padding: 0; } .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li { display: block; list-style: outside none none; margin: 0; padding: 0; position: relative; } .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a { display: block; font-size: 14px; font-weight: 400; padding: 0 15px; text-decoration: none; position: relative; } .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a .pcoded-micon { font-size: 10px; padding-right: 5px; } .pcoded .pcoded-navbar .pcoded-item > li > a > .pcoded-micon { font-size: 15px; padding-right: 10px; } .pcoded-inner-navbar { height: 100%; } .pcoded[theme-layout="vertical"] .pcoded-header { width: 100%; box-shadow: 2px 6px 6px -8px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 2px 6px 6px -8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 6px 6px -8px rgba(0, 0, 0, 0.2); } .pcoded[theme-layout="vertical"] .pcoded-header .pcoded-left-header { display: block; z-index: 1028; } .pcoded[theme-layout="vertical"] .pcoded-header .pcoded-left-header .pcoded-logo { opacity: 1; text-align: center; visibility: visible; height: 50px; white-space: nowrap; } .pcoded[theme-layout="vertical"] .pcoded-header .pcoded-left-header .pcoded-logo a { display: block; text-decoration: none; padding: 9px 0; } .pcoded[theme-layout="vertical"] .pcoded-header .pcoded-left-header .pcoded-logo .logo-icon { bottom: -21px; font-size: 60px; left: 8px; position: absolute; z-index: -1; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; } .pcoded[theme-layout="vertical"][vertical-nav-type="collapsed"] .pcoded-header.iscollapsed .pcoded-left-header .pcoded-logo .logo-icon { font-size: 45px; bottom: -7px; left: 5px; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; } .pcoded[theme-layout="vertical"][pcoded-device-type="desktop"] .pcoded-header .pcoded-left-header .pcoded-logo .logo-text, .pcoded[theme-layout="vertical"][pcoded-device-type="phone"] .pcoded-header.iscollapsed .pcoded-left-header .pcoded-logo .logo-text, .pcoded[theme-layout="vertical"][pcoded-device-type="tablet"] .pcoded-header .pcoded-left-header .pcoded-logo .logo-text { font-family: open sans; font-size: 16px; font-weight: 600; left: 60px; margin: 0 auto !important; opacity: 1; position: absolute; text-transform: uppercase; top: 25px; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); visibility: visible; } .pcoded[theme-layout="vertical"][vertical-nav-type="compact"] .pcoded-header.iscollapsed .pcoded-left-header .pcoded-logo .logo-text, .pcoded[theme-layout="vertical"][vertical-nav-type="compact"] .pcoded-header .pcoded-left-header .pcoded-logo .logo-text { left: 15px; top: 13px; } .pcoded[theme-layout="vertical"][pcoded-device-type="phone"] .pcoded-header.nocollapsed .pcoded-left-header .pcoded-logo .logo-text { font-family: open sans; font-size: 16px; font-weight: 400; margin: 0 auto !important; opacity: 1; visibility: visible; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); position: relative; top: 5px; } .pcoded[theme-layout="vertical"][vertical-nav-type="collapsed"] .pcoded-header.iscollapsed .pcoded-left-header .pcoded-logo .logo-text { opacity: 0; position: absolute; transform: rotateX(90deg); -webkit-transform: rotateX(0deg); -ms-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -o-transform: rotateX(90deg); visibility: hidden; } .pcoded[theme-layout="vertical"][vertical-nav-type="offcanvas"] .pcoded-header.iscollapsed .pcoded-left-header .pcoded-logo { opacity: 0; visibility: hidden; transform: rotateX(90deg); -webkit-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -o-transform: rotateX(90deg); } .pcoded[theme-layout="vertical"][vertical-nav-type="compact"] .pcoded-header .pcoded-left-header .pcoded-logo a .hide-in-smallsize { display: none; } .pcoded[theme-layout="vertical"] .pcoded-header .sidebar_toggle a { border-radius: 4px; float: left; font-size: 18px; height: 35px; margin-right: 5px; position: relative; text-align: center; top: 7px; width: 40px; border-width: 0; border-style: solid; } .pcoded[theme-layout="vertical"] .pcoded-header .sidebar_toggle a i { position: relative; top: -7px; } .pcoded[theme-layout="vertical"] .pcoded-header .sidebar_toggle a:hover { text-decoration: none; } .sidebar_toggle a:focus { text-decoration: none; } .pcoded[theme-layout="vertical"] .pcoded-header .pcoded-right-header { line-height: 50px; padding: 0 15px; } .pcoded[theme-layout="vertical"] .pcoded-header .pcoded-right-header .pcoded-rl-header { float: left; } .pcoded[theme-layout="vertical"] .pcoded-header .pcoded-right-header .pcoded-rr-header { float: right; } .pcoded[theme-layout="vertical"] .pcoded-header .pcoded-right-header .pcoded-rl-header { padding-left: 20px; } .pcoded[theme-layout="vertical"][pcoded-device-type="phone"] .pcoded-header .pcoded-right-header .pcoded-rl-header { padding-left: 0; } .pcoded[theme-layout="vertical"] .pcoded-header .pcoded-right-header .pcoded-rl-header ul { list-style: outside none none; margin: 0; padding: 0; } .pcoded-right-header .pcoded-rr-header ul { list-style: outside none none; margin: 0; padding: 0; } .pcoded[theme-layout="vertical"] .pcoded-header .pcoded-right-header .pcoded-rl-header ul > li, .pcoded[theme-layout="vertical"] .pcoded-header .pcoded-right-header .pcoded-rr-header ul > li { float: left; list-style: outside none none; margin: 0; padding: 0 5px; position: relative; } .pcoded[theme-layout="vertical"] .pcoded-header .pcoded-right-header .pcoded-rl-header ul > li > a, .pcoded[theme-layout="vertical"] .pcoded-header .pcoded-right-header .pcoded-rr-header ul > li > a { font-size: 14px; font-weight: 500; text-decoration: none; } .pcoded[theme-layout="vertical"] .pcoded-header .pcoded-right-header .pcoded-rl-header li.icons > a > i, .pcoded[theme-layout="vertical"] .pcoded-header .pcoded-right-header .pcoded-rr-header li.icons > a > i { font-size: 18px; position: relative; top: 3px; } .pcoded[theme-layout="vertical"] .pcoded-header .pcoded-right-header .pcoded-rl-header li.icons > a, .pcoded[theme-layout="vertical"] .pcoded-header .pcoded-right-header .pcoded-rr-header li.icons > a { padding: 0 5px; } .pcoded[theme-layout="vertical"] .pcoded-right-header .pcoded-badge { background-color: #777; border-radius: 10px; color: #fff; font-size: 10px; font-weight: 700; line-height: 1; min-height: 17px; min-width: 10px; opacity: 1; padding: 4px 7px; position: absolute; right: -4px; text-align: center; top: 9px; transition: opacity 0.3s linear 0s; -webkit-transition: opacity 0.3s linear 0s; -ms-transition: opacity 0.3s linear 0s; -moz-transition: opacity 0.3s linear 0s; -o-transition: opacity 0.3s linear 0s; vertical-align: middle; visibility: visible; white-space: nowrap; } .pcoded[theme-layout="vertical"] .pcoded-badge.badge-success { background-color: #70ca63; color: #fff; } .pcoded[theme-layout="vertical"] .pcoded-badge.badge-warning { background-color: #fecd33; color: #fff; } .pcoded[theme-layout="vertical"] .pcoded-badge.badge-danger { background-color: #f13b48; color: #fff; } .pcoded[theme-layout="vertical"][pcoded-device-type="phone"] .hide-small-device { display: none; } .pcoded[theme-layout="vertical"] .pcoded-navbar { z-index: 1027; height: 100%; } .pcoded[theme-layout="vertical"] .pcoded-content { position: relative; display: block; } .pcoded[theme-layout="vertical"] .pcoded-container { overflow: hidden; position: relative; margin: 0 auto; } .pcoded[theme-layout="vertical"].pcoded-wrapper, .pcoded[theme-layout="vertical"] .pcoded-main-container { position: relative; margin: 0 auto; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-search { border-top-width: 1px; border-top-style: solid; padding: 20px 10px; position: relative; } .pcoded[theme-layout="vertical"][vnavigation-view="view2"] .pcoded-navbar .pcoded-search { border-radius: 4px 4px 0 0; } .pcoded-search input[type="text"] { display: block; margin: 0; width: 100%; font-family: "Open Sans", sans-serif; font-size: 14px; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: none; -moz-border-radius: none; -ms-border-radius: none; -o-border-radius: none; border-radius: none; background: transparent; padding: 6px 22px 6px 3px; border: none; border-bottom-width: 1px; border-bottom-style: solid; -webkit-transition: border 0.3s; -moz-transition: border 0.3s; -o-transition: border 0.3s; transition: border 0.3s; } .pcoded-search input[type="text"]:focus { border-bottom-width: 1px; border-bottom-style: solid; } .style-4 input[type="text"].focus { border-bottom-width: 1px; border-bottom-style: solid; } .pcoded-search .search-icon { cursor: pointer; margin-top: -33px; padding: 4px; position: absolute; right: 10px; } .pcoded[vertical-nav-type="collapsed"] .pcoded-search-box { visibility: hidden; opacity: 0; transform: rotateX(90deg); -webkit-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -o-transform: rotateX(90deg); position: absolute; } .pcoded[vertical-nav-type="collapsed"] .pcoded-search input[type="text"] { padding: 10px 22px 10px 3px; } .searchbar-toggle:before { content: "\f002"; cursor: pointer; float: right; font-family: FontAwesome; left: 0; position: absolute; top: 10px; visibility: hidden; opacity: 0; transform: rotateX(90deg); -webkit-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -o-transform: rotateX(90deg); } .pcoded[vertical-nav-type="collapsed"] .searchbar-toggle:before { left: 15px; top: 10px; visibility: visible; opacity: 1; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); } .pcoded[vertical-nav-type="collapsed"] .pcoded-search.open .searchbar-toggle:before { content: "\f05c"; } .pcoded[vertical-nav-type="collapsed"] .pcoded-search.open .pcoded-search-box { margin-left: 35px; opacity: 1; position: absolute; top: 0; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); visibility: visible; width: 200px; padding-right: 10px; } .pcoded[vertical-nav-type="collapsed"] .pcoded-search .search-icon { margin-top: -35px; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item > li > a { text-align: left; padding: 10px 15px; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu { position: relative; width: 100%; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a { text-align: left; padding: 8.7px 10px; } .pcoded[theme-layout="vertical"][vertical-nav-type="expanded"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a { padding-left: 30px; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu { width: 100%; list-style: outside none none; margin: 0; padding: 0; opacity: 0; visibility: hidden; position: absolute; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item .pcoded-hasmenu.pcoded-trigger .pcoded-submenu { -webkit-transform-origin: 0 0; transform-origin: 10% 10%; -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu { transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-90deg); -webkit-transform: rotateX(-90deg); } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { position: relative; opacity: 1; visibility: visible; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item[item-border="true"][item-border-style="dashed"] li > a { border-bottom-style: dashed; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item[item-border="true"][item-border-style="dotted"] li > a { border-bottom-style: dotted; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item[item-border="true"][item-border-style="solid"] li > a { border-bottom-style: solid; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item[item-border="true"][item-border-style="none"] li > a { border: none; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item[item-border="false"] > li > a { border-bottom-width: 0; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item[item-border="true"] > li > a { border-bottom-width: 1px; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item[subitem-border="false"] .pcoded-hasmenu .pcoded-submenu li > a { border-bottom-width: 0; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item[subitem-border="true"] .pcoded-hasmenu .pcoded-submenu li > a { border-bottom-width: 1px; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu > a:after { float: right; font-style: normal; margin-left: 3px; font-size: 10px; position: absolute; right: 15px; top: 0; padding-top: 10px; transition: opacity 0.3s linear; -webkit-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu .pcoded-submenu li.pcoded-hasmenu > a:after { float: right; font-style: normal; margin-left: 3px; font-size: 10px; position: absolute; right: 15px; top: 0; padding-top: 13px; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu.pcoded-trigger > a:after { float: right; font-style: normal; margin-left: 3px; position: absolute; right: 15px; font-size: 12px; top: 0; padding-top: 10px; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu.pcoded-trigger .pcoded-submenu li.pcoded-hasmenu.pcoded-trigger > a:after { float: right; font-style: normal; margin-left: 3px; position: absolute; right: 15px; font-size: 12px; top: 0; padding-top: 13px; transition: opacity 0.3s linear; -webkit-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item li.pcoded-hasmenu[dropdown-icon="style1"] > a:after { content: "\e606"; font-family: simple-line-icons; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item li.pcoded-hasmenu.pcoded-trigger[dropdown-icon="style1"] > a:after { content: "\e604"; font-family: simple-line-icons; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item li.pcoded-hasmenu[dropdown-icon="style2"] > a:after { content: "\e095"; font-family: simple-line-icons; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item li.pcoded-hasmenu.pcoded-trigger[dropdown-icon="style2"] > a:after { content: "\e615"; font-family: simple-line-icons; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item li.pcoded-hasmenu[dropdown-icon="style3"] > a:after { content: '\e61a'; font-family: 'themify'; font-size: 14px; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item li.pcoded-hasmenu.pcoded-trigger[dropdown-icon="style3"] > a:after { content: '\e622'; font-family: 'themify'; font-size: 14px; } .pcoded[theme-layout="vertical"] .pcoded-header .pcoded-left-header[pcoded-lheader-position="relative"] { position: relative; } .pcoded[theme-layout="vertical"] .pcoded-header .pcoded-left-header[pcoded-lheader-position="fixed"] { position: fixed; } .pcoded[theme-layout="vertical"] .pcoded-header .pcoded-left-header[pcoded-lheader-position="absolute"] { position: absolute; } .pcoded[theme-layout="vertical"] .pcoded-navbar[pcoded-navbar-position="relative"] { position: relative; } .pcoded[theme-layout="vertical"] .pcoded-navbar[pcoded-navbar-position="fixed"] { position: fixed; } .pcoded[theme-layout="vertical"] .pcoded-navbar[pcoded-navbar-position="absolute"] { position: absolute; } .pcoded[theme-layout="vertical"] .pcoded-header[pcoded-header-position="relative"] { position: relative; } .pcoded[theme-layout="vertical"] .pcoded-header[pcoded-header-position="fixed"] { position: fixed; z-index: 1028; } .pcoded[theme-layout="vertical"] .pcoded-header[pcoded-header-position="absolute"] { position: absolute; } .pcoded[theme-layout="vertical"][vertical-layout="wide"] .pcoded-container { width: 100%; margin: 0 auto; } .pcoded[theme-layout="vertical"][pcoded-device-type="desktop"][vertical-layout="box"] .pcoded-container { max-width: 1200px; width: 100%; margin: 0 auto; } .pcoded[theme-layout="vertical"][pcoded-device-type="tablet"][vertical-layout="box"] .pcoded-container { max-width: 900px; width: 100%; margin: 0 auto; } .pcoded[theme-layout="vertical"][pcoded-device-type="phone"][vertical-layout="box"] .pcoded-container { max-width: 100%; width: 100%; margin: 0 auto; } .pcoded[theme-layout="vertical"][vertical-layout="widebox"] .pcoded-container { width: 100%; margin: 0 auto; } .pcoded[theme-layout="vertical"][pcoded-device-type="desktop"][vertical-layout="widebox"] .pcoded-main-container, .pcoded[theme-layout="vertical"][pcoded-device-type="desktop"][vertical-layout="widebox"] .pcoded-wrapper { max-width: 1200px; width: 100%; margin: 0 auto; } .pcoded[theme-layout="vertical"][pcoded-device-type="tablet"][vertical-layout="widebox"] .pcoded-main-container, .pcoded[theme-layout="vertical"][pcoded-device-type="tablet"][vertical-layout="widebox"] .pcoded-wrapper { max-width: 900px; width: 100%; margin: 0 auto; } .pcoded[theme-layout="vertical"][pcoded-device-type="phone"][vertical-layout="widebox"] .pcoded-main-container, .pcoded[theme-layout="vertical"][pcoded-device-type="phone"][vertical-layout="widebox"] .pcoded-wrapper { max-width: 100%; width: 100%; margin: 0 auto; } .pcoded[theme-layout="vertical"][vertical-layout="widebox"] .pcoded-wrapper { overflow: hidden; } .pcoded .pcoded-overlay-box { background: #000 none repeat scroll 0 0; bottom: 0; height: 100%; position: fixed; top: 0; width: 100%; z-index: -1; opacity: 0; visibility: hidden; transition: opacity 0.3s linear; -webkit-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; overflow: hidden; } .pcoded[vertical-nav-type="compact"][vertical-effect="overlay"] .pcoded-overlay-box, .pcoded[vertical-nav-type="ex-popover"][vertical-effect="overlay"] .pcoded-overlay-box, .pcoded[vertical-nav-type="expanded"][vertical-effect="overlay"] .pcoded-overlay-box, .pcoded[vertical-nav-type="fullsub-collapsed"][vertical-effect="overlay"] .pcoded-overlay-box, .pcoded[vertical-nav-type="sub-expanded"][vertical-effect="overlay"] .pcoded-overlay-box { visibility: visible; z-index: 1026; opacity: 0.3; transition: opacity 0.3s linear; -webkit-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; overflow: hidden; } .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a .pcoded-micon { display: none; font-size: 10px; padding-right: 5px; } .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a .pcoded-mtext:before { font-style: normal; padding-right: 4px; font-size: 10px; position: relative; left: 0; top: 0; opacity: 1; visibility: visible; } .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu[subitem-icon="style1"] .pcoded-submenu li > a .pcoded-mtext:before { content: "\f105"; font-family: FontAwesome; padding-right: 5px; font-size: 12px; } .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu[subitem-icon="style2"] .pcoded-submenu li > a .pcoded-mtext:before { content: "\f22d"; font-family: FontAwesome; padding-right: 5px; font-size: 12px; } .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu[subitem-icon="style3"] .pcoded-submenu li > a .pcoded-mtext:before { content: "\e08d"; font-family: simple-line-icons; } .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu[subitem-icon="style4"] .pcoded-submenu li > a .pcoded-mtext:before { content: "\f124"; font-family: FontAwesome; padding-right: 10px; font-size: 12px; } .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu[subitem-icon="style5"] .pcoded-submenu li > a .pcoded-mtext:before { content: "\f0da"; font-family: FontAwesome; padding-right: 10px; font-size: 12px; } .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu[subitem-icon="style6"] .pcoded-submenu li > a .pcoded-mtext:before { content: '\e649'; font-family: 'themify'; padding-right: 10px; font-size: 12px; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item > li.active > a > .pcoded-mcaret { background: transparent none repeat scroll 0 0; border-bottom: 10px solid transparent; border-right: 8px solid #e9e9e9; border-top: 10px solid transparent; display: block; float: right; height: 0; position: absolute; right: 0; top: calc(50% - 10px); width: 0; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item > li:hover > a:before { border-left-style: solid; border-left-width: 5px; content: " "; height: 100%; left: 0; position: absolute; top: 0; } .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li:hover > a:before { border-left-style: solid; border-left-width: 5px; content: " "; height: 100%; left: 0; position: absolute; top: 0; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item > li.active > a:before { border-left-style: solid; border-left-width: 5px; content: " "; height: 100%; left: 0; position: absolute; top: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-navbar { float: right; right: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-content { float: unset; left: 0; } .pcoded[theme-layout="vertical"][vertical-placement="left"] .pcoded-navbar { float: left; } .pcoded[theme-layout="vertical"][vertical-placement="left"] .pcoded-content { float: unset; right: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-header .pcoded-left-header { float: right; right: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-header .pcoded-right-header { float: unset; left: unset; } .pcoded[theme-layout="vertical"][vertical-placement="left"] .pcoded-header .pcoded-left-header { float: left; } .pcoded[theme-layout="vertical"][vertical-placement="left"] .pcoded-header .pcoded-right-header { float: unset; right: unset; } .pcoded[theme-layout="vertical"][vertical-nav-type="expanded"] .pcoded-header .pcoded-left-header, .pcoded[theme-layout="vertical"][vertical-nav-type="expanded"] .pcoded-navbar { width: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="expanded"][vertical-effect="push"] .pcoded-header .pcoded-right-header { margin-left: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="expanded"][vertical-effect="push"] .pcoded-header.iscollapsed .pcoded-right-header { margin-left: 235px; margin-right: -235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="expanded"][vertical-effect="push"] .pcoded-content { margin-left: 235px; margin-right: -235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="expanded"][vertical-effect="push"] .pcoded-header .pcoded-right-header { margin-right: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="expanded"][vertical-effect="push"] .pcoded-header.iscollapsed .pcoded-right-header { margin-right: 0; margin-left: -235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="expanded"][vertical-effect="push"] .pcoded-content { margin-right: 235px; margin-left: -235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="expanded"][vertical-effect="shrink"] .pcoded-header.iscollapsed .pcoded-right-header, .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="expanded"][vertical-effect="shrink"] .pcoded-header .pcoded-right-header { margin-left: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="expanded"][vertical-effect="shrink"] .pcoded-content { margin-left: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="expanded"][vertical-effect="shrink"] .pcoded-header.iscollapsed .pcoded-right-header, .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="expanded"][vertical-effect="shrink"] .pcoded-header .pcoded-right-header { margin-right: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="expanded"][vertical-effect="shrink"] .pcoded-content { margin-right: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="expanded"][vertical-effect="overlay"] .pcoded-header .pcoded-right-header { margin-left: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="expanded"][vertical-effect="overlay"] .pcoded-header.iscollapsed .pcoded-right-header { margin-left: 0; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="expanded"][vertical-effect="overlay"] .pcoded-content { margin-left: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="expanded"][vertical-effect="overlay"] .pcoded-header .pcoded-right-header { margin-right: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="expanded"][vertical-effect="overlay"] .pcoded-header.iscollapsed .pcoded-right-header { margin-right: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="expanded"][vertical-effect="overlay"] .pcoded-content { margin-right: 0; } .pcoded[theme-layout="vertical"][vertical-effect="overlay"] .pcoded-navbar .pcoded-item > li.active > a > .pcoded-mcaret { background: transparent !important; border-bottom: transparent !important; border-right: transparent !important; border-top: 15px solid transparent; } .pcoded[theme-layout="vertical"][vertical-nav-type="expanded"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.is-hover.pcoded-trigger .pcoded-submenu, .pcoded[theme-layout="vertical"][vertical-nav-type="expanded"][pcoded-device-type="desktop"] .pcoded-navbar.is-hover .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu, .pcoded[theme-layout="vertical"][vertical-nav-type="expanded"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.is-hover.pcoded-trigger .pcoded-submenu, .pcoded[theme-layout="vertical"][vertical-nav-type="expanded"][pcoded-device-type="tablet"] .pcoded-navbar.is-hover .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { left: 100%; position: absolute; width: 230px; z-index: 1024; top: 0; } .pcoded[theme-layout="vertical"][vertical-nav-type="collapsed"] .pcoded-header .pcoded-left-header { width: 235px; } .pcoded[theme-layout="vertical"][vertical-nav-type="collapsed"] .pcoded-navbar { width: 45px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="collapsed"][vertical-effect="push"] .pcoded-header .pcoded-right-header { margin-left: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="collapsed"][vertical-effect="push"] .pcoded-header.iscollapsed .pcoded-left-header { width: 45px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="collapsed"][vertical-effect="push"] .pcoded-header.iscollapsed .pcoded-right-header { margin-left: 45px; margin-right: 0; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="collapsed"][vertical-effect="push"] .pcoded-content { margin-left: 45px; margin-right: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"][vertical-effect="push"] .pcoded-header .pcoded-right-header { margin-right: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"][vertical-effect="push"] .pcoded-header.iscollapsed .pcoded-left-header { width: 45px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"][vertical-effect="push"] .pcoded-header.iscollapsed .pcoded-right-header { margin-right: 45px; margin-left: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"][vertical-effect="push"] .pcoded-content { margin-right: 45px; margin-left: 0; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="collapsed"][vertical-effect="shrink"] .pcoded-header .pcoded-right-header { margin-left: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="collapsed"][vertical-effect="shrink"] .pcoded-header.iscollapsed .pcoded-left-header { width: 45px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="collapsed"][vertical-effect="shrink"] .pcoded-header.iscollapsed .pcoded-right-header { margin-left: 45px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="collapsed"][vertical-effect="shrink"] .pcoded-content { margin-left: 45px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"][vertical-effect="shrink"] .pcoded-header .pcoded-right-header { margin-right: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"][vertical-effect="shrink"] .pcoded-header.iscollapsed .pcoded-left-header { width: 45px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"][vertical-effect="shrink"] .pcoded-header.iscollapsed .pcoded-right-header { margin-right: 45px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"][vertical-effect="shrink"] .pcoded-content { margin-right: 45px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="collapsed"][vertical-effect="overlay"] .pcoded-header .pcoded-right-header { margin-left: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="collapsed"][vertical-effect="overlay"] .pcoded-header.iscollapsed .pcoded-left-header { width: 45px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="collapsed"][vertical-effect="overlay"] .pcoded-header.iscollapsed .pcoded-right-header { margin-left: 45px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="collapsed"][vertical-effect="overlay"] .pcoded-content { margin-left: 45px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"][vertical-effect="overlay"] .pcoded-header .pcoded-right-header { margin-right: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"][vertical-effect="overlay"] .pcoded-header.iscollapsed .pcoded-left-header { width: 45px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"][vertical-effect="overlay"] .pcoded-header.iscollapsed .pcoded-right-header { margin-right: 45px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"][vertical-effect="overlay"] .pcoded-content { margin-right: 45px; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item > li > a .pcoded-mtext { opacity: 1; visibility: visible; position: absolute; } .pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item li.pcoded-hasmenu > a:after { opacity: 1; visibility: visible; } .pcoded[theme-layout="vertical"][vertical-nav-type="collapsed"] .pcoded-navbar .pcoded-item > li > a .pcoded-mtext { opacity: 0; visibility: hidden; position: absolute; } .pcoded[theme-layout="vertical"][vertical-nav-type="collapsed"] .pcoded-navbar .pcoded-item > li.pcoded-trigger > a .pcoded-mtext { opacity: 1; visibility: visible; position: absolute; padding-left: 22px; } .pcoded[theme-layout="vertical"][vertical-nav-type="collapsed"] .pcoded-navbar .pcoded-item li.pcoded-hasmenu > a:after { opacity: 0; visibility: hidden; } .pcoded[theme-layout="vertical"][vertical-nav-type="collapsed"] .pcoded-navbar .pcoded-item li.pcoded-hasmenu.pcoded-trigger a:after { opacity: 1; visibility: visible; } .pcoded[theme-layout="vertical"][vertical-nav-type="collapsed"] .pcoded-navbar .pcoded-item > li.pcoded-trigger { display: block; position: relative; width: 255px; z-index: 1024; } .pcoded[theme-layout="vertical"][vertical-nav-type="collapsed"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { left: 45px; position: absolute; width: 210px; z-index: 1024; border-left-style: solid; border-left-width: 1px; } .pcoded[theme-layout="vertical"][vertical-nav-type="collapsed"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { position: relative; } .pcoded[theme-layout="vertical"][vertical-nav-type="collapsed"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu > .pcoded-submenu .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { position: absolute; } .pcoded[theme-layout="vertical"][vertical-nav-type="collapsed"] .pcoded-navbar .pcoded-item > li.pcoded-trigger.active > a > .pcoded-mcaret { display: none; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="push"] .pcoded-header .pcoded-left-header { width: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="push"] .pcoded-header .pcoded-right-header { margin-left: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="push"] .pcoded-header.iscollapsed .pcoded-left-header { width: 0; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="push"] .pcoded-header.iscollapsed .pcoded-right-header { margin-left: 0; margin-right: 0; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="push"] .pcoded-navbar { width: 235px; margin-left: -235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="push"] .pcoded-content { margin-left: 0; margin-right: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="push"] .pcoded-header .pcoded-left-header { width: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="push"] .pcoded-header .pcoded-right-header { margin-right: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="push"] .pcoded-header.iscollapsed .pcoded-left-header { width: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="push"] .pcoded-header.iscollapsed .pcoded-right-header { margin-right: 0; margin-left: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="push"] .pcoded-navbar { width: 235px; margin-right: -235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="push"] .pcoded-content { margin-right: 0; margin-left: 0; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="shrink"] .pcoded-header .pcoded-left-header { width: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="shrink"] .pcoded-header .pcoded-right-header { margin-left: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="shrink"] .pcoded-header.iscollapsed .pcoded-left-header { width: 0; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="shrink"] .pcoded-header.iscollapsed .pcoded-right-header { margin-left: 0; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="shrink"] .pcoded-navbar { width: 235px; margin-left: -235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="shrink"] .pcoded-content { margin-left: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="shrink"] .pcoded-header .pcoded-left-header { width: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="shrink"] .pcoded-header .pcoded-right-header { margin-right: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="shrink"] .pcoded-header.iscollapsed .pcoded-left-header { width: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="shrink"] .pcoded-header.iscollapsed .pcoded-right-header { margin-right: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="shrink"] .pcoded-navbar { width: 235px; margin-right: -235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="shrink"] .pcoded-content { margin-right: 0; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="overlay"] .pcoded-header .pcoded-left-header { width: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="overlay"] .pcoded-header .pcoded-right-header { margin-left: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="overlay"] .pcoded-header.iscollapsed .pcoded-left-header { width: 0; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="overlay"] .pcoded-header.iscollapsed .pcoded-right-header { margin-left: 0; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="overlay"] .pcoded-navbar { width: 235px; margin-left: -235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="offcanvas"][vertical-effect="overlay"] .pcoded-content { margin-left: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="overlay"] .pcoded-header .pcoded-left-header { width: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="overlay"] .pcoded-header .pcoded-right-header { margin-right: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="overlay"] .pcoded-header.iscollapsed .pcoded-left-header { width: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="overlay"] .pcoded-header.iscollapsed .pcoded-right-header { margin-right: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="overlay"] .pcoded-navbar { width: 235px; margin-right: -235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="offcanvas"][vertical-effect="overlay"] .pcoded-content { margin-right: 0; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="push"] .pcoded-header.iscollapsed .pcoded-left-header { width: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="push"] .pcoded-header.iscollapsed .pcoded-right-header { margin-left: 190px; margin-right: -190px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="push"] .pcoded-header .pcoded-left-header { width: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="push"] .pcoded-header .pcoded-right-header { margin-left: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="push"] .pcoded-navbar { width: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="push"] .pcoded-content { margin-left: 190px; margin-right: -190px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="push"] .pcoded-header.iscollapsed .pcoded-left-header { width: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="push"] .pcoded-header.iscollapsed .pcoded-right-header { margin-right: 190px; margin-left: -190px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="push"] .pcoded-header .pcoded-left-header { width: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="push"] .pcoded-header .pcoded-right-header { margin-right: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="push"] .pcoded-navbar { width: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="push"] .pcoded-content { margin-right: 190px; margin-left: -190px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="shrink"] .pcoded-header.iscollapsed .pcoded-left-header { width: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="shrink"] .pcoded-header.iscollapsed .pcoded-right-header { margin-left: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="shrink"] .pcoded-header .pcoded-left-header { width: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="shrink"] .pcoded-header .pcoded-right-header { margin-left: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="shrink"] .pcoded-navbar { width: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="shrink"] .pcoded-content { margin-left: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="shrink"] .pcoded-header.iscollapsed .pcoded-left-header { width: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="shrink"] .pcoded-header.iscollapsed .pcoded-right-header { margin-right: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="shrink"] .pcoded-header .pcoded-left-header { width: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="shrink"] .pcoded-header .pcoded-right-header { margin-right: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="shrink"] .pcoded-navbar { width: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="shrink"] .pcoded-content { margin-right: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="overlay"] .pcoded-header.iscollapsed .pcoded-left-header { width: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="overlay"] .pcoded-header.iscollapsed .pcoded-right-header { margin-left: 0; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="overlay"] .pcoded-header .pcoded-left-header { width: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="overlay"] .pcoded-header .pcoded-right-header { margin-left: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="overlay"] .pcoded-navbar { width: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="compact"][vertical-effect="overlay"] .pcoded-content { margin-left: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="overlay"] .pcoded-header .pcoded-left-header { width: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="overlay"] .pcoded-header .pcoded-right-header { margin-right: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="overlay"] .pcoded-header.iscollapsed .pcoded-left-header { width: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="overlay"] .pcoded-header.iscollapsed .pcoded-right-header { margin-right: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="overlay"] .pcoded-navbar { width: 190px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="compact"][vertical-effect="overlay"] .pcoded-content { margin-right: 0; } .pcoded[theme-layout="vertical"][vertical-nav-type="compact"] .pcoded-navbar .pcoded-item > li > a { line-height: unset; text-align: center; } .pcoded[theme-layout="vertical"][vertical-nav-type="compact"] .pcoded-navbar .pcoded-item > li > a .pcoded-mtext { opacity: 1; position: relative; text-align: center; visibility: visible; } .pcoded[theme-layout="vertical"][vertical-nav-type="compact"] .pcoded-navbar .pcoded-item > li > a > .pcoded-micon { display: block; font-size: 18px; padding: 5px; } .pcoded[theme-layout="vertical"][vertical-nav-type="compact"] .pcoded-navbar .pcoded-item > li.active > a > .pcoded-mcaret { background: transparent none repeat scroll 0 0; border-bottom: 18px solid transparent; border-right: 12px solid #e9e9e9; border-top: 18px solid transparent; top: 18px; } .pcoded[theme-layout="vertical"][vertical-nav-type="compact"] .pcoded-navbar .pcoded-item > li.active > a:before { height: 100%; } .pcoded[theme-layout="vertical"][vertical-nav-type="compact"] .pcoded-navbar .pcoded-item > li:hover > a:before { height: 100%; } .pcoded[theme-layout="vertical"][vertical-nav-type="compact"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu.pcoded-trigger[dropdown-icon="style1"] > a:after, .pcoded[theme-layout="vertical"][vertical-nav-type="compact"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu[dropdown-icon="style1"] > a:after { top: 18px; } .pcoded[theme-layout="vertical"][vertical-nav-type="compact"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.is-hover.pcoded-trigger .pcoded-submenu, .pcoded[theme-layout="vertical"][vertical-nav-type="compact"][pcoded-device-type="desktop"] .pcoded-navbar.is-hover .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu, .pcoded[theme-layout="vertical"][vertical-nav-type="compact"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.is-hover.pcoded-trigger .pcoded-submenu, .pcoded[theme-layout="vertical"][vertical-nav-type="compact"][pcoded-device-type="tablet"] .pcoded-navbar.is-hover .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { left: 100%; position: absolute; width: 210px; z-index: 1024; top: 0; } .pcoded[theme-layout="vertical"][vertical-nav-type="sub-expanded"] .pcoded-header .pcoded-left-header, .pcoded[theme-layout="vertical"][vertical-nav-type="sub-expanded"] .pcoded-navbar { width: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="sub-expanded"][vertical-effect="push"] .pcoded-header .pcoded-right-header { margin-left: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="sub-expanded"][vertical-effect="push"] .pcoded-header.iscollapsed .pcoded-right-header { margin-left: 235px; margin-right: -235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="sub-expanded"][vertical-effect="push"] .pcoded-content { margin-left: 235px; margin-right: -235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="sub-expanded"][vertical-effect="push"] .pcoded-header .pcoded-right-header { margin-right: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="sub-expanded"][vertical-effect="push"] .pcoded-header.iscollapsed .pcoded-right-header { margin-right: 0; margin-left: -235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="sub-expanded"][vertical-effect="push"] .pcoded-content { margin-right: 235px; margin-left: -235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="sub-expanded"][vertical-effect="shrink"] .pcoded-header.iscollapsed .pcoded-right-header, .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="sub-expanded"][vertical-effect="shrink"] .pcoded-header .pcoded-right-header { margin-left: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="sub-expanded"][vertical-effect="shrink"] .pcoded-content { margin-left: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="sub-expanded"][vertical-effect="shrink"] .pcoded-header.iscollapsed .pcoded-right-header, .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="sub-expanded"][vertical-effect="shrink"] .pcoded-header .pcoded-right-header { margin-right: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="sub-expanded"][vertical-effect="shrink"] .pcoded-navbar { width: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="sub-expanded"][vertical-effect="shrink"] .pcoded-content { margin-right: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="sub-expanded"][vertical-effect="overlay"] .pcoded-header .pcoded-right-header { margin-left: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="sub-expanded"][vertical-effect="overlay"] .pcoded-header.iscollapsed .pcoded-right-header { margin-left: 0; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="sub-expanded"][vertical-effect="overlay"] .pcoded-navbar { width: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="sub-expanded"][vertical-effect="overlay"] .pcoded-content { margin-left: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="sub-expanded"][vertical-effect="overlay"] .pcoded-header .pcoded-right-header { margin-right: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="sub-expanded"][vertical-effect="overlay"] .pcoded-header.iscollapsed .pcoded-right-header { margin-right: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="sub-expanded"][vertical-effect="overlay"] .pcoded-content { margin-right: 0; } .pcoded[theme-layout="vertical"][vertical-nav-type="sub-expanded"][pcoded-device-type="desktop"] .pcoded-inner-navbar, .pcoded[theme-layout="vertical"][vertical-nav-type="sub-expanded"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item, .pcoded[theme-layout="vertical"][vertical-nav-type="sub-expanded"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item > li, .pcoded[theme-layout="vertical"][vertical-nav-type="sub-expanded"][pcoded-device-type="tablet"] .pcoded-inner-navbar, .pcoded[theme-layout="vertical"][vertical-nav-type="sub-expanded"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item, .pcoded[theme-layout="vertical"][vertical-nav-type="sub-expanded"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item > li { position: unset; } .pcoded[theme-layout="vertical"][vertical-nav-type="sub-expanded"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu, .pcoded[theme-layout="vertical"][vertical-nav-type="sub-expanded"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { left: 100%; position: absolute; width: 230px; z-index: 1024; top: 0; bottom: 0; } .pcoded[theme-layout="vertical"][vertical-nav-type="sub-expanded"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li, .pcoded[theme-layout="vertical"][vertical-nav-type="sub-expanded"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li { position: unset; } .pcoded[theme-layout="vertical"][vertical-nav-type="sub-expanded"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.pcoded-trigger .pcoded-submenu, .pcoded[theme-layout="vertical"][vertical-nav-type="sub-expanded"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.pcoded-trigger .pcoded-submenu { left: 100%; position: absolute; width: 230px; z-index: 1024; top: 0; bottom: 0; } .pcoded[theme-layout="vertical"][vertical-nav-type="sub-expanded"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { border-left-style: solid; border-left-width: 1px; } .pcoded[theme-layout="vertical"][vertical-nav-type="ex-popover"] .pcoded-header.iscollapsed .pcoded-left-header, .pcoded[theme-layout="vertical"][vertical-nav-type="ex-popover"] .pcoded-header .pcoded-left-header { width: 235px; } .pcoded[theme-layout="vertical"][vertical-nav-type="ex-popover"] .pcoded-navbar { width: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="ex-popover"][vertical-effect="push"] .pcoded-header .pcoded-right-header { margin-left: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="ex-popover"][vertical-effect="push"] .pcoded-header.iscollapsed .pcoded-right-header { margin-left: 235px; margin-right: -235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="ex-popover"][vertical-effect="push"] .pcoded-content { margin-left: 235px; margin-right: -235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="ex-popover"][vertical-effect="push"] .pcoded-header .pcoded-right-header { margin-right: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="ex-popover"][vertical-effect="push"] .pcoded-header.iscollapsed .pcoded-right-header { margin-right: 0; margin-left: -235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="ex-popover"][vertical-effect="push"] .pcoded-content { margin-right: 235px; margin-left: -235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="ex-popover"][vertical-effect="shrink"] .pcoded-header.iscollapsed .pcoded-right-header, .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="ex-popover"][vertical-effect="shrink"] .pcoded-header .pcoded-right-header { margin-left: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="ex-popover"][vertical-effect="shrink"] .pcoded-content { margin-left: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="ex-popover"][vertical-effect="shrink"] .pcoded-header.iscollapsed .pcoded-right-header, .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="ex-popover"][vertical-effect="shrink"] .pcoded-header .pcoded-right-header { margin-right: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="ex-popover"][vertical-effect="shrink"] .pcoded-content { margin-right: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="ex-popover"][vertical-effect="overlay"] .pcoded-header .pcoded-right-header { margin-left: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="ex-popover"][vertical-effect="overlay"] .pcoded-header.iscollapsed .pcoded-right-header { margin-left: 0; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="ex-popover"][vertical-effect="overlay"] .pcoded-content { margin-left: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="ex-popover"][vertical-effect="overlay"] .pcoded-header .pcoded-right-header { margin-right: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="ex-popover"][vertical-effect="overlay"] .pcoded-header.iscollapsed .pcoded-right-header { margin-right: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="ex-popover"][vertical-effect="overlay"] .pcoded-content { margin-right: 0; } .pcoded[theme-layout="vertical"][vertical-nav-type="ex-popover"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item > li, .pcoded[theme-layout="vertical"][vertical-nav-type="ex-popover"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item > li { position: relative; } .pcoded[theme-layout="vertical"][vertical-nav-type="ex-popover"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu, .pcoded[theme-layout="vertical"][vertical-nav-type="ex-popover"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { left: 100%; position: absolute; width: 230px; z-index: 1024; top: 0; } .pcoded[theme-layout="vertical"][vertical-nav-type="ex-popover"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li, .pcoded[theme-layout="vertical"][vertical-nav-type="ex-popover"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li { position: relative; } .pcoded[theme-layout="vertical"][vertical-nav-type="ex-popover"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.pcoded-trigger .pcoded-submenu, .pcoded[theme-layout="vertical"][vertical-nav-type="ex-popover"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.pcoded-trigger .pcoded-submenu { left: 100%; position: absolute; width: 230px; z-index: 1024; top: 0; } .pcoded[theme-layout="vertical"][vertical-nav-type="ex-popover"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item li.pcoded-trigger > a > .pcoded-mcaret, .pcoded[theme-layout="vertical"][vertical-nav-type="ex-popover"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item li.pcoded-trigger > a > .pcoded-mcaret { background: transparent none repeat scroll 0 0; border-bottom: 19px solid transparent; border-right: 12px solid; border-top: 19px solid transparent; display: block; float: right; height: 0; position: absolute; right: 0; top: 0; width: 0; z-index: 1025; } .pcoded[theme-layout="vertical"][vertical-nav-type="ex-popover"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { border-left-style: solid; border-left-width: 1px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="fullpage"] .pcoded-header .pcoded-left-header { width: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="fullpage"] .pcoded-header .pcoded-right-header { margin-left: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="left"][vertical-nav-type="fullpage"] .pcoded-header.iscollapsed .pcoded-left-header { width: 235px; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar { width: 100%; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-content { margin-left: 0; margin-right: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="fullpage"] .pcoded-header .pcoded-left-header { width: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="fullpage"] .pcoded-header .pcoded-right-header { margin-right: 235px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="fullpage"] .pcoded-header.iscollapsed .pcoded-left-header { width: 235px; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar { top: 0; bottom: 0; left: 0; right: 0; z-index: 1030; opacity: 1; visibility: visible; width: 100%; /* transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition: all 0.3s linear; */ } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .pcoded-item > li.active > a { background: transparent !important; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .pcoded-item[item-border="true"] > li > a { border-bottom-width: 0 !important; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar[pcoded-navbar-position="absolute"] { position: absolute; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar[pcoded-navbar-position="fixed"] { position: fixed; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .pcoded-inner-navbar { margin-top: 40px; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-main-container { display: block; position: unset; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .pcoded-item > li > a { height: 45px; line-height: 45px; text-align: center; font-size: 24px; font-weight: 500; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .pcoded-item > li > a .pcoded-mtext { opacity: 1; position: relative; visibility: visible; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .pcoded-item > li > a > .pcoded-micon { display: none; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .pcoded-navigatio-lavel { display: none !important; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .pcoded-item > li.active > a:before, .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .pcoded-item > li a .pcoded-badge { display: none; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .pcoded-item > li:hover > a { background: transparent !important; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .pcoded-item > li:hover > a:before { display: none; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .pcoded-item > li.active > a > .pcoded-mcaret { display: none; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .pcoded-item > li > a { padding: 0; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .sidebar_toggle { height: 30px; } .pcoded-navbar .sidebar_toggle a { opacity: 1; visibility: visible; transform: rotateX(90deg); -webkit-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -o-transform: rotateX(90deg); position: absolute; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .sidebar_toggle a { color: #f1f1f1; float: right; font-size: 36px; opacity: 1; position: relative; right: 10px; text-decoration: none; top: 0; transition: opacity 0.8s linear 0s; -webkit-transition: opacity 0.8s linear 0s; -ms-transition: opacity 0.8s linear 0s; -moz-transition: opacity 0.8s linear 0s; -o-transition: opacity 0.8s linear 0s; visibility: visible; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); } .pcoded-navbar .sidebar_toggle a:hover { color: #fff; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu > a:after { display: none; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .pcoded-item > li.pcoded-trigger > a { background: transparent !important; border-bottom-color: transparent !important; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu { background: transparent !important; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .pcoded-item[subitem-border="true"] .pcoded-hasmenu .pcoded-submenu li > a { border-bottom-width: 0; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a { text-align: center; font-size: 24px; font-weight: 500; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a .pcoded-mtext:before { display: none; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li:hover > a { background: transparent !important; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li:hover > a:before { border-left-width: 0; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar .pcoded-item .pcoded-submenu > li.active > a { background: transparent !important; color: #FFF !important; } .pcoded[theme-layout="vertical"][pcoded-device-type="phone"] .pcoded-header.nocollapsed .pcoded-left-header { width: 100% !important; padding-left: 235px; } .pcoded[theme-layout="vertical"][pcoded-device-type="phone"][vertical-nav-type="collapsed"] .pcoded-header.nocollapsed .pcoded-left-header { padding-left: 45px; } .pcoded[theme-layout="vertical"][pcoded-device-type="phone"][vertical-effect="overlay"] .pcoded-header.nocollapsed .pcoded-left-header, .pcoded[theme-layout="vertical"][pcoded-device-type="phone"][vertical-nav-type="fullpage"] .pcoded-header.nocollapsed .pcoded-left-header, .pcoded[theme-layout="vertical"][pcoded-device-type="phone"][vertical-nav-type="offcanvas"] .pcoded-header.nocollapsed .pcoded-left-header { padding-left: 0; } .pcoded[theme-layout="vertical"][pcoded-device-type="phone"] .pcoded-header.nocollapsed { height: 100px !important; } .pcoded[theme-layout="vertical"][pcoded-device-type="phone"] .pcoded-header.nocollapsed .pcoded-right-header { padding: 50px 5px 0 !important; } .pcoded[theme-layout="vertical"][pcoded-device-type="phone"][vertical-effect="overlay"] .pcoded-header.nocollapsed .pcoded-right-header, .pcoded[theme-layout="vertical"][pcoded-device-type="phone"][vertical-nav-type="offcanvas"] .pcoded-header.nocollapsed .pcoded-right-header { margin: 0 !important; } .pcoded[theme-layout="vertical"][pcoded-device-type="phone"] .pcoded-header.nocollapsed .sidebar_toggle a { background: transparent none repeat scroll 0 0; border-radius: 4px; color: #fff; float: left; font-size: 18px; height: 35px; margin-right: 5px; position: fixed; right: 0; text-align: center; top: 6px; width: 40px; z-index: 1028; } .pcoded.nocollapsed[theme-layout="vertical"][pcoded-device-type="phone"] .pcoded-navbar { top: 0; z-index: 1030; } .pcoded.nocollapsed[theme-layout="vertical"][pcoded-device-type="phone"] .pcoded-main-container { position: unset; } .pcoded.nocollapsed[theme-layout="vertical"][pcoded-device-type="phone"] #styleSelector { top: 100px; } .pcoded .pcoded-navbar .pcoded-navigatio-lavel { font-size: 12px; font-weight: 600; letter-spacing: 1px; opacity: 1; padding: 10px 5px 2px; text-transform: uppercase; visibility: visible; width: 100%; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); transition: opacity 0.3s linear; -webkit-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; border-bottom: 2px solid; } .pcoded .pcoded-navbar .pcoded-navigatio-lavel:before { content: "\e6e7"; font-family: 'themify'; margin-right: 10px; } .pcoded .pcoded-navbar .pcoded-navigatio-lavel[menu-title-theme="theme1"] { color: #2a394f !important; } .pcoded .pcoded-navbar .pcoded-navigatio-lavel[menu-title-theme="theme2"] { color: #624e89 !important; } .pcoded .pcoded-navbar .pcoded-navigatio-lavel[menu-title-theme="theme3"] { color: #3c4fb1 !important; } .pcoded .pcoded-navbar .pcoded-navigatio-lavel[menu-title-theme="theme4"] { color: #2C3E50 !important; } .pcoded .pcoded-navbar .pcoded-navigatio-lavel[menu-title-theme="theme5"] { color: #1ABC9C !important; } .pcoded .pcoded-navbar .pcoded-navigatio-lavel[menu-title-theme="theme6"] { color: #3f5485 !important; } .pcoded[vertical-nav-type="collapsed"] .pcoded-navbar .pcoded-navigatio-lavel { opacity: 0; visibility: hidden; /* position:absolute; */ transform: rotateX(90deg); -webkit-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -o-transform: rotateX(90deg); transition: opacity 0.3s linear; -webkit-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; } .pcoded[vertical-nav-type="compact"] .pcoded-navbar .pcoded-navigatio-lavel { text-align: center; } .pcoded .pcoded-navbar .pcoded-item li a .pcoded-badge { position: absolute; right: 30px; text-align: center; top: 12px; vertical-align: middle; white-space: nowrap; opacity: 1; visibility: visible; transition: opacity 0.3s linear; } .pcoded[vertical-nav-type="collapsed"] .pcoded-navbar .pcoded-item > li > a .pcoded-badge { opacity: 0; visibility: hidden; transition: opacity 0.3s linear; -webkit-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; } .pcoded[vertical-nav-type="collapsed"] .pcoded-navbar .pcoded-item > li.pcoded-trigger > a .pcoded-badge { opacity: 1; visibility: visible; transition: opacity 0.3s linear; -webkit-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; } .pcoded .pcoded-navbar .pcoded-item li a .pcoded-badge.badge-success { color: #fff; background-color: #70ca63; } .pcoded .pcoded-navbar .pcoded-item li a .pcoded-badge.badge-danger { color: #fff; background-color: #f13b48; } .pcoded .pcoded-navbar .pcoded-item li a .pcoded-badge.badge-warning { color: #000; background-color: #fecd33; } .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-navbar .pcoded-item > li.active > a:before { left: auto; right: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-navbar .pcoded-item > li.active > a > .pcoded-mcaret { background: transparent none repeat scroll 0 0; border-bottom: 15px solid transparent; border-left: 10px solid #e9e9e9; border-top: 15px solid transparent; left: 0; right: auto; top: 4px; border-right: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-navbar .pcoded-item > li > a .pcoded-micon i { float: right; position: absolute; right: 0; top: 11px; } .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu > a:after { left: 8px; right: auto; top: -1px; } .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-navbar .pcoded-item > li > a .pcoded-mtext { left: auto; right: 0; padding-right: 45px; } .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-navbar .pcoded-item li a .pcoded-badge { position: relative; right: -1px; top: -2px; } .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-navbar .pcoded-item > li:hover > a:before { left: auto; right: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li:hover > a:before { left: auto; right: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a { text-align: right; } .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a .pcoded-mtext:before { float: right; left: 6px; top: 3px; padding-right: 10px; } .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-navbar .pcoded-item li .pcoded-submenu li > a .pcoded-badge { left: 23px; position: absolute; right: auto; top: 11px; } .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-navbar .pcoded-navigatio-lavel { text-align: right; } .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-navbar .pcoded-item li.pcoded-hasmenu[dropdown-icon="style1"] > a:after { content: "\e605"; font-family: simple-line-icons; } .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-navbar .pcoded-item li.pcoded-hasmenu.pcoded-trigger[dropdown-icon="style1"] > a:after { content: "\e604"; font-family: simple-line-icons; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="expanded"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.is-hover.pcoded-trigger .pcoded-submenu, .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="expanded"][pcoded-device-type="desktop"] .pcoded-navbar.is-hover .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu, .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="expanded"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.is-hover.pcoded-trigger .pcoded-submenu, .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="expanded"][pcoded-device-type="tablet"] .pcoded-navbar.is-hover .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { left: auto; right: 100%; } .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu.pcoded-trigger .pcoded-submenu li.pcoded-hasmenu > a:after { left: 7px; right: auto; top: 0; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"] .pcoded-navbar .pcoded-item > li.pcoded-trigger { left: auto; right: 210px; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { left: auto; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"] .pcoded-navbar .pcoded-item li a .pcoded-badge { position: absolute; right: auto; top: 10px; } .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-header .pcoded-right-header .pcoded-rl-header { float: right; } .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-header .pcoded-right-header .pcoded-rr-header { float: left; } .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-header .sidebar_toggle { float: right; } .pcoded[theme-layout="vertical"][vertical-placement="right"][vertical-nav-type="collapsed"] .pcoded-search.open .pcoded-search-box { right: 0; } /* ####### Fullpage Navigation With Effect CSS Close Here ##########*/ /* ################## Style Section According Navigation Type CSS Style Close Here ###############################*/ /* ################### Componet Adjustment According RTL CSS Start hear ################## */ /* ###################################################################################################*/ /* Theme Patteren CSS Start */ /* Theme Patteren CSS Close */ /* ########### Theme1 Color Combation CSS Style Start Here ##################### */ .pcoded .pcoded-navbar[active-item-theme="theme1"] .pcoded-item li .pcoded-submenu li.active > a { color: #ff5e3a !important; } .pcoded .pcoded-navbar[active-item-theme="theme1"] .pcoded-item li.pcoded-hasmenu.active > a { background: #ff5e3a !important; } .pcoded .pcoded-navbar[active-item-theme="theme1"] .pcoded-item li.pcoded-hasmenu:hover > a { color: #FFF !important; } .pcoded .pcoded-navbar[active-item-theme="theme1"] .pcoded-item li:hover > a { color: #ff5e3a !important; background: #ff5e3a; } .pcoded .pcoded-navbar[active-item-theme="theme1"] .pcoded-item li:hover > a:before { border-left-color: transparent !important; } .pcoded .pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li.active > a:before { border-left-color: #ff5e3a !important; } .pcoded .pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li.active > a:after { color: #FFF !important; } .pcoded .pcoded-navbar[active-item-theme="theme2"] .pcoded-item li .pcoded-submenu li.active > a { color: #0096b1 !important; } .pcoded .pcoded-navbar[active-item-theme="theme2"] .pcoded-item li.pcoded-hasmenu.active > a { background: #0096b1 !important; } .pcoded .pcoded-navbar[active-item-theme="theme2"] .pcoded-item li.pcoded-hasmenu:hover > a { color: #FFF !important; } .pcoded .pcoded-navbar[active-item-theme="theme2"] .pcoded-item li:hover > a { color: #0096b1 !important; background: #0096b1; } .pcoded .pcoded-navbar[active-item-theme="theme2"] .pcoded-item li:hover > a:before { border-left-color: transparent !important; } .pcoded .pcoded-navbar[active-item-theme="theme2"] .pcoded-item > li.active > a:before { border-left-color: #0096b1 !important; } .pcoded .pcoded-navbar[active-item-theme="theme2"] .pcoded-item > li.active > a:after { color: #FFF !important; } .pcoded .pcoded-navbar[active-item-theme="theme3"] .pcoded-item li .pcoded-submenu li.active > a { color: #e64056 !important; } .pcoded .pcoded-navbar[active-item-theme="theme3"] .pcoded-item li.pcoded-hasmenu.active > a { background: #e64056 !important; } .pcoded .pcoded-navbar[active-item-theme="theme3"] .pcoded-item li.pcoded-hasmenu:hover > a { color: #FFF !important; } .pcoded .pcoded-navbar[active-item-theme="theme3"] .pcoded-item li:hover > a { color: #e64056 !important; background: #e64056; } .pcoded .pcoded-navbar[active-item-theme="theme3"] .pcoded-item li:hover > a:before { border-left-color: transparent !important; } .pcoded .pcoded-navbar[active-item-theme="theme3"] .pcoded-item > li.active > a:before { border-left-color: #e64056 !important; } .pcoded .pcoded-navbar[active-item-theme="theme3"] .pcoded-item > li.active > a:after { color: #FFF !important; } .pcoded .pcoded-navbar[active-item-theme="theme4"] .pcoded-item li .pcoded-submenu li.active > a { color: #0073aa !important; } .pcoded .pcoded-navbar[active-item-theme="theme4"] .pcoded-item li.pcoded-hasmenu.active > a { background: #0073aa !important; } .pcoded .pcoded-navbar[active-item-theme="theme4"] .pcoded-item li.pcoded-hasmenu:hover > a { color: #FFF !important; } .pcoded .pcoded-navbar[active-item-theme="theme4"] .pcoded-item li:hover > a { color: #0073aa !important; background: #0073aa; } .pcoded .pcoded-navbar[active-item-theme="theme4"] .pcoded-item li:hover > a:before { border-left-color: transparent !important; } .pcoded .pcoded-navbar[active-item-theme="theme4"] .pcoded-item > li.active > a:before { border-left-color: #0073aa !important; } .pcoded .pcoded-navbar[active-item-theme="theme4"] .pcoded-item > li.active > a:after { color: #FFF !important; } .pcoded .pcoded-navbar[active-item-theme="theme5"] .pcoded-item li .pcoded-submenu li.active > a { color: #1ABC9C !important; } .pcoded .pcoded-navbar[active-item-theme="theme5"] .pcoded-item li.pcoded-hasmenu.active > a { background-color: #1ABC9C !important; ; background-repeat: repeat-x; border-width: 0; color: #fff;} .pcoded .pcoded-navbar[active-item-theme="theme5"] .pcoded-item li.pcoded-hasmenu:hover > a { color: #FFF !important; } .pcoded .pcoded-navbar[active-item-theme="theme5"] .pcoded-item li:hover > a { color: #1ABC9C !important; background: #1ABC9C; } .pcoded .pcoded-navbar[active-item-theme="theme5"] .pcoded-item li:hover > a:before { border-left-color: transparent !important; } .pcoded .pcoded-navbar[active-item-theme="theme5"] .pcoded-item > li.active > a:before { border-left-color: #1ABC9C !important; } .pcoded .pcoded-navbar[active-item-theme="theme5"] .pcoded-item > li.active > a:after { color: #FFF !important; } .pcoded .pcoded-navbar[active-item-theme="theme6"] .pcoded-item li .pcoded-submenu li.active > a { color: #967adc !important; } .pcoded .pcoded-navbar[active-item-theme="theme6"] .pcoded-item li.pcoded-hasmenu.active > a { background: #967adc !important; } .pcoded .pcoded-navbar[active-item-theme="theme6"] .pcoded-item li.pcoded-hasmenu:hover > a { color: #FFF !important; } .pcoded .pcoded-navbar[active-item-theme="theme6"] .pcoded-item li:hover > a { color: #967adc !important; background: #967adc; } .pcoded .pcoded-navbar[active-item-theme="theme6"] .pcoded-item li:hover > a:before { border-left-color: transparent !important; } .pcoded .pcoded-navbar[active-item-theme="theme6"] .pcoded-item > li.active > a:before { border-left-color: #967adc !important; } .pcoded .pcoded-navbar[active-item-theme="theme6"] .pcoded-item > li.active > a:after { color: #FFF !important; } .pcoded .pcoded-navbar[active-item-theme="theme7"] .pcoded-item li .pcoded-submenu li.active > a { color: #fe9375 !important; } .pcoded .pcoded-navbar[active-item-theme="theme7"] .pcoded-item li.pcoded-hasmenu.active > a { background: #fe9375 !important; } .pcoded .pcoded-navbar[active-item-theme="theme7"] .pcoded-item li.pcoded-hasmenu:hover > a { color: #FFF !important; } .pcoded .pcoded-navbar[active-item-theme="theme7"] .pcoded-item li:hover > a { color: #fe9375 !important; background: #fe9375; } .pcoded .pcoded-navbar[active-item-theme="theme7"] .pcoded-item li:hover > a:before { border-left-color: transparent !important; } .pcoded .pcoded-navbar[active-item-theme="theme7"] .pcoded-item > li.active > a:before { border-left-color: #fe9375 !important; } .pcoded .pcoded-navbar[active-item-theme="theme7"] .pcoded-item > li.active > a:after { color: #FFF !important; } .pcoded .pcoded-navbar[active-item-theme="theme8"] .pcoded-item li .pcoded-submenu li.active > a { color: #565a90 !important; } .pcoded .pcoded-navbar[active-item-theme="theme8"] .pcoded-item li.pcoded-hasmenu.active > a { background: #565a90 !important; } .pcoded .pcoded-navbar[active-item-theme="theme8"] .pcoded-item li.pcoded-hasmenu:hover > a { color: #FFF !important; } .pcoded .pcoded-navbar[active-item-theme="theme8"] .pcoded-item li:hover > a { color: #565a90 !important; background: #565a90; } .pcoded .pcoded-navbar[active-item-theme="theme8"] .pcoded-item li:hover > a:before { border-left-color: transparent !important; } .pcoded .pcoded-navbar[active-item-theme="theme8"] .pcoded-item > li.active > a:before { border-left-color: #565a90 !important; } .pcoded .pcoded-navbar[active-item-theme="theme8"] .pcoded-item > li.active > a:after { color: #FFF !important; } .pcoded .pcoded-navbar .pcoded-header[header-theme="theme1"] { color: #fff; } .pcoded .pcoded-navbar .pcoded-header[header-theme="theme1"] .sidebar_toggle a { background: transparent; color: #fff; border-color: #fff; } .pcoded .pcoded-navbar .pcoded-header[header-theme="theme1"] .pcoded-right-header .pcoded-rl-header ul > li > a, .pcoded .pcoded-navbar .pcoded-header[header-theme="theme1"] .pcoded-right-header .pcoded-rr-header ul > li > a { color: #fff; } .pcoded .pcoded-navbar .pcoded-header.nocollapsed .pcoded-left-header[lheader-theme="theme1"] { background: transparent; } .pcoded .pcoded-navbar .pcoded-header.iscollapsed .pcoded-left-header[lheader-theme="theme1"] { background: #2a394f; } .pcoded .pcoded-navbar[navbar-theme="theme1"] { background: #2a394f; } .pcoded .pcoded-navbar[navbar-theme="theme1"] .main-menu { background-color: #2a394f; } .pcoded .pcoded-navbar[navbar-theme="theme1"] .main-menu .main-menu-header { background-color: #3c5170; } .pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li > a { color: #fff; } .pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li.active > a { background: #2a394f !important; color: #FFF; border-bottom-color: #3c5170; } .pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li.active > a:before { border-left-color: #2a394f; } .pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li > a { border-bottom-color: #3c5170; } .pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item li.pcoded-hasmenu .pcoded-submenu { background: #2a394f; } .pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item li.pcoded-hasmenu .pcoded-submenu li > a { border-bottom-color: #2a394f; color: #fff; } .pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li.pcoded-hasmenu .pcoded-submenu li.pcoded-hasmenu > a:after, .pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li.pcoded-hasmenu > a:after { color: #fff; } .pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li.pcoded-hasmenu.pcoded-trigger .pcoded-submenu li.pcoded-hasmenu.pcoded-trigger > a:after, .pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li.pcoded-hasmenu.pcoded-trigger > a:after { color: #fff; } .pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li.active:hover > a, .pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li:hover > a { background: #2a394f; color: #FFF; } .pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li:hover > a { background: #2a394f; color: #FFF; } .pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li:hover > a:before { border-left-color: #2a394f; } .pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li.active > a { color: #FFF; background: #2a394f; } .pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li.active > a .pcoded-mtext:before { border-bottom-color: #2a394f; } .pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li.active > a .pcoded-mtext:after { border-left-color: #2a394f; } .pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a .pcoded-mtext:before { border-bottom-color: #ffff; } .pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a .pcoded-mtext:after { border-left-color: #fff; } .pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li:hover > a:before { border-left-color: #2a394f; } .pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li.pcoded-hasmenu:hover > a:after { color: #fff; } .pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li.pcoded-trigger > a { background: #2a394f; border-bottom-color: #2a394f; } .pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li.pcoded-trigger.active > a { background: #2a394f; } .pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li.pcoded-hasmenu .pcoded-submenu li.pcoded-hasmenu:hover > a:after { color: #fff; } .pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li.pcoded-hasmenu.pcoded-trigger.active > a:after { color: #2a394f; } .pcoded .pcoded-navbar[navbar-theme="theme1"] .pcoded-navigatio-lavel { color: #2a394f; border-bottom-color: transparent; } .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="collapsed"] .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu, .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="sub-expanded"] .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { border-left-color: transparent; } .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="ex-popover"] .pcoded-navbar[navbar-theme="theme1"] .pcoded-item li.pcoded-trigger > a > .pcoded-mcaret { border-right-color: #2a394f !important; } .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="ex-popover"] .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { border-left-color: transparent; } .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar[navbar-theme="theme1"] { background-color: #2a394f; } .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar[navbar-theme="theme1"] .pcoded-item > li:hover > a { color: #FFF; } .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar[navbar-theme="theme1"] .sidebar_toggle a { color: #fff; } .pcoded .pcoded-navbar .pcoded-header[header-theme="theme2"] { color: #fff; } .pcoded .pcoded-navbar .pcoded-header[header-theme="theme2"] .sidebar_toggle a { background: transparent; color: #fff; border-color: #fff; } .pcoded .pcoded-navbar .pcoded-header[header-theme="theme2"] .pcoded-right-header .pcoded-rl-header ul > li > a, .pcoded .pcoded-navbar .pcoded-header[header-theme="theme2"] .pcoded-right-header .pcoded-rr-header ul > li > a { color: #fff; } .pcoded .pcoded-navbar .pcoded-header.nocollapsed .pcoded-left-header[lheader-theme="theme2"] { background: transparent; } .pcoded .pcoded-navbar .pcoded-header.iscollapsed .pcoded-left-header[lheader-theme="theme2"] { background: #354052; } .pcoded .pcoded-navbar[navbar-theme="theme2"] { background: #354052; } .pcoded .pcoded-navbar[navbar-theme="theme2"] .main-menu { background-color: #354052; } .pcoded .pcoded-navbar[navbar-theme="theme2"] .main-menu .main-menu-header { background-color: #495871; } .pcoded .pcoded-navbar[navbar-theme="theme2"] .pcoded-item > li > a { color: #fff; } .pcoded .pcoded-navbar[navbar-theme="theme2"] .pcoded-item > li.active > a { background: #354052 !important; color: #FFF; border-bottom-color: #495871; } .pcoded .pcoded-navbar[navbar-theme="theme2"] .pcoded-item > li.active > a:before { border-left-color: #354052; } .pcoded .pcoded-navbar[navbar-theme="theme2"] .pcoded-item > li > a { border-bottom-color: #495871; } .pcoded .pcoded-navbar[navbar-theme="theme2"] .pcoded-item li.pcoded-hasmenu .pcoded-submenu { background: #354052; } .pcoded .pcoded-navbar[navbar-theme="theme2"] .pcoded-item li.pcoded-hasmenu .pcoded-submenu li > a { border-bottom-color: #354052; color: #fff; } .pcoded .pcoded-navbar[navbar-theme="theme2"] .pcoded-item > li.pcoded-hasmenu .pcoded-submenu li.pcoded-hasmenu > a:after, .pcoded .pcoded-navbar[navbar-theme="theme2"] .pcoded-item > li.pcoded-hasmenu > a:after { color: #fff; } .pcoded .pcoded-navbar[navbar-theme="theme2"] .pcoded-item > li.pcoded-hasmenu.pcoded-trigger .pcoded-submenu li.pcoded-hasmenu.pcoded-trigger > a:after, .pcoded .pcoded-navbar[navbar-theme="theme2"] .pcoded-item > li.pcoded-hasmenu.pcoded-trigger > a:after { color: #fff; } .pcoded .pcoded-navbar[navbar-theme="theme2"] .pcoded-item > li.active:hover > a, .pcoded .pcoded-navbar[navbar-theme="theme2"] .pcoded-item > li:hover > a { background: #354052; color: #FFF; } .pcoded .pcoded-navbar[navbar-theme="theme2"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li:hover > a { background: #354052; color: #FFF; } .pcoded .pcoded-navbar[navbar-theme="theme2"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li:hover > a:before { border-left-color: #354052; } .pcoded .pcoded-navbar[navbar-theme="theme2"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li.active > a { color: #FFF; background: #354052; } .pcoded .pcoded-navbar[navbar-theme="theme2"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li.active > a .pcoded-mtext:before { border-bottom-color: #354052; } .pcoded .pcoded-navbar[navbar-theme="theme2"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li.active > a .pcoded-mtext:after { border-left-color: #354052; } .pcoded .pcoded-navbar[navbar-theme="theme2"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a .pcoded-mtext:before { border-bottom-color: #ffff; } .pcoded .pcoded-navbar[navbar-theme="theme2"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a .pcoded-mtext:after { border-left-color: #fff; } .pcoded .pcoded-navbar[navbar-theme="theme2"] .pcoded-item > li:hover > a:before { border-left-color: #354052; } .pcoded .pcoded-navbar[navbar-theme="theme2"] .pcoded-item > li.pcoded-hasmenu:hover > a:after { color: #fff; } .pcoded .pcoded-navbar[navbar-theme="theme2"] .pcoded-item > li.pcoded-trigger > a { background: #354052; border-bottom-color: #354052; } .pcoded .pcoded-navbar[navbar-theme="theme2"] .pcoded-item > li.pcoded-trigger.active > a { background: #354052; } .pcoded .pcoded-navbar[navbar-theme="theme2"] .pcoded-item > li.pcoded-hasmenu .pcoded-submenu li.pcoded-hasmenu:hover > a:after { color: #fff; } .pcoded .pcoded-navbar[navbar-theme="theme2"] .pcoded-item > li.pcoded-hasmenu.pcoded-trigger.active > a:after { color: #354052; } .pcoded .pcoded-navbar[navbar-theme="theme2"] .pcoded-navigatio-lavel { color: #354052; border-bottom-color: transparent; } .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="collapsed"] .pcoded-navbar[navbar-theme="theme2"] .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu, .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="sub-expanded"] .pcoded-navbar[navbar-theme="theme2"] .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { border-left-color: transparent; } .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="ex-popover"] .pcoded-navbar[navbar-theme="theme2"] .pcoded-item li.pcoded-trigger > a > .pcoded-mcaret { border-right-color: #354052 !important; } .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="ex-popover"] .pcoded-navbar[navbar-theme="theme2"] .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { border-left-color: transparent; } .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar[navbar-theme="theme2"] { background-color: #354052; } .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar[navbar-theme="theme2"] .pcoded-item > li:hover > a { color: #FFF; } .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar[navbar-theme="theme2"] .sidebar_toggle a { color: #fff; } .pcoded .pcoded-navbar .pcoded-header[header-theme="theme3"] { color: #fff; } .pcoded .pcoded-navbar .pcoded-header[header-theme="theme3"] .sidebar_toggle a { background: transparent; color: #fff; border-color: #fff; } .pcoded .pcoded-navbar .pcoded-header[header-theme="theme3"] .pcoded-right-header .pcoded-rl-header ul > li > a, .pcoded .pcoded-navbar .pcoded-header[header-theme="theme3"] .pcoded-right-header .pcoded-rr-header ul > li > a { color: #fff; } .pcoded .pcoded-navbar .pcoded-header.nocollapsed .pcoded-left-header[lheader-theme="theme3"] { background: transparent; } .pcoded .pcoded-navbar .pcoded-header.iscollapsed .pcoded-left-header[lheader-theme="theme3"] { background: #624e89; } .pcoded .pcoded-navbar[navbar-theme="theme3"] { background: #624e89; } .pcoded .pcoded-navbar[navbar-theme="theme3"] .main-menu { background-color: #624e89; } .pcoded .pcoded-navbar[navbar-theme="theme3"] .main-menu .main-menu-header { background-color: #7a64a6; } .pcoded .pcoded-navbar[navbar-theme="theme3"] .pcoded-item > li > a { color: #fff; } .pcoded .pcoded-navbar[navbar-theme="theme3"] .pcoded-item > li.active > a { background: #624e89 !important; color: #FFF; border-bottom-color: #7a64a6; } .pcoded .pcoded-navbar[navbar-theme="theme3"] .pcoded-item > li.active > a:before { border-left-color: #624e89; } .pcoded .pcoded-navbar[navbar-theme="theme3"] .pcoded-item > li > a { border-bottom-color: #7a64a6; } .pcoded .pcoded-navbar[navbar-theme="theme3"] .pcoded-item li.pcoded-hasmenu .pcoded-submenu { background: #624e89; } .pcoded .pcoded-navbar[navbar-theme="theme3"] .pcoded-item li.pcoded-hasmenu .pcoded-submenu li > a { border-bottom-color: #624e89; color: #fff; } .pcoded .pcoded-navbar[navbar-theme="theme3"] .pcoded-item > li.pcoded-hasmenu .pcoded-submenu li.pcoded-hasmenu > a:after, .pcoded .pcoded-navbar[navbar-theme="theme3"] .pcoded-item > li.pcoded-hasmenu > a:after { color: #fff; } .pcoded .pcoded-navbar[navbar-theme="theme3"] .pcoded-item > li.pcoded-hasmenu.pcoded-trigger .pcoded-submenu li.pcoded-hasmenu.pcoded-trigger > a:after, .pcoded .pcoded-navbar[navbar-theme="theme3"] .pcoded-item > li.pcoded-hasmenu.pcoded-trigger > a:after { color: #fff; } .pcoded .pcoded-navbar[navbar-theme="theme3"] .pcoded-item > li.active:hover > a, .pcoded .pcoded-navbar[navbar-theme="theme3"] .pcoded-item > li:hover > a { background: #624e89; color: #FFF; } .pcoded .pcoded-navbar[navbar-theme="theme3"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li:hover > a { background: #624e89; color: #FFF; } .pcoded .pcoded-navbar[navbar-theme="theme3"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li:hover > a:before { border-left-color: #624e89; } .pcoded .pcoded-navbar[navbar-theme="theme3"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li.active > a { color: #FFF; background: #624e89; } .pcoded .pcoded-navbar[navbar-theme="theme3"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li.active > a .pcoded-mtext:before { border-bottom-color: #624e89; } .pcoded .pcoded-navbar[navbar-theme="theme3"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li.active > a .pcoded-mtext:after { border-left-color: #624e89; } .pcoded .pcoded-navbar[navbar-theme="theme3"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a .pcoded-mtext:before { border-bottom-color: #ffff; } .pcoded .pcoded-navbar[navbar-theme="theme3"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a .pcoded-mtext:after { border-left-color: #fff; } .pcoded .pcoded-navbar[navbar-theme="theme3"] .pcoded-item > li:hover > a:before { border-left-color: #624e89; } .pcoded .pcoded-navbar[navbar-theme="theme3"] .pcoded-item > li.pcoded-hasmenu:hover > a:after { color: #fff; } .pcoded .pcoded-navbar[navbar-theme="theme3"] .pcoded-item > li.pcoded-trigger > a { background: #624e89; border-bottom-color: #624e89; } .pcoded .pcoded-navbar[navbar-theme="theme3"] .pcoded-item > li.pcoded-trigger.active > a { background: #624e89; } .pcoded .pcoded-navbar[navbar-theme="theme3"] .pcoded-item > li.pcoded-hasmenu .pcoded-submenu li.pcoded-hasmenu:hover > a:after { color: #fff; } .pcoded .pcoded-navbar[navbar-theme="theme3"] .pcoded-item > li.pcoded-hasmenu.pcoded-trigger.active > a:after { color: #624e89; } .pcoded .pcoded-navbar[navbar-theme="theme3"] .pcoded-navigatio-lavel { color: #624e89; border-bottom-color: transparent; } .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="collapsed"] .pcoded-navbar[navbar-theme="theme3"] .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu, .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="sub-expanded"] .pcoded-navbar[navbar-theme="theme3"] .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { border-left-color: transparent; } .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="ex-popover"] .pcoded-navbar[navbar-theme="theme3"] .pcoded-item li.pcoded-trigger > a > .pcoded-mcaret { border-right-color: #624e89 !important; } .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="ex-popover"] .pcoded-navbar[navbar-theme="theme3"] .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { border-left-color: transparent; } .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar[navbar-theme="theme3"] { background-color: #624e89; } .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar[navbar-theme="theme3"] .pcoded-item > li:hover > a { color: #FFF; } .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar[navbar-theme="theme3"] .sidebar_toggle a { color: #fff; } .pcoded .pcoded-navbar .pcoded-header[header-theme="theme4"] { color: #fff; } .pcoded .pcoded-navbar .pcoded-header[header-theme="theme4"] .sidebar_toggle a { background: transparent; color: #fff; border-color: #fff; } .pcoded .pcoded-navbar .pcoded-header[header-theme="theme4"] .pcoded-right-header .pcoded-rl-header ul > li > a, .pcoded .pcoded-navbar .pcoded-header[header-theme="theme4"] .pcoded-right-header .pcoded-rr-header ul > li > a { color: #fff; } .pcoded .pcoded-navbar .pcoded-header.nocollapsed .pcoded-left-header[lheader-theme="theme4"] { background: transparent; } .pcoded .pcoded-navbar .pcoded-header.iscollapsed .pcoded-left-header[lheader-theme="theme4"] { background: #2c3e50; } .pcoded .pcoded-navbar[navbar-theme="theme4"] { background: #2c3e50; } .pcoded .pcoded-navbar[navbar-theme="theme4"] .main-menu { background-color: #2c3e50; } .pcoded .pcoded-navbar[navbar-theme="theme4"] .main-menu .main-menu-header { background-color: #3e5871; background-repeat: repeat-x; border-width: 0; color: #fff; } .pcoded .pcoded-navbar[navbar-theme="theme4"] .pcoded-item > li > a { color: #fff; } .pcoded .pcoded-navbar[navbar-theme="theme4"] .pcoded-item > li.active > a { background-color:#1ABC9C !important; ; background-repeat: repeat-x; border-width: 0; color: #fff;color: #FFF; border-bottom-color: #3e5871; } .pcoded .pcoded-navbar[navbar-theme="theme4"] .pcoded-item > li.active > a:before { border-left-color: #2c3e50; } .pcoded .pcoded-navbar[navbar-theme="theme4"] .pcoded-item > li > a { border-bottom-color: #3e5871; } .pcoded .pcoded-navbar[navbar-theme="theme4"] .pcoded-item li.pcoded-hasmenu .pcoded-submenu { background: #2c3e50; } .pcoded .pcoded-navbar[navbar-theme="theme4"] .pcoded-item li.pcoded-hasmenu .pcoded-submenu li > a { border-bottom-color: #2c3e50; color: #fff; } .pcoded .pcoded-navbar[navbar-theme="theme4"] .pcoded-item > li.pcoded-hasmenu .pcoded-submenu li.pcoded-hasmenu > a:after, .pcoded .pcoded-navbar[navbar-theme="theme4"] .pcoded-item > li.pcoded-hasmenu > a:after { color: #fff; } .pcoded .pcoded-navbar[navbar-theme="theme4"] .pcoded-item > li.pcoded-hasmenu.pcoded-trigger .pcoded-submenu li.pcoded-hasmenu.pcoded-trigger > a:after, .pcoded .pcoded-navbar[navbar-theme="theme4"] .pcoded-item > li.pcoded-hasmenu.pcoded-trigger > a:after { color: #fff; } .pcoded .pcoded-navbar[navbar-theme="theme4"] .pcoded-item > li.active:hover > a, .pcoded .pcoded-navbar[navbar-theme="theme4"] .pcoded-item > li:hover > a { background: #2c3e50; color: #FFF; } .pcoded .pcoded-navbar[navbar-theme="theme4"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li:hover > a { background: #2c3e50; color: #FFF; } .pcoded .pcoded-navbar[navbar-theme="theme4"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li:hover > a:before { border-left-color: #2c3e50; } .pcoded .pcoded-navbar[navbar-theme="theme4"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li.active > a { color: #FFF; background: #2c3e50; } .pcoded .pcoded-navbar[navbar-theme="theme4"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li.active > a .pcoded-mtext:before { border-bottom-color: #2c3e50; } .pcoded .pcoded-navbar[navbar-theme="theme4"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li.active > a .pcoded-mtext:after { border-left-color: #2c3e50; } .pcoded .pcoded-navbar[navbar-theme="theme4"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a .pcoded-mtext:before { border-bottom-color: #ffff; } .pcoded .pcoded-navbar[navbar-theme="theme4"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a .pcoded-mtext:after { border-left-color: #fff; } .pcoded .pcoded-navbar[navbar-theme="theme4"] .pcoded-item > li:hover > a:before { border-left-color: #2c3e50; } .pcoded .pcoded-navbar[navbar-theme="theme4"] .pcoded-item > li.pcoded-hasmenu:hover > a:after { color: #fff; } .pcoded .pcoded-navbar[navbar-theme="theme4"] .pcoded-item > li.pcoded-trigger > a { background: #2c3e50; border-bottom-color: #2c3e50; } .pcoded .pcoded-navbar[navbar-theme="theme4"] .pcoded-item > li.pcoded-trigger.active > a { background: #2c3e50; } .pcoded .pcoded-navbar[navbar-theme="theme4"] .pcoded-item > li.pcoded-hasmenu .pcoded-submenu li.pcoded-hasmenu:hover > a:after { color: #fff; } .pcoded .pcoded-navbar[navbar-theme="theme4"] .pcoded-item > li.pcoded-hasmenu.pcoded-trigger.active > a:after { color: #2c3e50; } .pcoded .pcoded-navbar[navbar-theme="theme4"] .pcoded-navigatio-lavel { color: #2c3e50; border-bottom-color: transparent; } .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="collapsed"] .pcoded-navbar[navbar-theme="theme4"] .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu, .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="sub-expanded"] .pcoded-navbar[navbar-theme="theme4"] .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { border-left-color: transparent; } .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="ex-popover"] .pcoded-navbar[navbar-theme="theme4"] .pcoded-item li.pcoded-trigger > a > .pcoded-mcaret { border-right-color: #2c3e50 !important; } .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="ex-popover"] .pcoded-navbar[navbar-theme="theme4"] .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { border-left-color: transparent; } .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar[navbar-theme="theme4"] { background-color: #2c3e50; } .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar[navbar-theme="theme4"] .pcoded-item > li:hover > a { color: #FFF; } .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar[navbar-theme="theme4"] .sidebar_toggle a { color: #fff; } .pcoded .pcoded-navbar .pcoded-header[header-theme="theme5"] { color: #fff; } .pcoded .pcoded-navbar .pcoded-header[header-theme="theme5"] .sidebar_toggle a { background: transparent; color: #fff; border-color: #fff; } .pcoded .pcoded-navbar .pcoded-header[header-theme="theme5"] .pcoded-right-header .pcoded-rl-header ul > li > a, .pcoded .pcoded-navbar .pcoded-header[header-theme="theme5"] .pcoded-right-header .pcoded-rr-header ul > li > a { color: #fff; } .pcoded .pcoded-navbar .pcoded-header.nocollapsed .pcoded-left-header[lheader-theme="theme5"] { background: transparent; } .pcoded .pcoded-navbar .pcoded-header.iscollapsed .pcoded-left-header[lheader-theme="theme5"] { background: #1ABC9C; } .pcoded .pcoded-navbar[navbar-theme="theme5"] { background: #1ABC9C; } .pcoded .pcoded-navbar[navbar-theme="theme5"] .main-menu { background-color: #1ABC9C; } .pcoded .pcoded-navbar[navbar-theme="theme5"] .main-menu .main-menu-header { background-color: #28e1bd; } .pcoded .pcoded-navbar[navbar-theme="theme5"] .pcoded-item > li > a { color: #fff; } .pcoded .pcoded-navbar[navbar-theme="theme5"] .pcoded-item > li.active > a { background: #1ABC9C !important; color: #FFF; border-bottom-color: #28e1bd; } .pcoded .pcoded-navbar[navbar-theme="theme5"] .pcoded-item > li.active > a:before { border-left-color: #1ABC9C; } .pcoded .pcoded-navbar[navbar-theme="theme5"] .pcoded-item > li > a { border-bottom-color: #28e1bd; } .pcoded .pcoded-navbar[navbar-theme="theme5"] .pcoded-item li.pcoded-hasmenu .pcoded-submenu { background: #1ABC9C; } .pcoded .pcoded-navbar[navbar-theme="theme5"] .pcoded-item li.pcoded-hasmenu .pcoded-submenu li > a { border-bottom-color: #1ABC9C; color: #fff; } .pcoded .pcoded-navbar[navbar-theme="theme5"] .pcoded-item > li.pcoded-hasmenu .pcoded-submenu li.pcoded-hasmenu > a:after, .pcoded .pcoded-navbar[navbar-theme="theme5"] .pcoded-item > li.pcoded-hasmenu > a:after { color: #fff; } .pcoded .pcoded-navbar[navbar-theme="theme5"] .pcoded-item > li.pcoded-hasmenu.pcoded-trigger .pcoded-submenu li.pcoded-hasmenu.pcoded-trigger > a:after, .pcoded .pcoded-navbar[navbar-theme="theme5"] .pcoded-item > li.pcoded-hasmenu.pcoded-trigger > a:after { color: #fff; } .pcoded .pcoded-navbar[navbar-theme="theme5"] .pcoded-item > li.active:hover > a, .pcoded .pcoded-navbar[navbar-theme="theme5"] .pcoded-item > li:hover > a { background: #1ABC9C; color: #FFF; } .pcoded .pcoded-navbar[navbar-theme="theme5"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li:hover > a { background: #1ABC9C; color: #FFF; } .pcoded .pcoded-navbar[navbar-theme="theme5"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li:hover > a:before { border-left-color: #1ABC9C; } .pcoded .pcoded-navbar[navbar-theme="theme5"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li.active > a { color: #FFF; background: #1ABC9C; } .pcoded .pcoded-navbar[navbar-theme="theme5"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li.active > a .pcoded-mtext:before { border-bottom-color: #1ABC9C; } .pcoded .pcoded-navbar[navbar-theme="theme5"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li.active > a .pcoded-mtext:after { border-left-color: #1ABC9C; } .pcoded .pcoded-navbar[navbar-theme="theme5"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a .pcoded-mtext:before { border-bottom-color: #ffff; } .pcoded .pcoded-navbar[navbar-theme="theme5"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a .pcoded-mtext:after { border-left-color: #fff; } .pcoded .pcoded-navbar[navbar-theme="theme5"] .pcoded-item > li:hover > a:before { border-left-color: #1ABC9C; } .pcoded .pcoded-navbar[navbar-theme="theme5"] .pcoded-item > li.pcoded-hasmenu:hover > a:after { color: #fff; } .pcoded .pcoded-navbar[navbar-theme="theme5"] .pcoded-item > li.pcoded-trigger > a { background: #1ABC9C; border-bottom-color: #1ABC9C; } .pcoded .pcoded-navbar[navbar-theme="theme5"] .pcoded-item > li.pcoded-trigger.active > a { background: #1ABC9C; } .pcoded .pcoded-navbar[navbar-theme="theme5"] .pcoded-item > li.pcoded-hasmenu .pcoded-submenu li.pcoded-hasmenu:hover > a:after { color: #fff; } .pcoded .pcoded-navbar[navbar-theme="theme5"] .pcoded-item > li.pcoded-hasmenu.pcoded-trigger.active > a:after { color: #1ABC9C; } .pcoded .pcoded-navbar[navbar-theme="theme5"] .pcoded-navigatio-lavel { color: #1ABC9C; border-bottom-color: transparent; } .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="collapsed"] .pcoded-navbar[navbar-theme="theme5"] .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu, .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="sub-expanded"] .pcoded-navbar[navbar-theme="theme5"] .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { border-left-color: transparent; } .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="ex-popover"] .pcoded-navbar[navbar-theme="theme5"] .pcoded-item li.pcoded-trigger > a > .pcoded-mcaret { border-right-color: #1ABC9C !important; } .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="ex-popover"] .pcoded-navbar[navbar-theme="theme5"] .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { border-left-color: transparent; } .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar[navbar-theme="theme5"] { background-color: #1ABC9C; } .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar[navbar-theme="theme5"] .pcoded-item > li:hover > a { color: #FFF; } .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar[navbar-theme="theme5"] .sidebar_toggle a { color: #fff; } .pcoded .pcoded-navbar .pcoded-header[header-theme="theme6"] { color: #fff; } .pcoded .pcoded-navbar .pcoded-header[header-theme="theme6"] .sidebar_toggle a { background: transparent; color: #fff; border-color: #fff; } .pcoded .pcoded-navbar .pcoded-header[header-theme="theme6"] .pcoded-right-header .pcoded-rl-header ul > li > a, .pcoded .pcoded-navbar .pcoded-header[header-theme="theme6"] .pcoded-right-header .pcoded-rr-header ul > li > a { color: #fff; } .pcoded .pcoded-navbar .pcoded-header.nocollapsed .pcoded-left-header[lheader-theme="theme6"] { background: transparent; } .pcoded .pcoded-navbar .pcoded-header.iscollapsed .pcoded-left-header[lheader-theme="theme6"] { background: #3c4fb1; } .pcoded .pcoded-navbar[navbar-theme="theme6"] { background: #3c4fb1; } .pcoded .pcoded-navbar[navbar-theme="theme6"] .main-menu { background-color: #3c4fb1; } .pcoded .pcoded-navbar[navbar-theme="theme6"] .main-menu .main-menu-header { background-color: #596bc7; } .pcoded .pcoded-navbar[navbar-theme="theme6"] .pcoded-item > li > a { color: #fff; } .pcoded .pcoded-navbar[navbar-theme="theme6"] .pcoded-item > li.active > a { background: #3c4fb1 !important; color: #FFF; border-bottom-color: #596bc7; } .pcoded .pcoded-navbar[navbar-theme="theme6"] .pcoded-item > li.active > a:before { border-left-color: #3c4fb1; } .pcoded .pcoded-navbar[navbar-theme="theme6"] .pcoded-item > li > a { border-bottom-color: #596bc7; } .pcoded .pcoded-navbar[navbar-theme="theme6"] .pcoded-item li.pcoded-hasmenu .pcoded-submenu { background: #3c4fb1; } .pcoded .pcoded-navbar[navbar-theme="theme6"] .pcoded-item li.pcoded-hasmenu .pcoded-submenu li > a { border-bottom-color: #3c4fb1; color: #fff; } .pcoded .pcoded-navbar[navbar-theme="theme6"] .pcoded-item > li.pcoded-hasmenu .pcoded-submenu li.pcoded-hasmenu > a:after, .pcoded .pcoded-navbar[navbar-theme="theme6"] .pcoded-item > li.pcoded-hasmenu > a:after { color: #fff; } .pcoded .pcoded-navbar[navbar-theme="theme6"] .pcoded-item > li.pcoded-hasmenu.pcoded-trigger .pcoded-submenu li.pcoded-hasmenu.pcoded-trigger > a:after, .pcoded .pcoded-navbar[navbar-theme="theme6"] .pcoded-item > li.pcoded-hasmenu.pcoded-trigger > a:after { color: #fff; } .pcoded .pcoded-navbar[navbar-theme="theme6"] .pcoded-item > li.active:hover > a, .pcoded .pcoded-navbar[navbar-theme="theme6"] .pcoded-item > li:hover > a { background: #3c4fb1; color: #FFF; } .pcoded .pcoded-navbar[navbar-theme="theme6"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li:hover > a { background: #3c4fb1; color: #FFF; } .pcoded .pcoded-navbar[navbar-theme="theme6"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li:hover > a:before { border-left-color: #3c4fb1; } .pcoded .pcoded-navbar[navbar-theme="theme6"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li.active > a { color: #FFF; background: #3c4fb1; } .pcoded .pcoded-navbar[navbar-theme="theme6"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li.active > a .pcoded-mtext:before { border-bottom-color: #3c4fb1; } .pcoded .pcoded-navbar[navbar-theme="theme6"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li.active > a .pcoded-mtext:after { border-left-color: #3c4fb1; } .pcoded .pcoded-navbar[navbar-theme="theme6"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a .pcoded-mtext:before { border-bottom-color: #ffff; } .pcoded .pcoded-navbar[navbar-theme="theme6"] .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a .pcoded-mtext:after { border-left-color: #fff; } .pcoded .pcoded-navbar[navbar-theme="theme6"] .pcoded-item > li:hover > a:before { border-left-color: #3c4fb1; } .pcoded .pcoded-navbar[navbar-theme="theme6"] .pcoded-item > li.pcoded-hasmenu:hover > a:after { color: #fff; } .pcoded .pcoded-navbar[navbar-theme="theme6"] .pcoded-item > li.pcoded-trigger > a { background: #3c4fb1; border-bottom-color: #3c4fb1; } .pcoded .pcoded-navbar[navbar-theme="theme6"] .pcoded-item > li.pcoded-trigger.active > a { background: #3c4fb1; } .pcoded .pcoded-navbar[navbar-theme="theme6"] .pcoded-item > li.pcoded-hasmenu .pcoded-submenu li.pcoded-hasmenu:hover > a:after { color: #fff; } .pcoded .pcoded-navbar[navbar-theme="theme6"] .pcoded-item > li.pcoded-hasmenu.pcoded-trigger.active > a:after { color: #3c4fb1; } .pcoded .pcoded-navbar[navbar-theme="theme6"] .pcoded-navigatio-lavel { color: #3c4fb1; border-bottom-color: transparent; } .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="collapsed"] .pcoded-navbar[navbar-theme="theme6"] .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu, .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="sub-expanded"] .pcoded-navbar[navbar-theme="theme6"] .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { border-left-color: transparent; } .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="ex-popover"] .pcoded-navbar[navbar-theme="theme6"] .pcoded-item li.pcoded-trigger > a > .pcoded-mcaret { border-right-color: #3c4fb1 !important; } .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="ex-popover"] .pcoded-navbar[navbar-theme="theme6"] .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu { border-left-color: transparent; } .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar[navbar-theme="theme6"] { background-color: #3c4fb1; } .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar[navbar-theme="theme6"] .pcoded-item > li:hover > a { color: #FFF; } .pcoded .pcoded-navbar[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-navbar[navbar-theme="theme6"] .sidebar_toggle a { color: #fff; } .pcoded[theme-layout="vertical"][vnavigation-view="view2"][pcoded-device-type="desktop"] .pcoded-navbar, .pcoded[theme-layout="vertical"][vnavigation-view="view2"][pcoded-device-type="tablet"] .pcoded-navbar { margin-top: 10px; border-radius: 4px 4px 0 0; } .pcoded[theme-layout="vertical"][vnavigation-view="view2"][pcoded-device-type="desktop"] .pcoded-navbar .profile-box, .pcoded[theme-layout="vertical"][vnavigation-view="view2"][pcoded-device-type="tablet"] .pcoded-navbar .profile-box { border-radius: 4px 4px 0 0; } .pcoded[theme-layout="vertical"][vnavigation-view="view2"][pcoded-device-type="desktop"] .pcoded-header, .pcoded[theme-layout="vertical"][vnavigation-view="view2"][pcoded-device-type="desktop"] .pcoded-main-container, .pcoded[theme-layout="vertical"][vnavigation-view="view2"][pcoded-device-type="tablet"] .pcoded-header, .pcoded[theme-layout="vertical"][vnavigation-view="view2"][pcoded-device-type="tablet"] .pcoded-main-container { padding-left: 10px; } .pcoded[theme-layout="vertical"][vnavigation-view="view2"][vertical-layout="widebox"][pcoded-device-type="desktop"] .pcoded-header .pcoded-wrapper, .pcoded[theme-layout="vertical"][vnavigation-view="view2"][vertical-layout="widebox"][pcoded-device-type="tablet"] .pcoded-header .pcoded-wrapper { padding-left: 5px; } .pcoded[theme-layout="vertical"][vnavigation-view="view3"] .pcoded-navbar { top: 0; } .pcoded[theme-layout="vertical"][vnavigation-view="view3"] .pcoded-main-container { position: unset; } .pcoded[theme-layout="vertical"][vnavigation-view="view3"] .pcoded-header .pcoded-left-header { display: none; } .pcoded #styleSelector { min-height: 300px; height: 80vh; border: 1px solid #e9e9e9; background: #FFF; position: fixed; margin: 0; padding: 20px; width: 300px; top: 10vh; z-index: 100; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; } .pcoded #styleSelector.open { background: #FFF none repeat scroll 0 0; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); } .pcoded[theme-layout="horizontal"] #styleSelector, .pcoded[vertical-placement="left"] #styleSelector { right: -300px; } .pcoded[theme-layout="horizontal"] #styleSelector.open, .pcoded[vertical-placement="left"] #styleSelector.open { right: 0; } .pcoded[vertical-placement="right"] #styleSelector { left: -300px; } .pcoded[vertical-placement="right"] #styleSelector.open { left: 0; } .selector-toggle { position: relative; } .pcoded .selector-toggle > a { border: 2px solid #51cdb3; position: absolute; top: 200px; width: 60px; height: 66px; display: block; cursor: pointer; text-align: center; background: #2d3e50; color: #fff; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); padding: 14px 4px; } .pcoded[theme-layout="horizontal"] .selector-toggle > a, .pcoded[vertical-placement="left"] .selector-toggle > a { left: -80px; border-right: 0; border-radius: 4px 0 0 4px; } .pcoded[vertical-placement="right"] .selector-toggle > a { right: -80px; border-left: 0; border-radius: 0 4px 4px 0; } .selector-toggle > a:before { font-family: 'themify'; font-size: 30px; content: "\e60f"; position: relative; float: left; left: 13px; line-height: 35px; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; animation: mymove 1.3s infinite linear; } .open .selector-toggle > a:before { font-family: 'themify'; font-size: 30px; content: "\e646"; position: relative; float: left; left: 13px; line-height: 35px; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; animation: mymove 0s infinite linear; } #styleSelector .nav-tabs { margin: 20px 0; } #styleSelector .nav-tabs .nav-item, #styleSelector .nav-tabs .main-menu .main-menu-content .nav-item .tree-1 a, .main-menu .main-menu-content .nav-item .tree-1 #styleSelector .nav-tabs a, #styleSelector .nav-tabs .main-menu .main-menu-content .nav-item .tree-2 a, .main-menu .main-menu-content .nav-item .tree-2 #styleSelector .nav-tabs a, #styleSelector .nav-tabs .main-menu .main-menu-content .nav-item .tree-3 a, .main-menu .main-menu-content .nav-item .tree-3 #styleSelector .nav-tabs a, #styleSelector .nav-tabs .main-menu .main-menu-content .nav-item .tree-4 a, .main-menu .main-menu-content .nav-item .tree-4 #styleSelector .nav-tabs a { width: calc(100% / 3); margin: 0; padding: 0; float: left; } #styleSelector .nav-tabs .nav-item a, .main-menu .main-menu-content .nav-item .tree-1 #styleSelector .nav-tabs a a, .main-menu .main-menu-content .nav-item .tree-2 #styleSelector .nav-tabs a a, .main-menu .main-menu-content .nav-item .tree-3 #styleSelector .nav-tabs a a, .main-menu .main-menu-content .nav-item .tree-4 #styleSelector .nav-tabs a a { color: #1abe9b; text-align: center; border-radius: 0; background-color: #fff; border: none; transition: all 0.3s ease-in-out; border-bottom: 3px solid #1ebb9e; } #styleSelector .nav-tabs .nav-item a.active, .main-menu .main-menu-content .nav-item .tree-1 #styleSelector .nav-tabs a a.active, .main-menu .main-menu-content .nav-item .tree-2 #styleSelector .nav-tabs a a.active, .main-menu .main-menu-content .nav-item .tree-3 #styleSelector .nav-tabs a a.active, .main-menu .main-menu-content .nav-item .tree-4 #styleSelector .nav-tabs a a.active { color: #fff; background-color: #2d3e50; } #styleSelector .form-control { border: none; box-shadow: none; background-color: #f1f1f1; margin-bottom: 10px; } #styleSelector .form-control:focus { border: none; background-color: #f1f1f1; } #styleSelector ul { border: 0 none; margin: 0; padding: 0; width: 100%; } #styleSelector ul li { border-bottom: 0 solid #e9e9e9; display: block; margin: 0; padding: 0; text-align: left; width: 100%; } #styleSelector ul li p.selector-title, #styleSelector ul li span.selector-title { color: #444; font-size: 14px; margin: 0 0 20px; padding: 10px 0; text-align: left; } #styleSelector ul li p.selector-title { font-weight: 400; border-bottom: 1px solid #e9e9e9; } #styleSelector ul li p.selector-title.main-title { font-weight: 600; } #styleSelector ul li p.sub-title.drp-title { border-bottom: 0 solid transparent; margin-bottom: 0; margin-top: 10px; } #styleSelector > ul > li > .sub-title { color: #9c9c9c; display: block; font-size: 13px; margin: 0; padding: 5px 0; position: relative; text-align: left; } #styleSelector li { padding: 5px; } .theme-option select { background-color: #f1f1f1; border: 1px solid #ccc; border-radius: 2px; padding: 3px 10px; } @-moz-document url-prefix() { .theme-option select { background-color: #f1f1f1; border: 1px solid #ccc; border-radius: 2px; display: inline-block; font: inherit; line-height: 1.5em; padding: 3px 10px; margin: 0; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; } .theme-option select.minimal { background-image: -webkit-linear-gradient(45deg, transparent 50%, gray 50%), -webkit-linear-gradient(315deg, gray 50%, transparent 50%), -webkit-linear-gradient(left, #ccc, #ccc); background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - 18px) calc(1em + -1px), calc(100% - 13px) calc(1em + -1px), calc(100% - 2.5em) 4px; background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat; } .theme-option select.minimal:active, .theme-option select.minimal:focus { background-image: -webkit-linear-gradient(45deg, gray 50%, transparent 50%), -webkit-linear-gradient(315deg, transparent 50%, gray 50%), -webkit-linear-gradient(left, gray, gray); background-image: linear-gradient(45deg, gray 50%, transparent 50%), linear-gradient(135deg, transparent 50%, gray 50%), linear-gradient(to right, gray, gray); background-position: calc(100% - 15px) 13px, calc(100% - 20px) 13px, calc(100% - 2.5em) 0.3em; background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat; border-color: #66afe9; outline: 0; } } .theme-color { padding: 0; width: 100%; } .theme-color a { border-radius: 4px; cursor: pointer; display: inline-block; height: 20px; width: 20px; margin: 5px 10px; box-shadow: 0.4px 0.9px 3px 0 rgba(0, 0, 0, 0.33); } .theme-color a:first-child { margin-left: 0; } .theme-color a:focus, .theme-color a:hover { text-decoration: none; } .theme-color a[lheader-theme="theme1"] { background: #2a394f; } .theme-color a[lheader-theme="theme2"] { background: #624e89; } .theme-color a[lheader-theme="theme3"] { background: #3c4fb1; } .theme-color a[lheader-theme="theme4"] { background: #2C3E50; } .theme-color a[lheader-theme="theme5"] { background: #2ed8b6; } .theme-color a[lheader-theme="theme6"] { background: #3f5485; } .theme-color a[header-theme="theme1"] { background: #2a394f; } .theme-color a[header-theme="theme2"] { background: #624e89; } .theme-color a[header-theme="theme3"] { background: #3c4fb1; } .theme-color a[header-theme="theme4"] { background: #2C3E50; } .theme-color a[header-theme="theme5"] { background: #1ABC9C; } .theme-color a[header-theme="theme6"] { background: #3f5485; } .theme-color a[navbar-theme="theme1"] { background: #2a394f; } .theme-color a[navbar-theme="theme2"] { background: #354052; } .theme-color a[navbar-theme="theme3"] { background: #624e89; } .theme-color a[navbar-theme="theme4"] { background: #2c3e50; } .theme-color a[navbar-theme="theme5"] { background: #1ABC9C; } .theme-color a[navbar-theme="theme6"] { background: #3c4fb1; } .theme-color a[active-item-theme="theme1"] { background: #ff5e3a; } .theme-color a[active-item-theme="theme2"] { background: #0096b1; } .theme-color a[active-item-theme="theme3"] { background: #e64056; } .theme-color a[active-item-theme="theme4"] { background: #0073aa; } .theme-color a[active-item-theme="theme5"] { background: #1ABC9C; } .theme-color a[active-item-theme="theme6"] { background: #967adc; } .theme-color a[active-item-theme="theme7"] { background: #fe9375; } .theme-color a[active-item-theme="theme8"] { background: #565a90; } .theme-color a[sub-item-theme="theme1"] { background: #70ca63; } .theme-color a[sub-item-theme="theme2"] { background: #3498DB; } .theme-color a[sub-item-theme="theme3"] { background: #485BBD; } .theme-color a[sub-item-theme="theme4"] { background: #e7604a; } .theme-color a[sub-item-theme="theme5"] { background: #333843; } .theme-color a[sub-item-theme="theme6"] { background: #624e89; } .theme-color a[sub-item-theme="theme7"] { background: #FFF; } .theme-color a[sub-item-theme="theme8"] { background: #384b5f; } .theme-color a[sub-item-theme="theme9"] { background: #578ebe; } .theme-color a[themebg-pattern="pattern1"] { background-image: url("../images/pattern1.png"); } .theme-color a[themebg-pattern="pattern2"] { background-image: url("../images/pattern2.png"); } .theme-color a[themebg-pattern="pattern3"] { background-image: url("../images/pattern3.png"); } .theme-color a[themebg-pattern="pattern4"] { background-image: url("../images/pattern4.png"); } .theme-color a[themebg-pattern="pattern5"] { background-image: url("../images/pattern5.png"); } .theme-color a[themebg-pattern="pattern6"] { background-image: url("../images/pattern6.png"); } .theme-color a[themebg-pattern="pattern7"] { background-image: url("../images/pattern7.png"); } .theme-color a[themebg-pattern="pattern8"] { background-image: url("../images/pattern8.png"); } .theme-color a[themebg-pattern="pattern9"] { background-image: url("../images/pattern9.png"); } .sparkline-chart { text-align: center; } .pcoded[theme-layout="vertical"][pcoded-device-type="phone"] .spark-chart, .pcoded[theme-layout="vertical"][pcoded-device-type="tablet"] .spark-chart { display: none; } .spark-chart-title { text-align: center; } .content-title { margin-bottom: 10px; } .main-title { color: #424242; font-size: 22px; font-weight: 400; margin: 0; } .small-text { font-size: 14px; } .info-widget .info-box-stats { float: left; margin-top: 5px; } .info-widget .info-box-stats p { font-size: 28px; /* margin-bottom: 14px; */ color: #666; font-weight: 300; } .info-widget .info-box-stats span.info-box-title { display: block; font-size: 13px; margin-bottom: 10px; color: #a4a4a4; } .info-widget .info-box-icon { position: absolute; right: 30px; } .info-widget .info-box-icon i { font-size: 45px; color: #FFF; } .info-widget .info-box-progress { clear: both; } .info-widget .progress { margin: 0; } .progress-xs { height: 5px; } .progress-squared { border-radius: 0; } .progress-bar { background-color: #7a6fbe; } .progress-bar-success { background-color: #22BAA0; } .progress-bar-info { background-color: #12AFCB; } .progress-bar-warning { background-color: #f6d433; } .progress-bar-danger { background-color: #f25656; } .info-widget .earnings-panel-theme .info-box-icon i { color: #6a7bdb; } .info-widget .balance-panel-theme .info-box-icon i { color: #f7786c; } .info-widget .total-earnings-panel-theme .info-box-icon i { color: #36bcf8; } .info-widget .item-sales-panel-theme .info-box-icon i { color: #65d5a4; } .breadcrumb { background-color: transparent; border-radius: 0; padding: 8px 0; margin-bottom: 10px; } .pcoded[theme-layout="vertical"][pcoded-device-type="phone"] .breadcrumb { display: none; } .rate { color: #f9ab49; } .review-panel .review-text { color: #7e7e7e; font-size: 13px; font-weight: 400; padding-top: 2px; } .up-arrow { color: #46be8a; } .down-arrow { color: #eb6357; } .up-arrow i { color: #46be8a; padding-left: 5px; } .down-arrow i { color: #eb6357; padding-left: 5px; } .panel-body { overflow-x: hidden; } .pcoded-rr-header .btn { font-size: 12px; font-weight: 600; } /* fixed issue 20170319 */ .pcoded[theme-layout="vertical"][vertical-placement="right"] .pcoded-navbar .pcoded-item > li > a .pcoded-micon i { float: none; position: relative; z-index: 1051; left: 93%; top: 1px; } .pcoded[theme-layout="vertical"][vertical-nav-type="collapsed"][vertical-placement="right"] .pcoded-navbar .pcoded-item > li > a .pcoded-micon i { left: 0; } .pcoded[theme-layout="vertical"][vertical-nav-type="collapsed"][vertical-placement="right"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu.pcoded-trigger > a .pcoded-micon i, .pcoded[theme-layout="vertical"][vertical-nav-type="collapsed"][vertical-placement="right"] .pcoded-navbar .pcoded-item > li.pcoded-trigger.active > a .pcoded-micon i { left: 94%; } .pcoded[theme-layout="vertical"][vertical-nav-type="sub-expanded"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item, .pcoded[theme-layout="vertical"][vertical-nav-type="sub-expanded"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li, .pcoded[theme-layout="vertical"][vertical-nav-type="sub-expanded"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item > li, .pcoded[theme-layout="vertical"][vertical-nav-type="sub-expanded"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item, .pcoded[theme-layout="vertical"][vertical-nav-type="sub-expanded"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li, .pcoded[theme-layout="vertical"][vertical-nav-type="sub-expanded"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item > li { position: static; } .pcoded.nocollapsed[theme-layout="vertical"][pcoded-device-type="phone"] .pcoded-main-container { position: static; } .pcoded[theme-layout="vertical"][vertical-nav-type="fullpage"] .pcoded-main-container, .pcoded[theme-layout="vertical"][vnavigation-view="view3"] .pcoded-main-container { position: static; } .pcoded .pcoded-header[header-theme="theme1"] { background: #2a394f; } .pcoded .pcoded-header[header-theme="theme2"] { background: #624e89; } .pcoded .pcoded-header[header-theme="theme3"] { background: #3c4fb1; } .pcoded .pcoded-header[header-theme="theme4"] { background: #2C3E50; } .pcoded .pcoded-header[header-theme="theme5"] { background: #1ABC9C; } .pcoded .pcoded-header[header-theme="theme6"] { background: #3f5485; } body .pcoded[vertical-placement="right"] .users, body .pcoded[vertical-placement="right"] .showChat_inner { right: auto; left: 0; } body .pcoded[vertical-placement="right"] .main-body { direction: rtl; } body .pcoded[vertical-placement="right"] .main-body .page-wrapper .page-header-breadcrumb { float: left; } body .pcoded[vertical-placement="right"] .main-body .language-markup { direction: ltr; } body .pcoded[vertical-placement="right"] .header-navbar .navbar-wrapper .navbar-logo { float: right !important; } body .pcoded[vertical-placement="right"] .header-navbar .navbar-wrapper .navbar-container { margin-left: 0; margin-right: 240px; } body .pcoded[vertical-placement="right"] .header-navbar .navbar-wrapper .navbar-container .nav-left li, body .pcoded[vertical-placement="right"] .header-navbar .navbar-wrapper .navbar-container .nav-right li, body .pcoded[vertical-placement="right"] .header-navbar .navbar-wrapper .navbar-container .nav-right li { float: right !important; } body .pcoded[vertical-placement="right"] .header-navbar .navbar-wrapper .navbar-container .nav-left, body .pcoded[vertical-placement="right"] .header-navbar .navbar-wrapper .navbar-container .nav-right { float: right; } body .pcoded[vertical-placement="right"] .header-navbar .navbar-wrapper .navbar-container .nav-right { float: left; } body .pcoded[vertical-placement="right"] .header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification, body .pcoded[vertical-placement="right"] .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification, body .pcoded[vertical-placement="right"] .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification, body .pcoded[vertical-placement="right"] .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification, body .pcoded[vertical-placement="right"] .header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification, body .pcoded[vertical-placement="right"] .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification, body .pcoded[vertical-placement="right"] .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification, body .pcoded[vertical-placement="right"] .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification, body .pcoded[vertical-placement="right"] .header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification { right: auto; left: 0; } body .pcoded[vertical-nav-type="compact"] .main-menu { width: 190px; } body.menu-bottom .navbar-wrapper { z-index: 1050; } /*# sourceMappingURL=style.css.map */