/*--------------------------------------------------------------------------------------------------------------------*
 * DEFAULT
/*--------------------------------------------------------------------------------------------------------------------*/
/* BANNER */
.banners, .banner-hello, .banner-last, .banner-matrix, .banner-alexa, .banner-promo, .banner-action, .banner-sky, .banner-matched {width:100%; float:left}
.banner-hello, .banner-last, .banner-sky, .banner-alexa {position:relative}
.banner-hello, .banner-last {padding:15px 0}
.banner-hello.type1 {z-index:500}
.banner-hello.type2 {background:transparent; z-index:500; padding:0 0 20px 0}
.banner-hello.type3 {background:transparent; z-index:500; padding:0 0 30px 0}
.banner-hello.type4 {background:transparent; z-index:500}
.banner-hello.type5 {background:transparent; z-index:500; padding:0}
.banner-hello div, .banner-last div {margin:0 auto; display:table; min-width:300px}
.banner-hello img, .banner-last img, .banner-matrix img, .banner-alexa img, .banner-promo img, .banner-action img, .banner-matched img {width:100%; max-width:100%; height:auto; float:left}
.banner-last.type1 {background:transparent; z-index:500}
.banner-last.type2 {background:transparent; z-index:500; padding:20px 0 0 0}
.banner-last.type3 {background:transparent; z-index:500; padding:0 0 20px 0}
.banner-matrix, .banner-promo, .banner-alexa, .banner-action, .banner-sky {margin-bottom:20px; padding:20px; box-sizing:border-box}
.banner-alexa, .banner-promo {padding:10px}
.banner-alexa ul, .banner-promo ul {display:flex; flex-direction:column; row-gap:10px}
.banner-action {padding:2px}
.banner-matched {margin-bottom:20px}
.banner-omega {width:650px; display:table; margin:0 auto}
.banner-omega li {padding:10px; float:left}
.banner-omega li.mobile {display:none}
.banner-omega li.desktop {padding-right:0}
.banner-omega li.fb {padding-bottom:0}

.banner-hello, .banner-last, .banner-matrix, .banner-alexa, .banner-promo, .banner-action, .banner-sky, .banner-omega {background:#f9f9f9}
.banner-hello.dark, .banner-last.dark {background:#212223}

/* SPONSORS */
.widget-sponsors {margin:0 auto 20px auto; display:table; padding:20px; box-sizing:border-box;}
.widget-sponsors ul {display:flex; column-gap:10px}
.widget-sponsors li {max-width:300px}
.widget-sponsors img {float:left; width:100%; max-width:100%; height:auto}
.widget-sponsors-text {margin:0 auto; display:flex; padding-top:5px; font-size:13px; line-height:13px; justify-content:space-between}
.widget-sponsors-text a {padding-left:20px; box-sizing:border-box; position:relative}
.widget-sponsors-text a::before {display:block; font:16px/16px "WPLine"; content:'9'; position:absolute; top:1px}
.widget-sponsors-text a:hover {text-decoration:underline;}
.widget-sponsors.mobile {display:none}
.widget-sponsors.bingo {padding:0; margin:20px auto}

.widget-sponsors {background:#f9f9f9}
.widget-sponsors-text, .widget-sponsors-text a {color:#6e6e6e}
.widget-sponsors-text a:hover {color:#f23d4e}
.widget-sponsors.bingo {background:none}
.widget-sponsors.dark .widget-sponsors-text, .widget-sponsors.dark .widget-sponsors-text a {color:#eee}
.widget-sponsors.dark .widget-sponsors-text a:hover {color:#fbdf5f}

/* WIDGET 1 */
.widget-boost, .widget-boost-title, .widget-boost-content, .widget-boost-more, .widget-boost-tab, .widget-boost-container, .widget-post, .widget-blocks, .widget-tags, .widget-tags ul {width:100%; float:left}
.widget-boost {box-sizing:border-box}
.widget-boost {margin-bottom:20px}
.widget-boost-title {padding:10px 0; text-align:center; font-size:14px; line-height:14px; float:left; box-sizing:border-box}
.widget-boost-more {font-weight:600; padding:8px 0 10px 0; text-align:center; box-sizing:border-box}
.widget-boost-more:hover {text-decoration:underline}
.widget-boost-tab, .widget-post {box-sizing:border-box}
.widget-boost-tab a {padding:10px 0 12px 0; width:50%; text-align:center; font-size:14px; line-height:22px; float:left; box-sizing:border-box; margin-bottom:-1px}
.widget-boost-container {display:none}
.widget-post {padding:10px; position:relative; display:flex}
.widget-post-photo {width:70px; height:70px; margin-right:10px; float:left; overflow:hidden}
.widget-post-photo figure {width:100%; height:100%; display:flex; align-items:center; justify-content:center}
.widget-post-photo img {width:100%; max-width:100%; height:100%; float:left; object-fit:cover}
.widget-post-photo .status {display:none}
.widget-post-one {flex:1 1 0}
.widget-post-one h3 {font-size:13px; line-height:20px; font-weight:600; margin-bottom:3px}
.widget-post-stats {float:left; font-size:12px; line-height:12px}
.widget-post-stats div {margin-right:15px; float:left}
.widget-post-price {font-weight:500}
.widget-post:last-child {border-bottom:0}
.widget-post:hover .widget-post-one h3 {text-decoration:underline}
.widget-blocks {box-sizing:border-box; position:relative; display:flex; flex-wrap:wrap; column-gap:10px; row-gap:10px; padding:10px}
.widget-block {width:154px; height:87px; position:relative; overflow:hidden}
.widget-block:before {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; content:""}
.widget-block img {width:100%; max-width:100%; height:100%; float:left; object-fit:cover}
.widget-block.alt:before {display:none}
.widget-block-title {position:absolute; top:47%; left:50%; z-index:2; transform:translate(-50%, -50%); text-align:center; font-size:14px; line-height:22px; font-weight:bold}
.widget-tags h2 {font-size:16px; line-height:24px; font-weight:600; text-transform:uppercase}
.widget-tags ul {margin-top:8px; padding-top:10px; box-sizing:border-box}
.widget-tags li {float:left}
.widget-tags li a {margin:0 5px 5px 0; font-size:13px; line-height:20px; padding:4px 8px 7px 8px; border-radius:3px; float:left}
.widget-tags.boom h2 {padding:0 10px}
.widget-tags.boom ul {padding:10px 10px 5px 10px}

.widget-boost {border:1px solid #ddd; background:#fff}
.widget-boost-title {border-bottom:1px solid #eee; background:#fafafa; color:#222}
.widget-boost-more {background:#fafafa; border-top:1px solid #ddd; color:#2481c9}
.widget-boost-more:hover {color:#ff1e3c}
.widget-boost-tab {border-bottom:1px solid #ddd; background:#fafafa}
.widget-boost-tab a {color:#222}
.widget-boost-tab a.active {background:#fff}
.widget-boost-tab a.active:first-child {border-right:1px solid #ddd}
.widget-boost-tab a.active:last-child {border-left:1px solid #ddd}
.widget-boost-tab a:hover {color:#f23d4e}
.widget-post {color:#718083; border-bottom:1px solid #eee}
.widget-post-one h3 {color:#484848}
.widget-post-stats {color:#999}
.widget-post-price {color:#b67f20}
.widget-post:hover h3 {color:#f23d4e}
.widget-blocks {background:#f9f9f9}
.widget-block:before {background:rgba(0,0,0,0.3)}
.widget-block.alt:before {background:rgba(105, 170, 243, 0.5)}
.widget-block-title {color:#fff}
.widget-tags ul {border-top:2px solid #eee}
.widget-tags li a {color:#647482; background:#f2f2f5}
.widget-tags li a:hover {background:#e9e9f0}
.widget-tags.boom ul li a {background:#fff; color:#555; border:1px solid #ddd}
.widget-tags.boom ul li a:hover {background:#e9e9f0}

/* WIDGET 2 */
.widget-info, .widget-info-content, .widget-info-title, .widget-info-score, .widget-info-photo, .widget-info-mask {width:100%; float:left}
.widget-info {box-sizing:border-box}
.widget-info-content {padding:4px; box-sizing:border-box; position:relative}
.widget-info-title {text-align:center; box-sizing:border-box; padding:4px; font-size:14px; line-height:22px; font-weight:600; margin-bottom:4px}
.widget-info-title.alt, .widget-info-title.sigma {margin-bottom:0; padding:10px}
.widget-info-score {padding:15px; box-sizing:border-box; position:relative; display:flex; justify-content:center}
.widget-info-score-hexagon {width:100px; height:100px; box-sizing:border-box; text-align:center; display:flex; flex-direction:column; justify-content:center}
.widget-info-score-hexagon span {font-size:34px; line-height:34px; font-weight:600; display:block}	
.widget-info-score-hexagon p {font-size:10px; line-height:10px; padding-top:5px; text-transform:uppercase}
.widget-info-score.mod {margin-top:-65px}
.widget-info-photo {display:flex; justify-content:center; align-items:center; overflow:hidden}
.widget-info-photo img {width:100%; max-width:100%; height:100%; float:left; object-fit:cover}
.widget-info-content.sigma {padding:0}
.widget-info-mask {box-sizing:border-box}

.widget-info {background:#f7f7f8}
.widget-info-title {background-color:rgb(218, 222, 236); border:1px solid #e9e9f0}
.widget-info-score {background:linear-gradient(#e63536, #f04737)}
.widget-info-score-hexagon {background: url('../images/assets/hexagon.svg') no-repeat center center; background-size:100% auto}
.widget-info-score-hexagon span {color:#444}
.widget-info-score-hexagon p {color:#666}
.widget-info-score.mod {background:none}
.widget-info-score-hexagon.mod {background: url('../images/assets/hexagon-red.svg') no-repeat center center}
.widget-info-score-hexagon.mod span {color:#fff}
.widget-info-score-hexagon.mod p {color:#eee}
.widget-info.sigma {background:#f2f2f2; border:1px solid #ebebeb}

/* WIDGET 3 */
.widget-global {width:100%}
.widget-global {display:flex; flex-direction:column; min-height:100px; border-radius:8px; box-sizing:border-box; position:relative}
.widget-global:before {left:-12px; top:24px; width:13px; height:31px; content:""; position:absolute}
.widget-global-one, .widget-global-two {padding:15px; box-sizing:border-box}
.widget-global-one {display:flex; flex-direction:column; position:relative}
.widget-global-photo figure {position:relative; height:145px; display:flex; align-items:center; justify-content:center; overflow:hidden; border-radius:5px}
.widget-global-photo img, .widget-global-logo img {width:100%; max-width:100%; height:100%; object-fit:cover}
.widget-global-photo figcaption {font-size:14px; line-height:24px; font-weight:500; position:absolute; padding:3px 10px 5px 10px}
.widget-global-desc {margin-bottom:15px; font-size:14px; line-height:22px}
.widget-global-action {display:flex; justify-content:space-between; align-items:center}
.widget-global-learn {font-size:13px; line-height:13px; font-weight:600; padding:0 10px; height:34px; min-width:100px; border-radius:3px; display:flex; align-items:center; justify-content:center}
.widget-global-logo {width:148px; padding-top:10px; margin:0 auto; display:table}
.widget-global-logo span {height:30px; display:flex}
.widget-global-heading {display:flex; flex-direction:column; margin-top:10px}
.widget-global-heading {flex:1 1 0; margin-top:0}
.widget-global-title {font-size:20px; line-height:30px; font-weight:600}
.widget-global-title a:hover, .widget-global-subtitle a:hover, .widget-global-desc a:hover {text-decoration:underline}
.widget-global-subtitle {font-size:14px; line-height:14px; margin-top:5px}
.widget-global.type1 .widget-global-one {padding-bottom:0; border-bottom:0}
.widget-global.type2:before {display:none}
.widget-global.xtreme {width:320px; margin:0 auto 20px auto}
.widget-global.xtreme .widget-global-one {padding:0 15px; flex-direction:row; margin-top:15px; border:0}
.widget-global.xtreme .widget-global-subtitle {font-size:13px; line-height:21px; margin-top:0; margin-bottom:2px}
.widget-global.xtreme .widget-global-photo figure {width:80px; height:80px}
.widget-global.xtreme .widget-global-two {margin-top:15px}

.widget-global-one {border-bottom:1px solid #eaeaea}
.widget-global-photo figcaption {color:#fff; background:rgba(53, 53, 55, 0.8)}
.widget-global-desc {color:#4d5156}
.widget-global-desc a {color:#3473aa}
.widget-global-desc a:hover {color:#ff1e3c}
.widget-global-view {color:#999}
.widget-global-learn {background:#f90; color:#fff}
.widget-global-learn.gray {background:#ececec; color:#757575}
.widget-global-learn:hover {background:#444; color:#fff}
.widget-global-title, .widget-global-title a {color:#202124}
.widget-global-title a:hover, .widget-global-subtitle a:hover {color:#ff1e3c}
.widget-global-subtitle {color:#70757a}
.widget-global-subtitle a {color:#70757a}
.widget-global-subtitle span {color:#999}
.widget-global.type1 {background:#f5f5f5}
.widget-global.type1:before {background:url('../images/assets/arrow.svg') no-repeat; background-size:13px 31px !important}
.widget-global.type2 {border:1px solid #dadce0}
.widget-global.xtreme {border:1px solid #dadce0; background:#fff}
.widget-global.xtreme .widget-global-two {border-top:1px solid #eee}

/* WIDGET 4 */
.widget-package, .widget-package-photo, .widget-package-content, .widget-package-features, .widget-package-text, .widget-package-price, .widget-package-zero, .widget-package-min, .widget-package-info {width:100%; float:left}
.widget-package, .widget-package-features, .widget-package-content, .widget-package-zero, .widget-package-info {box-sizing:border-box}
.widget-package-photo {margin-bottom:15px; display:flex; justify-content:center; align-items:center; overflow:hidden}
.widget-package-photo img {width:100%; max-width:100%; height:100%; float:left; object-fit:cover}
.widget-package-content {padding:0 15px; font-size:14px; line-height:22px; margin-bottom:20px}
.widget-package-features li {margin-bottom:12px; display:list-item}
.widget-package-features li i {width:24px; font:24px/24px "WPLine"; float:left; margin-right:8px}
.widget-package-features li p {box-sizing:border-box; padding-top:1px}
.widget-package-features li a:hover {text-decoration:underline}
.widget-package-features li:last-child {margin-bottom:0}
.widget-package-text {margin-bottom:5px; margin-top:20px}
.widget-package-price {font-size:24px; line-height:24px; font-weight:400}
.widget-package-zero {padding:0 15px; margin-bottom:15px}
.widget-package-go {font-size:16px; line-height:16px; font-weight:600; padding:20px 0 23px 0; text-align:center; border-radius:5px; width:100%; display:block}
.widget-package-min {font-size:11px; line-height:11px; margin-top:5px}
.widget-package-info {padding:15px; font-size:15px; line-height:23px}
.widget-package-info a:after {content:"»"; margin-left:4px; display:inline}
.widget-package-info a:hover {text-decoration:underline}
.widget-package.boom, .widget-package.bingo {border:0}
.widget-package.boom .widget-package-photo {margin-bottom:0}
.widget-slick, .widget-slick-mask {width:100%; float:left}
.widget-slick.noborder {border:0}
.widget-slick.nobg {background:none}
.widget-slick-track {display:flex; padding:20px 0; column-gap:20px}
.widget-slick-one {width:25%; box-sizing:border-box; display:flex; align-items:center}
.widget-slick-one.alt {width:33.3%}
.widget-slick-one.alt:last-child {width:33.4%}
.widget-slick-icon {font:40px/40px "WPLine"; width:40px; height:40px}
.widget-slick-icon.alt {font:50px/50px "WPLine"; width:50px; height:50px}
.widget-slick-icon.s1 {font-family:"WPGlobal"}
.widget-slick-content {padding-left:10px; box-sizing:border-box; display:flex; flex-direction:column; row-gap:2px}
.widget-slick-content h5 {font-size:16px; line-height:24px; font-weight:600}
.widget-slick-content p {font-size:14px; line-height:22px}
.widget-slick-content p strong {font-weight:600}
.widget-slick-content a {text-decoration:underline}
.widget-slick-content.alt p {font-size:15px; line-height:23px}

.widget-package {border:1px solid #e9e9f0}
.widget-package-content, .widget-package-info {color:#444}
.widget-package-features li a {color:#333}
.widget-package-features li a:hover {color:#f23d4e}
.widget-package-price {color:#b67f20}
.widget-package-go {background:#f90; color:#fff}
.widget-package-go.gray {background:#ececec; color:#757575}
.widget-package-go:hover {background:#444; color:#fff}
.widget-package-min {color:#666}
.widget-package-info a {color:#3473aa}
.widget-package-info a:hover {color:#f23d4e}
.widget-package.dark .widget-package-info {color:#aaa}
.widget-package.dark .widget-package-info a {color:#fff}
.widget-package.dark .widget-package-info a:hover {color:#fbdf5f}
.widget-slick {background:#fdfdfd; border-top:1px solid #f4f3f3; border-bottom:1px solid #f4f3f3}
.widget-slick-icon {color:#595f7a}
.widget-slick-icon.red {color:#f04737}
.widget-slick-icon.dark {color:#76baec}
.widget-slick-content p {color:#595f7a}
.widget-slick-content a {color:#5865B3}
.widget-slick-content a:hover {color:#1b203d}
.widget-slick-content.red a {color:#f04737}
.widget-slick-content.red a:hover {color:#333}
.widget-slick-content.dark h5 {color:#fff}
.widget-slick-content.dark p {color:#e3e3e3}

/*--------------------------------------------------------------------------------------------------------------------*
 * RESPONSIVE & RETINA
/*--------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width:320px) and (max-width:1023px) {
.banners, .banner-omega {display:none}
.banner-hello, .banner-last {padding:0}
.banner-matched {margin-bottom:15px}

.widget-sponsors {margin-bottom:15px; padding:0; display:none}
.widget-sponsors ul li:last-child {display:none}
.widget-sponsors ul li:only-child {display:block}

.widget-boost {display:none}
.widget-boost.desktop {display:none}
.widget-tags.boom h2 {padding:0}
.widget-tags.boom ul {padding:10px 0 0 0}

.widget-info {float:none; margin:0 auto; display:table}

.widget-global-one {padding-bottom:0; border-bottom:0}
.widget-global-photo figure {height:126px}
.widget-global.type1:before {display:none}
.widget-global-title {font-size:15px; line-height:15px; color:#fff}
.widget-global-subtitle {display:none}
.widget-global.xtreme {width:100%; margin-bottom:15px}
.widget-global.xtreme .widget-global-title {font-size:20px; line-height:30px}
.widget-global.xtreme .widget-global-subtitle {display:block}

.widget-package-content {padding:0 10px}
.widget-package-zero {padding:0 10px}
.widget-package.boom {border:1px solid #e9e9f0}

.widget-slick-mask {overflow-x:scroll; width:300px}
.widget-slick-track {width:1000px; padding:15px 0; column-gap:15px}
}

@media only screen and (min-width:360px) and (max-width:1023px) {
.banners {float:none; margin:0 auto; display:flex; width:320px}
.banner-hello, .banner-last {padding:5px 0}
.banner-matrix, .banner-alexa, .banner-action, .banner-sky {display:none}
.banner-promo {background:none; padding:0; margin-bottom:15px}
.banner-omega {width:320px; display:table}
.banner-omega li.desktop {display:none}
.banner-omega li.mobile {display:block; padding-bottom:0}

.widget-sponsors {padding:10px}
.widget-sponsors.mobile {display:table}

.widget-info {width:340px}
.widget-global-photo figure {height:145px}
.widget-global.xtreme {width:320px}
.widget-package-content {padding:0 15px}
.widget-package-zero {padding:0 15px}
.widget-slick-mask {width:340px}
}

@media only screen and (min-width:375px) and (max-width:1023px) {
.widget-slick-mask {width:355px}
}

@media only screen and (min-width:414px) and (max-width:1023px) {
.widget-slick-mask {width:380px}
}

@media only screen and (min-width:480px) and (max-width:1023px) {
.banner-hello, .banner-last {padding:10px 0}

.widget-slick-mask {width:460px}



.banner-hello.type3 {padding-bottom:20px}
.banner-last.type2 {padding-top:15px}


}

@media only screen and (min-width:600px) and (max-width:1023px) {
.widget-package {padding:15px}
.widget-package-photo {width:160px}
.widget-package-content {padding:0; padding-left:15px; width:388px; margin-bottom:15px}
.widget-package-zero {padding:0; width:100%; margin-bottom:0}
.widget-package-go {padding:14px 0 17px 0}
.widget-slick-mask {width:580px}
}

@media only screen and (min-width:640px) and (max-width:1023px) {
.widget-info.sigma {width:100%}
.widget-info-content.sigma {width:50%}
.widget-info-mask.sigma {width:50%; border-left:1px solid #ebebeb}
.widget-slick-mask {width:620px}
}

@media only screen and (min-width:768px) and (max-width:1023px) {
.banners {width:650px; padding:10px; box-sizing:border-box; margin-bottom:15px; flex-direction:row-reverse; column-gap:10px; background:#f9f9f9}
.banner-hello, .banner-last {padding:15px 0}
.banner-matrix {display:block; padding:0; margin-bottom:0; width:auto; background:none}
.banner-promo {width:320px; margin-bottom:0}
.banner-omega {width:650px}
.banner-omega li.desktop {display:block}
.banner-omega li.mobile {display:none}

.widget-sponsors ul li:last-child {display:block}

.widget-info.sigma {width:640px}
.widget-global.xtreme .widget-global-desc {display:block}
.widget-slick-mask {width:740px}



.banners.s1, .banners.s2 {width:320px}
.banners.s1 .banner-promo {width:100%; margin-right:0; margin-bottom:15px}
.banners.s2 .banner-promo {width:100%; margin-right:0; display:none}
}

@media only screen and (min-width:960px) and (max-width:1023px) {
.banners {margin-bottom:20px}
.banner-hello.type2 {padding-bottom:20px}
.banner-matched {margin-bottom:20px}

.widget-sponsors {margin-bottom:20px}

.widget-tags.boom h2 {padding:0 10px}
.widget-tags.boom ul {padding:10px 10px 5px 10px}

.widget-global.xtreme {width:280px}
.widget-global.xtreme .widget-global-desc {display:none}

.widget-package {padding:0}
.widget-package-photo {width:100%; height:auto; margin-bottom:15px}
.widget-package-content {padding:0 10px; width:100%; margin-bottom:20px}
.widget-package-zero {padding:0 10px; margin-bottom:15px; width:100%}
.widget-package-go {padding:20px 0 23px 0}
.widget-package.boom {width:100%; border:0}
.widget-package.boom .widget-package-content {padding:20px 10px}

.widget-slick-mask {width:920px; padding:20px 0}



.banners.s1, .banners.s2 {width:340px}
}

@media only screen and (min-width:1024px) and (max-width:1279px) {
.banner-matrix, .banner-promo {margin-bottom:15px}
.banner-matrix {padding:10px}
.banner-promo {padding:0; background:none}



    
.widget-sponsors {margin-bottom:15px; padding:10px}
.widget-sponsors.bingo {width:280px; margin:15px auto}

.widget-boost {margin-bottom:15px}

.widget-global-photo figure {height:136px}
.widget-global.xtreme {width:300px}

.banner-hello.type3 {padding-bottom:25px}
.banner-sky, .banner-xyz {padding:10px; margin-bottom:15px}
.banner-sky ul, .banner-xyz ul {row-gap:10px}
.banner-alexa {padding:0; background:none; margin-bottom:15px}
.banner-action {display:none}
.banner-matched {margin-bottom:15px}
}
















/* MODAL 1 */
.modal {position:fixed; z-index:1000; width:100%; height:100%; top:0; left:0; display:none}
.modal-container {position:absolute; top:40%; left:50%; transform:translate(-50%, -50%); width:600px; border-radius:8px}
.modal-container, .modal-content, .modal-fb-form input[type=text], .modal-fb-close, .modal-post-type {box-sizing:border-box}
.modal-content, .modal-fb, .modal-post-type, .modal-post-type-text {width:100%; float:left}
.modal-content.alt {padding:20px; border-radius:8px}
.modal-fb-form {width:91%; float:left; position:relative}
.modal-fb-form:after {position:absolute; top:10px; left:20px; content:'1'; font:18px/18px "WPLine"; width:20px; height:20px; z-index:50}
.modal-fb-form input[type=text] {font-size:14px; line-height:22px; border:0; height:40px; padding:0 30px 0 55px; width:100%; border-radius:20px}
.modal-fb-close {width:40px; height:40px; padding-top:10px; font:18px/18px "WPLine"; text-align:center; border-radius:50%; float:right}
.modal-post-type {padding-top:24px; padding-bottom:24px}
.modal-post-type-icon {margin:0 auto 10px auto; display:table; width:72px; overflow:hidden; border-radius:50%}
.modal-post-type-icon img {width:100%; max-width:100%; height:auto; float:left}
.modal-post-type-text {text-align:center; font-size:14px; line-height:22px}
.modal-post-type-text span {display:block; font-weight:600}

.modal {background:rgba(240,240,240,0.8)}
.modal-container {box-shadow:0 3px 8px rgba(0, 0, 0, .25)}
.modal-content {background:#fff}
.modal-fb-form input[type=text] {background:#f0f2f5}
.modal-fb-close {background:#e4e6eb; color:#404346}
.modal-fb-close:hover {background:#ddd}
.modal-post-type-icon {border:1px solid #eee}
.modal-post-type-text {color:#65676b}

/* MODAL 2 */
.modal-ultra {position:fixed; z-index:1000; width:100%; height:100%; top:0; left:0; display:none}
.modal-ultra-container {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:700px; border-radius:5px; overflow:hidden}
.modal-ultra-header, .modal-ultra-nav, .modal-ultra-content, .modal-ultra-galaxy, .modal-ultra-section, .modal-ultra-tab, .modal-ultra-tab-section, .modal-ultra-more {width:100%; float:left}
.modal-ultra-header {box-sizing:border-box; position:relative}
.modal-ultra-header h2 {padding:15px 0 15px 20px; float:left; font-size:16px; line-height:16px; font-weight:bold}
.modal-ultra-nav, .modal-ultra-tab {position:relative; box-sizing:border-box}
.modal-ultra-nav ul, .modal-ultra-tab ul {margin:0 auto; display:table; float:none}
.modal-ultra-nav li, .modal-ultra-tab li {float:left; position:relative}
.modal-ultra-nav li a, .modal-ultra-tab li a {font-size:14px; line-height:14px; float:left; margin:0 25px; padding-top:15px; padding-bottom:18px}
.modal-ultra-nav li a.active {font-weight:600}
.modal-ultra-nav li:first-child a, .modal-ultra-tab li:first-child a {margin-left:0}
.modal-ultra-nav li:last-child a, .modal-ultra-tab li:last-child a {margin-right:0}
.modal-ultra-close {width:24px; height:24px; position:absolute; top:10px; right:15px; font:24px/24px "WPLine"; z-index: 500}
.modal-ultra-content {box-sizing:border-box; overflow-y:scroll; height:auto; max-height:70vh}
.modal-ultra-content img {width:100%; max-width:100%; height:100%; float:left}
.modal-ultra-section, .modal-ultra-tab-section {display:none}
.modal-ultra-tab li a {padding-top:10px; padding-bottom:13px}
.modal-ultra-more {text-align:center; padding:8px 0}
.modal-ultra-more a:hover {text-decoration:underline}

.modal-ultra {background:rgba(0,0,0,0.8)}
.modal-ultra-container {background:#fff}
.modal-ultra-header {background:#8054b3; color:#fff}
.modal-ultra-nav {background:#ddd; border-bottom:1px solid #ccc}
.modal-ultra-nav li a, .modal-ultra-tab li a {color:#454f5b}
.modal-ultra-nav li a.active, .modal-ultra-tab li a.active {color:#212b35; border-bottom:2px solid #212b35}
.modal-ultra-nav li a:hover, .modal-ultra-tab li a:hover {color:#ff1e3c; border-bottom:2px solid #ff1e3c}
.modal-ultra-tab {background:#eee; border-bottom:1px solid #ddd}
.modal-ultra-close {color:#fff}
.modal-ultra-close:hover {color:#eee}
.modal-ultra-more a {color:#718083}
.modal-ultra-more a:hover {color:#f23d4e}

/*--------------------------------------------------------------------------------------------------------------------*
 * RESPONSIVE & RETINA
/*--------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width:320px) and (max-width:1023px) {






.modal-container {width:300px}
.modal-content.style1 {padding:10px}
.modal-fb-form {width:83%}
.modal-post-type {padding-top:15px; padding-bottom:15px}
    
.modal-ultra-container {width:300px}
.modal-ultra-header h2 {padding-left:10px}
.modal-ultra-nav, .modal-ultra-tab {padding-left:10px; padding-right:10px; overflow-x:scroll}
.modal-ultra-nav ul, .modal-ultra-tab ul {width:340px}
.modal-ultra-nav li a, .modal-ultra-tab li a {margin:0 20px}
.modal-ultra-close {right:10px}
}

@media only screen and (min-width:360px) and (max-width:1023px) {









.modal-container {width:340px}
.modal-fb-form {width:85%}
.modal-ultra-container {width:340px}
}

@media only screen and (min-width:375px) and (max-width:1023px) {

.modal-container {width:355px}
.modal-fb-form {width:86%}
.modal-ultra-container {width:355px}
}


@media only screen and (min-width:480px) and (max-width:1023px) {




.modal-container {width:400px}
.modal-fb-form {width:87%}
.modal-ultra-container {width:400px}
.modal-ultra-header h2 {padding-left:15px}
.modal-ultra-content {max-height:50vh}
.modal-ultra-nav, .modal-ultra-tab {padding-left:0; overflow-x:visible}
.modal-ultra-nav ul, .modal-ultra-tab ul {width:auto}
.modal-ultra-close {right:15px}
}

@media only screen and (min-width:600px) and (max-width:1023px) {







.modal-container {width:500px}
.modal-content.style1 {padding:15px}
.modal-fb-form {width:90%}
.modal-ultra-container {width:500px}
.modal-ultra-content {max-height:60vh}
.modal-ultra-nav li a, .modal-ultra-tab li a {margin:0 25px}
}



@media only screen and (min-width:768px) and (max-width:1023px) {



    



.modal-container {width:600px}
.modal-content.style1 {padding:20px}
.modal-fb-form {width:91%}
.modal-ultra-container {width:550px}
.modal-ultra-content {max-height:55vh}
}



@media only screen and (min-width:1024px) and (max-width:1279px) {



.widget-block {width:144px; height:81px}






.modal-ultra-container {width:600px}
.modal-ultra-content {max-height:60vh}
}




.widget-slick-track1 {display:flex; padding:20px 0; column-gap:16px}
.widget-slick-track1.alt {column-gap:20px}


.widget-slick-track.nospace {padding:0}


.widget-actions {position:absolute; right:0; top:50px; z-index:400; width:250px; box-sizing:border-box; display:none}
.widget-actions ul, .widget-actions li {width:100%; float:left}
.widget-actions li a {padding:12px; position:relative; box-sizing:border-box; display:flex}
.widget-actions li a span {margin-right:10px; font:24px/24px "WPLine"}
.widget-actions li a p {font-size:14px; line-height:24px}
.widget-actions li:last-child a {border-bottom:none !important}


.widget-actions {background:#fff; border:1px solid #e2e7ea; box-shadow:0 3px 8px rgba(0, 0, 0, .25)}
.widget-actions li a {color:#1c1e21; border-bottom:1px solid #eee}
.widget-actions li a:hover {background:#eee}














/*--------------------------------------------------------------------------------------------------------------------*
 * RESPONSIVE & RETINA
/*--------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width:320px) and (max-width:1023px) {


.widget-actions {position:relative; right:auto; left:0; top:0; float:left; margin-bottom:10px}

.widget-box.s1 {margin-top:15px}
.widget-box.s2 {margin-bottom:15px}

.widget-box.alt p {padding-right:10px}

    


}






@media only screen and (min-width:768px) and (max-width:1023px) {





.widget-actions {margin-bottom:0; margin-top:10px; float:right}



}