.tiles { width: 100%; background: rgba(0,0,0,.8); padding: 90px 15px; }
.tiles .imgWrap img { width: 100%; }
.tiles h4 { text-align: center;color:#fff;margin: 0;font-size: 24px;}
.tiles a:hover, .tiles a:focus { text-decoration: none; }
.equalh{ min-height:220px;height:220px !important; }
.homeTimeline { margin:130px 0 80px 0;min-height:500px;padding-top:55px; }
.homeTimeline .row-line { position:relative;min-height:130px;width:1170px;margin:0 auto; }
.homeTimeline .row-line .col-box { position:absolute;width: 110px;}
.col-wrapper { height: 130px;padding-top:10px;width: 1050px;background: #cdcdcd;position:relative; }
.TooltipTiles { background:#050b4d;height:110px;border-radius:20px;}
.TooltipTiles:hover, .TooltipTiles:focus { cursor:help; }
.TooltipTiles h5 { text-align: center;color:#fff;margin: 0;    position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-weight:bold; }
.tooltip-inner { padding:10px 15px;text-align:left;width:200px;}
.arrow-right { position:absolute;right:0;width: 0; height: 0; top:-60px;border-top: 130px solid transparent;
    border-bottom: 130px solid transparent;border-left: 130px solid #cdcdcd; }
.top-left-arrow{position: absolute;top: -91px;left:60px;width:140px; }
.top-right-arrow { position: absolute;top: -76px;left:290px;width:270px; }
.bottom-middle-arrow { position: absolute;top: 174px;left:100px;width:335px;z-index:2; }
.bottom-left-arrows{position: absolute;top: 130px;left:60px;width:400px; }
.bottom-right-arrows{position: absolute;top: 130px;left:285px;width:410px; }
.adminEditPopups { background-color: rgb(34, 64, 93, 0.7);position: absolute;padding: 10px;top:-170px;right:25px;z-index: 5; }
.adminEditPopups a { color: white;font-weight: 700; }

.food-supplier-arrow-right { position:absolute;right:-179px;width: 0; height: 0; top:-110px;border-top: 260px solid transparent;
    border-bottom: 260px solid transparent;border-left: 260px solid #cdcdcd; }
.food-supplier-user .col-wrapper { height: 300px;width:1100px;padding-top:25px;}
.homeTimeline .food-supplier-user .col-wrapper .col-box { width:90px;}
.food-supplier-user .TooltipTiles { height:250px; }
.food-supplier-user .TooltipTiles h5 { width:85px;word-break: break-word;}
/**SEARCH**/
.searchbox #searchBtn { background:#fe9900;color:#fff;}
.welcome-msg { position: relative;min-height: 70px;}
/*ControlledDesign*/
.controlled-design-arrow-right { position:absolute;right:0;width: 0; height: 0; top:-60px;border-top: 130px solid transparent;
    border-bottom: 130px solid transparent;border-left: 130px solid #cdcdcd; }
.cdd1-arrow { position: absolute;top:130px;left:10px; }
.cdd2-arrow { position: absolute;top:206px;left:195px; }
.cdd3-arrow { position: absolute;top:180px;left:370px; }
.cdd4-arrow { position: absolute;top:130px;left:175px; }
.cdd5-arrow { position: absolute;top:130px;left:400px; }
.cdd6-arrow { position: absolute;top:130px;left:440px; }
.cdd7-arrow { position: absolute;top:130px;left:715px; }
.vcdu1-arrow { position: absolute;top:-29px;left:260px; }
.acdu1-arrow { position: absolute;top:-29px;left:140px; }
.cdu2-arrow { position: absolute;top:-32px;left:325px; }
.cdu3-arrow { position: absolute;top:-40px;left:406px; }
.cdu4-arrow { position: absolute;top:-303px;left:440px; }
.cdu5-arrow { position: absolute;top:-91px;left:895px; }
/*********softline controlled design***/
.softline-design-user .col-wrapper { height: 300px;width: 1100px;padding-top: 25px; }
.softline-design-arrow-right { position: absolute;right: -179px;width: 0;height: 0;top: -110px;border-top: 260px solid transparent;
    border-bottom: 260px solid transparent;border-left: 260px solid #cdcdcd; }
.softline-design-user .TooltipTiles { height: 250px; }
.softline-design-user .cdd1-arrow { top: 300px;left: 174px; }
.softline-design-user .cdd7-arrow { top: 300px;left: 905px;transform: scaleY(-1); }
.softtitle { position: absolute;right: 1072px;top: -165px; }

@media(max-width: 991px){
    .tiles h4 { font-size: 18px;}
}
@media(max-width: 767px){
    .tiles { margin-bottom: 30px; }
    .tiles h4 { font-size: 24px; }
    .equalh { height:unset !important;min-height:unset !important; }
}