@font-face {
font-family: 'Ink Free';
src: url(//www.mobiledrome.nl/cms/wp-content/themes/mobiledrome/assets/font/InkFree.woff2) format('woff2'),
url(//www.mobiledrome.nl/cms/wp-content/themes/mobiledrome/assets/font/InkFree.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Bahnschrift';
src: url(//www.mobiledrome.nl/cms/wp-content/themes/mobiledrome/assets/font/Bahnschrift.woff2) format('woff2'),
url(//www.mobiledrome.nl/cms/wp-content/themes/mobiledrome/assets/font/Bahnschrift.woff) format('woff');
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url(//www.mobiledrome.nl/cms/wp-content/themes/mobiledrome/assets/font/opensans-bold-webfont.woff2) format('woff2'),
url(//www.mobiledrome.nl/cms/wp-content/themes/mobiledrome/assets/font/opensans-bold-webfont.woff) format('woff');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url(//www.mobiledrome.nl/cms/wp-content/themes/mobiledrome/assets/font/opensans-bolditalic-webfont.woff2) format('woff2'),
url(//www.mobiledrome.nl/cms/wp-content/themes/mobiledrome/assets/font/opensans-bolditalic-webfont.woff) format('woff');
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: 'Open Sans';
src: url(//www.mobiledrome.nl/cms/wp-content/themes/mobiledrome/assets/font/opensans-extrabold-webfont.woff2) format('woff2'),
url(//www.mobiledrome.nl/cms/wp-content/themes/mobiledrome/assets/font/opensans-extrabold-webfont.woff) format('woff');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url(//www.mobiledrome.nl/cms/wp-content/themes/mobiledrome/assets/font/opensans-extrabolditalic-webfont.woff2) format('woff2'),
url(//www.mobiledrome.nl/cms/wp-content/themes/mobiledrome/assets/font/opensans-extrabolditalic-webfont.woff) format('woff');
font-weight: 800;
font-style: italic;
}
@font-face {
font-family: 'Open Sans';
src: url(//www.mobiledrome.nl/cms/wp-content/themes/mobiledrome/assets/font/opensans-italic-webfont.woff2) format('woff2'),
url(//www.mobiledrome.nl/cms/wp-content/themes/mobiledrome/assets/font/opensans-italic-webfont.woff) format('woff');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'Open Sans';
src: url(//www.mobiledrome.nl/cms/wp-content/themes/mobiledrome/assets/font/opensans-light-webfont.woff2) format('woff2'),
url(//www.mobiledrome.nl/cms/wp-content/themes/mobiledrome/assets/font/opensans-light-webfont.woff) format('woff');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url(//www.mobiledrome.nl/cms/wp-content/themes/mobiledrome/assets/font/opensans-lightitalic-webfont.woff2) format('woff2'),
url(//www.mobiledrome.nl/cms/wp-content/themes/mobiledrome/assets/font/opensans-lightitalic-webfont.woff) format('woff');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Open Sans';
src: url(//www.mobiledrome.nl/cms/wp-content/themes/mobiledrome/assets/font/opensans-regular-webfont.woff2) format('woff2'),
url(//www.mobiledrome.nl/cms/wp-content/themes/mobiledrome/assets/font/opensans-regular-webfont.woff) format('woff');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url(//www.mobiledrome.nl/cms/wp-content/themes/mobiledrome/assets/font/opensans-semibold-webfont.woff2) format('woff2'),
url(//www.mobiledrome.nl/cms/wp-content/themes/mobiledrome/assets/font/opensans-semibold-webfont.woff) format('woff');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url(//www.mobiledrome.nl/cms/wp-content/themes/mobiledrome/assets/font/opensans-semibolditalic-webfont.woff2) format('woff2'),
url(//www.mobiledrome.nl/cms/wp-content/themes/mobiledrome/assets/font/opensans-semibolditalic-webfont.woff) format('woff');
font-weight: 600;
font-style: italic;
}html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: ”;
content: none;
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
.clear {
clear: both;
line-height: 0;
font-size: 0;
}
figure {
margin: 0;
padding: 0;
}html { overflow-y:scroll; overflow-x:hidden; }
html, body { width:100%; height:100%; min-height:100vh; margin:0; padding:0; font-family:'Open Sans'; font-size:14px; line-height:170%; border-top:0px solid #e8e8f0; position:relative; }
body { background-color:#fff; background-position:top center; background-size:contain; background-repeat:no-repeat; padding-top:0px; }
h1, h2, h3, h4, h5, h6 { color:#3A3A3A; font-weight:500; font-family:'Open Sans'; text-transform:uppercase; }
h1 { font-size:2.0em; }
h2 { font-size:1.5em; }
h3 { font-size:1.4em; }
h4 { font-size:1.3em; }
h5 { font-size:1.2em; }
h6 { font-size:1.1em; }
ul, p, li, table { color:#3A3A3A; font-weight:400; } 
ul, li { list-style-type:none; }
ul, ol { margin:0 0 20px 15px; }
strong { color:#3A3A3A; font-weight:700; }
a { text-decoration:none; color:#3A3A3A; }
a:hover { color:#3A3A3A; }
.footer-contact-col a { color:#e37540; }
.footer-contact-col a:hover { color:#37af6e; }
* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.button { background-color:#e37540; color:#fff; border-radius:3px; padding:5px 10px; display:inline-block; font-size:14px; }
.button:hover { background-color:#d9592d; color:#fff; }
.show_on_mobile { display:none !important; } .breadcrumb-container { display:inline-block; width:100%; padding:0 0 5px 0; margin-bottom:15px; font-size:14px; border-bottom: 1px solid rgba(0,0,0,0.05); }
.breadcrumb-container a:hover { color:#37af6e; } section.page { width:100%; min-height:100% !important; position:relative; }
.menu_container { z-index: 9950; position:fixed; left:0; top:0; bottom:0; width:300px; background-image:url(//www.mobiledrome.nl/cms/wp-content/themes/mobiledrome/assets/img/menu_bg.png); background-position:right top; background-repeat:repeat-y; color:#fff; padding-right:20px; box-sizing:border-box; }
.logo_mobile { display:none; }
.menu_container .logo { display:inline-block; width:100%; height:150px; background-color:#fff; background-image:url(//www.mobiledrome.nl/cms/wp-content/themes/mobiledrome/assets/img/logo.png); background-position:center center; background-size:auto 80px; background-repeat:no-repeat; }
.menu_container .mobile-menu { display:none; }
.menu_box_container { overflow:hidden; position:absolute; top:150px; bottom:0; left:0; display:inline-block; width:280px; }	
.menu_box { position:absolute; top:0px; bottom:0; left:0; display:inline-block; width:280px; overflow-y:scroll; overflow-x:hidden; padding-right:17px; box-sizing:content-box; padding-bottom:40px; }
.header-onliner { float:left; display:inline-table; height:100%; width:570px; }
.header-onliner-text { display:table-cell; vertical-align:middle;  font-family:'Ink Free'; font-size:30px; line-height:40px; padding-left:40px; color:#3d684a; font-weight:bold; }
.header-onliner-text span { display:inline-block; width:100%; box-sizing:border-box; padding-left:40px; }
.header-brands { height:150px; display:table-cell; width:100%; position:relative; box-sizing:border-box; padding-left:40px; padding-right:270px; padding-top:0px; vertical-align:middle; } nav.menu { width:280px; margin:0; padding:0 30px; box-sizing:border-box; }
nav.menu div > ul { margin:0; padding:0; position:relative; text-align:left; }
nav.menu div > ul > li { display:inline-block; position:relative; margin-top:0px; width:100%; box-sizing:border-box; color:#fff; } 
nav.menu div > ul > li.hassubs { padding-right:30px; }
nav.menu div > ul > li.spacer { border-top:1px solid rgba(255,255,255,0.15); margin-top:15px !important; }
nav.menu div > ul > li.secondary a { font-weight:normal; font-size:12px; text-transform:none; margin-top:5px; }
nav.menu div > ul > li.secondary.first a { margin-top:15px; }
nav.menu div > ul > li.copyright { border-top:1px solid rgba(255,255,255,0.15); margin-top:15px !important; font-size:12px; padding-top:15px; font-weight:normal; color:rgba(255,255,255,0.5) }
nav.menu div > ul > li a { height:100%; width:100%; margin:15px 0 0 0; padding:0; display:inline-block; vertical-align:top; color:#fff; font-weight:600; font-size:14px; line-height:20px; -webkit-transition:background .2s ease, color .2s ease; transition:background .2s ease, color .2s ease; text-transform:uppercase; }
nav.menu div > ul > li > ul { margin:0 0 20px 0; padding:0; position:relative; text-align:left; } 
nav.menu div > ul > li > ul.hidden { display:none; }
nav.menu div > ul > li > ul > li{ margin:0; padding:0 0 0 10px; position:relative; text-align:left; box-sizing:border-box; } 
nav.menu div > ul > li > ul > li.subsubmenu-item { padding:0 0 0 20px; } 
nav.menu div > ul > li > ul > li a { height:100%; width:100%; margin:15px 0 0 0; padding:0; display:inline-block; vertical-align:top; color:#fff; font-weight:400; font-size:14px; line-height:20px; -webkit-transition:background .2s ease, color .2s ease; transition:background .2s ease, color .2s ease; text-transform:none; }
.open-submenu { position:absolute; right:0px; top:14px; cursor:pointer; float:right; vertical-align:top; display:inline-block; width:20px; height:20px; line-height:16px; border:2px solid #fff; text-align:center; font-weight:bold; border-radius:30px; color:#fff; }
.facebooklink { display:inline-block; width:30px; margin-top:20px; height:30px; background-image:url(//www.mobiledrome.nl/cms/wp-content/themes/mobiledrome/assets/img/icon-facebook_white.png); background-size:100%; background-position:center center; background-repeat:no-repeat; }
.instagramlink { display:inline-block; width:30px; margin-top:20px; margin-left:10px; height:30px; background-image:url(//www.mobiledrome.nl/cms/wp-content/themes/mobiledrome/assets/img/icon-instagram_white.png); background-size:100%; background-position:center center; background-repeat:no-repeat; }
.youtubelink { display:inline-block; width:60px; margin-top:20px; margin-left:10px; height:30px; background-image:url(//www.mobiledrome.nl/cms/wp-content/themes/mobiledrome/assets/img/icon-youtube_white.png); background-size:100%; background-position:center center; background-repeat:no-repeat; }
.header-block-brand { display:inline-block; width:100px; height:41px; background-position:center center; background-repeat:no-repeat; background-size:contain; vertical-align:top; } section.content_container { display:inline-block; width:100%; padding-left:280px; box-sizing:border-box; font-size:0; vertical-align:top; }
section.content_container .header { left:280px; right:0; top:0; display:inline-block; box-sizing:border-box; height:150px; box-sizing:border-box; background-color:#f0f0f0; vertical-align:top; position:fixed; z-index:30; }
.links-header { display:inline-block; height:150px; width:265px; vertical-align:middle; float:right; padding:20px 30px 0 0; box-sizing:border-box; text-align:right; position:absolute; right:0px; top:0px; }
.link-header { display:inline-block; white-space:nowrap; height:30px; text-align:right; line-height:30px; margin-top:5px; width:auto; padding:0 10px 0 10px; box-sizing:border-box;  border-radius:5px; font-size:14px; vertical-align:top; }
.link-header span { display:inline-block; background-position:right center; background-repeat:no-repeat; background-size:23px; vertical-align:top; }
.link-header span.icon { width:30px; height:30px; }
.link-header.phone  { background-color:#e37540; color:#fff; }
.link-header.phone:hover  { background-color:#d9592d; color:#fff; }
.link-header.phone span.icon { background-image:url(//www.mobiledrome.nl/cms/wp-content/themes/mobiledrome/assets/img/icon-phone_white.png); }
.link-header.mail  { background-color:#e37540; color:#fff; }
.link-header.mail span.icon {background-image:url(//www.mobiledrome.nl/cms/wp-content/themes/mobiledrome/assets/img/icon-mail_white.png); }
.link-header.mail:hover  { background-color:#d9592d; color:#fff; }
.link-header.openingstijden  { }
.link-header.openingstijden:hover  { }
.link-header.openingstijden span.icon { background-image:url(//www.mobiledrome.nl/cms/wp-content/themes/mobiledrome/assets/img/icon-clock.png); }
section.content_container .content { display:inline-block; width:100%; box-sizing:border-box; padding:190px 40px 40px 40px; vertical-align:top; }
section.content_container .content .streamer-brands { display:inline-block; width:100%; box-sizing:border-box; padding:0 340px 0 0; vertical-align:top; position:relative; }
section.content_container .streamer-brands .video { display:inline-block; width:100%; min-height:300px; box-sizing:border-box; padding:0px; position:relative; vertical-align:top; }	
section.content_container .streamer-brands .video video { display:block; width:100%; border:0; }
section.content_container .streamer-brands .brands { position:absolute; font-size:0; width:300px; right:0; top:0; bottom:0; border:1px solid #cbcbcb; text-align:center; padding:90px 20px 120px 20px; box-sizing:border-box; }	
section.content_container .streamer-brands .brands h1 { margin:20px 0; display:inline-block; padding-bottom:20px; font-size:32px; color:rgba(61,104,74,1); font-weight:700; border-bottom:1px solid rgba(61,104,74,1); position: absolute; top: 0; left: 30px; right: 30px; }	
section.content_container .streamer-brands .brands h1 span { color:rgba(61,104,74,0.5); }	
section.content_container .streamer-brands .brands .brand-logo { display:inline-block; width:48%; height:75px; text-align:center; background-position:center center; background-repeat:no-repeat; background-size:100%; }
section.content_container .streamer-brands .directe-voorraad { position:absolute; font-size:0; width:300px; right:0; top:0; bottom:0; border:1px solid #cbcbcb; text-align:center; padding:20px 20px 75px 20px; box-sizing:border-box; background-image:url(//www.mobiledrome.nl/cms/wp-content/themes/mobiledrome/assets/img/naar_directe_voorraad.jpg); background-position:right top; background-repeat:no-repeat; background-size:cover; }	
section.content_container .streamer-brands .directe-voorraad h1 { margin:20px 0; display:inline-block; padding-bottom:0px; font-size:32px; color:rgba(255,255,255,1); font-weight:700; line-height:40px; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.65); }	
.streamer { height:100%; }
.homepage-streamer { display:inline-block; width:100%; height:100%; }
.homepage-streamer .slick-list { padding:0 !important; }
.slick-dotted.slick-slider  { margin-bottom:0 !important; }
.slick-slider .slick-track, .slick-slider .slick-list { height:100%; }
.slick-slide div { height:100%; }
.slick-slide a { height:100%; display: block; }
.slider-block { display:inline-block; width:100%; height:100% !important; position:relative; background-repeat:no-repeat; background-position:center center; background-size:contain; }
.slider-block-content { background-repeat:no-repeat; background-position:center center; background-size:contain; }
.slick-dots li {  width: 10px !important; }
.page-buttons { display:inline-block; width:100%; text-align:center; }
.homepage-slider-dots { vertical-align:top; display:inline-block; width:100%; border:1px solid #fff; position:relative;}
.naar-aanbod { margin-top:30px; }
.naar-directe-voorraad { margin-top:0px; position:absolute; bottom:20px; left:30px; right:30px;  }
.page-link { margin: 30px 5px 30px 5px; text-decoration:none !important; text-transform:uppercase; color:#fff !important; }
.logo-slider a { margin:0px; display:inline-block; text-align:center; height:100px; width:100%; padding:0 20px; box-sizing:border-box; }
.logo-slider a div { margin:0px; display:inline-block; text-align:center; vertical-align:middle; height:100%; width:100%; background-position:center center; background-repeat:no-repeat; }
.logo-slider a div .helper { display: inline-block; height: 100%; vertical-align: middle; }
.logo-slider a div img { max-height:75px; width:auto; vertical-align:middle; max-width:100%; }
.diensten { display:inline-block; position:relative; margin-top:40px; height:385px; width:100%; background-color:rgba(61,104,74,0.35); color:#fff; font-size:14px; padding:20px 20px 20px 430px; box-sizing:border-box; }
.diensten-uitleg { position:absolute; left:30px; top:30px; bottom:30px; width:380px; display:inline-block; color:#000; text-align:right; border-right:1px solid #3d684a; padding-right:30px; box-sizing:border-box; }
.diensten-uitleg h1 { margin:20px 0; display:inline-block; padding-bottom:20px; text-align:right; line-height:43px; font-size:60px; color:rgba(61,104,74,1); width:100%; font-weight:900; border-bottom:1px solid rgba(61,104,74,1); }	
.diensten-uitleg h1 span { display:inline-block; font-size:110px; width:100%; color:rgba(255,255,255,1.0); }
.diensten-blocks { display:inline-block; width:100%; height:100%; font-size:0; }
.diensten-block { display:inline-block; width:33%; height:50%; padding:10px; box-sizing:border-box; font-size:16px; font-weight:bold; vertical-align:top;}
.diensten-block-content{ display:inline-block; position:relative; width:100%; height:100%; background-color:#fff; color:#3d684a; text-align:center; line-height:18px; background-size:auto 110px;  background-repeat:no-repeat; background-position:center 10px;  }
.dienst_title { position:absolute; width:100%; background-color:rgba(255,255,255,0.75); left:0; bottom:10px; padding:0 10px; box-sizing:border-box; }
.brands { display:none; position:relative; margin-top:40px; min-height:275px; width:100%; background-color:#fff; color:rgba(61,104,74,0.35);; font-size:14px; padding:20px 430px 20px 20px; box-sizing:border-box; }
.brands-uitleg { position:absolute; right:30px; top:30px; bottom:30px; width:380px; display:inline-block; color:#000; text-align:left; border-left:1px solid #3d684a; padding-left:30px; box-sizing:border-box; }
.brands-uitleg h1 { margin:20px 0; display:inline-block; padding-bottom:20px; text-align:left; line-height:43px; font-size:60px; color:rgba(61,104,74,1); width:100%; font-weight:900; border-bottom:1px solid rgba(61,104,74,1); }	
.brands-uitleg h1 span { display:inline-block; font-size:110px; width:100%; color:rgba(61,104,74,0.35); }
.brands-blocks { display:inline-block; width:100%; height:100%; font-size:0; text-align:center; }
.brands-block { display:inline-block; width:33%; height:50%; padding:10px; box-sizing:border-box; font-size:16px; font-weight:bold; vertical-align:top;}
.brands-block-content{ display:inline-block; position:relative; width:100%; height:100%; background-color:#fff; color:#3d684a; text-align:center; line-height:18px; background-size:auto 110px;  background-repeat:no-repeat; background-position:center 10px;  }
.brand_title { position:absolute; width:100%; background-color:rgba(255,255,255,0.75); left:0; bottom:10px; padding:0 10px; box-sizing:border-box; }
.brand-block-content { display:inline-block; width:25%; padding-top: 18%; background-position:center center; background-repeat:no-repeat; background-size:contain; }
.aanbod { display:inline-block; position:relative; margin-top:40px; border-top:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; width:100%; color:#fff; text-align:center; font-size:14px; padding:20px 20px 75px 20px; box-sizing:border-box; }
.aanbod h1 { margin:20px 0; display:inline-block; padding-bottom:20px; text-align:center; line-height:32px; font-size:32px; color:rgba(61,104,74,1); width:100%; font-weight:900;  font-family:'Ink Free'; }
.spotlight-camper { display:inline-block; position:relative; margin-top:0px; background-color:rgba(61,104,74,0.15); border-bottom:1px solid #cbcbcb; width:100%; color:#fff; text-align:center; font-size:14px; padding:0px 0px 0px 0px; box-sizing:border-box; margin-bottom:20px; }
.spotlight-camper h2 { margin:40px 0 20px; display:inline-block; padding-bottom:20px; text-align:center; line-height:32px; font-size:32px; color:rgba(61,104,74,1); width:100%; font-weight:900;  font-family:'Ink Free'; }
.spotlight-content { display:inline-block; position:relative; width:100%; padding:30px 480px 40px 40px; box-sizing:border-box; text-align:center; min-height:340px;}
.spotlight-image { display:inline-block; position:absolute; right:40px; top:0; height:300px; overflow:hidden; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5); box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);}
.spotlight-image img { display:inline-block; width:400px;  }
.spotlight-content h3 { display:inline-block; width:100%; font-size:30px; line-height:40px; }
.spotlight-specs { display:inline-block; width:100%; color:#000; margin-top:20px; font-size:18px; line-height:24px; }
.spotlight-price { display:inline-block; width:100%; color:#000; margin-top:20px; }
.spotlight-item-price-from { display:inline-block; width:auto; font-size:22px; line-height:40px; }
.spotlight-item-price { display:inline-block; width:auto; font-size:30px; line-height:40px; font-weight:bold; }
.spotlight-link { background-color: #e37540; color: #fff; border-radius: 3px; padding: 10px 15px; display: inline-block; font-size: 18px; margin-top:20px; }	
.main-content {
width: 100%;
display: inline-block;
vertical-align: top;
}
.main-content h1 {
margin: 20px 0 10px;
color: #222;
font: 700 22px / 32px 'Open Sans', sans-serif;
}
.main-content h2 {
margin: 20px 0 10px;
color: #222;
font: 700 18px / 26px 'Open Sans', sans-serif;
}
.main-content p {
padding: 0 0 10px 0;
color: #222;
font: 400 16px / 24px 'Open Sans', sans-serif;
}
.output { font-size:14px; }
.output h1.mainTitle { margin-bottom:20px; }
.output h3 { margin-bottom:10px; }
.output p { margin-bottom:20px; }
.output  img { vertical-align:top; margin:10px; max-width:100%; }
.output  img.alignright { float:right; margin:10px; }
.output  img.alignleft { float:left; margin:10px; }
.output a { text-decoration:underline; color:#e37540; }
.output a:hover { color:#37af6e; }
.output ul, .output li { list-style-type: disc; list-style-position: inside; }
.output hr { display:inline-block; width:100%; margin:20px 0; border:0; border-top:1px solid #c0c0c0; }
.tablepress td span { display:inline-block; width:100%; height:100%; padding:5px; }
.tablepress td span.colspanned { color:#fff; background-color:#3d684a; }
.tablepress td span.rowheader { color:#fff; background-color:#3d684a; }
.tablepress td span.red { color:red; }
.tablepress th { padding:0 !important; }
.tablepress td { padding:0 !important; }
form input[type="date"], form input[type="text"], form input[type="tel"], form input[type="email"], form textarea, form select { margin: 3px 0 3px; padding: 10px; background: #fcfcfc; border: 1px solid #d7dddd; font-size: 1em; font-weight: 500; color: #676767; width: 100%; }
form.wpcf7-form input[type="submit"], form.glsr-submit-review-form button {
color: #fff; border: 1px solid #e37540; border-radius: 5px; padding: 5px 15px 2px 15px; display: inline-block; line-height: 30px; font-weight: 14px; font-weight: bold; margin-top: 10px; margin-left: 0px; width: auto; max-width: 310px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background-color: #e37540;  }
.wpcf7-not-valid-tip { background-color: #428bca; border-radius: 5px; color: #fff !important; text-align: left; padding: 5px; box-sizing: border-box; margin-top: 5px; }
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors { display: none !important; }
.wpcf7-validation-errors, .wpcf7-mail-sent-ok { border: 0 !important; padding: 0 !important; color: #ed1c24 !important; }
.wpcf7-mail-sent-ok { background-color: #10a829; max-width:300px; border-radius: 5px; color: #fff !important; text-align: left; padding: 5px !important; box-sizing: border-box; margin-top: 5px; }
div.wpcf7-response-output { margin: 20px 0 0 0 !important; }
.wpcf7-form.sent p { display:none; }
.slider-dots { position: relative; text-align: center; margin-top: 10px; margin-bottom:50px; }
.slick-prev:before, .slick-next:before { color: #3d684a !important; }
.img-slider a.gallerylink { display:inline-block !important; width:100%; text-align: center;}
.newsBar { display:inline-block; width:100%; margin-bottom: 10px; background: #3d684a; color: #fff; padding:0; line-height: 20px; font-size:0; }
.blogPageNumbers { display:inline-block; width:25%; font-size:14px; line-height: 20px; vertical-align:top; padding:5px 10px; box-sizing:border-box; }
.blogPageLinks { display:inline-block; width:75%; font-size:14px; vertical-align:top; padding:5px 10px; box-sizing:border-box; text-align:right; }
.blogPageLinks a { display:inline-block; color:#fff; font-size:12px; text-decoration:none; height:20px; min-width:20px; line-height:20px; margin:0 3px; border:1px solid #fff; box-sizing:border-box; text-align:center; }
.blogPageLinks a.next, .blogPageLinks a.prev  { display:inline-block; color:#fff; text-decoration:none; height:22px; min-width:22px; line-height:22px; margin:0 3px; border:0px solid #fff; box-sizing:border-box; text-align:center; }
.blogPageLinks .current  { display:inline-block; background: #fff; font-size:12px; color:#3d684a; text-decoration:none; height:22px; min-width:22px; line-height:22px; margin:0 3px; border:1px solid #fff; box-sizing:border-box; text-align:center; }
.newsImage { margin:0 0 20px 0; padding: 20px; box-sizing:border-box; border-radius: 5px; display: inline-block; position: relative;  width:25%; }
.centerImage { border: 0; vertical-align: middle; width: 100%; max-width: 100% !important; object-fit: cover;}
.centerImage:after { content: ""; display: block; padding-bottom: 100%; }
.output img.headerImage { display:inline-block; max-width:100%; margin-bottom:30px; }
h2.newsTitle { margin-left:0; padding:10px 0 0 0; height:75px; overflow:hidden; text-overflow: ellipsis; }
h2.newsTitle  a{ font-size:20px; color:#3d684a; overflow: hidden;
text-overflow: ellipsis; }
.newsExcerpt { padding: 0 0px; height:70px; overflow: hidden; font-size:14px; }
.newsButton { background-color: #f4f4f4; height: 40px; margin-top:20px; border-radius:5px; text-align:center; font-size:14px; background-color: #e37540; color: #fff; }
.newsButton a { color: #fff; line-height:40px; height:40px; }
.gallery  { margin-top:50px !important; margin-bottom:50px !important; }
.gallery img  { border:0px !important; }
.gallery .slick-slide { padding:0 40px !important; box-sizing:border-box;}
.gallery .slick-track br { display:none; }
.gallery.slick-dotted.slick-slider { margin-bottom: 50px !important; }
.gallery .slick-prev, .gallery .slick-next {
bottom: auto;
top: -20px;
position: absolute;
left:50%;
}
.gallery .slick-dots  { bottom:-35px; }
.gallery .slick-prev { margin-left:-30px; }
.gallery .slick-next { margin-right:-30px; }
.gallery .gallery-item { margin-top:0 !important; }
.gallery .slick-dots li button  { background-color:#000; border-radius:20px; opacity: 1; padding: 0px; width: 10px; height: 10px; opacity:0.5; }
.gallery .slick-dots li button:hover  { opacity:0.75; }
.gallery .slick-dots li.slick-active button  { opacity:1; }
.gallery .slick-dots li button:before  { display:none; }
.gallery-icon.landscape { display: inline-block !important; width: 100%; text-align: center; }
.news-back-url { display:inline-block; width:100%; margin-bottom:20px; }
.news-back-url a { text-decoration:none; }
.footer_newsletter { display:inline-block; width:100%; padding:40px; box-sizing:border-box; background-color:rgba(61,104,74,0.15); font-size:0px; }
.footer_newsletter h2{ display:inline-block; width:100%; font-size:18px; text-align:center; color:rgba(61,104,74,1); }
.footer_newsletter p{ display:inline-block; width:50%; font-size:14px; padding:20px 20px 0 20px; box-sizing:border-box; } footer { display:inline-block; width:100%; padding-left:280px; box-sizing:border-box; }
footer h3 { color:#3d684a; }
.footer-menu { display:inline-block; width:100%; padding:40px; box-sizing:border-box; font-size:0; position:relative; }
.footer-menu article { display:inline-block; width:33%; padding:0px 10px 0 10px; box-sizing:border-box; vertical-align:top; font-size:14px; }
.footer-menu article:first-of-type { padding:0px 20px 0 0px; }
.footer-menu article:last-of-type { padding:0px 0px 0 20px; }
.article-content { display:inline-block; border:1px solid #cbcbcb; width:100%; height:370px; padding:20px; box-sizing:border-box; }
.day { display:inline-block; width:100%; margin-top:5px;}
.day.lunchbreak {  margin-top:15px;}
.time { display:inline-block; width:150px; float:right;}
.footer-link { display:inline-block; margin-top:25px; border:1px solid #cbcbcb; box-sizing:border-box; padding:3px 10px 3px 25px; border-radius:3px; background-image:url(//www.mobiledrome.nl/cms/wp-content/themes/mobiledrome/assets/img/footer-arrow-white.png); background-size:15px; background-repeat:no-repeat; background-position:left center; background-color:#3d684a; color:#fff; }
.footer-link:hover { color:#fff; }
.footer-contact-col { display:inline-block; width:100%; vertical-align:top; }
.footer-contact-col-wide { display:inline-block; width:100%; vertical-align:top; }
@media only screen and (min-width: 0) and (max-width: 1320px) {
.diensten { padding:20px 20px 20px 380px; }
.diensten-uitleg { width:330px; }
.diensten-uitleg h1 { line-height:36px; font-size:50px; margin-top:12px; }	
.diensten-uitleg h1 span { font-size:90px; }
.dienst_title { font-size:14px; }
.newsImage { width:33%; }
.footer_newsletter { margin-bottom:40px; }
.footer-menu { padding-top:160px; }
.footer-menu article { position:absolute; left:40px; right:40px; top:0; padding:0; width: auto; }
.footer-menu article .article-content { height:120px; }
.footer-menu article:first-of-type { width:50%; position:static; height:350px; }
.footer-menu article:last-of-type { width:50%; position:static; height:350px; }	
.footer-menu article:first-of-type .article-content { height:350px; }
.footer-menu article:last-of-type .article-content { height:350px; }
.footer-contact-col { width:33%; }
.footer-contact-col-wide { width:33%; }
.footer-contact-col-wide .footer-link { margin-top:10px; }
.brand-block-content { width:30%; padding-top: 17%; }
}
@media only screen and (min-width: 0) and (max-width: 1340px) {
section.content_container .streamer-brands .directe-voorraad h1 { font-size:26px; line-height: 34px; }
}
@media only screen and (min-width: 0) and (max-width: 1300px) {
.header-brands {
max-width:500px;
padding-right:0;
}
}
@media only screen and (min-width: 0) and (max-width: 1250px) {
.spotlight-content { padding:0px 404px 40px 40px; }	
.spotlight-image {height:243px;}
.spotlight-image img { width:324px; }
.spotlight-content h3 { font-size: 24px; line-height: 34px;
}
}
@media only screen and (min-width: 0) and (max-width: 1200px) {
section.content_container .content .streamer-brands  { padding-right:240px; }
section.content_container .streamer-brands .brands { width:200px; padding:90px 10px 120px 10px; } 
section.content_container .streamer-brands .brands h1 { font-size:20px; }
section.content_container .content .streamer-brands  { padding-right:240px; }
section.content_container .streamer-brands .directe-voorraad { width:200px; padding:20px 10px 75px 10px; } 
section.content_container .streamer-brands .directe-voorraad h1 { font-size:20px; line-height:26px; }
.diensten { height:490px; }
.diensten-block { width:50%; height:150px; }
.diensten-block-content { background-size:auto 115px; background-position:center 10px; }
.footer-menu { padding-top:210px; }	
.footer-menu article .article-content { height:175px; }
.footer-menu article:first-of-type { width:50%; position:static; height:350px; }
.footer-menu article:last-of-type { width:50%; position:static; height:350px; }	
.footer-contact-col { width:48%; }
.footer-contact-col-wide { width:100%; }
.footer-contact-col-wide .footer-link { margin-top:0px; }
.brand-block-content { width:50%; padding-top: 15%; }
}
@media only screen and (min-width: 0) and (max-width: 1140px) {
.diensten { height:auto; padding:20px; text-align:center; }
.diensten-uitleg { position:static; width: 100%; border:0; text-align:center; padding:0; }
.diensten-uitleg h1 { line-height:36px; font-size:50px; margin-top:12px; text-align:center; }	
.diensten-uitleg h1 span { width:auto; font-size:50px; }
.diensten-blocks { margin-top:30px; }
.diensten-block { width:33%; height:150px; }
.brands { height:auto; padding:20px; text-align:center; padding-top:120px; }
.brands-uitleg { position:absolute; left:0; top:0; bottom:auto; width: 100%; border:0; text-align:center; padding:0; }
.brands-uitleg h1 { line-height:36px; font-size:50px; margin-top:12px; text-align:center; }	
.brands-uitleg h1 span { width:auto; font-size:50px; }
.brands-blocks { margin-top:30px; }
.brands-block { width:33%; height:150px; }
.brand-block-content { width:20%; padding-top: 10%; }
.header-onliner { width:100%; text-align:center; height:auto; }
.header-onliner-text { width:100%; font-size:24px; line-height:32px; padding:30px 40px 0 40px; }
.header-onliner-text span { width:auto; padding:0px; }
.header-brands { width:100%; display:inline-block; padding-top:10px; text-align:center; padding-right:40px; height:100px; text-align:center; max-width:100%; }
.links-header { width:100%; text-align:center; height:auto; margin-top:10px; padding:0 40px; position:absolute; left:0; top:auto; bottom:20px; }
.links-header a { margin: 5px 2px 0 2px }
}
@media only screen and (min-width: 0) and (max-width: 1100px) {
.spotlight-content { padding:0px 310px 40px 40px; }	
.spotlight-image {height:180px;}
.spotlight-image img { width:240px; }
.spotlight-content h3 { font-size: 20px; line-height: 30px;
}
@media only screen and (min-width: 0) and (max-width: 1060px) {
.links-header { position:static;  margin-top:0px; padding-top:10px; }
.header-brands { width:100%; display:inline-block; padding-top:10px; text-align:center; padding-right:40px; height:85px; text-align:center; }
.header-onliner-text { width:100%; font-size:24px; line-height:32px; padding:20px 40px 0 40px; }
.header-onliner-text span { width:100%; padding-left:0px; }
}
@media only screen and (min-width: 0) and (max-width: 1024px) {
section.content_container .streamer-brands .video { min-height:auto; }
section.content_container .content .streamer-brands  { padding-right:0px; }
section.content_container .streamer-brands .brands { position:static; width:100%; margin-top:30px; padding:10px; height:250px; }
section.content_container .streamer-brands .brands h1 { position:static; margin-top:10px; padding-bottom:10px; margin-bottom:10px; }
.streamer { height:90px; }
.naar-aanbod { margin-top: 15px; }	
section.content_container .streamer-brands .directe-voorraad { position:static; width:100%; margin-top:30px; padding:10px; height:200px; background-position:right bottom;}
section.content_container .streamer-brands .directe-voorraad h1 { position:static; max-width:300px; margin-top:10px; padding-bottom:10px; margin-bottom:10px; padding-left:0px; padding-right:0px; font-size:26px; line-height: 34px; }
.naar-directe-voorraad { margin-left: -120px; bottom: 20px; left: 50%; right: auto; width:240px; }
.footer-menu article .article-content { height:175px; }
.footer-menu article:first-of-type { width:100%; position:static; height:auto; padding:0; margin-bottom:40px; }
.footer-menu article:last-of-type { width:100%; position:static; height:auto; padding:0; }	
.footer-menu article:first-of-type .article-content { height:auto; }
.footer-menu article:last-of-type .article-content { height:auto; }	
.footer_newsletter p { width: 100%; }
.brand-block-content { width:25%; padding-top: 15%; }
}
@media only screen and (min-width: 0) and (max-width: 1000px) {
.spotlight-content { padding:0px 40px 40px 40px; }	
.spotlight-image {height:auto; position:static; margin-bottom:40px;}
.spotlight-image img { width:100%; vertical-align:top; }
.spotlight-content h3 { font-size: 30px; line-height: 38px;
}
@media only screen and (min-width: 0) and (max-width: 940px) {
.header-onliner-text { font-size:18px; line-height:24px; padding-top:25px; }
.header-onliner-text span { width:auto; padding:0px; }
}
@media only screen and (min-width: 0) and (max-width: 930px) {
.diensten-block { width:50%; height:150px; }
.header-brands { height:65px; }
.header-block-brand { width:75px; height:31px;  } 
}
@media only screen and (min-width: 0) and (max-width: 900px) {
.header-onliner-text  { padding-top:10px; }
.header-onliner-text span { width:100%; padding:0px; }
.newsImage { width:50%; }
.blogPageNumbers { width:50%;  }
.blogPageLinks { width:50%; }
.brand-block-content { width:30%; padding-top: 15%; }
}
@media only screen and (min-width: 0) and (max-width: 800px) {
.header-onliner { display:none; }	
.header-brands { display:none; }	
section.content_container .header { left: 50px;	}	
.logo_mobile { display:inline-block; float:left; width:200px; margin-left:40px; height:150px; background-color:transparent; background-image:url(//www.mobiledrome.nl/cms/wp-content/themes/mobiledrome/assets/img/logo.png); background-position:center center; background-size:auto 80px; background-repeat:no-repeat; }
section.content_container { padding-left:50px; }
footer { padding-left:50px; }
.menu_container { left:-230px; -webkit-transition: all  .2s ease; transition: all  .2s ease;}
.menu_container.mobile_opened  { left:0px; -webkit-transition: all  .2s ease; transition: all  .2s ease; }
nav.menu { padding: 0 30px 0 30px; }
.menu_box_container { opacity:0; }
.menu_box_container.mobile_opened { opacity:100; }
.menu_container .mobile-menu { cursor:pointer; display:inline-block; position:absolute; width:50px; height:50px; right:20px; top:100px; background-color:#fff; background-image:url(//www.mobiledrome.nl/cms/wp-content/themes/mobiledrome/assets/img/mobile_menu.png); background-position:right bottom; background-size:50px; background-repeat:no-repeat; }
.footer-menu article .article-content { height:175px; }
.footer-menu article:first-of-type { width:50%; position:static; height:350px; padding:0px 20px 0 0px; }
.footer-menu article:last-of-type { width:50%; position:static; height:350px; padding:0px 0px 0 20px; }	
.footer-menu article:first-of-type .article-content { height:350px; }
.footer-menu article:last-of-type .article-content { height:350px; }
section.content_container .streamer-brands .directe-voorraad h1 { font-size:20px; line-height:26px; }
.day { font-size:14px; }
.time { font-size:14px; width:auto; text-align:right; }
.footer_newsletter p { width: 50%; }
.links-header { width:265px; position:static; text-align:right; height:auto; margin-top:0px; padding:20px 40px 0 0; position:static; left:0; bottom:0px; }
.links-header a { margin: 5px 0px 0 0px }
.brand-block-content { width:20%; padding-top: 10%; }
.brands { display:inline-block; } 
}
@media only screen and (min-width: 0) and (max-width: 700px) {
.footer-menu article .article-content { height:175px; }
.footer-menu article:first-of-type { width:100%; position:static; height:auto; padding:0; margin-bottom:40px; }
.footer-menu article:last-of-type { width:100%; position:static; height:auto; padding:0; }	
.footer-menu article:first-of-type .article-content { height:auto; }
.footer-menu article:last-of-type .article-content { height:auto; }
.brand-block-content { width:25%; padding-top: 10%; }
}
@media only screen and (min-width: 0) and (max-width: 600px) {
section.content_container .content { padding: 170px 20px 20px 20px; }
.footer-menu { padding-left:20px; padding-right: 20px; }
.links-header { padding-right: 20px; position:static; }
.footer-menu article { left: 20px; right: 20px; }
.logo_mobile { margin-left: 00px; width: 100%; background-size: contain; height:75px; margin-top:10px; }
.links-header { width:100%; position:static; text-align:center; height:auto; margin-top:10px; padding:0px; position:absolute; left:0; bottom:15px; }
.link-header { font-size: 11px; color:#fff; background-color:#e37540; text-transform:uppercase; margin:0 3px; }
.link-header:hover  { background-color:#d9592d; color:#fff; }
.links-header a { margin: 5px 2px 0 2px }
.hide_on_mobile { display:none !important; }
.show_on_mobile { display:inline-block !important; }
.link-header span.icon { display:none }
.footer_newsletter p { width: 100%; }
.brand-block-content { width:30%; padding-top: 10%; }
.spotlight-content h3 { font-size: 20px; line-height: 28px; font-weight:bold; }
.spotlight-specs { font-size: 16px; line-height: normal; }
.spotlight-item-price-from { font-size: 16px; width:100%; }
.spotlight-link { padding: 5px 10px; font-size: 14px; }
}
@media only screen and (min-width: 0) and (max-width: 500px) {
.diensten-block { width: 100%; height: 150px; }
.diensten-block-content { background-size: auto 115px; background-position: center 10px; }
.footer-menu { padding-top: 290px; }
.footer-menu article .article-content { height: 250px; }
.footer-contact-col { width: 100%; }
.newsImage { width:100%; }
.brand-block-content { width:50%; padding-top: 20%; }
}
@media only screen and (min-width: 0) and (max-width: 400px) {
.diensten-uitleg h1 { line-height: 29px; font-size: 40px; }	
.diensten-uitleg h1 span { font-size: 50px; }
.article-content h3 { font-size:16px; }
.day { font-size:12px; }
.time { font-size:12px; width:auto; text-align:right; }
.links-header a { font-size:10px;  margin: 5px 2px 0 2px  }
.blogPageNumbers { width:100%; text-align:center; }
.blogPageLinks { width:100%; text-align:center; }
.brands { padding-top: 170px; }
.brand-block-content { width:100%; padding-top: 30%; }
section.content_container .streamer-brands .directe-voorraad h1 { font-size: 16px; line-height: 20px; }
.naar-directe-voorraad { margin-left: -100px; width:200px; font-size: 12px; }
}.sequence-theme {
width: 100%;
height: auto;
position: relative;
z-index: 15;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; 
}
.sequence-theme #sequence {
max-width: 1280px;
height: 500px;
margin: 0 auto 80px;
position: relative;
z-index: 5;
border-top: 5px solid #db0000;
box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .075);
-webkit-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
overflow: hidden;
}
.sequence-theme #sequence.sequenceSubpage {
height: 250px;
}
.sequence-theme #sequence.sequenceSubpage div.contain {
top: 12%;
}
.sequence-theme #sequence-preloader { 
background: #000; 
}
#sequence > ul {
height: 100%;
width: 100%;
margin: 0;
overflow: hidden;
}
#sequence > ul > li {
position: absolute;
width: 100%;
height: 100%;
z-index: 7999;
}
.sequence-theme .bg_img {
width: 100%;
height: 100%;
opacity: 0;
object-fit: cover;
display: block;
-webkit-transition-duration: 1s;
transition-duration: 1s;
}
.sequence-theme .bg_img.img_01 { 
background: url(//www.mobiledrome.nl/cms/wp-content/themes/mobiledrome/assets/img/sequence-1.jpg) no-repeat bottom / cover;
}
.sequence-theme .bg_img.img_02 { 
background: url(//www.mobiledrome.nl/cms/wp-content/themes/mobiledrome/assets/img/sequence-2.jpg) no-repeat bottom / cover;
}
.sequence-theme .animate-in .bg_img {
opacity: 1;
-webkit-transition-duration: 1s;
transition-duration: 1s;
}
.sequence-theme .animate-out .bg_img {
opacity: 0;
-webkit-transition-duration: 1s;
transition-duration: 1s;
}
.sequence-theme #sequence div.contain {
width: 100%;
max-width: 1280px;
margin: auto;
padding: 40px;
position: absolute;
left: 0;
right: 0;
top: 25%;
z-index: 5;
opacity: 0;
text-align: center;
border-radius: 20px;
-webkit-transition: 1s opacity ease;
transition: 1s opacity ease;
}
.sequence-theme #sequence .animate-in div.contain {
opacity: 1;
left: 0;
-webkit-transition: 1s opacity ease;
transition: 1s opacity ease;
}
.sequence-theme #sequence .animate-out div.contain {
opacity: 0;
left: 100%;
-webkit-transition: 1s opacity ease;
transition: 1s opacity ease;
}
.sequence-theme #sequence div.contain h2.title {
width: 100%;
margin: 0;
padding: 0 20px;
display: inline-block;
z-index: 9005;
color: #3A3A3A;
font-size: 30px;
line-height: 30px;
font-weight: 700;
text-align: center;
font-family: ptserif;
}
.sequence-theme #sequence div.contain a.button {
width: 100%;
max-width: 200px;
height: auto;
margin: 35px 0 10px 0;
padding: 15px;
display: inline-block;
background: #db0000;
color: #ffe2e2;
font-size: 18px;
line-height: 18px;
font-weight: 500;
text-align: center;
-webkit-border-radius: 50px;
border-radius: 50px;
-webkit-transition: opacity 1s ease 1s, bottom 1s ease 1s, background 300ms ease, color 300ms ease;
transition: opacity 1s ease 1s, bottom 1s ease 1s, background 300ms ease, color 300ms ease;
}
.sequence-theme #sequence div.contain a.button:last-of-type {
margin-left: 20px;
}
.sequence-theme #sequence div.contain a.button:hover { 
background: #f97878; 
color: #fff;
} @media only screen and (min-width: 0) and (max-width: 1044px) {
.sequence-theme #sequence div.contain {
width: 90%;
margin: 0 5%;
}
}
@media only screen and (min-width: 0) and (max-width: 1024px) {
}
@media only screen and (min-width: 0) and (max-width: 768px) {  
.sequence-theme #sequence {
height: 440px;
}
.sequence-theme #sequence div.contain {
top: 13%;
padding: 20px;
}
}  
@media only screen and (min-width: 0) and (max-width: 640px) {  
article.content div.middle.about div.left,
article.content div.middle.about div.right {
width: 100%;
}
article.content div.middle.about div.right {
margin-top: 20px;
}
.sequence-theme #sequence div.contain a.button:last-of-type {
margin: 0;
}
.sequence-theme #sequence div.contain h2.title {
font-size: 26px;
line-height: 38px;
}
.sequence-theme #sequence.sequenceSubpage div.contain h2.title {
font-size: 18px;
line-height: 28px;
}
.sequence-theme #sequence.sequenceSubpage div.contain a.button { 
font-size: 14px;
padding: 5px 10px;
}
.sequence-theme #sequence.sequenceSubpage div.contain {
top: 5%;
}
}  
@media only screen and (min-width: 0) and (max-width: 414px) {  
.sequence-theme #sequence div.contain h2.title {
font-size: 20px;
line-height: 32px;
}
.sequence-theme #sequence div.contain a.button {
max-width: 100%;
margin: 20px 0 10px 0;
}
}html.with-featherlight { overflow: hidden;
}
.featherlight {
display: none; position:fixed;
top: 0; right: 0; bottom: 0; left: 0;
z-index: 2147483647;  text-align: center; white-space: nowrap; cursor: pointer;
background: #333; background: rgba(0, 0, 0, 0);
} .featherlight:last-of-type {
background: rgba(0, 0, 0, 0.8);
}
.featherlight:before { content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.featherlight .featherlight-content { position: relative; text-align: left;
vertical-align: middle;
display: inline-block; overflow: auto;
padding: 0px 0px 0;
border-bottom: 0px solid transparent; margin-left: 5%;
margin-right: 5%;
max-height: 95%; background: #fff;
cursor: auto; white-space: normal;
} .featherlight .featherlight-inner { display: block;
} .featherlight script.featherlight-inner,
.featherlight link.featherlight-inner,
.featherlight style.featherlight-inner {
display: none;
}
.featherlight .featherlight-close-icon { position: absolute;
z-index: 9999;
top: 0;
right: 0; line-height: 25px;
width: 25px; cursor: pointer;
text-align: center;
font-family: Arial, sans-serif;
background: #fff; background: rgba(255, 255, 255, 0.3);
color: #000;
border: none;
padding: 0;
} .featherlight .featherlight-close-icon::-moz-focus-inner {
border: 0;
padding: 0;
}
.featherlight .featherlight-image { width: 100%;
}
.featherlight-iframe .featherlight-content { border-bottom: 0;
padding: 0;
-webkit-overflow-scrolling: touch;
}
.featherlight iframe { border: none;
}
.featherlight * { -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} @media only screen and (max-width: 1024px) {
.featherlight .featherlight-content { margin-left: 0;
margin-right: 0;
max-height: 98%;
padding: 10px 10px 0;
border-bottom: 10px solid transparent;
}
} @media print {
html.with-featherlight > * > :not(.featherlight) {
display: none;
}
}.featherlight-next,
.featherlight-previous {
display: block;
position: absolute;
top: 25px;
right: 0px;
bottom: 0; cursor: pointer; -webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; background: rgba(0,0,0,0);
width: 50px;
}
.featherlight-previous {
left: 0px; }
.featherlight-next:hover,
.featherlight-previous:hover {
background: transparent; }
.featherlight-next span,
.featherlight-previous span {
display: inline-block;
opacity:.5;
position: absolute;
top: 50%;
left: 5%;
width: 82%; text-align: center;
font-size: 80px;
line-height: 80px; margin-top: -40px;
text-shadow: 0px 0px 5px #fff;
color: #fff;
font-style: normal;
font-weight: normal;
}
.featherlight-next span {
right: 5%;
left: auto;
}
.featherlight-next:hover span,
.featherlight-previous:hover span {
display: inline-block;
opacity:1.0;
}
.featherlight-swipe-aware .featherlight-next,
.featherlight-swipe-aware .featherlight-previous {
display: none;
} .featherlight-loading .featherlight-previous, .featherlight-loading .featherlight-next {
display:none;
} .featherlight-first-slide.featherlight-last-slide .featherlight-previous,
.featherlight-first-slide.featherlight-last-slide .featherlight-next {
display:none;
} @media only screen and (max-device-width: 1024px){
.featherlight-next:hover,
.featherlight-previous:hover {
background: none;
}
.featherlight-next span,
.featherlight-previous span {
display: block;
}
} @media only screen and (max-width: 1024px) {
.featherlight-next,
.featherlight-previous {
top: 10px;
right: 10px; }
.featherlight-previous {
left: 10px; }
.featherlight-next span,
.featherlight-previous span {
margin-top: -30px;
font-size: 40px;
}
}.contentInPopup {
width: 100%;
max-width: 640px;
padding: 30px;
background: #fff;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, .1);
border-radius: 3px;
}
.contentInPopup p:first-of-type {
margin-top: 15px;
}
.contentInPopup img {
width: 100%;
height: auto;
}
.contentInPopup p {
margin-bottom: 6px;
}
.contentInPopup a {
color: #3d684a;
}
.slbOverlay, .slbWrapOuter, .slbWrap {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.slbOverlay {
overflow: hidden;
z-index: 9997;
background-color: #000;
opacity: 0.5;
-webkit-animation: slbOverlay 0.5s;
-moz-animation: slbOverlay 0.5s;
animation: slbOverlay 0.5s;
}
.slbWrapOuter {
overflow-x: hidden;
overflow-y: auto;
z-index: 9998;
}
.slbWrap {
position: absolute;
text-align: center;
}
.slbWrap:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.slbContentOuter {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0px auto;
padding: 0 1em;
box-sizing: border-box;
z-index: 9999;
text-align: left;
max-width: 100%;
}
.slbContentEl .slbContentOuter {
padding: 5em 1em;
}
.slbContent {
position: relative;
}
.slbContentEl .slbContent {
-webkit-animation: slbEnter 0.3s;
-moz-animation: slbEnter 0.3s;
animation: slbEnter 0.3s;
background-color: #fff;
box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.4);
}
.slbImageWrap {
-webkit-animation: slbEnter 0.3s;
-moz-animation: slbEnter 0.3s;
animation: slbEnter 0.3s;
position: relative;
}
.slbImageWrap:after {
content: "";
position: absolute;
left: 0;
right: 0;
top: 5em;
bottom: 5em;
display: block;
z-index: -1;
box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.6);
background-color: #FFF;
}
.slbDirectionNext .slbImageWrap {
-webkit-animation: slbEnterNext 0.4s;
-moz-animation: slbEnterNext 0.4s;
animation: slbEnterNext 0.4s;
}
.slbDirectionPrev .slbImageWrap {
-webkit-animation: slbEnterPrev 0.4s;
-moz-animation: slbEnterPrev 0.4s;
animation: slbEnterPrev 0.4s;
}
.slbImage {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 5em 0;
margin: 0 auto;
}
.slbCaption {
display: inline-block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
font-size: 1.4em;
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 0.71429em 0;
color: #fff;
color: rgba(255, 255, 255, 0.7);
text-align: center;
}
.slbCloseBtn, .slbArrow {
margin: 0;
padding: 0;
border: 0;
cursor: pointer;
background: none;
}
.slbCloseBtn::-moz-focus-inner, .slbArrow::-moz-focus-inner {
padding: 0;
border: 0;
}
.slbCloseBtn:hover, .slbArrow:hover {
opacity: 0.5;
}
.slbCloseBtn:active, .slbArrow:active {
opacity: 0.8;
}
.slbCloseBtn {
font-size: 3em;
width: 1.66667em;
height: 1.66667em;
line-height: 1.66667em;
position: absolute;
right: 10px;
top: 10px;
color: #000;
text-align: center;
}
.slbLoading .slbCloseBtn {
display: none;
}
.slbLoadingText {
font-size: 1.4em;
color: #fff;
color: rgba(255, 255, 255, 0.9);
}
.slbArrows {
position: fixed;
top: 50%;
left: 0;
right: 0;
}
.slbLoading .slbArrows {
display: none;
}
.slbArrow {
position: absolute;
top: 50%;
margin-top: -5em;
width: 5em;
height: 10em;
opacity: 0.7;
text-indent: -999em;
overflow: hidden;
}
.slbArrow:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
margin: -0.8em 0 0 -0.8em;
border: 0.8em solid transparent;
}
.slbArrow.next {
right: 0;
}
.slbArrow.next:before {
border-left-color: #fff;
}
.slbArrow.prev {
left: 0;
}
.slbArrow.prev:before {
border-right-color: #fff;
}
.slbIframeCont {
width: 80em;
height: 0;
overflow: hidden;
padding-top: 56.25%;
margin: 5em 0;
}
.slbIframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.6);
background: #000;
}
@-webkit-keyframes slbOverlay {
from {
opacity: 0;
}
to {
opacity: 0.7;
}
}
@-moz-keyframes slbOverlay {
from {
opacity: 0;
}
to {
opacity: 0.7;
}
}
@keyframes slbOverlay {
from {
opacity: 0;
}
to {
opacity: 0.7;
}
}
@-webkit-keyframes slbEnter {
from {
opacity: 0;
-webkit-transform: translate3d(0, -1em, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
}
}
@-moz-keyframes slbEnter {
from {
opacity: 0;
-moz-transform: translate3d(0, -1em, 0);
}
to {
opacity: 1;
-moz-transform: translate3d(0, 0, 0);
}
}
@keyframes slbEnter {
from {
opacity: 0;
-webkit-transform: translate3d(0, -1em, 0);
-moz-transform: translate3d(0, -1em, 0);
-ms-transform: translate3d(0, -1em, 0);
-o-transform: translate3d(0, -1em, 0);
transform: translate3d(0, -1em, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slbEnterNext {
from {
opacity: 0;
-webkit-transform: translate3d(4em, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
}
}
@-moz-keyframes slbEnterNext {
from {
opacity: 0;
-moz-transform: translate3d(4em, 0, 0);
}
to {
opacity: 1;
-moz-transform: translate3d(0, 0, 0);
}
}
@keyframes slbEnterNext {
from {
opacity: 0;
-webkit-transform: translate3d(4em, 0, 0);
-moz-transform: translate3d(4em, 0, 0);
-ms-transform: translate3d(4em, 0, 0);
-o-transform: translate3d(4em, 0, 0);
transform: translate3d(4em, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slbEnterPrev {
from {
opacity: 0;
-webkit-transform: translate3d(-4em, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
}
}
@-moz-keyframes slbEnterPrev {
from {
opacity: 0;
-moz-transform: translate3d(-4em, 0, 0);
}
to {
opacity: 1;
-moz-transform: translate3d(0, 0, 0);
}
}
@keyframes slbEnterPrev {
from {
opacity: 0;
-webkit-transform: translate3d(-4em, 0, 0);
-moz-transform: translate3d(-4em, 0, 0);
-ms-transform: translate3d(-4em, 0, 0);
-o-transform: translate3d(-4em, 0, 0);
transform: translate3d(-4em, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}