/******Do not remove******/
.pushImgLeft{
  float: left;
  margin: 10px;
}
.pushImgRight{
  float: right;
  margin: 10px;
}
/******Do not remove******/
/******Home Page******/
.family-text-wrap{
  float: right;
  width: calc(100% - 410px);
  height: 230px;
  background: #fff;
  padding: 10px 20px;
}
.family-advantage-wrap {
  padding: 50px;
  background: #F0F0F0;
}
.family-heading{
  color: #BD0F12;
  font-weight: 600;
  font-size: 30px;
  line-height: 40px;
}
.family-text-wrap p{
  font-size: 18px;
  color: #3D3D3D;
  line-height: 28px;
}
.banner-text-wrap{
  text-transform: uppercase;
  font-size: 20px;
  color:#fff;
  margin: 10px 0;
}
.banner-text-black-wrap{
  text-transform: uppercase;
  font-size: 20px;
  color:#000;
  margin: 10px 0;
}
.visit-button{
  width: 90px;
  height: 40px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 8px;
  padding: 6px 14px;
}
.visit-button-black{
  width: 90px;
  height: 40px;
  color: #000;
  border: 1px solid #000;
  border-radius: 8px;
  padding: 6px 14px;
}
.visit-button:hover{
  color: #fff;
}
.trusted-partners-wrap ul li{
  border:none !important;
}
.partners-heading{
  margin-top:30px;
}
/******* static pages*********/
.margin-bottom-2{
  margin-bottom:20px;
}
.cimm_page-title{
  color:#3D3D3D !important;
  font-size: 24px !important;
  line-height: 32px !important;
  font-weight: 600 !important;
  margin-bottom:20px !important;
}
.border-full{
  border:1px solid #CDCDCD;
}
.card-background{
  background: #F8F8F8;
}
.padding-left-0{
  padding-left:0 !important;
}
.padding-right-0{
  padding-right:0 !important;
}
.border-right{
  border-right: 1px solid #CDCDCD;
}
.border-bottom{
  border-right: 1px solid #CDCDCD;
}
.padding-40{
  padding: 40px;
}
.white-bg{
  background:#fff;
}
.red-color-text{
  color:#EA1317;
}
.red-color-text:hover{
  color:#bd0f12;
  text-decoration:underline;
}
/**************Manufacture Resources***************/
.top-card-text{
  font-size: 18px;
  font-weight: 400;
  color:#3D3D3D;
  line-height: 28px;
  padding:40px;
}
.card-heading{
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom:10px;
}
.card-heading a{
  color:#3D3D3D;
}
.card-heading a:hover{
  text-decoration:underline;
}
.card-sub-text{
  color: #3D3D3D;
  font-size: 16px;
  font-weight:400;
  line-height: 24px;
}
.card-hover:hover{
  background:#F0F0F0}
/**********************our story******************************/
.our-story-heading{
  font-size: 48px;
  font-weight: 600;
  color: #3D3D3D;
  line-height: 60px;
  margin-bottom: 10px;
  margin-top:10px;
}
.our-story-sub-heading{
  font-size: 24px;
  font-weight: 500;
  color: #3D3D3D;
  line-height: 32px;
  margin-bottom: 10px;
}
.our-story-text{
  color:#5E5E5E;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 10px;
}
.our-sory-right-block{
  border: 1px solid #E1E1E1;
  background: #f8f8f8;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  height: calc(100% - 15px);
}
.our-story-right-heading-wrap{
  color:#fff;
  background:#767676;
  padding:12px 28px;
  text-align:center;
  font-size:30px;
  font-weight:600;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.content-wrap{
  margin: 20px;
}
.left-parent-block{
  display: inline-flex;
  width: 55%;
  height: 110px;
  float:left;
  position: relative;
}
.right-parent-block{
  display: inline-flex;
  width: 50%;
  height: 110px;
  float:right;
  position:relative;
}
.left-year-wrap{
  text-align: right;
  display: block;
  margin-right: 20px;
  color: #EA1317;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
}
.right-year-wrap{
  text-align: left;
  display: block;
  margin-left: 20px;
  color: #EA1317;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
}
.left-text-content{
  text-align: right;
  margin-right: 20px;
  color: #3D3D3D;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  width:250px;
}
.right-text-content{
  text-align: left;
  margin-left: 20px;
  color: #3D3D3D;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.left-image-wrap:after{
  content: " ";
  width: 28px;
  height: 56px;
  display: inline-block;
  position: absolute;
  right: 35px;
  border: 2px solid red;
  bottom: -55px;
  border-top: none;
  border-right: none;
}
.right-image-wrap:after{
  content: " ";
  width: 28px;
  height: 56px;
  display: inline-block;
  position: absolute;
  left: 35px;
  border: 2px solid red;
  bottom: -55px;
  border-top: none;
  border-left: none;
}
.last-node:after{
  border:none !important;
}
/********** Manufacturer technical support **************/
.manufacturer-technical-support{
  width:80%
}
.manufacturer-technical-support tbody tr{
  border-top:1px solid #E1E1E1}
.manufacturer-technical-support tbody tr:hover{
  background:#F8F8F8}
.manufacturer-technical-support tbody tr td{
  padding:20px;
  font-size:18px;
  color:#3D3D3D;
  font-weight:500;
}
.manufacturer-technical-support tbody tr td a.phone{
  color:#EA1317;
}
.manufacturer-technical-support tbody tr td a.phone:hover{
  text-decoration:underline;
}
/******************FAQ*****************************/
.accordion-container{
  background:#F8F8F8;
  border-radius:6px;
  margin-bottom:10px;
  position: relative;
  border: 1px solid #E1E1E1;
}
.accordion-container a{
  color:#3D3D3D;
  font-weight:500
}
.accordion-container a h3{
  padding:24px 32px;
  font-size:18px;
}
.accordion-content{
  padding:24px 32px;
  background:#fff;
  font-size:16px;
  font-weight:400;
}
.accordion-toggle:after {
  content: " ";
  width: 24px;
  height: 24px;
  display: inline-block;
  position: absolute;
  top: 33px;
  right: 22px;
  background: transparent url(/ASSETS/IMAGES/CMS/STATIC_IMAGES/FAQ/chevron-down.png) no-repeat center center;
}
.accordion-toggle.active:after {
  background-image: url(/ASSETS/IMAGES/CMS/STATIC_IMAGES/FAQ/chevron-up.png);
}
.help-section-wrap p{
  font-size:14px;
  font-weight:500;
  color:#5E5E5E;
  line-height:20px;
}
.help-section-wrap p a{
  color:#EA1317 !important;
  font-weight:600;
  margin:0 10px;
  cursor:pointer;
}
/******************* App Features*************/
.static-leftmenu-wrap ul{
  padding-left: 5px;
}
.static-leftmenu-wrap ul li{
  list-style-type:none;
  padding:12px 16px;
  border-top:1px solid #e1e1e1;
}
.static-leftmenu-wrap ul li:last-child{
  border-bottom:1px solid #e1e1e1;
}
.static-leftmenu-wrap ul li a{
  font-size:16px;
  font-weight:500;
  color:#3D3D3D;
  line-height: 24px;
}
.static-leftmenu-wrap ul li:hover{
  background:#f8f8f8;
}
.card-wrapper{
  border-radius:8px;
  border:1px solid #e1e1e1;
}
.detail-wrapper{
  padding: 24px;
}
.detail-wrapper .card-title{
  font-size: 16px;
  font-weight: 600;
  color:#3D3D3D;
  line-height: 24px;
  margin-bottom:15px;
  height: 45px;
  overflow: hidden;
}
.card-description{
  font-size: 14px;
  font-weight: 400;
  color:#525252;
  line-height: 20px;
  margin-bottom:30px;
  height: 60px;
  overflow: hidden;
}
.detail-link a{
  font-size: 14px;
  font-weight: 600;
  color:#EA1317;
  line-height: 20px;
}
.detail-link a:hover{
  color:#980C0F;
  text-decoration:underline}
/**********************Contractor Resource Hub *********/
.contractor-resource-description-wrap{
  font-size: 16px;
  font-weight: 400;
  color:#5E5E5E;
  line-height: 24px;
}
.back-btn-wrap a{
  font-size: 14px;
  font-weight: 600;
  color:#EA1317;
  line-height: 20px;
}
.back-btn-wrap a:hover{
  color:#980C0F;
  text-decoration:underline;
}
.back-btn-wrap a svg{
  margin-right:5px;
}
.static-leftmenu-searchwrap{
  margin-bottom:20px;
  position:relative;
}
.static-leftmenu-searchwrap #myInput{
  width:100%;
  height:44px;
  border:1px solid #E1E1E1;
  border-radius:8px;
  padding:10px 14px;
  background:#F8F8F8;
  font-size:16px;
  font-weight:400;
  color:#767676;
}
.search-icon:after{
  content: " ";
  width: 24px;
  height: 24px;
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 10px;
  background: transparent url(/ASSETS/IMAGES/CMS/STATIC_IMAGES/static-search-icon.png) no-repeat center center;
}
/****************************** Resource page **************************/
.resource-card-wrapper {
  border-radius: 8px;
  border: 1px solid #e1e1e1;
}
.resource-detail-wrapper {
  padding: 24px;
}
.resource-detail-wrapper{
  padding: 24px;
}
.resource-detail-wrapper .resource-card-title {
  font-size: 20px;
  font-weight: 600;
  color: #3D3D3D;
  line-height: 30px;
  margin-bottom: 15px;
  height: 60px;
  overflow: hidden;
}
.resource-card-description {
  font-size: 16px;
  font-weight: 400;
  color: #3D3D3D;
  line-height: 24px;
  margin-bottom: 30px;
  height: 75px;
  overflow: hidden;
}
.resource-detail-link a {
  font-size: 16px;
  font-weight: 600;
  color: #EA1317;
  line-height: 24px;
}
.resource-detail-link a:hover {
  color: #980C0F;
  text-decoration: underline;
}
.resource-img-wrapper img{
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
/**********************************Delivery&Tracking page****************/
.ui-sortable .form-group{
  margin-bottom:20px;
}
.ui-sortable .form-group label{
  margin-bottom:5px;
}
.captchaWrap{
  padding: 20px;
  border: 1px solid #e1e1e1;
  margin-top: 20px;
  background: #f8f8f8;
}
.captchaButton{
  margin-left:20px;
  color:#ea1317;
}
.captchaButton:hover{
  color:#bd0f12;
}
.btnBlock{
  text-align:center;
}
.btnBlock .btn-primary{
  background:#ea1317;
  border:none;
}
.btnBlock .btn-primary:hover{
  background:#bd0f12;
}
/****************************Find Your Gerber Toliet*************************/
.Find_Your_Gerber_Toliet{
  margin-bottom:20px;
}
.Find_Your_Gerber_Toliet>tbody>tr>td{
  border-width:1px !important;
  padding:30px;
}
.Find_Your_Gerber_Toliet>tbody>tr>td>a{
  color:#ea1317;
  font-size:20px;
  margin:20px 0;
}
.Find_Your_Gerber_Toliet>tbody>tr>td>a:hover{
  text-decoration:underline;
  color:#bd0f12;
}
/****************************Find Your TOTO Toilet*************************/
.item-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -8px;
}
.item-col{
  padding: 12px;
  flex: 1 0 auto;
  width: 100%;
  max-width: 100%;
  border: 1px solid #e6e6e6;
  text-align: center;
  margin: -1px 0 0 -1px;
}
.item-col a{
  color:#ea1317;
  font-size:20px;
  display: block;
}
.item-col a:hover{
  text-decoration:underline;
  color:#bd0f12;
}
.item-col img{
  margin-bottom: 20px;
  width: auto;
  max-width: 100%;
}
@media(min-width: 992px) {
  .item-col {
    max-width:33.33%;
    width: 33.33%;
  }
}
.Find_Your_TOTO_Toilet{
  margin-bottom:20px;
}
.Find_Your_TOTO_Toilet>tbody>tr>td{
  border-width:1px !important;
  padding:30px;
}
.Find_Your_TOTO_Toilet>tbody>tr>td>a{
  color:#ea1317;
  font-size:20px;
  margin:20px 0;
  display: block;
}
.Find_Your_TOTO_Toilet>tbody>tr>td>a:hover{
  text-decoration:underline;
  color:#bd0f12;
}
/***********************************Careers page ******************************/
.career_certified_wrap{
  background:#F8F8F8;
  padding:48px 64px;
}
.values_culture_parent_wrap{
  padding-left:40px;
}
.values_culture_parent_wrap h1{
  font-size: 40px;
  font-weight: 600;
  color:#3D3D3D;
  line-height: 60px;
  margin-bottom: 30px;
}
.values_calture_desc{
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  color: #5E5E5E;
  margin-bottom: 20px;
}
.values_culture_sub_heading{
  font-size: 24px;
  font-weight: 600;
  line-height: 48px;
  color:#5E5E5E;
  margin-bottom: 20px;
}
.values_culture_button_wrap{
  padding:10px 18px;
  border-radius: 8px;
  color:#fff;
  background-color: #EA1317;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display:inline-block;
}
.values_culture_button_wrap:hover{
  color:#fff;
}
.margin-top-4{
  margin-top:40px !important;
}
.career_card-wrap{
  width: 650px;
  padding: 40px;
}
.career_card-wrap .card-title{
  font-size: 30px;
  font-weight: 600;
  line-height: 38px;
  color: #3D3D3D;
  margin-bottom: 20px;
}
.career_card-wrap .card_descrption{
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  color: #5E5E5E;
}
.testimonial_wrap {
  background:#F8F8F8;
  padding:64px;
}
.testimonial_descr_wrap{
  padding: 0 40px;
}
.testimonial_descr_text{
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  color:#5E5E5E;
  margin-bottom: 20px;
}
.margin-bottom-20{
  margin-bottom:20px;
}
.benefits_wrap {
  background: #F8F8F8;
  padding: 45px;
}
.additional_benefits_wrap {
  background: #F8F8F8;
  padding: 45px;
}
h2.benefits_title {
  text-align: center;
  font-size: 30px;
  color: #3D3D3D;
  font-weight: 600;
  line-height: 38px;
  margin-bottom: 20px;
}
.benefits_wrap .benefits_list ul li{
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  color:#5E5E5E;
  list-style-type: decimal;
}
.benefits_wrap .benefits_list ul li span{
  font-weight: 600;
}
.additional_benefits_wrap .benefits_list ul li{
  font-size: 20px;
  font-weight: 600;
  line-height: 40px;
  color:#5E5E5E;
  list-style-type: decimal;
}
.eligible_wrap{
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color:#5E5E5E;
  margin-top:50px;
}
.vamac_family_wrap {
  background: #F8F8F8;
  margin-top: 20px;
  padding: 40px;
}
.vamac_family_wrap .title_wrap{
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  color:#5e5e5e;
  line-height: 30px;
}
.vamac_family_wrap ul{
  text-align: center;
  margin: 10px 0;
}
.vamac_family_wrap ul li{
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
  color:#5e5e5e;
  line-height: 30px;
  border-right: 1px solid #919191;
  padding-right: 10px;
  padding-left: 10px;
}
.vamac_family_wrap ul li:last-child{
  border-right: none;
}
.vamac_family_wrap .button_wrap{
  text-align: center;
  margin-top: 30px;
}
.vamac_family_wrap .button_wrap .explore_btn {
  display: inline-block;
  background: #EA1317;
  padding: 10px 18px;
  border-radius: 8px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}
.DiSP-iconWrap {
  width: 130px;
}
.DiSP-iconWrap img{
  width: 100px !important;
}
/************************************Responsive styles*************************/
@media only screen and (min-width: 1400px)
  {
  .cimm_staticPageWrap >.container-fluid{
    max-width: 1568px;
    padding:0 15px !important;
  }
}
@media all and (max-width: 1200px) {
  .family-text-wrap{
    width:100%;
    height:auto;
  }
.family_advantage_image{
  width:100%;
}
.responsiveImage{
  width:100%;
}
.career_card-wrap{
  width:100%;
}
.left-parent-block{
  width:100%;
  margin-bottom:30px;
  float: left;
  height: auto;
}
.right-parent-block{
  width:100%;
  float:left;
  margin-bottom:30px;
  height: auto;
}
.left-image-wrap:after,.right-image-wrap:after{
  display:none;
}
.left-image-wrap .img-responsive,.right-image-wrap .img-responsive{
  width:auto;
}
.left-text-content{
  width:auto;
}
.img-responsive{
  width:100%;
}
}
@media all and (max-width: 1024px) {
  .career_card-wrap{
    width:100%;
  }
.img-responsive{
  width:100%;
}
img.img-responsive {
  width: auto;
}
}
@media all and (max-width: 768px) {
  .tracking-delivery .col,.Virtual-Assistance-Request .col{
    flex:unset;
  }
.manufacturer-technical-support-wrap{
  overflow-x:scroll;
  overflow-y:hidden;
}
.manufacturer-technical-support{
  width:900px;
}
.accordion-content iframe{
  width:100%;
}
.text-content p {
  width: 75%;
}
.DiSP-iconWrap {
  width: 100px;
}
.DiSP-iconWrap img {
  height: 80px;
  width: auto !important;
}
}
@media all and (max-width: 480px) {
  .accordion-container a h3 {
    padding: 24px 45px 24px 20px;
    font-size: 16px;
  }
}
/*********************Component styles ******************/
.d-flex{
  display: flex !important;
}
.static-img-wrap{
  flex-wrap: wrap;
}
.img-wrap{
  flex: 0 0 auto;
  width: 100%;
}
.text-content {
  flex: 0 0 auto;
  width: 100%;
  justify-content: center;
  display: flex;
  flex-direction: column;
  background: #fff;
  padding: 20px 0;
}
.text-content p, .text-content h2 {
  width: 90%;
  margin: 12px auto;
}
.img-wrap img {
  height: 100%;
  object-fit: cover;
}
@media (min-width: 992px) {
  .right-img-wrap {
    flex-direction: row-reverse;
  }
.img-wrap{
  width: 50%;
}
.text-content {
  width: 50%;
}
}