/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
* {
    padding:0;
    margin:0;
}
@media (min-width: 992px){
	html {
	position: relative;
	min-height: 100%;
	}
}
body{
	color: #333333;
    font-family: 'Fira Sans', sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0;
    text-decoration: none;
}
a {
    color: inherit;
    text-decoration: none;
}
a:focus, a:hover{
    color: inherit;
    text-decoration: none;
}
a:active{
    color: inherit;
    text-decoration: none;
}
li {
    display: block;
}
h1,h2,h3 {
	font-weight: 400;
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
#navbar {
	padding-top: 20px;
	font-family: 'Fira Sans', sans-serif;
	font-size: 1.2em;
	font-weight: 400;
	letter-spacing: 0.03em;
	text-shadow: 0 1px 1px #ffffff;
}
.navbar-wrapper {
	margin-top:10px;
}
.home {
	background: rgba(248, 248, 248, 0.1);
    -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.04);
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.04);
}
.navbar .nav{
	background-color: transparent;
}
.navbar-default {
    background-color: #ffffff;
    border-color: #ffffff;
}
.navbar-default .navbar-toggle {
    border-color: #eb6617;
	background-color: #eb6617;
}
.navbar-default #navbar .login {
    border: 1px solid #eb6617;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #009aff;
    line-height: 40px;
    text-align: center;
}	
.login .dropdown-toggle {
	min-width: 150px;
	border-color: #009aff;
}

.dropdown-animate a{
	color: blacl;
}
.navbar-default .dropdown-menu li a:hover{
	color:#009aff;
}
.menu-fix {
    width: 100%;
    height: 10px;
    position: absolute;
    top: 33px;
    left: 0px;
}
.dropdown-menu{
	min-width: 150px;
}
.navbar-default .navbar-nav>li>a {
 color:#000;
}
.dropdown-menu>li>a{
	line-height: 2.0em;
	padding: 3px 10px;
}
.dropdown-menu>li>a {
 line-height:2em;
 padding:3px 10px
}
.dropdown-menu-right {
 left:-10em;
 padding:0
}
.dropdown-menu>li>a {
 line-height:-2em;
 padding:3px 10px
}
.navbar .dropdown-menu .dropdown-menu-links {
 background-color:#fafafa
}
.p-4 {
 padding:1.5rem!important
}
.rounded-top {
 border-top-right-radius:.25rem!important;
 border-top-left-radius:.25rem!important
}
.rounded-bottom {
 border-bottom-right-radius:.25rem!important;
 border-bottom-left-radius:.25rem!important
}
.dropdown-item {
 display:block;
 width:100%;
 padding:.25rem 1rem;
 clear:both;
 font-weight:400;
 color:#8492a6;
 text-align:inherit;
 white-space:nowrap;
 background-color:transparent;
 border:0
}
.dropdown-item span {
 color:#333
}
@media (min-width:768px) and (max-width:991px) {
 .dropdown-menu {
  min-width:450px
 }
 .dropdown-menu-right {
  left:0
 }
}
@media (min-width:992px) {
 .dropdown-menu {
  min-width:750px
 }
}
.group-15 {
 background:#fff
}
.group-15 h3 {
 font-weight:600
}
/* NAV PAGES
-------------------------------------------------- */	
.group-15 {
	background: #fff;

}
.group-15 h3{
	font-weight: 600;
}	
.steps {
	margin-right: 30px;
	float:left;
}
.steps-bg {
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #f7f7f7;
	min-height: 120px;
	border-radius: 5px;
	padding: 5px;
}
.steps-bg-middle {
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #eb6617;
	border-radius: 5px;
	padding: 20px 0 10px 0;
	text-align: center;
	color: #fff;
	font-weight: 600;
}
	
/* CUSTOMIZE FIRST ROW
-------------------------------------------------- */
.row-header{
	color: #333;
	font-weight: bold;
	font-size: 0.9em;
	letter-spacing: 0.01em;
}
.text-1{
	text-align:right;
	color:#666;
}

.forma-1 {
	float:left;
	margin-left: 170px;
}
.text-2{
	text-align:left;
	color:#666;
}
.forma-2 {
	float:left;
    margin-right: 10px;
	margin-top: -2px;
}
.text-style-4 {
    color: #eb6617;
	text-transform: uppercase;
}
.text-style-5 {
    color: #eb6617;
}
.text-style-5 a:hover {
    color: #eb6617;
	text-decoration: none;
}
@media (max-width: 1200px) {
	.row-header{
		visibility: hidden;
		height: 20px;
	}
}

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 768px) {
	/* Navbar positioning foo */
	.navbar-default .navbar-toggle {
		margin-right: auto;
	}
	.navbar-wrapper {
	margin-top: 20px;
	padding-right: 5px;
	padding-left: 5px;
	}
	.forma-1{
	margin-left: 0px;	
	}
	/* The navbar becomes detached from the top, so we round the corners */
	.navbar-wrapper .navbar {
	border-radius: 4px;
	}
	.featurette-heading {
	font-size: 50px;
	}
	.container{
	padding-left: 5px;
	padding-right: 5px;
	}
}

/* CAROUSEL
-------------------------------------------------- */
.first-slide {
	top: 25px;
	left: 10%;	
}
.second-slide {
	top: 25px;
	left: 50%;
}
.third-slide {
	top: 25px;
	left: 10%;
}
.fourth-slide {
	top: 25px;
	left: 50%;
}
.fifth-slide {
	top: 25px;
	left: 10%;
}
.sixt-slide {
	top: 25px;
	left: 50%;
}
.eighth-slide {
	left: 50%;
}
/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing {
	margin-top: 50px;
	margin-bottom: 50px;
}
.marketing .col-lg-4 {
	margin-bottom: 20px;
	text-align: center;
}
.marketing h2 {
	font-weight: normal;
}
.marketing .col-lg-4 p {
	margin-right: 10px;
	margin-left: 10px;
}
.big-wetransfer {
    margin: 5px 0 0;
    position: relative;
}
.title-big-wetransfer {
    color: #999999;
    font-family: 'Fira Sans', sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    letter-spacing: 0.1em;
}
.text-big-wetransfer {
    margin: 88px 0 0;
    color: #009aff;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-decoration: underline;
}
.title-big-pur {
    margin-top:20px;
	font-family: 'Fira Sans', sans-serif;
    font-size: 1.3em;
    font-weight: bold;
    letter-spacing: 0.03em;
    line-height: 1.473684em;
}
.text-big-pur {
    margin: 65px 0 0;
    color: #009aff;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-decoration: underline;
}
.title-cust {
    margin: 9px auto 0;
    font-family: 'Fira Sans', sans-serif;
    font-size: 1.3em;
    font-weight: bold;
    letter-spacing: 0.03em;
    line-height: 1.473684em;
}
.text-cust {
    margin: 81px 0 0;
    color: #009aff;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-decoration: underline;
}
#stars_div {
	margin: auto;
    width: 100px;
}
#stars_div div{
    float: left;
}
@media (max-width: 1200px) {
	.big-wetransfer {
		border-bottom: solid #efefef 2px;
		padding-bottom: 20px;
	}
	.big-pur {
		border-bottom: solid #efefef 2px;
		padding-bottom: 20px;
	}
	.klanttevredenheid {
		border-bottom: solid #efefef 2px;
		padding-bottom: 20px;
	}
}

/* NEW PRODUCTS CONTENT
-------------------------------------------------- */
.group-new {
	font-family: 'Fira Sans', sans-serif;
	color: #4a4a4a;
    font-size: 1.1em;
    font-weight: bold;
    padding: 0px 10px 0 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ffffff;
	cursor:pointer;
	min-height: 150px;
}
.group-new h2{
	font-size: 1.1em;
    font-weight: bold;
	margin-top: 0px;
}
.group-new .glyphicon-chevron-right {
	top: 120px;
	right: 20px;
}
.newproducts {
    background: #efefef;
	padding-top: 20px;
	padding-bottom: 20px;
}
.new {
    margin: 22px auto 0;
	text-align: center;
}
.rechthoek-1-holder {
    padding: 2px;
    background: #eb6617;
    -webkit-box-shadow: 2.424048px 4.373098px 8px 0 rgba(0, 1, 0, 0.16);
    -moz-box-shadow: 2.424048px 4.373098px 8px 0 rgba(0, 1, 0, 0.16);
    box-shadow: 2.424048px 4.373098px 8px 0 rgba(0, 1, 0, 0.16);
}
.nieuw {
    font-size: 1.292962em;
    font-weight: 900;
	color: #fff;
}
.laag-5 {
	margin-left: 30px;
}
.vkaart {
	margin-top: 10px;
}
.visitekaartje {
	margin-top: 10px;
}
.briefpapier  {
	margin-top: 10px;
}
.notitieblok  {
	margin-top: 10px;
}
@media (max-width: 992px) {
	.newprod {
		margin-bottom: 10px;
	}
	.group-new .glyphicon-chevron-right {
		top: 120px;
		left: 70px;
	}
}
/* MISC CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.misc {
    background: #98aebe;
	padding-top: 20px;
	padding-bottom: 20px;
}
.misc h3{
	color: #4a4a4a;
	font-size: 18px;
	font-weight: bold;
}
.modal-header h3{
	color: #eb6617;
	font-size: 36px;
	font-weight: normal;
}
.misc p {
	margin-right: 10px;
	margin-left: 10px;
}
.misc a:link {
	text-decoration: none;
	color: inherit;
}
.misc .btn{
	margin-bottom: 20px;
}
.misc legend {
	margin-bottom: 20px;
}
.text-misc{
	color: #333;
}
.banner{
    margin-top: 50px;
}
#uploader_browse .ui-button-text{
	background-color: #66cd33;
	color: #000000;
	font-weight: 600;
	padding-top: 10px;
	padding-bottom: 10px;
}
#uploader_browse a {
	color: #000000;
}
#uploader_start .ui-button-text{
	font-weight: 600;
	padding-top: 10px;
	padding-bottom: 10px;
}
#DimensionModal-content{
	padding-left: 15px;
	padding-right: 15px;
}
#DimensionModal-content p{
	margin-bottom: 20px;
}
#DimensionModal-content .table{
	text-align: center;
}
#DimensionModal-content th{
	text-align: center;
}
#ModalCalc .modal-dialog{
	top: 5%;
	width: 50%;
	margin: 0px auto;
}
#ModalCalc h1{
	min-height: 0px;
}
#ModalCalc table{
	margin-top: 25px;
}
#calc-spine table {
	margin-top: -20px;
}
#kneep{
	color: #66cd33;
}
#rug{
	color: #eb6617;
}
#bleed{
	color: #aeaeae;
}
#ModalPaperSpecs .modal-dialog{
	width: 70%;
}
#ModalPaperSpecs h1{
	min-height: 0px;
}
#ModalBleedCrop .modal-dialog{
	width: 50%;
}
#ModalTransport .modal-dialog{
	width: 50%;
}
#ModalBanner .modal-dialog{
	width: 50%;
}
#ModalFaq .modal-dialog{
	width: 50%;
}
@media (max-width: 768px) {
	#DimensionModal-content p{
	margin-bottom: 0px;
	}
	#ModalCalc .modal-dialog{
	margin: auto;
	width: 90%;
	}
	#ModalCalc h1{
		min-height: 0px;
	}
	#ModalCalc p {
		display: none;
	}
	#ModalCalc legend {
		display: none;
	}
	#ModalPaperSpecs .modal-dialog{
	margin: auto;
	width: 90%;
	}
	#ModalBleedCrop .modal-dialog{
	margin: auto;
	width: 90%;
	}
	#ModalTransport .modal-dialog{
	top: 2%;
	width: 90%;
	}
	#ModalTransport h1{
		font-size: 1.5em;
		min-height: 0px
	}
	#ModalBanner .modal-dialog{
	margin: auto;
	width: 90%;
	}
	#ModalFaq .modal-dialog{
	margin: auto;
	width: 90%;
	}
	.misc .modal-footer{
		padding-bottom: 0px;
	}
}
@media (min-width: 768px) and (max-width: 992px){
	#ModalCalc .modal-dialog{
	margin: 0px auto;
	width: 90%;
	}
	#ModalPaperSpecs .modal-dialog{
	margin: 30px auto;
	width: 90%;
	}
	#ModalBleedCrop .modal-dialog{
	margin: 30px auto;
	width: 90%;
	}
	#ModalTransport .modal-dialog{
	top: 5%;
	width: 90%;
	}
	#ModalTransport h1{
		font-size: 1.5em;
	}
	#ModalBanner .modal-dialog{
	margin: 30px auto;
	width: 90%;
	}
	#ModalFaq .modal-dialog{
	margin: 30px auto;
	width: 90%;
	}
}
.group-misc {
	min-height: 120px;
	margin-top:10px;
	margin-bottom:10px;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ffffff;
	cursor:pointer;
}
.wrapper-4 {
    float: left;
    margin: 19px 10px 40px 0;
    position: relative;
    width: 46px;
	background: url(../images/copyshop/shape_5.png) no-repeat 0 1px;
}
.col-5 {
    float: left;
    margin: 10px 16px 0 0;
    position: relative;
    width: 32px;
}
.shape-2 {
    display: block;
    position: relative;
}
.shape-2-copy-3 {
    display: block;
    left: 6px;
    margin: -20px auto 40px;
    position: relative;
}
.rectangle-3 {
    float: left;
    margin: 6px 10px 40px 0;
}
.wrapper-5 {
    float: left;
    margin: 19px 15px 40px 0;
    position: relative;
    width: 48px;
}
.text-disc {
    float: left;
    margin: 16px 0 40px;
    width: 49px;
    color: #eb6617;
    font-family: VAGRoundedStd, serif;
    font-size: 2.0em;
    font-weight: bold;
    letter-spacing: -0.01em;
}
.forma-1-4 {
    float: left;
    margin: 19px 19px 40px 0;
}

.wetransfer a{
	color: #337ab7;
}
ul.notfound a{
	color: #337ab7;
	line-height: 1.7em;
}
/* Accordion
-------------------------------------------------- */
.ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
	color: #333;
}
.ui-accordion h3{
	font-size: 14px;
}
.ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .7em .7em .7em .7em;
}
.misc .ui-state-default{
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
	color: #333;
}
.misc .ui-state-active{
    border: 1px solid #003eff;
    background: #36afff;
	color: #fff;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 3px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 3px;
}
.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}
.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}
.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 3px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 3px;
}
@media (max-width:768px) {
	.ui-accordion .ui-accordion-content{
		padding-left: 0px;
		padding-right: 0px;
	}
}

/* CHOOSE PRODUCTS
-------------------------------------------------- */
.modal-dialog{
	top: 5%;
	width: 70%;
}
.modal-dialog h1{
	color: #eb6617;
	min-height: 80px;
}
@media (max-width: 768px) {
	.modal-title{
		text-align:center;
	}
	.modal-dialog{
		width: 80%;
		margin: auto;
	}
}
#DimensionModal-ItemList{
	text-align: center;
}
#DimensionModal-ItemList ul li {
    display: inline-block;
    cursor: pointer;
    font-weight: 600;
	margin-left: 5px;
	margin-right: 5px;
}
#DimensionModal-content	ul {
	padding-left: 0px;
}
/* BOTTOM
-------------------------------------------------- */
.wrapper-bottom{
	background-color: #efefef;
	font-size: 13px;
	font-weight: 300;
}
.wrapper-bottom h2{
	font-weight: 200;
	text-transform: uppercase;
}
.wrapper-bottom h3{
	font-size: 1.5em;
	font-weight: 200;
}
.product-list{
	font-size: 1.0em;
	line-height: 1.9em;
}
.services-list{
	font-size: 1.0em;
	line-height: 1.9em;
}
.services-list .fa-check {
	color: #eb6617;
}
/* STICKY FOOTER
-------------------------------------------------- */
.page-wrap{
	width: 100%;
	margin-bottom: 280px;
}
@media (min-width: 992px){
	#footer {
		position:absolute;
        bottom: 0;
        left: 0;
        right: 0;
		/* Set the fixed height of the footer here */
		height: 280px;
	}
	#footer-rel {
		position:inherit;
        bottom: 0;
        left: 0;
        right: 0;
		/* Set the fixed height of the footer here */
		height: 280px;
	}
}
@media (max-width: 991px){
	.page-wrap {
		margin-bottom: 0px;
	}
}
/* FOOTER
-------------------------------------------------- */
.wrapper-footer {
	background: #ed601c;
	background: -moz-linear-gradient(180deg,#ed601c 8%,#fd864d 45%,#eb6617 95%);
	background: -webkit-linear-gradient(180deg,#ed601c 8%,#fd864d 45%,#eb6617 95%);
	background: linear-gradient(180deg,#ed601c 8%,#fd864d 45%,#eb6617 95%);
	border-top: 4px solid #fff;
}
@media (min-width:992px) {
 #footer {
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  height:310px
 }
 #footer-rel {
  position:inherit;
  bottom:0;
  left:0;
  right:0;
  height:310px;
 }
}
.blauw-verloop {
	background: #98aebe;
	background: -moz-linear-gradient(0deg, rgba(152,174,190,1) 0%, rgba(126,145,158,1) 100%);
	background: -o-linear-gradient(0deg, rgba(152,174,190,1) 0%, rgba(126,145,158,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(152,174,190,1) 0%, rgba(126,145,158,1) 100%);
	background: linear-gradient(0deg, rgba(152,174,190,1) 0%, rgba(126,145,158,1) 100%);
}
.oranje-verloop {
	background: #eb6617;
	background:-moz-linear-gradient(180deg,#ed601c 8%,#fd864d 45%,#ee7e48 95%);
	background:-webkit-linear-gradient(180deg,#ed601c 8%,#fd864d 45%,#ee7e48 95%);
	background:linear-gradient(180deg,#ed601c 8%,#fd864d 45%,#ee7e48 95%);
	border-top:4px solid #fff
}
.footer-first,
.footer-second {
 padding:35px 0
}
@media (max-width:991px) {
	.page-wrap {
	margin-bottom:0;
	}
	.footer-first,
	.footer-second {
	padding:10px;
	}
}
.footer-first * {
 color:#fff!important
}
.footer-first h2 {
 font-weight:700;
 padding:0 0 10px 0;
 margin:0
}
.footer-first p {
 font-size:20px;
 line-height:1.6em
}
.footer-second h3 {
 color:#fff;
 font-size:22px
}
.delivery-holder {
 max-width:225px
}
.delivery {
 background:#fff;
 border-radius:8px;
 padding:5px 25px;
 margin-bottom:8px
}
ul.service-menu {
 padding:0;
 margin:0;
 color:#fff
}
ul.service-menu a {
 color:#fff
}
.payment {
 display:inline-block;
 padding:5px;
 border-radius:8px;
 background:#fff
}
.feedbacklogo {
 margin-top:5px
}
.shape-footer {
 height:1px;
 margin:28px auto 0;
 background:rgba(255,255,255,.2)
}
.footer-txt {
    margin: 19px auto 0;
    padding: 0 17px;
    color: #fff;
    font-size: .75em;
    letter-spacing: .03em;
}
/* PRODUCTS
-------------------------------------------------- */
.bg {
	background-color:#36afff;
	margin-top: -40px;
}
.row-products{
	padding-bottom: 95px;	
}
.row-products a:hover{
	text-decoration: none;
}
.group-1 {
    padding: 10px 0 0;
    position: relative;
	margin-bottom:10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ffffff;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);
}
@media (max-width: 992px) {
	.group-1 {
		margin-bottom:30px;
	}
}
.rounded-rectangle-product-1 {
    margin: 10px auto 0;
    padding: 10px 0 2px;
    position: relative;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    background: #eb6617;
}
.cover-view-flyer {
    display: block;
    margin: auto;
}
.group-2 {
    padding: 10px 0 0;
    position: relative;
	margin-bottom:10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ffffff;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);
}
.rounded-rectangle-product-2 {
    margin: 10px auto 0;
    padding: 10px 0 2px;
    position: relative;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    background: #eb6617;
}
.cover-view-ringband {
    display: block;
    margin: auto;
}
.group-3 {
    padding: 10px 0 0;
    position: relative;
	margin-bottom:10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ffffff;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);
}
.rounded-rectangle-product-3 {
    margin: 10px auto 0;
    padding: 10px 0 2px;
    position: relative;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    background: #eb6617;
}
.cover-view-wire-O {
    display: block;
    margin: auto;
}
.group-4 {
    padding: 10px 0 0;
    position: relative;
	margin-bottom:10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ffffff;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);
}
.rounded-rectangle-product-4 {
    margin: 10px auto 0;
    padding: 10px 0 2px;
    position: relative;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    background: #eb6617;
}
.cover-view-brochure {
    display: block;
    margin: auto;
}
.group-5 {
    padding: 10px 0 0;
    position: relative;
	margin-bottom:10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ffffff;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);
}
.rounded-rectangle-product-5 {
    margin: 10px auto 0;
    padding: 10px 0 2px;
    position: relative;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    background: #eb6617;
}
.cover-view-garenloos {
    display: block;
    margin: auto;
}
.prod-title{
    font-family: 'Fira Sans', sans-serif;
    font-weight: 400;
    letter-spacing: 0.03em;
    text-align: center;
    text-shadow: 0 1px 1px #ffffff;
	margin-bottom: 5px;
}	
.prod-img-calc {
    float: left;
    margin: 0 5px 0 15px;
}
.text-calc {
    color: #ffffff;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 400;
    font-size: 1.1em;
    letter-spacing: 0.03em;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
}
.text-calc .glyphicon-chevron-right {
    float: right;
    margin-right: 10px;
	margin-top: 2px;
}
.txtsmall {
    margin-top: 20px;
	margin-bottom: 20px;
    font-size: 11px;
}

@media (max-width: 992px) {
	.group-1 {
		margin-bottom:30px;
	}
	.group-2 {
		margin-bottom:30px;
	}
	.group-3 {
		margin-bottom:30px;
	}
	.group-4 {
		margin-bottom:30px;
	}
	.group-5 {
		margin-bottom:30px;
	}
	.group-6 {
	min-height: 0px;
	}
}
.cust-right .menuitem {
	padding: 5px;
}
.group-add {
	margin-top: -25px;
	float: right;
	font-size: 1.4em;
}
.group-add a:link {
	color: #aeaeae;
}
.group-add a:hover {
	color: #eb6617;
}

/* 5 COLUMN ROW
-------------------------------------------------- */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}
/* COLUMN LAND
-------------------------------------------------- */
.pages h1{
	color: #eb6617;
}

.group-10 {
    margin-top: 50px;
    position: relative;
}
.group-10 h1 {
    color: #eb6617;
    font-family: 'Fira Sans', sans-serif;
    font-size: 2.25em;
    font-weight: 300;
}
.group-14 {
	background: #f7f7f7;
	padding-bottom: 40px;
	margin-left: 15px;
}
.group-14 a:link {
	text-decoration:none;
}
.col {
	padding-left: 30px;
	padding-right: 30px;
}
.cust-right {
	/*background-color: #eee;*/
	background-color: #f7f7f7;
}
.push{
	margin-right: 0px;
	margin-left: 0px;
}
.cust-deliv{
	margin-top: 15px;
	margin-bottom: 10px;
	color: #eb6617;
	font-family: 'Fira Sans', sans-serif;
	font-size: 1.3em;
	font-weight: 500;
}
.text-style-3{
	text-transform: uppercase;
	color: #333333;
	font-family: 'Fira Sans', sans-serif;
	font-size: 0.65em;
	font-weight: 800;
	letter-spacing: 0.1em;
	line-height: 2.333333em;
}
.cust-deliv .wrapper-5 {
    float: left;
    margin: 15px 15px 20px 0;
    position: relative;
}
.group-cust .cust-phone {
	margin-top: 15px;
	margin-bottom: 10px;
	color: #eb6617;
	font-family: 'Fira Sans', sans-serif;
	font-size: 1.3em;
	font-weight: 500;
}
.cust-headphone {
	margin-top: 15px;
	margin-bottom: 10px;
	color: #eb6617;
	font-family: 'Fira Sans', sans-serif;
	font-size: 1.3em;
	font-weight: 500;
}
.cust-phone .wrapper-5 {
    float: left;
    margin: 15px 15px 40px 0;
    position: relative;
}
.cust-phone p{
	margin-bottom: 0px;
}
.cust-sat {
    margin: 33px auto 0;
    position: relative;
}
.text-style-6 {
    line-height: 1.818182em;
	font-size: 0.6em;
	color: #333333;
}
.shape-col {
    height: 1px;
    background: #dddddd;
	margin: 40px auto 0;
}
.group-8 {
	margin-top: 40px;
	background-color: #fff;
}
.group-8-4 {
    margin-top: 40px;
	min-height: 273px;
    padding: 18px 33px 62px;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ffffff;
	text-align: center;
}
.group-8-5 {
    margin-top: 40px;
	min-height: 273px;
    padding: 20px 33px 62px;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ffffff;
	text-align: center;
}
.group-8-5 p{
	margin-bottom:67px;
}
.group-8 h2 {
	margin: 35px 15px 15px 35px;
	font-family: 'Fira Sans', sans-serif;
	font-size: 1.6em;
}
.text-8 {
	margin: 0px 30px 0px 35px;
	line-height: 1.538462em;
}
.rectangle_pictures {
	width: 100%;
}
.rounded-rectangle-products {
	margin: 30px auto 0;
	min-height: 21px;
	padding: 15px 0px 6px 6px;
	position: relative;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	background: #66cd33;
}
.text-15 {
    font-family: 'Fira Sans', sans-serif;
    font-size: 2.692308em;
    line-height: 1.342857em;
}
.rounded-rectangle-1-copy-7-holder {
    margin: 36px auto 0;
    min-height: 17px;
    padding: 18px 0 18px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #eb6617;
    color: #ffffff;
    font-family: 'Fira Sans', sans-serif;
    font-size: 1.0em;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-align: center;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
}
.text-19 {
    margin: 16px auto 0;
    font-family: 'Fira Sans', sans-serif;
    font-size: 1.3em;
    font-weight: bold;
    letter-spacing: 0.03em;
    line-height: 1.473684em;
}
.text-20 {
    margin: 15px 0 0 0;
    color: #009aff;
    font-family: 'Fira Sans', sans-serif;
    font-size: 0.875em;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-decoration: underline;
}
.text-20 a:focus, a:hover {
    color: #009aff;
}
.text-20 .glyphicon-chevron-right {
	font-size: 0.7em;
	font-weight: 300;
}
.glyphicon-ok {
    color: #eb6617;
	margin-right: 5px;
}
.glyphicon-minus {
    color: #eb6617;
	margin-right: 5px;
}
.cust-list {
	font-family: 'Fira Sans', sans-serif;
	font-size: 0.9em;
	line-height: 1.9;
	padding-left: 0px;
}
.garantie h3 {
	margin-top: 40px;
}
.redirect{
	border: none;
	width: 10px;
}
.product-on-page{
	float: left;
    margin: 2px 30px 0 0;
	padding-top: 20px;
	padding-bottom: 20px;
}
@media (max-width: 768px){
	.spacer-gray {
		min-height:0px;
	}
	.garantie{
		text-align: center;
	}

	.cust-sat{
		text-align: center;
	}
	.shape-col{
		margin-left: -15px;
		margin-right: -15px;
	}
	.cust-spacer{
		margin-right: 0px;
		margin-left:  0px;		
	}
	.col{
		padding-left: 25px;
		padding-right: 25px;
	}
	.group-14{
		margin-left: 10px;
		margin-right: 10px;
	}
	.push {
		margin-left: -5px;
		margin-right: -5px;
	}
}	
@media (min-width:768px) and (max-width: 992px) {
	.cust-right{
		padding-top: 10px;
	}
	.cust-right {
		margin-left: -15px;
		margin-right: -15px;
	}
	.col{
		padding-right: 15px;
		padding-left: 15px;
	}
	.cust-spacer{
		margin-right: 0px;
		margin-left: 0px;		
	}
	.group-14{
		margin-left: 0px;
	}
}

/* CALC
-------------------------------------------------- */	
.calc-form{
	background-color: #eee;
}
.price{
	background-color: #f8f8f8;
	padding-top:20px;
}
.price-row{
	background-color: #f8f8f8;
}
.price-row-first{
	background-color: #f8f8f8;
	padding-top:20px;
}
.select{
    min-height: 40px;
    color: #333333;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}
.input{
    min-height: 40px;
    color: #333333;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}
.group-calc-select h1 {
    color: #eb6617;
    font-family: 'Fira Sans', sans-serif;
    font-size: 2.25em;
    font-weight: 300;
	margin-top: 75px;
}
.garenloos {
	float: left;
	margin: 30px 20px 0 0;
}
.prod-select  {
	text-align: right;
	margin: 87px -30px 0;
	color: #009aff;
	font-size: 0.9375em; /* 15px / 16px = 0.9375em */
	font-weight: 600;
	text-decoration: underline;
	padding-right: 30px;
}
.group-cust {
	margin-top: 39px;
}
.header-col-1 {
	background-color: #f8f8f8;
	text-align: center;
	Padding-top: 15px;
	border-bottom: 1px solid #dddddd;
	font-size: 1.1em;
	font-weight: 600;
	color: #999999;
	height: 58px;
}
.header-col-2 {
	background-color: #f8f8f8;
	Padding-top: 15px;
	Padding-bottom: 3px;
	border-bottom: 1px solid #dddddd;
	font-size: 1.1em;
	font-weight: 600;
	min-height: 58px;
}
.header-col-3 {
	background-color: #f8f8f8;
	Padding-top: 15px;
	Padding-bottom: 3px;
	margin-bottom: 20px;
}
.calc-row{
	padding-bottom: 10px;
}
.text-active {
	color: #eb6617;
	margin-bottom: 14px;
}
.text-deactive {
	margin-bottom: 14px;
}
.calc-active {
    height: 6px;
    background: #eb6617;
	margin-left: -15px;
	margin-right: -15px;
}
.calc-deactive {
	height: 6px;
    background: #999999;
	margin-left: -15px;
	margin-right: -15px;
}
.overzicht {
    color: #eb6617;
    font-size: 1.125em;
    font-weight: 600;
}
.prod-details-hide {
    margin: 2px 0 0;
    color: #009aff;
    font-size: 0.9375em;
    font-weight: 600;
    text-decoration: underline;
	cursor: pointer;
	text-align:right;
}
.prod-details-show {
    margin: -1px 0 0;
    color: #009aff;
    font-size: 0.9375em;
    font-weight: 600;
    text-decoration: underline;
	cursor: pointer;
	text-align: right;
}
.title {
    margin: 23px 0 20px;
    position: relative;
    color: #333333;
    font-family: 'Fira Sans', sans-serif;
    font-size: 1.25em;
    font-weight: 500;
	text-align: left;
}
.title-specs {
    padding: 15px 0 5px 15px;
    position: relative;
    color: #333333;
    font-family: 'Fira Sans', sans-serif;
    font-size: 1.25em;
    font-weight: 500;
	text-align: left;
}
.image{
	text-align:center;
	margin-top: -138px;
}
@media (min-width: 768px) and (max-width: 991px) {
	.image{
		margin-top: 0px;
	}
	.keep-alive{
		margin-left: -15px;
	}
}
@media (max-width: 768px) {
	.image{
		margin-top: 0px;
	}
	.keep-alive{
		margin-left: -15px;
	}
	#ajxcalctbl{
		margin-left: -5px;
		margin-right: -5px;
	}
}
.image-txt{
	text-align:center;
	font-size: 0.75em;
	font-style: italic;
	line-height: 1.2;
	margin-top: -4px;
}
#ProdImgSg{
	margin-top: 58px;
}
#ProdImgLg{
	margin-top: 42px;
}
.calc-left{
	margin-bottom: 20px;
}
.btn-calc {
	color: #fff;
	font-family: 'Fira Sans', sans-serif;
	font-weight: 800;
	letter-spacing: 0.03em;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
	background-color: #eb6617;
	border-color: #eb6617;
	padding: 12px 24px;
	margin-bottom: 5px;
}
.btn-calc:hover{
	color: #fff;
}
.btn-file {
	color: #fff;
	background-color: #66cd33;
	font-family: 'Fira Sans', sans-serif;
	font-weight: 800;
	letter-spacing: 0.03em;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
	border-color: #e1e1e1;
	padding: 12px 24px;
	margin-bottom: 5px;
	margin-top: 20px;
}
.calc-specs {
	background-color: #eee;
	padding:10px;
}
.specs {
	background-color: #eee;
}
.btn-file:hover{
	color: #fff;
}
.btn-file .glyphicon {
	margin-left: 15px;
}
.vat-txt{
	padding: 0 0 15px 5px;;	
}
.delivery-txt{
	padding: 0 0 15px 5px;;	
}
.wetrans-txt{
	padding: 0 0 15px 5px;;	
}
.regular-checkbox {
	display: none;
}

.regular-checkbox + label {
	background-color: #fff;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
	margin-bottom: -5px;
}

.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox:checked + label {
	background-color: #fff;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #eb6617;
	margin-bottom: -5px;
}

.regular-checkbox:checked + label:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: #eb6617;
	margin-bottom: -5px;
}
.calc-img-calc{
	margin-right: 5px;
}
.txt-right{
	text-align: right;
	color: #000;
}
.txt-left{
	text-align: left;
	color: #333;
}
.netto-txt {
	font-weight: Bold;
}
.bruto-txt {
	font-weight: Bold;
	font-size: 1.25em;
	font-weight: bold;
}
.bruto-calc {
	font-size: 1.25em;
	font-weight: bold;
	color: #eb6617;
}
#label {
	margin-top:10px;
	font-weight: normal;
}
.line hr{
	border-top: 1px solid #dddddd;
}
.text-primary {
	color: #009aff;
}
#prodImg {
	position: relative;
	top: -60px;
}
@media (max-width: 768px) {
	body {
		margin-left:10px;
		margin-right: 10px;
	}
	.calc-row {
		text-align: center;
	}
	.calc-left{
		margin-left:10px;
		margin-right:10px;
	}
	.calc-specs{
		margin-left:-5px;
		margin-right:-5px;
	}
	.calc-overzicht {
	margin-left: -5px;
	margin-right: -5px;
	}
	.header-col-1{
		margin-left: -15px;
		margin-right: -15px;		
	}
	.calc-form {
		margin-left: -15px;
		margin-right: -15px;
	}
	.upload-form {
		margin-left: -15px;
		margin-right: -15px;
	}
	.naw-form {
		margin-left: -15px;
		margin-right: -15px;
	}
	.group-cust {
		text-align: center;
		padding-left: 0px;
    }
	.prod-select  {
		margin: 10px 10px 0;
		text-align: center;
		padding-right: 0px;
	}
	.group-cust{
		margin-top: 0px;
	}
	.cust-phone{
		padding-left: 0px;
	}
	.product-on-page{
		margin: auto;
	}
	.image-txt{
		margin-top: 10px;
	}
	.row-footer{
		padding: 0px;
	}
	.header-col-2{
		height: auto;
	}
	.price-row-first{
		margin-top: -20px;
	}
	#img-a4 {
		top: 0px;
	}
}
.garant {
	margin-top: 46px;
}
/* NAW
-------------------------------------------------- */	
.naw-form{
	background-color: #eee;
	padding-left: 10px;
	padding-right: 10px;
}
.form-group .date {
	display: table;
}
.input-group-addon {
	cursor: pointer;
}
.algvoorw {
	margin-top:20px;
}

/* CUSTOMIZE PLUPLOAD
-------------------------------------------------- */
.upload-form{
	background-color: #eee;
	padding-left: 10px;
	padding-right: 10px;
}
.plupload_wrapper {
	margin-top: 0px;
}
#uploadedfiles {
	border: 1px solid #eeeeee;
	padding-top: 15px;
	padding-bottom: 15px;
}
#uploadedfiles ul{
	margin: 0;
}
.plupload_logo {
	background-position-x: -40px;
	display: none;
}
.plupload_header_content{
	padding: 0 160px 0 20px
}
.ui-widget-content {
    border: 1px solid #eeeeee;
}
.plupload_header_content{
	background-color: #f8f8f8;
}
.btn{
	float:right;
}
.morecontent span {
    display: none;
}
.morelink {
    display: block;
	color: #009aff;
}
span .less{
	color: #009aff;
}
#TrashCan{
	margin-bottom: 3px;
	cursor: pointer;
}
@media (max-width: 768px) {
	.plupload_wrapper{
		min-width: auto;
	}
	#uploadedfiles{
		padding-left: 0px;
	}
}

/* PRODUCTS MENU.
-------------------------------------------------- */
.bg h2{
	font-size: inherit;
	margin-top: 0px;
	color: #333333;
}
div.menuitem {
	position: relative;
}
div.menuitem ul.submenu {
	background: #09f;
	position: absolute;
	right: 0;
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
    font-size: 0.9em; 
	min-width: 150px;
	z-index: 99;
}
div.menuitem:hover ul.submenu {
	display: block;
}
div.menuitem ul.submenu li {
	border: 1px solid #ffffff;
	border-top: 0;
}
div.menuitem ul.submenu li.first {
	border-top: 1px solid #fff;
}
div.menuitem ul.submenu li a {
	background-image:none;
	color: #fff;
	text-decoration: none;
	display: block;
	line-height: 25px;
	padding: 0 10px;
}
div.menuitem ul.submenu li a:hover {
	text-decoration: underline;
	color:#4a4a4a;
	font-weight:600;
}
div.menuitem ul.submenu li.first-eco {
    border-top: 1px solid #fff;
    background-color: green;
}
li .fa-leaf{
	padding-left: 5px;
}
/* PRODUCTS MENU FAST
-------------------------------------------------- */
.item-all{
    padding: 10px 0 0;
    position: relative;
	margin-bottom:10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ffffff;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);
}
div.menuitem {
	position: relative;
}
div.menuitem ul.submenu-small {
	position: absolute;
	right: 0;
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
    font-size: 0.9em; 
	width: 100%;
	z-index: 99;
	color: #333;
}
div.menuitem ul#sub_losbladig.submenu-small {
	margin-top:5px;
	background: #f7f7f7;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
    -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);
}
div.menuitem ul#sub_losbladig.submenu-small li a:hover{
	background: #eb6617;
	color: #fff;
}
div.menuitem ul#sub_losbladig.submenu-small li.first a:hover {
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}
div.menuitem ul#sub_geboord.submenu-small {
	margin-top:5px;
	background: #f7f7f7;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
    -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);
}
div.menuitem ul#sub_geboord.submenu-small li a:hover{
	background: #eb6617;
	color: #fff;
}
div.menuitem ul#sub_geboord.submenu-small li.first a:hover {
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}
div.menuitem ul#sub_wireo.submenu-small {
	margin-top:5px;
	background: #f7f7f7;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
    -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);
}
div.menuitem ul#sub_wireo.submenu-small li a:hover{
	background: #eb6617;
	color: #fff;
}
div.menuitem ul#sub_wireo.submenu-small li.first-eco {
	border-top: 1px solid #fff;
	background-color: green;
	color:#fff;
}
div.menuitem ul#sub_wireo.submenu-small li.first a:hover {
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}
div.menuitem ul#sub_gebrocheerd.submenu-small {
	margin-top:5px;
	background: #f7f7f7;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
    -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);
}
div.menuitem ul#sub_gebrocheerd.submenu-small li a:hover{
	background: #eb6617;
	color: #fff;
}
div.menuitem ul#sub_gebrocheerd.submenu-small li.first a:hover {
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}
div.menuitem ul#sub_garenloos.submenu-small {
	margin-top:5px;
	background: #f7f7f7;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
    -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35);
}
div.menuitem ul#sub_garenloos.submenu-small li a:hover{
	background: #eb6617;
	color: #fff;
}
div.menuitem ul#sub_garenloos.submenu-small li.first-eco {
	border-top: 1px solid #fff;
	background-color: green;
	color:#fff;
}
div.menuitem ul#sub_garenloos.submenu-small li.first a:hover {
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}
div.menuitem:hover ul.submenu-small {
	display: block;
	text-align:center;
}

div.menuitem ul.submenu-small li.first {
	border-top: 1px solid #aeaeae;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}
div.menuitem ul.submenu-small li a {	
	background-image:none;
	margin-right: 0;
	text-decoration: none;
	display: block;
	line-height: 25px;
	padding: 0 0 0 0px;
	font-size: 0.9em;
}
div.menuitem ul.submenu-small li a:hover {
	font-size: 0.9em;
	text-decoration: none;
	font-weight: 400;
}

.ul-container {
	text-align:right;
}
.ul-container a{
	background-position:2px -16px;
	background-repeat:no-repeat;
	padding-left:40px;
	padding-bottom:1px;
	margin-right: -15px;
	cursor: pointer;
}
.lb a{
	background-image:url("/images/copyshop/add.png");
}
.lba a{
	background-image:url("/images/copyshop/add.png");
}
.aw a{
	background-image:url("/images/copyshop/add.png");
}
.abr a{
	background-image:url("/images/copyshop/add.png");
}
.al a{
	background-image:url("/images/copyshop/add.png");
}
.ul-container{
	margin-top: -20px;
}
.ul-container a:hover{
	background-position:2px 2px;
	font-size:14px;
	font-weight:700
}
.ul-container a:active{
	background-position:2px 2px;
	font-size:14px;
	font-weight:700
}
@media (min-width: 768px) and (max-width: 1200px){
	.cust-right .menuitem {
    margin: 5px;
    padding: 0;
	}
	div.menuitem ul#sub_losbladig.submenu-small{
		margin-top: 0px;
	}
	div.menuitem ul#sub_geboord.submenu-small{
		margin-top: 0px;
	}
	div.menuitem ul#sub_wireo.submenu-small{
		margin-top: 0px;
	}
	div.menuitem ul#sub_gebrocheerd.submenu-small{
		margin-top: 0px;
	}
	div.menuitem ul#sub_garenloos.submenu-small{
		margin-top: 0px;
	}
}
@media (min-width: 768px) and (max-width: 992px){
	.cust-right-top {
		margin-left: 0;
		margin-right: 0;
	}
	.cust-right-top h3 {
		margin-left: 5px;
	}
	.cust-spacer {
		margin-left: 15px;
		margin-right: 15px;
	}
}
@media (min-width: 992px){
	.cust-right{
		height: 100%;
	}
}
@media (min-width: 1200px){
	.item-all .prod-title {
		font-size: 0.76em;
	}
	.cust-right .left {
		margin-right: -5px;
	}
	.cust-right .right {
		margin-left: -5px;
	}

}
/* PRODUCT DIALOG
-------------------------------------------------- */
.modal-content p{
	color: #009aff;
}
.modal-content a:link{
	text-decoration: underline;
}

/* ORDERSTATUS
-------------------------------------------------- */
li .fa {
 padding-right:10px
}
.fa-check{
	color: #66cd33;
}
.fa-eur {
	color: #eb6617;
}
.fa-spinner{
	color: red;
}
.fa-print {
	color: #009aff;
}
.fa-truck {
	color: #333;
}
.fa-file-image-o {
	color: #333;
}
.calc-row .btn-info{
	float: left;
	margin-top: 10px;
}

/* BANNER
-------------------------------------------------- */	
.example {
    position: relative;
    margin: 15px 0 10px;
    padding: 25px 19px 70px;
    background-color: #fff;
    border-radius: 4px 4px 0 0;
    border: 1px solid #ddd;
}
.form-actions .btn {
    float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right:10px;
}

.example .alert{
	margin-top: 10px;
}
.banners textarea{
	width: 468px;
	margin-top: 5px;
	font-size: 0.9em;
}
.check-url-form {
	position: relative;
	margin: 15px 0 10px;
	padding: 25px 19px 25px;
	background-color: #fff;
	border-radius: 4px 4px 0 0;
	border: 1px solid #ddd;
}
.check-url-form .alert {
	margin-top: 30px;
}
.txtarea-banner{
	margin-bottom: 15px;
}

.banners img {
}
/* NIEUWSBRIEF
-------------------------------------------------- */
.nieuwsbrief {
    position: relative;
    margin: 15px 0 10px;
    padding: 45px 19px 25px;
    background-color: #fff;
    border-radius: 4px 4px 0 0;
    border: 1px solid #ddd;
}
.nieuwsbrief .alert{
	margin-top: 30px;
}
.captcha {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
/* ACCOUNT
-------------------------------------------------- */
table a {
	color: #009aff;
}
.table-striped tbody tr:nth-of-type(2n+1){
	background-color: #eee;
}
.groupacc {
	background-color: #eee;
	padding:10px;
	margin: 0 0 20px 0;
	line-height: 27px;
}
.groupacc a {
	color: #009aff;
}
.groupacc li .fa {
    padding-right: 10px;
}
h3 .fa{
	padding-right: 10px;
	color: #009aff;
}
.font-icon {
	padding-left: 23px;
}
.groupacc .section-content .label {
    font-size: 75%;
    font-weight: 700;
    color: #333;
	padding-left: 0px;
}
.groupacc .add {
	float: right;
	margin-top: -35px;
	color: #009aff;
}
/* FAQ
-------------------------------------------------- */
a.faqheader:hover {
    color: #eb6617;
}
a.faqheader {
    background-image: url("/images/copyshop/arrow.png");
    background-position: 2px 3px;
    background-repeat: no-repeat;
    color: #000;
    font-size: 14px;
    line-height: 30px;
    padding-left: 40px;
    cursor: pointer;
}
a.faqheader.open {
    background-image: url("/images/copyshop/arrow.png");
    background-position: 2px -16px;
    background-repeat: no-repeat;
    font-size: 14px;
    line-height: 30px;
    padding-left: 40px;
    cursor: pointer;
}
div.faqcontainer {
	background-color: #f7f7f7;
	padding: 10px 15px;
	margin-bottom: 10px;
}
div.faqtext {
    font-size: 14px;
    border-bottom: 1px solid #aaaaaa;
    display: none;
    margin: 5px 0 20px;
    padding: 0 20px 20px 40px;
    text-align: justify;
}
.fa-bookmark {
	color: #eb6617;
	font-size: 2.9em;
	float: left;
	margin: 12px 0 40px 10px;
	position: relative;
	width: 48px;
}
/* ABOUT
-------------------------------------------------- */
.about a{
	color: #009aff;
}
/* CONTACT
-------------------------------------------------- */
.contact-row {
    background: #fff;
	padding-top: 4px;
}
.contact a{
	color: #009aff;
}
.location{
	margin-top: 20px;
	text-align: center;
}
.location h3{
	text-align:left;
}
.contact-r{
	text-align: right;
}
/* TOOLBOX
-------------------------------------------------- */

.toolbox a {
	color: #009aff;
}
.toolbox div a {
	margin-top: 5px;
	margin-bottom: 5ppx;
}
/* CONTACTFORM
-------------------------------------------------- */
.contactform{
    position: relative;
    margin: 15px 0 10px;
    padding: 25px 25px 25px;
    background-color: #fff;
    border-radius: 4px 4px 0 0;
    border: 1px solid #ddd;
}
.contactform .alert {
	margin-top: 20px;
	margin-bottom: 10px;
}
/* NABEWERKING
-------------------------------------------------- */
.nb {
	margin-top:20px;
	border: 1px solid #eeeeee;
}
.nbt img{
	border: 1px solid #eeeeee;
}
/* CANVA
-------------------------------------------------- */
.canva-edt img {
	margin-top: 70px;
	margin-left: 15px;
}
.canva-txt{
	overflow: hidden;
	background-color: #00c4c5;
	background: linear-gradient(to left top,#00c589 0,#00afb0 100%);
    background-color: transparent;
    background-image: linear-gradient(to left top, rgb(0, 197, 137) 0px, rgb(0, 175, 176) 100%);
    background-repeat: repeat;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
	margin-left: 0px;
	margin-right:0px;
	color: #fff;
}
.start-designing:hover, .tagline-wrapper-banner .start-designing:focus {
    text-decoration: none;
    outline: 0;
}
.start-designing {
    background-clip: border-box;
    cursor: pointer;
    text-align: center;
    font-weight: 400;
    font-family: "Open Sans",sans-serif;
    transition: background-color .3s,color .3s,border .3s;
    display: inline-block;
    padding: .75em 1.5em;
    font-size: .875em;
    line-height: 1.71429em;
    border-radius: .35714em;
    border: 1px solid #fff;
    background-color: #fff;
    color: #000;
    padding-left: 24px;
    padding-right: 24px;
}
.ipad-app {
	margin-top: 10px;
	margin-bottom: 10px;
    background-clip: border-box;
    cursor: pointer;
    text-align: center;
    font-weight: 400;
    font-family: "Open Sans",sans-serif;
    transition: background-color .3s,color .3s,border .3s;
    display: inline-block;
    padding: .75em 1.5em;
    font-size: .875em;
    line-height: 1.71429em;
    border-radius: .35714em;
    border: 1px solid #fff;
    background-color: #fff;
    color: #000;
    background-color: transparent;
    color: #fff;
    border-color: #fff;
    padding-left: 24px;
    padding-right: 24px;
}
.ipad-app:hover {
    color: #000;
    border-color: #f2f2f2;
    background-color: #f2f2f2;
}
.ipad-app:hover, .tagline-wrapper-banner .ipad-app:focus {
    text-decoration: none;
    outline: 0;
}
/* FEEDBACK COMPANY
-------------------------------------------------- */
.innerListBlock {
	font-size: 12px;
	color: #2b3b50;
    float: left;
    clear: both;
    width: 100%;
    margin: 25px 0 0 0;
    background-color: #556375;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0px 3px 0px #e9eaeb;
    border: none;
}
.innerListBlock .innerreviewlist .review .reviewBox {
    background: white;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: none;
    box-shadow: 0px 3px 0px #e9eaeb;
}
.innerListBlock .innerreviewlist {
    float: left;
    width: 96%;
    margin: 25px 2%;
}
.innerListBlock .innerreviewlist .top {
    float: left;
    width: 100%;
}
.innerListBlock .innerreviewlist .top H2 {
    font-size: 233%;
    margin-bottom: 20px;
    padding: 0;
    color: white;
}
.innerListBlock .innerreviewlist .review {
    margin: 34px 0 0 0;
    height: auto;
}
.ns {
    display: none;
}
.reviewerInfo {
    float: left;
    width: 75px;
    height: 100%;
}
.reviewerInfo .genderIconMale {
    background: url(../images/copyshop/iconmale.png) no-repeat;
    background-size: 45px 45px;
}
.reviewerInfo .genderIcon {
    width: 45px;
    height: 45px;
    margin: 0 auto;
}
.innerListBlock .innerreviewlist .review .reviewerInfo .reviewer {
    float: left;
    clear: both;
    width: 100%;
    margin: 10px 0 0 0;
    text-align: center;
    color: white;
    position: relative;
}
.reviewer .innerReviewername {
    top: 0;
    left: -8px;
    height: auto;
    text-align: right;
    color: white;
    font-size: 117%;
    overflow: hidden;
}
.innerListBlock .innerreviewlist .review .reviewArrow {
    float: left;
    width: 13px;
    height: 100%;
    min-height: 100px;
    background: url(../images/copyshop/arrowleft.png) right 20px no-repeat;
}
.innerListBlock .innerreviewlist .review .reviewBox {
	margin-top:10px;
    float: left;
    width: 100%;
    max-width: 500px;
    background: white;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: none;
    box-shadow: 0px 3px 0px #e9eaeb;
}
.innerListBlock .innerreviewlist .review .reviewBox .reviewitem {
    float: left;
    width: 90%;
    margin: 20px 5%;
}
.innerListBlock .innerreviewlist .review .reviewBox .reviewitem .innerStars {
    float: left;
}
.innerListBlock .innerreviewlist .review .reviewBox .reviewitem .innerScore .aanbeveling {
    font-size: 117%;
    color: #9f9f9f;
    margin-left: 10px;
}
.star5 {
    width: 163px;
    height: 24px;
    margin: 2px 0 0 0;
    background: url(../images/copyshop/star_inbox_5.png) left center no-repeat;
    background-size: 162px 24px;
}
.star5half {
    width: 163px;
    height: 24px;
    margin: 2px 0 0 0;
    background: url(../images/copyshop/star_inbox_5_half.png) left center no-repeat;
    background-size: 162px 24px;
}
.star4 {
    width: 163px;
    height: 24px;
    margin: 2px 0 0 0;
    background: url(../images/copyshop/star_inbox_4.png) left center no-repeat;
    background-size: 162px 24px;
}
.innerListBlock .innerreviewlist .review .reviewBox .reviewitem .innerLegend {
    float: left;
    margin: 5px 0 0 10px;
    font-size: 117%;
}
.innerListBlock .innerreviewlist .review .reviewBox .reviewitem .reviewerInfoMobile {
    float: left;
    clear: both;
    display: none;
    margin-top: 10px;
}
.innerListBlock .innerreviewlist .review .reviewBox .reviewitem .reviewerInfoMobile .genderIconMale {
    background: url(../images/copyshop/iconmale.png) no-repeat;
    background-size: 45px 45px;
}
.innerListBlock .innerreviewlist .review .reviewBox .reviewitem .innerDate {
    float: right;
    font-size: 117%;
    color: #9f9f9f;
    margin: 5px 0 0 0;
}
.innerListBlock .innerreviewlist .review .reviewBox .reviewitem .innerDate {
    font-size: 117%;
    color: #9f9f9f;
}
.innerListBlock .innerreviewlist .review .reviewBox .reviewitem .summary {
    float: left;
    clear: both;
    width: 100%;
    border-top: solid #e6eaf0 1px;
    margin: 20px 0 0 0;
    padding: 25px 0 0 0;
}
.innerListBlock .innerreviewlist .review .reviewBox .reviewitem .summary H2 {
    margin: 0;
    padding: 0;
    font-size: 150%;
}
.innerListBlock .innerreviewlist .review .reviewBox .reviewitem .summary H2 A {
    font-weight: bold;
    text-decoration: none;
}
.innerListBlock .innerreviewlist .review .reviewBox .reviewitem .innerDesc {
    float: left;
    clear: both;
    width: 100%;
    border-bottom: solid #e6eaf0 1px;
    margin: 0 0 20px 0;
    padding: 0 0 25px 0;
}
.innerListBlock .innerreviewlist .review .reviewBox .reviewitem .innerDesc H3 {
    font-size: 133%;
    font-weight: bold;
    margin: 20px 0 0 0;
    padding: 0;
}
.innerListBlock .innerreviewlist .review .reviewBox .reviewitem .innerDesc P {
    font-size: 133%;
    margin: 0;
}
.innerListBlock .innerreviewlist .review .reviewBox .reviewitem .innerScore {
    float: left;
    clear: left;
    line-height: 20px;
}
.innerListBlock .innerreviewlist .review .reviewBox .reviewitem .innerScore .innerLabel {
    font-size: 117%;
}
.innerListBlock .innerreviewlist .review .reviewBox .reviewitem .innerScore .numberrating {
    font-size: 117%;
    color: #9f9f9f;
    margin-left: 10px;
}
.innerListBlock .innerreviewlist .review .reviewBox .reviewitem .innerLink {
    float: right;
    margin-top: 10px;
}
.innerListBlock .innerreviewlist .review .reviewBox .reviewitem .innerLink A {
    font-size: 117%;
}

/* TOOLTIP
-------------------------------------------------- */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
	opacity: 1;
	z-index: 1;
}

.tooltip .tooltiptext {
	font-family: sans-serif;
	font-size: 0.8em;
	line-height: 17px;
	background-color: #009aff;
    visibility: hidden;
    width: 200px;
	max-width: 450px;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
	margin-left: 10px;
	margin-top: 5px;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
	top: 100%;
    left: 50%;
    margin-left: -75px;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}
.exampleImg a img {
	display:none; 
	}
.exampleImg a:hover img { 
	display:block;
	position:absolute;
	left:40px;
	bottom:10px;
	z-index:99;
	border:4px solid #009aff;
}
.exampleImg .fa {
	font-size: 18px;
	color: #009aff;
	margin-top:10px;
}
h3 .fa-info-circle {
	padding-right: 0px;
	font-size: 0.8em;
}
/* ORDERSEARCH
-------------------------------------------------- */
form .btn {
	margin-bottom: 20px;
}
/* SPINNER
-------------------------------------------------- */
.loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 99;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #009aff;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@media (max-width: 768px) {
	.loader {
	left: 55%;
	}
}
a.hover-product span.glyphicon {
 transition:.5s
}
a.hover-product:hover span.glyphicon {
 color:#eb6717;
 right:15px
}
.group-new {
 font-family:Raleway,sans-serif;
 color:#4a4a4a;
 font-size:1.1em;
 font-weight:700;
 padding:0 10px 0 10px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px;
 background:#fff;
 cursor:pointer;
 min-height:150px
}
.group-new {
 overflow:hidden
}
.group-new h2 {
 font-size:1.1em;
 font-weight:700;
 margin-top:0
}
.group-new .glyphicon-chevron-right {
 top:120px;
 right:20px;
 position:absolute
}
.product-holder-home {
 height:150px
}
.product-holder-home h2 {
margin-top: 10px;
}
.newproducts {
 background:#efefef;
 padding-top:20px;
 padding-bottom:20px
}
.new {
 margin:22px auto 0;
 text-align:center
}
.rechthoek-1-holder {
 padding:2px;
 background:#eb6617;
 -webkit-box-shadow:2.424048px 4.373098px 8px 0 rgba(0,1,0,.16);
 -moz-box-shadow:2.424048px 4.373098px 8px 0 rgba(0,1,0,.16);
 box-shadow:2.424048px 4.373098px 8px 0 rgba(0,1,0,.16)
}
.rechthoek-1-holder {
 display:table;
 padding:0 4px
}
.nieuw {
 font-size:1.292962em;
 font-weight:900;
 color:#fff
}
.layer-holder {
 color:#fff;
 left:40px;
 width:50px;
 padding:0 1px 2px 1px;
 position:relative;
 background:#1a455f;
 -webkit-box-shadow:2.424048px 4.373098px 8px 0 rgba(0,1,0,.16);
 -moz-box-shadow:2.424048px 4.373098px 8px 0 rgba(0,1,0,.16);
 box-shadow:2.424048px 4.373098px 8px 0 rgba(0,1,0,.16);
 font-size:.65em;
 font-weight:900;
 text-align:center
}
.bekijk-holder {
 background:#428ecd;
}
.vkaart {
 margin-top:10px;
}
.visitekaartje {
 margin-top:10px;
}
.briefpapier {
 margin-top:10px;
}
.notitieblok {
 margin-top:10px;
}
.laag-5 {
 margin-left:30px;
}
@media (max-width:992px) {
 .group-new .glyphicon-chevron-right {
  top:120px;
  right:20px;
  left:inherit;
 }
 .product-holder-home {
  border:5px #efefef solid;
 }
}