@charset "utf-8";
/*--------------------------------------------------------------------------------------------------
CSS Styles for <Platesurfing>.
version:   1.0
--------------------------------------------------------------------------------------------------*/
/* =CSS Reset
-------------------------------------------------------------------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
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, 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,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.nobreakp{
	white-space:nowrap;
}
/* End CSS Reset
--------------------------------------------------------------------------------------------------*/
/* =Toolkit
--------------------------------------------------------------------------------------------------*/
/* Micro Clearfix Hack by Nicholas Gallagher (http://nicolasgallagher.com/micro-clearfix-hack/) */
/* For modern browsers */
.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1; }
/* general purpose classes */
.nodisplay { display:none; }
.nodisplay_strict { display:none !important; }
.alignleft { float:left; }
.alignright { float:right; }
/* End Toolkit
--------------------------------------------------------------------------------------------------*/
/* =Normalization - mostly derived from normalize.css (https://github.com/necolas/normalize.css/) but without comments and compressed to keep the file small
--------------------------------------------------------------------------------------------------*/
hr { display:block; height:1px; border:0; margin:1em 0; padding:0;
	border-top:1px solid #cccccc; /* change border colour to suit your needs */
}
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body, button, input, select, textarea { font-family: sans-serif; }
a:hover, a:active, a:focus { outline: 0; }
h1 { font-size: 2em; font-weight: 100; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul { margin: 1em 0;}
del { text-decoration: line-through; }
abbr[title] { border-bottom: 1px dotted; cursor:help; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
small { font-size: 75%; }
sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; *margin-left: -7px; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
input, select { vertical-align:middle; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
p{line-height: 1.6;}
em{font-style: italic;}
img{max-width: 100% !important; height: auto !important;}
/* End Normalization
--------------------------------------------------------------------------------------------------*/
/* =Typography
--------------------------------------------------------------------------------------------------*/
/* Setting up the fonts */
body,html{
	font: 14px/16px Helvetica, Arial, Verdana, sans-serif;
	background: #ffffff;
	color: #9d9d9d;
}
a{color:#666565}
/* End Typography
--------------------------------------------------------------------------------------------------*/
/* =Header
--------------------------------------------------------------------------------------------------*/
.header-wrapper{
	max-width: 1400px;
	margin: 0 auto;
}
.header-border{
	height: 32px;
	background: #f3f3f3;
	border-bottom: 1px solid #dadada;
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
	overflow: hidden;
	text-align: right;
}
.header-border-inner{
	max-width: 1005px;
	margin: 0 auto;
}
#header{
	max-width: 1005px;
	overflow: hidden;
	margin: 0 auto;
	padding: 61px 20px 53px;
	position: relative;
}
.belcolor-link{
	text-align: left;
	display: inline-block;
	float: left;
}
.belcolor-link a{
	text-decoration: none;
	font: 400 13px/32px "Roboto";
	color: #4f4f4f;
}
.short-links{
	text-align: right;
	display: inline-block;
	vertical-align: top;
}
.short-links ul{
	list-style: none;
	margin: 0;
}
.short-links ul li{
	display: inline-block;
	line-height: 32px;
	padding: 0 30px 0 0;
}
.short-links ul li a{
	text-decoration: none;
	font: 400 13px/32px "Roboto";
	color: #4f4f4f;
}
.app-wrapper{
	text-align: right;
	display: inline-block;
}
.app-wrapper ul{
	list-style: none;
	margin: 0;
	height: 32px;
	display: inline-block;
	padding: 0 12px;
	background: #eeeff2;
}
.app-wrapper ul li{
	float: left;
	height: 32px;
	line-height: 32px;
	margin: 0 0 0 8px;
}
.app-wrapper ul li span{
	color: #243082;
	font: 400 12.5px/32px "Roboto";
}
.app-wrapper ul li img{
	margin: 5px 0 0;
}
.logo{
	width: 130px;
	height: 50px;
	float: left;
	margin: 0;
	background: url(/demandit/files/M_CD521CC4DCE8D4F2716/dms/Image/logo-belcolordisplay.png) no-repeat;
	text-indent: -999em;
}
.logo a{
	display: block;
	height: 100%;
}
.header-lead{
	overflow: hidden;
	padding: 22px 0 0 35px;
}
.header-lead span{
	color: #a4a4a4;
	font:  30px/34px 'Covered By Your Grace', cursive;
}
.header-lead span.pink{
	color: #243082;
}
.tom-icon{
	position: absolute;
	right: 0;
	top: 26px;
}
/* End Header
--------------------------------------------------------------------------------------------------*/
/* =Navigation
--------------------------------------------------------------------------------------------------*/
.nav-wrapper{
	max-width: 1400px;
	margin: 0 auto;
	background: #eeeeee;
	border-bottom: 4px solid #d2d2d2;
}
.nav-wrapper:after{
	display: block;
	content: "";
	clear: both;
}
.nav-wrapper-inner{
	border: 1px solid #b3b3b3;
	margin: 0 0 -4px;
}
#main-nav,
#mobile-nav{
	max-width: 1005px;
	margin: 0 auto;
	padding: 0 20px;
}
#mobile-nav{
	display: none;
}
#main-nav > ul,
#mobile-nav > ul{
	list-style: none;
	margin: 0;
	border-left: 1px solid #b1b1b1;
	border-right: 1px solid #b1b1b1;
}
#main-nav ul:after,
#mobile-nav ul:after{
 	clear: both;
    content: "";
    display: block;
}
#main-nav > ul > li,
#mobile-nav > ul > li{
	float: left;
	border-left: 1px solid #b1b1b1;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align: center;
	width: 12.5%;
	position: relative;
	min-height: 53px;
}
#main-nav > ul > li:hover ul{
	display: block;
}
#main-nav > ul > li.fw-nav-selected,
#mobile-nav > ul > li.fw-nav-selected{
	background: #ffffff;
}
#main-nav > ul > li:first-child,
#mobile-nav > ul > li:first-child{
	border-left: none;
}
#main-nav > ul > li > a,
#mobile-nav > ul > li > a{
	display: block;
	padding: 8px 0 0 0;
	height: 32px;
	text-decoration: none;
	font:  400 12px/17px "Roboto";
}
#mobile-nav > ul > li > a{
	height: 42px;
}
#main-nav > ul > li:nth-child(even) ,
#mobile-nav > ul > li:nth-child(even) {
	border-bottom: 3px solid #243082;
}
#main-nav > ul > li:nth-child(odd) ,
#mobile-nav > ul > li:nth-child(odd) {
	border-bottom: 3px solid #dc0405;
}
#main-nav ul li ul{
	display: none;
	position: absolute;
	white-space: nowrap;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	z-index: 3;
	background: #efefef;
	list-style: none;
	margin: 0;
	border: 1px solid #d7d7d7;
	min-width: 100%;
}
#main-nav ul li ul li{
	border-top: 1px solid #d7d7d7;
	padding: 0 5px;
}
#main-nav ul li ul li:first-child{
	border-top: 1px solid #d7d7d7;
}
#main-nav ul li ul li a{
	display: block;
	text-decoration: none;
	height: 38px;
	font:  400 12px/38px "Roboto";
	border: none !important;
}

/*Subnav*/
#sub-nav ul{
	list-style: none;
	margin: 0;
}
#sub-nav ul li{
	margin: 17px 0 0 0;
}
#sub-nav > ul > li:first-child{
	margin: 0;
}
#sub-nav > ul > li a{
	text-decoration: none;
	font:  400 12px/20px "Roboto";
	display: block;
	background: url(/demandit/files/M_CD521CC4DCE8D4F2716/dms/Image/sub-nav-arrow-bf.png) no-repeat 5px 7px;
	padding: 0 0 0 16px;
}
#sub-nav ul li ul{
	padding: 0 0 0 11px;
}
#sub-nav ul li ul li{
	margin: 10px 0 0 0;
	padding: 0 0 0 5px;
}
#sub-nav ul li.fw-nav-selected > a{
	background-color: #d9e0fb;
}

/*Dropdwon-Nav*/
.dropdown-nav-wrapper{
	background: #ededed;
	margin: 0 auto;
	max-width: 1400px;
}
.dropdown-nav-inner{
	background: #ffffff;
	max-width: 1005px;
	margin: 0 auto;
}
#dropdown-nav{
	padding: 13px 35px 3px 35px;
	display: none;
}
#dropdown-nav ul{
	list-style: none;
	margin: 0;
	overflow: hidden;
}
#dropdown-nav ul li{
	display: inline-block;
	vertical-align: top;
	width: 96px;
	margin: 0 0 10px 5px;
}
#dropdown-nav ul li:first-child{
	margin: 0;
}
#dropdown-nav ul li a.more-link{
	text-decoration: none;
	font:  400 12px/15px "Roboto";
	display: inline-block;
	text-align: center;
	padding: 5px 0 0 0;
	text-align: center;
	display: block;
}
#dropdown-nav ul li .box{
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	overflow: hidden;
	background: #eeeeee;
}
#dropdown-nav ul li .box.light{
	background: none;
}
#dropdown-nav ul li .box a.link{
	color: #243082;
	text-decoration: none;
	font:  300 13px/17px "Roboto";
	display: block;
	text-align: center;
	padding: 0 0 15px;
}

/*Mobile Nav*/
#mobile-nav-opener{
	display: none;
	text-align: center;
	text-decoration: none;
	font:  14px/43px "Roboto";
	background: url(/demandit/files/M_CD521CC4DCE8D4F2716/dms/Image/mobile-nav-opener.png) no-repeat 20px 5px;
	height: 43px;
	border: 1px solid #b3b3b3;
}
#mobile-nav > ul > li > a{
	font-size: 14px;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}
#mobile-nav > ul li ul{
	display: none;
	background: #f6f5f5;
	list-style: none;
	margin: 0;
}

#mobile-nav > ul > li > ul li a{
	text-decoration: none;
	font:  12px/43px "Roboto";
	display: block;
	border: none !important;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}
#mobile-nav > ul > li > ul > li > ul{
	margin: 0;
	border-bottom: none;
}
#mobile-nav > ul > li > ul > li > ul > li{
	height: 30px;
	line-height: 30px;
	padding-left: 20px;
	padding-right: 20px;
}
#mobile-nav > ul > li > ul > li > ul > li a{
	line-height: 30px;
}
/* End Navigation
--------------------------------------------------------------------------------------------------*/
/* =Rs-Slider
--------------------------------------------------------------------------------------------------*/
.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}
.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}
.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}
.rslides img.img-slider {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
}
.rslides .slider-holder{
 	width: 100%;
	height: 100%;
	position: absolute;
	z-indedx: 3;
}
.rslides .slider-holder-inner{
	max-width: 1005px;
	margin: 0 auto;
	padding: 0 20px;
}
.tab-links-wrapper{
	background: #eeeeee;
	min-height: 43px;
	margin: 0 auto;
	max-width: 1400px;
}
.tab-links-wrapper:after{
	display: block;
	content: "";
	clear: both;
}
.tab-links-inner{
	padding: 0 20px;
	max-width: 1005px;
	margin: 0 auto;
}
.rslides_tabs{
	list-style: none;
	margin: 0;
}
.rslides_tabs li{
	float: left;
	position: relative;
}
.rslides_tabs li.rslides_here{
	background: #fff;
}
.rslides_tabs li.rslides_here:before{
	z-index: 3;
	position: absolute;
	height: 8px;
	width: 100%;
	content: "";
	left: 0;
	top: -8px;
	background: url(/demandit/files/M_CD521CC4DCE8D4F2716/dms/Image/tab-select-arrow.png) no-repeat bottom center;
}
.rslides_tabs li a{
	text-decoration: none;
	font: 14px/43px "Roboto";
	display: block;
	padding: 0 48px;
}
/* End Rs-Slider
--------------------------------------------------------------------------------------------------*/
/* =Visual
--------------------------------------------------------------------------------------------------*/
.visual-wrapper{
	max-width: 1400px;
	margin: 0 auto;
}
.visual-wrapper .visual{
	max-width: 100%;
	display: block;
	position: relative;
	overflow: hidden;
}
.visual.bg1{
	background: url(/demandit/files/M_CD521CC4DCE8D4F2716/dms/Image/visual1.jpg) no-repeat center center;
}
.visual.bg2{
	background: url(/demandit/files/M_CD521CC4DCE8D4F2716/dms/Image/visual2.jpg) no-repeat center center;
}
.visual.bg3{
	background: url(/demandit/files/M_CD521CC4DCE8D4F2716/dms/Image/visual3.jpg) no-repeat center center;
}
.visual-inner{
	margin: 0 auto;
	max-width: 1005px;
	padding: 0 20px;
}
.visual .caption .caption-text{
	overflow: hidden;
	margin: 0 0 20px;
}
.visual .caption .caption-l{
	float: left;
	margin: 0 15px 0 0;
}
.visual .caption .caption-r{
	overflow: hidden;
}
.visual .caption span{
	display: block;
}
.visual .caption .btn-holder{
	margin: 7px 0 0;
}
.visual .caption .btn{
	color: #fff;
	text-decoration: none;
	display: inline-block;
	background: #243082;
	height: 45px;
	padding: 0 20px;
	font:  300 18px/45px "Roboto";
}

/*Visual 1*/
.visual .visual1 .caption{
	margin: 50px 0 0;
	display: inline-block;
	min-width: 360px;
	padding: 20px;
}
.visual .visual1 .caption span.discount-text{
	font: 14px/16px "Roboto";
	color: #dc0405;
}
.visual .visual1 .caption span.discount{
	font:  bold 68px/55px "Roboto";
	color: #dc0405;
}
.visual .visual1 .caption span.discount span{
	 font-family: 'Covered By Your Grace';
	 font-size: 22px;
	 display: inline;
}
.visual .visual1 .caption span.discount-code{
	font:  14px/20px "Roboto";
	color: #fff;
	padding: 0 20px;
	height: 20px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background: #312782;
	display: inline-block;
	opacity: 0.8;
	-moz-opacity: 0.5;
	margin: 0 0 10px;
	-webkit-opacity: 0.5;
}
.visual .visual1 .caption span.discount-code-text{
	font: 14px/16px 'Roboto';
	color: #243082;
	margin: 0 0 10px;
}
.visual .visual1 .caption span.discount-code-text strong{
	white-space: nowrap;
	color: #243082;
}
.visual .visual1 .caption span.wimpel{
	background: url(/demandit/files/M_CD521CC4DCE8D4F2716/dms/Image/wimpel.png) no-repeat;
	display: inline-block;
	color: #fff;
	text-align: center;
	line-height: 30px;
	height: 30px;
	width: 160px;
	margin: 0 0 10px;
}
.visual .visual1 .caption span.wimpel.red{
	background: url(/demandit/files/M_CD521CC4DCE8D4F2716/dms/Image/wimpel-rot.png) no-repeat;
}
.visual .visual1 .caption .btn{
	margin: 0 0 0 0px;
}


/*Visual 2*/
.visual .visual2 .caption{
	margin: 95px 0 0 650px;
}
.visual .visual2 .caption span{
	font:  300 18px/22px "Roboto";
	color: #312285;
	margin: 0 0 20px;
}
.visual .visual2 .caption span.title{
	font:  300 36px/44px "Covered By Your Grace",sans-serif;
}
.visual .visual2 .caption .btn-holder{
	margin: 7px 0 0;
}
/*Visual 3*/
.visual .visual3 .caption{
	margin: 95px 0 0 0;
	display: inline-block;
}
.visual .visual3 .caption .caption-freetext{
	margin: 0 0 20px;
	padding: 20px;
}
.visual .visual3 .caption span{
	font:  300 18px/22px "Roboto";
	margin: 0 0 20px;
}
.visual .visual3 .caption .caption-freetext span{
	margin: 0;
}
.visual .visual3 .caption span.title{
	font:  300 36px/44px "Covered By Your Grace",sans-serif;
}
.visual .visual3 .caption .btn-holder{
	margin: 7px 0 0;
}

/*Imagestack Caption*/
.visual .caption-imagestack{
	margin: 27px 0 0;
	overflow: hidden;
}
.visual .caption-imagestack .img{
	float: left;
	margin: 0 55px 0 0;
}
.visual .caption-imagestack .caption-text-imagestack{
	padding: 60px 0 0;
	overflow: hidden;
}
.visual .caption-imagestack .title{
	font: 30px/32px 'Covered By Your Grace',cursive;
	color: #312782;
	display: block;
	margin: 0 0 23px;
}
.visual .caption-imagestack ul{
	margin: 0;
	list-style: none;
}
.visual .caption-imagestack ul li{
	color: #333333;
	line-height: 1.6;
}
.visual .caption-imagestack ul li:before{
    content: "? ";
	font-weight: bold;
    color: #243082;
}
.visual .caption-imagestack .btn{
	display: block;
	margin: 19px 0 15px;
}
.visual .caption-imagestack p{
	color: #333333;
}

/*Celebrate Caption*/
.visual .caption-celebrate{
	margin: 27px 0 0;
	overflow: hidden;
}
.visual .caption-celebrate .caption-text-celebrate{
	margin: 0 0 0 422px;
}
.visual .caption-celebrate span{
	display: block;
}
.visual .caption-celebrate .lead{
	color: #fff;
	text-transform: uppercase;
	font: 16px/16px "Roboto";
}
.visual .caption-celebrate .title{
	font: 36px/38px 'Covered By Your Grace',cursive;
	color: #312285;
	margin: 35px 0 0 75px;
}
.visual .caption-celebrate .discount{
	font: 300 45px/47px "Roboto";
	color: #312285;
	margin: 20px 0 0 125px;
}
.visual .caption-celebrate p{
	color: #fff;
	font: 14px/20px "Roboto";
	text-align: center;
	margin: 60px 0 0 120px;
	max-width: 280px;
}
.visual .caption-celebrate p span{
	color: #312285;
	display: inline;
}
.visual .caption-celebrate .button{
	color: #fff;
	background: #312285;
	display: inline-block;
	text-decoration: none;
	padding: 0 15px;
	font: 200 16px/40px "Roboto";
	margin: 50px 0 0 220px;
}

/* End Visual
--------------------------------------------------------------------------------------------------*/
/* =Main-Wrapper
--------------------------------------------------------------------------------------------------*/
.main-wrapper{
	max-width: 1400px;
	margin: 0 auto;
	padding: 55px 20px 27px 20px;
	overflow: hidden;
}
/* End Main-Wrapper
--------------------------------------------------------------------------------------------------*/
/* =Main-Wrapper With Subnav
--------------------------------------------------------------------------------------------------*/
.main-wrapper-inner{
    margin: 0 auto;
    max-width: 1005px;
}
.sub-nav-wrapper{
	width: 165px;
	float: left;
	margin: 0 20px 0 0;
	min-height: 1px;
}
.sub-nav-main-wrapper{
	overflow: hidden;
}
/* Main-Wrapper With Subnav
--------------------------------------------------------------------------------------------------*/
/* =Subpage-Content-Head
--------------------------------------------------------------------------------------------------*/
.subpage-content-head{
	text-align: center;
	padding: 0 0 30px;
	color: #4f4f4f;
}
.subpage-content-head.txt{
	padding: 0;
}
.subpage-content-head h2{
	font: 300 30px/34px "Roboto";
	margin: 0 0 38px 0;
	color: #243082;
}
.subpage-content-head .subtitle{
	display: block;
	font: 16px/24px "Roboto";
	margin: 0 0 15px;
}
.subpage-content-head .btn-wrapper{
	margin: 0 0 15px;
}
.subpage-content-head .btn-wrapper .btn{
	display: inline-block;
	text-decoration: none;
	background: #243082;
	color: #fff;
	padding: 5px 20px;
}
.subpage-content-head p{
	font: 14px/17px "Roboto";
	color: #4f4f4f;
	text-align: left;
	margin: 0 0 45px;
}
.subpage-content-head .subtitle.pink{
	color: #243082;
}
.subpage-content-head .img-wrapper{
	position: relative;
}
.subpage-content-head .img-wrapper .img-wrapper-inner{
	position: relative;
	display: block;
}
.subpage-content-head .img-wrapper .discount-wrapper {
    background: none repeat scroll 0 0 #dc0405;
    border-radius: 50%;
    height: 72px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 72px;
    z-index: 1;
}
.subpage-content-head .img-wrapper .discount{
	color: #fff;
    font: bold 26px/26px "Roboto";
    margin: 15px 0 0;
}
.subpage-content-head .img-wrapper span span {
    color: #fff;
    display: block;
    font: 11px/12px "Roboto";
}
.subpage-content-head .img-wrapper .discount-code-wrapper{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.subpage-content-head .img-wrapper .title span{
    font: 14px/22px "Roboto";
    padding: 0 8px;
    text-align: center;
	display: inline-block;
    background: none repeat scroll 0 0 rgba(247, 245, 243, 0.9);
	color: #4f4f4f;
}
.subpage-content-head .img-wrapper .discount-code{
    font: 11px/12px "Roboto";
	text-align: center;
	background: rgba(247,245,243,0.6);
	color: #fff;
}
.subpage-content-head .img-wrapper .discount-code-inner{
    font: 14px/22px "Roboto";
	background: #dc0405;
	display: inline-block;
	padding: 0 10px;
}
.subpage-content-head img{
	max-width: 100%;
}
.subpage-content-head .ticks{
	list-style: none;
	display: inline-block;
	margin: 20px 0;
}
.subpage-content-head .ticks li{
	background: url(/demandit/files/M_CD521CC4DCE8D4F2716/dms/Image/tick-bf.png) no-repeat left center;
	padding: 0 0 0 25px;
	font: 14px/18px "Roboto";
}
.subpage-content-head .title{
	display: block;
	font: 14px/16px "Roboto";
	color: #243082;
}
.subpage-content-head .download-button-wrapper{
	margin: 15px 0 0;
}
.subpage-content-head .download-button-wrapper a{
	display: inline-block;
}
/* Subpage-Content-Head
--------------------------------------------------------------------------------------------------*/
/* =Home-Our-Products
--------------------------------------------------------------------------------------------------*/
.home-our-products{
	margin: 0 auto;
	max-width: 1005px;
}
.home-our-products h2{
	color: #243082;
	font: 18px/28px "Roboto";
	text-align: center;
	margin: 0 0 30px;
}
.home-our-products h3{
	color: #243082;
	font: 18px/22px "Roboto";
	text-align: center;
	margin: 0 0 18px;
}
.home-our-products-list{
	list-style: none;
	margin: 0 0 0 -15px;
	overflow: hidden;
}
.home-our-products-list li{
	display: inline-block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 0 0 15px;
	margin: 0 0 50px -3px;
	width: 33.33%;
	vertical-align: top;
}
.home-our-products-list .img-wrapper{
	position: relative;
	overflow: hidden;
}
.home-our-products-list .price{
	position: absolute;
	display: block;
	right: 0;
	top: 20px;
	background: #dc0405;
	color: #fff;
	padding: 0 10px;
	height: 30px;
	font: 16px/30px "Roboto";
	transition: all 0.8s ease-in-out;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	z-index: 1;
}
.home-our-products-list .img-wrapper:hover .price{
	transform: translateX(-20px);
}
.home-our-products-list img{
	width: 100%;
	display: block;
	transition: all 0.8s ease-in-out;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
}
.home-our-products-list .img-wrapper:hover img{
	transform: scale(1.2) rotate(2deg) ;
}
.home-our-products-list p{
	color: #403d3e;
	font: 300 14px/16px "Roboto";
}
/* End Home-Our-Products
--------------------------------------------------------------------------------------------------*/
/* =Home-Fotobook-Memories
--------------------------------------------------------------------------------------------------*/
.home-fotobook-memories{
	margin: 0 auto 33px auto;
	max-width: 1005px;
}
.home-fotobook-memories.fotobook-margin{
	margin-bottom: 	38px;
}
.home-fotobook-memories h2{
	font: 300 30px/34px "Roboto";
	color: #243082;
	text-align: center;
	margin: 0 0 60px;
}
.home-fotobook-holder{
	overflow: hidden;
	margin: 0 0 44px;
}
.home-fotobook-holder .align-left{
	float: left;
	max-width: 100%;
}
.home-fotobook-holder .align-right{
	float: right;
	max-width: 100%;
}
.home-fotobook-content{
	overflow: hidden;
	padding: 55px 0 0 0;
	text-align: center;
}
.home-fotobook-content h3{
	font: 300 30px/34px "Roboto";
	color: #243082;
	margin: 0 0 18px 0;
}
.home-fotobook-content p{
	margin: 0;
	font: 300 18px/24px "Roboto";
}
.home-fotobook-memories .more{
	text-align: center;
}
/* End Home-Fotobook-Memories
--------------------------------------------------------------------------------------------------*/
/* =Digital-Photopaper
--------------------------------------------------------------------------------------------------*/
.digital-photopaper{
	margin: 0 auto;
	max-width: 1005px;
}
.digital-photopaper h2{
	color: #243082;
    font: 300 30px/40px "Roboto";
	margin: 0 0 15px 0;
	text-align: center;
}
.digital-photopaper p{
	text-align: center;
	color: #757575;
	margin: 0 0 24px 0;
}
.digital-photopaper .left-col{
	float: left;
	width: 50%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 0 61px 0 0;
}
.digital-photopaper .right-col{
	float: right;
	width: 50%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 0 0 0 61px;
}
.digital-photopaper .discount-wrapper{
	background: #dc0405;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	height: 72px;
	width: 72px;
	position: absolute;
	left: 20px;
	top: 15px;
	text-align: center;
}
.digital-photopaper .img-wrapper .discount{
    font: bold 26px/26px "Roboto";
	color: #fff;
	margin: 15px 0 0;
}
.digital-photopaper .img-wrapper span{
    font: 11px/12px "Roboto";
	color: #fff;
	display: block;
}
.digital-photopaper .discount-code-wrapper{
	position: absolute;
	left: 0;
	bottom: 20px;
}
.digital-photopaper .img-wrapper .title{
	background: #f4ece6;
    font: 14px/22px "Roboto";
	color: #4f4f4f;
	text-align: center;
	padding: 0 8px;
}
.digital-photopaper .img-wrapper .discount-code{
    font: 11px/12px "Roboto";
	text-align: center;
	background: rgba(247,245,243,0.6);
}
.digital-photopaper .img-wrapper .discount-code-inner{
    font: 14px/22px "Roboto";
	background: #dc0405;
	display: inline-block;
	padding: 0 10px;
}
.digital-photopaper .img-wrapper{
	position: relative;
}
.digital-photopaper .img-wrapper img{
	max-width: 100%;
	display: block;
}
.digital-photopaper .txt-wrapper{
	padding: 25px 38px;
	background: #eeeeee;
}
.digital-photopaper h4{
	font: 16px/22px "Roboto";
	margin: 0 0 20px;
	color: #243082;
}
.digital-photopaper ul{
	color: #4f4f4f;
	list-style: none;
}
.digital-photopaper ul li{
	background: url(/demandit/files/M_CD521CC4DCE8D4F2716/dms/Image/tick-bf.png) no-repeat left center;
	padding: 0 0 0 25px;
	margin: 15px 0 0;
}
.digital-photopaper ul li:first-child{
	margin: 0;
}
.digital-photopaper .txt-wrapper span{
   font: 14px/22px "Roboto";
	color: #243082;
	display: block;
	margin: 15px 0 10px;
}
.digital-photopaper .txt-wrapper .download-button{
	margin: 10px 0 0 0;
}
.digital-photopaper .txt-wrapper .more-button-wrapper{
	margin: 12px 0 0;
}
.digital-photopaper .txt-wrapper .btn{
	display: inline-block;
	color: #fff;
	text-decoration: none;
	background: #dc0405;
	font: 14px/31px "Roboto";
	padding: 0 25px;
}
/* END Digital-Photopaper
--------------------------------------------------------------------------------------------------*/
/* =Downloadcenter
--------------------------------------------------------------------------------------------------*/
.dl-center{
	margin: 0 auto;
	max-width: 1005px;
}
.dl-center h2{
	color: #243082;
    font: 300 30px/40px "Roboto";
	margin: 0 0 38px 0;
	text-align: center;
}
.dl-center h3{
	color: #243082;
    font: 300 18px/22px "Roboto";
	margin: 0 0 18px 0;
	padding: 10px 25px;
	background: #d9e0fb;
}
.dl-center .left-col{
	float: left;
	width: 50%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 0 61px 0 0;
}
.dl-center .right-col{
	float: right;
	width: 50%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 0 0 0 61px;
}
.dl-center .dl-box{
	background: #f4f4f4;
	padding: 10px 25px;
	margin: 0 0 30px;
	color: #4f4f4f;
}
.dl-center .download-center-button{
	margin: 0;
	list-style: none;
}
.dl-center .download-center-button li{
	display: inline-block;
	padding: 0 20px 0 0;
	margin: 30px 0 0 0;
}
.dl-center .download-center-button li:first-child{
	margin: 0;
}
.dl-center .download-center-button li img{
	display: inline-block;
	margin: 5px 0;
}
.dl-center strong{
	background: url(/demandit/files/M_CD521CC4DCE8D4F2716/dms/Image/tick-bf.png) no-repeat left center;
	padding-left: 25px;
	margin: 0 0 10px;
}
.dl-center .download-center-button li strong,
.dl-center .download-center-button li span{
	display: block;
}
/* END Downloadcenter
--------------------------------------------------------------------------------------------------*/
/* =Maxi-Quad
--------------------------------------------------------------------------------------------------*/
.maxi-quad-wrapper ul{
	list-style: none;
}
.maxi-quad-wrapper ul li{
	margin: 20px 0 0 0;
	background: #f4f4f4;
	overflow: hidden;
	font: 300 14px/21px "Roboto";
	color: #000;
}
.maxi-quad-wrapper ul li:first-child{
	margin: 0;
}
.maxi-quad-wrapper li img{
	display: block;
	float: left;
	max-width: 100% !important;
	height: auto !important;
}
.maxi-quad-wrapper .txt-wrapper{
	overflow: hidden;
}
.maxi-quad-wrapper .txt{
	padding: 15px 30px;
}
.maxi-quad-wrapper p{
	margin: 0;
}
.maxi-quad-wrapper table{
	margin: 0;
	width: 100%;
}
.maxi-quad-wrapper table td.title{
	padding: 0 15px 0 0;
	color: #243082;
}
.maxi-quad-wrapper .price{
	padding: 0 30px;
	border-top: 3px solid #fff;
}
.maxi-quad-wrapper .price .align-right{
	text-align: right;
}
/* END Maxi-Quad
--------------------------------------------------------------------------------------------------*/
/* =Prices
--------------------------------------------------------------------------------------------------*/
.prices-wrapper h2{
	color: #243082;
	font: 300 30px/34px "Roboto";
    margin: 0 0 38px;
	text-align: center;
}
.prices-wrapper h3{
	color: #243082;
	font: 14px/17px "Roboto";
}
.prices-wrapper .nav{
	list-style: none;
	margin: 0 0 30px;
}
.prices-wrapper .nav li{
	display: inline-block;
	height: 43px;
	background: #eee;
}
.prices-wrapper .nav li.selected{
	background: #fff;
}
.prices-wrapper .nav li a{
	text-decoration: none;
	color: #000;
	font: 300 14px/43px "Roboto";
	display: block;
	padding: 0 30px;
}
.prices-wrapper p{
	color: #000;
	font: 300 14px/17px "Roboto";
}
.price-table{
	list-style: none;
	margin: 0;
	font: 12px/15px "Roboto";
}
.price-table > li{
	margin: 20px 0 0 0;
}
.price-table > li:first-child{
	margin: 0;
}
.price-table > li > ul{
	list-style: none;
	margin: 0;
}
.price-table > li > ul > li{
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin: 0 0 10px -4px;
	min-width: 135px;
	box-sizing: boder-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.price-table li .top.lead{
	padding: 0;
	background: #efefef;
}
.price-table li .top.lead img{
	display: block;
}
.price-table li .center.lead{
	background: #fff;
	border-right: 2px solid #fff;
}
.price-table li .bottom.lead{
	background: #eeeeee;
}
.price-table li .top{
	background: #d9e0fb;
	min-height: 112px;
	padding: 5px 0 0 0;
	position: relative;
}
.price-table li .center{
	border-bottom: 2px solid #adadad;
	padding: 17px 0 10px;
}
.price-table li .bottom{
	padding: 17px 0 10px;
	background: #eeeeee;
}
.price-table li.mobile{
	display: none;
}
.price-table > li > ul .title{
	display: block;
	color: #243082;
}
.price-table span,
.price-table strong{
	display: block;
	color: #3f3f3f;
}
.price-table li .center.lead span,
.price-table li .bottom.lead span{
	color: #243082;
}
/*Pricetable Display*/
.price-table-display{
	width: 100%;
	text-align: center;
	background: #eeeeee;
}
.price-table-display th{
	padding: 5px 0;
	border-bottom: 2px solid #adadad;
}
.price-table-display td{
	padding: 5px 0;
}
/* END Prices
--------------------------------------------------------------------------------------------------*/
/* =Fotoservice
--------------------------------------------------------------------------------------------------*/
.fotoservice-wrapper{
	overflow: hidden;
}
.fotoservice-wrapper .price-wrapper{
	float: left;
	width: 490px;
	margin: 0 15px 0 0;
}
.fotoservice-wrapper .steps-wrapper{
	overflow: hidden;
	background: #eeeeee;
	padding: 28px 25px;
}
.price-table-header{
	width: 100%;
	text-align: center;
	margin: 0;
}
.price-table-header th{
	background: #fafafa;
	border-left: 2px solid #ebebeb;
	font: 16px/30px "Roboto";
	color: #1c38a9;
	border-bottom: 1px solid #d2d2d2;
}
.price-table-header td{
	background: #eeeeee;
	border-left: 2px solid #b5b5b5;
	font:  18px/50px "Roboto";
	color: #4a4a4a;
}
.price-table-header tr td:first-child,
.price-table-header tr th:first-child{
	border-left: none;
}
.price-table-header tr td:first-child{
	font-size: 12px;
	line-height: 16px;
}
.price-table-header em{
	color: #4a4a4a;
	font-size: 12px;
}
.steps-wrapper ol{
	margin: 0;
	font:  14px/16px "Roboto";
	color: #243082;
	padding: 0 0 0 15px;
}
.steps-wrapper ol li{
	margin: 17px 0 0;
}
.steps-wrapper ol li:first-child{
	margin: 0;
}
.steps-wrapper ol li span{
	color: #4a4a4a;
}
.responsive-video{
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
	margin-bottom: 1em;
}
.responsive-video iframe, .responsive-video object, .responsive-video embed{
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.test-report{
	list-style: none;
	margin: 0;
}
.test-report li{
	float: left;
	width: 33.33%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 10px;
}
/* END Fotoservice
--------------------------------------------------------------------------------------------------*/
/* =Real-Fotobook
--------------------------------------------------------------------------------------------------*/
.fotoservice-prices-wrapper{
	text-align: center;
	margin: 25px 0 0 0;
}
.fotoservice-prices-wrapper h2{
 	color: #243082;
    font: 300 18px/22px "Roboto";
    margin: 0 0 38px;
}
.fotoservice-prices-wrapper .price-table-header{
	max-width: 490px;
	margin: 0 auto;
}
.fotoservice-prices-wrapper .price-table-header.bottom{
	margin-top: 20px;
}
.fotoservice-prices-wrapper .price-table-header .pre-header{
	background: #d9e0fb;
	color: #1c38a9;
    font:  14px/30px "Roboto";
}
/* END Fotoservice
--------------------------------------------------------------------------------------------------*/
/* =Real-Fotobook
--------------------------------------------------------------------------------------------------*/
.real-fotobook-wrapper{
	margin: 45px 0 0 0;
	color: #000000;
}
.real-fotobook-wrapper h2{
    color: #243082;
    font: 300 30px/34px "Roboto";
    margin: 0 0 38px;
	text-align: center;
}
.real-fotobook-wrapper h3{
    color: #243082;
    font: 300 22px/28px "Roboto";
    margin: 1.5em 0 1em;
}
.real-fotobook-wrapper .left-col{
	float: left;
	width: 335px;
	margin: 0 40px 0 0;
    font: 300 14px/17px "Roboto";
}
.real-fotobook-wrapper .left-col p{
	margin-top: 0;
}
.real-fotobook-wrapper .img-wrapper{
	overflow: hidden;
}
.real-fotobook-wrapper .img-wrapper img{
	max-width: 100%;
}
.real-fotobook-wrapper ul,
.real-fotobook-wrapper ol{
	list-style: disc;
	line-height: 1.6;
	margin: 1em 0 1em 20px;
}
.real-fotobook-wrapper ol{
	list-style: decimal;
}
/*Download Center*/
.real-fotobook-wrapper .download-center{
	color: #4f4f4f;
}
.real-fotobook-wrapper .download-center h3{
	font-size: 18px;
}
.real-fotobook-wrapper .download-center-button{
	margin: 0;
	list-style: none;
}
.real-fotobook-wrapper .download-center-button li{
	display: inline-block;
	padding: 0 20px 0 0;
}
.real-fotobook-wrapper .download-center-button li img{
	display: inline-block;
	margin: 5px 0;
}
.real-fotobook-wrapper .download-center strong{
	background: url(/demandit/files/M_CD521CC4DCE8D4F2716/dms/Image/tick-bf.png) no-repeat left center;
	padding-left: 25px;
	margin: 0 0 10px;
}
.real-fotobook-wrapper .download-center-button li strong,
.real-fotobook-wrapper .download-center-button li span{
	display: block;
}
/* END Real-Fotobook
--------------------------------------------------------------------------------------------------*/
/* =Hard-Soft-Cover
--------------------------------------------------------------------------------------------------*/
.hard-soft-cover{
	margin: 50px 0 0;
	color: #000000;
	font: 300 14px/17px "Roboto";
}
.hard-soft-cover h2{
    color: #243082;
    font: 300 30px/34px "Roboto";
    margin: 0 0 25px;
	text-align: center;
}
.product-list{
	overflow: hidden;
	text-align: center;
}
.product-list li{
	text-align: center;
	display: inline-block;
	margin: 20px 32px 0 32px;
}
.product-list li h3{
	color: #243082;
    font: 14px/22px "Roboto";
    margin: 0 0 18px;
    text-align: center;
}
.product-list li img{
	max-width: 100%;
}
/* End Hard-Soft-Cover
--------------------------------------------------------------------------------------------------*/
/* =Form Wrapper
--------------------------------------------------------------------------------------------------*/
.form-wrapper{
	list-style: none !important;
	margin: 0 !important;
	max-width: 500px;
}
.form-wrapper.center{
	margin: 0 auto !important;
}
.form-wrapper li{
	margin: 5px 0 0 0;
	overflow: hidden;
}
.form-wrapper li:first-child{
	margin: 0;
}
.form-wrapper .dem-meldung{
	color: #243082;
}
.form-wrapper li label{

	width: 150px;
}
.form-wrapper li span{
	overflow: hidden;
	display: block;
}
.form-wrapper li input,
.form-wrapper li select,
.form-wrapper li textarea{
	background: none repeat scroll 0 0 #fff;
    border: 1px solid #cbcbcb;
    box-sizing: border-box;
    font-size: 12px;
    height: 23px;
    padding: 0 7px;
    width: 100%;
}
.form-wrapper li textarea{
	height: 150px;
	resize: none;
}
.form-wrapper li input.form_bg_color_false{
	border: 1px solid #dc0405;
}
.form-wrapper .checkbox-row{
	overflow: hidden;
}
.form-wrapper .checkbox-row input{
	width: 20px;
	float: left;
}
.form-wrapper .checkbox-row label{
	float: none;
}
.form-wrapper input[type="submit"] {
    background: none repeat scroll 0 0 #243082;
    border: 0 none;
    color: #fff;
    font: 12px/22px "Roboto";
    height: 22px;
    padding: 0 15px;
	width: auto;
}
/* End Form Wrapper
--------------------------------------------------------------------------------------------------*/
/* =Allgemein Text
--------------------------------------------------------------------------------------------------*/
.real-fotobook-wrapper .impressum-list{
	list-style: none;
	margin-left: 0;
}
.impressum-list li{
	line-height: 1.6;
	margin: 0.5em 0;
}
.impressum-list strong{
	display: block;
}
/* End Allgemein Text
--------------------------------------------------------------------------------------------------*/
/* =FAQ
--------------------------------------------------------------------------------------------------*/
.faq h2{
    color: #243082;
    font: 300 30px/34px "Roboto";
    margin: 0 0 25px;
	text-align: center;
}
.faq h3{
    color: #243082;
    font: 300 24px/34px "Roboto";
    margin: 0 0 25px;
}
#accordion{
	color: #525252;
    font: 12px/17px "Roboto";
}
#accordion h4{
	margin: 0;
	border: 1px solid #d3d3d3;
	padding: 0 0 0 45px;
	height: 35px;
    font: 14px/35px "Roboto";
	color: #243082;
	cursor: pointer;
	background: #eee url(/demandit/files/M_CD521CC4DCE8D4F2716/dms/Image/accordion-arrow-bf.png) no-repeat left center;
}
#accordion h4.ui-state-active{
	background-image: url(/demandit/files/M_CD521CC4DCE8D4F2716/dms/Image/accordion-arrow-open-bf.png);
}
#accordion div{
	overflow: hidden;
}
/* End FAQ
--------------------------------------------------------------------------------------------------*/
/* =Software-Download
--------------------------------------------------------------------------------------------------*/
.pre-footer{
	background: #f4f4f4;
	max-width: 1400px;
	margin: 0 auto;
}
.spacer{
	float: left;
    width: 185px;
	height: 1px;
}
.wrapper{
	overflow: hidden;
}
.software-download-wrapper{
	background: #f4f4f4;
	max-width: 1400px;
	margin: 0 auto;
}
.software-download{
	max-width: 1005px;
	margin: 0 auto;
	padding: 50px 20px 35px 20px;
	color: #3f3f3f;
}
.software-download h2{
    color: #243082;
    font: 300 30px/34px "Roboto";
    margin: 0 0 25px;
}
.software-download-list{
	margin: 40px 0 0 0;
	list-style: none;
	overflow: hidden;
}
.software-download-list > li{
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.software-download-list > li.first{
	width: 390px;
}
.software-download-list > li.second{
	width: 335px;
}
.software-download-list > li.third{
	width: 280px;
}
.software-download-list h3{
    color: #243082;
    font: 300 24px/26px "Roboto";
	margin: 0 0 27px;
}
.software-download-list ul{
	list-style: disc;
	margin: 0 0 0 30px;
}
.software-download-list span{
	color: #243082;
	display: block;
	font: 300 12px/14px "Roboto";
	margin: 17px 0 10px;
}
.software-download-list .download-button{
	display: inline-block;
	margin: 0 12px 0 0;
}
.software-download-list .own-format-list{
	margin: 0;
	list-style: none;
	overflow: hidden;
}
.software-download-list .own-format-list li{
	float: left;
	margin: 0 0 0 25px;
}
.software-download-list .own-format-list li:first-child{
	margin: 0;
}
.software-download-list .more-link{
	color: #243082;
	display: block;
	font: 300 12px/14px "Roboto";
	margin: 5px 0 0;
}

/*Download-Steps*/
.download-steps{
	overflow: hidden;
	list-style: none;
	text-align: left;
	margin: 3em 0 0;
}
.download-steps li{
	float: left;
	width: 33.33%;
}
.download-steps li span{
	font-size: 18px;
	margin: 0 0 1em;
	display: block;
}
.download-steps li span span{
	color: #ff0084;
	display: inline;
}
.download-steps li p{
	margin: 1em 0;
}
/* End Software-Download
--------------------------------------------------------------------------------------------------*/
/* =Software-Download-Small
--------------------------------------------------------------------------------------------------*/
.software-download-small-inner{
	max-width: 1005px;
	margin: 0 auto;
	padding: 50px 20px 35px 20px;
	color: #3f3f3f;
	text-align: center;
}
.software-download-small h2{
    color: #243082;
    font: 300 30px/34px "Roboto";
    margin: 0 0 60px;
}
.software-download-small ul{
	list-style: none;
}
.software-download-small ul li:first-child{
	margin: 0;
}
.software-download-small ul li{
	display: inline-block;
	margin: 0 0 0 95px;
}
.software-download-small ul li span{
	display: block;
    font: 14px/17px "Roboto";
	color: #243082;
	margin: 0 0 15px;
	text-align: left;
}
/* End Software-Download-Small
--------------------------------------------------------------------------------------------------*/
/* =Files
--------------------------------------------------------------------------------------------------*/
.files{
    color: #3f3f3f;
    margin: 0 auto;
    max-width: 1005px;
    padding: 50px 20px 35px;
	line-height: 1.7;
}
.files h2{
    color: #243082;
    font: 18px/22px "Roboto";
    margin: 0 0 25px;
}
.files ul{
	list-style: none;
	margin: 0;
}
.files ul li{
	margin: 0;
	display: block;
}
/* End Files
--------------------------------------------------------------------------------------------------*/
/* =Footer
--------------------------------------------------------------------------------------------------*/
.footer-wrapper{
	max-width: 1400px;
	background: #fdfdfd;
	margin: 0 auto;
	border-bottom: 30px solid #1c38a9;
	color: #4e4e4e;
}
#footer{
	max-width: 1005px;
	margin: 0 auto;
	padding: 40px 20px 10px;
}
#footer ul{
	margin: 0;
	list-style: none;
	overflow: hidden;
}
#footer > ul > li{
	float: left;
	overflow: hidden;
	padding: 11px 36px;
	border-left: 1px solid #f3f3f3;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	min-height: 150px;
}
#footer ul li.footer-col-1{
	width: 340px;
}
#footer ul li:first-child{
	border: none;
	padding-left: 0;
}
#footer ul li:last-child{
	padding-right: 0;
}
#footer ul li .logo-footer{
	float: left;
	margin: 0 39px 0 0;
}
#footer ul li address{
	overflow: hidden;
}
#footer p{
	font: 300 14px/24px "Roboto";
	margin: -5px 0 0;
}
#footer .title{
	font: 14px/24px "Roboto";
}
#footer .footer-col-3 span{
	color: #243082;
}
#footer .app-wrapper-footer{
	margin: 15px 0 0;
}
#footer .app-wrapper-footer li{
	float: left;
	margin: 0 10px 0 0;
}
#footer .form-wrapper{
	min-width: 215px;
	margin: 5px 0 0;
	overflow: hidden;
	max-width: 320px;
}
#footer .form-wrapper .form-row{
	margin: 0 0 8px 0;
}
#footer .form-wrapper .form-row input[type="text"]{
	border: 1px solid #cbcbcb;
	background: #fff;
	font-size: 12px;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 7px;
	height: 23px;
}
#footer .form-wrapper .form-row input[type="submit"]{
	background: #243082;
	height: 22px;
	padding: 0 15px;
	font: 12px/22px "Roboto";
	border: 0;
	color: #fff;
	margin: 0;
}
#footer .follow-us{
	display: block;
	background: url(/demandit/files/M_CD521CC4DCE8D4F2716/dms/Image/icon-facebook-footer.png) no-repeat left center;
	height: 33px;
	line-height: 33px;
	padding-left: 42px;
	color: #fff;
	font: 200 12px/33px "Roboto";
	margin-top: 8px;
	text-decoration: none;
}
/* End Footer
--------------------------------------------------------------------------------------------------*/
/* =Media-Queries
--------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1350px) {
	.rslides .slider-holder-inner .caption img{
		display: none;
	}
	.visual .caption .btn{
		margin: 0;
	}
}
@media only screen and (max-width: 1100px) {
	.software-download-list > li{
		float: none;
		width: 100% !important;
		margin: 0 0 20px 0 !important;
		padding: 20px 0 0 !important;
		border-top: 1px solid #e6e6e6;
	}
	.software-download-list > li:first-child{
		border-top: 0;
	}
	.belcolor-link{
		padding-left: 20px;
	}
}
@media only screen and (max-width: 1050px) {
	.visual .caption-imagestack .img{
		display: none;
	}
	.visual .caption-imagestack .caption-text-imagestack{
		padding: 0;
	}
	.visual .caption-celebrate .caption-text-celebrate{
		margin: 0;
	}
	.visual .caption-celebrate .title,
	.visual .caption-celebrate .discount,
	.visual .caption-celebrate p,
	.visual .caption-celebrate .button{
		margin-left: 0;
	}
	.visual .caption-celebrate p{
		margin-top: 20px;
		text-align: left;
	}
	.price-table > li > ul > li{
		width: 33%;
	}
	.price-table li .center.lead{
		background: none;
	}
	.price-table li .bottom.lead{
		background: #f7f7f7;
	}
	.fotoservice-wrapper .price-wrapper{
		float: none;
		margin: 0 0 15px;
		width: auto;
	}
	.footer-col-3, .footer-col-4{
		width: 100%;
		float: none;
		border-left: none !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.footer-col-4{
		max-width: 300px;
	}
}
@media only screen and (max-width: 850px) {
	.visual .caption,
	.visual .visual1 .caption{
		margin: 10px 0 0;
	}
	.header-lead{
		padding-top: 0;
	}
	.nav-wrapper-inner{
		border: 0;
		margin: 0;
	}
	#mobile-nav-opener{
		display: block;
	}
	#main-nav{
		display: none;
		border: 1px solid #b3b3b3;
	}
	#main-nav,
	#mobile-nav{
		padding: 0;
	}
	#main-nav > ul > li,
	#mobile-nav > ul > li{
		width: 100%;
	}
	.sub-nav-wrapper{
		display: none;
	}
	.home-fotobook-content{
		float: left;
		width: 100%;
	}
	.maxi-quad-wrapper li img{
		float: none;
	}
	.maxi-quad-wrapper ul li{
		background: none;
	}
	.maxi-quad-wrapper .txt-wrapper{
		background: #f4f4f4;
	}
	.real-fotobook-wrapper .left-col{
		float: none;
		width: auto;
		margin: 0;
	}
	.spacer{
		display: none;
	}
}
@media only screen and (max-width: 800px) {
	.rslides_tabs li{
		width: 50%;
		text-align: center;
	}
	.rslides_tabs li a{
		padding: 0;
	}
	.digital-photopaper .left-col,
	.dl-center .left-col{
		float: none;
		width: auto;
		padding: 0;
		margin: 0 0 40px 0;
	}
	.digital-photopaper .right-col,
	.dl-center .right-col{
		float: none;
		width: auto;
		padding: 0;
	}
}

@media only screen and (max-width: 700px) {
	.short-links{
		display: none;
	}
	.home-our-products-list li{
		width: 50%;
	}
	#footer > ul > li,
	#footer ul li.footer-col-1{
		float: none;
		width: 100%;
		border-left: none;
		padding: 20px 0;
		border-top: 1px solid #f3f3f3;
	}
	.footer-col-4{
		max-width: 100%;
	}
	.software-download-small ul{
		text-align: left;
	}
	.software-download-small ul li{
		margin: 20px 0 0;
	}
	.form-wrapper li label{
		float: none;
	}
	.form-wrapper input[type="submit"]{
		margin: 0;
	}
}
@media only screen and (max-width: 620px) {
	.visual .visual1 .caption{
		background: none !important;
		padding: 0;
	}
	.visual .caption .caption-text{
		display: none;
	}
}

@media only screen and (max-width: 500px) {
	#header{
		padding: 12px 20px;
	}
	.visual .caption{
		display: none;
	}
	.header-lead{
		display: none;
	}
	.nav-wrapper{
		border: 0;
	}
	.nav-wrapper-inner{
		border: 0;
	}
	#mobile-nav-opener{
		display: block;
	}
	#main-nav{
		display: none;
	}
	#mobile-nav{
		border: 1px solid #b3b3b3;
	}
	#main-nav > ul > li,
	#mobile-nav > ul > li{
		width: 100%;
	}
	.home-our-products-list li{
		width: 100%;
		margin: 0 0 20px;
	}
	.product-list li{
		display: block;
	}
	.price-table > li > ul > li{
		width: 100%;
	}
	.price-table li .center.lead{
		border-right: none;
	}
	.test-report li{
		float: none;
		width: auto;
		margin: 0 0 2em;
	}
}
@media only screen and (max-width: 350px) {
	.visual-wrapper .visual{
		display: none;
	}
}