@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: url(/wp-content/themes/noto-simple-child/fonts/open-sans-v17-latin-300.eot); src: local('Open Sans Light'), local('OpenSans-Light'),
url(/wp-content/themes/noto-simple-child/fonts/open-sans-v17-latin-300.eot?#iefix) format('embedded-opentype'), url(/wp-content/themes/noto-simple-child/fonts/open-sans-v17-latin-300.woff2) format('woff2'), url(/wp-content/themes/noto-simple-child/fonts/open-sans-v17-latin-300.woff) format('woff'), url(/wp-content/themes/noto-simple-child/fonts/open-sans-v17-latin-300.ttf) format('truetype'), url(/wp-content/themes/noto-simple-child/fonts/open-sans-v17-latin-300.svg#OpenSans) format('svg'); } @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url(/wp-content/themes/noto-simple-child/fonts/open-sans-v17-latin-regular.eot); src: local('Open Sans Regular'), local('OpenSans-Regular'),
url(/wp-content/themes/noto-simple-child/fonts/open-sans-v17-latin-regular.eot?#iefix) format('embedded-opentype'), url(/wp-content/themes/noto-simple-child/fonts/open-sans-v17-latin-regular.woff2) format('woff2'), url(/wp-content/themes/noto-simple-child/fonts/open-sans-v17-latin-regular.woff) format('woff'), url(/wp-content/themes/noto-simple-child/fonts/open-sans-v17-latin-regular.ttf) format('truetype'), url(/wp-content/themes/noto-simple-child/fonts/open-sans-v17-latin-regular.svg#OpenSans) format('svg'); } @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: url(/wp-content/themes/noto-simple-child/fonts/open-sans-v17-latin-600.eot); src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
url(/wp-content/themes/noto-simple-child/fonts/open-sans-v17-latin-600.eot?#iefix) format('embedded-opentype'), url(/wp-content/themes/noto-simple-child/fonts/open-sans-v17-latin-600.woff2) format('woff2'), url(/wp-content/themes/noto-simple-child/fonts/open-sans-v17-latin-600.woff) format('woff'), url(/wp-content/themes/noto-simple-child/fonts/open-sans-v17-latin-600.ttf) format('truetype'), url(/wp-content/themes/noto-simple-child/fonts/open-sans-v17-latin-600.svg#OpenSans) format('svg'); } @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: url(/wp-content/themes/noto-simple-child/fonts/open-sans-v17-latin-700.eot); src: local('Open Sans Bold'), local('OpenSans-Bold'),
url(/wp-content/themes/noto-simple-child/fonts/open-sans-v17-latin-700.eot?#iefix) format('embedded-opentype'), url(/wp-content/themes/noto-simple-child/fonts/open-sans-v17-latin-700.woff2) format('woff2'), url(/wp-content/themes/noto-simple-child/fonts/open-sans-v17-latin-700.woff) format('woff'), url(/wp-content/themes/noto-simple-child/fonts/open-sans-v17-latin-700.ttf) format('truetype'), url(/wp-content/themes/noto-simple-child/fonts/open-sans-v17-latin-700.svg#OpenSans) format('svg'); }body, h1, h2, h3, h4, h5, h6, div, p, ul, li, a {
font-family: 'Open Sans';
}
body {
background: #b5bdc1;
background: rgb(184,180,172);
color: #404040;
color: #FFF;
}
.margintop30 {
margin-top: 30px;
}
a {
color: #FFF;
}
.nobreak {
white-space: nowrap;
}
.instagram {
width: 40px;
height: 40px;
}
.weg {
display: none;
}
.home header.entry-header {
margin-top: -15px;
margin-bottom: 30px;
}
.home h1.entry-title {
font-family: 'Open Sans';
font-weight: 600;
font-size: 13px;
line-height: 15px;
padding: 12px 18px 14px 18px;
color: #FFF;
text-decoration: none;
text-transform: uppercase;
background: none;
text-align: center;
margin: -10 auto 45px auto;
}
h1.entry-title {
display: none;
}
.home h1.entry-title {
display: block;
}
p img.alignnone {
margin: 30px 0 30px 0;
}
header.site-header {
padding: 40px 0 0 0;
}
body:not(.home) header.site-header {
margin: 0 0 25px 0;
}
.main-navigation {
margin: 20px 0 20px 0;
}
header .menu li a {
font-family: 'Open Sans';
font-weight: 600;
font-size: 13px;
line-height: 15px;
padding: 12px 18px 14px 18px;
display: block;
color: #FFF;
text-decoration: none;
text-transform: uppercase;
background: none;
}
.main-navigation li.current_page_item > a {
background: none;
opacity: 1;
}
.main-navigation ul ul {
background: none;
box-shadow: 0px 0px 0px;
background: rgba(181, 189, 193, 0.8); }
.main-navigation ul ul li a {
padding: 9px 18px 9px 18px;
}
header ul#primary-menu > li:hover > a,
.main-navigation ul ul li a:hover {
opacity: 0.7;
background: none;
}
.site-branding a.custom-logo-link {
display: block;
width: 335px;
margin: 0 auto;
max-width: 60vw;
}
header .logo {
margin-bottom: 22px;
}
.wpb_portfolio .col-md-6 {
padding: 0 5px 0 5px;
}
.wpb_portfolio.minimal_hover_effect .wpb-fp-item {
margin-bottom: 10px;
}
.wpb_portfolio .wpb-fp-portfolio-item-experts {
display: none;	
}
.wpb_portfolio .wpb-fp-portfolio-item-categories {
display: none;
}
li.mobil {
display: none;
} #bereich {
width: 100%;
text-transform: uppercase;
margin: -20px 0 10px 0;
text-align: center;
opacity: 0;
font-size: 12px;
line-height: 12px;
height: 12px;
}
#content {
min-height: calc(100vh - 410px);
}
#content .container {
max-width: 700px;
}
.entry-content {
margin-top: 0px;
}
.page-uebersicht #content .container,
.page-kunden #content .container,
.page-awards #content .container,
.page-studien #content .container,
.home #content .container {
width: calc(100% - 40px);
max-width: calc(100% - 40px);
padding: 0px;
}
.page-kunden .minimal_hover_effect,
.page-kunden .minimal_hover_effect .wpb-fp-item,
.page-kunden .minimal_hover_effect .wpb-fp-item a,
.page-kunden .minimal_hover_effect .wpb-fp-item:hover {
cursor: default;
}
.page-kunden .minimal_hover_effect .wpb-fp-item:hover .wpb-fp-portfolio-item-details {
display: none;
}
.page-datenschutz .entry-content h1,
.page-datenschutz .entry-content h2,
.page-datenschutz .entry-content h3 {
margin: 20px 0 20px 0;
} .site-branding a {
height: 100px;
}
.site-branding img {
width: 100%;
height: 100%;
}
#attachment_2568 img {
width: 100%;
max-width: none;
}
#attachment_2568 figcaption#caption-attachment-2568 {
text-align: left;
} body .minimal_hover_effect .wpb-fp-portfolio-item-details {
background: rgba(0,0,0,0.7);
}
body .minimal_hover_effect .wpb-fp-item .wpb-fp-portfolio-item-details h3 { font-weight: 300;
}
body .wpb-fp-filter.wpb_fp_filter_plain li.filter {
text-transform: uppercase;
color: rgba(255,255,255,0.0);
opacity: 1.0;
margin: 0 10px 0 0;
}
body .wpb-fp-filter.wpb_fp_filter_plain li.filter:after {
opacity: 0;
}
.wpb_portfolio_area {
text-align: center;
margin: -10px auto 20px auto;
}
ul.wpb-fp-filter {
display: inline-block;
text-align: center;
height: 70px;
width: auto;
}
ul.wpb-fp-filter > li.filter:first-child,
li.filter.wpb_fp_cat_39,
li.filter.wpb_fp_cat_40,
li.filter.wpb_fp_cat_41,
li.filter.wpb_fp_cat_42,
li.filter.wpb_fp_cat_43,
li.filter.wpb_fp_cat_44 { display: inline-block;
width: 80px;
height: 80px;
font-size: 12px !important;
line-height: 0px !important;
color: rgba(255,255,255,0.0) !important;
float: left;
text-align: center;
}
ul.wpb-fp-filter > li.filter:first-child:hover,
li.filter.wpb_fp_cat_39:hover,
li.filter.wpb_fp_cat_40:hover,
li.filter.wpb_fp_cat_41:hover,
li.filter.wpb_fp_cat_42:hover,
li.filter.wpb_fp_cat_43:hover,
li.filter.wpb_fp_cat_44:hover {
font-size: 12px;
line-height: 0px;
color: rgba(255,255,255,1.0) !important;
text-align: center;
margin: -5px 10px 0 0 !important;
opacity: 1.5;
border-radius: 140px;
}
ul.wpb-fp-filter > li.filter.active {
border: 2px solid rgba(255,255,255,0.3);
border-radius: 140px;
}
ul.wpb-fp-filter > li.filter:first-child {
background: url(//www.white-white.com/wp-content/uploads/icon_alles.png) center center no-repeat;
background-size: 70px 70px;
display: none;
}
li.filter.wpb_fp_cat_39 {
background: url(//www.white-white.com/wp-content/uploads/icon_luxury.png) center center no-repeat;
background-size: 70px 70px;
}
li.filter.wpb_fp_cat_40 {
background: url(//www.white-white.com/wp-content/uploads/icon_campaigns.png) center center no-repeat;
background-size: 70px 70px;
}
li.filter.wpb_fp_cat_41 {
background: url(//www.white-white.com/wp-content/uploads/icon_dental.png) center center no-repeat;
background-size: 70px 70px;
}
li.filter.wpb_fp_cat_42 {
background: url(//www.white-white.com/wp-content/uploads/icon_film.png) center center no-repeat;
background-size: 70px 70px;
}
li.filter.wpb_fp_cat_43 {
background: url(//www.white-white.com/wp-content/uploads/icon_photo.png) center center no-repeat;
background-size: 70px 70px;
}
li.filter.wpb_fp_cat_44 {
background: url(//www.white-white.com/wp-content/uploads/icon_research.png) center center no-repeat;
background-size: 70px 70px;
}
ul.wpb-fp-filter > li.filter:first-child:hover:before,
li.filter.wpb_fp_cat_39:hover:before,
li.filter.wpb_fp_cat_40:hover:before,
li.filter.wpb_fp_cat_41:hover:before,
li.filter.wpb_fp_cat_42:hover:before,
li.filter.wpb_fp_cat_43:hover:before,
li.filter.wpb_fp_cat_44:hover:before {
opacity: 0.7;
}  .site-main {
margin: 0 0 0 0;
}
.single-port .featured-image {
text-align: left;
margin: 24px 20px 10px 0;
display: none;
}
.single-port .featured-image img {
width: 160px;
height: 160px;
}
nav.post-navigation {
display: none;
}
.entry-footer {
border-top: 1px solid #FFF;
margin-top: 20px;
}  body.page-uebersicht {
max-width: 3000px;
padding: 0 0 0 0;
width: auto !important;
margin: 0 auto;
}
body.page-uebersicht #uebersichten {
margin: 0 auto;
width: calc(70vw + 60px);
position: relative;
}
body.page-uebersicht .uebersicht {
float: left;
padding: 15px;
width: 35vw;
overflow: hidden;
}
body.page-uebersicht .uebersicht .uebersicht_inner {
position: relative;
width: 35vw;
height: 14.35vw;
}
body.page-uebersicht .uebersicht img {
width: 35vw;
position: absolute;
top: 0px;
left: 0px;
}
body.page-uebersicht .uebersicht img.detail { 
opacity: 0.0;
transition: 1.0s;
}
body.page-uebersicht .uebersicht:hover img.detail { 
opacity: 1.0;
transition: 0.5s;
}  .single-port #pbOverlay {
background: rgba(0,0,0,0.2) none repeat scroll 0% 0% !important;
}
.spider_popup_wrap {
background: rgba(0,0,0,0.2) none repeat scroll 0% 0% !important;
}
#spider_popup_left-ico, #spider_popup_right-ico {
background: rgba(0,0,0,0.0) none repeat scroll 0% 0% !important;
}
.single-port .spider_popup_close_fullscreen {
right: 15px;
top: 15px;
font-size: 20px !important;
}
.single-port article h2,
.single-port h2.casehead {
font-size: 18px;
font-weight: 600;
margin: 30px 0 5px 0;
}
.single-port article p {
margin: 0 0 20px 0;
}
.single-port article p.marginy {
margin: 0 0 20px 0;
}
.single-port #bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails {
padding: 20px 0 0 0;
}
.single-port div.caselink a,
.single-port a.pdf,
.page-kontakt input[type="submit"] {
display: inline-block;
margin: 30px 0 0 0;
background: #FFF;
color: #959da1;
padding: 9px 18px 9px 18px;
text-decoration: none;
border-radius: 5px;
border: 0px;
}
.page-kontakt input[type="submit"] {
margin: 10px 0 0 0;
}
.single-port div.caselink a {
margin: 10px 0 0 0;
}
.single-port .bwg_slide_bg .bwg_slider img {
max-width: 1000px !important;
max-height: 80vh !important;
}
.single-port figure img {
max-width: 400px;
max-height: 400px;
border-radius: 5px;
}
.entry-footer {
border-top: 0px;
}
p.abstand.mitte {
margin: 10px 0 10px 0;
}
.single-port p iframe {
margin: 10px 0 10px 0;
} footer .site-info * {
color: #FFF;
padding: 0 15px 0 15px;
text-decoration: none;
font-size: 14px;
}
footer .site-info a,
footer .site-info span {
line-height: 30px;
}
footer .socials {
display: inline-block;
margin-bottom: 23px;
}
footer ul.socials_list {
list-style: none;
margin: 0;
padding: 0;
}
footer .socials li {
display: inline-block;
float: left;
margin: 0 5px;
padding: 0 0 0 0;
}
footer .socials li a {
display: block;
height: 40px;
width: 40px;
}
.socials_list li a.ico_social-facebook {
background-size: 560px 260px !important;
-webkit-background-size: 560px 260px !important;
background-image: url(//www.white-white.com/wp-content/uploads/performer_icons.png) !important;
}
.socials_list li a.ico_social-youtube {
background: url(//www.white-white.com/wp-content/themes/performer/img/performer_icons.png) no-repeat scroll -160px -40px 
rgba(0, 0, 0, 0);
background-image: url(//www.white-white.com/wp-content/uploads/performer_icons.png) !important;
background-size: auto;
}
@media screen and (min-device-pixel-ratio: 2) {
.socials_list li a.ico_social-facebook {
background-size: 560px 260px !important;
-webkit-background-size: 560px 260px !important;
background-image: url(//www.white-white.com/wp-content/uploads/performer_icons_retina.png) !important;
}
.socials_list li a.ico_social-youtube {
background-size: 560px 260px !important;
-webkit-background-size: 560px 260px !important;
background-image: url(//www.white-white.com/wp-content/uploads/performer_icons_retina.png) !important;
}
}
@media screen and (max-width: 767px) {
.home #bereich.da {
opacity: 1.0;
}
ul.wpb-fp-filter > li.filter:first-child:hover,
li.filter.wpb_fp_cat_39:hover,
li.filter.wpb_fp_cat_40:hover,
li.filter.wpb_fp_cat_41:hover,
li.filter.wpb_fp_cat_42:hover,
li.filter.wpb_fp_cat_43:hover,
li.filter.wpb_fp_cat_44:hover {
color: rgba(255,255,255,0.0) !important;
}
body.page-uebersicht #content {
margin-top: 50px;
}
body.page-uebersicht .uebersicht {
width: 100%;
padding: 0 0 20px 0;
}
body.page-uebersicht .uebersicht .uebersicht_inner {
width: 100%;
height: 35vw;
}
body.page-uebersicht .uebersicht .uebersicht_inner img { 
width: 100%;
margin-bottom: 30px;
}
body.home .wpb-fp-item.col-md-6,
.page-awards .wpb-fp-item.col-md-6,
.page-kunden .wpb-fp-item.col-md-6,
.page-studien .wpb-fp-item.col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
flex-grow: 0;
max-width: 50%;
}
header#masthead {
padding: 80px 0 0 0;
margin: 0 0 50px 0;
}
body:not(.home) header#masthead.site-header {
margin: 0 0 60px 0;
}
.custom #wprmenu_menu_ul {
margin-top: 80px;
}
.wprmenu_bar #custom_menu_icon.hamburger {
right: 0px;
padding-right: 40px;
background: rgba(181,189,193,0.0);
}
.custom #wprmenu_menu_ul li a {
color: #1d1d1b;
letter-spacing: 1px;
}
.wprmenu_bar .hamburger-inner, 
.wprmenu_bar .hamburger-inner::before, 
.wprmenu_bar .hamburger-inner::after {
width: 35px;
border-radius: 0px;
}
#mg-wprm-wrap li.menu-item a {
padding: 8px 20px 8px 20px;
}
#logo {
height: 125px;
margin: 70px 0 0 0;
}
html body div.wprm-overlay {
background: rgb(0,0,0, 0.7);
}
html body #wprmenu_menu_ul li.wprmenu_parent_item_li > ul {
padding: 0 0px;
margin: 0;
margin-left: 0px;
}
html body #wprmenu_menu_ul li.wprmenu_parent_item_li > ul li a {
padding-left: 30px;
}
div#mg-wprm-wrap ul li span.wprmenu_icon::before {
top: -1px;
}
#mg-wprm-wrap.cbp-spmenu-right, #mg-wprm-wrap.cbp-spmenu-left, #mg-wprm-wrap.cbp-spmenu-right.custom, #mg-wprm-wrap.cbp-spmenu-left.custom, .cbp-spmenu-vertical {
background: rgba(181,189,193,0.7);
}
}
@media screen and (max-width: 700px) {
.wpb_portfolio_area {
text-align: center;
margin: -26px auto 20px auto;
}
body:not(.home) header#masthead.site-header {
margin: 0 0 75px 0;
}
body.home ul.wpb-fp-filter.wpb_fp_filter_plain {
margin-bottom: 70px !important;
}
body.home ul.wpb-fp-filter.wpb_fp_filter_plain li {
float: none;
}
}
@media screen and (max-width: 579px) {
body.home ul.wpb-fp-filter.wpb_fp_filter_plain {
text-align: center;
display: inline-block;
width: auto;
max-width: auto;
margin: 0 auto;
margin-bottom: 150px !important;
}
body .minimal_hover_effect .wpb-fp-item .wpb-fp-portfolio-item-details h3 {
font-size: 16px;
line-height: 22px;
margin: 20px 0 20px 0;
hyphens: none;
}
}
@media screen and (max-width: 460px) {
.single-port figure img {
max-width: 100%;
height: auto;
}
}
@media screen and (max-width: 400px) {
.home #content .container {
width: calc(100% - 20px);
max-width: calc(100% - 20px); }
body .wpb-fp-filter.wpb_fp_filter_plain li.filter {
margin: 0 0 0 0;
}
body .wpb-fp-filter.wpb_fp_filter_plain li.filter {
margin: 20px 5px -10px 5px !important;
font-size: 8px !important;
}
ul.wpb-fp-filter > li.filter:first-child, li.filter.wpb_fp_cat_39, li.filter.wpb_fp_cat_40, li.filter.wpb_fp_cat_41, li.filter.wpb_fp_cat_42, li.filter.wpb_fp_cat_43, li.filter.wpb_fp_cat_44 {
height: 55px;
width: 45px;
}
ul.wpb-fp-filter > li.filter.active {
border: 0px;
}
body.home ul.wpb-fp-filter.wpb_fp_filter_plain {
margin-bottom: 20px !important;
width: 100%;
}
.wprmenu_bar #custom_menu_icon.hamburger {
right: 0px;
padding-right: 30px;
}
.wpb_portfolio .col-md-6:nth-of-type(odd) { }
.wpb_portfolio .col-md-6:nth-of-type(even) { }
ul.wpb-fp-filter > li.filter:first-child {
background: url(//www.white-white.com/wp-content/uploads/icon_alles.png) center center no-repeat;
background-size: 55px 55px;
display: none;
}
li.filter.wpb_fp_cat_39 {
background: url(//www.white-white.com/wp-content/uploads/icon_luxury.png) center center no-repeat;
background-size: 55px 55px;
}
li.filter.wpb_fp_cat_40 {
background: url(//www.white-white.com/wp-content/uploads/icon_campaigns.png) center center no-repeat;
background-size: 55px 55px;
}
li.filter.wpb_fp_cat_41 {
background: url(//www.white-white.com/wp-content/uploads/icon_dental.png) center center no-repeat;
background-size: 55px 55px;
}
li.filter.wpb_fp_cat_42 {
background: url(//www.white-white.com/wp-content/uploads/icon_film.png) center center no-repeat;
background-size: 55px 55px;
}
li.filter.wpb_fp_cat_43 {
background: url(//www.white-white.com/wp-content/uploads/icon_photo.png) center center no-repeat;
background-size: 55px 55px;
}
li.filter.wpb_fp_cat_44 {
background: url(//www.white-white.com/wp-content/uploads/icon_research.png) center center no-repeat;
background-size: 55px 55px;
}
.minimal_hover_effect.wpb_fp_row {
margin: 0 -10px 0 -10px;
max-width: 100vw;
}
}
@media screen and (max-width: 375px) {
header#masthead {
padding: 40px 0 0 0;
margin: 0 0 30px 0;
}
body .minimal_hover_effect .wpb-fp-portfolio-item-details {
padding: 26px 15px 26px 15px;
}
.home header.entry-header {
margin: -30px 0 0 0;
}
.home h1.entry-title {
text-align: left;
margin: -30px 0 10px 0;
font-size: 12px;
font-weight: 500;
}
.home #bereich {
float: right;
text-align: right;
padding: 45px 18px 0 0;
margin: -20px 0 -13px 0;
}
}
@media screen and (max-width: 359px) {
body .wpb-fp-filter.wpb_fp_filter_plain li.filter {
margin: 0 -5px 0 -5px;
}
}
a#back-to-top,
a#back-to-top i {
width: 50px;
height: 50px;
text-decoration: none;
}
a#back-to-top i {
color: rgba(255,255,255,0);
display: block;
background: url(//www.white-white.com/wp-content/uploads/arrowup.png) center center no-repeat;
background-size: 25px;
}.rl-gallery {
padding: 0;
margin: 0;
}
.rl-gallery .rl-gallery-item {
overflow: hidden;
}
.rl-gallery .rl-gallery-link {
position: relative;
display: block;
}
.rl-gallery .rl-gallery-link,
.rl-gallery .rl-gallery-link img {
border: none;
outline: none;
box-shadow: none;
}
.rl-gallery .rl-gallery-link img {
z-index: 0;
}
.rl-gallery .rl-gallery-link .rl-gallery-caption {
position: absolute;
width: 100%;
display: block;
z-index: 2;
bottom: 0;
background-color: rgba(0,0,0,0.8);
overflow: hidden;
word-wrap: break-word;
padding: 1em;
font-weight: normal;
line-height: 1.2;
text-align: left;
word-wrap: break-word;
backface-visibility: hidden;
box-sizing: border-box;
filter: "alpha(opacity=100)";
opacity: 1;
-webkit-transition: transform 0.3s, opacity 0.3s;
-moz-transition: transform 0.3s, opacity 0.3s;
-ms-transition: transform 0.3s, opacity 0.3s;
-o-transition: transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
}
*.rl-gallery[class^="rl-hover-effect-"] .rl-gallery-link .rl-gallery-caption,
*.rl-gallery[class*="rl-hover-effect-"] .rl-gallery-link .rl-gallery-caption {
filter: "alpha(opacity=0)";
opacity: 0;
}
.rl-gallery .rl-gallery-item-title,
.rl-gallery .rl-gallery-item-caption {
display: block;
color: #fff;
}
.rl-gallery:not(.rl-hidden-text) .rl-gallery-link:after {
position: absolute;
height: 100%;
width: 100%;
z-index: 1;
background-color: rgba(0,0,0,0.8);
display: block;
content: '';
filter: "alpha(opacity=0)";
opacity: 0;
top: 0;
left: 0;
-webkit-transition: transform 0.3s, opacity 0.3s;
-moz-transition: transform 0.3s, opacity 0.3s;
-ms-transition: transform 0.3s, opacity 0.3s;
-o-transition: transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
}
.rl-gallery .rl-gallery-link:hover .rl-gallery-caption,
.rl-gallery .rl-gallery-link.hover .rl-gallery-caption {
filter: "alpha(opacity=100)";
opacity: 1;
} @font-face {
font-family: 'responsive-lightbox';
src: url(//www.white-white.com/wp-content/plugins/responsive-lightbox/font/responsive-lightbox.eot?86939755);
src: url(//www.white-white.com/wp-content/plugins/responsive-lightbox/font/responsive-lightbox.eot?86939755#iefix) format('embedded-opentype'),
url(//www.white-white.com/wp-content/plugins/responsive-lightbox/font/responsive-lightbox.woff2?86939755) format('woff2'),
url(//www.white-white.com/wp-content/plugins/responsive-lightbox/font/responsive-lightbox.woff?86939755) format('woff'),
url(//www.white-white.com/wp-content/plugins/responsive-lightbox/font/responsive-lightbox.ttf?86939755) format('truetype'),
url(//www.white-white.com/wp-content/plugins/responsive-lightbox/font/responsive-lightbox.svg?86939755#responsive-lightbox) format('svg');
font-weight: normal;
font-style: normal;
}   [class^="rl-hover-icon-"] .rl-gallery-link:before,
[class*="rl-hover-icon-"] .rl-gallery-link:before {
font-family: "responsive-lightbox";
font-style: normal;
font-weight: normal;
speak: none;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
text-decoration: none;
width: 1em;
height: 1em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 50%;
left: 50%;
margin-top: -1em;
margin-left: -1em;
background-color: rgba(0,0,0,0.8);
color: #fff;
padding: 1em;
border-radius: 50%;
filter: "alpha(opacity=0)";
opacity: 0;
z-index: 4;
-webkit-transition: transform 0.3s, opacity 0.3s;
-moz-transition: transform 0.3s, opacity 0.3s;
-ms-transition: transform 0.3s, opacity 0.3s;
-o-transition: transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
}
.rl-hover-icon-1 .rl-gallery-link:before {
content: '\e800';
}
.rl-hover-icon-2 .rl-gallery-link:before {
content: '\e801';
}
.rl-hover-icon-3 .rl-gallery-link:before {
content: '\e802';
}
.rl-hover-icon-4 .rl-gallery-link:before {
content: '\e803';
}
.rl-hover-icon-5 .rl-gallery-link:before {
content: '\f0fe';
}
.rl-hover-icon-6 .rl-gallery-link:before {
content: '\e809';
}
.rl-hover-icon-7 .rl-gallery-link:before {
content: '\e80a';
}
.rl-hover-icon-8 .rl-gallery-link:before {
content: '\e80b';
}
.rl-hover-icon-9 .rl-gallery-link:before {
content: '\e80d';
}
.rl-hover-icon-10 .rl-gallery-link:before {
content: '\e80e';
}
.rl-hover-icon-11 .rl-gallery-link:before {
content: '\f08e';
}
.rl-hover-icon-12 .rl-gallery-link:before {
content: '\f0b2';
}
.rl-hover-icon-13 .rl-gallery-link:before {
content: '\e804';
}
.rl-hover-icon-14 .rl-gallery-link:before {
content: '\f14c';
}
.rl-hover-icon-15 .rl-gallery-link:before {
content: '\f196';
}
.rl-hover-icon-16 .rl-gallery-link:before {
content: '\f24d';
}
[class^="rl-hover-effect-"][class^="rl-hover-icon-"] .rl-gallery-link:hover:before,
[class*="rl-hover-effect-"][class*="rl-hover-icon-"] .rl-gallery-link:hover:before,
[class^="rl-hover-effect-"][class^="rl-hover-icon-"] .rl-gallery-link.hover:before,
[class*="rl-hover-effect-"][class*="rl-hover-icon-"] .rl-gallery-link.hover:before {
filter: "alpha(opacity=100)";
opacity: 1;
} .rl-gallery.rl-hover-effect-1 .rl-gallery-link .rl-gallery-caption {
background: none;
}
.rl-gallery.rl-hover-effect-1 .rl-gallery-link:hover .rl-gallery-caption,
.rl-gallery.rl-hover-effect-1 .rl-gallery-link.hover .rl-gallery-caption {
filter: "alpha(opacity=100)";
opacity: 1;
}
.rl-gallery.rl-hover-effect-1 .rl-gallery-link:before {
background: none;
}
.rl-gallery.rl-hover-effect-1 .rl-gallery-link:hover:after,
.rl-gallery.rl-hover-effect-1 .rl-gallery-link.hover:after {
filter: "alpha(opacity=100)";
opacity: 1;
} .rl-gallery.rl-hover-effect-2 .rl-gallery-link:hover .rl-gallery-caption,
.rl-gallery.rl-hover-effect-2 .rl-gallery-link.hover .rl-gallery-caption {
filter: "alpha(opacity=100)";
opacity: 1;
} .rl-gallery.rl-hover-effect-3 {
overflow: visible;
}
.rl-gallery.rl-hover-effect-3 .rl-gallery-item {
overflow: visible;
}
.rl-gallery.rl-hover-effect-3 .rl-gallery-link {
overflow: visible;
}
.rl-gallery.rl-hover-effect-3 .rl-gallery-link .rl-gallery-caption {
position: absolute;
background: none;
}
.rl-gallery.rl-hover-effect-3 .rl-gallery-link:hover .rl-gallery-caption,
.rl-gallery.rl-hover-effect-3 .rl-gallery-link.hover .rl-gallery-caption {
-webkit-transform: translate(15px, 15px);
-moz-transform: translate(15px, 15px);
-ms-transform: translate(15px, 15px);
-o-transform: translate(15px, 15px);
transform: translate(15px, 15px);
}
.rl-gallery.rl-hover-effect-3 .rl-gallery-link:hover:after,
.rl-gallery.rl-hover-effect-3 .rl-gallery-link.hover:after {
filter: "alpha(opacity=100)";
opacity: 1;
-webkit-transform: translate(15px, 15px);
-moz-transform: translate(15px, 15px);
-ms-transform: translate(15px, 15px);
-o-transform: translate(15px, 15px);
transform: translate(15px, 15px);
}
.rl-gallery.rl-hover-effect-3[class^="rl-hover-icon-"] .rl-gallery-link:before,
.rl-gallery.rl-hover-effect-3[class*="rl-hover-icon-"] .rl-gallery-link:before {
background: none;
}
.rl-gallery.rl-hover-effect-3[class^="rl-hover-icon-"] .rl-gallery-link:hover:before,
.rl-gallery.rl-hover-effect-3[class*="rl-hover-icon-"] .rl-gallery-link:hover:before,
.rl-gallery.rl-hover-effect-3[class^="rl-hover-icon-"] .rl-gallery-link.hover:before,
.rl-gallery.rl-hover-effect-3[class*="rl-hover-icon-"] .rl-gallery-link.hover:before {
-webkit-transform: translate(15px, 15px);
-moz-transform: translate(15px, 15px);
-ms-transform: translate(15px, 15px);
-o-transform: translate(15px, 15px);
transform: translate(15px, 15px);
} .rl-gallery.rl-hover-effect-4 .rl-gallery-link .rl-gallery-caption {
background: none;
height: auto;
filter: "alpha(opacity=100)";
opacity: 1;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform:  translateY(100%);
-o-transform:  translateY(100%);
transform:  translateY(100%);
}
.rl-gallery.rl-hover-effect-4 .rl-gallery-link:hover .rl-gallery-caption,
.rl-gallery.rl-hover-effect-4 .rl-gallery-link.hover .rl-gallery-caption {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform:  translateY(0);
-o-transform:  translateY(0);
transform:  translateY(0);
}
.rl-gallery.rl-hover-effect-4 .rl-gallery-link {
overflow: hidden;
}
.rl-gallery.rl-hover-effect-4 .rl-gallery-link:before {
background: none;
webkit-transform: translateY(-25%);
-moz-transform: translateY(-25%);
-ms-transform: translateY(-25%);
-o-transform: translateY(-25%);
transform: translateY(-25%);
}
.rl-gallery.rl-hover-effect-4 .rl-gallery-link:hover:before,
.rl-gallery.rl-hover-effect-4 .rl-gallery-link.hover:before {
webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.rl-gallery.rl-hover-effect-4 .rl-gallery-link:after {
filter: "alpha(opacity=100)";
opacity: 1;
top: -100%;
}
.rl-gallery.rl-hover-effect-4 .rl-gallery-link:hover:after,
.rl-gallery.rl-hover-effect-4 .rl-gallery-link.hover:after {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform:  translateY(100%);
-o-transform:  translateY(100%);
transform:  translateY(100%);
} .rl-gallery.rl-hover-effect-5 .rl-gallery-link .rl-gallery-caption {
background: none;
height: 100%;
filter: "alpha(opacity=100)";
opacity: 1;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform:  translateY(100%);
-o-transform:  translateY(100%);
transform:  translateY(100%);
}
.rl-gallery.rl-hover-effect-5 .rl-gallery-link:hover .rl-gallery-caption,
.rl-gallery.rl-hover-effect-5 .rl-gallery-link.hover .rl-gallery-caption {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform:  translateY(0);
-o-transform:  translateY(0);
transform:  translateY(0);
}
.rl-gallery.rl-hover-effect-5 .rl-gallery-link {
overflow: hidden;
}
.rl-gallery.rl-hover-effect-5 .rl-gallery-link:before {
background: none;
}
.rl-gallery.rl-hover-effect-5 .rl-gallery-link:hover:before,
.rl-gallery.rl-hover-effect-5 .rl-gallery-link.hover:before {
webkit-transform: translateY(2em);
-moz-transform: translateY(2em);
-ms-transform: translateY(2em);
-o-transform: translateY(2em);
transform: translateY(2em);
}
.rl-gallery.rl-hover-effect-5 .rl-gallery-link:after {
filter: "alpha(opacity=100)";
opacity: 1;
top: -100%;
}
.rl-gallery.rl-hover-effect-5 .rl-gallery-link:hover:after,
.rl-gallery.rl-hover-effect-5 .rl-gallery-link.hover:after {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform:  translateY(100%);
-o-transform:  translateY(100%);
transform:  translateY(100%);
} .rl-gallery.rl-hover-effect-6 .rl-gallery-link {
overflow: hidden;
}
.rl-gallery.rl-hover-effect-6 .rl-gallery-link img {
z-index: 3;
-webkit-transition: transform 0.3s;
-moz-transition: transform 0.3s;
-ms-transition: transform 0.3s;
-o-transition: transform 0.3s;
transition: transform 0.3s;
}
.rl-gallery.rl-hover-effect-6 .rl-gallery-link:hover img,
.rl-gallery.rl-hover-effect-6 .rl-gallery-link.hover img {
-webkit-transform: scale(0.3);
-ms-transform: scale(0.3);
-o-transform: scale(0.3);
transform: scale(0.3);
}
.rl-gallery.rl-hover-effect-6 .rl-gallery-link:before {
background: none;
}
.rl-gallery.rl-hover-effect-6 .rl-gallery-link .rl-gallery-caption {
background: none;
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
-o-transform: scale(0.7);
transform: scale(0.7);
}
.rl-gallery.rl-hover-effect-6 .rl-gallery-link:hover .rl-gallery-caption,
.rl-gallery.rl-hover-effect-6 .rl-gallery-link.hover .rl-gallery-caption {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.rl-gallery.rl-hover-effect-6 .rl-gallery-link:hover:after,
.rl-gallery.rl-hover-effect-6 .rl-gallery-link.hover:after {
filter: "alpha(opacity=100)";
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
} .rl-gallery.rl-hover-effect-7 .rl-gallery-link {
overflow: visible;
}
.rl-gallery.rl-hover-effect-7 .rl-gallery-link:before {
filter: "alpha(opacity=100)";
opacity: 1;
top: -2em;
}
.rl-gallery.rl-hover-effect-7 .rl-gallery-link:hover:before,
.rl-gallery.rl-hover-effect-7 .rl-gallery-link.hover:before {
webkit-transform: translateY(4em);
-moz-transform: translateY(4em);
-ms-transform: translateY(4em);
-o-transform: translateY(4em);
transform: translateY(4em);
}
.rl-gallery.rl-hover-effect-7 .rl-gallery-link img {
position: relative;
z-index: 3;
-webkit-transition: transform 0.3s;
-moz-transition: transform 0.3s;
-ms-transition: transform 0.3s;
-o-transition: transform 0.3s;
transition: transform 0.3s;
}
.rl-gallery.rl-hover-effect-7 .rl-gallery-link:hover img,
.rl-gallery.rl-hover-effect-7 .rl-gallery-link.hover img {
-webkit-transform: translateY(-5em);
-moz-transform: translateY(-5em);
-ms-transform: translateY(-5em);
-o-transform: translateY(-5em);
transform: translateY(-5em);
}
.rl-gallery.rl-hover-effect-7 .rl-gallery-link .rl-gallery-caption {
height: 5em;
filter: "alpha(opacity=100)";
opacity: 1;
} .rl-gallery.rl-hover-effect-8 .rl-gallery-link {
overflow: hidden;
}
.rl-gallery.rl-hover-effect-8 .rl-gallery-link:before {
filter: "alpha(opacity=100)";
opacity: 1;
top: -2em;
}
.rl-gallery.rl-hover-effect-8 .rl-gallery-link:hover:before,
.rl-gallery.rl-hover-effect-8 .rl-gallery-link.hover:before {
webkit-transform: translateY(4em);
-moz-transform: translateY(4em);
-ms-transform: translateY(4em);
-o-transform: translateY(4em);
transform: translateY(4em);
}
.rl-gallery.rl-hover-effect-8 .rl-gallery-link img {
z-index: 1;
-webkit-transition: transform 0.3s;
-moz-transition: transform 0.3s;
-ms-transition: transform 0.3s;
-o-transition: transform 0.3s;
transition: transform 0.3s;
}
.rl-gallery.rl-hover-effect-8 .rl-gallery-link:hover img {
-webkit-transform: translateY(-3em);
-moz-transform: translateY(-3em);
-ms-transform: translateY(-3em);
-o-transform: translateY(-3em);
transform: translateY(-3em);
}
.rl-gallery.rl-hover-effect-8 .rl-gallery-link .rl-gallery-caption {
height: 5em;
filter: "alpha(opacity=100)";
opacity: 1;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform:  translateY(100%);
-o-transform:  translateY(100%);
transform:  translateY(100%);
}
.rl-gallery.rl-hover-effect-8 .rl-gallery-link:hover .rl-gallery-caption,
.rl-gallery.rl-hover-effect-8 .rl-gallery-link.hover .rl-gallery-caption {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
} .rl-gallery.rl-hover-effect-9 .rl-gallery-link {
overflow: hidden;
}
.rl-gallery.rl-hover-effect-9 .rl-gallery-link img {
z-index: 3;
-webkit-transition: transform 0.3s;
-moz-transition: transform 0.3s;
-ms-transition: transform 0.3s;
-o-transition: transform 0.3s;
transition: transform 0.3s;
}
.rl-gallery.rl-hover-effect-9 .rl-gallery-link:before {
background: none;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.rl-gallery.rl-hover-effect-9 .rl-gallery-link:hover:before,
.rl-gallery.rl-hover-effect-9 .rl-gallery-link.hover:before {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.rl-gallery.rl-hover-effect-9 .rl-gallery-link .rl-gallery-caption {
background: none;
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
-o-transform: scale(0.7);
transform: scale(0.7);
}
.rl-gallery.rl-hover-effect-9 .rl-gallery-link:hover .rl-gallery-caption,
.rl-gallery.rl-hover-effect-9 .rl-gallery-link.hover .rl-gallery-caption {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.rl-gallery.rl-hover-effect-9 .rl-gallery-link:after {
height: calc(100% - 1em);
width: calc(100% - 1em);
margin: 0.5em;
}
.rl-gallery.rl-hover-effect-9 .rl-gallery-link:hover:after,
.rl-gallery.rl-hover-effect-9 .rl-gallery-link.hover:after {
filter: "alpha(opacity=100)";
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.rl-gallery.rl-justified-gallery .rl-gallery-link {
position: absolute;
}
.rl-gallery.rl-justified-gallery {
overflow: visible;
}
.rl-gallery-button {
text-align: center;
}
.rl-loading {
opacity: 0.5;
pointer-events: none;
}