/*
 Theme Name:   Axender
 Theme URI:    http://www.axender.nl
 Description:  Axender Custom Theme
 Author:       Bob Rademaker
 Author URI:   http://www.zeroplex.nl
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or laterLicense URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  divi-child
*/


/* KLEUREN
DONKERBLAUW: #35617B
LICHTBLAUW:  #009EC5
GROEN #1:    #668D3F 
GROEN #2:    #8FC53D
GROEN #3:    #557733

/* =Theme customization stalogrts here
------------------------------------------------------- */

#et-secondary-nav li ul {
	padding: 6px 0 0;
	border-radius: 0px 0px 5px 5px;
}

#et-secondary-nav li ul li {
	border-bottom: 2px solid rgba(255, 255, 255, 0.7);
	border-radius: 5px;
	text-align: left;
}

.homeslider .et_pb_slide {
	background-size: inherit;
	background-repeat: repeat;
}

.et_pb_slide_description .et_pb_slide_title {
	font-size: 36px;
}

.homeslider .et_pb_slide .et_pb_slide_video {
	border: 3px solid #009EC5;
}

.homeslider .et-pb-active-slide .et_pb_slide_image,
.homeslider .et-pb-active-slide .et_pb_slide_video {
	/*CSS transitions*/
	-o-transition-property: none !important;
	-moz-transition-property: none !important;
	-ms-transition-property: none !important;
	-webkit-transition-property: none !important;
	transition-property: none !important;
	/*CSS transforms*/
	-o-transform: none !important;
	-moz-transform: none !important;
	-ms-transform: none !important;
	-webkit-transform: none !important;
	transform: none !important;
	/*CSS animations*/
	-webkit-animation: none !important;
	-moz-animation: none !important;
	-o-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
}

.et_pb_slide_description,
.et_pb_slider_fullwidth_off .et_pb_slide_description {
	padding: 6% 8%;
}

.bgrepeat {
	background-size: inherit;
	background-repeat: repeat;
	padding: 0!important;
}

.sinkimg {
	margin-top: -20px!important;
	margin-bottom: -20px!important;
}

.sinkimg img {
	position: relative;
	-moz-transition: -moz-transform 0.5s ease-in-out;
	-webkit-transition: -webkit-transform 0.5s ease-in-out;
	-o-transition: -o-transform 0.5s ease-in-out;
	z-index: 5;
}

.sinkimg img:hover {
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
}

.flexrow {
	display: flex;
}

.flexcolumn {
	padding: 27px 0;
	align-self: center;
}

.usp {
	border-right: 1px solid #000;
	padding-right: 20px;
}


/* @media only screen and (min-width: 981px) {
	.et-fixed-header#top-header #et-secondary-nav li ul {
		background-color: #009EC5!important;
	}
} */


/* ROTATING WORDS */

.rw-wrapper {
	position: relative;
}

.rw-sentence {
	margin: 0;
	text-align: left;
}

.rw-sentence span {
	color: #FFF;
	white-space: nowrap;
}

.rw-words {
	display: inline;
	text-indent: 7px;
}

.rw-words span {
	position: absolute;
	opacity: 0;
	overflow: hidden;
	width: 100%;
	color: #FFF;
}

.rw-words-1 span {
	position: absolute;
	opacity: 0;
	overflow: hidden;
	color: #FFF;
	-webkit-animation: rotateWord 9s linear infinite 0s;
	-ms-animation: rotateWord 9s linear infinite 0s;
	animation: rotateWord 9s linear infinite 0s;
}

.rw-words-1 span:nth-child(2) {
	-webkit-animation-delay: 3s;
	-ms-animation-delay: 3s;
	animation-delay: 3s;
}

.rw-words-1 span:nth-child(3) {
	-webkit-animation-delay: 6s;
	-ms-animation-delay: 6s;
	animation-delay: 6s;
}

@-webkit-keyframes rotateWord {
	0% {
		opacity: 0;
	}
	2% {
		opacity: 0;
		-webkit-transform: translateY(-30px);
	}
	5% {
		opacity: 1;
		-webkit-transform: translateY(0px);
	}
	17% {
		opacity: 1;
		-webkit-transform: translateY(0px);
	}
	20% {
		opacity: 1;
		-webkit-transform: translateY(0px);
	}
	35% {
		opacity: 0;
	}
	80% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

@-ms-keyframes rotateWord {
	0% {
		opacity: 0;
	}
	2% {
		opacity: 0;
		-ms-transform: translateY(-30px);
	}
	5% {
		opacity: 1;
		-ms-transform: translateY(0px);
	}
	17% {
		opacity: 1;
		-ms-transform: translateY(0px);
	}
	20% {
		opacity: 1;
		-ms-transform: translateY(0px);
	}
	35% {
		opacity: 0;
	}
	80% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

@keyframes rotateWord {
	0% {
		opacity: 0;
	}
	2% {
		opacity: 0;
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}
	5% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	17% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	20% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	35% {
		opacity: 0;
	}
	80% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

@media screen and (max-width: 768px) {
	.rw-sentence {
		font-size: 18px;
	}
}

@media screen and (max-width: 320px) {
	.rw-sentence {
		font-size: 9px;
	}
}

.colblue {
	border-top: 20px solid #35617B;
	background-image: url(http://ax1.byzeroplex.net/wp-content/uploads/2016/03/deliver_001_alpha.png);
}

.colturq {
	border-top: 20px solid #009EC5;
	background-image: url(http://ax1.byzeroplex.net/wp-content/uploads/2016/03/print_001_alpha.png);
}

.colgreen {
	border-top: 20px solid #668D3F;
	background-image: url(http://ax1.byzeroplex.net/wp-content/uploads/2016/03/design_002_alpha.png);
}

.colblue,
.colturq,
.colgreen {
	background-repeat: no-repeat;
	background-position: calc(100%+ 45px) calc(100%+ 70px);
	background-size: 230px;
	transition: all .5s ease-out;
}

.colblue:hover,
.colturq:hover,
.colgreen:hover {
	background-size: 256px;
}

.axheader,
.axbackground {
	background-repeat: repeat;
	background-position: top left;
	background-size: inherit;
}

.axheaderslider {
	z-index: 1;
}

.axheaderslider .et_pb_slide_content {
	margin-bottom: 70px;
}

.axlift {
	margin-top: -160px;
	z-index: 50;
}

.axbezorgercta {
	background-position: 0px -200px;
}

.axbezorgercta h2 {
	line-height: 1.5em;
}

.rfbackground {
	background-size: 40%;
	- background-position: 35% center;
}


/* 
@media only screen and (min-width: 981px) {
	#logo {
		margin-top: -30px;
	}
} */


/* .container.et_menu_container {
	z-index: 101;
}

#top-header {
	z-index: 80;
} */

.axslider .et_pb_container {
	padding: 120px 0;
	margin-bottom: 60px;
}

.bgwave {
	background-position: bottom;
}

.axtestimonials .et_pb_blurb_position_left .et_pb_main_blurb_image {
	width: 100px!important;
}

.axtestimonials .et_pb_blurb_position_left .et_pb_blurb_container {
	padding-top: 15px;
}

.axslider .et_pb_slide_description {
	text-align: left;
}

.axslider h2 {
	box-shadow: 10px 0 0 0 rgba(53, 97, 123, 0.9), -10px 0 0 0 rgba(53, 97, 123, 0.9);
	background-color: rgba(53, 97, 123, 0.9);
	padding: 5px 0;
	color: white;
	display: inline;
	text-transform: uppercase!important;
	clear: right;
	line-height: 1.5em;
}

.axslider span.axslidertext {
	box-shadow: 10px 0 0 0 rgba(53, 97, 123, 0.9), -10px 0 0 0 rgba(53, 97, 123, 0.9);
	background-color: rgba(53, 97, 123, 0.9);
	margin-top: 10px;
	padding: 5px 0!important;
	color: white;
	display: inline;
	text-transform: uppercase;
	line-height: 1.9em!important;
}

.axslider .et_pb_more_button {
	margin-left: -10px;
}

.axfwheader h1,
.axfwheaderpano h1 {
	box-shadow: 10px 0 0 0 rgba(53, 97, 123, 0.9), -10px 0 0 0 rgba(53, 97, 123, 0.9);
	background-color: rgba(53, 97, 123, 0.9);
	padding: 5px 0;
	color: white;
	display: inline;
	text-transform: uppercase!important;
	clear: right;
	line-height: 1.5em;
}

.axfwheader .et_parallax_bg {
	background-position: center bottom;
}

.axfwheaderpano .et_parallax_bg {
	background-position: center -100px;
}

.axsidebar {
	/* 	border-left: 3px solid #35617B; */
	border-left: 2px dashed #efefef;
	padding-left: 60px;
}


/* .axfooter .et_pb_social_media_follow li a.icon::before {
	width: 64px;
	height: 64px;
	line-height: 64px;
	font-size: 32px;
}

.axfooter .et_pb_social_media_follow li a.icon {
	width: 64px;
	height: 64px;
} */

.axfooter {
	color: #efefef;
}

.axfooter a {
	color: white;
}

.axfootermenu {
	margin-top: -5px;
}

.axfootermenu li {
	width: 100%;
	text-align: left;
	list-style-type: none;
	border-bottom: 1px solid white;
	padding: 5px 10px;
	;
}

.axfootermenu li:last-of-type {
	border-bottom: none;
}


/*----- WHITE TRIANGLE BOTTOM -----*/

.white-triangle::after {
	position: absolute;
	content: '';
	pointer-events: none;
}

@media screen and (max-width: 48em) {
	.white-triangle::after {
		left: 50%;
		width: 72px;
		height: 72px;
		-webkit-transform: translateX(-50%) rotate(45deg);
		transform: translateX(-50%) rotate(45deg);
	}
}

@media screen and (min-width: 48em) {
	.white-triangle::after {
		left: 17%;
		width: 72px;
		height: 72px;
		-webkit-transform: translateX(-50%) rotate(45deg);
		transform: translateX(-50%) rotate(45deg);
	}
}

.white-triangle::after {
	bottom: -36px;
	z-index: 10;
	background: inherit;
}


/*----- END WHITE TRIANGLE BOTTOM -----*/

.axvestiging {
	border-bottom: 2px dashed #efefef;
	margin-left: -60px;
	padding-left: 60px;
	padding-bottom: 30px;
}

.wpsl-search {
	display: none;
}

.axnolink {
	cursor: default;
}

.axzakelijkblurb h4 {
	font-size: 22px;
}

.axzakelijkblurb .et_pb_blurb_content {
	max-width: 100%;
}

.axzakelijkblurb img {
	max-width: 100px!important;
}


/*------------------ LEFT TO RIGHT MENU LINKS------------------*/


/* 
#top-menu li a {
	display: inline-block;
}

#top-menu li a:after {
	content: '';
	display: block;
	height: 2px;
	width: 0;
	background: transparent;
	transition: width .3s, background-color .3s;
	position: absolute;
	top: 26px;
}

#top-menu li a:hover:after {
	width: 100%;
	background: white;
}

#top-menu li a:hover {
	opacity: 1!important;
}
 */


/* --- LTR LINKS --- */

.wpsl-store-location span,
.wpsl-direction-wrap {
	display: none;
}

.single .et_pb_post {
	margin-bottom: 0;
}

.single .post {
	padding-bottom: 0;
}

.single #left-area {
	padding-bottom: 0;
}

.single-post #left-area ul {
	padding: 0;
}

#wpsl-result-list li p {
	margin: 0;
}

@media screen and (max-width: 1366px) {
	.et_pb_slide {
		padding-top: 80px!important;
	}
	.et_pb_slide_description {
		padding-top: 0;
		padding-bottom: 0;
	}
	.axslider .et_pb_container {
		margin-bottom: 10px!important;
	}
}

@media screen and (max-width: 1477px) {
	.et_pb_slide {
		padding-top: 80px!important;
	}
	.et_pb_slide_description {
		padding-top: 0;
		padding-bottom: 0;
	}
	.axslider .et_pb_container {
		margin-bottom: 10px!important;
	}
}

.et_pb_blurb h4 {
	line-height: 2em;
}

.et-pb-arrow-prev,
.et-pb-arrow-next {
	background-color: #35617B;
	border-radius: 80px;
	padding-bottom: 3px;
}

.et-pb-arrow-prev {
	padding-right: 2px;
}

.wpcf7-form table,
.wpcf7-form tr td {
	border: none!important;
}

.axsidebarblurb img {
	max-width: 32px!important;
}

.axzakelijkbox .et_pb_blurb p {
	min-height: 156px;
}

.axblogcontent {
	padding: 0!important;
}

.axblogcontent h2 {
	margin-top: 0!important;
}

.tls_logo_slider {
	max-height: 214px!important;
	overflow: hidden;
}

.tls_logo_slider .logo_item {
	line-height: 0!important;
	text-align: center;
}

.tls_logo_slider .logo_item img {
	border: 0;
}

.axctamenu span {
	background-color: #f03047;
	padding: 10px;
	border-radius: 4px;
	font-weight: bold;
	transition: all .2s;
}


/* .axctamenu span:before {
	content: "\f123";
	font-family: foundation-icons;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	text-decoration: inherit;
	font-size: 1.5em;
	margin-right: .25em;
	top: 10px;
} */

.axctamenu span:hover {
	background-color: #059dc4;
}

.axctamenu a {
	opacity: 1!important;
}

i.fi-burst {
	display: none!important;
}


/* --- AXFORM --- */

.axform input[type="text"],
.axform input[type="textarea"],
.axform textarea {
	font-size: 14px;
	width: 95%;
	padding: 6px;
}

.axform form {
	border: 0!important;
}

.entry-content table {
	border: none!important;
}

.entry-content tr td {
	border-top: none!important;
	vertical-align: top;
}

.axform .form {
	width: 100%;
}

.axform input,
.axform textarea,
.axform select {
	border: 1px solid #C4C4C4;
	background-color: #F2F2F2;
	margin-bottom: 12px;
	padding: 6px !important;
}

.axform input[type="radio"] {
	margin-bottom: 15px;
}

.axform input:focus,
.axform select:focus,
.axform textarea:focus {
	border-color: #6B6B6B;
	background-color: #FFFFFF;
}

.axform tr td:first-child {
	padding: 5px;
	margin-right: 10px;
	width: 30%;
}

span.scrismic {
	color: #ffffff;
	font-size: 12px;
	padding-left: 5px;
}

#str_nr {
	width: 31px;
}

.axform input[type="submit"],
.axform input[type="reset"] {
	padding: 5px 15px!important;
	height: 46px!important;
	cursor: pointer;
	color: #fdfdfd !important;
	background: #35617b;
	letter-spacing: 0px;
	font-size: 20px;
	font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
	border: 0!important;
	transition: all .3s;
}

.axform input[type="submit"]:hover,
.axform input[type="reset"]:hover {
	background-color: #2c4d68;
	padding: 4px 15px!important;
	height: 46px!important;
}

.scrismic-special {
	font-size: 12px;
}

.axform textarea {
	font-family: Arial;
	font-size: 12px;
}

.axform #CaptchaCode {
	float: left;
	width: 250px;
}

.axform .BDC_CaptchaIconsDiv {
	float: right;
}

.axform .BDC_CaptchaImageDiv a {
	display: none;
}

.section-huisnr-tabel {
	margin-left: 5px;
}

.axform input[type=number]::-webkit-outer-spin-button,
.axform input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.axform input[type=number] {
	-moz-appearance: textfield;
}

.axform input,
.axform select {
	height: 33px;
}

.axform input[type="text"],
.axform input[type="textarea"],
.axform textarea,
.axform select,
.axform input[type="email"],
.axform input[type="tel"],
.axform input[type="number"] {
	font-size: 14px;
}

.axform input[type="text"]:valid,
.axform input[type="textarea"]:valid,
.axform textarea:valid,
.axform select:valid,
.axform input[type="email"]:valid,
.axform input[type="tel"]:valid,
.axform input[type="number"]:valid {
	border-color: #35617B!important;
}

.axform input[type="text"]:invalid,
.axform input[type="textarea"]:invalid,
.axform textarea:invalid,
.axform select:invalid,
.axform input[type="email"]:invalid,
.axform input[type="tel"]:invalid,
.axform input[type="number"]:invalid {
	border-color: #009EC5!important;
}

@media (max-width: 600px) {
	.axform .responsive-off {
		display: none;
	}
	.axform input {
		width: 100%;
	}
	.axform textarea {
		width: 75%;
	}
	.axform td {
		width: 100% !important;
		float: left !important;
	}
	.axform .form {
		width: 98%;
	}
	.axform input[type="text"],
	.axform input[type="textarea"],
	.axform textarea,
	.axform select,
	.axform #securitycode {
		width: 100%;
		margin: 0px;
	}
	.axform #postcode1,
	.axform #postcode2 {
		width: 50px !important;
	}
	.axform .section-postcode-tabel {
		float: left;
	}
}

#mesajpostcode {
	display: none!important;
}

.axgravity .gform_wrapper ul li.gfield {
    margin-top: 5px!important;
}