.landing-page.chrome-ext-app-dev .jumbotron {background:url(../images/chrome-ext-page/chrome-ext-hero.jpg) fixed center center no-repeat;background-size: cover;padding: 100px 0;position: relative;min-height: 800px;}
.hero-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 1;
    top: 0;
    left: 0;
}
.bold-font {font-weight:600;font-size:1.25rem;}
.chrome-ext-app-dev .prod-description h3 {color: #fff;margin-bottom: 20px;text-transform: uppercase;font-size:1.5rem;line-height:1.2;}
.landing-page h2.roboto {font-family: 'Roboto Condensed', sans-serif !important;}
.chrome-ext-app-dev h3 span {width: 50px;margin: 10px auto 0;display: block;text-align: center;border-top: 3px solid #f26b2b;}
.chrome-ext-app-dev p {font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320))) !important;line-height: 1.5;}
.wht-is-saas {display:flex;justify-content:space-between;align-items:center;flex-flow:row wrap;}
.wis-img-wrap {flex:1;justify-content:center;}
.wis-txt-wrap {flex:2;padding-left: 50px;}
.wis-txt-wrap p {margin-bottom:20px;}
.wis-txt-wrap ul {margin-top:50px;padding-left:20px;}
.wis-txt-wrap ul li {margin-bottom:15px;font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320))) !important;line-height: 1.5;padding-left: 10px;list-style:disc;}

.saas-hero-txt-wrap h1.saas-title {font-size: calc(28px + (40 - 28) * ((100vw - 320px) / (1920 - 320)));}
.landing-page h2, .hm-hor-block h2, .chrome-ext-app-dev .client-success h2, h2.page-contact-form-title {font-size: calc(26px + (35 - 26) * ((100vw - 320px) / (1920 - 320)));text-align: center;text-transform: capitalize;color: #000;font-family: 'Roboto Condensed', sans-serif!important;font-weight: 500;}
.hm-hor-block h2 span,
.chrome-ext-app-dev .client-success h2 span,
.chrome-ext-app-dev h2 span, h2.page-contact-form-title span {
    width: 50px;
    margin: 10px auto 0;
    display: block;
    text-align: center;
    border-top: 3px solid #f26b2b;
}
.bf-mt-2 {margin-top: calc(2rem + 1vw) !important;}
.bf-mb-2 {margin-bottom: calc(2rem + 1vw) !important;}
.bf-my-2 {margin-top: calc(2rem + 1vw) !important; margin-bottom: calc(2rem + 1vw) !important;}
.bf-py-2 {padding-top: calc(2rem + 1vw) !important; padding-bottom: calc(2rem + 1vw) !important;}


/* Timeline Style */
/*================================== TIMELINE ==================================*/
/*-- GENERAL STYLES ------------------------------*/
 .hce-timeline {
	 line-height: 1.4em;
	 list-style: none;
	 margin: 0;
	 padding: 0;
	 width: 100%;
}
 .hce-timeline h1, .hce-timeline h2, .hce-timeline h3, .hce-timeline h4, .hce-timeline h5, .hce-timeline h6 {
	 line-height: inherit;
}
/*----- TIMELINE ITEM -----*/
 .hce-timeline-item {
	 padding-left: 40px;
	 position: relative;
   display: flex !important;
   align-items: center;
}
 .hce-timeline-item:last-child {
	 padding-bottom: 0;
}
/*----- TIMELINE INFO -----*/
 .hce-timeline-info {
	 font-size: 12px;
	 font-weight: 700;
	 letter-spacing: 3px;
	 margin: 0 0 0.5em 0;
	 text-transform: uppercase;
	 white-space: nowrap;
}
/*----- TIMELINE MARKER -----*/
 .hce-timeline-marker {
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 left: 0;
	 width: 15px;
}
 .hce-timeline-marker:before {
	 background: #ff6b6b;
    border: 1px solid transparent;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 0px;
    left: -7px;
    width: 30px;
    transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
}
 .hce-timeline-marker:after {
    content: "";
    width: 8px;
    background: #ccd5db;
    display: block;
    position: absolute;
    top: 1px;
    bottom: 0;
    left: 4px;
}
.hce-timeline-item:nth-child(1) .hce-timeline-marker:after,
.hce-timeline-item:nth-child(1) .hce-timeline-marker:before {background:#0097a7;}
.hce-timeline-item:nth-child(1) .hce-timeline-info {color:#0097a7;}
.hce-timeline-item:nth-child(2) .hce-timeline-marker:after,
.hce-timeline-item:nth-child(2) .hce-timeline-marker:before,
.hce-timeline-item:nth-child(4) .hce-timeline-marker:after,
.hce-timeline-item:nth-child(4) .hce-timeline-marker:before,
.hce-timeline-item:nth-child(6) .hce-timeline-marker:after,
.hce-timeline-item:nth-child(6) .hce-timeline-marker:before,
.hce-timeline-item:nth-child(8) .hce-timeline-marker:after,
.hce-timeline-item:nth-child(8) .hce-timeline-marker:before {background:#c2c2c2;}
.hce-timeline-item .hce-timeline-info {color:#666;}
.hce-timeline-item:nth-child(3) .hce-timeline-marker:after,
.hce-timeline-item:nth-child(3) .hce-timeline-marker:before {background:#f1c232;}
.hce-timeline-item:nth-child(3) .hce-timeline-info {color:#f1c232;}
.hce-timeline-item:nth-child(5) .hce-timeline-marker:after,
.hce-timeline-item:nth-child(5) .hce-timeline-marker:before {background:#990000;}
.hce-timeline-item:nth-child(5) .hce-timeline-info {color:#990000;}
.hce-timeline-item:nth-child(7) .hce-timeline-marker:after,
.hce-timeline-item:nth-child(7) .hce-timeline-marker:before {background:#274e13;}
.hce-timeline-item:nth-child(7) .hce-timeline-info {color:#274e13;}
.hce-timeline-item:nth-child(9) .hce-timeline-marker:after,
.hce-timeline-item:nth-child(9) .hce-timeline-marker:before {background:#1c4587;}
.hce-timeline-item:nth-child(9) .hce-timeline-info {color:#1c4587;}
.hce-timeline-item:nth-child(10) .hce-timeline-marker:after {background:transparent;}
.hce-timeline-item:nth-child(10) .hce-timeline-marker:before {background: #1c4587;}


 
/*----- TIMELINE CONTENT -----*/
 .hce-timeline-content {
	 padding-bottom: 40px;
}
 .hce-timeline-content p:last-child {
	 margin-bottom: 0;
   text-align: justify;
   line-height:1.5;
}
/*----- TIMELINE PERIOD -----*/
 .period {
	 padding: 0;
}
 .period .hce-timeline-info {
	 display: none;
}
 .period .hce-timeline-marker:before {
	 background: transparent;
	 content: "";
	 width: 15px;
	 height: auto;
	 border: none;
	 border-radius: 0;
	 top: 0;
	 bottom: 30px;
	 position: absolute;
	 border-top: 3px solid #ccd5db;
	 border-bottom: 3px solid #ccd5db;
}
 .period .hce-timeline-marker:after {
	 content: "";
	 height: 32px;
	 top: auto;
}
 .period .hce-timeline-content {
	 padding: 40px 0 70px;
}
 .period .hce-timeline-title {
	 margin: 0;
}
.hce-timeline > li:not(.hce-timeline-inverted) {padding-right:0;}
.hce-timeline-centered > .hce-timeline-item:nth-child(even) .hce-timeline-info {order:2;}
/*---------------------------------------------- MOD: TIMELINE SPLIT ----------------------------------------------*/
 @media (min-width: 768px) {
	.hce-timeline-centered .hce-timeline {
		 display: table;
	}
	.hce-timeline-centered .hce-timeline-item {
		 display: table-row;
		 padding: 0;
	}
	.hce-timeline-centered .hce-timeline-info, 
  .hce-timeline-centered .hce-timeline-marker, 
  .hce-timeline-centered .hce-timeline-content, 
  .hce-timeline-centered .period .hce-timeline-info {
		 display: table-cell;
		 vertical-align: top;
	}
  .hce-timeline-centered .hce-timeline-marker {
		 position: relative;
	} 
  .hce-timeline-centered .hce-timeline-content {
		 padding-left: 30px;
	} 
   .hce-timeline-centered .hce-timeline-info {
		 padding-right: 30px;
	} 
   .hce-timeline-centered .period .hce-timeline-title {
		 position: relative;
		 left: -45px;
	}
}
/*---------------------------------------------- MOD: TIMELINE CENTERED ----------------------------------------------*/
 @media (min-width: 992px) {
	 .hce-timeline-centered, 
   .hce-timeline-centered .hce-timeline-item, 
   .hce-timeline-centered .hce-timeline-info, 
   .hce-timeline-centered .hce-timeline-marker, 
   .hce-timeline-centered .hce-timeline-content {
		 display: block;
		 margin: 0;
		 padding: 0;
	}
	 .hce-timeline-centered .hce-timeline-item {
		 padding: 40px 0;
		 overflow: hidden;
	}
	 .hce-timeline-centered .hce-timeline-marker {
		 position: absolute;
		 left: 50%;
		 margin-left: -7.5px;
	}
	.hce-timeline-centered .hce-timeline-info, .hce-timeline-centered .hce-timeline-content {
		 width: 50%;
	}   
  .hce-timeline-centered > .hce-timeline-item .hce-timeline-info {  
    font-weight: bold;
    font-size: 30px;
    font-family: 'Roboto Condensed', sans-serif !important;
  }
	 .hce-timeline-centered > .hce-timeline-item:nth-child(odd) .hce-timeline-info {
		 float: left;
		 text-align: right;
		 padding-right: 30px; 
	}
   
	 .hce-timeline-centered > .hce-timeline-item:nth-child(odd) .hce-timeline-content {
		 float: right;
		 text-align: left;
		 padding-left: 30px;
	}
	 .hce-timeline-centered > .hce-timeline-item:nth-child(even) .hce-timeline-info {
		 float: right;
		 text-align: left;
		 padding-left: 30px;
	}
	 .hce-timeline-centered > .hce-timeline-item:nth-child(even) .hce-timeline-content {
		 float: left;
		 text-align: right;
		 padding-right: 30px;
	}
	 .hce-timeline-centered > .hce-timeline-item.period .hce-timeline-content {
		 float: none;
		 padding: 0;
		 width: 100%;
		 text-align: center;
	}
	 .hce-timeline-centered .hce-timeline-item.period {
		 padding: 50px 0 90px;
	}
	 .hce-timeline-centered .period .hce-timeline-marker:after {
		 height: 30px;
		 bottom: 0;
		 top: auto;
	}
	 .hce-timeline-centered .period .hce-timeline-title {
		 left: auto;
	}
}
/*---------------------------------------------- MOD: MARKER OUTLINE ----------------------------------------------*/
 .marker-outline .hce-timeline-marker:before {
	 background: transparent;
	 border-color: #ff6b6b;
}
 .marker-outline .hce-timeline-item:hover .hce-timeline-marker:before {
	 background: #ff6b6b;
}
 
/* Timeline Style end */

.hce-technical-skill {display:flex;justify-content:space-around;align-items:center;flex-flow: row wrap;}


@media screen and (max-width:1366px) {
  .landing-page.chrome-ext-app-dev .jumbotron {padding:50px 0;margin-bottom: 0;}
}
@media all and (-ms-high-contrast:none) {
  .landing-page.chrome-ext-app-dev .jumbotron .container {margin-left:0;}
}
@media screen and (max-width:1024px) {
	.wis-img-wrap {flex-basis:100%;text-align: center;}
	.wis-img-wrap img {max-width: 200px;margin-bottom: 20px;}
	.wis-txt-wrap {flex-basis:100%;padding-left: 0;}
	.hce-technical-skill {justify-content:center;}
	.hce-technical-skill li {width: 30%;text-align: center;margin: 1%;}
	
}
@media screen and (max-width:768px) {
  .landing-page.chrome-ext-app-dev .jumbotron {padding:50px 15px;}
  .saas-hero-txt-wrap h1.saas-title, .landing h1.saas-title {font-size: 1.75rem;}  
  .hce-timeline-centered .hce-timeline-item {display: table-row !important;}
  .hce-timeline-centered .hce-timeline-info {vertical-align:middle;}
  .hce-timeline-centered .hce-timeline-content {vertical-align:middle;padding:30px 0 30px 30px;}
  .hce-timeline-info {font-size: 20px;}
}

@media screen and (max-width:767px) {
  .saas-hero-txt-wrap {padding-right: 0;}
  .saas-hero-txt-wrap h1.saas-title, .landing h1.saas-title {width: 100%;font-size: 1.5rem;line-height: 1.35;}
  .saas-hero-form-wrap {margin-top:50px;min-width:100%;} 
  .py-50 {padding-top:20px !important; padding-bottom:20px !important;}  
  .py-100 {padding-top:50px !important; padding-bottom:50px !important;}
  .chrome-ext-app-dev h3 {font-size:26px; line-height:1.35;}  
  .wht-is-saas {flex-flow: column wrap;}
  .wis-txt-wrap {padding-left: 0;}
  .wis-img-wrap img {height:200px;margin-bottom:30px;}
  .hce-timeline-centered .hce-timeline-item {display:flex !important;}
  .hce-timeline-marker:before {left: 0;}
  .hce-timeline-marker:after {left:11px;}
  .hce-timeline-centered > .hce-timeline-item:nth-child(even) .hce-timeline-info {order: unset;}
  .hce-timeline-centered .hce-timeline-info {font-size: 24px;}
  .wht-we-offer {background-color:#d7d7d7;padding:50px 0;}
  .wht-we-offer-inner {display:flex;justify-content:space-between; align-items:center;}
  .lft-wrap {flex-basis:23%;margin-right:2%;display:flex;justify-content:center; align-items:center;}
  .rgt-wrap {flex-basis:75%;}
  .lft-wrap-inner {justify-content: center;display: flex;flex-direction: column;text-align: center;}
  .lft-wrap-inner img {width:auto;height:70px; margin-top:15px;}
  .offer-wrapper {display:flex;justify-content:flex-start; align-items:center;padding:15px;}
  .offer-wrapper img {width:auto;height:50px;margin-right:20px;}
  .offer-wrapper h4, .lft-wrap-inner h4 {font-size:16px;}
  .offer-wrapper.solid-wrap {background-color:#b6b6b6;-webkit-box-shadow: -2px 2px 7px 0px rgba(0,0,0,0.72);
  -moz-box-shadow: -2px 2px 7px 0px rgba(0,0,0,0.72);box-shadow: -2px 2px 7px 0px rgba(0,0,0,0.72);}
  .hce-technical-skill li {padding:20px;}
}
@media screen and (max-width:600px) {
  .wht-we-offer-inner {flex-direction:column;}
  .lft-wrap {flex-basis: 100%;margin-right: 0;margin-bottom: 30px;}
  .lft-wrap-inner h4 {font-size:20px;font-weight:600;}
}