/*
Theme Name: airbusnl
Theme URI: http://www.smidswater.nl/
Author: Smidswater
Author URI: http://www.smidswater.nl/
Description: Description
Version: 1.0
*/

#menu-main-menu-1 li.item a,
#menu-hoofdmenu-1 li.item a {
	font-weight: normal;
	color: white;
	font-family: "HelveticaNeueW01-77BdCn 692722", Arial, sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	margin-bottom: 12px;
	display: block;
	line-height: 1.25rem;
}

#menu-main-menu-1 li.item ul.group li.item,
#menu-hoofdmenu-1 li.item ul.group li.item {
	width: auto !important;
	padding: 0;
	margin-bottom: 8px;
	float: none;
}

#menu-main-menu-1 li.item ul.group li.item a,
#menu-hoofdmenu-1 li.item ul.group li.item a {
	text-transform: none;
	color: #8199aa;
	-webkit-transition: all .4s;
	transition: all .4s;
	font-family: HelveticaNeueLT-Light, Arial, sans-serif;
	margin-bottom: 0px;
}

#menu-main-menu-1 li.item ul.group li.item a:hover,
#menu-hoofdmenu-1li.item ul.group li.item a:hover {
	color: white;
}

.content hr {
	border-bottom: 1px solid #f37029;
	margin-bottom: 25px;
}

.content h2 a:hover {
	color: #041224;
}

.pagination {
	color: #f37029;
}

.pagination a:hover {
	color: #f37029;
}

.hidden {
	display: none;
}

/**/

#carousel1 li.item {
	margin-bottom: 20px !important;
}

#carousel1 li.item .b-teaser-media h2 a {
	font-family: 'HelveticaNeueLT-Bold', Arial, sans-serif;
	font-size: 16px;
}

#carousel1 li.item .b-teaser-media h2 a:hover {
	color: #f37029;
}

#carousel1 .b-teaser-media {
	margin-bottom: 40px;
}

/* airbusgroup afbeelding verwijderen */

.b-single-contact .image-box,
.b-teaser-media .image-box {
	background-image: none;
}

.b-article-main {
	color: #666;
}

ul#menu-main-menu>li {
	width: 280px;
	margin-left: 40px;
	border: 0px;
	overflow: visible;
	float: left;
	margin-top: 0px;
	margin-bottom: 40px;
}

ul#menu-main-menu>li.first-menu-item {
	margin-left: 0px;
}

ul#menu-main-menu>li>a {
	width: 100%;
	display: block;
	font-family: 'HelveticaNeueLT-Bold', Arial, sans-serif;
	font-size: 32px;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid rgba(255, 255, 255, .25);
	padding-bottom: 30px;
	color: #fff;
	text-decoration: none;
}

ul#menu-main-menu li ul.sub-menu li {
	display: table;
	position: relative;
	width: 100%;
}

ul#menu-main-menu li ul.sub-menu li:hover {
	background-color: rgba(0, 0, 0, .2);
}

ul#menu-main-menu li ul.sub-menu li:hover a {
	padding: 0 35px 0 10px;
	color: #f36f2b;
}

ul#menu-main-menu li ul.sub-menu li a {
	height: 53px;
	display: table-cell;
	vertical-align: middle;
	position: relative;
	border-bottom: 1px solid rgba(255, 255, 255, .25);
	padding-right: 45px;
	font-family: "HelveticaNeueLT-Medium", Arial, sans-serif;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #fff;
	background-color: transparent;
	-webkit-transition: all .4s;
	transition: all .4s;
	line-height: 1.25rem;
	font-size: 1rem;
}

ul#menu-main-menu li ul.sub-menu li a:after {
	content: "";
	position: absolute;
	top: 20px;
	right: 10px;
	width: 8px;
	height: 13px;
	-webkit-transition: all .4s;
	transition: all .4s;
	background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%2213%22%20viewBox%3D%220%200%208%2013%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.76%205.897l-.03-.029-5.24-5.41-.04-.04c-.57-.56-1.47-.56-2.03.02s-.56%201.53%200%202.11l.58.599%202.65%202.73.04.04.04.04c.13.15.2.35.2.54%200%20.2-.07.39-.2.541l-.04.04-.04.04-2.65%202.74-.58.59c-.56.58-.56%201.529%200%202.109s1.46.59%202.03.021l.04-.04%205.241-5.4.029-.03c.17-.17.24-.391.24-.61%200-.221-.07-.44-.24-.601z%22%2F%3E%3C%2Fsvg%3E);
	background-repeat: no-repeat;
}

.b-teaser-did-you-know .prevnext {
	margin-bottom: 5px;
}

.b-teaser-did-you-know .prevnext span {
	font-size: 23px;
	margin: 0 2px;
	color: rgba(14, 40, 76, .99);
	cursor: pointer;
}

.b-teaser-did-you-know .prevnext span.cycle-pager-active {
	color: white;
}

.b-teaser-did-you-know h2.title {
	margin-bottom: 15px;
}

.b-teaser-did-you-know .cycle-slide span {
	font-size: 80px;
	line-height: 80px;
	margin-bottom: 0px;
	display: block;
	font-family: "HelveticaNeueLT-Medium", Arial, sans-serif;
	/* display: block; */
}

footer .footer li.item#nav-menu-item-231,
footer .footer li.item#nav-menu-item-252 {
	margin-left: -16.6667%;
	margin-top: 140px;
}

/*products*/

.products-container {
	float: left;
	margin-top: 80px;
}

.products-container .text-box .title {
	height: 36px;
}

.b-article-main.products {
	width: 100%;
	padding: 0px;
	margin-bottom: 0px;
	padding: 70px 0px 70px 0px;
}

.b-article-main.products .content {
	padding: 0px !important;
}

.b-article-main.products .content-wrap {
	/*width:100%;*/
	display: inline-block;
	padding: 0 40px 0 320px;
}

.b-article-main.products .content-wrap:has(.content table) {
	display: inline-block;
	padding: 0 40px 0 40px;
}


.b-article-main.products .content-wrap.video {
	width: 76%;
}

.b-article-main.products .content-wrap .content li:before {
	background-color: #f37029;
	border-color: #f37029;
	color:white;
}

.b-article-main.products .content-wrap .content ul {
	padding-right: 280px;
	margin-bottom: 20px;
}

.b-article-main.products .content-wrap .content table tr td ul {
	padding-right: 0px;
	margin-bottom: 0px;
}

.b-article-main.products .content-wrap img {
	margin-top: 20px;
	height: auto;
	max-width: 100%;
	width: 100%;
}

@media \0screen {
	.b-article-main.products .content-wrap img {
		width: auto;
		/* for ie 8 */
	}
}

.b-article-main.products .image-wrap {
	width: 100%;
	display: inline-block;
	clear: both;
	/*padding:30px 0px 30px 0px;*/
	margin-bottom: 40px;
	background-color: #e6edf2;
}

.b-article-main.products .image-wrap .image,
.b-article-main.products .image-wrap .txt {
	width: 50%;
	float: left;
	display: block;
}

.b-article-main.products .image-wrap .txt {
	padding: 30px 40px 0px 40px;
}

.b-article-main.products .image-wrap .txt .content h3 {
	padding-right:0px;
}
.b-article-main.products .image-wrap .txt .content ul li:before{
	border: 1px solid #0c587f;
	background-color: #0c587f;
	top:7px;
}

html.ie8 .b-article-main.products .image-wrap .txt {
	padding: 0px;
}

html.ie8 .b-article-main.products .image-wrap .txt .content {
	padding: 6% 6% 0px 6% !important;
	width: 88%;
}

.b-article-main.products .image-wrap .txt p {
	padding: 0px;
}

.b-article-main.products table.specifications {
	width: 100%;
	margin-top: 30px;
}

.b-article-main.products table.specifications tr.heading,
.b-article-main.products table.specifications tr.heading th {
	background-color: #173277;
	/*fallback ie*/
	background-image: -webkit-linear-gradient(135deg, #173277 25%, #005883 75%);
	background-image: linear-gradient(-45deg, #173277 25%, #005883 75%);
	color: white;
	font-family: 'HelveticaNeueLT-Bold', Arial, sans-serif;
	font-size: 16px;
}

.b-article-main.products .content table tbody tr:nth-child(even) {
	background-color: #e6edf2;
}

.b-article-main.products .content table tbody tr td {
	padding: 10px 10px 10px 10px;
}

.b-article-main.products .content table tbody tr td.value {
	text-align: right;
}

.b-article-main.products .content blockquote{
	float:none;
	margin: 0 0 45px 31px;
	
}
.b-article-main.products .content blockquote p{
	/* color: #666; */
}
.b-article-main.products .content blockquote p:before{
    height: 70px;
    margin-top: -20px;
    margin-left: -36px;
	color: #666;
}

.b-article-main.products .content table{
	
}
.b-article-main.products .content table tbody h2,
.b-article-main.products .content table tbody h3{
	color: #0c587f;
}


.b-article-main.products .content table tbody td{
	padding: 30px;
	font-size:15px;
	vertical-align:middle;
	color:#000;
}

.b-article-main.products .content table tbody tr:nth-child(odd){
  background-color: #E6EDF2;
}
.b-article-main.products .content table tbody tr:nth-child(even){
	background-color: #d4e1eb;
}







 



.b-intro.products {
	clear: both;
}

.b-intro.products .contactl {
	width: 30%;
	float: left;
}

.b-intro.products .contactr {
	float: left;
	width: 60%;
	padding-left: 10%;
	box-sizing: border-box;
}



.orange-btn {
	cursor: pointer;
	padding: 10px 30px 10px 30px;
	display: inline-block;
	box-sizing: border-box;
	background-color: rgb(243, 112, 41);
	border: 1px solid rgb(243, 112, 41);
	font-family: 'HelveticaNeueLT-Bold', Arial, sans-serif;
	text-transform: uppercase;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	font-size: 14px;
	color: white;
	text-align: left;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-transition: all .4s ease-out;
	transition: all .4s ease-out;
	margin-bottom: 10px;
	position: relative;
}

.orange-btn .arrow-down {
	width: 15px;
	height: 10px;
	display: block;
	/*padding-right:5px;*/
	background-repeat: no-repeat;
	background-image: url('assets/img/arrow-down.png');
	position: absolute;
	top: 50%;
	left: 15px;
	margin-top: -6px;
}

.orange-btn:hover {
	border: 1px solid white;
	/*  color: #0d5881;*/
	background-color: rgba(255, 255, 255, 0);
}

.aside .orange-btn {
	width: 100%;
	padding: 10px 10px 10px 37px;
	font-size: 13px;
}

/*repsonsive youtube videos*/

.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*responsive big menu products*/

#menu-hoofdmenu li#menu-item-689 .sub-menu,
#menu-main-menu li#menu-item-691 .sub-menu {
	height: 200px;
}

@media screen and (max-width: 1440px) and (min-width: 1024px) {
	#menu-main-menu-1 {}
	.orange-btn {
		padding: 10px 15px 10px 15px;
	}
	.b-article-main.products .content-wrap {
		padding: 0 40px 0 240px;
	}
	.b-article-main.products .content-wrap .content ul {
		padding-right: 0px;
		margin: 0px;
	}
	.products-container {
		margin-top: 60px;
	}
}

@media screen and (max-width: 1440px) and (min-width: 0px) {
	#menu-hoofdmenu li#menu-item-689 .sub-menu,
	#menu-main-menu li#menu-item-691 .sub-menu {
		height: auto;
	}
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
	#menu-main-menu-1 {}
	ul#menu-hoofdmenu>li#menu-item-689,
	ul#menu-hoofdmenu>li#menu-item-252,
	#menu-main-menu li#menu-item-691,
	#menu-main-menu li#menu-item-231 {
		margin-left: 0px;
	}
	ul#menu-hoofdmenu>li#menu-item-252,
	ul#menu-main-menu>li#menu-item-231 {
		margin-left: 40px;
	}
	/*	ul#menu-main-menu > li#menu-item-227, ul#menu-main-menu > li#menu-item-248 {
		margin-left: 0px;
	}
*/
	footer .footer li.item#nav-menu-item-231,
	footer .footer li.item#nav-menu-item-252 {
		margin-left: 0px;
		margin-top: 0px;
	}
	footer .footer li.item.is-multi {
		width: 220px;
	}
	.products-container {
		margin-top: 30px;
	}
}

/*products*/

@media screen and (max-width: 1023px) and (min-width: 0px) {
	.b-article-main.products .content-wrap {
		padding: 0 30px 0 30px;
	}
	.b-article-main.products .content-wrap .content ul {
		padding-right: 0px;
		margin: 0px;
	}
	.b-article-main.products .image-wrap .image,
	.b-article-main.products .image-wrap .txt {
		width: 100%;
	}
	.b-intro aside .downloads {
		margin-bottom: 20px;
	}
	.b-article-main.products .image-wrap .txt {
		padding: 30px 30px 0px 30px;
	}
	.b-article-main.products .content-wrap .content ul {
		margin: 0px;
	}
	.b-article-main.products .content-wrap,
	.b-article-main.products .content-wrap.video {
		width: 100%;
	}
	.b-article-main.products .content-wrap:has(.content table) {
  		display: inline-block;
		padding: 0 0px 0 0px;
		
	}
	.b-article-main.products .content-wrap .content table:before{
		content: "Scroll the table";
		display: block;
		width: 100%;
		height:70px;
		background-image: url('assets/img/Drag-Right-icon.png');
		background-position: center bottom;
		background-size: 50px 50px;
		background-repeat: no-repeat;
		background-color: white;
		color:#666;
		text-align: center;
		
	}
	.b-article-main.products .content-wrap .content table{
		display: block;
    	overflow-x: auto;
    	white-space: nowrap;
	}
	.b-article-main.products .content-wrap .content table tbody {
	    display: table;
	    width: 100%;
	}
	.b-article-main.products .content-wrap .content table tbody{
		font-size:13px;
	}
	
	.orange-btn {
		padding: 10px 15px 10px 15px;
	}
	.b-intro.products .contactr {
		width: 100%;
		padding-left: 0px;
		margin-top: 20px;
	}
	.b-intro.products .contactl {
		width: 100%;
	}
	.b-article-main.products {
		padding: 35px 0px 35px 0px;
	}
	.aside .orange-btn {
		width: auto;
	}
	.products-container {
		margin-top: 30px;
	}
}

@media screen and (max-width: 767px) and (min-width: 569px) {
	#menu-main-menu-1 {}
	ul#menu-main-menu>li {
		margin-left: 0px;
	}
	footer .footer li.item#nav-menu-item-231,
	footer .footer li.item#nav-menu-item-252 {
		margin-left: 0px;
		margin-top: 0px;
	}
}

@media screen and (max-width: 568px) {
	#menu-main-menu-1 {}
	ul#menu-main-menu>li {
		margin-left: 0px;
	}
	footer .footer li.item#nav-menu-item-231,
	footer .footer li.item#nav-menu-item-252 {
		margin-left: 0px;
		margin-top: 0px;
	}
}

/* cards-related */
.cards-related,
.cards-free{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.cards-related .card,
.cards-free .card{
	flex: 0 1 20%;
	background-color:white;
	margin-bottom: 2em;
	margin:0 10px 20px;
	min-width:250px;
	/* padding: 20px; */
	display: table-cell;
	border:1px solid #E6EDF2;
}
.cards-related .card:hover,
.cards-free .card:hover{
	box-shadow: 1px 8px 20px rgba(0,0,0,.1);
    -webkit-transition: box-shadow .6s linear;
}

.cards-related .card img{
	/* margin-bottom: 10px; */
}
.cards-related .card .card-content,
.cards-free .card .card-content{
	padding:20px;
}
.cards-related .card .card-content h2{
	font-size: 16px;
	margin-bottom: 0px;
	display: block;
	font-family: "HelveticaNeueLT-Bold", Arial, sans-serif;
}
.cards-free .card .card-content h2{
	font-size: 24px;
	margin-bottom: 10px;
	display: block;
	font-family: "HelveticaNeueLT-Bold", Arial, sans-serif;
}

.cards-related .card .card-content span.date{
	color: #f37029;
    font-size: 12px;
    display: block;
}

.cards-related .card a:hover,
.cards-free .card a:hover,
.cards-related .card a:hover h2,
.cards-free .card a:hover h2{
	color:#0c587f;
}
.cards-free .card .card-content p{
	color:#666;
	font-size:16px;
	line-height:26px;
	margin-bottom: auto;
}
.cards-free .card .card-content .orange-btn{
	display: table;
	margin-top:10px;
	padding: 5px 20px 5px 20px;
	bottom:0;
}
.cards-free .card .card-content .orange-btn:hover{
	background-color:#0c587f;
	color:white;
}

/** product buttons */
.ty-sub-page-buttons {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding-top: 24px;
}

.ty-sub-page-buttons .ty-product-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 20px 7px;
	margin: 0 16px 24px 0;
	color: #0C587F;
	font-family:HelveticaNeueLT-Bold,Arial,sans-serif;
	font-size: 13px;
	line-height: 21px;
	font-weight: bold;
	background-color: #E6EDF2;
	border: 1px solid white;
	border-radius: 19px;
	transition: all 250ms ease-in-out;

	&:after {
		content: '';
		position: relative;
		width: 9px;
        height: 17px;
		margin-left: 8px;
		background: url('data:image/svg+xml,<svg width="9" height="15" viewBox="0 0 9 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.7375 6.80546L8.7085 6.76546L2.8065 0.533459L2.7585 0.48346C2.1205 -0.17054 1.1055 -0.16054 0.4785 0.50346C-0.1595 1.17746 -0.1595 2.26746 0.4785 2.94146L1.1255 3.62546L4.1105 6.78646L4.1585 6.82646L4.1975 6.87646C4.3425 7.05346 4.4195 7.27146 4.4195 7.49946C4.4195 7.72746 4.3425 7.94546 4.1975 8.12346L4.1585 8.17346L4.1105 8.21246L1.1255 11.3745L0.4785 12.0585C-0.1595 12.7315 -0.1595 13.8225 0.4785 14.4965C1.1065 15.1605 2.1215 15.1705 2.7585 14.5165L2.8065 14.4665L8.7085 8.23446L8.7375 8.20446C8.9215 8.00446 9.0095 7.74746 8.9985 7.49946C9.0095 7.25146 8.9215 6.99446 8.7375 6.80546Z" fill="%230C587F"/></svg>');
		background-repeat: no-repeat;
		transition: all 250ms ease-in-out;
	}

	&.active {
		color: #f37029;
		background-color: #FFFFFF;

		&:after {
			background: url('data:image/svg+xml,<svg width="9" height="15" viewBox="0 0 9 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.7375 6.80546L8.7085 6.76546L2.8065 0.533459L2.7585 0.48346C2.1205 -0.17054 1.1055 -0.16054 0.4785 0.50346C-0.1595 1.17746 -0.1595 2.26746 0.4785 2.94146L1.1255 3.62546L4.1105 6.78646L4.1585 6.82646L4.1975 6.87646C4.3425 7.05346 4.4195 7.27146 4.4195 7.49946C4.4195 7.72746 4.3425 7.94546 4.1975 8.12346L4.1585 8.17346L4.1105 8.21246L1.1255 11.3745L0.4785 12.0585C-0.1595 12.7315 -0.1595 13.8225 0.4785 14.4965C1.1065 15.1605 2.1215 15.1705 2.7585 14.5165L2.8065 14.4665L8.7085 8.23446L8.7375 8.20446C8.9215 8.00446 9.0095 7.74746 8.9985 7.49946C9.0095 7.25146 8.9215 6.99446 8.7375 6.80546Z" fill="%23f37029"/></svg>');
			background-repeat: no-repeat;
		}
	}

	&:hover {
		color: white;
		background-color: transparent;

		&:after {
			background: url('data:image/svg+xml,<svg width="9" height="15" viewBox="0 0 9 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.7375 6.80546L8.7085 6.76546L2.8065 0.533459L2.7585 0.48346C2.1205 -0.17054 1.1055 -0.16054 0.4785 0.50346C-0.1595 1.17746 -0.1595 2.26746 0.4785 2.94146L1.1255 3.62546L4.1105 6.78646L4.1585 6.82646L4.1975 6.87646C4.3425 7.05346 4.4195 7.27146 4.4195 7.49946C4.4195 7.72746 4.3425 7.94546 4.1975 8.12346L4.1585 8.17346L4.1105 8.21246L1.1255 11.3745L0.4785 12.0585C-0.1595 12.7315 -0.1595 13.8225 0.4785 14.4965C1.1065 15.1605 2.1215 15.1705 2.7585 14.5165L2.8065 14.4665L8.7085 8.23446L8.7375 8.20446C8.9215 8.00446 9.0095 7.74746 8.9985 7.49946C9.0095 7.25146 8.9215 6.99446 8.7375 6.80546Z" fill="%23FFFFFF"/></svg>');
			background-repeat: no-repeat;
		}
	}
}