@charset "utf-8";
/**=========================================================

 * CSS Information

 * Theme Name   :  Yokogawa

 * Author       :  Yichen & Jayesh

 * Description  :  October 2022

 * File Name	:  style.css

=========================================================**/

@font-face { font-family: "Myriad Pro"; src: url("https://dev-wbo-assets-s3.s3.amazonaws.com/s3/mspandorasbox/yokogawa/the-mottainai/fonts/MyriadPro-Bold.woff2") format("woff2"),  url("https://dev-wbo-assets-s3.s3.amazonaws.com/s3/mspandorasbox/yokogawa/the-mottainai/fonts/MyriadPro-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: "Helvetica Neue"; src: url("https://dev-wbo-assets-s3.s3.amazonaws.com/s3/mspandorasbox/yokogawa/the-mottainai/fonts/HelveticaNeue-Bold.woff2") format("woff2"),  url("https://dev-wbo-assets-s3.s3.amazonaws.com/s3/mspandorasbox/yokogawa/the-mottainai/fonts/HelveticaNeue-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: "Helvetica Neue"; src: url("https://dev-wbo-assets-s3.s3.amazonaws.com/s3/mspandorasbox/yokogawa/the-mottainai/fonts/HelveticaNeue-Medium.woff2") format("woff2"),  url("https://dev-wbo-assets-s3.s3.amazonaws.com/s3/mspandorasbox/yokogawa/the-mottainai/fonts/HelveticaNeue-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Helvetica Neue"; src: url("https://dev-wbo-assets-s3.s3.amazonaws.com/s3/mspandorasbox/yokogawa/the-mottainai/fonts/HelveticaNeue.woff2") format("woff2"),  url("https://dev-wbo-assets-s3.s3.amazonaws.com/s3/mspandorasbox/yokogawa/the-mottainai/fonts/HelveticaNeue.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "Avenir"; src: url("https://dev-wbo-assets-s3.s3.amazonaws.com/s3/mspandorasbox/yokogawa/the-mottainai/fonts/Avenir-Book.woff2") format("woff2"),  url("https://dev-wbo-assets-s3.s3.amazonaws.com/s3/mspandorasbox/yokogawa/the-mottainai/fonts/Avenir-Book.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "Avenir"; src: url("https://dev-wbo-assets-s3.s3.amazonaws.com/s3/mspandorasbox/yokogawa/the-mottainai/fonts/Avenir-Medium.woff2") format("woff2"),  url("https://dev-wbo-assets-s3.s3.amazonaws.com/s3/mspandorasbox/yokogawa/the-mottainai/fonts/Avenir-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Avenir"; src: url("https://dev-wbo-assets-s3.s3.amazonaws.com/s3/mspandorasbox/yokogawa/the-mottainai/fonts/Avenir-Black.woff2") format("woff2"),  url("https://dev-wbo-assets-s3.s3.amazonaws.com/s3/mspandorasbox/yokogawa/the-mottainai/fonts/Avenir-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Avenir"; src: url("https://dev-wbo-assets-s3.s3.amazonaws.com/s3/mspandorasbox/yokogawa/the-mottainai/fonts/Avenir-Roman.woff2") format("woff2"),  url("https://dev-wbo-assets-s3.s3.amazonaws.com/s3/mspandorasbox/yokogawa/the-mottainai/fonts/Avenir-Roman.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; }
*,  *:after,  *:before { margin: 0; padding: 0; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { height: 100%; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html,  body { height: 100%; }
body { font-family: "Avenir"; font-size: 16px; color: #000; font-weight: 400; letter-spacing: 0px; line-height: normal; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; background: #ffffff url(https://dev-wbo-assets-s3.s3.amazonaws.com/s3/mspandorasbox/yokogawa/the-mottainai/images/loader.gif) center center no-repeat; overflow-x: hidden; }
::selection { background: #8c9091; /* Safari */ color: #fff; }



::-moz-selection {
 background: #8c9091; /* Firefox */
 color: #fff;
}
img { width: auto\9; /*height:auto;*/

max-width: 100%; vertical-align: middle; -ms-interpolation-mode: bicubic; }
a { color: #000; outline: none; cursor: pointer; text-decoration: none; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
a:focus,  a:hover { color: #61775c; outline: none; text-decoration: none; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }



:focus, 
::-moz-focus-inner {
 border: none;
 outline: none !important;
}
fieldset,  a img { border: none; }
ol,  ul { padding-left: 15px; margin: 0px auto 15px; list-style-position: outside; /*list-style-type:none;*/

}
h1,  h2,  h3,  h4,  h5,  h6 { font-size: 100%; }
.p0 { padding: 0 !important; }
/* ClearFix */

.clear { clear: both; height: 0px; overflow: hidden; }
.container:after { content: " "; display: block; clear: both; }
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/

.clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */



/* wrapper */



#wrapper { position: relative; height: auto !important; min-height: 100%; height: 100%; width: 100%; max-width: 100%; display: block; margin: 0 auto; overflow: hidden; background: #fff; }
body,  #wrapper,  .footer-wrapper { opacity: 0; }
.container { position: relative; }
#pageHeaderWrapper { position: relative; width: 100%; z-index: 999; display: block; padding: 0px 0px; margin: 0px auto; max-width:100%; background: #56785a; }
#pageHeader { position: relative; width: 100%; z-index: 999; display: block; margin: 0px auto; background: transparent; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
.header-container { position: relative; /*display: block;*/ display: flex; width: 100%; margin: 0px auto; padding: 0px 15px; max-width: calc(100% - 30px); }
.main-header { position: relative; width: 100%; display: block; }
.sticky { position: fixed !important; top: 0px; left: 0px; width: 100%; max-width: 100%; background: #fff !important; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
.sticky .main-header { margin: 0 auto; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
/* Logo */

.header-logo-wrapper { display: inline-flex; align-items: center; }
.logo { position: relative; display: flex; float: left; width: 205px; height: 35px; padding: 0px; z-index: 1001; margin: 20px auto; align-items: center; }
.logo a { position: relative; width: 100%; height: auto; display: block; overflow: hidden; }
.logo img { position: relative; display: block; height: auto; max-width: 100%; }
.studio-logo { display: inline-flex; padding: 0px; width: 183px; height: 44px; z-index: 1001; margin: 0px 0 0 20px; }
.studio-logo img { position: relative; display: block; height: auto; max-width: 100%; }
.logo-plus { display: block; width: 31px; height: 61px; margin-left: 10px; border-width: 0px; transform: scale(1, 1); transition-property: none; transform-origin: center center; filter: brightness(51%) invert(100%);}
/* Top Right Header */



.topRightContainer { position: relative; display: flex; /*float:right;*/

margin: 0px auto; align-items: center; justify-content: flex-end; }
/* Quick Search */



.quick-search .form-control { border: 0; height: 50px; padding: 14px 15px; border-radius: 0px; }
.quick-search .form-control:focus,  .quick-search .form-control:hover { border: 0; }
.quick-search .btn-1 { position: relative; border: none; height: 50px; color: #d9a934; line-height: 1; font-size: 16px; border-radius: 0; padding: 10px 20px; text-align: center; background: #dcdcdc; vertical-align: top; display: inline-block; text-transform: uppercase; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.quick-search .btn-1:hover { color: #fff; background: #d9a934; border-color: #d9a934; }
.quick-search .close { position: absolute; color: #ffffff; opacity: 1; right: 0; top: -30px; text-shadow: none; }
.quick-search .close:hover { color: #f5b4a0; }
.modal-content { border: none; box-shadow: none; border-radius: 0px; }
.modal-backdrop.show { opacity: 0.8; }
/* Container Style */



.pt0 { padding-top: 0px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }
.pt60 { padding-top: 60px !important; }
.pt100 { padding-top: 100px !important; }
.pb0 { padding-bottom: 0px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb100 { padding-bottom: 100px !important; }
.pl0 { padding-left: 0px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl30 { padding-left: 30px !important; }
.pl40 { padding-left: 40px !important; }
.pl50 { padding-left: 50px !important; }
.pl60 { padding-left: 60px !important; }
.pl100 { padding-left: 100px !important; }
.pr0 { padding-right: 0px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr30 { padding-right: 30px !important; }
.pr40 { padding-right: 40px !important; }
.pr50 { padding-right: 50px !important; }
.pr60 { padding-right: 60px !important; }
.pr100 { padding-right: 100px !important; }
.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }
.mt90 { margin-top: 90px !important; }
.mt100 { margin-top: 100px !important; }
.mt120 { margin-top: 120px !important; }
.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb100 { margin-bottom: 100px !important; }
.mr0 { margin-right: 0 !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }
.mr60 { margin-right: 60px !important; }
.mr70 { margin-right: 70px !important; }
.mr80 { margin-right: 80px !important; }
.mr90 { margin-right: 90px !important; }
.mr100 { margin-right: 100px !important; }
.mg5 { margin: 5px !important; }
.p15 { padding: 15px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }
/* Theme button */

.theme-btn { font-family: "Source Sans Pro"; position: relative; border: 0; height: 50px; color: #ffffff; font-size: 16px; min-width: 125px; font-weight: 400; line-height: 20px; padding: 5px 23px; border-radius: 0px; text-align: center; align-items: center; background: #0075bc; display: inline-flex; letter-spacing: 1.7px; justify-content: center; text-transform: uppercase; }
.theme-btn img { margin-left: 10px; }
.theme-btn:hover,  .theme-btn:focus { color: #fff; background: #d9a934; outline: 0 !important; }
/* Site map */



.site-map { position: relative; display: block; max-width: 400px; padding: 25px 55px; border-radius: 5px; margin: 100px auto; border: 1px solid #cfcfcf; }
.site-map ol { margin: 0px; padding: 0px; }
.site-map ol li { color: #000000; padding: 8px 0px; }
.site-map ol li a { color: #000000; font-size: 15px; text-transform: capitalize; }
.site-map ol li a:hover { color: #109ed9; }
/* Main Container */



.main-container { position: relative; display: block; margin: 0px auto; max-width: 1400px; }
.main-container.full-width {max-width: 100%;}
.grid-tb { position: relative; display: table; width: 100%; height: 100%; }
.grid-tc { position: relative; display: table-cell; vertical-align: middle; }
.grid-vb { position: relative; display: table-cell; vertical-align: bottom; }
.page-heading { font-family: "Source Sans Pro"; font-size: 20px; color: #303030; font-weight: 500; padding: 0px 0px 15px; }
/*inner-banner*/



.inner-banner { position: relative; display: block; padding: 0px; }
.inner-banner figure { position: relative; display: block; margin: 0px 0px; overflow: hidden; }
.inner-banner figure:before { position: absolute; display: block; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: #00000052; }
.inner-banner img { width: 100%; }
.inner_banner_caption { position: absolute; z-index: 7; top: 0%; left: 0%; width: 100%; height: 100%; color: #ffffff; display: block; margin: 0px auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
.inner_banner_caption:before { position: absolute; display: block; top: 50%; left: 50%; width: 100%; content: ""; opacity: 0.42; margin-top: 50px; height: calc(100% - 100px); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: transparent radial-gradient(closest-side at 50% 50%, #ffffff 0%, #000000f7 0%, #00000000 100%) 0% 0% no-repeat padding-box; }
.inner_banner_caption .captionWrapper { position: relative; display: table; height: 100%; margin: 0px auto; }
.inner_banner_caption .captionContainer { position: relative; color: #ffffff; font-size: 16px; margin: 0px auto; padding: 0px 0px; text-align: center; display: table-cell; vertical-align: middle; }
.inner_banner_caption .captionContainerInner { position: relative; display: block; padding: 0px; margin-top: 10%; }
.inner_banner_caption .captionContainer .bannerHeading1 { font-size: 70px; color: #ffffff; font-weight: 600; line-height: 78px; padding: 0 0 10px; letter-spacing: 0px; text-transform: uppercase; }
/* Pagination Container */



.pagination-container { position: relative; display: block; padding: 0px; margin: 0px; }
/* Pagination */



.no-of-pages { position: relative; color: #797979; float: none; font-size: 16px; font-weight: 400; line-height: 25px; display: inline-block; }
.no-of-pages strong { color: #343538; font-weight: 700; }
.pagination-container ul { position: relative; font-size: 0px; display: block; text-align: center; font-weight: normal; margin: 0px auto 0px; }
.pagination-container ul li { position: relative; color: #525252; margin: 5px 0; font-size: 17px; font-weight: 400; padding: 0px 0px; background: none; line-height: 30px; vertical-align: middle; display: inline-block; }
.pagination-container ul li a,  .pagination-container ul li.first-child > a,  .pagination-container ul li.last-child > a { position: relative; display: block; border: 0; width: 23px; height: 30px; color: #525252; font-size: 17px; padding: 0px 0px; font-weight: 400; line-height: 30px; text-align: center; border-radius: 0px; background: transparent; }
.pagination-container ul li a.dots { border: 0; display: flex; line-height: 15px; align-items: center; justify-content: center; background: none !important; }
.pagination-container ul li.first-child > a,  .pagination-container ul li.last-child > a { font-size: 12px; }
.pagination-container ul li a:hover,  .pagination-container ul li.selected a,  .pagination-container ul li a.active,  .page-item.active .page-link { color: #0075bc; font-weight: 700; line-height: 28px; background: transparent; }
/* Sidebar Nav */



.sideNav { position: relative; display: block; padding: 0px; margin: 0px auto; border-radius: 0px; }
.sideNav ul { position: relative; padding: 0px; text-align: left; margin: 0px auto; list-style-type: none; }
.sideNav ul ul { font-weight: 400; text-transform: none; }
.sideNav ul > li,  .sideNav ul > li > a,  .sideNav ul > li li,  .sideNav ul li li > a,  .sideNav ul > li li li,  .sideNav ul li li li > a { position: relative; display: block; }
.sideNav > ul > li { margin-bottom: 20px; }
.sideNav ul > li > a { color: #ffffff; font-size: 16px; font-weight: 700; padding: 15px 30px; letter-spacing: 0px; border-radius: 25px; box-shadow: 0px 3px 6px #00000029; background: transparent linear-gradient(270deg, #f58800 0%, #f26d03 100%); }
.sideNav ul li.has-subnav a:after { display: none !important; }
.sideNav ul li:last-child > a { border-bottom: none; }
.sideNav ul > li:hover > a,  .sideNav ul > li.active > a,  .sideNav ul li.has-subnav:hover > a,  .sideNav ul li.has-subnav.active > a,  .sideNav ul li.has-subnav.selected > a { color: #ffffff; font-weight: 700; background: transparent linear-gradient(270deg, #f58800 0%, #f26d03 100%); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.sideNav ul > li li > a { box-shadow: none; font-weight: 400; border-radius: 0px; padding: 10px 30px; background: transparent; color: #656565 !important; }
.sideNav ul > li.selected > a,  .sideNav ul > li li.selected > a,  .sideNav ul > li li li.selected > a { }
.sideNav ul li.has-subnav > a { }
.sideNav ul > li.selected > a,  .sideNav ul ul > li.selected > a,  .sideNav ul ul ul > li.selected > a { }
.has-subnav { position: relative; display: block; margin: 0px 0px; border-radius: 0px; }
.has-subnav:hover .accordion-btn { color: #0f0f0f; }
.sideNav ul .active .accordion-btn-wrap .accordion-collapsed { display: none !important; }
.accordion-nav ul li ul li a:hover,  .accordion-nav ul li ul li:hover > a,  .accordion-nav ul li ul li.has-subnav:hover .accordion-btn { font-weight: 400; color: #fcb134 !important; text-decoration: underline; background: none !important; }
.sideNav ul .active .accordion-btn-wrap .accordion-expanded { color: #ffffff; margin-top: 0px; display: inline-block !important; }
.sideNav ul .active ul { padding: 10px 0px 0px; display: block !important; }
.accordion-btn-wrap { font-size: 16px; color: #ffffff; padding-left: 10px; right: 0px !important; text-align: left !important; }
.accordion-active,  .selected .accordion-btn { color: #0f0f0f; }
/* Accordion */



.accordion-container { position: relative; width: 100%; display: block; text-align: left; margin: 30px auto; }
/* Card */



.card { position: relative; border: 0; background: none; margin: 0 0 30px; border-radius: 0px; border-bottom: 0px; }
.card + .card { }
.card-header { color: #333; border: none; font-size: 20px; padding: 0px 0px; line-height: 28px; background: transparent; border-radius: 0px !important; }
.card-header a { font-family: "Source Sans Pro"; position: relative; display: block; color: #121216; font-size: 20px; text-align: left; overflow: hidden; font-weight: 600; line-height: 25px; letter-spacing: 0; border-radius: 0px; background: #ededed; padding: 20px 65px 20px 40px; text-decoration: none !important; }
.card-header a:after { /*font-family:'Font Awesome 5 Free';*/

position: absolute; content: ""; top: 50%; z-index: 5; width: 20px; right: 40px; height: 20px; text-align: center; background: url(https://dev-wbo-assets-s3.s3.amazonaws.com/s3/mspandorasbox/yokogawa/the-mottainai/images/plus.svg) no-repeat center; background-size: contain; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.card-header a[aria-expanded="true"] { color: #fff; border: 0; border-radius: 0px; background: #225377; }
.card-header a[aria-expanded="true"]:after { background: url(https://dev-wbo-assets-s3.s3.amazonaws.com/s3/mspandorasbox/yokogawa/the-mottainai/images/minus.svg) no-repeat center; background-size: contain; }
.card-header a:hover { color: #ffffff; background: #225377; }
.card-body { position: relative; padding: 40px; background: #ffffff; box-shadow: 0px 10px 30px #0000000f; }
.card-body p:last-child { margin: 0; }
.download-list { position: relative; display: block; }
.download-list ul { margin: 0px; padding: 0px; list-style-type: none; }
.download-list ul li { position: relative; display: block; color: #6c6d83; font-size: 13px; padding: 0px 0px 10px 30px; }
.download-list ul li p { margin: 0px; line-height: normal; }
.download-list ul li:after { font-family: "Font Awesome 5 Free"; position: absolute; content: "\f1c1"; left: 0px; top: 3px; z-index: 5; color: #050d26; font-size: 14px; font-weight: 900; text-align: center; }
.list-01 { position: relative; padding: 0px; font-size: 14px; text-align: left; overflow: hidden; margin: 0px auto; font-weight: normal; list-style-type: none; }
.list-01 li { position: relative; display: block; color: #505050; overflow: hidden; margin: 10px auto; line-height: 24px; }
.list-01 li a { position: relative; display: block; color: #505050; overflow: hidden; padding: 15px 20px; border-radius: 5px; background: #ffffff; }
.list-01 li a:hover { color: #a64034; }
/* Accordion Button */

ul li.has-subnav .accordion-btn { color: #ffffff; font-size: 16px; height: 50px !important; line-height: 50px !important; }
ul li.has-subnav:hover .accordion-btn { color: #ffffff; }
/* Content Style */



.uppercase { text-transform: uppercase !important; }
.NoUppercase { text-transform: none !important; }
h1,  h2,  h3,  h4,  h5,  h6 { font-family: "Avenir"; position: relative; font-size: 55px; color: #61775c; letter-spacing: 0px; margin: 0px 0px 0px; text-transform: unset; padding: 0px 0px 30px; }
h1 strong,  h2 strong,  h3 strong,  h4 strong,  h5 strong,  h6 strong,  .h1 strong,  .h2 strong,  .h3 strong,  .h4 strong,  .h5 strong,  .h6 strong { font-weight: 700; }
h1 span,  h2 span,  h3 span,  h4 span,  h5 span,  h6 span,  .h1 span,  .h2 span,  .h3 span,  .h4 span,  .h5 span,  .h6 span { font-weight: normal; }
h2,  .h2 { font-size: 36px; }
h3,  .h3 { font-size: 30px; }
h4,  .h4 { font-size: 24px; }
h5,  .h5 { font-size: 20px; }
h6,  .h6 { font-size: 18px; }
p { margin: 0 0 20px; line-height: 22px; }
strong { /*color:#000000;*/

}
ul.ul-listing,  ol.ol-listing { display: block; padding: 0; width: 100%; text-align: left; margin: 0px 0px 20px; list-style-position: inside; }
ul.ul-listing.text-center,  ol.ol-listing.text-center { text-align: center; }
ul.ul-listing li { position: relative; line-height: 24px; margin-bottom: 18px; list-style-type: none; padding: 2px 0px 2px 25px; }
ul.ul-listing li:last-child { margin-bottom: 0; }
ul.ul-listing li:before { position: absolute; content: ""; left: auto; top: 10px; width: 8px; height: 8px; overflow: hidden; border-radius: 50%; margin-left: -25px; background: #d9a934; }
ul.ul-listing ul { margin: 8px 0px; }
ol.ol-listing { padding: 0px 0px 0px 15px; list-style-position: outside; }
ol.ol-listing li { line-height: 24px; list-style-type: decimal; padding: 5px 0px 5px 0px; }
ol.ol-listing li ul.ul-listing li { list-style-type: none; }
.imgLeft { position: relative; float: left; width: auto; max-width: 100%; clear: left !important; margin: 5px 30px 30px 0px; }
.imgRight { position: relative; float: right; width: auto; max-width: 100%; clear: right !important; margin: 5px 0px 30px 30px; }
/* Slick Slider */



.slick-dotted.slick-slider { margin-bottom: 0px; }
.slick-slide img { display: inline-block; }
.slick-prev,  .slick-next { top: 50%; border: 0; z-index: 1; width: 80px; height: 80px; display: flex; font-size: 0px; color: #ffffff; border-radius: 50%; align-items: center; justify-content: center; background: transparent; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.slick-prev:before,  .slick-next:before { display: none; }
.slick-prev:after,  .slick-next:after { display: none; }
.slider-nav { margin-left: 0px; margin-right: 0px; }
.slick-prev { left: 15px; }
.slick-next { right: 15px; }
.slick-prev:hover,  .slick-prev:focus,  .slick-next:hover,  .slick-next:focus { opacity: 1; color: #ffffff; background: transparent; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
/* Link Button Group */



.link-btn-group { position: relative; display: block; margin: 0px; }
/* Link Button */



.link-btn { position: relative; display: flex; margin: 0px auto; align-items: center; justify-content: center; }
.link-btn .theme-btn { margin: 0 7px; }
/* Footer Styles */



.footer-wrapper { position: relative; display: block; width: 100%; margin: 0 auto; max-width: 100%; background-color: #272727; }
.footer-wrapper .general-section:before { display: none; }
.footer-top { position: relative; display: block; padding: 70px 0px 60px; }
.footer { position: relative; }
.footer-logo { display: block; margin-bottom: 30px; }
.foot-head { font-family: "Rubik"; position: relative; display: block; color: #d3d3d3; font-size: 18px; font-weight: 500; margin-bottom: 25px; letter-spacing: 0px; padding: 0px 0px 20px; text-transform: capitalize; border-bottom: 1px solid #d9a934; }
.ftcol1,  .ftcol2,  .ftcol3,  .ftcol4,  .ftcol5 { position: relative; display: block; float: left; width: 28%; margin-right: 5%; }
.ftcol1 { }
.ftcol2 { width: 24%; margin-right: 7%; }
.ftcol3 { width: 32%; margin-right: 0; }
.footer p { color: #bcbcbc; font-size: 16px; text-align: left; font-weight: 400; line-height: 24px; margin-bottom: 5px; letter-spacing: 0px; }
.fcontact-details-block { position: relative; display: block; font-size: 17px; padding: 0px 0px; margin: 0px auto 15px; }
.w100 { width: 100%; }
.fadd,  .fcall,  .femail,  .ffax,  .off-add { position: relative; color: #d3d3d3; display: block; font-size: 17px; line-height: 26px; letter-spacing: 0px; margin: 0px auto 15px; word-wrap: break-word; padding: 0px 0px 0px 30px; }
.off-add { padding: 0; }
.fadd:before,  .fcall:before,  .femail:before,  .ffax:before { font-family: "Font Awesome 5 Free"; position: absolute; content: "\f3c5"; top: 1px; left: 0px; color: #d9a934; font-size: 14px; font-weight: 600; line-height: 25px; }
.fcall:before { content: "\f095"; }
.femail:before { content: "\f0e0"; }
.ffax:before { content: "\f1ac"; }
.femail a { color: #bcbcbc; }
.femail a:hover { color: #d9a934; }
.fadd .place { display: block; font-weight: 600; }
.paymen-opt { clear: both; display: block; margin-top: 30px; }
.payment-blog { position: relative; display: block; margin: 0px; }
.payment-blog ul { padding: 0px; margin: 0px -3px; list-style-type: none; }
.payment-blog ul li { padding: 0px 3px; vertical-align: top; display: inline-block; }
.payment-blog ul li figure { margin: 0px; }
.payment-blog ul li figure img { max-height: 25px; }
.social-icons { padding: 0px; display: block; list-style: none; margin: 25px 0 0; }
.social-icons li { font-size: 16px; margin: 0 15px 0 0; display: inline-block; }
.social-icons li a { position: relative; display: block; padding: 0px; color: #0075bc; font-size: 24px; line-height: 24px; }
.social-icons li a:hover { color: #d9a934; }
.footer-top .selectdiv { width: 300px; min-width: 300px; max-width: 300px; }
.footer-top .selectdiv select { border: 0; color: #aebcd3; border-radius: 10px; background: rgba(255, 255, 255, 0.2); }
.footer-top .selectdiv:after { height: 55px; color: #aebcd3; line-height: 55px; }
.footer-top .selectdiv:hover:after { color: #ffffff; }
/* Foot Nav */



ul.foot-nav { position: relative; display: block; padding: 0px; overflow: hidden; margin: 0px 0px 15px; list-style-type: none; }
ul.foot-nav li { position: relative; width: 100%; font-size: 17px; padding: 0px 0px; line-height: 26px; margin: 0px 0px 10px; display: inline-block; }
ul.foot-nav li:last-child { margin: 0; }
ul.foot-nav li a { position: relative; display: block; padding: 0px; color: #d3d3d3; font-size: 17px; font-weight: 400; letter-spacing: 0px; text-transform: capitalize; }
ul.foot-nav li.selected > a,  ul.foot-nav li:hover > a { color: #d9a934; }
ul.foot-nav li figure { margin: 15px 0px; }
.footer-bottom { position: relative; display: block; padding: 20px 0; background: #000000; }
/* Copyright */

.justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important; }
.copyright { position: relative; display: block; padding: 0px; color: #909090; font-size: 14px; font-weight: 400; letter-spacing: 0px; }
.copyright a { color: #909090; }
.copyright a strong { color: #d3d3d3; font-weight: 600; }
.copyright a img { margin-top: -3px; }
.copyright a:hover,  .copyright a:hover strong { color: #d9a934; }
.footer-bottom ul { margin: 0; padding: 0; display: inline-block; }
.footer-bottom li { display: inline-block; list-style-type: none; }
.footer-bottom li a { position: relative; color: #909090; padding: 0 9px; font-size: 15px; font-weight: 400; line-height: 15px; letter-spacing: 0px; display: inline-block; text-transform: capitalize; }
.footer-bottom li a:before { position: absolute; display: block; top: 1px; left: -1px; width: 1px; content: ""; height: 100%; background: #909090; }
.footer-bottom li:first-child a:before { display: none; }
.footer-bottom li:last-child a { padding-right: 0; }
.footer-bottom li a:hover { color: #d9a934; }
/* Scroll To Top */



#toTop { border: 0; right: 20px; width: 50px; height: 50px; bottom: 60px; z-index: 5001; display: none; position: fixed; overflow: hidden; border-radius: 0%; text-indent: 100%; text-decoration: none; background: url(https://dev-wbo-assets-s3.s3.amazonaws.com/s3/mspandorasbox/yokogawa/the-mottainai/images/ui.totop.png) 0px 0px no-repeat; }
#toTopHover { float: left; width: 50px; height: 50px; display: block; overflow: hidden; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; background: url(https://dev-wbo-assets-s3.s3.amazonaws.com/s3/mspandorasbox/yokogawa/the-mottainai/images/ui.totop.png) 0px -50px no-repeat; }
#toTop:active,  #toTop:focus { outline: none; }
/*General*/

.page-title { position: relative; display: block; }
.page-title h1,  .page-title h2 { position: relative; font-weight: 900; color: #61775c; font-size: 42px; line-height: 55px; letter-spacing: 0px; padding-bottom: 90px; text-transform: uppercase; }
.general-section { position: relative; display: block; padding: 90px 0; }
.general-section:before { position: absolute; content: ""; bottom: 0; width: 1px; left: 50px; z-index: 1; height: 100%; /*background: #61775c;*/

display: inline-block; background: rgba(97,119,92,0.5); }
.content-wrapper { position: relative; display: block; }
.dots-square { position: absolute; z-index: 9; top: -80px; right: 250px; display: inline-block; }
/* Menu */

.menu-button { position: absolute; cursor: pointer; right: 0; top: 50%; width: 50px; height: 50px; align-items: center; display: inline-flex; justify-content: center; transform: translateY(-50%); }
.menu-button .open-menu-icon { -webkit-animation: spin 0.4s linear; -moz-animation: spin 0.4s linear; animation: spin 0.4s linear; }
.close-menu-icon,  .menu-button.on .open-menu-icon { display: none; }
.menu-button.on .close-menu-icon { display: block; -webkit-animation: spin 0.4s linear; -moz-animation: spin 0.4s linear; animation: spin 0.4s linear; }
 @-moz-keyframes spin {  100% {
 -moz-transform: rotate(180deg);
}
}
 @-webkit-keyframes spin {  100% {
 -webkit-transform: rotate(180deg);
}
}
 @keyframes spin {  100% {
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
}
}
.menu-wrapper { position: absolute; display: block; opacity: 0; width: 42%; top: 75px; right: -45%; padding: 0 22px; overflow: hidden; overflow-y: auto; max-height: calc(100vh - 75px); background: rgba(86, 120, 90, 0.8); -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
.menu-wrapper.opened { right: 0; opacity: 1; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
.menu-wrapper .menu-box { position: relative; display: block; margin: 22px; width: 240px; height: 140px; overflow: hidden; }
.menu-wrapper .menu-box:before { position: absolute; display: block; top: 0; left: 0; opacity: 0; z-index: 1; content: ""; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.2); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.menu-wrapper .menu-box img { width: 100%; height: 140px; object-fit: cover; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
.menu-wrapper .menu-box:hover:before { opacity: 1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.menu-wrapper .menu-box:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
/* Banner */

.bannerWrapper { position: relative; display: block; margin: 0; overflow: hidden; }
.bannerWrapper:before { position: absolute; content: ""; width: 1px; left: 50px; bottom: 0; z-index: 9; height: 300px; /*background: #61775c;*/
display: inline-block; background: rgba(97,119,92,0.5); display: none; }
.bannerWrapper figure { position: relative; overflow: hidden; width: 100%; margin: 0; -webkit-animation: fadein 4s; -moz-animation: fadein 4s; -ms-animation: fadein 4s; -o-animation: fadein 4s; animation: fadein 4s; }
.bannerWrapper figure img { position: relative; width: 100%; margin: 0; }
.bannerWrapper figure:before { position: absolute; display: block; content: ""; z-index: 1; top: 0; left: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.15); }
.banner_caption { position: absolute; z-index: 7; top: 0%; left: 0%; width: 100%; height: 100%; color: #565656; display: block; margin: 0px auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
.banner_caption .captionWrapper { position: relative; display: table; width: 100%; height: 100%; padding: 0 15px; }
.banner_caption .bannerHeading1 { font-family: "Myriad Pro"; position: absolute; left: 0; padding: 0; bottom: 35%; color: #ffffff; font-size: 99px; font-weight: bold; line-height: 105px; letter-spacing: 0px; display: inline-block; /*text-transform: capitalize;*/ }
.abs-img { position: absolute; bottom: 0; left: 51%; width: 980px; display: inline-block; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.abs-img img { width: 100%; }
 @keyframes fadein {  from {
 opacity: 0;
}
to { opacity: 1; }
}
 @-moz-keyframes fadein {  from {
 opacity: 0;
}
to { opacity: 1; }
}
 @-webkit-keyframes fadein {  from {
 opacity: 0;
}
to { opacity: 1; }
}
 @-ms-keyframes fadein {  from {
 opacity: 0;
}
to { opacity: 1; }
}
 @-o-keyframes fadein {  from {
 opacity: 0;
}
to { opacity: 1; }
}
/*----Section-1----*/

.section-1 { }
.dot { display: inline-block; width: 50px; height: 50px; border-radius: 50%; background: #61775c; position: absolute; top: 100px; left: 25px; z-index: 1; }
.section-1 .dot { top: 100px; }
.section-1 .container { position: static; }
.section-1 .big-text { display: inline-block; width: 50%; font-size: 24px; font-weight: 500;}
.section-1 .big-text p { line-height: 1.3; }
.section-1 .big-text p em{ font-size: 16px; text-align: left; display: block;padding-right: 34px; font-style: normal; padding-left: 50px;}
.quote{ position: relative; padding-left: 50px; padding-right: 34px;}
.quote::before,.quote::after{ position: absolute; content: ""; width: 34px; height: 23px; background: url(https://dev-wbo-assets-s3.s3.amazonaws.com/s3/mspandorasbox/yokogawa/the-mottainai/images/quote.png) no-repeat; background-size: 100% 100%;}
.quote::before{ left: 0px; top: -10px;}
.quote::after{ right: 0px; bottom: -10px;}
.section-1 .right-img-wrapper { position: absolute; display: block; top: 240px; right: 0; max-width: 610px; }
.section-1 .right-img-wrapper .images-wrapper { display: block; position: relative; }
.section-1 .right-img-wrapper .images-wrapper figure { margin: 0; }
.section-1 .right-img-wrapper .images-wrapper figure img { width: 100%; }
.section-1 .right-img-wrapper .images-wrapper .small-img { max-width: 515px; display: inline-block; position: absolute; top: 85%; right: 0%; }
.blocks-ul { list-style-type: none; margin: 250px 0 0; padding: 0; display: flex; flex-wrap: nowrap; }
.blocks-ul li { display: inline-block; width: 47%; font-size: 13px; text-align: center; padding: 10px 30px 10px 15px; position: relative; border-right: 1px solid #61775c; }
.blocks-ul li:last-child { border: 0; padding-left: 30px; }
.blocks-ul li .number { display: block; color: #61775c; font-size: 72px; line-height: 1; font-weight: 500; margin-bottom: 10px; }
.blocks-ul li .number .sign { font-size: 37px; display: block; }
.blocks-ul li p { line-height: 20px; margin: 0; }
.slider-wrapper { display: block; position: relative; }
.section-1 .slider-wrapper { width: 45%; margin-top: 30px; margin-bottom: 160px; padding-left: 0px; }
.tab-slider { margin: 0; padding: 0; list-style-type: none; }
.tab-slider li .tab-content-box { display: block; position: relative; margin: 0;/*transform: scale(0);

	opacity: 0;

	-webkit-transition:all 1.5s ease-out;

    -moz-transition:all 1.5s ease-out;

    -ms-transition:all 1.5s ease-out;

    -o-transition:all 1.5s ease-out;

    transition:all 1.5s ease-out;*/

}
.tab-slider .slick-current .tab-content-box { /*transform: scale(1);

	opacity: 1;

	-webkit-transition:all 1.5s ease-out;

    -moz-transition:all 1.5s ease-out;

    -ms-transition:all 1.5s ease-out;

    -o-transition:all 1.5s ease-out;

    transition:all 1.5s ease-out;*/

}
.slide-button { display: flex; width: 100%; align-items: center; justify-content: center; }
.slide-button button { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 83px; height: 83px; border: 0; border-radius: 50px; background: transparent; font-size: 18px; padding: 0px 0px; line-height: 20px; text-align: center; z-index: 1; opacity: 0.3; }
.slide-button button:hover { opacity: 1; }
.slide-button button.snext { margin-left: 15px; }
.tab-slider .slick-dots { bottom: auto; width: 50px; top: 0; left: 0; }
.section-1 .tab-slider .slick-dots { left: -104px; }
.tab-slider .slick-dots li { display: flex; align-items: center; justify-content: center; position: relative; width: 50px; height: 100px; padding: 0px; margin: 0; color: #61775c; font-size: 28px; overflow: hidden;/*border-left: 10px solid transparent;*/

}
.tab-slider .slick-dots li.slick-active,  .tab-slider .slick-dots li:hover { /*border-color:#61775c;*/

}
.tab-slider .slick-dots li:before { content: ""; display: block; position: absolute; top: 0%; left: 0; width: 10px; height: 0%; background: #61775c; }
.tab-slider .slick-dots li.slick-active:before { height: 100%; top: 0;/*-webkit-animation: lineAnim 1s linear;

    -moz-animation: lineAnim 1s linear;

    animation: lineAnim 1s linear;*/

}
 @keyframes lineAnim {  0% {
 top: -100%;
}
 50% {
 top: -50%;
 height: 50%;
}
 100% {
 top: 0%;
 height: 100%;
}
}
/*----Section-2----*/

.section-2 { padding: 0 !important; overflow: hidden; }
.section-2:before { display: none; }
.image-slider { list-style-type: none; margin: 0; padding: 0; position: relative; }
.image-slider .slick-list,  .image-slider .slick-list.left-slick { padding-left: 0px !important; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.image-slider .slick-list.right-slick { padding-left: 105px !important; padding-right: 0 !important; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.image-slider .img-slide { display: block; width: 100%; }
.image-slider .img-slide img { width: 100%; }
.image-slider .slick-arrow img { cursor: pointer; filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(200%)  contrast(200%); -webkit-filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg)  brightness(200%) contrast(200%); }
.image-slider .slick-arrow img:hover { filter: none; -webkit-filter: none; }
.image-slider .slick-arrow { width: 50%; height: 100%; cursor: default; }
.image-slider .slick-prev { left: 15px; justify-content: flex-start; }
.image-slider .slick-next { right: 15px; justify-content: flex-end; }
.image-slider:hover .slick-prev { left: 15px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.image-slider:hover .slick-next { right: 15px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
/*----Section-3----*/

.section-3 { background: #ffffff; }
.section-3 .page-title { max-width: 690px; margin: 0 auto; display: flex; justify-content: flex-end; padding: 0 20px; }
.section-3 .tab-slider .slick-list,  .section-4 .tab-slider .slick-list { max-width: 720px; /*690px;*/ margin: 0 auto; }
.section-3 .tab-slider .slick-dots,  .section-4 .tab-slider .slick-dots { left: -74px; }
.section-3 .tab-slider,  .section-4 .tab-slider { font-size: 16px; }
/*----Section-4----*/

.section-4 { background: #d7ddd6; }
.section-4 .dot { top: 42%; }
.section-4 .dots-square { top: -128px; right: 70px; }
.section-4 figure { margin: 0; }
.section-4 .content-wrapper { width: 610px; float: right; position: relative; }
.section-4 .content-wrapper .content { display: block; width: 460px; font-size: 24px; margin-top: 0px; font-weight: 500; }
.section-4 .content-wrapper .content p { line-height:1.3; }
.section-4 .content-wrapper .content p em { display: block; text-align: left; font-size: 16px; padding-right: 36px; font-style: normal; padding-left: 50px;}
.section-4 .content-wrapper .images-wrapper { display: block; width: 486px; position: absolute; right: -390px; top: 30px; z-index: 1; }
.section-4 .content-wrapper .images-wrapper .abs-image { position: absolute; display: inline-block; bottom: -240px; left: -463px; width: 621px; height: 346px; }
.section-4 .content-wrapper .images-wrapper .abs-image video { height: 100%; object-fit: cover; }
.section-4 .col-lg-6 { -ms-flex: 0 0 53%; flex: 0 0 53%; max-width: 53%; }
.section-4 .col-lg-6:last-child { -ms-flex: 0 0 47%; flex: 0 0 47%; max-width: 47%; }
.section-4 .right-img-wrapper { display: block; position: relative; margin-top: 265px; max-width: 460px; margin-left: auto; }
.section-4 .right-img-wrapper img { width: 100%; }
.section-4 .page-title { padding-left: 115px; }
/*----Section-5----*/

.section-5 { padding-top: 120px; }
.section-5.general-section:before { top: 0px; height: 30%; bottom: auto; }
.section-5 .page-title { display: inline-block; position: absolute; left: 53%; top: 170px; }
.section-5 .dot { top: 200px; }
.section-5 .dots-square { top: -130px; right: 70px; }
.section-5 .img-wrapper { width: 100%; z-index: 2; display: block; position: relative; }
.section-5 .img-wrapper .big-img { position: absolute; left: 0px; top: 230px; max-width: 690px; margin: 0px 0px 0px; }
.section-5 .img-wrapper .big-img img { width: 100%; }
.section-5 .img-wrapper .small-img { display: inline-block; position: relative; width: 430px; overflow: hidden; margin: 0px 0px 0px 150px; }
.section-5 .content-wrapper { max-width: 590px; padding: 200px 0 0 42px; }
/*----Section-6----*/

.section-6 { text-align: center; padding: 80px 0 50px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.section-6:before { display: none; }
.section-6 .page-title h2 { font-size: 49px; color: #fff; padding-bottom: 10px; text-transform: unset; }
.findout-link { display: inline-block; min-width: 350px; background: #f9ec38; color: #000; font-weight: 900; text-transform: uppercase; font-size: 26px; padding: 5px 15px; margin-top: 30px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.findout-link:hover { background: #fff; }
/*----Section-7----*/

.section-7 { text-align: center; padding: 50px 0; background: #61775c; }
.section-7 .logo-wrapper { display: flex; align-items: center; justify-content: center; }
.logo-wrapper .logo-2 { margin-left: 50px; }
/*----Section-video----*/
.section-bottom-video { padding-bottom: 50px !important; }
.section-bottom-video:before { display: none; }
.bottom-video-container{ text-align: center; max-width: 730px; margin: 0px auto; }
.show-mobile { display: none; }
.section-bottom-video .findout-link { min-width: inherit; font-size: 16px; }
.section-bottom-video .findout-link:hover { color: #ffffff; background: #61775c; }
.Campaign_header-full-width__HeNUl { position: relative; width: 100%; height: auto; margin: 0 auto; padding-bottom: 50px; background: none; max-width: 1400px; }
.Campaign_header-full-width__HeNUl a,
.Campaign_header-full-width__HeNUl a .Campaign_header__JbTwO,
.Campaign_header-full-width__HeNUl a .Campaign_header__JbTwO img { position: relative; display: block; width: 100%; padding: 0px; margin: 0px auto; }
.lg-view { display: block !important; }
.sm-view { display: none !important; }
@media (max-width:767.98px) {
    .section-bottom-video { padding-bottom: 25px !important; }
    .Campaign_header-full-width__HeNUl { padding-bottom: 25px; }
    .lg-view { display: none !important; }
    .sm-view { display: block !important; }
	}

/*------Random Dots------*/

.dots-square { width: 208px; height: 208px; }
.fx-dot { position: absolute; display: inline-block; top: 0; left: 0; }
.d1 { top: 0; left: 0; }
.d2 { top: 0; left: 47px; }
.d3 { top: 0; left: 94px; }
.d4 { top: 0; left: 142px; }
.d5 { top: 0; left: 189px; }
.d6 { top: 47px; left: 0; }
.d7 { top: 47px; left: 47px; }
.d8 { top: 47px; left: 94px; }
.d9 { top: 47px; left: 142px; }
.d10 { top: 47px; left: 189px; }
.d11 { top: 94px; left: 0; }
.d12 { top: 94px; left: 47px; }
.d13 { top: 94px; left: 94px; }
.d14 { top: 94px; left: 142px; }
.d15 { top: 94px; left: 189px; }
.d16 { top: 142px; left: 0; }
.d17 { top: 142px; left: 47px; }
.d18 { top: 142px; left: 94px; }
.d19 { top: 142px; left: 142px; }
.d20 { top: 142px; left: 189px; }
.d21 { top: 189px; left: 0; }
.d22 { top: 189px; left: 47px; }
.d23 { top: 189px; left: 94px; }
.d24 { top: 189px; left: 142px; }
.d25 { top: 189px; left: 189px; }
/*----Mobile/Desktop View----*/



.mobile-view { display: none !important; }
/*----Video----*/



.video-media { width: 100%; height: 100%; object-fit: cover; display: flex; }



/*.section-5 .video-media {

    width:auto;

    height: 100vh;

    object-fit: cover;

    position: absolute;

    right: 0;

    }*/



/* =Media Queries

-------------------------------------------------------------- */



@-ms-viewport {
 width: auto !important;
}