.insocial-aggregate { font-family: "Arial"; display: block; }.insocial-aggregate:after { clear: both; height: 0; visibility: hidden; content: "."; display: block; }.insocial-aggregate-score { position: relative; color: #00295b; font-size: 26px; font-weight: bold; }.insocial-item-reviewed { font-size: 26px; line-height: 1.6em; }.insocial-item-reviewed:before { content: open-quote; }.insocial-item-reviewed:after { content: close-quote; }.insocial-aggregate-score-avg { display: inline-block; font-size: 26px; }.insocial-aggregate-scorebase { margin-top: 5px; }.insocial-numvotes { font-weight: bold; } .insocial-list { font-family: "Arial"; font-size: 16px; line-height: normal; display: block; }.insocial-list p { margin: 0; padding: 0; }.insocial-list ul { margin: 0; padding: 0; list-style: none; }.insocial-list ul li { list-style: none; }.insocial-entry { margin: 0; padding: 0; position: relative; display: block; }.insocial-entry:after { clear: both; height: 0; visibility: hidden; content: "."; display: block; }.insocial-entry:first-child .insocial-content-wrapper { margin-top: 20px; }.insocial-entry + .testimonial-entry { margin-top: 30px; }.insocial-avatar { position: absolute; z-index: 3; top: 8px; left: 30px; overflow: hidden;width: 92px; height: 120px;border: 4px solid #fff; -moz-box-shadow: 0 0 8px 2px #aaa; -webkit-box-shadow: 0 0 8px 2px #aaa; box-shadow: 0 0 8px 2px #aaa;-o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -webkit-transform: rotate(-3deg) translate3d(0,0,0); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-0.03333); }.insocial-avatar > div { display: none; }.insocial-avatar img { left: -5px; top: -5px; height: 137px; width: 107px; max-width: 107px !important; position: absolute; z-index: 1;-o-transform: rotate(3deg); -ms-transform: rotate(3deg); -moz-transform: rotate(3deg); -webkit-transform: rotate(3deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.03333);}.insocial-content-wrapper { position: relative; padding-top: 10px; margin: 50px 40px 0 20px; z-index: 3; border-radius: 5px 5px 5px 5px; background: #f4f4f4; border: 1px solid #d0d0d0; }.insocial-avatar ~ .insocial-content-wrapper { margin-left: 145px; }.insocial-score {display: block; position: absolute; right: -25px; top: -30px;text-align: center; color: #FFFFFF; font-size: 73px; font-weight: 700; line-height: 100px;height: 100px; width: 100px; background: #00295b;border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; z-index: 2;-moz-box-shadow: 0 0 6px 0 #333; -webkit-box-shadow: 0 0 6px 0 #333; box-shadow: 0 0 6px 0 #333;}.insocial-content {display: block; min-height: 85px; padding: 10px 40px 35px 50px; position: relative;z-index: 1; }.insocial-testimonial { display: block; position: relative; margin: 0 85px 20px 0px; color: #555555; font-size: 14px; font-style: italic; }.insocial-testimonial:before, .insocial-testimonial:after { height: 1px; color: #00295b; display: block; font-size: 70px; font-weight: 700; line-height: 1px; font-style: normal; font-family: "Arial" !important; position: absolute; }.insocial-testimonial:before { content: open-quote; left: -44px; top: 20px; }@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .insocial-testimonial:before { top: -15px !important; } }.insocial-testimonial:after { content: close-quote; right: -40px; bottom: -47px; }.insocial-testimonial + .insocial-questions { display: none !important; }.insocial-questions { display: block; position: relative; margin: 0; padding: 0; }.insocial-questions:after { content: ""; display: block; height: 0px; position: relative; }.insocial-question { position: relative; height: 25px; display: block; width: 100%; margin-bottom: 2px; }.insocial-question:after { content: ""; display: block; height: 0px; position: relative; }.insocial-question-label { display: none; }.insocial-question-subject { float: left; display: inline-block; width: 140px; font-size: 12px; color: #585858; font-style: italic; }.insocial-question-score-box { display: block; height: 15px; background: #d4d4d4; position: absolute; top: 0; left: 140px; right: 50px;border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; }.insocial-question-score {height: 100%; background: #00295b; display: block; color: transparent; font-size: 0px;border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; }.insocial-question-score.insocial-question-score-0 { width: 0%; }.insocial-question-score.insocial-question-score-1 { width: 10%; }.insocial-question-score.insocial-question-score-2 { width: 20%; }.insocial-question-score.insocial-question-score-3 { width: 30%; }.insocial-question-score.insocial-question-score-4 { width: 40%; }.insocial-question-score.insocial-question-score-5 { width: 50%; }.insocial-question-score.insocial-question-score-6 { width: 60%; }.insocial-question-score.insocial-question-score-7 { width: 70%; }.insocial-question-score.insocial-question-score-8 { width: 80%; }.insocial-question-score.insocial-question-score-9 { width: 90%; }.insocial-question-score.insocial-question-score-10 { width: 100%; }.insocial-question-answer { font-size: 12px; float: left; }.insocial-question-score-box + .insocial-question-answer { display: none; }.insocial-caption { position: absolute; bottom: 10px; left: 53px; z-index: 2; color: #7E7E7E; font-size: 12px; font-weight: bold; font-style: italic; }.insocial-name { color: #00295b; }.insocial-extradata { color: #00295b; font-weight: normal; }.insocial-response-ribbon {position: relative; margin: -5px 40px -5px 145px; z-index: 2; height: 10px;background: #00295b; border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px;-moz-box-shadow: 0 0 2px 0 #999; -webkit-box-shadow: 0 0 2px 0 #999; box-shadow: 0 0 2px 0 #999;}.insocial-response-ribbon:before {display: block; content: ""; position: absolute; bottom: -8px; left: 30px; border-top: 8px solid #00295b; border-left: 10px solid transparent; border-right: 10px solid transparent; }.insocial-response { position: relative; padding: 15px 20px 10px 20px; margin: 0 40px 0 145px; z-index: 1;border: 1px solid #d0d0d0; background: #eaeaea; font-size: 12px; color: #333;border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; }.insocial-response-author { font-weight: bold; color: #00295b; }.insocial-response-content { }.insocial-readmore { position: absolute; bottom: -20px; left: 50%;width: 120px; height: 20px; background: #e0e0e0; border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border: 1px solid #D0D0D0; }.insocial-readmore a { display: block; color: #00295b; text-decoration: none; font-size: 12px; font-weight: bold; line-height: 20px; text-align: center; text-transform: uppercase; }

.insocial-content-wrapper { z-index: 6; }.insocial-avatar { position: absolute; width: 130px; height: 150px; background: #7E7E7E; left: 15px; top: -5px; z-index: 4; }.insocial-avatar > div { display: block; background: url("https://www.insocial.nl/_Lib/Img/Feed/avatar_frame.png"); width: 130px; height: 160px; position: absolute; z-index: 5; }.insocial-avatar img { left: 16px; top: 10px; max-width: 107px; max-height: 137px; position: absolute; z-index: 4; }

@media all and (max-width: 600px) {.insocial-input { position: relative; margin: 20px 0 0; }.insocial-avatar { z-index: 6; top: 15px; left: 15px; }.insocial-score { right: 10px; top: auto; font-weight: normal; -moz-box-shadow: 0 0 0 0 #fff; -webkit-box-shadow: 0 0 0 0 #fff; box-shadow: 0 0 0 0 #fff;}.insocial-score:after { content: ""; display: block; position: absolute; bottom: 0; right: 0; height: 100%; width: 100%; background-repeat: no-repeat; background-position: top left;}.insocial-avatar ~ .insocial-content-wrapper { margin: 0; }.insocial-content-wrapper { padding-top: 0; margin: 0; background: #f4f4f4; border: 1px solid #d0d0d0; }.insocial-content { min-height: 40px; padding: 20px 20px 20px 20px; }.insocial-testimonial {margin: 0; padding: 0; top: -10px; }.insocial-testimonial:before { position: relative; top: 20px; left: auto; display: inline-block; line-height: 1px; padding-right: 5px; marign: 0 5px 0; float: left; }.insocial-testimonial:after { font-size: 0; color: transparent; }.insocial-questions { margin: 0; padding: 0 !important; }.insocial-question-subject { line-height: 18px; position: absolute; z-index: 2; }.insocial-question-score-box { height: 18px; left: 0; right: 0; }.insocial-caption { padding: 0 20px 20px 20px; min-height: 30px; left: auto; bottom: auto; position: relative; line-height: 15px; }.insocial-name { }.insocial-extradata { font-style: normal; font-size: 11px; position: absolute; top: 15px; }.insocial-date { font-weight: normal; margin-top: 10px; }.insocial-response-ribbon { margin: -5px 0 -4px; }.insocial-response { margin: 0; background: #e1e1e1; border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; margin: 0 0 10px 0; }.insocial-readmore { bottom: 1px; position: relative; margin-left: -60px; }}@media all and (max-width: 600px) and (min-width: 401px) {.insocial-score { bottom: -40px; height: 62px; width: 92px; line-height: 52px; font-size: 45px; }.insocial-score:after { background-image: url(https://www.insocial.nl/_Lib/img/Feed/score_cloud.png); }.insocial-avatar ~ .insocial-content-wrapper > .insocial-content { padding-left: 130px; }.insocial-testimonial { min-height: 75px; }.insocial-question-subject { float: none; width: 90px; position: relative; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; ms-text-overflow: ellipsis; overflow: hidden; }.insocial-question-answer { float: none; top: -4px; position: relative; }.insocial-question-score-box { left: 100px; }.insocial-avatar ~ .insocial-content-wrapper > .insocial-caption { padding-left: 130px; }.insocial-caption { padding-right: 115px; }.insocial-extradata { left: 130px; }.insocial-avatar { height: 120px; width: 92px; }.insocial-avatar img { max-width: 107px !important; width: 107px !important; height: 137px !important; }}@media all and (max-width: 400px) and (min-width: 301px) {.insocial-score { bottom: -30px; height: 31px; width: 46px; line-height: 26px; font-size: 23px; }.insocial-score:after { background-image: url(https://www.insocial.nl/_Lib/img/Feed/score_cloud_small.png); }.insocial-avatar ~ .insocial-content-wrapper > .insocial-content { padding-left: 100px; }.insocial-testimonial { min-height: 40px; word-break: break-all; }.insocial-testimonial:before { font-size: 45px; top: 15px; }.insocial-question { height: 20px; }.insocial-question-subject { float: none; width: auto; left: 5px; top: -4px; position: relative; font-style: normal; font-weight: bold; font-size: 12px; line-height: 14px; }.insocial-question-answer { float: none; top: -4px; position: relative; }.insocial-question-answer:before { content: ":"; padding: 0 5px 0 3px; }.insocial-question-score-box { height: 14px; }.insocial-avatar ~ .insocial-content-wrapper > .insocial-caption { padding-left: 100px; }.insocial-caption { padding-right: 65px; }.insocial-extradata { left: 100px; }.insocial-avatar { border-width: 3px; height: 77px; width: 59px; }.insocial-avatar img { max-width: 69px !important; width: 69px !important; height: 88px !important; }}@media all and (max-width: 300px) {.insocial-score { bottom: -30px; height: 31px; width: 46px; line-height: 26px; font-size: 23px; }.insocial-score:after { background-image: url(https://www.insocial.nl/_Lib/img/Feed/score_cloud_small.png); }.insocial-testimonial { min-height: 35px; word-break: break-all; }.insocial-testimonial:before { font-size: 45px; top: 15px; }.insocial-question { height: 20px; }.insocial-question-subject { float: none; width: auto; left: 5px; top: -4px; position: relative; font-style: normal; font-weight: bold; font-size: 12px; line-height: 14px; }.insocial-question-answer { float: none; top: -4px; position: relative; }.insocial-question-answer:before { content: ":"; padding: 0 5px 0 3px; }.insocial-question-score-box { height: 14px; }.insocial-caption { padding-right: 65px; }.insocial-extradata { left: 20px; }.insocial-avatar { display: none; }} .insocial-pager { margin: 40px 0 20px; height: 30px; overflow: hidden; font-family: 'Arial'; }.insocial-pager ul {display: inline-block; float: left; left: 50%;list-style: none; margin: 0; padding: 0; position: relative; }.insocial-pager ul li {float: left; position: relative; right: 50%; margin: 0; padding: 3px 0; list-style: none; }.insocial-pager li + li > * { border-left: 1px solid #ccc; }.insocial-pager li.active { background: #fafafa; border: 1px solid #ccc;border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }.insocial-pager li.active > *, .insocial-pager li.active + li > * { border-left: none; }.insocial-pager li.active a { color: #ccc; }.insocial-pager li span { color: #999; }.insocial-pager li > * { width: 40px; text-align: center; display: block;font-size: 16px; font-weight: bold; line-height: 20px;text-decoration: none; color: #00295b; }.insocial-pager li:not(.active) a:hover { text-decoration: underline; }