.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{position:absolute!important;clip:rect(1px);clip:rect(1px,1px,1px,1px)}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{zoom:1}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin-top:2px;padding:.5em .5em .5em .7em;zoom:1}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-noicons{padding-left:.7em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto;zoom:1}.ui-button{display:inline-block;position:relative;padding:0;margin-right:.1em;cursor:pointer;text-align:center;zoom:1;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:1.4}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-dialog{position:absolute;padding:.2em;width:300px;overflow:hidden}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 16px .1em 0}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:19px;margin:-10px 0 0 0;padding:1px;height:18px}.ui-dialog .ui-dialog-titlebar-close span{display:block;margin:1px}.ui-dialog .ui-dialog-titlebar-close:hover,.ui-dialog .ui-dialog-titlebar-close:focus{padding:0}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto;zoom:1}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin:.5em 0 0 0;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:14px;height:14px;right:3px;bottom:3px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-tabs{position:relative;padding:.2em;zoom:1}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav li a{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-tabs-loading a{cursor:text}.ui-tabs .ui-tabs-nav li a,.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;} #cboxOverlay{background:#e3ecec;}
#colorbox{}
#cboxContent{margin-top:32px; overflow:visible;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{background:#fff; padding:4px;}
#cboxLoadingGraphic{background:url(//xn--lbl-sna.de/wp-content/themes/studiolondon/images/colorbox/loading.gif) no-repeat center center;}
#cboxLoadingOverlay{background:#fff;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(//xn--lbl-sna.de/wp-content/themes/studiolondon/images/colorbox/controls.png) no-repeat 0 0;}
#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious:hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext:hover{background-position:-25px -25px;}
#cboxClose{background-position:-50px 0px; right:0;}
#cboxClose:hover{background-position:-50px -25px;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}* {
margin: 0;
padding: 0;
}
html,
body {
height: 100%;
width: 100%;
}
img {
border: 0;
}
fieldset {
margin: 0;
padding: 0;
position: relative;
text-align: left;
zoom: 1;
border: 0;
}
.wp-caption,
.bypostauthor,
.wp-caption-text,
.sticky,
.gallery-caption {}  .ci-clear {
clear: both;
}
.ci-error {
color: #f00;
}
.ci-fielderror {
border: 1px solid #f00;
background-color: #fff6f6;
}
.ci-hide,
.assistive-text {
display: none;
}
.ci-last {
margin: 0;
}
.ci-last {
margin-right: 0 !important;
margin-left: 0 !important;
}
.alignleft {
float: left;
}
.aligncenter {
width: 100%;
margin: 0 auto;
}
.alignright {
float: right;
}
body,
th,
td {
font-size: 12px;
color: #999;
line-height: 17px;
}
body,
th,
td,
.ci-quotes .author,
.alert,
input,
textarea {
font-family:  "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Source Sans Pro', sans-serif;
}
body.page {
text-align: center;
}
.ci-pagebg {
width: 100% !important;
height: 100% !important;
position: fixed !important;
left: 0 !important;
background-size: cover !important;
background-position: center center !important;
}
.ci-content-container {
width: 960px;
min-height: 100%;
margin: 0 auto;
position: relative;
z-index: 1;
text-align: left;
background: #fff;
box-shadow:  0px 0px 25px 0px rgba(0, 0, 0, 0.32);
-webkit-box-shadow:  0px 0px 25px 0px rgba(0, 0, 0, 0.32);
}
.ci-content-positioner {
padding: 20px 40px;
}
a,
.ci-sidebar .sub-menu a {
text-decoration: none;
color: #999;
}
header {
width: 100%;
position: relative;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: bold;
color: #333;
}
h1 {
font-size: 36px;
line-height: 44px;
}
h2 {
font-size: 30px;
line-height: 34px;
}
h3 {
margin: 14px 0;
font-size: 20px;
line-height: 25px;
}
h4 {
font-size: 16px;
line-height: 20px;
}
h5 {
font-size: 13px;
line-height: 18px;
}
h6 {
font-size: 11px;
line-height: 16px;
}
li {
list-style-position: outside;
}
.comment-text ul li {
list-style-type: disc;
}
.comment-text ol li {
list-style-type: decimal;
}
.ci-searchterm {
font-style: italic;
font-weigth: normal;
}
.ci-pagehl {
margin-top: 0;
}
.ci-subheadline {
margin: 18px 0 0 0;
font-size: 20px;
font-weight: 500;
color: #a7a7a7;
}
.ci-separator-1 {
width: 100%;
height: 3px;
display: block;
border-top: 3px solid #333;
border-bottom: 1px solid #e2e2e2;
}
.single-portfolio .ci-separator-1 {
margin-top: 20px;
}
.ci-separator-2 {
width: 100%;
height: 7px;
margin: 20px 0;
display: block;
background: url(//xn--lbl-sna.de/wp-content/themes/studiolondon/images/system/separator2_bg.gif) 0 0 repeat;
}
#ci-search-btn {
cursor: pointer;
}
#cboxLoadedContent img {
max-width: 960px !important;
height: auto !important;
}  .tinynav {
display: none;
}
.ci-hgroup {
display: inline;
}
h1#ci-site-title,
h2#ci-site-description {
margin: 0;
float: left;
font-size: 14px;
line-height: 19px;
color: #333;
}
h2#site-description {
display: none;
}
#ci-primary-navigation {
float: left;
display: inline;
margin-left: 40px;
} .ci-shaped-cover,
.ci-cover {
display : none\9
}
ul#ci-mainmenu li {
display: inline;
padding-right: 14px;
text-transform: uppercase;
}
ul#ci-mainmenu .sub-menu li {
text-transform: none;
}
ul#ci-mainmenu li a,
ul#ci-mainmenu li .sub-navi a {
height: 40px;
line-height:  40px;
font-size: 12px;
text-decoration: none;
}
ul#ci-mainmenu li a:hover {
font-weight: normal;
color: #111 !important;
border: 0;
}
.ci-nav-bar .sub-menu a {
color: #fff !important;
}
.ci-sidebar .sub-menu {
background: transparent none !important;
}
.ci-nav-bar {
width: 100%;
height: 40px;
}
.ci-subnavi {
float: left;
}
.ci-subnavi .ci-content-positioner {
padding-top: 0;
padding-bottom: 0;
}
.ci-subnavi ul li {
display: inline;
padding-right: 14px;
text-transform: uppercase;
}
.ci-subnavi a {
height: 40px;
line-height: 40px;
font-size: 12px;
text-transform: uppercase;
font-weight: normal;
}
.ci-subnavi a:hover,
.ci-subnavi .current_page_item a {
font-weight: bold;
color: #fff !important;
border: 0 !important;
}
#ci-mainmenu ul {
position: absolute;
top: -999px;
}
#ci-mainmenu li {
float: left;
position: relative;
}
#ci-mainmenu a {
display: block;
color: #fff;
position: relative;
}
#ci-mainmenu ul li {
width: 100%;
}
#ci-mainmenu ul li a,
#ci-mainmenu ul li a:hover {
border-bottom: 1px solid #e0e0e0;
margin: 0 14px;
}
#ci-mainmenu .sub-menu li.ci-last a {
border-bottom: 0;
}
#ci-mainmenu li:hover {
visibility: inherit; }
#ci-mainmenu li:hover ul,
#ci-mainmenu li.sfHover ul {
left: 0;
top: 40px; z-index: 99;
zoom: 1;
display: block;
position: absolute;
}
ul#ci-mainmenu li:hover li ul,
ul#ci-mainmenu li.sfHover li ul {
top: -999px;
}
ul#ci-mainmenu li li:hover ul,
ul#ci-mainmenu li li.sfHover ul {
left: 214px; top: -1px;
}
ul#ci-mainmenu li li:hover li ul,
ul#ci-mainmenu li li.sfHover li ul {
top: -999px;
}
ul#ci-mainmenu li li li:hover ul,
ul#ci-mainmenu li li li.sfHover ul {
left: 10px; top: 0;
}
.ci-nav-bar .sub-menu {
opacity: .9;
border-top: 1px solid #fff;
}
.ci-socialnetworks-container {
float: right;
padding: 6px 40px 6px 0;
}
.ci-socialnetworks-container .icon {
float: left;
}
.ci-search-container {
float: right;
}
.ci-search-container form {
float: left;
}
.ci-search-container form input,
.ci-search-container form input:focus {
width: 120px;
margin-right: 10px;
padding: 3px;
color: #A7A7A7;
font-size: 11px;
border: 1px solid #A7A7A7 !important;
background: transparent;
}
.ci-ico {
width: 22px;
height: 22px;
float: left;
}
.ci-magnifyingglass {
background: url(//xn--lbl-sna.de/wp-content/themes/studiolondon/images/system/ico_magnifying-glas.png) center center no-repeat;
}
@media all and (-webkit-min-device-pixel-ratio: 2) {
.ci-magnifyingglass {
background: url(//xn--lbl-sna.de/wp-content/themes/studiolondon/images/system/ico_magnifying-glas@2x.png) center center no-repeat;
background-size: 21px 22px;
}
}  .ci-contentstyle-sidebar-right .ci-maincontent,
.ci-contentstyle-sidebar-right .ci-sidebar {
float: left;
}
.ci-contentstyle-sidebar-left .ci-maincontent,
.ci-contentstyle-sidebar-left .ci-sidebar {
float: left;
}
.ci-contentstyle-sidebar-right .ci-maincontent,
.ci-contentstyle-sidebar-left .ci-maincontent  {
width: 660px;
margin-right: 20px;
}
.ci-contentstyle-sidebar-left .ci-maincontent {
margin-right: 0;
margin-left: 20px;
}
.ci-contentstyle-sidebar-right .ci-sidebar,
.ci-contentstyle-sidebar-left .ci-sidebar {
width: 200px;
padding-top: 10px;
}
.ci-sidebar li {
list-style-type: circle;
list-style-position: inside;
list-style-color: #f0f;
}
.ci-sidebar .widget-headline,
.comment-author {
margin-bottom: 15px;
background: url(//xn--lbl-sna.de/wp-content/themes/studiolondon/images/system/separator2_bg.gif) 0 center repeat-x;
}
.comment-author {
background-position: 0 6px;
}
.ci-sidebar h3.widget-title,
h3.ci-comment-title {
padding: 2px 5px 2px 0;
display: inline;
font-size: 12px;
line-height: 12px;
background: #fff;
}
li.widget {
list-style-type: none;
margin-bottom: 30px;
}  .ci-link-read-more {
float: right;
text-align: right;
}
.ci-post-text {
font-size: 13px;
font-weight: 300;
line-height: 20px;
color: #5f5f5f;
}
.ci-social-icons-container {
float: right;
}
.ci-social-icons-container a span {
background-color: #cecece;
}
#ci-widgetarea-startpage li.widget,
#ci-widgetarea-footer li.widget  {
width: 280px;
margin-right: 20px;
float: left;
list-style-type: none;
}
#ci-widgetarea-startpage li,
#ci-widgetarea-footer li {
list-style-position: inside;
}
.ci-footer-widget-container {
width: 100%;
background: #2d2e2e;
}
.ci-footer-widget-container ul#footer-widgets {
padding-top: 20px;
padding-bottom: 20px;
}
.ci-footer-text {
width: 100%;
height: 40px;
line-height: 40px;
color: #9f9f9f;
background: #202222;
}
.ci-footer-text .ci-footercontent-positioner {
font-size: 11px;
color: #7e7e7e;
}
.ci-footercontent-positioner {
padding: 0 40px;
font-size: 12px;
}
.ci-footercontent-positioner,
#ci-widgetarea-footer a {
color: #b6b6b6;
}
#ci-widgetarea-footer li li {
margin-bottom: 10px;
padding-bottom: 10px;
list-style-type: none;
border-bottom: 1px dashed #3E3E3E;
}
.ci-footercontent-positioner h3 {
font-weight: bold;
font-size: 14px;
text-transform: uppercase;
color: #fff;
} .widget_calendar table {
width: 100%;
} blockquote {
margin: 20px 0 ;
padding: 15px;
font-style: italic;
color: #1a1a1a;
line-height: 17px;
border: 1px dashed #d9d9d9;
border-left: 2px solid #272727;
background: #fafafa;
}
.ci-content ul,
.ci-post-text ul {
margin: 0 16px;
}
.ci-content ol,
.ci-post-text ol {
margin: 0 21px;
}
pre,
code {
margin: 10px 0;
padding: 20px;
display: block;
overflow: auto;
font: 12px/18px Consolas,"Andale Mono",Courier,"Courier New",monospace;
color: #777;
border: 1px dashed #929292;
background: #f6f6f6;
}
p {
margin: 10px 0 15px;
}
img.alignright,
img.alignleft {
display: block;
}
img.alignright {
float: right;
display: inline;
margin: 20px 0 20px 20px;
}
img.alignnone {
margin: 20px 20px 20px 0;
}
img.alignleft {
float: left;
display: inline;
margin: 20px 20px 20px 0;
}
img.aligncenter {
margin: 0 auto;
display: block;
}  .ci-portfolio-overview {
padding: 0 0 20px 40px;
}
.ci-portfolio-overview li {
width: 280px;
height: 180px;
float: left;
list-style-type: none;
}
#ci-skilltypes {
padding: 10px 0;
border-bottom: 1px dashed #e2e2e2;
}
#ci-skilltypes li {
padding-right: 10px;
list-style-type: none;
display: inline;
}
#ci-skilltypes li a {
color: #999;
}
img.ci-keyimage {
width: 100%;
height: 100%;
}
li.ci-portfolio-entry {
margin: 0 20px 20px 0;
}
.ci-portfolioshape-rectangular-no-space li.ci-portfolio-entry {
width: 293px;
height: 180px;
margin: 0;
}
.ci-portfolioshape-triangular li.ci-portfolio-entry {
width: 260px;
height: 240px;
margin: 0 40px 40px 0;
}
.ci-portfolioshape-circular li.ci-portfolio-entry {
width: 200px;
height: 200px;
margin: 0 25px 25px 0;
}
.ci-shaped-cover {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 5;
}
.ci-portfolioshape-triangular .ci-shaped-cover {
background: url(//xn--lbl-sna.de/wp-content/themes/studiolondon/images/system/cover-triangular.png) center center no-repeat;
}
.ci-portfolioshape-circular .ci-shaped-cover {
background: url(//xn--lbl-sna.de/wp-content/themes/studiolondon/images/system/cover-circular.png) center center no-repeat;
}
@media all and (-webkit-min-device-pixel-ratio: 2) {
.ci-portfolioshape-triangular .ci-shaped-cover {
background: url(//xn--lbl-sna.de/wp-content/themes/studiolondon/images/system/cover-triangular@2x.png) center center no-repeat;
background-size: 260px 240px;
}
.ci-portfolioshape-circular .ci-shaped-cover {
background: url(//xn--lbl-sna.de/wp-content/themes/studiolondon/images/system/cover-circular@2x.png) center center no-repeat;
background-size: 200px 200px;
}
}
.ci-portfolio-entry {
position: relative;
}
.ci-cover {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.ci-zoom-cover {
background: url(//xn--lbl-sna.de/wp-content/themes/studiolondon/images/system/thumb_magnifyingglass.png) center center no-repeat;
}
.ci-detailpage-cover {
background: url(//xn--lbl-sna.de/wp-content/themes/studiolondon/images/system/thumb_link.png) center center no-repeat;
}
.ci-cover h2 {
margin-top: 150px;
opacity: 1;
color: #fff;
font-size: 14px;
text-align: center;
font-weigth: 300;
}
.ci-portfolioshape-triangular .ci-cover h2 {
margin: 208px 12px 0
}  .ci-portfolio-single {
padding-top: 20px;
}
.ci-portfolio-single .ci-detailimg-container,
.ci-portfolio-single .ci-videocontainer,
.ci-portfolio-single .ci-audiocontainer {
width: 580px;
height: auto !important;
float: left;
position: relative;
}
.ci-portfolio-single .ci-videocontainer {
background: #111;
}
.ci-portfolio-single .ci-detailimg-container img {
width: 580px;
}
#slides,
.flex-direction-nav {
list-style-type: none;
}
.ci-slidesimg-environment #slide,
.ci-slidesimg-environment ul#slides {
height: auto !important;
display: block !important;
}
.ci-slidesimg-environment #slide {
clear: both;
}
.flex-direction-nav {
position: absolute;
top: 20px;
right: 20px;
}
.ci-slidesimg-environment {
position: relative;
}
#slides li,
#quoteslides li  {
display: none;
}
a.flex-prev,
a .ci-prev,
a.flex-next,
a .ci-next  {
display: inline;
background: #333;
border-radius: 50%;
background-image: url(//xn--lbl-sna.de/wp-content/themes/studiolondon/images/system/icons.png);
background-position: 0 0;
background-repeat: no-repeat;
opacity: .75;
border: 0;
}
@media all and (-webkit-min-device-pixel-ratio: 2) {
a.flex-prev,
a .ci-prev,
a.flex-next,
a .ci-next  {
background-image: url(//xn--lbl-sna.de/wp-content/themes/studiolondon/images/system/icons@2x.png);
background-size: 80px 1180px;
}
}
a.flex-prev,
a.flex-next {
position: absolute;
top: 0;
right: 0;
z-index: 50;
padding: 9px 0 0 23px;
background-color: #333;
background-position: 0 -80px;
}
a.flex-prev {
right: 35px;
background-position: 0 -760px;
}
.home a.flex-prev {
top: 10px;
right: 55px;
}
.home a.flex-next {
top: 10px;
right: 20px;
}
a .ci-prev,
a .ci-next  {
padding: 11px 0 0 23px;
background-color: #e2e2e2;
}
.single-portfolio h1.ci-pagehl {
display: inline;
padding-right: 20px;
}
.single-portfolio .ci-switch-projects {
line-height: 44px;
}
.ci-portfolio-single .ci-detailimg-container a .ci-text {
display: none;
}
a.prev,
a .ci-prev  {
left: 510px;
background-position: 0 -760px;
}
a.next,
a .ci-next {
left: 545px;
background-position: 0 -80px;
}
.ci-switch-projects a {
position: relative;
}
.ci-slide .ci-detailtext {
text-align: right;
font-style: italic;
}
.ci-project-specs {
width: 260px;
margin-left: 40px;
display: inline;
float: left;
}
.ci-fullwidth-project-specs {
width: 880px;
margin-left: 0;
} #quoteslide {
position: relative;
}
#quoteslides {
padding: 0 50px;
}
.ci-quotes {
width: 100%;
list-style-type: none;
text-align: center;
font-size: 18px;
font-family: Baskerville,​Georgia,​serif;
font-style: italic;
}
.ci-quotes .author {
padding-top: 10px;
opacity: .75;
font-size: 11px;
}
#quoteslide .flex-direction-nav {
width: 100%;
right: auto;
left: auto;
}
#quoteslide a.flex-prev,
#quoteslide a.flex-next {
position: relative;
top: auto;
right: auto;
left: auto;
background-color: #ccc;
}
#quoteslide a.flex-prev {
float: left;
}
#quoteslide a.flex-next {
float: right;
} ul.ci-twitter-list {
margin: 0 !important;
}
ul.ci-twitter-list li {
margin-bottom: 10px;
padding-bottom: 10px;
list-style-type: none;
border-bottom: 1px dashed #e2e2e2;
}
ul.ci-twitter-list li:first-child {
padding-top: 0;
}
.ci-tweet-time {
padding-left: 15px;
font-size: 11px;
color: #fff !important;
text-decoration: none;
white-space: nowrap;
background: url(//xn--lbl-sna.de/wp-content/themes/studiolondon/images/system/ico-tweety-white.png) 0 2px no-repeat;
}
.ci-sidebar a.ci-tweet-time {
color: #333 !important;
background: url(//xn--lbl-sna.de/wp-content/themes/studiolondon/images/system/ico-tweety-dark.png) 0 2px no-repeat;
}
@media all and (-webkit-min-device-pixel-ratio: 2) {
.ci-tweet-time {
background: url(//xn--lbl-sna.de/wp-content/themes/studiolondon/images/system/ico-tweety-white@2x.png) 0 2px no-repeat;
background-size: 12px 9px;
}
.ci-sidebar a.ci-tweet-time {
background: url(//xn--lbl-sna.de/wp-content/themes/studiolondon/images/system/ico-tweety-dark@2x.png) 0 2px no-repeat;
background-size: 12px 9px;
}
}
.ci-followme-container {
padding: 10px 0;
display: block;
}  .flickr_badge_image {
display: inline;
margin: 0 3px 3px 0;
}
.flickr_badge_image a {}
.flickr_badge_image img {
width: 60px;
height: 60px;
border: 3px solid #3e3e3e;
}  .widget_ci_video_widget,
.widget_ci_video_widget iframe {
width: 155px;
}  .one_half { width: 48%; }
.one_third { width: 30.66%; }
.two_third { width: 65.33%; }
.one_fourth { width: 22%; }
.three_fourth { width: 74%; }
.one_fifth { width: 16.8%; }
.two_fifth { width: 37.6%; }
.three_fifth { width: 58.4%; }
.four_fifth { width: 67.2%; }
.one_sixth { width: 13.33%; }
.five_sixth { width: 82.67%; }
.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
position: relative;
margin-right: 4%;
margin-bottom: 20px;
float: left;
}
.column-last {
margin-right: 0!important;
clear: right;
} .ui-widget-content,
.ui-widget-header,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-state-default a {
color: #604F3D !important;
border: 0;
background: transparent none;
}
.ui-tabs .ui-tabs-panel,
li.ui-state-active,
li.ui-state-active a {
background: #e6e6e6;
}
.ui-tabs .ui-tabs-nav {
height: 30px;
padding: 0;
}
.ui-tabs .ui-tabs-panel {
width: 94% !important;
padding: 10px 3% !important;
} button.button,
input#submit,
a.button {
height: 20px;
display: inline-block;
margin: 0 5px 20px 5px;
padding: 8px 10px 0 10px;
text-decoration: none;
font-weight: bold;
font-size: 12px;
color: #fff !important;
line-height: 12px;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
border: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
a.button.big {
height: 24px;
padding: 11px 10px 0 10px;
font-size: 14px;
line-height: 14px;
}
button:hover.button,
input:hover#submit,
a:hover.button,
a:hover.button.large {
color: #fff !important;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
}
a.button.white,
a.button.lightgray,
a.button.darkgray,
a.button.yellow {
color: #404040 !important;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}
a.button.white,
a.button.large.white {
background: #f7f7f7;
}
a:hover.button.white {
background: #f0f0f0;
}
a.button.lightgray,
a.button.large.lightgray {
background: #d1d1d1;
}
a:hover.button.lightgray {
background: #ccc;
}
a.button.darkgray,
a.button.large.darkgray {
background: #adadad;
}
a:hover.button.darkgray {
background: #a1a1a1;
}
a.button.black,
a.button.large.black {
background: #3d3d3d;
}
a:hover.button.black {
background: #383838;
}
a.button.brown,
a.button.large.brown {
background: #ba8336;
}
a:hover.button.brown {
background: #c48a39;
}
a.button.red,
a.button.large.red {
background: #f77979;
}
a:hover.button.red {
background: #f07575;
}
a.button.orange,
a.button.large.orange {
background: #ff3f22;
}
a:hover.button.orange {
background: #ff6b54;
}
a.button.yellow,
a.button.large.yellow {
background: #ffce22;
}
a:hover.button.yellow {
background: #ffda54;
}
a.button.green,
a.button.large.green {
background: #5aa037;
}
a:hover.button.green {
background: #70a158;
}
a.button.blue,
a.button.large.blue {
background: #79cdf7;
}
a:hover.button.blue {
background: #76c7f0;
}
a.button.purple,
a.button.large.purple {
background: #c270e6;
}
a:hover.button.purple {
background: #bd6dde;
} .alert {
padding: 12px 5% 12px 5%;
font-style: italic;
text-align: center;
text-transform: uppercase;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
margin: 0 0 20px 0;
}
.alert.white {
background: #fafafa;
border: 1px solid #c4c4c4;
color: #292929;
}
.alert.red {
background: #ffd0d1;
border: 1px solid #ea8080;
color: #dc5252;
}
.alert.orange {
background: #fdceaf;
border: 1px solid #f18238;
color: #d46b02;
}
.alert.blue {
background: #b2e1f9;
border: 1px solid #43a3d3;
color: #0485c6;
}
.alert.green {
background: #cdffc0;
border: 1px solid #66df47;
color: #72bd5f;
}  .ci-separator {
width: 100%;
height: 1px;
font-size: 1px;
overflow: hidden;
}
.ci-separator.ci-separator-size1px {border-bottom-width: 1px;}
.ci-separator.ci-separator-size2px {border-bottom-width: 2px;}
.ci-separator.ci-separator-size3px {border-bottom-width: 3px;}
.ci-separator.ci-separator-size4px {border-bottom-width: 4px;}
.ci-separator.ci-separator-solid {border-bottom-style: solid;}
.ci-separator.ci-separator-dashed {border-bottom-style: dashed;}
.ci-separator.ci-separator-dotted {border-bottom-style: dotted;}
.ci-separator.ci-separator-double {border-bottom-style: double;}
.ci-separator.ci-separator-white {border-bottom-color: #fff;}
.ci-separator.ci-separator-lightgray {border-bottom-color: #b2b2b2;}
.ci-separator.ci-separator-darkgray {border-bottom-color: #8f8f8f;}
.ci-separator.ci-separator-brown {border-bottom-color: #84591e;}
.ci-separator.ci-separator-red {border-bottom-color: #db5858;}
.ci-separator.ci-separator-orange {border-bottom-color: #db8f58;}
.ci-separator.ci-separator-yellow {border-bottom-color: #dbbf58;}
.ci-separator.ci-separator-green {border-bottom-color: #70c34f;}
.ci-separator.ci-separator-blue {border-bottom-color: #57afdb;}
.ci-separator.ci-separator-black {border-bottom-color: #000;}
.ci-separator.ci-separator-purple {border-bottom-color: #9f4ec2;}  .icon {
display: inline;
padding: 11px 0 0 23px;
line-height: 36px;
background: #333;
border-radius: 50%;
background-image: url(//xn--lbl-sna.de/wp-content/themes/studiolondon/images/system/icons.png);
background-position: 0 0;
background-repeat: no-repeat;
}
@media all and (-webkit-min-device-pixel-ratio: 2) {
.icon {
background-image: url(//xn--lbl-sna.de/wp-content/themes/studiolondon/images/system/icons@2x.png);
background-size: 80px 1180px;
}
}
.ci-nav-bar .icon {
line-height: 17px;
}
.ico-info  { background-position: 0 0; }
.ico-quote  { background-position: 0 -40px; }
.ico-arrowright  { background-position: 0 -80px; }
.ico-cross  { background-position: 0 -120px; }
.ico-location  { background-position: 0 -160px; }
.ico-file  { background-position: 0 -200px; }
.ico-tag  { background-position: 0 -240px; }
.ico-bubble  { background-position: 0 -280px; }
.ico-magnifyingglass  { background-position: 0 -320px; }
.ico-sound  { background-position: 0 -360px; }
.ico-film  { background-position: 0 -400px; }
.ico-danger  { background-position: 0 -440px; }
.ico-plus  { background-position: 0 -480px; }
.ico-minus  { background-position: 0 -520px; }
.ico-plan  { background-position: 0 -560px; }
.ico-design  { background-position: 0 -600px; }
.ico-develop  { background-position: 0 -640px; }
.ico-tools  { background-position: 0 -680px; }
.ico-check  { background-position: 0 -720px; }
.ico-arrowleft  { background-position: 0 -760px; }
.ico-menu  { background-position: 0 -800px; }
.ico-twitter  { background-position: 0 -840px; }
.ico-facebook  { background-position: 0 -880px; }
.ico-dribbble  { background-position: 0 -920px; }
.ico-lastfm  { background-position: 0 -960px; }
.ico-youtube  { background-position: 0 -1000px; }
.ico-vimeo  { background-position: 0 -1040px; }
.ico-pinterest  { background-position: 0 -1080px; }
.ico-googleplus  { background-position: 0 -1120px }
.ico-flickr  { background-position: 0 -1160px; }
a:hover .icon { background-color: #999; }
.ci-nav-bar a:hover .icon { background-color: #fff; }
.ci-nav-bar a:hover .ico-twitter  { background-position: -40px -840px; }
.ci-nav-bar a:hover .ico-facebook  { background-position: -40px -880px; }
.ci-nav-bar a:hover .ico-dribbble  { background-position: -40px -920px; }
.ci-nav-bar a:hover .ico-lastfm  { background-position: -40px -960px; }
.ci-nav-bar a:hover .ico-youtube  { background-position:-40px -1000px; }
.ci-nav-bar a:hover .ico-vimeo  { background-position: -40px -1040px; }
.ci-nav-bar a:hover .ico-pinterest  { background-position: -40px -1080px; }
.ci-nav-bar a:hover .ico-googleplus  { background-position: -40px -1120px }
.ci-nav-bar a:hover .ico-flickr  { background-position: -40px -1160px; }  img.ci-adsize-155x155,
img.ci-adsize-234x175,
img.ci-adsize-orignal {
display: block;
}
img.ci-adsize-155x155 {
width: 155px;
height: 155px;
}
img.ci-adsize-234x175 {
width: 234px;
height: 175px;
}  #ci-widgetarea-sidebar .widget_calendar table {
width: 100%;
}
#ci-widgetarea-sidebar .widget_calendar thead th,
#ci-widgetarea-sidebar .widget_calendar tbody td {
text-align: right;
}  .ci-videocontainer,
.ci-audiocontainer {
margin-bottom: 40px;
}
.jp-jplayer {
margin: 0 auto;
}
.jp-video {
width: 580px;
}
.jp-gui {
height: 32px;
background: url(//xn--lbl-sna.de/wp-content/themes/studiolondon/images/system/mediaplayer_gui_bg.gif) 0 0 repeat-x;
}
.ci-videocontainer .jp-gui {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
}
.ci-audiocontainer .jp-gui {
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.jp-progress {
width: 240px;
height: 11px;
position: absolute;
top: 10px;
left: 80px;
background: #2a2a2a;
border: 1px solid #2a2a2a;
border-right: 1px solid #414141;
border-bottom: 1px solid #414141;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.jp-seek-bar {
height: 100%;
background: #323232;
border-radius: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
}
.jp-play-bar {
height: 100%;
background: #3cbdf0 url(//xn--lbl-sna.de/wp-content/themes/studiolondon/images/system/mediaplayer_gui_glossy.png) 0 center repeat-x;
border-radius: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
}
.jp-title,
.jp-duration,
.jp-current-time,
.jp-repeat,
.jp-volume-max,
.jp-full-screen,
.jp-video-play,
.jp-no-solution,
.jp-toggles {
display: none !important;
}
ul.jp-controls,
ul.jp-controls li {
margin: 0;
padding: 0;
}
ul.jp-toggles li,
ul.jp-controls li {
display: inline;
list-style-type: none;
}
.jp-interface {
position: relative;
}
.jp-interface a.jp-play,
.jp-interface a.jp-pause,
.jp-interface a.jp-stop,
.jp-interface a.jp-volume-bar,
.jp-interface a.jp-full-screen,
.jp-interface a.jp-mute,
.jp-interface a.jp-unmute {
width: 32px;
height: 32px;
display: block;
position: absolute;
top: 0;
text-indent: -9999px;
background-image: url(//xn--lbl-sna.de/wp-content/themes/studiolondon/images/system/mediaplayer_gui_controls.png);
background-position: 6px 0;
background-repeat: no-repeat;
}
.jp-interface a.jp-play {
left: 0;
background-position: 11px 10px;
border-right: 1px solid #3b3b3b;
}
.jp-controls-holder a.jp-pause {
left: 0;
background-position: 11px -20px;
border-right: 1px solid #3b3b3b;
}
.jp-controls-holder a.jp-stop {
left: 33px;
background-position: 11px -49px;
border-right: 1px solid #3b3b3b;
border-left: 1px solid #505050;
}
.jp-controls-holder a.jp-volume-bar {
left: 80px;
background-position: 11px -79px;
}
.jp-controls-holder a.jp-mute {
right: 215px;
background-position: 6px -81px;
}
.jp-controls-holder a.jp-unmute {
right: 215px;
background-position: 6px -111px;
}
.jp-volume-bar {
width: 200px;
height: 11px;
display: block;
position: absolute;
top: 10px;
right: 11px;
background: #2a2a2a;
border: 1px solid #2a2a2a;
border-right: 1px solid #414141;
border-bottom: 1px solid #414141;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.jp-volume-bar-value {
height: 11px;
position: absolute;
top: 0;
left: 0;
background: #3cbdf0 url(//xn--lbl-sna.de/wp-content/themes/studiolondon/images/system/mediaplayer_gui_glossy.png) 0 center repeat-x;
border-radius: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
}
jp-controls-holder a.jp-full-screen {
display: none !important;
right: 10px;
background-position: 2px -119px;
}
img.ci-audioposter {
display: block;
}  .ci-blog-overview,
.ci-blog-details {
padding-top: 40px;
}
.ci-blog-overview .ci-sidebar {
padding-top: 0;
}
h3.ci-postheadline,
h3.ci-postheadline a {
color: #333;
}
.ci-blog-overview h3.ci-postheadline,
.ci-blog-overview h3.ci-postheadline a {
margin-top: 0;
}
.ci-blogpost-date-container,
.ci-postthumb-link {
width: 80px;
display: inline;
margin-right: 20px;
float: left;
}
a.ci-postthumb-link {
width: 560px;
margin: 0;
margin-bottom: 18px;
position: relative;
overflow: hidden;
}
a.ci-postthumb-link img {
display: block;
}
.ci-thumb-cover {
width: 200px;
height: 150%;
position: absolute;
top: -40px;
right: -240px;
opacity: 0;
}
.ci-continue-symbols,
.ci-continue-text {
opacity: 0;
}
a.ci-postthumb-link:hover .ci-thumb-cover {
opacity: .8;
right: -100px;
z-index: 20;
-moz-transform-origin:0 0;
-moz-transform: rotate(15deg);
-moz-transition:-moz-transform 0.2s ease-in-out;
-webkit-transform-origin:0 0;
-webkit-transform: rotate(15deg);
-webkit-transition:-webkit-transform 0.2s ease-in-out;
-o-transform-origin:0 0;
-o-transform: rotate(15deg);
-o-transition:-o-transform 0.2s ease-in-out;
-ms-transform-origin:0 0;
-ms-transform: rotate(15deg);
-ms-transition:-ms-transform 0.2s ease-in-out;
}
a.ci-postthumb-link:hover .ci-continue-symbols,
a.ci-postthumb-link:hover .ci-continue-text {
opacity: 1;
}
.ci-continue-symbols {
width: 150px;
height: 100%;
position: absolute;
top: 0;
right: 0;
z-index: 50;
background: url(//xn--lbl-sna.de/wp-content/themes/studiolondon/images/system/ico_next.png) center center no-repeat;
}
@media all and (-webkit-min-device-pixel-ratio: 2) {
.ci-continue-symbols {
background: url(//xn--lbl-sna.de/wp-content/themes/studiolondon/images/system/ico_next@2x.png) center center no-repeat;
background-size: 27px 42px;
}
} a.ci-postthumb-link .ci-thumb-cover,
a.ci-postthumb-link .ci-continue-text,
a.ci-postthumb-link .ci-continue-symbols {
display : none\9
}
.ci-continue-text {
width: 150px;
height: 20px;
position: absolute;
bottom: 12px;
right: 0;
z-index: 60;
text-align: center;
color: #fff;
font-size: 12px;
font-weight: bold;
}
.ci-blogpost-date {
width: 80px;
height: 80px;
text-align: center;
border-radius: 50%;
color: #e1e1e1;
font-size: 10px;
font-style: italic;
background: #999;
}
.ci-blogpost-date .ci-month {
padding-top: 8px;
}
.ci-blogpost-date .ci-day {
font-size: 30px;
color: #fff;
line-height: 30px;
}
#blog .ci-posttext-container {
width: 560px;
margin-left: 100px;
}
.ci-blog-overview .post {
padding-bottom: 20px;
}
.ci-postoptions-container {
width: 80px;
float: left;
display: inline;
margin-right: 20px;
font-size: 11px;
}
.ci-postoptions-container .ci-blogpost-date-container {
margin-bottom: 20px;
clear: left;
}
.ci-postoptions-container .ci-postoptions {
list-style-type: none;
}
.ci-postoptions-container .ci-postoptions li {
padding-bottom: 10px;
}
.ci-postoptions-container .ci-postoptions .ci-addthis-container {
padding-top: 6px;
}
.ci-postcomments-container .ci-avatar {
float: left;
padding-right: 20px;
display: inline;
background: #fff;
}
.ci-postcomments-container img.avatar {
border-radius: 50%;
}
.ci-postcomments-container .ci-comment-content {
float: left;
}
.depth-1 .ci-comment-content {
width: 600px;
}
.depth-2 .ci-comment-content {
width: 540px;
}
.depth-3 .ci-comment-content {
width: 480px;
}
h3.ci-comment-title {
}
.ci-comment-headline {
width: 100%;
float: left;
}
.ci-postcomments-container {
width: 660px;
}
.commentlist a {
color: #5a606a;
font-weight: 200;
text-decoration: none;
}
.commentlist li {
list-style-type: none;
}
.ci-reply,
.edit-link,
.ci-dot {
padding: 0 0 0 5px;
float: right;
background: #fff;
}
.commentlist article {
padding: 20px 0 0;
}
#blog #respond {
margin-left: 100px;
margin-bottom: 15px;
padding: 10px 0 15px;
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
}
.ci-authorname,
.ci-authorname a,
.commentlist .comment-content,
.commentlist .reply,
.comment-author time,
.comment-author .says,
.comment-author .edit-link {
text-shadow: 0 1px 0 rgba(255,255,255,0.9);
filter: dropshadow(color=#ffffff, offx=0, offy=1);
}
.ci-authorname,
.ci-authorname a {
font-size: 15px;
color: #272727;
text-decoration: none;
font-weight: bold;
}
.commentlist .comment-content,
.commentlist .reply {
padding: 20px 0 0 60px;
}
.commentlist .comment-text {
padding-top: 20px;
}
.ci-postcomments-container ul.children {
padding-left: 60px;
}
#commentform label {
width: 55px;
float: left;
}
#commentform label,
.required {
padding-right: 5px;
}
#commentform span.required {
display: none;
}
input,
textarea {
padding: 2px 4px;
border: 1px solid #999;
font-size: 12px;
box-shadow: inset 0px 0px 2px rgba(0,0,0,.2);
background: #fafafa;
}
textarea {
width: 590px;
}
textarea {
width: 590px;
}
#respond textarea {
width: 480px;
}
.children #respond textarea {
width: 430px;
}
.children .children #respond textarea {
width: 370px;
}
input:focus,
textarea:focus {
background: #fff;
box-shadow: 0px 0px 2px rgba(0,0,0,.2);
}  .ci-search .ci-posttext-container {
width: 100%;
margin: 0;
}  #contactForm label {
padding: 15px 0 5px;
display: block;
}
#contactForm input.ci-inputfield {
width: 40%;
}
#contactForm textarea {
width: 90%;
}
button,
input#submit {
height: auto !important;
margin: 15px 0 !important;
padding: 8px 10px !important;
color: #fff;
border: 0;
}
button:hover,
input#submit {
cursor: pointer;
}
.ci-pagination-container {
clear: both;
padding: 30px 0;
position: relative;
font-size: 11px;
line-height: 13px;
text-align: center;
border-top: 1px solid #E2E2E2;
}
.ci-pagination-container span,
.ci-pagination-container a {
width: auto;
font-size: 12px;
margin: 2px 2px 2px 0;
padding: 6px 9px 5px 9px;
text-decoration: none;
color: #5F5F5F;
background: #fff;
border-radius: 4px;
border: 1px solid #E2E2E2;
}
.ci-pagination-container a:hover {
background: #fff;
}
.ci-pagination-container .current {
color: #fff !important;
}  #dropdown-trigger {
width: 748px;
height: 40px;
display: block;
position: absolute;
top: 0;
left: 50%;
z-index: 999;
margin: 0;
margin-left: -374px;
padding: 0;
border-radius: 0;
background: #333 url(//xn--lbl-sna.de/wp-content/themes/studiolondon/images/system/ico-mobile-menu.png) center center no-repeat;
}
@media all and (-webkit-min-device-pixel-ratio: 2) {
#dropdown-trigger {
background: #333 url(//xn--lbl-sna.de/wp-content/themes/studiolondon/images/system/ico-mobile-menu@2x.png) center center no-repeat;
background-size: 16px 16px;
}
}
#mobile-menu-wrap {
background: #333;
}
#mobile-menu {
width: 80%;
display: none;
margin: 0 auto;
padding: 0 0 20px;
}
#mobile-menu .sub-menu {
padding-left: 20px;
background: transparent none !important;
}
#mobile-menu li {
border-top: 1px solid #565656;
display: block;
float: none;
margin: 0;
padding: 0;
}
#mobile-menu-wrap a {
display: block;
padding: 10px 0;
color: #fff;
font-weight: bold;
}
#mobile-menu .sub-menu a {
color: #aaa;
font-weight: normal;
}
#dropdown-trigger {
display: none;
} @media screen and (max-width: 960px) {
#ci-primary-navigation {
display: none;
}
#dropdown-trigger {
display: block;
}
} @media screen and (max-width: 960px) {
#page {
padding-top: 40px;
overflow: hidden;
}
#dropdown-trigger {
width: 460px;
margin-left: -230px;
}
.ci-contentstyle-sidebar-right .ci-sidebar,
.ci-contentstyle-sidebar-left .ci-sidebar,
.ci-footercontent-positioner {
width: 100%;
}
.ci-footercontent-positioner {
padding: 0;
}
.ci-footercontent-positioner #footer-widgets {
padding: 20px 40px;
}
.ci-footer-text .ci-footercontent-positioner {
width: auto;
padding: 0 40px;
}
.ci-sidebar li.widget,
#ci-widgetarea-startpage li.widget {
width: 200px;
margin-right: 30px;
float: left;
}
.ci-sidebar li.widget {
margin-right: 20px;
}
#ci-widgetarea-footer li.widget {
width: 300px;
margin-right: 30px;
}
.ci-socialnetworks-container {
width: 240px;
float: none;
margin: 0 auto;
padding: 6px 0;
text-align: center;
}
.ci-nav-bar .icon {
line-height: 40px;
}
.ci-socialnetworks-container .icon {
float: none;
}
.ci-project-specs {
width: 100%;
margin-left: 0;
}
}     @media only screen and (min-width: 768px) and (max-width: 960px) {
#page,
.home #slides img {
width: 748px;
margin: 0 auto;
}
#cboxLoadedContent img {
width: 748px !important;
height: auto !important;
}
#page {
padding-top: 40px;
overflow: hidden;
}
#dropdown-trigger {
width: 748px;
margin-left: -374px;
}
.ci-portfolio-single .ci-detailimg-container,
.ci-portfolio-single .ci-videocontainer,
.ci-portfolio-single .ci-audiocontainer,
.ci-detailimg-container ul#slides img,
.ci-audioposter {
width: 668px;
margin-bottom: 20px;
}
.ci-audioposter {
margin: 0;
}
}     @media only screen and (max-width: 479px) {
#dropdown-trigger {
width: 300px;
margin-left: -150px;
}
#cboxLoadedContent img {
width: 300px !important;
height: auto !important;
}
#page,
.home #slides img {
width: 300px;
margin: 0 auto;
}
#page {
overflow: hidden;
}
#branding .ci-content-positioner {
text-align: center;
}
.ci-search-container {
float: none;
width: 160px;
margin: 0 auto;
padding: 20px 0;
}
.ci-contentstyle-sidebar-right .ci-maincontent,
.ci-contentstyle-sidebar-left .ci-maincontent {
width: 230px;
margin-left: 0;
margin-right: 0;
}
.ci-blog-overview a.ci-postthumb-link,
.ci-blog-overview ul.ci-postoptions,
.ci-post-thumbnail img {
display: none;
}
.ci-postoptions-container,
.ci-blogpost-date-container,
.ci-postthumb-link {
display: block;
float: none;
}
.ci-postoptions-container,
.ci-blogpost-date-container {
width: 80px;
margin-left: auto;
margin-right: auto;
}
ul.ci-postoptions h6 {
display: inline;
}
.ci-postoptions-container {
width: 220px;
}
h3.ci-postheadline,
h3.ci-postheadline a {
text-align: center;
}
#blog .ci-posttext-container {
width: 220px;
margin-left: 0;
}
.ci-post-thumbnail img {
width: 140px;
height: auto;
}
.ci-postcomments-container,
.depth-1 .ci-comment-content {
width: 220px;
}
.depth-2 .ci-comment-content {
width: 180px;
}
.depth-3 .ci-comment-content {
width: 120px;
}
#blog #respond {
margin-left: 0;
}
#respond textarea {
width: 210px;
}
.children #respond textarea,
.children .children #respond textarea {
width: 110px;
}
.ci-portfolio-overview {
width: 220px;
}
.ci-portfolio-overview li {
float: none;
}
.ci-portfolio-overview li.ci-portfolio-entry {
margin-left: auto;
margin-right: auto;
}
.gallery-item {
width: auto !important;
}
.ci-footercontent-positioner #footer-widgets {
padding: 20px 40px;
}
.ci-footer-text .ci-footercontent-positioner {
width: auto;
padding: 0 40px;
}
.ci-sidebar li.widget,
#ci-widgetarea-startpage li.widget {
width: 220px;
margin-right: 30px;
float: left;
}
.ci-sidebar li.widget {
margin-right: 20px;
}
#ci-widgetarea-footer li.widget {
width: 220px;
margin-right: 30px;
}
.ci-portfolio-single .ci-detailimg-container,
.ci-portfolio-single .ci-videocontainer,
.ci-portfolio-single .ci-audiocontainer,
.ci-detailimg-container ul#slides img,
.ci-audioposter {
width: 220px;
margin-bottom: 20px;
}
.ci-audioposter {
margin: 0;
}
#jquery_jplayer_video,
#jquery_jplayer_video object {
width: 220px !important;
}
.jp-progress {
width: 60px;
}
.jp-controls-holder a.jp-mute {
right: 43px;
}
.jp-volume-bar {
width: 30px;
}
.one_half,
.one_third,
.two_third,
.one_fourth,
.three_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth { width: 100%; }
}     @media only screen and (min-width: 480px) and (max-width: 767px) {
#page,
.home #slides img {
width: 460px;
margin: 0 auto;
}
#page {
overflow: hidden;
}
#cboxLoadedContent img {
width: 460px !important;
height: auto !important;
}
.ci-contentstyle-sidebar-right .ci-maincontent,
.ci-contentstyle-sidebar-left .ci-maincontent {
width: 380px;
margin-left: 0;
margin-right: 0;
}
.gallery-item {
width: auto !important;
}
.ci-blog-overview a.ci-postthumb-link,
.ci-blog-overview ul.ci-postoptions {
display: none;
}
#blog .ci-posttext-container {
width: 290px;
}
.ci-post-thumbnail img {
width: 290px;
height: auto;
}
.ci-postcomments-container,
.depth-1 .ci-comment-content {
width: 390px;
}
.depth-2 .ci-comment-content {
width: 330px;
}
.depth-3 .ci-comment-content {
width: 270px;
}
#blog #respond {
margin-left: 0;
}
#respond textarea {
width: 310px;
}
.children #respond textarea,
.children .children #respond textarea {
width: 260px;
}
.ci-portfolio-overview {
width: 380px;
}
.ci-portfolio-overview li {
float: none;
}
.ci-portfolio-overview li.ci-portfolio-entry {
margin-left: auto;
margin-right: auto;
}
.ci-footercontent-positioner #footer-widgets {
padding: 20px 40px;
}
.ci-footer-text .ci-footercontent-positioner {
width: auto;
padding: 0 40px;
}
.ci-sidebar li.widget,
#ci-widgetarea-startpage li.widget {
width: 380px;
margin-right: 30px;
float: left;
}
.ci-sidebar li.widget {
margin-right: 20px;
}
#ci-widgetarea-footer li.widget {
width: 380px;
margin-right: 30px;
}
.ci-portfolio-single .ci-detailimg-container,
.ci-portfolio-single .ci-videocontainer,
.ci-portfolio-single .ci-audiocontainer,
.ci-detailimg-container ul#slides img,
.ci-audioposter {
width: 380px;
margin-bottom: 20px;
}
.ci-audioposter {
margin: 0;
}
#jquery_jplayer_video,
#jquery_jplayer_video object {
width: 380px !important;
}
.jp-progress {
width: 180px;
}
.jp-controls-holder a.jp-mute {
right: 73px;
}
.jp-volume-bar {
width: 60px;
}
.one_half,
.one_third,
.two_third,
.one_fourth,
.three_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth { width: 100%; }
}