@import url("//fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900");

.page-layout {
	font-family: 'Roboto', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	font-size: 13px !important;
	line-height: 1.8 !important;
	color: #53565a !important;
	text-transform: none !important;
	text-decoration: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #fff;
}

.page-layout * {
	font-family: 'Roboto', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.page-layout h2,
.page-layout h3,
.page-layout h4,
.page-layout h5 {
	padding: 0;
	border: none;
	background: none;
	font-weight: 500;
	color: #333;
	clear: inherit;
}




.introduction .cta-btn, 
.operation-block .cta-btn, 
.side-by-side .cta-btn, 
.reachback-form .form-button, 
.reachback-form .form-button, 
.thank-you .cta-btn, 
.tiles .cta-btn {
    margin: 0px;
    background-color: #0085D5;
    border-radius: 0;
    height: 37px;
    display: inline-block;
    font-family: robotomedium, Arial, Helvetica, sans-serif!important;
    border: none;
    font-size: 14px;
	line-height: 1.4;
    color: #ffffff;
	text-decoration: none;
    padding: 8px 20px;
}

.tiles .cta-btn, 
.introduction .cta-btn, 
.side-by-side .cta-btn {
    margin-top: 30px;
}

.cta-btn:hover, .cta-btn:focus, .cta-btn:active, .cta-btn.active, .open .dropdown-toggle.cta-btn {
    color: #ffffff;
    background-color: #00426a;
}


.clear {
    clear: both;
    overflow: auto;
}
br.none {
	display: none;
}
.introduction .clear, 
.operation-block .clear, 
.side-by-side .clear {
    clear: both;
}








.banner-container {
    margin: 0 auto;
    max-width: 1280px;
    margin-top: -164px;
    display: flex;
    align-items: center;
}
.banner-container.under-breadcrumb {
    margin-top: 0;
}

.banner-container .content {
    background-color: rgba(48, 48, 48, 0.8);
    color: #ffffff;
    margin-left: 20px;
    padding: 20px;
    position: absolute;
    z-index: 1;
    max-width: 500px;
    width: 55%;
    min-width: 316px;
}
.banner-container .short {
    transform: translate(0%,74%);
}

.banner-container .content h1 {
    font-family: roboto_condensedlight, Arial, Helvetica, sans-serif!important;
    font-size: 34px;
	font-weight: 500;
    line-height: 1.1;
    margin: 0px;
    text-transform: none;
    color: #ffffff;
}

@media screen and (max-width: 1280px) {
	.banner-container .content h1 {
		font-size: 28px;
	}
}

.banner-container .content > p {
	font-family: robotoregular, Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 29px;
	font-weight: 500 !important;
}
.banner-container.short-banner .content > p {
	margin: 3px 0px 0px 0px;
}


.carousel-container.banner-container {
    display: block;
}
.carousel-container .bx-wrapper {
    position: relative;
    margin: 0 auto 0px 0px !important;
    padding: 0;
}
.carousel-container .bx-wrapper .bx-viewport {
    border: 0 !important;
    left: 0px;
}
.carousel-container ul {
    margin: 0;
    padding: 0;
}
.bx-clone {
    display: none !important;
}
hero-banner .carousel-container ul li img {
    max-height: 545px !important;
    height: 100% !important;
}
.banner-container .transparent-message-box {
    background-color: rgba(34, 34, 34, 0.7);
    bottom: inherit;
    color: #ffffff;
    margin-left: 20px;
    max-height: inherit;
    padding: 20px;
    position: absolute;
    max-width: 600px;
    min-width: 396px;
    width: 55%;
    z-index: 1;
}
.banner-container .transparent-message-box h1.headline-title {
    font-family: roboto_condensedlight, Arial, Helvetica, sans-serif!important;
    font-size: 34px;
    line-height: 1.1 !important;
    margin: 0px;
    color: #ffffff;
    font-weight: inherit;
}
.banner-container .transparent-message-box h2.headline-title {
    font-family: roboto_condensedlight, Arial, Helvetica, sans-serif!important;
    font-size: 34px;
    line-height: 1.1 !important;
    margin: 0px;
    color: #ffffff;
    font-weight: inherit !important;
}
.banner-container .transparent-message-box p.headline-sub-title {
    font-family: robotoregular, Arial, Helvetica, sans-serif!important;
    font-size: 17px;
    line-height: 1.45;
    margin: 18px 0px 0px 0px;
    color: #ffffff;
}
.banner-container .transparent-message-box .read-more, .banner-container .content a .read-more {
    margin-top: 23px;
    padding: 14px 20px 0px 20px;
    display: inline-block;
    height: 54px;
    border: #ffffff 1px solid;
    margin-bottom: 0px;
    font-family: robotomedium, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #ffffff;
	line-height: 1.4;
    text-transform: none;
}

@media screen and (max-width: 1280px) {
	.banner-container .transparent-message-box h1.headline-title,
	.banner-container .transparent-message-box h2.headline-title {
		font-size: 28px;
	}
	.banner-container .transparent-message-box p.headline-sub-title {
		font-size: 15px;
	}
	.banner-container .transparent-message-box .read-more, .banner-container .content a .read-more {
		margin-top: 15px;
		padding: 5px 15px 0px 15px;
		display: inline-block;
		height: 34px;
		font-size: 15px;
	}
}

@media screen and (max-width: 992px) {
	.banner-container .transparent-message-box {
		top: 175px!important;
	}
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
}
.bx-wrapper .bx-pager {
    text-align: right !important;
}
.bx-wrapper .bx-pager {
    font-size: 2px !important;
    text-decoration: none !important;
}
.bx-wrapper .bx-pager {
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 13px !important;
}
.bx-wrapper .bx-pager {
    width: 184px;
}
.banner-container .bx-wrapper .bx-pager {
    bottom: 19px !important;
    margin-left: 35px;
    top: inherit;
}
.bx-pager-item {
    float: left;
}
.bx-wrapper .bx-pager .bx-pager-item, 
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    width: 15px;
    margin: 0 4px;
}
.banner-container .bx-wrapper .bx-pager .bx-pager-item {
    margin-left: 1px;
    width: 12px;
}
.bx-pager-link {
    padding-top: 0px;
    padding-right: 4px;
}
.bx-wrapper .bx-pager a {
    text-decoration: none !important;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    text-indent: inherit !important;
    margin: 0 3px !important;
	display: block;
}
.banner-container .bx-wrapper .bx-pager.bx-default-pager a {
    background: #333 !important;
    border: 1px solid #d1d1d1;
    border-radius: 5px !important;
    font-size: 0;
    height: 12px !important;
    width: 12px !important;
}
.banner-container .bx-wrapper .bx-pager.bx-default-pager a:hover, 
.carousel-container .bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: #0085d5 !important;
    color: #0085d5 !important;
}
.carousel-container .bx-controls-direction {
    display: none;
}

a.carousel-video {
	cursor: pointer;
}


.hr-line {
    border: 0;
    border-bottom: 1px solid #E7E7E6;
    margin: 0;
}
hr {
    height: 0;
}




introduction {
    max-width: 1232px;
    min-width: 720px;
    margin: 0 auto;
    padding: 0 15px;
    display: block;
}

.introduction {
    max-width: 65.83%;
    margin: 55px 0px 60px 0px;
}

.intro-title {
    font-family: roboto_condensedlight, Arial, Helvetica, sans-serif!important;
    font-size: 27px;
    line-height: 1.35 !important;
    color: #303030;
    margin-top: -3px;
    font-weight: normal !important;
    margin-bottom: 0px;
}
.intro-desc {
    font-family: robotoregular, Arial, Helvetica, sans-serif!important;
    font-size: 15px;
    line-height: 24px;
    color: #202020;
    margin-bottom: -7px;
}
.intro-desc p {
    font-family: robotoregular, Arial, Helvetica, sans-serif!important;
    font-size: 15px;
    line-height: 24px;
    color: #202020;
    margin-top: 2ex;
    margin-bottom: 0px;
}







.tiles {
    width: 100%;
    background-color: #F0F0F0;
    padding-top: 60px;
}

.tiles-content {
    margin: 0 auto;
    max-width: 1240px;
    padding-bottom: 60px;
    padding-left: 19px;
}

.tiles .title {
    color: #303030;
    font-family: roboto_condensedlight, Arial, Helvetica, sans-serif !important;
    font-size: 27px;
    margin-top: -4px;
    margin-bottom: 23px;
    line-height: 1.35;
    font-weight: normal !important;
}

.tiles .three, .tiles .two {
    display: inline-flex;
    width: 100%;
}
.tiles .three .tile {
    width: 30.959%;
    height: 478px;
}
.tiles .tile {
    padding: 30px;
    background-color: white;
    margin-top: 3px;
}
.tiles .two .tile {
    width: 47.666%;
    height: 600px;
}
.tiles .two > div.tile:nth-child(2) {
    margin-left: 30px;
}
.tiles .three > div.tile:nth-child(2), 
.tiles .three > div.tile:nth-child(3) {
    margin-left: 30px;
}

.tiles .three .tile .image-video {
    position: relative;
    width: 100%;
}
.tiles .three .tile img {
    width: 100%;
	height: auto;
}
.tiles .three .tile h3, 
.tiles .two .tile h3 {
    font-family: roboto_condensedlight, Arial, Helvetica, sans-serif!important;
    font-size: 22px;
    line-height: 1.25;
    color: #303030;
    margin: 18px 0px 3px;
}
.tiles .three .tiledesc {
    margin-top: -9px;
}
.tiles .three .tile p, 
.tiles .two .tile p {
    font-family: robotoregular, Arial, Helvetica, sans-serif!important;
    font-size: 15px;
    line-height: 1.3;
    color: #202020;
    margin-bottom: -5px;
    word-wrap: break-word;
}






.side-by-side {
    padding-top: 61px;
    padding-bottom: 60px;
}

.side-by-side .content {
    max-width: 1232px;
    min-width: 720px;
    margin: 0 auto;
    padding: 0 19px;
}
.side-by-side .content .left.big-image {
    float: left;
    max-width: 51.255%;
    width: 51.255%;
    margin-bottom: -2px;
    margin-top: 0px;
}
.side-by-side .content .left.text.big-image {
    float: left;
    max-width: 51.255%;
    width: 51.255%;
    margin-top: -3px;
}
.side-by-side .content .left .image-video, 
.side-by-side .content .left .text {
    position: relative;
    margin-right: 30px;
}
.side-by-side .content .left.small-image {
	float: left;
	max-width: 34.171%;
	width: 34.171%;
}

.side-by-side .content .title {
    color: #303030;
    font-family: roboto_condensedlight, Arial, Helvetica, sans-serif!important;
    font-size: 27px;
    line-height: 1.25 !important;
    margin-top: -8px;
    margin-bottom: 20px;
    font-weight: 500 !important;
}
.side-by-side .content .left .text description, 
.side-by-side .content .right .text description {
    margin-bottom: -6px;
    margin-top: 17px;
}
.side-by-side .content description {
    font-family: robotoregular, Arial, Helvetica, sans-serif !important;
    font-size: 15px;
    line-height: 24px;
    color: #202020;
}
.side-by-side p {
    margin: 0px;
}
.side-by-side description p:not(:first-child) {
    padding-top: 20px;
}
.side-by-side .content .right.big-image {
    float: right;
}
.side-by-side .content .right.big-image {
    float: left;
    max-width: 48.745%;
    width: 48.745%;
    position: relative;
    margin-top: -3px;
}
.operation-block .content .right img, 
.side-by-side .content .right .image-video img {
    float: right;
}
.operation-block .content img, 
.side-by-side .content img {
    height: 100%;
    width: 100%;
}
.side-by-side > div:not(:first-child) {
    display: none;
    margin-top: 60px;
}




.related-products {
    width: 100%;
    background-color: #F0F0F0;
    padding-top: 60px;
}
.related-products-content {
    margin: 0 auto;
    max-width: 1240px;
    padding-bottom: 60px;
    padding-left: 19px;
}
.related-products .title {
    font-family: roboto_condensedlight, Arial, Helvetica, sans-serif !important;
    font-size: 24px !important;
    margin-top: -4px;
    margin-bottom: 28px;
    color: #303030;
    font-weight: normal !important;
    width: 64.374%;
}
.related-products .related-products-content .four {
    display: inline-flex;
    width: 100%;
}
.related-products .related-product {
    padding: 30px 30px 16px;
    background-color: white;
    max-width: 276px;
}
.related-products .related-products-content .four .rp-image {
    position: relative;
    width: 100%;
    height: 0px;
    padding-top: 163px;
    margin-bottom: 2ex;
}
.related-products .related-products-content .four .rp-image a {
    display: block;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
}
.related-products .related-products-content .four .rp-image img {
    width: auto;
    height: auto;
    display: block;
    left: 0px;
    top: 0px;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    margin: auto;
}
.related-products .four .related-product .rp-text .rp-text-content {
    max-height: 166px;
    min-height: 166px;
    overflow: hidden;
    position: relative;
}
.related-products .four > div.related-product {
    margin-left: 30px;
	width: 25%;
}
.related-products .four > div.related-product:first-child, 
.related-products .four > div.related-product:nth-child(4n + 1) {
    margin-left: 0;
}
.related-products .four .related-product h4 {
    color: #0085D5 !important;
    font-size: 16px;
	line-height: 1.25;
    font-family: robotoregular,Arial,Helvetica,sans-serif!important;
    font-weight: 400;
    margin: 23px 0px 18px;
    padding-top: 16px;
    border-top: 1px solid #d4d9dd;
}
.related-products .four .related-product p {
    font-family: robotoregular, Arial, Helvetica, sans-serif!important;
    font-size: 12px;
    color: #5A6772;
	line-height: 1.4;
}
.rp-fill {
    background: #fff;
    height: 100%;
    position: absolute;
    width: 100%;
}
.related-product .category {
    font-family: robotoregular, Arial, Helvetica, sans-serif!important;
    font-size: 11px;
    margin: 16px 0px 9px;
    font-style: italic;
	line-height: 1.4;
}

.pagination-container {
    padding: 8px 30px 54px 0px;
}
ul.pagination {
	margin: 15px 0 15px 0;
	padding: 0;
    float: right;
}
.leftAlignRP {
    line-height: 45px;
    height: 42px;
    margin: 15px 15px 15px 0;
    padding-left: 23px;
	font-size: 14px;
    float: right;
}
.pagination > li {
    display: inline;
}
.pagination > li > a, 
.pagination > li > span {
    position: relative;
    float: left;
    line-height: 11px;
	text-align: center;
    text-decoration: none;
    border: 1px solid #D0D0CE;
    font-size: 14px;
    padding: 10px 7px;
    margin: 0px 4px 0px 4px;
	background: #fff;
    border-radius: 0px;
    display: inline-block;
}
.pagination > .disabled > span, 
.pagination > .disabled > span:hover, 
.pagination > .disabled > span:focus, 
.pagination > .disabled > a, 
.pagination > .disabled > a:hover, 
.pagination > .disabled > a:focus {
    color: #D3D8DC;
    background-color: #fff;
    border-color: #D3D8DC;
    cursor: auto;
}
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {
    z-index: 2;
    color: #202020;
    background-color: #EDEFF0;
    border-color: #202020;
    cursor: default;
}

.pagination > li.prev > a, 
.pagination > li.next > a {
    width: 25px;
    height: 33px;
}
.pagination > li.disabled.prev > a::before, 
.pagination > li.disabled.next > a::before {
    color: #D0D0CE;
}
.pagination > li.prev > a::before, 
.pagination > li.page-back > a::before {
	display: none;
	font-family: 'Font Awesome 5 Solid';
    content: "\f0d9";
    position: absolute;
}
.pagination > li.next > a::before, 
.pagination > li.page-forward > a::before {
	display: none;
	font-family: 'Font Awesome 5 Solid';
	content: "\f0da";
    position: absolute;
}
.pagination > li:first-child > a, 
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}




.carousel-video-wrap .ui-dialog {
    border: none;
}
.ui-widget-content {
    background: #fff;
    color: #333;
}
.ui-dialog {
	z-index: 1000;
    overflow: hidden;
    position: absolute;
    padding: 0px;
    outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
    cursor: default;
    padding: 14px 20px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #edeff0;
    padding-right: 17px;
    margin: 0 !important;
	border: none;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    padding-left: 19px !important;
}

span.ui-dialog-title {
    font-family: roboto_condensedlight !important;
    font-size: 24px;
	font-weight: 500;
	line-height: 1.4;
	text-align: left;
    color: #303030;
}
.carousel-video-wrap .ui-dialog .ui-dialog-titlebar {
    padding-left: 50px !important;
}
button.ui-dialog-titlebar-close::before {
    font-size: 30px;
    color: #0085D5;
    content: "×";
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
	opacity: 0.8;
}
.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 5px;
    width: auto;
    margin: -10px 0 0 0;
    height: auto;
    padding: 20px 1em;
	border: none;
}
.carousel-video-wrap #carousel-video-modal {
    padding: 0px;
    margin: 0px;
    border: none;
    overflow: hidden;
}
.ui-dialog .ui-dialog-content {
    position: relative;
    background: none;
}
#ct-video-desc video {
	width: 100%;
}

.operation-block .content .left img.play-icon, 
.operation-block .content .right img.play-icon, 
.side-by-side .content .left img.play-icon, 
.side-by-side .content .right img.play-icon {
    width: 70px;
    height: 70px;
    display: block;
    left: 0px;
    top: 0px;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    margin: auto;
}
.tiles .two .tile .image-video {
	position: relative;
	width: 100%;
}
.tiles .two .tile .image-video img {
	vertical-align: middle;
}
.tiles .two .tile img {
	width: 100%;
}
.tiles .three .tile img.play-icon, 
.tiles .two .tile img.play-icon {
    width: 48px!important;
    height: 48px!important;
    display: block;
    left: 0px;
    top: 0px;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    margin: auto;
}


.accordion dl {
  margin: 0;
  padding-left: 19px;
}
.accordion dl dt {
	max-width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	border-bottom: 1px solid #d4d9dd;
	padding-left: 92px;
	color: #808A8E;
	font-weight: 400;
	position: relative;
	background-color: transparent;
	line-height: 50px;
	cursor: pointer;
}
.accordion dl dd {
	max-width: 100%;
	margin: 0;
	padding: 25px 25px 25px 88px;
	border-bottom: 1px solid #d4d9dd;
}
.accordion dl dt:before {
	font-family: FontAwesome;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e602";
	display: block;
	position: absolute;
	top: 14px;
	left: 0px;
	font-size: 21px;
	color: #0085d5;
       cursor: pointer;
}
.accordion dl dt.active:before {
content: "\e601";
}


.faq {
    max-width: 1232px;
    min-width: 720px;
    margin: 0 auto;
    padding: 0 19px;
    padding-bottom: 60px;
    padding-top: 53px;
}
.faq-section-container {
    width: 786px;
}
.faq .faq-title {
    margin: 0;
    font-size: 26px;
    color: #303030;
    line-height: 1.5;
    margin-bottom: 17px;
    margin-top: 0;
    font-family: roboto_condensedlight, Arial, Helvetica, sans-serif;
	font-weight: 400!important;
}
.faq .faq-content > .accordion {
    margin-top: 0;
}
.faq .faq-content .accordion .slotdata {
    width: 990px;
}
.faq .faq-content .accordion .slotdata {
    border-bottom: 1px solid #B1B3B3;
}
.faq .accordion dl {
    padding-left: 26px;
}
.faq .accordion dl dt::before {
    top: 5px;
    background: url(plus.svg);
    content: "";
    height: 20px;
    width: 20px;
}
.faq .accordion dl dt.active::before {
    top: 5px;
    background: url(minus.svg);
    content: "";
    height: 20px;
    width: 20px;
}
.faq .accordion dl dt {
    padding-left: 76px;
    padding-top: 0px;
    margin-top: 21px;
    border-bottom: none;
}
.faq .accordion dl dt.active {
    border-bottom: none;
}
.faq .faq-sec-heading, 
.faq .faq-sec-heading > div {
    font-size: 23px;
    color: #303030;
    line-height: 1.5;
    font-family: roboto_condensedlight, Arial, Helvetica, sans-serif!important;
	font-weight: 500;
    margin-bottom: 20px;
    width: 786px;
    margin-top: 0;
}
.faq .accordion dl dd {
    padding: 0px 25px 0px 76px;
    border-bottom: none;
	display: none;
}
.faq .accordion dl dd.collapse.in {
	display: block;
    border-bottom: none !important;
}
.faq .faq-sec-desc {
    font-family: robotoregular, Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.5;
    color: #202020;
    margin-top: 0px;
    margin-bottom: 24px;
    width: 786px;
}
.faq .faq-sec-desc p, .faq .faq-sec-desc ol, .faq .faq-sec-desc ul {
    margin: 0px;
}
.faq .faq-media img.faqimage {
  width: 786px;
  height: 442px;
  margin-bottom: 30px;
}
.faq .faq-desc {
	margin-top: 0;
	margin-bottom: 19px;
	font-family: robotoregular, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #202020;
}

.spec-table-container {
	width: 100%;
	padding-top: 51px;
	font-size: 14px;
	line-height: 1.5;
	color: #202020;
}
.spec-table-container .spec-table-content {
    margin: 0 auto;
    max-width: 1240px;
    padding-left: 19px;
}
.spec-table-container .spec-table-content .section-container {
    width: 64.374%;
}
.spec-table-container .spec-table-content .section-container .title {
    font-family: roboto_condensedlight, Arial, Helvetica, sans-serif;
    font-size: 28px;
    line-height: 37px !important;
    color: #303030;
    font-weight: normal !important;
    margin: 0 auto 16px;
}
.spec-table-container .spec-table-content .section-container .desc {
    font-family: robotoregular, Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #202020;
    padding-bottom: 6px;
    padding-top: 2px;
    margin-bottom: 0px;
    margin-top: 0px;
}
.spec-table-container .spec-table-content .spec-table-data-container {
    padding-bottom: 12px;
    margin-top: 8px;
    margin-bottom: 35px;
}
.spec-table-container .spec-table-content .spec-table-data-container .spec-table p {
    margin: 2ex 0 3ex;
}

table.SpecificationTable {
    width: 70%;
    border-collapse: collapse;
    border-spacing: 0;
    display: inline-block;
    padding-bottom: 0.5%;
    border: none;
    height: auto;
    background-clip: padding-box;
    width: auto;
    color: #202020 !important;
    font-family: robotoregular,Helvetica,Arial,sans-serif !important;
    font-size: 14px !important;
}
.SpecificationTable tbody {
    border: #CCC 1.5px solid !important;
    border-spacing: 0;
    background-clip: padding-box;
    border-collapse: separate !important;
    padding: 0;
}
.SpecificationTable tr {
    border: #CCC 1.5px solid;
}
.SpecificationTable tr:nth-child(2n) {
    background: #F4F3F1;
}
.SpecificationTable tr:first-child, 
.SpecificationTable tr:first-child td {
    background: none;
    font-weight: 600;
    color: #202020 !important;
    font-family: robotoregular,Helvetica,Arial,sans-serif !important;
    font-size: 14px !important;
}
.SpecificationTable td {
    padding: 7px;
    border: #CCC 1.5px solid;
    text-align: left;
    vertical-align: top;
    background-clip: padding-box;
    position: static;
    font-size: 14px !important;
    color: #202020 !important;
}
.SpecificationTable tr:first-child, .SpecificationTable tr:first-child td {
    background: none;
    font-weight: 600;
    color: #202020 !important;
    font-family: robotoregular,Helvetica,Arial,sans-serif !important;
    font-size: 14px !important;
}


.categories > div {
	background-color: #0085D5;
	max-width: 1280px;
	margin: 0 auto;
}
.categories > div > ul {
	list-style: none outside none;
	max-width: 1239px;
	padding-left: 19px;
	min-width: 720px;
	display: flex;
	flex-wrap: nowrap;
	margin: 0 auto;
}
.categories > div > ul li {
	margin-right: 30px;
	display: inline-block;
	position: relative;
	word-break: normal;
	text-align: center;
	cursor: pointer;
}
.categories > div > ul li.active::before {
	content: "";
	position: absolute;
	left: 0;
	margin-left: 0px;
	bottom: 0px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0px 11px 10px;
	border-color: transparent transparent #FFF;
	right: 0;
	margin: auto;
}
.categories h4 {
	font-family: robotomedium, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	padding: 13px 0px;
	margin: 0px;
	color: #FFFFFF;
}
.ng-hide {
	display: none!important;
}



body.sp .banner-container {
	margin-top: 0;
	max-width: 100%;
}

body.sp .banner-container .transparent-message-box {
	top: 0!important;
	left: 0;
	max-width: 100%;
	min-width: 100%;
	height: 100%;
	margin-left: 0;
	padding: 10px 20px;
}
body.sp .banner-container .transparent-message-box h1.headline-title,
body.sp .banner-container .transparent-message-box h2.headline-title {
	padding: 0;
	font-size: 16px;
	font-weight: bold;
}
body.sp .banner-container .transparent-message-box p.headline-sub-title {
	margin-top: 5px;
	font-size: 11px;
}
body.sp .banner-container .transparent-message-box .read-more, .banner-container .content a .read-more {
	margin-top: 15px;
	padding: 5px 15px 0px 15px;
	display: inline-block;
	height: 34px;
	font-size: 15px;
}

body.sp .banner-container .bx-wrapper .bx-pager {
	display: none;
}
body.sp .banner-container .bx-wrapper .bx-controls-direction {
	display: block;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
	position: absolute;
	bottom: -15px;
	width: 100%;
}
body.sp .banner-container .bx-wrapper .bx-controls-direction a {
	display: inline-block;
    position: relative;
    text-indent: unset;
    z-index: 10;
    background-color: #fff;
    width: 70px;
	height: 32px;
    text-align: center;
	font-family: "Roboto","Helvetica Neue",Arial,Helvetica,sans-serif;
	text-decoration: none;
}
body.sp .banner-container .bx-wrapper .bx-controls-direction a.bx-prev {
	border-top-right-radius: 40%;
}
body.sp .banner-container .bx-wrapper .bx-controls-direction a.bx-next {
	border-top-left-radius: 40%;
}

body.sp .banner-container .short {
	transform: none;
}
body.sp .banner-container .content {
	margin-left: 20px;
	padding: 20px;
	position: absolute;
	max-width: 70%;
	width: 70%;
	min-width: auto;
}
body.sp .banner-container .content h1 {
	padding: 0;
    font-size: 18px;
}



body.sp introduction {
    max-width: 100%;
    min-width: 100%;
    margin: 30px 0 0;
    padding: 0 20px;
    display: block;
}

body.sp .introduction {
    max-width: 100%;
    margin: 30px 0px;
}

body.sp .tiles-content {
    margin: 0 auto;
    max-width: 100%;
    padding: 10px;
}

body.sp .intro-title {
	font-size: 24px;
}

body.sp .tiles {
    padding-top: 0;
}

body.sp .tiles .three, 
body.sp .tiles .two {
    display: block;
}

body.sp .tiles .three .tile {
    width: 100%;
    height: auto;
}
body.sp .tiles .tile {
    padding: 15px;
    background-color: #fff;
    margin: 10px 0;
}

body.sp .tiles .title {
    margin: 20px 0 15px;
	font-size: 24px;
}

body.sp .tiles .two .tile {
    width: 100%;
    height: auto;
}
body.sp .tiles .two > div.tile:nth-child(2) {
    margin-left: 0;
}

body.sp .tiles .three > div.tile:nth-child(2), 
body.sp .tiles .three > div.tile:nth-child(3) {
    margin-left: 0;
}

body.sp .tiles .three .tile p, 
body.sp .tiles .two .tile p {
	margin-top: 1em;
}


body.sp .side-by-side .content {
    max-width: 100%;
    min-width: 100%;
    margin: 0 auto;
    padding: 0 20px 10px;
}

body.sp .side-by-side {
    padding-top: 15px;
    padding-bottom: 15px;
}

body.sp side-by-side any {
    display: flex;
    flex-flow: row wrap;
}
body.sp side-by-side any > .text {
    order: 2;
}
body.sp .side-by-side .content .right.big-image {
    float: none;
    max-width: 100%;
    width: 100%;
    position: relative;
    margin-top: 0;
}
body.sp .side-by-side .content .left.text.big-image {
    float: none;
    max-width: 100%;
    width: 100%;
    margin-top: 0;
}
body.sp .side-by-side .content .left.big-image {
    float: none;
    max-width: 100%;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
}
body.sp .side-by-side .content .left .image-video, 
body.sp .side-by-side .content .left .text {
    position: relative;
    margin-right: 0;
}
body.sp .side-by-side .content .left.small-image {
	float: none;
    max-width: 100%;
    width: 100%;
}
body.sp .side-by-side .content .title {
	margin: 18px 0px 3px;
	font-size: 22px;
	line-height: 1.25;
}
body.sp .side-by-side p {
	margin: 1em 0 0;
	line-height: 1.3;
}
body.sp .side-by-side description p:not(:first-child) {
    padding-top: 0;
}


body.sp .intro-desc ul {
    margin-top: 2ex;
	padding-left: 15px;
}



body.sp .related-products {
    background-color: #f0f0f0;
    padding: 20px;
}
body.sp .related-products-content {
    margin: 0 auto;
    max-width: 100%;
	padding: 0;
}
body.sp .related-products .title {
    margin: 0;
    width: 100%;
}
body.sp .related-products .four {
    display: flex;
    flex-wrap: wrap;
}
body.sp .related-product {
    padding: 10px;
    background: #fff;
    min-width: 100%;
    margin: 10px 0;
}
body.sp .related-products .related-product {
    padding: 20px;
    max-width: 100%;
}
body.sp .related-products .four > div.related-product {
    margin-left: 0;
	width: 100%;
}
body.sp .related-products .related-products-content .four .rp-image {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 0;
    margin-bottom: 0;
}
body.sp .related-products .related-products-content .four .rp-image a {
    display: block;
    position: relative;
}
body.sp .related-products .related-products-content .four .rp-image img {
	position: relative;
}
body.sp .related-products .four .related-product .rp-text .rp-text-content {
	max-height: none;
	min-height: auto;
}
body.sp .related-products .four .related-product h4 {
    margin: 1ex 0;
    padding-top: 0;
    border-top: none;
}
body.sp .related-products .four .related-product p {
    font-size: 13px;
}
body.sp .pagination-container {
	padding-right: 0;
}

body.sp .tiles .two .tile .image-video img {
	width: 100%;
	height: auto;
}
body.sp .faq {
    max-width: 100%;
    min-width: 100%;
}
body.sp .faq-section-container {
    width: 100%;
}
body.sp .faq .faq-content .accordion .slotdata {
    width: 100%;
}
body.sp .faq .faq-sec-heading {
    width: 100%;
}
body.sp .faq .faq-sec-desc {
    width: 100%;
}
body.sp .faq .accordion dl {
    padding-left: 5px;
}
body.sp .faq .accordion dl dt {
    padding-left: 40px;
}
body.sp .faq .accordion dl dd {
    padding-left: 40px;
}

body.sp .spec-table-container .spec-table-content {
    margin: 0 auto;
    max-width: 100%;
    padding: 0 19px;
}
body.sp .spec-table-container .spec-table-content .section-container {
    width: 100%;
}
body.sp .SpecificationTable td {
	padding: 7px 3px;
}

/* bxslider */
.page-layout .flex-bxslider {
    opacity: 0;
}