<b:if cond='data:blog.pageType == "index"'> <data:blog.pageTitle/> <b:else/> <b:if cond='data:blog.pageType != "error_page"'> <data:blog.pageName/> - <data:blog.title/> <b:else/> 404 - <data:blog.title/> </b:if> </b:if> a:after { border-style: solid; border-width: 5px 5px 0 4px; content: ''; position: absolute; top: 45%; right: 4px; border-color: #000000 transparent transparent transparent; } #menu li ul li:hover { background: #f4f4f4; } #menu li.active a { border-top: 2px solid #111; padding-top: 11px; top: 0; } /*===================================== = Footer =====================================*/ .footer { background-color: #32302f; color: #CCC; border-top-color: rgba(0, 0, 0, .2); width: 100%; float: left; padding: 60px 0px 0px 0px; position: relative; z-index: 1000; } .footer .PopularPosts .widget-content ul li { border-color: #4e4b4a; padding: 0; float: left; width: 33.333333333%; margin: 0; padding: 0; } .footer-widget h2 { text-transform: uppercase; letter-spacing: 1.5px; font-size: 18px; color: #fff; font-family: "Poppins", "Roboto", "Arial", sans-serif; font-weight: 600; } .footer-widget { float: left; width: 23%; margin-left: 30px; color: #CCC; } .footer-widget:first-child { margin: 0px; } .footer-widget p { line-height: 22px; } .footer-widget a:hover { text-decoration: underline; } .footer-widget a { color: #ff0036; text-decoration: none; } .footer-widget li { display: block; margin-bottom: 10px; width: 100%; } .footer-widget ul { margin: 0; padding: 0; } .footer .details h2 a { font-size: 14px; text-transform: capitalize; font-weight: 400; letter-spacing: 0; } .footer .recent-box { float: left; width: 100%; } .footer .PopularPosts .item-title { display: none; } .footer .PopularPosts .item-snippet { display: none; } .footer .PopularPosts img { padding: 0; margin: 0; width: 100%; } .footer .PopularPosts .item-thumbnail { width: 100%; margin: 0; } .footer .Label li { float: left; width: auto; padding: 5px; margin: 0px 10px 10px 0px; } .footer .Label li a { background: #111; color: #fff; } .footer .Label li { background: #111; } .footer .Label li span { color: #7f7f7f; } .copyrights { background-color: #2a2928; color: rgba(255, 255, 255, .25); float: left; width: 100%; padding: 25px 0px; margin-top: 60px; } .copyrights p { margin: 20px 0px; } .copyrights a { color: rgba(255, 255, 255, .25); } .copyrights ul { margin: 20px 0px; } .left { float: left; } .right { float: right; } .copyrights .right { text-align: center; } .copyrights .right li { display: inline-block; margin-right: 15px; } /*===================================== = Error Page =====================================*/ body.error_page { background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigXg4v4rijJVsa80gPRtEBebLzqBLJA9eGuRIQJ-8XQa0xANbyjnRkpPAobvyylH_36Pk5TdhCFx98n8BfG7pkopptqAkp0XzX8CZ8-YyW-E4twbcUY41dBI6fjwqIqEItVbcctxm4QG0/s1600/overlay.png"), url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo-2wrBzGfbAElschJ7-QF0WaL85CPGdI6PgbFLfCdrPDiON_i4Sx5b6xpT7X37vW0WYfwvNFIv5ZB7oxhKiX4vDGaI8aQO50UMVAGvPh6cXdwN0D4p3UhvRvdCURjGm7LobYQonEpoX0/s1600/bg.png"); background-color: #565656; background-size: cover !important; } .error_page .footer { display: none; } .error_page .site-wrapper { background: none; } #message { max-width: 491px; min-height: 300px; margin: 0 auto; margin-top: 140px; margin-bottom: 200px; } #message p:first-child { font-size: 90px; font-weight: 700; line-height: 89px; } #message p { margin: 8px 0; font-size: 18px; color: #fff; float: left; } #message p a { color: #fff; text-decoration: none; background: rgba(17, 17, 17, 0.38); padding: 7px 18px; float: left; margin-right: 20px; margin-top: 15px; border-radius: 20px; } #message p a:hover { background: #111; } .error_page #main { display: none; } .error_page #menu li a { color: #fff; } .error_page #menu li.active a { border-color: #fff!important; } .error_page #menu ul .parent > a:after { border-color: #fff transparent transparent transparent; } .error_page #menu li:hover a { border-color: #fff; } .error_page #header h1 { background: rgba(17, 17, 17, 0.37); } /*===================================== = Homelayout =====================================*/ .home-layout { float: left; margin: 70px 0px; width: 100%; } .home-layout .widget .item-control { display: inline; position: initial; } .home-layout h2 { font-size: 29px; color: #1c2220; margin: 35px 0 30px 0px; font-weight: bold; } .home-layout .widget { margin: 0px 0px 40px 0px; float: left; width: 100%; } .home-layout h3 { font-size: 29px; color: #1c2220; margin: 35px 0; font-weight: bold; } .home-layout h3 a { color: #1c2220; text-decoration: none!important; } .home-layout p { font-size: 21px; font-weight: 300; } .home-layout .featured-contents { float: left; width: 70%; } .home-layout .post-summary img { width: 17%; float: right; } .home-layout .post-summary a { color: #000; text-decoration: underline; } .home-layout .PopularPosts ul { margin: 0; padding: 0; } .home-layout .PopularPosts a { color: #111; text-decoration: none; font-size: 24px; font-weight: bold; } .home-layout .PopularPosts .item-snippet { font-size: 21px; font-weight: 300; display: table; } .home-layout .PopularPosts li { margin: 0; padding: 0; display: inline-block; } .home-layout .PopularPosts .item-thumbnail { width: 220px; height: 118px; overflow: hidden; margin-right: 25px; margin-bottom: 0; } .home-layout .PopularPosts .widget-content ul li { padding: 0; margin: 0px 0px 40px 0px; } .home-layout .PopularPosts a:hover { text-decoration: underline; } .PopularPosts .item-thumbnail img:hover { opacity: 0.8; } /*===================================== = Profile =====================================*/ .Profile img { border-radius: 50%; margin-right: 25px; width: 150px; height: 144px; } .profile-data a { color: #111; text-decoration: none; font-size: 30px; font-weight: 500; background: #fff; background-image: none!important; padding: 0; } .profile-textblock { font-size: 19px; margin: 0; } a.profile-link { color: #111; text-decoration: underline; font-size: 19px; font-weight: 300; margin-top: 10px; float: left; width: 100%; } a.profile-link:after { content: ' \2192'; } .profile-datablock { margin: 0px 0px 10px 0px; display: table; } /*===================================== = Post Outer =====================================*/ .post-outer { position: relative; background-size: cover; background-position: center; float: left; width: 33.33333%; } .overlay-bg { bottom: 0; content: ""; display: block; height: 100%; width: 100%; position: absolute; z-index: 0; opacity: 1; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; } .post-home:hover .overlay-bg { background: rgba(0, 0, 0, 0.55) } .loadmore { text-align: center; display: block; max-width: 160px; margin: 0 auto; border-radius: 35px; overflow: hidden } .loadmore a { background-color: #DD2F2F; color: #fff; padding: 15px 30px; display: block } .loadmore span { background-color: #C7C7C7; color: #fff; padding: 15px 30px; display: block } .post-thumb { width: 100%; float: none } .post-thumb a { height: 450px } .post-home .author-info { top: 300px; bottom: auto; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; } .post-info { padding: 40px; padding-bottom: 0; height: auto; position: absolute; bottom: 30px; } .ininfo { opacity: 0; transition-delay: 0.2s; transition-duration: 0.2s; transform: translateY(100%); -webkit-transform: translateY(100%); -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; } .post-thumb { line-height: 0; position: relative; overflow: hidden; float: right; width: 100% } .post-thumb a { display: block; width: 100%; overflow: hidden } .post-home { overflow: hidden; float: left; width: 100%; position: relative; } .post-home .postmeta-primary { display: inline-block; padding: 5px 10px; background: #fff; line-height: 1; color: #000 !important; font-size: 11px; text-transform: uppercase; font-weight: bold; } .post-home .postmeta-primary a { color: #000; text-decoration: none; } .post-home .meta_categories a:first-child { display: block; } .post-home .meta_categories a { display: none; float: left; } .post-home .meta_date { float: left; margin-right: 5px; } .post-home h1.post-title { font-size: 28px; line-height: 34.5px; text-decoration: none; transition: all 0.5s ease; font-weight: bold; } .post-home h1.post-title a { color: #fff; text-decoration: none; } .post-home .post-content { color: #fff; font-weight: 300; font-size: 19px; } .post-home:hover .ininfo { opacity: 1; transform: translateX(0px); -webkit-transform: translateX(0px); transition-delay: 0.2s; transition-duration: 0.2s; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; } .item-control { position: absolute; z-index: 1; left: 0; } .post.hentry { position: relative; float: left; width: 100%; } .widget .widget-item-control a img { width: 18px; height: auto; border-radius: 0; } /*===================================== = Follow By Email =====================================*/ .FollowByEmail .follow-by-email-inner .follow-by-email-address { border: 0; font-family: "Roboto", "Arial", sans-serif; font-size: 16px; font-weight: 300; } .follow-by-email-inner td { border: 1px solid #d2d2d2; padding: 11px 10px; float: left; width: 86%; } .FollowByEmail { width: 100%; background: #fff; } .follow-by-email-inner td:last-child:hover { background: #111; } .follow-by-email-inner td:last-child { border: 0; width: 14%; background: #c1272d; padding: 0; } .FollowByEmail .follow-by-email-inner .follow-by-email-submit { background: none; text-transform: uppercase; font-family: "Roboto", "Arial", sans-serif; font-size: 14px; padding: 12.5px; margin: 0; text-align: center; width: 100%; height: auto; font-weight: bold; letter-spacing: 1px; } .FollowByEmail table { margin: 0; } .FollowByEmail .follow-by-email-inner .follow-by-email-address:focus { outline: none; } .FollowByEmail .follow-by-email-inner .follow-by-email-address:focus { outline: none; } /*===================================== = Page Navigation =====================================*/ .showpageOf { float: left; } .showpageArea { font-size: 20px; font-weight: 300; float: right; width: 100%; text-align: right; padding: 20px 20px 20px 20px; } #blog-pager .showpageArea span a { font-size: 20px; font-weight: 300; } .showpagePoint { font-weight: bold; } .showpageArea span { margin: 0 8px; } .static_page .post h1 a { color: #111; font-size: 50px; width: 100%; text-align: center; margin: 60px 0px 0px 0px; line-height: 57px; text-decoration: none; text-align: center; width: 100%; float: left; font-weight: 600; } .static_page .post h1 { margin: 0; } /*===================================== = Post and Pages =====================================*/ .item .post-outer, .static_page .post-outer { width: 100%; } .item .post-thumb a { padding: 120px 0; } .item .post-body img, .static_page .post-body img{ max-width: 100%; } .item .post-body img:first{ display:none; } .item .ininfo { opacity: 1; transform: translateY(0%); -webkit-transform: translateX(0px); } .item .overlay-bg { opacity: 1; background: rgba(0, 0, 0, 0.55); } .item .post-home h1.post-title { color: #fff; font-size: 50px; width: 100%; text-align: center; margin: 35px 0px 35px 0px; line-height: 57px; } .item .post-info { width: 100%; top: 20% } .item .post-home .post-content { text-align: center; font-size: 25px; } .item .post-home .postmeta-primary { text-align: center; width: 100%; background: none; } .item .post-home .postmeta-primary span { text-align: center; display: inline-flex; float: none; background: #fff; padding: 6px 5px; } .item .post-thumb a { height: 600px; } .item .post-container, .static_page .post-container { float: left; margin: 30px 0px; background-color: white; font-size: 19px; line-height: 35px; } .item #blog-pager { width: 76%; margin: 0px 180px; } .item .don-share .don-share-total .don-count { font-size: 42px; text-align: center; font-weight: 600; color: #c1272d; border-right: 1px solid #d2d2d2; padding: 0px 25px; margin-right: 20px; margin-bottom: 0; } .item .don-share .don-share-total .don-count:after { line-height: 12px; color: #a6a6a6; font-weight: 300; font-size: 12px; text-transform: capitalize; content: "Share"; } .item .don-btn { width: 178px; background-image: none; box-shadow: none; margin: 11px 0px; } .item .don-share i { border: 0; text-align: center; width: auto; margin: -7px 0; font-size: 16px; margin-right: 8px; } .item .don-btn { width: auto; } .item .don-share .don-share-total:after { display: none; } .item .don-share .don-share-total { line-height: 45px; margin: 0; } .item .don-share [class*=' don-share-'], .item .don-share [class^=don-share-] { margin: 0px 10px 0px 0; } .item .don-share { margin: 40px 0px 15px 0; border-bottom: 1px solid #d2d2d2; border-top: 1px solid #d2d2d2; padding: 15px 0px; } .stag-one-half { width: 48%; float: left; margin-right: 30px; } .stag-one-half:last-child { margin: 0; } .stag-one-half.stag-column-last { margin: 0; } .stag-section { width: 100%; float: left; } .post-body h2 { font-size: 28px; color: #1c2220; margin: 35px 0 20px 0px; font-weight: bold; float: left; width: 100%; line-height: 37px; } .post-body h3 { font-size: 24px; color: #1c2220; margin: 35px 0 20px 0px; font-weight: bold; float: left; width: 100%; line-height: 32px; } /*===================================== = Related Posts =====================================*/ #related-posts { float: left; width: 100%; margin-top: 30px; } #related-posts li { height: 450px; overflow: hidden; position: relative; display: block; width: 33.3333333%; float: left; border: 0; } #related-posts a { padding: 0!important; border: 0; width: 100%; margin: 0!important; bordeR: 0!important; } #related-posts img { width: 100%; height: auto!important; } #related-posts a:last-child { margin: 0; } #related-posts h3 a { color: #fff; } #related-posts h3 { font-size: 28px; line-height: 34.5px; text-decoration: none; transition: all 0.5s ease; font-weight: bold; color: #fff; float: left; width: 100%; margin: 15px 0px; } #related-posts .overlay-bg { opacity: 0; } #related-posts li:hover .overlay-bg { opacity: 1; } #related-posts h2 { font-size: 24px; color: #1c2220; margin: 35px 0 20px 0px; font-weight: bold; float: left; width: 100%; line-height: 32px; text-align: CENTER; } .recent-details { position: absolute; z-index: 10; bottom: 0px; float: left; width: 100%; padding: 40px; } .related-meta span { margin-left: 4px; } .related-meta { display: inline-block; padding: 5px 10px; background: #fff; line-height: 1; color: #000 !important; font-size: 11px; text-transform: uppercase; font-weight: bold; } .recent-content { float: left; color: #fff; font-weight: 300; font-size: 19px; } #related-posts li:hover .recent-details { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); transition-delay: 0.2s; transition-duration: 0.2s; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; } .recent-details { opacity: 1; transform: translateY(110%); -webkit-transform: translateY(110%); transition-delay: 0.2s; transition-duration: 0.2s; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; } /*===================================== = Comments =====================================*/ #comments { float: left; width: 100%; padding: 60px 180px 0px 180px; background: #f8f8f8; } .comment-hold { margin: 0px 0px 80px 0px; } #comments h3 { font-size: 25px; font-weight: 600; letter-spacing: .5px; color: #111; margin: 10px 0px 30px 0px; text-align: left; text-transform: uppercase; line-height: 23px; float: left; width: 100%; } .comment-body-author { background: #FFFFFF; color: #008000; border: 1px dotted #008000; margin: 0; padding: 0 0 0 10px; } img.comment_emo { width: 20px; vertical-align: middle; } .comment_service a { text-decoration: none; } .comment_share { color: #999999; cursor: pointer; font-size: 10px; line-height: 1.5em; max-width: 100%; font-weight: normal; padding-left: 5px; } #comment_rep a:hover { text-decoration: none; color: #464646!important; } .comment_avatar { height: 48px; width: 48px; background: #F0F0F0 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuXKNlc0WWjwfiLqi1uFhyphenhyphenIHMjgdUR5U3m632knaTn_q3AkC_CCQVKa7KOSzREcqGDLFaCjV0zxHA5cCn6WzMRjELvEN6ZQeLswlZe6k-vXZ8Hhb9qzHn-7C4cgENYY7ZB4v4ruWe2DLM/s48/anon48.gif) no-repeat center center; float: left; margin-right: 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 50px; overflow: hidden; } .comment_name { color: #444; font-size: 18px; font-weight: normal; line-height: 19.5px; max-width: 100%; text-decoration: none; margin-top: 5px; text-transform: uppercase } .comment-menu { float: right; list-style: none; width: 0px; height: 0; } .comment_name a { text-transform: capitalize; color: #111; text-decoration: none; font-size: 17px; font-weight: 600; letter-spacing: -0.025em; line-height: 23px; font-family: "Roboto", "Arial", sans-serif; } .comment_name a:hover { color: #0088b2; text-decoration: none; } .comment_body p { font-size: 14px; line-height: 22px; margin: 0 0px 10px 0; } .comment_body { margin-top: 10px; margin-bottom: 20px; border: 1px solid #d2d2d2; padding: 20px 20px; position: relative; } .comment_date { color: #999; font-size: 13px; line-height: 25px; cursor: pointer; font-weight: normal; } #comments .separate { color: #cccccc; font-size: 15px; line-height: 40px; padding-left: 5px; padding-right: 5px; line-height: 10px; t: 15px; } #comments .author-mark { background: #d2d2d2; color: white; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 2px 6px 2px 6px; font-size: 15px; line-height: 15px; } .comment-share { display: inline; } .comment-share li { display: inline; } .comment-share li.button a { background: #555; color: white; padding: 0 5px 2px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: none; } .comment-share li.button:hover a { background: #000; } #comment_rep { margin-top: -27px; float: right; } .comment_child .comment_body { margin-top: 10px; margin-bottom: 30px; } .comment_child .comment_wrap { padding-left: 40px } a.comment_reply { cursor: pointer; font-size: 13px; line-height: 1.5em; max-width: 100%; background: #e1e1e2; font-weight: 400; padding: 2px 10px; color: #767676; float: right; position: absolute; right: 0; text-transform: uppercase; bottom: 0; text-decoration: none; } .comment_admin .avatar-image-container {} .unneeded-paging-control { display: none; } .comment-form { max-width: 100%; !important; margin-top: -15px !important } #comment-editor { width: 101%!important } .comment_reply_form .comment-form { width: 100%; } .comment_youtube { max-width: 100%!important; width: 400px; height: 225px; display: block; padding-top: 10px; padding-bottom: 10px; } #respond { overflow: hidden; padding-left: 10px; clear: both; } .comment_avatar * { max-width: 1000%!important; display: block; max-height: 1000%!important; width: 48px!important; height: 48px!important; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 50px; margin-right: 10px; } .comment_child .comment_avatar, .comment_child .comment_avatar * { width: 40px!important; height: 40px!important; float: left; margin-right: 10px; } .comment_form a { color: #2f6986; text-decoration: none; } .comment_form a:hover { color: #2f6986; text-decoration: underline; } .comment_author_flag { display: none } .comment_admin .comment_author_flag { display: inline; background: #c9c9c9; font-size: 13px; font-weight: normal; padding: 2px 6px; margin-left: 8px; color: #fff; border-radius: 4px; text-transform: uppercase; letter-spacing: .1em } .comment-delete img { float: right; margin-left: 10px; position: absolute; margin-top: 7px; } #comment-editor { width: 100% !important; background: transparent url('data:image/gif;base64,R0lGODlhKwALAPAAAKrD2AAAACH5BAEKAAEAIf4VTWFkZSBieSBBamF4TG9hZC5pbmZvACH/C05FVFNDQVBFMi4wAwEAAAAsAAAAACsACwAAAjIMjhjLltnYg/PFChveVvPLheA2hlhZoWYnfd6avqcMZy1J14fKLvrEs/k+uCAgMkwVAAAh+QQBCgACACwAAAAAKwALAIFPg6+qw9gAAAAAAAACPRSOKMsSD2FjsZqEwax885hh3veMZJiYn8qhSkNKcBy4B2vNsa3pJA6yAWUUGm9Y8n2Oyk7T4posYlLHrwAAIfkEAQoAAgAsAAAAACsACwCBT4OvqsPYAAAAAAAAAj1UjijLAg9hY6maalvcb+IPBhO3eeF5jKTUoKi6AqYLwutMYzaJ58nO6flSmpisNcwwjEfK6fKZLGJSqK4AACH5BAEKAAIALAAAAAArAAsAgU+Dr6rD2AAAAAAAAAJAVI4oy5bZGJiUugcbfrH6uWVMqDSfRx5RGnQnxa6p+wKxNpu1nY/9suORZENd7eYrSnbIRVMQvGAizhAV+hIUAAA7') no-repeat 50% 30% } .comment-form { max-width: 100%; !important; margin-top: 25px !important } .comment_arrow { display: block; width: 18px; height: 9px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhieFHAQHp3tck000wY5g2ABnGKQFMMU_jI4EWZGlma0z75KPhJyMrJm4qv7NH7gPMy0wrDBqM9sldR0ggIqko1i35eZMM4sQGHQ_TY0TCZZwDQ8UDJxNaiQo-Lta-RT9eBTDhDvcx6XYU/s1600/comment-arrow2.png) no-repeat; position: absolute; margin-top: -29px; margin-left: -5px; } .comment_emo_list .item { float: left; width: 40px; text-align: center; height: 40px; margin: 10px 10px 0 0; } .comment_emo_list span { display: block; font-weight: bold; font-size: 11px; letter-spacing: 1px; } .comment_youtube { max-width: 100%!important; width: 400px; height: 225px; display: block; } .comment_img { max-width: 100%!important } iframe { border: none; overflow: hidden } /*===================================== = Status Msg =====================================*/ .status-msg-body { text-align: center; font-size: 16px; text-transform: uppercase; color: #868686; font-weight: 300; line-height: 17px; display: flex; justify-content: center; /* align horizontal */ align-items: center; /* align vertical */ } .status-msg-body {} .status-msg-wrap { width: 100%; text-align: left; margin-bottom: 46px; padding-bottom: 10px; height: 48px; vertical-align: middle; } .status-msg-border { border: none; } .status-msg-body a { display: none; } .status-msg-body { background: transparent; float: left; } .status-msg-body b { color: #111111; padding: 5px; text-transform: capitalize; font-size: 23px; font-weight: 600; text-transform: capitalize; padding: 0; margin: 8px 14px; line-height: 30px; } .status-msg-bg { background: none; float: left; width: 100%; height: auto; } /*===================================== = Mobile Menu =====================================*/ .mobile-menu-trigger { float: right; margin: 43px 10px 43px 10px; display: none; } .mobile-menu-trigger a { color: #111; font-size: 20px; } #mobimenu { display: none; } .mm-opened #mobimenu { display: block; } .mm-menu .mm-listview>li.mm-selected>a:not(.mm-next), .mm-menu .mm-listview>li.mm-selected>span { background: #1d1d1d!important; } .mm-menu .mm-btn:after, .mm-menu .mm-btn:before { border-color: #fff!important; } .mm-menu { background: #292728!important; color: #b8b8b8!important; } .mm-listview>li:not(.mm-divider):after { display: none!important; } .mm-listview li { border-bottom: 1px solid #5e5c5d!important; } .mm-navbar { background: #5e5c5d!important; color: #fff!important; } .mm-menu .mm-navbar a, .mm-menu .mm-navbar>* { color: #fff!important; font-size: 18px!important; font-weight: 300!important; } .mm-listview>li, .mm-listview>li .mm-next, .mm-listview>li .mm-next:before, .mm-listview>li:after { border-color: #5e5c5d!important; } .mm-menu .mm-listview>li .mm-arrow:after, .mm-menu .mm-listview>li .mm-next:after { border-color: #5e5c5d!important; } .mm-listview>li>a, .mm-listview>li>span { font-size: 14px!important; letter-spacing: 0.5px!important; text-transform: uppercase; font-family: 'Montserrat', sans-serif; } .mm-menu, .mm-panels, .mm-panels>.mm-panel { margin: 0; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; box-sizing: border-box } .mm-btn, .mm-menu { box-sizing: border-box } .mm-listview a, .mm-listview a:hover, .mm-navbar a, .mm-navbar a:hover { text-decoration: none } .mm-hidden { display: none!important } .mm-menu, .mm-panels>.mm-panel:not(.mm-hidden) { display: block } .mm-wrapper { overflow-x: hidden; position: relative } .mm-menu { padding: 0; position: absolute } .mm-panels, .mm-panels>.mm-panel { background: inherit; border-color: inherit; position: absolute } .mm-btn, .mm-panel.mm-highest { z-index: 1 } .mm-panels { overflow: hidden } .mm-panel { -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } .mm-panel.mm-opened { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mm-panel.mm-subopened { -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0) } .mm-panels>.mm-panel { -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; padding: 0 20px } .mm-listview .mm-divider, .mm-listview>li>a, .mm-listview>li>span, .mm-navbar .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .mm-panels>.mm-panel.mm-hasnavbar { padding-top: 40px } .mm-panels>.mm-panel:after, .mm-panels>.mm-panel:before { content: ''; display: block; height: 20px } .mm-vertical .mm-panel { -webkit-transform: none!important; -ms-transform: none!important; transform: none!important } .mm-listview .mm-vertical .mm-panel, .mm-vertical .mm-listview .mm-panel { display: none; padding: 10px 0 10px 10px } .mm-listview .mm-vertical .mm-panel .mm-listview>li:last-child:after, .mm-vertical .mm-listview .mm-panel .mm-listview>li:last-child:after { border-color: transparent } .mm-vertical li.mm-opened>.mm-panel, li.mm-vertical.mm-opened>.mm-panel { display: block } .mm-listview>li.mm-vertical>.mm-next, .mm-vertical .mm-listview>li>.mm-next { height: 40px; bottom: auto } .mm-listview>li.mm-vertical>.mm-next:after, .mm-vertical .mm-listview>li>.mm-next:after { top: 16px; bottom: auto } .mm-listview>li.mm-vertical.mm-opened>.mm-next:after, .mm-vertical .mm-listview>li.mm-opened>.mm-next:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); right: 19px } .mm-btn { width: 40px; height: 40px; position: absolute; top: 0 } .mm-clear:after, .mm-clear:before, .mm-close:after, .mm-close:before { content: ''; border: 2px solid transparent; display: block; width: 5px; height: 5px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .mm-clear:before, .mm-close:before { border-right: none; border-bottom: none; right: 18px } .mm-clear:after, .mm-close:after { border-left: none; border-top: none; right: 25px } .mm-arrow:after, .mm-next:after, .mm-prev:before { content: ''; border: 2px solid transparent; display: block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .mm-prev:before { border-right: none; border-bottom: none; left: 23px } .mm-arrow:after, .mm-next:after { border-top: none; border-left: none; right: 23px } .mm-navbar { border-bottom: 1px solid; border-color: inherit; text-align: center; line-height: 20px; height: 40px; padding: 0 40px; margin: 0; position: absolute; top: 0; left: 0; right: 0 } .mm-navbar>* { display: block; padding: 10px 0 } .mm-navbar .mm-btn:first-child { padding-left: 20px; left: 0 } .mm-navbar .mm-btn:last-child { text-align: right; padding-right: 20px; right: 0 } .mm-panel .mm-navbar { display: none } .mm-panel.mm-hasnavbar .mm-navbar { display: block } .mm-listview, .mm-listview>li { list-style: none; display: block; padding: 0; margin: 0 } .mm-listview { font: inherit; font-size: 14px; line-height: 20px } .mm-listview>li { position: relative } .mm-listview>li, .mm-listview>li .mm-next, .mm-listview>li .mm-next:before, .mm-listview>li:after { border-color: inherit } .mm-listview>li>a, .mm-listview>li>span { color: inherit; display: block; padding: 10px 10px 10px 20px; margin: 0 } .mm-listview>li>a.mm-arrow, .mm-listview>li>span.mm-arrow { padding-right: 50px } .mm-listview>li:not(.mm-divider):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; right: 0; bottom: 0; left: 20px } .mm-listview .mm-next { background: rgba(3, 2, 1, 0); width: 50px; padding: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2 } .mm-listview .mm-next:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; position: absolute; top: 0; bottom: 0; left: 0 } .mm-listview .mm-next+a, .mm-listview .mm-next+span { margin-right: 50px } .mm-listview .mm-next.mm-fullsubopen { width: 100% } .mm-listview .mm-next.mm-fullsubopen:before { border-left: none } .mm-listview .mm-next.mm-fullsubopen+a, .mm-listview .mm-next.mm-fullsubopen+span { padding-right: 50px; margin-right: 0 } .mm-panels>.mm-panel>.mm-listview { margin: 20px -20px } .mm-panels>.mm-panel>.mm-listview:first-child, .mm-panels>.mm-panel>.mm-navbar+.mm-listview { margin-top: -20px } .mm-listview .mm-inset { list-style: disc inside; padding: 0 10px 15px 40px; margin: 0 } .mm-listview .mm-inset>li { padding: 5px 0 } .mm-listview .mm-divider { font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px } .mm-listview .mm-spacer { padding-top: 40px } .mm-listview .mm-spacer>.mm-next { top: 40px } .mm-listview .mm-spacer.mm-divider { padding-top: 25px } .mm-menu { background: #f3f3f3; border-color: rgba(0, 0, 0, .1); color: rgba(0, 0, 0, .7) } .mm-menu .mm-navbar a, .mm-menu .mm-navbar>* { color: rgba(0, 0, 0, .3) } .mm-menu .mm-btn:after, .mm-menu .mm-btn:before { border-color: rgba(0, 0, 0, .3) } .mm-menu .mm-listview { border-color: rgba(0, 0, 0, .1) } .mm-menu .mm-listview>li .mm-arrow:after, .mm-menu .mm-listview>li .mm-next:after { border-color: rgba(0, 0, 0, .3) } .mm-menu .mm-listview>li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(255, 255, 255, .5); tap-highlight-color: rgba(255, 255, 255, .5) } .mm-menu .mm-listview>li.mm-selected>a:not(.mm-next), .mm-menu .mm-listview>li.mm-selected>span { background: rgba(255, 255, 255, .5) } .mm-menu .mm-divider, .mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel, .mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next, .mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel, .mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next { background: rgba(0, 0, 0, .05) } .mm-page { box-sizing: border-box; position: relative } .mm-slideout { -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; z-index: 1 } html.mm-opened { overflow-x: hidden; position: relative } html.mm-blocking, html.mm-blocking body { overflow: hidden } html.mm-background .mm-page { background: inherit } #mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 2 } html.mm-blocking #mm-blocker { display: block } .mm-menu.mm-offcanvas { z-index: 0; display: none; position: fixed; width: 80%; min-width: 140px; max-width: 440px } .mm-menu.mm-offcanvas.mm-current { display: block } html.mm-opening .mm-slideout { -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0) } @media all and (max-width: 175px) { html.mm-opening .mm-slideout { -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0) } } @media all and (min-width: 550px) { html.mm-opening .mm-slideout { -webkit-transform: translate3d(440px, 0, 0); transform: translate3d(440px, 0, 0) } } .mm-menu.mm-autoheight.mm-bottom, .mm-menu.mm-autoheight.mm-top { max-height: 80% } .mm-menu.mm-autoheight.mm-bottom.mm-fullscreen, .mm-menu.mm-autoheight.mm-top.mm-fullscreen { max-height: 100% } .mm-menu.mm-measureheight .mm-panel { display: block!important } .mm-menu.mm-measureheight>.mm-panels>.mm-panel { bottom: auto!important; height: auto!important } .mm-menu.mm-columns { -webkit-transition-property: width, max-width, -webkit-transform; transition-property: width, max-width, -webkit-transform; transition-property: transform, width, max-width; transition-property: transform, width, max-width, -webkit-transform } .mm-menu.mm-columns .mm-panels>.mm-panel { width: 100%; right: auto; display: none; -webkit-transition-property: width, -webkit-transform; transition-property: width, -webkit-transform; transition-property: transform, width; transition-property: transform, width, -webkit-transform } .mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened { border-right: 1px solid; border-color: inherit; display: block; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mm-menu.mm-columns .mm-panels>.mm-panel.mm-subopened { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); z-index: 2 } .mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-0 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-0 { display: block; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } .mm-menu.mm-offcanvas.mm-columns-0 { width: 80%; min-width: 140px; max-width: 0 } html.mm-opening.mm-columns-0 .mm-slideout { -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0) } @media all and (max-width: 175px) { html.mm-opening.mm-columns-0 .mm-slideout { -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0) } } @media all and (min-width: 0px) { html.mm-opening.mm-columns-0 .mm-slideout { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-1 { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } .mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-1 { display: block; -webkit-transform: translate3d(200%, 0, 0); transform: translate3d(200%, 0, 0) } .mm-menu.mm-offcanvas.mm-columns-1 { width: 80%; min-width: 140px; max-width: 440px } html.mm-opening.mm-columns-1 .mm-slideout { -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0) } @media all and (max-width: 175px) { html.mm-opening.mm-columns-1 .mm-slideout { -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0) } } @media all and (min-width: 550px) { html.mm-opening.mm-columns-1 .mm-slideout { -webkit-transform: translate3d(440px, 0, 0); transform: translate3d(440px, 0, 0) } } .mm-menu.mm-columns-1 .mm-panels>.mm-panel { width: 100% } .mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-2 { -webkit-transform: translate3d(200%, 0, 0); transform: translate3d(200%, 0, 0) } .mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-2 { display: block; -webkit-transform: translate3d(300%, 0, 0); transform: translate3d(300%, 0, 0) } .mm-menu.mm-offcanvas.mm-columns-2 { width: 80%; min-width: 140px; max-width: 880px } html.mm-opening.mm-columns-2 .mm-slideout { -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0) } @media all and (max-width: 175px) { html.mm-opening.mm-columns-2 .mm-slideout { -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0) } } @media all and (min-width: 1100px) { html.mm-opening.mm-columns-2 .mm-slideout { -webkit-transform: translate3d(880px, 0, 0); transform: translate3d(880px, 0, 0) } } .mm-menu.mm-columns-2 .mm-panels>.mm-panel { width: 50% } .mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-3 { -webkit-transform: translate3d(300%, 0, 0); transform: translate3d(300%, 0, 0) } .mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-3 { display: block; -webkit-transform: translate3d(400%, 0, 0); transform: translate3d(400%, 0, 0) } .mm-menu.mm-offcanvas.mm-columns-3 { width: 80%; min-width: 140px; max-width: 1320px } html.mm-opening.mm-columns-3 .mm-slideout { -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0) } @media all and (max-width: 175px) { html.mm-opening.mm-columns-3 .mm-slideout { -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0) } } @media all and (min-width: 1650px) { html.mm-opening.mm-columns-3 .mm-slideout { -webkit-transform: translate3d(1320px, 0, 0); transform: translate3d(1320px, 0, 0) } } .mm-menu.mm-columns-3 .mm-panels>.mm-panel { width: 33.34% } .mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-4 { -webkit-transform: translate3d(400%, 0, 0); transform: translate3d(400%, 0, 0) } .mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-4 { display: block; -webkit-transform: translate3d(500%, 0, 0); transform: translate3d(500%, 0, 0) } .mm-menu.mm-offcanvas.mm-columns-4 { width: 80%; min-width: 140px; max-width: 1760px } html.mm-opening.mm-columns-4 .mm-slideout { -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0) } @media all and (max-width: 175px) { html.mm-opening.mm-columns-4 .mm-slideout { -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0) } } @media all and (min-width: 2200px) { html.mm-opening.mm-columns-4 .mm-slideout { -webkit-transform: translate3d(1760px, 0, 0); transform: translate3d(1760px, 0, 0) } } .mm-menu.mm-columns-4 .mm-panels>.mm-panel { width: 25% } .mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-5 { -webkit-transform: translate3d(500%, 0, 0); transform: translate3d(500%, 0, 0) } .mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-5 { display: block; -webkit-transform: translate3d(600%, 0, 0); transform: translate3d(600%, 0, 0) } .mm-menu.mm-offcanvas.mm-columns-5 { width: 80%; min-width: 140px; max-width: 2200px } html.mm-opening.mm-columns-5 .mm-slideout { -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0) } @media all and (max-width: 175px) { html.mm-opening.mm-columns-5 .mm-slideout { -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0) } } @media all and (min-width: 2750px) { html.mm-opening.mm-columns-5 .mm-slideout { -webkit-transform: translate3d(2200px, 0, 0); transform: translate3d(2200px, 0, 0) } } .mm-menu.mm-columns-5 .mm-panels>.mm-panel { width: 20% } .mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-6 { -webkit-transform: translate3d(600%, 0, 0); transform: translate3d(600%, 0, 0) } .mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-6 { display: block; -webkit-transform: translate3d(700%, 0, 0); transform: translate3d(700%, 0, 0) } .mm-menu.mm-offcanvas.mm-columns-6 { width: 80%; min-width: 140px; max-width: 2640px } html.mm-opening.mm-columns-6 .mm-slideout { -webkit-transform: translate3d(80%, 0, 0); transform: translate3d(80%, 0, 0) } @media all and (max-width: 175px) { html.mm-opening.mm-columns-6 .mm-slideout { -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0) } } @media all and (min-width: 3300px) { html.mm-opening.mm-columns-6 .mm-slideout { -webkit-transform: translate3d(2640px, 0, 0); transform: translate3d(2640px, 0, 0) } } .mm-menu.mm-columns-6 .mm-panels>.mm-panel { width: 16.67% } em.mm-counter { font: inherit; font-size: 14px; font-style: normal; text-indent: 0; line-height: 20px; display: block; margin-top: -10px; position: absolute; right: 45px; top: 50% } em.mm-counter+a.mm-next { width: 90px } em.mm-counter+a.mm-next+a, em.mm-counter+a.mm-next+span { margin-right: 90px } em.mm-counter+a.mm-fullsubopen { padding-left: 0 } .mm-vertical>.mm-counter { top: 12px; margin-top: 0 } .mm-vertical.mm-spacer>.mm-counter { margin-top: 40px } .mm-nosubresults>.mm-counter { display: none } .mm-menu em.mm-counter { color: rgba(0, 0, 0, .3) } .mm-divider>span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0; line-height: 25px } .mm-divider.mm-opened a.mm-next:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .mm-collapsed:not(.mm-uncollapsed) { display: none } .mm-fixeddivider { background: inherit; display: none; position: absolute; top: 0; left: 0; right: 0; z-index: 2; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mm-fixeddivider:after { content: none!important; display: none!important } .mm-hasdividers .mm-fixeddivider { display: block } .mm-menu .mm-fixeddivider span { background: rgba(0, 0, 0, .05) } html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-slideout { -webkit-transition-duration: 0s; transition-duration: 0s } .mm-menu.mm-dropdown { box-shadow: 0 2px 10px rgba(0, 0, 0, .3); height: 80% } html.mm-dropdown .mm-slideout { -webkit-transform: none!important; -ms-transform: none!important; transform: none!important; z-index: 0 } html.mm-dropdown #mm-blocker { -webkit-transition-delay: 0s!important; transition-delay: 0s!important; z-index: 1 } html.mm-dropdown .mm-menu { z-index: 2 } html.mm-dropdown.mm-opened:not(.mm-opening) .mm-menu { display: none } .mm-menu.mm-tip:before { content: ''; background: inherit; box-shadow: 0 2px 10px rgba(0, 0, 0, .3); display: block; width: 15px; height: 15px; position: absolute; z-index: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .mm-menu.mm-tipleft:before { left: 22px } .mm-menu.mm-tipright:before { right: 22px } .mm-menu.mm-tiptop:before { top: -8px } .mm-menu.mm-tipbottom:before { bottom: -8px } .mm-iconpanel .mm-panel { -webkit-transition-property: left, -webkit-transform; transition-property: left, -webkit-transform; transition-property: transform, left; transition-property: transform, left, -webkit-transform } .mm-iconpanel .mm-panel.mm-opened { border-left: 1px solid; border-color: inherit } .mm-iconpanel .mm-panel.mm-subopened { overflow-y: hidden; left: -40px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mm-iconpanel .mm-panel.mm-iconpanel-0 { left: 0 } .mm-iconpanel .mm-panel.mm-iconpanel-1 { left: 40px } .mm-iconpanel .mm-panel.mm-iconpanel-2 { left: 80px } .mm-iconpanel .mm-panel.mm-iconpanel-3 { left: 120px } .mm-iconpanel .mm-panel.mm-iconpanel-4 { left: 160px } .mm-iconpanel .mm-panel.mm-iconpanel-5 { left: 200px } .mm-iconpanel .mm-panel.mm-iconpanel-6 { left: 240px } .mm-subblocker { background: inherit; opacity: 0; display: block; -webkit-transition: opacity .4s ease; transition: opacity .4s ease } .mm-subopened .mm-subblocker { opacity: .6; position: absolute; top: 0; right: 0; bottom: -100000px; left: 0; z-index: 3 } .mm-navbar-bottom, .mm-navbar-top~.mm-navbar-top { border-bottom: none } .mm-menu>.mm-navbar { background: inherit; padding: 0; z-index: 3; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mm-navbar-bottom { border-top-width: 1px; border-top-style: solid; top: auto; bottom: 0 } .mm-navbar-bottom~.mm-navbar-bottom { border-top: none } .mm-navbar.mm-hasbtns { padding: 0 40px } .mm-navbar[class*=mm-navbar-content-]>* { box-sizing: border-box; display: block; float: left } .mm-navbar .mm-breadcrumbs { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-overflow-scrolling: touch; overflow-x: auto; text-align: left; padding: 0 0 0 17px } .mm-navbar .mm-breadcrumbs>* { display: inline-block; padding: 10px 3px } .mm-navbar .mm-breadcrumbs>a { text-decoration: underline } .mm-navbar.mm-hasbtns .mm-breadcrumbs { margin-left: -40px } .mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden)+.mm-breadcrumbs { margin-left: 0; padding-left: 0 } .mm-navbar-top-1 { top: 0 } .mm-hasnavbar-top-1 .mm-panels, .mm-navbar-top-2 { top: 40px } .mm-hasnavbar-top-2 .mm-panels, .mm-navbar-top-3 { top: 80px } .mm-hasnavbar-top-3 .mm-panels, .mm-navbar-top-4 { top: 120px } .mm-hasnavbar-top-4 .mm-panels { top: 160px } .mm-navbar-bottom-1 { bottom: 0 } .mm-hasnavbar-bottom-1 .mm-panels, .mm-navbar-bottom-2 { bottom: 40px } .mm-hasnavbar-bottom-2 .mm-panels, .mm-navbar-bottom-3 { bottom: 80px } .mm-hasnavbar-bottom-3 .mm-panels, .mm-navbar-bottom-4 { bottom: 120px } .mm-hasnavbar-bottom-4 .mm-panels { bottom: 160px } .mm-navbar-size-2 { height: 80px } .mm-navbar-size-3 { height: 120px } .mm-navbar-size-4 { height: 160px } .mm-navbar-content-2>* { width: 50% } .mm-navbar-content-3>* { width: 33.33% } .mm-navbar-content-4>* { width: 25% } .mm-navbar-content-5>* { width: 20% } .mm-navbar-content-6>* { width: 16.67% } .mm-sronly { text-indent: 10px; overflow: hidden; display: block; width: 1px; height: 1px; position: absolute; z-index: -1 } .mm-search, .mm-search input { box-sizing: border-box } .mm-search { height: 40px; padding: 7px 10px 0; position: relative } .mm-search input { border: none!important; outline: 0!important; box-shadow: none!important; border-radius: 26px; font: inherit; font-size: 14px; line-height: 26px; display: block; width: 100%; height: 26px; min-height: 26px; max-height: 26px; margin: 0; padding: 0 10px } .mm-search input::-ms-clear { display: none } .mm-search .mm-clear, .mm-search .mm-next { right: 0 } .mm-panel>.mm-search { width: 100%; position: absolute; top: 0; left: 0 } .mm-panel.mm-hassearch { padding-top: 40px } .mm-panel.mm-hassearch.mm-hasnavbar { padding-top: 80px } .mm-panel.mm-hassearch.mm-hasnavbar .mm-search { top: 40px } .mm-noresultsmsg { text-align: center; font-size: 21px; padding: 40px 0 } .mm-noresults .mm-indexer { display: none!important } li.mm-nosubresults>a.mm-next { display: none } li.mm-nosubresults>a.mm-next+a, li.mm-nosubresults>a.mm-next+span { padding-right: 10px } .mm-panels>.mm-resultspanel:not(.mm-opened) { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mm-menu .mm-search input { background: rgba(0, 0, 0, .05); color: rgba(0, 0, 0, .7) } .mm-menu .mm-noresultsmsg { color: rgba(0, 0, 0, .3) } .mm-indexer { background: inherit; text-align: center; font-size: 12px; box-sizing: border-box; width: 20px; position: absolute; top: 0; bottom: 0; right: -100px; z-index: 3; -webkit-transition: right .4s ease; transition: right .4s ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mm-indexer a { text-decoration: none; display: block; height: 3.85% } .mm-indexer~.mm-panel.mm-hasindexer { padding-right: 40px } .mm-hasindexer .mm-indexer { right: 0 } .mm-hasindexer .mm-fixeddivider { right: 20px } .mm-menu .mm-indexer a { color: rgba(0, 0, 0, .3) } .mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen+a, .mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen+span, .mm-menu.mm-hoverselected .mm-listview>li>a:not(.mm-fullsubopen), .mm-menu.mm-parentselected .mm-listview>li>a.mm-fullsubopen+a, .mm-menu.mm-parentselected .mm-listview>li>a.mm-fullsubopen+span, .mm-menu.mm-parentselected .mm-listview>li>a:not(.mm-fullsubopen) { -webkit-transition: background .4s ease; transition: background .4s ease } .mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen:hover+span, .mm-menu.mm-hoverselected .mm-listview>li>a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected .mm-listview>li>a.mm-selected.mm-fullsubopen+a, .mm-menu.mm-parentselected .mm-listview>li>a.mm-selected.mm-fullsubopen+span, .mm-menu.mm-parentselected .mm-listview>li>a.mm-selected:not(.mm-fullsubopen) { background: rgba(255, 255, 255, .5) } input.mm-check, input.mm-toggle { position: absolute; left: -10000px } label.mm-check, label.mm-toggle { margin: 0; position: absolute; top: 50%; z-index: 2; right: 20px } label.mm-check:before, label.mm-toggle:before { content: ''; display: block } label.mm-toggle { border-radius: 30px; width: 50px; height: 30px; margin-top: -15px } label.mm-toggle:before { border-radius: 30px; width: 28px; height: 28px; margin: 1px } input.mm-toggle:checked~label.mm-toggle:before { float: right } label.mm-check { width: 30px; height: 30px; margin-top: -15px } label.mm-check:before { border-left: 3px solid; border-bottom: 3px solid; width: 40%; height: 20%; margin: 25% 0 0 20%; opacity: .1; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } input.mm-check:checked~label.mm-check:before { opacity: 1 } li.mm-vertical label.mm-check, li.mm-vertical label.mm-toggle { bottom: auto; margin-top: 0; top: 5px } label.mm-toggle+a, label.mm-toggle+span { padding-right: 80px } label.mm-check+a, label.mm-check+span { padding-right: 60px } a.mm-next+label.mm-check, a.mm-next+label.mm-toggle { right: 60px } a.mm-next+label.mm-check+a, a.mm-next+label.mm-check+span, a.mm-next+label.mm-toggle+a, a.mm-next+label.mm-toggle+span { margin-right: 50px } a.mm-next+label.mm-toggle+a, a.mm-next+label.mm-toggle+span { padding-right: 70px } a.mm-next+label.mm-check+a, a.mm-next+label.mm-check+span { padding-right: 50px } em.mm-counter+a.mm-next+label.mm-check, em.mm-counter+a.mm-next+label.mm-toggle { right: 100px } em.mm-counter+a.mm-next+label.mm-check+a, em.mm-counter+a.mm-next+label.mm-check+span, em.mm-counter+a.mm-next+label.mm-toggle+a, em.mm-counter+a.mm-next+label.mm-toggle+span { margin-right: 90px } .mm-menu label.mm-toggle { background: rgba(0, 0, 0, .1) } .mm-menu label.mm-toggle:before { background: #f3f3f3 } .mm-menu input.mm-toggle:checked~label.mm-toggle { background: #4bd963 } .mm-menu label.mm-check:before { border-color: rgba(0, 0, 0, .7) } .mm-listview.mm-border-none>li:after, .mm-menu.mm-border-none .mm-listview>li:after { content: none } .mm-listview.mm-border-full>li:after, .mm-menu.mm-border-full .mm-listview>li:after { left: 0!important } .mm-listview.mm-border-offset>li:after, .mm-menu.mm-border-offset .mm-listview>li:after { right: 20px } .mm-menu.mm-effect-menu-zoom { -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease } html.mm-opened .mm-menu.mm-effect-menu-zoom { -webkit-transform: scale(.7, .7) translate3d(-30%, 0, 0); transform: scale(.7, .7) translate3d(-30%, 0, 0); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center } html.mm-opening .mm-menu.mm-effect-menu-zoom { -webkit-transform: scale(1, 1) translate3d(0, 0, 0); transform: scale(1, 1) translate3d(0, 0, 0) } html.mm-right.mm-opened .mm-menu.mm-effect-menu-zoom { -webkit-transform: scale(.7, .7) translate3d(30%, 0, 0); transform: scale(.7, .7) translate3d(30%, 0, 0); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center } html.mm-right.mm-opening .mm-menu.mm-effect-menu-zoom { -webkit-transform: scale(1, 1) translate3d(0, 0, 0); transform: scale(1, 1) translate3d(0, 0, 0) } .mm-menu.mm-effect-menu-slide { -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease } html.mm-opened .mm-menu.mm-effect-menu-slide { -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0) } html.mm-opening .mm-menu.mm-effect-menu-slide { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } html.mm-right.mm-opened .mm-menu.mm-effect-menu-slide { -webkit-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0) } html.mm-right.mm-opening .mm-menu.mm-effect-menu-slide { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mm-menu.mm-effect-menu-fade { opacity: 0; -webkit-transition: opacity .4s ease; transition: opacity .4s ease } html.mm-opening .mm-menu.mm-effect-menu-fade { opacity: 1 } .mm-menu.mm-effect-panels-zoom .mm-panel { -webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0); transform: scale(1.5, 1.5) translate3d(100%, 0, 0); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center } .mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened { -webkit-transform: scale(1, 1) translate3d(0, 0, 0); transform: scale(1, 1) translate3d(0, 0, 0) } .mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened.mm-subopened { -webkit-transform: scale(.7, .7) translate3d(-30%, 0, 0); transform: scale(.7, .7) translate3d(-30%, 0, 0) } .mm-menu.mm-effect-panels-slide-0 .mm-panel.mm-subopened { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mm-menu.mm-effect-panels-slide-100 .mm-panel.mm-subopened { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .mm-menu[class*=mm-effect-listitems-] .mm-listview>li { -webkit-transition: none .4s ease; transition: none .4s ease } .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(1) { -webkit-transition-delay: 50ms; transition-delay: 50ms } .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(2) { -webkit-transition-delay: .1s; transition-delay: .1s } .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(3) { -webkit-transition-delay: 150ms; transition-delay: 150ms } .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(4) { -webkit-transition-delay: .2s; transition-delay: .2s } .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(5) { -webkit-transition-delay: 250ms; transition-delay: 250ms } .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(6) { -webkit-transition-delay: .3s; transition-delay: .3s } .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(7) { -webkit-transition-delay: 350ms; transition-delay: 350ms } .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(8) { -webkit-transition-delay: .4s; transition-delay: .4s } .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(9) { -webkit-transition-delay: 450ms; transition-delay: 450ms } .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(10) { -webkit-transition-delay: .5s; transition-delay: .5s } .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(11) { -webkit-transition-delay: 550ms; transition-delay: 550ms } .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(12) { -webkit-transition-delay: .6s; transition-delay: .6s } .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(13) { -webkit-transition-delay: 650ms; transition-delay: 650ms } .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(14) { -webkit-transition-delay: .7s; transition-delay: .7s } .mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(15) { -webkit-transition-delay: 750ms; transition-delay: 750ms } .mm-menu.mm-effect-listitems-slide .mm-listview>li { -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); opacity: 0 } html.mm-opening .mm-menu.mm-effect-listitems-slide .mm-panel.mm-opened .mm-listview>li { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } .mm-menu.mm-effect-listitems-fade .mm-listview>li { -webkit-transition-property: opacity; transition-property: opacity; opacity: 0 } html.mm-opening .mm-menu.mm-effect-listitems-fade .mm-panel.mm-opened .mm-listview>li { opacity: 1 } .mm-menu.mm-effect-listitems-drop .mm-listview>li { -webkit-transition-property: opacity, top; transition-property: opacity, top; opacity: 0; top: -25% } html.mm-opening .mm-menu.mm-effect-listitems-drop .mm-panel.mm-opened .mm-listview>li { opacity: 1; top: 0 } .mm-menu.mm-offcanvas.mm-fullscreen { width: 100%; min-width: 140px; max-width: 10000px } html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } @media all and (max-width: 140px) { html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate3d(140px, 0, 0); transform: translate3d(140px, 0, 0) } } @media all and (min-width: 10000px) { html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate3d(10000px, 0, 0); transform: translate3d(10000px, 0, 0) } } html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } @media all and (max-width: 140px) { html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate3d(-140px, 0, 0); transform: translate3d(-140px, 0, 0) } } @media all and (min-width: 10000px) { html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate3d(-10000px, 0, 0); transform: translate3d(-10000px, 0, 0) } } .mm-menu.mm-offcanvas.mm-fullscreen.mm-bottom, .mm-menu.mm-offcanvas.mm-fullscreen.mm-top { height: 100%; min-height: 140px; max-height: 10000px } html.mm-opened.mm-fullscreen .mm-page { box-shadow: none!important } .mm-menu .mm-panels>.mm-panel.mm-justified-listview:after, .mm-menu .mm-panels>.mm-panel.mm-justified-listview:before, .mm-menu.mm-justified-listview .mm-panels>.mm-panel:after, .mm-menu.mm-justified-listview .mm-panels>.mm-panel:before { content: none; display: none } .mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview, .mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; height: 100%; margin-top: 0; margin-bottom: 0 } .mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider), .mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider) { -webkit-box-flex: 1; -webkit-flex: 1 1 0; -ms-flex: 1 1 0; flex: 1 1 0 } .mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>a:not(.mm-next), .mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>span, .mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>a:not(.mm-next), .mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>span { box-sizing: border-box; height: 100% } .mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>a:not(.mm-next):before, .mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>span:before, .mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>a:not(.mm-next):before, .mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>span:before { content: ''; vertical-align: middle; display: inline-block; height: 100%; width: 0 } .mm-listview.mm-multiline>li .mm-listview>li.mm-multiline>a, .mm-listview.mm-multiline>li .mm-listview>li.mm-multiline>span, .mm-menu.mm-multiline .mm-listview>li>a, .mm-menu.mm-multiline .mm-listview>li>span { text-overflow: clip; white-space: normal } html.mm-pagedim #mm-blocker, html.mm-pagedim-black #mm-blocker, html.mm-pagedim-white #mm-blocker { opacity: 0 } html.mm-pagedim-black.mm-opening #mm-blocker, html.mm-pagedim-white.mm-opening #mm-blocker, html.mm-pagedim.mm-opening #mm-blocker { opacity: .3; -webkit-transition: opacity .4s ease .4s; transition: opacity .4s ease .4s } html.mm-pagedim #mm-blocker { background: inherit } html.mm-pagedim-white #mm-blocker { background: #fff } html.mm-pagedim-black #mm-blocker { background: #000 } .mm-menu.mm-pageshadow:after { content: ""; display: block; width: 20px; height: 120%; position: absolute; left: 100%; top: -10%; z-index: 99; box-shadow: 0 0 10px rgba(0, 0, 0, .3) } .mm-menu.mm-pageshadow.mm-right:after { left: auto; right: 100% } .mm-menu.mm-pageshadow.mm-front:after, .mm-menu.mm-pageshadow.mm-next:after { content: none; display: none } .mm-menu.mm-popup { -webkit-transition: opacity .4s ease; transition: opacity .4s ease; opacity: 0; box-shadow: 0 2px 10px rgba(0, 0, 0, .3); height: 80%; min-height: 140px; max-height: 880px; top: 50%; left: 50%; bottom: auto; right: auto; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0) } html.mm-popup.mm-opening .mm-menu.mm-popup { opacity: 1 } html.mm-popup .mm-slideout { -webkit-transform: none!important; -ms-transform: none!important; transform: none!important; z-index: 0 } html.mm-popup #mm-blocker { -webkit-transition-delay: 0s!important; transition-delay: 0s!important; z-index: 1 } html.mm-popup .mm-menu { z-index: 2 } .mm-menu.mm-offcanvas.mm-right { left: auto } html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate3d(-80%, 0, 0); transform: translate3d(-80%, 0, 0) } @media all and (max-width: 175px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate3d(-140px, 0, 0); transform: translate3d(-140px, 0, 0) } } @media all and (min-width: 550px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate3d(-440px, 0, 0); transform: translate3d(-440px, 0, 0) } } html.mm-front .mm-slideout { -webkit-transform: none!important; -ms-transform: none!important; transform: none!important; z-index: 0 } html.mm-front #mm-blocker { z-index: 1 } html.mm-front .mm-menu.mm-offcanvas { z-index: 2 } .mm-menu.mm-offcanvas.mm-front, .mm-menu.mm-offcanvas.mm-next { -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .mm-menu.mm-offcanvas.mm-front.mm-right, .mm-menu.mm-offcanvas.mm-next.mm-right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } .mm-menu.mm-offcanvas.mm-top { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } .mm-menu.mm-offcanvas.mm-bottom { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); top: auto } .mm-menu.mm-offcanvas.mm-bottom, .mm-menu.mm-offcanvas.mm-top { width: 100%; min-width: 100%; max-width: 100%; height: 80%; min-height: 140px; max-height: 880px } html.mm-opening .mm-menu.mm-offcanvas.mm-front, html.mm-opening .mm-menu.mm-offcanvas.mm-next { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mm-menu.mm-theme-dark { background: #333; border-color: rgba(0, 0, 0, .15); color: rgba(255, 255, 255, .8) } .mm-menu.mm-theme-dark .mm-navbar a, .mm-menu.mm-theme-dark .mm-navbar>*, .mm-menu.mm-theme-dark em.mm-counter { color: rgba(255, 255, 255, .4) } .mm-menu.mm-theme-dark .mm-btn:after, .mm-menu.mm-theme-dark .mm-btn:before { border-color: rgba(255, 255, 255, .4) } .mm-menu.mm-theme-dark .mm-listview { border-color: rgba(0, 0, 0, .15) } .mm-menu.mm-theme-dark .mm-listview>li .mm-arrow:after, .mm-menu.mm-theme-dark .mm-listview>li .mm-next:after { border-color: rgba(255, 255, 255, .4) } .mm-menu.mm-theme-dark .mm-listview>li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(0, 0, 0, .1); tap-highlight-color: rgba(0, 0, 0, .1) } .mm-menu.mm-theme-dark .mm-listview>li.mm-selected>a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview>li.mm-selected>span { background: rgba(0, 0, 0, .1) } .mm-menu.mm-theme-dark .mm-divider, .mm-menu.mm-theme-dark .mm-fixeddivider span, .mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>.mm-panel, .mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>a.mm-next, .mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>.mm-panel, .mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>a.mm-next { background: rgba(255, 255, 255, .05) } .mm-menu.mm-theme-dark label.mm-check:before { border-color: rgba(255, 255, 255, .8) } .mm-menu.mm-pageshadow.mm-theme-dark:after { box-shadow: 0 0 20px rgba(0, 0, 0, .5) } .mm-menu.mm-theme-dark .mm-search input { background: rgba(255, 255, 255, .3); color: rgba(255, 255, 255, .8) } .mm-menu.mm-theme-dark .mm-indexer a, .mm-menu.mm-theme-dark .mm-noresultsmsg { color: rgba(255, 255, 255, .4) } .mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a.mm-fullsubopen:hover+span, .mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+a, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+span, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected:not(.mm-fullsubopen) { background: rgba(0, 0, 0, .1) } .mm-menu.mm-theme-dark label.mm-toggle { background: rgba(0, 0, 0, .15) } .mm-menu.mm-theme-dark label.mm-toggle:before { background: #333 } .mm-menu.mm-theme-dark input.mm-toggle:checked~label.mm-toggle { background: #4bd963 } .mm-menu.mm-theme-white { background: #fff; border-color: rgba(0, 0, 0, .1); color: rgba(0, 0, 0, .6) } .mm-menu.mm-theme-white .mm-navbar a, .mm-menu.mm-theme-white .mm-navbar>*, .mm-menu.mm-theme-white em.mm-counter { color: rgba(0, 0, 0, .3) } .mm-menu.mm-theme-white .mm-btn:after, .mm-menu.mm-theme-white .mm-btn:before { border-color: rgba(0, 0, 0, .3) } .mm-menu.mm-theme-white .mm-listview { border-color: rgba(0, 0, 0, .1) } .mm-menu.mm-theme-white .mm-listview>li .mm-arrow:after, .mm-menu.mm-theme-white .mm-listview>li .mm-next:after { border-color: rgba(0, 0, 0, .3) } .mm-menu.mm-theme-white .mm-listview>li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(0, 0, 0, .05); tap-highlight-color: rgba(0, 0, 0, .05) } .mm-menu.mm-theme-white .mm-listview>li.mm-selected>a:not(.mm-next), .mm-menu.mm-theme-white .mm-listview>li.mm-selected>span { background: rgba(0, 0, 0, .05) } .mm-menu.mm-theme-white .mm-divider, .mm-menu.mm-theme-white .mm-fixeddivider span, .mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>.mm-panel, .mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>a.mm-next, .mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>.mm-panel, .mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>a.mm-next { background: rgba(0, 0, 0, .03) } .mm-menu.mm-theme-white label.mm-check:before { border-color: rgba(0, 0, 0, .6) } .mm-menu.mm-pageshadow.mm-theme-white:after { box-shadow: 0 0 10px rgba(0, 0, 0, .2) } .mm-menu.mm-theme-white .mm-search input { background: rgba(0, 0, 0, .05); color: rgba(0, 0, 0, .6) } .mm-menu.mm-theme-white .mm-indexer a, .mm-menu.mm-theme-white .mm-noresultsmsg { color: rgba(0, 0, 0, .3) } .mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a.mm-fullsubopen:hover+span, .mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+a, .mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+span, .mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected:not(.mm-fullsubopen) { background: rgba(0, 0, 0, .05) } .mm-menu.mm-theme-white label.mm-toggle { background: rgba(0, 0, 0, .1) } .mm-menu.mm-theme-white label.mm-toggle:before { background: #fff } .mm-menu.mm-theme-white input.mm-toggle:checked~label.mm-toggle { background: #4bd963 } .mm-menu.mm-theme-black { background: #000; border-color: rgba(255, 255, 255, .2); color: rgba(255, 255, 255, .6) } .mm-menu.mm-theme-black .mm-navbar a, .mm-menu.mm-theme-black .mm-navbar>*, .mm-menu.mm-theme-black em.mm-counter { color: rgba(255, 255, 255, .4) } .mm-menu.mm-theme-black .mm-btn:after, .mm-menu.mm-theme-black .mm-btn:before { border-color: rgba(255, 255, 255, .4) } .mm-menu.mm-theme-black .mm-listview { border-color: rgba(255, 255, 255, .2) } .mm-menu.mm-theme-black .mm-listview>li .mm-arrow:after, .mm-menu.mm-theme-black .mm-listview>li .mm-next:after { border-color: rgba(255, 255, 255, .4) } .mm-menu.mm-theme-black .mm-listview>li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(255, 255, 255, .3); tap-highlight-color: rgba(255, 255, 255, .3) } .mm-menu.mm-theme-black .mm-listview>li.mm-selected>a:not(.mm-next), .mm-menu.mm-theme-black .mm-listview>li.mm-selected>span { background: rgba(255, 255, 255, .3) } .mm-menu.mm-theme-black .mm-divider, .mm-menu.mm-theme-black .mm-fixeddivider span, .mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>.mm-panel, .mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>a.mm-next, .mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>.mm-panel, .mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>a.mm-next { background: rgba(255, 255, 255, .2) } .mm-menu.mm-theme-black label.mm-check:before { border-color: rgba(255, 255, 255, .6) } .mm-menu.mm-pageshadow.mm-theme-black:after { content: none; display: none } .mm-menu.mm-theme-black .mm-search input { background: rgba(255, 255, 255, .3); color: rgba(255, 255, 255, .6) } .mm-menu.mm-theme-black .mm-indexer a, .mm-menu.mm-theme-black .mm-noresultsmsg { color: rgba(255, 255, 255, .4) } .mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a.mm-fullsubopen:hover+span, .mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+a, .mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+span, .mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected:not(.mm-fullsubopen) { background: rgba(255, 255, 255, .3) } .mm-menu.mm-theme-black label.mm-toggle { background: rgba(255, 255, 255, .2) } .mm-menu.mm-theme-black label.mm-toggle:before { background: #000 } .mm-menu.mm-theme-black input.mm-toggle:checked~label.mm-toggle { background: #4bd963 } .mm-menu .mm-tileview.mm-listview:after, .mm-menu.mm-tileview .mm-listview:after { content: ''; display: block; clear: both } .mm-menu .mm-tileview.mm-listview>li>.mm-next:after, .mm-menu .mm-tileview.mm-listview>li>.mm-next:before, .mm-menu.mm-tileview .mm-listview>li>.mm-next:after, .mm-menu.mm-tileview .mm-listview>li>.mm-next:before, .mm-menu.mm-tileview .mm-panel:after { content: none; display: none } .mm-menu .mm-tileview.mm-listview>li, .mm-menu.mm-tileview .mm-listview>li { width: 50%; height: 0; padding: 50% 0 0; float: left; position: relative } .mm-menu .mm-tileview.mm-listview>li:after, .mm-menu.mm-tileview .mm-listview>li:after { left: 0; top: 0; border-right-width: 1px; border-right-style: solid; z-index: -1 } .mm-menu .mm-tileview.mm-listview>li.mm-tile-xs, .mm-menu.mm-tileview .mm-listview>li.mm-tile-xs { width: 12.5%; padding-top: 12.5% } .mm-menu .mm-tileview.mm-listview>li.mm-tile-s, .mm-menu.mm-tileview .mm-listview>li.mm-tile-s { width: 25%; padding-top: 25% } .mm-menu .mm-tileview.mm-listview>li.mm-tile-l, .mm-menu.mm-tileview .mm-listview>li.mm-tile-l { width: 75%; padding-top: 75% } .mm-menu .mm-tileview.mm-listview>li.mm-tile-xl, .mm-menu.mm-tileview .mm-listview>li.mm-tile-xl { width: 100%; padding-top: 100% } .mm-menu .mm-tileview.mm-listview>li>a, .mm-menu .mm-tileview.mm-listview>li>span, .mm-menu.mm-tileview .mm-listview>li>a, .mm-menu.mm-tileview .mm-listview>li>span { line-height: 1px; text-align: center; padding: 50% 10px 0; margin: 0; position: absolute; top: 0; right: 1px; bottom: 1px; left: 0 } .mm-menu .mm-tileview.mm-listview>li>.mm-next, .mm-menu.mm-tileview .mm-listview>li>.mm-next { width: auto } .mm-menu.mm-tileview .mm-panel { padding-left: 0; padding-right: 0 } .mm-menu.mm-tileview .mm-listview { margin: 0 } /*===================================== = Responsive =====================================*/ @media screen and (max-width: 1520px) { .margin-1200 { width: 98%; } .container, #comments { padding: 0px 10%; } .post-thumb a { height: 343px; } .footer-widget { width: 22%; } #related-posts li { height: 400px; } } @media screen and (max-width: 1300px) { .container, #comments { padding: 0px 5%; } .post-thumb a { height: 343px; } #related-posts li { height: 370px; } } @media screen and (max-width: 1140px) { .container, #comments { padding: 0px 5%; } .mobile-menu-trigger { display: block; } #menu { display: none; } .post-thumb a { height: 343px; } .footer-widget.last { display: none; } .footer-widget { width: 31%; margin-left: 3%; } #related-posts li { height: 330px; } .copyrights p { width: 100%; text-align: center; } .copyrights .right { width: 100%; } } @media screen and (max-width: 1020px) { .post-thumb a { height: 280px; } #related-posts li { height: 320px; } .post-home .post-content { font-size: 16px; } .post-home h1.post-title { font-size: 25px; line-height: 30px; margin: 5px 0px; } .post-info { bottom: 10px; } #related-posts li { width: 50%; height: 300px; } .stag-one-half { width: 45%; } } @media screen and (max-width: 800px) { .post-thumb a { height: 220px; } .post-outer { width: 50%; } .follow-by-email-inner td { width: 75% } .follow-by-email-inner td:last-child { width: 25%; } .item .post-info { top: 10%; } .item .post-thumb a { height: 638px; } } @media screen and (max-width: 650px) { #related-posts li { width: 100%; } .footer-widget { width: 100%; margin: 0; margin-bottom: 40px!important; } .footer-widget.last { display: block; } } @media screen and (max-width: 600px) { .post-thumb a { height: 180px; } .post-home .post-content { font-size: 12px; } .post-home h1.post-title { font-size: 16px; line-height: 20px; margin: 5px 0px; } .post-info { bottom: 10px; } .profile-data a { font-size: 23px; } .profile-textblock { font-size: 16px; } a.profile-link { font-size: 14px; } .home-layout h2 { font-size: 23px; margin: 25px 0 20px 0px; } .home-layout p { font-size: 16px; } .home-layout .PopularPosts a { font-size: 21px; } .home-layout .PopularPosts .item-snippet { font-size: 15px; line-height: 22px; } } @media screen and (max-width: 420px) { .stag-one-half { width: 100%; } .post-thumb a { height: 150px; } .post-outer { width: 100%; } .Profile img { width: 100%; height: auto; padding: 0px 60px 0px 60px; margin: 0px 0px 20px 0px; } .profile-datablock { text-align: center; } .Profile img { width: 100%; height: auto; padding: 0px 60px 0px 60px; margin: 0px 0px 20px 0px; } .profile-datablock { text-align: center; } .profile-data a { font-size: 23px; } .profile-textblock { font-size: 16px; } a.profile-link { font-size: 14px; } .home-layout { margin: 30px 0px; } .home-layout .PopularPosts .item-thumbnail { width: 100%; height: auto; } .home-layout .PopularPosts .item-thumbnail img { width: 100%; height: auto; } .copyrights .right { padding: 0; width: 100%; } .copyrights .right li { margin: 0; width: 100%; } .showpageArea { float: left; text-align: left; } .showpageOf { display: none; } } ]]>