/* CSS Document */ @font-face { font-family: 'Helvetica Neue Bold', sans-serif; src: url("/-/media/machinery/product/garment/gtx/fonts/eot_HelveticaNeueLTStd-Bd"); src: url("/-/media/machinery/product/garment/gtx/fonts/eot_HelveticaNeueLTStd-Bd") format("embedded-opentype"), url("/-/media/machinery/product/garment/gtx/fonts/woff_HelveticaNeueLTStd-Bd") format("woff"), url("/-/media/machinery/product/garment/gtx/fonts/ttf_HelveticaNeueLTStd-Bd") format("truetype"), url("/-/media/machinery/product/garment/gtx/fonts/svg_HelveticaNeueLTStd-Bd") format("svg"); font-weight: 600; } @font-face { font-family: 'Helvetica Neue', sans-serif; src: url("/-/media/machinery/product/garment/gtx/fonts/eot_HelveticaNeueLTStd-Roman"); src: url("/-/media/machinery/product/garment/gtx/fonts/eot_HelveticaNeueLTStd-Roman") format("embedded-opentype"), url("/-/media/machinery/product/garment/gtx/fonts/woff_HelveticaNeueLTStd-Roman") format("woff"), url("/-/media/machinery/product/garment/gtx/fonts/ttf_HelveticaNeueLTStd-Roman") format("truetype"), url("/-/media/machinery/product/garment/gtx/fonts/svg_HelveticaNeueLTStd-Roman") format("svg"); font-weight: 400; } @font-face { font-family: 'Helvetica Neue Thin', sans-serif; src: url("/-/media/machinery/product/garment/gtx/fonts/eot_HelveticaNeueLTStd-Th"); src: url("/-/media/machinery/product/garment/gtx/fonts/eot_HelveticaNeueLTStd-Th") format("embedded-opentype"), url("/-/media/machinery/product/garment/gtx/fonts/woff_HelveticaNeueLTStd-Th") format("woff"), url("/-/media/machinery/product/garment/gtx/fonts/ttf_HelveticaNeueLTStd-Th") format("truetype"), url("/-/media/machinery/product/garment/gtx/fonts/svg_HelveticaNeueLTStd-Th") format("svg"); font-weight: 100; } @font-face { font-family: 'Helvetica Neue Light', sans-serif; src: url("/-/media/machinery/product/garment/gtx/fonts/eot_HelveticaNeueLTStd-Lt"); src: url("/-/media/machinery/product/garment/gtx/fonts/eot_HelveticaNeueLTStd-Lt") format("embedded-opentype"), url("/-/media/machinery/product/garment/gtx/fonts/woff_HelveticaNeueLTStd-Lt") format("woff"), url("/-/media/machinery/product/garment/gtx/fonts/ttf_HelveticaNeueLTStd-Lt") format("truetype"), url("/-/media/machinery/product/garment/gtx/fonts/svg_HelveticaNeueLTStd-Lt") format("svg"); font-weight: 100; } body { font-weight: 100; font-size: 16px; line-height: 24px; /*letter-spacing: 1px;*/ background-color: #000; } h1, h2, h3, h4, h5, h6 { font-family: 'Helvetica Neue Thin', sans-serif; font-weight: 100; color: #ccc; } #brother-header .brother-header-top { padding: 0; } #brother-header .brother-header-top { background: #07289d !important; background: -webkit-gradient(linear, left top, right top, color-stop(0, #07289d), to(#071b69)) !important; background: -webkit-linear-gradient(left, #07289d 0, #071b69) !important; background: linear-gradient(90deg, #07289d 0, #071b69) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#07289d',endColorstr='#071b69',GradientType=1); } @media (max-width: 992px) { #brother-header .bro-lft { text-align: center; margin: 0; padding: 0; } } #brother-header .bro-rgt { padding-right: 50px; } @media (max-width: 992px) { #brother-header .bro-rgt { display: none; } } #gtx_maincontents { background-color: #000; } .title-bar .title-bar-title { color: #fff; font-family: HelveticaNeue75Bold !important; margin-top: 5px; } .title-bar .title-col { float: right; } .title-bar .logo-col { float: left; margin-left: 0.25rem; } .title-bar .search-col { width: 150px; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; } .brother-header-image { padding-top: 16px; } .brother-header-menu { background-color: #fff; padding-top: 5px; border-bottom: 1px solid #b7b7b7; } .brother-header-menu .main-nav { font-family: HelveticaNeue45Light !important; font-size: 16px; text-align: center; color: #484848; display: inline-block; } .brother-header-menu .main-nav li a { color: #484848; padding: .7rem .8rem; line-height: 18px; } .brother-header-menu .main-nav li a.active, .brother-header-menu .main-nav li a:hover { color: #3a58d7; background: none; } .brother-header-menu .blue-bar .social-icons { float: right; margin-top: 10px; } .brother-header-menu .blue-bar .social-icons-mobile { margin-top: 10px; margin-bottom: 5px; } .brother-footer-top { background-color: #e6e6e6; font-family: HelveticaNeue55Roman !important; font-size: 16px; color: #484848; } .brother-footer-top a { color: #484848; } .brother-footer-menu { background-color: #fff; padding-top: 30px; padding-bottom: 30px; } .brother-footer-menu .menu { font-family: HelveticaNeue45Light !important; font-size: 16px; line-height: 16px; color: #484848; text-align: center; display: inline-block; } .brother-footer-menu .menu li a { color: #484848; padding: .7rem .8rem; line-height: 18px; } .brother-footer-menu .menu li a.active, .brother-footer-menu .menu li a:hover { color: #3a58d7; background: none; } .brother-footer-copyright { padding: 30px; } .brother-footer-top-menu { padding: 0 20px 20px; } .brother-logo-header { padding: 10px 0 10px 60px; } @media (max-width: 992px) { .brother-logo-header { padding: 10px 0 10px 0; } } .brother-region { /*float: right;*/ width: 150px; font-family: arial,helvetica,"sans-serif"; font-size: 11px; color: #fff; line-height: 1; padding-top: 12px; padding-bottom: 5px; } .brother-region span { color: #fff; } .brother-region .region { padding-right: 7px; font-weight: 700; } .brother-region a { font-size: 10px; padding-left: 7px; font-wight: normal; } .brother-region a:active, .brother-region a:hover, .brother-region a:visited { color: #fff; } .globalHeaderSearch { width: 150px; padding: 0; margin: 0; /*float: right;*/ border: none; outline: none; } .globalHeaderSearchInput { background: url(http://brotherdtg.com/assets/img/input_off.gif) no-repeat; border: none; } .globalHeaderSearchInput, .globalHeaderSearchInput:focus { margin: 0; padding: 0; width: 150px; height: 17px; font-size: 11px; } .globalHeaderSearchInput:focus { border: 0; -webkit-box-shadow: none; box-shadow: none; background: url(http://brotherdtg.com/assets/img/input_on.gif) no-repeat; border: none; } #searchBtn4 { position: relative; top: -17px; left: 120px; width: 30px; height: 15px; background: none; background-color: transparent; } #globalSearchForm, #searchBtn4 { border: none; padding: 0; margin: 0; } #globalSearchForm { height: 17px; } .brother-header-menu { padding-top: 0 !important; background-color: #000 !important; border-bottom: none !important; } /***** begin custom styles *****/ .c1200 { max-width: 1170px; margin: 0 auto; padding: 0 100px; } @media (max-width: 992px) { .c1200 { max-width: 992px; padding: 0; text-align: center; } } .gtx { position: relative; } .gtx .hamburger { position: absolute; color: #ccc; top: 10px; right: 20px; font-size: 22px; z-index: 999; display: none; } .gtx .hamburger a { color: #ccc; } .gtx .hamburger a , a:focus {opacity: 1;} @media (max-width: 992px) { .gtx .hamburger { display: block; } } @media (max-width: 768px) { .gtx { margin: 0; padding-left: 0 !important; padding-right: 0 !important; } } .but { background: url(/-/media/machinery/product/garment/gtx/images/button) no-repeat;word-break: normal; background-size: 286px 85px; width: 286px; height: 85px; font-size: 18px; line-height: 25px; color: #fff; padding: 0 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 992px) { .but { background-size: 226px 68px; width: 226px; height: 68px; font-size: 14px; line-height: 20px; margin: 0 auto; text-align: left; } } .but a { color: #fff; text-decoration: none;} .but a:focus, .but a:hover { color: #fff; text-decoration: underline; opacity: 1;} .but i { font-size: 14px; } .but-red { background: url(/-/media/machinery/product/garment/gtx/images/but-connect) no-repeat; word-break: normal; background-size: 411px 75px; width: 411px; height: 75px; margin: 0 auto; font-size: 22px; line-height: 25px; color: #fff; padding: 0 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 992px) { .but-red { background-size: 226px 68px; width: 226px; height: 68px; font-size: 14px; line-height: 20px; margin: 0 auto 30px; text-align: left; } } .but-red a { color: #fff; text-decoration: none;} .but a:focus, .but-red a:hover { color: #fff; text-decoration: underline; opacity: 1;} .but-red i { font-size: 14px; } .but-red-pagetop { background: url(/-/media/machinery/product/garment/gtx/images/but-connect) no-repeat; background-size: 250px 75px; width: 250px; height: 75px; margin: 0 auto; font-size: 22px; line-height: 25px; color: #fff; padding: 0 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 992px) { .but-red-pagetop { background-size: 226px 68px; width: 226px; height: 68px; font-size: 14px; line-height: 20px; margin: 0 auto 30px; text-align: left; } } .but-red-pagetop a { color: #fff; text-decoration: none;} .but a:focus, .but-red-pagetop a:hover { color: #fff; text-decoration: underline; opacity: 1;} .but-red-pagetop i { font-size: 14px; } ul.inline { list-style: none; margin: 0 auto; padding: 0; } @media (max-width: 992px) { ul.inline { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } ul.inline li { display: inline-block; margin: 0; padding: 0; } @media (max-width: 992px) { ul.inline li { margin: 0 auto; text-align: center; } } .upper { text-transform: uppercase; } #hero { text-align: center; background: url(/-/media/machinery/product/garment/gtx/images/hero-bak-60) no-repeat center center; background-size: cover; background-color: #000; color: #fff; height: 553px; padding: 50px; } #hero h1 { word-break: normal; font-size: 26px; line-height: 32px; margin: 40px 0 50px; padding: 0; } #hero h1 strong { font-family: 'Helvetica Neue Bold', sans-serif; } #hero-int { text-align: center; background: url(/-/media/machinery/product/garment/gtx/images/int-hero-bak) no-repeat center center; background-size: cover; background-color: #000; color: #fff; height: 610px; } @media (max-width: 992px) { #hero-int { height: auto; } } #hero-int h2 { font-size: 26px; line-height: 32px; padding: 55px 0 50px; margin: 0; } #hero-int h2.gtx-padding-side{ padding-left: 10px; padding-right: 10px;} #hero-int h2 strong { font-family: 'Helvetica Neue Bold', sans-serif; } @media (max-width: 992px) { #hero-int h1 { font-size: 22px; line-height: 28px; padding: 35px 20px 30px 20px; } } #hero-int img { margin-bottom: 44px; } @media (max-width: 992px) { #hero-int img { padding: 0 25px; } } nav.home { background: url(/-/media/machinery/product/garment/gtx/images/nav-bak-60) no-repeat center center; background-size: cover; font-size: 18px; text-align: center; height: 115px; background-color: #000; border-top: 1px solid #4d4d4d; border-bottom: 1px solid #000; } @media (max-width: 992px) { nav.home { display: none; } } nav.home ul { list-style: none; margin: 0 auto; padding: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; width: 1000px; height: 115px; } nav.home ul li { display: inline; margin: 0; } nav.home ul li .ico-benefits { max-width: 35px; } nav.home ul li .ico-tech { max-width: 55px; } nav.home ul li .ico-multimedia { max-width: 40px; } nav.home ul li .ico-region { max-width: 43px; } nav.home ul li a { color: #ccc; } nav.home ul li a:hover { color: #ed1c24; } nav.home ul li span { display: inline-block; padding: 15px 35px; } nav.home ul li span.hr { border-right: 1px solid #676767; } nav.inside { background: #2a2929; height: 44px; text-align: center; font-size: 17px; margin-top: 2px; margin-bottom: 2px; } @media (max-width: 992px) { nav.inside { display: none; } } nav.inside li { padding: 10px 22px; } nav.inside li a { color: #ccc; } nav.inside li.active { background: #3a3a3a; } div.white_row { margin-right: -15px; margin-left: -15px; background-color: white; } ul.sub-gtx-navigation{ margin-bottom: 0px; padding-top: 10px; } .mod-contentsNav1 { margin: 0px; } nav.mobile { position: absolute; background: #2a2929; height: auto; width: 100%; text-align: center; font-size: 22px; margin-top: 2px; margin-bottom: 2px; z-index: 99; display: none; } nav.mobile ul { list-style: none; margin: 0; padding: 0; } nav.mobile li { padding: 20px 22px; border-bottom: 1px solid #626262; } nav.mobile li a { color: #ccc; } nav.mobile li.active { background: #3a3a3a; } #feature { text-align: center; background: url(/-/media/machinery/product/garment/gtx/images/home-feature-bak-60) no-repeat center center; background-size: cover; height: 596px; } @media (max-width: 992px) { #feature { height: auto; } } #feature h3 { word-break: normal; font-size: 19px; line-height: 30px; padding: 55px 0 58px 0; margin: 0 auto; width: 800px; } #feature h3.top-page-sentence {width: 90%;} @media (max-width: 992px) { #feature h3 { padding: 35px 0 38px 0; width: 90%; font-size: 16px; line-height: 27px; } } @media (max-width: 992px) { #feature img { padding: 0 10px; } } #benefits { background: url(/-/media/machinery/product/garment/gtx/images/home-benefits-bak-60) no-repeat center center; background-size: cover; height: 598px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #484848; } @media (max-width: 992px) { #benefits { height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center; } } #benefits .benefits-container { width: 310px; margin: 95px 25px 0; } @media (max-width: 992px) { #benefits .benefits-container { margin: 35px auto 0 auto; width: 90%; } } #benefits .benefits-container h2 { font-size: 36px; line-height: 42px; color: #484848; margin: 0 0 35px; padding: 0; } @media (max-width: 992px) { #benefits .benefits-container h2 { font-size: 30px; line-height: 32px; margin: 0 0 20px; } } #benefits .benefits-container p { word-break: normal; font-size: 19px; line-height: 28px; margin-bottom: 40px; } @media (max-width: 992px) { #benefits .benefits-container p { font-size: 16px; line-height: 26px; margin: 0 0 25px; } } #benefits .benefits-img-container { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } @media (max-width: 992px) { #benefits .benefits-img-container img { padding: 20px 10px 0; } } #tech-specs { background: url(/-/media/machinery/product/garment/gtx/images/tech-60) no-repeat center center; background-size: cover; height: 600px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media (max-width: 992px) { #tech-specs { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: auto; text-align: center; } } #tech-specs .tech-img-container { margin-top: 75px; } @media (max-width: 992px) { #tech-specs .tech-img-container { margin: 35px 20px 0 0; } } #tech-specs .tech-container { width: 360px; margin: 95px 25px 0 80px; } @media (max-width: 992px) { #tech-specs .tech-container { width: 90%; margin: 35px auto 0 auto; } } #tech-specs .tech-container h2 { font-size: 36px; line-height: 32px; margin: 0 0 35px; padding: 0; color: #9c9c9c; } #tech-specs .tech-container h2 strong { color: #fff; } @media (max-width: 992px) { #tech-specs .tech-container h2 { font-size: 30px; line-height: 32px; margin: 0 0 20px; } } #tech-specs .tech-container p { word-break: normal; font-size: 19px; line-height: 28px; color: #b8b7b7; margin-bottom: 45px; } @media (max-width: 992px) { #tech-specs .tech-container p { font-size: 16px; line-height: 26px; margin: 0 0 25px; } } @media (max-width: 992px) { #tech-specs .tech-container .but { margin-bottom: 40px; } } #media { background: url(/-/media/machinery/product/garment/gtx/images/home-media-bak) no-repeat center center; background-size: cover; height: 600px; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 992px) { #media { height: auto; } } #media .media-container { width: 510px; margin: 0 auto; } @media (max-width: 992px) { #media .media-container { width: 90%; margin: 35px auto 0 auto; } } #media .media-container h2 { font-size: 36px; line-height: 32px; margin: 65px 0 25px; color: #7a7a7a; } @media (max-width: 992px) { #media .media-container h2 { font-size: 30px; line-height: 32px; margin: 0 0 20px; } } #media .media-container p { word-break: normal; font-size: 19px; line-height: 28px; color: #626262; margin-bottom: 30px; } #media .media-container .but { margin: 0 auto; } @media (max-width: 992px) { #media .media-container .but { margin-bottom: 25px; } } @media (max-width: 992px) { #media .media-img-container { padding: 0 10px; } } #media .media-img-container img { vertical-align: bottom; } #region { background: url(/-/media/machinery/product/garment/gtx/images/home-region-bak) no-repeat center center; background-size: cover; height: 600px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 95px 0 0 135px; } @media (max-width: 992px) { #region { height: auto; padding: 35px 0; background-image: none; } } #region .region-container { width: 380px; /*margin: 0 0 0 0;*/ } @media (max-width: 992px) { #region .region-container { width: 90%; margin: 0 auto; text-align: center; } } #region .region-container h2 { font-size: 36px; line-height: 32px; color: #b8b7b7; margin: 0 0 35px; padding: 0; } @media (max-width: 992px) { #region .region-container h2 { font-size: 30px; line-height: 32px; margin: 0 0 20px; } } #region .region-container p { word-break: normal; font-size: 19px; line-height: 28px; color: #b8b7b7; margin-bottom: 60px; } @media (max-width: 992px) { #region .region-container p { font-size: 16px; line-height: 26px; margin: 0 0 25px; } } div.gtx_header_row { background: url(/-/media/machinery/product/garment/gtx/images/int-hea-bak) no-repeat center center;background-size: cover;height: 124px;text-align: center;padding-top: 43px;} div.gtx_header_row .logos-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 30px 0 20px; } div.gtx_header_row .logos-container .logo-gtx img { max-width: 104px; margin-right: 15px; } div.gtx_header_row a:hover { opacity: 1;} div.gtx_footer_row { background: url(/-/media/machinery/product/garment/gtx/images/foo-60) no-repeat center center; background-size: cover; background-color: #000; color: #fff; margin-top: 10px; text-align: center; font-size: 14px; line-height: 28px; color: #5f5d5d; } @media (max-width: 992px) { div.gtx_footer_row { height: auto; } } div.gtx_footer_row .logos-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 30px 0 20px; } div.gtx_footer_row .logos-container .logo-gtx img { max-width: 104px; margin-right: 15px; } #gtx-calc { background: url(/-/media/machinery/product/garment/gtx/images/int-bak-full) no-repeat center center; background-size: cover; } #gtx-calc h1, #gtx-calc h2, #gtx-calc h3, #gtx-calc h5, #gtx-calc h6 { color: #000; } #gtx-calc h1{ padding-left: 0px; } #the-content { background: url(/-/media/machinery/product/garment/gtx/images/int-bak-full) no-repeat center center; background-size: cover; } #the-content h1, #the-content h2, #the-content h3, #the-content h5, #the-content h6 { color: #000; } .ben-benefits { /*padding: 50px 80px;*/ padding: 50px 0px; } @media (max-width: 992px) { .ben-benefits { padding: 50px 30px; } } .ben-benefits h1 { padding: 0 0 30px 0; margin: 0; } @media (max-width: 992px) { .ben-benefits h1 { text-align: center; padding: 0 15px 30px 15px; } } .ben-benefits p { line-height: 30px; font-size: 17px; } @media (max-width: 992px) { .ben-benefits p { text-align: center; } } .ben-benefits .ben-benefits-container { /*padding-right: 60px;*/ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media (max-width: 992px) { .ben-benefits .ben-benefits-container { padding: 0 20px; display: block; } } .ben-benefits .ben-benefits-container h1 { margin: 0; padding: 0 0 25px; } .ben-benefits .ben-benefits-container p { word-break: normal; margin: 0; padding-bottom: 28px; } @media (max-width: 992px) { .ben-benefits .ben-benefits-container img { margin-bottom: 40px; margin-left: auto; margin-right: auto; } } .ben-benefits .ben-benefits-form-container { background-color: #1c1d1d; border-radius: 5px; margin: 30px 0 0 0; padding: 15px; text-align: left; } .ben-benefits .ben-benefits-form-container h4 { font-size: 20px; color: #dfdfdf; font-weight: 700; border-bottom: 1px solid #444; margin: 0 0 15px; padding: 0 0 10px; } .ben-benefits .ben-benefits-form-container .form-group { margin-bottom: 5px; } .ben-benefits .ben-benefits-form-container .form-control { border-radius: 2px; } .ben-benefits .ben-benefits-form-container .form-control::-webkit-input-placeholder { color: #10accf; } .ben-benefits .ben-benefits-form-container .form-control:-ms-input-placeholder { color: #10accf; } .ben-benefits .ben-benefits-form-container .form-control::placeholder { color: #10accf; } .ben-benefits .ben-benefits-form-container .btn { border-radius: 2px; } .ben-benefits .ben-benefits-form-container .btn span { margin-left: 70px; } @media (max-width: 992px) { .ben-benefits .ben-benefits-form-container .btn span { margin-left: 20px; } } .ben-benefits .ben-benefits-form-container .btn span.region-btn { margin-left: 15px; } .ben-benefits .ben-benefits-form-container .btn-default { color: #fff; background: #10accf; border: none; font-size: 18px; font-weight: 700; text-transform: uppercase; padding: 5px 10px 5px 15px; } .the-txt { color: #c8c9cc; font-size: 18px; } .the-txt .ben-hea h2 { width: 100%; color: #eaeaea; background: url(/-/media/machinery/product/garment/gtx/images/ben-fea3-bak) no-repeat center center; background-size: cover; height: 52px; text-align: center; vertical-align: middle; margin: 0; padding: 16px 0 0; font-size: 22px; font-weight: 500; } .the-txt .ben-btn { position: relative; margin-top: 40px; width: 90%; background: #232323; padding: 10px 10px 10px 20px; text-decoration: none;} .the-txt .ben-btn a { color: #e8e8e8; font-size: 20px; font-weight: 500; height: 100%; } .the-txt .ben-btn a:hover { text-decoration: underline; opacity: 1;} .the-txt .ben-btn a i { position: absolute; top: 0; right: 0; padding: 10px; background: #a70e0f; color: #c5c5c5; margin: 2px; float: right; } .the-txt .txt-left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 60px 0; } @media (max-width: 992px) { .the-txt .txt-left { display: block; } } .the-txt .txt-left h2 { color: #d2d2d2; } .the-txt .txt-left p { color: #c8c9cc; } .the-txt .txt-left .lft-container { word-break: normal; width: 35%; margin-right: 30px; } @media (max-width: 992px) { .the-txt .txt-left .lft-container { width: 80%; margin: 0 0 0 50px; } } .the-txt .txt-left .rgt-container { width: 35%; margin-left: 30px; } @media (max-width: 992px) { .the-txt .txt-left .rgt-container { width: 80%; margin: 0 50px 0 0; } } .the-txt .txt-right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 60px 0; } @media (max-width: 992px) { .the-txt .txt-right { display: block; } } .the-txt .txt-right h2 { color: #484848; } .the-txt .txt-right p { color: #343131; } .the-txt .txt-right .lft-container { width: 35%; margin-left: 30px; } @media (max-width: 992px) { .the-txt .txt-right .lft-container { width: 80%; margin: 0 50px 0 0; } } .the-txt .txt-right .rgt-container { word-break: normal; width: 35%; margin-right: 30px; } @media (max-width: 992px) { .the-txt .txt-right .rgt-container { width: 80%; margin: 0 0 0 50px; } } .img-pad{ padding-right:30px; } @media (max-width: 992px) { .img-pad {padding-right: initial;} } #ben-do-more { background: url(/-/media/machinery/product/garment/gtx/images/ben-fea2-bak) no-repeat center center; background-size: cover; } #ben-do-more li { font-size: 15px; } @media (max-width: 992px) { #ben-do-more img { margin: 30px 0 0 40px; } } #ben-step1 { background: url(/-/media/machinery/product/garment/gtx/images/ben-fea4-bak) no-repeat center center; background-size: cover; } @media (max-width: 992px) { #ben-step1 img { margin: 0 0 0 40px; } } #ben-step2 { background: url(/-/media/machinery/product/garment/gtx/images/ben-fea5-bak) no-repeat center center; background-size: cover; } @media (max-width: 992px) { #ben-step2 img { margin: 30px 0 0 40px; } } @media (max-width: 640px) { #ben-step2 .lft-container img {max-width: 50%; margin: 0 auto;}} #ben-step3 { background: url(/-/media/machinery/product/garment/gtx/images/ben-fea6-bak) no-repeat center center; background-size: cover; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } @media (max-width: 992px) { #ben-step3 { display: block; } } #ben-step3 .lft-container { width: 50%; text-align: left; padding-left: 0; margin-left: 0; } @media (max-width: 992px) { #ben-step3 .lft-container { width: 80%; margin: 0 0 0 50px; } } #ben-step3 .rgt-container { width: 35%; margin-left: 60px; margin-right: 30px; } @media (max-width: 992px) { #ben-step3 .rgt-container { width: 80%; margin: 0 0 0 50px; } } #ben-step4 { background: url(/-/media/machinery/product/garment/gtx/images/ben-fea8-bak) no-repeat center center; background-size: cover; } @media (max-width: 992px) { #ben-step4 img { margin: 30px 0 0 40px; } } .ben-benefits.media { margin-bottom: 40px; } .ben-benefits.media h1 { padding-left: 15px; } .ben-benefits.media .align-bottom { margin-top: -10px; } .ben-benefits.media .align-bottom .learn { font-size: 18px; font-weight: 700; color: #fff; } .ben-benefits.media .align-bottom .learn a { color: #fff; } .ben-benefits.media .align-bottom .learn a:focus, .learn a:hover { text-decoration: underline; opacity: 1;} .ben-benefits.media .align-bottom .learn h5 { background-color: #10accf; color: #fff !important; font-size: 18px; font-weight: 700; margin: 2px 0; padding: 15px; } .ben-benefits.media .align-bottom .learn ul { list-style: none; margin: 0 0 8px; padding: 0; } .ben-benefits.media .align-bottom .learn li { background: #232323; margin: 2px 0; padding: 15px; position: relative; } .ben-benefits.media .align-bottom .learn li span { position: absolute; width: 40px; height: 50px; top: 2px; right: 1px; background: #0e0e0e; text-align: center; color: #8c8888; } .ben-benefits.media .align-bottom .learn li span.glyphicon { padding-top: 14px; } .ben-benefits.media .ben-benefits-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 992px) { .ben-benefits.media .ben-benefits-container { display: block; padding: 0 !important; margin: 0 !important; } } .ben-benefits.media .ben-benefits-container .ben-benefits-item { width: 50%; } @media (max-width: 992px) { .ben-benefits.media .ben-benefits-container .ben-benefits-item { width: 100%; padding: 0 !important; margin: 0 !important; } } @media (max-width: 992px) { .ben-benefits.media .watch { text-align: center; } } .ben-benefits.tech h2 { padding-left: 15px; } .ben-benefits.tech .ben-benefits-container { /*padding-right: 10px !important;*/ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 992px) { .ben-benefits.tech .ben-benefits-container { display: block; } } .ben-benefits.tech .ben-benefits-item { /*margin: 0 15px;*/ } .ben-benefits.region { text-align: center; padding-bottom: 100px; /*display: flex;*/ } @media (max-width: 992px) { .ben-benefits.region { padding-bottom: 60px; } } .ben-benefits.region h2 { font-size: 37px; padding-bottom: 15px; } .ben-benefits.region p { width: 550px; margin: 0 auto; padding-bottom: 60px; } @media (max-width: 992px) { .ben-benefits.region p { width: 90%; } } .ben-benefits.region .ben-benefits-container { padding-right: 10px !important; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 992px) { .ben-benefits.region .ben-benefits-container { display: block; } } .ben-benefits-item { margin: 0 15px; } .ben-benefits-sentence {word-break: normal; } .modal-content { background: #1c1d1d; width: 300px; height: 220px; color: #dfdfdf; margin-right: auto; margin-left: auto; font-size: 16px !important; } .modal-content.lang { width: 440px; height: 440px; } .modal-content.lang ul { list-style: none; padding: 0; margin: 0 0 0 28px; } .modal-content.lang ul li { padding: 0; margin: 0; } .modal-content.lang a { color: #dfdfdf; } .modal-content.large-img { width: auto; height: auto; } .modal-header { border-bottom: 1px solid #444545; font-size: 20px; } .modal-header .modal-title img { margin: 0 4px 2px; } .modal-header .close { color: #fff; } .modal-footer { border-top: 1px solid #444545; } .map-na a { color: #0089c5; } .map-asia a { color: #c5d400; } .map-eu a { color: #00cda4; } .map-aus a { color: #006c29; } .map-sa a { color: #00bfe5; } .map-jp a { color: #f2710d; } .map-cn a { color: #f3fb0f; } .map-nz a { color: #7f2614; } .specs-container { background-color: #e2e2e2; } .specs-container .tech-hr { border-bottom: 2px solid #d4d3d3 !important; } .specs-container h2 { width: 100%; color: #eaeaea; background: url(/-/media/machinery/product/garment/gtx/images/ben-fea3-bak) no-repeat center center; background-size: cover; height: 52px; text-align: center; vertical-align: middle; margin: 0; padding: 16px 0 0; font-size: 22px; font-weight: 500; } .specs-container .spec-container { /*border-bottom: 2px solid #d4d3d3 !important;*/ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 50px 140px; text-align: left; } @media (max-width: 992px) { .specs-container .spec-container { display: block; text-align: center; padding: 30px 20px; } } .specs-container .spec-container div { margin: 0; padding: 0; } .specs-container .spec-container div.swiper-container {margin: auto;} .specs-container .spec-container .spec-sm { font-size: 13px; line-height: 18px; margin-right: 50px; margin-top: 10px; color: #4d4d4f; } .specs-container .spec-container .spec-item { width: 30%; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; font-size: 25px; line-height: 30px; font-weight: 100; color: #77787b; margin: 2px 0 0 0; padding: 0; word-break: normal;} @media (max-width: 992px) { .specs-container .spec-container .spec-item { width: 90%; padding-bottom: 20px; margin: 0 auto; } } .specs-container .spec-container .spec-data { width: 70%; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; color: #4d4d4f; margin: 0; padding: 0; font-size: 16px; word-break: normal;} .specs-container .spec-container .spec-data .os-icons img { display: inline; margin-right: 30px; } .specs-container .spec-container .spec-data.thermoms { width: 75%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .specs-container .spec-container .spec-data.thermoms img { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } @media (max-width: 992px) { .specs-container .spec-container .spec-data.thermoms { display: block; } .specs-container .spec-container .spec-data.thermoms img { padding-bottom: 30px; } } @media (max-width: 992px) { .specs-container .spec-container .spec-data { width: 90%; margin: 0 auto; } } .specs-container .spec-container .spec-data img { display: block; padding-top: 20px; } .specs-container .spec-container .spec-data img.no-p { padding-top: 0; } @media (max-width: 992px) { .specs-container .spec-container .spec-data img { margin: 0 auto; } } .specs-container .spec-container .spec-data .platen-container { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; text-align: center; } @media (max-width: 992px) { .specs-container .spec-container .spec-data .platen-container { display: block; } } .specs-container .spec-container .spec-data .platen-container .platen h5 { color: #4d4d4f; } .specs-container .spec-container .spec-data .platen-container .platen div.spec-sm { margin-left: auto; margin-right: auto; } .specs-container .spec-container .spec-data .platen-container .platen img { text-align: center; padding: 0; margin: 0 auto; } @media (max-width: 992px) { .specs-container .spec-container .spec-data .platen-container .platen { margin-bottom: 40px; } } .spec-container img.mar_8{ margin:0px 8px 0px 8px;} .spec-data .swiper-container { width: 80%; height: 220px; } @media (max-width: 992px) { .swiper-container { width: 98%; margin: 0 auto; height: 200px; } } .swiper-container .swiper-button-prev { top: 20%; } .swiper-container .swiper-button-next { top: 20%; } .chev { position: relative; width: 100%; } .chev .chev-left { position: absolute; top: 30px; left: -30px; } @media (max-width: 992px) { .chev .chev-left { left: -20px; } } .chev .chev-right { position: absolute; top: 30px; right: -20px; } @media (max-width: 992px) { .chev { right: -100; } } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 10px;} .swiper-pagination-bullet {width: 20px; height: 20px;} .note{ font-size:13px} .note:before{ content: "*: ";} .note1{ font-size:13px} .note1:before{ content: "*1: ";} .note2{ font-size:13px} .note2:before{ content: "*2: ";} .note3{ font-size:13px} .note3:before{ content: "*3: ";} .note4{ font-size:13px} .note4:before{ content: "*4: ";} .note5{ font-size:13px} .note5:before{ content: "*5: ";} .iframe-width-max{display: block; max-width:100%; padding-bottom: 5px;} h2.gtx_footer_row{padding-left: 10px; padding-right: 10px;} #close {text-align:center;margin:30px auto;font-size:130%;} .background_gradient{background: linear-gradient(to bottom, #fff, #dadada);} .medias-container h2{color: #000;word-break: break-all;} .medias-container .media-container{padding: 40px; text-align: center;} @media (max-width: 768px) { .medias-container .media-container{padding: 20px 30px 50px 30px;} } .medias-container .media-container img.mar_20{margin:0px 20px 0px 0px; } @media (max-width: 768px) { .medias-container .media-container img.sp_mar_10{margin:10px 0px 10px 0px}} .ben-benefits.media .watch_r h5 { background-color: #e2383c; color: #fff !important; font-size: 18px; font-weight: 700; margin: 2px 0; padding: 10px 15px; width: auto; } .ben-benefits.media .watch_r img { margin: 2px 0; } .ben-benefits.media .watch_r { font-size: 18px; font-weight: 700; color: #fff;} @media (max-width: 768px) {.ben-benefits.media .watch_r { font-size: 18px; font-weight: 700; color: #fff; width:49%; float:right; }} @media (max-width: 640px) {.ben-benefits.media .watch_r { font-size: 18px; font-weight: 700; color: #fff; width:100%; float:right; }} .ben-benefits.media .watch_l h5 { background-color: #e2383c; color: #fff !important; font-size: 18px; font-weight: 700; margin: 2px 0; padding: 10px 15px; width: auto; } .ben-benefits.media .watch_l img { margin: 2px 0; } .ben-benefits.media .watch_l { font-size: 18px; font-weight: 700; color: #fff;} @media (max-width: 768px) {.ben-benefits.media .watch_l { font-size: 18px; font-weight: 700; color: #fff; width:49%; float:left; }} @media (max-width: 640px) {.ben-benefits.media .watch_l { font-size: 18px; font-weight: 700; color: #fff; width:100%; float:left; }}