/***************************************************** GENERAL STYLING */
.wow {
  visibility: hidden;
}

* {
	font-weight: 300;
	box-sizing: border-box;
}

img {
	max-width: 100%;
}

h1, h2, h3, h4, h5, p {
	font-weight: 300 !important;
}

h6 {
	font-size: 17px !important;
}

.text-underline {
	text-decoration: underline !important;
}

.text-red {
	color: #c31919 !important;
}

.navbar-brand img {
	max-height: 44px;
}

.btn-nav {
	font-weight: 500 !important;
}

.btn-sm {
	padding: 7px 11px !important;
    margin-bottom: 7px;
    margin-right: 5px;
    font-size: 13px !important;
}

.navbar-collapse {
	padding-left: 0;
	padding-right: 0;
	margin-top: 0;
	border: 0;
}

.navbar-collapse a {
	border: 0 !important;
}

.navbar-collapse .yamm-content ul li a {
	font-size: 13px !important
}

.hero-md {
	max-height: 500px;
}

.hero-sm {
	max-height: 360px;
}

.hero-xs {
	max-height: 160px;
}

.drop-shadow{
	filter: drop-shadow(0 0 1rem black);
}
.p-t-sm{
	padding-top: 10px;
}

/***************************************************** TWG NAVBAR */

.navbar {
	border-radius: 0 !important;
}

#navbar-twg {
	background: #0a0b0b;
	min-height: 0;
	padding: 0;
	margin-right: -30px;
}

#navbar-twg a {
	color: white !important;
	font-size: 13px;
}

.navbar-nav li.active a {
	background: #0a0b0b !important;
}

#navbar-twg .navbar-nav li.active:after, .navbar-nav li.active:before {
	bottom: 0%;
    margin-bottom: 0px;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#navbar-twg .navbar-nav li.active:after {
	border-bottom-color: #fff;
	border-width: 0;
	margin-left: -0;
    z-index: 1;
}

#navbar-twg .navbar-nav li.active:before {
	border-width: 7px;
	margin-left: -7px;
    z-index: 1;
}

.navbar-nav>li>a {
	font-weight: 400;
	color: #0a0b0b;
	font-size: 16px;
	opacity: 1
}

.navbar-nav>li>a span {
	font-weight: 700;
}

.funfacts .counter {
	font-weight: 300;
}

input[type=radio] {
    margin-top: 3px;
}

@media (min-width: 768px) {
	.col-sm-2-nav {
		width: 19.666667%;
	}
}

/***************************************************** TWG HERO BOX */
@media (max-width: 772px) {
	.hero .box {
		margin: 20px;
	}
}

/***************************************************** TWG LEAD BOX */
#proposal ul * {
	text-align: left !important
}

.tab-pane ul * {
	text-align: left !important;
	margin-left: 3px;
}


/***************************************************** TWG CARD */
.twg-card-header {
	width: calc(100% + 60px);
	margin-left: -30px;
	margin-top: -30px;
	margin-bottom: 20px;
	height: 100px !important;
	background-size: contain !important;
	background-repeat: no-repeat;
	background-position: center !important;

}
.twg-card {
	padding: 30px;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.12);
	-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.12);
	box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.12);
}
.twg-card.square {
	position: relative;
	margin: 0 auto;
	width: 160px !important;
	height: 160px !important;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.07) !important;
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.07) !important;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.07) !important;
}

/***************************************************** TWG COOP */
@media (max-width: 772px) {
	#twg-coop .m-t-lg {
			margin-top: 0px !important;
	}
	.content-spotlight {
		padding-bottom: 0 !important;
	}
}

/***************************************************** TWG FOOTER */

@media (max-width: 772px) {
	#footer-twg {
		text-align: center;
	}	
	#footer-twg img {
		max-width: 100px;
		margin-bottom: 40px;
	}
}

/***************************************************** TWG */

.color-twg {
	color: #0a0b0b !important;
}

.bg-twg {
	background: #0a0b0b !important;
}

.bg-twg-header{
	background: white !important;
}

.btn-twg {
	background: #0a0b0b !important;
	color: white !important;
	font-weight: 500 !important;
	text-transform: lowercase;
}

.text-twg {
	color: #0a0b0b !important;
}

.section-header span{
	display: inline !important;
}

.border-bottom-twg:before {
	border-bottom-color: white !important;
}

.features-panels .nav-tabs.nav-justified>li>a{
	font-weight: 300 !important;
}

.features-panels .nav-tabs.nav-justified>li>a:hover {
	color: #0a0b0b !important;
}

.features-panels .nav-tabs.nav-justified>.active>a, .features-panels .nav-tabs.nav-justified>.active>a:focus, .features-panels .nav-tabs.nav-justified>.active>a:hover{
	border: 1px solid #0a0b0b;
}

.features-panels .nav-tabs.nav-justified>li>a{
	text-transform: lowercase !important;
}

.brand-tabs{
	width: 100%;
}

@media(max-width: 991px){
	.p-t-tabs{
		padding-top: 30px;
	}
}

/***************************************************** DISTRI */

.color-distri {
	color: #FAE665 !important;
}

.bg-distri {
	/*background-color: #FAE665 !important;*/
	background: linear-gradient(87deg, #FAE665 0, #ffd600 100%) !important;
}

.bg-distri2 {
	/*background-color: #FAE665 !important;*/
	background: linear-gradient(87deg, #ffd600 0, #FAE665 100%) !important;
}

.btn-distri {
	background: linear-gradient(87deg, #FAE665 0, #ffd600 100%) !important;
	color: black !important;
	font-weight: 500 !important;
	text-transform: lowercase;
}

.text-distri {
	color: #FAE665 !important;
}

.border-bottom-distri:before {
	border-bottom-color: #FAE665 !important;
}

@media (max-width: 767px) {
	.distri-padding-home {
		padding: 30px 30px !important;
	}
	.distri-margin-home {
		margin-left: 0 !important;
	}

}


/***************************************************** PRINT */
.btn-circle {
    width: 30px !important;
    height: 30px !important;
    padding: 6px 0px !important;
    border-radius: 50% !important;
    text-align: center !important;
    font-size: 12px !important;
    line-height: 1.42857 !important;
}

.color-print {
	color: #F6B2B6 !important;
}

.bg-print {
	background-color: #F6B2B6 !important;
}

.bg-print-green {
	background-color: #6fbf82 !important;
}

.btn-print {
	background-color: #F6B2B6;
	color: white !important;
	font-weight: 500 !important;
	text-transform: lowercase;
}

.btn-print-green {
	background-color: #6fbf82;
	color: white !important;
	font-weight: 500 !important;
	text-transform: lowercase;
}

.border-print {
	border: 1px solid #F6B2B6 !important;
}

.product-title {
	font-size: 17px !important;
}

.text-print {
	color: #F6B2B6 !important;
}

.text-print-green {
	color: #6fbf82 !important;
}

.border-bottom-print:before {
	border-bottom-color: #F6B2B6 !important;
}

.d-block{
	display: block !important;
}

.table > tbody > tr > td {
    vertical-align: middle;
}

.dropdown-menu{
	min-width: 70px !important;
	/*padding-left: 15px;*/
}

/* GENERAL PRODUCTS */

.paneltype {
	cursor: pointer !important;
}
.paneltype:hover, .paneltype-selected {
	opacity: 1 !important;
	-webkit-box-shadow: inset 0px 0px 0px 3px rgba(246,178,182,1);
	-moz-box-shadow: inset 0px 0px 0px 3px rgba(246,178,182,1);
	box-shadow: inset 0px 0px 0px 3px rgba(246,178,182,1);
}

.stickertype {
	cursor: pointer !important;
}
.stickertype:hover, .stickertype-selected {
	opacity: 1 !important;
	-webkit-box-shadow: inset 0px 0px 0px 3px rgba(246,178,182,1);
	-moz-box-shadow: inset 0px 0px 0px 3px rgba(246,178,182,1);
	box-shadow: inset 0px 0px 0px 3px rgba(246,178,182,1);
}

.spandoektype {
	cursor: pointer !important;
}
.spandoektype:hover, .spandoektype-selected {
	opacity: 1 !important;
	-webkit-box-shadow: inset 0px 0px 0px 3px rgba(246,178,182,1);
	-moz-box-shadow: inset 0px 0px 0px 3px rgba(246,178,182,1);
	box-shadow: inset 0px 0px 0px 3px rgba(246,178,182,1);
}

.producttype {
	cursor: pointer !important;
}
.producttype:hover, .producttype-selected {
	opacity: 1 !important;
	-webkit-box-shadow: inset 0px 0px 0px 3px rgba(246,178,182,1);
	-moz-box-shadow: inset 0px 0px 0px 3px rgba(246,178,182,1);
	box-shadow: inset 0px 0px 0px 3px rgba(246,178,182,1);
}

/* DOOS OP MAAT */

.boxtype {
	cursor: pointer !important;
}
.boxtype:hover, .boxtype-selected {
	opacity: 1 !important;
	-webkit-box-shadow: inset 0px 0px 0px 3px rgba(246,178,182,1);
	-moz-box-shadow: inset 0px 0px 0px 3px rgba(246,178,182,1);
	box-shadow: inset 0px 0px 0px 3px rgba(246,178,182,1);
}

.rangeslider__fill {
	background: #F6B2B6 !important;
}

.printworks-loader {
  border: 8px solid #f3f3f3; /* Light grey */
  border-top: 8px solid #F6B2B6; /* Blue */
  border-radius: 50%;
  width: 50px;
  height: 50px;
  position: absolute;
  top: calc(46% - 25px);
  left: calc(50% - 25px);
  display: none;

  animation: spin 2s linear infinite;
}

select.form-control {
	height: 57px !important;
}

.form-control-sm {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}

select.form-control-sm {
	height: 42px !important;
}

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

/* FORM WIZARD */

.bs-wizard {margin-top: 20px; margin-bottom: 20px; border-bottom: 0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; border-radius: 30px; display: block; background: #F6B2B6; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #F6B2B6; position: absolute; top: 8px; left: 8px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 3px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #F6B2B6;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }

/***************************************************** EVENT */

.color-event {
	color: #95D3E6 !important;
}

.bg-event {
	background: #95D3E6 !important;
}

.btn-event {
	background-color: #95D3E6;
	color: white !important;
	font-weight: 500 !important;
	text-transform: lowercase;
}

.text-event {
	color: #95D3E6 !important;
}

.border-bottom-event:before {
	border-bottom-color: #95D3E6 !important;
}

/***************************************************** BRAND */

.color-brand {
	color: #21B5EA !important;
}

.bg-brand {
	background: #21B5EA !important;
}

.btn-brand {
	background-color: #21B5EA;
	color: white !important;
	font-weight: 500 !important;
	text-transform: lowercase;
}

.text-brand {
	color: #21B5EA !important;
}

.border-bottom-brand:before {
	border-bottom-color: #21B5EA !important;
}

/***************************************************** STORY */

.color-story {
	color: #AD96C7 !important;
}

.bg-story {
	background: #AD96C7 !important;
}

.btn-story {
	background-color: #AD96C7;
	color: white !important;
	font-weight: 500 !important;
	text-transform: lowercase;
}

.text-story {
	color: #AD96C7 !important;
}

.border-bottom-story:before {
	border-bottom-color: #AD96C7 !important;
}


/***************************************************** SNAP */

.color-snap {
	color: #F7A833 !important;
}

.bg-snap {
	background: #F7A833 !important;
}

.btn-snap {
	background-color: #F7A833;
	color: white !important;
	font-weight: 500 !important;
	text-transform: lowercase;
}

.text-snap {
	color: #F7A833 !important;
}

.border-bottom-snap:before {
	border-bottom-color: #F7A833 !important;
}

/***************************************************** DESIGN */

.color-design {
	color: #ED6C84 !important;
}

.bg-design {
	background: #ED6C84 !important;
}

.btn-design {
	background-color: #ED6C84;
	color: white !important;
	font-weight: 500 !important;
	text-transform: lowercase;
}

.text-design {
	color: #ED6C84 !important;
}

.border-bottom-design:before {
	border-bottom-color: #ED6C84 !important;
}

/***************************************************** LEAD */

.color-lead {
	color: #8EC89A !important;
}

.bg-lead {
	background: #8EC89A !important;
}

.btn-lead {
	background-color: #8EC89A;
	color: white !important;
	font-weight: 500 !important;
	text-transform: lowercase;
}

.text-lead {
	color: #8EC89A !important;
}

.border-bottom-lead:before {
	border-bottom-color: #8EC89A !important;
}