@charset "shift_jis";

/*
Theme Name: HCM
Theme URI: http://www.csorbamedia.com
Author: Csorba Media B.V.
Author URI: http://www.csorbamedia.com/
Description: The custom build theme for HCM
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hcm
Domain Path: /languages
*/

.fixfixed .mean-bar, 
.fixfixed .fullcompareBox {
    position: absolute; 
}
video{-webkit-transform-style: preserve-3d !important;}
/*  general  */
* { padding: 0px; margin: 0px; }
html, body { color: #000; }
html.isIpad{-webkit-transform: translate3d(0, 0, 0);}
input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; }
body { background: #fff; }
img { border: 0px; }
a, input { outline: none; }
html body #wpadminbar {z-index: 999999999 !important;}
input[type="checkbox"]{ cursor:pointer; }
.showonmobile{display:none;}
/*  global classes  */
.clear { clear: both; height: 0px; overflow: hidden; }

/*  wrapper  */
#wrapper { position: relative; display: block; width: 100%; float: left; min-height: 100%; }

/*  main */
.main { max-width: 1178px; width: 100%; margin: 0 auto; }

/* exclusive classes */
body.home #footerCntr{ margin-top: 60px; }

/* wp general */
.alignleft{ float: left; margin-right: 15px; margin-bottom: 15px; margin-top: 0px; }
.alignright{ float: right; margin-left: 15px; margin-bottom: 15px; margin-top: 0px; }
div.wpb_wrapper_inner{ overflow: auto;}

#wrapper table{ border: 0px !important; list-style: none; border-top: 1px dotted #d7d7d4; margin-bottom: 20px; min-width: 100%;  }
#wrapper tr{ width: 100%; text-align: left; color: #333; border-bottom: 1px dotted #d7d7d4; }
#wrapper tr td{ padding: 12px; border-right: 1px dotted #d7d7d4; border-top: 1px dotted #d7d7d4; line-height: 26px; }
/* #wrapper tr td:first-of-type{ text-align: left; background: #fbfbfa; } */
#wrapper tr:last-of-type td{ border-bottom: 1px dotted #d7d7d4; }

/*  header container  */
#headerCntr { margin-top:-4px; padding-top:4px; width: 100%; height: 145px; float: left; position: relative; z-index: 99999999; background: url('images/header-bg.jpg') left top repeat-x; border: solid #e6e6e2; border-width: 0px 0 3px 0; }
#headerCntr h1 { padding: 16px 0 15px 15px; float: left; }
#headerCntr h1 a { width: 297px; height: 19px; display: block; text-indent: -9999px; background: url('images/logo.png') no-repeat; }
#headerCntr em { padding: 17px 0 17px 10px; float: left; font-size: 12px; color: #7d7d80; font-style: normal; text-transform: uppercase; }
#headerCntr em a{ text-decoration: none; color: #7d7d80; }

/* header top */
.headerTopBox { width: 100%; float: left; height: 27px;}
.headerTopBox .searchOption { padding: 3px 0 2px 0; width: 280px; float: left; }
.headerTopBox .searchOption input[type="text"] { width: 140px; height: 20px; float: left; border: 1px solid #757575; padding-left: 2px;  }
.headerTopBox .searchOption input[type="submit"] { width: 24px; height: 22px; float: left; display: block; text-indent: -9999px; border: none; background: url('images/search-button.jpg') no-repeat; background-size: 100% 100%; }
.headerTopBox .searchOption input[type="submit"]:hover {cursor: pointer;}
.headerTopBox .searchOption p { line-height: 20px;padding: 0 0 0 10px; float: left; font-size: 11px; color: #737373;; }
.headerTopBox .globalService { float: right; }
.headerTopBox .globalService ul { list-style: none; }
.headerTopBox li { padding: 0 10px 0 0; margin: 5px 10px 5px 0; float: left; border-right: 1px dotted #949495; }
.headerTopBox li a { padding: 0 0 0 16px; float: left; color: #293a7e; text-decoration: none; background:url('images/global-icon.jpg') left no-repeat; }
.headerTopBox .ges li a { padding: 0 0 0 25px; float: left; color: #293a7e; text-decoration: none; background:url('images/icon_contry_region.gif') left no-repeat; }
.headerTopBox li.country a{ background:url('images/icon_contry_region.gif') left no-repeat; padding-left: 23px; }
.headerTopBox li:hover a { text-decoration: underline; color: #f60;}
.headerTopBox .right.globalService li:last-of-type { padding: 0; margin: 5px 0; border: none; }

/* relaible solutions */
.relaibleSolutions { width: 97px; float: right; }
.relaibleSolutions a { width: 97px; height: 60px; display: block; text-indent: -9999px; text-decoration: none; background: url('images/hitachi-logo.png') no-repeat; background-size: 100% 100%; }

/*  menu box  */
.menuBox { width: 100%; float: left; position: relative; }
.menuBox ul { list-style: none; }
.menuBox li { border-left: 1px solid #d4d4d3; text-align: center; float: left; background: url('images/bottom-arrow.png') center 43px no-repeat; }
.menuBox li.menu-item-depth-0:last-of-type { border-right: 1px solid #d4d4d3; }
.menuBox li.menu-item-depth-0 > a > img {display: none;}
.menuBox li.menu-item-depth-0 > a > span.page-title-original-menu {display: block;}
.menuBox li a { padding-top: 18px; display: inline-block;  color: #000; text-decoration: none; }
.menuBox li a:hover {cursor: pointer;}
.menuBox li h3 a { padding: 0 0 10px 0;  color: #000; float: none; text-decoration: none; border-left:none; border-right: none; }
.menuBox li:hover a { color: #f60; }
.menuBox li:hover h3 a { color: #000; }
.menuBox li h3:hover a { color: #f60; }
.menuBox li:hover,.menuBox li.active { background: url('images/bottom-arrow-hover.png') center 43px no-repeat; }
.menuBox li.active a { color: #f60; }
.menuBox li .subMenu { position: absolute; top: -600px;left: 0; max-width: 1176px; width: 100%; height: auto; float: left; border: 1px solid #d4d4d3; background: #fff url('images/drop-arrow.png') 105px 0px no-repeat; z-index: 9;}
.menuBox li .submenuwrap {  position: absolute;top: 54px; overflow: hidden;left: 0;height: 0; max-width: 1178px; width: 100%; float: left; }
body.home .menuBox li .submenuwrap { z-index: 99999999999; }
.menuBox li:hover .subMenu { top: 54px; }
.menuBox li .subMenu .submenuTop { padding: 29px 0 14px 0; max-width: 1176px; width: 100%; float: left; border-bottom: 1px solid #d3d3d2; }
.menuBox li .subMenu .submenuTop .item { padding: 0 11px; width: 362px; float: left; border-right: 1px dotted #bbbbba; }/* jquery width 255px*/
.menuBox li .subMenu .submenuTop .item:first-of-type {padding-left: 11px;}
.menuBox li .subMenu .submenuTop .item:last-of-type { border: 0px!important; padding-right: 0;}
.menuBox li .subMenu .submenuTop .item.hide h3 a { font-size: 0px;}
.menuBox li .subMenu .submenuTop h3 { padding: 0 0 10px 0;  color: #000; }
.menuBox li .subMenu .submenuTop h3 small { padding: 2px 0 0 0; float: right; font-size: 10px; color: #7d7d7d; }
.menuBox li .subMenu .submenuTop .image { position: relative;width: auto;}
.menuBox li .subMenu .submenuTop .image:hover { -webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; opacity: 0.7;}
.menuBox li .subMenu .submenuTop .image a {padding: 0; float: none; border-left: none; border-right: none;}
.menuBox li .subMenu .submenuTop .image img { max-width: 100%;height: auto;}
/*
.menuBox li .subMenu .submenuTop .image .description { text-align: left; position: absolute; bottom: 3px; left: 0; width: 100%; max-width: 100%;height: 46px; font-weight: bold; line-height: 46px; color: #FFF;background: rgba(3,3,3,0.7);}
.menuBox li .subMenu .submenuTop .image .description p {padding: 0 30px; margin-right: 15px;padding-left: 15px; background: url("images/arw2.png") 100% 50% no-repeat !important;}
*/
.menuBox li .subMenu .submenuTop .image .description {
	text-align: left;
	position: absolute;
	bottom: 3px;
	left: 0;
	width: 100%;
	max-width: 100%;
	height: auto;
	font-weight: bold;
	line-height: 23px;
	color: #FFF;
	min-height: 46px;
	background: url("images/arw2.png") 95% 50% no-repeat rgba(3,3,3,0.7) !important;
	display: table;
}
.menuBox li .subMenu .submenuTop .image .description p {
	padding: 0 30px;
	margin-right: 15px;
	padding-left: 15px;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}
.menuBox li .subMenu .submenuTop ul li { border: 0px; width: 100%; float: left; background: none!important; }
.menuBox li .subMenu .submenuTop ul li a { text-align: left !important; padding: 8px 0 8px 21px; margin: 0; float: none; display: block;  color: #333; background: url('images/play-button.png') 6px 13px no-repeat; }
.menuBox li .subMenu .submenuTop ul li a:hover { color: #f60; background: #f5f5f4 url('images/arrow-orange.png') 6px 13px no-repeat; }

.menuBox li .subMenu .submenuTop ul li{ height: auto !important; min-height: inherit !important; }

.menuBox li .subMenu .submenuBot { padding: 11px 23px 0 12px; max-width: 1141px; width: 100%; height: 38px; float: left; border-top: 3px solid #e7e7e5; background: #f2f2f0; }
.menuBox li .subMenu .submenuBot a.graafmachines { padding: 0 30px 0 0; float: left; font-size: 17px; color: #000; font-weight: bold; border: 0px!important; background: url('images/arw4.jpg') right no-repeat; }
.menuBox li .subMenu .submenuBot a.close { padding: 0px; float: right; width: 25px; height: 25px; display: block; text-indent: -9999px; border: 0px!important; background: url('images/close.png') no-repeat; }
.menuBox li a.main-menu-link{ font-weight: bold; }
.menuBox li.main-menu-item:hover a.main-menu-link{ color: #f60;  }
.menuBox .submenuBot a:hover{ text-decoration: underline; }

/*  banner container  */
#bannerCntr { width: 100%; float: left; }
.bannerBox{ position: relative; }
/* revslider */
.rev_slider_wrapper {background:none !important;}
/* banner box 
.home .bannerBox{ background-color: rgb(238, 238, 238); background-repeat: no-repeat; background-size: cover !important; background-position: center center; }
.bannerBox { margin: 0 0 15px 0; width: 100%; height: 804px; overflow: hidden; float: left; position: relative;z-index: 9999999;}
.bannerBox ul { list-style: none; height: 100%;}
.bannerBox li { width: 100%; height: 100%; float: left; position: relative; }
.bannerBox li img { margin: 0 auto; min-width: 100%; width: auto; height: 100%;min-height: 804px; display: block; }
.bannerBox .overlayIn { width: 100%; float: left; position: absolute; top: 0px; left: 0px; }
.bannerBox .overlayInside { max-width: 1178px; width: 100%; margin: 0 auto; }
.bannerBox .overlay { width: 450px; float: left; margin: 65px 0 0 0; }
.bannerBox .overlay h2 { font-size: 33px; color: #000; }
.bannerBox .overlay p { padding: 10px 0 10px 0; float: left; font-size: 14px; line-height: 24px; font-weight: normal; }
.bannerBox .overlay a.less { padding: 10px 13px; margin-top: 10px; width: 118px; float: left; font-size: 14px; color: #fff; font-weight: bold; text-decoration: none !important; background: #f60 url('images/arw2.png') 122px 13px no-repeat; }
.bannerBox .overlay a.less:hover { background: #e75d17 url('images/arw2.png') 122px 13px no-repeat; }
.bannerBox .tp-caption a {text-decoration: none !important;}
.bannerBox .tp-caption.Button:hover {background-color: #f88025 !important;cursor: pointer;}
.bannerBox .bannerThumbs { display: block;z-index: 99;width: 100%; float: left; position: absolute; bottom: 67px; left: 0; -webkit-backface-visibility: hidden;}
.bannerBox .bannerThumbs ul { max-width: 1178px; width: 100%; margin: 0 auto; }
.bannerBox .bannerThumbs li { background: #fff;position: relative; height: 215px;margin: 0 20px 0 0; width: 276px; float: left; position: relative; }
.bannerBox .bannerThumbs li:last-of-type { margin: 0; }
.bannerBox .bannerThumbs .image { opacity: 1.0; -moz-opacity: 1.0; filter: alpha(opacity=100); position: relative;width: 100%; height: 215px;-moz-box-shadow: 0px 0px 10px 2px #000;-webkit-box-shadow: 0px 0px 10px 2px #000;box-shadow: 0px 0px 10px 2px #000;}
.bannerBox .bannerThumbs li:hover .image{ -webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; opacity: 0.7; cursor: pointer; }
.bannerBox .bannerThumbs .description {position: absolute;bottom: 0px;left: 0;width: 100%;max-width: 100%;height: 52px;font-weight: bold;line-height: 52px;color: #FFF;background: rgba(3,3,3,0.7);}
.bannerBox .bannerThumbs .description p {padding: 0 30px; margin-right: 15px;padding-left: 15px; background: url("images/arw2.png") 100% 50% no-repeat !important;}
.bannerBox .bannerThumbs img { width: 276px; height: 212px;float: left; display: block; min-height: inherit; border-top: 3px solid #f60; }
.bannerBox .bannerThumbs h3 { width: 100%; height: 51px; font-size: 14px; color: #fff; line-height: 51px; position: absolute; bottom: 0; left: 0; }
.bannerBox .bannerThumbs h3 a { padding: 0 20px; margin: 0 20px 0 0; display: block; font-size: 14px; color: #fff; text-decoration: none; background: url('images/arw2.png') right no-repeat; }
*/
.bannerBox .tp-leftarrow.default { opacity: 1; width: 53px; height: 53px; position: absolute; bottom:0px !important; top: inherit !important; left: 0px !important; text-indent: -9999px; background: url('images/slider-prev-bg.png') top left no-repeat; display: block !important; z-index: 99 !important; }
.bannerBox .tp-rightarrow.default { opacity: 1; width: 53px; height: 53px; position: absolute; bottom: 0px !important; top: inherit !important; right: 0px !important; text-indent: -9999px; background: url('images/slider-next-bg.png') top left no-repeat; display: block !important; z-index: 99 !important; }
.bannerBox .tp-leftarrow.default:hover { background: #fff url('images/slider-prev-bg.png') no-repeat; }
.bannerBox .tp-rightarrow.default:hover { background: #fff url('images/slider-next-bg.png') no-repeat; }

.bannerBox .scroll { display: none; z-index: 999;width: 100%; height: 53px; line-height: 53px; float: left; background: rgba(0,0,0,0.5);position: absolute; bottom: 0; left: 0; text-align: center; }
.bannerBox .scroll:hover{ background: rgba(0,0,0,1.0); cursor: pointer; }
.bannerBox .scroll span { padding: 0 25px 0 0;  color: #fff; background: none;}
.bannerBox .scroll span a{ text-decoration: none; color: #fff; }
.bannerBox .scroll:hover span a{ text-decoration: underline; }
/*
.bannerBox .tp-bullets{ display: none; }
*/
.bannerBox .tp-bullets.simplebullets.round .bullet {background: url('images/pager-bg.png') left top no-repeat;width: 16px;height: 15px;margin-left: 5px;}
.bannerBox .tp-bullets.simplebullets.round .bullet:first-of-type {margin-left: 0;}
.bannerBox .tp-bullets.simplebullets.round .bullet:hover, .bannerBox .tp-bullets.simplebullets.round .bullet.selected {background: url('images/pager-bg.png') right top no-repeat;}
.bannerBox .tp-bullets.hidebullets {opacity: 1;}
.bannerBox .tp-simpleresponsive .slotholder *, .bannerBox .tp-simpleresponsive img, .bannerBox .vjs-poster {background-size: cover !important;}
.tp-bullets.tp-thumbs{ bottom: 5px !important }
/* content container  */
#contentCntr { width: 100%; float: left; margin-bottom: 20px;}
.home #contentCntr .main {padding-top: 40px;}

/* content top box */
.contentTopBox { width: 100%; height: 132px; float: left; background: url('images/content-bg.jpg') left -4px repeat-x; }
.breadCrumb { width: 100%; float: left; }
.contentTopBox ul { list-style: none; }
.breadCrumb span { padding: 0 0 0 5px; font-size: 12px; color: #000; }
.breadCrumb span a { padding: 0 5px 0 0; font-size: 12px; color: #000; text-decoration: none; }

body.lang-jp .breadCrumb span,
body.lang-jp .breadCrumb span a{ color: #fff; }

.breadCrumb span a:hover, .breadcrumb_last{ text-decoration: underline; }
.breadCrumb span a.home{ padding: 0 0 0 21px; margin: 0 0 0 5px; background: url('images/home-icon.jpg') left 0px no-repeat; }
.breadCrumb span:after {content: ">"}
.breadCrumb span:last-of-type:after {content: ""}
.contentTopBox h2 { padding: 0 0 13px 0; margin: 0 0 30px 0; font-size: 22px; color: #333; border-bottom: 4px solid #f60; height: 85px; }
.contentTopBox h2 span{ background: #fff; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
.contentTopBox h2.none { margin: 0; }
.contentTopBox h2 small.date { float: right; }
.contentTopBox h3 { padding: 0 0 30px 0;  font-size: 22px; color: #333; }
.contentTopBox p { padding: 0 0 30px 0; line-height: 26px; }
.contentTopBox p#breadcrumbs {padding: 0;}

.overview { padding: 10px 0; width: 100%; float: left; margin-bottom: 40px; }
.overview li { list-style: none; margin: 0 22px 0 0; float: left; width: auto; height: 277px; border-top: 3px solid #f60; background: #f5f6f1; }
.overview li:hover{ -webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; opacity: 0.7; cursor: pointer; }
.overview li a{ text-decoration: none; }
.overview li div p { padding: 0 15px 0 0; font-size: 14px; text-decoration: none; background: url("images/arw2.png") 100% 50% no-repeat !important; margin-right: 15px; }
.overview li div a p{ text-decoration: none; }
.overview li div { padding: 15px 0 15px 15px; display: block; color: #fff; text-decoration: none; background: #323233; }
.overview li:last-of-type { margin: 0; }
a.compare { padding: 3px 0 3px 35px; margin: 15px 0; float: right; font-size: 12px; color: #f60; text-decoration: none; background: url('images/check-img.png') left no-repeat; }

/* sales box */ 
.salesBox { padding: 0 0 105px 0; width: 100%; float: left; }
.salesBox h2 { padding: 10px 0; font-size: 17px; color: #333; background: url('images/title2-bg.jpg') left top repeat-x; }
.salesBox h2 span { padding: 10px 0 0 15px; background: url('images/h3-title-bg.jpg') left top no-repeat; }
.salesBox ul { list-style: none; }
.salesBox li { margin: 45px 20px 0 0; float: left; max-width: 579px; width: 100%; position: relative; background: #f2f2f0; }
.salesBox li .image { display: block; position: relative; }
.salesBox li .image img { display: block; }
.salesBox li a h3 { max-width: 549px; width: 100%; position: absolute; bottom: 0; left: 0; font-size: 14px; }
.salesBox li a h3 { padding: 15px; display: block; color: #fff; text-decoration: none; background: url('images/title-anchr-bg.png') left top repeat-x;  }
.salesBox li a h3 span{ background: url('images/arw2.png') right no-repeat; display: block; }
.salesBox li p { padding: 10px 15px 16px 20px; line-height: 26px; }
.salesBox li.last { margin: 45px 0 0 0; }
.salesBox li:hover .image{  -webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; opacity: 0.7; cursor: pointer; }

/* used product box */
.usedProductBox { padding: 45px 0 105px 0; width: 100%; float: left; }
.usedProductBox ul { list-style: none; }
.usedProductBox li { margin: 0 30px 30px 0; float: left; width: 371px; position: relative; background: #f2f2f0; }
.usedProductBox li .image { position: relative; display: block }
.usedProductBox li .image img { display: block; }
.usedProductBox li:hover .image{ -webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; opacity: 0.7; }
.usedProductBox li h3 { width: 371px; position: absolute; bottom: 0; left: 0; font-size: 14px; background: url('images/title-anchr-bg.png') left top repeat-x; }
.usedProductBox li h3 a { padding: 15px 15px 15px 22px; display: block; font-size: 14px; color: #fff; text-decoration: none; }
.usedProductBox li h3 a span { display: block; background: url('images/arw2.png') right no-repeat; }
.usedProductBox li p { padding: 10px 15px 18px 20px; line-height: 26px; }
.usedProductBox li.last { margin: 0 0 30px 0; }

/* product desc box */ 
.productDescBox { padding: 30px 0 105px 0; width: 100%; float: left; }
.productDescBox h2 { padding: 10px 0; font-size: 17px; color: #333; background: url('images/title2-bg.jpg') left top repeat-x; }
.productDescBox h2 span { padding: 10px 0 0 15px; background: url('images/h3-title-bg.jpg') left top no-repeat; }
.productDescBox ul { list-style: none; }
.productDescBox li { margin: 40px 30px 0 0; float: left; width: 371px; position: relative; }
.productDescBox li:nth-child(3n), .usedProductBox li:nth-child(3n) {margin-right: 0;}
.productDescBox li .image{ opacity: 1.0; -moz-opacity: 1.0; filter: alpha(opacity=100); }
.productDescBox li:hover .image{ -webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; opacity: 0.7; cursor: pointer; } 
.productDescBox li .image { display: block; position: relative; }
.productDescBox li .image img { display: block; }
.productDescBox li a h3 { padding: 15px; width: 341px; position: absolute; bottom: 0; left: 0; font-size: 14px; color: #fff; text-decoration: none; background: url('images/title-anchr-bg.png') left top repeat-x;  }
.productDescBox li a h3 span { display: block; background: url('images/arw2.png') right no-repeat; }
.productDescBox li p { padding: 10px 14px 20px 14px; float: left; line-height: 26px; background: #f2f2f0; min-height: 104px;width: 100%; max-width: 343px;display: block;}
.productDescBox li p span.left { width: 243px; float: left;  color: #000; font-weight: bold; }
.productDescBox li p span.right { width: 100px; text-align: right;float: right;  color: #000; font-weight: normal; }

body.category-gebruikte-producten .productDescBox li p span.left{ width: 165px;  }
body.category-gebruikte-producten .productDescBox li p span.right{ width: 176px; }

.productDescBox li.last { margin: 40px 0 0 0; }
.productDescBox label.compare { padding: 3px 0 3px 3px; margin: 15px 0 0 0; float: left; font-size: 12px; color: #f60; }
.productDescBox label.compare input { margin: 2px 5px 0 0; }
.productDescBox label.checked { position: absolute; left: 3px; top: 157px; }

/* selecteer box */
.selecteerBox { padding: 0 0 12px 0; width: 100%; float: left;  color: #f7671d; }
.selecteerBox label { float: right;  height: 37px; line-height: 37px}
.selecteerBox label input { margin: 9px 10px 0 0; float: left; width: 20px; height: 20px; }

/* machine slider box */
.machineSliderBox { padding: 0 ; width: 100%; float: left; position: relative; margin-bottom: 40px;}
.machineSliderBox.padding:last-of-type {margin-bottom: 80px;}
.machineSliderBox.padding .carouselSlider {height: 173px; position:relative; }
.machineSliderBox.padding a.flex-next, .machineSliderBox.padding a.flex-prev {height: 135px; }
.machineSliderBox:last-of-type {margin-bottom: 0;}
.machineSliderBox h3 { padding: 10px 0; font-size: 17px; color: #333; background: url('images/title2-bg.jpg') left top repeat-x; }
.machineSliderBox h3 span { padding: 10px 0 0 15px; background: url('images/h3-title-bg.jpg') left top no-repeat; }
.machineSliderBox .carouselSlider { position: relative; height: 171px; overflow: visible; margin: 20px 46px 0 46px; max-width: 1087px; width: 100%; float: left; }
.machineSliderBox .carouselSlider .loadSpinner {position: absolute; top: 60%; left: 50%; width: 40px; height: 40px; display: block;background: url(images/loadSpinner.gif) no-repeat center center;background-color: #fff;box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);margin-top: -20px;margin-left: -20px;-webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;animation: tp-rotateplane 1.2s infinite ease-in-out;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.machineSliderBox .carouselSlider ul.slides {height: 171px; opacity: 0;border-top: 1px solid #d7d7d4; border-bottom: 1px solid #d7d7d4;   background: #f8f8f7;}
.machineSliderBox ul { list-style: none; }
.machineSliderBox li {padding: 18px 0; width: 112px; height: 160px; float: left; }
.machineSliderBox li:first-of-type {margin-left: 20px;}
.machineSliderBox li .image { padding: 1px; width: 114px; height: 114px; position: relative; border: 1px solid #d7d7d4; background: #fff; }
.machineSliderBox li .image label { display: block; }
.machineSliderBox li .image label input { position: absolute; bottom: 0px; left: 1px; width: 20px; height: 20px;}
.machineSliderBox li .image label img {width: 100%; height: 100%;}
.machineSliderBox li.border .image label input, .machineSliderBox li:hover .image label input  { bottom: -1px; left: 0px;}
.machineSliderBox li .imageTitle { padding: 10px 0 0 0; display: block; font-size: 12px; color: #333; text-align: center; width: 114px;}
.machineSliderBox li span.overlay { width: 20px; height: 20px; display: block; position: absolute; left: 0; top: 92px; background: url('images/overlay-img.jpg') no-repeat; }
.machineSliderBox li:hover .image, .machineSliderBox li.border .image { padding: 0; border: 2px solid #f60; -moz-transition: border-color 1s ease; -o-transition: border-color 1s ease; -ms-transition: border-color 1s ease; transition: border-color 1s ease; }
.machineSliderBox li:hover span.overlay { width: 20px; height: 20px; display: block; position: absolute; left: 0; top: 90px; background: url('images/check-img.png') no-repeat; }
.machineSliderBox a.flex-prev { padding: 18px 0; width: 45px; height: 171px; position: absolute; left: -45px; top: 0px; display: block; text-indent: -9999px; border: 1px solid #d7d7d4; background: #f8f8f7 url('images/other-products-prev.jpg') center no-repeat; }
.machineSliderBox a.flex-next { padding: 18px 0; width: 45px; height: 171px; position: absolute; right: -43px; top: 0px; display: block; text-indent: -9999px; border: 1px solid #d7d7d4; background: #f8f8f7 url('images/other-products-next.jpg') center no-repeat; }
.machineSliderBox a.flex-prev:hover { background: #f8f8f7 url('images/other-products-prev-hover-bg.jpg') center no-repeat; }
.machineSliderBox a.flex-next:hover { background: #f8f8f7 url('images/other-products-next-hover-bg.jpg') center no-repeat; } 

/* compare box */
.compareBox { padding: 40px 0 105px 0; width: 100%; float: left; }
.compareBox a { padding: 10px 0; width: 160px; float: right;  color: #fff; text-decoration: none; text-align: center; border: 1px solid #e3b99d; border-radius: 3px; background: #fbbd95 url('images/arw3.jpg') right no-repeat; }

/* download box */
.downloadBox { padding: 0; width: 100%; float: left; }
.downloadBox p { padding: 7px 0 7px 120px; float: left;  color: #333; padding-left: 0px;line-height: 26px; max-width: 470px; width: 100%;}
.downloadBox p a{ padding-right: 10px; height: 26px;display: block;float: left;}
.wpb_column .downloadBox p img { vertical-align: middle; } 
.downloadBox a.button { padding: 10px 42px 11px 15px; float: right;  color: #fff; text-decoration: none; text-align: center; background: url('images/download-bg.png') no-repeat; }
.downloadBox span { padding: 0 0 0 20px; background: url('images/pdf-icon.png') left no-repeat; }
.downloadBox .wp-pagenavi {clear: none;margin-top: 2px;}
.brochureButtonLink{display:none;}

/* uwtable box */
.uwtableBox { padding: 0; width: 100%; float: left; position: relative; }
.uwtableBox .uwtableBox{ padding-top: 0px !important; }
.uwtableBox h3 { float: left; font-size: 17px; color: #333; line-height: 38px; }
.uwtableBox .actionButton { float: right; }
.uwtableBox .actionButton p { float: left; color: #424242; line-height: 38px; }
.uwtableBox .actionButton p a { color: #424242; }
.uwtableBox .actionButton a.nieuwe { padding: 0 0 0 18px; margin: 0 0 0 25px; float: left; width: 175px; height: 38px;  color: #fff; text-decoration: none; line-height: 38px; font-weight: bold; background: url('images/nieuwe-btn.png') no-repeat; -webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;  }
.uwtableBox .actionButton a.download { padding: 0 0 0 32px; margin: 0 0 0 15px; float: left; width: 161px; height: 38px;  color: #fff; text-decoration: none; line-height: 38px; font-weight: bold; background: url('images/download-pdf-btn.png') no-repeat; -webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;  }
.uwtableBox .actionButton a:hover { text-decoration: underline; }
.uwtableBox .tableContent { padding: 31px 0 37px 0; width: 100%; float: left;  text-align: center; }
.uwtableBox .tableContent .tableHead { padding: 16px 0 17px 0; width: 100%; float: left; position: relative; font-weight: bold; color: #ef6219; border-top: 3px solid #d8d8d5; border-bottom: 1px dotted #d7d7d4; background: #f3f3f1; }
.uwtableBox .tableContent .tableHead a {font-weight: bold;color: #ef6219; text-decoration: none;}
.uwtableBox .tableContent .tableHead a:hover {text-decoration: underline;}
.uwtableBox .tableContent .tableHead span { position: absolute; top: -3px; left: 0; width: 10px; height: 3px; background: url('images/h3-title-bg.jpg') left top no-repeat; }
.uwtableBox .tableContent .tableHead .first { padding: 0 0 0 16px; width: 291px; float: left; color: #333; text-align: left; }
.uwtableBox .tableContent .tableHead .col1 { width: 148px; float: left; }
.uwtableBox .tableContent .tableHead .col2 { width: 148px; float: left; }
.uwtableBox .tableContent .tableHead .col3 { width: 148px; float: left; }
.uwtableBox .tableContent .tableHead .col4 { width: 148px; float: left; }
.uwtableBox .tableContent .tableHead .col5 { width: 148px; float: left; }
.uwtableBox .tableContent .tableHead .col6 { width: 147px; float: left; }

.uwtableBox .tableContent .tabletr { width: 100%; float: left; border-bottom: 1px dotted #d7d7d4; }
.uwtableBox .tableContent .tabletr .first { padding: 12px 0 12px 16px; width: 291px; float: left; min-height: 18px; text-align: left; border-right: 1px dotted #d7d7d4; }
.uwtableBox .tableContent .tabletr .col1 { padding: 12px 0; width: 148px; float: left; min-height: 18px; border-right: 1px dotted #d7d7d4; }
.uwtableBox .tableContent .tabletr .col2 { padding: 12px 0; width: 148px; float: left; min-height: 18px; border-right: 1px dotted #d7d7d4; }
.uwtableBox .tableContent .tabletr .col3 { padding: 12px 0; width: 148px; float: left; min-height: 18px; border-right: 1px dotted #d7d7d4; }
.uwtableBox .tableContent .tabletr .col4 { padding: 12px 0; width: 148px; float: left; min-height: 18px; border-right: 1px dotted #d7d7d4; }
.uwtableBox .tableContent .tabletr .col5 { padding: 12px 0; width: 148px; float: left; min-height: 18px; border-right: 1px dotted #d7d7d4; }
.uwtableBox .tableContent .tabletr .col6 { padding: 12px 0; width: 147px; float: left; min-height: 18px; border-right: 1px dotted #d7d7d4; }

.mobileCompare {display: none; margin-top: 30px;}

/* wie helpt box */
.wiehelptBox { padding: 0; width: 100%; float: left; margin-bottom: 50px; }
.wiehelptBox h3 { padding: 10px 0 !important; margin-top: 0px !important; font-size: 17px; color: #333; background: url('images/title2-bg.jpg') left top repeat-x; }
.wiehelptBox h3 span { padding: 11px 0 0 15px; background: url('images/h3-title-bg.jpg') left top no-repeat; }
.wiehelptBox p { padding: 30px 0 0 0 !important; }
.wiehelptBox form { padding: 30px 0 0 0; }
.wiehelptBox input.field { padding: 7px 10px; margin: 0 10px 0 0; float: left; width: 152px; height: 34px; border-left: 1px solid #dcdcdc; border-top: 1px solid #b7b7b7; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #b7b7b7; }
.wiehelptBox input.submit { cursor: pointer; border: 0px; width: 148px; height: 34px; float: left; font-size: 17px; color: #fff; background: url('images/submit-btn.png') no-repeat; }

/* resultaten box */
.resultatenBox { padding: 0; width: 100%; float: left; }
.resultatenBox h3 { padding: 10px 0; font-size: 17px; color: #333; background: url('images/title2-bg.jpg') left top repeat-x; }
.resultatenBox h3 span { padding: 11px 0 0 15px; background: url('images/h3-title-bg.jpg') left top no-repeat; }
.resultatenBox .repeater { padding: 20px 0; width: 100%; float: left; position: relative; border-bottom: 1px dotted #d7d7d4; }
.resultatenBox .repeater .left { width: 125px; float: left; }
.resultatenBox .repeater .left img {width: 100%; height: auto;}
.main > .wpb_row > .vc_span12 > .wpb_wrapper > .wpb_machinery .resultatenBox .repeater .right, .contentBox > .wpb_row > .vc_span12 > .wpb_wrapper > .wpb_machinery .resultatenBox .repeater .right   {width: 1030px;}
.various.resultatenBox .repeater .right h5 {float: none;}
.various.resultatenBox .repeater .right .info2 {width: 390px;}
.various.resultatenBox .repeater .right .info2 ul li:nth-child(2n-1) {padding: 0;}
.resultatenBox .repeater .right { padding: 10px 0 0 0; width: 730px; float: right;  line-height: 26px; }
.resultatenBox .repeater .right h4 { padding: 0 0 0 17px; margin: 0 0 20px 0; font-size: 14px; color: #333; line-height: normal; background: url('images/play-button.png') left no-repeat; }
.resultatenBox .repeater .right .info { padding: 0 0 0 14px; width: 340px; float: left; }
.resultatenBox .repeater .right h5 { width: 65px; float: left;  color: #333; }
.resultatenBox .repeater .right .info h5 { width: 50px; }
.resultatenBox .repeater .right .info .infoIn { width: 240px; float: left; }
.resultatenBox .repeater .right .info2 { max-width: 600px; width: 100%; float: left; }
.resultatenBox .repeater .right .info2 .infolarge { width: 490px; float: left; }
.resultatenBox .repeater .right .info2 .infolarge li{ width: 184px;}
.resultatenBox .repeater .right .info2 ul { list-style: none; }
.resultatenBox .repeater .right .info2 ul li { padding: 0 0 0 15px; width: 170px; float: left; }
.resultatenBox .repeater a.print { width: 18px; height: 19px; display: block; text-indent: -9999px; position: absolute; bottom: 20px; right: 0; background: url('images/print.png') no-repeat; }

/* left container */
#leftCntr { padding: 20px 0; max-width: 878px; width: 100%; float: left; }
.full{ width: 100% !important; max-width: 100% !important; }

/* latest news box */
.latestNewsBox { width: 100%; float: left; position: relative; margin-top: 30px; }
.latestNewsBox h2 { padding: 0 0 1px 0; font-size: 17px; line-height: 33px; color: #333; border-bottom: 3px solid #d7d7d4; }
.latestNewsBox span.orangeBg2 { width: 124px; height: 3px; display: block; position: absolute; left: 0; top: 34px; background: url('images/orange-bg2.jpg') bottom left no-repeat; }
.latestNewsBox ul { list-style: none; }
.latestNewsBox li { padding: 13px 0; overflow: hidden; border-bottom: 1px dotted #d7d7d4; list-style: none;}
.latestNewsBox li:last-of-type { border-bottom: 0px;}
.latestNewsBox li .newsImage { width: 100%; max-width: 120px; float: left; min-width: 120px; min-height: 101px;  }
.latestNewsBox li .newsImage img{ width: 100%; max-width: 101px; height: auto; }
.latestNewsBox li .desc { padding: 0 20px 0 0; width: 100%; max-width: 1038px; float: left;  }
.latestNewsBox li span { padding: 0; display: inline;  color: #7d7d7d; float: left;}
.latestNewsBox li a span {color: #203d7f;text-decoration: none;}
.latestNewsBox li a:visited  span{color: #603380;}
.latestNewsBox li a:hover  span{color: #f60;text-decoration: underline !important; }
.latestNewsBox li span.date {margin: 2px 0 0 0;}
.latestNewsBox li span.pdf { background: url('images/pdf-icon.png') left 2px no-repeat; }
.latestNewsBox li span.arrow { background: url('images/play-button.png') left 2px no-repeat; }
.latestNewsBox li h3 {  color: #203d7f; line-height: 20px; font-weight: normal; clear: both; overflow: hidden; }
.latestNewsBox li h3 a { padding: 7px 0 0 0; color: #203d7f; text-decoration: none; }
.latestNewsBox li h3 a:hover { padding: 6px 0 0 0; color: #f60; text-decoration: underline; border-top: 1px dotted #d7d7d4; }
.latestNewsBox li h3 a:visited { color: #603380; }
.latestNewsBox li h3 a.nofloat{ float: none; }
.latestNewsBox li.last { border: none; }
.latestNewsBox a.seeMore { padding-left: 15px; margin-top: 10px; float: left; font-weight: normal;  color: #203d7f; text-decoration: none; background: url('images/play-button.png') left no-repeat; }
.latestNewsBox a.seeMore:hover { text-decoration: underline; color: #f60; }
.wpb_wrapper .latestNewsBox{ margin-top: 0px; clear: both; overflow: hidden; }

/* product slides box */
.productSlidesBox { width: 100%; float: left; position: relative; }
.productSlidesBox ul { list-style: none; }
.productSlidesBox li { float: left; max-width: 877px; width: 100%; height: 314px;}
.productSlidesBox .loadSpinner {position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; display: block;background: url(images/loadSpinner.gif) no-repeat center center;background-color: #fff;box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);margin-top: -20px;margin-left: -20px;-webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;animation: tp-rotateplane 1.2s infinite ease-in-out;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.productSlidesBox .mainSlider {opacity: 0;}
.productSlidesBox .mainSlider ul li {display: none;}
.productSlidesBox .mainSlider ul li:first-child , .productSlidesBox .mainSlider .flex-direction-nav li {display: block;}
.productSlidesBox li img { display: block; width: 100%; height: 100%; }
.productSlidesBox li div.thumbnail {background: #cecece;float: left;width: 100%; height: 100%;}
.productSlidesBox .slideThumb { opacity: 0;width: 100%; float: left; height: 93px;overflow: hidden;position: relative;}
.productSlidesBox .slideThumb li { border: 2px solid #fff; width: auto; height: auto; margin: 15px 15px 15px 0; float: left; width: 159px; height: 78px; }
.productSlidesBox .slideThumb .flex-direction-nav a.flex-prev { padding: 18px 0; position: absolute; left: 0; top: 27px; display: block; text-indent: -9999px; }
.productSlidesBox .slideThumb .flex-direction-nav a.flex-next { padding: 18px 0; position: absolute; right: 0; top: 27px; display: block; text-indent: -9999px; }
.productSlidesBox .slideThumb li:last-of-type { margin: 15px 0; }
.productSlidesBox .slideThumb li:hover, .productSlidesBox .slideThumb li.active { padding: 0; -moz-transition: border-color 1s ease; -o-transition: border-color 1s ease; -ms-transition: border-color 1s ease; transition: border-color 1s ease; border: 2px solid #f60; cursor: pointer;}
.productSlidesBox .flex-direction-nav li {width: 0; height:0;}
.productSlidesBox .flex-direction-nav a.flex-prev { width: 54px; height: 54px; display: block; text-indent: -9999px; position: absolute; left: 0; top: 125px; background: url('images/slider-prev-bg.png') no-repeat; }
.productSlidesBox .flex-direction-nav a.flex-next { width: 54px; height: 54px; display: block; text-indent: -9999px; position: absolute; right: 0; top: 125px; background: url('images/slider-next-bg.png') no-repeat; }
.productSlidesBox .flex-direction-nav a.flex-prev:hover, .productSlidesBox .flex-direction-nav a.flex-next:hover{ background-color: #fff; }

/* help box */
.helpBox { padding: 0;width: 100%; float: left; position: relative; }
.helpBox .top { width: 100%; float: left; background: url('images/title2-bg.jpg') left top repeat-x; } 
.helpBox .top div{float:left;}
.helpBox .title { width: 100%; max-width: 356px; float: left; }
.helpBox h3 { padding: 10px 0; float: left; font-size: 17px; color: #333;  }
.helpBox h3 span { padding: 11px 0 0 15px; background: url('images/h3-title-bg.jpg') left top no-repeat; }
.helpBox form { padding: 12px 0 12px 10px; float: right;  }
.helpBox input[type="text"] { margin: 0 10px 0 0; width: 110px; height: 20px; float: left; border: 1px solid #757575; text-align: center;  }
.helpBox input[type="submit"] { width: 78px; height: 20px; float: left;  color: #fff; text-align: center; border: none; background:url('images/download-button-bg.jpg') left top repeat-x; }
.helpBox .download { padding: 12px 0; width: 100%; max-width: 410px; float: right; }
.helpBox ul { list-style: none; }
.helpBox li { margin: 0 15px 0 0; float: left; }
.helpBox li.socialmedia {margin-top: -2px;}
.helpBox li a { float: left; font-size: 12px; color: #f60; text-decoration: none; }
.helpBox .pdfButton { padding: 3px 10px; background: url('images/download-button-bg.jpg') left top repeat-x;margin: 12px 0 12px 5px; }
.helpBox .pdfButton a { padding: 0 0 0 20px; color: #fff; background: url('images/pdf-icon.png') no-repeat; text-decoration: none;}
.helpBox li.googlePlus {float: right;}
.helpBox li.googlePlus a { width: 61px; height: 20px; display: block; text-indent: -9999px; background: url('images/google-plus-like.png') no-repeat; }
.helpBox .compare { padding: 3px 0 0 0; font-size: 12px; color: #f60; float: right; margin: 12px 0 12px 5px;}
.helpBox .compare input { margin: 0 5px 0 10px; float: right; width: 20px; height: 20px; }
.helpBox .socialmedia{margin: 12px 0 12px 5px;}
.helpBox p { padding: 30px 0 0 0; float: left; line-height: 26px; } 

/* specificaties box */
.specificatiesBox { padding: 0; width: 100%; float: left; position: relative; }
.searchResult h3, .specificatiesBox h3 { padding: 10px 0; font-size: 17px; color: #333; background: url('images/title2-bg.jpg') left top repeat-x; }
.searchResult h3 span, .specificatiesBox h3 span { padding: 11px 0 0 15px; background: url('images/h3-title-bg.jpg') left top no-repeat; }
.specificatiesBox ul { list-style: none; border-top: 1px dotted #d7d7d4; }				 
.specificatiesBox li { width: 100%; float: left;  color: #333; border-bottom: 1px dotted #d7d7d4; }
.specificatiesBox li span { padding: 12px; max-width: 414px; width: 100%; border-right: 1px dotted #d7d7d4; }
.specificatiesBox li span.left { float: left; background: #fbfbfa; }
.specificatiesBox li span.right { float: right; text-align: center; }

/* other products box */
.otherProductsBox { padding: 0; width: 100%; float: left; position: relative; max-width: 878px;}
.otherProductsBox h3 { padding: 10px 0; font-size: 17px; color: #333; background: url('images/title2-bg.jpg') left top repeat-x; }
.otherProductsBox h3 span { padding: 11px 0 0 15px; background: url('images/h3-title-bg.jpg') left top no-repeat; }
.otherProductsBox .carouselSlider {height: 171px;overflow: visible; position: relative; margin: 17px 46px 0 45px; width: 788px; float: left;}
.otherProductsBox .carouselSlider .loadSpinner {position: absolute; top: 60%; left: 50%; width: 40px; height: 40px; display: block;background: url(images/loadSpinner.gif) no-repeat center center;background-color: #fff;box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);margin-top: -20px;margin-left: -20px;-webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;animation: tp-rotateplane 1.2s infinite ease-in-out;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.otherProductsBox .carouselSlider ul.slides {height: 171px; opacity: 0;border-top: 1px solid #d7d7d4; border-bottom: 1px solid #d7d7d4;   background: #f8f8f7;}
.otherProductsBox ul { list-style: none; }
.otherProductsBox li { padding: 18px 0; width: 112px; height: 150px; float: left; }
.otherProductsBox li .image { margin: 0 0 0 37px; padding: 1px; width: 110px; height: 110px; position: relative; border: 1px solid #d7d7d4; -webkit-transition: border-color 1s ease; -moz-transition: border-color 1s ease; -o-transition: border-color 1s ease; -ms-transition: border-color 1s ease; transition: border-color 1s ease; }
.otherProductsBox li .image label { display: block; }
.otherProductsBox li .image img {width: 100%; height: 100%;}
.otherProductsBox li .image label input { position: absolute; bottom: 0px;left: 1px;width: 20px;height: 20px;}
.otherProductsBox li .imageTitle { padding: 10px 0 0 34px !important; display: block; font-size: 12px; color: #333; text-align: center; }
.otherProductsBox li span.overlay { width: 20px; height: 20px; display: block; position: absolute; left: 0; top: 92px; background: url('images/overlay-img.jpg') no-repeat; }
.otherProductsBox li:hover .image { padding: 0; border: 2px solid #f60; }
.otherProductsBox li.border .image { padding: 0; border: 2px solid #f60; }
.otherProductsBox li.border .image label input, .otherProductsBox li:hover .image label input  {bottom: -1px;left: 0px;}
.otherProductsBox a.flex-prev { padding: 18px 0; width: 45px; height: 171px; position: absolute; left: -45px; top: 0px; display: block; text-indent: -9999px; border: 1px solid #d7d7d4; background: #f8f8f7 url('images/other-products-prev.jpg') center no-repeat; }
.otherProductsBox a.flex-next { padding: 18px 0; width: 45px; height: 171px; position: absolute; right: -35px; top: 0px; display: block; text-indent: -9999px; border: 1px solid #d7d7d4; background: #f8f8f7 url('images/other-products-next.jpg') center no-repeat; }
.otherProductsBox a.flex-prev:hover { background: #f8f8f7 url('images/other-products-prev-hover-bg.jpg') center no-repeat; }
.otherProductsBox a.flex-next:hover { background: #f8f8f7 url('images/other-products-next-hover-bg.jpg') center no-repeat; }

/* product deatails box */
.productDetailsBox { width: 100%; float: left; }
.productDetailsBox img { max-width: 440px; width: 100%; height: 334px; float: right; margin-left: 10px; }
.productDetailsBox a { position: relative; color: #203d7f; text-decoration: none;  }
.productDetailsBox a:hover{ color: #f60; text-decoration: underline; }
.productDetailsBox a.gallery{ display: inline-block; height: 334px; float: right; }
.productDetailsBox img.galery, .productSlidesBox img.galery {width: 71px; height: 60px; position: absolute; bottom: 10px; right: 10px;z-index: 99;}
.mainSlider .slides li a{ position: relative; display: block !important; height: 314px; }
.productSlidesBox img.galery{ bottom: 10px; }
.productDetailsBox p { padding: 0 0px 20px 15px; line-height: 26px; padding-left: 0px; }

/* content box */
.contentBox { width: 100%; float: left; }
.contentBox h3 { padding: 10px 0; margin: 70px 0 0 0; font-size: 17px; color: #333; background: #f3f3f1 url('images/title2-bg.jpg') left top repeat-x; display: block; }
.contentBox .machineSliderBox h3  {margin: 0;}
.contentBox h3 span { padding: 11px 0 0 15px; background: url('images/h3-title-bg.jpg') left top no-repeat; }
.contentBox p, .wpb_text_plain_column  p{ padding: 0 0 30px 0; line-height: 26px; }
.txt-img-block p{ padding: 15px; }
.contentBox .half { padding: 40px 0 0 0; width: 45%; float: left; }
.contentBox .half:last-of-type{ float: right; width: 50%; }

/* general slider box */
.generalSliderBox, div.vc_carousel { margin: 0 0 60px 0; width: 100% !important; float: left; position: relative; }
.generalSliderBox h3, h3.wpb_gallery_heading { padding: 0 0 20px 0; font-size: 17px; color: #333; background: url('images/h3-title-bg2.jpg') left bottom repeat-x; }
.generalSliderBox h3 span, h3.wpb_gallery_heading span { padding: 0 0 20px 0; background: url('images/orange-bg2.jpg') left bottom no-repeat; }
.generalSliderBox ul { list-style: none; }
.generalSliderBox .slider li { float: left; }
.generalSliderBox .slider li img, .vc_carousel-inner img { width: 100%; height: auto;display: block; }
.vc_carousel-control.vc_left, .vc_carousel-control.vc_right {width: 54px !important; height: 54px !important; }
.generalSliderBox a.prev, .vc_left span { width: 54px !important; height: 54px !important; display: block; text-indent: -9999px; position: absolute; left: 0; top: 165px; background: url('images/slider-prev-bg.png') no-repeat; }
.generalSliderBox a.next, .vc_right span { width: 54px !important; height: 54px !important; display: block; text-indent: -9999px; position: absolute; right: 0; top: 165px; background: url('images/slider-next-bg.png') no-repeat; }
.generalSliderBox .pagination { position: absolute; bottom: 20px; left: 0; z-index: 999; width: 100%; text-align: center; }
.generalSliderBox .pagination li { padding: 0 2px; display: inline-block; }
.generalSliderBox .pagination li a { display: block; width: 16px; height: 15px; text-indent: -9999px; background: url('images/pager-bg.png') left top no-repeat; }
.generalSliderBox .pagination li a:hover,.generalSliderBox .pagination li.active a { background: url('images/pager-bg.png') right top no-repeat; }
.wpb_images_carousel {padding-bottom: 40px;}
.vc_carousel-slideline-inner, .vc_carousel-slideline-inner .vc_item {height: 314px !important;}
.vc_carousel-control .icon-next, .vc_carousel-control .icon-prev {margin-left: -27px !important;margin-top: -35px !important;}
.vc_carousel-control {display: block !important;}
.vc_carousel .vc_carousel-indicators li {background: url('images/pager-bg.png') left top no-repeat; display: inline-block;width: 16px;height: 15px;margin: 0px;text-indent: -999px;border-radius: none;cursor: pointer;border: none;background-color: transparent;}
.vc_carousel .vc_carousel-indicators li:hover, .vc_carousel .vc_carousel-indicators li.vc-active {background: url('images/pager-bg.png') right top no-repeat;}
.tp-caption.HeadingWhite {font-size: 34px !important;line-height: 39px !important;font-weight: 700 !important;font-family: Arial, Helvetica, sans-serif !important;color: #ffffff !important;text-decoration: none !important;background-color: transparent !important;border-width: 0px !important;border-color: #222222 !important;border-style: none !important;}
.tp-caption.Button {font-size: 16px !important;line-height: 26px !important;font-weight: bold !important;font-family: Arial, Helvetica, sans-serif !important;color: #fff !important;padding: 10px 25px 10px 13px !important;margin-top: 10px !important;width: auto !important;float: left !important;background: url("images/arw2.png") 90% 16px no-repeat !important;background-color: rgb(246, 102, 29) !important;background-color: #f60!important;text-decoration: none !important;border-width: 0px !important;border-color: #ffffff !important;border-style: none !important; min-width:135px !important; padding-right: 15px !important; }
/* one col block box */
.wpb_text_column  { /* padding: 0 0 40px 0; */ width: 100%; float: left; }
.wpb_text_column .wpb_wrapper { margin: 0 20px 0 0; width: 100%; min-height: 256px; float: left; border-top: 3px solid #f60; background: #f2f2f0; }
.wpb_text_column .wpb_wrapper .wpb_wrapper_inner {padding: 15px; padding-top: 5px; padding-bottom: 5px;}
.wpb_wrapper_inner ul, .wpb_wrapper_inner ol{ line-height: 26px; }
.wpb_text_column .wpb_wrapper h3 {background: none; padding: 0;}
.wpb_wrapper .pdfDownloadWrapper { margin-bottom: 40px !important; }
.wpb_wrapper .pdfDownloadWrapper h3 {margin-top:0px;}
.wpb_wrapper .pdfDownloadWrapper .pdfBeschrijving {margin: 15px 0px 0 0px;  font-weight: normal; line-height: 26px;}
.wpb_wrapper .pdfDownloadWrapper .pdfTitel{display:block; margin-left:0px; }
.wpb_wrapper .pdfDownloadWrapper .pdfTitel .pdf{ width: 15px; float: left; margin-right: 15px; margin-left: 15px; margin-top: -2px; }
.wpb_wrapper .pdfDownloadButton { display: block; float: left; width: 75%; }
.wpb_wrapper .pdfDownloadWrapper .pdfTitel a{ color: #000; text-decoration: none; }
.wpb_wrapper .pdfDownloadButton img{ padding-right: 10px; }
.wpb_wrapper .pdfDownloadButton span.nobg{ color: #ccc; font-size: 10px; background: none; padding: 0px; padding-left: 5px; display: inline-block; }
.wpb_wrapper .pdfTitel{ clear: both; overflow: hidden; }
.wpb_text_column .wpb_wrapper h3 a { padding: 15px; display: block; font-size: 14px; color: #333; text-decoration: none; border-bottom: 1px solid #d3d3d2; background: url('images/arw4.jpg') right no-repeat; padding-right: 23px; }
.wpb_text_column .wpb_wrapper .wpb_wrapper_inner *:first-child{margin-top: 0; padding-top: 0;}
.wpb_text_column .wpb_wrapper p { line-height: 26px; padding:15px 0;}
.wpb_text_plain_column.wpb_content_element { margin-bottom: 25px !important; }
.wpb_text_column .wpb_wrapper address, .wpb_text_plain_column .wpb_wrapper address {padding-bottom: 15px; }
.wpb_text_column .wpb_wrapper h1, .wpb_text_plain_column .wpb_wrapper h1 { margin-bottom: 15px; padding: 0px;  line-height: 45px; }
.wpb_text_column .wpb_wrapper h2, .wpb_text_plain_column .wpb_wrapper h2 { margin-bottom: 15px; padding: 0px;  line-height: 35px; }
.wpb_text_column .wpb_wrapper h3, .wpb_text_plain_column .wpb_wrapper h3 { margin-bottom: 15px !important; padding: 0px;  line-height: 30px; }
.wpb_text_column .wpb_wrapper h4, .wpb_text_plain_column .wpb_wrapper h4 { margin-bottom: 15px; padding: 0px;  line-height: 26px; }
.wpb_text_column .wpb_wrapper h5, .wpb_text_plain_column .wpb_wrapper h5 { margin-bottom: 15px; padding: 0px;  line-height: 26px;}
.wpb_text_column .wpb_wrapper h6, .wpb_text_plain_column .wpb_wrapper h6 { margin-bottom: 15px; padding: 0px; line-height: 26px;}
.wpb_text_column .wpb_wrapper a, .wpb_text_plain_column .wpb_wrapper a, .infolarge a{ color: #203d7f; text-decoration: none; }
.wpb_text_column .wpb_wrapper a:hover, .wpb_text_plain_column .wpb_wrapper a:hover, .infolarge a:hover{ color: #f60; text-decoration: underline; }
.wpb_text_column .wpb_wrapper img.aligncenter, .wpb_text_plain_column .wpb_wrapper img.aligncenter {margin: 0 auto; display: block; }
.wpb_text_column .wpb_wrapper ul, .wpb_text_column .wpb_wrapper ol, .wpb_text_plain_column .wpb_wrapper ul, .wpb_text_plain_column .wpb_wrapper ol{padding-left: 40px; margin-bottom: 15px; }
.wpb_text_column .wpb_wrapper h3 a:hover { text-decoration: underline; }
.wpb_text_column .wpb_wrapper img, .wpb_text_plain_column .wpb_wrapper img{ margin-bottom: 15px !important; }
.wpb_text_column .wpb_wrapper:last-of-type, .wpb_text_plain_column .wpb_wrapper:last-of-type { margin: 0; }

.wpb_text_column.sitemap .wpb_wrapper{ min-height: inherit; }

.wpb_text_column .wpb_wrapper.image, .wpb_text_plain_column .wpb_wrapper.image {border-top: none;}
.wpb_text_column .wpb_wrapper.image .image { display: block; position: relative; }
.wpb_text_column .wpb_wrapper.image:hover .image { -webkit-transition: opacity 0.3s ease-in;-moz-transition: opacity 0.3s ease-in;-o-transition: opacity 0.3s ease-in; opacity: 0.7; }
.wpb_text_column .wpb_wrapper.image .image img {width: 100%; height: auto; display:block;}
.wpb_text_column .wpb_wrapper.image h3 { position: relative; height: 52px; color: white;padding: 0 15px 0 0; width: 100%; position: absolute; bottom: 0; left: 0; font-size: 14px; margin-bottom:0!important}
.wpb_text_column .wpb_wrapper.image h3 .bg{ display: block; position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; background: #000; opacity: 0.7; }
.wpb_text_column .wpb_wrapper.image h3 .arrow{ z-index: 9999; display: block; position: absolute; right: 9px; top: 0px; height: 13px; width: 14px;  background: transparent url('images/arw2.png') right no-repeat; }
.wpb_text_column .wpb_wrapper.image h3 .text{ z-index: 9999; display: table-cell; position: relative; }
.wpb_text_column .wpb_wrapper.image h3 a,.wpb_text_column .wpb_wrapper.image h3 span { background: none; padding: 2px 15px 7px 9px; display: table-cell; height: 52px; vertical-align: middle; color: #fff; text-decoration: none; border-bottom: none; line-height: 19px; min-height: 52px; }
.wpb_text_column .wpb_wrapper.image h3 span.external .arrow{ right: 5px; background: transparent url('images/icon_feature_popup.png') right center no-repeat; } 
.wpb_text_column .wpb_wrapper blockquote, .wpb_text_plain_column .wpb_wrapper blockquote{ background: #DFDFDF; padding: 10px; padding-bottom: 0px; margin-bottom: 15px;  display: block; }
.wpb_text_column .wpb_wrapper blockquote p, .wpb_text_plain_column .wpb_wrapper blockquote p{ padding-bottom: 10px !important; margin: 0px !important; }
.wpb_text_column .wpb_wrapper hr, .wpb_text_plain_column .wpb_wrapper hr{ margin-bottom: 15px; display: block; }
.wpb_text_plain_column .wpb_wrapper h3{ background: none; }
.wpb_text_column p, .wpb_text_plain_column p{ padding-bottom: 15px !important; }
.vjs-big-play-button{ display: none !important; }
.tparrows{z-index: 9999999999999999 !important; }
/* two col block box */
.vc_responsive .wpb_row .vc_span6:first-of-type {padding-left: 0;padding-right: 15px;}
.vc_responsive .wpb_row .vc_span6:last-of-type {padding-right: 0;padding-left: 15px;}
body.vc_responsive .wpb_row .vc_span6 {padding-left: 7.5px;padding-right: 7.5px;}

/* three col block box */
.vc_responsive .wpb_row .vc_span4:first-of-type {padding-left: 0;padding-right: 15px;}
.vc_responsive .wpb_row .vc_span4:last-of-type {padding-right: 0;padding-left: 15px;}
body.vc_responsive .wpb_row .vc_span4 {padding-left: 7.5px;padding-right: 7.5px;}

/* four col block box */
.vc_responsive .wpb_row .vc_span3:first-of-type {padding-left: 0;padding-right: 15px;}
.vc_responsive .wpb_row .vc_span3:last-of-type {padding-right: 0;padding-left: 13px;}
body.vc_responsive .wpb_row .vc_span3 {padding-left: 7.5px;padding-right: 7.5px;}

/* clear fix ie
.wpb_row.vc_row-fluid{ clear: both; overflow: hidden; }  */

/* machinisten training form */
.gform_body label.gfield_label {min-width: 175px;}
/* contact form box */
.gform_wrapper { width: 100%; float: left; }
.gform_wrapper h3 { padding: 0 0 20px 0; margin: 0 0 35px 0; font-size: 17px; color: #333; /*background: url('images/h3-title-bg2.jpg') left bottom repeat-x !important;*/ }
.gform_wrapper h3 span { padding: 0 0 20px 0; background: url('images/orange-bg2.jpg') left bottom no-repeat; }
.gform_wrapper .gform_body { width: 100%; float: left; border-bottom: 1px dotted #d7d7d4; border-top: none; border-left: none; border-right: none;  }
.gform_wrapper .gform_fields > li { float: left; border-top: 1px dotted #d7d7d4;width: 100%;max-width: 878px;}
.gform_wrapper .gform_fields > li > .gfield_label { padding: 15px; float: left; width: auto; }
.gform_wrapper .gform_fields > li > .ginput_container { padding: 15px 0 15px 30px; float: left; width: 550px; }
.gform_wrapper label { display: block;  color: #333; font-weight: bold; }
body .wpb_wrapper .gform_wrapper .gform_fields > li > .ginput_container > span > input { padding: 4px 6px; margin: 0 20px 0 0; width: 314px !important; float: left; color: #a9a9a9; border: 1px solid #b7b7b7; }
.gform_wrapper .gform_fields > li > .ginput_container > input { padding: 4px 6px; width: 314px; float: left; color: #000; border: 1px solid #b7b7b7; }
.gform_fields select{ border: 1px solid #b7b7b7 !important; }
body .gform_wrapper textarea { padding: 5px; width: 560px; border: 1px solid #b7b7b7; font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #000;}
.gform_wrapper input[type="radio"] { margin: 0 5px 0 0; }
.gform_wrapper em { padding: 5px 0; width: 260px; float: left; font-style: normal; }
button.confirm_button,span.downloadButton, .gform_wrapper input[type="submit"] { padding: 0 30px 0 0 !important; margin: 18px 0 0 0; cursor: pointer; width: 195px; height: 45px; float: right; border: none; font-size: 14px !important; color: #fff; font-weight: bold; background: url('images/send-button.png') no-repeat; text-align: left; padding-left: 10px !important; }
.gform_wrapper span.info { padding: 30px 0; float: left; font-size: 12px; color: #a7552e; }
.gform_wrapper sup { color: #a0430c; }
.gform_wrapper ul.gfield_radio > li {width: 50%; float: left;}
.gform_wrapper ul.gfield_radio > li > label {font-weight: normal;}
.gform_wrapper span.ginput_left label, .gform_wrapper span.ginput_right label {display: none;}
.gform_wrapper .ginput_complex  span.ginput_left label, .gform_wrapper span.ginput_right label {display: block;}
.gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right, .gform_wrapper .ginput_complex .ginput_full {min-height: 24px;}
body .gform_wrapper .ginput_complex .ginput_left, body .gform_wrapper .ginput_complex .ginput_right {width: 214px;float: left;}
body .gform_wrapper .gfield_checkbox li, body .gform_wrapper .gfield_radio li {margin: 0 0 3px 0;}
body .gform_wrapper .ginput_complex .ginput_left, body .gform_wrapper .ginput_complex .ginput_right, body .gform_wrapper .ginput_complex .ginput_full {min-height: 24px;width: 100%}
body .gform_wrapper .top_label .gfield_label {margin: 0;}
.gform_wrapper.gf_browser_chrome .ginput_complex select, .gform_wrapper.gf_browser_chrome .ginput_complex .ginput_right select ,
.gform_wrapper.gf_browser_ie .ginput_complex select, .gform_wrapper.gf_browser_ie .ginput_complex .ginput_right select,
.gform_wrapper.gf_browser_gecko .ginput_complex select, .gform_wrapper.gf_browser_gecko .ginput_complex .ginput_right select{width: 314px !important;margin-right: 20px;float: left;}
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {width: 89% !important;} 

/* gform fixes */
.gform_fields{ clear: both; overflow: hidden; }
.gform_wrapper .gform_fields > li{ max-width: 100%; }
.gform_wrapper div.validation_error{padding-top:20px;}
.vc-element.vc-gravityform{ clear: both; overflow: hidden; }
/* thank you box */
.thankYouBox { padding: 0px 0 105px 0; width: 100%; float: left; }
.thankYouBox h3 { display: none; padding: 0 0 20px 0; margin: 0 0 35px 0; font-size: 17px; color: #333; background: url('images/h3-title-bg2.jpg') left bottom repeat-x; }
.thankYouBox h3 span { padding: 0 0 20px 0; background: url('images/orange-bg2.jpg') left bottom no-repeat; }
.thankYouBox .thankYouText { padding: 115px 105px 45px 105px; float: left; text-align: center; width: 100%;border-top: 1px dotted #d7d7d4; border-bottom: 1px dotted #d7d7d4; background: #f9f9f8 url('images/thank-you-bg.png') center 40px no-repeat; }
.thankYouBox h4 { padding: 0 0 20px 0; font-size: 22px; color: #333; line-height: 30px; }
.thankYouBox p { padding: 0 0 20px 0; line-height: 26px; } 
.thankYouBox span.newsletter { height: 49px; margin: 30px auto 0 auto; padding: 10px 0; display: block; max-width: 528px; width: 100%; border-top: 1px dotted #d7d7d4; border-bottom: 1px dotted #d7d7d4; }
.thankYouBox label { width: 245px; float: left;  color: #333; text-align: left; }
.thankYouBox input[type="email"] { padding: 5px 6px; width: 186px; float: left; border: 1px solid #ccc;  }
.thankYouBox input[type="submit"] { padding: 3px 0; margin: 1px 0 0 0; width: 70px; height: 25px; cursor: pointer; float: right; color: #fff; font-weight: bold; border: 1px solid #da8349; border-radius: 3px; background: url('images/send-bg.jpg') left top repeat-x; }
.thankYouBox ul { margin: 30px 100px 0 100px; list-style: none; float: left; }
.thankYouBox li { float: left; }
.thankYouBox li a { padding: 0 30px 0 21px; float: left; color: #5f2e80; text-decoration: none; background: url('images/play-button.png') left no-repeat; }
.thankYouBox li:hover a { text-decoration: underline; }
.thankYouBox ul.menu {display: none;}
.thankYouBox ul.menu a > img {display: none;}
.thankYouBox ul.menu a > .page-title-original-menu {display: block;}
	
/* right container */
#rightCntr { padding: 20px 0; width: 277px; float: right; }	

/* sub menu box */
.submenuBox { width: 100%; float: left;}
.submenuBox h2 { padding: 10px 0 10px 25px; font-size: 14px; color: #fff; border-left: 3px solid #242423; border-top: 3px solid #242423; background: #333332 url('images/icon_local_navigation_parent.gif') 8px center no-repeat; }
.submenuBox h2:hover {background: #333332 url('images/right-title-bg.png') 8px center no-repeat;}
.submenuBox h2 a { font-size: 14px; color: #fff; text-decoration: none;}
.submenuBox ul { list-style: none; }
.submenuBox li { display: block;  background: #f2f2f0; }
.submenuBox li a { border-bottom: 1px solid #d7d7d4;  border-left: 3px solid #d7d7d4; padding: 6px 8px 6px 33px; display: block;  color: #333332; text-decoration: none; background: url('images/right-li-bg.jpg') 6px center no-repeat; }
.submenuBox li a img {display: none;}
.submenuBox li a span {display: block;}
.submenuBox li > a:hover,.submenuBox li.active > a { border-left: 3px solid #cf5618; border-bottom: 1px solid #cf5618; background: #f60; }
.submenuBox li.hasChildren > a:hover {border-bottom: none;}
.submenuBox li.hasChildren > a {border-bottom: none;}
.submenuBox li > a:hover,.submenuBox li.active > a { color: #fff; background: #f60 url('images/right-li-hover-bg.jpg') 6px center no-repeat; }
.submenuBox li li:first-of-type > a {border-top: 1px solid #d7d7d4;}
.submenuBox li li:first-of-type > a:hover {border-top: 1px solid #cf5618;}
.submenuBox li li > a {background: #faf9f7 url('images/submenu_li.gif') 13px center  no-repeat;}
.submenuBox li li > a:hover, .submenuBox li li.active > a {background: #f60 url('images/submenu_li_hover.gif') 13px center  no-repeat;}
.submenuBox li li:first-of-type.active > a {border-top: 1px solid #cf5618;}
.submenuwrap div.item.hide h3 a{ color: #fff; }

/* services box */
.servicesBox { width: 100%; float: left; }
.vc_wp_custommenu ul { list-style: none; width: 100%;}
.vc_wp_custommenu li { margin: 0 0 40px 0; float: left; position: relative; width: 100%; max-width: 282px;margin-left: 16px; overflow: hidden !important; }
.vc_wp_custommenu.error li{ margin: 0px; }
.vc_wp_custommenu li:last-of-type{ margin-left: 17px; }
.vc_wp_custommenu li.menu-item-has-children {}
.vc_wp_custommenu.submenuBox li { margin: 0; float: left; position: relative; width: 282px; }
.vc_wp_custommenu li:first-of-type, .vc_span3 .vc_wp_custommenu li  { margin-left: 0;}
.vc_wp_custommenu li img { width: 282px;height: 209px;}
.vc_wp_custommenu .image {position: relative;width: 100%; height: 209px; opacity: 1.0; -moz-opacity: 1.0; filter: alpha(opacity=100); }
.vc_wp_custommenu li:hover .image{ -webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; opacity: 0.7; cursor: pointer; }
.vc_wp_custommenu .description {position: absolute;bottom: 0px;left: 0;width: 100%;max-width: 100%;height: 52px;font-weight: bold;line-height: 52px;color: #FFF;background: rgba(3,3,3,0.7) url("images/arw2.png") 95% 49% no-repeat;}
.vc_wp_custommenu .description p {padding: 0 30px; margin-right: 15px;padding-left: 15px; line-height: 52px;}
.vc_wp_custommenu h3 { width: 100%; height: 51px; font-size: 14px; position: absolute; bottom: 0; left: 0; }
.vc_wp_custommenu h3 a { padding: 0 20px; margin: 0 15px 0 0; display: block; text-decoration: none; font-size: 14px; color: #fff; line-height: 46px; text-decoration: none; background: url('images/arw2.png') right no-repeat; }

/* bottom compare box */
.bottomCompareBox { width: 100%; float: left; position: relative; top: 360px; left: 0; }
.bottomCompareBox a { padding: 15px 20px; height: 23px; float: left;  color: #fff; text-decoration: none; line-height: 24px; border-radius: 4px 4px 0 0; background: url('images/compare-bottom-bg.jpg') left top repeat-x; }
.bottomCompareBox span.number { margin: 0 10px 0 0; width: 24px; height: 24px; float: left; font-size: 12px; color: #f60; float: left; text-align: center; border-radius: 2px; background: #fff; }
.bottomCompareBox span.arrow { padding: 0 20px 0 0; float: left; background: url('images/arrow-up.png') right no-repeat; }

/* full compare box */
.fullcompareBox { display: none; width: 303px; float: left; position: fixed; bottom: 0px; right: 1.8%; z-index: 99999;}
.fullcompareBox h3 { padding: 14px 20px; overflow: hidden; display: block; cursor: pointer;  color: #fff; font-weight: normal; line-height: 24px; border-radius: 4px 4px 0 0; border-left: 1px solid #cc8253; border-top: 1px solid #cc8253; border-right: 1px solid #cc8253; background: url('images/compare-bottom-bg.jpg') left top repeat-x; }
.fullcompareBox span.number { margin: 0 10px 0 0; width: 24px; height: 24px; float: left; font-size: 12px; color: #f60; float: left; text-align: center; border-radius: 2px; background: #fff; }
.fullcompareBox span.arrow { padding: 0 48px 0 0; float: left; background: url('images/arrow-up.png') right no-repeat; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.fullcompareBox span.arrow.down {background: url('images/arrow-down.png') right no-repeat;}
.fullcompareBox .fullcompareIn { padding: 20px 0 20px 20px; overflow: hidden; display: none; background: #f2f2f0;}
.fullcompareBox .fullcompareIn .inner {position: relative;}
.fullcompareBox ul { list-style: none; overflow: hidden;}
.fullcompareBox ul li { padding: 10px 20px 20px 10px; position: relative; width: 105px; float: left; text-align: center; font-size: 11px; color: #333; }
.fullcompareBox ul li a { font-size: 11px; color: #333; text-decoration: none; }
.fullcompareBox ul li img { padding: 0 0 10px 0; display: block; }
.fullcompareBox ul li a.close { position: absolute; top: 10px;right: 19px; width: 17px;height: 17px; display: block; text-indent: -9999px; background: url('images/close1.jpg') no-repeat; }

.fullcompareBox p { text-align: center; }
.fullcompareBox a.vergelijken { padding: 5px 20px; display: inline-block; font-size: 12px; color: #fff; font-weight: bold; text-decoration: none; border: 1px solid #da8349; background: url('images/compare-bottom-bg.jpg') left bottom repeat-x; }

/*  footer container  */
#footerCntr { width: 100%; float: left; border-top: 1px solid #272727; }

/* footer box */
.footerBox { width: 100%; min-height: 410px; float: left; position: relative; border-top: 3px solid #303030; border-bottom: 1px solid #303030; background: #3d3d3c; }
.footerBox .footerin { padding: 30px 0 0 0; width: 100%; float: left; position: relative; }
.footerBox h2 { padding: 0 0 5px 0; font-size: 14px; color: #e6e6e6; font-weight: normal; }
.footerBox h2 a { color: #e6e6e6;text-decoration: none; }
.footerBox h2 a img {display: none;}
.footerBox h2:hover a { color: #e6e6e6;text-decoration: underline; }
.footerBox .titleText { padding: 0 19px 0 0; width: 280px; float: left; color: #e6e6e6;}
.footerBox .titleText h3 { padding: 15px 0; margin: 10px 0 0 0; font-size: 15px; color: #d1d1d0; border-top: 1px dotted #676767; }
.footerBox .titleText > a {text-decoration: none; color: #d1d1d0;width: auto; height: auto;}
.footerBox .titleText > a:hover h3 {text-decoration: underline;}
.footerBox .titleText ul { list-style: none; }
.footerBox .titleText li { padding: 0 0 5px 0; display: block;line-height: 17px; }
.footerBox .titleText li a { text-decoration: none; font-size: 12px; color: #e6e6e6; }
.footerBox .titleText li:hover a { border-bottom: 2px solid #757574; }
.footerBox .titleText img, .footerBox .titleText label {display: none !important;}
.footerBox .error{ margin-bottom:7px; }
.footerBox .titleText .page-title-original-menu {display: block;float: left; clear: left; }
.footerBox .titleText li:hover .page-title-original-menu {border-bottom: 2px solid #757574;}
.thankYouText #mc_embed_signup{max-width:400px; text-align:left; margin: 0 auto}
.footerBox .titleText input[type="text"], #mc_embed_signup input[type="email"] { padding: 4px 7px; margin: 0 8px 5px 0; width: 164px; float: left; font-size: 12px; color: #3d3d3c; border: 1px solid #cccccc; }
.footerBox .titleText input[type="submit"], #mc_embed_signup input[type="submit"] { padding: 0 10px; cursor: pointer; width: auto; height: 25px; font-size: 12px; color: #fff; border: 1px solid #f60; background: #f60; }
.footerBox .footerMenuWrap > div:last-of-type .titleText:last-of-type { padding: 0; }
.footerBox .footerMenuWrap > div:last-of-type .titleText {padding-bottom: 30px;}
.footerBox .indicates-required{ margin-top: 0px; }

.footerBox a.backtotop { padding: 0 0 0 30px; width: 100px; height: 27px; float: left; position: absolute; top: -30px; right: 0px; font-size: 11px; color: #e6e6e6; line-height: 27px; text-decoration: none; background: #303030 url('images/backtotop.png') 13px no-repeat; color: #fff; }
.footerBox a.backtotop:hover { text-decoration: underline; }
.footerBox a.backtotop img {display: none;}

.copyrightBox { padding: 12px 0; width: 100%; float: left; background: #e6e6e6; }
.copyrightBox p { font-size: 13px; color: #3d3d3c; float: right; }
.copyrightBox a { color: #3d3d3c; text-decoration: none;  }
.copyrightBox a:hover { text-decoration: underline; }
.copyrightBox ul { list-style: none; float: left; }
.copyrightBox li { padding: 0 10px; float: left; font-size: 12px; color: #203d7f; border-right: 1px solid #555555; }
.copyrightBox li a { text-decoration: none; color: #203d7f; }
.copyrightBox li:last-of-type { border-right: 0px; }


/* ### WP_PageNavi style ### */
.pages{ display: none; }
.wp-pagenavi{ float: right; margin-top: 20px;  }
.wp-pagenavi .extend .pages, .wp-pagenavi .extend{ display: none; }
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi span.current, .wp-pagenavi a.current{ display: block; width: 26px; height: 26px; background: #f7f7f7; text-align: center; line-height: 26px; color: #717171; text-decoration: none; float: left; margin-left: 8px; overflow: hidden; border:none; }
.wp-pagenavi a.current, .wp-pagenavi span.current{ background: #f60; color: #fff; }
.wp-pagenavi a:hover{ background: #f60; color: #fff; }
.pageNavi{ float: right; overflow: hidden; padding: 50px 0; }

/* composer rewrites */
.wpb_content_element{ clear: both; overflow: hidden; margin-bottom: 10px; }
ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button{ margin-bottom: 25px !important; }
.wpb_row{ margin-left: 0px !important; margin-right: 0px !important; }
/*.wpb_content_element, .wpb_row{ margin-bottom: 0px !important; }*/
.wpb_column.error{ background: #f8f8f7; margin: 0 22px 0 0; margin-left: 0px !important; margin-right: 23px !important; float: left; width: 100% !important; max-width: 377px !important; min-height: 150px; padding: 0px !important; padding-bottom: 20px !important; }
.wpb_column.error:last-of-type{ margin-right: 0px !important; }
.wpb_column.error .widget.widget_nav_menu{ background: url('images/h3-title-bg.jpg') left top no-repeat; }
.wpb_column.error h2.widgettitle{ padding: 10px 0; margin: 0px; font-size: 17px; color: #333; background-image: url('images/title2-bg.jpg'); background-repeat: repeat-x !important; background-position: left 10px top 0px; padding-left: 18px; }
.wpb_column.error ul li a{ padding: 0 30px 0 21px; margin: 20px 0 0 20px; float: left; color: #5f2e80; text-decoration: none; background: url('images/play-button.png') left no-repeat; }
.wpb_column.error ul li a:hover{ text-decoration: underline; }
.wpb_content_element.note p{ font-size: 12px; color: #a0430c; }
.wpb_content_element h2 span { padding: 10px 0 0 15px; background: url('images/h3-title-bg.jpg') left top no-repeat; }
.wpb_content_element h2 span:empty {padding: 0;}
.wpb_column.error .wpb_content_element h2.widgettitle { padding-left: 0; }
.wpb_content_element .wpb_wrapper h3 { margin: 0;}
.wpb_content_element .wpb_wrapper .wpb_gallery_heading p {display: none;}
.vc_responsive .wpb_row > .wpb_column:first-of-type {padding-left: 0;}
.vc_responsive .wpb_row > .wpb_column:last-of-type {padding-right: 0;}
.contentBox > .wpb_row:first-of-type, .contentBox.ui-sortable > .vc-element {margin-top: 40px; margin-bottom:40px !important;}
.vc_separator h3 {margin: 0;}
.vc_separator, .vc_wp_custommenu, .wpb_machinery, .latestNewsBox, .wpb_single_banner_image   {margin-bottom: 40px !important;}
.vc_span12 > .wpb_wrapper > .vc_wp_custommenu {margin-bottom: 0 !important;}
body .gform_wrapper {margin: 0 0 40px 0;}
.wpb_row > .vc-vc_column.vc-element:first-of-type {padding-left: 0;}
.wpb_row > .vc-vc_column.vc-element:last-of-type {padding-right: 0;}
body.compose-mode .wpb_row .vc-vc_video {padding-top: 0;}
.vc_span4 .gform_wrapper .gform_body, .vc_span3 .gform_wrapper .gform_body  {background: none;}
.gform_wrapper .gform_body .gfield_admin_header_title {display: none;}
.vc_desktop #contentCntr .main.ui-sortable .bannerThumbs {display: none !important;}
#contentCntr .bannerThumbs{display:none !important}
/* composer latest news box */
.wpb_latest_news li:first-of-type{ padding: 13px 0px !important; }

/* composer sitemap box */
.wpb_content_element.sitemap .wpb_wrapper_inner{ background: #fff; }
.wpb_content_element.sitemap .wpb_wrapper_inner ul{ margin: 0 0 30px 0; margin-bottom: 0px; list-style: none; padding-left: 0px; padding-top: 10px; }
.wpb_content_element.sitemap .wpb_wrapper_inner ul li { margin: 0 0 10px 0; line-height: 1.8em; background: url('images/play-button.png') left 10px no-repeat; padding-left: 20px; }
.wpb_content_element.sitemap .wpb_wrapper_inner ul li a{ color: #203d7f; text-decoration: none;  }
.wpb_content_element.sitemap .wpb_wrapper_inner ul li a:hover{ color: #f60; text-decoration: underline; }
.wpb_content_element.sitemap .wpb_wrapper_inner ul li.menu-item-has-children a.main-menu-link{ font-weight: bold; }
.wpb_content_element.sitemap h3{ margin-bottom: 0px !important; }

/* composer google search box */
.wpb_google_search  form { padding: 20px 10px 10px 15px; }
.wpb_google_search  input[type="text"] { padding: 4px 6px; margin: 0 15px 0 0; width: 186px; float: left; border: 1px solid #ccc;  }
.wpb_google_search  input[type="submit"] { padding: 3px 0; width: 70px; color: #fff; font-weight: bold; border: 1px solid #da8349; border-radius: 2px; background: url('images/send-bg.jpg') left top repeat-x; }
.wpb_google_search  p { padding: 20px 0 0 15px;  }
.wpb_google_search  a { padding: 0 30px 0 21px; margin: 20px 0 0 20px; float: left; color: #5f2e80; text-decoration: none; background: url('images/play-button.png') left no-repeat; }
.wpb_google_search  em { padding: 0 0 0 10px; font-size: 12px; font-style: normal; padding-left: 14px; }
.wpb_google_search  a:hover { text-decoration: underline; }
.wpb_google_search  span.note { padding: 25px 0 0 0; float: left; font-size: 12px; color: #a0430c;  }
.wpb_google_search  li.last { margin: 0; }
.wpb_google_search h2 span { padding: 10px 0 0 15px; background: url('images/h3-title-bg.jpg') left top no-repeat; }
.wpb_column.error .wpb_google_search h2.widgettitle { padding-left: 0; }

/* composer home settings */
.home .latestNewsBox li .desc {width: 100%;margin-left: 0%;}
.home .latestNewsBox li .newsImage {width: 15%;}

/* category nieuws */
body.category-nieuws .downloadBox{ margin-bottom: 40px; }

/* General items */
#loaderCntr {position: fixed; left: 0; top: 0; height: 100%; width: 100%;z-index:9999;background: rgba(255,255,255,0.8);display: none;}
#loaderCntr .loaderinner {width: 100%; height: 100%;background: url('images/loader.gif') no-repeat center;}
#blackCntr {position: fixed; left: 0; top: 0; height: 100%; width: 100%;z-index:99998;background: rgba(0,0,0,0.5);display: none;}
span.page-title-original-menu {display: none;}
.page-template-page-404-php .breadCrumb {padding: 10px 0 36px 0;}
.vc_responsive .wpb_row .vc_span12 {padding-left: 0 !important; padding-right: 0 !important;}
.bannerImage{ margin-bottom: 40px; }

/* PDF styling */
body.pdf #headerCntr { height: 87px; }
body.pdf .copyrightBox { background: #3d3d3c; }
body.pdf .copyrightBox p, body.pdf .copyrightBox a { color: #d1d1d0; }
.ilightbox-toolbar.smooth a:hover{ background-color: #f60 !important;  }

/* Members box */
.memberBox h3{  line-height: 19px; margin-top: 0px; margin-bottom: 20px; }
.memberBox h3 strong{ display: block; margin-left: 14px; font-weight: normal; }

/* Search page */
.search { margin-bottom: 120px; }
.search .latestNewsBox ol li h3.title { font-weight: bold; display: inline-block;}
.search .latestNewsBox ol li h3 { color: #333; }
.search .latestNewsBox ol li h3 p { line-height: 26px; }
.search .latestNewsBox ol li a.subLink { color: #a5a5a5; font-size: 0.9em; font-weight: normal !important; word-wrap: break-word; text-decoration: none; }
.search .latestNewsBox ol li a.subLink:hover { text-decoration: underline; }
.searchNavBox { clear: both; min-height: 18px; margin: 0 0 10px; padding: 10px 15px; background: #f2f2f0; border: solid #d7d7d4; border-width: 1px; font-size: 1.2em; text-align: right; }
.searchCount { margin-bottom: 10px; }
.searchNavBox a {  color: #203d7f; text-decoration: none; }
.searchNavBox a:visited { color: #603380; }
.searchNavBox a:hover { color: #f60; text-decoration: underline; }
.searchResult { clear:both; padding: 44px 0 30px 0;}
.jp .panel.submenu-search.view .search{ margin-bottom: 0px; }

/* Download popup */
div.downloadPopup { position: fixed; width: 100%; height: 100%;  background: rgba(0, 0, 0, 0.5); opacity: 0;z-index: 999999; display: none; }
div.popupContent { position: relative; margin: 0 auto;width: 850px; min-height: 50%; background: rgb(255, 255, 255); border: 3px solid #f60;padding: 30px;}
div.BrowserPopupScreen {overflow-x: hidden; overflow-y: auto;max-height: 90%;}
div.popupContent a.close {position: absolute;top: -3px;right: -3px;width: 17px;height: 17px;display: block;text-indent: -9999px;background: url('images/close1.jpg') no-repeat;}
div.popupContent .gform_wrapper { margin: 0;}
div.popupContent .gform_wrapper .gform_fields > li > .gfield_label {width: 237px;}
div.popupContent .gform_wrapper .gform_fields > li > .ginput_container {max-width: 520px; width: 100%;}
div.popupContent .gform_wrapper .gform_heading > span {margin: 30px 0;display: block;}
div.popupContent .gform_wrapper .gform_heading,
div.popupContent .gform_wrapper h3.gform_title{ width: 100% !important; }
div.popupContent .gform_wrapper .gform_description { max-width:600px;}
.downloadPopup .gform_wrapper li.gfield.gfield_error.gfield_contains_required { margin: 0; padding: 0; width: auto;}
div.popupContent span.downloadButton { position: absolute; top: 6px; right: 7px; }
div.popupContent span.downloadButton a.button.gform_button { color: #FFF; text-decoration: none; text-align: left; width: 175px;height: 100%;  display: block; margin-top: 15px; font-size: 14px !important;}
.popupContent .gform_wrapper .ginput_container + .popupContent .gfield_description.validation_message{ padding-left: 15px !important; }
div.downloadPopup .scroll{ overflow: scroll; }
input.loadDealer { cursor: pointer; }
.developed_by{ display: block; float: left; font-size: 12px; }
.developed_by  a{ color: #203d7f; }

/* ### LightBox ### */
.ilightbox-overlay {z-index: 99999999999999 !important;}
.ilightbox-holder {z-index: 99999999999999 !important;}
.ilightbox-toolbar {z-index: 99999999999999 !important;}

/* ### Mailchimp ### */
.indicates-required{ margin-top:15px; margin-bottom: 15px; }

/* ### Firefox ### */
.firefox .wpb_wrapper .gform_wrapper .gform_fields > li > .ginput_container > span > input{ padding: 2px 6px !important; }
.firefox .wpb_wrapper .pdfDownloadWrapper h3{ padding-bottom: 29px !important; }

/* ### Opera ### */
.webkit.chrome.win.opera .wpb_wrapper .gform_wrapper .gform_fields > li > .ginput_container > span > input{ padding: 2px 6px; }

/* ### Some extra styles */
.menuBox li.current-menu-item,
.menuBox li.current-category-ancestor,
.menuBox li.current-menu-ancestor,
.menuBox li.current-menu-parent,
.menuBox li.current-category-parent,
.menuBox li.current_page_item,
.menuBox li.current-page-ancestor
{ float: left; border-left: 1px solid #d4d4d3; background: url('images/bottom-arrow-hover.png') center 43px no-repeat !important; }
div.addthis_toolbox.addthis_default_style { margin-top: 4px; }
.helpBox li { margin: 0 15px 0 0; float: left !important; }
.resultatenBox .repeater .right .info2 .contactpersoon { float: left; width: 308px; }
.resultatenBox .repeater .right .info2 { width: 600px; float: left; }
.resultatenBox .repeater .right h5 { width: 110px; }
.membersBox ul.membersList { list-style-type: none;}
.membersBox li.memberBox { width: 219px; float: left; margin-left:0px; margin-top: 0px; margin-bottom: 25px;}
.vc_span9 .membersBox li.memberBox { width: 32%; margin-right: 2%;margin-top: 30px;}
.vc_span9 .membersBox li.memberBox:nth-child(1),
.vc_span9 .membersBox li.memberBox:nth-child(2),
.vc_span9 .membersBox li.memberBox:nth-child(3) {margin-top: 0;}
.vc_span9 .membersBox li.memberBox:nth-child(3n) {margin-right: 0;}
.membersBox li.memberBox img.avatar {width:100%;height: auto;margin-bottom: 20px;}
.membersBox li.memberBox h2 { margin-top: 10px; margin-bottom: 20px; color: #E97520; font-size: 20px;}
.membersBox li.memberBox p { font-size: 14px; color: #3d3d3d; line-height: 25px; margin-bottom: 25px; text-align: justify; padding: 0;}
.membersBox .socialBox {margin-bottom: 20px;}
.membersBox .socialBox ul {list-style-type: none; height: 30px;}
.membersBox .socialBox ul li { float:left;  margin-right: 15px;; display:inline;}
.membersBox .socialBox ul li a{ text-decoration: none; }
.membersBox .socialBox ul li img{-webkit-filter: grayscale(1);}
.membersBox .socialBox ul li img:hover{-webkit-filter: grayscale(0);}
.Light .productDescBox{display:none}
/* ### JP */
/*  header  */
.relaibleSolutions{ border: solid #e6e6e6; border-width: 1px 1px 0 0; overflow: hidden; }
.relaibleSolutions a{ background: #fff !important; text-indent: inherit !important; }
.headerTopBox .globalService.left{ float: left; padding-left: 0px; }
.headerTopBox li a{ font-size: 12px; }
#headerCntr{ background: url("images/bg_header.gif") 0 4px repeat-x !important; }
#headerCntr .main{ background: url('images/header-bg.jpg') left top repeat-x; height: 87px; }
li.meanExtra.helv{ font-family: Helvetica, Arial, sans-serif; }
#headerCntr h1{ padding: 11px 0 15px 15px !important; }
#headerCntr h1 a{ background: none !important; color:#000 !important; width: auto !important; text-decoration: none !important; text-indent: inherit !important; }
#headerCntr h1.eng a { width: 400px !important; height: 19px !important; display: block; font-size: 20px; font-family: "HelveticaNeueLTStd65Medium", Arial, sans-serif; margin-top: 8px !important; }
#headerCntr h1.eng{ padding: 6px 0 15px 15px !important; }
#headerCntr em{ padding: 26px 0 17px 10px !important; }
/*  menu header area  */
.menuBox li{ min-height: 56px; border-bottom: 1px solid #d4d4d3; }
/*  content area  */
/* #contentCntr{ border: solid #e6e6e2; border-width: 3px 0 0 0; }*/
/* news section */
/* .latestNewsBox li span.date{ text-transform: uppercase; } */
.latestNewsBox li .title{ display: block; float: left; margin-left: 26px; }
/* custom menu extra jp class */
.wpb_text_column.noBottom .wpb_wrapper{ min-height: inherit !important; }
.wpb_text_column.noBottom .wpb_wrapper.image{ background: none !important; }
/* download pdf button */
.downloadBox p{ max-width: 100%; }
/* footer */
.footerBox a.backtotop{ width: 106px; font-size:10px; }
/* page navi */
.wp-pagenavi a, .wp-pagenavi span{ padding: 1px 11px !important; }
/* side navigation */
.submenuBox li a.hide{ display: none !important; }
/* form */
.gform_footer{ clear: both; overflow: hidden; background: #f3f3e6; }
.vc_gf_row input#gform_submit_button_10 { display:block; margin: 0 auto !important; float: none; width:200px; } /* Centers the submit button for gravity forms */
span.downloadButton, .gform_wrapper input[type="submit"]{ margin: 0px !important; margin-right: 15px !important; }
/* ### HCM */
/* slider */
.tp-bullets.tp-thumbs .bullet:hover{ opacity: 0.5; }
/* footer */
.footerBox .titleText h3{ font-weight: bold; color: #fff; }
/* global tables */
table tr{ vertical-align: top; }
/* banner */
.bannerTop{ height: 230px; overflow: hidden; position: absolute; z-index: 1; width: 100%; background-size: cover !important; }
.contentTopBox.hasBanner .main{ position: relative; z-index: 2; height: 233px; }
.contentTopBox.hasBanner{ height: 233px; background: url('images/content-bg.jpg') left bottom repeat-x; z-index: 3; margin-bottom:40px; }
.contentTopBox.hasBanner h2{ position: absolute; z-index: 9999; width: 100%; bottom: -1px; }
.contentTopBox.hasBanner .breadCrumb{ background: #fff; filter: alpha('opacity=85'); -moz-opacity: 0.85; opacity: 0.85; }
/* headline */
.headline-L { position: relative; clear: both; overflow: hidden; width: 100%; min-height: 18px; margin: 0 0 20px; padding: 8px 0; background: #f2f2f0 url("images/bg_headline01.gif") 0 0 no-repeat; }
.headline-L .hdl { margin: 0 15px 0 15px; line-height: 1.5em; font-size: 17px; }
/* headline 2 with date */
.headline-L-type2 { position: relative; margin: 0 0 30px; }
.headline-L-type2 .hdl { padding: 0 0 20px; background: url("images/bg_hdl_news.gif") 0 100% repeat-x; font-weight: normal; font-size: 17px; line-height: 1.5em; }
.headline-L-type2 .date { padding: 20px 0 0; text-align: right; }
/* headline 3 small */
.headline-M { position: relative; width: 100%; margin: 0 0 30px; padding: 3px 0; border: solid #d7d7d4; border-width: 0 0 3px 0; }
.headline-M .hdl { line-height: 17px; background: none; font-weight: bold; }
/* go to top */
.wgt-btnPagetop { position: relative; width: 100%; height: 30px; margin: 0 0 30px 0; }
.wgt-btnPagetop p { position: absolute; top: 0; right: 0; margin: 0 !important; }
.wgt-btnPagetop a { display: block; padding: 10px 10px 10px 23px; text-decoration: none; background: url("images/icon_pagetop.png") 10px 50% no-repeat; border: 1px solid #d7d7d4; }
.wgt-btnPagetop a:hover{ text-decoration: underline; color: #f60; }
/* single image */
.wpb_single_image.wpb_content_element{ margin-bottom:40px !important; }
/* seperator */
.vc_separator.wpb_content_element h3{ height: 3px; padding: 0px; }
/* table dark */
.wpb_text_plain_column.wpb_content_element.dark tr:nth-child(odd),
.wpb_text_plain_column.wpb_content_element.dark tr:nth-child(odd) td:first-of-type{ background: #aaaaaa !important; }
.wpb_text_plain_column.wpb_content_element.dark tr:nth-child(odd) td:last-of-type{ background: #dddddd !important;  }
.wpb_text_plain_column.wpb_content_element.dark tr:nth-child(odd) td:last-of-type a{ color: #f60 !important; }
.wpb_text_plain_column.wpb_content_element.dark tr td{ border: 0px !important; }
.wpb_text_plain_column.wpb_content_element.dark tr td:last-of-type{ text-align: left !important; }
/* table light */
.wpb_text_plain_column.wpb_content_element.light tr td{ text-align: left !important; border-right: 0px !important; }
/* .wpb_text_plain_column.wpb_content_element.light tr td:first-of-type{ border-right:30px solid #fff !important; } */
.wpb_text_plain_column.wpb_content_element.light tr td a{ padding-left: 25px; background: url('images/play-button.png') 5px no-repeat; vertical-align: top; }
/* table IR 4, Stephan 29-06-2015 */
.wpb_text_plain_column.wpb_content_element.history5 table{ border-collapse: collapse !important; border-spacing: 0 !important; }
.wpb_text_plain_column.wpb_content_element.history5 table h3{ margin-bottom: 0px !important; }
.wpb_text_plain_column.wpb_content_element.history5 tr{ border-left: 1px solid #d7d7d4 !important; border-right: 1px solid #d7d7d4 !important; }
.wpb_text_plain_column.wpb_content_element.history5 tr:last-of-type{ border-bottom: 1px solid #d7d7d4 !important; }
.wpb_text_plain_column.wpb_content_element.history5 tr:first-of-type{ border-top: 1px solid #d7d7d4 !important; }
.wpb_text_plain_column.wpb_content_element.history5 tr:first-of-type td{ background: #f8f8f7; }
.wpb_text_plain_column.wpb_content_element.history5 tr td{ border: 0px !important; border-bottom: 1px solid #d7d7d4 !important; border-right: 1px solid #d7d7d4 !important;  }
.wpb_text_plain_column.wpb_content_element.history5 tr td a{ padding-left: 20px; background: url('images/play-button.png') left no-repeat; vertical-align: top; }
.wpb_text_plain_column.wpb_content_element.history5 tr td li{ list-style: none !important; padding: 0 0 0 20px; background: url('images/arw_circle.png') 6px 9px no-repeat; }
.wpb_text_plain_column.wpb_content_element.history5 tr td{ padding: 5px !important; }
/* table none */
.wpb_text_plain_column.wpb_content_element.none tr td{ border: 0px !important; }
/* table light2 */
.wpb_text_plain_column.wpb_content_element.light2 tr:nth-child(odd){ font-weight: bold; }
.wpb_text_plain_column.wpb_content_element.light2 tr td{ text-align: left !important; border: 0px solid  #f2f2f0 !important; }
.wpb_text_plain_column.wpb_content_element.light2 tr:nth-child(odd) td { background: #f2f2f0 !important; }
/* table pdf */
.wpb_text_plain_column.wpb_content_element.pdf tr td{ border:0px !important; border-top: 3px solid #d7d7d4 !important; text-align: left !important;  }
.wpb_text_plain_column.wpb_content_element.pdf tr td:first-of-type{ border-top: 6px solid #aaaaaa !important; }
.wpb_text_plain_column.wpb_content_element.pdf tr td a, .wpb_text_plain_column.wpb_content_element.pdf a{ padding-left: 20px; background: url('images/pdf-icon.png') left no-repeat; vertical-align: top; }
/* table pdf no icon */
.wpb_text_plain_column.wpb_content_element.pdf2 tr td{ border:0px !important; border-top: 3px solid #d7d7d4 !important; text-align: left !important;  }
.wpb_text_plain_column.wpb_content_element.pdf2 tr td:first-of-type{ border-top: 6px solid #aaaaaa !important; }
.wpb_text_plain_column.wpb_content_element.pdf2 tr td a, .wpb_text_plain_column.wpb_content_element.pdf2 a{ padding-left: 20px; vertical-align: top; }
/* google map */
.wpb_gmaps_widget.wpb_content_element{ margin-bottom: 40px !important; }
/* tabbing */
.wpb_tabs_nav{ background: #e1e1df; border: solid #bfbfbf; border-width: 0 0 1px 0; }
.wpb_tabs_nav li{ width: 289px; text-align: center; margin-top: 11px !important; border: solid #bfbfbf; border-width: 1px 1px 0px 0px; }
.wpb_tabs_nav li a{ height: 35px; }
.wpb_tabs_nav li:first-of-type{ margin-left: 4px !important; border-width: 1px 1px 0px 1px; } 
.wpb_tabs_nav li a{ display: block; padding: 9px 0 0 0 !important; background: url("images/bg_btn_tab_ie.png") 100% 0 no-repeat; background: url("images/icon_btn03.png") 95% 50% no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.0, #ededec), color-stop(0.00, #fefefe)); background: url("images/icon_btn03.png") 95% 50% no-repeat, -webkit-linear-gradient(top, #fefefe 0%, #ededec 100%); background: url("images/icon_btn03.png") 95% 50% no-repeat, -moz-linear-gradient(top, #fefefe 0%, #ededec 100%); background: url("images/icon_btn03.png") 95% 50% no-repeat, -o-linear-gradient(top, #fefefe 0%, #ededec 100%); background: url("images/icon_btn03.png") 95% 50% no-repeat, -ms-linear-gradient(top, #fefefe 0%, #ededec 100%); background: url("images/icon_btn03.png") 95% 50% no-repeat, linear-gradient(to bottom, #fefefe 0%, #ededec 100%); color: #333; font-size: 1em; font-weight: bold; }
.wpb_tabs_nav li a:hover{ background: url("images/bg_btn_tab_ie.png") 100% -34px no-repeat; background: url("images/icon_btn03.png") 95% 50% no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.0, #fafafa), color-stop(0.00, #fff)); background: url("images/icon_btn03.png") 95% 50% no-repeat, -webkit-linear-gradient(top, #fff 0%, #fafafa 100%); background: url("images/icon_btn03.png") 95% 50% no-repeat, -moz-linear-gradient(top, #fff 0%, #fafafa 100%); background: url("images/icon_btn03.png") 95% 50% no-repeat, -o-linear-gradient(top, #fff 0%, #fafafa 100%); background: url("images/icon_btn03.png") 95% 50% no-repeat, -ms-linear-gradient(top, #fff 0%, #fafafa 100%); background: url("images/icon_btn03.png") 95% 50% no-repeat, linear-gradient(to bottom, #fff 0%, #fafafa 100%); color: #333; text-decoration: none; }
.wpb_tabs_nav li.ui-tabs-active{ margin-top: 8px !important; margin-bottom: -1px !important; }
.wpb_tabs_nav li.ui-tabs-active a{ position: relative; top: 0; left: 0; display: block; height: 38px; background: none; background: #fff url("images/bg_tab.gif") 0 0 repeat-x !important; padding: 11px 0 0 0 !important; }
.wpb_tab { margin-bottom:40px !important; }
.footerBox .titleText{ width: 23.79%; }
.mean-bar .label { display: block !important; }
.mean-bar .label { position: absolute; z-index: 9999; color: #fff; right: 12px; top: 15px; }
/* pager */
.pager div.pagerNews{ display: block; min-height: 18px; padding: 10px 15px; background: #f2f2f0; text-align: right; width: 100%; border: solid #d7d7d4; border-width: 1px; font-size: 1.2em; clear: both; overflow: hidden; margin-top: 20px; }
.pager div.pagerNews a{ float: right; margin-top: 0px; background: url('images/play-button.png') right no-repeat !important; padding-right: 15px; }
/* fix */
.vc-element.vc-vc_hcm_headline{ clear: both; }
.wpb_tabs_nav li{ width: 213px; }
.wpb_text_column .wpb_wrapper img.alignnone, .wpb_text_plain_column .wpb_wrapper img.alignnone{ margin-bottom: 0px !important; }
.contentTopBox.ie7{ display: none; }
.eng #headerCntr em{ padding: 22px 0 17px 10px !important }

.contentTopBox.ie7{ display: none; }
.menu-top-menu-container, #menu-top-menu{ clear: both; overflow: hidden; }
.menuBox li{ height: 56px; }

/* Gform */
.gfield.hide{ display: none !important; }

/* auction information styling */
.left{float:left;}
.right{float:right;}
.clearfix{clear:both}

.selectYear{ margin-bottom:30px !important; }
.regalContent.right p{ padding: 0 0 8px 0 !important; }
.regalContent.right a{ text-decoration: none; color: #000; background: url('images/arw_r.png') left center no-repeat; padding-left: 10px; }
.regalContent.right a:hover{ text-decoration: none; color: #f60; }

.regalContent{width:44%;}
.regalContent  li {list-style: none;	padding: 11px;}
.regalContent li ul{padding-left:15px;}
.regalContent li ul li{	list-style-type:disc;}
.regalCalendar .ui-helper-clearfix{ width: 435px !important; }
.ui-datepicker th{ text-align: center !important; }

span.ui-datepicker-year{ color: #000; }
.ui-datepicker-calendar > thead > tr> th > span{color:#000;}

/* IE */
.main.menu{ display: none !important; }

.vc_wp_custommenu.center ul.menu{ clear: both; overflow: hidden; margin: 0 auto; }

/* table history 23-03-2015 */
.wpb_text_plain_column.wpb_content_element.history table{ border-collapse: collapse !important; border-spacing: 0 !important; }
.wpb_text_plain_column.wpb_content_element.history table h3{ margin-bottom: 0px !important; }
.wpb_text_plain_column.wpb_content_element.history tr{ border-left: 1px solid #d7d7d4 !important; border-right: 1px solid #d7d7d4 !important; }
.wpb_text_plain_column.wpb_content_element.history tr:last-of-type{ border-bottom: 1px solid #d7d7d4 !important; }
.wpb_text_plain_column.wpb_content_element.history tr:first-of-type{ border-top: 1px solid #d7d7d4 !important; }
.wpb_text_plain_column.wpb_content_element.history tr td{ text-align: left !important; border: 0px !important; border-bottom: 1px solid #d7d7d4 !important;  }
.wpb_text_plain_column.wpb_content_element.history tr td:first-of-type{ width: 166px; }
.wpb_text_plain_column.wpb_content_element.history tr td a{ padding-left: 20px; background: url('images/play-button.png') left no-repeat; vertical-align: top; }
.wpb_text_plain_column.wpb_content_element.history tr td li{ list-style: none !important; padding: 0 0 0 20px; background: url('images/arw_circle.png') 6px 9px no-repeat; }
/* tab fixes 23-03-2015 */
.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab{ background: #fff !important; }
.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab, .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content{ padding-left: 0px !important; padding-right: 0px !important; }
.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav li, .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header{ background: #fff !important; }
.wpb_tabs_nav li.ui-tabs-active a{ height: 40px !important; }

/* ### Custom Menu border top fix 19/04/2015 ### */
.vc_wp_custommenu.border li{ border: solid #f60; border-width: 3px 0 0 0; }

/* ### Global changes 09-06-2015 ### */

/* ### Header styling ### */ 

#headerCntr h1.eng a{ width: auto !important; }
#headerCntr em{ font-weight: bold; }
.headerTopBox .searchOption{ width: 296px; }
.headerTopBox .searchOption p{ line-height: 23px; }

.contentTopBox h2{ height: auto; margin-top: 18px !important; }
.contentTopBox .breadCrumb{ height: 49px; margin-top: -22px; }
.contentTopBox.hasBanner .breadCrumb{ margin-top: inherit !important; height: auto !important; }
.contentTopBox h2 span{ opacity: 1 !important; }

/* ### Slider button ### */ 
.tp-caption.Button, .Button{ padding-right: 20px !important; }

/* ### Custom menu ### */
.vc_wp_custommenu.border li{ border: solid #f60; border-width: 3px 0 0 0; }

/* ### Headline M ### */ 
.headline-M h3{ margin-top: 0px; line-height: 30px !important; }

/* ### Global Change table with-out styling ### */ 
.wpb_content_element.none table,
.wpb_content_element.none table tr,
.wpb_content_element.none table td{ text-align: left !important; background: none !important; border:0px !important; line-height: 34px !important; padding: 0px !important; }
.wpb_content_element.none table td:first-of-type{ padding-right: 10px !important; }
.wpb_content_element.noheader .wpb_wrapper,
.wpb_content_element.noheader .wpb_text_column .wpb_wrapper{ min-height: inherit !important; }
.wpb_content_element.none ul{ padding-left: 0px; }
.wpb_content_element.none ul li{ list-style: none; background: url('images/icon_page_link.png') left 11px no-repeat; padding-left: 15px; } 

/* ### Content elements ### */
.wpb_content_element.border{ border: solid #f60; border-width: 3px 0 0 0; }
hr{ border: dotted #d7d7d4; border-width: 1px 0 0 0; clear: both; overflow: hidden; }

/* ### News ### */
.latestNewsBox li .title{ width: 88%; }
.latestNewsBox li span{ width: 75px; }
.latestNewsBox li span.newsTitle{ width: 95%; }

/* ### Single banner image */
.wpb_single_banner_image .wpb_wrapper,.wpb_single_banner_image  a{ position:relative; display: block; }
.wpb_single_banner_image a img.hover{ position: absolute; left: 0px; top: 0px; display: none; }
.wpb_single_banner_image a:hover img.hover{ display: block; }
.wpb_single_banner_image img{ width: 100%; height: auto; }  

/* table IR 1 15-06-2015 */
.wpb_text_plain_column.wpb_content_element.history2 table{ border-collapse: collapse !important; border-spacing: 0 !important; }
.wpb_text_plain_column.wpb_content_element.history2 table h3{ margin-bottom: 0px !important; }
.wpb_text_plain_column.wpb_content_element.history2 tr{ border-left: 1px solid #d7d7d4 !important; border-right: 1px solid #d7d7d4 !important; }
.wpb_text_plain_column.wpb_content_element.history2 tr:last-of-type{ border-bottom: 1px solid #d7d7d4 !important; }
.wpb_text_plain_column.wpb_content_element.history2 tr:first-of-type{ border-top: 1px solid #d7d7d4 !important; }
.wpb_text_plain_column.wpb_content_element.history2 tr td{ text-align: left; border: 0px !important; border-bottom: 1px solid #d7d7d4 !important; border-right: 1px solid #d7d7d4 !important; }
.wpb_text_plain_column.wpb_content_element.history2 tr td:last-of-type{ border-right: 0px !important; }
.wpb_text_plain_column.wpb_content_element.history2 tr td a{ padding-left: 20px; background: url('images/play-button.png') left no-repeat; vertical-align: top; }
.wpb_text_plain_column.wpb_content_element.history2 tr td li{ list-style: none !important; padding: 0 0 0 20px; background: url('images/arw_circle.png') 6px 9px no-repeat; }

/* table IR 2 15-06-2015 */
.wpb_text_plain_column.wpb_content_element.history3 table{ border-collapse: collapse !important; border-spacing: 0 !important; }
.wpb_text_plain_column.wpb_content_element.history3 table h3{ margin-bottom: 0px !important; }
.wpb_text_plain_column.wpb_content_element.history3 tr{ border-left: 1px solid #d7d7d4 !important; border-right: 1px solid #d7d7d4 !important; }
.wpb_text_plain_column.wpb_content_element.history3 tr:last-of-type{ border-bottom: 1px solid #d7d7d4 !important; }
.wpb_text_plain_column.wpb_content_element.history3 tr:first-of-type{ border-top: 1px solid #d7d7d4 !important; }
.wpb_text_plain_column.wpb_content_element.history3 tr td{ text-align: left !important; border: 0px !important; border-bottom: 1px solid #d7d7d4 !important; border-right: 1px solid #d7d7d4 !important; }
.wpb_text_plain_column.wpb_content_element.history3 tr:first-of-type td:first-of-type{  background: #333232 !important; font-weight: bold; color: #fff;  }
.wpb_text_plain_column.wpb_content_element.history3 th{ padding: 12px; color:#000; background: #d7d7d4; font-weight: bold; }
.wpb_text_plain_column.wpb_content_element.history3 tr:first-of-type th:first-of-type{ background: #333232; color: #fff; }
.wpb_text_plain_column.wpb_content_element.history3 tr td:last-of-type{ border-right: 0px !important; }
.wpb_text_plain_column.wpb_content_element.history3 tr td a{ vertical-align: top; }
.wpb_text_plain_column.wpb_content_element.history3 tr td li{ list-style: none !important; padding: 0 0 0 20px; background: url('images/arw_circle.png') 6px 9px no-repeat; }

/* table IR 4 29-06-2015 */
.wpb_text_plain_column.wpb_content_element.history4 table{ border-collapse: collapse !important; border-spacing: 0 !important; }
.wpb_text_plain_column.wpb_content_element.history4 table h3{ margin-bottom: 0px !important; }
.wpb_text_plain_column.wpb_content_element.history4 tr{ border-left: 1px solid #d7d7d4 !important; border-right: 1px solid #d7d7d4 !important; vertical-align: auto; }
.wpb_text_plain_column.wpb_content_element.history4 tr:last-of-type{ border-bottom: 1px solid #d7d7d4 !important; }
.wpb_text_plain_column.wpb_content_element.history4 tr:first-of-type{ border-top: 1px solid #d7d7d4 !important; }
.wpb_text_plain_column.wpb_content_element.history4 tr td{ border: 0px !important; border-bottom: 1px solid #d7d7d4 !important; border-right: 1px solid #d7d7d4 !important; }
.wpb_text_plain_column.wpb_content_element.history4 tr td.subhead{ font-weight: bold; background: #ccc !important; }
.wpb_text_plain_column.wpb_content_element.history4 tr:first-of-type td:first-of-type{  background: #333232 !important; font-weight: bold; color: #fff;  }
.wpb_text_plain_column.wpb_content_element.history4 th{ padding: 12px; color:#000; background: #d7d7d4; font-weight: bold; }
.wpb_text_plain_column.wpb_content_element.history4 tr:first-of-type th:first-of-type{ background: #333232; color: #fff; }
.wpb_text_plain_column.wpb_content_element.history4 tr td:last-of-type{ border-right: 0px !important; }
.wpb_text_plain_column.wpb_content_element.history4 tr td a{ vertical-align: top; }
.wpb_text_plain_column.wpb_content_element.history4 tr td li{ list-style: none !important; padding: 0 0 0 20px; background: url('images/arw_circle.png') 6px 9px no-repeat; }
.wpb_text_plain_column.wpb_content_element.history4 tr td:first-of-type{ background: #eee; }


/* list style quotes */
ul.quotes{ padding-left: 0px !important; }
ul.quotes li{ background: url('images/icon_comment.png') 0 0 no-repeat;   margin: 0 0 10px; padding: 2px 0 0 25px; }

/* search adjustments */
.search .latestNewsBox ol li h3.title{ margin-left: 0px !important; clear: inherit !important; overflow: inherit !important; }

/* product pagination */
.next_prev_buttons{
	width:100%;
	margin: 0 0 30px;
	font-size: 1.2em;
	line-height: 1.8em;
}
.next_prev_buttons div a{  
	display: table-cell;
	width: 278px;
	height: 51px;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	font-size: 1.2em;
	text-decoration:none;
}
.next_prev_buttons div a.prev{  
	background: #4c4c4c url(images/arw3.png) 5% 50% no-repeat;
}
.next_prev_buttons div a.next{  
	background: #4c4c4c url(images/arw2.png) 95% 50% no-repeat;
}
.next_prev_buttons div.prevholder{  
	float:left;
}
.next_prev_buttons div.nextholder{  
	float:right;
}

/* custom menu */
div.pageMenuCustom ul.sub-menu{display:none;}
div.pageMenuCustom li.current-menu-item ul.sub-menu,
div.pageMenuCustom li.current_page_item ul.sub-menu,
div.pageMenuCustom li.current-page-ancestor ul.sub-menu,
div.pageMenuCustom li.current-menu-parent ul.sub-menu{display:block !important;}
div.pageMenuCustom li.current_page_item > a,div.pageMenuCustom li.force-highlight > a, div.pageMenuCustom li.current-page-ancestor:not(.menu-item-has-children) > a{background:#f60 url('images/right-li-hover-bg.jpg') 6px center no-repeat; border-color:#a64300; color:#fff;}
div.pageMenuCustom ul.sub-menu li.current-menu-item > a{background: #f60 url('images/submenu_li_hover.gif') 13px center no-repeat !important; border-color:#a64300; color:#fff;}

body.page-id-12585 .error.wpb_column .wpb_wrapper_inner{ padding-left: 17px; }

/* product slider */
.productSlider {
	display:block;
	width:auto;
	position:relative;
	padding:0;
	outline:0;
	margin:-30px 0 30px 0 !important;
}

.productSlider .vc_carousel-inner{
	margin-left: 40px;
	margin-right: 40px;
	width: auto !important;
	display:block;
}
.productSlider .vc_carousel-control.vc_left, .productSlider .vc_carousel-control.vc_right{
	width: 40px !important;
	height: 120px !important;
	border:1px solid #d7d7d4;
	top: 15px;
	background:#f8f8f7;
}
.productSlider .vc_carousel-control.vc_left{
	left:0;
}
.productSlider .vc_carousel-control.vc_left span,.productSlider .vc_carousel-control.vc_right span{
	width: 38px !important;
	height: 118px !important;
	background-position: 50% 50% !important;
	margin: 0 !important;
	padding:0 !important;
	top:0;
	left:0;
}
.productSlider .vc_carousel-control.vc_right{
	right:0;
}
.productSlider .vc_carousel-slideline-inner{
	height:120px !important;
	border-top:1px solid #d7d7d4;
	border-bottom:1px solid #d7d7d4;
	background: #f8f8f7;
}
.productSlider .vc_item{
	height:98px !important;
	width:98px !important;
	margin: 10px;
}
.productSlider .vc_item .vc_inner {
	border: 1px solid #ededed;
	margin: 0 !important;
	position:relative;
}
.productSlider .vc_item .vc_inner div.thumbCaption{
	display:none;
}
.productSlider .vc_item .vc_inner:hover div.thumbCaption{
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 96px;
	height: 96px;
	padding: 5px;
	background: rgba(0,0,0,0.7);
	color:#fff;
	font-weight:bold;
}
.productSlider .vc_item .vc_inner div.active {
	border: 2px solid #f60;
}

/* Local Area Form */
.localAreaForm .wpb_wrapper{
	min-height:1px !important;
	padding-bottom:20px;	
	background-color: #F3F3E6;
}
.localAreaForm h2.hdl{
	padding: 2px 15px;
	border: solid #d3d3bd;
	border-width: 0 0 1px 0;
	font-size: 1.4em;
	font-weight: bold;
}
.localAreaForm form {
	display: inline-flex;
}
.localAreaForm select {
	font-size: 1.1em;
	border-radius: 0px;
	border-color: rgb(169, 169, 169);
}
input#button_submit_localAreaForm { background: url('images/btn_location_chenger.png') no-repeat center center; text-indent: -9999px; width: 25px; height: 25px; }
.localAreaForm p {color:#333;}

/* Sitemap Menu 6/18/2015 - Dennis */
.wpb_content_element.sitemap .wpb_wrapper_inner ul li.hide_childs ul {display:none;}
.wpb_content_element.sitemap .wpb_wrapper_inner ul li { margin: 0 0 10px 0; line-height: 1.8em; background: url('images/play-button.png') left 7px no-repeat; padding-left: 20px; }
.wpb_content_element.sitemap .wpb_wrapper_inner ul li.external { background: url('images/icon_popup.gif') left 7px no-repeat;}
.sitemap {margin-bottom:30px !important; padding-bottom:0px;}

/* Textblock white style 6/18/2015 - Dennis */
.white div.wpb_wrapper {background: #FFF none repeat scroll 0% 0%; border: 1px solid #D3D3D2;}
.wpb_text_column.white .wpb_wrapper h3 a {background: transparent url("images/icon_popup.gif") no-repeat scroll left center; padding-left:20px; margin-left:10px; font-weight:normal; border-bottom:none;}
.white div.wpb_wrapper h3 {background: #F2F2F0 none repeat scroll 0% 0%; border-bottom: 1px solid #D3D3D2;}

.whiteIntern div.wpb_wrapper {background: #FFF none repeat scroll 0% 0%; border: 1px solid #D3D3D2;}
.whiteIntern .wpb_wrapper h3 a {background: transparent no-repeat scroll left center; padding-left:20px; margin-left:10px; font-weight:normal; border-bottom:none;}
.whiteIntern div.wpb_wrapper h3 {background: #F2F2F0 none repeat scroll 0% 0%; border-bottom: 1px solid #D3D3D2;}

/* Revslider button class 18 june 2015 - Yoeri */
.sliderbuttonholder{ }
.sliderbuttonholder a{ background: url("images/arw2.png") 90% 50% no-repeat !important; background-color: #f60!important; padding: 10px 65px 10px 13px !important; margin-top: 10px !important; width: auto !important; float: left !important; font-size: 15px !important; line-height: 20px !important; font-weight: bold !important; font-family: Arial, Helvetica, sans-serif !important; color: #fff !important; text-decoration: none; }
.sliderbuttonholder a:hover{ background-color: #f88025 !important; text-decoration: none; }

/* Top border correction - 18 june 2015, Yoeri */
.contentTopBox{ background-position: 0% 100%; height: auto !important; }

/* table company 19-06-2015 */
.wpb_text_plain_column.wpb_content_element.company table{ border-collapse: collapse !important; border-spacing: 0 !important; }
.wpb_text_plain_column.wpb_content_element.company table h3{ margin-bottom: 0px !important; }
.wpb_text_plain_column.wpb_content_element.company tr{ border-left: 1px solid #d7d7d4 !important; border-right: 1px solid #d7d7d4 !important; }
.wpb_text_plain_column.wpb_content_element.company tr:last-of-type{ border-bottom: 1px solid #d7d7d4 !important; }
.wpb_text_plain_column.wpb_content_element.company tr:first-of-type{ border-top: 1px solid #d7d7d4 !important; }
.wpb_text_plain_column.wpb_content_element.company tr:first-of-type td{ background: #333232 !important; font-weight: bold !important; color: #fff !important; }
.wpb_text_plain_column.wpb_content_element.company tr td{ text-align: left !important; border: 1px solid #d7d7d4 !important; border-bottom: 1px solid #d7d7d4 !important;  }
.wpb_text_plain_column.wpb_content_element.company tr td:first-of-type{ width: 166px; }
.wpb_text_plain_column.wpb_content_element.company tr td a{ padding-left: 20px; background: url('images/play-button.png') left no-repeat; vertical-align: top; }
.wpb_text_plain_column.wpb_content_element.company tr td li{ list-style: none !important; padding: 0 0 0 20px; background: url('images/arw_circle.png') 6px 9px no-repeat; }

/* table company 22-06-2015 */
.wpb_text_plain_column.wpb_content_element.company2 tr td{ border:0px !important; border-top: 1px dotted #d7d7d4 !important; text-align: left !important;  }
.wpb_text_plain_column.wpb_content_element.company2 tr:first-of-type td,
.wpb_text_plain_column.wpb_content_element.company2 tr:first-of-type td:first-of-type{ border: 0px !important; }
.wpb_text_plain_column.wpb_content_element.company2 tr td:first-of-type{ border-right:32px solid #fff !important; border-top: 1px solid #d7d7d4 !important; }
.wpb_text_plain_column.wpb_content_element.company2 tr td a, .wpb_text_plain_column.wpb_content_element.pdf2 a{ padding-left: 20px; vertical-align: top; }

/* table company with pdf 23-06-2015 */
.wpb_text_plain_column.wpb_content_element.company3 tr td{ text-align: left !important; border-right: 0px !important; border-top: 0px !important; border-bottom: 1px dotted #d7d7d4 !important; }
.wpb_text_plain_column.wpb_content_element.company3 tr td a, .wpb_text_plain_column.wpb_content_element.company3 a{ padding-left: 20px; background: url('images/pdf-icon.png') left no-repeat; vertical-align: top; }

/* nobg 19-06-2015 for conduct page */
.nobg, .nobg div, .nobg p, .nobg span{ background-color: #fff !important; background: #fff !important; }
.nobg .wpb_wrapper{ border-color: #b7b7b4 !important; }

/* img width, 23-6-2015, Yoeri */
.maxxed img{width:auto;max-width: 100%;}

/* menu fix for hiding submenu, Stephan */
.menuBox li .subMenu .submenuTop .hide{display:block !important;}

/* Product slider, Stephan 28-06-2015 */
.productSlider { margin-top: 25px !important; }

/* h3 block example ourbusiness/products/global-e-service/, Stephan 28-06-2015 */
.wpb_text_column.wpb_content_element h3[data-external='true'] a{ background: url('images/icon_feature_text_popup.png') right no-repeat }

/* Design options height option, Stephan 28-06-2015 */
.wpb_text_column.wpb_content_element{ background: #f2f2f0; }

/* Image banner no 100% please, Stephan 28-06-2015 */
.wpb_single_banner_image.noauto img{ width: auto; }

/* single menu fix, Stephan 28-06-2015 */
.wpb_text_column.noBottom .wpb_wrapper.image .image img{ margin-bottom: -5px !important; }

/* notice class add, Stephan 28-06-2015 */
.notice{ margin: -20px 0 30px 0 !important; color: #a64300; font-size: 1.0em !important; }

/* grey class text column, Stephan 28-06-2015 */
.wpb_text_column .wpb_wrapper{ /* border-top: 3px solid #b7b7b4; */ background: #f2f2f0; }
.wpb_text_column.grey .wpb_wrapper{ border-top: 3px solid #b7b7b4; }

/* icon popup, Stephan 29-06-2015 */
.icon-pdf{ background: url('images/pdf-icon.png') left no-repeat !important; }

/* Some fixes, Stephan 29-06-2015 */
.footerBox .titleText h3, .searchNavBox a{ font-size: 14px !important; }
.latestNewsBox li span{ width: 16% !important; }
.latestNewsBox li .title{ width: 80% !important; margin-left: 0px !important; }
.latestNewsBox li span.newsTitle{ width: 95% !important; }
.latestNewsBox li span.pdf, .latestNewsBox li span.arrow{ width: 100% !important; padding-left: 24px; margin-top:2px; }
html.eng .not-home .latestNewsBox li span.date{ width: 12% !important; }

/* this is the responsive replacement for the image text block */
.txt-img-block{ display: block; width: 100%; float: none; }
.txt-img-block:hover div.txt-img-block-container{ -webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; opacity: 0.7; }
.txt-img-block div.txt-img-block-container { position: relative; }
.txt-img-block a{ display: block; float: none; margin: 0; padding: 0; outline: none; border: none; }
.txt-img-block div.txt-img-block-container img{ height: auto; width: 100%; margin: 0 !important; padding: 0 !important; display: block; }
.txt-img-block div.txt-img-block-container h3{ border-collapse: collapse; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; min-height: 52px; color: #fff; font-size:15px; background-color: #333; display:table; background: url('images/arw2.png') 95% 50% no-repeat rgba(0,0,0,0.7); }
.txt-img-block div.txt-img-block-container h3.external{ background: url('images/icon_feature_popup.png') 95% 50% no-repeat rgba(0,0,0,0.7); }
.txt-img-block div.txt-img-block-container h3 span{ display:table-cell; vertical-align: middle; padding: 0 15px; background: none; }

/* ConSite, Stephan 22-10-2015 */

/* VC testimonials */
.wpb_text_column.testimonial .wpb_wrapper {background: #FFF none repeat scroll 0% 0%;}
.wpb_content_element.testimonial .wpb_wrapper h3 {background: #F2F2F0 none repeat scroll 0% 0%;}
.wpb_text_column.testimonial .wpb_wrapper h3 a {text-align: center; background: transparent none repeat scroll 0% 0%; font-size: 20px;}
.wpb_text_column.testimonialBox .wpb_wrapper {background: #FFF none repeat scroll 0% 0%;}
.wpb_content_element.testimonialBox .wpb_wrapper h3 {background: #F2F2F0 none repeat scroll 0% 0%;}
.wpb_text_column.testimonialBox .wpb_wrapper h3 a {text-align: center; background: transparent none repeat scroll 0% 0%; font-size: 20px;}
.wpb_text_column.testimonialBox .wpb_wrapper_inner{padding-left:0px;}
.wpb_text_column.testimonialBox .testimonial_image{width:40%; float:left; max-height:150px;}
.wpb_text_column.testimonialBox .testimonial_content{float: left; width: 60%; padding-left: 10px; min-height:150px;}
.wpb_text_column.testimonialBox span.testimonial_name{clear: left; float: left; width: 40%; text-align:center; color:black; font-size:10px;}
.wpb_text_column.testimonialBox a.detailed_test_info{float:left; color:red; padding-left:10px; background: #F60 url("images/arw2.png") no-repeat scroll 90% 50%; padding: 10px 65px 10px 13px; color: #FFF; margin-left:10px;}
.wpb_text_column.testimonialBox a.detailed_test_info:hover{background-color: #F88025; text-decoration:none;}
.wpb_text_column.testimonialBox.grey .wpb_wrapper {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);}
.wpb_text_column.testimonialBox.grey .wpb_wrapper h3 a {color:grey;}
.wpb_text_column.testimonialBox.grey .testimonial_content{color:grey;}
.wpb_text_column.testimonialBox.grey span.testimonial_name{color:grey;}
.wpb_text_column.testimonialBox.grey a.detailed_test_info{color:#C9C9C9; background-color:grey;}

/* VC button2 Orange */
.vc_btn_orange {float: left; background: #F60 url("images/arw2.png") no-repeat scroll 90% 50% !important; padding: 10px 65px 10px 13px !important; color: #FFF !important;}
.vc_btn_orange:hover {background: #F88025 url("images/arw2.png") no-repeat scroll 90% 50% !important;}

.sliderbuttonholder a.center {
    float: none !important;
    display: inline-block !important;
}

/* VC composer button 23-09-2015 */
.vc_btn.right{ float: right; }

/* ConSite Html5 video */
video{ background-color: #fff !important; max-width:100%; vertical-align:top; }
#playMovie{ display: none; }

/* Ticket #338 */
sub { line-height: 1px; }
/* end Ticket #338 */

/* added by raphael 20-6-2016 */
.template-form.agreement {	width: 100%;    margin: 0 auto !important;    display: block;    float: none;    text-align: center;}
.template-form.agreement label {    display: inline-block;	margin-right:5px;}
.template-form.agreement label input[type=radio]{    display: inline-block;	margin-right:5px;}
.template-form.agreement .submit_wrapper{	margin: 22px auto;    width: 100%;    padding: 15px 0;    background: #f3f3e6;}
.template-form.agreement .submit_wrapper input[type=submit]{	margin:0 auto;	float:none;}
.template-form.agreement .submit_wrapper input[type=submit].disabled{    background: #eee !important;	cursor:default;}

/* added by Raphael 28-6-2016 */
.template-form .hide{display:none;}
.salesforce .template-form .gform_required{	    margin: 0 -5px 0px -5px;}
.thank-you-button{    display: block;    padding: 9px 30px 10px 0 !important;    margin: 18px auto 0 auto;    cursor: pointer;    width: 195px;    border: none;    font-size: 14px !important;    color: #fff !important;    font-weight: bold;    background: url('images/send-button.png') no-repeat;    text-align: left;    padding-left: 10px !important;    }
.thank-you-button:hover{text-decoration:none !important;}

/* ADDED BY RAPHAEL 2-11-2015*/
.salesforce form{ width: 74%;    margin: 0 auto !important;    display: block;    float: none; margin-top:0px !important;}
.salesforce select {    width: 91.7%;    height: 24px;        padding:  0 !important;  }
.salesforce li.gfield.textarea textarea {    width: 89%;}
.salesforce li.gfield label.gfield_label{text-align: right;max-width: 175px; } 
.salesforce .ginput_container{padding:10px 0 5px 15px;width:490px !important;}
.salesforce li.gfield {position:relative;}
.salesforce li.gfield label.error { width: 19%;   text-align: right;    color: red;position: absolute;    right: 0;    top: 33%;}
.salesforce .gform_label{    padding: 10px 15px;}
.salesforce li.gfield .ginput_container .gfield_radio,.salesforce li.gfield .ginput_container .gfield_checkbox{list-style:none; } 
.salesforce li.gfield .ginput_container .gfield_radio input{float:left; margin-top:2px; margin-left: 5px; } 
.salesforce li.gfield .ginput_container ul.gfield_radio li {  width: 45%;}
.salesforce li.gfield .ginput_container ul.gfield_checkbox li.gchoice_0_0 {    float: left;    width: 50%;}
.salesforce li.gfield .ginput_container ul.gfield_checkbox li.gchoice_0_0 input { margin-left: 5px;   float: left;    margin-right: 5px;}
.salesforce.gform_wrapper .gform_fields > li{border-top:none;list-style:none;}
.salesforce  li.gfield.border-bottom{border-bottom:1px dotted #3f3f3f;}
.salesforce .gform_required{     margin: 0 5px 0px -9px !important;    color: red;}
.salesforce .gform_footer{background:transparent;}
.salesforce li.gfield .ginput_container .gfield_radio label{font-weight:bold;}
.salesforce li.gfield .ginput_container .gfield_checkbox label{font-weight:normal;}
.salesforce .gform_footer  .gform_button{ margin-right: 50.5% !important;    margin-top: 1% !important; }

/* latest search box */
.latestSearchBox { width: 100%; float: left; position: relative; margin-top: 30px; }
.latestSearchBox h2 { padding: 0 0 1px 0; font-size: 17px; line-height: 33px; color: #333; border-bottom: 3px solid #d7d7d4; }
.latestSearchBox span.orangeBg2 { width: 124px; height: 3px; display: block; position: absolute; left: 0; top: 34px; background: url('images/orange-bg2.jpg') bottom left no-repeat; }
.latestSearchBox ul { list-style: none; }
.latestSearchBox li { padding: 13px 0; overflow: hidden; border-bottom: 1px dotted #d7d7d4; list-style: none;}
.latestSearchBox li:first-of-type {padding-top: 0;}
.latestSearchBox li:last-of-type { border-bottom: 0px;}
.latestSearchBox li .newsImage { width: 100%; max-width: 120px; float: left; min-width: 120px; min-height: 101px;  }
.latestSearchBox li .newsImage img{ width: 100%; max-width: 101px; height: auto; }
.latestSearchBox li .thumbSearch{ float: left; width: 23%; margin-right: 2%; position: relative;  }
.latestSearchBox li .thumbSearch img{ width: 100%; }
.latestSearchBox li .thumbSearch .type{ background: #fff; padding: 5px 8px; font-size: 13px; color: #000!important; position: absolute; font-weight: 700; text-transform: uppercase; right: 10px!important; top: 10px!important; }
.latestSearchBox li .thumbSearch .type.noimage{ background: #f60 !important; color: #fff !important; }
.latestSearchBox li .desc { width: 75%; float: left;  }
.latestSearchBox li .desc .inline{ padding: 0 20px 0 0;  }
.latestSearchBox li .desc p { line-height: 24px; }
.latestSearchBox li span { padding: 0; display: inline;  color: #7d7d7d; float: left;}
.latestSearchBox li a span {color: #203d7f;text-decoration: none;}
.latestSearchBox li a:visited  span{color: #603380;}
.latestSearchBox li a:hover  span{color: #f60;text-decoration: underline !important; }
.latestSearchBox li span.date {margin: 2px 0 0 0;}
.latestSearchBox li span.pdf { background: url('images/pdf-icon.png') left 2px no-repeat; }
.latestSearchBox li span.arrow { background: url('images/play-button.png') left 2px no-repeat; }
.latestSearchBox li h3 {  color: #203d7f; line-height: 20px; clear: both; overflow: hidden; }
.latestSearchBox li h3 a { padding: 7px 0 0 0; color: #203d7f; text-decoration: none; }
.latestSearchBox li h3 a:hover { padding: 6px 0 0 0; color: #f60; text-decoration: underline; border-top: 1px dotted #d7d7d4; }
.latestSearchBox li h3 a:visited { color: #603380; }
.latestSearchBox li h3 a.nofloat{ float: none; }
.latestSearchBox li.last { border: none; }
.latestSearchBox a.seeMore { padding-left: 15px; margin-top: 10px; float: left; font-weight: normal;  color: #203d7f; text-decoration: none; background: url('../images/play-button.png') left no-repeat; }
.latestSearchBox a.seeMore:hover { text-decoration: underline; color: #f60; }

.wpb_wrapper .latestSearchBox{ margin-top: 0px; clear: both; overflow: hidden; }

/* Search page */
.main.search { margin-bottom: 120px; padding: 30px; }
.main.search .notice{ margin: 0px !important; clear: both; margin-left: 34px !important; }
.main.search .notice .bold{ font-size: 18px; font-weight: bold; }
.main.search form{ margin: 10px; clear: both; overflow: hidden; background: #f3f3e6; }
.main.search .noMgnB{ padding-left: 10px; }
.main.search form input{ font-size: 16px; padding: 5px; height: 31px; }
.main.search form .button{  background: #f60 url(images/arw2.png) 95% 50% no-repeat; margin: 15px !important; }
.main.search form .button{ padding: 0 30px 0 0 !important; cursor: pointer; width: 195px; height: 45px; border: none; font-size: 14px !important; color: #fff; font-weight: bold; text-align: left; padding-left: 10px !important; }
.main.search .wgt-searchDetail{ margin-top: 20px; }
.search .latestSearchBox ol li h3.title { font-weight: bold; display: inline-block;}
.search .latestSearchBox ol li h3 { color: #333; }
.search .latestSearchBox ol li h3 p { line-height: 26px; }
.search .latestSearchBox ol li a.subLink { color: #a5a5a5; font-size: 0.9em; font-weight: normal !important; word-wrap: break-word; text-decoration: none; }
.search .latestSearchBox ol li a.subLink:hover { text-decoration: underline; }
.searchNavBox { clear: both; min-height: 18px; margin: 0 0 10px; padding: 10px 15px; background: #f2f2f0; border: solid #d7d7d4; border-width: 1px; font-size: 1.2em; text-align: right; }
.searchCount { margin-bottom: 10px; }
.searchNavBox a {  color: #203d7f; text-decoration: none; }
.searchNavBox a:visited { color: #603380; }
.searchNavBox a:hover { color: #f60; text-decoration: underline; }
.searchResult { clear:both; padding: 44px 0 30px 0;}

/* Form improvement */
.gform_wrapper .gfield.full ul.gfield_radio > li{ width: auto; float: none; display: inline-block; padding-right: 10px !important; margin-right: 20px !important;  }
.gform_wrapper .gfield.full label{ display: block; width: 100%; }

/* Header max width and auto height */
.flsiderbox {width: 100%!important; height:auto!important;}
.flsiderbox .slides {height: 100%!important;}
.flsiderbox .slides>li {background-size: contain!important; width: 100%!important; height: auto!important}
.flsiderbox .slides img.mainslide {width: 100%!important; margin-left:auto!important;}


/* new styles, by Yoeri 8 aug 2017 */

/* general overwrites */
html {
	font-size: 16px;
	overflow-y: scroll;
}
html.sp {
	font-size: 16px !important;
}

body.page-template-template-ict-panels,
body.page-template-template-ict-panels th,
body.page-template-template-ict-panels td,
body.page-template-template-ict-panels input,
body.page-template-template-ict-panels select,
body.page-template-template-ict-panels textarea,
body.page-id-39655,
body.page-id-39655 th,
body.page-id-39655 td,
body.page-id-39655 input,
body.page-id-39655 select,
body.page-id-39655 textarea{
    font-size: 16px;
	font-size: 1rem;
	line-height: 17.6px;
	line-height: 1.1rem;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, sans-serif;
}

body {
	margin: 0px auto;
}

img {
	border: 0px;
}

a {
	text-decoration: none;
}

body.page-template-template-ict-panels dl,
body.page-template-template-ict-panels ul,
body.page-template-template-ict-panels ol,
body.page-id-39655 dl,
body.page-id-39655 ul,
body.page-id-39655 ol{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

body.page-template-template-ict-panels p {
	margin: 0px;
}

/* homepage background video */
#pagebg {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #181c1f;
	z-index: -1;
}
.sp #pagebg {
	display: none;
}
body.page-id-39655 #pagebg{
    display: block;
}
#pagebg > #video {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#pagebg > #cover {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: rgba(0, 0, 0, 0.1);
	z-index: 5;
}
.mobile #pagebg > #cover {
	background: url(../../images/mainvisual.jpg) no-repeat center center;
	background-size: cover;
}

/* header and menu */
/*
header .spheader {
	display: none;
}
.sp header .spheader {
	position: fixed;
	display: block;
	width: 100%;
	height: 45px;
	top: 0px;
	left: 0px;
	background: #181c1f;
	z-index: 1000;
}
.sp header .spheader .menu {
	position: absolute;
	top: 0px;
	left: 0px;
	border-right: 1px solid #000000;
}
.sp header .spheader .menu a {
	position: relative;
	display: block;
	width: 45px;
	height: 45px;
	text-indent: -10000px;
	overflow: hidden;
}
.sp header .spheader .menu a span {
	position: absolute;
	display: block;
	width: 21px;
	height: 3px;
	left: 12px;
	background: #ffffff;
	-webkit-transition: 400ms;
	transition: 400ms;
}
.sp header .spheader .menu a span:before, .sp header .spheader .menu a span:after {
	content: "";
	position: absolute;
	display: block;
	width: 21px;
	height: 3px;
	background: #ffffff;
}
.sp header .spheader .menu a span.bar1 {
	top: 21px;
}
.sp header .spheader .menu a span.bar1:before {
	top: -6px;
}
.sp header .spheader .menu a span.bar1:after {
	top: 6px;
}
.sp header .spheader .menu a span.bar2 {
	top: 21px;
	-webkit-transform: rotate(45deg) scale(0);
	transform: rotate(45deg) scale(0);
	opacity: 0;
}
.sp header .spheader .menu a span.bar2:before {
	top: 0px;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.sp header .spheader .menu a span.bar2:after {
	display: none;
}
.sp header .spheader .menu a.open span.bar1 {
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0;
}
.sp header .spheader .menu a.open span.bar2 {
	-webkit-transform: rotate(45deg) scale(1);
	transform: rotate(45deg) scale(1);
	opacity: 1;
}
.sp header .spheader .search {
	position: absolute;
	top: 0px;
	left: 46px;
	border-right: 1px solid #000000;
}
.sp header .spheader .search a {
	display: block;
	width: 45px;
	height: 45px;
	text-indent: -10000px;
	overflow: hidden;
}
.sp header .spheader .search a:after {
	content: "";
	position: absolute;
	display: block;
	width: 13px;
	height: 13px;
	top: 10px;
	left: 10px;
	border: 3px solid #ffffff;
	border-radius: 50%;
}
.sp header .spheader .search a:before {
	content: "";
	position: absolute;
	display: block;
	width: 3px;
	height: 13px;
	top: 22px;
	left: 28px;
	background: #ffffff;
	-webkit-transform: rotate(-50deg);
	transform: rotate(-50deg);
}
.sp header .spheader .region {
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -0.5rem;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 15.4px;
	line-height: 0.9625rem;
	font-family: 'Oswald', sans-serif;
	font-weight: 600;
	color: #ffffff;
}
.sp header .spheader .region a {
	color: #ffffff;
}
header .spsearch {
	display: none;
}
.sp header .spsearch {
	display: block;
	position: fixed;
	top: 45px;
	left: 0;
	width: 100%;
	padding: 10px;
	background: #181c1f;
	border-top: 1px solid #000000;
	z-index: 910;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: 400ms;
	transition: 400ms;
}
header .spsearch .search input {
	width: 100%;
	padding: 8px;
	font-size: 16px;
	font-size: 1rem;
	line-height: 20.8px;
	line-height: 1.3rem;
}
header .utility {
	position: relative;
	width: 100%;
	max-width: 1178px; box-sizing: border-box;
	height: 58px;
}
.sp header .utility {
	display: none;
}
header .utility ul {
	position: absolute;
	bottom: 10px;
	left: 20px;
	font-size: 0;
	line-height: 0;
}
header .utility ul li {
	display: inline-block;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 15.4px;
	line-height: 0.9625rem;
}
header .utility ul li a {
	position: relative;
	display: inline-block;
	color: #ffffff;
	position: relative;
	display: inline-block;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}
header .utility ul li a:before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 1px;
	margin-bottom: -0.25em;
	background: #ff6600;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	-webkit-transform: scale(0);
	transform: scale(0);
}
header .utility ul li a:hover {
	color: #ff6600;
}
header .utility ul li a:hover:before {
	-webkit-transform: scale(1);
	transform: scale(1);
}
header .utility ul li a.country {
	margin-left: 25px;
}
header .utility ul li a.country:after {
	content: "";
	position: absolute;
	display: block;
	width: 16px;
	height: 17px;
	left: -25px;
	top: 50%;
	margin-top: -9.5px;
	background: url(images/country.png);
}
header .utility ul li a.blank {
	margin-left: 20px;
}
header .utility ul li a.blank:after {
	content: "";
	position: absolute;
	display: block;
	width: 12px;
	height: 11px;
	left: -20px;
	top: 50%;
	margin-top: -5.5px;
	background: url(images/blank.png);
}
header .utility ul li + li {
	margin-left: 20px;
}
header .mainbox {
	position: relative;
	padding-right: 155px;
	background: rgba(24, 28, 31, 0.8);
}
.sp header .mainbox {
	padding-right: 90px;
	background: #d2d2d2;
}
header .mainbox .menu {
	display: table;
	height: 80px;
}
header .mainbox .menu > * {
	display: table-cell;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}
.sp header .mainbox .menu {
	height: 57px;
}
header .mainbox .menu h1 {
	margin: 0px;
	padding: 0px;
}
header .mainbox .menu > div {
	padding: 0px 25px;
}
.sp header .mainbox .menu > div {
	padding: 0px 10px;
}
header .mainbox .menu > div a {
	font-size: 26px;
	font-size: 1.625rem;
	line-height: 28.6px;
	line-height: 1.7875rem;
	color: #ffffff;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}
.sp header .mainbox .menu > div a {
	color: #fff;
}
header .mainbox .menu > div a:hover {
	color: #ff6600;
}
header .mainbox .menu > div a span {
	display: inline-block;
	margin-left: 10px;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 14.3px;
	line-height: 0.89375rem;
}
header .mainbox .menu > ul {
	font-size: 0px;
	line-height: 0px;
}
.sp header .mainbox .menu > ul {
	position: fixed;
	top: 45px;
	left: 0px;
	width: 100%;
	height: auto;
	background: #181c1f;
	z-index: 900;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}
header .mainbox .menu > ul > li {
	float: left;
	display: table;
	width: 100%;
	width: auto;
	height: 80px;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 21px;
	line-height: 1.3125rem;
	font-weight: bold;
}
header .mainbox .menu > ul > li.search{
	margin-bottom: 0px;
}
header .mainbox .menu > ul > li div.submenuwrap {
    display: none;
}
.sp header .mainbox .menu > ul > li {
	display: block;
}
header .mainbox .menu > ul > li > * {
	display: table-cell;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}
.sp header .mainbox .menu > ul > li > * {
	display: block;
}
.sp header .mainbox .menu > ul > li {
	float: none;
	height: auto;
	border-top: 1px solid #000000;
}
header .mainbox .menu > ul > li > a {
	padding: 20px 10px 10px;
	color: #ffffff;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}
.sp header .mainbox .menu > ul > li > a {
	position: relative;
	padding: 15px 15px 15px 40px;
	text-align: left;
}
.sp header .mainbox .menu > ul > li > a:after {
	content: "";
	display: block;
	position: absolute;
	left: 18px;
	top: 50%;
	margin-top: -6px;
	border: 6px solid transparent;
	border-left: 10px solid #ff6600;
	border-right: 0px;
}
header .mainbox .menu > ul > li > a.menucurrent, header .mainbox .menu > ul > li > a.current, header .mainbox .menu > ul > li > a:hover {
	background: #ff6600;
}
.sp header .mainbox .menu > ul > li > a.menucurrent, .sp header .mainbox .menu > ul > li > a.current, .sp header .mainbox .menu > ul > li > a:hover {
	background: none;
}
.tablet header .mainbox .menu > ul > li > a span {
	display: block;
}
.sp header .mainbox .menu > ul > li > a span {
	display: inline;
}
header .mainbox .menu .search {
	display: block;
	margin-left: 20px;
}
.sp header .mainbox .menu .search {
	display: none;
}
header .mainbox .menu .search a {
	display: block;
	position: absolute;
	top: 50%;
	width: 30px;
	height: 30px;
	margin-top: -10px;
	text-indent: -10000px;
	vertical-align: middle;
	overflow: hidden;
}
header .mainbox .menu .search a:after {
	content: "";
	position: absolute;
	display: block;
	width: 13px;
	height: 13px;
	top: 0px;
	left: 0px;
	border: 3px solid #ffffff;
	border-radius: 50%;
	-webkit-transition: border 0.2s;
	transition: border 0.2s;
}
header .mainbox .menu .search a:before {
	content: "";
	position: absolute;
	display: block;
	width: 3px;
	height: 13px;
	top: 12px;
	left: 18px;
	background: #ffffff;
	-webkit-transform: rotate(-50deg);
	transform: rotate(-50deg);
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}
header .mainbox .menu .search a.menucurrent, header .mainbox .menu .search a:hover {
	background: transparent;
}
header .mainbox .menu .search a.menucurrent:after, header .mainbox .menu .search a:hover:after {
	border-color: #ff6600;
}
header .mainbox .menu .search a.menucurrent:before, header .mainbox .menu .search a:hover:before {
	background: #ff6600;
}
header .mainbox .logo {
	position: absolute;
	right: 0px;
	top: 0px;
}
header .mainbox .logo a {
	-webkit-transition: opacity 0.2s, background 0.2s;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
header .mainbox .logo a:hover {
	opacity: 0.7;
}
header .mainbox .logo img {
	display: block;
}
.sp header .mainbox .logo img {
	width: auto;
	height: 57px;
}
header .mainbox .spview {
	display: none !important;
}
.sp header .mainbox .spview {
	display: block !important;
}
.sp header .mainbox .pcview {
	display: none !important;
}
.sp header.spmenuopen .main .menu > ul {
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
}
.sp header.spmenuanime .main .menu > ul {
	-webkit-transition: 400ms;
	transition: 400ms;
}
.sp header.spsearchopen .spsearch {
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
}
header .mainbox .menu > ul > li > .submenu {
	position: absolute;
	display: none;
	width: 100%;
	padding-bottom: 50px;
	z-index: 100;
	overflow: hidden;
	left: 0;
    top: 80px;
}
.sp header .mainbox .menu > ul > li > .submenu {
	display: none !important;
}
header .mainbox .menu > ul > li > .submenu .inner {
	position: relative;
	background: #181c1f;
	border-top: 2px solid #ff6600;
	border-bottom: 1px solid #000000;
	z-index: 50;
}
header .mainbox .menu > ul > li > .submenu .close {
	position: absolute;
	bottom: 50px;
	right: 50%;
	background: rgba(255, 255, 255, 0.9);
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
	-webkit-transition: 0.2s;
	transition: 0.2s;
	z-index: 40;
}
header .mainbox .menu > ul > li > .submenu .close a {
	position: relative;
	display: block;
	width: 420px;
	height: 50px;
	text-indent: -10000px;
	background: #181c1f;
	overflow: hidden;
	-webkit-transition: opacity 0.2s, background 0.2s;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
header .mainbox .menu > ul > li > .submenu .close a:hover {
	opacity: 0.7;
}
header .mainbox .menu > ul > li > .submenu .close a:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -6px;
	margin-top: -5px;
	border: 6px solid transparent;
	border-top: 0px;
	border-bottom: 10px solid #ffffff;
}
header .mainbox .menu > ul > li > .submenu .panel {
	position: relative;
	width: 100%;
	max-width: 1178px; box-sizing: border-box;
	margin: auto;
	padding: 25px 20px 35px;
	overflow: hidden;
	display: block;
	opacity: 0;
	position: absolute;
	left: -10%;
	top: -800%;
}
.sp header .mainbox .menu > ul > li > .submenu .panel {
	padding: 12.5px 10px 17.5px;
}
header .mainbox .menu > ul > li > .submenu .panel.view {
	opacity: 1;
	position: relative;
	left: 0%;
	top: 0px;
}
header .mainbox .menu > ul > li > .submenu .panel a {
	position: relative;
	display: inline-block;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 18.2px;
	line-height: 1.1375rem;
	color: #ffffff;
	position: relative;
	display: inline-block;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}
header .mainbox .menu > ul > li > .submenu .panel a:before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 1px;
	margin-bottom: -0.25em;
	background: #ff6600;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	-webkit-transform: scale(0);
	transform: scale(0);
}
header .mainbox .menu > ul > li > .submenu .panel a:hover {
	color: #ff6600;
}
header .mainbox .menu > ul > li > .submenu .panel a:hover:before {
	-webkit-transform: scale(1);
	transform: scale(1);
}
header .mainbox .menu > ul > li > .submenu .panel .title {
	position: relative;
	padding-bottom: 20px;
	text-align: left;
}
header .mainbox .menu > ul > li > .submenu .panel .title:after {
	content: "";
	display: block;
	position: absolute;
	width: 100vw;
	height: 1px;
	left: 50%;
	bottom: 0px;
	margin-left: -50vw;
	background: #000000;
}
header .mainbox .menu > ul > li > .submenu .panel .title a {
	margin-left: 15px;
	font-weight: bold;
}
header .mainbox .menu > ul > li > .submenu .panel .title a:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: -15px;
	margin-top: -6px;
	border: 6px solid transparent;
	border-left: 8px solid #ff6600;
	border-right: 0px;
}
header .mainbox .menu > ul > li > .submenu .panel .body {
	display: table;
	width: calc(100% + 20px);
	margin-left: -10px;
	margin-right: -10px;
	padding: 20px 0px 0px;
}
header .mainbox .menu > ul > li > .submenu .panel .body > * {
	display: table-cell;
	height: 100%;
	text-align: left;
	vertical-align: top;
}
header .mainbox .menu > ul > li > .submenu .panel .body > * {
	width: 25%;
	padding: 0px 10px;
}
header .mainbox .menu > ul > li > .submenu .panel .body > *.col2 {
	width: 50%;
}
header .mainbox .menu > ul > li > .submenu .panel .body > *.col3 {
	width: 75%;
}
header .mainbox .menu > ul > li > .submenu .panel .body > *.col4 {
	width: 100%;
}
header .mainbox .menu > ul > li > .submenu .panel .body dl + dl {
	margin-top: 20px;
}
header .mainbox .menu > ul > li > .submenu .panel .body dt {
	padding-bottom: 20px;
	border-bottom: 1px solid #000000;
}
header .mainbox .menu > ul > li > .submenu .panel .body dt a {
	margin-left: 15px;
	font-weight: bold;
}
header .mainbox .menu > ul > li > .submenu .panel .body dt a:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: -15px;
	margin-top: -6px;
	border: 6px solid transparent;
	border-left: 8px solid #ff6600;
	border-right: 0px;
}
header .mainbox .menu > ul > li > .submenu .panel .body dd {
	margin: 20px 0px 0px 0px;
}
header .mainbox .menu > ul > li > .submenu .panel .body dd ul {
	margin-right: -5px;
}
header .mainbox .menu > ul > li > .submenu .panel .body dd ul:after {
	content: "";
	display: block;
	clear: both;
}
header .mainbox .menu > ul > li > .submenu .panel .body dd li {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	padding-left: 8px;
}
header .mainbox .menu > ul > li > .submenu .panel .body .col2 dd ul li {
	width: calc((100% - 20px - 5px) / 2);
	margin-right: 20px;
}
header .mainbox .menu > ul > li > .submenu .panel .body .col2 dd ul li:nth-child(2n) {
	margin-right: 0px;
}
header .mainbox .menu > ul > li > .submenu .panel .body .col3 dd ul li {
	width: calc((100% - 40px - 5px) / 3);
	margin-right: 20px;
}
header .mainbox .menu > ul > li > .submenu .panel .body .col3 dd ul li:nth-child(3n) {
	margin-right: 0px;
}
header .mainbox .menu > ul > li > .submenu .panel .body .col4 dd ul li {
	width: calc((100% - 60px - 5px) / 4);
	margin-right: 20px;
}
header .mainbox .menu > ul > li > .submenu .panel .body .col4 dd ul li:nth-child(4n) {
	margin-right: 0px;
}
header .mainbox .menu > ul > li > .submenu .panel .search input {
	width: 100%;
	padding: 8px;
	font-size: 16px;
	font-size: 1rem;
	line-height: 20.8px;
	line-height: 1.3rem;
}
header .mainbox .menu > ul > li > .submenu.view .panel.view {
	-webkit-transition: 0.4s 0.4s, top 1ms;
	transition: 0.4s 0.4s, top 1ms;
}
header .mainbox .menu > ul > li > .submenu.view .panel.abs {
	-webkit-transition: 0s;
	transition: 0s;
	left: 50%;
	position: absolute;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
header .mainbox .menu > ul > li > .submenu.view .panel.hide {
	opacity: 0;
	-webkit-transition: 0.6s;
	transition: 0.6s;
	-webkit-transform: translateX(-40%);
	transform: translateX(-40%);
}
header .mainbox .menu > ul > li > .submenu.view .close {
	bottom: 0px;
}
*/
header{
	position:relative;
	z-index:1;
}
.sp header {
	padding-top: 45px;
}
header .spheader {
	display: none;
}
.sp header .spheader {
	position: fixed;
	display: block;
	width: 100%;
	height: 45px;
	top: 0px;
	left: 0px;
	background: #181c1f;
	z-index: 1000;
}
.sp header .spheader .menu {
	position: absolute;
	top: 0px;
	left: 0px;
	border-right: 1px solid #000000;
}
.sp header .spheader .menu a {
	position: relative;
	display: block;
	width: 45px;
	height: 45px;
	text-indent: -10000px;
	overflow: hidden;
}
.sp header .spheader .menu a span {
	position: absolute;
	display: block;
	width: 21px;
	height: 3px;
	left: 12px;
	background: #ffffff;
	-webkit-transition: 400ms;
	transition: 400ms;
}
.sp header .spheader .menu a span:before, .sp header .spheader .menu a span:after {
	content: "";
	position: absolute;
	display: block;
	width: 21px;
	height: 3px;
	background: #ffffff;
}
.sp header .spheader .menu a span.bar1 {
	top: 21px;
}
.sp header .spheader .menu a span.bar1:before {
	top: -6px;
}
.sp header .spheader .menu a span.bar1:after {
	top: 6px;
}
.sp header .spheader .menu a span.bar2 {
	top: 21px;
	-webkit-transform: rotate(45deg) scale(0);
	transform: rotate(45deg) scale(0);
	opacity: 0;
}
.sp header .spheader .menu a span.bar2:before {
	top: 0px;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.sp header .spheader .menu a span.bar2:after {
	display: none;
}
.sp header .spheader .menu a.open span.bar1 {
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0;
}
.sp header .spheader .menu a.open span.bar2 {
	-webkit-transform: rotate(45deg) scale(1);
	transform: rotate(45deg) scale(1);
	opacity: 1;
}
.sp header .spheader .search {
	position: absolute;
	top: 0px;
	left: 46px;
	border-right: 1px solid #000000;
}
.sp header .spheader .search a {
	display: block;
	width: 45px;
	height: 45px;
	text-indent: -10000px;
	overflow: hidden;
}
.sp header .spheader .search a:after {
	content: "";
	position: absolute;
	display: block;
	width: 13px;
	height: 13px;
	top: 10px;
	left: 10px;
	border: 3px solid #ffffff;
	border-radius: 50%;
}
.sp header .spheader .search a:before {
	content: "";
	position: absolute;
	display: block;
	width: 3px;
	height: 13px;
	top: 22px;
	left: 28px;
	background: #ffffff;
	-webkit-transform: rotate(-50deg);
	transform: rotate(-50deg);
}
.sp header .spheader .region {
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -0.5rem;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 15.4px;
	line-height: 0.9625rem;
	font-family: 'Oswald', sans-serif;
	font-weight: 600;
	color: #ffffff;
}
.sp header .spheader .region a {
	color: #ffffff;
}
header .spsearch {
	display: none;
}
.sp header .spsearch {
	display: block;
	position: fixed;
	top: 45px;
	left: 0;
	width: 100%;
	padding: 10px;
	background: #181c1f;
	border-top: 1px solid #000000;
	z-index: 910;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: 400ms;
	transition: 400ms;
}
header .spsearch .search input {
	width: 100%;
	padding: 8px;
	font-size: 16px;
	font-size: 1rem;
	line-height: 20.8px;
	line-height: 1.3rem;
}
header .utility {
	position: relative;
	width: 100%;
	max-width: 1178px; box-sizing: border-box;
	height: 58px;
}
.sp header .utility {
	display: none;
}
header .utility ul {
	position: absolute;
	bottom: 10px;
	left: 20px;
	font-size: 0;
	line-height: 0;
}
header .utility ul li {
	display: inline-block;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 15.4px;
	line-height: 0.9625rem;
}
header .utility ul li a {
	position: relative;
	display: inline-block;
	color: #000;
	position: relative;
	display: inline-block;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}
header .utility ul li a:before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 1px;
	margin-bottom: -0.25em;
	background: #ff6600;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	-webkit-transform: scale(0);
	transform: scale(0);
}
header .utility ul li a:hover {
	color: #ff6600;
}
header .utility ul li a:hover:before {
	-webkit-transform: scale(1);
	transform: scale(1);
}
header .utility ul li a.country {
	margin-left: 25px;
}
header .utility ul li a.country:after {
	content: "";
	position: absolute;
	display: block;
	width: 16px;
	height: 17px;
	left: -25px;
	top: 50%;
	margin-top: -9.5px;
	background: url(images/country-dark.png);
}
header .utility ul li a.blank {
	margin-left: 20px;
}
header .utility ul li a.blank:after {
	content: "";
	position: absolute;
	display: block;
	width: 12px;
	height: 11px;
	left: -20px;
	top: 50%;
	margin-top: -5.5px;
	background: url(images/blank-dark.png);
}
body.light header .utility ul li a.blank:after {
	background: url(images/blank.png);
}
body.light header .utility ul li a.country:after {
	background: url(images/country.png);
}
body.light header .utility ul li a{
	color:#fff;
}
body.light header .utility ul li a:hover {
	color: #ff6600;
}
header .utility ul li + li {
	margin-left: 20px;
}
header .mainbox {
	position: relative;
	padding-right: 155px;
	background: rgba(24, 28, 31, 0.8);
}
.sp header .mainbox {
	padding-right: 90px;
	background: #d2d2d2;
}
header .mainbox .menu {
	display: table;
	height: 80px;
}
header .mainbox .menu > * {
	display: table-cell;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}
.sp header .mainbox .menu {
	height: 57px;
}
header .mainbox .menu h1 {
	margin: 0px;
	padding: 0px;
}
header .mainbox .menu > div {
	padding: 0px 25px;
}
.sp header .mainbox .menu > div {
	padding: 0px 10px;
}
header .mainbox .menu > div a {
	font-size: 26px;
	font-size: 1.625rem;
	line-height: 28.6px;
	line-height: 1.7875rem;
	color: #ffffff;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}
.sp header .mainbox .menu > div a {
	color: #fff;
}
header .mainbox .menu > div a:hover {
	color: #ff6600;
}
header .mainbox .menu > div a span {
	display: inline-block;
	margin-left: 10px;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 14.3px;
	line-height: 0.89375rem;
}
header .mainbox .menu > ul {
	font-size: 0px;
	line-height: 0px;
}
.sp header .mainbox .menu > ul {
	position: fixed;
	top: 45px;
	left: 0px;
	width: 100%;
	height: auto;
	background: #181c1f;
	z-index: 900;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}
header .mainbox .menu > ul > li {
	float: left;
	display: table;
	width: 100%;
	width: auto;
	height: 80px;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 21px;
	line-height: 1.3125rem;
	font-weight: bold;
}
.sp header .mainbox .menu > ul > li {
	display: block;
}
header .mainbox .menu > ul > li > * {
	display: table-cell;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}
.sp header .mainbox .menu > ul > li > * {
	display: block;
}
.sp header .mainbox .menu > ul > li {
	float: none;
	height: auto;
	border-top: 1px solid #000000;
}
header .mainbox .menu > ul > li > a {
	padding: 20px 10px 10px;
	color: #ffffff;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}
.sp header .mainbox .menu > ul > li > a {
	position: relative;
	padding: 15px 15px 15px 40px;
	text-align: left;
}
.sp header .mainbox .menu > ul > li > a:after {
	content: "";
	display: block;
	position: absolute;
	left: 18px;
	top: 50%;
	margin-top: -6px;
	border: 6px solid transparent;
	border-left: 10px solid #ff6600;
	border-right: 0px;
}
header .mainbox .menu > ul > li > a.menucurrent, header .mainbox .menu > ul > li > a.current, header .mainbox .menu > ul > li > a:hover {
	background: #ff6600;
}
.sp header .mainbox .menu > ul > li > a.menucurrent, .sp header .mainbox .menu > ul > li > a.current, .sp header .mainbox .menu > ul > li > a:hover {
	background: none;
}
.tablet header .mainbox .menu > ul > li > a span {
	display: block;
}
.sp header .mainbox .menu > ul > li > a span {
	display: inline;
}
header .mainbox .menu .search {
	display: block;
	margin-left: 20px;
}
.sp header .mainbox .menu .search {
	display: none;
}
header .mainbox .menu .search a {
	display: block;
	position: absolute;
	top: 50%;
	width: 30px;
	height: 30px;
	margin-top: -10px;
	text-indent: -10000px;
	vertical-align: middle;
	overflow: hidden;
}
header .mainbox .menu .search a:after {
	content: "";
	position: absolute;
	display: block;
	width: 13px;
	height: 13px;
	top: 0px;
	left: 0px;
	border: 3px solid #ffffff;
	border-radius: 50%;
	-webkit-transition: border 0.2s;
	transition: border 0.2s;
}
header .mainbox .menu .search a:before {
	content: "";
	position: absolute;
	display: block;
	width: 3px;
	height: 13px;
	top: 12px;
	left: 18px;
	background: #ffffff;
	-webkit-transform: rotate(-50deg);
	transform: rotate(-50deg);
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}
header .mainbox .menu .search a.menucurrent, header .mainbox .menu .search a:hover {
	background: transparent;
}
header .mainbox .menu .search a.menucurrent:after, header .mainbox .menu .search a:hover:after {
	border-color: #ff6600;
}
header .mainbox .menu .search a.menucurrent:before, header .mainbox .menu .search a:hover:before {
	background: #ff6600;
}
header .mainbox .logo {
	position: absolute;
	right: 0px;
	top: 0px;
}
header .mainbox .logo a {
	-webkit-transition: opacity 0.2s, background 0.2s;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
header .mainbox .logo a:hover {
	opacity: 0.7;
}
header .mainbox .logo img {
	display: block;
}
.sp header .mainbox .logo img {
	width: auto;
	height: 57px;
}
header .mainbox .spview {
	display: none !important;
}
.sp header .mainbox .spview {
	display: block !important;
}
.sp header .mainbox .pcview {
	display: none !important;
}
.sp header.spmenuopen .main .menu > ul {
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
}
.sp header.spmenuanime .main .menu > ul {
	-webkit-transition: 400ms;
	transition: 400ms;
}
.sp header.spsearchopen .spsearch {
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
}
header .submenu {
	/*position: absolute;*/
    /* changed to position reltive by Thomas */
	display: none;
	width: 100%;
	padding-bottom: 50px;
	z-index: 100;
	overflow: hidden;
}
.sp header .submenu {
	display: none !important;
}
header .submenu .inner {
	position: relative;
	background: #181c1f;
	border-top: 2px solid #ff6600;
	border-bottom: 1px solid #000000;
	z-index: 50;
}
header .submenu .close {
	position: absolute;
	bottom: 50px;
	right: 50%;
	background: rgba(255, 255, 255, 0.9);
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
	-webkit-transition: 0.2s;
	transition: 0.2s;
	z-index: 40;
}
header .submenu .close a {
	position: relative;
	display: block;
	width: 420px;
	height: 50px;
	text-indent: -10000px;
	background: #181c1f;
	overflow: hidden;
	-webkit-transition: opacity 0.2s, background 0.2s;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
header .submenu .close a:hover {
	opacity: 0.7;
}
header .submenu .close a:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -6px;
	margin-top: -5px;
	border: 6px solid transparent;
	border-top: 0px;
	border-bottom: 10px solid #ffffff;
}
header .submenu .panel {
	position: relative;
	width: 100%;
	max-width: 1178px; box-sizing: border-box;
	margin: auto;
	padding: 25px 20px 35px;
	overflow: hidden;
	display: block;
	opacity: 0;
	position: absolute;
	left: -10%;
	top: -800%;
}
.sp header .submenu .panel {
	padding: 12.5px 10px 17.5px;
}
header .submenu .panel.view {
	opacity: 1;
	position: relative;
	left: 0%;
	top: 0px;
}
header .submenu .panel a {
	position: relative;
	display: inline-block;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 18.2px;
	line-height: 1.1375rem;
	color: #ffffff;
	position: relative;
	display: inline-block;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}
header .submenu .panel a:before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 1px;
	margin-bottom: -0.25em;
	background: #ff6600;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	-webkit-transform: scale(0);
	transform: scale(0);
}
header .submenu .panel a:hover {
	color: #ff6600;
}
header .submenu .panel a:hover:before {
	-webkit-transform: scale(1);
	transform: scale(1);
}
header .submenu .panel .title {
	position: relative;
	padding-bottom: 20px;
}
header .submenu .panel .title:after {
	content: "";
	display: block;
	position: absolute;
	width: 100vw;
	height: 1px;
	left: 50%;
	bottom: 0px;
	margin-left: -50vw;
	background: #000000;
}
header .submenu .panel .title a {
	margin-left: 15px;
	font-weight: bold;
}
header .submenu .panel .title a:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: -15px;
	margin-top: -6px;
	border: 6px solid transparent;
	border-left: 8px solid #ff6600;
	border-right: 0px;
}
header .submenu .panel .body {
	display: table;
	width: calc(100% + 20px);
	margin-left: -10px;
	margin-right: -10px;
	padding: 20px 0px 0px;
}
header .submenu .panel .body > * {
	display: table-cell;
	height: 100%;
	text-align: left;
	vertical-align: top;
}
header .submenu .panel .body > * {
	width: 25%;
	padding: 0px 10px;
}
header .submenu .panel .body > *.col2 {
	width: 50%;
}
header .submenu .panel .body > *.col3 {
	width: 75%;
}
header .submenu .panel .body > *.col4 {
	width: 100%;
}
header .submenu .panel .body dl + dl {
	margin-top: 20px;
}
header .submenu .panel .body dt {
	padding-bottom: 20px;
	border-bottom: 1px solid #000000;
}
header .submenu .panel .body dt a {
	margin-left: 15px;
	font-weight: bold;
}
header .submenu .panel .body dt a:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: -15px;
	margin-top: -6px;
	border: 6px solid transparent;
	border-left: 8px solid #ff6600;
	border-right: 0px;
}
header .submenu .panel .body dd {
	margin: 20px 0px 0px 0px;
}
header .submenu .panel .body dd ul {
	margin-right: -5px;
}
header .submenu .panel .body dd ul:after {
	content: "";
	display: block;
	clear: both;
}
header .submenu .panel .body dd li {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	padding-left: 8px;
}
header .submenu .panel .body .col2 dd ul li {
	width: calc((100% - 80px - 5px) / 2);
	margin-right: 20px;
}
header .submenu .panel .body .col2 dd ul li:nth-child(2n) {
	margin-right: 0px;
}
header .submenu .panel .body .col3 dd ul li {
	width: calc((100% - 40px - 5px) / 3);
	margin-right: 20px;
}
header .submenu .panel .body .col3 dd ul li:nth-child(3n) {
	margin-right: 0px;
}
header .submenu .panel .body .col4 dd ul li {
	/*width: calc((100% - 60px - 5px) / 4);*/
    width: calc((100% - 130px - 5px) / 4);
	margin-right: 20px;
}
header .submenu .panel .body .col4 dd ul li:nth-child(4n) {
	margin-right: 0px;
}
header .submenu .panel .search input {
	width: 100%;
	padding: 8px;
	font-size: 16px;
	font-size: 1rem;
	line-height: 20.8px;
	line-height: 1.3rem;
}
header .submenu.view .panel.view {
	-webkit-transition: 0.4s 0.4s, top 1ms;
	transition: 0.4s 0.4s, top 1ms;
}
header .submenu.view .panel.abs {
	-webkit-transition: 0s;
	transition: 0s;
	left: 50%;
	position: absolute;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
header .submenu.view .panel.hide {
	opacity: 0;
	-webkit-transition: 0.6s;
	transition: 0.6s;
	-webkit-transform: translateX(-40%);
	transform: translateX(-40%);
}
header .submenu.view .close {
	bottom: 0px;
}

/* top visual */
#topvisual {
	position: relative;
	position: relative;
	width: 100%;
	max-width: 1178px; box-sizing: border-box;
	margin: auto;
	padding: 0px 20px;
	height: calc(100vh - 138px - 324px);
	min-height: 300px;
	box-sizing: border-box;
}
/* .sp #topvisual {
	padding: 0px 10px;
    display: none;
} */
.sp #topvisual {
	height: auto !important;
	padding-top: 62.5%;
	background: url(../images/mainvisual.jpg) no-repeat center center;
	background-size: cover;
}
body.lang-jp .topBanner, body.lang-jp .tp-bullets.simplebullets.round .bullet{
    display: none;
}
.sp body.lang-jp .topBanner{
    display: block;
}
#topvisual ul {
	position: absolute;
	bottom: 20px;
	right: 20px;
	padding: 10px;
	font-size: 0px;
	line-height: 0px;
	background: rgba(255, 255, 255, 0.7);
}
.mobile #topvisual ul, .sp #topvisual ul {
	display: none;
}
#topvisual ul:before {
	position: absolute;
	content: "";
	display: block;
	width: calc(100% - 20px);
	height: 1px;
	top: 50%;
	left: 10px;
	background: #ff6600;
}
#topvisual ul li {
	position: relative;
	display: inline-block;
	background: #ffffff;
	z-index: 10;
}
#topvisual ul li + li {
	margin-left: 20px;
}
#topvisual ul img {
	display: block;
}
#topvisual ul a {
	position: relative;
	display: block;
	background: #000000;
	-webkit-transition: opacity 0.2s, background 0.2s;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
#topvisual ul a:hover {
	opacity: 0.7;
}
#topvisual ul a:before {
	content: "";
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 50%;
	left: 50%;
	background: #ff6600;
	border-radius: 50%;
	z-index: 20;
	transition: 0.2s;
	transform: translate(-50%, -50%);
}
#topvisual ul a:after {
	content: "";
	display: block;
	position: absolute;
	width: 26px;
	height: 26px;
	top: 50%;
	left: 50%;
	border: 2px solid #ff6600;
	border-radius: 50%;
	z-index: 20;
	transition: 0.2s;
	transform: translate(-50%, -50%);
}
#topvisual ul a span:after {
	content: "";
	display: block;
	position: absolute;
	width: 0px;
	height: 0px;
	top: 50%;
	left: 50%;
	border: 5px solid transparent;
	border-left: 6px solid #ffffff;
	border-right: 0px;
	z-index: 25;
	transition: 0.2s;
	transform: translate(-50%, -50%);
}
#topvisual ul .current a img {
	opacity: 0.3;
}
#topvisual ul .play a:before {
	width: 26px;
	height: 26px;
	background-color: transparent;
	border: 2px solid #d3d3d3;
}
#topvisual ul .play a:after {
	width: 20px;
	height: 20px;
	background-color: #d3d3d3;
	border-width: 0px;
}
#topvisual ul .play a span:after {
	content: "";
	display: block;
	position: absolute;
	width: 2px;
	height: 8px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left: 2px solid #ff6600;
	border-right: 2px solid #ff6600;
	z-index: 25;
}
/* news ticker */
.sp #newsticker {
	display: none;
}
#newsticker > div {
	position: relative;
	width: 100%;
	max-width: 1178px;
	margin: auto;
	padding: 0px;
	display: table;
	box-sizing: border-box;
	width: 100%;
}
.sp #newsticker > div {
	padding: 0px 10px;
}
#newsticker > div > * {
	display: table-cell;
	height: 100%;
	text-align: left;
	vertical-align: top;
}
#newsticker > div > div a {
	position: relative;
	display: block;
	width: 45px;
	height: 45px;
	text-indent: -10000px;
	background: #ffffff;
	overflow: hidden;
	-webkit-transition: opacity 0.2s, background 0.2s;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
#newsticker > div > div a:hover {
	opacity: 0.7;
}
#newsticker > div > div a:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -5px;
	margin-left: -6px;
	border: 6px solid transparent;
	border-top: 10px solid #ff6600;
	border-bottom: 0px;
}
#newsticker h2 {
	padding: 0px 15px;
	white-space: nowrap;
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 45px;
	letter-spacing: 4px;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	color: #ffffff;
	background: #ff6600;
}
#newsticker ul {
	position: relative;
	width: 100%;
	height: 45px;
	background: rgba(24, 28, 31, 0.8);
	overflow: hidden;
}
#newsticker li {
	position: absolute;
	width: calc(100% - 40px);
	top: 22.5px;
	left: 20px;
	padding: 10px 0px;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.6s;
	transition: opacity 0.6s;
	-webkit-transform: translateY(-200%);
	transform: translateY(-200%);
}
#newsticker li a {
	display: block;
	white-space: nowrap;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 15.4px;
	line-height: 0.9625rem;
	color: #ffffff;
	font-weight: bold;
	position: relative;
	display: inline-block;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}
#newsticker li a:before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 1px;
	margin-bottom: -0.25em;
	background: #ff6600;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	-webkit-transform: scale(0);
	transform: scale(0);
}
#newsticker li a:hover {
	color: #ff6600;
}
#newsticker li a:hover:before {
	-webkit-transform: scale(1);
	transform: scale(1);
}
#newsticker li.view {
	opacity: 1;
}
#newsticker li:first-child {
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* topics */
#topics {
	position: relative;
	margin-top: 20px;
	overflow: hidden;
}
#topics h2 {
	display: none;
}
.sp #topics h2 {
	display: block;
	margin: 0px 0px 20px;
	padding: 0px;
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 26.4px;
	line-height: 1.65rem;
	letter-spacing: 1px;
	font-family: 'Oswald', sans-serif;
	text-align: center;
	font-weight: 600;
	color: #fff;
}
#topics > div {
	position: relative;
	width: 100%;
	max-width: 1178px; box-sizing: border-box;
	margin: auto;
	padding: 0px 20px 20px;
	z-index: 20;
	box-sizing: border-box;
}
.sp #topics > div {
	padding: 0px 10px 10px;
}
.sp #topics > div {
	padding-bottom: 20px;
}
#topics > div > div {
	position: relative;
	margin-right: -5px;
	overflow: hidden;
}
#topics > div > div > div {
	float: left;
	width: calc((100% - 60px - 5px) / 4);
	margin-left: 20px;
	background: #ffffff;
}
.sp #topics > div > div > div {
	float: none;
	width: auto;
	margin-left: 0px;
	margin-top: 5px;
}
#topics > div > div > div:first-child {
	margin-left: 0px;
}
.sp #topics > div > div > div:first-child {
	margin-top: 0px;
}
#topics > div a {
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 18.2px;
	line-height: 1.1375rem;
	font-weight: bold;
	color: #000000;
	-webkit-transition: opacity 0.2s, background 0.2s;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
#topics > div a:hover {
	opacity: 0.7;
}
.sp #topics > div a {
	display: table;
}
#topics > div a > span {
	display: block;
}
.sp #topics > div a > span {
	display: table-cell;
	vertical-align: middle;
}
#topics > div a img {
	display: block;
	width: 100%;
	height: auto;
}
.sp #topics > div a .image {
	width: 35%;
	padding-right: 10px;
}
#topics > div a .category {
	position: relative;
	margin: 4px 10px 0px;
	padding-left: 12px;
	font-family: 'Oswald', sans-serif;
}
.sp #topics > div a .category {
	display: none;
}
#topics > div a .category:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0px;
	margin-top: -2px;
	border: 4px solid transparent;
	border-left: 5px solid #ff6600;
	border-right: 0px;
}
#topics > div a .title {
	margin: 5px 10px;
	height: 2.275rem;
	overflow: hidden;
}
.sp #topics > div a .title {
	width: 100%;
}
#topics:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: calc(3.4125rem + 14px + 20px);
	background: url(images/topicsbg.png);
	z-index: 10;
}

/* top visual */
#topsolution {
	padding-bottom: 50px;
	background: #ffffff;
}
.sp #topsolution {
	padding-bottom: 20px;
	border-top: 1px solid #000000;
}
#topsolution h2 {
	margin: 0px 0px 30px;
	padding: 0px;
	font-size: 40px;
	font-size: 2.5rem;
	line-height: 44px;
	line-height: 2.75rem;
	letter-spacing: 5px;
	font-family: 'Oswald', sans-serif;
	text-align: center;
	font-weight: 600;
}
.sp #topsolution h2 {
	margin: 0px 0px 20px;
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 26.4px;
	line-height: 1.65rem;
	letter-spacing: 1px;
}
#topsolution p {
	font-size: 16px;
	font-size: 1rem;
	line-height: 30.4px;
	line-height: 1.9rem;
}
.sp #topsolution p {
	text-align: left;
}
#topsolution p span {
	display: block;
}
.sp #topsolution p span {
	display: inline;
}
#topsolution > .description {
	position: relative;
	width: 100%;
	max-width: 1178px; box-sizing: border-box;
	margin: auto;
	padding: 80px 20px 30px;
	text-align: center;
}
.sp #topsolution > .description {
	padding: 40px 10px 15px;
}
.sp #topsolution > .description {
	padding-top: 20px;
}
#topsolution > .link {
	position: relative;
	width: 100%;
	max-width: 1178px; box-sizing: border-box;
	margin: auto;
	padding: 0px 20px;
}
.sp #topsolution > .link {
	padding: 0px 10px;
}
#topsolution > .link ul {
	display: table;
	width: 100%;
	table-layout: fixed;
	width: calc(100% + 20px);
	margin-left: -10px;
}
.sp #topsolution > .link ul {
	display: block;
}
#topsolution > .link ul > * {
	display: table-cell;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}
.sp #topsolution > .link ul > * {
	display: block;
}
.sp #topsolution > .link ul {
	width: 100%;
	margin: auto;
}
#topsolution > .link li {
	padding: 0px 10px;
}
.sp #topsolution > .link li + li {
	margin-top: 10px;
}
#topsolution > .link a {
	display: block;
	max-width: 280px;
	margin: auto;
	padding: 20px;
	font-size: 16px;
	font-size: 1rem;
	line-height: 17.6px;
	line-height: 1.1rem;
	color: #000000;
	font-weight: bold;
	border: 1px solid #bfbfbf;
	-webkit-transition: opacity 0.2s, background 0.2s;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
#topsolution > .link a:hover {
	opacity: 0.7;
}
#topsolution > .link a.image {
	padding: 0px;
	border: 0px;
}
#topsolution > .link a.image img {
	max-width: 100%;
	height: auto;
}

/* top message */
#topmessage {
	position: relative;
	height: 415px;
	overflow: hidden;
}
.sp #topmessage {
	height: auto;
}
#topmessage .bg {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 10;
}
.sp #topmessage .bg {
	position: relative;
	height: 0px;
	padding-top: 62.5%;
	overflow: hidden;
}
#topmessage .bg > div {
	position: absolute;
	right: 0px;
	width: 100%;
	height: 100%;
}
#topmessage .bg .photo {
	width: 1235px;
	height: 600px;
	top: -40px;
	right: 50%;
	z-index: 10;
	-webkit-transform: translateX(75%);
	transform: translateX(75%);
}
.sp #topmessage .bg .photo {
	width: 100%;
	height: 120%;
	-webkit-transform: translateX(45%);
	transform: translateX(45%);
}
.sp #topmessage .bg .photo img {
	width: auto;
	height: 100%;
}
#topmessage .bg .photo img {
	display: block;
	width: 100%;
	height: auto;
}
#topmessage .bg .base {
	top: 0px;
	height: 115.38461%;
	background-size: cover;
	z-index: 1;
}
#topmessage .bg .pattern01 {
	width: 0px;
	bottom: 0px;
	z-index: 5;
	overflow: hidden;
	-webkit-transition: 1.2s cubic-bezier(0.66, 0.01, 0.445, 0.96) 0.4s;
	transition: 1.2s cubic-bezier(0.66, 0.01, 0.445, 0.96) 0.4s;
}
#topmessage .bg .pattern01 div {
	position: absolute;
	right: 0px;
	width: 100vw;
	height: 100%;
	background: url(images/pattern01.png) center bottom;
	background-size: cover;
}
#topmessage .bg .pattern02 {
	width: 0px;
	bottom: 0px;
	z-index: 6;
	overflow: hidden;
	-webkit-transition: 1.2s cubic-bezier(0.66, 0.01, 0.445, 0.96) 0.5s;
	transition: 1.2s cubic-bezier(0.66, 0.01, 0.445, 0.96) 0.5s;
}
#topmessage .bg .pattern02 div {
	position: absolute;
	right: 0px;
	width: 100vw;
	height: 100%;
	background: url(images/pattern02.png) center bottom;
	background-size: cover;
}
#topmessage .bg .pattern03 {
	width: 0px;
	bottom: 0px;
	z-index: 7;
	overflow: hidden;
	-webkit-transition: 1.2s cubic-bezier(0.66, 0.01, 0.445, 0.96) 0.6s;
	transition: 1.2s cubic-bezier(0.66, 0.01, 0.445, 0.96) 0.6s;
}
#topmessage .bg .pattern03 div {
	position: absolute;
	right: 0px;
	width: 100vw;
	height: 100%;
	background: url(images/pattern03.png) center bottom;
	background-size: cover;
}
#topmessage.view .main {
	opacity: 1;
	transform: none;
}
#topmessage.view .pattern01 {
	width: 100%;
}
#topmessage.view .pattern02 {
	width: 100%;
}
#topmessage.view .pattern03 {
	width: 100%;
}
#topmessage .main {
	position: relative;
	position: relative;
	width: 100%;
	max-width: 1178px; box-sizing: border-box;
	margin: auto;
	padding: 60px 20px 0px;
	opacity: 0;
	-webkit-transition: 0.8s 1.2s -webkit-transform, 0.8s 1.2s opacity;
	-webkit-transform: translateX(-3%);
	transition: 0.8s 1.2s transform, 0.8s 1.2s opacity;
	transform: translateX(-3%);
	z-index: 20;
}
.sp #topmessage .main {
	padding: 30px 10px 0px;
}
.sp #topmessage .main {
	padding-top: 15px;
	padding-bottom: 15px;
	opacity: 1;
	-webkit-transition: 10ms;
	-webkit-transform: none;
	transition: 10ms;
	transform: none;
}
#topmessage .main .message {
	padding-right: 150px;
}
.sp #topmessage .main .message {
	padding-right: 0px;
}
#topmessage .main .message div.text {
	width:100%;
	color:#fff;
}
#topmessage .main .message div.text p{
	line-height: 60px;
	font-size: 40px;
	font-weight: 100;
}
#topmessage .main .message img {
	display: block;
	max-width: 100%;
	height: auto;
}
.sp #topmessage .main .message img {
	margin: auto;
}
.sp #topmessage .main .message div.text {
	color:#000;
}
.sp #topmessage .main .message div.text p
	font-size: 30px;
	line-height: 50px;
}
#topmessage .main ul {
	margin-top: 45px;
}
.sp #topmessage .main ul {
	margin-top: 20px;
}
#topmessage .main ul li {
	margin-top: 20px;
    list-style: none !important;
}
.sp #topmessage .main ul li {
	margin-top: 10px;
}
#topmessage .main ul li a {
	position: relative;
	display: inline-block;
	margin-left: 25px;
	font-size: 18pxpx;
	font-size: 1.125pxrem;
	line-height: 19.8pxpx;
	line-height: 1.2375pxrem;
	color: #ffffff;
	font-weight: bold;
	position: relative;
	display: inline-block;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}
#topmessage .main ul li a:before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 1px;
	margin-bottom: -0.25em;
	background: #ff6600;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	-webkit-transform: scale(0);
	transform: scale(0);
}
#topmessage .main ul li a:hover {
	color: #ff6600;
}
#topmessage .main ul li a:hover:before {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.sp #topmessage .main ul li a {
	display: block;
	margin: 0px;
	padding: 15px 15px 15px 35px;
	background: #000000;
}
.sp #topmessage .main ul li a:before {
	display: none;
}
#topmessage .main ul li a:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: -20px;
	margin-top: -6px;
	border: 6px solid transparent;
	border-left: 8px solid #ff6600;
	border-right: 0px;
}
.sp #topmessage .main ul li a:after {
	left: 15px;
}
#topmessage .main .spview {
	display: none !important;
}
.sp #topmessage .main .spview {
	display: block !important;
}
.sp #topmessage .main .pcview {
	display: none !important;
}

/* icon menu */
#topmenu {
	background: rgba(255, 102, 0, 0.4);
}
.sp #topmenu {
	display: none;
}
#topmenu > div {
	position: relative;
	width: 100%;
	max-width: 1178px; box-sizing: border-box;
	margin: auto;
	padding: 0px 20px;
}
.sp #topmenu > div {
	padding: 0px 10px;
}
#topmenu > div ul {
	overflow: hidden;
}
#topmenu > div li {
	float: left;
	display: table;
	width: 100%;
	width: 20%;
	position: relative;
}
#topmenu > div li > * {
	display: table-cell;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}
#topmenu > div a {
	height: 360px;
	padding: 110px 20px 20px;
	font-size: 22px;
	font-size: 1.375rem;
	line-height: 33px;
	line-height: 2.0625rem;
	color: #ffffff;
	font-weight: bold;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
#topmenu > div a:hover {
	background: rgba(255, 102, 0, 0.8);
}
#topmenu > div a > span:before {
	content: "";
	position: absolute;
	display: block;
	width: 76px;
	height: 57px;
	bottom: 50%;
	left: 50%;
	margin-left: -38px;
}
#topmenu > div a > span span {
	display: inline-block;
}

/* top network */
#topnetwork {
	background: url(images/topnetworkbg.jpg) no-repeat center center #181c1f;
}
.sp #topnetwork {
	display: none;
}
#topnetwork > div {
	position: relative;
	width: 100%;
	max-width: 1178px; box-sizing: border-box;
	margin: auto;
	padding: 100px 20px 105px;
}
.sp #topnetwork > div {
	padding: 50px 10px 52.5px;
}
#topnetwork h2 {
	margin: 0px 0px 40px;
	padding: 0px;
	font-size: 40px;
	font-size: 2.5rem;
	line-height: 44px;
	line-height: 2.75rem;
	letter-spacing: 5px;
	font-family: 'Oswald', sans-serif;
	text-align: center;
	color: #ffffff;
	font-weight: 600;
}
#topnetwork .select {
	position: relative;
	margin: auto;
	width: 520px;
	padding: 10px 70px 10px 10px;
	background: #d5d5d5;
}
#topnetwork .select select {
	width: 100%;
	height: 50px;
	font-size: 16px;
	font-size: 1rem;
	line-height: 17.6px;
	line-height: 1.1rem;
	-webkit-appearance: none;
    padding-left: 10px;
}
#topnetwork .select div {
	position: absolute;
	right: 10px;
	top: 10px;
}
#topnetwork .select div button {
	width: 50px;
	height: 50px;
	border: 0px;
	font-size: 16px;
	font-size: 1rem;
	line-height: 17.6px;
	line-height: 1.1rem;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	background: #ff6600;
	cursor: pointer;
	-webkit-transition: opacity 0.2s, background 0.2s;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
#topnetwork .select div button:hover {
	opacity: 0.7;
}

/* top news */
#topnews {
	background: #dfdfdf;
}

#topnews div.vc_column-inner {
    position: relative;
    width: 100%;
    max-width: 1178px;
    margin: 0 auto;
    box-sizing: border-box;
    padding-right: 30px !important;
    padding-bottom: 30px !important;
}

.sp #topnews > div {
	padding: 35px 10px 25px;
}
#topnews h2 {
	margin: 0px 0px 40px;
	padding: 0px;
	font-size: 40px;
	font-size: 2.5rem;
	line-height: 44px;
	line-height: 2.75rem;
	letter-spacing: 5px;
	font-family: 'Oswald', sans-serif;
	text-align: center;
	font-weight: 600;
}
.sp #topnews h2 {
	margin: 0px 0px 20px;
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 26.4px;
	line-height: 1.65rem;
	letter-spacing: 1px;
}
#topnews div.newsitems {
	width: 100%;
}
.sp #topnews div.newsitems {
	float: none;
	margin-top: 20px;
}
#topnews h3 {
	position: relative;
	margin: 0px 0px 20px;
	padding: 12px 0px;
	/* font-size: 24px;
	font-size: 1.5rem; */
    font-size: 17px;
	line-height: 26.4px;
	line-height: 1.65rem;
	border-bottom: 3px solid #bfbfbf;
	background: none;
}
#topnews h3:after {
	content: "";
	position: absolute;
	display: block;
	width: 85px;
	height: 3px;
	bottom: -3px;
	background: #ff6600;
}
#topnews * + h3 {
	margin-top: 20px;
}
#topnews dl {
	padding-bottom: 10px;
	overflow: hidden;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 18.2px;
	line-height: 1.1375rem;
}
#topnews dt {
	clear: both;
	float: left;
	width: 8.3em;
}
.sp #topnews dt {
	float: none;
	width: auto;
}
#topnews * + dt,
#topnews * + dt + dd,
#topnews dd + dd {
	margin-top: 24px;
}
.sp #topnews dd + dd {
	margin-top: 30px;
}
.sp #topnews * + dt + dd {
	margin-top: 10px;
}
#topnews dd {
	margin-left: 8.5em;
}
.sp #topnews dd {
	margin-left: 0px;
	margin-top: 10px;
}
#topnews dd a {
	position: relative;
	display: inline-block;
	margin-left: 25px;
	color: #000000;
	/* font-weight: bold; */
	position: relative;
	display: inline-block;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
    font-size:13px;
}
#topnews dd a:before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 1px;
	margin-bottom: -0.25em;
	background: #ff6600;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	-webkit-transform: scale(0);
	transform: scale(0);
}
#topnews dd a:hover {
	color: #ff6600;
}
#topnews dd a:hover:before {
	-webkit-transform: scale(1);
	transform: scale(1);
}
#topnews dd a:after {
	position: absolute;
	content: "";
	display: block;
	margin-top: -7px;
	top: 0.65rem;
	left: -20px;
	border: 6px solid transparent;
	border-left: 8px solid #ff6600;
	border-right: 0px;
}
#topnews dd a.pdf:after {
	margin-top: -9.5px;
	top: 0.65rem;
	left: -25px;
	width: 17px;
	height: 19px;
	background: url(../images/pdf.png);
	border: 0px;
}

/* commonlinks - ict links */
#commonlink {
	background: #ffffff;
}
#commonlink > div {
    position: relative;
    width: 100%;
    max-width: 1178px;
    margin: auto;
    padding: 60px 0 90px 0;
    text-align: center;
    font-size: 0px;
    line-height: 0px;
    box-sizing: border-box;
}
.sp #commonlink > div {
	padding: 30px 10px 45px;
}
.sp #commonlink > div {
	padding: 0px;
}
#commonlink > div a {
	position: relative;
	display: inline-block;
	padding-top: 20%;
	width: 20%;
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 23.4px;
	line-height: 1.4625rem;
	font-weight: bold;
	color: #ffffff;
	overflow: hidden;
	-webkit-transition: opacity 0.2s, background 0.2s;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
#commonlink > div a:hover {
	opacity: 0.7;
}
.sp #commonlink > div a {
	width: 100%;
}
#commonlink > div a .image {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 10;
}
#commonlink > div a .image img {
	position: absolute;
	width: 100%;
	height: auto;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#commonlink > div a .main {
	position: absolute;
	padding-top: 0 !important;
	width: 90%;
	top: 50%;
	left: 50%;
	z-index: 20;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#commonlink > div a .main > span {
	position: relative;
	display: inline-block;
	padding-left: 22px;
	text-align: left;
}
#commonlink > div a .main > span:before {
	content: "";
	display: block;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -6px;
	border: 6px solid transparent;
	border-left: 10px solid #ff6600;
	border-right: 0px;
}
#commonlink > div a .main > span span {
	display: inline-block;
}

/**/
h3.fancy-header{
    font-size: 25px;
    margin: 0 0 15px 0;
    padding: 0;
    color: #fff;
    width: 100%;
    text-align: left;
    position: relative;
    line-height: 60px;
	z-index:1;
}
h3.fancy-header::before{
	content: "";
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:2px;
	background:#C9C9C9;
	z-index:2;
}
h3.fancy-header::after{
	content: "";
	position:absolute;
	bottom:0;
	left:0;
	width:80px;
	height:2px;
	background:#FF7C00;
	z-index:3;
}

h4.fancy-header{
    font-size: 20px;
    margin: 0 0 15px 0;
    padding: 0;
    color: #fff;
    width: 100%;
    text-align: left;
    position: relative;
    line-height: 60px !important;
	z-index:1;
}

h4.fancy-header::before{
	content: "";
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:2px;
	background:#C9C9C9;
	z-index:2;
}
h4.fancy-header::after{
	content: "";
	position:absolute;
	bottom:0;
	left:0;
	width:80px;
	height:2px;
	background:#FF7C00;
	z-index:3;
}
.black{
	color:#000 !important;
}

/* tabs */
#tab-panel{
	margin-top:50px;
}
/* Style the tab */
#tab-panel ul.vc_tta-tabs-list {
	border: none;
	font-size:0;
}

/* Style the buttons inside the tab */
#tab-panel ul.vc_tta-tabs-list li a {
    background-color: #797979;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0 40px;
    transition: 0.3s;
	position:relative;
	z-index:1;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	height:50px;
	line-height:50px;
	border-radius: 0 10px 0 0;
}
/*
#tab-panel ul.vc_tta-tabs-list li.vc_active button.active div.right{
    position: absolute;
    box-shadow: 5px 0px 5px 0px rgba(0,0,0,0.3);
    content: "";
    width: 100%;
    position: absolute;
    top: 0;
    height: 70px;
    left: 16px;
    z-index: 0;
    transform: skewX(30deg);
    border-radius: 5px;
}
#tab-panel div.tab button.active div.left{
    position: absolute;
    box-shadow: -5px 0px 5px 0px rgba(0,0,0,0.3);
    content: "";
    width: 100%;
    position: absolute;
    top: 0;
    height: 70px;
    right: 16px;
    z-index: 0;
	transform: skewX(-30deg);
	border-radius: 5px;
}
#tab-panel div.tab button.active div:before{
	box-shadow: 0 0 20px 50px rgba(0,0,0,0.3);
    content: "";
    width: 80%;
    position: absolute;
    top: 35px;
    height: 20px;
    left: 0;
	transform: skew(-30deg,0deg);
}
#tab-panel div.tab button.active div:after{
	box-shadow: 0 0 20px 50px rgba(0,0,0,0.3);
    content: "";
    width: 80%;
    position: absolute;
    top: 35px;
    height: 20px;
    right: 0;
	transform: skew(30deg,0deg);
}
*/
#tab-panel ul.vc_tta-tabs-list li a:after{
    transition: 0.3s;
    position: absolute;
    right: -39px;
    top: 0;
    bottom: 0;
    background: none;
    width: 0px;
    content: "";
    border: none;
    border-left: 0px solid transparent;
    border-right: 40px solid transparent;
    border-top: 5px solid transparent;
    border-bottom: 65px solid #797979;
	z-index: inherit;
}
#tab-panel ul.vc_tta-tabs-list li:not(:first-child) a{
	border-radius: 10px 10px 0 0;
}
#tab-panel ul.vc_tta-tabs-list li:not(:first-child) a:before{
	transition: 0.3s;
    position: absolute;
    left: -39px;
    top: 0;
    bottom: 0;
    background: none;
    width: 0px;
    content: "";
    border: none;
    border-left: 40px solid transparent;
    border-right: 0px solid transparent;
    border-top: 5px solid transparent;
    border-bottom: 65px solid #797979;
	z-index: inherit;
}
/* Create an active/current tablink class */
#tab-panel ul.vc_tta-tabs-list li.vc_active a{
    background-color: #f60;
	z-index:99 !important
}
#tab-panel ul.vc_tta-tabs-list li.vc_active a:after {
	border-bottom: 65px solid #f60;
}
#tab-panel ul.vc_tta-tabs-list li.vc_active:not(:first-child) a:before {
	border-bottom: 65px solid #f60;
}
/* Style the tab content 
#tab-panel .tabcontent{
    display: none;
    padding: 0;
    border: none;
    border-top: none;
	color:#000;
	background:#fff;
	margin:0;
	border-top: 10px solid #f60;
	z-index:100;
	position:relative;
}
*/
#tab-panel div.vc_tta-panels{
    background: #fff;
    border: none;
    border-radius: 0;
    border-top: 3px solid #f60;
    position: relative;
    z-index: 9;
}
#tab-panel div.vc_tta-panels .vc_tta-panel{
	display: none;
}
#tab-panel div.vc_tta-panels .vc_tta-panel.vc_active{
	display: block;
}
#tab-panel .tabcontent .listing{
	padding:30px 20px 0 20px;
	font-size:0;
	
}

#tab-panel div.vc_tta-panels .tab-article{
	background: url(images/solutions-linkage-bg.jpg) center center no-repeat;
	background-size:cover;
	padding:30px 20px 150px 20px;
}

#tab-panel div.vc_tta-panels .tab-article p{
	color:#fff;
	font-size:30px;
	line-height:50px;
	text-align:center;
}

#tab-panel .tabcontent .article{
	padding:30px 20px;
	font-size:0;
}

#tab-panel .tabcontent .listing a.filter{
	display:inline-block;
	width:24%;
	margin:0 0.5%;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	background:#DADADA;
	padding:0;
	line-height:50px;
	color:#939393;
	border:1px solid #DADADA;
}
.sp #tab-panel .tabcontent .listing a.filter{
	width:100%;
	margin:10px 0;
}
#tab-panel .tabcontent .listing a.filter.active,
#tab-panel .tabcontent .listing a.filter:hover{
	border:1px solid #f60;
	background:#fff;
	color:#f60;
}
/* linkbox */
.listitems{
	padding: 0 20px;
}
.listitems ul li{
	margin:10px 0;
	font-weight:bold;
	padding:0;
}
.listitems ul li a{
	text-decoration: none;
	color: #000;
}

/* fixes JP version */
html.jp #contentCntr{
	margin-bottom: 0 !important
}
html.jp body.home #footerCntr{
	margin-top: 0 !important
}

/* JP breadcrumbs */
body.lang-jp .breadCrumb{
    background: rgba(31, 37, 41, 0.4);
}
html.jp #breadcrumbs {
	height: 30px;
	padding: 0px 20px;
	overflow: hidden;
    line-height: 26px;
}
html.jp #breadcrumbs ul {
	display: table;
	width: auto;
	height: 30px;
}
html.jp #breadcrumbs ul > * {
	display: table-cell;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}
html.jp #breadcrumbs ul li {
	height: 30px;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 15.4px;
	line-height: 0.9625rem;
	font-weight: bold;
	color: #ffffff;
	white-space: nowrap;
}
html.jp #breadcrumbs span a {
	color: #ffffff;
	position: relative;
	display: inline-block;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}
html.jp #breadcrumbs span a:before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 1px;
	margin-bottom: -0.25em;
	background: #ff6600;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	-webkit-transform: scale(0);
	transform: scale(0);
}
html.jp #breadcrumbs span a:hover {
	color: #ff6600;
}
html.jp #breadcrumbs span a:hover:before {
	-webkit-transform: scale(1);
	transform: scale(1);
}
html.jp #breadcrumbs ul li.home a {
	margin-left: 28px;
}
html.jp #breadcrumbs ul li.home a:after {
	content: "";
	display: block;
	position: absolute;
	width: 19px;
	height: 13px;
	top: 0px;
	left: -25px;
	background: url(images/breadcrumbs.png);
}
html.jp #breadcrumbs ul li + li {
	position: relative;
	padding-left: 20px;
}
html.jp #breadcrumbs ul li + li:after {
	content: "";
	display: block;
	position: absolute;
	width: 5px;
	height: 5px;
	top: 12px;
	left: 5px;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* ICT panels */
#casetitle {
	position: relative;
	height: calc(100vh - 325px);
	min-height: 50px;
}
/* remove the hight of the visual block */
#casetitle.noheight {
    height: auto;
    min-height:0px;
	margin-top:10px;
}
/* Add extra height for the anchor element*/
#casestudie {
    margin-bottom:40px;
}

.sp #visual {
	height: auto;
	min-height: 0px;
}
#casetitle > div,
#visual > div {
	width: 100%;
	max-width: 1137px;
	margin: auto;
	padding: 0px;
	box-sizing: border-box
}

@media only screen and (max-width: 1199px) {
    #casetitle > div,
	#visual > div {
		max-width: calc(100% - 56px) !important;
	}
}

@media only screen and (max-width: 1165px) {
    #casetitle > div,
	#visual > div {
		max-width: calc(100% - 46px) !important;
	}
}

.sp #visual > div {
	padding: 0px 10px;
}
#visual > div h1 {
	margin: 50px 10px 20px;
	color: #ffffff;
	font-size: 84px;
	font-size: 5.25rem;
	line-height: 92.4px;
	line-height: 5.775rem;
}
.sp #visual > div h1 {
	position: relative;
	margin: 0px -10px;
	padding: 32px 10px 10px;
	/* color: #000000; */
	font-size: 36px;
	font-size: 2.25rem;
	line-height: 39.6px;
	line-height: 2.475rem;
	/* background: #ffffff; */
}
.sp #visual > div h1:after {
	content: "";
	display: block;
	position: absolute;
	width: calc(100% - 20px);
	height: 5px;
	left: 10px;
	bottom: 0px;
	background: #ff6600;
}
#visual > div p {
	margin: 0px 10px;
	color: #ffffff;
	font-size: 28px;
	font-size: 1.75rem;
	line-height: 47.6px;
	line-height: 2.975rem;
}
.sp #visual > div p {
	margin: 0px -10px 200px;
	padding: 15px 10px;
	/* color: #000000; */
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 30.6px;
	line-height: 1.9125rem;
	/* background: #ffffff; */
}
#visual > div div {
	width: 140px;
	margin: 35px 10px 0px;
}
.sp #visual > div div {
	width: auto;
	margin: 0px;
}
#visual > div div a {
	display: block;
	padding: 15px 10px;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 18.2px;
	line-height: 1.1375rem;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	background: #272727;
	-webkit-transition: opacity 0.2s, background 0.2s;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
#visual > div div a:hover {
	opacity: 0.7;
}
#visual > div div a > span {
	display: block;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 15.6px;
	line-height: 0.975rem;
}
#visual > div div a > span.icon {
	display: block;
	padding-top: 125px;
	font-size: 16px;
	font-size: 1rem;
	line-height: 20.8px;
	line-height: 1.3rem;
	background: url(images/cloudportal.png) no-repeat center 7px;
}
.sp #visual > div div a > span.icon {
	position: relative;
	display: table;
	width: auto;
	height: 107px;
	margin: 0px auto 10px;
	padding-top: 0px;
	padding-left: 130px;
	text-align: left;
	background: none;
}
.sp #visual > div div a > span.icon > * {
	display: table-cell;
	height: 100%;
	text-align: left;
	vertical-align: middle;
}
.sp #visual > div div a > span.icon:after {
	position: absolute;
	content: "";
	display: block;
	width: 115px;
	height: 107px;
	top: 50%;
	left: 0px;
	margin-top: -53px;
	background: url(images/cloudportal.png);
}
#visual > div div a > span span {
	display: inline-block;
}
#visual > div div a > span + span {
	margin-top: 15px;
}
#visual .bg {
	display: none;
}

/* backgrounds */
#bgstage {
	position: fixed;
	width: 100vw;
	top: -80vh;
	left: 0px;
	background: #ff6600;
	-webkit-transition: -webkit-transform 1600ms cubic-bezier(0.7, 0, 0.1, 1);
	transition: transform 1600ms cubic-bezier(0.7, 0, 0.1, 1);
	z-index: -1;
}
#bgstage > div {
	width: 100vw;
	height: 100vh;
	margin-top: 80vh;
	margin-bottom: 80vh;
	background: none no-repeat center center;
	background-size: cover;
	-webkit-transition: -webkit-transform 600ms;
	transition: transform 600ms;
}
#bgstage.move > div {
	-webkit-transform: scale(0.85);
	transform: scale(0.85);
}
#bgstage:after {
	content: "";
	position: absolute;
	display: block;
	width: 4px;
	height: calc(100% - 200vh);
	left: 50%;
	top: 100vh;
	margin-left: -2px;
	background: #ffffff;
	z-index: -1;
}

#bottombg {
	position: fixed;
	width: 100vw;
	height: 0px;
	bottom: 0px;
	left: 0px;
	overflow: hidden;
	z-index: -1;
}
#bottombg > div {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100vw;
	height: 100vh;
	background: none no-repeat center center;
	background-size: cover;
}

/* Box navigation */
#navi > div {
	position: relative;
	width: 100%;
	max-width: 1188px;
	margin: auto;
	padding: 0px;
	box-sizing: border-box;
}
.sp #navi > div {
	padding: 0px 10px;
}
.sp #navi > div {
	padding-bottom: 1px;
}
#navi ul {
	padding: 10px 0px;
	margin-right: -5px;
	overflow: hidden;
}
.sp #navi ul {
	margin-left: -10px;
	margin-bottom: -10px;
}
#navi ul > li {
	float: left;
	display: table;
	width: 100%;
	height: 112px;
	margin: 0px 4px;
	width: calc((100% - 32px - 5px) / 4);
}
#navi ul > li > * {
	display: table-cell;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}
.sp #navi ul > li {
	margin: 0px 0px 10px 10px;
	width: calc((100% - 20px - 5px) / 2);
}
#navi ul > li a {
	position: relative;
	padding: 10px;
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 23.4px;
	line-height: 1.4625rem;
	color: #ffffff;
	font-weight: bold;
	background: rgba(0, 0, 0, 0.5);
	border: 2px solid #ffffff;
	-webkit-transition: opacity 0.2s, background 0.2s;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
#navi ul > li a:hover {
	opacity: 0.7;
}
#navi ul > li a:after {
	position: absolute;
	content: "";
	display: block;
	margin-left: -6px;
	bottom: 7px;
	left: 50%;
	border: 6px solid transparent;
	border-top: 10px solid #ffffff;
}
#navi ul > li.noarrow a:after{
	display: none;
}
#navi ul > li a span {
	display: inline-block;
}

/* panel - About ICT */
#aboutict {
	position: relative;
	overflow: hidden;
}
#aboutict .aboutict_navi {
	display: table;
	width: 100%;
	position: absolute;
	width: 100%;
	max-width: 1178px; box-sizing: border-box;
	height: 100vh;
	top: 0px;
	left: 50%;
	margin-left: 0px;
	background: rgba(32, 64, 80, 0.35);
	-webkit-transition: 0.6s;
	transition: 0.6s;
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
	z-index: 30;
	opacity: 0;
}
#aboutict .aboutict_navi > * {
	display: table-cell;
	height: 100%;
	text-align: left;
	vertical-align: middle;
}
.sp #aboutict .aboutict_navi {
	width: 70px;
	left: auto;
	right: 0px;
	margin-right: -70px;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
#aboutict .aboutict_navi h2 {
	position: relative;
	margin: 0px 0px 25px;
	padding: 0px;
	width: 225px;
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 26.4px;
	line-height: 1.65rem;
	color: #ffffff;
	text-align: right;
}
.sp #aboutict .aboutict_navi h2 {
	position: absolute;
	width: 100vw;
	top: 45px;
	right: 0px;
	padding: 15px 10px;
	text-align: center;
	color: #000000;
	background: #ffffff;
}
#aboutict .aboutict_navi h2 span {
	display: inline-block;
	padding-bottom: 15px;
	border-bottom: 1px solid #ffffff;
}
.sp #aboutict .aboutict_navi h2 span {
	padding-bottom: 0px;
	border: 0px;
}
#aboutict .aboutict_navi h2:after {
	content: "";
	display: block;
	position: absolute;
	width: 50vw;
	height: 1px;
	bottom: 0px;
	left: 100%;
	background: #ffffff;
}
#aboutict .aboutict_navi ul {
	position: relative;
	display: block;
	width: 225px;
}
.sp #aboutict .aboutict_navi ul {
	width: 70px;
}
#aboutict .aboutict_navi ul:after {
	position: absolute;
	content: "";
	display: block;
	width: 1px;
	height: calc(100% - 12px);
	right: 17px;
	top: 6px;
	background: #999999;
	z-index: 5;
}
.sp #aboutict .aboutict_navi ul:after {
	right: 49%;
}
#aboutict .aboutict_navi ul li {
	text-align: right;
}
.sp #aboutict .aboutict_navi ul li {
	text-align: center;
}
#aboutict .aboutict_navi ul li + li {
	margin-top: 45px;
}
#aboutict .aboutict_navi ul a {
	position: relative;
	display: inline-block;
	padding-right: 45px;
	color: #ffffff;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 13.2px;
	line-height: 0.825rem;
	-webkit-transition: opacity 0.2s, background 0.2s;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
	z-index: 10;
}
#aboutict .aboutict_navi ul a:hover {
	opacity: 0.7;
}
.sp #aboutict .aboutict_navi ul a {
	padding-right: 35px;
	height: 0.94286rem;
}
#aboutict .aboutict_navi ul a:after, #aboutict .aboutict_navi ul a:before {
	position: absolute;
	content: "";
	display: block;
	width: 24px;
	height: 16px;
	right: 5px;
	top: 50%;
	margin-top: -8px;
	background: #ffffff;
	z-index: 10;
	-webkit-transition: 0.8s;
	transition: 0.8s;
}
.sp #aboutict .aboutict_navi ul a:after, .sp #aboutict .aboutict_navi ul a:before {
	right: 10px;
	width: 15px;
	height: 24px;
	margin-top: -12px;
}
#aboutict .aboutict_navi ul a:before {
	background: #ff6600;
	z-index: 11;
	transform: scale(0);
}
#aboutict .aboutict_navi ul a:hover {
	opacity: 1;
}
#aboutict .aboutict_navi ul a:hover span {
	opacity: 0.7;
}
#aboutict .aboutict_navi ul a span {
	-webkit-transition: opacity  0.2s, color 0.6s;
	transition: opacity  0.2s, color 0.6s;
}
.sp #aboutict .aboutict_navi ul a span {
	display: none;
}
#aboutict .aboutict_navi ul li.current a:after {
	transform: scale(0);
}
#aboutict .aboutict_navi ul li.current a:before {
	transform: scale(1);
}
#aboutict .aboutict_navi ul li.current a span {
	color: #ff6600;
}
#aboutict.lock .aboutict_navi {
	position: fixed;
}
#aboutict.lock .panel .bg {
	position: fixed;
}
#aboutict.bottom .aboutict_navi {
	top: auto;
	bottom: 0px;
}
#aboutict.navi .aboutict_navi {
	margin-left: -245px;
	opacity: 1;
}
.sp #aboutict.navi .aboutict_navi {
	margin-left: 0px;
	margin-right: 0px;
}
#aboutict .panel {
	display: table;
	width: 100%;
	color: #ffffff;
	height: 100vh;
	z-index: 10;
	padding: 75px;
}
#aboutict .panel > * {
	display: table-cell;
	height: 100%;
	text-align: left;
	vertical-align: middle;
}
#aboutict .panel > div {
	position: relative;
	overflow: hidden;
}
#casetitle.noheight .main{ 	
    position: relative; 	
    width: 100%; 	
    box-sizing: border-box;
    /*padding: 0px 20px;*/
    padding-left: 5px;
}
#aboutict .panel .text {
	position: relative;
	width: 100%;
	max-width: 1178px; box-sizing: border-box;
	margin: auto;
	padding: 0px 20px;
	padding-left: 24px;
	padding-right: 265px;
	z-index: 15;
}
.sp #aboutict .panel .text {
	padding: 0px 10px;
}
.sp #aboutict .panel .text {
	padding-right: 80px;
}
#aboutict .panel .text > * {
	width: 100%;
	max-width: 460px;
}
#casetitle.noheight .main h2{ 
	color:#fff;
	padding: 0px;
	margin-bottom: 0px;
	font-size: 48px;
	font-size: 3rem;
	line-height: 52.8px;
	line-height: 3.3rem;
}
#aboutict .panel .text h2 {
	padding: 0px;
	margin-bottom: 45px;
	font-size: 48px;
	font-size: 3rem;
	line-height: 52.8px;
	line-height: 3.3rem;
}
.sp #aboutict .panel .text h2 {
	font-size: 32px;
	font-size: 2rem;
	line-height: 35.2px;
	line-height: 2.2rem;
}
#aboutict .panel .text h3 {
	max-width: 150px;
	margin-bottom: 10px;
	padding: 3px 5px;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 15.4px;
	line-height: 0.9625rem;
	color: #ffffff;
	background: #4d4d4d;
}
#aboutict .panel .text * + h3 {
	margin-top: 35px;
}
#aboutict .panel .text p {
	font-size: 16px;
	font-size: 1rem;
	line-height: 27.2px;
	line-height: 1.7rem;
}
#aboutict .panel .text > ul {
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 15.4px;
	line-height: 0.9625rem;
}
#aboutict .panel .text > ul > li + li {
	margin-top: 10px;
}
#aboutict .panel .text > ul > li {
	position: relative;
}
#aboutict .panel .text > ul > li:after {
	position: absolute;
	content: "";
	display: block;
	margin: 0px -24px -4px 0px;
	bottom: calc(14px + 0.55rem);
	right: 100%;
	border: 5px solid transparent;
	border-top: 8px solid #ff6600;
	border-bottom: 0px;
	-webkit-transition: 0.6s 1ms;
	transition: 0.6s 1ms;
}
#aboutict .panel .text > ul > li.open:after {
	margin-right: 14px;
	right: 6rem;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: 0.6s 0.4s;
	transition: 0.6s 0.4s;
}
#aboutict .panel .text > ul a {
	display: block;
	padding: 14px 14px 14px 36px;
	color: #000000;
	font-weight: bold;
	background: rgba(255, 255, 255, 0.7);
	-webkit-transition: opacity 0.2s, background 0.2s;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
#aboutict .panel .text > ul a:hover {
	opacity: 0.7;
}
#aboutict .panel .text > ul .more {
	display: none;
	margin-top: 1px;
}
#aboutict .panel .text > ul .more strong {
	color: #ff6600;
	font-size: 16px;
	font-size: 1rem;
	line-height: 17.6px;
	line-height: 1.1rem;
}
#aboutict .panel .text > ul .more ul {
	margin-top: 10px;
	margin-right: 14px;
}
#aboutict .panel .text > ul .more li {
	position: relative;
	padding-left: 18px;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 18.2px;
	line-height: 1.1375rem;
}
#aboutict .panel .text > ul .more li:after {
	position: absolute;
	content: "";
	display: block;
	margin-top: -5px;
	top: 0.65rem;
	left: 0px;
	width: 10px;
	height: 10px;
	background: #ff6600;
}
#aboutict .panel .text > ul .more li + li {
	margin-top: 8px;
}
#aboutict .panel .text > ul .more span {
	display: block;
	margin-top: 20px;
	text-align: right;
}
#aboutict .panel .bg {
	display: none;
}
.sp #aboutict .panel .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: none no-repeat center center;
	background-size: cover;
	z-index: 5;
}
.sp #aboutict .panel .bg img {
	display: none;
}
#aboutict .panel.view .bg {
	top: 0%;
	opacity: 1;
	transform: scale(1);
}
#aboutict .panel.out .bg {
	top: -100%;
	opacity: 1 !important;
	transform: scale(0.6) !important;
}


/* cases */
#case {
	/*padding: 55px 20px 50px;*/
	padding: 0px 20px 10px;
}
.sp #case {
	padding: 30px 0px;
}
#case h2 {
	margin: 0px 0px 45px;
	padding: 0px;
	text-align: center;
	font-size: 48px;
	font-size: 3rem;
	line-height: 52.8px;
	line-height: 3.3rem;
	color: #ffffff;
}
.sp #case h2 {
	margin-bottom: 20px;
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 26.4px;
	line-height: 1.65rem;
}
#case > div {
	position: relative;
	width: 100%;
	max-width: 1178px; box-sizing: border-box;
	margin: auto;
	padding: 0px 20px;
}
.sp #case > div {
	padding: 0px 10px;
}
#case > div.count2 {
	max-width: 620px;
}
#case > div.count2 > div > div {
	width: calc((100% - 20px - 5px) / 2);
}
#case > div.count3 {
	max-width: 920px;
}
#case > div.count3 > div > div {
	width: calc((100% - 40px - 5px) / 3);
}
#case > div.count4 > div > div {
	width: calc((100% - 60px - 5px) / 4);
}
#case > div > div {
	margin-right: -5px;
	overflow: hidden;
}
#case > div > div > div {
	float: left;
	width: calc((100% - 40px - 5px) / 3);
	margin-left: 20px;
	background: #ffffff;
}
.sp #case > div > div > div {
	float: none;
	width: calc(100% - 5px);
	margin-left: 0px;
	margin-top: 10px;
}
#case > div > div > div:first-child {
	margin-left: 0px;
}
#case > div a {
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 18.2px;
	line-height: 1.1375rem;
	font-weight: bold;
	color: #000000;
	-webkit-transition: opacity 0.2s, background 0.2s;
	transition: opacity 0.2s, background 0.2s;
	cursor: pointer;
}
#case > div a:hover {
	opacity: 0.7;
}
#case > div a > span {
	display: block;
}
#case > div a img {
	display: block;
	width: 100%;
	height: auto;
}
#case > div a .title {
	margin: 10px;
	min-height: 2.275rem;
}
#case > div a .name {
	padding: 5px 10px;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 15.6px;
	line-height: 0.975rem;
	font-weight: normal;
}
/* product */
#product {
	position: relative;
	overflow: hidden;
}
#product > img {
	position: absolute;
	display: block;
	width: 100%;
	min-width: 1366px;
	height: auto;
	right: 50%;
	bottom: 50%;
	-webkit-transform: translate(50%, 50%);
	transform: translate(50%, 50%);
	z-index: -1;
}
.sp #product > img {
	position: static;
	min-width: 0px;
	-webkit-transform: none;
	transform: none;
}
#product > div {
	position: relative;
	width: 100%;
	max-width: 1178px; box-sizing: border-box;
	margin: auto;
	padding: 0px 20px;
}
.sp #product > div {
	padding: 0px 10px;
}
.sp #product > div {
	background: #000000;
}
#product > div > div {
	width: 360px;
	padding: 40px 25px;
	color: #ffffff;
	background: rgba(0, 0, 0, 0.7);
}
.sp #product > div > div {
	width: 100%;
	padding: 30px 10px;
}
#product h2 {
	margin: 0px 0px 55px;
	font-size: 48px;
	font-size: 3rem;
	line-height: 52.8px;
	line-height: 3.3rem;
}
.sp #product h2 {
	margin-bottom: 30px;
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 26.4px;
	line-height: 1.65rem;
	text-align: center;
}
#product h3 {
	margin: 0px 0px 20px;
	font-size: 36px;
	font-size: 2.25rem;
	line-height: 39.6px;
	line-height: 2.475rem;
}
.sp #product h3 {
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 26.4px;
	line-height: 1.65rem;
}
#product p {
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 30.6px;
	line-height: 1.9125rem;
}
#product p.label {
	margin-bottom: 20px;
	padding: 10px;
	font-size: 21px;
	font-size: 1.3125rem;
	line-height: 23.1px;
	line-height: 1.44375rem;
	color: #000000;
	font-weight: bold;
	text-align: center;
	background: #ffffff;
}

/* added by wesley */
#intro {
    position: relative;
    max-width: 1178px; box-sizing: border-box;
    margin: 0 auto;
    padding: 0px;
    display: table;
    width: 100%;
    top: 0;
}
#intro > div.texts p {
    color: #fff;
    padding: 0;
    font-size: 25px;
    margin: 80px 0 20px 0;
}
#intro > div.texts h2 {
    color: #fff;
    padding: 0;
    font-size: 50px;
    margin: 30px 0 80px 0;
}
#intro > div.top {
    background: rgba(255,255,255,0.5);
    padding: 20px;
    font-weight: bold;
}
#intro > div.top h2 {
    font-size: 40px;
    border-left: 10px solid #FF7C00;
    line-height: 40px;
    vertical-align: bottom;
    margin: 0;
    padding: 0;
        padding-top: 0px;
    position: relative;
    top: -20px;
    text-indent: 15px;
    padding-top: 25px;
}
#intro > div.top ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#intro > div.top ul li {
    padding-left: 1em;
	text-indent: -1em;
    font-size: 22px;
    line-height: 32px;
}
#intro > div.top ul li:before {
    content: " ";
    margin-right: 15px;
    width: 10px;
    height: 10px;
    background: #FF7C00;
    display: inline-block;
    vertical-align: middle;
}
#intro > div.left {
        background-size: auto auto;
    background-size: cover;
    width: 60%;
    height: 100%;
    min-height: 350px;
    display: block;
    float: left;
}
#intro > div.right {
        background-size: auto auto;
    background-size: cover;
    width: 40%;
    height: 100%;
    min-height: 350px;
    display: block;
    float: right;
}


/* added by Thomas */
.jp ul li.search {
    margin-bottom: 0px;
}


/* new tabs */
div#tabber-box{
    margin:50px 0;
    padding:0;
}
div#tabber-box > div{
	overflow: hidden;
}
div#tabber-box .vc_tta-tabs-container {
    margin: auto;
    padding: 0;
}
div#tabber-box ul.vc_tta-tabs-list {
    margin: 0;
    padding: 0;
    padding-bottom: 30px;
    background: url(https://global2.staging.hitachi-kenki.co.jp/global/wp-content/themes/HCMENL/images/topicsbg.png) #555;
}
div#tabber-box li.vc_tta-tab {
    width: 50%;
    margin: 0;
    padding: 0;
    position: relative;
}
div#tabber-box li.vc_tta-tab.vc_active{
    background: #fff;
}
div#tabber-box li.vc_tta-tab.vc_active:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -20px;
    right: 0;
    background: url(https://global2.staging.hitachi-kenki.co.jp/global/wp-content/themes/HCMENL/images/tabarrow.png);
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    width: 100%;
}
div#tabber-box li.vc_tta-tab a{
    margin: 0;
    padding: 0;
    text-align: center;
    border-radius: 0 !important;
    background: #c3c3c3;
    border: none;
}
div#tabber-box li.vc_tta-tab a{
	display: block;
	height:50px;
	line-height: 50px;
}
div#tabber-box li.vc_tta-tab.vc_active a{
    box-shadow: 0px 5px 10px rgba(0,0,0,0.5);
	background: #fff;
}
div#tabber-box .vc_tta-panels{
    border: none;
    border-radius: 0;
	background: none;
}
div#tabber-box .vc_tta-panel{
	background: #fff;
	display: none;
}
div#tabber-box .vc_tta-panel.vc_active{
	display: block;
}
div#tabber-box .vc_tta-panel.tab-article{
	background: none;
    text-align: center;
    color: #fff;
    font-size: 25px;
    line-height: 40px !important;
    padding: 20px 20px 150px 20px;
}
div#tabber-box .vc_tta-panel.tab-article p{
	line-height: 40px !important;
}
div#tabber-box .vc_tta-panel-body{
    padding:0;
    margin:0;
}
div#tabber-box .hcm-button.black-button{
    width:auto;
    font-size:15px;
}

/* page tabs */
div.page-tabs{
	width:100%;
	display: block;
	margin: 0;
	padding: 0;
	margin-top: -35px;
}
div.page-tabs div.sidenav{
    width: 100%;
    box-sizing: border-box;
    background: none;
    height: 100%;
    padding: 0;
    margin: 30px 0px;
	display: block;
}
div.page-tabs div.sidenav a{
    display: inline-block;
    color: #000;
    background: #ddd;
    line-height: 48px;
    padding: 0 20px;
    min-height: 48px;
    position: relative;
    border: 1px solid transparent;
    margin: 0 1%;
    box-sizing: border-box;
    text-align: center;
}

div.page-tabs div.sidenav a:hover,
div.page-tabs div.sidenav a.active{
	background: none;
	border-color:#f60;
	color:#f60;
}
div.page-tabs div.contentbox{
	width: 100%;
	float: none;
	box-sizing: border-box;
    padding: 0 1%;
}

div.page-tabs #topnews{
	background: none !important;
}
div.page-tabs #topnews div.vc_column-inner{
	padding: 20px;
}

/* infographic */
#infographic{
    background:#E3E3E3
}
#infographic > div{
    position: relative;
    width: 100%;
    max-width: 1178px; box-sizing: border-box;
    margin: auto;
    padding: 30px 0 30px;
    background:#E3E3E3;
}

#infographic > div p{
    padding-bottom: 30px;
    padding-top: 15px;
}

#infographic > div img{
    width:100%;
    height:auto;
}
#infographic > div img.small{
    display:none;
}
.sp #infographic > div img.big{
    display:none;
}
.sp #infographic > div img.small{
    display:block;
}
/* info table */
div.tableholder{
    width:100%;
    overflow:auto;
}
table.infotable{
    width:100%;
    border-collapse:collapse;
}
.sp table.infotable.scrollable{
    min-width:767px;
}
table.infotable thead, table.infotable tbody{
    width:100%;
}
table.infotable thead tr th{
    background:#EEEEF0;
    padding:7px;
    text-align:center;
    border:1px solid #ddd;
    font-size:16px;
}
table.infotable tbody tr td{
    border:1px solid #ddd;
    text-align:center;
    padding:7px;
    font-size:16px;
}
table.infotable tbody tr td.grey{
    background:#EEEEF0;
}
div.tableinfobox{
    padding: 0;
    margin: 25px 0 60px 0;
    display: block;
    font-size: 16px;
    line-height: 30px;
    text-align: left;
    font-weight: bold;
}
div.tableinfobox span{
    background: #FF7C00;
    color: #fff;
    font-size: 16px;
    line-height:22px;
    padding: 5px;
    font-weight: bold;
}

/**/
.pointer-row > div.wpb_column{
    margin-bottom: 100px !important;
    position: relative;
}
.pointer-row > div.wpb_column:after{
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    height: 50px;
    background: url(images/divider-orange.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    float: none;
    display: block;
    content: "";
    background-position: top center;
}
.georgia{
	font-weight: 100;
	font-family: georgia
}
.wpb_column.padded-right{
	padding-right: 1%;
}
.wpb_column.padded-left{
	padding-left: 1%;
}
.contentbox .wpb_text_plain_column.wpb_content_element{
	margin-bottom: 0px !important;
}
div.number {
    width: 60px;
    text-align: center;
    display: block;
    float: left;
    height: 100%;
	min-height: 200px;
    line-height: 25px;
    font-size: 30px;
}
.sticky-top-menu{
	position: fixed;
    top: 0;
    width: 100%;
    height: auto;
    z-index: 9999;
    background: rgba(0,0,0,0.85);
	display: none;
	text-align: center;
}
body.admin-bar .sticky-top-menu{
	top:32px;
}
.sticky-top-menu a {
	/* height: 30px; */
    display: inline-block;
    line-height: 30px;
    color: #fff;
    padding: 0px 20px;
    background: none;
    text-decoration: none;
    transition: all 0.3s ease;
    margin: 10px 0;
    border-bottom: 1px solid transparent;
}
.sticky-top-menu a:hover{
	border-color: #fff;
	color:#f60;
}
.sticky-top-menu a.active{
	border-color: #f60;
	color:#f60;
}
.wpb_single_image.wpb_content_element.no-margin{
	margin: 0 !important
}
body.page-template-template-ict-detail-page.lang-jp .vc_column-inner .wpb_text_plain_column.wpb_content_element {
    padding: 15px;
}
body.page-template-template-environment.lang-jp .vc_column_container>.vc_column-inner{
    padding: 15px !important;
}
body.page-template-template-environment.lang-jp .wpb_single_banner_image{
    margin-bottom:20px;
}

body.lang-jp #contentCntr.environment .contentTopBox{
    margin-top:30px !important;
}
body.lang-jp #contentCntr.environment .contentBox{
    margin-top: 0px !important;
}

#pagebg.image{
    background-size: cover;
    background-repeat: no-repeat;
}

div#flt_btn.top {
    top: 270px;
}

#flt_btn {
	margin: 0;
    z-index: 9999999;
}

.cookie-popup-is-showing #flt_btn {
	margin: 0;
    z-index: 1499;
}

.slc_bt_area div {
    margin: 0 !important;
}

#flt_btn > .left {
	margin-bottom: 30px !important;
	float: left !important;
	width: 100%;
}

#flt_btn > .right {
	float: left !important;
	width: 100%;
}

.flt-scroll {
	position: fixed;
    top: 60px !important;
}

.flt-bottomfixed {
	position: fixed;
	top: unset !important;
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: stretch;
	width: 100%;
	bottom: 15px;
	left: 0;
}

.slc_bt_area div a {
    width: 100% !important;
    padding: 15px 0px !important;
}

.flt-divider {
	display: none;
}

.flt-marginer {
	display: none;
}

@media only screen and (max-width: 978px) {
	#flt_btn > .left a {
		font-size: 13px;
		width: 100% !important;
		float: none;
	}
	
	#flt_btn > .right a {
		font-size: 13px;
		width: 100% !important;
		float: none;
	}
	
}
@media only screen and (max-width: 767px) {
	#flt_btn > div.new.left > a > span {
		display: block;
	}
}
@media only screen and (max-width: 768px) {
	.flt-divider {
		width: 55px;
		display: block;
	}
	.flt-marginer {
		width: 15px;
		display: block;
	}

	#flt_btn > .left {
		flex: 1; 
		margin: 0 15px 0 15px;
	}

	#flt_btn > .right {
		flex: 1; 
		margin: 0 15px 0 15px;
	}
	
	#flt_btn > .left > a {
		width: auto !important;
		-webkit-box-shadow: 0px 2px 5px 1px rgba(0,0,0,.65);
                box-shadow: 0px 2px 5px 1px rgba(0,0,0,.65);
	}

	#flt_btn > .right > a {
		width: auto !important;
		-webkit-box-shadow: 0px 2px 5px 1px rgba(0,0,0,.65);
                box-shadow: 0px 2px 5px 1px rgba(0,0,0,.65);
	}
	#flt_btn > div.login.right > a {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 38px;
	}
	#flt_btn > div.login.right > a > span {
		display: flex;
		align-items: center;
		justify-content: center;
	}
}
@media only screen and (max-width: 380px) {
	.flt-divider {
		display: none;
	}
	.flt-marginer {
		display: none;
	}
	#flt_btn {
		position: fixed;
		display: block;
	}

	#flt_btn > .left {
		flex: unset;
		margin-bottom: 0px !important;
	}

	#flt_btn > .right {
		flex: unset;
	}
	#flt_btn > div.new.left > a > span {
		display: unset;
	}
	#flt_btn > div.login.right > a {
		height: auto;
	}
}

.tp-bgimg {
    background-size:100%;
}

.new-solution-linkage-bg {
    background: url('https://global2.staging.hitachi-kenki.co.jp/global/wp-content/uploads/2017/08/solution-linkage_back02.jpg') no-repeat fixed;
    background-size: cover;
}
#articlebox > div div.article {
    vertical-align: top;
}