@charset "UTF-8";html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}::-webkit-scrollbar{width:10px;height:10px;background-color:#f5f5f5}::-webkit-scrollbar-track{background-color:#e0e0e0}::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,.3);background-color:#34495e}.container{margin-left:auto;margin-right:auto}@media(max-width:575px){.container{max-width:460px;padding-left:10px;padding-right:10px}}@media(min-width:768px){.container{max-width:720px;padding-left:15px;padding-right:15px}}@media(max-width:991px){.container .container.small{padding:0}}@media(min-width:992px){.container{max-width:960px}.container.small{max-width:780px}}@media(max-width:1229px){.container .container.medium{padding:0}}@media(min-width:1230px){.container{max-width:1200px}.container.medium{max-width:1030px}.full-screen .container{max-width:1440px}}@media(min-width:1450px){.max_width .container{max-width:1440px}.max_width .container.medium{max-width:1020px}.max_width .col-lg-1-5{flex:0 0 20%;width:20%;max-width:20%}}.container.medium{max-width:1030px}.row,.navbar .menu-item-mega>.sub-menu{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.navbar .menu-item-mega>.sub-menu>.menu-item,.navbar .menu-item-mega.mega-col-2>.sub-menu>.menu-item,.navbar .menu-item-mega.mega-col-3>.sub-menu>.menu-item,.navbar .menu-item-mega.mega-col-6>.sub-menu>.menu-item{min-height:1px;padding-left:15px;padding-right:15px;position:relative;width:100%}.col-1{flex:0 0 8.333333%;max-width:8.333333%}.col-2{flex:0 0 16.666667%;max-width:16.666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-5{flex:0 0 41.666667%;max-width:41.666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.333333%;max-width:58.333333%}.col-8{flex:0 0 66.666667%;max-width:66.666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.333333%;max-width:83.333333%}.col-11{flex:0 0 91.666667%;max-width:91.666667%}.col-12{flex:0 0 100%;max-width:100%}@media(min-width:576px){.col-sm-1{flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{flex:0 0 100%;max-width:100%}}@media(min-width:768px){.col-md-1{flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{flex:0 0 100%;max-width:100%}}@media(min-width:992px){.col-lg-1{flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2,.navbar .menu-item-mega.mega-col-6>.sub-menu>.menu-item{flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3,.navbar .menu-item-mega>.sub-menu>.menu-item{flex:0 0 25%;max-width:25%}.col-lg-4,.navbar .menu-item-mega.mega-col-3>.sub-menu>.menu-item{flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6,.navbar .menu-item-mega.mega-col-2>.sub-menu>.menu-item{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{flex:0 0 100%;max-width:100%}}@media(min-width:1200px){.col-xl-1{flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{flex:0 0 100%;max-width:100%}}@media(max-width:575px){.hidden-xs{display:none!important}}@media(min-width:576px) and (max-width:767px){.hidden-sm{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-md{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-lg{display:none!important}}@media(min-width:1200px){.hidden-xl{display:none!important}}html{box-sizing:border-box;--accent-color:#1a1a1a}*,*:before,*:after{box-sizing:inherit}body{background-color:#f6f6f6;color:#555;font-family:Lato,sans-serif;font-size:15px;line-height:24px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:#34495e;text-decoration:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}a:hover{opacity:.8}h1,h2,h3,h4,h5,h6{color:#555;font-weight:700;line-height:1.2;margin:0 0 15px}p{margin:0 0 15px}img{display:block;height:auto;max-width:100%;vertical-align:middle}img.emoji{display:inline!important;border:none!important;box-shadow:none!important;height:1em!important;width:1em!important;margin:0 .07em!important;vertical-align:-.1em!important;background:0 0!important;padding:0!important}blockquote{}blockquote p{line-height:30px!important}blockquote>*:last-child{margin-bottom:0!important}blockquote cite{color:#aaa;display:block;font-size:14px;font-style:normal;margin-top:-5px}hr{background-color:#1a1a1a;border:0;border-radius:50%;height:5px;margin:30px auto;position:relative;width:5px}hr:before,hr:after{background-color:#1a1a1a;border-radius:50%;content:"";height:5px;position:absolute;width:5px}hr:before{right:20px}hr:after{left:20px}table{border-collapse:collapse;font-size:13px;margin:0 0 15px;word-break:normal}th,td{border:1px solid #f4f4f4;padding:8px 12px}ul,ol,dl{margin:30px 0;padding-left:30px}dl{padding-left:0}dt{font-weight:700}dd{margin:0 0 15px}iframe,embed{border:0;display:block;overflow:hidden;width:100%}figure{margin:0}pre{overflow-y:scroll}input[type=text],input[type=password],input[type=email],input[type=search],input[type=number],input[type=tel],textarea{border:0;border-radius:0;font-family:Lato,sans-serif;line-height:36px;margin-bottom:10px;padding:0 12px;transition:border-color cubic-bezier(.77,0,.175,1);width:100%;border:1px solid #f1f1f1}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=search]:focus,input[type=number]:focus,input[type=tel]:focus,textarea:focus{}textarea{height:100%;line-height:1;padding:9px 12px;resize:vertical;border:1px solid #d0d0d0;border-radius:4px;max-height:80px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC);background-position:center right;background-repeat:no-repeat;border:1px solid #e6e6e6;border-radius:0;color:#1a1a1a;font-family:inherit;font-size:14px;height:40px;line-height:40px;outline:none;padding:0 14px;width:100%}label{display:inline-block;margin-bottom:5px;vertical-align:middle}input[type=checkbox]+label{margin-bottom:0;margin-left:2px}@-webkit-keyframes hue{from{-webkit-filter:hue-rotate(0deg)}to{-webkit-filter:hue-rotate(-360deg)}}form.inline{position:relative}form.inline .inline-field{margin-bottom:0;padding-right:20px;text-overflow:ellipsis;outline:none}form.inline button[type=submit]{background-color:transparent;border:0;color:#1a1a1a;font-size:16px;height:30px;line-height:30px;margin-top:-15px;padding:0;position:absolute;right:0;text-align:center;top:50%;width:30px}.dropdown,.dropdown div,.dropdown li,.dropdown div::after{-webkit-transition:all 150ms ease-in-out;-moz-transition:all 150ms ease-in-out;-ms-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out}.dropdown .selected::after,.dropdown.scrollable div::after{-webkit-pointer-events:none;-moz-pointer-events:none;-ms-pointer-events:none;pointer-events:none}.dropdown{position:relative;width:100%;border:1px solid #ccc;cursor:pointer;background:#fff;border-radius:3px;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-bottom:10px}.dropdown.open{z-index:99999}.dropdown:hover{box-shadow:0 0 5px rgba(0,0,0,.15)}.dropdown.focus{box-shadow:0 0 5px rgba(51,102,248,.4)}.dropdown .carat{position:absolute;right:12px;top:50%;margin-top:-4px;border:6px solid transparent;border-top:8px solid #a2a2a2}.dropdown.open .carat{margin-top:-10px;border-top:6px solid transparent;border-bottom:8px solid #34495e}.dropdown.disabled .carat{border-top-color:#999}.dropdown .old{position:absolute;left:0;top:0;height:0;width:0;overflow:hidden}.dropdown select{position:absolute;left:0;top:0}.dropdown.touch .old{width:100%;height:100%}.dropdown.touch select{width:100%;height:100%;opacity:0}.dropdown .selected,.dropdown li{display:block;font-size:15px;line-height:1;padding:9px 12px;overflow:hidden;white-space:nowrap}.dropdown.disabled .selected{color:#999}.dropdown .selected::after{content:'';position:absolute;right:0;top:0;bottom:0;width:60px;border-radius:0 2px 2px 0;box-shadow:inset -55px 0 25px -20px #fff}.dropdown div{position:absolute;height:0;left:-1px;right:-1px;top:100%;margin-top:-1px;background:#fff;border:1px solid #ccc;border-top:1px solid #eee;border-radius:0 0 3px 3px;overflow:hidden;opacity:0;z-index:99}.dropdown.open div{opacity:1;z-index:2}.dropdown.scrollable div::after{content:'';position:absolute;left:0;right:0;bottom:0;height:50px;box-shadow:inset 0 -50px 30px -35px #fff}.dropdown.scrollable.bottom div::after{opacity:0}.dropdown ul{position:absolute;left:0;top:0;height:100%;width:100%;list-style:none;overflow:hidden;padding:0;margin:0}.dropdown.scrollable.open ul{overflow-y:auto}.dropdown li{list-style:none;padding:8px 12px}.dropdown li.focus{background:#34495e;position:relative;z-index:3;color:#fff}.dropdown li.active{font-weight:700}.d-block{display:block!important}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.button,input[type=submit],button[type=submit],.navigation .nav-previous a,.navigation .nav-next a{border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-family:Lato,sans-serif;font-size:11px;font-weight:500;letter-spacing:1px;line-height:1;outline:none;padding:12px 20px;text-align:center;background-color:#34495e}.button:hover,input[type=submit]:hover,button[type=submit]:hover,.navigation .nav-previous a:hover,.navigation .nav-next a:hover{opacity:.8;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.button.transparent,input[type=submit].transparent,button[type=submit].transparent,.navigation .nav-previous a.transparent,.navigation .nav-next a.transparent{background-color:transparent!important;border:1px solid rgba(255,255,255,.3)}.btn-file input[type=file]{position:absolute;top:0;right:0;width:100%;height:100%;font-size:100px;text-align:right;filter:alpha(opacity=0);opacity:0;outline:none;background:#fff;cursor:pointer;display:block}.btn{border:none;border-radius:4px;cursor:pointer;display:inline-block;font-size:11px;font-weight:600;letter-spacing:1px;line-height:36px;outline:none;padding:0 18px;text-align:center;position:relative}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=35);-webkit-box-shadow:none;box-shadow:none;opacity:.35}.btn:hover{opacity:.8;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.btn--def{color:#fff;background:#34495e;background:-webkit-gradient(linear,left top,right top,from(#34495e),to(#475f77));background:-webkit-linear-gradient(left,#34495e,#475f77);background:linear-gradient(90deg,#34495e,#475f77);-webkit-box-shadow:0 3px 5px rgba(52,73,94,.5)); box-shadow:0 3px 5px rgba(52,73,94,.5)); } .btn--primary { color:#ffffff; background:#34495e; background:-webkit-gradient(linear,left top,right top,from(#34495e),to(#475f77)); background:-webkit-linear-gradient(left,#34495e,#475f77); background:linear-gradient(90deg,#34495e,#475f77); -webkit-box-shadow:0 3px 5px rgba(52,73,94,.5)); box-shadow:0 3px 5px rgba(52,73,94,.5)); } .btn--secondary { color:#ffffff; background:#20a0ff; background:-webkit-gradient(linear,left top,right top,from(#20a0ff),to(#20b8ff)); background:-webkit-linear-gradient(left,#20a0ff,#20b8ff); background:linear-gradient(90deg,#20a0ff,#20b8ff); -webkit-box-shadow:0 3px 5px rgba(32,160,255,.5); box-shadow:0 3px 5px rgba(32,160,255,.5); } .btn--danger { color:#ffffff; background:#61be33; background:-webkit-gradient(linear,left top,right top,from(#61be33),to(#8fce44)); background:-webkit-linear-gradient(left,#61be33,#8fce44); background:linear-gradient(90deg,#61be33,#8fce44); -webkit-box-shadow:0 3px 5px rgba(104,195,59,.5); box-shadow:0 3px 5px rgba(104,195,59,.5); } .btn--white { background-color:#FFF; color:#34495e; -webkit-box-shadow:0 3px 5px rgba(52,73,94,.5)); box-shadow:0 3px 5px rgba(52,73,94,.5)); } .btn--block { width:100%!important; } .site { position:relative; overflow:hidden; } .site-content { padding-bottom:60px; padding-top:60px; } .home .site-content { padding-bottom:0; padding-top:0; } .single-post .site-content { padding-bottom:30px; } @media (max-width:767px) { .site-content { padding-bottom:30px; padding-top:30px; } .page-template-page-modular .site-content { padding-bottom:15px; padding-top:15px; } } .sidebar-right .sidebar-column .widget-area { } .sidebar-left .sidebar-column .widget-area { padding-right:30px; } @media (max-width:575px) { .sidebar-column .widget-area { margin:60px auto 0; max-width:300px; padding:0!important; } } @media (max-width:991px) { .sidebar-column .widget-area { margin:10px auto 0; max-width:460px; padding:0!important; } } @media (min-width:992px) { .content-column { flex:0 0 72%; max-width:72%; } .sidebar-column { flex:0 0 28%; max-width:28%; } .sidebar-left .sidebar-column { order:-1; } } .u-clearfix:before,.u-clearfix:after { content:" "; display:table; } .u-clearfix:after { clear:both; } .u-plain-list { list-style-type:none; margin:0; padding:0; } .u-permalink { bottom:0; left:0; outline:none; position:absolute; right:0; top:0; z-index:50; } .u-border-title { align-items:center; display:flex; } .u-border-title:before { background-color:#1a1a1a; content:""; height:2px; margin-right:10px; width:30px; } .u-text-format>*:first-child,.u-text-format>*:first-child>*:first-child { margin-top:0!important; } .u-text-format>*:last-child,.u-text-format>*:last-child>*:last-child { margin-bottom:0!important; } .u-text-format h1,.u-text-format h2,.u-text-format h3,.u-text-format h4,.u-text-format h5,.u-text-format h6 { font-weight:900; margin-bottom:12px; margin-top:12px; } .u-text-format h1 { font-size:28px; } .u-text-format h2 { font-size:25px; } .u-text-format h3 { font-size:22px; } .u-text-format h4 { font-size:19px; } .u-text-format h5 { font-size:16px; } .u-text-format h6 { font-size:13px; } .u-text-format ul ul,.u-text-format ol ul,.u-text-format dl ul,.u-text-format ul ol,.u-text-format ol ol,.u-text-format dl ol,.u-text-format ul dl,.u-text-format ol dl,.u-text-format dl dl { margin:0; } .u-text-format li { margin:5px 0; } .u-text-format a { font-weight:700; text-decoration:underline; } .u-text-format .fluid-width-video-wrapper { margin:30px 0; } .u-module-margin { margin:-30px 0; } .u-module-margin .post { margin:30px 0; } @media (max-width:767px) { .u-module-margin { margin:-15px 0; } .u-module-margin .post { margin:15px 0; } } .lazyload:not(.visible),.lazyloading:not(.visible) { opacity:0; } .lazyloaded { opacity:1; transition:opacity 0.3s cubic-bezier(0.77,0,0.175,1); } .wpcf7 p { font-family:Lato,sans-serif!important; } .wpcf7-form { margin:30px 0; } .wpcf7-form label { display:block; } .wpcf7-form-control-wrap { display:block; margin-top:5px; } .boxes2 .owl-nav { display:block!important; } .boxes2 .owl-prev,.boxes2 .owl-next { top:70px; } .owl .owl-prev.disabled,.owl .owl-next.disabled { background-color:#aaa!important; cursor:default; } div.wpcf7-response-output { background-color:#f4f4f4; border:0; line-height:1.2; margin:30px 0 0; padding:15px; text-align:center; } .section.search.parallax { display:flex; min-height:200px; position:relative; text-align:center; padding:0; } .section.search.parallax img { height:100%; left:0; -o-object-fit:cover; object-fit:cover; position:absolute; top:0; width:100%; } .section.search.parallax .container { margin:auto; padding-bottom:0; padding-top:0; width:100%; } .cs-header { background:url(https://res.cloudinary.com/uisumo-com/image/upload/v1504072750/static-site-assets/Banner-UISUMO-02.jpg); background-position:center; background-size:cover; background-repeat:no-repeat; position:relative; } .home .gridpost-bg { background-position:center center; background-size:cover; background-repeat:no-repeat; background-attachment:fixed; } .home-cat-nav-wrap { margin-bottom:30px; position:relative; background-color:#fff; padding:5px 10px; border-radius:4px; } .home-cat-nav-wrap ul { list-style:none; margin:0; padding:0; display:flex; justify-content:center; align-items:center; } .home-cat-nav-wrap ul li { margin:0 3px; } .home-cat-nav-wrap ul li:hover .btn { background-color:#f6f6f6; } .home-filter--content { display:block; width:100%; z-index:2; position:relative; box-shadow:0 34px 20px -24px rgba(0,36,100,0.06); padding:20px; background:linear-gradient(to right,#34495e,#4e6b88,#34495e); background-position:center center; background-size:cover; background-repeat:no-repeat; } .home-filter--content:before { content:''; position:absolute; left:0; top:0; height:100%; width:100%; background-color:rgba(91,91,91,0.4); z-index:-1; } .home-filter--content .focusbox-title { margin-bottom:10px; color:#fff; font-weight:400; font-size:28px; text-align:center; padding-top:60px; letter-spacing:5px; } .home-filter--content .focusbox-desc { color:#ffffff; font-weight:400; text-align:center; } .home-filter--content .form-box { padding:10px; background-color:rgba(255,255,255,0.2); border-radius:4px; position:relative; margin-bottom:60px; margin-right:20%; margin-left:20%; z-index:999; } .home-filter--content { padding:20px 0; } .home-filter--content .form-box { margin-bottom:100px; } .home-filter--content .form-box input[type="text"] { border:1px solid #cccc; border-radius:4px; padding-right:6em; padding-left:1em; width:100%!important; margin:0; } .home-filter--content .home-search-results { position:absolute; top:65px; width:100%; left:0; background-color:#ffffff; overflow:hidden; z-index:999; border-radius:4px; visibility:visible; animation-duration:300ms; height:auto; display:none; animation-name:aspAnFadeInDrop; -webkit-animation-name:aspAnFadeInDrop; box-shadow:0 10px 20px rgba(213,213,213,0.4); border:1px solid #dcdcdc; } .home-search-results li { list-style:none; padding:8px 13px; line-height:1; padding-left:100px; overflow:hidden; } .home-search-results li strong { text-align:center; padding:10px 0; width:100%; display:inline-block; padding-right:100px; font-size:15px; font-weight:normal; } .home-search-results li:hover { background-color:#f9f9f9; } .home-search-results li .focus { float:left; margin-left:-90px; width:80px; height:auto; border-radius:6px; overflow:hidden; max-height:55px; } .home-search-results li h2 { font-size:16px; line-height:1.3; margin:15px 0 15px; font-weight:normal; max-height:40px; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } @keyframes aspAnFadeInDrop { 0% { opacity:0; transform:translate(0,-50px); } 100% { opacity:1; transform:translate(0,0); } } @-webkit-keyframes aspAnFadeInDrop { 0% { opacity:0; transform:translate(0,-50px); -webkit-transform:translate(0,-50px); } 100% { opacity:1; transform:translate(0,0); -webkit-transform:translate(0,0); } } @media (max-width:768px) { .home-filter--content .focusbox-title { font-size:18px; padding-top:20px; } .home-filter--content .focusbox-desc { font-size:12px; } .home-filter--content .form-box { margin-bottom:20px; margin-right:5%; margin-left:5%; } .home-filter--content .form-box input[type="text"] { margin-bottom:10px; } .home-cat-nav-wrap { display:none; } } .filter--content { margin-top:-90px; display:block; padding:20px; width:100%; -webkit-border-radius:4px; border-radius:4px; background-color:#fff; z-index:1; position:relative; margin-bottom:30px; box-shadow:0 34px 20px -24px rgba(0,36,100,0.06); border:1px solid #f3f3f3; } .filter--content .form-box { padding:0; padding-bottom:0; } .filters .filter-item { padding:5px 0; } .filter--content .filter-item span { margin-right:10px; background-color:#eeeeee; padding:2px 6px; border-radius:4px; color:#7b8695; border:1px solid transparent; } .filter--content .filter-item a { display:inline-block; margin-top:0; margin-right:10px; border-bottom:1px solid transparent; color:#808080; border-radius:0; padding:0 10px; position:relative; border:1px solid transparent; border-radius:4px; } .filter--content .filter-item a.on { border:1px dashed #a5a5a5; background-color:#eee; } .filter--content .filter-item a:hover { border:1px dashed #cecece; background-color:#eee; } .filter--content .filter-item>.on { color:#1890ff } .filter--content .filter-item { margin-top:10px } .filter--content .filter-tag { position:relative; display:inline-block; list-style:none; margin:0; padding:0; } .filter--content .filter-tag li { display:inline-block; margin:0; padding:0; list-style:none; margin-bottom:5px; } .filter--content .filter-tab { border-top:1px solid #E9E9E9; padding-top:13px; margin-top:10px; margin-bottom:-10px; } .filter--content .filter-tab span { margin-right:10px; background-color:#eeeeee; padding:2px 6px; border-radius:4px; color:#7b8695; border:1px solid transparent; } .filter--content .filter-tab li { display:inline-block; margin:0; padding:0; list-style:none; margin-bottom:5px; } .filter--content .filter-tab a { display:inline-block; margin-top:0; margin-right:20px; color:#808080; position:relative; } .filter--content .filter-tab a i { width:18px; height:18px; border:1px solid #aeaeae; border-radius:4px; margin-right:6px; display:inline-block; vertical-align:-4px; border-radius:100%; } .filter--content .filter-tab .tab.on i { background:#ffffff; } .filter--content .filter-tab .tab.on i:before { display:inline-block; margin-top:1px; color:#FF9800; content:"\f111"; font:normal normal normal 14px/1 FontAwesome; speak:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; vertical-align:5px; margin-left:2px; } .filter--content .filter-tab a.on { color:#FF9800; } .filter--content .filter-tab a em { font-style:normal; } .filter--content .filter-tab li.rightss { float:right; } @media (max-width:768px) { .filter--content { margin-top:-10px; display:block; padding:10px; } .filter--content .filter-item span,.filter--content .filter-tab span { width:100%; display:inline-block; margin-bottom:10px; } .filter--content .filter-item a { margin-right:5px; line-height:20px; font-size:13px; padding:0 5px; } .filter--content .filter-tab a { margin-right:5px; font-size:13px; } .filter--content .filter-tab li.rightss { float:none; margin-bottom:10px; margin-top:10px; margin-right:5px; } } .hero { background-color:#f4f4f4; background-position:center; background-size:cover; display:flex; height:calc(60vh - 80px); position:relative; } .hero:before,.hero-slider .slider-item:before { background-color:#000; bottom:0; content:""; left:0; position:absolute; right:0; top:0; transition:opacity 0.3s cubic-bezier(0.77,0,0.175,1); } .hero.lazyloaded:before,.hero .lazyloaded:before { opacity:.3; } .hero .container { align-items:flex-end; display:flex; flex-grow:1; position:relative; } .hero .entry-header { margin-bottom:60px; } .hero .entry-header .entry-meta { margin-bottom:10px; } .hero .entry-header .entry-title { font-size:40px; } .hero-heading { color:#fff; font-size:40px; font-weight:900; margin-bottom:0; } .hero-subheading { color:#fff; font-size:17px; font-style:italic; line-height:20px; margin-top:15px; } .hero-full .hero { height:100vh; } .hero-video .hero,.hero-audio .hero { background-color:#000; display:block; height:auto!important; } .hero-video .hero.lazyloaded:before,.hero-audio .hero.lazyloaded:before,.hero-video .hero .lazyloaded:before,.hero-audio .hero .lazyloaded:before { opacity:.6; } .hero-video.navbar-transparent .hero,.hero-audio.navbar-transparent .hero,.hero-video.navbar-sticky_transparent .hero,.hero-audio.navbar-sticky_transparent .hero { padding-top:80px; } .hero-media { padding:60px 0; position:relative; } .hero-slider { bottom:0; left:0; position:absolute; right:0; top:0; } .hero-slider .slider-item { background-position:center; background-size:cover; display:flex; } .hero-slider,.hero-slider .owl-stage-outer,.hero-slider .owl-stage,.hero-slider .owl-item,.hero-slider .slider-item { height:100%; } .hero-slider.owl .owl-prev,.hero-slider.owl .owl-next { margin-top:-15px; top:50%; } .hero-slider.owl .owl-prev { left:30px; right:autor; } .hero-slider.owl .owl-next { right:30px; } .navbar-regular.hero-full .hero,.navbar-sticky.hero-full:not(.navbar-sticky_transparent) .hero { height:calc(100vh - 80px); } @media (max-width:767px) { .page-template-page-modular .hero { margin-bottom:15px; } .hero .entry-header { margin-bottom:30px; } .hero-heading,.hero .entry-header .entry-title { font-size:25px; } .hero-subheading { margin-top:10px; } } .site-header { -webkit-backface-visibility:hidden; backface-visibility:hidden; background-color:#fff; box-shadow:0 0 30px rgba(0,0,0,0.07); left:0; position:absolute; right:0; top:0; transition:background-color 0.5s cubic-bezier(0.77,0,0.175,1),box-shadow 0.5s cubic-bezier(0.77,0,0.175,1),-webkit-transform 0.6s cubic-bezier(0.77,0,0.175,1); transition:background-color 0.5s cubic-bezier(0.77,0,0.175,1),box-shadow 0.5s cubic-bezier(0.77,0,0.175,1),transform 0.6s cubic-bezier(0.77,0,0.175,1); transition:background-color 0.5s cubic-bezier(0.77,0,0.175,1),box-shadow 0.5s cubic-bezier(0.77,0,0.175,1),transform 0.6s cubic-bezier(0.77,0,0.175,1),-webkit-transform 0.6s cubic-bezier(0.77,0,0.175,1); z-index:99; } .navbar-full .site-header { padding:0 30px; } .slide-now .site-header { box-shadow:none; -webkit-transform:translateY(-80px); transform:translateY(-80px); } .header-gap { height:80px; } .navbar { align-items:center; display:flex; height:80px; position:relative; } .navbar .logo { margin-right:12px; max-width:120px; height:auto; } .navbar .sep { display:flex; height:100%; margin:0 20px; width:1px; } .navbar .sep:after { background-color:#e6e6e6; content:""; height:50%; margin:auto; transition:background-color 0.5s cubic-bezier(0.77,0,0.175,1); width:100%; } .navbar .menu-item { display:inline-block; position:relative; } .navbar .menu-item>a { display:block; font-weight:700; letter-spacing:.2px; } .navbar .menu-item>a .emoji { margin-left:0!important; margin-right:5px!important; } .navbar .menu-item.menu-item-has-children>a:after { color:#aaa; content:"\f140"; font-family:"Material Design Icons"; font-size:13px; font-weight:400; margin-left:5px; transition:color 0.5s cubic-bezier(0.77,0,0.175,1); } .navbar .menu-item:hover>.sub-menu { opacity:1; -webkit-transform:translateY(0); transform:translateY(0); visibility:visible; } .navbar .nav-list>.menu-item>a { font-size:14px; line-height:81px; margin:0 12px; transition:color 0.5s cubic-bezier(0.77,0,0.175,1); } .navbar .sub-menu { background-color:#fff; box-shadow:0 0 30px rgba(0,0,0,0.07); list-style-type:none; margin:-1px 0 0 -18px; min-width:220px; opacity:0; padding:20px 0; position:absolute; top:100%; -webkit-transform:translateY(5px); transform:translateY(5px); transition:all 0.5s cubic-bezier(0.77,0,0.175,1); visibility:hidden; z-index:80; } .navbar .sub-menu .menu-item { display:block; } .navbar .sub-menu .menu-item>a { align-items:center; display:flex; font-size:11px; line-height:18px; padding:9px 30px; transition:-webkit-transform 0.3s cubic-bezier(0.77,0,0.175,1); transition:transform 0.3s cubic-bezier(0.77,0,0.175,1); transition:transform 0.3s cubic-bezier(0.77,0,0.175,1),-webkit-transform 0.3s cubic-bezier(0.77,0,0.175,1); } .navbar .sub-menu .menu-item>a:hover { opacity:1; -webkit-transform:translateX(5px); transform:translateX(5px); } .navbar .sub-menu .menu-item.menu-item-has-children>a { justify-content:space-between; } .navbar .sub-menu .menu-item.menu-item-has-children>a:after { content:"\f142"; line-height:1; margin-right:-4px; } .navbar .sub-menu .sub-menu { left:100%; margin:-20px 0 0; top:0; } .navbar .actions { display:flex; flex-grow:1; justify-content:flex-end; } .navbar .actions>div+div { margin-left:5px; } .navbar .navbar-button,.off-canvas .canvas-close { align-items:center; border-radius:50%; cursor:pointer; display:flex; font-size:16px; height:30px; justify-content:center; width:30px; margin-right:10px; background-color:#f6f6f6; border:0; color:#34495e; } .navbar .login-btn { align-items:center; border-radius:4px; color:#ffffff; cursor:pointer; display:flex; font-size:14px; height:30px; justify-content:center; width:80px; margin-right:10px; background-color:#f6f6f6; border:0; color:#34495e; } .navbar .user-pbtn { align-items:center; border-radius:4px; cursor:pointer; display:flex; font-size:14px; height:30px; justify-content:center; max-width:100px; margin-right:10px; border:0; color:#34495e; } .navbar .user-pbtn img { align-items:center; border-radius:30px; cursor:pointer; display:flex; font-size:14px; height:30px; justify-content:center; margin-right:5px; border:2px solid #eee; width:30px; } .navbar .user-pbtn span { -webkit-line-clamp:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .navbar .login-btn:hover,.navbar .user-pbtn:hover { opacity:0.8; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; } .navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .site-header,.navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .site-header { background-color:transparent; box-shadow:none; } .navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .logo.text,.navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .logo.text,.navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .nav-list>.menu-item>a,.navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .nav-list>.menu-item>a { color:#fff; } .navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .logo.regular,.navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .logo.regular { opacity:0; } .navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .logo.contrary,.navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .logo.contrary { opacity:1; } .navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .sep:after,.navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .sep:after { background-color:rgba(255,255,255,0.3); } .navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .nav-list>.menu-item>a:after,.navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .nav-list>.menu-item>a:after { color:rgba(255,255,255,0.6); } .navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .navbar-button,.navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .navbar-button,.navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .burger,.navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .burger { background-color:#fff; border-color:#fff; } .navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .main-search .search-field,.navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .main-search .search-field { background-color:transparent; color:#fff; } .navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .main-search .search-field::-webkit-input-placeholder,.navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .main-search .search-field::-webkit-input-placeholder { color:#fff; } .navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .main-search .search-field::-moz-placeholder,.navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .main-search .search-field::-moz-placeholder { color:#fff; } .navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .main-search .search-field:-ms-input-placeholder,.navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .main-search .search-field:-ms-input-placeholder { color:#fff; } .navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .header-gap,.navbar-sticky_transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .header-gap { height:0; } .navbar-sticky:not(.ads-before-header) .site-header,.navbar-sticky_transparent:not(.ads-before-header) .site-header,.stick-now .site-header { position:fixed!important; } .navbar-hidden .navbar .logo { margin-right:0; } .navbar-hidden .navbar .sep { display:none; } @media (max-width:991px) { .navbar .sep { display:none; } } .navbar .menu-item-mega:hover .mega-menu,.navbar .menu-item-mega:hover .sub-menu { opacity:1; -webkit-transform:translateY(0); transform:translateY(0); visibility:visible; } .mega-menu { background-color:#fff; box-shadow:0 0 30px rgba(0,0,0,0.07); left:0; opacity:0; position:absolute; right:0; top:100%; -webkit-transform:translateY(5px); transform:translateY(5px); transition:all 0.5s cubic-bezier(0.77,0,0.175,1); visibility:hidden; z-index:80; } .mega-menu .menu-posts { padding:30px 30px 80px; } .mega-menu .entry-media { margin-bottom:20px; } .mega-menu .owl .owl-prev,.mega-menu .owl .owl-next { bottom:20px; top:auto; } .mega-menu .owl .owl-prev { right:62px; } .mega-menu .owl .owl-next { right:30px; } .navbar .menu-item-mega { position:static; } .navbar .menu-item-mega>.sub-menu { left:0; margin:0; padding:40px 0; right:0; } .navbar .menu-item-mega>.sub-menu>.menu-item>a { color:#aaa; font-size:15px; letter-spacing:0; line-height:1.2; margin-bottom:5px; pointer-events:none; text-transform:none; } .navbar .menu-item-mega>.sub-menu .menu-item-has-children>a:after { display:none; } .navbar .menu-item-mega>.sub-menu .sub-menu { box-shadow:none; margin:0; min-width:auto; opacity:1; padding:0; position:static; -webkit-transform:translateY(0); transform:translateY(0); } .navbar .menu-item-mega>.sub-menu .sub-menu .sub-menu { display:none; } .burger { border-radius:50%; cursor:pointer; height:30px; position:relative; width:30px; background-color:#f6f6f6; border:0; } .burger:before,.burger:after { background-color:#34495e; content:""; height:2px; left:10px; position:absolute; width:10px; } .burger:before { top:10px; } .burger:after { bottom:10px; } @media (min-width:992px) { .no-off-canvas:not(.navbar-hidden) .burger { display:none; } } .logo-wrapper { position:relative; } .logo:not(.text) { transition:opacity 0.5s cubic-bezier(0.77,0,0.175,1); } .logo.contrary { left:0; opacity:0; position:absolute; top:0; } .logo.text { font-size:20px; font-weight:900; letter-spacing:2px; transition:color 0.5s cubic-bezier(0.77,0,0.175,1); } .header__group { position:relative } .header__group:before,.header__group:after { background:transparent; bottom:-5px; height:16px; position:absolute; width:16px } .header__group:before { border-bottom-right-radius:8px; box-shadow:6px 6px 0 #2c2c2c; left:-16px } @media only screen and (max-width:767px) { .header__group_cats { display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(35,35,35,0.82); z-index:20 } .header__group_cats.visible { display:block } } .header__group_cats.active:before { content:none } @media only screen and (max-width:767px) { .header__group_cats .header__cat { display:none } } .header__group_cats .header__dropdown { border-top-right-radius:8px; width:262px } @media only screen and (max-width:767px) { .header__group_cats .header__dropdown { top:0; left:auto; right:0; bottom:0; width:256px; overflow:auto } } .header__style_user .header__dropdown { left:inherit; right:-130px; border-radius:8px; width:400px; top:30px; } .header__group_user .header__dropdown .header__link > a { color:#8495a0 } .header__group_user .header__dropdown .header__link > a:hover { color:#fff } .header__group_user.active:before { content:none } .header__group_notify { } .header__group_notify .header__dropdown { border-radius:8px; left:auto; right:-64px; width:372px } .header__group.active .header__cat { background:#fff; box-shadow:0 5px 0 0 #fff; } .header__cat a { color:#fff; } .header__cat a:hover { } .header__cat .dian { background:#ff5780; width:7px; height:7px; border-radius:50%; position:absolute; right:13px; top:26px; } .header__group.active .header__cat:after { display:none } .header__group.active .header__title { color:#fff } .header__group.active .header__dropdown { display:block } .header__group_cart.active:before,.header__group_cart.active:after { content:none!important } .header__group_cart.active .header__cat { background:none; box-shadow:none } .header__group_shift .header__dropdown { border-top-right-radius:8px; left:0; right:auto; width:664px } .header__group_shift.active::before { content:none } .header__group_shift .cards { margin:0; padding:20px; display:-ms-grid; display:grid; -ms-grid-columns:(302px)[2]; grid-template-columns:repeat(2,302px); grid-gap:20px } .header__group_shift .cards .card { width:302px } .header__group_shift .cards .card.liked .likes { opacity:1; right:10px; transition-delay:0ms,0ms } .header__group_shift .cards .card.liked .likes a { color:#fb6666 } .header__group_shift .cards .card.liked .likes svg { animation:bounce 250ms ease } .header__group_shift .cards .card-wrapper { margin:0 } @media only screen and (max-width:767px) { .header__group_user.active .header__cat { background:none; box-shadow:none } } @media only screen and (max-width:767px) { .header__group_user.active .header__dropdown { display:none } } .header__dropdown { display:none; position:absolute; top:calc(100% + 0px); left:0; background:#fff; border-radius:0 0 8px 8px; } .header-box { color:#8495a0; } .header-box,.header__new { margin:0 20px; padding:15px 0; } .refresh-header-top { width:100%; } .header-box { color:#8495a0; } .btn-cta-purple { position:relative; width:75px; height:28px; padding:0 8px; text-align:center; font-size:10px; font-weight:800; line-height:28px; border-radius:14px; color:#fff; background-color:none; background-image:linear-gradient(to bottom,#fb68d5 0,#7865ff 100%); margin-right:20px; cursor:pointer } .btn-cta-purple:hover { background-image:linear-gradient(to bottom,#ae68fb,#6652f3) } .header__new { border-bottom:1px solid #202020; box-shadow:0 1px 0 0 #353535; font-size:14px; color:#fff } .header-box,.header__new { margin:0 20px; padding:15px 0; } .header-box { color:#fff } .refresh-header-top { width:100%; } .header-top { position:relative; padding-bottom:10px; border-bottom:2px dashed #34495e; } .header-top img { float:left; width:45px; border-radius:50%; margin-top:2px; margin-right:10px; height:45px; } .header-top .zuanshi { background:url(../img/header/zuanshi.svg) no-repeat center; width:15px; height:15px; display:-webkit-inline-box; background-size:contain; position:relative; top:3px; cursor:pointer; margin-left:5px } .header-top .zuanshi.is-vip { background:url(../img/header/zuanshi_vip.svg) no-repeat center; background-size:contain; } .header-top .fa-user-crown { color:#f3d60c; margin-left:5px; font-size:14px; cursor:pointer; margin-top:3px; } .header-top .fa-user-crown.is-vip { color:#ff5780; } .header-top .logout { position:absolute; right:0; top:0; color:#888; } .header-top .logout:hover { color:#E91E63; } .user-names { max-width:100px; overflow:hidden; display:block; word-wrap:break-word; text-overflow:ellipsis; white-space:nowrap; float:left; font-size:14px; } .wp-VIP { margin-left:10px; font-style:normal; color:#fff; font-size:12px!important; background-color:#fd7a25; padding:2px 8px; border-radius:10px; } .header-top .group-name { background:linear-gradient(90deg,#fd731f,#fe822f); padding:2px 8px; border-radius:10px; font-size:12px; margin-left:10px; font-style:normal; font-weight:normal; } .header-top .group-name.vip-bg,.page-profile .inset-header .about-me .user-name small.badge.vip-bg { background:#ff5780; } .header-top .group-name.authors-bg,.page-profile .inset-header .about-me .user-name small.badge.authors-bg { background:#2aa461; } .header-top p { margin-top:10px; font-size:12px; color:#8495a0; cursor:pointer; } .header-center { display:flex; padding:15px 0 } .header-bottom,.header-center { position:relative } .header-center .md-l { float:left; width:50%; border-radius:6px; padding:10px; margin-right:15px; border:2px transparent solid; background-color:#34495e; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; position:relative; text-align:center; } .header-center .md-l:hover { opacity:0.8; } .header-center .md-tit { display:block; color:#fff; font-size:14px; margin-bottom:10px; text-align:left; } .header-center .dou,.header-center .jinbi { display:block; -webkit-line-clamp:1; -webkit-box-orient:vertical; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .header-center .jinbi i { background:url(../images/svg/jinbi.svg) no-repeat center; background-size:cover; } .header-center .dou i,.header-center .jinbi i { width:16px; height:16px; display:-webkit-inline-box; position:relative; top:4px; margin-right:5px } .header-center .dou i { background:url(../images/svg/dou.svg) no-repeat center; background-size:cover; } .header-center .pay-credit { padding:2px 10px; border-radius:20px; background-color:#2196F3; width:120px; text-align:center; display:block; margin:0 auto; margin-top:15px; color:#fff; } .header-center .pay-credit:hover { background:#399dff; color:#fff; } .header-center .md-r { float:left; width:50%; } .header-center .md-t { padding:9px; margin-bottom:5px; border-radius:5px; position:relative; background-color:#2196F3; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; } .header-center .md-t:hover { opacity:0.8; } .header-center .md-t span { color:#fff; display:block; margin-bottom:5px; font-size:14px } .header-center .md-t p { font-size:11px } .header-center .md-t a,.header-center .md-b a { position:absolute; right:10px; top:5px; padding:4px 10px; border-radius:4px; background-color:#fe812e; display:inline-block; line-height:14px; font-size:12px; color:#fff; } .header-center .md-t a:hover { } .header-center .md-b { padding:9px; position:relative; border-radius:6px; background-color:#8BC34A; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; } .header-center .md-b:hover { opacity:0.8; } .header-center .md-b span { color:#fff; padding-bottom:5px; display:block; font-size:14px } .header-center .md-b p { font-size:11px } .header-bottom .my-home { display:block; font-size:14px; margin-bottom:10px; } .header-bottom ul { padding:1px; display:flex; text-align:center; margin:auto; list-style:none; } .header-bottom li { float:left; width:20%; cursor:pointer; } .header-bottom li i { background-color:#eee; width:40px; height:40px; display:block; border-radius:50%; margin:0 auto; margin-bottom:0; background-size:50%; background-position:center; background-repeat:no-repeat; } .header-bottom li i:hover { opacity:0.8 } .header-bottom li i.ico_1 { background-image:url(../images/svg/shoucang.svg) } .header-bottom li i.ico_2 { background-image:url(../images/svg/xiangmu.svg) } .header-bottom li i.ico_3 { background-image:url(../images/svg/anquan.svg) } .header-bottom li i.ico_4 { background-image:url(../images/svg/dingdan.svg) } .header-bottom li i.ico_5 { background-image:url(../images/svg/xiazai.svg) } .header__custom .icon.max { font-size:18px; } .header-top p { margin-top:10px; font-size:12px; color:#8495a0; cursor:pointer; } .header-dropdown { font-size:12px; } .header-center p { margin:auto; } .header-top p { margin:auto; } .header__cat { box-sizing:border-box; display:-webkit-box; display:-ms-flexbox; display:flex; padding-left:10px; border-radius:8px 8px 0 0; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; cursor:pointer; padding-top:0; } .section { padding-bottom:40px; padding-top:40px; } .pt-0 { padding-top:0!important; } .pt-10 { padding-top:10px!important; } .pt-30 { padding-top:30px!important; } .pt-40 { padding-top:40px!important; } .pt-45 { padding-top:45px!important; } .pt-50 { padding-top:50px; } .pt-60 { padding-top:60px; } .pt-70 { padding-top:70px!important; } .pt-80 { padding-top:80px; } .pt-90 { padding-top:90px; } .pt-100 { padding-top:100px!important; } .pt-150 { padding-top:150px!important; } .pb-0 { padding-bottom:0!important; } .pb-10 { padding-bottom:10px!important; } .pb-30 { padding-bottom:30px; } .pb-50 { padding-bottom:50px; } .pb-60 { padding-bottom:60px; } .pb-70 { padding-bottom:70px!important; } .pb-80 { padding-bottom:80px; } .pb-90 { padding-bottom:90px; } .pb-100 { padding-bottom:100px!important; } .mt-0 { margin-top:0; } .mt-xs { margin-top:10px; } .mt-10 { margin-top:10px!important; } .mt-20 { margin-top:20px!important; } .mt-30 { margin-top:30px!important; } .mt-40 { margin-top:40px!important; } .mt-50 { margin-top:50px!important; } .mt-60 { margin-top:60px; } .mt-70 { margin-top:70px!important; } .mt-80 { margin-top:80px!important; } .mt-90 { margin-top:90px!important; } .mt-100 { margin-top:100px!important; } .mt-150 { margin-top:150px; } .mb-0 { margin-bottom:0!important; } .mb-15 { margin-bottom:15px; } .mb-10 { margin-bottom:10px!important; } .mb-20 { margin-bottom:20px!important; } .mb-25 { margin-bottom:25px!important; } .mb-30 { margin-bottom:30px!important; } .mb-40 { margin-bottom:40px!important; } .mb-50 { margin-bottom:50px!important; } .mb-55 { margin-bottom:55px!important; } .mb-60 { margin-bottom:60px!important; } .mb-70 { margin-bottom:70px!important; } .mb-75 { margin-bottom:75px!important; } .mb-80 { margin-bottom:80px!important; } .mb-90 { margin-bottom:90px!important; } .mb-100 { margin-bottom:100px!important; } .mb-150 { margin-bottom:150px!important; } .table { width:100%; max-width:100%; margin-bottom:20px; } .table-responsive { min-height:.01%; overflow-x:auto; } @media screen and (max-width:767px) { .table-responsive { width:100%; margin-bottom:15px; overflow-y:hidden; -ms-overflow-style:-ms-autohiding-scrollbar; border:1px solid #ddd } .table-responsive>.table { margin-bottom:0 } .table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th { white-space:nowrap } .table-responsive>.table-bordered { border:0 } .table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child { border-left:0 } .table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child { border-right:0 } .table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th { border-bottom:0 } } table thead { background:#fff; } th { text-align:left; } table thead tr th { font-size:14px; font-weight:600; text-transform:capitalize; color:#282828; line-height:30px!important; border-bottom-width:0!important; border-color:#eee; padding:0; } table tbody tr td,table tbody tr td { font-size:13px; font-weight:500; line-height:26px; color:#9b9b9b; vertical-align:middle; padding:15px 8px 15px 8px!important; } .table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th { padding:8px; line-height:1.42857143; vertical-align:top; border-top:1px solid #ddd; } .table>thead>tr>th { vertical-align:bottom; border-bottom:2px solid #ddd; } .table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th { border:0; } .table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th { padding:8px; line-height:1.42857143; vertical-align:top; border:0; border-top:1px solid #ddd; } .bgcolor-fff { background-color:#FFF; } .modular-title-1 .section-title { font-size:30px; font-weight:900; letter-spacing:.2px; margin-bottom:60px; } .modular-title-2 .section-title { font-size:18px; font-weight:500; letter-spacing:.2px; margin-bottom:40px; position:relative; text-align:left; } .modular-title-2 .section-title:before { background-color:#e6e6e6; content:""; height:1px; left:0; margin-top:-1px; position:absolute; top:50%; width:100%; } .modular-title-2 .section-title span { background-color:#f6f6f6; padding:4px 15px; position:relative; letter-spacing:2px; font-weight:600; background:#fff; border-radius:4px; } .modular-title-3 .section-title { font-size:12px; letter-spacing:.2px; margin-bottom:50px; position:relative; } .modular-title-3 .section-title:after { background-color:var(--accent-color); bottom:-15px; content:""; height:3px; left:0; position:absolute; width:20px; } @media (max-width:767px) { .section { padding-bottom:30px; padding-top:30px; } .modular-title-1 .section-title { font-size:15px; margin-bottom:30px; } .modular-title-2 .section-title { font-size:15px; margin-bottom:20px; } } .widget_magsy_module_parallax>.container,.widget_magsy_module_slider_center>.container { max-width:none; padding:0; } .home .home-vip-mod { background-color:#fff; padding:30px 0; } .home-vip-mod .vip-cell { position:relative; display:block; width:100%; border-radius:5px; -webkit-box-shadow:0 1px 4px rgba(24,38,16,.1); box-shadow:0 1px 4px rgba(24,38,16,.1); text-align:center; border:1px solid rgba(171,171,171,0.23); margin:10px 0; } .home-vip-mod .vip-cell .time { font-size:14px; display:block; padding:10px 0 0 12px; color:#666; text-align:left } .home-vip-mod .vip-cell .price { text-align:center; font-size:45px; padding:15px 0; font-weight:700; line-height:1em; color:#FF9800; } .home-vip-mod .vip-cell .price span { font-size:25px; display:inline-block; -webkit-transform:translateY(-15px); transform:translateY(-15px); font-weight:400; } .home-vip-mod .vip-cell p { padding:0 10%; font-size:14px; line-height:1.8em; color:#666; text-align:center } .home-vip-mod .vip-cell a.primary { display:inline-block; min-width:56%; margin:0 auto 20px; padding:6px 12px; border-radius:5px; background:#ffa93a; color:#fff; font-size:14px; text-decoration:none; } .home-vip-mod .vip-cell a.primary:hover { opacity:0.8; } .home-vip-mod .vip-cell .tehui { position:absolute; display:inline-block; padding:0px 15px 0px 15px; line-height:22px; font-size:12px; font-weight:bold; border-radius:13px; position:absolute; right:10px; top:10px; color:#FF5722; border:1px solid #eee; } .home-vip-mod .vip-text { -webkit-box-shadow:none; box-shadow:none; text-align:left; border:0 } .home-vip-mod .vip-text h4 { font-size:24px; line-height:30px; margin:30px 0; letter-spacing:3px; } .home-vip-mod .vip-text p { padding-right:15px; padding-left:0; text-align:left; } .module.parallax { display:flex; min-height:220px; position:relative; text-align:center; } .module.parallax img { height:100%; left:0; -o-object-fit:cover; object-fit:cover; position:absolute; top:0; width:100%; } .module.parallax .container { margin:auto; padding-bottom:30px; padding-top:30px; } .module.parallax .entry-title { color:#fff; font-size:22px; font-weight:500; margin-bottom:0; position:relative; } .module.parallax .button,.module.parallax input[type="submit"],.module.parallax button[type="submit"],.module.parallax .navigation .nav-previous a,.module.parallax .navigation .nav-next a { margin:30px 5px 0; position:relative; z-index:60; background-color:#34495e; } @media (max-width:767px) { .module.parallax { min-height:250px; } .module.parallax .entry-title { font-size:20px; } .module.parallax .button,.module.parallax input[type="submit"],.module.parallax button[type="submit"],.module.parallax .navigation .nav-previous a,.module.parallax .navigation .nav-next a { width:100%; } .module.parallax .button+.button,.module.parallax input[type="submit"]+input[type="submit"],.module.parallax button[type="submit"]+button[type="submit"],.module.parallax .navigation .nav-previous a+.navigation .nav-previous a,.module.parallax .navigation .nav-next a+.navigation .nav-next a { margin-top:10px; } } .slider.big { border-radius:4px; overflow:hidden; box-shadow:0 34px 20px -24px rgba(0,36,100,0.3); -webkit-box-shadow:0 34px 20px -24px rgba(0,36,100,0.3); } .slider.big.diy { box-shadow:none; -webkit-box-shadow:none; border-radius:0; } .module.slider.diy .post { text-align:center; display:flex; justify-content:center; align-items:center; } .slider.big.diy .slider-title { margin:0; font-weight:bold; font-size:26px; text-align:center; color:#FFF; letter-spacing:1px; } .slider.big.diy .slider-desc { margin:15px 0 0; font-weight:normal; font-size:16px; line-height:1.8; color:#fff; letter-spacing:0.3px; } .module.slider .post { background-position:center; background-size:cover; height:400px; position:relative; } .module.slider .post:before { background-color:#1f2b38; bottom:0; content:""; left:0; position:absolute; right:0; top:0; transition:opacity 0.3 cubic-bezier(0.77,0,0.175,1); } .module.slider .post.lazyloaded:before { opacity:0; } .module.slider .entry-wrapper { bottom:0; left:0; max-width:300px; padding:60px 20px 30px; position:absolute; right:0; top:0; transition:opacity 0.5s cubic-bezier(0.77,0,0.175,1); } .module.slider .entry-wrapper:before { background-color:#1f2b38; bottom:0; content:""; left:0; opacity:.6; position:absolute; right:0; top:0; } .module.slider .entry-wrapper>* { position:relative; } .module.slider .entry-excerpt { color:#fff; margin-top:30px; -webkit-line-clamp:5; } .module.slider .entry-footer a { color:#34495e; } .module.slider.owl .owl-prev,.module.slider.owl .owl-next { bottom:30px; right:auto; top:auto; } .module.slider.owl .owl-prev { left:45px; } .module.slider.owl .owl-next { left:78px; } .module.slider.owl .owl-dots { } .module.slider.center .owl-item:not(.center) .entry-wrapper { opacity:0; } .module.slider.thumbnail .entry-wrapper { align-items:center; display:flex; flex-direction:column; justify-content:center; max-width:none; padding:30px; text-align:center; } .module.slider.thumbnail .entry-wrapper:before { opacity:.4; } .module.slider.thumbnail .entry-wrapper>* { max-width:500px; } .module.slider.thumbnail .entry-header .entry-meta { justify-content:center; } .module.slider.thumbnail.owl .owl-dots { bottom:-25px; } .module.slider.thumbnail.owl .owl-dot { border:3px solid #fff; border-radius:50%; height:50px; margin:0 3px; overflow:hidden; width:50px; } .module.slider.thumbnail.owl .owl-dot.active { border-color:var(--primary-color); } .module.slider.big.diy .owl-dots { } .module.slider.big.diy .owl-dots .owl-dot { } .module.slider.big.diy .owl-dots .owl-dot.active { } @media (max-width:768px) { .module.slider.thumbnail .entry-header .entry-title { font-size:30px; } .module.slider .post { height:320px; } .module.slider .entry-wrapper { max-width:none; } .module.slider .entry-header .entry-meta { } .module.slider.owl .owl-dots { bottom:10px; } .module.slider.diy .post { height:160px!important; } .slider.big.diy .slider-title { font-size:18px; letter-spacing:0; } .slider.big.diy .slider-desc { font-size:14px; letter-spacing:0; margin:8px 0 0; } } @media (max-width:991px) { .module.slider.center .entry-wrapper { max-width:none; } } .module.image { position:relative; } .module.image .caption { margin-top:15px; text-align:center; } .home-grid-mod { position:relative; } .home-grid-mod::after { content:''!important; width:100%!important; height:100%!important; position:absolute!important; top:0!important; left:0!important; z-index:0!important; display:block!important; background:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.2))!important; } .sm-flex { display:-ms-flexbox!important; display:flex!important; } .flex-fill { -ms-flex:1 1 auto!important; flex:1 1 auto!important; } .list-homegrid-overlay .list-content { position:absolute; right:0; bottom:0; left:0; } .list-homegrid-overlay .list-content { padding:10px; z-index:1; } .list-homegrid-overlay .list-content .entry-footer { padding:0; margin:0; } .list-homegrid-overlay .list-content .entry-footer .post-meta-box { border-top:none; margin-top:0; color:#eee; padding:0; margin:0; } .list-homegrid-overlay .list-content .entry-footer .post-meta-box .meta-date { color:#eee; } .list-homegrid-overlay .list-body { display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; -ms-flex:none; flex:none; } .list-homegrid-overlay .mt-auto { color:#FFF; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .list-homegrid-overlay .list-title { color:#FFF; } .gridpost .list-item { position:relative; display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; min-width:0; word-wrap:break-word; border:0; border-radius:4px; overflow:hidden; z-index:1; } .gridpost .media { position:relative; display:block; overflow:hidden; padding:0; -ms-flex-negative:0; flex-shrink:0; border-radius:inherit; } .gridpost .media:after { content:''; display:block; padding-top:66.66% } .gridpost .media-overlay { position:absolute; top:0; left:0; right:0; bottom:0; padding:.5rem .75rem; z-index:2; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; color:#fff; } .gridpost .media-content { position:absolute; top:0; bottom:0; left:0; right:0; border:0; border-radius:inherit; background-size:cover; background-position:center center; -webkit-transition:transform .3s ease,opacity .3s; transition:transform .3s ease,opacity .3s; } .gridpost .overlay { position:absolute; bottom:0; left:0; width:100%; height:100%; -webkit-transition:background-color .3s ease; transition:background-color .3s ease; z-index:1; background:-webkit-linear-gradient(0deg,rgba(0,0,0,0.95),rgba(0,0,0,0.3) 70%,rgba(0,0,0,0.1)); background:linear-gradient(0deg,rgba(0,0,0,0.95),rgba(0,0,0,0.3) 70%,rgba(0,0,0,0.1)); } .gridpost .list-item:hover .media-content { transform:scale3d(1.1,1.1,1); -webkit-transform:scale3d(1.1,1.1,1); } .padding-10 { padding:5px 15px; } @media (min-width:768px) { .padding-10 { padding:10px; } .gridpost .media-content { -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } .gridpost .media { -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } } .codecdk-panel { background-color:#ffffff; background-size:contain; background-attachment:fixed; } .codecdk-panel .jq22-flex { height:7rem; background:#f6f6f6; border-radius:3px; padding:0; -webkit-box-align:initial; -webkit-align-items:initial; align-items:initial; position:relative; display:flex; margin:10px 0; } .codecdk-panel .jq22-flex:before { content:''; position:absolute; z-index:0; top:73.999%; left:-10px; width:18px; height:18px; border-radius:100%; background:#ffffff; margin-top:-10px; } .codecdk-panel .jq22-flex:after { content:''; position:absolute; z-index:0; top:73.999%; right:-10px; width:18px; height:18px; border-radius:100%; background:#ffffff; margin-top:-10px; } .jq22-price-nub { background-image:-webkit-gradient(linear,left top,right top,from(#f63f5d),to(#ec2546)); background-image:-webkit-linear-gradient(left,#f63f5d,#ec2546); background-image:-moz-linear-gradient(left,#f63f5d,#ec2546); background-image:linear-gradient(to right,#f63f5d,#ec2546); background-color:#ec2546; height:7rem; border-radius:3px 0 0 3px; overflow:hidden; } .jq22-digit { height:5rem; padding:0 1.2rem } .jq22-full { height:2rem; line-height:2.3rem; background:#d01c39; color:#f3c1ca; font-size:.8rem; text-align:center } .jq22-digit h2 { color:#fefefe; font-size:2.8rem; line-height:5rem } .jq22-digit h2 em { font-style:normal; font-size:12px; font-weight:400; } .codecdk-panel .jq22-flex .jq22-flex-box { height:5.05rem; border-bottom:1px dashed #eaeaea; padding-left:1rem; padding-top:1rem; position:relative; width:65%; } .codecdk-panel .jq22-flex .jq22-flex-box .cop-codecdk { background-image:-webkit-gradient(linear,left top,right top,from(#ef0f82),to(#fe1c44)); background-image:-webkit-linear-gradient(left,#ef0f82,#fe1c44); background-image:-moz-linear-gradient(left,#ef0f82,#fe1c44); background-image:linear-gradient(to right,#ef0f82,#fe1c44); background-color:#ef0f82; color:#fff; border-radius:50px; border:0; font-size:13px; padding:4px 12px; position:absolute; right:0; bottom:15px; line-height:1; cursor:pointer; } .jq22-flex-box h2 { font-size:.9rem; margin-bottom:.8rem } .jq22-flex-box h3 { font-weight:400; font-size:.8rem; color:#8a8a8c } .category-box { position:relative; overflow:hidden; border-radius:4px; } .category-box:hover { opacity:0.8; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; } .category-box .entry-thumbnails { background-color:#f4f4f4; border-radius:2px; display:flex; height:180px; overflow:hidden; } .category-box .thumbnail { position:relative; } .category-box .thumbnail img { height:100%; left:0; -o-object-fit:cover; object-fit:cover; position:absolute; top:0; width:100%; } .category-box .big { margin-right:4px; width:70%; } .category-box .small { flex-direction:column; height:100%; width:30%; } .category-box .small .thumbnail { height:50%; } .category-box .small .thumbnail:first-child { margin-bottom:4px; } .category-box .small .thumbnail:last-child { margin-top:4px; } .category-box .small span { align-items:center; color:#fff; display:flex; font-size:20px; font-weight:900; height:100%; justify-content:center; position:relative; width:100%; background-color:rgba(52,73,94,0.5); } .category-box .entry-title { z-index:1; align-items:center; display:flex; font-size:20px; height:100%; justify-content:center; width:100%; position:relative; color:#fff; font-weight:600; background:rgba(52,73,94,0.3); } .category-box .entry-title:after { content:""; background:#ffffff; width:40px; height:2px; bottom:70px; position:absolute; } .entry-thumbnails-17codesign { background:#fff; margin:0; padding:20px; border-radius:4px; border:1px solid #d7ebff; box-shadow:0 4px 12px 0 rgba(52,73,94,0.1); margin:10px 0; } .entry-thumbnails-17codesign:before { content:""; position:absolute; width:4px; height:24px; top:20px; left:0; background:linear-gradient(to right,#FF9800,#FFC107); box-shadow:8px 0px 12px 0 rgba(255,152,0,0.3); border-radius:2px; } .entry-title-17codesign { font-size:18px; font-weight:600; color:#34495f; margin-bottom:4px; } .group-17codesign { display:flex; justify-content:flex-end; } .thumbnail-17codesign { width:34px; height:34px; margin-right:10px; border-radius:50%; background:#eaeaea; } .group-17codesign span { line-height:34px; } .thumbnail-17codesign img { width:34px; height:34px; border-radius:50%; border:2px solid #fff; box-shadow:0 1px 12px rgba(51,51,51,0.1); } .description-17codesign { display:inline-block; font-size:12px; line-height:24px; color:#6b798e; } .uposts { position:relative; display:block; background-color:#fff; margin-bottom:20px; box-shadow:0 1px 2px 0 rgba(0,0,0,.02); border-radius:4px; padding:20px; } .uposts .codesign-list { height:90px; background:rgba(51,51,51,0.8); border-radius:4px 4px 0 0; padding:24px; margin:-20px -20px 22px -20px; position:relative; background-size:100%; background-position:center center; } .uposts h4.codeisgn-h4 { margin-bottom:0; text-align:center; color:#fff; position:relative; z-index:1; } .uposts .codeisgn-h4 a { color:#fff; } .uposts span.codesign-esc { text-align:center; line-height:38px; color:rgba(255,255,255,0.6); position:relative; z-index:1; display:block; } .uposts .codesign-cover { position:absolute; left:0; right:0; top:0; bottom:0; background:#0000008c; border-radius:4px 4px 0 0; z-index:0; } .uposts .hentry { margin-bottom:8px; position:relative; display:inline-block; width:100%; } .uposts .hentry .title { font-size:15px; font-weight:normal; line-height:1.5; margin:0; padding-right:40px; -webkit-line-clamp:1; -webkit-box-orient:vertical; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .uposts .hentry .post-num { background-color:#999; color:#fff; display:inline-block; font-size:14px; width:18px; height:18px; line-height:18px; margin:0 8px 0 0; text-align:center; border-radius:4px; } .uposts .post-num.num-1 { background-color:#F44336; } .uposts .post-num.num-2 { background-color:#4CAF50; } .uposts .post-num.num-3 { background-color:#FFC107; } .uposts .post-num.num-4 { background-color:#00BCD4; } .uposts .post-num.num-5 { background-color:#2196F3; } .uposts .post-num.num-6 { background-color:#E91E63; } .uposts .post-num.num-7 { background-color:#34495e; } .uposts .post-num.num-8 { background-color:#f4e3ab; } .uposts .meta { position:absolute; position:absolute; top:0; right:0; color:#999; font-size:13px; } .article-footer .xshare { float:right; font-size:14px; line-height:30px; } .xshare .xshare-title { float:left } .xshare a { float:left; margin-left:10px; border-radius:50px; border:1px solid #E6E6E6; width:30px; height:30px; text-align:center; } .xshare a .fa { font-size:16px; } .xshare a.share-weixin { color:#5FCF80 } .xshare a.share-weixin:hover { border-color:#5FCF80 } .xshare a.share-weibo { color:#FD001B } .xshare a.share-weibo:hover { border-color:#FD001B } .xshare a.share-qq { color:#01CDB8 } .xshare a.share-qq:hover { border-color:#01CDB8 } .ripro-star { border-color:#ffffff; } .ripro-star.ok { color:#555; border-color:#555; } @media (max-width:768px) { .xshare { display:block; } } .author-box { position:relative; float:left; line-height:30px; display:flex; justify-content:center; align-items:center; } .author-box .author-image { width:30px; height:30px; border-radius:50%; border:2px solid #eee; overflow:hidden; } .author-box .author-image img:hover { cursor:pointer; } .author-box .author-info { margin-left:10px; } .author-box .author-name { font-size:16px; margin-bottom:5px; font-weight:500; } .author-box .author-bio { font-size:14px; font-weight:500; } .author-box .author-meta { align-items:center; display:flex; font-size:16px; margin-top:10px; } .author-box .author-meta>a { color:#aaa; line-height:1.5; } .author-box .author-meta>a+a { margin-left:4px; } .author-box .author-meta>a:last-child { font-size:12px; font-weight:700; } .author-box .author-meta>a+a:last-child { border-left:1px solid #e6e6e6; margin-left:10px; padding-left:10px; } .author-box .author-meta>a:last-child:after { content:"\f054"; font-family:"Material Design Icons"; margin-left:3px; } .post-grid .entry-media { margin-bottom:0; position:relative; } .post-grid .entry-media img { margin:0 auto; width:100%; border-radius:4px 4px 0 0; } .entry-media { margin-bottom:10px; position:relative; } .entry-media .placeholder { background-color:#ffffff; height:0; overflow:hidden; } .entry-media img { margin:0 auto; width:100%; overflow:hidden; } .entry-media img:hover { opacity:0.8; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; } .entry-format { background-color:rgba(0,0,0,0.4); border-radius:50%; color:#fff; font-size:15px; height:25px; left:10px; line-height:25px; position:absolute; text-align:center; top:10px; width:25px; } .entry-star { display:block; border-radius:50%; font-size:15px; height:25px; right:10px; line-height:25px; position:absolute; text-align:center; top:10px; width:25px; opacity:0; visibility:hidden; background-color:#FFC107; } .post-grid:hover .entry-star,.post-list:hover .entry-star { transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s; opacity:1; visibility:visible; z-index:99; } .widget .entry-star,.widget .entry-format { display:none; } .entry-gallery .caption { background-color:rgba(0,0,0,0.4); bottom:0; color:#fff; font-size:13px; left:0; line-height:1.4; margin:15px; padding:10px 15px; position:absolute; } .entry-gallery.owl .owl-prev,.entry-gallery.owl .owl-next { top:15px; } .entry-gallery.owl .owl-prev { right:47px; } .entry-gallery.owl .owl-next { right:15px; } #crumbs { padding-bottom:10px; font-size:14px; opacity:0.5; } #crumbs a { } #crumbs a:hover { } .post-edit-link { float:right; color:#ccc; } .entry-header { word-break:break-all; } .entry-header .entry-meta { align-items:center; color:#aaa; display:flex; flex-wrap:wrap; font-size:11px; letter-spacing:.2px; margin-bottom:5px; text-align:center; } .entry-header .entry-meta>span+span { margin-left:15px; } .entry-header .entry-meta a { color:#aaa; } .entry-header .entry-meta .meta-author a { align-items:center; display:flex; } .entry-header .entry-meta .avatar { border-radius:50%; height:15px; margin-right:8px; width:15px; } .entry-header .entry-meta .meta-category { display:flex; flex-wrap:wrap; } .entry-header .entry-meta .meta-category a { align-items:center; display:flex; } .entry-header .entry-meta .meta-category a+a { margin-left:8px; } .entry-header .entry-meta .meta-category .dot { background-color:var(--accent-color); border-radius:50%; height:6px; margin-right:5px; width:6px; background-color:#fd721f; } .entry-header .entry-meta .meta-category a:nth-child(2) .dot { background-color:#4CAF50; } .entry-header .entry-meta .meta-category a:nth-child(3) .dot { background-color:#2196F3; } .entry-header .entry-title { font-size:15px; font-weight:600; letter-spacing:-0.2px; margin-bottom:0; } .post-grid .entry-header .entry-title { -webkit-line-clamp:1; -webkit-box-orient:vertical; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .post-list .entry-header .entry-title { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; } .menu-post .entry-header .entry-title { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .entry-header.white .entry-meta,.entry-header.white .entry-meta a,.entry-header.white .entry-title { color:#fff; } .entry-subheading { color:#aaa; font-size:20px; font-style:italic; font-weight:400; line-height:1.4; margin-bottom:45px; } .entry-excerpt { font-size:13px; margin-top:10px; color:#aaa; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; margin-bottom:10px; } .entry-excerpt .excerpt-link { margin-left:5px; text-decoration:none; } .entry-footer { display:block; } .entry-footer a { position:relative; margin-right:5px; color:#aaaaaa; padding:4px 6px; border-radius:4px; font-weight:500; background:rgb(246,246,246); line-height:1; } .entry-footer .footer-author { align-items:center; display:flex; } .entry-footer .footer-author img { border-radius:50%; height:20px; margin-right:5px; width:20px; } .entry-action { align-items:center; border-top:1px solid #e6e6e6; display:block; font-size:11px; font-weight:700; letter-spacing:.2px; line-height:1.5; margin-top:30px; padding-top:15px; } .entry-action>div { align-items:center; display:flex; position:relative; padding:20px; border-radius:4px; justify-content:center; } .entry-action .action-count a { align-items:center; color:#aaa; display:flex; } .entry-action .action-count a+a { margin-left:12px; } .entry-action .action-count .icon { background-color:#e6e6e6; color:#aaa; height:20px; line-height:20px; margin-right:5px; text-align:center; width:20px; border-radius:4px; } .entry-action .liked .mdi { color:#555; } .entry-action .mdi-eye { font-size:13px; } .entry-action .mdi-comment { font-size:10px; } .entry-action .action-share>a { background-color:#1a1a1a; color:#fff; font-size:13px; height:20px; line-height:20px; text-align:center; width:20px; } .entry-action .action-share>a+a { margin-left:6px; } .bd_weixin_popup_main { } .bd_weixin_popup_main img { } @media (max-width:767px) { .entry-action { flex-direction:column; } .entry-action .action-share { margin-top:15px; } } @media (max-width:576px) { .entry-excerpt,.entry-footer { display:none!important; } .module.slider .entry-excerpt { display:block!important; } .module.slider .owl-nav { display:none; } } .entry-navigation { background-color:#ffffff; display:block; margin-top:30px; position:relative; border-radius:5px; padding:20px; } .article-nav { overflow:hidden; font-size:14px; color:#bbb; } .article-nav span { float:left; position:relative; width:50%; } .article-nav span.article-nav-next { float:right; text-align:right } .article-nav span.article-nav-next::before { content:''; position:absolute; left:0; top:0; height:100%; display:block; width:1px; background-color:#eee; } .article-nav a { color:#999; margin-right:10px; display:inline-block; } .article-nav span.article-nav-next a { margin-left:10px; margin-right:0; } .article-nav a:hover { color:#45B6F7; } @media (max-width:991px) { .entry-navigation { margin-bottom:30px; } } .entry-tags { display:flex; flex-wrap:wrap; margin-top:20px; } .entry-tags a { background-color:#f4f4f4; border:1px solid #e6e6e6; border-radius:3px; color:#555; font-size:13px; font-weight:700; line-height:1; margin:0 5px 5px 0; padding:5px 10px; } .article-copyright { clear:both; overflow:hidden; margin-bottom:20px; background:#f7fbff; padding:10px 20px; border:1px dashed #e6e6e6; border-radius:4px; font-size:12px; margin-top:20px; } .article-copyright a { color:#555; } .article-footer { display:flex; display:-webkit-flex; justify-content:space-between; align-items:center; padding-top:30px; position:relative; } @media (max-width:576px) { .article-footer { display:flex; } .author-box { display:none; } } .single .type-post .entry-header,.page .type-page .entry-header { margin-bottom:30px; } .single .type-post .entry-meta,.page .type-page .entry-meta { margin-bottom:10px; } .single .type-post .entry-title,.page .type-page .entry-title { font-size:40px; font-weight:900; line-height:1.1; } .single .type-post .entry-media,.page .type-page .entry-media { margin-bottom:45px; margin-top:45px; } .single .type-post .entry-content>p,.page .type-page .entry-content>p,.single .type-post .entry-content ul,.page .type-page .entry-content ul,.single .type-post .entry-content ol,.page .type-page .entry-content ol,.wp-block-columns p { font-size:16px; line-height:30px; } .single .type-post .entry-content>p,.page .type-page .entry-content>p,.wp-block-columns p { margin-bottom:20px; } .single .type-post .entry-content strong,.page .type-page .entry-content strong { color:#1a1a1a; } .page.with-subheading .type-page .entry-header { margin-bottom:15px; } .page.with-subheading .type-page .entry-subheading { margin-bottom:30px; } @media (max-width:767px) { .single .type-post .entry-title,.page .type-page .entry-title { font-size:24px; } .single .type-post .entry-media,.page .type-page .entry-media { margin-bottom:30px; margin-top:30px; } } .mypay-list .post-list { background:#f6f6f6; } .post-list { display:flex; margin-bottom:30px; position:relative; padding:10px; background:#ffffff; border-radius:4px; } .post-list .entry-media { flex-shrink:0; margin-bottom:0; margin-right:20px; width:220px; } .post-list .entry-wrapper,.post-grid .entry-wrapper { width:100%; } @media (max-width:767px) { .post-list .entry-media { width:120px; } .post-list .entry-title { font-size:16px; } } .post-grid { margin-bottom:30px; background-color:#FFF; border-radius:4px; transition:box-shadow .3s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.215,.61,.355,1),-webkit-box-shadow .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); transform:translate(0,0); border:1px solid #eee; } .post-grid:hover { -webkit-box-shadow:0 34px 20px -24px rgba(136,161,206,0.3); box-shadow:0 34px 20px -24px rgba(136,161,206,0.3); -webkit-transform:translateY(-5px); transform:translateY(-5px); -ms-transform:translateY(-5px); } .post-grid .cao-cover,.post-list .cao-cover,.menu-post .cao-cover { opacity:0; } .post-grid .cao-cover,.post-list .cao-cover,.menu-post .cao-cover { position:absolute; top:0; left:0; text-align:center; width:100%; background:rgba(0,0,0,0.45); height:100%; color:#fff; text-shadow:1px 1px 3px #000; font-size:25px; border-radius:4px 4px 0 0; } .post-grid .cao-cover img,.post-list .cao-cover img,.menu-post .cao-cover img { width:50px!important; height:50px!important; position:absolute; top:50%; margin-top:-25px; left:50%; margin-left:-25px; } .post-grid:hover .cao-cover,.post-list:hover .cao-cover,.menu-post:hover .cao-cover { opacity:1; transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; -o-transition:.5s } .sidebar-column .cao-cover img,.related-posts-grid .cao-cover { display:none } @media (max-width:575px) { .post-list { margin-bottom:10px; } .post-grid { margin-bottom:20px; } .posts-wrapper .col-6:nth-child(2n) { padding-left:5px; padding-right:15px; } .posts-wrapper .col-6:nth-child(2n-1) { padding-left:15px; padding-right:5px; } .cat-posts-wrapper .col-6:nth-child(2n) { padding-left:5px; padding-right:15px; } .cat-posts-wrapper .col-6:nth-child(2n-1) { padding-left:15px; padding-right:5px; } } .post-grid .entry-wrapper { padding:10px 10px 20px 10px; } .grid_author_avt { position:relative; z-index:9; display:block; width:100px; height:36px; margin-top:-24px; margin-left:-10px; transform:translateZ(0); } .grid_author_avt:hover { opacity:1!important } .grid_author_avt:after { content:''; position:absolute; width:100%; height:100%; background-position:right top; background-repeat:no-repeat; background-size:100px 30px; background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA3NiAzMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNzYgMzE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjx0aXRsZT5iZ19zb3VyY2VfYmFkZ2VfMTwvdGl0bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTcuNywxMS40Yy0xLjQtMS40LTIuNy0yLjktNC4xLTQuNGMtMC4yLTAuMy0wLjUtMC41LTAuOC0wLjhjLTAuMi0wLjItMC4zLTAuMy0wLjUtMC41bDAsMA0KCUM0OC42LDIuMiw0My41LDAsMzgsMFMyNy40LDIuMiwyMy42LDUuN2wwLDBjLTAuMiwwLjItMC4zLDAuMy0wLjUsMC41Yy0wLjMsMC4zLTAuNSwwLjUtMC44LDAuOGMtMS40LDEuNS0yLjcsMy00LjEsNC40DQoJYy01LDUuMS0xMS43LDYuMS0xOC4zLDYuM1YzMWg5LjRoOC45aDM5LjRoNC45SDc2VjE3LjZDNjkuNCwxNy40LDYyLjcsMTYuNSw1Ny43LDExLjR6Ii8+DQo8L3N2Zz4NCg==); top:-3px; left:50%; transform:translate(-50%,0); z-index:-1; } .grid_author_bggo { position:absolute; margin:auto; top:0; right:0; left:0; width:30px; height:30px; border-radius:50%; z-index:9; } .bg-cover { background-size:cover; background-position:50% 50%; } .post-large .entry-title { font-size:30px; } .post-medium .entry-title { font-size:25px; } @media (max-width:991px) { .post-large .entry-title,.post-medium .entry-title { font-size:20px; } } .side-thumbnail .portrait-header { display:flex; flex-direction:column; justify-content:center; } .side-thumbnail .portrait-media .entry-media { margin-top:0; } .post.sticky .entry-title a:before { content:"\f403"; font-family:"Material Design Icons"; left:-2px; position:relative; top:1px; } .latest-title { font-size:30px; font-weight:900; letter-spacing:.2px; margin-bottom:45px; } @media (max-width:767px) { .latest-title { font-size:15px; margin-bottom:30px; } } .bottom-area { padding:60px 0; } .bottom-area+.bottom-area { padding-top:0; } .site-content>.container+.bottom-area { margin-top:60px; } @media (max-width:767px) { .bottom-area { padding-bottom:30px; } } .related-posts h3,.comments-area .comments-title,.comments-area #reply-title { font-size:16px; letter-spacing:0.2px; margin-bottom:30px; } .related-posts .post { display:flex; margin:15px 0; } .related-posts .entry-media { flex-shrink:0; margin-bottom:0; margin-right:20px; width:220px; } .related-posts-grid { background-color:#ffffff; display:block; margin-top:30px; position:relative; border-radius:5px; padding:20px; } .related-posts-grid .entry-title { font-size:14px; font-weight:normal; letter-spacing:-0.2px; margin-bottom:0; } @media (max-width:767px) { .related-posts .post { margin:10px 0; } .related-posts .entry-media { width:120px; } } .comments-area { background-color:#fff; border-radius:4px; padding:30px; margin-top:0; } .comments-area .comments-title { margin-bottom:40px; } .comments-area #reply-title { align-items:center; display:flex; justify-content:space-between; margin-bottom:10px; position:relative; } .comments-area .must-log-in { padding:50px; background-color:#f2f2f2; text-align:center; font-size:16px; } .comments-area .must-log-in a { color:#fd721f; } .comments-area #reply-title a,.comments-area .reply-link a,.comments-area .edit-link a { color:#aaa; font-size:0; height:20px; line-height:20px; position:absolute; right:0; text-align:center; top:0; width:20px; } .comments-area #reply-title a:before,.comments-area .reply-link a:before,.comments-area .edit-link a:before { content:"\f156"; font-family:"Material Design Icons"; font-size:16px; } .comments-area .comment-list,.comments-area .children { list-style-type:none; margin:0; padding:0; } .comments-area .children { padding-left:20px; } .comments-area .comment-wrapper { margin-bottom:10px; } .comments-area .comment-author-avatar { background-color:#f4f4f4; border-radius:50%; float:left; height:50px; margin-top:3px; overflow:hidden; width:50px; } .comments-area .comment-content { margin-left:70px; overflow:hidden; padding-bottom:30px; position:relative; } .comments-area .comment-author-name { color:#8BC34A; font-size:15px; font-weight:700; } .comments-area .comment-author-name .fn { font-style:normal; font-size:12px; font-weight:normal; } .comments-area .comment-author-name .fn.vip { font-style:normal; display:inline-block; line-height:1; padding:4px 12px; background-color:#f0ad4e; color:#FFF; border-radius:4px; } .comments-area .comment-metadata { color:#aaa; font-size:11px; font-weight:normal; letter-spacing:.2px; margin-bottom:10px; } .comments-area .comment-body { font-size:14px; } .comments-area .comment-body>*:first-child { margin-top:0; } .comments-area .comment-body>*:last-child { margin-bottom:0; } .comments-area .comment-body ul ul,.comments-area .comment-body ol ul,.comments-area .comment-body dl ul,.comments-area .comment-body ul ol,.comments-area .comment-body ol ol,.comments-area .comment-body dl ol,.comments-area .comment-body ul dl,.comments-area .comment-body ol dl,.comments-area .comment-body dl dl { margin:0; } .comments-area .comment-body li { margin:5px 0; } .comments-area .comment-body a { text-decoration:underline; } .comments-area>#respond,.comments-area .comment-list>.comment:last-child>#respond { margin-bottom:0; } .comments-area .edit-link a { right:20px; } .comments-area .reply-link a:before { content:"\f45a"; } .comments-area .edit-link a:before { content:"\f3eb"; } .comments-area .comment-awaiting-moderation { color:#aaa; font-style:italic; margin:10px 0 0; } .comments-area .pingback { margin-bottom:10px; } .comments-area .pingback .edit-link { display:none; } .comments-area .pingback+.comment { margin-top:40px; } .comments-area .no-comments { margin:0; } #respond { margin-bottom:45px; } #respond .logged-in-as>a:first-child { color:#555; } #respond .logged-in-as>a:last-child { font-weight:700; } #respond .comment-form-comment { margin:30px 0 15px; } #respond .comment-author-inputs { margin:0 -15px; } #respond .form-submit { margin-bottom:0; margin-top:20px; } @media (max-width:767px) { .comments-area .children { padding-left:0; } } .off-canvas { background-color:#fff; height:100vh; overflow-y:scroll; padding:60px 0 15px; position:fixed; right:0; top:0; -webkit-transform:translateX(320px); transform:translateX(320px); transition:-webkit-transform 0.6s cubic-bezier(0.77,0,0.175,1); transition:transform 0.6s cubic-bezier(0.77,0,0.175,1); transition:transform 0.6s cubic-bezier(0.77,0,0.175,1),-webkit-transform 0.6s cubic-bezier(0.77,0,0.175,1); width:320px; z-index:9999; -webkit-overflow-scrolling:touch; } .off-canvas .logo { display:flex; justify-content:center; margin:0 auto 30px; padding:0 20px; max-width:220px; } .off-canvas .canvas-close { position:absolute; right:15px; top:15px; } .off-canvas .canvas-close .mdi { transition:-webkit-transform 0.5s cubic-bezier(0.77,0,0.175,1); transition:transform 0.5s cubic-bezier(0.77,0,0.175,1); transition:transform 0.5s cubic-bezier(0.77,0,0.175,1),-webkit-transform 0.5s cubic-bezier(0.77,0,0.175,1); } .off-canvas .canvas-close:hover .mdi { -webkit-transform:rotate(-180deg); transform:rotate(-180deg); } .off-canvas .mega-menu { display:none; } .off-canvas .widget-area .widget { padding:20px; } .off-canvas .widget-area .widget+.widget { margin-top:30px; } .off-canvas .widget-area .widget.widget_magsy_promo_widget+.widget_magsy_promo_widget { margin-top:-20px; } .off-canvas .widget-area .widget .widget-title { border-bottom:1px solid #e6e6e6; margin:-20px -20px 20px; padding:15px 20px; } body:not(.canvas-visible) .off-canvas { visibility:hidden; } .canvas-opened { overflow-y:hidden; } .canvas-opened .off-canvas { -webkit-transform:translateX(0); transform:translateX(0); visibility:visible; } .slicknav_menu .slicknav_nav,.slicknav_menu .sub-menu { list-style-type:none; margin:0; padding:0; } .slicknav_menu .slicknav_nav { background-color:#fff; margin-bottom:30px; padding:0 20px; width:100%; position:relative; overflow:hidden; display:-ms-flexbox; display:flex!important; -ms-flex-wrap:wrap; flex-wrap:wrap; width:100%; } .slicknav_menu .slicknav_nav li { width:100%; min-height:1px; padding:.25rem; -ms-flex:0 0 33.333333%; flex:0 0 50%; max-width:50%; text-align:center; overflow:hidden; text-overflow:ellipsis; } .slicknav_menu .slicknav_nav .sub-menu li { width:100%; min-height:1px; padding:.25rem; -ms-flex:0 0 33.333333%; flex:0 0 100%; max-width:100%; text-align:center; overflow:hidden; text-overflow:ellipsis; } .slicknav_menu .slicknav_nav li.slicknav_parent { -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; } .slicknav_menu .menu-item>a { align-items:center; display:flex; font-size:11px; font-weight:500; letter-spacing:.2px; line-height:1; outline:none; padding:12px 5px; justify-content:center; border:1px solid #f4f6f9; border-radius:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .slicknav_menu .menu-item>a .emoji { margin-left:0!important; margin-right:5px!important; } .slicknav_menu .menu-item-has-children>a { } .slicknav_menu .slicknav_item a { display:inline; outline:none; padding:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .slicknav_menu .slicknav_arrow { color:#aaa; font-size:0; line-height:1; } .slicknav_menu .slicknav_arrow:before { content:"\f142"; font-family:"Material Design Icons"; left:-2px; position:relative; top:1px; font-size:14px; color:#aaa; } .modal { background:#fff; border-radius:5px; display:none; left:30px; margin:0 auto; max-width:400px; padding:60px 30px 30px; position:fixed; right:30px; text-align:center; top:30%; z-index:90; } .modal .modal-thumbnail { background-color:#f4f4f4; border:4px solid #fff; border-radius:50%; height:90px; left:50%; margin-left:-45px; overflow:hidden; position:absolute; top:-45px; width:90px; z-index:10; } .modal .modal-title { color:#1a1a1a; font-size:17px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .modal .modal-form { margin-top:15px; } .modal .modal-form .modal-permalink { border-color:#e6e6e6; color:#555; } .dimmer { background:rgba(0,0,0,0.7); bottom:0; display:none; left:0; position:fixed; right:0; top:0; z-index:999; } .main-search { bottom:0; display:none; left:0; position:absolute; right:0; top:0; } .main-search .search-form { height:100%; } .main-search .search-field { background-color:transparent; font-size:20px; font-weight:700; height:100%; margin:0; padding:0; text-align:center; border:0; } .main-search .search-field::-webkit-input-placeholder { color:#aaa; } .main-search .search-field:-ms-input-placeholder { color:#aaa; } .main-search .search-field::-ms-input-placeholder { color:#aaa; } .main-search .search-field::placeholder { color:#aaa; } .main-search .search-submit { display:none; } .main-search .search-close { font-size:15px; margin-top:-15px; position:absolute; right:0; top:50%; } .search-open .main-search { display:block; z-index:10; } .search-open .navbar>*:not(.main-search) { display:none; } .no-search .main-search,.no-search .search-open { display:none; } .ads { padding:60px 0; } .ads img { margin:0 auto; } .ads.before_post_content { padding:0 0 30px; } .ads.after_post_content { padding:30px 0 0; } @media (max-width:767px) { .ads { padding:30px 0; } } .term-bar { align-items:center; background-color:#34495e; background-position:center; background-size:cover; display:flex; flex-direction:column; justify-content:center; padding:60px 0; position:relative; text-align:center; } .term-bar:before { background-color:#34495e; bottom:0; content:""; left:0; position:absolute; right:0; top:0; transition:opacity 0.3s cubic-bezier(0.77,0,0.175,1); } .term-bar.lazyloaded:before { opacity:.5; } .term-bar .term-title { color:#fff; font-size:23px; font-weight:900; line-height:1; margin:0; position:relative; } @media (max-width:768px) { .term-bar { padding:40px 0; } .term-bar .term-title { margin:0; } } .search-no-results .term-bar { display:none; } .social-bar { background-color:#f4f4f4; display:flex; justify-content:center; padding:30px 0; } .social-bar a { display:flex; font-size:17px; padding:0 15px; } .social-bar span { font-weight:900; margin-left:5px; } @media (max-width:767px) { .social-bar a { padding:0 10px; } } .site-footer { background-color:#ffffff; color:#aaa; padding:20px 0; text-align:center; } .site-footer a { font-weight:500; } .site-footer .nav-list { display:flex; justify-content:center; } .site-footer .nav-list .menu-item+.menu-item:before { content:"/"; margin:0 10px; } .site-footer .site-info { margin:15px auto 0; max-width:750px; font-size:13px; } .site-footer .site-info a { color:#aaa; margin-left:5px; } .social-bar+.site-footer { border-top:1px solid #e6e6e6; } .footer-widget { padding-top:20px; padding-bottom:20px; text-align:left; border-bottom:1px solid #eeeeee; } @media (max-width:576px) { .footer-widget { display:none; } } .footer-widget .widget--title h5 { font-family:'Poppins',sans-serif; color:#34495e; font-size:14px; font-weight:600; line-height:1; margin-bottom:27px; } .footer-widget .footer--logo { margin-bottom:44px; max-width:180px; } .footer-widget .widget--about p { font-size:14px; line-height:26px; margin-bottom:30px; color:#aaaaaa; } .footer-widget .widget--about ul li { font-size:14px; font-weight:400; line-height:24px; color:#34495e; margin-bottom:4px; display:block; } .footer-widget .widget--about ul li:last-of-type { margin-bottom:0; } .footer-widget .widget--links ul li a { font-size:14px; font-weight:500; line-height:24px; margin-bottom:9px; display:block; } .footer-widget .widget--links ul li:last-of-type a { margin-bottom:0; } .footer-widget .widget--newsletter .newsletter--form { position:relative; } .footer-widget .widget--newsletter .form-control { background-color:#f8f8f8; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #eeeeee; font-size:14px; color:#aaaaaa; height:42px; } .footer-widget .widget--newsletter button { background-color:transparent; line-height:40px; color:#34495e; font-size:12px; font-weight:600; position:absolute; top:2px; right:20px; cursor:pointer; border:none; height:auto; padding:0; -webkit-transition:all .4s ease; transition:all .4s ease; } .footer-widget .widget--newsletter:hover button { -webkit-transform:translateX(7px); transform:translateX(7px); } .footer-widget .widget--newsletter h6 { line-height:1; font-weight:500; font-size:12px; margin-bottom:24px; } .footer-links { font-size:12px; margin:15px auto 0; text-align:initial; } .footer-links a { color:#797979; } .footer-links a:hover { color:#2196F3; } .footer-links ul { display:inline; margin:0; padding:0; width:100%; } .footer-links h6,.footer-links li { font-size:12px; font-weight:400; display:inline; white-space:nowrap; margin:0 8px; margin-left:0; color:#797979; } @media (max-width:767px) { .footer-links{ display:none; } } .social-icons a { display:inline-block; width:33px; height:33px; line-height:33px; border-radius:50%; text-align:center; margin-right:10px; background-color:#f5f5f5; font-size:12px; color:#bdbdbd; } .social-icons a:hover { color:#34495e; } .social-icons a:last-of-type { margin-right:0; } @media (max-width:767px) { .site-footer .nav-list { flex-direction:column; } .site-footer .nav-list .menu-item+.menu-item { margin-top:5px; } .site-footer .nav-list .menu-item+.menu-item:before { display:none; } } .numeric-pagination>.page-numbers { display:flex; justify-content:center; list-style-type:none; margin:0; padding:0; } .numeric-pagination li { margin:0 3px; } .numeric-pagination .page-numbers:not(ul) { align-items:center; border-radius:3px; display:flex; font-size:13px; font-weight:700; height:30px; justify-content:center; width:30px; } .numeric-pagination .page-numbers:not(ul).current { background-color:#34495e; color:#fff; } .numeric-pagination .mdi { font-size:18px; } .navigation .nav-links { display:flex; flex-direction:row-reverse; justify-content:center; } .navigation.comment-navigation .nav-previous,.navigation.comment-navigation .nav-next { margin-left:10px; margin-right:10px; } .paged-previous.paged-next .navigation .nav-next { margin-right:2px; } .paged-previous.paged-next .navigation .nav-previous a { border-radius:0 30px 30px 0; } .paged-previous.paged-next .navigation .nav-next a { border-radius:30px 0 0 30px; } .infinite-scroll-status { display:none; text-align:center; } .infinite-scroll-request { -webkit-animation:scaleOut 0.3s infinite ease-in-out; animation:scaleOut 0.3s infinite ease-in-out; background-color:#1a1a1a; border-radius:50%; height:40px; margin:60px auto; width:40px; } .infinite-scroll-action { display:flex; justify-content:center; } @media (max-width:767px) { .infinite-scroll-action { margin-top:20px; } } .infinite-scroll-button { min-width:250px; } .pagination-infinite_button .infinite-scroll-request,.pagination-infinite_scroll .infinite-scroll-button,.pagination-infinite_button .posts-navigation,.pagination-infinite_scroll .posts-navigation,.pagination-infinite_button:not(.paged-next) .infinite-scroll-button { display:none!important; } .breadcrumbs { font-size:13px; text-align:left; margin-bottom:30px; margin-top:-30px; color:#999; padding:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .breadcrumbs a { color:#999; } @media (max-width:575px) { .breadcrumbs { margin-bottom:10px; margin-top:-20px; } } .entry-wrapper .widget-pay { margin-bottom:30px; margin-top:30px; border-top:1px solid #eee; padding-top:10px; } .article-content { border-radius:4px; background-color:#fff; word-wrap:break-word; padding:20px; } .article-content img { border-radius:5px; } .article-content pre { margin:20px 0; padding:10px 20px; border:none; background:#03152a; color:#b3b3b3; font:12px/20px 'courier new' } .article-content blockquote { position:relative; margin:30px 0; padding:10px 45px; border-radius:3px; background-color:#f8f8fa; } .article-content blockquote:before { position:absolute; top:20px; left:20px; display:block; width:16px; height:14px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAANCAYAAADISGwcAAAABmJLR0QA/wD/AP+gvaeTAAABJUlEQVQ4y62UzVHDMBCFPxgX4BJcQkpIKgAqwKkguAJDBSQdmAooAXPhlINLcDowFSQHr0fPipTMJHozmlnJT6u3f35o//YIlkBt9hroOccb8AQMwAvwY/d8vAMfZh8JY/XoHdTiLPR4LpyOBFABpTz+FeF/mohLnJsE5OZ8irwJcJcmEvvekwCTgI1Etotwa7FjnJsEFIwNA2NjhaIvceVpSVR/gAx4lX1v2QA4iBjlDJKNX6DCZU+b+F/urMT+Fv6QeYIWtqZIQ9l4tgXzUSvkcT+TrWQyl7POH8N7sBG7MhGXOGuYj+E9yHET0hGfooXZW2yKUgkocamtrmRowJUtmYDJeYOrt6LA9c2sPBljt4cudRFbcTDnje1jf8cCN+qNfjgBbfA/pMbdZOcAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC) no-repeat; content:'' } .article-content blockquote:after { position:absolute; right:20px; bottom:20px; display:block; width:16px; height:14px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAANCAYAAADISGwcAAAABmJLR0QA/wD/AP+gvaeTAAABJUlEQVQ4y62UzVHDMBCFPxgX4BJcQkpIKgAqwKkguAJDBSQdmAooAXPhlINLcDowFSQHr0fPipTMJHozmlnJT6u3f35o//YIlkBt9hroOccb8AQMwAvwY/d8vAMfZh8JY/XoHdTiLPR4LpyOBFABpTz+FeF/mohLnJsE5OZ8irwJcJcmEvvekwCTgI1Etotwa7FjnJsEFIwNA2NjhaIvceVpSVR/gAx4lX1v2QA4iBjlDJKNX6DCZU+b+F/urMT+Fv6QeYIWtqZIQ9l4tgXzUSvkcT+TrWQyl7POH8N7sBG7MhGXOGuYj+E9yHET0hGfooXZW2yKUgkocamtrmRowJUtmYDJeYOrt6LA9c2sPBljt4cudRFbcTDnje1jf8cCN+qNfjgBbfA/pMbdZOcAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC) -16px 0 no-repeat; content:'' } .article-content blockquote p { margin:0; margin-bottom:10px; padding:0 } .article-content .entry-header .entry-meta { margin-bottom:10px; } .article-content .entry-header .entry-title { font-size:1.5em; font-weight:500; letter-spacing:0.5px; padding-bottom:20px; border-bottom:1px dashed #eee; margin-bottom:30px; color:#555; margin-top:0; } .article-content .content-hide-tips { padding:40px 20px 20px; border:1px dashed #ccc; margin:20px 0 40px; background-color:#f6f6f6; border-radius:4px; position:relative; } .article-content .content-hide-ok { padding:20px; border:1px dashed #ccc; margin:20px 0 20px; background-color:#f6f6f6; border-radius:4px; position:relative; } .article-content .content-hide-tips .fa-lock,.content-hide-tips .fa-unlock-alt { font-size:30px; right:10px; top:5px; font-style:normal; color:#ccc; position:absolute; z-index:1; } .article-content .content-hide-tips .rate { left:10px; top:5px; position:absolute; z-index:1; font-weight:500; margin:10px; -webkit-animation:hue 6s infinite linear; } .article-content .content-hide-tips .login-false { text-align:center; } .article-content .content-hide-tips .coin { display:block; text-align:center; margin-top:10px; margin-bottom:10px; } .article-content .content-hide-tips .coin span { padding:4px 18px; background-color:#ffffff; color:#f0ad4e; line-height:1; border-radius:20px; font-size:13px; border:1px solid #f0ad4e; } .article-content .content-hide-tips .t-c { text-align:center; font-size:13px; } .article-content .content-hide-tips .red { color:#ff3b41; } .article-content .pc-button { margin:0 auto; text-align:center; } .article-content .h1,.article-content .h2,.article-content .h3,.article-content h1,.article-content h2,.article-content h3 { margin:30px 0 20px; line-height:1.4; font-weight:700 } .article-content h4,.article-content h5 { font-weight:700; font-size:1.17em; margin-bottom:.875rem; } .article-content .h1,.article-content h1 { font-size:24px; color:#03A9F4; } .article-content .h2,.article-content h2 { padding-bottom:12px; font-size:20px; border-bottom:4px solid #f0f4f5; } .article-content .h3,.article-content h3 { padding-left:10px; font-size:18px; line-height:1.2; border-left:4px solid #0f81fb } .article-content p { margin-bottom:20px; line-height:1.8; word-wrap:break-word } @media (max-width:768px) { .article-content p { text-align:justify } .article-content p.has-text-align-center { text-align:center } .article-content p.has-text-align-left { text-align:left } .article-content p.has-text-align-right { text-align:right } } .article-content>p { white-space:pre-wrap } .article-content p.has-drop-cap:not(:focus):first-letter { font-size:3em; line-height:1; font-weight:100 } .article-content figure { margin-bottom:20px; margin-bottom:1.66667rem } .article-content blockquote { position:relative; margin:20px 0; padding:10px 40px; border-radius:3px; background-color:#f0f4f5; } .article-content blockquote:before { position:absolute; top:20px; left:20px; display:block; width:16px; height:14px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAANCAYAAADISGwcAAAABmJLR0QA/wD/AP+gvaeTAAABJUlEQVQ4y62UzVHDMBCFPxgX4BJcQkpIKgAqwKkguAJDBSQdmAooAXPhlINLcDowFSQHr0fPipTMJHozmlnJT6u3f35o//YIlkBt9hroOccb8AQMwAvwY/d8vAMfZh8JY/XoHdTiLPR4LpyOBFABpTz+FeF/mohLnJsE5OZ8irwJcJcmEvvekwCTgI1Etotwa7FjnJsEFIwNA2NjhaIvceVpSVR/gAx4lX1v2QA4iBjlDJKNX6DCZU+b+F/urMT+Fv6QeYIWtqZIQ9l4tgXzUSvkcT+TrWQyl7POH8N7sBG7MhGXOGuYj+E9yHET0hGfooXZW2yKUgkocamtrmRowJUtmYDJeYOrt6LA9c2sPBljt4cudRFbcTDnje1jf8cCN+qNfjgBbfA/pMbdZOcAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC) no-repeat; content:'' } .article-content blockquote:after { position:absolute; right:20px; bottom:20px; display:block; width:16px; height:14px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAANCAYAAADISGwcAAAABmJLR0QA/wD/AP+gvaeTAAABJUlEQVQ4y62UzVHDMBCFPxgX4BJcQkpIKgAqwKkguAJDBSQdmAooAXPhlINLcDowFSQHr0fPipTMJHozmlnJT6u3f35o//YIlkBt9hroOccb8AQMwAvwY/d8vAMfZh8JY/XoHdTiLPR4LpyOBFABpTz+FeF/mohLnJsE5OZ8irwJcJcmEvvekwCTgI1Etotwa7FjnJsEFIwNA2NjhaIvceVpSVR/gAx4lX1v2QA4iBjlDJKNX6DCZU+b+F/urMT+Fv6QeYIWtqZIQ9l4tgXzUSvkcT+TrWQyl7POH8N7sBG7MhGXOGuYj+E9yHET0hGfooXZW2yKUgkocamtrmRowJUtmYDJeYOrt6LA9c2sPBljt4cudRFbcTDnje1jf8cCN+qNfjgBbfA/pMbdZOcAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC) -16px 0 no-repeat; content:'' } .article-content blockquote p { margin:0; padding:10px; } .article-content ol,.article-content ul { padding-left:2em; margin-bottom:20px; list-style-position:outside; list-style-type:disc; } .article-content ol { list-style-type:decimal; } .article-content li { margin-bottom:10px } .article-content img { height:auto } .article-content audio,.article-content img,.article-content video { max-width:100%; vertical-align:top } @media (max-width:768px) { .article-content audio,.article-content video { display:block; width:100%; height:auto } } .article-content video::-internal-media-controls-download-button { display:none } .article-content video::-webkit-media-controls-enclosure { overflow:hidden } .article-content video::-webkit-media-controls-panel { width:calc(100% + 30px) } .article-content embed,.article-content iframe { max-width:100%; vertical-align:top } .article-content .wp-video { width:auto!important; margin-bottom:20px; } @media (max-width:768px) { .article-content embed,.article-content iframe { display:block; width:100%; min-height:200px; max-height:500px } } .article-content .aligncenter { display:block; margin-left:auto; margin-right:auto; text-align:center } .article-content .aligncenter img { margin:0 auto } .article-content .alignleft { float:left; margin-right:10px; margin-bottom:10px } .article-content .alignright { float:right; margin-left:10px; margin-bottom:10px } .article-content .wp-caption,.article-content button,.article-content input,.article-content select,.article-content textarea { max-width:100% } .article-content .wp-caption-text { padding-top:5px; text-align:center; text-indent:0; font-size:14px; line-height:1.5; color:#666 } .article-content table { width:100%; table-layout:fixed } .article-content table td,.article-content table th { padding:5px 10px } .article-content .gallery { margin:0 -10px; font-size:0 } .article-content .gallery .gallery-item { display:inline-block; padding:10px; text-align:center; vertical-align:top } .article-content .gallery .gallery-item img { max-width:100%; height:auto; vertical-align:top; border:0 } .article-content .gallery-columns-1 .gallery-item { width:100% } .article-content .gallery-columns-2 .gallery-item { width:50% } .article-content .gallery-columns-3 .gallery-item { width:33.33333% } .article-content .gallery-columns-4 .gallery-item { width:25% } .article-content .gallery-columns-5 .gallery-item { width:20% } .article-content .gallery-columns-6 .gallery-item { width:16.66667% } .article-content .gallery-columns-7 .gallery-item { width:14.28571% } .article-content .gallery-columns-8 .gallery-item { width:12.5% } .article-content .gallery-columns-9 .gallery-item { width:11.11111% } .article-content .blocks-gallery-grid,.article-content .wp-block-gallery { padding:0!important; display:-webkit-box!important; display:-ms-flexbox!important; display:flex!important } .article-content .blocks-gallery-grid .blocks-gallery-image figure,.article-content .blocks-gallery-grid .blocks-gallery-item figure,.article-content .wp-block-gallery .blocks-gallery-image figure,.article-content .wp-block-gallery .blocks-gallery-item figure { margin-bottom:0 } .article-content .wp-block-quote { border-left-color:#e5e5e5 } .article-content .wp-block-subhead { text-indent:0 } .article-content .wp-block-code { color:#eee; background:#2b303b; border-radius:2px; border-color:#393939 } .article-content .wp-block-tag-cloud { display:flex; justify-content:center; align-items:center; } .article-content .wp-block-tag-cloud .tag-cloud-link { display:inline-block; margin:0 .7% 1.4%; padding:5px 12px; font-size:12px!important; line-height:1.2; text-align:center; color:#666; border:1px solid hsla(0,0%,39%,.2); border-radius:2px; text-decoration:none; background:hsla(0,0%,100%,.2); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .article-content .wp-block-latest-posts { padding-left:2em; margin-bottom:10px; text-align:left } .article-content .wp-block-latest-posts.is-grid { display:-webkit-box; display:-ms-flexbox; display:flex; list-style:disc } .article-content .wp-block-table { width:100%; margin-bottom:20px } .article-content .wp-block-table td,.article-content .wp-block-table th { padding:10px; border:1px solid #e5e5e5 } .article-content .wp-block-table.is-style-stripes td,.article-content .wp-block-table.is-style-stripes th { border:0 } .article-content .wp-block-table.aligncenter { display:table } .article-content .wp-block-table.left { float:none; text-align:left } .article-content .wp-block-table.alignright { float:none; text-align:right } .article-content .wp-block-cover-image-text { text-indent:0 } .article-content .wp-block-video { margin-bottom:20px; text-align:center } .article-content .wp-block-audio,.article-content .wp-block-button { margin-bottom:20px } .article-content .wp-block-embed { text-align:center } .article-content .wp-embedded-content { display:block; width:100% } @media (max-width:768px) { .article-content .wp-embedded-content { min-height:auto; max-height:none } } .article-content .wp-block-pullquote { padding:3em 0; margin:28px 0; text-align:center; border-top:4px solid #e5e5e5; border-bottom:4px solid #e5e5e5; color:#444 } .article-content .wp-block-pullquote blockquote { margin:0; padding:0; background:none; border:0 } .article-content .wp-block-pullquote blockquote:before { display:none } .article-content .wp-block-verse { line-height:2 } .article-content .wp-block-image .aligncenter,.article-content .wp-block-image .alignleft,.article-content .wp-block-image .alignright,.article-content .wp-block-image.is-resized { display:table!important } .article-content .wp-block-quote,.article-content blockquote { position:relative; padding:30px 40px; background:#f0f4f5; font-family:RiPlus-Black; } .article-content .wp-block-code,.article-content pre { padding:30px; background:#2b303b; border-radius:3px; border:0; color:#6fbb72; font-size:14px; } .article-content .post-note { opacity:1; } @media (max-width:768px) { .article-content .wp-block-code,.article-content pre { padding:10px } } #ripro-mse { border-radius:4px 4px 0 0; overflow:hidden; border:0 solid rgba(202,202,202,0.1); margin:-20px; margin-bottom:20px; } .article-content .content-do-video { display:flex; width:100%; height:100%; flex-wrap:wrap; justify-content:center; align-items:center; } .video-filter { -webkit-filter:blur(3px); -moz-filter:blur(3px); -ms-filter:blur(3px); filter:blur(3px); } .article-content .content-do-video .views { display:block; padding:10px; } .article-content .content-do-video .rate { right:10px; top:10px; position:absolute; z-index:1; font-weight:500; margin:10px; background:rgba(255,255,255,0.5); color:#000000; padding:5px 10px; font-size:14px; border-radius:20px; } .article-content .content-do-video .login-false { text-align:center; color:#efd696; display:block; margin-bottom:20px; letter-spacing:1.2px; } .article-content .content-do-video .coin { display:block; text-align:center; margin-top:20px; margin-bottom:20px; } .article-content .content-do-video .coin span { padding:4px 18px; background-color:rgba(0,0,0,0.5); color:#efd696; line-height:1; border-radius:20px; font-size:13px; border:1px solid #f3dfa1; } .article-content .content-do-video .t-c { text-align:center; font-size:13px; } .article-content .content-do-video .red { color:#ff3b41; } .article-content .content-do-video .pc-button { margin:0 auto; text-align:center; } .article-content .content-do-video .pc-button .btn { color:#623A0C; text-align:center; background-image:linear-gradient(-135deg,#FBE8A8 0%,#F8E7AC 15%,#E2C078 100%); -webkit-box-shadow:0 3px 5px rgba(248,230,172,.3); box-shadow:0 3px 5px rgba(247,230,171,.3); } @media (max-width:575px) { .article-content .content-do-video .login-false { font-size:12px!important; } .dplayer-logo { left:10px!important; top:10px!important; max-width:80px!important; } .article-content .content-do-video .rate { right:0; top:0; padding:2px 5px; font-size:12px; } } .article-content .fenye { text-align:center; margin:20px auto 20px; font-weight:normal; } .article-content .fenye span { background-color:#e0e0e0; color:#b9b9b9; font-weight:bold; margin:0px 1px; padding:2px 3px; display:inline-block; text-decoration:none; border:1px solid #e0e0e0; line-height:1; border-radius:4px; } .article-content .fenye a { text-decoration:none; } .article-content .fenye a span { background-color:#e0e0e0; color:#fff; font-weight:bold; margin:0px 1px; padding:4px 6px; display:inline-block; text-decoration:none; border:1px solid #e0e0e0; line-height:1; border-radius:4px; } .article-content .fenye a:hover span { background-color:#DDDDDD; color:#fff; } .archives .item { overflow:hidden; margin-bottom:20px; border-bottom:1px solid #eee; } .archives h3 { float:left; margin-bottom:10px; font-size:20px; font-weight:normal; color:#4CAF50; line-height:20px; margin-top:0; } .archives-list { padding-left:20px; margin:0 0 20px 140px; } .archives-list li { list-style:disc; margin-left:20px; margin-bottom:4px; } .archives-list time { width:40px; display:inline-block; } .archives-list span { font-size:12px; display:inline-block; margin-left:10px; } .archives-list a span { margin-left:2px; font-size:14px; color:#FF5E52; } .tags .tagslist { overflow:hidden; } .tags .tagslist ul { list-style-type:none; padding:0; margin:0 -2% 0 0; } .tags .tagslist li { float:left; width:23%; margin-right:2%; margin-bottom:2%; padding:15px; border:1px solid #eee; background-color:#ffffff; border-radius:2px; } .tags .tagslist li .name { background-color:#eee; display:inline-block; padding:0 10px 0; font-size:12px; color:#666; } .tags .tagslist li .name:hover { background-color:#444; color:#fff; } .tags .tagslist li:hover { border-color:#ccc; } .tags .tagslist li:hover .name { background-color:#333; color:#fff; } .tags .tagslist li small { margin-left:10px; color:#bbb; } .tags .tagslist li p { margin:10px 0 0; font-size:12px; height:17px; overflow:hidden; display:block; line-height:1.5; } .tags .tagslist li .tit { color:#999; } .tags .tagslist li .tit:hover { color:#444; } .tags .tagslist a { text-decoration:none; } @media (max-width:1024px) { .tags .tagslist li { width:31.3333333%; } } @media (max-width:768px) { .tags .tagslist li { width:48%; } .mobile-none { display:none!important; } } @media (max-width:544px) { .tags .tagslist li { padding:10px; } } @media (max-width:575px) { .article-content { padding:10px; } .entry-header .entry-title,.article-content .entry-header .entry-title { font-size:14px; font-weight:500; padding-bottom:0; } .post-edit-link { display:none; } .archives h3 { display:none; } .archives-list { padding-left:0; margin:0; } } .zhuanti { position:relative; } .zhuanti:nth-child(4n) { margin-right:0 } .zhuanti .zhuanti-tile { margin-bottom:30px; overflow:hidden; box-shadow:0 4px 12px 0 rgba(8,8,8,0.1); } .zhuanti .zhuanti-tile__wrap { position:relative; margin:0; border-radius:4px } .zhuanti .zhuanti-tile__inner { position:relative; display:-webkit-box; display:-moz-box; display:box; display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; display:flex; min-height:160px; -webkit-box-align:center; -moz-box-align:center; box-align:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; -o-align-items:center; align-items:center; -ms-flex-align:center; } .zhuanti .zhuanti-tile--sm .zhuanti-tile__inner { min-height:120px } .zhuanti .zhuanti-tile .link-overlay { z-index:1 } .zhuanti .zhuanti-tile__text { position:relative; padding:20px 20px 15px; width:100%; text-align:center; } .zhuanti .zhuanti-tile__name { display:inline-block; padding:.2em 1.5em; max-width:100%; border-radius:4px; background:#2196F3; color:#fff; text-shadow:0 -1px 0 rgba(0,0,0,.1); -webkit-transition:all .15s ease-out 0s; -moz-transition:all .15s ease-out 0s; transition:all .15s ease-out 0s; } .zhuanti .zhuanti-tile__description { margin-top:.4em; color:rgba(255,255,255,.8); font-size:.8571rem } .zhuanti .zhuanti-tile:hover .background-img:after { opacity:.8 } .zhuanti .background-img { position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden } .zhuanti .background-img,.zhuanti .has-cover-bg-img { border-radius:6px; background-position:50% 50%; background-size:cover; background-repeat:no-repeat; background-attachment:scroll } .zhuanti .background-img:after { position:absolute; top:0; right:0; bottom:0; left:0; width:100%; background-color:#001529; content:''; opacity:.4; -webkit-transition-timing-function:ease; -moz-transition-timing-function:ease; transition-timing-function:ease; -webkit-transition-duration:.3s; -moz-transition-duration:.3s; transition-duration:.3s; -webkit-transition-property:all; -moz-transition-property:all; transition-property:all; } .site-ads { display:block; width:100%; } .site-ads a img { width:100%; } .site-ads.ads-list-header { padding-bottom:30px } .site-ads.ads-list-footer { padding-top:30px } .widget-area .widget { position:relative; background-color:#fff; padding:20px; border-radius:4px; clear:both; overflow:hidden; } .widget-area .widget+.widget { margin-top:20px; } .widget-area .widget.widget_magsy_promo_widget+.widget_magsy_promo_widget { margin-top:20px; } .widget-area .widget .widget-title { font-size:15px; letter-spacing:.5px; line-height:1; margin-bottom:10px; } .widget ul { list-style-type:none; margin:0; padding:0; } .widget ul li { line-height:20px; padding:5px 0; list-style:none; } .widget ul li>a { display:inline-block; } .widget ul li+li>a,.widget ul ul li>a { margin-top:0; } .widget-userinfo { background-color:#fff; } .widget-userinfo .author-card_content { position:relative; } .widget-userinfo .author_avatar { position:relative; padding-bottom:10px; width:100%; -webkit-box-align:center!important; -ms-flex-align:center!important; align-items:center!important; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; } .widget-userinfo .col-auto { -ms-flex:0 0 auto; flex:0 0 auto; width:auto; max-width:100%; -webkit-box-flex:0; } .widget-userinfo .col { -ms-flex-preferred-size:0; flex-basis:0; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; max-width:100%; } .widget-userinfo .col.n2 { position:relative; width:100%; padding-right:10px; padding-left:10px; } .widget-userinfo .col.n2 small { color:#8492a6!important; line-height:1.7; } .widget-userinfo .author_avatar .avatar { width:50px; box-shadow:0 0 5px rgba(0,0,0,.16); border:2px solid #eee; } .widget-userinfo .btn-qiandao { color:#8492a6; background-color:#f2f7ff; border-radius:50rem; padding:.375rem 1rem; font-size:.75rem; line-height:1.5; } .widget-userinfo .author-fields { width:100%; border-top:1px solid #f6f6f6; padding-top:20px; } .widget-userinfo .author-fields .num { font-size:18px; color:#8BC34A; } .widget-userinfo .author-fields .d-block { color:#8492a6; font-size:13px; } .widget-userinfo .author_avatar a { display:block!important; line-height:1.3; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:80px; } .widget-area .widget.widget-adss { overflow:hidden; padding:0; border-radius:0; } .widget-adss a { width:100% } .widget-adss .asr { display:block; padding:30px 15px; text-align:center; color:#fff!important; background:#64ddbb; } .widget-adss .asr h4 { margin:0; font-size:18px; font-weight:bold; color:#fff; } .widget-adss .asr h5 { margin:15px 0 0; font-weight:normal; color:#fff; } .widget-adss .asr .btn { margin-top:20px; font-weight:normal; border-radius:100px; text-align:center; vertical-align:top; user-select:none; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; transition:all .3s ease-in-out; padding:4px 30px; line-height:inherit; } .btn-outline { color:#fff; background-color:transparent; border:1px solid #fff; } .btn-outline:hover,.btn-outline:focus,.btn-outline.focus { color:#555; background-color:#fff; } .widget-userstop { } .widget-userstop li { position:relative; display:flex; margin-bottom:10px; } .widget-userstop li span { font-size:14px; } .widget-userstop li .index { color:#080808; font-size:18px; width:20px; line-height:30px; font-weight:600; } .widget-userstop li .index.num-1 { color:#F44336; } .widget-userstop li .index.num-2 { color:#4CAF50; } .widget-userstop li .index.num-3 { color:#FFC107; } .widget-userstop li .index.num-4 { color:#00BCD4; } .widget-userstop li .index.num-5 { color:#2196F3; } .widget-userstop li .index.num-6 { color:#E91E63; } .widget-userstop li .index.num-7 { color:#34495e; } .widget-userstop li .index.num-8 { color:#f4e3ab; } .widget-userstop li .avatar { width:40px; } .widget-userstop li .avatar img { width:30px; height:30px; border-radius:50%; overflow:hidden; display:block; } .widget-userstop li .name { flex:1; line-height:30px; -webkit-line-clamp:1; -webkit-box-orient:vertical; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .widget-userstop li .credits { min-width:80px; line-height:30px; -webkit-line-clamp:1; -webkit-box-orient:vertical; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#cac8ff; } .widget-comments a { position:relative; display:block; overflow:hidden; padding:0; color:#777; margin:0; width:100%; margin-bottom:5px; } .widget-comments li:last-child a { padding-bottom:0 } .widget-comments a:hover { color:#444 } .widget-comments .inner { position:relative; } .widget-comments time { display:block; margin-bottom:10px; color:#bbb; font-size:12px; font-weight:500; } .widget-comments strong { margin-right:10px; color:#bbb } .widget-comments .avatar { float:left; width:20px; height:20px; border-radius:50%; margin-right:5px; } .widget-comments small { background-color:#f6f6f6; width:100%; display:block; border-radius:4px; padding:4px 10px; position:relative; font-size:14px; color:#bbb; } .widget-comments small:before { content:" "; height:0; width:0; border:5px solid transparent; border-bottom-color:#f6f6f6; position:absolute; left:5px; top:-10px; } .widget .widget-pay { display:block; } .widget-pay .rateinfo-abs { display:inline-block; padding-top:30px; } .widget-pay .pay--rateinfo { padding:10px 20px; border-radius:4px; margin-top:0px; margin-bottom:10px; display:flex; justify-content:center; align-items:center; z-index:11; -webkit-box-shadow:0 4px 30px rgba(0,0,0,0.1); box-shadow:0 4px 30px rgba(0,0,0,0.1); background:#FFF; } .widget-pay .pay--rateinfo b { margin:0 10px; } .widget-pay .pay--rateinfo b .price { font-size:28px; margin-right:5px; } .widget-pay .pay--rateinfo b .ua { color:#8c8c8c; } .widget-pay .pay--rateinfo b sup { font-size:14px; margin-left:3px; } .widget-pay .pay--rateinfo .desc { color:#626a71; } .widget-pay .pricing-options { position:relative; margin-bottom:10px; } .widget-pay .pricing-options li { padding:10px 0; font-size:14px; cursor:pointer; color:#8c8c8c; } .widget-pay .pricing-options li +li { border-top:1px solid #e6e6e6; } .widget-pay .pricing-options li .pricing__opt { font-weight:600; } .widget-pay .boosvip-abs { padding:4px 12px; text-align:center; background-color:#eee; color:#fd721f; font-size:14px; } .widget-pay .pay--content { position:relative; padding-bottom:10px; } .widget-pay .pay-box { } .widget-pay .pay-box .pwd { padding:5px; margin-top:10px; display:block; background-color:#fffacd; color:#999999; border-radius:4px; text-align:center; border:1px dashed #ffc12b; } .widget-pay .pay-box .pwd .copypaw { cursor:copy; font-weight:600; background-color:#ffffff; border-radius:4px; color:#969696; padding:0 10px; } .widget-pay .pay-box .pwd .copypaw:hover { cursor:copy; } .widget-pay .pay-box .go-pay { margin-top:10px; display:none; } .widget-pay .pay--content p { margin-bottom:10px; text-align:center; } .widget-pay .pay--btn { padding-bottom:20px; } .widget-pay .pay--content .info { display:block; padding-bottom:20px; } .pay--content .info .price { color:#fd721f; font-size:24px; font-weight:600; line-height:1; text-transform:capitalize; text-align:center; } .pay--content .info .price font i { margin-right:10px; } .pay--content .info .price span { font-size:16px; } .pay--content .info .vip_rate { padding:6px 12px; background-color:#f3f7ff; border-radius:4px; text-align:center; } .pay--content .info .paynum { position:absolute; top:0; right:0; font-size:12px; } .widget-pay .agent--contact { overflow:hidden; border-radius:4px; } .type_icont { padding:0 6px; height:18px; display:inline-block; border-radius:2px; border:1px solid transparent; font-size:12px; text-align:center; line-height:16px; font-weight:normal; background:#E3F1FF; border-color:#2489F5; color:#2489F5; } .type_icont a { color:#2489F5; } .type_icont_2 { display:inline-block; height:22px; line-height:21px; color:#666; border:1px solid #DDDDDD; padding:0 16px; border-radius:13px; font-size:12px; transition:all 0.3s ease; color:#ff8a00; border-color:#ff8a00; } .type_icont_2:hover { } .agent--contact ul { } .agent--contact .list-paybody { padding:10px; background-color:#f3f7ff; } .widget-pay .ac_qqhao { padding-top:20px; text-align:center; } .widget-pay .ac_qqhao a { } .agent--contact ul li { display:flex; justify-content:space-between; align-items:center; color:#8c8c8c; font-size:13px; } .cao-widget-posts .posts { display:block; } .cao-widget-posts .posts .grid { display:block; width:100%; margin-bottom:10px; } .cao-widget-posts .posts .grid .entry-media { position:relative; width:100%; border-radius:4px; overflow:hidden; margin-bottom:0; } .cao-widget-posts .posts .left { padding:10px 0 5px 115px; overflow:hidden; border-bottom:1px solid #f0f0f0; } .cao-widget-posts .posts .left .entry-media { margin-bottom:10px; position:relative; width:100px; float:left; margin-left:-115px; } .widget_magsy_about_widget .profile-image { margin:0 auto 15px; } .widget_magsy_about_widget .bio { text-align:center; } .widget_magsy_about_widget .profile-name { color:#1a1a1a; font-size:17px; font-weight:900; margin-top:15px; text-align:center; } .widget_magsy_about_widget .profile-autograph { margin:20px auto 0; } .widget_calendar #wp-calendar { margin:0; width:100%; } .widget_calendar #wp-calendar caption { margin-bottom:10px; } .widget_calendar #wp-calendar th,.widget_calendar #wp-calendar td { border:0; font-size:12px; padding:3px; text-align:center; } .widget_calendar #wp-calendar th { color:#1a1a1a; } .widget_calendar #wp-calendar td a { font-weight:700; } .widget_calendar #wp-calendar tfoot td { padding-top:10px; } .widget_magsy_category_widget .category-item+.category-item { margin-top:0; } .widget_magsy_category_widget .category-item>a { align-items:center; display:flex; justify-content:space-between; } .widget_magsy_category_widget .category-name { align-items:center; display:flex; font-weight:600; } .widget_magsy_category_widget .dot { background-color:var(--accent-color); border-radius:50%; height:6px; margin-right:8px; margin-top:1px; width:6px; } .widget_magsy_category_widget .category-count { color:#aaa; font-size:13px; font-weight:700; } .widget_mc4wp_form_widget .mc4wp-form-fields { padding:45px 0 0; position:relative; text-align:center; } .widget_mc4wp_form_widget .mc4wp-form-fields:before { color:#aaa; content:"\f5ef"; font-family:"Material Design Icons"; font-size:36px; left:50%; position:absolute; top:10px; -webkit-transform:translateX(-50%); transform:translateX(-50%); } .widget_mc4wp_form_widget .mc4wp-form-fields>p+p { margin:20px 0 0; } .widget_mc4wp_form_widget .mc4wp-form-fields input { text-align:center; } .widget_magsy_picks_widget .entry-title { font-size:17px; } .widget-posts .posts>div { align-items:center; display:flex; } .widget-posts .posts>div+div { margin-top:23px; } .widget-posts .entry-thumbnail { flex-shrink:0; height:60px; position:relative; width:60px; } .widget-posts .entry-thumbnail img { border-radius:50%; bottom:0; left:0; position:absolute; right:0; top:0; } .widget-posts .entry-header { margin-bottom:0; margin-left:15px; } .widget-posts .entry-title { font-size:15px; font-weight:700; margin-top:10px; } .widget-posts .entry-meta { line-height:1; } .widget-posts .posts.reverse>div { flex-direction:row-reverse; } .widget-posts .posts.reverse .entry-header { flex-grow:1; margin-left:0; margin-right:15px; } .widget_recent_comments .recentcomments .url { color:#555; } .widget_recent_comments .recentcomments>a { color:#1a1a1a; display:block!important; font-size:15px; font-weight:700; line-height:1.1; margin-top:5px; } .widget_recent_comments .recentcomments+.recentcomments { margin-top:18px; } .widget_search .search-field { margin-bottom:0; } .widget_tag_cloud .tagcloud { display:flex; flex-wrap:wrap; } .widget_tag_cloud .tagcloud>a { align-items:center; border:1px solid #e6e6e6; border-radius:3px; color:#555; display:flex; font-size:10px!important; font-weight:500; line-height:1; margin:0 6px 6px 0; padding:6px 8px; } .widget_text .textwidget>*:last-child { margin-bottom:0; } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes scaleOut { 0% { -webkit-transform:scale(0); transform:scale(0); } 100% { opacity:0; -webkit-transform:scale(1); transform:scale(1); } } @keyframes scaleOut { 0% { -webkit-transform:scale(0); transform:scale(0); } 100% { opacity:0; -webkit-transform:scale(1); transform:scale(1); } } .alignleft { float:left; margin:10px 30px 10px 0!important; } .alignright { float:right; margin:10px 0 10px 30px!important; } .aligncenter { clear:both; display:block; margin:30px auto!important; } .alignnone { margin:30px 0!important; } @media (max-width:767px) { .alignleft,.alignright { float:none; margin:20px auto!important; } } .wp-caption { max-width:100%; position:relative; } .wp-caption-text,.wp-block-image figcaption { font-size:13px; font-style:italic; line-height:16px; margin-top:15px; text-align:center; } .entry-content .gallery { } .entry-content .gallery:before,.entry-content .gallery:after { content:" "; display:table; } .entry-content .gallery:after { clear:both; } .entry-content .gallery-item { float:left; text-align:center; vertical-align:middle; width:100%; padding:10px; margin:1%; } .entry-content .gallery-item img { display:inline-block; vertical-align:middle; } .entry-content .gallery-caption { display:block; } .entry-content .gallery-columns-2 .gallery-item { max-width:48%; } .entry-content .gallery-columns-2 .gallery-item:nth-child(2n+1) { clear:left; } .entry-content .gallery-columns-3 .gallery-item { max-width:31%; } .entry-content .gallery-columns-3 .gallery-item:nth-child(3n+1) { clear:left; } .entry-content .gallery-columns-4 .gallery-item { max-width:23%; } .entry-content .gallery-columns-4 .gallery-item:nth-child(4n+1) { clear:left; } .entry-content .gallery-columns-5 .gallery-item { max-width:18%; } .entry-content .gallery-columns-5 .gallery-item:nth-child(5n+1) { clear:left; } .entry-content .gallery-columns-6 .gallery-item { max-width:14%; } .entry-content .gallery-columns-6 .gallery-item:nth-child(6n+1) { clear:left; } .entry-content .gallery-columns-7 .gallery-item { max-width:12%; } .entry-content .gallery-columns-7 .gallery-item:nth-child(7n+1) { clear:left; } .entry-content .gallery-columns-8 .gallery-item { max-width:10%; } .entry-content .gallery-columns-8 .gallery-item:nth-child(8n+1) { clear:left; } .entry-content .gallery-columns-9 .gallery-item { max-width:8%; } .entry-content .gallery-columns-9 .gallery-item:nth-child(9n+1) { clear:left; } .screen-reader-text { border:0; clip:rect(0,0,0,0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; } .page-links { clear:both; font-size:13px; font-weight:700; margin-top:30px; } .page-links a { text-decoration:none!important; } .page-links a span { border:0; } .page-links span { border-bottom:3px solid var(--accent-color); display:inline-block; line-height:1; margin-right:5px; padding-bottom:3px; text-align:center; width:10px; } .wp-block-cover-image { margin:30px 0; } .wp-block-cover-image .wp-block-cover-image-text { font-family:Lato,sans-serif; font-size:30px; font-weight:900; margin-bottom:0; } .wp-block-image { margin:30px 0; } .wp-block-image.alignleft img { margin-right:auto; } .wp-block-image.alignright img { margin-left:auto; } .wp-block-gallery { margin-bottom:22px; margin-top:22px; } .wp-block-gallery .blocks-gallery-image figcaption,.wp-block-gallery .blocks-gallery-item figcaption { font-family:Lato,sans-serif; font-size:13px; font-style:italic; line-height:16px; padding-bottom:20px; text-align:center; } p.wp-block-subhead { color:#aaa; opacity:1; } .wp-block-pullquote { padding:10px 0 10px 20px; text-align:left; } .wp-block-preformatted { margin:30px 0; } .wp-block-button .wp-block-button__link { border-radius:30px; color:#fff; font-family:Lato,sans-serif; font-size:11px; font-weight:900; letter-spacing:1px; line-height:1; outline:none; padding:13px 21px; text-align:center; } .wp-block-columns { margin-left:-15px; margin-right:-15px; } .wp-block-columns .wp-block-column { padding-left:15px; padding-right:15px; } @media (min-width:1230px) { body:not(.sidebar-right):not(.sidebar-left) .alignwide { margin-left:calc(-1000px/2 + 100%/2); margin-right:calc(-1000px/2 + 100%/2); max-width:1000px; } body:not(.sidebar-right):not(.sidebar-left) .alignwide img { width:100%; } } body:not(.sidebar-right):not(.sidebar-left) .alignfull { margin-left:calc(-100vw/2 + 100%/2); margin-right:calc(-100vw/2 + 100%/2); max-width:100vw; } body:not(.sidebar-right):not(.sidebar-left) .alignfull img { width:100%; } .admin-bar.navbar-sticky:not(.ads-before-header) .site-header,.admin-bar.navbar-sticky_transparent:not(.ads-before-header) .site-header,.admin-bar.stick-now .site-header,.admin-bar .off-canvas { top:32px; } .admin-bar .off-canvas { height:calc(100vh - 32px); } .admin-bar ._404 { height:calc(100vh - 80px - 120px - 32px); } @media screen and (max-width:782px) { .admin-bar.navbar-sticky:not(.ads-before-header) .site-header,.admin-bar.navbar-sticky_transparent:not(.ads-before-header) .site-header,.admin-bar.stick-now .site-header,.admin-bar .off-canvas { top:46px; } .admin-bar .off-canvas { height:calc(100vh - 46px); } .admin-bar ._404 { height:calc(100vh - 80px - 60px - 46px); } } ._404 { display:flex; height:calc(80vh - 80px - 120px); } ._404 ._404-inner { margin:auto; } ._404 .entry-title,._404 .entry-content { text-align:center; } ._404 .entry-title { font-size:30px; font-weight:900; margin-bottom:15px; margin-top:-60px; } ._404 .search-form { margin:45px auto 0; max-width:350px; } @media (max-width:767px) { ._404 { height:calc(100vh - 80px - 60px); } } .flex-center { display:flex; justify-content:center; align-items:center; } img.mr-2 { width:120px; margin-left:10px; } img.qr-pay { display:inline-block; margin:0; padding:20px 0; width:120px; text-align:center; } .form-group { margin-bottom:30px; position:relative; } select,.form-control,textarea.form-control { font-family:'Poppins',sans-serif; background-color:#f8f8f8; border:1px solid #eeeeee; font-size:14px; color:#aaaaaa; line-height:42px; margin-bottom:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; padding:0 18px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .form-control:focus,textarea.form-control:focus { border-color:#64ddbb; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; } .form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control { background-color:#eee; opacity:1 } .form-control[disabled],fieldset[disabled] .form-control { cursor:not-allowed } .form-control::-webkit-input-placeholder { color:#aaaaaa; } .form-control:-moz-placeholder { color:#aaaaaa; } .form-control::-moz-placeholder { color:#aaaaaa; } .form-control:-ms-input-placeholder { color:#aaaaaa; } textarea.form-control { } .input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle { border-top-left-radius:0; border-bottom-left-radius:0; } .well { min-height:20px; padding:19px; margin-bottom:20px; background-color:#eeeeee; border:1px solid #e3e3e3; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05); box-shadow:inset 0 1px 1px rgba(0,0,0,.05); } .input-group { position:relative; display:table; border-collapse:separate } .input-group[class*=col-] { float:none; padding-right:0; padding-left:0 } .input-group .form-control { position:relative; z-index:2; float:left; width:100%; margin-bottom:0 } .input-group .form-control:focus { z-index:3 } .input-group-btn { display:table-cell; width:1%; white-space:nowrap; vertical-align:middle; } .label { display:inline; padding:.2em .6em .3em; font-size:75%; font-weight:700; line-height:1; color:#fff; text-align:center; white-space:nowrap; vertical-align:baseline; border-radius:.25em; } a.label:focus,a.label:hover { color:#fff; text-decoration:none; cursor:pointer } .label:empty { display:none } .btn .label { position:relative; top:-1px } .label-default { background-color:#777 } .label-default[href]:focus,.label-default[href]:hover { background-color:#5e5e5e } .label-primary { background-color:#337ab7 } .label-primary[href]:focus,.label-primary[href]:hover { background-color:#286090 } .label-success { background-color:#5cb85c } .label-success[href]:focus,.label-success[href]:hover { background-color:#449d44 } .label-info { background-color:#5bc0de } .label-info[href]:focus,.label-info[href]:hover { background-color:#31b0d5 } .label-warning { background-color:#f0ad4e; } .label-warning[href]:focus,.label-warning[href]:hover { background-color:#ec971f } .label-danger { background-color:#d9534f } .label-danger[href]:focus,.label-danger[href]:hover { background-color:#c9302c } .badge { display:inline-block; min-width:10px; padding:3px 7px; font-size:12px; font-weight:700; line-height:1; color:#fff; text-align:center; white-space:nowrap; vertical-align:text-bottom; background-color:#777; border-radius:10px; } .badge-warning { color:#ffffff; background-color:#ffc107; } .badge:empty { display:none } .btn .badge { position:relative; top:-1px } .btn-group-xs>.btn .badge,.btn-xs .badge { top:0; padding:1px 5px } a.badge:focus,a.badge:hover { color:#fff; text-decoration:none; cursor:pointer } .form-box { background-color:#ffffff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; padding:40px; margin-bottom:30px; } .form-group { margin-bottom:30px; position:relative; } input[type=checkbox],input[type=radio] { clear:none; display:inline-block; margin:-3px 4px 0 0; padding:0!important; width:18px; height:18px; min-width:18px; outline:0; border-radius:2px; background:#e9eef2; color:#fff; vertical-align:middle; text-align:center; line-height:0; cursor:pointer; -webkit-transition:.05s border-color ease-in-out; transition:.05s border-color ease-in-out; -webkit-appearance:none; } input[type=radio] { border-radius:20px; } input[type=checkbox]:checked,input[type=radio]:checked { background:#2196F3; } input[type=checkbox]:checked:before,input[type=radio]:checked:before { display:inline-block; margin-top:1px; color:#fff; content:"\f00c"; vertical-align:middle; font-size:13px; font:normal normal normal 14px/1 FontAwesome; speak:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } input[type=file] { display:block } input[type=range] { display:block; width:100% } .list-unstyled { padding-left:0; list-style:none; margin:0; padding:0; } #user-profile { } .user-profile { } .user-profile .sidebar-card { background:#fff; -webkit-border-radius:4px; border-radius:4px; margin-bottom:30px; } .author-card .author-infos { padding:30px 0; text-align:center; } .author-card .author-infos .author_avatar { width:100px; height:100px; display:inline-block; -webkit-border-radius:50%; border-radius:50%; overflow:hidden; } .author_avatar .avatar { width:100%; height:100%; border-radius:50%; box-shadow:0 0 10px rgba(0,0,0,.16); border:8px solid #eee; } .author-card .author-infos .author { padding-top:15px; } .author-card .author-infos .author h4 { font-weight:600; font-size:18px; padding:0; margin:0; } .author-card .author-infos .author p { line-height:30px; padding-top:6px; margin:0; } .user-profile .edit--profile-area { background-color:#ffffff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; padding:21px 40px; margin-bottom:30px; } .edit--profile-links li a { padding:6px 12px; display:block; -webkit-border-radius:4px; border-radius:4px; -webkit-transition:0.3s ease; -o-transition:0.3s ease; transition:0.3s ease; text-align:center; } .edit--profile-links li a:hover { opacity:0.8 } .edit--profile-links li a.active { background:#34495e; color:#ffffff; } @media (max-width:576px) { .edit--profile-links { display:flex; justify-content:normal; align-items:center; flex-wrap:wrap; } .edit--profile-links li { width:50%; } .edit--profile-links li a.active { background:transparent; color:#2196F3; } .author-card .author-infos .author_avatar { display:none; } .author-card .author-infos { padding:10px 0; text-align:center; } } .csf-shortcode-button { display:none!important; opacity:0; } .card-box { display:block; } .card-box .author-info { position:relative; text-align:center; -webkit-border-radius:4px; border-radius:4px; padding:22px 0 20px; margin-bottom:30px; } .card-box .author-info:hover { box-shadow:0 10px 20px rgba(213,213,213,0.4); transition:all 0.3s; } .card-box .author-info p { color:#fff; margin-bottom:7px; } .card-box .author-info small { position:absolute; top:0; right:0; font-size:18px; font-weight:600; color:#fff; padding:6px 16px; opacity:0.5; } .card-box .author-info h3 { color:#fff; font-size:28px; font-weight:500; margin:0; } .mcolorbg4 { background:#ff6a6d; } .pcolorbg { background:#0674ec; } .scolorbg { background:#7347c1; } .mcolorbg2 { background:#4CAF50; } .pcolorbg2 { background:#FFC107; } .scolorbg2 { background:#FF5722; } .btn.avatarinfo { margin-right:0; padding-left:0; } .btn.avatarinfo label { position:relative; } .btn.avatarinfo a[class*=upload] { position:absolute; position:absolute; left:50%; top:50%; margin:-17px 0 0 -24px; width:100%; height:100%; } .btn.avatarinfo a[class*=upload] i { font-size:20px; color:#000000; opacity:0.5; } .btn.avatarinfo a[class*=upload] input { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; cursor:pointer; } .btn.avatarinfo img { margin:0; padding:0; margin-right:0; border-radius:50%; width:50px; height:50px; } .form_title_area { background:#fff; padding:20px; margin-bottom:20px; -webkit-border-radius:4px; border-radius:4px; -webkit-box-shadow:0 2px 4px rgba(0,0,0,0.1); box-shadow:0 2px 4px rgba(0,0,0,0.1); } .form_title_area h6 { display:inline-block; } .form_title_area small { float:right; } .form_title_area:before,.form_title_area:after { display:table; content:""; clear:both; } .payvip-box { display:block; } .payvip-box .vip-info { position:relative; text-align:center; -webkit-border-radius:4px; border-radius:4px; padding:22px 0 20px; margin-bottom:30px; border:5px solid; border-color:transparent; opacity:0.3; filter:alpha(opacity=30); cursor:pointer; } .payvip-box .vip-info.active { border-color:#F44336; opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; -webkit-animation:hue 6s infinite linear; } .payvip-box .vip-info:hover { box-shadow:0 10px 20px rgba(150,150,150,0.51); transition:all 0.3s; border-color:#F44336; opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; } .payvip-box .vip-info p { color:#fff; margin:0; padding:10px; text-shadow:0 -1px 0 rgba(0,0,0,.1); } .payvip-box .vip-info small { position:absolute; top:0; right:0; font-size:12px; font-weight:600; color:#000; padding:2px 14px; background-color:#fff; border-radius:0 0 0 15px; } .payvip-box .vip-info .vipc { left:0; position:absolute; top:0; font-size:15px; font-weight:600; color:#fff; padding:6px 16px; opacity:0.4; } .payvip-box .vip-info h3 { color:#fff; font-size:28px; font-weight:500; margin:0; text-shadow:0 5px 5px rgba(0,0,0,.1); } .mypay-list a.right-edit { position:absolute; top:10px; right:20px; } .mypay-list a.right-edit:hover { opacity:1; } .mypay-list .mypost-status-nav { display:block; padding:0; margin-top:-10px; padding-bottom:20px; } .mypay-list .mypost-status-nav a { padding:4px 10px; color:#34495e; margin-right:10px; } .hide1,.hide2,.hide3,.hide4,.hide5 { display:none; } .media-modal-content .media-frame select.attachment-filters { display:none!important; } .media-modal-content .attachments-browser .search { display:none!important; } .attachment-details .setting+.description,.attachment-details .setting,.media-sidebar .setting { } .charge .modules__title { border-bottom:1px solid #ececec; padding:10px; position:relative; } .charge .modules__title h4 { text-align:center; padding:10px; background-color:#f6f6f6; border-radius:4px; color:#ff6a6d; } .charge .modules__title .btn-order { position:absolute; right:20px; top:16px; font-size:14px; font-weight:600; float:right; } .charge .well { background-color:#f6f6f6; border:1px solid #ff6a6d; } .charge .modules__content { padding:30px 30px 0; } .charge .subtitle { font-size:18px; margin-bottom:20px; } .charge .modules__content .amounts { padding-bottom:10px; } .charge .modules__content .amounts ul { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; padding:0; margin:0; justify-content:space-between; } .charge .modules__content .amounts ul li p.selected { background:#0674ec; color:#fff; } .charge .modules__content .amounts ul li { list-style:none; } .charge .modules__content .amounts ul li p { font-size:16px; font-weight:600; background:#eff1f5; padding:6px 20px; text-align:center; cursor:pointer; border-radius:200px; } .charge .modules__content .amounts ul li p:hover { -webkit-box-shadow:0 5px 30px rgba(0,0,0,0.3); box-shadow:0 5px 30px rgba(0,0,0,0.3); -webkit-transition:0.3s ease; -o-transition:0.3s ease; transition:0.3s ease; } .modules__content .amounts ul li+li { } .input-group .payradio label { cursor:pointer; } .or { width:100%; background:#ececec; height:1px; margin-bottom:33px; position:relative; } .or:before { content:'Or'; position:absolute; left:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); background:#fff; padding:0px 20px; color:#0674ec; font-weight:500; transform:translate(-50%,-50%); } .input-group .input-group-addon { border:none; font-size:18px; color:#555; } @media (max-width:768px) { .charge .modules__content .amounts ul li p { font-size:14px; padding:0 10px; font-weight:500; } #pay-qrcode p { font-size:16px; text-align:center; float:none; padding:0; padding-top:30px; } } @media (max-width:576px) { .form-box { padding:20px; } .charge .modules__content { padding:10px 10px 0; } .charge .modules__title .btn-order { position:initial; } } .register-login-modal .modal-dialog { width:370px; margin:100px auto; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } .register-login-modal .modal-content { border:none; box-shadow:none; position:relative; background-color:transparent; } .register-login-modal .popup-logo { height:auto; width:60%; margin:0 auto; padding:10px 20px; } .register-login-modal .nav-tabs { border-bottom:none; text-align:center; padding-left:0; padding:10px; list-style:none; margin:0; } .register-login-modal .nav-tabs>li { float:none; display:inline-block; } .register-login-modal .nav-tabs>li>a { opacity:.3; padding:0px 10px; border:none; font-size:15px; font-weight:500; text-transform:capitalize; font-weight:600; } .register-login-modal .nav-tabs>li.active>a,.register-login-modal .nav-tabs>li.active>a:focus,.register-login-modal .nav-tabs>li.active>a:hover,.register-login-modal .nav-tabs>li>a:focus,.register-login-modal .nav-tabs>li>a:active,.register-login-modal .nav-tabs>li>a:hover { background-color:transparent; border:none; opacity:1; } .register-login-modal .tab-content { padding:20px; background-color:#ffffff; border-radius:4px; } .register-login-modal .rest-password { color:#34495e; font-size:15px; } .register-login-modal .open-oauth .btn { color:#ffffff!important; font-size:14px; margin:0; -webkit-border-radius:50%; -moz-border-radius:2px; position:relative; display:inline-block; margin-right:10px; width:32px; height:32px; text-align:center; line-height:32px; cursor:pointer; margin-left:10px; padding:0; letter-spacing:0; font-weight:normal; } .register-login-modal .open-oauth .btn:hover { opacity:.5 } .register-login-modal .open-oauth { margin-bottom:20px } .register-login-modal .open-oauth .btn-qq { background-color:#1296DB; } .register-login-modal .open-oauth .btn-weixin { background-color:#23BF36 } .register-login-modal .open-oauth .btn-mpweixin { background-color:#03A9F4 } .register-login-modal .open-oauth .btn-weibo { background-color:#FF9100; } .register-login-modal .btn--facebook i { margin-right:7px; } .register-login-modal .or-text { position:relative; text-align:center; line-height:1; margin-bottom:25px; } .register-login-modal .or-text:after { content:""; position:absolute; top:9px; left:0; background-color:#e5e5e5; width:100%; height:1px; } .register-login-modal .or-text span { background-color:#ffffff; display:inline-block; padding:0 8px; z-index:2; position:relative; } .register-login-modal .form-group { margin-bottom:15px; } .register-login-modal .input-checkbox { padding-top:10px; margin-bottom:25px; } .register-login-modal .label-checkbox span,.register-login-modal .label-checkbox span a { color:#aaaaaa; } .register-login-modal .label-checkbox span a { text-decoration:underline; } .register-login-modal .forget-password { margin-top:20px; display:block; text-align:center; text-decoration:underline; color:#aaaaaa; font-size:13px; } .poster-share-ico { margin:5px 0; text-align:center; position:absolute; right:0; bottom:-30px; } .poster-share-ico a { height:30px; font-size:12px; width:30px; background-color:#03A9F4; line-height:1; position:relative; color:#FFF; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; border-radius:50%!important; } .poster-share-ico a:hover { opacity:0.8; } .modal-body { position:relative; padding:15px } .tab-content>.tab-pane { display:none; } .tab-content>.active { display:block; } .fade { opacity:0; -webkit-transition:opacity .15s linear; -o-transition:opacity .15s linear; transition:opacity .15s linear } .fade.in { opacity:1 } .text-center { text-align:center; } .rollbar { position:fixed; right:15px; bottom:15px; z-index:999; display:none; width:50px } .rollbar .rollbar-item { position:relative; margin-top:10px; width:35px; height:35px; border-radius:4px; background-color:#ffffff; color:#000; text-align:center; opacity:.8; cursor:pointer; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; transition:all .3s ease-in-out; box-shadow:0 0 10px rgba(0,0,0,0.07); } .rollbar .rollbar-item a { color:#000; } .rollbar .rollbar-item:hover { opacity:.9 } .rollbar .rollbar-item .fa,.rollbar .rollbar-item .mdi { font-size:15px; line-height:35px; } @media (max-width:768px) { .cs-moble-false { display:none; } .flinks { display:none } .rollbar { right:-100px } } .alert { position:relative; padding:0.875rem 0.875rem; margin-bottom:1rem; border:1px solid transparent; border-radius:0.25rem; } .alert { font-size:15px; } .alert strong { font-weight:600; } .alert hr { margin:0.875rem 0; } .alert p:last-child { margin-bottom:0; } .alert-heading { font-weight:600; font-size:1.5rem; margin-top:0.15rem; } .alert-flush { border-radius:0; border-left:0; border-right:0; } .alert-modern { display:inline-block; padding:0; border-radius:50rem; margin:0!important; padding:0.3rem 0.8rem 0.375rem 0.8rem; } @media (max-width:768px) { .alert-modern { width:100% } } .alert-modern .alert-content .note { margin-left:0.5rem; background-image:-webkit-linear-gradient(45deg,#f35626,#feab3a); -webkit-background-clip:text; -webkit-text-fill-color:transparent; -webkit-animation:hue 6s infinite linear; max-width:600px; } .alert-modern .alert-content { -webkit-line-clamp:1; -webkit-box-orient:vertical; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .alert-dark { background-color:#ffffff; color:#34495e; border:0; } .notify-content { position:relative; margin:0 auto; padding:0; overflow:hidden; } .notify-content h3 { letter-spacing:2px; padding:.8em; text-align:center; font-size:24px; font-weight:400; background:rgba(0,0,0,.1); border-radius:3px 3px 0 0; margin:0; margin-bottom:0; color:#FFFF; } .notify-content div { padding:15px 30px 30px; margin:0; font-weight:300; font-size:16px; color:#FFF; text-align:left; } .swal2-popup .pay-button-box { padding:12px 30px; z-index:1; text-align:center; } .swal2-popup .pay-button-box .pay-item { width:100%; height:60px; border:0; cursor:pointer; font-size:1.25rem; display:inline-block; line-height:60px; text-align:center; } .swal2-popup .pay-button-box .pay-item +.pay-item { border-top:1px solid #e6e6e6; } .swal2-popup .pay-button-box .pay-item span { display:inline-block; text-align:center; width:120px; vertical-align:middle; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .swal2-popup .pay-button-box .pay-item i.alipay { display:inline-block; width:40px; height:100%; vertical-align:middle; background:url(../icons/alic.png) center no-repeat; } .swal2-popup .pay-button-box .pay-item i.weixinpay { display:inline-block; width:40px; height:100%; vertical-align:middle; background:url(../icons/wxc.png) center no-repeat; } .swal2-popup .pay-button-box .pay-item i.yecpay { display:inline-block; width:40px; height:100%; vertical-align:middle; background:url(../icons/yec.png) center no-repeat; } .swal2-popup .pay-button-box .pay-item:hover { opacity:0.6; color:#1990fc; transition:all 0.3s ease; } .xgplayer { z-index:2!important; } .qrcon { position:relative; } .qrcon h5 { padding:0; margin-top:1.8em; } .qrcon img.qr-pay { display:inline-block; margin:0; padding:0; width:120px; text-align:center; } .qrcon .title { font-size:16px; margin:10px auto; } .qrcon .qrcode img { width:200px; height:200px; } .qrcon .bottom { border-radius:0 0 .3125em .3125em; width:100%; background:#33465a; color:#f2f2f2; padding:15px 0px; text-align:center; font-size:14px; margin-top:20px; } .qrcon .bottom.alipay { background:#00a7ef; } .qrcon .bottom.weixinpay { background:#08bb21; } .entry-footer { display:block; } .entry-footer .post-meta-box { display:flex; padding:5px 15px; font-size:12px; align-items:center; justify-content:flex-end; border-top:1px solid #ebeef5; color:#b4b4b4; margin:-15px; margin-top:10px; list-style:none; } .entry-footer .post-meta-box li:nth-child(1) { flex:1; padding:0; } .entry-footer .post-meta-box .meta-date { color:#555; } .entry-footer .post-meta-box .meta-like { padding-left:8px; } .entry-footer .post-meta-box .meta-comment { padding-left:8px; } .entry-footer .post-meta-box .meta-views { padding-left:8px; } .entry-footer .post-meta-box .meta-price { margin-left:8px; position:relative; display:inline-block; padding:1px 6px; text-align:center; background-color:#FFB800; color:#fff; border-radius:2px; line-height:initial; } .post-grid .entry-header .entry-title { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; font-size:15px; color:rgba(0,0,0,.8); height:44px; line-height:22px; white-space:unset; text-overflow:unset; } .entry-excerpt { color:#888; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin:5px 0; line-height:22px; font-size:13px; height:44px; } .post-expire-time{ position:absolute; right:0; top:0; padding:4px 12px; background:#f9655a; color:#fff; border-radius:0 0 0 10px; font-size:13px; } .post-expire-time.ok{ background:#8BC34A; color:#fff; } .ripro-dark { background-color:#232425; } .ripro-dark .site-header { background-color:#191616; } .ripro-dark a { color:#eee; } .ripro-dark .navbar .menu-item.menu-item-has-children>a:after { color:#eee; } .ripro-dark .navbar .sub-menu { background-color:#191616; } .ripro-dark .mega-menu { background-color:#272727; } .ripro-dark .navbar .user-pbtn { color:#ffffff; } .ripro-dark .navbar .navbar-button,.ripro-dark .off-canvas .canvas-close { color:#FFC107; background-color:#232425; } .ripro-dark .burger { background-color:#232425; color:#ffffff; } .ripro-dark .module.parallax { background:#171819; } .ripro-dark .module.parallax img { display:none; } .ripro-dark .bgcolor-fff { background-color:#1d1e1f; } .ripro-dark .module.slider .entry-wrapper:before { background-color:#000000; } .ripro-dark .module.slider .post:before { background-color:#000; } .ripro-dark .owl .owl-dot { background-color:#FFF; } .ripro-dark .owl .owl-dot.active { background-color:#FF9800; } .ripro-dark .off-canvas { background-color:#191616; } .ripro-dark .widget-area .widget { background-color:#181616; } .ripro-dark .off-canvas .widget-area .widget .widget-title,.ripro-dark .cao-widget-posts .posts .left { border-bottom:1px solid #232121; } .ripro-dark .alert-dark { background-color:#1d1e1f; color:#FF9800; } .ripro-dark .dropdown { background-color:#1d1e1f; border:1px solid #232425; } .ripro-dark .dropdown .selected::after { box-shadow:inset -55px 0 25px -20px #1d1e1f; } .ripro-dark .dropdown div { background:#1d1e1f; border:1px solid #292929; border-top:1px solid #292929; } .ripro-dark .home-filter--content { background-color:#171819; } .ripro-dark .home-filter--content .form-box input { border:1px solid #1d1e1f; border-radius:4px; background-color:#232425; } .ripro-dark .home-filter--content .home-search-results { background-color:#232425; box-shadow:0 10px 20px rgba(0,0,0,0.4); border:1px solid #212121; } .ripro-dark.modular-title-2 .section-title:before { background-color:#232425; } .ripro-dark.modular-title-2 .section-title span { background-color:#171616; background:#171616; } .ripro-dark .widget-pay .pay--rateinfo { background-color:#232425; box-shadow:0 10px 20px rgba(0,0,0,0.4); } .ripro-dark .agent--contact .list-paybody { background-color:#232425; } .ripro-dark .post-grid { background-color:#171819; border:1px solid #171819; } .ripro-dark .post-list { background:#171819; } .ripro-dark .post-grid:hover { -webkit-box-shadow:0 34px 20px -24px rgb(0,0,0); box-shadow:0 34px 20px -24px rgb(0,0,0); } .ripro-dark .entry-media img:hover { opacity:1; } .ripro-dark .grid_author_avt:after { background-image:url(data:image/svg+xml;base64,77u/PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMjFweCIgaGVpZ2h0PSIxMzNweCIgdmlld0JveD0iMCAwIDMyMSAxMzMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyMSAxMzMiIHhtbDpzcGFjZT0icHJlc2VydmUiPiAgPGltYWdlIGlkPSJpbWFnZTAiIHdpZHRoPSIzMjEiIGhlaWdodD0iMTMzIiB4PSIwIiB5PSIwIgogICAgaHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFVRUFBQUNGQ0FNQUFBRHkzcm9WQUFBQUJHZEJUVUVBQUxHUEMveGhCUUFBQUNCalNGSk4KQUFCNkpnQUFnSVFBQVBvQUFBQ0E2QUFBZFRBQUFPcGdBQUE2bUFBQUYzQ2N1bEU4QUFBQU5sQk1WRVgvLy84ZEhoOGRIaDhkSGg4ZApIaDhkSGg4ZEhoOGRIaDhkSGg4ZEhoOGRIaDhkSGg4ZEhoOGRIaDhkSGg4ZEhoOGRIaC8vLy8rZGhDQ2dBQUFBRUhSU1RsTUFRRkNBCnYrL1BqMkFnMzU5d01LOFFCVWpUT0FBQUFBRmlTMGRFQUlnRkhVZ0FBQUFIZEVsTlJRZmpCd1FYSmhTaEsycG5BQUFDOUVsRVFWUjQKMnUzY0M1YUNNQkJFVVVPQy9NSDlyM1pFUjRmeGQ1QWlkSGVvdHdLNEowU0NrTU9CTWZhVXk3d1BJZVNuZThjUUNsKzZTdnJJOUZkbApQdFNuRDRXbWRkSUhxYmF1N2ZQVHJJS240bU5EMXRUejlHNzFMUy9wZTBQWmY2ZDNteHlKZU1rMU02L2RsNGpsSUgzOHdnMyt5NHYzCnFienBwRTlDc0tvQithNkZVdnBFaEhKaEZiK3hlbytHSy9ydDByQmIxMjkzaHNNNjg5OWpZVGYzMlI2NGZmbGNzNHQ3RzNlTTVYY3UKVC85U0hvcUlmbU1oOFhXS1EyK2c5ejRNWXcvQWEzMnlzMkVWY3dhY1ZpZTYwTXVpL1FRL2wrU1Z2TTBWZkt1UlB0M1ZHNVk5QWx6ZQpNYkhKY0xNcGNFS1kxR1RZYlRnRjNzc1RJaFFCVElsUUNEQWRRakhBVkFnRkFjK0VtZlRwR3djOEpYQnZMUTFvbmxBZTBQaGNxQURRCk5xRUtRTXVFUS96SHFmT3FqYTZSaCszWHd1K3krWmhCRWFCUndxMGZaMzJ1bCtiNHZqaC9xaS9QM0NOWGJZRG1DRXRwcnhlWldweG8KQkRSRnFCUFFFR0VuTGZVMkk0c1RKV3U1VjlsWTN5a0d0RUdvR3RBQ29YSkEvWVRxQWJVVEdnRFVUV2dDVURPaEVVQzloR1lBdFJLVwpkZ0Ixdm16ZFNxTjhXU3NOOWxDa3I1UmlwdXZyblU3VGZ5SnowL1NLcHFrcDhDODFrK0htcjBpdmw0NHZUemI0VENsZUN0Nk9NendBCnIvWEMzK0cxTm1mQWFia1h2SlJOWDhCL2lYMGR2L0pPQ2FLR0VsL0hKK1EzZHR4NkhHWnArWTNWRzI2Zk5MUnB6SCtQNWNVMnY4dk8KM2hKNGZ2SDM4ZXFLTklmZnBENGk0Zzc0ZmhGamJNdFhsY2dtZC9hcWkyekZvWGpXMjhuZys5K3hLZkVIWU9QT3Nyc2FlMCtGeGkvYwpndGhsdmtudnBtOXBvZmV0bTdWdzZaeHJmUkZJOTZaNjNCZDd4SFJ1TWsxNmY5ay9PMWg4VWkvZVJWRDZJRXhIUVRRS29sRVFqWUpvCkZFU2pJQm9GMFNpSVJrRTBDcUpSRUkyQ2FCUkVveUFhQmRFb2lFWkJOQXFpVVJDTmdtZ1VSS01nR2dYUktJaEdRVFFLb2xFUWpZSm8KRkVTaklCb0YwU2lJUmtFMENxSlJFSTJDYUJSRW95QWFCZEVvaUVaQk5BcWlVUkNOZ21nVVJLTWdHZ1hSS0loR1FUUUtvbEVRallKbwpGRVNqSU5xQk1mRitBRFlWN1FPTDQ1TlJBQUFBSlhSRldIUmtZWFJsT21OeVpXRjBaUUF5TURFNUxUQTNMVEEwVkRFMU9qTTRPakl3Ckt6QTRPakF3eDVtQndRQUFBQ1YwUlZoMFpHRjBaVHB0YjJScFpua0FNakF4T1Mwd055MHdORlF4TlRvek9Eb3lNQ3N3T0Rvd01MYkUKT1gwQUFBQVpkRVZZZEZOdlpuUjNZWEpsQUVGa2IySmxJRWx0WVdkbFVtVmhaSGx4eVdVOEFBQUFBRWxGVGtTdVFtQ0MiIC8+Cjwvc3ZnPgo=) } .ripro-dark .entry-footer a { background:rgb(35,36,37); color:#5d5d5d; } .ripro-dark .module.slider .entry-footer a { color:#fff; } .ripro-dark .category-box .entry-thumbnails { background-color:#1d1e1f; } .ripro-dark .slider.big { box-shadow:0 34px 20px -24px rgba(0,0,0,0.3); -webkit-box-shadow:0 34px 20px -24px rgba(0,0,0,0.3); } .ripro-dark .uposts { background-color:#2d2d2d; } .ripro-dark .module.parallax { } .ripro-dark .site-footer { background-color:#181616; } .ripro-dark .footer-widget .widget--newsletter .form-control { background-color:#171616; border:1px solid #1a1b1d; } .ripro-dark .footer-widget { border-bottom:1px solid #212121; } .ripro-dark input { border:1px solid #232425; background-color:#232425; color:#FFF; } .ripro-dark .form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control { background-color:#232425; } .ripro-dark .widget-comments small { background-color:#232425; } .ripro-dark .widget-comments small:before { border-bottom-color:#232425; } .ripro-dark .widget_tag_cloud .tagcloud>a { border:1px solid #171616; color:#555; } .ripro-dark .article-content { background-color:#171616; } .ripro-dark #crumbs a { color:#34495e; } .ripro-dark .article-content blockquote { background-color:#232425; color:#949494; } .ripro-dark .article-content .content-hide-tips { border:1px dashed #F44336; background-color:#232425; } .ripro-dark .article-content .entry-header .entry-title { border-bottom:1px dashed #383838; color:#fff; word-break:break-all; } .ripro-dark h1,.ripro-dark h2,.ripro-dark h3,.ripro-dark h4,.ripro-dark h5,.ripro-dark h6 { color:#eee; } .ripro-dark .article-content p { color:#eee; } .ripro-dark ul,.ripro-dark ul ol,.ripro-dark ul dl { color:#eee; } .ripro-dark .entry-tags a { background-color:#232425; border:1px solid #232425; } .ripro-dark .article-copyright { background:#0b0c0c; border:1px dashed #232425; } .ripro-dark .comments-area { background-color:#171616; } .ripro-dark .filter--content { box-shadow:0 34px 20px -24px rgba(0,0,0,0.06); border:1px solid #232425; background-color:#171819; } .ripro-dark .form-box { background-color:#171819; } .ripro-dark .filter--content .filter-item span,.ripro-dark .filter--content .filter-tab span { background-color:#171819; } .ripro-dark select,.ripro-dark .form-control,.ripro-dark textarea.form-control { background-color:#232425; border:1px solid #171819; color:#aaaaaa; } .ripro-dark .user-profile .sidebar-card { background:#171819; } .ripro-dark .user-profile .edit--profile-area { background-color:#171819; } .ripro-dark .charge .modules__title { border-bottom:1px solid #212121; } .ripro-dark .charge .modules__content .amounts ul li p { background:#212121; } .ripro-dark .or { background:#232425; } .ripro-dark .or:before { background:#171819; } .ripro-dark .well { background-color:#101010; border:1px solid #171819; } .ripro-dark .swal2-container.swal2-shown { background-color:rgba(0,0,0,0.9); } .ripro-dark .swal2-popup { background:#292929; } .ripro-dark .swal2-title { color:#FFF; } .ripro-dark textarea { border:1px solid #171616; background:#232425; } .ripro-dark .edit--profile-links li a.active { background:#232425; } .ripro-dark .navbar .login-btn { background-color:#232425; color:#ffffff; } .ripro-dark .register-login-modal .tab-content { background-color:#292929; } .ripro-dark .register-login-modal .or-text span { background-color:#292929; } .ripro-dark .slicknav_menu .slicknav_nav { background-color:#181616; } .ripro-dark .card-box .author-info:hover { box-shadow:0 10px 20px rgba(0,0,0,0.4); } .ripro-dark .breadcrumbs a { color:#999; } .ripro-dark .entry-navigation { background-color:#171616; } .ripro-dark .related-posts .post { background-color:#171616; padding:10px; } .ripro-dark .tags .tagslist li { background-color:#151515; border:1px solid #151515; } .ripro-dark .tags .tagslist li .name { background-color:#000000; color:#fff; } .ripro-dark .term-bar:before,.ripro-dark .term-bar { background-color:#000000; } .ripro-dark .entry-thumbnails-17codesign { background:#171819; border:1px solid #191919; box-shadow:0 4px 12px 0 rgba(0,0,0,0.3); } .ripro-dark .home-vip-mod { background-color:#181616; } .ripro-dark .home-vip-mod .vip-cell { border:1px solid rgb(38,48,60); } .ripro-dark .home-vip-mod .vip-text { -webkit-box-shadow:none; box-shadow:none; border:0; } .ripro-dark .codecdk-panel .jq22-flex { background:#171819; } .ripro-dark .header__group.active .header__cat { background:#181616; } .ripro-dark .header__dropdown { background:#181616; } .ripro-dark .entry-footer .post-meta-box { border-top:1px solid #232425; } .ripro-dark .entry-footer .post-meta-box .meta-price { background-color:#525252; } .ripro-dark .comments-area .must-log-in { background-color:#232425; } .ripro-dark .related-posts-grid { background-color:#171616; } .ripro-dark .entry-content .gallery { background-color:#232425; } .ripro-dark .entry-content .gallery-item { border:solid 10px #171616; -webkit-box-shadow:0 34px 20px -24px rgba(0,0,0,0.3); box-shadow:0 34px 20px -24px rgba(0,0,0,0.3); } .ripro-dark .home-cat-nav-wrap { background-color:#1d1e1f; } .ripro-dark .home-cat-nav-wrap { background-color:#1d1e1f; } .ripro-dark .home-cat-nav-wrap .btn--white { background-color:#1d1e1f; color:#ffffff; } .ripro-dark .home-cat-nav-wrap ul li:hover .btn { background-color:#232425; }}