* {margin:0;padding:0;} body {background:#FFF;text-align: center;font-size:.9em;line-height:140%;color:#555;text-align:left;height:100%;display:block;/*background: url(/im/branding/paska.jpg) center top no-repeat;background-attachment: fixed;*/} img {border:0;behavior: url(/media/pngfix/iepngfix.htc); } body.specialprojects {background:#000 url(/im/special-bg.jpg) center top no-repeat fixed;color:#FFF;} body, input, .author time, .one-third p b {font-family:"Noto Sans","Exo 2",Arial,Helvetica,Tahoma,verdana,sans-serif;} .newslikst li b,.readinfo time em, .rubricbar, #votes, .staticimage h1, h2.cooler, .photoico b, .usersico b, .catsdropinline, .spheader, .splisthome, .spbody h2, .moresp, .cool, #mnewsWideText a, .roboto {font-family:"Roboto";} .catanno, .reviewer, .tags a, .context p, .author, .lawyer li span, .contestinfo, .read em, .spbody .main, .one-third p, a.posterimage em, .contestitemview h2, .serif, .read blockquote {font-family:Georgia,Times,serif} /*h1.nheader {font-family:"Open Sans Condensed",Times,serif}*/ /*ORIGINAL*/ a {color:#07A} a:hover {color:#F00} a.tm {color:#9933FF;text-decoration:none;} h1 {color:#777;font-size:30px;line-height:30px;font-weight:bold;padding-bottom:20px;} h1.firm {font-family:tm !important;font-size:40px;color:#999;padding-left:270px;line-height:38px;font-weight:bold;padding-bottom:20px;background:url(/imnew/video-collage.gif) 0 0 no-repeat;padding-top:10px;margin-left:-30px;position:relative;float:left;} h2 {color:#663399;font-size:18px;line-height:18px;padding-bottom:5px;} h3 {color:#3333CC;font-size:16px;font-weight:normal;margin:15px 0 5px;clear:both;} h4 {color:#555;font-weight:bold;padding-top:10px;} ol,ul {padding-left:50px} ol li {padding-bottom:20px} hr {content:"."; display:block;clear:both;height:2;border:none;border-top:#333 solid 3px;margin:40px 0 !important;padding:0;} hr.thin {border-top:#F99 solid 1px;} /*HELPERS*/ .clean, .d40 {content:"."; display:block; clear:both; font-size:0; line-height:0; height:0; overflow:hidden;margin:0 !important;} .cleanl, .d40l {content:"."; display:block; clear:left; font-size:0; line-height:0; height:0; overflow:hidden;margin:0 !important;} .d40 {padding-top:40px;color:#FFF;} .dotted {padding-top:10px;border-top:#0099CC 2px dotted;overflow:visible;} /*rubric colors*/ .r-anchor {color:#FFF !important} .r-citylife {background:#702963 !important;} .r-business {background:#78866b !important;} .r-education-health {background:#6495ed !important;} .r-art {background:#FF7F50 !important;} .r-lifestyle {background:#6ADC34 !important;} .r-initiatives {background:#FFA500 !important;} .r-kids-cats {background:#FB607F !important;} .c-citylife {color:#702963 !important;} .c-business {color:#78866b !important;} .c-education-health {color:#6495ed !important;} .c-art {color:#FF7F50 !important;} .c-lifestyle {color:#6ADC34 !important;} .c-initiatives {color:#FFA500 !important;} .c-kids-cats {color:#FB607F !important;} .rubricbar {text-align:center;padding:0px 0;font-size:7em;font-weight:100;margin:-60px auto 40px;text-transform:uppercase;white-space:nowrap;line-height:100%;display:inline-block;background:#FFF;padding:0 30px;color:#5443A5;} .rubricline {height:2px;margin-top:40px;background:#5443A5;} .flagged {height:230px;background:url(/im/flag-ua.jpg) center center no-repeat;margin-bottom:30px;} .flagged::after {content:" ";display:table;} .flagged .rubricline {background:#FFF;margin-top:0;} .flagged .rubricbar {background:none;color:#FFF;margin-top:40px;} .pageheader {margin:20px 0 40px;} .topbanner {padding:5px 0;/*background:#684691*/} .brd, .brdc {max-width:1200px;text-align:left;overflow:visible;margin:0px auto;} .brdc {text-align:center;margin-bottom:20px;} .brdw100 {margin:0 2%;} .header {position:relative;} #smscreens {display:none;} .col {float:left;width:22%;margin-right:3%;} .col:nth-child(4n) {margin-right:0;} .colw {display:block;float:left;width:71%;position:relative;} .colwcontest {width:800px;float:left;} .colr,.colrheadline {float:right;width:302px;position:relative;margin-left:-302px;clear:none;} .colrcontest {float:right;width:200px;} .colr1 {float:right;width:230px;margin-left:40px;} .colr2 {float:right;width:250px;} .cola {float:left;width:29.4%;margin-right:5.9%;} .cola:last-child {margin-right:0;float:right} .he1,.he2,.he3 {float:left;margin-top:50px;} .he1 {width:17%} .he2 {width:20%;} .he3 {width:23%} #smscreens .he1, #smscreens .he2, #smscreens .he3 {margin-top:10px;vertical-align:center;} .catalogbut {display:block;text-transform:uppercase;width:90%;background:#333 url(/imnew/folder-wire.png) 10px 8px no-repeat;);color:#FFF;width:160px;height:41px;text-align:right;text-decoration:none;transition:.3s;margin-top:-5px;} .catalogbut span {line-height:41px;margin-right:20px;display:block;font-weight:bold;} .catalogbut:hover {background-color:#609} .catalogbut1,.searchbutt1 {display:none;} .searchbutt1 {text-align:right} .catsdrop {width:300px;background:#333;position:absolute;z-index:2;} .catsdrop a {display:block;margin:10px 20px 10px 75px;text-transform:uppercase;color:#fff;text-decoration:none;font-size:.9em;font-weight:bold;} .catsdrop a:hover {color:#F33;} .catsdrop {display:none;} .catsdropinline {width:400px;margin:20px auto;display:none;} .catsdropinline a {display:block;text-transform:uppercase;text-decoration:none;font-weight:300;color:#F33;transition:.3s;font-size:2.0em;line-height:120%} .catsdropinline a:hover {color:#F00;-ms-transform: scale(1.6); -webkit-transform: scale(1.6); transform: scale(1.6);} .livebut {margin-top:40px;white-space:nowrap} .livebut a {margin-right:30px;text-transform:uppercase;line-height:59px;font-weight:bold;text-decoration:none;vertical-align:center;color:#F33;float:right;background:url(/im/live-round.png) 0px 0px no-repeat;} .livebut a img {margin:10px 30px 0px 2px;vertical-align:center;} .livebut a span {line-height:59px;vertical-align:top !important;} #logo {clear:both;display:block;width:157px;height:100px;margin:0 auto;margin-top:-45px;} #logo img {width:157px;height:100px;float:left;} .lgreen {background-color:#C6004F;} .log-in, .log-reg, .myaccount, .myexit {float:right;line-height:16px;height:16px;} .log-reg, .myexit {margin-left:20px;} .logdiv {width:80%;float:left;margin-top:5px;} .logdiv a {text-decoration:none;font-size:.9em} .logdiv a img {float:left;} .logdiv a span {float:left;color:#999;white-space:nowrap; text-decoration:none;margin-left:3px;padding:2px 7px;text-transform:uppercase;font-weight:bold;} .myaccount span, .myexit span {color:#999 !important;} .log-in {margin-right:60px;} .logdiv a:hover span {color:#F00;} .search {margin-top:-5px;} .search form {display:block;/*background:#e9e9e9;padding:12px;*/} /*.search:hover form {background-color:#DDD}*/ .search input.box {display:block;margin-right:35px;text-transform:uppercase !important;border:none;background:transparent;padding:0;color:#777;width:80%} a#search {border:none;height:25px;width:25px;float:right;margin-top:-3px;} a#search img {display:block;width:25px;height:25px;} .socials a.soc {float:left;margin-left:5px;width:26px;height:26px;background:#999 url(/imnew/socials.png) 7px 5px no-repeat;-moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px;transition:.5s;} .socials a.soc:hover {background-color:#609} .socials a.soc b {display:none;} a.rs {} a.fb {background-position:8px -46px !important;} a.tw {background-position:5px -145px !important;} a.gp {background-position:5px -95px !important;} a.yt {background-position:5px -192px !important;} a.in {background-position:5px -245px !important;} #mobilefloat {margin:10px 0;border-top:#EEE solid 2px;border-bottom:#EEE solid 2px;clear:both;display:none;} #mobilefloat a {float:left;width:33%;white-space:nowrap;} #logofloat img {width:70px;} #droptopmenu,#dropnmenu {display:block;height:15px;line-height:15px;background:url(/im/drop-icon-1.png) 0 0 no-repeat;margin-top:15px;text-decoration:none;color:#777;font-size:.8em} #droptopmenu span,#dropnmenu span {margin-left:40px;} .topmenu {display:block;margin:30px 0 10px;text-align:center;padding:0;} .topmenu li {list-style:none;display:inline-block;margin:0 20px;white-space:nowrap;} .topmenu li a {color:#000;text-transform:uppercase;text-decoration:none;font-size:0.9em;font-weight:bold;transition:.3s} .specialprojects .topmenu li a {color:#33CCFF} .specialprojects .hangup {background:#000;border-color:#000} .navproty {float:right;color:#FFF;white-space:nowrap;height:60px;line-height:60px;background:url(/im/logo-navproty.gif) left top no-repeat;} .navproty span {margin-left:140px;font-weight:bold;float:right;text-transform:uppercase;} .topmenu li a:hover {color:#F33;} .hangup {position:fixed;top:0px;z-index:2;background:#EEE;width:100%;left:0;border-bottom:#FFF solid 3px;height:50px;margin:0 !important;filter: alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90;} .hangup a {line-height:50px;} /* #nmenu {margin:0;padding:0;display:block;background:#4c326d;height:80px;text-align:center} #nmenu li {list-style:none;height:100%;display:inline-block;text-transform:uppercase} #nmenu li a {font-size:1.0em;line-height:80px;display:block;padding:0px 10px;color:#FFF;font-weight:bold;text-decoration:none;transition:.3s} #nmenu li.active a {color:#777} #nmenu li a:hover {border-bottom:#F33 15px solid;background:#FFF;color:#F33} */ #nmenu {margin:0;padding:0;display:block;text-align:center;padding:3px 0;border:#DDD solid 1px;border-right:none;border-left:none;} #nmenu li {list-style:none;display:inline-block;text-transform:uppercase;} #nmenu li a {font-size:0.9em;line-height:40px;height:40px;display:block;padding:0px 15px;color:#999;font-weight:bold;text-decoration:none;transition:.5s} #nmenu li.active a {color:#FFF;background:#4c326d;} #nmenu li a:hover {background:#4c326d;color:#FFF;} #nmenu {margin:0;padding:0;display:block;text-align:center;padding:3px 0;border:#DDD solid 1px;border-right:none;border-left:none;} #menu li {list-style:none;display:inline-block;text-transform:uppercase;} #menu li.parentmenuactive {background:#333;} #menu li a {color:#F66;font-size:0.9em;line-height:40px;height:40px;display:block;padding:0px 20px;color:#F;font-weight:bold;text-decoration:none;transition:.5s} #menu li.parentmenuactive a {color:#F33;} #submenu {background:#333;padding:20px;z-index:2;} #submenu h2 {margin:0 20px;color:#FFF;font-size:1.2em} #submenu div ul {margin:0;padding:0;list-style:none;} #submenu div ul li {float:left;width:100%;} #submenu div ul li a {line-height:20px;color:#FFF;padding:0px 15px;display:block;font-size:.9em;text-decoration:none;} #submenu div ul li a.active {border-left:#F33 solid 1px;text-decoration:none;color:#f33} #submenu div ul li a:hover {color:#F66;} .toggler {display:none;background:url(/im/toggler.gif) center center no-repeat;height:6px;} #breadcrumbs {margin:5px 0;list-style:none;padding:0;float:left;width:100%;position:relative;font-size:.7em;text-transform:uppercase} #breadcrumbs li {padding-right:3px;display:inline;color:#999;} #breadcrumbs li a {padding-left:3px;color:#777;} #breadcrumbs li a:hover {color:#F33} /*HOME SLIDE*/ .mnewsWideImage {width:450px;height:330px;overflow:hidden;margin-bottom:0px;padding:0;float:left;} .mnewsWideImage img, .rubricmainimage img {/*width:450px !important;height:330px !important;*/height:auto !important;max-width:100%;display:inline-block;border:none;margin:0;min-height:100%} .mnewsWideImage a {padding-left:0;} .mnewsWideImage a.frameimg {width:100%;height:100%;float:left;} #mnewsWideText {display:block;overflow:hidden;background:#ad8201;transition:.3s;height:100%;margin-left:480px} #mnewsWideText a{display:block !important;font-size:3.8em;line-height:90%;font-weight:200;text-decoration:none;color:#FFF;margin:60px;} .unfix {height:auto !important} .slideholder {position:relative;height:330px;} .mnewsButtons {position:absolute;right:220px;bottom:30px;width:200px;text-align:center;} /*.mnewsButtons span {display:inline-block;padding:0 30px;background:#FFF;position:relative;margin-top:-9px}*/ .mnewsButtons a {width:5px;height:5px;float:left;text-align:center;background:#FFF;color:#FFF;font-size:.1em;margin:0px 10px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;} .mnewsButtons a.active, .mnewsButtons a:hover {background-color:#F00;} .mnewsButtons a b {display:none;} /*rubric main*/ .rubricmain {overflow:hidden;float:left;width:100%;height:330px} .rubricmainimage {width:450px;float:left;margin-right:-400px;height:100%;} .rubricmainimage img {} .rubricmainheader {margin-left:490px;background:#333;height:330px;} .rubricmainheader a {text-transform:uppercase;color:#FFF;font-size:1.2em;padding:40px 140px 40px 40px;text-decoration:none;display:block;font-weight:bold;line-height:140%} /*NEWS SECTION*/ h2.homenewshead, h2.bheader {color:#ff3333;margin-left:80px;text-transform:uppercase;font-size:1em} .topline {border-top:#FFCC00 2px solid;float:left;clear:both;width:100%;} .topline h3 {color:#0066CC;margin:10px 0 5px !important;} .newslist {padding:0;margin:0;list-style:none;width:100%;} .newslist li {clear:both;padding-bottom:15px;float:left;width:100%;} .newslist li time, .newslist li b {color:#9966cc;display:block;font-size:0.7em;padding-top:3px;font-weight:400;padding:0;} .newslist li b {display:inline;text-transform:lowercase;color:#999;padding-left:5px;white-space:nowrap;vertical-align:top;} .newslist li .isad, .newslist li .politics { color: red; float: right; text-transform: uppercase; font-size: 9px; margin-top: -20px; letter-spacing: 1px; } /*.newslist li b {color:#9966cc;display:block;font-size:1.3em;font-weight:200;padding-bottom:5px}*/ .newslist li a {text-decoration:none;color:#333;display:block;margin-left:0px;font-size:.99em} .newslist li.imp a {font-weight:bold;color:#000;}/**/ .newslist li.imp time {color:#f33} .newslist a img {width:80px;float:left;margin-right:20px;margin-top:5px} .newslist li a:hover {color:#F00;} .allnewslink {color:#999;text-transform:uppercase;display:block;margin-left:80px;text-decoration:none;font-size:1.0em;font-weight:bold;} .allnews {color:#F66;margin:0;font-size:.9em;text-transform:uppercase;text-decoration:none;} .commentstat {margin-left:10px;background:url(/imnew/statbg.gif) left bottom no-repeat !important;color:#FFF;font-style:normal;font-size:12px;padding:0px 7px 0px 12px;height:17px;line-height:17px;vertical-align:center;display:inline-block !important;font-weight:normal;} .photo-ico, .video-ico {display:inline-block;width:21px;height:17px;background:url(/imnew/media_icons.gif) 0 0 no-repeat;vertical-align:bottom;margin-left:5px;margin-bottom:1px;} .video-ico {background-position:-23px -100px} .photo-ico, .video-ico, .commentstat {transition:.3s} .cblock .photo-ico, .cblock .video-ico, .cblock .commentstat {float:right;} a:hover .commentstat {background-position:-100px bottom !important} a:hover .photo-ico {background-position:0 -100px !important} a:hover .video-ico {background-position:-23px 0px !important} .sheader {display:block;clear:left;margin:30px 0;text-align:center;color:#F33;float:left;width:100%;text-transform:uppercase;font-weight:bold;} .sqheader {display:none;width:60px;height:60px;text-transform:uppercase;font-weight:bold;position:absolute;color:#F33;font-size:.7em;} .sqheader b {display:block;width:60px;height:60px;background:#F33;color:#FFB7B7;line-height:60px;font-size:4em;text-align:center;margin-bottom:10px;} .sqhvert {right:-80px;text-align:center;letter-spacing:1px} .sqhvert b {background:#555;color:#777} .actualno {display:block;margin-left:0px;} .cblock {clear:both;margin-bottom:40px;text-transform:uppercase;} .cblock a {display:block;text-decoration:none} .cblock a img {width:100%;transition:.3s} .cblock a:hover img {filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70;} .cblock .rubricname {font-size:.7em;text-transform:uppercase;font-weight:normal;display:block;margin:10px 0;letter-spacing:0px} .cblockheader {color:#555;font-size:1.0em;} .cblock time {display:block;color:#F33;margin-top:10px;font-size:0.7em} .cblock .isad, .cblock .politics { color: red; margin-top: 5px; display: block; font-size: 10px; letter-spacing: 1px; line-height: 10px; } .ctype1 {} .ctype2 {padding-bottom:30px;border-bottom:#999 solid 3px;padding:15px;background:#EEE;transition:.5s} .ctype2:hover {background:#E1CFFE} .ctype2 .imlimnk {display:none;} .ctype2 .cblockheader {color:#000;text-transform:uppercase;font-weight:bold;font-size:1.05em;line-height:150%} .ctype2 .rubricname {margin-top:0;} .cblockheader:hover {color:#F33} .cpolitic {color:#6600CC} .clifestyle {color:#669900} .catdevider {margin-top:50px;border-top:#333 solid 3px;text-align:center;} .catdevider a.fld {width:200px;display:inline-block;background:#FFF url(/imnew/folder.gif) center top no-repeat;padding-top:70px;color:#F33;margin-top:-30px;position:relative; text-transform:uppercase;font-weight:bold;text-align:center;text-decoration:none;transition:.3s} .catdevider a.fld:hover {background-position:center 10px;} .catanno {font-size:1.6em;line-height:130%;font-style:italic;display:block;text-align:center;margin:30px auto 0;width:80%;} .adduserbtn {display:block;margin:40px auto;width:70px;height:70px;background:#0033FF url(/imnew/add-user-white.png) center center no-repeat;transition:.3s} .adduserbtn span {display:none;} .adduserbtn:hover {background-color:#F33;} /*COMPANY OFFERS*/ .offers {width:90%;margin:0 auto;} .offers section {width:22%;margin-right:4%;display:inline-block;vertical-align:top;} .offers section:last-child {margin-right:0;} .offers a {display:block;text-decoration:none;color:#777;clear:both;margin:10px 0;} .offers section a.flaglink {display:block;background:#4c326d url(/imnew/skew-white.png) left bottom no-repeat;color:#FFF;padding:30px;padding-bottom:60px;font-weight:bold;font-size:1.3em;line-height:150%;transition:.3s} .offers section a.flaglink:hover {background-color:#F33} .starholder {width:100px;height:10px;float:left;position:relative;background:url(/imnew/starno.gif) 0 0 repeat;margin-right:10px;} .starholder span {float:left;position:absolute;top:0;left:0;height:10px;width:47px;background:url(/imnew/star.gif) 0 0 repeat;} .itemstatrate p {float:left;margin-top:2px;margin-right:5px;} .newcatblock {background:#ecece0;padding:20px 0 40px;text-align:center;} .newcatblock section {width:14%;margin:0;display:inline-block;vertical-align:top;padding:0;text-align:left;margin:0 1%} .newcatblock section a {display:block;text-decoration:none;color:#777;font-weight:bold;} .newcatblock section a:hover {color:#F33} .newcatblock section a img {width:100%;margin-bottom:30px;display:block;transition:.3s} .newcatblock section a:hover img {color:#F33;filter: alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60;} .newcatblock section a span {display:block;margin-right:30px;} .newsrating {background:url(/imnew/vline3.gif) center top repeat-y} .companynews, .companyrating {width:42%;float:left;} .companynews header, .companyrating header {border-top:#333 solid 3px;margin-top:17px;} .companynews header span, .companyrating header span {float:right;text-transform:uppercase;color:#F33;font-weight:bold;background:#FFF;padding:5px 0 5px 40px;margin-top:-15px;} .companyrating header span {float:left;padding:5px 40px 5px 0} .companynews ul {list-style:none;margin:0;padding:0;margin-top:40px;margin-left:100px} .companynews ul li {display:block !important;padding-bottom:20px;float:none;width:100%;} .companynews ul li span {display:block !important;margin-left:130px;} .companynews ul li time {display:block;width:90px;text-align:right;color:#9933cc;font-size:.9em;float:left;text-transform:lowercase} .companynews .cinfonews {color:#777;font-size:.9em;display:block;text-decoration:none;} .companynews span {color:#777} .companynews .cmpnewsdate {text-decoration:none;color:#000;} .companynews .cmpnewsdate:hover {color:#07A;text-decoration:underline;} .coldevider {float:left;height:80px;background:#FFF;width:16%;text-align:center;} .coldevider span {display:inline-block;width:40px;height:40px;border:#F33 3px solid;} .hreview .rating {float:right;} .hreview, .hcomment {margin-top:20px;margin-right:100px;} .cpage .hreview {margin:30px 0 30px 60px !important;border-bottom:#DDD solid 1px;padding-bottom:30px;} .cpage .hreview .rating {float:left;margin:10px 0;} abbr {color:#777;border:none !important;font-size:.9em} .reviewer {font-style:italic;margin-left:20px;color:#F99} .vcard .org, .vcard .adr {display:inline;color:#222;} .vcard .org a {color:#222;text-decoration:none;font-weight:bold;margin:10px 0} blockquote.description {display:block;color:#555;clear:both;font-size:.9em} blockquote.description p abbr {float:right;margin-left:40px;} .cpage blockquote.description {font-size:1em;color:#333;} .breview .reviewer, .breview .dtreviewed {display:none;font-size:.9em} .breview p abbr {margin-bottom:0px !important;} .breview .hreview {margin-top:10px;} .breview .vcard .org {font-size:1.1em;} .breview .vcard .adr {color:#6633CC;padding:0px 5px;background:#EEE;} .breview blockquote.description {display:inline;font-size:12px;line-height:14px !important;} .breview {height:295px;overflow:auto;line-height:14px !important;} .colrcontest .breview {height:195px important;} .read {color:#333;font-size:1em;margin-left:180px;line-height:160%;} .read em {font-size:1.1em} .readinfo {float:left;width:140px;position:absolute;} .read h2 {padding-top:30px;color:#000;} h1.nheader {color:#000;font-size:2.6em;font-weight:bold;line-height:110%;text-transform:uppercase} .read h3 {float:none;background:none;} .read p {padding-bottom:10px;} .read table {font-size:.8em;} .read table td {padding:5px;} .read img {max-width:100%;} .nimages, .phimages {margin:20px 0;} .nimages img, .phimages img {width:100%;} b.main {color:#555;padding-bottom:20px;display:block;font-size:1.1em} .imagetitle {color:#F66;font-size:.8em;text-transform:uppercase;} .read blockquote { font-size: 18px; font-style: italic; margin: 30px 0; padding-left: 10%; position: relative; } .read blockquote:before { content:'\201c'; font-size: 64px; line-height: 100%; color: #900; position: absolute; left: 0; top: 0; font-style: normal; color: #9b83b9; } .read blockquote p { padding: 0; } .readinfo time {text-transform:lowercase} .readinfo time em {display:block;font-weight:100;color:#F33;padding-bottom:10px;border-bottom:#333 solid 3px;margin-bottom:10px;font-size:4.2em;font-style:normal;line-height:100%;padding-bottom:30px} .relative {display:block;clear:both;} .relative ul {margin:0;padding:0;display:bloc;list-style:none;/*background:url(/imnew/vert-light-red.gif) center top repeat-y;*/} .relative ul li {width:50%;float:left;padding-bottom:30px;} .relative ul li a {margin-right:40px;display:block;text-decoration:none;color:#333;font-weight:bold} .relative ul li a span {float:right;width:60%} .relative ul li a img {float:left;width:20%;transition:.3s} .relative ul li a:hover span {color:#F33;} .relative ul li a:hover img {color:#F33;-ms-transform: scale(1.6); -webkit-transform: scale(1.6); transform: scale(1.6);} .relative ul li:nth-child(2n+1) {clear:both} .relative ul li:nth-child(2n) a {margin-right:0px;margin-left:40px;} .relative ul li:nth-child(2n) a span {float:left;} .relative ul li:nth-child(2n) a img {float:right;} .recommendbox {border:#F33 solid 1px;padding:40px;text-align:center} .recommendbox header {padding:0 20px;color:#F33;margin-top:-50px;text-transform:uppercase;font-weight:bold;background:#FFF;margin-bottom:30px;} .recommendbox ul {padding:0;margin:0;list-style:none;text-align:center;} .recommendbox ul li {margin-bottom:40px;display:block;} .recommendbox ul li img {width:100%} .recommendbox ul li time {border-bottom:#999 solid 1px;display:block;height:10px;margin-bottom:10px;} .recommendbox ul li time b {padding:0 10px;margin-top:-18px;color:#F33;font-weight:normal;text-transform:uppercase;font-size:.7em;position:relative;display:inline;background:#FFF;margin:0px auto -5px;} .recommendbox ul li a {text-transform:uppercase;text-decoration:none;color:#444;font-weight:bold;} .recommendbox ul li a span {margin-top:15px} .recommendbox ul li a span.header {display:block;margin:0 -10px 10px;} .recommendbox ul li a img {display:block;margin:-10px;border:#FFF solid 10px;transition:.6s} .recommendbox ul li:last-child {margin-bottom:0;} .recommendbox ul li a:hover {color:#F33;} .recommendbox ul li a:hover img {border:#F33 solid 10px;} .adgr {background:#DDD;padding:25px;} .socials-items {display:block;clear:both;margin:10px 0 30px;text-align:center;border-top:#EEE solid 1px;padding-top:30px;} .socials-items .socials-items-item {display:inline-block;margin-right:10px;vertical-align:top;line-height: 100%;} .socials-items .socials-items-item table td {padding:0px !important;} .socials-vitems {margin-top:40px;} .socials-vitems .socials-items-item {display:block;margin-bottom:10px;} .socials-vitems .socials-items-item table td {padding:0px !important;} .articlestat {margin-top:100px;} .articlestat span {display:block;font-size:1.4em;color:#F33;font-weight:normal;clear:both;margin-bottom:10px;} .articlestat span b {float:left;background:url(/imnew/stat-legend.png) 0 0 no-repeat;margin-right:30px;width:32px;height:30px;} .articlestat span.statcomm b {background-position:0 -100px;} .frameg3 {border:#777 solid 3px;margin-bottom:40px} .frameg1 {border:#DDD solid 1px;} .tags {margin-top:0px;font-size:.9em;position:relative;margin-bottom:20px;} .tags b {color:#F33;display:block;} .tags a {color:#777;font-style:italic;text-decoration:none;} /******************************************** REVIEWS SECTION *********************************************/ .reviewitems {text-align:center;border-bottom:#333 solid 3px;height:90px;margin-bottom:30px;} .reviewinfo {display:block;color:#F33;margin:30px 0 20px;} .reviewinfo h2 {text-align:center;line-height:60px;padding:0;color:#F33;font-size:1em;text-transform:uppercase;} #addreview, #addmyitem, #switcher {display:inline-block;padding: 0 30px;height:60px;line-height:60px;background:#333;color:#FFF;text-transform:uppercase;white-space:nowrap;font-weight:bold;text-decoration:none;font-weight:bold;transition:.3s} #addreview, #switcher {border-left:#FFF 20px solid;border-right:#FFF 20px solid;margin-top:-20px;margin-bottom:20px;} #addreview:hover , #addmyitem:hover, #switcher:hover {background:#F33;} #addmyitem {margin-top:-10px;float:left;} .addcomment {display:inline-block;padding: 0 30px;height:60px;line-height:60px;background:#333;color:#FFF;text-transform:uppercase;border-left:#FFF 30px solid;border-right:#FFF 30px solid;margin-top:-60px;position:relative;} #switcher {border:none !important;margin:30px 0 !important} .reviewrating {width:140px;display:inline-block;margin-top:8px;padding:2px;position:absolute;left:30px;top:30px;} .reviewrating p {color:#999;margin-right:10px;line-height:10px} .hcomment {margin:30px; padding-bottom:30px;border-bottom:#EEE solid 1px;} .hcomment .reviewer {color:#F33;display:block;margin:0;} .hcomment blockquote.description {font-size:1em;color:#333;} .allnews {border:none !important;} .allnews .newslist {width:100% !important;} .allnews time {display:block;margin:20px 0;font-size:0.8em;font-weight:normal;color:#999;position:relative;width:100%;clear:both;float:left;} .allnews .newslist li {float:left;width:30%;margin-right:5%;clear:none !important;margin-bottom:30px;} .allnews .newslist li:nth-of-type(3n) {margin-right:0;} .allnews .newslist li:nth-of-type(3n+1) {clear:both !important;} .allnews .newslist li a {text-decoration:none;color:#333;margin-left:0;font-size:1.1em;line-height:130%;} .allnews .newslist li a.img {display:block;} .allnews .newslist li a.img img {width:100%;transition:.5s} .allawyer span {text-transform:none;color:#999} .allvideo .newslist li {width:22%;margin-right:3%;} .allvideo .newslist li:nth-child(3n) {margin-right:3% !important;} .allvideo .newslist li:nth-child(3n+1) {clear:none !important;} .allvideo .newslist li:nth-child(4n) {margin-right:0 !important;} .allvideo .newslist li:nth-child(4n+1) {clear:both !important;} .allvideo .newslist li a.img {text-align:center;position:relative;height:100%;} .videosign {width:40px !important;height:40px;position:absolute;display:block;left:50%;margin-top: 25% !important;} .allnews li.noimage {background:#EEE;padding-bottom:60px;} .allnews li.noimage a.img {display:none;} .allnews li.noimage a {text-transform:uppercase;font-weight:bold;color:#555;margin:20px;display:block;} .allnews li.noimage time {margin:20px;} .allnews .newslist li a.img:hover img {-ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);} .allnews .newslist li a:hover {color:#F33;} .allnews .newslist li b {font-size:2em;font-weight:normal;padding:0;margin-right:10px;} span.newsteaser {display:none;color:#555;margin-right:200px;font-size:.9em}/**/ .newstabs {margin-bottom:30px;text-align:center;} .newstabs a {display:inline-block;white-space:nowrap;text-transform:uppercase;font-weight:bold;color:#777;height:40px;line-height:40px;padding:0 30px;text-decoration:none;font-size:.9em;transition:.3s} .newstabs a:hover {background:#555;} .newstabs a.active {background:#F55;color:#FFF;} /******************************************** CATALOG ***************************************************/ .rlist {display:block;margin:0;padding:0;list-style:none;} .rlist li {float:left;width:21%;margin-right:5%;margin-bottom:40px;} .rlist li a {display:block;} .rlist li a.headlink {font-size:1.1em;color:#111;text-transform:uppercase;text-decoration:none;font-weight:bold;margin:20px 0;} .rlist li a img {width:100%;transition:.5s} .rlist li a:hover img {-ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1)} .rlist li ul {display:block;margin:0;padding:0;list-style:none;} .rlist li ul li {margin:0;padding:0;border:none;padding:0 !important;background:none;} .rlist li:nth-child(4n) {margin-right:0;float:right;} .rlist li:nth-child(4n+1) {clear:both} .rlist li ul li.w30 {width:100% !important;} .rlist li ul li.w70 {width:100% !important;font-size:.9em;} .itemstat {padding:10px 0px 0;display:block;border-top:#777 1px solid;color:#999;margin-top:40px;} .itemstatloc, .itemstatpop {background:url(/imnew/icos.png) 0 0 no-repeat;width:50%;float:left;height:17px;line-height:17px;text-transform:uppercase;font-size:.88em} .itemstatloc {background-position:0 -100px} .itemstatloc a {text-decoration:none;margin-left:20px;color:#777} .itemstatrate {float:left;width:200px;line-height:10px} .itemstatrate b{float:left;font-weight:normal;color:#333;} .itemstat .itemstatrate {margin-top:-30px;} .electionlist {list-style:none;padding:40px;border:#F00 solid 1px;} .electionlist a {padding:20px 30px;display:block;text-decoration:none;color:#000;font-size:1.4em;line-height:120%;transition:.3s;/*border-bottom:#9999FF dotted 1px;*/} .electionlist a:hover {color:#FFF;background:#333;/*border-bottom:#333 solid 1px;*/} /*.headlink, .headlink1 {font-size:1em;line-height:18px;display:block;margin-bottom:5px;color:#07A;} .headlink:hover {text-decoration:underline;color:#FF6600;} .headlink1 {text-decoration:underline;color:#FF6600;}*/ .ellink, .coffee {text-decoration:none;text-transform:uppercase;font-size:1.0em;float:left;font-weight:bold;padding-top:60px;margin-top:0;background:url(/im/uaflag.jpg) 0 0 no-repeat;letter-spacing:.3em} .coffee {background:url(/im/coffee.jpg) center 0 no-repeat;padding-top:70px;text-align:center} /*NEW ITEM PAGE*/ #titleholder {padding:40px;border:#F66 solid 3px;text-align:center;position:relative;margin:0 auto;padding-bottom:60px;} #titleholder h1 {color:#333;margin-top:20px;font-size:3em;line-height:90%} #titleholder .address {font-size:.9em} #mediablock {width:100%;text-align:center;} #mediatabs {height:47px;margin-top:-46px;position:relative;white-space:nowrap} #mediatabs a {display:inline-block;border:#f66 solid 3px;line-height:43px;font-weight:bold;text-align:center;width:110px;margin-left:1px;color:#333;text-decoration:none;border-width:0;} #mediatabs a:hover {color:#FFF;border-top-color:#FF0000 !important;} #mediatabs a.active {color:#F33;border-width:3px;border-bottom-width:0;background:#FFF;} #mediaholder {width:100%;} .isityour {display:block;width:100px;height:70px;position:absolute;top:40px;right:40px;background:#4185B8;padding-top:30px;font-weight:bold;color:#FFF;text-decoration:none;text-transform:uppercase;transition:.3s;} .isityour:hover {-ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);background:#F33;color:#FFF;} .mainimage {display:block;text-align:center;} #imageholder {float:left;} .mainimage img {width:210px;height:140px;} /* #navbar {position:absolute;width:860px;height:100px;top:380px;z-index:2;right:0;} .vtour {top:0 !important;height:480px !important;right:0 !important;width:220px !important;} .navback {background:#000;filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;float:left;width:100%;height:100%;} #imager {width:100%;margin-top:0px;float:left;position:relative;margin-bottom:-18px;}*/ #moveslideleft, #moveslideright {width:23px;height:80px;background:url(/imnew/arr.gif) 0 -100px no-repeat;margin:10px 4px 10px -3px ;float:left;position:absolute;} #moveslideright {background-position:0 0;margin:10px -3px 10px 0 !important;right:0;} #moveslideleft:hover {background-position:0 -300px !important;} #moveslideright:hover {background-position:0 -200px !important;} #moveslideleft p , #moveslideright p {display:none;} .indent {margin-top:30px;} #thumbsholder {height:112px;overflow:hidden;margin:0 50px;} #thumbstrip {float:left;margin:0 0 -15px 0;padding:0;height:112px;width:20200px;} #thumbstrip li {float:left;width:129px;display:inline;} #thumbstrip li a {float:left;float:left;height:108px;} #thumbstrip li a img {display:block;width:118px;height:78px;margin:5px 0px 10px;float:left;transition:.5s} #thumbstrip li a:hover {} #thumbstrip li a:hover img {-ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2)} #thumbstrip li a.active {border-bottom:#F33 solid 3px;} #thumbstrip li a.active img {} #imageViewer {margin:0px auto 20px;background:#333;display:none;} .centercontent {text-align:center;} .proposeReview {position:absolute;background:url(/imnew/addreview.png) 0 0 no-repeat;line-height:36px;height:36px;text-decoration:none;text-transform:uppercase;font-weight:bold;left:30px;top:30px;color:#F33} .proposeReview span {margin-left:50px;} .proposeReview:hover {color:#0066CC;} #mapsblock {} #mapstabs a {float:left;width:95px;margin-right:5px;background:#EEE;transition:.5s} #mapstabs a img {width:95px;height:45px;} #mapstabs a.active {background:#F99;} .gpsinfo {width:100%;margin:20px 0;float:left;font-size:.8em} .gpsinfo span {color:#000;float:left;width:40%;font-size:1.3em;font-weight:bold;color:#F33} .gpsinfo div {width:40%;float:right;} .gpsinfo div b {display:block;} .gpsinfo div p {color:#000;padding:0;display:block;clear:both;} .cinfo {margin-left:60px;color:#111;padding:0 40px 40px 0;margin-right:280px;border-right:#F99 solid 1px;} .cinfo img {width:100% !important;height:auto !important} .offerheader {font-weight:bold;text-transform:uppercase;font-size:1.0em} .ournews {display:block;list-style:none;padding:0;margin-top:10px;} .ournews li {display:block;padding-bottom:15px;} .ournews li b {margin-right:5px;color:#777;background:#EEE;padding:3px 7px;font-weight:normal;} .ournews li a {display:block;margin-top:5px;text-decoration:none;color:#777;font-weight:bold;} .ournews li a:hover {color:#F33} .ouroffers li b {background:#F66;color:#FFF;font-weight:bold;} .ouroffers li a {font-weight:bold;color:#333;} /********************************************* PAGER *********************************************/ .pager {display:block;text-align:center;margin:30px 0;padding-top:30px;border-top:#DDD 1px solid;font-size:.9em} .pager * {display:inline-block;text-transform:uppercase;} .pager b{margin:0 15px 0 0;padding:0px;font-weight:normal;} .pager span{padding:0px 10px;background:#639;margin:0px 5px 0 5px;font-weight:bold;color:#FFF;text-align:center;} .pager a {padding:0px 10px;margin:0 2px;text-align:center;color:#555;text-decoration:none;} .pager a.nxt{background:none;font-weight:bold;text-decoration:underline;border:none;} .pager a:hover{color:#F00;background:#CCCCFF;} .toppager .pager {margin-top:0;padding-top:0;border-top:none;} /********************************************* SORTER *********************************************/ .sorter {display:block;text-align:center;} .sorter a {padding:0 10px;display:inline-block;font-size:.7em;color:#777;text-transform:uppercase;text-decoration:none;} .sorter a.asc,.sorter a.desc {background:url(/im/order-arr.gif) center 0px no-repeat;} .sorter a.desc {background-position:center -80px;} .sorter a span {display:block;padding:5px;line-height:16px;} .sorter a.asc span, .sorter a.desc span {background:#F66;color:#FFF;} /********************************************* CONSUMER ROOM *********************************************/ .consumerhome {background:#FF6 url(/imnew/cart-alert.png) center 30px no-repeat;padding-top:260px;text-align:center;} .context .sheader {float:left;font-size:1.1em;line-height:100%;margin-top:-20px;} .context .sheader .vyvoritka {border:#111 solid 3px;color:#111;display:inline-block;padding:15px 40px;margin:0 auto;background:#FFF;} .context {margin:0 auto;text-align:left;border-bottom:#F33 solid 3px;display:block;margin-bottom:80px;} .context p {color:#000;width:80%;margin:0 auto;font-size:1.8em;line-height:140%;color:#555;font-style:italic} .addconsumer, .addphoto, .priseconsumer, .proposalconsumer {width:140px;height:140px;background:#F33;color:#FFF;font-weight:bold;text-transform:uppercase;text-align:center;display:block;text-decoration:none;transition:.5s;margin:20px auto -50px;position:relative;} .addconsumer span, .addphoto span, .priseconsumer span, .proposalconsumer span {width:120px;margin:60px auto;display:inline-block;} .addconsumer:hover, .addphoto:hover, .priseconsumer:hover, .proposalconsumer:hover {-ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);background-color:#000;color:#FFF;} .priseconsumer {background:#060} .proposalconsumer {background:#006} .addconsumer,.priseconsumer, .proposalconsumer {display:inline-block;font-size:.9em;margin-right:-30px;vertical-align:center;border:#FFF solid 10px;} .priseconsumer, .proposalconsumer {display:inline-block;} .fmadd {display:inline;text-align:center;} .consumerhead {font-size:1.1em;font-weight:bold;color:#333;text-transform:uppercase;text-decoration:none} .author {background:url(/imnew/users-picto.gif) 0 center no-repeat;padding-left:20px;color:#FF6600;margin-left:20px;font-style:italic;} .author time {font-style:normal;color:#555;font-size:.9em;display:block;} .w70 .author {margin-left:0;padding-left:30px;} .w70 .author b {color:#777;font-weight:normal;} .complain {text-decoration:none;color:#333;margin-top:20px} .context p.complaintext {font-size:1.2em;width:60%;lext-align:left !important;font-family:"Noto Sans";font-style:normal;} .videoavailable {display:block;line-height:30px;height:30px;background:url(/imnew/play.png) 0 0 no-repeat;height:30px;margin-top:10px;padding-left:40px;font-weight:bold;text-decoration:none;text-transform:uppercase;} .complainlist li {margin-bottom:40px;padding-bottom:30px;border-bottom:#F33 solid 1px;} .complainimages img {margin-bottom:40px;width:100%} .acid {display:block;} .acid a {margin:0px auto 50px;} .acid1 {border:#FFFF00 10px solid;padding:40px 40px 0;} .acid1 author {display:block;padding-left:30px;} .acid1 time {float:right;font-size:1.1em} /**/.horror {background-image:url(/im/horror-review-i.gif) !important} .horror #rating1, .horror #rating2, .horror #rating3, .horror #rating4, .horror #rating5 {background-image:url(/im/horror-review.gif)} .prise {background-image:url(/im/prise-review-i.gif) !important} .prise #rating1, .prise #rating2, .prise #rating3, .prise #rating4, .prise #rating5 {background-image:url(/im/prise-review.gif)} .horrorlevel {width:175px;height:35px;background:url(/im/horror-review-i.gif) 0 0 repeat-x;display:block;margin:20px 0;} .horrorlevel div {height:35px;background:url(/im/horror-review.gif) 0 -100px repeat-x;} .priselevel {width:175px;height:35px;background:url(/im/prise-review-i.gif) 0 0 repeat-x;display:block;margin:20px 0;} .priselevel div {height:35px;background:url(/im/prise-review.gif) 0 -100px repeat-x;} .proposallevel {width:175px;height:35px;background:url(/im/proposal-review-i.gif) 0 0 repeat-x;display:block;margin:20px 0;} .proposallevel div {height:35px;background:url(/im/proposal-review.gif) 0 -100px repeat-x;} .lawyerbox {padding:30px;background:#333;color:#FFF;text-align:center;} .lawyerhead {padding-top:80px;background:url(/imnew/saving-tor.png) center top no-repeat;font-weight:bold;text-decoration:none;color:#FFF;display:block;text-transform:uppercase;text-align:center;margin-bottom:40px;font-size:1.2em;padding-bottom:20px;border-bottom:#FFF solid 1px;} .complainhead {background:url(/imnew/carthazard.gif) 0 0 no-repeat;font-size:24px;line-height:28px;font-weight:bold;height:110px;padding-top:20px;padding-left:110px;display:block;color:#000;} .lawyer {display:block;list-style:none;margin:0;padding:0;} .lawyer li span {display:block;margin:5px 0 40px;font-style:italic;font-size:1.0em;padding-bottom:30px;border-bottom:#F33 solid 1px;} .lawyer li a {font-weight:bold;text-decoration:none;color:#FFFF00;text-transform:uppercase;display:block;margin:20px;font-size:1.0em} .lawyer a.img img {width:100%;transition:.3s} .lawyer a.img:hover img {width:100%;-ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);} .lawyer a:hover {color:#F33} .lawyerlist {width:100% !important;} .lawyerlist a {color:#006699 !important;display:block;} .lawyerlist a.img img {width:100%;transition:.3s} .lawyerlist a.img:hover img {width:100%;-ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);} .lawyerlist li span {margin-left:180px;background:none;padding:0;} .partnerad {text-align:center !important;padding:30px 100px 60px;background:#731310;color:#FFF;margin:50px 0;} /********************************************* contest *********************************************/ ul.contest a {font-size:1.1em;text-decoration:none;text-transform:uppercase;font-weight:bold;margin-top:0px;color:#333;transition:.3s} ul.contest a:hover {color:#F33;-ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);} ul.contest span.itemstat {margin-top:20px;} .itemstat b {color:#555;margin-left:30px;} .photoico b, .usersico b {color:#F66;font-size:2em;font-weight:300;margin-left:20px;} .usersico b {color:#B8B1F5} .usersico {background:url(/imnew/users-picto.gif) left center no-repeat;} .photoico {background:url(/imnew/photo-picto.gif) left center no-repeat;} .contestitem {text-align:center;} .contestinfo {font-style:italic;width:80%;font-size:1.2em;line-height:120%;text-align:center;margin: auto;} .rules {background:#4D4086;color:#FFF;display:block;padding:40px 100px 100px 100px;} .ruless {display:block;margin-bottom:30px;padding-bottom:30px;background:url(/imnew/down-arrow.gif) center bottom no-repeat} .addphoto {margin-top:-80px;margin-bottom:20px;} ul.listblocks {display:block;padding:0;margin:0;list-style:none;} ul.listblocks li {float:left;width:18%;margin-right:2%;text-align:center;margin-bottom:40px;} ul.listblocks li:nth-child(5n) {margin-right:0;} ul.listblocks li:nth-child(5n+1) {clear:both;} ul.listblocks img {display:block;} ul.listblocks li a.cimg img {width:100%;transition:.3s} ul.listblocks li a.cimg:hover img {-ms-transform: scale(1.4); -webkit-transform: scale(1.4); transform: scale(1.4);} .conteststat {width:60px;background:#333;padding:0;color:#FFF;display:block;height:40px;line-height:40px;position:relative;margin:-40px auto 0;} ul.home .conteststat {background-color:#F33 !important} .cstat {clear:both;display:block;} .contestitemview {background:#333;color:#EEE;padding:40px 0;text-align:center;} .contestitemview h2 {font-style:italic;font-weight:normal;color:#E6B7FF} .roundrightlink {float:right;width:180px;background:#FFE99D;padding:5px 10px;-moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;clear:both;text-align:center;} /*election*/ .clist {list-style:none;padding:0;} .clist li {width:20%;float:left;margin-bottom:30px;;} .clist li a {display:block;padding:20px;height:300px;text-decoration:none;color:#333;transition:.3s} .clist li a span {display:block;overflow:hidden;width:100%;height:80%;position:relative;} .clist li a span img {min-height:100%;transition:.3s;max-width:100%;} .clist li a:hover {background:#BFBBEA} .clist li a:hover span img {-ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);} .clist li a:hover span em {background:#F00} .clist li a h2 {color:#000;margin-top:20px;} .clist li a b {font-weight:normal;display:block;} .clist li a span em {position:absolute;bottom:0;background:#684691;color:#FFF;height:30px;line-height:30px;font-style:normal;display:inline-block;bottom:30px;right:0;padding:0 20px;} .choosedistrict {display:none;clear:both;} .choosedistrict ul {list-style:none;display:block;padding:0;} .choosedistrict ul li {display:block;} .choosedistrict a {display:block;text-decoration:none;padding:10px 60px;border-bottom:#777 dotted 1px;margin:0 15px;color:#000} .choosedistrict a:hover {border-bottom:#F00 solid 1px;} .choosed {float:right;border-bottom:#333 dashed 1px;text-decoration:none;color:#333;} .bioinfo {margin-left:130px !important;} .bioinfo h1 {color:#000;padding-bottom:0;font-size:3.2em;} .bioinfo h2 {color:#333;padding-top:20px;font-weight:normal;font-size:2em} .bioinfo img {max-width:240px;margin:0 60px 30px 0px;float:left;} .elinfo b {display:block;text-align:center;letter-spacing:3px;text-transform:uppercase} .elinfo .addphoto {margin-top:-10px;} .elinfo {padding:20px;border:#EEE solid 10px;} .elinfo .addphoto {background:#003399;color:#FFFF00;} .elinfo .addphoto:hover {background-color:#F00} .elinfo .evoting {background:#060;color:#FFF} .elinfo .evoting:before {content:" ";position:absolute;width:40px;height:40px;background:url(/im/vote.png);top:15px;left:50%;margin-left:-20px;} .morecand {list-style:none;padding:0;margin-top:30px;display:block} .morecand li {color:#333;margin-bottom:20px;} .morecand a {text-decoration:none} .morecand a b {display:block;font-size:1.3em} .next, .prev, .levelup {display:inline-block;width:40px;height:40px;background:url(/imnew/nav-arrows.gif) 10px 10px no-repeat;-moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px;border:#333 solid 2px;transition:.3s} .next:hover, .prev:hover, .levelup:hover {border-color:#FFF;} .next b, .prev b, .levelup b {display:none;} .next {background-position:10px -90px;} .levelup {background-position:10px -190px;} .nextprev {display:inline-block;} .relative li {padding-bottom:5px;} #votes {color:#F33;padding:1px 10px;font-size:7em;display:block;text-align:center;margin:0 10px;line-height:80%;font-weight:100} .pview {font-size:1.2em;color:#999;padding-left:40px;margin:0;} footer {display:block;margin-top:60px;text-align:center;} .address {display:block;text-transform:uppercase;color:#777;font-weight:bold;} .telephone {display:inline-block;padding:0 30px;background:#F33;color:#FFF;font-size:1.8em;line-height:60px;height:60px;margin:10px auto;font-weight:bold;} .telephone span {color:#ffcccc} .copyright {text-transform:uppercase;margin-top:40px;font-weight:bold;color:#555;display:block} .copyright b {display:block;color:#F33;} footer section {width:800px;display:block;margin:40px auto 0;background:url(/imnew/vline3red.gif) center top repeat-y;} .disclaimer {float:left;width:45%;text-align:right;font-size:.89em} .techstaff {float:right;width:45%;text-align:left;} .brdholder {background:#333;padding:30px;} .portfolio {padding:40px;background:#333;} .ivideo {float:left;margin:0 5% 30px 0;width:21%;} .portfolio .ivideo:nth-child(4n){margin-right:0;} .portfolio .ivideo:nth-child(4n+1){clear:left} .portfolio a {display:block;text-align:left;text-decoration:none;color:#FFF;font-size:1em} .portfolio a:hover img {-ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);} .itext {margin-top:30px;display:block;} .itmb {display:block;width:100%;transition:.3s} .portfolio a:hover {color:#F33} .staticimage h1 {font-weight:100;font-size:3.0em;color:#FFF;position:absolute;bottom:150px;left:0px;background:#F33;padding:20px 40px;} .staticlight h1 {background:none;bottom:50px;} .staticimage {position:relative;display:} .staticimage p {color:#FFF;position:relative;margin:0px auto;width:60%;margin:-150px auto 50px;} .staticimage img {display:inline-block} .staticimage .staticmain {width:100%} .staticimage .staticfader {width:100%;height:250px;margin-top:-250px;display:block;} .staticread {margin:100px auto;width:60%} h2.cooler, .spbody h2 {color:#F33;font-weight:300;font-size:2em;text-transform:uppercase;margin-bottom:30px;} /*special projects*/ .spheader {color:#FFF;font-size:4em;font-weight:200;text-transform:uppercase} .splisthome {font-size:2em;line-height:120%;font-weight:200;list-style:none;margin:50px 0 200px;text-align:center;padding:0;} .splisthome li {display:inline-block;width:33.333%;float:left;margin-bottom:30px;text-align:left;} .splisthome li:nth-child(3n+1) {clear:both;} /*.splisthome li:nth-child(2n) {margin-top:-20px;}*/ .splisthome a.spitem {display:block;color:#FFF;text-decoration:none;transition:.3s;overflow:hidden;text-align:left;} .splisthome a.spitem:hover {color:#CC99FF} .spitem b {display:block;margin:30px 30px 0px 30px;font-weight:200;} .spname {text-align:left;padding:10px 0px;color:#FF6666;text-transform:uppercase;font-size:.4em;text-decoration:none;font-weight:400;padding-left:30px;display:block;} .imageframe {width:100%;height:250px;overflow:hidden;display:block;} .imageframe img {min-height:100%;max-height:100%;min-width:100%;display:inline-block;border:none;margin:0;transition:2s;} .imageframe:hover img {-ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1)}/**/ .posterimage {width:100%;height:600px;overflow:hidden} a.posterimage {display:block;position:relative;} a.posterimage:hover .postertitle {left:70%;} a.posterimage:hover em {left:0;} a.posterimage em {display:block;line-height:140%;height:100%;width:15%;position:absolute;background:#000;color:#FFF;top:0;left:-100%;padding:80px;transition:1s;} .posterimage img {width:100%;} .postertitle {transition:left 1s;} .spbody {position:relative} .spbody .spheader, .postertitle {position:absolute;width:30%;left:120px;top:30px;font-size:4em;line-height:110%} .spbody .read {margin-right:20%} .spbody .main {font-weight:normal;font-style:italic;font-size:1.6em;line-height:150%} .spbody .socials-vitems {margin:0;} img.sp100 {width:100%;margin:30px 0;clear:both;} .specialmore {clear:both;padding:30px;background:#16324E url(/im/special-bg.jpg) center top repeat fixed;color:#FFF;} .moresp {margin:50px;list-style:none;padding:0;font-size:2em;line-height:110%} .moresp li {display:block;padding:10px 0} .moresp a {background:#000;color:#FFF;text-decoration:none;;font-weight:200;transition:.3s;} .moresp a:hover {background:#F33} .one-third {width:23.333%;float:left;} .one-third p {margin:20px 70px 20px 0px;line-height:180%;color:#000;font-style:italic;font-size:1.1em} .one-third p b {font-style:normal;font-size:.9em} .tmtv {font-size:7em;font-weight:200;line-height:100%;} .moresp a:before {content:"— "} .threecols {width:33.33%;float:left;margin-top:30px;} .threecols img, .threecols div {width:80%} .read728 {float:right; width: 100%;} /********************************************* service *********************************************/ #mapwin {height:460px;} input,textarea,select {border:#999 solid 1px;padding:7px 5px;font-size:1em;} input.submit {width:194px;height:40px;background:url(/imnew/button-bg.gif) 0 0 no-repeat;text-align:center;text-decoration:none;line-height:40px;text-shadow:#000 1px 1px 2px;color:#FFF;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;border-color:#903;margin-top:40px;font-size:16px;text-shadow:#000 1px 1px 1px;} input.sbmt { background:#6633CC; border:none; color:#FFF; padding:0px 30px; line-height:40px; height:40px; text-transform:uppercase; font-weight:bold; cursor: pointer; } input.sbmt:hover { background: #9800FF; } .radio {border:none;padding:0;} input:focus { outline-width: 0; } .candyholder {border:#DDD 1px solid;margin-bottom:40px;padding:15px} .linksbase {font-size:.8px;color:#999;} .rightbanholder {border:#DDD solid 1px;text-align:center;} .wadholder {border:#D2CAFB 0px solid;padding:10px;text-align:center;} .r80 { -moz-border-radius:180px; -webkit-border-radius:180px; border-radius:180px;} .p5 {padding:7px !important;} .p10 {padding:10px !important;} .p20 {padding:20px !important;} .p30 {padding:30px !important;} .pt5 {padding-top:5px;} .pt10 {padding-top:10px;} .pt20 {padding-top:20px;} .pt40 {padding-top:40px;} .pt100 {padding-top:100px;} .mt0 {margin-top:0px !important;} .mt5 {margin-top:5px !important;} .mt10 {margin-top:10px !important;} .mt20 {margin-top:20px !important;} .mr10 {margin-right:10px;} .mr20 {margin-right:20px;} .mr40 {margin-right:40px !important;} .mr0 {margin-right:0 !important;} .ml0 {margin-left:0 !important;} .op80 {filter: alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80;} .op50 {filter: alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50;} .w100 {width:100%;} .w50p {float:left;width:50%;} .fr {float:right !important;} .tac {text-align:center;} .informers {/*background:#FFF;padding:10px;border:#EEE 10px solid*/} /*---------------------------------------- INFORMERS ---------------------------------------------------------*/ /*kino ukr net*/ .infostrip {padding-bottom:15px;border-top:#777 solid 1px;margin-top:30px;padding-top:30px;} .infostrip #kinoukrnet a {width:12.5%;float:left;font-size:0.9em;text-decoration:none !important;color:#333;margin-top:30px;} .infostrip #kinoukrnet a:hover img {-ms-transform: scale(1.6); -webkit-transform: scale(1.6); transform: scale(1.6);} .infostrip #kinoukrnet a:hover {color:#F33} .infostrip #kinoukrnet a img {width:80px;margin-left:10px;transition:.5s} .infostrip #kinoukrnet a:nth-child(17n){clear:both} .infostrip #kinoukrnet br {clear:none !important;display:none;} /**/ table.rt-n-603__table {width:100% !important;background:#EEE !important} .rt-n-603__title-div a.rt-n-603__title {text-decoration:none !important;color:#777 !important;display:block;margin:10px;} .n-603__table .rt-n-603__cell {text-align:left !important} /**/ .rt_title_7317 {font-weight:normal !important;} .rt-n-603__outer {text-align:left;} .rt-n-603__outer a.rt-n-603__link {margin:0 !important;} .rt-n-603__outer a.rt-n-603__link img.rt-n-603__photo {box-shadow:none !important;width:100%; !important;border-radius:100px} .rt-n-603__outer a.rt-n-603__title {margin-left:0 !important;} .ukrnetlinks {margin-top:30px;padding:15px;border:#DDD 1px solid;font-size:.8em} #bannplace_supertop img {display:block;margin:0 auto} /*.holder {width:100%;float:left;margin:5px 0 10px;position:relative;font-size:12px;line-height:16px;}*/ .biggerfont {color:#333;font-size:14px;line-height:18px;padding-bottom:50px;} .round { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .round1 { -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;} .rem {font-size:10px;color:#444;} .reminfo {font-size:11px;padding:10px;color:#000;background:#DDD;line-height:13px;} ul.cln {list-style:none;padding:0;margin:0;display:block;} ul.cln li {display:block;} .smaller {font-size:11px;line-height:14px;} .fl {float:left !important;display:inline;} .bb1 {border-bottom:#39C dotted 2px;} .bb2 {border-bottom:#dfefff 1px solid;} .bb3 {border-bottom:#999 dotted 2px;} .framed {background:#e8e5fe;margin:30px 0;padding:30px;} .stockedimages {width:250px;float:left;margin-bottom:10px;} .stockedimages a {width:240px;clear:both;margin-bottom:10px;display:block;} .stockedimages a img {width:240px;} .errm {font-size:24px;color:#663399;padding:50px;line-height:36px;} .mtext {padding:10px 50px;font-size:14px;line-height:20px;} .blue {color:#669900;font-size:32px;line-height:32px;background:} .tr {text-align:right !important;margin-right:20px;} .tborder, .tborderblue, .tbordergreen {border:#FFE375 3px solid;padding:5px;} .tborderblue {border-color:#BBEEFF} .tbordergreen {border-color:#CAF76C} .textleft {text-align:left !important;} .alert {color:#E00;font-weight:bold;} b.former {line-height:25px;color:#333;font-weight:normal;} .tinyw {font-size:10px;font-weight:normal;color:#DDD;} .errmess {color:#900;margin:10px;font-size:12px;line-height:14px;} .ermess ul {padding:0;} .errmess ul li {margin:0px;} .errmess ul b {} .okmess {background:#339900;color:#FFF;padding:20px;margin:10px;font-size:14px;line-height:18px;} .first {margin-left:80px !important;} .logos, .randomcontest {background:#bbb;margin-top:-10px;} .logos .brd {padding:30px 0;} .logos .brd h2, .randomcontest .brd h2 {font-size:18px;padding:0;line-height:30px;width:240px;height:30px;color:#FFF;background:#555;margin:-30px 0 0 0px;text-align:center;font-weight:bold;position:absolute;} .logos img, .randomcontest img {margin-top:20px;margin-right:20px;} .randomcontest {background:#333 url(/imnew/perfo.gif) 10px 0 repeat-x;} .randomcontest .brd {padding:30px 0;width:1150px;} .randomcontest .brd h2 {margin-left:65px;background:#111;float:left;} .randomcontest a {float:left;} .randomcontest span {width:50px;height:20px;float:left;margin:140px 0 0 -70px;position:relative;background:#E00;text-align:center;color:#FFF;font-weight:bold;line-height:20px;} .switchua,.switchru {background:url(/imnew/flag.gif) 0 0 no-repeat;height:12px;line-height:12px;display:block;margin:9px 0;padding-left:28px;} .switchru {background-position:0 -100px;} .cityblock {top:25px;left:197px;height:35px;position:absolute;width:200px;z-index:4;} .cityblock p {margin:5px 0 0 10px;height:15px;color:#777;} .citydrop {text-decoration:none;margin:0 10px 5px 10px;height:20px;display:block;color:#309;} .citydrop span {white-space:nowrap;font-size:16px;line-height:20px;border-bottom:#96F 2px dotted;display:block;float:left;margin-right:10px;} .citydrop img {margin-top:3px;float:left;} .allcitieslist {overflow:auto;/*height:190px;*/background:#5d3f81;border:#DDD solid 5px;} #allcities {display:none;} #allcities ul {margin:5px;padding:0;list-style:none;} #allcities ul li {display:block;padding-left:13px;background:url(/imnew/city-bullet.gif) left center no-repeat;margin-left:-5px;} #allcities ul li a {font-size:14px;padding:4px 5px;display:block;color:#FFF;border-bottom:#5d3f81 2px solid;} #allcities ul li a:hover {border-color:#DDD;color:#FFCC00;text-decoration:none;} .close {width:20px;height:20px;background:url(/imnew/close.gif) 0 0 no-repeat;float:right;margin-top:20px;} /*#menu li span {display:block;color:#F06;line-height:11px;} #menu li span a {text-decoration:none;color:#F06;font-size:11px;display:inline;line-height:12px;} #menu li span a:hover {text-decoration:underline;color:#06C;}*/ .home-text {width:490px;float:left;background:url(/imnew/sign-bg.gif) top left no-repeat;margin-top:-15px;padding-top:15px;position:relative;} .home-text h1, .home-text p {display:block;margin-left:120px;} .home-text p {font-size:12px;line-height:16px;} .newsdate {float:right;padding:2px 10px;background:#4e318b;color:#FFF;} .rigthheadline {margin-top:10px;width:100% !important;} .rigthheadline li {padding:5px 0px 5px 0px;line-height:16px !important;border-bottom:#777 dotted 1px;} .rigthheadline li a {color:#07A;} .rigthheadline li b, .rigthheadline li span {font-size:11px;} .blockheader {line-height:36px;background:#DCD2EE url(/imnew/h2-bg.gif) 0 0 repeat;padding-left:20px;text-shadow:#FFF 1px 1px 0px;padding-bottom:0;} .likenews {margin-top:-15px !important;height:36px;position:relative;} .itemlist {display:block;width:100%;padding:0;list-style:none;} .itemlist li {line-height:17px;display:block;clear:both;padding:5px 0;background:#FFF url(/imnew/latestite2ms-bg.gif) 0 0 repeat;margin-bottom:3px;border-top:#777 dotted 1px;} .itemlist li a.blockImage {margin:0 10px 0 0;border:#EEE solid 1px;float:left;} .itemlist li a.blockImage img {width:60px;display:block;border-color:#FFF;} .itemlist li a.blockHead {text-decoration:none;color:#6655CC;font-size:14px;text-shadow:#FFF 1px 1px 0;font-weight:bold;} .itemlist li a.blockHead:hover {color:#FF6600;text-decoration:underline;} .itemlist li span.blockLocation {display:block;} .itemlist li span.blockLocation a {color:#07A;} .latestblock {padding:30px 20px 20px 30px;border-bottom:#FFF solid 1px;} .latestblock ul {display:block;list-style:none;padding:0;margin:0;} .latestblock ul li {float:left;margin-right:10px;width:210px;overflow:hidden;} .latestblock ul li.divider {clear:both !important;margin:0;width:100% !important;height:10px;float:none;} .latestblock ul li a.blockImage {margin:0 !important;} .latestblock ul li a.blockImage img {width:210px !important;border:none;height:140px;} .latestblock ul li a.blockHead {clear:both;font-size:16px;color:#555;text-decoration:none;display:block;padding:5px 0 5px 0px;line-height:16px;font-weight:bold;} .latestblock ul li a.blockHead:hover {text-decoration:underline;color:#F00;} .latestblock h2 {font-size:18px;padding:0;line-height:30px;width:240px;height:30px;color:#FFF;background:#639;margin:-30px 0 0 -30px;text-align:center;font-weight:bold;position:absolute;} .latestblock .blockLocation a {color:#FFF !important;background:#E00;margin-left:0px;padding:0px 3px;text-decoration:none;font-size:10px;position:absolute;margin-top:77px;} .latesthome {background:#feeaab url(/imnew/latest-bg.gif) 0 0 repeat;padding:30px 10px 10px 20px;} .latesthome ul li a.blockImage img {width:140px !important;border:none;height:93px;} .latesthome ul {width:460px !important;float:right;} .latesthome ul li.compn {width:143px;height:155px;} .latesthome h2 {width:164px;margin-right:-10px;position:relative;float:right;} .latestvideo {background:#555 url(/imnew/latestvideo-bg.gif) 0 0 repeat;} .latestvideo h2 {background:#CCC;color:#333;} .latestvideo ul li {position:relative;line-height:13px;height:150px;} .latestvideo ul li b {width:210px;height:50px;display:block;position:absolute;left:0;top:90px;background:#000;filter: alpha(opacity=7); -moz-opacity: 0.7; opacity: 0.7;z-index:2;float:left;} .allvideonews {width:130px;margin:-22px 5px 0 0;color:#FFF;} .tvarchive {background:#FFF url(/imnew/h2-bg.gif) 0 0 repeat !important;} .tvarchive h2 {color:#FFF !important;background:#4e318b;} .roundgreybg {display:block;text-align:center;background:#FFCC00;padding:5px;margin-top:30px;} .videotext {height:40px;width:210px;font-size:11px; background:url(/imnew/play-s.gif) 10px 0 no-repeat;color:#FFF;text-decoration:none;line-height:12px;display:block;position:relative;margin-top:-46px;z-index:2;} .videotext span {margin-left:40px;display:block;} .videotext:hover {text-decoration:underline;color:#FF9900;background-position:10px -100px;} .tvoetv {width:300px;height:350px;overflow:hidden;background:#573680 url(/imnew/tvoe-tv-bg.gif) 0 0 no-repeat;position:relative;float:left;clear:both;margin:10px 0;clear:both;display:inline;} .tvoetv .tvoetmb {position:absolute;left:25px;top:85px;z-index:2;} .tvoetv .tv {width:300px;height:350px;position:absolute;left:0;top:0;z-index:3;} .tvoetv .tv img {width:300px;height:350px;} .tvoetv h2 {width:260px;position:absolute;top:250px;left:20px;z-index:2;color:#FFFF66;text-shadow:#000 1px 1px 1px;font-size:24px;line-height:24px;} .joinBlock {padding:10px 0 10px !important;} .joinBlock h2 {background:#FFF;color:#639;text-align:left;font-size:32px;margin-left:0;margin-top:0px;position:relative;height:50px;padding-top:10px;} .register {background:url(/imnew/register.gif) 0 0 no-repeat;width:186px;height:49px;line-height:49px;text-align:center;color:#FFF;display:block;margin-top:15px;text-decoration:none;text-shadow:#000 1px 1px 0;} #zmolo {display:block;color:#999;font-size:.6em;text-decoration:none;width:80px;margin-top:30px;} .onthemap {width:60px;height:60px;background:url(/imnew/onthemap.gif) top right no-repeat;float:right;text-decoration:none;} .onthemap span {color:#9966ff;font-size:18px;padding-top:30px;display:block;} #ssf {clear:both;margin-top:10px;position:absolute;z-index:2;width:168px;} .searchtype {float:right;width:200px;font-size:11px;margin-bottom:5px;line-height:6px;clear:both;padding:0;vertical-align:center;} .searchtype input {border:none;padding:0;margin:0;} .searchtype em {padding:5px 10px 0px 5px;font-style:normal;line-height:12px;vertical-align:top;} .folded-arrow {width:22px;height:30px;position:absolute;background:url(/imnew/folded-arrow.gif) 0 0 no-repeat;left:-10px;top:15px;} .folded-arrow-l {width:73px;height:64px;position:absolute;background:url(/imnew/folded-arrow-l.gif) 0 0 no-repeat;left:-7px;top:88px;z-index:3;} .searchbox {border:#CCC solid 1px;background:#EEE;margin-top:5px;height:100px;} .searchbox div.hld {margin:15px 0 15px 15px;width:170px;} .searchbox div.fe {border:#777 solid 1px;background:#FFF;height:30px;float:none;margin:0;} .searchbox div.fe input {width:150px;margin:2px 0 0 2px !important;color:#777;background:#FFF;border:none;} .tbl {margin:0;padding:0;list-style:none;clear:both;float:left;width:100%;} .tbl li {float:left;width:100%;padding:3px 0;} /*.tbl li li span {display:block;padding:5px 0 20px 20px;}*/ .tbl li.line {border-bottom:#EEE dotted 2px;} .tbl li.line:hover {border-color:#E00;} .tbl li.head {border-bottom:#0099CC dotted 2px;background:#FFF;} .tbl li.head li {font-size:18px !important;color:#CC0000;text-shadow:#EEE 1px 1px 0;} .tbl li ul {list-style:none;border:none;margin-left:0px;padding:0;display:block;} .tbl li ul li {display:block;border-bottom:none;float:left;} .largefont {font-size:16px;} .beigebg {background:#265482 url(/imnew/bg-header.gif) 0 0 repeat !important;} .beigebg span, .greenbg span {padding-left:10px;color:#FFF !important;text-shadow:none;} .greenbg {background:#393 url(/imnew/bg-header1.gif) 0 0 repeat !important;} li.w3 {width:3%;} li.w5 {width:5%;} li.w10 {width:10%;} li.w12 {width:12%;} li.w15 {width:15%;} li.w20 {width:20%;} li.w21 {width:21%;} li.w25 {width:24%;} li.w30 {width:30%;} li.w35 {width:34%;} li.w38 {width:38%;} li.w40 {width:39%;} li.w45 {width:44%;} li.w50 {width:49%;} li.w55 {width:54%;} li.w60 {width:59%;} li.w65 {width:63%;} li.w70 {width:69%;} li.w75 {width:75%;} li.w80 {width:80%;} #selecttype {display:none;width:100%;} #selecttype div {width:23%;margin-right:2%;float:left;background:#777;color:#EEE;padding:20px 0 40px} #selecttype div:last-child {margin-right:0;} #selecttype div:hover {background-color:#663399 !important;} #selecttype div h2 {color:#FFF;margin:10px;font-size:22px;} #selecttype div ul {padding-left:24px;padding-right:10px;} #selecttype div ul b {margin-left:-14px;font-size:14px;color:#CCCCFF;} #selecttype div .radio {margin:7px;} #selecttype div span {background:#FFCC00;display:block;color:#222;vertical-align:center;line-height:12px !important;} .obligate {color:#C00;display:inline !important;padding-left:5px;font-size:22px;line-height:12px;} .greybox {background:#F3F3F3;padding:30px;} .greybox1 {background:#F3F3F3;padding:20px;margin-top:30px;} .beigebox {background:#FFE9BB;padding:20px;} .horrorbox {background:#FFD7D8 !important;} .prisebox {background:#C6FFC9 !important;} .proposalbox {background:#C6DFFF !important;} .redbox {background:#C00;padding:10px;} .redbox h2 {color:#FFF;} .rborder {border:#DDD solid 2px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;padding:30px;} .viobox {padding:30px;background:#F0E6FF;} .colorgreyd {background:#E6E6E6;border:#ccc solid 1px;} .visible {display:block !important;} .last {margin-right:0 !important;} #errors {border:#F00 solid 5px;padding:20px;} #errors h2 {color:#C00;padding-top:0;} #oks {border:#090 solid 5px;padding:20px;} #oks h2 {padding-top:0;} .hint {padding-left:30px;background:url(/imnew/refr.gif) 0 0 no-repeat;margin:10px 0 0 10px;float:left;color:#F00;font-weight:normal;font-size:11px;} #codeim{border:#CCC solid 1px;} .quickmess {background:#e8e5fe;padding:50px;font-size:14px;color:#000;line-height:18px;} .myaccmenu {} .myaccmenu h2 {font-size:22px;} .mymenu {display:block;width:100%;padding:0;padding-top:10px;} .mymenu li {display:block;border-bottom:#FFF 0px dotted;} .mymenu li.active a {font-weight:bold;color:#FFFFFF;text-decoration:none;background:#c2accd; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;} .mymenu li a {font-size:14px;padding:5px 10px;display:block;} .accinfo {padding:10px 20px;font-size:11px;background:#EEE;margin-top:10px;} .submitlogin {width:150px;height:40px;line-height:40px;text-align:center;color:#FFF;text-decoration:none;float:left;margin:10px 50px;display:inline;} .submitlogin img {width:150px;height:40px;display:block;} .submitlogin span {font-size:14px;text-shadow:#000 -1px -1px 0;margin-top:-40px;position:relative;float:left;width:150px;font-weight:bold;} .logout, .mypagelink {background:url(/imnew/myaccexit.gif) 0 0 no-repeat;height:25px;display:block;margin-top:20px;color:#900;padding-left:30px;margin-left:20px;line-height:25px;font-size:14px;} .logout:hover, .mypagelink:hover {background-position:0 -100px;} .logout span, .mypagelink psan {display:none;} .mypagelink {background-image:url(/imnew/mypagelink.gif);margin-bottom:20px;color:#669900} .imagefield {width:210px;float:left;margin-right:20px;margin-bottom:10px;height:250px;display:inline;} .addreviewimagebox .imagefield {width:190px;margin-right:10px;height:200px;} .imagefieldinfo {width:350px;float:left;font-size:12px;} #butt {width:25px;height:25px;float:right;background-color:#FFF;} .edit {background:#FFF url(/imnew/bt_edit.gif) center center no-repeat;} .save {background:#FFF url(/imnew/bt_save1.gif) center center no-repeat;} .del {background:#FFF url(/imnew/bt_del.gif) center center no-repeat;position:relative;margin-top:-140px;margin-right:5px;} h3 span.imp {margin-right:5px;padding:0px 5px;background:#F00;color:#FFF;line-height:16px;font-size:20px;} .yellowinput textarea {background:#FFFFDD;} .phototitlefield {display:none;clear:both;width:210px;float:left;margin-top:5px;} .phototitle {overflow:hidden;} .phototextinput {width:80%;background:#FFFF99;font-size:11px;padding:5;height:20px;} .variant {background:#6633CC;color:#FFF;float:left;padding:5px 10px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;margin-left:-70px;} .videotype {background:url(/imnew/videotype.gif) 0 0 no-repeat;padding-left:60px;display:block;height:35px;font-size:14px;padding-top:5px;} .youtubetype {background-position:0 -100px !important;} #videoinfo {font-size:14px;color:#FFF;float:left;margin:-10px 0 0 -20px;position:relative;background:url(/imnew/video-info-arr.gif) 0 0 no-repeat;padding:20px 30px 20px 105px;width:300px;padding-top:20px;display:inline;} .viewcount {margin:10px 0;float:right;width:130px;padding:0px 20px;border-left:#CCC solid 1px;font-size:11px;color:#999;text-align:center;} .viewcount b {font-size:28px;display:block;line-height:22px;color:#DDD;text-shadow:#000 1px 1px 0;} .additionalvideos {float:left;clear:both;margin-bottom:10px;} .additionalvideos a {color:#CC99FF} .additionalvideos a:hover {#FFCC00} .debugblock {background:#CC0000;color:#FFCC00;display:inline;} .ratethis {position:relative;width:175px;height:45px;background:url(/im/star-review-i.gif) 0 0 repeat-x;float:left;} #rating1, #rating2,#rating3,#rating4,#rating5 {background:url(/im/star-review.gif) 0 0 repeat-x;position:absolute;width:175px;z-index:2;display:block;height:45px;} #rating4 {width:140px;z-index:3;} #rating3 {width:105px;z-index:4;} #rating2 {width:70px;z-index:5;} #rating1 {width:35px;z-index:6;} #curerntRating {color:#660099;font-size:14px;float:left;line-height:30px;font-style:normal;margin-left:50px;width:102px;text-align:center;} .frm {display:none;clear:both;background:url(/im/review-form-bg.gif) 0 0 repeat;padding:30px 50px;} .frm ul {display:block;text-align:left;list-style:none;width:100%;padding:0;margin:0;} .frm input, .frm textarea {margin-bottom:5px;} .frm ul.hot li {} .frm ul.hot li ul li{float:left;clear:none;margin:0;padding:0;} .frm ul.hot li ul{margin:0;clear:both;} /*.comments {background-image:url(/imnew/latestitems-bg.gif) !important;}*/ ul.hot li ul li.w30{width:20%;} ul.hot li ul li.w69{width:78%;} ul.hot li ul li.w49{width:49%;} .country-name, .hreview .type, .version ,.hreview .tel{display:none;} #delmyitem {width:180px;float:right;background:url(/imnew/butt-del.gif) 0 5px no-repeat;line-height:42px;margin-top:-10px;text-decoration:none;color:#E00;} #delmyitem span {margin-left:10px;display:block;font-size:14px;padding-left:30px;} #delmyitem:hover span {color:#9900CC;} .greybg, .orbg {background:#EEE;padding:2px 7px;} .orbg {background:#FFCC00} .itemhomelink {float:left;background:url(/imnew/itemhomelink.gif) 0 0 no-repeat;width:16px;height:16px;} .itemhomelink span {display:none;} .complainblock .consumerhead{font-size:18px;} .complainblock li img {float:left;width:60px;margin-right:15px;} .complainblock li {margin-bottom:0px !important;clear:both !important;width:100%} .photoadd {float:right;width:300px;} .photodescr {background:#ECECD9;padding:10px;margin-right:330px;} /**COMMENT FORM .frm, .frm3, .frm4 {background:#fff5c3;text-align:center;padding:0;margin-bottom:25px;display:none;border:#FC6 3px solid;margin-top:10px; } .frm3 {padding:20px;} .simpletip {padding:20px;background:#FFE9A4;} .frm4 {background:#EEE;padding:20px;border-color:#DDD;} .frm h2{color:#069;border-bottom:#CCC solid 1px;padding-bottom:10px;} frame{padding:0;margin:0;} .frm1,.frm2{border:#DDD solid 1px;padding:10px;background:#EEE;margin-top:15px !important;float:left;clear:none;width:220px;} .frm2{border-color:#FC0;background:#FF9;}*/ /* .points {background:#567139;width:290px;float:left;margin-bottom:15px;height:30px;overflow:hidden;} .points span {float:left;width:55px;text-align:center;font-size:22px;text-shadow:#000 1px 1px 0;color:#FFFF00;font-style:italic;margin-top:5px;line-height:16px;height:22px;vertical-align:middle;} .points span input {border:none;} COMMENTS LIST ul#reviews {margin:0;padding:0;list-style:none;float:left;margin:20px 0;width:100%;clear:both;} ul#reviews li{clear:both;margin:0;display:block;margin:0;width:100%;float:left;} ul#reviews li.info span {display:block;margin-left:12px;} ul#reviews li.comm{border-top:#CCC dotted 0px;float:left;margin-bottom:20px;background:url(/imnew/bg-comm.gif) 0 0 repeat;} ul#reviews li.comm span {display:block;margin:10px;} ul#reviews strong{color:#669900;font-size:16px;display:block;font-weight:normal;} .userating {width:100px;height:21px;background:url(/imnew/star-user-i.gif) 0 0 repeat-x;float:left;margin-left:0 !important;} .userating span {width:100px;height:21px;background:url(/imnew/star-user.gif) 0 0 repeat-x;float:left;margin-left:0 !important;} .comm em {color:#FF0066;padding:2px 5px;float:right;margin-left:20px;font-style:normal;} */ .runningbox {clear:both;background:url(/imnew/spike-pink.gif) left center no-repeat;border-top:#c06 2px dotted;border-bottom:#c06 2px dotted;border-right:#c06 10px solid;height:40px;margin-top:10px;} .runningholder {margin:10px 15px 0 50px;} #runner {font-size:16px;color:#555;text-decoration:none;} #runner:hover {color:#FF0099;} .footer {clear:both;margin:80px 0 30px;background:url(/imnew/logo-footer.gif) 0 0 no-repeat;float:left;width:100%;} .claim {float:left;width:350px;margin-left:120px;color:#777;font-size:11px;line-height:14px;} .claim b {color:#333;} .footer .phone {float:right;color:#555;width:240px;font-size:11px;line-height:14px;} .footer .phone b {font-size:24px;color:#999;line-height:24px;} .bottomcities {float:left;padding:0;margin:0;} .bottomcities li {padding:0 10px 0 2px;list-style:none;float:left;background:url(/imnew/slash-pink.gif) right center no-repeat;} .bottommenuholder {background:#690;clear:both;margin-top:10px;float:left;width:100%;} .bottommenuholder ul {display:block;padding:0;margin:10px 0;float:left;} .bottommenuholder ul li {float:left;margin-left:25px;list-style:none;} .bottommenuholder ul li a {color:#FFF;font-size:14px;line-height:16px;} #fmenu, #fmenu li ul {clear:both;margin:15px 0;padding:0;width:100%;float:left;} #fmenu li {float:left;width:95px;margin-right:10px;list-style:none;overflow:visible;background:url(/imnew/dot-pink.gif) 0 0 no-repeat;padding-top:5px;} #fmenu li a {font-size:15px;color:#777;} #fmenu li ul {margin-left:-5px;position:relative;float:none;} #fmenu li ul li {clear:both;float:none;list-style:none;margin-left:0;background:url(/imnew/dot-grey.gif) 0 5px no-repeat;padding:1px 0 1px;width:100%;} #fmenu li ul li a {font-size:10px;color:#06C;padding-left:5px;line-height:12px;display:block;margin-bottom:3px;} #fmenu li a:hover {color:#F09 !important;} /*.listimage {width:120px;height:80px;overflow:hidden;background:#DDD url(/imnew/intxt-bg.gif) center center no-repeat;display:table-cell;vertical-align:middle;} .listimage:hover {background:#FF0066;} .listimage img {width:120px;vertical-align:middle;}*/ table.authorinfo td {vertical-align:middle;font-size:1.2em} table.authorinfo span {float:left;width:80%;border-radius:200px;-webkit-border-radius:200px;-moz-border-radius:200px;overflow:hidden;} table.authorinfo span img {display:block;width:100%;} .authorlogo img {width:80%;float:right} .hstars1,.hstars2,.hstars3,.hstars4,.hstars5 {display:inline-block;height:22px;margin-right:10px;background:url(/imnew/star-hotel.gif) 0 0 repeat-x;width:13px;;} .hstars2 {width:26px;} .hstars3 {width:39px;} .hstars4 {width:52px;} .hstars5 {width:65px;} .roundnumber {clear:both;float:left;background:#0099FF;line-height:30px;height:30px;width:30px;text-align:center;font-size:18px;color:#FFF; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;} .countdown {background:#555 url(/imnew/bg-count.gif) 0 0 repeat;width:240px;float:left;} .ttime {width:21px;height:35px;font-size:24px;line-height:35px;float:left;text-align:center;background:url(/imnew/clock-bg.gif) 0 0 no-repeat;color:#000;text-shadow:#CCC -1px -1px 1px} .timehld {float:left;margin-right:7px;} .timehld em {display:block;color:#FFF;font-size:11px;font-style:normal;margin-top:5px;line-height:11px;padding-bottom:3px;} .timehld span {font-size:22px;color:#00FFFF;line-height:27px;} .timehld1 {float:right !important;text-align:center;margin-right:0 !important;} .additional {margin-top:10px;float:left;} .additional .listimage {width:115px !important;height:86px;border:#7da9c1 1px solid;margin-left:5px;margin-bottom:5px;float:left;} .additional .listimage img {width:115px !important;display:block;height:86px;} #quickinfo {background:#e1ebf7;clear:both;float:left;margin-top:10px;width:100%;} #quickinfo div {padding:10px;} #quickinfo h3 {font-size:16px;color:#600 !important;} #viewport-visi {width:100%;height:320px;} #viewports {width:240px;height:320px;} /* LIGHTBOX */ #lightbox{ background:#EEE;padding:0px;border:#CCC solid 1px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;} #lightbox IMG {clear: both} #closeButton{ top: -25px; right: -25px;background:url(/imnew/bt_close.gif) 0px 0px no-repeat;width:21px;height:21px;} #fade{ background:#555; display: none; filter: alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85;} #lightboxImage {margin:10px; display: block;clear:both;} #fadeImageText {color:#333;margin:0 !important;display:block;padding:20px 10px;font-size:12px;line-height:15px;text-shadow:#999 0 0 3px;} #prevButton, #nextButton {width:41px;height:81px;float:left;background:#006666 url(/imnew/arr.gif) 10px 30px no-repeat;position:absolute;z-index:201;left:0;} #prevButton {background-position:10px -170px;} #nextButton:hover {background-position:10px -70px;} #prevButton:hover {background-position:10px -270px;} .transparent {filter:alpha(opacity=10); -moz-opacity: 0.1; opacity: 0.1;} #loginform {padding:20px 20px 0 20px;background:#FFF;width:300px;} .loginformtabs {height:30px;width:250px;} .loginformtabs a {display:block;line-height:30px;font-size:14px;float:left;width:100px;background:#FF6600;border:#6666CC solid 2px;margin-right:5px;border-bottom:none;text-decoration:none;background:#6F68BB;color:#FFF;position:relative;margin-bottom:-2px;} .loginformtabs a span {padding-left:10px;} .loginformtabs a.active {background:#FFF;color:#333;text-shadow:#FFF 1px 1px 0;} .lpanel {background:#FFF;border:#6666CC solid 0px;padding:30px;padding-bottom:0;} .lpanel h2 {font-family:arial,tahoma,verdana;} .tainfobholder {} .lpanel .errmess {margin:0;} #loginbutton {margin-top:40px;} .fieldholder {border:#6699FF solid 2px;background:#FFF;height:30px;width:100%;} #hold_enter2 .fieldholder {border-color:#66CCFF;} .fieldholder input {width:220px;font-size:14px;color:#777;line-height:20px;overflow:visible;border:none;margin-left:10px;height:20px;background:transparent;padding-left:0;} .tainfobholder h2 {margin-top:10px;font-size:14px;color:#333;} .hidden {display:none;} .refresh {width:80px;height:50px;display:block;float:left;padding-top:44px;background:url(/imnew/refresh.gif) center top no-repeat;margin-top:15px;} .h2b2 {margin-right:200px;color:#330000;font-size:22px;line-height:28px;padding-bottom:20px;} .h2b3 {color:#555;font-size:18px;line-height:24px;padding-bottom:20px;} .largr {font-size:20px;} .couponname {font-size:14px;} .partnerlink {width:100%;height:60px;font-size:16px;font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif} .myhowto {font-size:18px;font-style:italic;padding-top:30px;display:block;color:#999900;} .ask {font-size:14px;display:block;text-align:center;color:#663399;margin-top:30px;} .discussform {padding:30px;border:#F99 solid 3px;display:block;} .yoursay {display:block;list-style:none;padding:0;} .yoursay li {display:block;margin-bottom:10px;font-size:1.0em;line-height:140%;padding:10px 31px;border-bottom:#DDD solid 1px;} .yoursay li span {display:block;font-weight:bold;color:#000;text-transform:uppercase} .yoursay li time {display:block;color:#F66;font-size:.7em} .yoursay li:last-child {border:none} /*OFFERS*/ .homeoffersblock {position:relative;float:left;width:100%} .homeoffersblock a.imgoff {position:absolute;left:-100px;top:-10px;float:left;} .homeoffersblock div {float:right;width:200px;margin-left:20px;display:inline;} .homeoffersblock .fname {font-size:16px;line-height:18px;display:block;background:url(/imnew/star.gif) 0 0 no-repeat;padding-left:25px;margin-left:-25px;position:relative;padding-bottom:10px;} .homeofferheader {font-size:20px;line-height:22px;text-decoration:none;font-weight:bold;color:#553496;text-shadow:#CCC 3px 3px 3px;} /*voting*/ .votingheader {padding:60px 30px 30px;background:#C60046} .votingheader h1 {color:#FFF;margin-bottom:30px;} .votingdescr {/*border-left:#C60046 solid 1px;*/background:url(/im/cup.png) center top no-repeat;margin:-50px auto 0px auto;padding-top:90px;color:#111;line-height:190%;text-align:center;width:70%;font-size:1.05em} .votingholder {background:url(/im/cup.png) left top no-repeat;} #govote {text-align:center;} .vlist {list-style:none;padding:0;} .vlist li {width:25%;float:left;margin-bottom:30px;;} .vlist li a {display:block;padding:20px;height:300px;text-decoration:none;color:#333;transition:.3s} .vlist li a span {display:block;overflow:hidden;width:100%;position:relative;-moz-border-radius:500px;border-radius:500px;-webkit-border-radius:500px;border:#FFF solid 10px;transition:.5s} .vlist li a span img {max-height:100%;transition:.3s;min-width:100%;} .vlist li a:hover span {border-color:#C60046} .vlist li a:hover span em {background:#C60046} .vlist li a:hover h2 {color:#C60046;} .vlist li a h2 {color:#000;margin:20px; text-align:center;} .vlist li a b {font-weight:normal;display:block;} .vlist li a span em {position:absolute;top:50%;margin-top:-15px;background:#C60046;color:#FFF;height:30px;line-height:30px;font-style:normal;display:inline-block;bottom:30px;right:0;padding:0 20px;} .projectrubric {padding:30px 60px;margin:0 0 30px;text-align:center;color:#FFF;background:url(/im/lviv-pave.jpg); background-size:cover;background-position: fixed;} .projectrubric a {margin:-65px auto 90px;display:block;} .projectrubric b {width:80%;margin:0 auto;} .projectrubric p {width:32%;font-size:1em;text-align: left; padding:0px 30px;display:inline-block;box-sizing:border-box;vertical-align: top;} .hlibquiz { display: block; text-align: center; height: 200px; box-sizing: border-box; padding-top: 40px; line-height: 100%; text-decoration: none; font-family: "Times new Roman"; font-size: 96px; font-style: italic; background: url(/media/quiz/bread/im/2.jpg); color: #fff; margin-top: 30px; background-attachment: fixed; transition: .6s; } .hlibquiz:hover { font-size: 112px; color: #fff; padding-top: 20px; } .hlibquiz:hover span { letter-spacing: 5px; } .hlibquiz span{ font-size: 42px; display: block; line-height: 44px; color: #ffcc00; padding-bottom: 40px; transition: .6s; } .maindisc .heading { position: relative; text-decoration: none; display: block; overflow: hidden; } .maindisc .heading:before { content: ""; position: absolute; background: #5100b2; top: 0; bottom: 0; width: 100%; transition: .3s; opacity: .2; -webkit-opacity: .2; } .maindisc .heading:hover:before { opacity: .7; -webkit-opacity: .7; } .maindisc .heading img { width: 100%; } .maindisc .heading span { position: absolute; z-index: 1; width: 320px; top: 0; left: 50%; margin-left: -160px; height: 30px; line-height: 30px; color: #fff; text-align: center; font-size: 1.2em; background: #684691; } .maindisc .heading time { position: absolute; z-index: 1; width: 100%; top: 100px; font-size: 3.8em; white-space: nowrap; color: #fff; text-align: center; font-family: Roboto; font-weight: 100; } .maindisc .heading:hover span { background: #fc0; color: #684691; } .maindisc .heading h1 { box-sizing: border-box; position: absolute; bottom: 100px; text-transform: uppercase; width: 100%; color: #FFF; font-size: 3em; line-height: 110%; padding: 0 20%; text-align: center; } .maindisc .anno { padding: 70px 15%; width: 100%; box-sizing: border-box; color: #fff; font-size: .95em; line-height: 170%; position: relative; margin-top: -40px; } .maindisc .anno:after { content: ""; background: #4c336a; position: absolute; left: 40px; top: 0; bottom: 0; right: 40px; z-index: 0; -ms-transform: skewY(-2deg); -webkit-transform: skewY(-2deg); transform: skewY(-2deg); } .maindisc .anno:before { content: ""; background: #fff; position: absolute; left: -40px; top: 0; bottom: 0; right: -40px; z-index: 0; -ms-transform: skewY(2deg); -webkit-transform: skewY(2deg); transform: skewY(2deg); } .maindisc .anno > div { position: relative; z-index: 1; } .maindisc .anno p { padding-bottom: 10px; } .maindisc .anno a { color: #fff; } .maindisc .devider { height: 1px; } .maindisc.dview .anno > div { display: none; } .maindisc.dview .anno:after { content: none; } .maindisc.dview .videodis { margin-top: -150px; margin-bottom: 40px; } .maindisc.dview .videodis > div:before { bottom: 0; -ms-transform: skewY(-4deg); -webkit-transform: skewY(-4deg); transform: skewY(-4deg); background: #eee; } .videodis { margin: -30px 0 0; text-align: center; position: relative; z-index: 2; } .videodis > div { margin: 0 auto; padding: 40px; display: inline-block; position: relative; } .videodis > div:before { content: ""; background: #fff; position: absolute; left: 0; top: 0; bottom: 100px; right: 0; z-index: -1; -ms-transform: skewY(2deg); -webkit-transform: skewY(2deg); transform: skewY(2deg); } .videodis iframe { margin: 0 auto; } .prevdisclist { text-align: center; margin-bottom: 80px; } .prevdisclist h1 { font-weight: normal; padding: 20px 100px; display: inline-block; margin: 30px auto; color: #4c336a; border-bottom: 1px solid #4c336a; font-size: 1.1em; letter-spacing: 1em; text-transform: uppercase; } .discfeedback { text-align: center; margin: 60px 0; } .discfeedback h2 { text-transform: uppercase; margin-bottom: 50px; color: #000; } .discfeed-cta { text-transform: uppercase; text-decoration: none; color: #fff; background: #900; padding: 30px 60px; font-size: 1.1em; font-weight: bold; } .disclist { text-align: center; } .disclist a { width: 49%; text-decoration: none; display: inline-block; height: 300px; position: relative; overflow: hidden; } .disclist a img { height: 100%; } .disclist a h2 { position: absolute; bottom: 60px; right: 50px; font-size: 2em; font-weight: bold; color: #fff; width: 50%; text-align: right; line-height: 110%; } .disclist a:before { content: ""; top: 0; bottom: 0; width: 100%; background: #351e51; opacity: .5; position: absolute; -webkit-opacity: .5; -ms-transform: skewX(-25deg); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); transition: .4s; } .disclist a:nth-of-type(2n+1):before { margin-left: 200px; } .disclist a:nth-of-type(2n) h2{ left: 50px; right: auto; text-align: left; } .disclist a:nth-of-type(2n):before { margin-left: -200px; } .disclist a:hover:before { opacity: .8; -webkit-opacity: .8; background: #5100b2; } .discview { width: 70%; margin: 0 auto; } .discitem { margin: 30px 0; } .discitem > div { display: inline-block; width: 49%; vertical-align: top; } .dischead a { padding-left: 100px; transition: .3s; text-decoration: none; display: block; } .dischead a:before { content: ""; width: 40px; height: 40px; border-radius: 40px; background: #5100b2; margin-left: -100px; float: left; transition: .4s; } .dischead a:hover h2{ color: #5100b2; } .dischead a:hover:before { background: #fd0; } .dischead a h2 { color: #000; line-height: 130%; font-size: 1.2em; padding-right: 50px; } .dischead .dauthor { margin: 100px 50px 0 100px; font-size: .9em; display: block; } .dischead .dauthor b { display: block; } .discinfo > a { display: block; position: relative; overflow: hidden; text-decoration: none; } .discinfo > a:after { content: ''; position: absolute; left: 0; right: 0; bottom: -60px; height: 80px; background: #fff; transform: skewY(-4deg); } .discinfo img { max-width: 100%; display: block; transition: .3s; } .discinfo > a:hover img { transform: scale(1.1); } .discinfo h3 { color: #333; font: italic normal 1.2em/130% Georgia, "Times New Roman", serif; display: block; padding-bottom: 80px; position: relative; padding-right: 60px; } .discinfo h3:after { content: ""; position: absolute; width: 30px; height: 10px; background: #5100b2; left: 0; bottom: 0; } .discinfo h3:before { content: ',,'; position: absolute; top: -50px; right: 0; color: #d1b9ee; font-size: 6em; letter-spacing: -10px; } .debatesform { padding: 30px; display: none; width: 600px; margin: 0 auto; text-align: left; } .discfeedback.active .discfeed-cta { display: none; } .discfeedback.active .debatesform { display: block; } #errmess h2 { margin-bottom: 0; } #errmess #errors { position: fixed; left: 0; right: 0; top: 53px; z-index: 10; background: #fff; } .req:after { content: "*"; display: inline; padding-left: 5px; color: #f00; } .boxlist {list-style:none;margin-bottom: 0;} .boxlist img {width:35px;margin-right:10px;float:left;display: none;} .boxlist li {padding:5px 0;float:left;width:100%;} .boxlist li a {text-decoration:none;display:block;font-size:14px;line-height:25px;} .bloglist {text-align: center;} .bloglist li {vertical-align:top;width:24.5%;float:none;display: inline-block;box-sizing: border-box;} .bloglist li span {float:left;} .boxlist li a {line-height:16px;color: #fff;} .qty {color:#F00;font-size: 11px;margin-left:5px;vertical-align:top;display: inline-block; width: 16px;height: 16px;line-height: 16px; border: #f00; color: #9b83b9;border-radius: 20px;border: #9b83b9 solid 1px;text-align: center;} .bloggerinfo {;margin-bottom:20px;padding:20px;background:#333;box-shadow:#777 3px 3px 7px;border-bottom:#000 solid 1px;} .bloggerinfo img {float:left;width:50px;border:#FFF 1px solid} .bloggerinfo h2, .bloggerinfo div {float:none;margin-left:130px;color:#FFF;} /*********************STUFF******************/ .blogs .blogger {display:block;color:#000;text-decoration:none;font-weight:bold;position: relative; text-align: center;} .blogs .blogger em {clear: both; font-weight: normal; display: block;} .blogs .blogger b {width:110px;height:110px;border-radius: 110px;border:20px solid #fff;box-sizing: border-box;display: inline-block;position: relative;background-position-x: center;} .blogs .blogger b:after {content: '';position: absolute; top: -10px;left: -10px; right: -10px; bottom: -10px; border-radius: 140px; border: #ddd solid 1px;z-index: -1px;transition: .4s;} .blogs .blogger:after {content:'';width: 80%; position: absolute; z-index: -1; height: 1px; background: #DDD; top: 50px;left: 10%; transform: rotate(-15deg);transition: .4s;} .blogs .blogger:hover:after {transform: rotate(5deg);background: #6715ca;} .blogs .blogger:hover b:after {border-color: #6715ca;top: 0px;left: 0px;right: 0;bottom:0;} .blogs .blogger img {float:left;margin-right:15px;width:70px !important;} ul.articles.blogs>li {position:relative;} ul.articles.blogs>li:before {content:" ";width:1px;height:20px;position:absolute;left:50%;top:0px;} ul.articles.blogs>li:after {content:none} ul.articles.blogs li.announce {clear:both;float:left;width:100%;margin:0;} ul.articles.blogs li.announce a {color: #444; text-decoration: none; line-height: 140%;font-size: 13px;} ul.articles.blogs time {white-space:nowrap;font-weight:normal;display:block;font-size:.7em;float:none;color:#F33;margin-top:10px;text-transform: uppercase;border-top: 1px solid #ffd8d8;padding-top: 5px;} /*.blogs li:nth-child(3n) {margin-right:0;}*/ .blogs .fr {margin-right:0} .blogger:hover {color:#F00 !important;} b.blogger {text-decoration:none !important;} .bloggername {margin-left:15px;font-size:12px;color:#FF3300;} .partners a {margin:0 10px 10px 0;} .topblogger {font-size:20px;color:#333;text-decoration:none;} .bloggerprofile {text-align: center;position: relative;} .bloggerprofile:before {content:'';width: 50%; position: absolute; z-index: -1; height: 1px; background: #DDD; top: 120px;left: 25%; transform: rotate(-15deg);transition: .4s;} .bloggerimagel {width:240px;height:240px;border-radius: 200px;border:30px solid #fff;box-sizing: border-box;display: inline-block;position: relative;background-position-x: center;background-position-x: center;background-size: cover;} .bloggerimagel:after {content: '';position: absolute; top: -20px;left: -20px; right: -20px; bottom: -20px; border-radius: 300px; border: #ddd solid 2px;z-index: -1px;transition: .4s;} .blogread .bloggerimagel {width:180px;height:180px;border-radius: 200px;border:30px solid #fff;box-sizing: border-box;} .blogread h1.nheader {text-align: center;} .blogread .bloggerprofile h1 {font-size: 18px;padding-bottom: 0;line-height: 20px;} .blogread .bloggerinfol p {display: none;} .blogread .bloggerprofile:before {top: 90px;width: 40%;left: 30%;} .blogread .bloggerimagel:after { top: -10px;left: -10px; right: -10px; bottom: -10px;} .blogread .bloggerimagel:hover:after {top: -20px;left: -20px; right: -20px; bottom: -20px;} .bloggerinfol {text-decoration: none;} .bloggerinfol .slideheader {display: block !important;font-size: 22px;line-height: 22px;padding-bottom: 10px;clear:both;} .bloggerinfol p {padding-bottom:5px;line-height:140%;padding-bottom: 60px;margin: 0 auto;max-width: 600px;} .bloggerinfol .ordate {margin-bottom:0;} .bloggerhome p {color:#000;} .bloggerhome h1 {font-weight: normal;font-style:italic;} ul.blogs {text-align: center;} ul.blogs > li {width:24.5%;display: inline-block; text-align: left;box-sizing: border-box;padding: 20px 20px 40px;float: none;vertical-align: top;} .blogs li.image {width:100% !important;} .blogs li.image .blogger {margin-top:0 !important;width:auto} .blogs li.image img {float:left;} .blogs .lh {margin-right:0;text-decoration: none; text-transform: uppercase; font-size: 16px; font-weight: bold;color: #333; line-height: 140%; margin: 20px 0; display: block;} .bloggergeneral .blogs .lh {border-bottom:none;margin-top:5px;margin-right:0;} .twowords {display:block;padding:0px 0 20px;font-style:normal;margin-bottom:20px;line-height:120%;font-weight:bold;color:#777;display: none;} .blogsblock { padding: 60px 0; } .blogsblock .boxtitle { font-family:"Noto Sans","Exo 2",Arial,Helvetica,Tahoma,verdana,sans-serif; display: block; text-align: center; font-size: 18px; text-decoration: none; color: #999; text-transform: uppercase; letter-spacing: 3em; } .blogsblock .blogs .blogger b { width:160px;height:160px;border-radius: 160px; } .blogsblock .blogs .blogger:after {top: 75px;} .bbl { padding: 70px 0%; width: 100%; box-sizing: border-box; color: #fff; font-size: .95em; line-height: 170%; position: relative; clear: both; } .bbl:before { content: ""; background: #4c336a; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: -1; -ms-transform: skewY(-2deg); -webkit-transform: skewY(-2deg); transform: skewY(-2deg); } .blogread .readinfo { position: relative; width: 100%; float: none; } .blogread .readinfo time em { display: none; } .blogread .read { margin-left: 0; } .blogread .socials-vitems { display: none; } .blogread .socials-items { text-align: left; } .socials-items.blog-social { padding: 15px 0; border-bottom: #eee solid 1px; margin: 0 0 20px; } .blogread .articlestat { margin: 0; display: inline-block; margin-left: 50px; } .blogread .articlestat span { display: inline-block; margin-right: 20px; font-size: 14px; } .blogread .articlestat span b { margin-right: 5px; width: 20px; height: 20px; background-size: 100%; background-position: 0 3px; } .blogread .articlestat span.statcomm b { background-position: 0 -60px; } .blogread.colw { width: 90%; margin: 0 5%; } .blogread.colw + aside { display: none; } /* google sce */ .gsc-control-cse { padding: 0 !important; } .admark { color: red; margin-bottom: 5px; display: block; font-size: 10px; letter-spacing: 3px; text-transform: uppercase; } /*---------------------------------------------------------------------*/ @media only screen and (max-width: 1200px){ .brd {width:95%;max-width:95%} .mnewsWideText {position:absolute;right:0;} .mnewsButtons {display:none;right:0;} .colw {width:67%;} } @media only screen and (max-width: 1100px){ .sqhvert {display:none;} .colrheadline {margin-right:0;} .colw {width:64%;} #mnewsWideText a {font-size:2.2em;line-height:110%} #nmenu li a {padding:0 10px;} .topmenu li {margin:0 10px;} .rubricbar {font-size:6em} .readinfo {width:100px;} .readinfo time em {font-size:3em} .read {margin-left:130px;} .rubricmainheader {margin-left:360px;position:relative;z-index:2} .clist li a {padding:18px;height:260px;} } @media only screen and (max-width: 900px){ .sqheader {display:none;} .actualno {margin-left:0;} .newcatblock section {width:20%;} .newcatblock section:nth-child(6n) {display:none} /*.colw {margin-right:0;width:100%}*/ .colrheadline {width:30%} .colr {width:30%} #bannplace_right1 img,#bannplace_right1 a, #bannplace_right1 embed {width:100%;} /*.rubricmainimage {width:60%;margin:0;} .rubricmainimage img {min-height:100%;width:auto;} .rubricmainheader {width:40%;float:left;margin:0;}*/ .rubricmainheader {clear:both;margin-left:0;width:100%;height:auto;margin-top:-40px;} .rubricmainimage {width:100%;margin:0;height:300px;} .rubricmainheader a {padding:20px;} .rubricmain {height:auto;} .companynews ul {margin-left:0;} .hreview, .hcomment {margin-right:0} .offers {width:100%;} .offers section a.flaglink {font-size:1em} .posterimage {height:500px;} .rubricbar {font-size:5em} .one-third {width:33.33%} .threecols {width:50%;} .threecols:nth-of-type(2n){clear:both;} .cooler {line-height:110%} /*cat*/ .cinfo {margin-left:0;margin-right:200px;padding-right:20px;} .colr1 {margin-left:20px;width:170px;} .elinfo #votes {font-size:4em} .ellink, .coffee {letter-spacing:0;} .clist li {width:25%} #bannplace_supertop img {width: 100%;} } @media only screen and (max-width: 800px){ .catalogbut {width:50px;} .catalogbut span {display:none;} .livebut span, #login span {display:none;} #logo, #logo img {width:100%;height:auto;} .log-in {margin-right:0;} #nmenu li a {padding:0 5px;} .topmenu li {margin:0 5px;} .mnewsWideImage {width:400px;height:300px;} #mnewsWideText {margin-left:420px;} #mnewsWideText a {margin:30px;} .slideholder {height:300px;} .spbody .spheader {font-size:3em;left:60px;width:50%} .actualno .cola:last-child {display:none;} .actualno .cola {width:45%} .actualno .cola:nth-child(2n) {margin-right:0;float:right;} #bannplace_top728 img, #bannplace_top728 object, #bannplace_top728 embed {width:100%;} footer section {width:100%;} .posterimage {height:400px;} a.posterimage em {padding:20px;width:30%} .postertitle {font-size:2em} .rubricbar {font-size:4em} .recommendbox {padding:20px;} .allnews .newslist li {width:47%;margin-right:6%} .allnews .newslist li:nth-child(3n) {margin-right:6%} .allnews .newslist li:nth-child(3n+1) {clear: none !important;} .allnews .newslist li:nth-child(2n+1) {clear: both !important;} .allnews .newslist li:nth-child(2n) {margin-right:0 !important;} .readinfo {width:100%;clear:both;float:none;position:relative;margin-bottom:20px;} .readinfo time em {font-size:2em;padding-bottom:10px} .read {margin-left:0px;} .socials-vitems, .articlestat {display:none} .relative ul li a span {width:100%;} .relative ul li img {display:none} .rlist li {width:46%;margin-right:8%} .rlist li ul {display:block;margin:0;padding:0;list-style:none;} .rlist li ul li {margin-right:0;padding:0;border:none;padding:0 !important;background:none;margin-bottom:20px !important} .rlist li:nth-child(4n),.rlist li:nth-child(2n) {margin-right:0;float:right;} .rlist li:nth-child(4n+1) {clear:none} .rlist li:nth-child(2n+1) {clear:both} ul.listblocks {display:block;padding:0;margin:0;list-style:none;} ul.listblocks li {float:left;width:30%;margin-right:5%;} ul.listblocks li:nth-child(5n) {margin-right:5%;} ul.listblocks li:nth-child(5n+1) {clear:none;} ul.listblocks li:nth-child(3n) {margin-right:0;} ul.listblocks li:nth-child(3n+1) {clear:both;} .contestitemview img {width:100%} .imageframe {height:200px;} .staticlight h1 {bottom:20px;font-size:3em;} /*#bannplace_ad728read {display:none}*/ .vlist li {width:33.3333%} ul.blogs > li {width:33%;} .bloglist li {width:40%;} } @media only screen and (max-width: 680px){ .pageheader {margin:0;} #logo, .catalogbut, .livebut a img {margin:0;} #lscreens {display:none;} #smscreens {display:block;background:#FFF} #mnewsWideText a {font-size:1.8em;} .slideholder {height:500px;} .mnewsWideImage {width:100%;height:360px;} .fl {width:100%} #mnewsWideText {position:relative;clear:both;margin:0;width:100%;height:auto;} .newsrating {background:none;} .coldevider {display:none;} .companynews, .companyrating {width:100%;} .offers {display:none;} #bannplace_top728 {display:none} .posterimage {height:300px;} /*menu*/ .topmenu {display:none;margin:0;position:absolute;top:0;left:0;width:100%;z-index:5} .topmenu li {display:block;margin:0;margin-bottom:1px;} .topmenu li a {display:block;line-height:40px;font-size:1.1em;background:#EEE} #nmenu {border:none;display:none;margin:0;position:absolute;top:0;left:0;width:100%;z-index:5} #nmenu li {display:block;margin:0;margin-bottom:1px;} #nmenu li a {display:block;line-height:40px;font-size:1.1em;background:#4c326d;color:#FFF;} #menu {border:none;display:none;margin:0;position:absolute;top:0;left:0;width:100%;z-index:5} #menu li {display:block;margin:0;margin-bottom:1px;} #menu li a {display:block;line-height:40px;font-size:1.1em;background:#4c326d;color:#FFF;} #breadcrumbs {display:none} .likecatbutton, .livebut, .likelogin, .likesearch {width:25%} .likelogo {display:none;} #mobilefloat {display:block;margin-top:0;} .rubricbar {font-size:3em} #bannplace_right1 {display:none;} .pager {margin-top:0} .pager b {display:none} h1.nheader {font-size:1.7em} .staticimage h1 {color:#000;font-size:2.2em} .relative ul {background:none;} .relative ul li {width:100%;} .relative ul li a {margin:0px;} .relative ul li:nth-child(2n) a {margin:0} .newcatblock .sheader {margin:10px 0;} .newcatblock section {width:40%} .d40 {padding-top:10px;color:#FFF;} .recommendbox {border:none;background:#EEE} .frm {padding:0 !important;} .frm ul.hot li ul li {clear:both;display:block;float:none !important;width:100% !important;} .moresp {margin:0;} .spbody .posterimage {height:auto} .staticimage p {margin:0;color:#666;width:100%;} .staticimage h1 {position:relative;bottom:10px;} .staticimage .staticfader {display:none} .staticread {margin:20px auto;width:100%;} h2.cooler, .spbody h2 {line-height:110%} .context p {width:100%;} ul.listblocks li {width:46%;margin-right:8%;} ul.listblocks li:nth-child(5n) {margin-right:8%;} ul.listblocks li:nth-child(5n+1) {clear:none;} ul.listblocks li:nth-child(3n) {margin-right:8%;} ul.listblocks li:nth-child(2n) {margin-right:0;clear:none;} ul.listblocks li:nth-child(2n+1) {clear:both;margin-right:8%;} #govote .addphoto {margin-top:-20px;height:100px;width:100px;} #govote .addphoto span {margin:35px 0;width:100px;} .splisthome li {width:50%;} .splisthome li:nth-child(2n) {clear:none;} .splisthome li:nth-child(2n+1) {clear:both;} .staticlight h1 {padding-left:0} /*cat*/ .isityour {top:-10px;right:10px;font-size:.7em;width:70px;height:70px;line-height:110%;padding-top:0;} .isityour span {margin-top:25px;display:block;} .cinfo {margin-right:0;padding-right:0px;width:100%;border:none} .colr1 {margin-left:0px;width:100%;margin-top:20px;float:none;} .socials-items {margin-bottom:10px;padding-top:10px;} .socials-items .socials-items-item {margin:0;/*width:100px;*/} .bioinfo img {width:120px;margin-left:0;} .bioinfo h1 {font-size:2em} .bioinfo h2 {font-size:1.4em} .ellink, .coffee {padding-top:0;background:none} .clist li {width:33.333%} ul.blogs > li {width:32%;} .bloglist li {width:30%;} .maindisc .heading h1 {bottom: 60px; font-size: 1.8em; padding: 0 15%; line-height: 120%;} .maindisc .heading span {display: none;} } @media only screen and (max-width: 600px){ .colw {width:100%;padding:0 10px;box-sizing:border-box;background:none;} .colrheadline {clear:both;width:100%;} .colr {width:100%;clear:both;margin-top:30px;} /*.informers {display:none}*/ .lpanel {padding:10 !important;} #loginform {width:90%;padding:0;} #cboxMiddleLeft, #cboxMiddleRight {display:none;} .greybox {padding:10px;} .greybox .tbl li ul li, .viobox .tbl li ul li {clear:both;display:block;float:none;width:100%;} .rules {padding: 40px 20px 100px;} .tmtv {font-size:3em} h2.cooler {font-size:1.6em} .one-third {clear:both;width:100%;margin-right:0} .pt100 {padding-top:20px;} .vlist li {width:50%} .morecand {padding:0 10px;} .morecand a b {font-size:1em} .hlibquiz { line-height: 44px; font-size: 36px; padding: 40px 0; height: 180px; } .hlibquiz:hover { font-size: 44px; padding-top: 40px; } .hlibquiz span { font-size: 22px; line-height: 24px; } ul.blogs > li {width:49%;} .bloglist li {width:49%;} .bloggerprofile:before {width: 80%; top: 80px;left: 10%; } .bloggerimagel {width:160px;height:160px;} .bloggerimagel:after {top: -10px;left: -10px; right: -10px; bottom: -10px;} .bloggerhome h1 {font-size: 24px;} .bloggerinfol p {padding-bottom: 30px;} } @media only screen and (max-width: 480px){ .brd {width:100%;max-width:100%;} .livebut a img {width:24px;height:auto;margin-top:3px;} .livebut a {line-height:32px;margin:0;float:none;text-align:center;display:block;} .catalogbut, .search {display:none;} .catalogbut1, .searchbutt1 {display:block;text-align:center;} .search {position:absolute;width:100%;left:0;} .logdiv {width:100%;margin-top:3px} .log-in {display:block;float:none;text-align:center;} .logdiv a img {float:none;} .slideholder {height:500px;} .mnewsWideImage {width:100%;height:300px;} .cola {width:100%;} .actualno .cola {width:100%} .colw {width:100%;} .actualno .cola:nth-child(2n), .actualno .cola:nth-child(3n) {display:none;} ul.newslist,.readinfo, .relative ul li, div.allnews {margin-left:10px;margin-right:10px;width:auto;} .newslist li a {font-size:1.1em} div.allnews .newslist {margin:0;} .allnews li.noimage time {width:auto;} .ctype1 .cblockheader {padding:0 10px;} .ctype1 time {margin-left:10px;} a.allnews {background:#F66;color:#FFF;margin-left:10px;} .read .main, .read p, .nheader{margin-left:10px;margin-right:10px;} #logofloat img {margin-left:10px; } .spbody .spheader {font-size:2em;width:100%;color:#333;position:relative;left:0;margin-left:0} .spbody .read {margin-right:0;} .spheader {font-size:2em;} a.posterimage {clear:both;float:left;width:100%; height:auto;margin-top:20px;text-decoration: none;} .postertitle {position:relative;width:100%;color:#555; margin:20px 0;top:auto;clear:both;left:0;padding: 0 20px;box-sizing: border-box;} .wadholder {display:none;} .rubricmainimage {height:240px;} .rubricbar {font-size:2em} footer section {background:none;} .techstaff, .disclaimer {clear:both;width:auto;margin:10px;text-align:center;} .socials a {float:none;display:inline-block;} .portfolio {padding:20px;} .ivideo {margin:0 0 20px;clear:both;width:100%;} .context p {font-size:1.2em} .context p.complaintext {width:100%} .complainlist li {border-width:2px;} .partnerad {padding:20px;} .partnerad img {width:60%;} .contestinfo {width:100%;} ul.listblocks li {width:49.5%;margin-right:1px;margin-bottom:1px;} ul.listblocks li:nth-child(2n+1) {margin-right:1px;} .conteststat {width:40px;background:#333;padding:0;color:#FFF;display:block;height:30px;line-height:30px;position:relative;margin:-30px auto 0;} .imageframe {height:160px;} .spitem b {margin:20px 20px 20px 0} .spname {padding:0 0 20px;line-height:120%} .splisthome {font-size:1.6em} #mapwin {height:320px;} .telephone {width:100%;font-size:1.7em;box-sizing: border-box;} /*cat*/ #submenu {padding:10px;} #submenu .col {width:100%;display:none} .toggler {display:block;} .rlist li {clear:both !important;margin-right:0 !important;width:100% !important;} .rlist li:nth-child(4n),.rlist li:nth-child(2n) {margin-right:10px;float:left;} .rlist li ul li.w70 {width:auto !important;margin:0 10px !important;} .rlist li a.headlink {margin:0} .rlist li a img {width:33%;margin-left:10px;} #titleholder {padding:20px 20px 60px;} #titleholder h1 {font-size:2em} .reviewrating {left:10px;top:5px;} .mainimage {margin-top:20px;} .cinfo,.colr1 {margin-right:10px;margin-left:10px;width:auto;padding-bottom:0;} #submenu div ul li a {padding:5px 0;font-size:1.1em} #reviews, #reviewform {margin:0 10px 0 10px !important} .hreview .rating {float:left;} ol, ul {padding-left:0} .pt40 {padding-top:20px;} .threecols {width:100%;} .threecols img, .threecols div {width:100%} .clist li {width:50%} .clist li a{height:280px;} .vlist li a{height:200px;} .ellink, .coffee {font-size:.9em;margin-left:10px;text-align:left;line-height:100%;} .above480 {display:none} ul.blogs > li {width:80%;margin-bottom: 0;} .bloglist li {width:80%;} .blogsblock .boxtitle {letter-spacing: 1.4em;} .maindisc .anno {padding: 20px 10%; margin-top: -15px;} .maindisc .anno:before {display: none;} .maindisc .anno:after {width: 100%;left: 0; right: 0;} .maindisc .heading h1 {bottom: 30px; font-size: 1.4em; padding: 0 10%; line-height: 120%;} .prevdisclist h1 { letter-spacing: .2em; padding: 0; } .disclist a { width: 100%; height: 200px; display: block; border-top: #fff solid 1px; } .disclist a img{ width: 100%; } .disclist a:before, .disclist a:nth-of-type(2n+1):before, .disclist a:nth-of-type(2n):before { margin: 0; -ms-transform: none; -webkit-transform: none; transform: none; } .disclist a h2, .disclist a:nth-of-type(2n) h2 { bottom: 20px; left: 20px; right: 20px; top: 20px; font-size: 1.5em; text-align: left; width: auto; line-height: 120%; font-weight: normal; letter-spacing: 1px; } .discview { width: 100%; box-sizing: border-box; padding: 0 20px; } .discitem { margin: 10px 0; padding: 0 0 30px ; } .discitem:after { display: block; position: absolute; border-top: 1px solid #d1b9ee; left: 0; right: 0; content: ''; transform: skewY(-4deg); } .discitem > div { display: block; width: 100%; } .dischead a { padding-left: 50px; } .dischead a:before { margin-left: -60px; } .dischead a h2 { margin: 0; padding: 0; font-weight: normal; font-size: 1.4em; } .dischead .dauthor { margin: 10px; } .discinfo > a { margin: 0 -20px; } .discinfo h3 { padding-bottom: 30px; padding-right: 30px; } .discinfo h3:before { top: -60px; right: -10px; } .debatesform { width: 100%; } .maindisc.dview .videodis { margin-top: -40px; } .maindisc.dview .videodis > div:before { content: none; } .videodis > div { padding: 0; } } @media only screen and (max-width: 360px){ .splisthome li {width:100%;} .imageframe {height:200px;} .slideholder {height:400px;} .mnewsWideImage {width:100%;height:200px;} .telephone {font-size: 1.3em; padding: 0;} .maindisc .heading h1 { font-size: 1.2em; padding: 0 5%;} } @media only screen and (max-width: 320px){ .slideholder {height:360px;} .mnewsWideImage {width:100%;height:160px;} .clist li a{height:240px;padding:10px;} ul.blogs > li {width:100%;} } /*community*/ .community { font-size: 1.1em; line-height: 160%; color: #000; font-weight: 400; font-family: Roboto; margin-bottom: 50px; margin: 0px auto; width: 70%; } .community p { padding-bottom: 20px; } .community .likehead { font-size: 4em; display: block; font-weight: 800; text-transform: uppercase; line-height: 100%; color: #9478b1; } .community .liketitle { font-size: 1.62em; } .community-intro { margin: 30px 0; } .donate-options { text-align: left; padding: 60px 0 120px; margin: 50px 0; position: relative; } .donate-options:before, .donate-wrapper:before, .donate-options:after { content: ''; position: absolute; z-index: -1; border-radius: 16px; top: 0px; bottom: 0px; right: 0px; transform: skew(8deg, 14deg) rotate(-12deg); width: 110%; } .donate-options:before { background: #c6b9d0; top: -20px; bottom: -20px; right: 30px; transform: skew(5deg, 10deg) rotate(-15deg); } .donate-options:after { background: #FFF; top: -27px; bottom: -22px; right: 38px; transform: skew(-5deg, -10deg) rotate(13deg); border: none; } .donate-options div { width: 30%; height: 100px; display: inline-block; margin: 0 3% 0 0 ; position: relative; } .donate-options div:before, .donate-options div:after { content: ''; position: absolute; left: -10%; top: 20px; right: 0; background: #fc0; transform: skewY(-5deg); width: 115%; bottom: -88px; border-radius: 12px; } .donate-options div:after { transform: skewY(5deg); top: -30px; } .donate-options a { text-decoration: none; display: block; width: 100%; height: 100%; border-radius: 10px; color: #300; border-radius: 4px; position: relative; z-index: 1; transition: .2s; } .donate-options a:after, .donate-options a:before { content: ''; position: absolute; left: 0; top: 9px; right: 0; background: #513469; border-radius: 10px; width: 100%; bottom: -13px; z-index: -1; } .donate-options a:before { transform: skewY(4deg); } .donate-options a:after { transform: skewY(-7deg); top: -17px; bottom: 10px; } .donate-options a:hover:after, .donate-options a:hover:before { background: #f00; } .donate-options a span, .donate-options a em { display: block; } .donate-options a em { text-transform: none; position: absolute; left: 20px; top: 10px; font-size: 1.4em; color: #fc0; font-style: normal; } .donate-options a span { font-size: 2.8em; margin-top: 25px; display: inline-block; color: #fff; line-height: 110%; padding-left: 20px; } .donate-options p { position: absolute; top: 120px; padding: 0; font-size: .8em; transition: .3s; left: 20px; line-height: 120%; z-index: 2; } .donate-options p:before { content: "\2731"; color: #d00; margin-left: -15px; padding-right: 2px; position: absolute; } .donate-options a:hover { transform: scale(1.2); } .community:before { content: ''; position: absolute; left: 0; top: 15%; background: #EEE; transform: skew(25deg); transform: rotate(25deg); width: 92%; bottom: 0; z-index: -1; letter-spacing: 2px; } .community:after { content: ''; position: absolute; right: 30%; top: 25%; background: #FFF; transform: skew(-25deg); transform: rotate(-25deg); width: 90%; bottom: 10%; z-index: -1; letter-spacing: 2px; } .community .join { font-weight: bold; color: #333; font-size: 1.2em; text-transform: uppercase; margin: 20px 0; } .community .headimg { text-align: center; } .community .headimg img { max-width: 100%; } @media only screen and (max-width: 640px){ .community { font-size: 1em; width: 90%; } .community .likehead { font-size: 2em; } .community ul { margin-left: 20px; } .donate-wrapper { text-align: center; } .donate-options { margin: 0; } .donate-options div { width: 260px; margin: 10px auto; display: block; height: 80px; margin-bottom: 110px; text-align: left; } .donate-options p { top: 100px; } .donate-options:before, .donate-wrapper:before, .donate-options:after { display: none; } } .community_promo { display: none; position: fixed; height: 80px; background: #513469; color: #fff; text-align: center; left: 0; right: 0; bottom: 0; padding: 15px 0; z-index: 100; border-top: #fff solid 1px; } .community_promo--wrapper { text-align: left; max-width: 1200px; margin: 0 auto; } .community_promo--text { margin: 0 300px 0 100px; padding-left: 40px; border-left: #fff solid 1px; } .community_promo--cta { width: 200px; float: right; } .community_promo--cta a { width: 100%; text-transform: uppercase; text-align: center; display: block; text-decoration: none; color: #000; border-radius: 10px; line-height: 50px; background: #FC0; font-weight: bold; } .community_promo--cta a:hover { background: #f00; } .community-promo--close { position: absolute; top: 15px; right: 15px; width: 20px; height: 20px; color: #fff; transform: rotate(45deg); font-size: 3em; cursor: pointer; } @media only screen and (max-width: 640px){ .community_promo { height: 110px; } .community_promo--text { margin: 10px 15px 0 15px; padding-left: 0; border-left: none; } .community_promo--cta { width: 160px; position: absolute; top: -50px; left: 50%; margin-left: -80px; } .community_promo--cta a { margin-right: 15px; margin-top: 20px; border: #513469 solid 3px; } .community-promo--close { position: absolute; top: 5px; right: 5px; } .community_promo--text span { display: none; } }