ul { padding: 0; margin: 0; list-style: none; } .main-menu-new.main-menu-new-home { display: block; left: auto; margin: 0; position: relative; top: auto; margin-top: -31px; float: none; padding: 0; border-top: 2px solid #ec217c; z-index: 5; } .main-menu-new ul { /***all-levels***/ background: #fff; z-index: 8; position: relative; width: 100%; float: left; border-bottom: 2px solid #e5e5e5; box-shadow: 0 10px 40px -5px rgba(0, 0, 0, 0.3); } .main-menu-new ul li { width: 100%; float: left; } .main-menu-new ul li:first-child a { border-top: 0; } .main-menu-new ul li a { display: block; color: #862697; text-decoration: none !important; padding: 10px 32px 10px 20px; position: relative; border-top: 1px solid #e5e5e5; } .main-menu-new ul li a:before { display: none; font-family: FontAwesome; font-size: 14px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f105"; position: absolute; right: 10px; top: 50%; margin-top: -10px; font-size: 16px; color: #862697; } .main-menu-new ul li a:hover { color: #ec217c; } .main-menu-new ul li a:hover:before { color: #ec217c; } .main-menu-new ul li a:active { color: #921c49; } .main-menu-new ul li a:active:before { color: #921c49; } .main-menu-new ul li.has-list a:before { display: block; } .main-menu-new ul { /***first-level***/ margin: 0; padding-left: 0; } .main-menu-new ul li { position: relative; } .main-menu-new ul li:first-child ul { top: 0; } .main-menu-new ul li ul.start-anim-ul { transform: translate3d(0px, 0px, 0px) !important; opacity: 1; transition: 0.15s; -webkit-transition: 0.15s; -moz-transition: 0.15s; -ms-transition: 0.15s; -o-transition: 0.15s; transition-timing-function: linear; } .main-menu-new ul li ul.end-anim-ul { opacity: 1; transform: translate3d(0px, 0px, 0px) !important; } .main-menu-new ul li ul { /***second-level***/ min-height: 401px; display: none; position: absolute; top: 1px; left: 100%; width: 100%; opacity: 0; perspective: 500px; transform: translate3d(-35%, 0px, 0px); background: none; background: #fff; } .main-menu-new ul li ul li { position: static; } .main-menu-new ul li ul li:first-child a { border-top: 0 !important; } .main-menu-new ul li ul li:last-child { border-bottom: 1px solid #e5e5e5 !important; } .main-menu-new ul li ul li a { color: #862697 !important; border-top: 1px solid #e5e5e5 !important; } .main-menu-new ul li ul li:hover a { color: #ec217c !important; } .main-menu-new ul li ul li:hover a:before { color: #ec217c !important; } .main-menu-new ul li ul li:active a { color: #921c49 !important; } .main-menu-new ul li ul li:active a:before { color: #921c49 !important; } .main-menu-new ul li ul li ul { /***third-level***/ padding-top: 30px; padding-bottom: 17px; width: 614px; background: #fff; display: none; opacity: 1; z-index: 1; transform-style: preserve-3d; transform-origin: 0 0; transform: rotateY(30deg); top: 0; } .main-menu-new ul li ul li ul.start-anim-ul2 { transform: rotateY(0deg); opacity: 1; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; } .main-menu-new ul li ul li ul.end-anim-ul2 { transform: rotateY(0deg); opacity: 1; } .main-menu-new ul li ul li ul li { position: static; z-index: 1; float: left; width: 25%; margin-bottom: 14px; } .main-menu-new ul li ul li ul li:last-child { border-bottom: none !important; } .main-menu-new ul li ul li ul li a { text-align: center; display: table; width: 100%; padding: 0 5px 58px 5px; border: none !important; color: #862697 !important; } .main-menu-new ul li ul li ul li a div { display: table-cell; vertical-align: middle; height: 68px; width: 100%; } .main-menu-new ul li ul li ul li a div img { vertical-align: middle; max-width: 100%; max-height: 100%; } .main-menu-new ul li ul li ul li a span { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; line-height: 16px; padding: 0 13px; height: 48px; overflow: hidden; color: #862697; } .main-menu-new ul li ul li ul li a:before { display: none !important; } .main-menu-new ul li ul li ul li a:hover span { color: #ec217c; } .main-menu-new ul li ul li ul li a:active span { color: #921c49; } .main-menu-new ul li ul li ul li .has-list li a:before { display: block !important; } .main-menu-new ul li.hover ul { display: block; } .main-menu-new ul li.hover ul ul { display: none; } .main-menu-new ul li.hover2 { background: #fff; } .main-menu-new ul li.hover2 ul { display: block !important; } .main-menu-new ul li.has-list.hover a { color: #ec217c; } .main-menu-new ul li.has-list.hover a:before { color: #ec217c; } .main-menu-new ul li.has-list.hover ul li a { color: #ec217c; } .main-menu-new ul li.has-list.hover ul li a:before { display: none; } .main-menu-new ul li.has-list.hover ul li.has-list a:before { display: block; color: #b8b8b8; } .main-menu-new.menu_all_page-new { display: none; opacity: 0.3; position: absolute; left: 0; top: 0; padding: 0 15px; transform: translate3d(-25%, 0px, 0px); z-index: 8; } .main-menu-new.menu_all_page-new.show_menu_all { display: block !important; } .main-menu-new.menu_all_page-new.opacity_off { opacity: 1; transform: translate3d(0, 0, 0); transition: 0.15s; -webkit-transition: 0.15s; -moz-transition: 0.15s; -ms-transition: 0.15s; -o-transition: 0.15s; transition-timing-function: linear; } .main-menu-new.menu-view-2 ul li { position: static; } .main-menu-new.menu-view-2 ul li ul { width: 877px; top: 0; padding-top: 30px; padding-bottom: 17px; background: #fff; } .main-menu-new.menu-view-2 ul li ul li { width: 25%; margin-bottom: 14px; border-bottom: 0 !important; } .main-menu-new.menu-view-2 ul li ul li a { text-align: center; display: table; width: 100%; padding: 0 5px 58px 5px; border: none !important; color: #862697 !important; } .main-menu-new.menu-view-2 ul li ul li a div { display: table-cell; vertical-align: middle; height: 68px; width: 100%; } .main-menu-new.menu-view-2 ul li ul li a div img { vertical-align: middle; max-width: 100%; max-height: 100%; } .main-menu-new.menu-view-2 ul li ul li a span { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; line-height: 16px; padding: 0 13px; height: 48px; overflow: hidden; } .main-menu-new.menu-view-2 ul li ul li:hover a { color: #ec217c !important; } .main-menu-new.menu-view-2 ul li ul li:active a { color: #921c49 !important; } .main-menu-new.menu-view-3 ul li a:before { display: none; font-family: FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f105"; position: absolute; right: 10px; top: 50%; margin-top: -10px; font-size: 16px; } .main-menu-new.menu-view-3 ul li.has-list a:before { display: block !important; } .main-menu-new.menu-view-3 ul li.has-list li a:before { display: none !important; } .main-menu-new.menu-view-3 ul li.has-list li.has-list a:before { display: block !important; } .main-menu-new.menu-view-3 ul li.has-list li.has-list li a:before { display: none !important; } .main-menu-new.menu-view-3 ul li.has-list li.has-list li.has-list a:before { display: block !important; } .main-menu-new.menu-view-3 ul li.has-list li.has-list li.has-list li a:before { display: none !important; } .main-menu-new.menu-view-3 ul li ul { width: 100% !important; min-height: auto !important; padding: 0; perspective: 500px; transform: translate3d(-35%, 0px, 0px); } .main-menu-new.menu-view-3 ul li ul li { width: 100%; float: left; margin-bottom: 0; border-bottom: 1px solid #e5e5e5 !important; position: relative; } .main-menu-new.menu-view-3 ul li ul li a { text-align: left; display: block; color: #862697 !important; text-decoration: none !important; padding: 10px 32px 10px 20px; position: relative; border-top: 0 !important; } .main-menu-new.menu-view-3 ul li ul li a:hover { color: #ec217c !important; } .main-menu-new.menu-view-3 ul li ul li a:active { color: #921c49 !important; } .main-menu-new.menu-view-3 ul li ul li.hover ul { display: block; } .main-menu-new.menu-view-3 ul li ul li.hover ul li ul { display: none; } .main-menu-new.menu-view-3 ul li ul li.hover ul li.hover ul { display: block; } .main-menu-new.menu-view-3 ul li.hover a { background: #e5e5e5; color: #ec217c; } .main-menu-new.menu-view-3 ul li.hover ul li a { background: none; color: #862697; } .main-menu-new.menu-view-3 ul li.hover ul li.hover a { background: #e5e5e5; color: #ec217c !important; } .main-menu-new.menu-view-3 ul li.hover ul li.hover ul li a { background: none; color: #862697 !important; } .main-menu-new.menu-view-3 ul li.hover ul li.hover ul li:hover a { color: #ec217c !important; } .main-menu-new.menu-view-3 ul li.hover ul li.hover ul li.hover a { background: #e5e5e5; color: #ec217c !important; } .main-menu-new.menu-view-3 ul li.hover ul li.hover ul li.hover ul li a { background: none; color: #862697 !important; } .main-menu-new.menu-view-3 ul li.hover ul li.hover ul li.hover ul li.hover a { background: #e5e5e5; color: #ec217c !important; } .main-menu-new.menu-view-3 ul li.hover ul li.hover ul li.hover ul li:hover a { color: #ec217c !important; } .main-menu-new.menu-view-3 ul li:hover a:before { color: #ec217c !important; } .main-menu-new.menu-view-3 ul li:hover li a:before { color: #862697 !important; } .main-menu-new.menu-view-3 ul li:hover li:hover a:before { color: #ec217c !important; } .main-menu-new.menu-view-3 ul li:hover li:hover li a:before { color: #862697 !important; } .main-menu-new.menu-view-3 ul li:hover li:hover li:hover a:before { color: #ec217c !important; } .main-menu-new.menu-view-3 ul li:hover li:hover li:hover li a:before { color: #862697 !important; } .main-menu-new.menu-view-3 ul li:hover li:hover li:hover li:hover a:before { color: #ec217c !important; } #overlay-menu { display: block; position: fixed; z-index: 3; width: 100%; height: 100%; opacity: 0.85; top: 0; left: 0; } .demo-main-menu { width: 262px !important; } @media (max-width: 1200px) { .demo-main-menu { width: 212px !important; } .main-menu-new ul li ul li ul { width: 515px; } .main-menu-new ul li ul li ul li { width: 33.33333%; } .main-menu-new.menu-view-2 ul li ul { width: 727px; } } .extend-class-box-image-blog, .box-image-text, .box-image, .box-image-text-rotate { position: relative; overflow: hidden; text-align: center; margin: 15px 0; font-family: "Roboto"; } .extend-class-box-image-blog .intro, .box-image-text .intro, .box-image .intro, .box-image-text-rotate .intro { font-size: 14px; text-align: left; margin-bottom: 20px; height: 74px; overflow: hidden; position: relative; } .extend-class-box-image-blog .intro:before, .box-image-text .intro:before, .box-image .intro:before, .box-image-text-rotate .intro:before { content: ''; display: block; position: absolute; bottom: 0; right: 0; left: 0; height: 45px; background: rgba(255, 255, 255, 0); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from-color', endColorstr='$to-color',GradientType=1 ); } .box-image-text.blog .author-category { color: #999999; letter-spacing: 0.08em; font-weight: 300; font-size: 12px; } .box-image-text.blog .author-category a { font-weight: 500; } .box-image-text .top { position: relative; margin-bottom: 10px; } .box-image-text .top .bg { position: absolute; top: auto; bottom: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); background: #862697; } .box-image-text .top .name { position: absolute; width: 100%; height: 50%; bottom: 0; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; color: #fff; padding: 0 20px; } .box-image-text .top .name h3 { color: #fff; text-transform: uppercase; font-size: 18px; letter-spacing: 0.08em; } .box-image-text .top .name h3 a { color: #fff; } .box-image-text .top .text { position: absolute; width: 100%; height: 50%; top: 0; -webkit-transform: translate(0, -150%); -ms-transform: translate(0, -150%); -o-transform: translate(0, -150%); transform: translate(0, -150%); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; color: #fff; padding: 0 20px; } .box-image-text .top .image img { margin: 0 auto; } .box-image-text .content h3, .box-image-text .content h4 { text-transform: uppercase; line-height: 1.3; color: #555555; font-weight: 800; letter-spacing: 0.08em; font-size: 16px; } .box-image-text .content h3 a, .box-image-text .content h4 a { color: #039be5; } .box-image-text .content p { color: #999999; } .box-image-text:hover .bg { opacity: 0.7; filter: alpha(opacity=70); } .box-image-text:hover .name { position: absolute; -webkit-transform: translate(0, -75%); -ms-transform: translate(0, -75%); -o-transform: translate(0, -75%); transform: translate(0, -75%); } .box-image-text:hover .text { position: absolute; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%); } .buttons-categories-home { color: #fff !important; } .buttons-categories-home a { color: inherit; font-size: 15px; } .buttons-categories-home a:hover { color: inherit; text-decoration: underline; } .box-image .bg { position: absolute; top: auto; bottom: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); background: #862697; } .box-image .name { position: absolute; width: 100%; height: 50%; bottom: 0; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; color: #fff; padding: 0 15px; } .box-image .name h3 { color: #fff; text-transform: uppercase; font-size: 14px; letter-spacing: 0.08em; } .box-image .name h3 a { color: #fff; } .box-image .text { position: absolute; width: 100%; height: 50%; top: 0; -webkit-transform: translate(0, -150%); -ms-transform: translate(0, -150%); -o-transform: translate(0, -150%); transform: translate(0, -150%); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; color: #fff; padding: 0 20px; } .box-image:hover .bg { opacity: 0.7; filter: alpha(opacity=70); } .box-image:hover .name { position: absolute; -webkit-transform: translate(0, -85%); -ms-transform: translate(0, -85%); -o-transform: translate(0, -85%); transform: translate(0, -85%); } .box-image:hover .text { position: absolute; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%); } .btn-read-more-blog-box-img { background: #fff !important; color: #862697 !important; } .btn-read-more-blog-box-img:hover { background: none !important; color: #fff !important; } .box-image-text-rotate { overflow: visible; perspective: 680px; z-index: 2; } .box-image-text-rotate h3, .box-image-text-rotate h4 { text-transform: uppercase; line-height: 1.3; color: #555555; font-weight: 800 !important; letter-spacing: 0.08em; font-size: 16px !important; } .box-image-text-rotate h3 a, .box-image-text-rotate h4 a { color: #039be5; } .box-image-text-rotate .image img { margin: 0 auto; } .box-image-text-rotate .text { top: 0; left: 0; position: absolute; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; width: 100%; height: 100%; background: #862697; transform: rotateY(180deg); } .box-image-text-rotate .box-image-text-rotate-anim { width: 100%; float: left; transform-style: preserve-3d; transition: all 1.3s linear; margin-bottom: 10px; } .box-image-text-rotate:hover .box-image-text-rotate-anim { transform: rotateY(-180deg); transition: all 0.4s linear; } .btn { font-weight: 700; font-family: "Roboto", Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.08em; padding: 6px 12px; font-size: 13px; line-height: 1.42857143; border-radius: 3px; } .input-group .btn { font-size: 14px; } .btn-lg { padding: 10px 16px; font-size: 14px; line-height: 1.33; border-radius: 0; } .btn-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 0; } .btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 0; } .btn-template-main { color: #862697; background-color: #ffffff; border-color: #862697; } .btn-template-main:hover, .btn-template-main:focus, .btn-template-main:active, .btn-template-main.active { background: #862697; color: #ffffff; border-color: #862697; } .btn-template-main:active { background-image: none; } .btn-template-main.active { background-image: none; } .open > .dropdown-toggle.btn-template-main { color: #862697; background-color: #e6e6e6; border-color: #2a7d8c; background-image: none; } .btn-template-main.disabled, .btn-template-main[disabled], fieldset[disabled] .btn-template-main, .btn-template-main.disabled:hover, .btn-template-main[disabled]:hover, fieldset[disabled] .btn-template-main:hover, .btn-template-main.disabled:focus, .btn-template-main[disabled]:focus, fieldset[disabled] .btn-template-main:focus, .btn-template-main.disabled:active, .btn-template-main[disabled]:active, fieldset[disabled] .btn-template-main:active, .btn-template-main.disabled.active, .btn-template-main[disabled].active, fieldset[disabled] .btn-template-main.active { background-color: #ffffff; border-color: #862697; } .btn-template-main .badge { color: #ffffff; background-color: #862697; } .btn-template-transparent-primary { color: #ffffff; background-color: transparent; border-color: #ffffff; } .btn-template-transparent-primary:hover, .btn-template-transparent-primary:focus, .btn-template-transparent-primary:active, .btn-template-transparent-primary.active, .open > .dropdown-toggle.btn-template-transparent-primary { color: #ffffff; background-color: rgba(0, 0, 0, 0); border-color: #e0e0e0; } .btn-template-transparent-primary:active, .btn-template-transparent-primary.active, .open > .dropdown-toggle.btn-template-transparent-primary { background-image: none; } .btn-template-transparent-primary.disabled, .btn-template-transparent-primary[disabled], fieldset[disabled] .btn-template-transparent-primary, .btn-template-transparent-primary.disabled:hover, .btn-template-transparent-primary[disabled]:hover, fieldset[disabled] .btn-template-transparent-primary:hover, .btn-template-transparent-primary.disabled:focus, .btn-template-transparent-primary[disabled]:focus, fieldset[disabled] .btn-template-transparent-primary:focus, .btn-template-transparent-primary.disabled:active, .btn-template-transparent-primary[disabled]:active, fieldset[disabled] .btn-template-transparent-primary:active, .btn-template-transparent-primary.disabled.active, .btn-template-transparent-primary[disabled].active, fieldset[disabled] .btn-template-transparent-primary.active { background-color: transparent; border-color: #ffffff; } .btn-template-transparent-primary .badge { color: transparent; background-color: #ffffff; } .btn-template-transparent-primary:hover, .btn-template-transparent-primary:focus, .btn-template-transparent-primary:active, .btn-template-transparent-primary.active { background: #fff; color: #862697; border-color: #fff; } .btn-template-transparent-black { color: #ffffff; background-color: transparent; border-color: #ffffff; } .btn-template-transparent-black:hover, .btn-template-transparent-black:focus, .btn-template-transparent-black:active, .btn-template-transparent-black.active, .open > .dropdown-toggle.btn-template-transparent-black { color: #ffffff; background-color: rgba(0, 0, 0, 0); border-color: #e0e0e0; } .btn-template-transparent-black:active, .btn-template-transparent-black.active, .open > .dropdown-toggle.btn-template-transparent-black { background-image: none; } .btn-template-transparent-black.disabled, .btn-template-transparent-black[disabled], fieldset[disabled] .btn-template-transparent-black, .btn-template-transparent-black.disabled:hover, .btn-template-transparent-black[disabled]:hover, fieldset[disabled] .btn-template-transparent-black:hover, .btn-template-transparent-black.disabled:focus, .btn-template-transparent-black[disabled]:focus, fieldset[disabled] .btn-template-transparent-black:focus, .btn-template-transparent-black.disabled:active, .btn-template-transparent-black[disabled]:active, fieldset[disabled] .btn-template-transparent-black:active, .btn-template-transparent-black.disabled.active, .btn-template-transparent-black[disabled].active, fieldset[disabled] .btn-template-transparent-black.active { background-color: transparent; border-color: #ffffff; } .btn-template-transparent-black .badge { color: transparent; background-color: #ffffff; } .btn-template-transparent-black:hover, .btn-template-transparent-black:focus, .btn-template-transparent-black:active, .btn-template-transparent-black.active { background: #fff; color: #000; border-color: #fff; } .btn-template-primary { color: #ffffff; background-color: #862697; border-color: #862697; } .btn-template-primary:hover, .btn-template-primary:focus, .btn-template-primary:active, .btn-template-primary.active, .open > .dropdown-toggle.btn-template-primary { color: #ffffff; background-color: #2c8494; border-color: #2a7d8c; } .btn-template-primary:active, .btn-template-primary.active, .open > .dropdown-toggle.btn-template-primary { background-image: none; } .btn-template-primary.disabled, .btn-template-primary[disabled], fieldset[disabled] .btn-template-primary, .btn-template-primary.disabled:hover, .btn-template-primary[disabled]:hover, fieldset[disabled] .btn-template-primary:hover, .btn-template-primary.disabled:focus, .btn-template-primary[disabled]:focus, fieldset[disabled] .btn-template-primary:focus, .btn-template-primary.disabled:active, .btn-template-primary[disabled]:active, fieldset[disabled] .btn-template-primary:active, .btn-template-primary.disabled.active, .btn-template-primary[disabled].active, fieldset[disabled] .btn-template-primary.active { background-color: #862697; border-color: #862697; } .btn-template-primary .badge { color: #862697; background-color: #ffffff; } .main-menu-new.main-menu-new-home { margin-top: 0; } .box-settings-menu { width: 100%; display: table; } .box-settings-menu form { float: left; margin-left: 15px; } .settings-blog-admin { width: 1170px; padding-right: 15px; padding-left: 15px; } .settings-blog-admin .row { margin-right: -15px; margin-left: -15px; } .settings-blog-admin [class*="col-xs"], .settings-blog-admin [class*="col-sm"], .settings-blog-admin [class*="col-md"], .settings-blog-admin [class*="col-lg"] { padding: 0 15px; } @media (max-width: 992px) { .settings-blog-admin { width: 970px; } } /*# sourceMappingURL=admin-menu.css.map */