.btn {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: #000;
    background: none;
    cursor: pointer;
    display: inline-block;
    background-size: cover;
    border-radius: 0px;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    min-width: 82px;
}

/*.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}*/



/*.icon-cart:before {

		 content: "OWNERS \A MANUAL";
    white-space: pre;
	 color:#fff;
	 line-height: 2.5;
	
}
.icon-cart:after {
 
	 content: url("../images/icons/Owners_Manual.png");
	

	width:40px;
	height:40px;
	 color:#fff;
}

.icon-cart-2:before {
	  content: url("../images/icons/News.png");
}

.icon-cart-2:after {
	 content: "BULLETINS \A AND NEWS";
    white-space: pre;
	font-size:14px;
	 color:#fff;
	 
}

.icon-cart-3:before {
	 content: url("../images/icons/Maintenance_Manual.png");
}

.icon-cart-3:after {
	  content: "MAINTENANCE \A MANUAL";
    white-space: pre;
	 color:#fff;
	 
}


.icon-cart-4:before {
	 content: url("../images/icons/Diagnostics_tool.png");
}

.icon-cart-4:after {
	 content: "DIAGNOSTIC \A TOOL OPERATION \A MANUAL";
    white-space: pre;
	 color:#fff;
	 
}

.icon-cart-5:before {
	  content: url("../images/1a.png");
}

.icon-cart-5:after {
	 content: "SHOP \A MANUAL";
 
    white-space: pre;
	 color:#fff;
	 
}

.icon-cart-6:before {
	   content: "BODY \A BUILDING \A GUIDELINES";
 
    white-space: pre;
	 color:#fff;
	 text-align:left;
}

.icon-cart-6:after {
	 
		 content: url("../images/icons/Body_Building_Guidelines.png");
	 
}

.icon-cart-7:before {
	   content: "TRAINING \A MATERIAL";
 
    white-space: pre;
	 color:#fff;
}

.icon-cart-7:after {
	 content: url("../images/icons/Training_Material.png");
	
	 
}

.icon-cart-8:before {
	  content: url("../images/icons/Warranty_Manual.png");
}

.icon-cart-8:after {
	 content: "WARRANTY \A MANUAL";
	
	 
 
    white-space: pre;
	 color:#fff;
}
.icon-cart-9:before {
	   content: url("../images/icons/Parts_Catalogue.png");
}

.icon-cart-9:after {
	 
	
	 content: "PARTS \A CATALOGUE";
 
    white-space: pre;
	 color:#fff;
}
.icon-cart-10:before {
	   content: url("../images/icons/Flat_rate_manual.png");
}

.icon-cart-10:after {
	 
	
	 content: "FLAT RATE \A MANUAL";
 
    white-space: pre;
	 color:#fff;
}
.icon-cart-11:before {
	   content: url("../images/icons/Damage_Code_Manual.png");
}

.icon-cart-11:after {
	content: "DAMAGE CODE \A MANUAL";
 
    white-space: pre;
	 color:#fff;
}
.icon-cart-12:before {
	   content: url("../images/icons/Wall_Chart.png");
}

.icon-cart-12:after {
	content: "WALL \A CHART";
 
    white-space: pre;
	 color:#fff;
}
.icon-cart-13:before {
	   content: url("../images/icons/Animated_Shop_Manual.png");
}

.icon-cart-13:after {
	content: "ANIMATED \A SHOP MANUAL";
 
    white-space: pre;
	 color:#fff;
}
.icon-cart-14:before {
	   content: url("../images/icons/Interactivee.png");
}

.icon-cart-14:after {
	content: "INTERACTIVE E/E";
 
    white-space: pre;
	 color:#fff;
}
.icon-cart-15:before {
	   content: url("../images/icons/Special_Tool_Manual.png");
}

.icon-cart-15:after {
	content: "SPECIAL TOOL \A MANUAL";
 
    white-space: pre;
	 color:#fff;
}
.icon-cart-16:before {
	   content: url("../images/icons/Interactive_Fluids.png");
}
.icon-cart-16:after {
	content: "INTERACTIVE \A FLUIDS";
 
    white-space: pre;
	 color:#fff;
}
.icon-cart-17:before {
	   content: url("../images/icons/Drive.png");
}

.icon-cart-17:after {
	content: "DRIVER \A TRAINING \A MANUAL";
 
    white-space: pre;
	 color:#fff;
}*/


/*.btn-5,.btn-2,.btn-3,.btn-4,.btn-6,.btn-7,.btn-8,.btn-9,.btn-10,.btn-11,.btn-12,.btn-13,.btn-14{
	
	background-color:#a2b4be;
	font-size: 14px;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	text-align: center;
	vertical-align: middle;
}



.btn-5 {
	height: 135px;
	width: 100%;
}

.btn-2 {
	height: 224px;
	width: 227px;
}

.btn-3 {
	height: 224px;
	width: 165px;
}
.btn-4 {
	    height: 126px;
    width: 212px;
    top: -48px;
    left: -2px;
}
.btn-6 {
height: 96px;
    width: 212px;
    top: -43px;
	left:-2px;
   
}
.btn-7 {
    height: 172px;
    width: 279px;
}
.btn-8 {
       height: 172px;
    width: 330px;

}


.btn-9 {
   height: 247px;
    width: 244px;
}
.btn-10 {
      height: 291px;
    width: 246px;
    top: 4px;
    left: -2px;


}
.btn-11 {
    height: 147px;
    width: 299px;
    top: 0px;
}

.btn-12 {
          height: 397px;
    width: 298px;
    top: 4px;
}

.btn-13 {
    height: 147px;
    width: 299px;
    top: 0px;
}

.btn-14 {
          height: 397px;
    width: 298px;
    top: 4px;
}




.btn-5:active ,.btn-2:active,.btn-3:active,.btn-7:active,.btn-8:active,.btn-4:active,.btn-6:active {
	
	top: 2px;
}



.btn-5 div,.btn-2 div ,.btn-3 div,.btn-7 div,.btn-8 div,.btn-4 div,.btn-6 div {
	display: inline-block;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s;
	-webkit-backface-visibility: hidden;
	-moz-transition: all 0.3s;
	-moz-backface-visibility: hidden;
	transition: all 0.3s;
	backface-visibility: hidden;
	
	   
}

.btn-5:before,.btn-2:before,.btn-3:before ,.btn-7:before,.btn-8:before,.btn-4:before,.btn-6:before {
	position: absolute;
	font-size: 14px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}




.btn-5:hover span,.btn-2:hover span,.btn-3:hover span,.btn-7:hover span,.btn-8:hover span,.btn-4:hover span,.btn-6:hover span{
	-webkit-transform: translateY(300%);
	-moz-transform: translateY(300%);
	-ms-transform: translateY(300%);
	transform: translateY(300%);
	opacity:1;
	z-index:9;
}

.btn-5:hover:before,.btn-2:hover:before,.btn-3:hover:before,.btn-7:hover:before,.btn-8:hover:before,.btn-4:hover:before,.btn-6:hover:before{
	top: 25%;
}
.btn-5:hover:after,.btn-2:hover:after,.btn-3:hover:after,.btn-7:hover:after,.btn-8:hover:after,.btn-4:hover:after,.btn-6:hover:after {
	top: 25%;
}




.btn-5a:before {
	
    left: 6rem;
    top: -100%;
    padding: 22px 38px;
    text-align: left;
    line-height: 1.3;
    font-size: 14px;
	
}

.btn-5a:after {
	 left: 36px;
    top: -100%;
    padding: 11px 22px;
    width: 5rem;
	
}

.btn-5b:before {
    left: 36px;
    top: -100%;
    padding: 12px 22px;
    width: 5rem;
    font-size: 14px
}
.btn-5b:after {
    left: 6rem;
    top: -100%;
    padding: 22px 38px;
    text-align: left;
    line-height: 1.3;
    font-size: 12px;

}
.btn-3bc:before {
	  left: 16px;
    top: -100%;
    padding: 15px 0px;
    width: 5rem;
}
.btn-3bc:after {
    left: 3rem;
    top: -100%;
    padding: 22px 38px;
    text-align: left;
    line-height: 1.3;
    font-size: 14px;

}

.btn-2a:before {
	left: 0;
	top: -100%;
	padding:65px 9px;
}
.btn-2a:after {
     left: 41px;
    top: -100%;
    padding: 73px 31px;
    line-height: 1.5;
    text-align: left;
    font-size: 14px;

}

.btn-3a:before {
	left: 0;
	top: -100%;
	padding:26px 65px;
	font-size: 14px;	
}
.btn-3a:after {
    left: 0;
    top: -100%;
    padding: 25px 10px;   
    text-align: left;
    

}
.btn-3b:before {
	left: 0;
	top: -100%;
	padding:27px 20px;
}
.btn-3b:after {
        left: 0;
    top: -100%;
    padding: 29px 86px;
    text-align: left;
    font-size: 15px;
}
.btn-4a:before {
	left: 0;
	top: -100%;
	padding:70px 56px;
}
.btn-4a:after {
        left: 65px;
    top: -100%;
    padding: 75px 60px;
    text-align: left;
    font-size: 15px;

}
.btn-31b:before {
	left: 49px;
    top: -100%;
    padding: 60px 20px;
}
.btn-31b:after {
      left: 44px;
    top: -100%;
    padding: 62px 86px;
    text-align: left;
    font-size: 14px;
}
.btn-32b:before {
	left: 45px;
    top: -100%;
    padding:25px 10px;
}
.btn-32b:after {
     left: 37px;
    top: -100%;
    padding: 20px 86px;
    text-align: left;
    font-size: 14px;
}

.btn-7a:before {
	left: 0;
	top: -100%;
	padding:72px 86px;
}
.btn-7a:after {
    left: 0;
    top: -100%;
    padding: 40px 30px;
    width: 279px;
    line-height: 1.2;
    text-align: right;
    font-size: 12px;

}

.btn-8a:before {
	 left: 0;
    top: -100%;
    padding: 55px 70px;
    width: 279px;
    line-height: 1.2;
    text-align: left;
    font-size: 12px;
}
.btn-8a:after {
   
	left: 0;
	top: -100%;
	padding:55px 210px;

}


.btn-6a:before {
 	left: 41px;
    top: -100%;
    padding: 26px 29px;
    text-align: left;
}
.btn-6a:after {
  left: 34px;
    top: -100%;
    padding: 26px 90px;
    line-height: 1.5;
    text-align: left;
    font-size: 14px;

	
}

.btn-6b:before {
 	left: 30px;
    top: -100%;
    padding: 78px 9px;
    text-align: left;
}
.btn-6b:after {
      left: 25px;
    top: -100%;
    padding: 87px 90px;
    line-height: 1.5;
    text-align: left;
    font-size: 14px;

	
}


.btn.btn-5 {
  background-repeat: no-repeat;
  background-position: -500px -500px, 0 0;
  
  background-image: -webkit-linear-gradient(
    top left,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.2) 37%,
    rgba(255, 255, 255, 0.5) 45%,
    rgba(255, 255, 255, 0.0) 50%
  );
  background-image: -moz-linear-gradient(
    0 0,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.2) 37%,
    rgba(255, 255, 255, 0.5) 45%,
    rgba(255, 255, 255, 0.0) 50%
  );    
  background-image: -o-linear-gradient(
    0 0,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.2) 37%,
    rgba(255, 255, 255, 0.5) 45%,
    rgba(255, 255, 255, 0.0) 50%
  );
  background-image: linear-gradient(
    0 0,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.2) 45%,
    rgba(255, 255, 255, 0.5) 45%,
    rgba(255, 255, 255, 0.0) 50%
  );
  
  -moz-background-size: 250% 250%, 100% 100%;
       background-size: 250% 250%, 100% 100%;
  
  -webkit-transition: background-position 0s ease;
     -moz-transition: background-position 0s ease;       
       -o-transition: background-position 0s ease;
          transition: background-position 0s ease;
}
	  
  .btn:hover{
-webkit-box-shadow: -1px 5px 10px 6px rgba(0,0,0,0.39);
-moz-box-shadow: -1px 5px 10px 6px rgba(0,0,0,0.39);
box-shadow: -1px 5px 10px 6px rgba(0,0,0,0.39);
z-index:1;
background-color:#f00;



   }
.btn.btn-5:hover {
  background-position: 0 0, 0 0;
  
  -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
          transition-duration: 0.5s;
}*/

.dsh-text {
    font-size: 22px;
}


.lyt-1 {
    position: absolute;
    top: 3px;
    left: 0px;
}

.lyt-11 {
    text-align: left;
    left: 47%;
    position: absolute;
    line-height: 19px;
    top: 17%;
}

.lyt-12 {
    position: absolute;
    left: 17%;
    top: 8%;
}

.lyt-13 {
    padding-right: 2px;
}

.lyt-2 {
    position: absolute;
    top: 4rem;
    left: 0px;
}

.lyt-21 {
    text-align: left;
    left: 39%;
    position: absolute;
    line-height: 19px;
    top: 6%;
}

.lyt-22 {
    position: absolute;
    left: 5%;
}

.lyt-23 {
    padding-right: 12px;
    height: 70px;
    width: 70px;
    margin-top: 0px;
}

.lyt-3 {
    position: absolute;
    top: 4rem;
    left: 16px;
}

.lyt-31 {
    left: 83px;
    position: absolute;
    line-height: 21px;
    text-align: left;
    top: 5%;
}

.lyt-32 {
    position: absolute;
    left: 9px;
}

.lyt-33 {
    padding-right: 12px;
    height: 70px;
    width: 70px;
}

.lyt-4 {
    position: absolute;
    top: 10px;
    left: 0px;
}

.lyt-41 {
    text-align: left;
    left: 76px;
    position: absolute;
    line-height: 19px;
    top: 13px;
}

.lyt-42 {
    position: absolute;
    left: 7px;
}

.lyt-43 {
    padding-right: 12px;
    height: 70px;
    width: 70px;
}

.lyt-5 {
    position: absolute;
    top: 13px;
    left: 0px;
}

.lyt-51 {
    text-align: left;
    left: 47%;
    position: absolute;
    top: 9%;
}

.lyt-52 {
    position: absolute;
    left: 17%;
    top: 8%;
}

.lyt-53 {
    padding-right: 2px;
}


.lyt-6 {
    position: absolute;
    top: 30px;
    left: 0px;
}

.lyt-61 {
    text-align: left;
    left: 47%;
    position: absolute;
    top: 15%;
}

.lyt-62 {
    position: absolute;
    left: 17%;
    top: 8%;
}

.lyt-63 {
    padding-right: 2px;
    height: 70px;
    width: 70px;
}

.lyt-7 {
    position: absolute;
    top: 0px;
    left: 0px;
}

.lyt-71 {
    text-align: left;
    left: 42%;
    position: absolute;
    top: 13%;
}

.lyt-72 {
    position: absolute;
    left: 17%;
    top: 8%;
}

.lyt-73 {
    padding-right: 2px;
    height: 70px;
    width: 70px;
}


.lyt-8 {
    position: absolute;
    top: 10px;
    left: 0px;
}

.lyt-81 {
    text-align: left;
    left: 42%;
    position: absolute;
    top: 24%;
}

.lyt-82 {
    position: absolute;
    left: 17%;
    top: 14%;
}



.lyt-9 {
    position: absolute;
    top: 22%;
    left: 0px;
}

.lyt-91 {
    text-align: left;
    left: 45%;
    position: absolute;
    top: 18%;
}

.lyt-92 {
    position: absolute;
    left: 17%;
    top: 7%;
}


.lyt-10 {
    position: absolute;
    top: 11%;
    left: 0px;
}

.lyt-101 {
    text-align: left;
    left: 45%;
    position: absolute;
    top: 18%;
}

.lyt-102 {
    position: absolute;
    left: 17%;
    top: 8%;
}

.lyt-111 {
    position: absolute;
    top: 22%;
    left: 0px;
}

.lyt-112 {
    text-align: left;
    left: 45%;
    position: absolute;
    top: 8%;
}

.lyt-113 {
    position: absolute;
    left: 17%;
    top: 8%;
}

@media (max-height: 760px) {
    .midhtadjust .inmenblock {
        height: calc(100% - 102px);
        min-height: 352px;
    }
}

@media (max-width: 1170px) and (max-width:1080px) {
    .midhtadjust .inmenblock {
        min-height: 409px !important;
        height: auto !important;
    }

    .midhtadjust {
        min-height: initial !important;
    }

    .truck-bg {
        margin-top: -126px;
    }
}

@media (min-height: 900px) and (min-width:1367px) {
    .forincont.midhtadjust {
        height: 100%;
    }
}

@media (max-width: 768px) {
    .holder {
        height: auto;
    }

        .holder ul {
            max-height: 156px;
            margin-bottom: 2rem;
        }
}

@media (max-width: 1080px) {

    .truck-bg {
        margin-top: 0px;
    }
}

@media (max-width: 1400px) {

    .menuact:hover .mcont::before {
        font-size: 8pt;
    }

    .mtxt {
        font-size: 8pt;
    }
}

@media (max-width:1366px) and (max-height: 680px) {

    .midhtadjust {
        height: calC(100% - 34px);
    }
}

@media (max-height: 680px) {
    .footer {
        position: relative;
        height: auto;
        min-height: 146px;
    }
}

@media (max-height: 680px) and (max-width:1300px) {
    .midhtadjust {
        height: calC(100% - 54px);
    }
}

@media (max-height: 760px) and (max-width:1300px) and (min-width:1081px) {
    .midhtadjust {
        height: calC(100% - 24px);
        min-height: initial !important;
    }

        .midhtadjust .inmenblock {
            min-height: 350px !important;
            height: calc(100% - 49px) !important;
        }
}

@media (min-width:760px) {
    .forincont.lftadjust, .forincont.midhtadjust, .forincont.trdtadjust {
        height: 100%;
    }
}


@media (max-width: 1024px) {

    .mtxt {
        font-size: inherit !important;
    }

    .menuact:hover .mcont::before {
        font-size: inherit !important;
    }
}



@media (max-width: 1366px) {

    .mtxt {
        font-size: smaller;
        padding-left: 0 !important;
        padding-top: 24px;
        justify-content: center;
        justify-items: center;
        text-align: center !important;
    }

    .menuact .mtxt::after {
        max-width: none;
        right: 0;
        background-position: center calc(50% - 20px) !important;
        background-size: 72% !important;
    }

    .menuact:hover .mcont::after {
        max-width: none;
        right: 0;
        background-position: center calc(50% - 20px) !important;
        background-size: 72% !important;
    }

    .menuact:hover .mcont::before {
        font-size: smaller;
        padding-left: 0 !important;
        padding-top: 24px;
        justify-content: center;
        justify-items: center;
        text-align: center !important;
    }

    h3.dshtitle {
        font-size: medium;
    }

        h3.dshtitle::after {
            height: 3px;
        }

    .midhtadjust {
        height: calc(100% - 64px);
        min-height: auto;
    }



    .truck-bg {
        top: -60px;
        max-width: 436px !important;
    }



    label.radio-inline.radio-search2 {
        font-size: x-small;
        padding-bottom: 6px;
        padding-right: 3px;
    }
}



@media (min-width: 1894px) and (max-width : 2000px) {
    .lyt-1 {
        position: absolute;
        top: 20px;
        left: 0px;
    }

    .lyt-11 {
        text-align: left;
        left: 47%;
        position: absolute;
        line-height: 19px;
        top: 17%;
    }

    .lyt-12 {
        position: absolute;
        left: 17%;
        top: 8%;
    }

    .lyt-13 {
        padding-right: 2px;
        height: 70px;
        width: 70px;
    }

    .lyt-2 {
        position: absolute;
        top: 4rem;
        left: 0px;
    }

    .lyt-21 {
        text-align: left;
        left: 39%;
        position: absolute;
        line-height: 19px;
        top: 6%;
    }

    .lyt-22 {
        position: absolute;
        left: 5%;
    }

    .lyt-23 {
        padding-right: 12px;
        height: 70px;
        width: 70px;
        margin-top: 0px;
    }

    .lyt-3 {
        position: absolute;
        top: 4rem;
        left: 16px;
    }

    .lyt-31 {
        left: 83px;
        position: absolute;
        line-height: 21px;
        text-align: left;
        top: 5%;
    }

    .lyt-32 {
        position: absolute;
        left: 9px;
    }

    .lyt-33 {
        padding-right: 12px;
        height: 70px;
        width: 70px;
    }

    .lyt-4 {
        position: absolute;
        top: 10px;
        left: 0px;
    }

    .lyt-41 {
        text-align: left;
        left: 76px;
        position: absolute;
        line-height: 19px;
        top: 13px;
    }

    .lyt-42 {
        position: absolute;
        left: 7px;
    }

    .lyt-43 {
        padding-right: 12px;
        height: 70px;
        width: 70px;
    }

    .lyt-5 {
        position: absolute;
        top: 13px;
        left: 0px;
    }

    .lyt-51 {
        text-align: left;
        left: 47%;
        position: absolute;
        top: 11%;
    }

    .lyt-52 {
        position: absolute;
        left: 17%;
        top: 8%;
    }

    .lyt-53 {
        padding-right: 2px;
        height: 70px;
        width: 70px;
    }


    .lyt-6 {
        position: absolute;
        top: 45px;
        left: 0px;
    }

    .lyt-61 {
        text-align: left;
        left: 42%;
        position: absolute;
        top: 15%;
    }

    .lyt-62 {
        position: absolute;
        left: 17%;
        top: 8%;
    }

    .lyt-63 {
        padding-right: 2px;
        height: 70px;
        width: 70px;
    }

    .lyt-7 {
        position: absolute;
        top: 20px;
        left: 0px;
    }

    .lyt-71 {
        text-align: left;
        left: 42%;
        position: absolute;
        top: 13%;
    }

    .lyt-72 {
        position: absolute;
        left: 17%;
        top: 8%;
    }

    .lyt-73 {
        padding-right: 2px;
        height: 70px;
        width: 70px;
    }


    .lyt-8 {
        position: absolute;
        top: 20px;
        left: 0px;
    }

    .lyt-81 {
        text-align: left;
        left: 42%;
        position: absolute;
        top: 24%;
    }

    .lyt-82 {
        position: absolute;
        left: 17%;
        top: 14%;
    }



    .lyt-9 {
        position: absolute;
        top: 22%;
        left: 0px;
    }

    .lyt-91 {
        text-align: left;
        left: 45%;
        position: absolute;
        top: 18%;
    }

    .lyt-92 {
        position: absolute;
        left: 17%;
        top: 14%;
    }


    .lyt-10 {
        position: absolute;
        top: 22%;
        left: 0px;
    }

    .lyt-101 {
        text-align: left;
        left: 45%;
        position: absolute;
        top: 15%;
    }

    .lyt-102 {
        position: absolute;
        left: 17%;
        top: 8%;
    }

    .lyt-111 {
        position: absolute;
        top: 22%;
        left: 0px;
    }

    .lyt-112 {
        text-align: left;
        left: 45%;
        position: absolute;
        top: 8%;
    }

    .lyt-113 {
        position: absolute;
        left: 17%;
        top: 8%;
    }
}

@media (max-width: 1440px) {


    .lyt-11 {
        text-align: left;
        left: 46%;
        position: absolute;
        line-height: 19px;
        top: 17%;
    }

    .lyt-12 {
        position: absolute;
        left: 13%;
        top: 9%;
    }

    .lyt-31 {
        left: 15px;
        position: absolute;
        line-height: 19px;
        text-align: left;
        top: 37%;
    }

    .lyt-4 {
        position: absolute;
        top: 2px;
        left: 0px;
    }

    .lyt-42 {
        position: absolute;
        left: 6px;
        width: 50px;
    }

    .lyt-41 {
        text-align: left;
        left: 14px;
        position: absolute;
        line-height: 14px;
        top: 54px;
    }

    .lyt-43 {
        padding-right: 10px;
        height: 60px;
        width: 60px;
    }

    .btn-5, .btn-2, .btn-3, .btn-4, .btn-6, .btn-7, .btn-8, .btn-9, .btn-10, .btn-11, .btn-12, .btn-13, .btn-14 {
        font-size: 12px;
    }

    .lyt-13 {
        padding-right: 2px;
    }

    .lyt-21 {
        text-align: left;
        left: 10%;
        position: absolute;
        line-height: 22px;
        top: 35%;
    }

    .lyt-2 {
        position: absolute;
        top: 2rem;
        left: 0px;
    }

    .lyt-22 {
        position: absolute;
        left: 4%;
    }

    .lyt-3 {
        position: absolute;
        top: 2rem;
        left: 0px;
    }

    .lyt-52 {
        position: absolute;
        left: 7%;
        top: 8%;
    }

    .lyt-53 {
        padding-right: 2px;
    }

    .lyt-51 {
        left: 42%;
    }

    .lyt-62 {
        left: 9%;
    }

    .lyt-72 {
        left: 9%;
        top: 7%;
    }

    .lyt-7 {
        left: 8px;
    }

    .lyt-82 {
        position: absolute;
        left: 9%;
        top: 14%;
    }

    .lyt-73 {
        padding-right: 2px;
        height: 60px;
        width: 60px;
    }

    .lyt-92 {
        left: 10%;
    }

    .lyt-102 {
        left: 15%;
    }

    .lyt-113 {
        left: 11%;
        top: -2%;
    }
}


@media (max-width: 1536px) {

    .lyt-12 {
        left: 11%;
    }

    .lyt-21 {
        text-align: left;
        left: 10%;
        position: absolute;
        line-height: 19px;
        top: 18%;
    }

    .lyt-2 {
        top: 1rem;
    }

    .lyt-21 {
        text-align: left;
        left: 10%;
        position: absolute;
        line-height: 19px;
        top: 49%;
    }

    .lyt-3 {
        position: absolute;
        top: 1rem;
        left: 0px;
    }

    .lyt-33 {
        padding-right: 12px;
        height: 60px;
        width: 60px;
    }

    .lyt-31 {
        left: 14px;
        position: absolute;
        line-height: 19px;
        text-align: left;
        top: 48%;
    }

    .lyt-4 {
        position: absolute;
        top: -6px;
        left: 0px;
    }

    .lyt-42 {
        position: absolute;
        left: 1px;
        top: 7px;
        width: 45px;
    }

    .lyt-41 {
        text-align: left;
        left: 54px;
        position: absolute;
        line-height: 14px;
        top: 19px;
    }

    .lyt-43 {
        padding-right: 10px;
        height: 60px;
        width: 60px;
    }

    .btn-5, .btn-2, .btn-3, .btn-4, .btn-6, .btn-7, .btn-8, .btn-9, .btn-10, .btn-11, .btn-12, .btn-13, .btn-14 {
        font-size: 12px;
    }

    .lyt-52 {
        position: absolute;
        left: 9%;
        top: 4%;
    }

    .lyt-53 {
        padding-right: 2px;
    }

    .lyt-62 {
        position: absolute;
        left: 12%;
        top: 4%;
    }

    .lyt-72 {
        position: absolute;
        left: 10%;
        top: 8%;
    }

    .lyt-82 {
        position: absolute;
        left: 12%;
        top: 14%;
    }

    .lyt-73 {
        padding-right: 2px;
        height: 60px;
        width: 60px;
    }
}


@media (max-width: 1024px) {
    .btn-5, .btn-2, .btn-3, .btn-4, .btn-6, .btn-7, .btn-8, .btn-9, .btn-10, .btn-11, .btn-12, .btn-13, .btn-14 {
        font-size: 10px;
    }

    .lyt-12 {
        left: 6%;
    }

    .lyt-11 {
        left: 53%;
    }

    .lyt-13 {
        padding-right: 2px;
        height: 60px;
        width: 60px;
    }

    .lyt-53 {
        padding-right: 2px;
        height: 50px;
        width: 50px;
    }

    .lyt-5 {
        position: absolute;
        top: 0px;
        left: 0px;
    }

    .lyt-51 {
        left: 9%;
        top: 55%;
    }

    .lyt-62 {
        position: absolute;
        left: 0%;
        top: 8%;
    }

    .lyt-72 {
        position: absolute;
        left: 0%;
        top: 8%;
    }

    .lyt-82 {
        left: 5%;
    }

    .lyt-8 {
        position: absolute;
        top: 16px;
        left: 0px;
    }

    .lyt-81 {
        text-align: left;
        left: 8%;
        position: absolute;
        top: 57%;
    }

    .lyt-82 {
        position: absolute;
        left: 5%;
        top: 8%;
    }

    .lyt-92 {
        position: absolute;
        left: 17%;
        top: 0%;
    }

    .lyt-91 {
        text-align: left;
        left: 11%;
        position: absolute;
        top: 28%;
    }

    .lyt-102 {
        left: 6%;
        top: -24px;
    }

    .lyt-101 {
        text-align: left;
        left: 10%;
        position: absolute;
        top: 24%;
    }

    .lyt-113 {
        left: 11%;
        top: -14%;
    }

    .lyt-112 {
        text-align: left;
        left: 12%;
        position: absolute;
        top: 25%;
    }
}

.mcont {
    position: absolute;
    display: -ms-flexbox;
    height: 100%;
    width: 100%;
    align-items: center;
    /*display: table-row-group;*/
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    /*display: -moz-box;*/
    display: -moz-flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    z-index: 0;
}

.mimg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 72px;
}

.menuact {
    position: relative;
    overflow: hidden;
    transition: all 0.3s;
    -ms-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    background-color: #c9dae1;
    display: table-cell;
}

    .menuact:hover {
        background-color: #f00;
    }


        .menuact:hover > div {
            transition: all .3s;
            -ms-transition: all .3s;
            -webkit-transition: all .3s;
            -moz-transition: all .3s;
            -o-transition: all .3s;
            transform: translate(0,100%);
            -ms-transform: translate(0,100%);
            -webkit-transform: translate(0,100%);
            -moz-transform: translate(0,100%);
            -o-transform: translate(0,100%);
        }

        .menuact:hover:after {
            transition: all .3s;
            -ms-transition: all .3s;
            -webkit-transition: all .3s;
            transform: translate(0,0);
            -ms-transform: translate(0,0);
            -webkit-transform: translate(0,0);
        }

    .menuact:after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: 100%;
        z-index: -1;
        transform: translate(0,-100%);
        -ms-transform: translate(0,-100%);
        -moz-transform: translate(0,-100%);
        -o-transform: translate(0,-100%);
        -webkit-transform: translate(0,-100%);
        /*-webkit-transition: all 0.3s;
        -ms-transition: all 0.3s;*/
    }

.mtxt {
    display: flex;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -o-flex;
    display: -moz-flex;
    position: absolute;
    /*display: inherit;*/
    left: 0px;
    width: 100%;
    height: 100%;
    bottom: 0;
    top: 0;
    text-align: left;
    align-items: center;
    vertical-align: middle;
    /*font-size: small;*/
    padding-left: 52px;
    white-space: pre-wrap;
}

.menuact .mcont::after {
    position: absolute;
    content: "";
    /*transform: translate(0px, calc(-100% - 54px));*/
    transform: translateX(0);
    transform: translateY(-100%) translateY(-54px);
    -ms-transform: translateX(0);
    -ms-transform: translateY(-100%) translateY(-54px);
    -webkit-transform: translateX(0);
    -webkit-transform: translateY(-100%) translateY(-54px);
    -moz-transform: translateX(0);
    -moz-transform: translateY(-100%) translateY(-54px);
    text-transform: uppercase;
    color: #fff;
    /*display: inherit;*/
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -o-flex;
    /*display: -moz-box;*/
    left: 0px;
    width: 100%;
    height: 100%;
    bottom: 0;
    top: 0;
    text-align: left;
    align-items: center;
    vertical-align: middle;
    font-size: small;
    padding-left: 52px;
    white-space: pre-wrap;
}

.menuact .mtxt::after {
    content: "";
    height: 100%;
    width: 100%;
    max-width: 52px;
    position: absolute;
    left: 0px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-size: 90%;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 0;
}


.menuact:hover .mcont::after {
    content: "";
    left: 0px;
    width: 100%;
    height: 100%;
    max-width: 52px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background-size: 90%;
    background-position: center center;
    background-repeat: no-repeat;
    text-transform: uppercase;
    z-index: 0;
    transform: translateX(0);
    transform: translateY(-100%);
    -ms-transform: translateX(0);
    -ms-transform: translateY(-100%);
    -webkit-transform: translateX(0);
    -webkit-transform: translateY(-100%);
    -o-transform: translateX(0);
    -o-transform: translateY(-100%);
    -moz-transform: translateX(0);
    -moz-transform: translateY(-100%);
}

.menuact:hover .mcont::before {
    content: "";
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -o-flex;
    /*display: -moz-box;*/
    position: absolute;
    align-content: center;
    align-items: center;
    right: 0px;
    width: 100%;
    height: 100%;
    bottom: 0;
    top: 0;
    text-align: left;
    padding-left: 52px;
    white-space: pre-wrap;
    text-transform: uppercase;
    z-index: 1;
    color: #fff;
    vertical-align: middle;
    -ms-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -moz-box-align: center;
    -moz-box-orient: vertical;
}

.menuact:hover > div::after {
    content: "";
    position: absolute;
    top: -100%;
    left: 0;
    right: 0;
    bottom: 0;
    height: 200%;
    width: 200%;
    z-index: -1;
    background: rgb(255,0,0);
    background: linear-gradient(124deg, rgba(255,0,0,0) 10%, rgba(255,0,0,0.2) 35%, rgba(255,255,255,0.7) 50%, rgba(255,0,0,0.2) 65%, rgba(255,0,0,0) 90%);
    animation-name: famenuani;
    animation-delay: .3s;
    animation-duration: .5s;
    -ms-animation-name: famenuani;
    -ms-animation-delay: .3s;
    -ms-animation-duration: .5s;
    -o-animation-name: famenuani;
    -o-animation-delay: .3s;
    -o-animation-duration: .5s;
    -moz-animation-name: famenuani;
    -moz-animation-delay: .3s;
    -moz-animation-duration: .5s;
    -webkit-animation-name: famenuani;
    -webkit-animation-delay: .3s;
    -webkit-animation-duration: .5s;
    transform: translateX(50%);
    -ms-transform: translateX(50%);
    -webkit-transform: translateX(50%);
    -o-transform: translateX(50%);
    -moz-transform: translateX(50%);
}

@keyframes famenuani {
    from {
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
    }

    to {
        transform: translateX(50%);
        -ms-transform: translateX(50%);
        -webkit-transform: translateX(50%);
        -o-transform: translateX(50%);
        -moz-transform: translateX(50%);
    }
}

@-webkit-keyframes famenuani {
    from {
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
    }

    to {
        transform: translateX(50%);
        -ms-transform: translateX(50%);
        -webkit-transform: translateX(50%);
        -o-transform: translateX(50%);
        -moz-transform: translateX(50%);
    }
}

@-o-keyframes famenuani {
    from {
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
    }

    to {
        transform: translateX(50%);
        -ms-transform: translateX(50%);
        -webkit-transform: translateX(50%);
        -o-transform: translateX(50%);
        -moz-transform: translateX(50%);
    }
}

.menuact.ownermanual .mtxt::after {
    background-image: url(../images/icons/BW/Owners_Manual.png);
}

.menuact:hover.ownermanual .mcont::before {
    content: "Owners Manual";
}

.menuact:hover.ownermanual .mcont::after {
    background-image: url(../images/icons/Owners_Manual.png);
}

.menuact.news .mtxt::after {
    background-image: url(../images/icons/BW/news.png);
}

.menuact:hover.news .mcont::before {
    content: "Bulletins and news";
}

.menuact:hover.news .mcont::after {
    background-image: url(../images/icons/news.png);
}

.menuact.hevev .mtxt::after {
    background-image: url(../images/icons/BW/hevev.png);
}

.menuact:hover.hevev .mcont::before {
    content: "HEEV / EV";
}

.menuact:hover.hevev .mcont::after {
    background-image: url(../images/icons/hevev.png);
}

.menuact.mainman .mtxt::after {
    background-image: url(../images/icons/BW/Maintenance_Manual.png);
}

.menuact:hover.mainman .mcont::before {
    content: "Maintenance Manual";
}

.menuact:hover.mainman .mcont::after {
    background-image: url(../images/icons/Maintenance_Manual.png);
}

.menuact.shopman .mtxt::after {
    background-image: url(../images/icons/BW/Shop.png);
}

.menuact:hover.shopman .mcont::before {
    content: "Shop \A Manual";
    white-space: pre-wrap;
}

.menuact:hover.shopman .mcont::after {
    background-image: url(../images/icons/Shop.png);
}

.menuact.trainmetrl .mtxt::after {
    background-image: url(../images/icons/BW/Training_Material.png);
}


.menuact:hover.trainmetrl .mcont::before {
    content: "Training Material";
}

.menuact:hover.trainmetrl .mcont::after {
    background-image: url(../images/icons/Training_Material.png);
}

.menuact.bdybuldguid .mtxt::after {
    background-image: url(../images/icons/BW/Body_Building_Guidelines.png);
}

.menuact:hover.bdybuldguid .mcont::before {
    content: "Body Building Guidelines";
}

.menuact:hover.bdybuldguid .mcont::after {
    background-image: url(../images/icons/Body_Building_Guidelines.png);
}

.menuact.daitolopr .mtxt::after {
    background-image: url(../images/icons/BW/Diagnostics_tool.png);
}

.menuact:hover.daitolopr .mcont::before {
    content: "Diagnostics Tool operation Manual";
}

.menuact:hover.daitolopr .mcont::after {
    background-image: url(../images/icons/Diagnostics_tool.png);
}

.menuact.warmanul .mtxt::after {
    background-image: url(../images/icons/BW/Warranty_Manual.png);
}

.menuact:hover.warmanul .mcont::before {
    content: "Warranty Manual";
}

.menuact:hover.warmanul .mcont::after {
    background-image: url(../images/icons/Warranty_Manual.png);
}

.menuact.partcat .mtxt::after {
    background-image: url(../images/icons/BW/Parts_Catalogue.png);
}

.menuact:hover.partcat .mcont::before {
    content: "Parts Catalogue";
}

.menuact:hover.partcat .mcont::after {
    background-image: url(../images/icons/Parts_Catalogue.png);
}

.menuact.damcodeman .mtxt::after {
    background-image: url(../images/icons/BW/Damage_Code_Manual.png);
}

.menuact:hover.damcodeman .mcont::before {
    content: "Damage code Manual";
}

.menuact:hover.damcodeman .mcont::after {
    background-image: url(../images/icons/Damage_Code_Manual.png);
}

.menuact.fltratman .mtxt::after {
    background-image: url(../images/icons/BW/Flat_rate_manual.png);
}

.menuact:hover.fltratman .mcont::before {
    content: "Flat Rate Manual";
}

.menuact:hover.fltratman .mcont::after {
    background-image: url(../images/icons/Flat_rate_manual.png);
}

.menuact.walchat .mtxt::after {
    background-image: url(../images/icons/BW/Wall_Chart.png);
}

.menuact:hover.walchat .mcont::before {
    content: "Wall Chart";
}

.menuact:hover.walchat .mcont::after {
    background-image: url(../images/icons/Wall_Chart.png);
}

.menuact.anishopman .mtxt::after {
    background-image: url(../images/icons/BW/Animated_Shop_manual.png);
}

.menuact:hover.anishopman .mcont::before {
    content: "Animated Shop Manual";
}

.menuact:hover.anishopman .mcont::after {
    background-image: url(../images/icons/Animated_Shop_manual.png);
}

.menuact.intracte .mtxt::after {
    background-image: url(../images/icons/BW/Interactivee.png);
}

.menuact:hover.intracte .mcont::before {
    content: "Interactive E/E";
}

.menuact:hover.intracte .mcont::after {
    background-image: url(../images/icons/Interactivee.png);
}

.menuact.intractfld .mtxt::after {
    background-image: url(../images/icons/BW/Interactive_Fluids.png);
}

.menuact:hover.intractfld .mcont::before {
    content: "Interactive Fluids";
}

.menuact:hover.intractfld .mcont::after {
    background-image: url(../images/icons/Interactive_Fluids.png);
}

.menuact.spltoolman .mtxt::after {
    background-image: url(../images/icons/BW/Special_Tool_Manual.png);
}

.menuact:hover.spltoolman .mcont::before {
    content: "Special Tool Manual";
}

.menuact:hover.spltoolman .mcont::after {
    background-image: url(../images/icons/Special_Tool_Manual.png);
}

.menuact.drvrtrman .mtxt::after {
    background-image: url(../images/icons/BW/Drive.png);
}

.menuact:hover.drvrtrman .mcont::before {
    content: "Driver Training Manual";
}

.menuact:hover.drvrtrman .mcont::after {
    background-image: url(../images/icons/Drive.png);
}

@media (max-height: 700px) {
}


@media (min-width: 1360px) and (max-width: 1366px) {
    .menuact:hover.intracte .mcont::before {
        content: "Interactive E/E";
        left: 29px;
    }

    .menuact:hover.intracte .mcont::after {
        background-image: url(../images/icons/Interactivee.png);
        left: 29px !important;
    }

    .homebox15 .mcont .mtxt {
        left: 29px !important;
    }
}

.home {
    float: left;
    width: 50%;
    /*margin-bottom: 3px;
    padding-right: 3px;
    padding-left: 0px;*/
    padding: 0px;
}

.inmenblock, .forincont {
    height: calc(100% - 49px);
    min-height: 409px;
}

    .forincont.lftadjust {
        min-height: 409px;
    }

/*.trdtadjust .inmenblock {
    min-height: 368px;
}*/

.htsingle.illcatlog {
    height: 25%;
}

.htrble.illcatlog {
    height: 75%;
}

.htsingle, .htdoble, .htrble, .htdthree {
    border-spacing: 1px;
    border-collapse: separate;
}

.htsingle {
    position: relative;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    /*height: calc(100% - 3px);*/
    height: 100%;
}

.htdoble {
    /*height: calc(50% - 3px);*/
    height: 50%;
}

.htrble {
    /*height: calc(75% - 3px);*/
    height: 75%;
}

.htdthree {
    /*height: calc(33.33% - 3px);*/
    height: calc(100% / 3);
}

    .htsingle > a, .htdoble > a, .htrble > a, .htdthree > a, .htsingle > a .btn, .htdoble > a .btn, .htrble > a .btn, .htdthree > a .btn, .home_fludi > a, .home_fludi > a .btn {
        height: 100%;
    }

.htsingle a.menuact .btn, .htdoble a.menuact .btn, .htrble a.menuact .btn {
    min-height: 89px;
}

a.menuact.disabled {
    opacity: 0.9;
    background-color: rgba(255,255,255,1);
    cursor: not-allowed !important;
}
    /*a.menuact .mcont[title] {
        display:none;
    }*/
a.menuact.disabled:hover .mcont[title]{
    display:block
}

    a.menuact.disabled .btn {
        cursor: not-allowed !important;
    }

    /*a.menuact.disabled .mtxt {
        opacity: 0.4;
    }*/

    a.menuact.disabled:hover > div {
        transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        -o-transform: none;
        -moz-transform: none;
        animation: none !important;
        -ms-animation: none !important;
        -moz-animation: none !important;
        -webkit-animation: none !important;
        -o-animation: none !important;
    }

        a.menuact.disabled:hover > div::after, a.menuact.disabled:hover > div::before {
            animation: none !important;
            -ms-animation: none !important;
            -moz-animation: none !important;
            -webkit-animation: none !important;
            -o-animation: none !important;
            transform: none;
            -ms-transform: none;
            -webkit-transform: none;
            -o-transform: none;
            -moz-transform: none;
        }

        a.menuact.disabled:hover > div::after {
            background: none;
        }

    a.menuact.disabled:hover .btn:hover {
        background: none;
        opacity: 1;
    }

    a.menuact.disabled:hover .mcont::before, a.menuact.disabled:hover .mcont::after {
        animation: none !important;
        -ms-animation: none !important;
        -moz-animation: none !important;
        -webkit-animation: none !important;
        -o-animation: none !important;
        transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        -o-transform: none;
        -moz-transform: none;
    }


    a.menuact.disabled:hover .mcont::after, {
        transform: translateX(0px) !important;
        transform: translateY(-100%) translateY(-54px) !important;
        -ms-transform: translateX(0px) !important;
        -ms-transform: translateY(-100%) translateY(-54px) !important;
        -webkit-transform: translateX(0) !important;
        -webkit-transform: translateY(-100%) translateY(-54px) !important;
    }

    a.menuact.disabled:hover .mcont::before {
        transform: translateY(0%);
        -ms-transform: translateY(0%);
        -webkit-transform: translateY(0%);
        -o-transform: translateY(0%);
        -moz-transform: translateY(0%);
    }

a.disabled.menuact:hover .mcont::after {
    background-image: none;
}

a.disabled.menuact:hover .mcont::before {
    color: transparent;
}

a.disabled.menuact .btn, a.disabled.menuact:hover .btn, a.disabled.menuact .btn:hover {
    color: rgba(128, 128, 128,.6);
}

a.disabled.menuact .mtxt::after {
    opacity: .5;
}

adisabled.menuact:hover .mcont::before {
    color: transparent !important;
}

.menuact:hover .mcont::before {
    /*position:absolute;
    top:0; bottom:0; left:0; right:0;
    height:100%; width:100%;
    align-content:center;*/
}

.home_fludi {
    float: left;
    width: 100%;
    display: table;
    /*margin-bottom: 3px;
    padding-right: 3px;*/
}

.home2 {
    float: left;
    width: 33.33%;
    /*margin-bottom: 3px;
    padding-right: 3px;
    padding-left: 0px;
    height: calc(100% - 3px);*/
    height: 100%;
    padding: 0px;
    display: table;
}

    .home2.htsingle {
        /*height: calc(50% - 3px);*/
        height: 50%;
    }

.homebox1, .homebox2, .homebox3, .homebox4, .homebox5, .homebox6, .homebox7, .homebox8, .homebox9, .homebox10, .homebox11, .homebox12, .homebox13, .homebox14, .homebox15, .homebox16, .homebox17, .homebox18 {
    width: 100%;
    text-align: center;
    vertical-align: middle;
    padding: 0px;
}

.homebox1 {
    height: 5rem;
}

.homebox2 {
    height: 5rem;
}

.homebox3 {
    height: 8.5rem;
    /*padding: 27px 8px;*/
}

.homebox4 {
    height: 8.5rem;
}

.homebox5 {
    height: 4rem;
}

.homebox6 {
    height: 4.3rem;
}

.homebox7 {
    height: 6rem;
}

.homebox8 {
    height: 6rem;
}

.homebox9 {
    height: 3rem;
}

.homebox10 {
    height: 9rem;
}

.homebox11 {
    height: 10.7rem;
}

.homebox12 {
    height: 7rem;
}

.homebox13 {
    height: 12.7rem;
}

.homebox14 {
    height: 9rem;
}

.homebox15 {
    height: 10.6rem;
}

.homebox16 {
    height: 6rem;
}

.homebox17 {
    height: 6rem;
}

.homebox18 {
    height: 7.4rem;
}

.text-white {
    color: #fff !important;
}

img.btm_lin3 {
    margin: 0 auto;
    position: absolute;
    top: 58px;
    height: 7px;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
}

.dsh-text {
    font-size: 12px;
    line-height: 1.1;
}

@-webkit-keyframes hoverAnimation {
    0% {
        top: 0;
    }

    50% {
        top: -50%;
    }

    100% {
        top: 0%;
    }
}

@keyframes hoverAnimation {
    0% {
        top: 0;
    }

    50% {
        top: -50%;
    }

    100% {
        top: 0%;
    }
}