/* =============== @import, @font-face, and CSS File Includes =============== */
/* EX: @import url('http://example.com/example_style.css'); */
@font-face {
	font-family: 'AvenirNextLTPro-Regular';
	src: url("http://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019 Theme/Fonts/AvenirNextLTPro-Regular.eot") format("embedded-opentype"),
		url("http://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019 Theme/Fonts/AvenirNextLTPro-Regular.ttf") format("truetype"),
		url("http://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019 Theme/Fonts/AvenirNextLTPro-Regular.woff2") format("woff2"),
		url("http://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019 Theme/Fonts/AvenirNextLTPro-Regular.woff") format("woff"),
		url("http://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019 Theme/Fonts/AvenirNextLTPro-Regular.svg#AvenirNextLTPro-Regular") format("svg");
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
}
@font-face {
	font-family: 'AvenirNextLTPro-Demi';
	src: url("http://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019 Theme/Fonts/AvenirNextLTPro-Demi.eot#iefix") format("embedded-opentype"),
		url("http://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019 Theme/Fonts/AvenirNextLTPro-Demi.ttf") format("truetype"), 
		url("http://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019 Theme/Fonts/AvenirNextLTPro-Demi.woff2") format("woff2"),
		url("http://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019 Theme/Fonts/AvenirNextLTPro-Demi.woff") format("woff"),
		url("http://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019 Theme/Fonts/AvenirNextLTPro-Demi.svg#AvenirNextLTPro-Demi") format("svg");
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
}
@font-face {
	font-family: 'AvenirNextLTPro-Bold';
	src: url("http://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019 Theme/Fonts/AvenirNextLTPro-Bold#iefix") format("embedded-opentype"),
		url("http://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019 Theme/Fonts/AvenirNextLTPro-Bold.ttf") format("truetype"),
		url("http://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019 Theme/Fonts/AvenirNextLTPro-Bold.woff2") format("woff2"),
		url("http://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019 Theme/Fonts/AvenirNextLTPro-Bold.woff") format("woff"), 
		url("http://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019 Theme/Fonts/AvenirNextLTPro-Bold.svg#AvenirNextLTPro-Bold") format("svg");
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
}
/* HubSpot_Boilerplate-modules.css is required to address style issues with the default modules and responsive grid layout */
/* Images */
img {
  max-width: 100%;
  height: auto;
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: bottom; /* Suppress the space beneath the baseline */
}
img.alignRight, img.alignright{ margin: 0 0 5px 15px; }
img.alignLeft, img.alignleft{ margin: 0 15px 5px 0; }

/* Reduces min-height on bootstrap structure */
.row-fluid [class*="span"] { min-height: 1px; }

/* Blog Social Sharing */
.hs-blog-social-share .hs-blog-social-share-list {
  margin: 0;
  list-style: none !important;
}
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item {
  height: 30px;
  list-style: none !important;
}
@media (max-width: 479px){
  .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item:nth-child(2) {
    float: none !important; /* Stack social icons into two rows on phones */
  }
}
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item .fb-like > span{
  vertical-align: top !important; /* Aligns Facebook icon with other social media icons */
}
.hs-blog-social-share-list li.hs-blog-social-share-item.hs-blog-social-share-item-linkedin .IN-widget {
    vertical-align: top !important;
}

/* Captcha */
#recaptcha_response_field {
  width: auto !important;
  display: inline-block !important;
}

/* line height fix for reCaptcha theme */
#recaptcha_table td {line-height: 0;}
.recaptchatable #recaptcha_response_field { min-height: 0;line-height: 12px; }

@media all and (max-width: 400px) {
  /* beat recaptcha into being responsive, !importants and specificity are necessary */
  #captcha_wrapper,
  #recaptcha_area,
  #recaptcha_area table#recaptcha_table,
  #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {
    width: auto !important;
    overflow: hidden; 
  }
  #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important; }
  #recaptcha_area table#recaptcha_table #recaptcha_image { width:280px !important; }
}

/* Videos */
video {
  max-width: 100%;
  height: auto;
}

/* Date Picker */
#calroot {
  width: 202px !important;
  line-height: normal;
}
#calroot,
#calroot *,
#calroot *:before,
#calroot *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
} 
#calroot select {
  min-height: 0 !important;
  padding: 1px 2px !important;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet MS", Verdana, sans-serif !important;
  font-size: 10px !important;
  line-height: 18px !important;
  font-weight: normal !important;
} 
#caldays {
  margin-bottom: 4px;
}

/* Responsive Embed Container (iFrame, Object, Embed)*/
@media only screen and (max-width: 767px){
  .hs-responsive-embed,
  .hs-responsive-embed.hs-responsive-embed-youtube,
  .hs-responsive-embed.hs-responsive-embed-wistia,
  .hs-responsive-embed.hs-responsive-embed-vimeo {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    padding-left: 0;
    padding-right: 0;
  }
  .hs-responsive-embed iframe, 
  .hs-responsive-embed object, 
  .hs-responsive-embed embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }
}
.hs-responsive-embed.hs-responsive-embed-instagram {
  padding-top: 0px;
  padding-bottom: 116.01%;
}
.hs-responsive-embed.hs-responsive-embed-pinterest {
  height: auto;
  overflow: visible;
  padding: 0 0 0 0;
}
.hs-responsive-embed.hs-responsive-embed-pinterest iframe {
  position: static;
  width: auto;
  height: auto;
}
iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] {
  width: 100%;
  max-width: 100%;
}
@media (max-width: 568px) {
  iframe {
    max-width: 100%;
  }
}

/* Forms */
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"]
select {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Fix radio button and check box fields in multi column forms*/
.hs-form fieldset[class*="form-columns"] input[type="checkbox"].hs-input,
.hs-form fieldset[class*="form-columns"] input[type="radio"].hs-input {
  width: auto;
}

/* System Template Forms */
#email-prefs-form .email-edit {
  width: 100% !important;
  max-width: 507px !important;
}
#hs-pwd-widget-password {
  height: auto !important;
}

/* Menus */
.hs-menu-wrapper ul {
  padding: 0; 
}

/* Horizontal Menu
========================================================================== */

.hs-menu-wrapper.hs-menu-flow-horizontal ul {
  list-style: none;
  margin: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
  display: inline-block;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul:before {
  content: " ";
  display: table;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul:after {
  content: " ";
  display: table;
  clear: both;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
  float: left;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
  display: inline-block;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
  position: relative;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  position: absolute;
  z-index: 10;
  left: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  display: block;
  white-space: nowrap;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
  left: 100%;
  top: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
  opacity: 1;
  visibility: visible;
}
.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
  margin-bottom: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch {
  position: relative;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul {
  margin-bottom: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children {
  position: static;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  display: none;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper {
  display: block;
  visibility: visible;
  opacity: 1;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before {
  content: " ";
  display: table;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after {
  content: " ";
  display: table;
  clear: both;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li {
  float: left;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
  display: inline-block;
}

/* Vertical Menu
========================================================================== */ 

.hs-menu-wrapper.hs-menu-flow-vertical {
  width: 100%;
}
.hs-menu-wrapper.hs-menu-flow-vertical ul {
  list-style: none;
  margin: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical li a {
  display: block;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul {
  margin-bottom: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a {
  width: auto;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children {
  position: relative;
}

/* Flyouts */
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  position: absolute;
  z-index: 10;
  left: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  display: block;
  white-space: nowrap;
}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  left: 100%;
  top: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
  opacity: 1;
  visibility: visible;
}


@media (max-width: 767px) {
  .hs-menu-wrapper, .hs-menu-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    list-style: none;
    margin: 0;
    display: block;
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    display: block;
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    float: none;
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,
  .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,
  .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
    display: block;
  }

  /* Stacking Horizontal Nav for Mobile */
  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal ul ul ul {
    padding: 0;
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    white-space: normal;
  }

  /* Stacking Vertical Nav for Mobile */
  .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper  {
    position: static;
    opacity: 1;
    visibility: visible;
  }
}

.hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts .hs-menu-children-wrapper {
  visibility: visible;
  opacity: 1;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  display: block;
  visibility: visible;
  opacity: 1;
}

/* Space Module */
.widget-type-space { visibility: hidden; }

/* Blog Author Section */
.hs-author-social-links { display: inline-block; }
.hs-author-social-links a.hs-author-social-link {
  width: 24px;
  height: 24px;
  border-width: 0px;
  border: 0px;
  line-height: 24px;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  display: inline-block;
  text-indent: -99999px;
}
.hs-author-social-links a.hs-author-social-link.hs-social-facebook {
  background-image: url("../png/facebook-24x24.png");
}
.hs-author-social-links a.hs-author-social-link.hs-social-linkedin {
  background-image: url("../png/linkedin-24x24.png");
}
.hs-author-social-links a.hs-author-social-link.hs-social-twitter {
  background-image: url("../png/twitter-24x24.png");
}
.hs-author-social-links a.hs-author-social-link.hs-social-google-plus {
  background-image: url("../png/googleplus-24x24.png");
}

/* Fix for CTA border box issue */
.hs-cta-wrapper a {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/*
* jQuery FlexSlider v2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/

/* Wrapper */
.hs_cos_wrapper_type_image_slider {
  display: block;
  overflow: hidden
}

/* Browser Resets */
.hs_cos_flex-container a:active,
.hs_cos_flex-slider a:active,
.hs_cos_flex-container a:focus,
.hs_cos_flex-slider a:focus  {outline: none;}
.hs_cos_flex-slides,
.hs_cos_flex-control-nav,
.hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */

/* FlexSlider Default Theme
*********************************/
.hs_cos_flex-slider {margin: 0 0 60px; padding: 0; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;}
.hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .hs_cos_flex-viewport {max-height: 300px;}
.hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;}

.carousel li {margin-right: 5px}

/* FlexSlider Necessary Styles
*********************************/
.hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;}
.hs_cos_flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .hs_cos_flex-slides element */
.hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .hs_cos_flex-slides {display: block;}
* html .hs_cos_flex-slides {height: 1%;}


/* Direction Nav */
.hs_cos_flex-direction-nav {*height: 0;}
.hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url("../png/bg_direction_nav.png") no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; }
.hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;}
.hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Direction Nav for the Thumbnail Carousel */
.hs_cos_flex_thumbnavs-direction-nav {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.hs_cos_flex_thumbnavs-direction-nav {*height: 0;}
.hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url("../png/bg_direction_nav.png") no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; }
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;}
.hs-cos-flex-slider-control-panel img { cursor: pointer; }
.hs-cos-flex-slider-control-panel img:hover { opacity:.8; }
.hs-cos-flex-slider-control-panel { margin-top: -30px; }



/* Control Nav */
.hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.hs_cos_flex-control-thumbs img:hover {opacity: 1;}
.hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;}
  .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;}
}

.hs_cos_flex-slider .caption {
  background-color: black;
  position: static;
  font-size: 2em;
  line-height: 1.1em;
  color: white;
  padding: 0px 5% 0px 5%;
  width: 100%;
  top: 40%;
  text-align: center;
}
.hs_cos_flex-slider .superimpose .caption {
  color: white;
  font-size: 3em;
  line-height: 1.1em;
  position: absolute;
  padding: 0px 5% 0px 5%;
  width: 90%;
  top: 40%;
  text-align: center;
  background-color: transparent;
}

@media all and (max-width: 400px) {
  .hs_cos_flex-slider .superimpose .caption {
    background-color: black;
    position: static;
    font-size: 2em;
    line-height: 1.1em;
    color: white;
    width: 90%;
    padding: 0px 5% 0px 5%;
    top: 40%;
    text-align: center;
  }
}

.hs_cos_flex-slider h1,
.hs_cos_flex-slider h2,
.hs_cos_flex-slider h3,
.hs_cos_flex-slider h4,
.hs_cos_flex-slider h5,
.hs_cos_flex-slider h6,
.hs_cos_flex-slider p {
  color: white;
}
/* Thumbnail only version of the gallery */
.hs-gallery-thumbnails li {
  display: inline-block;
  margin: 0px;
  padding: 0px;
  margin-right:-4px;
}
.hs-gallery-thumbnails.fixed-height li img {
  max-height: 150px;
  margin: 0px;
  padding: 0px;
  border-width: 0px;
}

/* responsive pre elements */
pre { overflow-x: auto; }

/* responsive pre tables */
table pre { white-space: pre-wrap; }

/* Corrects width issues in table elements created via the wysiwyg editor */
table tr td img { max-width: initial; }

/* adding minimal spacing for blog comments */
.comment { margin: 10px 0 10px 0; }

/* make sure lines with no whitespace don't interefere with layout */
.hs_cos_wrapper_type_rich_text,
.hs_cos_wrapper_type_text,
.hs_cos_wrapper_type_header,
.hs_cos_wrapper_type_section_header,
.hs_cos_wrapper_type_raw_html,
.hs_cos_wrapper_type_raw_jinja,
.hs_cos_wrapper_type_page_footer {
  word-wrap: break-word;
}

/* HTML 5 Reset */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}
audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}

/* Support migrations from wordpress */
.wp-float-left {
  float: left;
  margin: 0 20px 20px 0;
}

.wp-float-right {
  float: right;
  margin: 0 0 20px 20px;
}

/* Responsive Google Maps */
#map_canvas img, .google-maps img { max-width: none; }
* { margin: 0; box-sizing: border-box; font-weight: normal; -webkit-font-smoothing: antialiased; }

ul { list-style: none; }

.clearfix { overflow: auto;}
.clearfix::after { content: ""; clear: both; display: table;}
.container { width: 100%; max-width: 100%; margin: auto; padding: 0 7%; }

::-moz-selection { color: #fff; background: #d8262c; }
::selection { color: #fff; background: #d8262c; }
a { color: #d8262c; text-decoration: none; }

.underline { padding-bottom:5px; display: inline-block; position: relative; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.underline:before { content: ""; width: 100%; height: 5px; background-color: #d8262c; display: block; position: absolute; bottom: 3px; z-index: -1; }
.underline:hover { color: #d8262c; }
.underline a:hover {color: #d8262c;}

.underline_gurgugram:before { content: ""; width: 55%; height: 3px; background-color: #d8262c; display: block; position: absolute; bottom: 0px; z-index: -1; }
.underline_gurgugram{ padding-bottom:5px; display: inline-block; position: relative; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.underline_gurgugram:hover { color: #d8262c; }
.underline_gurgugram a:hover {color: #d8262c;}

.flex {  display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox;  /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; /* NEW */ flex-wrap: wrap; }

.btn { background-color: #d8262c; color: #fff !important; padding: 10px 23px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 17px; font-family: "AvenirNextLTPro-Demi", sans-serif; text-decoration: none; display: inline-block; }
.btn:hover { background-color: #b22024; }
.btn:hover::after { transform: translate(5px, 0); }
.btn:hover span { left: 8px; }

.btn span { position: relative; left: 0; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.btn:after { content: ''; width: 16px; height: 14px; color: #fff; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/arrow-pointing.svg); background-size: 16px 14px; display: inline-block; margin-left: 20px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; vertical-align: middle; }

.red { color: #d8262c; }
.white { color: #fff; }
.darkgrey { color: #151515; }
.lightgrey{ color: #727272;}

.pad-top {padding-top: 88px}
.pad-bot {padding-bottom: 88px}

.demi { font-family: "AvenirNextLTPro-Demi", sans-serif; }
.bold { font-family: "AvenirNextLTPro-Bold", sans-serif; }

h1 { font-size: 50px; line-height: 54px; font-family: "AvenirNextLTPro-Bold", sans-serif; letter-spacing: -4px;}
h2 { font-size: 40px; line-height: 50px; font-family: "AvenirNextLTPro-Bold", sans-serif; letter-spacing: -2px; color:  #404040; }
h3 { font-size: 26px; line-height: 34px; font-family: "AvenirNextLTPro-Bold", sans-serif; letter-spacing: -1px; color: #404040; }
.heading_14 { font-size: 14px; font-family: "AvenirNextLTPro-Demi", sans-serif; line-height: 28px; color: #d8262c; text-transform: uppercase; margin-bottom: 12px; }
.text-22 { font-size: 17px; line-height: 28px; letter-spacing: -1px; }
.text-right { text-align: right; }

.simple_link { position: absolute; bottom: 0; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; display: block;}
.simple_link:after { content: ''; width: 13px; height: 13px; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/arrow-pointing_red.svg) no-repeat; background-size: 13px 13px; display: inline-block; margin-left: 10px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.simple_link:hover { transform: translate(8px, 0); }
.simple_link:hover:after { transform: translate(5px, 0); }
.product-development .simple_link {position: relative;}

.link-to-post .simple_link:after{ width: 20px; height: 20px; background-size: 20px 20px; }

.arrow { width: 13px; height: 9px; fill: #d8262c; display: inline-block; -moz-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; transition: all 0.5s ease-in; margin-left: 7px; }

.simple_link:hover .arrow { transform: translate(8px, 0); }

.mb-0 { margin-bottom: 0 !important; }
.bdr-none { border: none!important }

/* Animation */
.come-in { transform: translateY(250px); animation: come-in 1s ease forwards; }
.come-in:nth-child(2) { animation-duration: 1.2s; }
.come-in:nth-child(3) { animation-duration: 1.4s; }
.come-in:nth-child(4) { animation-duration: 1.6s; }

.already-visible { transform: translateY(0); animation: none; }

@keyframes come-in { to { transform: translateY(0); } }
@-webkit-keyframes come-in { to { transform: translateY(0); } }
.width-90 { max-width: 88% !important; }

.flex-align-top { align-items: flex-start; }
.bg-gray { background-color: #f5f5f9 !important; }
.even-space { justify-content: space-evenly; }
.int-page .logo-main { display: none; }
.int-page .sticky-logo { display: block; }
.int-page .main_menu ul li a { color: #404040 !important; }
.int-page .main_menu ul li.header_btn a{ color: #fff !important; }
.only-mobile { display: none; }


/*	--------------	Start New Banner HOME SECTION CSS	--------------	*/
.home-banner-section-dtClassic .simple-banner .banner-container { background:url('../png/herobanner.png') no-repeat center/cover!important; top: 0; height: calc(100% - 0px);background-color:#1b223f !important;}
.home-banner-section-dtClassic .simple-banner .banner-container h1{ font-size: 50px !important; line-height: 60px !important;letter-spacing: -1px;}
.home-banner-section-dtClassic .simple-banner .banner-container h1:after {margin-left: -10px;}
.home-banner-section-dtClassic .simple-banner .banner-container h6 { font-size: 17px; line-height: 30px; max-width: 750px; color: #fff; font-family: "AvenirNextLTPro-Regular", sans-serif; text-transform: inherit;}
/*	--------------	End New Banner HOME SECTION CSS	--------------	*/

/*	--------------	HOME SECTION CSS	--------------	*/
.home-banner-section .simple-banner .banner-container {background:url('https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/hero-image.svg') no-repeat center/cover!important; top: 0; height: calc(100% - 0px);}
.home-banner-section .simple-banner .banner-container h1 {font-size: 90px; line-height: 110px; letter-spacing:-1px; max-width:1000px;}
.home-banner-section .simple-banner .banner-container h4 {font-size: 60px !important; line-height: 70px !important;letter-spacing: -1px; max-width: 1000px;}
.home-banner-section .simple-banner .banner-container h6 {font-size: 17px; line-height: 30px; max-width: 750px; color: #fff; font-family: "AvenirNextLTPro-Regular", sans-serif; text-transform: inherit;}
.home-container .header-container .custom_header .custom-menu-primary .hs-menu-wrapper ul li a {color: #fff!important;font-size:18px;}
.home-container.stuck .header-container .custom_header .custom-menu-primary .hs-menu-wrapper ul li a {color: #404040 !important;}
.home-container .header-container .custom_header .custom-menu-primary .hs-menu-wrapper ul li ul li a {color: #404040 !important;}
.home-container.stuck .header-container .custom_header .custom-menu-primary .hs-menu-wrapper ul li a.letsworktogether  { color: #fff !important; }
.home-container .header-container .custom_header .custom-menu-primary .hs-menu-wrapper ul li ul li a.letsworktogether { color: #fff !important; }

.trusted-customers-section {text-align: center; padding: 30px 0; background-color: #f2f2fa;}
.trusted-customers-section .customers_logos {margin-top: 17px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.trusted-customers-section .customers_logos img {margin-top: 20px; display: inline-block; opacity: .4; filter: grey; -webkit-filter: grayscale(1);}
.trusted-customers-section .customers_logos img:hover {filter: none; -webkit-filter: grayscale(0); opacity: 1}
.trusted_blk p {margin:0}

.home-section {padding: 88px 0; background: #fff; z-index: 2; position: relative;}

.home-abt-leftbox h1, .home-abt-leftbox h1 span a {color: #151515}
.home-abt-rightbox p {font-size: 18px}
.home-abt-rightbox p strong {font: normal 14px "AvenirNextLTPro-Demi", sans-serif; line-height: 28px; color: #d8262c; text-transform: uppercase; margin-bottom: 12px;}

.service_block {position: relative; padding-bottom: 30px; float: left;}
.service_block img {max-width: 80px; margin-bottom: 30px;}
.service_block p {margin-bottom: 0px; margin-right: 7px;}
.service_block a {position: relative; margin-top: 20px}
.service_block .possibilities-tile:hover h3{
  color:#d8262c;
}
.service_block .possibilities-tile:hover{
   border: .0625rem solid rgb(216, 38, 44);
   background-color: #fff;
   border-radius: .625rem;
}
.service_block .possibilities-tile{
    padding: 1.125rem 0.375rem;
    margin-bottom: .8125rem;
    box-sizing: border-box;
    display: block;
    background-color: #fff;
    height: 100%;
    border: .0625rem solid transparent;
}
.possibilities-tile:hover p{
  height:100%;
}

.possibilities-tile:hover h3::after {
    content: '';
    width: 13px;
    height: 13px;
    background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/arrow-pointing_red.svg) no-repeat;
        background-size: auto;
    background-size: 13px 13px;
    display: inline-block;
    margin-left: 10px;
 
}
.service_block .possibilities-tile h3{
  max-width: 400px;
  font-size:21px;
}
.service_block .possibilities-tile h3, .service_block .possibilities-tile p{
  color:#404040;
}
.service_block .possibilities-tile img{
  max-width: 60px;
  margin-bottom: 30px;
}
.production-Unit{
  background:#eeeef5; 
  padding: 11px 13px;
    margin-bottom: .8125rem;
    box-sizing: border-box !important;
    display: block !important;
    height: 100%;
    border-radius: .625rem;
  border: .0625rem solid transparent;
}
.production-Unit:hover{
   border: .0625rem solid rgb(216, 38, 44);
   background-color: #fff;
   border-radius: .625rem; 
}
.production-Unit:hover h3::after {
    content: '';
    width: 13px;
    height: 13px;
    background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/arrow-pointing_red.svg) no-repeat;
    background-size: auto;
    background-size: 13px 13px;
    display: inline-block;
    margin-left: 10px;
   
}
.production-Unit .section_Wrapper h3{
  margin-bottom:10px;
}
.production-Unit .section_Wrapper  h3, p{
 color:#404040;
}
.production-Unit .section_Wrapper p{
  font-size:16px;
}
.production-Unit img{
  max-width:70%;
}








/* .here-work-section .service_block p {margin-bottom: 27px;} */
.here-work-section .service_block h3 {max-width: inherit}


.content-creation { background-color: #e2e7ea; z-index: 2; position: relative; }
.content-creation  h2 {color: #404040; margin-bottom: 6px;}

.content-creation .tech_row .tech_name-col { padding-top: 46px; width: 225px; margin-right: 100px; }
.content-creation .tech_row .tech_name-col .tech_name { font-family: "AvenirNextLTPro-Demi", sans-serif; font-size: 22px; line-height: 34px; color: #404040; display: inline-block; letter-spacing: -1px; border-bottom: 3px solid transparent; }
.content-creation .tech_row .tech_logos_col { width: calc(100% - 325px);}
.content-creation .tech_row .tech_logos_col .row { padding-bottom: 32px; margin-bottom: 30px; display: flex !important; overflow: initial;border-bottom: 1px dashed #736f6f;}
.content-creation .tech_row .tech_logos_col {
    width: calc(100% - 275px);
}
.content-creation .tech_row .tech_logos_col .row .tech-logo {
    -moz-transition: all 0.5s ease;
    /* -webkit-transition: all 0.5s ease; */
    /* transition: all 0.5s ease; */
    /* float: left; */
    width: 200px;
    font-family: "AvenirNextLTPro-Demi", sans-serif;
    color: #727272;
    letter-spacing: -1px;
}

.content-creation .tech_row .tech_logos_col .row .tech-logo {
    width: 158px; 
}
.content-creation .tech_blogs{
    width: 145px;
    height: 67px;
    background: url(../png/blog.png) no-repeat;
}
.content-creation .tech_blogs:hover{
    background: url(../png/blog-red.png) no-repeat;
}
.content-creation .tech_row .tech_logos_col .row .tech-logo:hover{
    color: #d8262c; 
}
.content-creation .tech_infographics{
    width: 145px;
    height: 67px;
    background: url(../png/infographic.png) no-repeat;
}
.content-creation .tech_infographics:hover{
    background: url(../png/infographic-red.png) no-repeat;
}
.content-creation .tech_landing{
    width: 145px;
    height: 67px;
    background: url(../png/landing-page.png) no-repeat;
}
.content-creation .tech_landing:hover{
    background: url(../png/landing-page-red.png) no-repeat;
}
.content-creation .tech_product_copy{
    width: 145px;
    height: 67px;
    background: url(../png/product-copy.png) no-repeat;
}
.content-creation .tech_product_copy:hover{
    background: url(../png/product-copy-red.png) no-repeat;
}

.content-creation .tech_guides{
    width: 145px;
    height: 67px;
    background: url(../png/guide.png) no-repeat;
}
.content-creation .tech_guides:hover{
    background: url(../png/guide-red.png) no-repeat;
}
.content-creation .tech_whitepaper{
    width: 145px;
    height: 67px;
    background: url(../png/whitepapers.png) no-repeat;
}
.content-creation .tech_whitepaper:hover{
    background: url(../png/whitepapers-red.png) no-repeat;
}
.content-creation .tech_e-book{
    width: 145px;
    height: 67px;
    background: url(../png/e-book.png) no-repeat;
}
.content-creation .tech_e-book:hover{
    background: url(../png/e-book-red.png) no-repeat;
}
.content-creation .tech_case-study{
    width: 145px;
    height: 67px;
    background: url(../png/casestudy.png) no-repeat;
}
.content-creation .tech_case-study:hover{
    background: url(../png/casestudy-red.png) no-repeat;
}
.content-creation .tech_Offers{
    width: 145px;
    height: 67px;
    background: url(../png/mofu-bofu-offers.png) no-repeat;
}
.content-creation .tech_Offers:hover{
    background: url(../png/mofu-bofu-offers-red.png) no-repeat;
}
.content-creation .tech_marketing{
    width: 145px;
    height: 67px;
    background: url(../png/marketing-collaterals.png) no-repeat;
}
.content-creation .tech_marketing:hover{
    background: url(../png/marketing-collaterals-red.png) no-repeat;
}
.content-creation .tech_presentations{
    width: 145px;
    height: 67px;
    background: url(../png/presentations.png) no-repeat;
}
.content-creation .tech_presentations:hover{
    background: url(../png/presentations-red.png) no-repeat;
}
.content-creation .tech_chatbot{
    width: 145px;
    height: 67px;
    background: url(../png/chatbot.png) no-repeat;
}
.content-creation .tech_chatbot:hover{
    background: url(../png/chatbot-red.png) no-repeat;
}
.content-creation .tech_row:hover .tech_name {
    border-bottom: 3px solid #d8262c;
}

.content-creation .tech_ad-copies{
    width: 145px;
    height: 67px;
    background: url(../png/content.png) no-repeat;
}
.content-creation .tech_ad-copies:hover{
    background: url(../png/content-red.png) no-repeat;
}
.content-creation .tech_social-media{
    width: 145px;
    height: 67px;
    background: url(../png/social-media-marketing-red.png) no-repeat;
}
.content-creation .tech_social-media:hover{
    background: url(../png/social-media-marketing.png) no-repeat; 
}
.content-creation .tech_newsletters_icon{
    width: 145px;
    height: 67px;
    background: url(../png/news.png) no-repeat;
}
.content-creation .tech_newsletters_icon:hover{
    background: url(../png/news-red.png) no-repeat;
}
.technology-stuck {background-color: #14212a; z-index: 2; position: relative;}
.technology-stuck h2 {color: #fff; margin-bottom: 64px;}


.technology-stuck .tech_row .tech_name-col { padding-top: 46px; width: 225px; margin-right: 100px; }
.technology-stuck .tech_row .tech_name-col .tech_name { font-family: "AvenirNextLTPro-Demi", sans-serif; font-size: 21px; line-height: 30px; color: #fff; display: inline-block; letter-spacing: -1px; border-bottom: 3px solid transparent; }
.technology-stuck .tech_row .tech_logos_col { width: calc(100% - 325px); }
.technology-stuck .tech_row .tech_logos_col .row { padding-bottom: 32px; margin-bottom: 30px; display: block; overflow: initial;}
.technology-stuck .tech_row .tech_logos_col .row .tech_html5 { width: 45px; height: 51px; background-image: url(../png/technology-logos.png); background-position: -47px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_css3 { width: 45px; height: 51px; background-image: url(../png/technology-logos.png); background-position: -146px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_javascript { width: 49px; height: 51px; background-image: url(../png/technology-logos.png); background-position: -245px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_typescript { width: 49px; height: 51px; background-image: url(../png/technology-logos.png); background-position: -345px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_react { width: 55px; height: 48px; background-image: url(../png/technology-logos.png); background-position: -432px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_angular { width: 46px; height: 46px; background-image: url(../png/technology-logos.png); background-position: -526px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_vue { width: 46px; height: 46px; background-image: url(../png/technology-logos.png); background-position: -526px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_node { width: 71px; height: 59px; background-image: url(../png/technology-logos.png); background-position: -617px -40px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_dotnet { width: 73px; height: 59px; background-image: url(../png/technology-logos.png); background-position: -718px -43px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_csharp { width: 51px; height: 59px; background-image: url(../png/technology-logos.png); background-position: -829px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_php { width: 64px; height: 59px; background-image: url(../png/technology-logos.png); background-position: -922px -45px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_java { width: 45px; height: 59px; background-image: url(../png/technology-logos.png); background-position: -1024px -45px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_scala { width: 28px; height: 59px; background-image: url(../png/technology-logos.png); background-position: -1120px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_android { width: 39px; height: 54px; background-image: url(../png/technology-logos.png); background-position: -1188px -45px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_swift { width: 55px; height: 54px; background-image: url(../png/technology-logos.png); background-position: -1280px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_objective { width: 40px; height: 54px; background-image: url(../png/technology-logos.png); background-position: -1387px -39px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_reactnative { width: 55px; height: 54px; background-image: url(../png/technology-logos.png); background-position: -1480px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_drupal { width: 49px; height: 60px; background-image: url(../png/technology-logos.png); background-position: -1573px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_wordpress { width: 58px; height: 60px; background-image: url(../png/technology-logos.png); background-position: -1668px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_magento { width: 55px; height: 60px; background-image: url(../png/technology-logos.png); background-position: -1772px -39px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_salesforce { width: 65px; height: 60px; background-image: url(../png/technology-logos.png); background-position: -1865px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_powerBi { width: 51px; height: 60px; background-image: url(../png/technology-logos.png); background-position: -1972px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_sharepoint { width: 55px; height: 60px; background-image: url(../png/technology-logos.png); background-position: -2061px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_amazonaws { width: 55px; height: 60px; background-image: url(../png/technology-logos.png); background-position: -2590px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_micosoftazure { width: 55px; height: 60px; background-image: url(../png/technology-logos.png); background-position: -2686px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_jenkins { width: 55px; height: 60px; background-image: url(../png/technology-logos.png); background-position: -2780px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_git { width: 55px; height: 60px; background-image: url(../png/technology-logos.png); background-position: -2869px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_mssql { width: 55px; height: 60px; background-image: url(../png/technology-logos.png); background-position: -2155px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_mysql { width: 55px; height: 60px; background-image: url(../png/technology-logos.png); background-position: -2245px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_postgresql { width: 55px; height: 60px; background-image: url(../png/technology-logos.png); background-position: -2341px -38px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_mongodb { width: 55px; height: 60px; background-image: url(../png/technology-logos.png); background-position: -2435px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_redis { width: 55px; height: 60px; background-image: url(../png/technology-logos.png); background-position: -2499px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_selenium { width: 55px; height: 60px; background-image: url(../png/technology-logos.png); background-position: -2962px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_apachejmeter { width: 55px; height: 60px; background-image: url(../png/technology-logos.png); background-position: -3052px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_postman  { width: 55px; height: 60px; background-image: url(../png/technology-logos.png); background-position: -3121px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_browserstack { width: 55px; height: 60px; background-image: url(../png/technology-logos.png); background-position: -3205px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo { text-align: center; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; float: left; width: 200px; font-family: "AvenirNextLTPro-Demi", sans-serif; color: #727272; letter-spacing: -1px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo div { -moz-transition: all 0.7s cubic-bezier(0.45, 0.05, 0.55, 0.95); -webkit-transition: all 0.7s cubic-bezier(0.45, 0.05, 0.55, 0.95); transition: all 0.7s cubic-bezier(0.45, 0.05, 0.55, 0.95); background-size:unset; background-repeat: no-repeat; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover { color: #d8262c; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_html5 { background-position: -47px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_css3 { background-position: -146px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_javascript { background-position: -245px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_typescript { background-position: -345px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_react { background-position: -432px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_angular { background-position: -526px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_vue { background-position: -526px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_node { background-position: -617px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_dotnet { background-position: -718px -117px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_csharp { background-position: -829px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_php { background-position: -922px -117px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_java { background-position: -1024px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_scala { background-position: -1120px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_android { background-position: -1188px -125px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_swift { background-position: -1280px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_objective { background-position: -1387px -118px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_reactnative { background-position: -1480px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_drupal { background-position: -1574px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_wordpress { background-position: -1668px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_magento { background-position: -1772px -118px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_salesforce { background-position: -1865px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_powerBi { background-position: -1972px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_sharepoint { background-position: -2061px -122px; }

.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_amazonaws { background-position: -2590px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_micosoftazure { background-position: -2686px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_jenkins { background-position: -2780px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_git { background-position: -2869px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_mssql { background-position: -2155px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_mysql { background-position: -2245px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_postgresql { background-position: -2341px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_mongodb { background-position: -2435px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_redis { background-position: -2499px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_selenium { background-position: -2962px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_apachejmeter { background-position: -3052px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_postman { background-position: -3121px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_browserstack { background-position: -3205px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo {width: 178px;}
.technology-stuck .tech_row .tech_logos_col .row:after { content: ''; width: 100%; height: 1px; background: url(../png/techno-logo-divisions.png) repeat; position: relative; top: 32px; }
.technology-stuck .tech_row .tech_logos_col .simple_link { margin-top: 15px; display: inline-block; position: relative; }
.technology-stuck .tech_row .tech_logos_col .simple_link .arrow { width: 13px; height: 9px; fill: #d8262c; display: inline-block; -moz-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; transition: all 0.5s ease-in; }
.technology-stuck .tech_row .tech_logos_col .simple_link:hover .arrow { transform: translate(8px, 0); }
.technology-stuck .tech_row .robust_tech { font-size: 16px; line-height: 27px; color: #727272; font-family: "AvenirNextLTPro-Regular", sans-serif; }
.technology-stuck .tech_row:hover .tech_name { border-bottom: 3px solid #d8262c; }
.tech-name_cselection{
    padding-left: 23px ! important;
  }
.tech_HubSpot {
   background: url(../png/hubspot-logo-grey.png)
    no-repeat;
    width: 124px;
   height: 91px;
}

.tech_HubSpot:hover { 
   background: url(../png/hubspot-logo-red.png)
    no-repeat;
}
.tech-block-hubspot{
  padding: 0 50px;
  border-right: 1px solid rgba(227, 234, 241, 0.15); 
}

.tech_dot-dev{
     margin: auto;;
       width: 242px;
        height: 95px;
        background: url(../png/dotnet-mvc.png)
    no-repeat;
        
}

.tech_dot-dev:hover{
        background: url(../png/dotnet-mvc-hover.png)
    no-repeat;
        
}

.tech_entilty-dev{
     margin-left: -40px;
     width: 242px;
        height: 95px;
        background: url(../png/entityframework.png)
    no-repeat;
        
}

.tech_entilty-dev:hover{
        background: url(../png/entityframework-hover.png)
    no-repeat;
        
}
.tech_cselection-dev {
  width: 130px;
  height: 95px !important;
  background: url(../png/c%23.png)
    no-repeat;
}
.tech_cselection-dev:hover {
    background: url(../png/c%23-hover.png) no-repeat;
}
.tech_power-dev{
 width: 130px;
        height: 95px;
        background: url(../png/powerbi.png) no-repeat;
        
}

.tech_power-dev:hover{
        background: url(../png/powerbi-hover.png)
    no-repeat;
        
}
.tech_asp-dev {
        width: 130px;
        height: 95px !important;
        background: url(../png/asp-dotnetcore.png)
    no-repeat;
  
}
.tech_asp-dev:hover {
        background: url(../png/asp-dotnetcore-hover.png) no-repeat;
    }

.tech-name_cselection, .tech-name_asp, .tech-name_Powerselection, .tech-name_entiltyselection, .tech-name_dotselection {
    font-weight: bold;
    max-width: 130px;
    display: inline-block;
    line-height: 23px;
    font-weight: 600;
}

.tech_react-dev img {
	margin-bottom:19px;
}

.tech-block-technologyies_section {
    padding: 0 50px;
    border-right: 1px solid rgba(227, 234, 241, 0.15);
    width: 20%;
}

.web-dev_row .tech-block-technologyies_section:hover a .tech-name_cselection {
    color: #d8262c;
}
.web-dev_row .tech-block-technologyies_section:hover a .tech-name_asp {
  color: #d8262c;
}

.web-dev_row .tech-block-technologyies_section:hover a .tech-name_Powerselection {
  color: #d8262c;
}
.web-dev_row .tech-block-technologyies_section:hover a .tech-name_dotselection{
   color: #d8262c;
}

.web-dev_row .tech-block-technologyies_section:hover a .tech-name_entiltyselection{
  color: #d8262c;
}
.tech_HubSpot-Academy_icon{
        width: 64px;
        height: 69px;
        background: url(../png/icons8-hubspot-64-classic.png)
    no-repeat;
  margin-left:23px;
}
.tech_HubSpot-Academy_icon:hover{
        background: url(../png/icons8-hubspot-64.png)
    no-repeat;
}

.we-work-section h2 {margin-bottom: 70px}
.we-work-section .service_block:nth-child(2) {padding-left: 0;}
.we-work-section .service_block:nth-child(4) {padding-right: 0;}
.we-work-section .service_block h3 {max-width: none;}

.get-touch-block {background: #14212a; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 41px 60px 42px 70px;}
.get-touch-block h3 {color: #fff; margin: 0}
.get-touch-block p.requirements {font-size: 18px; color: #727272; letter-spacing: -1px; line-height: 28px; margin-top: 8px;}

.get-touch-btn-box p {text-align: right}

.get-touch-btn {margin-top: 10px;}
.get-touch-btn span {position: relative; left: 0; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.get-touch-btn:after {content: ''; width: 16px; height: 14px; color: #fff; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/arrow-pointing.svg); background-size: 16px 14px; display: inline-block; margin-left: 20px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; vertical-align: middle;}
.get-touch-btn:hover {background: #b22024!important;}
.get-touch-btn:hover span {left: 8px}
.get-touch-btn:hover:after {transform: translate(5px, 0);}

.talk-experts_btn p {text-align: right}

.talk-experts_btn {margin-top: 10px;}
.talk-experts_btn span {position: relative; left: 0; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.talk-experts_btn:after {content: ''; width: 16px; height: 14px; color: #fff; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/arrow-pointing.svg); background-size: 16px 14px; display: inline-block; margin-left: 20px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; vertical-align: middle;}
.talk-experts_btn:hover {background: #b22024!important;}
.talk-experts_btn:hover span {left: 8px}
.talk-experts_btn:hover:after {transform: translate(5px, 0);}

.let_strategize {margin-top: 10px;}
.let_strategize span {position: relative; left: 0; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.let_strategize:after {content: ''; width: 16px; height: 14px; color: #fff; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/arrow-pointing.svg); background-size: 16px 14px; display: inline-block; margin-left: 20px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; vertical-align: middle;}
.let_strategize:hover {background: #b22024!important;}
.let_strategize:hover span {left: 8px}
.let_strategize:hover:after {transform: translate(5px, 0);}

.customers { width: 90%; margin-right: 0%; position: relative; padding-bottom: 45px; margin-bottom: 65px; }
.customers h3 { margin-bottom: 16px; }
.customers:nth-child(even) { padding-left: 11px; }

.accordion-section-blk { border-left: 1px solid #e9e9e9; padding-left: 30px;}
.accordion-section-blk .hs-accordion__item {margin: 0; border-bottom: 1px solid #ddd;}
.accordion-section-blk .hs-accordion__item:last-child {border: none,color: #727272;}
.accordion-section-blk .hs-accordion__item button {padding: 1em 3em 1em 0em; border: none;color: #727272;}
.accordion-section-blk .hs-accordion__item-content {padding: 0.5em 1em 0.5em 0;} 
.accordion-section-blk .hs-accordion__item-icon {border: none}
/* .accordion-section-blk .hs-accordion__item[aria-expanded=true] .hs-accordion__item-icon {} */
.accordion-section-blk .hs-accordion__item[aria-expanded=true] .hs-accordion__item-icon {transform: translateY(-50%) rotate(180deg); background: none; border: none}
.accordion-section-blk .hs-accordion__item button:hover .hs-accordion__item-icon:before, .accordion-section-blk .hs-accordion__item[aria-expanded=true] .hs-accordion__item-icon:before {background-color: #a5a5a5;}
.accordion-section-blk .hs-accordion__item[aria-expanded=true] .hs-accordion__item-icon:after {height: 0}
.accordion-section-blk .hs-accordion__item button:hover, .hs-accordion__item[aria-expanded=true] button {color: #d8262c}

.accordion-section-blk .hs-accordion__item:nth-child(2) button::before {margin-right: 10px; width: 28px; height: 28px; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Healthcare.svg)}

.accordion-section-blk .hs-accordion__item:nth-child(1) button {background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Healthcare.svg) no-repeat 0 60%/5%; padding-left: 55px;}
.accordion-section-blk .hs-accordion__item:nth-child(1):hover button {background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Healthcare_red.svg) no-repeat 0 60%/5%;}
.accordion-section-blk .hs-accordion__item:nth-child(2) button {background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/retail-and-eCommerce.svg) no-repeat 0 60%/5%; padding-left: 55px;}
.accordion-section-blk .hs-accordion__item:nth-child(2):hover button {background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/retail-and-eCommerce_red.svg) no-repeat 0 60%/5%;}
.accordion-section-blk .hs-accordion__item:nth-child(3) button {background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/logistics.svg) no-repeat 0 60%/5%; padding-left: 55px;}
.accordion-section-blk .hs-accordion__item:nth-child(3):hover button {background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/logistics_red.svg) no-repeat 0 60%/5%;}
.accordion-section-blk .hs-accordion__item:nth-child(4) button {background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/FinTech.svg) no-repeat 0 60%/5%; padding-left: 55px;}
.accordion-section-blk .hs-accordion__item:nth-child(4):hover button {background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/FinTech_red.svg) no-repeat 0 60%/5%;}
.accordion-section-blk .hs-accordion__item:nth-child(5) button {background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/travel-and-tourism.svg) no-repeat 0 60%/5%; padding-left: 55px;}
.accordion-section-blk .hs-accordion__item:nth-child(5):hover button {background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/travel-and-tourism_red.svg) no-repeat 0 60%/5%;}
.accordion-section-blk .hs-accordion__item:nth-child(6) button {background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/real-estate.svg) no-repeat 0 60%/5%; padding-left: 55px;}
.accordion-section-blk .hs-accordion__item:nth-child(6):hover button {background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/real-estate_red.svg) no-repeat 0 60%/5%;}
.accordion-section-blk .hs-accordion__item:nth-child(7) button {background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Government.svg) no-repeat 0 60%/5%; padding-left: 55px;}
.accordion-section-blk .hs-accordion__item:nth-child(7):hover button {background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Government_red.svg) no-repeat 0 60%/5%;}
.accordion-section-blk .hs-accordion__item:nth-child(8) button {background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/tech-products.svg) no-repeat 0 60%/5%; padding-left: 55px;}
.accordion-section-blk .hs-accordion__item:nth-child(8):hover button {background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/tech-products_red.svg) no-repeat 0 60%/5%;}


/*	--------------	WEB DEVELOPMENT SECTION CSS	--------------	*/
.web-dev-banner .banner-content h1 { font-size: 90px; color: #151515; line-height: 110px;}
.web-dev-banner .banner-content h6 { font-size: 17px; line-height: 26px; font-family: AvenirNextLTPro-Regular; color: #151515; max-width: 650px; text-transform: none; letter-spacing:-1px;}
.web-dev-banner .banner-content h3 {max-width: 697px;}
.web-dev-leftblk {padding-right: 55px;}

.technology-stack-section {background:#14212a}
.technology-stack-section h2 {color: #fff; margin-bottom: 64px;}

.tech_mean { width: 120px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -1919px -30px; margin-bottom: 10px; }
.tech_php { width: 105px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -2076px -30px; margin-bottom: 10px; }
.tech_dotnet { width: 135px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -2212px -30px; margin-bottom: 10px; }
.tech_java { width: 86px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -1182px -30px; margin-bottom: 10px; }
.tech_scala { width: 86px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -122px -30px; margin-bottom: 10px; }
.tech_swift { width: 86px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -122px -30px; margin-bottom: 10px; }
.tech_objective { width: 62px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -31px -30px; margin-bottom: 10px; }
.tech_android { width: 62px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -263px -30px; margin-bottom: 10px; }
.tech_reactnative { width: 88px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -501px -30px; margin-bottom: 10px; }
.tech_microsoftazure { width: 102px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -628px -30px; margin-bottom: 10px; }
.tech_aws { width: 104px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -775px -30px; margin-bottom: 10px; }
.tech_googlecloudplatform { width: 90px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -910px -30px; margin-bottom: 10px; }
.tech_angular { width: 90px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -1050px -30px; margin-bottom: 10px; }
.tech_vue { width: 90px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -1050px -30px; margin-bottom: 10px; }
.tech_node {  width: 130px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -2615px -30px; margin-bottom: 10px; }
.tech_react { width: 90px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -501px -30px; margin-bottom: 10px; }
.tech_javascript { width: 90px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -2487px -30px; margin-bottom: 10px; }
.tech_wordpress { width: 90px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -1291px -30px; margin-bottom: 10px; }
.tech_drupal { width: 90px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -1410px -30px; margin-bottom: 10px; }
.tech_react-native { width: 90px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -501px -30px; margin-bottom: 10px; }
.tech_umbraco { width: 90px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -1791px -29px; margin-bottom: 10px; }
.tech_kentico { width: 90px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -1528px -30px; margin-bottom: 10px; }
.tech_sharepoint { width: 90px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -1670px -30px; margin-bottom: 10px; }
.tech-magento { width: 55px; height: 60px; background-image: url(../png/technology-logos.png); background-position: -1772px -39px; margin: 15px 0;}

.web-dev_row .col:last-child:hover .tech-magento { background-position: -1772px -118px;}

.tech-name { max-width: 130px; display: inline-block; line-height: 23px; font-weight: 600;}
.web-dev_row span, .web-dev_row a { color: #acacac; }
.web-dev_row .tech-block:hover a .tech-name { color: #d8262c; }

.web-dev_row .tech-block:hover div:first-child { background-position-y: -160px;}
.web-dev_row .tech-block div:first-child { -moz-transition: all 0.7s cubic-bezier(0.45, 0.05, 0.55, 0.95); -webkit-transition: all 0.7s cubic-bezier(0.45, 0.05, 0.55, 0.95); transition: all 0.7s cubic-bezier(0.45, 0.05, 0.55, 0.95);}

.tech-block {padding: 0 50px; border-right: 1px solid rgba(227, 234, 241, 0.15); width: 20%}
.tech-block:last-child { border: none;}

.application-block {padding-right: 10%;}
.application-block h2 {margin-bottom: 40px}
.application-block p {font-size: 16px; line-height: 35px;}  

.application-right-blk .methods-right h3 {color: #404040}
.application-right-blk .methods-right h3:after {display: none}
.application-right-blk .methods-right p {margin-bottom: 27px;}

.tech-right {width: 100%; justify-content: flex-end;}
.tech-right .tech-col { width: 25%; max-width: 180px; display: inline-block; margin-right: 35px; }
.tech-right .tech-col .tech-logo_block { width: 180px; max-width: 100%; height: 180px; background: #f5f5f9; font-size: 18px; font-family: "AvenirNextLTPro-Demi", sans-serif; color: #404040; text-align: center; margin: auto; margin-bottom: 35px; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; }
.tech-right .tech-col .tech-logo_block .tech-logo { margin-bottom: 15px; }
.tech-right .tech-col .tech-logo_block .tech_name { width: 100%; padding: 0 10px; line-height: 21px;}
.tech-right .tech-col .tech-logo_block:hover .tech_name { color: #d8262c; }

.tech-right .tech-col.tech-col1 { padding-top: 42%; }
.tech-right .tech-col.tech-col2 { padding-top: 12%; }
.tech-right .tech-col.tech-col4 { padding-top: 16%; margin-right: 0; }

.wordpress { width: 90px; height: 90px; background: url(../png/wordpress.png) no-repeat; margin: auto; }
.tech-logo_block:hover .wordpress { background-image: url(../png/wordpress_hover.png); }
.drupal { width: 79px; height: 90px; background: url(../png/drupal.png) no-repeat; margin: auto; }
.tech-logo_block:hover .drupal { background-image: url(../png/drupal_hover.png); }
.salesforce { width: 94px; height: 65px; background: url(../png/salesforce.png) no-repeat; margin: auto; }
.tech-logo_block:hover .salesforce { background-image: url(../png/salesforce_hover.png); }
.nopcommerce { width: 84px; height: 62px; background: url(../png/nopcommerce.png) no-repeat; margin: auto; }
.tech-logo_block:hover .nopcommerce { background-image: url(../png/nopcommerce_hover.png); }
.magento { width: 79px; height: 91px; background: url(../png/magento.png) no-repeat; margin: auto; }
.tech-logo_block:hover .magento { background-image: url(../png/magento_hover.png); }
.micro-dynamics { width: 50px; height: 80px; background: url(../png/microsoft-dynamics.png) no-repeat; margin: auto; }
.tech-logo_block:hover .micro-dynamics { background-image: url(../png/microsoft-dynamics_hover.png); }
.umbraco { width: 85px; height: 85px; background: url(../png/umbraco.png) no-repeat; margin: auto; }
.tech-logo_block:hover .umbraco { background-image: url(../png/umbraco_hover.png); }
.kentico { width: 82px; height: 81px; background: url(../png/kentico.png) no-repeat; margin: auto; }
.tech-logo_block:hover .kentico { background-image: url(../png/kentico_hover.png); }
.tech_googleanalytics { width: 83px; height: 83px; background: url(../png/google-analytics.png) no-repeat; margin: auto; }
.tech-logo_block:hover .tech_googleanalytics { background-image: url(../png/google-analytics-hover.png); }
.tech_googlewebmaster { width: 84px; height: 75px; background: url(../png/google-webmaster.png) no-repeat; margin: auto; }
.tech-logo_block:hover .tech_googlewebmaster { background-image: url(../png/google-webmaster-hover.png); }
.tech_googleads { width: 92px; height: 84px; background: url(../png/google-ads.png) no-repeat; margin: auto; }
.tech-logo_block:hover .tech_googleads { background-image: url(../png/google-ads-hover.png); }
.tech_facebook { width: 92px; height: 79px; background: url(../png/facebook-ads.png) no-repeat; margin: auto; }
.tech-logo_block:hover .tech_facebook { background-image: url(../png/facebook-ads-hover.png); }
.tech_linkedin { width: 83px; height: 80px; background: url(../png/linkedin-ads.png) no-repeat; margin: auto; }
.tech-logo_block:hover .tech_linkedin { background-image: url(../png/linkedin-ads-hover.png); }
.tech_bing { width: 64px; height: 79px; background: url(../png/bing-ads.png) no-repeat; margin: auto; }
.tech-logo_block:hover .tech_bing { background-image: url(../png/bing-ads-hover.png); }
.tech_semrush { width: 125px; height: 32px; background: url(../png/semrush.png) no-repeat; margin: auto; }
.tech-logo_block:hover .tech_semrush { background-image: url(../png/semrush-hover.png); }
.tech_hootsuite { width: 55px; height: 81px; background: url(../png/hootsuite.png) no-repeat; margin: auto; }
.tech-logo_block:hover .tech_hootsuite { background-image: url(../png/hootsuite-hover.png); }
.tech_googledatastudio { width: 93px; height: 92px; background: url(../data-studio-3.html) no-repeat; margin: auto; }
.tech-logo_block:hover .tech_googledatastudio { background-image: url(../data-studio-hover-3.html); }
.tech_googletagmanager { width: 96px; height: 95px; background: url(../google-tag-manager-3.html) no-repeat; margin: auto; }
.tech-logo_block:hover .tech_googletagmanager { background-image: url(../google-tag-manager-hover-3.html); }
.tech_healthcare { width: 96px; height: 95px; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Healthcare.svg) no-repeat; margin: auto; }
.tech-logo_block:hover .tech_healthcare { background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Healthcare_red.svg); }
.tech_retails-ecommerce { width: 96px; height: 95px; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/retail-and-eCommerce.svg) no-repeat; margin: auto; }
.tech-logo_block:hover .tech_retails-ecommerce { background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/retail-and-eCommerce_red.svg); }
.tech_logistics { width: 96px; height: 95px; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/logistics.svg) no-repeat; margin: auto; }
.tech-logo_block:hover .tech_logistics { background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/logistics_red.svg); }

.tech_FinTech { width: 96px; height: 95px; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/FinTech.svg) no-repeat; margin: auto; }
.tech-logo_block:hover .tech_FinTech { background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/FinTech_red.svg); }

.tech_travel{ width: 96px; height: 95px; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/travel-and-tourism.svg) no-repeat; margin: auto; }
.tech-logo_block:hover .tech_travel { background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/travel-and-tourism_red.svg); }

.tech_Real-estate{ width: 96px; height: 95px; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/real-estate.svg) no-repeat; margin: auto; }
.tech-logo_block:hover .tech_Real-estate { background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/real-estate_red.svg); }

.tech_Government{ width: 96px; height: 95px; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Government.svg) no-repeat; margin: auto; }
.tech-logo_block:hover .tech_Government { background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Government_red.svg); }

.tech_techproduct{ width: 96px; height: 95px; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/tech-products.svg) no-repeat; margin: auto; }
.tech-logo_block:hover .tech_techproduct { background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/tech-products_red.svg); }


.tech-col-mob .tech-logo_block { width: 47%; display: inline-block; background: #f5f5f9; text-align: center; margin: 0 1% 2% 1%; padding: 2em 0; height: 190px; overflow: hidden; }

.tech-left h2 {margin-bottom: 0}
.tech-left small {display: block; font: normal 16px/24px "AvenirNextLTPro-Regular", sans-serif; letter-spacing: 0;}



/*		mobile-app-development		*/
 .travel-app { width: 86px; height: 85px; background: url(../png/travel-apps.png) no-repeat; margin: auto; }
 .tech-logo_block:hover .travel-app { background-image: url(../png/travel-apps-hover.png);}

 .shopping-app { width: 87px; height: 83px; background: url(../png/shopping-apps.png) no-repeat; margin: auto; }
 .tech-logo_block:hover .shopping-app { background-image: url(../png/shopping-apps-hover.png);}

 .logistic-app { width: 103px; height: 84px; background: url(../png/logistics-apps.png) no-repeat; margin: auto; }
 .tech-logo_block:hover .logistic-app { background-image: url(../png/logistics-apps-hover.png);}

 .booking-app { width: 70px; height: 89px; background: url(../png/booking-engines.png) no-repeat; margin: auto; }
 .tech-logo_block:hover .booking-app { background-image: url(../png/booking-engines-hover.png);}

 .lifestyle-app { width: 84px; height: 84px; background: url(../png/lifestyle-apps.png) no-repeat; margin: auto; }
 .tech-logo_block:hover .lifestyle-app { background-image: url(../png/lifestyle-apps-hover.png);}

 .gaming-app { width: 65px; height: 90px; background: url(../png/gaming-apps.png) no-repeat; margin: auto; }
 .tech-logo_block:hover .gaming-app { background-image: url(../png/gaming-apps-hover.png);}

 .healthcare-app { width: 80px; height: 80px; background: url(../png/healthcare-apps.png) no-repeat; margin: auto; }
 .tech-logo_block:hover .healthcare-app { background-image: url(../png/healthcare-apps-hover.png);}

 .social-app { width: 80px; height: 80px; background: url(../png/social-networking-apps.png) no-repeat; margin: auto; }
 .tech-logo_block:hover .social-app { background-image: url(../png/social-networking-apps-hover.png);}

 
 /*		hybrid-app-development		*/
 .tech_xamarin {width: 93px; height: 82px; background-image: url(../png/xamarin-img.png); background-repeat: no-repeat; background-position: 0 -30px; margin-bottom: 10px;}
 .web-dev_row .col:hover .tech_xamarin {background-position-y: -171px!important;}

 .tech_phonegap {width: 85px; height: 85px; background-image: url(../png/phonegap-img.png); background-repeat: no-repeat; background-position: 0 -30px; margin-bottom: 10px;}
 .web-dev_row .col:hover .tech_phonegap {background-position-y: -171px!important;}

 .tech_ionic {width: 90px; height: 88px; background-image: url(../png/ionic-img.png); background-repeat: no-repeat; background-position: 0 -30px; margin-bottom: 10px;}
 .web-dev_row .col:hover .tech_ionic {background-position-y: -168px!important;}

 .tech_senchatech {width: 90px; height: 88px; background-image: url(../png/sencha-touch-img.png); background-repeat: no-repeat; background-position: 0 -30px; margin-bottom: 10px;}
 .web-dev_row .col:hover .tech_senchatech {background-position-y: -168px!important;}


  /*	php-development-company		*/
  .tech_laravel {width: 120px; height: 78px; background-image: url(../png/laravel-framework-hov.png); background-repeat: no-repeat; background-position: 0 -30px; margin-bottom: 10px;}
  .web-dev_row .col:hover .tech_laravel {background-position-y: -172px!important;}
 
  .tech_symfony {width: 110px; height: 90px; background-image: url(../png/symfony-framework-img.png); background-repeat: no-repeat; background-position: 0 -25px; margin-bottom: 10px;}
  .web-dev_row .col:hover .tech_symfony {background-position-y: -164px!important;}
 
  .tech_zend {width: 110px; height: 90px; background-image: url(../png/zend-framework-img.png); background-repeat: no-repeat; background-position: 0 -30px; margin-bottom: 10px;}
  .web-dev_row .col:hover .tech_zend {background-position-y: -168px!important;}
 
  .tech_yii {width: 110px; height: 90px; background-image: url(../png/yii-framework-img.png); background-repeat: no-repeat; background-position: 0 -24px; margin-bottom: 10px;}
  .web-dev_row .col:hover .tech_yii {background-position-y: -165px!important;}

  
 /*		mobile-app-development		*/
 .practice-management-apps { width: 79px; height: 86px; background: url(../png/practice-management-apps.png) no-repeat; margin: auto; }
 .tech-logo_block:hover .practice-management-apps { background-image: url(../png/practice-management-apps-hover.png);}

 .treatment-planners-app { width: 74px; height: 88px; background: url(../png/treatment-planners.png) no-repeat; margin: auto; }
 .tech-logo_block:hover .treatment-planners-app { background-image: url(../png/treatment-planners-hover.png);}

 .personal-health-records-app { width: 86px; height: 80px; background: url(../png/personal-health-records.png) no-repeat; margin: auto; }
 .tech-logo_block:hover .personal-health-records-app { background-image: url(../png/personal-health-records-hover.png);}

 .emr-ehr-app { width: 92px; height: 74px; background: url(../png/emr-ehr.png) no-repeat; margin: auto; }
 .tech-logo_block:hover .emr-ehr-app { background-image: url(../png/emr-ehr-hover.png);}

 .patient-portals-app { width: 85px; height: 85px; background: url(../png/patient-portals.png) no-repeat; margin: auto; }
 .tech-logo_block:hover .patient-portals-app { background-image: url(../png/patient-portals-hover.png);}

 .record-collection-app { width: 85px; height: 77px; background: url(../png/record-collection-apps.png) no-repeat; margin: auto; }
 .tech-logo_block:hover .record-collection-app { background-image: url(../png/record-collection-apps-hover.png);}

.appointment-schedulers-app { width: 84px; height: 82px; background: url(../png/appointment-schedulers.png) no-repeat; margin: auto; }
.tech-logo_block:hover .appointment-schedulers-app { background-image: url(../png/appointment-schedulers-hover.png);}

.mhealth-app { width: 47px; height: 85px; background: url(../png/mhealth.png) no-repeat; margin: auto; }
.tech-logo_block:hover .mhealth-app { background-image: url(../png/mhealth-hover.png);}


/*		retail-ecommerce-software-development		*/

.advanced-inventory-management { width: 69px; height: 88px; background: url(../png/advanced-inventory-management.png) no-repeat; margin: auto; }
.tech-logo_block:hover .advanced-inventory-management { background-image: url(../png/advanced-inventory-management-hover.png);}

.payment-gateways-integration { width: 95px; height: 88px; background: url(../png/payment-gateways-integration.png) no-repeat; margin: auto; }
.tech-logo_block:hover .payment-gateways-integration { background-image: url(../png/payment-gateways-integration-hover.png);}

.ecommerce-performance-optimization { width: 98px; height: 76px; background: url(../png/ecommerce-performance-optimization.png) no-repeat; margin: auto; }
.tech-logo_block:hover .ecommerce-performance-optimization { background-image: url(../png/ecommerce-performance-optimization-hover.png);}

.migration-porting { width: 98px; height: 76px; background: url(../png/migration-%26-porting.png) no-repeat; margin: auto; }
.tech-logo_block:hover .migration-porting { background-image: url(../png/migration-%26-porting-hover.png);}

.unified-ecommerce-engines { width: 95px; height: 84px; background: url(../png/unified-ecommerce-engines.png) no-repeat; margin: auto; }
.tech-logo_block:hover .unified-ecommerce-engines { background-image: url(../png/unified-ecommerce-engines-hover.png);}

.cloud-enablement { width: 111px; height: 90px; background: url(../png/cloud-enablement-2.png) no-repeat; margin: auto; }
.tech-logo_block:hover .cloud-enablement { background-image: url(../png/cloud-enablement-hover.png);}

.marketing-analytics-dashboards { width: 110px; height: 80px; background: url(../png/marketing-%26-analytics-dashboards.png) no-repeat; margin: auto; }
.tech-logo_block:hover .marketing-analytics-dashboards { background-image: url(../png/marketing-%26-analytics-dashboards-hover.png);}

.extended-ecommerce-enablement { width: 75px; height: 90px; background: url(../png/extended-ecommerce-enablement.png) no-repeat; margin: auto; }
.tech-logo_block:hover .extended-ecommerce-enablement { background-image: url(../png/extended-ecommerce-enablement-hover.png);}


/*		logistics-transportation-software-development		*/

.integrated-shipment-tracking { width: 83px; height: 88px; background: url(../png/integrated-shipment-tracking.png) no-repeat; margin: auto; }
.tech-logo_block:hover .integrated-shipment-tracking { background-image: url(../png/integrated-shipment-tracking-hover.png);}

.location-tracking-devices { width: 106px; height: 92px; background: url(../png/location-tracking-devices.png) no-repeat; margin: auto; }
.tech-logo_block:hover .location-tracking-devices { background-image: url(../png/location-tracking-devices-hover.png);}

.asset-management-tracking { width: 77px; height: 77px; background: url(../png/asset-management-%26-tracking.png) no-repeat; margin: auto; }
.tech-logo_block:hover .asset-management-tracking { background-image: url(../png/asset-management-%26-tracking-hover.png);}

.transportation-warehouse-management { width: 79px; height: 76px; background: url(../png/transportation-%26-warehouse-management.png) no-repeat; margin: auto; }
.tech-logo_block:hover .transportation-warehouse-management { background-image: url(../png/transportation-%26-warehouse-management-hover.png);}

.billing-cost-management { width: 88px; height: 85px; background: url(../png/billing-%26-cost-management.png) no-repeat; margin: auto; }
.tech-logo_block:hover .billing-cost-management { background-image: url(../png/billing-%26-cost-management-hover.png);}

.carrier-performance-analysis { width: 89px; height: 85px; background: url(../png/carrier-performance-analysis.png) no-repeat; margin: auto; }
.tech-logo_block:hover .carrier-performance-analysis { background-image: url(../png/carrier-performance-analysis-hover.png);}

.cycle-time-deriving-systems { width: 84px; height: 83px; background: url(../png/cycle-time-deriving-systems.png) no-repeat; margin: auto; }
.tech-logo_block:hover .cycle-time-deriving-systems { background-image: url(../png/cycle-time-deriving-systems-hover-1.png);}

.custom-bi-solutions { width: 110px; height: 80px; background: url(../png/custom-bi-solutions-1.png) no-repeat; margin: auto; }
.tech-logo_block:hover .custom-bi-solutions { background-image: url(../png/custom-bi-solutions-hover-1.png);}


/*		financial-software-development		*/

.ebanking-solutions { width: 110px; height: 80px; background: url(../png/e-banking-solutions.png) no-repeat; margin: auto; }
.tech-logo_block:hover .ebanking-solutions { background-image: url(../png/e-banking-solutions-hover.png);}

.tracking-systems-app { width: 106px; height: 92px; background: url(../png/tracking-systems.png) no-repeat; margin: auto; }
.tech-logo_block:hover .tracking-systems-app { background-image: url(../png/tracking-systems-hover.png);}

.budgeting-apps { width: 76px; height: 76px; background: url(../png/budgeting-apps.png) no-repeat; margin: auto; }
.tech-logo_block:hover .budgeting-apps { background-image: url(../png/budgeting-apps-hover.png);}

.crowdfunding-platforms { width: 90px; height: 90px; background: url(../png/crowdfunding-platforms.png) no-repeat; margin: auto; }
.tech-logo_block:hover .crowdfunding-platforms { background-image: url(../png/crowdfunding-platforms-hover.png);}

.wealth-management-app { width: 95px; height: 89px; background: url(../png/wealth-management-apps.png) no-repeat; margin: auto; }
.tech-logo_block:hover .wealth-management-app { background-image: url(../png/wealth-management-apps-hover.png);}

.mobile-payments-wallets { width: 62px; height: 85px; background: url(../png/mobile-payments-%26-wallets.png) no-repeat; margin: auto; }
.tech-logo_block:hover .mobile-payments-wallets { background-image: url(../png/mobile-payments-%26-wallets-hover.png);}

.stock-trading-apps { width: 83px; height: 81px; background: url(../png/stock-trading-apps.png) no-repeat; margin: auto; }
.tech-logo_block:hover .stock-trading-apps { background-image: url(../png/stock-trading-apps-hover.png);}

.blockchain-cryptocurrency { width: 85px; height: 86px; background: url(../png/blockchain-and-cryptocurrency.png) no-repeat; margin: auto; }
.tech-logo_block:hover .blockchain-cryptocurrency { background-image: url(../png/blockchain-and-cryptocurrency-hover.png);}

/*		financial-software-development		*/

.crm-erp-systems { width: 99px; height: 85px; background: url(../png/crm-%26-erp-systems.png) no-repeat; margin: auto; }
.tech-logo_block:hover .crm-erp-systems { background-image: url(../png/crm-%26-erp-systems-hover.png);}

.asset-inventory-management { width: 85px; height: 91px; background: url(../png/asset-%26-inventory-management.png) no-repeat; margin: auto; }
.tech-logo_block:hover .asset-inventory-management { background-image: url(../png/asset-%26-inventory-management-hover.png);}

.customer-feedback-systems { width: 81px; height: 73px; background: url(../png/customer-feedback-systems.png) no-repeat; margin: auto; }
.tech-logo_block:hover .customer-feedback-systems { background-image: url(../png/customer-feedback-systems-hover.png);}

.internal-automation-applications { width: 87px; height: 87px; background: url(../png/internal-automation-applications.png) no-repeat; margin: auto; }
.tech-logo_block:hover .internal-automation-applications { background-image: url(../png/internal-automation-applications-hover.png);}

.food-ordering-tracking-apps { width: 61px; height: 81px; background: url(../png/food-ordering-%26-tracking-apps.png) no-repeat; margin: auto; }
.tech-logo_block:hover .food-ordering-tracking-apps { background-image: url(../png/food-ordering-%26-tracking-apps-hover.png);}

.counter-front-task-management { width: 92px; height: 87px; background: url(../png/counter-%26-front-task-management.png) no-repeat; margin: auto; }
.tech-logo_block:hover .counter-front-task-management { background-image: url(../png/counter-%26-front-task-management-hover.png);}

.payment-apps-wallets { width: 62px; height: 85px; background: url(../png/payment-apps-%26-wallets.png) no-repeat; margin: auto; }
.tech-logo_block:hover .payment-apps-wallets { background-image: url(../png/payment-apps-%26-wallets-hover.png);}

.transaction-processing-systems { width: 100px; height: 78px; background: url(../png/transaction-processing-systems.png) no-repeat; margin: auto; }
.tech-logo_block:hover .transaction-processing-systems { background-image: url(../png/transaction-processing-systems-hover.png);}

/*		real-estate-software-development		*/

.custom-white-label-solutions { width: 87px; height: 87px; background: url(../png/custom-%26-white-label-solutions.png) no-repeat; margin: auto; }
.tech-logo_block:hover .custom-white-label-solutions { background-image: url(../png/custom-%26-white-label-solutions-hover.png);}

.asset-and-inventory-management { width: 85px; height: 85px; background: url(../png/asset-%26-inventory-management.png) no-repeat; margin: auto; }
.tech-logo_block:hover .asset-and-inventory-management { background-image: url(../png/asset-%26-inventory-management-hover.png);}

.broker-tenant-management { width: 86px; height: 95px; background: url(../png/broker-tenant-management.png) no-repeat; margin: auto; }
.tech-logo_block:hover .broker-tenant-management { background-image: url(../png/broker-tenant-management-hover.png);}

.property-selling-buying-platforms { width: 90px; height: 93px; background: url(../png/property-selling-buying-platforms.png) no-repeat; margin: auto; }
.tech-logo_block:hover .property-selling-buying-platforms { background-image: url(../png/property-selling-buying-platforms-hover.png);}

.real-estate-analytics-dashboards { width: 91px; height: 93px; background: url(../png/real-estate-analytics-%26-dashboards.png) no-repeat; margin: auto; }
.tech-logo_block:hover .real-estate-analytics-dashboards { background-image: url(../png/real-estate-analytics-%26-dashboards-hover.png);}

.real-estate-crm-solutions { width: 92px; height: 93px; background: url(../png/real-estate-crm-solutions.png) no-repeat; margin: auto; }
.tech-logo_block:hover .real-estate-crm-solutions { background-image: url(../png/real-estate-crm-solutions-hover.png);}

.auction-sites { width: 100px; height: 78px; background: url(../png/auction-sites.png) no-repeat; margin: auto; }
.tech-logo_block:hover .auction-sites { background-image: url(../png/auction-sites-hover.png);}

.accounting-billing-systems { width: 84px; height: 83px; background: url(../png/accounting-%26-billing-systems.png) no-repeat; margin: auto; }
.tech-logo_block:hover .accounting-billing-systems { background-image: url(../png/accounting-%26-billing-systems-hover.png);}


/*		government-software-development		 */

.public-transit-inquiry-platforms { width: 88px; height: 89px; background: url(../png/public-transit-inquiry-platforms.png) no-repeat; margin: auto; }
.tech-logo_block:hover .public-transit-inquiry-platforms { background-image: url(../png/public-transit-inquiry-platforms-hover.png);}

.employee-document-management { width: 100px; height: 93px; background: url(../png/employee-%26-document-management.png) no-repeat; margin: auto; }
.tech-logo_block:hover .employee-document-management { background-image: url(../png/employee-%26-document-management-hover.png);}

.government-health-family-services-solutions { width: 109px; height: 91px; background: url(../png/government-health-%26-family-services-solutions.png) no-repeat; margin: auto; }
.tech-logo_block:hover .government-health-family-services-solutions { background-image: url(../png/government-health-%26-family-services-solutions-hover.png);}

.government-erp-solutions { width: 118px; height: 72px; background: url(../png/government-erp-solutions.png) no-repeat; margin: auto; }
.tech-logo_block:hover .government-erp-solutions { background-image: url(../png/government-erp-solutions-hover.png);}

.g2c-g2b-portals { width: 97px; height: 98px; background: url(../png/g2c-%26-g2b-portals.png) no-repeat; margin: auto; }
.tech-logo_block:hover .g2c-g2b-portals { background-image: url(../png/g2c-%26-g2b-portals-hover.png);}

.etax-portals { width: 94px; height: 89px; background: url(../png/e-tax-portals.png) no-repeat; margin: auto; }
.tech-logo_block:hover .etax-portals { background-image: url(../png/e-tax-portals-hover.png);}

.advanced-data-analytics { width: 116px; height: 85px; background: url(../png/advanced-data-analytics.png) no-repeat; margin: auto; }
.tech-logo_block:hover .advanced-data-analytics { background-image: url(../png/advanced-data-analytics-hover.png);}

.accounting-billing-solutions { width: 88px; height: 87px; background: url(../png/accounting-%26-billing-solutions.png) no-repeat; margin: auto; }
.tech-logo_block:hover .accounting-billing-solutions { background-image: url(../png/accounting-%26-billing-solutions-hover.png);}


/*		software-products-industry		 */

.enterprise-content-management { width: 83px; height: 95px; background: url(../png/enterprise-content-management-1.png) no-repeat; margin: auto; }
.tech-logo_block:hover .enterprise-content-management { background-image: url(../png/enterprise-content-management-hover.png);}

.rapid-mvp-development { width: 98px; height: 73px; background: url(../png/rapid-mvp-development.png) no-repeat; margin: auto; }
.tech-logo_block:hover .rapid-mvp-development { background-image: url(../png/rapid-mvp-development-hover.png);}

.web-applications-portals { width: 117px; height: 78px; background: url(../png/web-applications-portals.png) no-repeat; margin: auto; }
.tech-logo_block:hover .web-applications-portals { background-image: url(../png/web-applications-portals-hover.png);}

.independent-testing-services { width: 120px; height: 87px; background: url(../png/independent-testing-services.png) no-repeat; margin: auto; }
.tech-logo_block:hover .independent-testing-services { background-image: url(../png/independent-testing-services-hover.png);}

.product-realization-validation { width: 94px; height: 94px; background: url(../png/product-realization-%26-validation.png) no-repeat; margin: auto; }
.tech-logo_block:hover .product-realization-validation { background-image: url(../png/product-realization-%26-validation-hover.png);}

.business-intelligence-data-warehousing { width: 87px; height: 87px; background: url(../png/business-intelligence-%26-data-warehousing.png) no-repeat; margin: auto; }
.tech-logo_block:hover .business-intelligence-data-warehousing { background-image: url(../png/business-intelligence-%26-data-warehousing-hover.png);}

.crm-erp-solutions { width: 99px; height: 85px; background: url(../png/crm-erp-solutions.png) no-repeat; margin: auto; }
.tech-logo_block:hover .crm-erp-solutions { background-image: url(../png/crm-erp-solutions-hover.png);}

.dedicated-maintenance-support { width: 99px; height: 78px; background: url(../png/dedicated-maintenance-%26-support.png) no-repeat; margin: auto; }
.tech-logo_block:hover .dedicated-maintenance-support { background-image: url(../png/dedicated-maintenance-%26-support-hover.png);}

.industry-section { padding-left: 60px !important; padding-right: 40px; position: relative}
.industry-section p { font-size: 20px;  position: relative; padding-bottom: 0px;}
.industry-section ul { padding-left: 20px!important; margin: 40px 0 0!important;}
.industry-section ul li { background: url(../png/circle-bullets-icon.png) no-repeat left 6px; padding-left: 30px; margin: 12px 0; font-size: 20px;}
.industry-section ul li a{ color: #727272;}
.industry-section ul li a:hover{ color: #d8262c;}
.industry-block { background-color: #ffffff; padding-bottom: 90px; }
.industry-section .industry-icon img { width: 80px; height: auto; position: absolute; top: 30px; }
.industry-icon { margin-bottom: 40px; position: relative; }
.industry-icon h2 { top: 120px; position: absolute; }
.industry-icon h2:after { content: ''; display: block; width: 48px; height: 3px; background-color: #d92d33;     margin-top: 10px; }
/* .ind-desc{ position: relative; padding-bottom: 25px;}
.ind-desc p { font-size: 20px;}
.industry-block-inner ul { padding-left: 20px!important; margin: 40px 0 0!important;}
.industry-block-inner ul li { background: url(../images/circle-bullets-icon.png) no-repeat left 6px; padding-left: 30px; margin: 12px 0; }
.industry-block-inner ul li a{ color: #727272;}
.industry-block-inner ul li a:hover{ color: #d8262c;} */
.industry-icon:before { content: ''; display: block; width: 200px; height: 200px; background-color: #f5f5f9; position: relative; left: -60px; }
.headingstyle { position: relative; width: 100%; float: left; padding-left: 24px; margin-bottom:66px;}
.headingstyle::before { content: ''; position: absolute; top: -15px; left: 0px; width: 150px; height: 110px; background: #f5f5f9; z-index: -1}
.headingstyle p { margin-top: 62px !important;}
.boxsteps { width: 249px !important; height: 160px; background: #FFF; padding: 20px 20px; position: relative;}
.boxsteps::before { position: absolute; content: ''; top: -30px; left: 20px; width: 66px; height: 66px; background: #000;}
.boxsteps .linetop { position: absolute; top: -13px; height: 1px; width: 172px; background: #28343d; right: -9px;}
.boxsteps .lineright { position: absolute; height: 130px; width: 1px; background: #28343d; right: -9px; top: -12px; }
.boxsteps p { margin-top: 40px; font-size: 15px; line-height: 22px; }
.boxsteps:hover .headersteps .number-text { color: #d9292f; }
.boxsteps:hover:before { background:#d9292f; }
.boxsteps:hover .linetop, .boxsteps:hover .lineright { background:#d9292f;}
.headersteps { z-index: 2; position: absolute; top: -8px; margin-left: 18px;}
.headersteps span.number { font-size: 33px; color: #f5f5f9; font-family: 'AvenirNextLTPro-Bold';}
.headersteps span.dotstyle { font-size: 33px; color: #d9292f; font-family: 'AvenirNextLTPro-Bold';}
.headersteps span.number-text { color: #14212a; font-size: 24px; font-weight: bold; font-family: 'AvenirNextLTPro-Bold';}
.map-container { background: #1d2c35!important; color: #727272; }
.map-container h2 { color: #fff;!important}
.map-details { display: inline-block; border-right: 1px solid rgba(55, 65, 71, 0.3); padding-right: 29px; text-align:center;}
.map-detail-right { justify-content: flex-end; width: 75%;}
.map_experience_number {justify-content: flex-end!important; display: inline-flex!important;}
.map_desktop { text-align:center;}
.map-moblie { display: none!important;}
.countries::before { content: ''; width: 16px;  height: 15px; background: url(../png/countries-icon.png) no-repeat; display: inline-block; vertical-align: middle;  margin-right: 8px; }
.offices::before { content: ''; width: 11px; height: 16px; background: url(../png/offices-icon.png) no-repeat; display: inline-block; vertical-align: middle; margin-right: 11px; }

/*	--------------	HERE WORK SECTION CSS	--------------	*/
.here-work-section {background-color: #f5f5f9 !important;}
.here-work-section h2 { margin-bottom: 60px;}
.why-choose p { font-size: 22px; line-height: 38px; letter-spacing: -1px;}
.why-choose ul {margin: 47px 0 0!important; display: inline-block; width: 100%!important; padding-left:0px!important;}
.why-choose ul li { float: left; background: none!important; margin: 0!important; padding: 0 40px 0 0!important;}
.why-choose ul li span img {width: 50px; margin-bottom: 10px}
.why-choose ul li p {font-size: 16px;}

.choose-blk:nth-child(2) { padding: 0 40px;}
.features-left { margin-top: 110px;}
.feature-icon { margin-bottom: 10px;}
.proj-delivered { width: 60px; height: 50px; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Project-Delivered.svg) no-repeat; background-size: 60px 50px; }
.satis-clients { width: 60px; height: 50px; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Satisfied-Clients.svg) no-repeat; background-size: 60px 50px; }
.years-of-exp { width: 60px; height: 50px; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Years-of-Experience.svg) no-repeat; background-size: 60px 50px; }

.flip-blk {padding-top: 75px;}

.feature-block { position: relative; width: 210px; height: 210px; background-color: #f5f5f9; margin-right: 15px; margin-bottom: 15px; float: left;}
.flip-front { display: block; width: 200px; height: auto; }
.flip-back { position: absolute; top: 100%; left: 0; right: 0; background-color: #151515; overflow: hidden; width: 210px; height: 0; transition: .5s ease; }
.feature-block:hover .flip-back { top: 0; height: 100%; }
.features-right { justify-content: flex-end; }
.feature-text { color: white; font-size: 14px; line-height: 20px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 78%; }
.feature-head { width: 75%; position: absolute; bottom: 30px; left: 20px; font-family: "AvenirNextLTPro-Demi", sans-serif; line-height: 28px; letter-spacing: -1px; color: #151515; }
.feature-head:after { content: ''; width: 48px; height: 3px; background: #d8262c; display: block; margin-top: 10px; }

.cms-sec .service_block h3 {max-width: 220px;}

/*	--------------	CONTACT SECTION CSS	--------------	*/
.contact-us .content-wrapper {padding: 5% 7%!important;}
.col.contact-sec-left {background: url(../jpg/footermap.jpg) no-repeat 10% 60%;}
.contact-sec-left h1 span small {font-size: 50px}
.contact-sec-left h1 span.inline-block {color: #d8262c; text-decoration: underline;}

.map {position: relative;}
.addr-n-map {background: #fff; padding-bottom: 100px; position: relative}
  /* Style the tab */
.tab {overflow: hidden;}
.tab button {background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 17px;}

/* Change background color of buttons on hover */
.tab button:hover {color: #d8262c;}

/* Create an active/current tablink class */
.tab button.active {color: #d8262c;}
.tab button:hover:after, .tab button.active:after {content: ''; width: 100%; height: 3px; background: #d8262c; display: block; margin-top: 8px;}

/* Style the tab content */
.tabcontent {padding: 6px 12px;}
.addr-map {position: relative;}
.map img {width: 100%;}
.addresses {position: absolute; background: #fff; top: 100px; left: 150px; padding: 20px 20px 30px 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; max-width: 525px;}
.mail-blocks {margin: 25px 0; color: #727272;}
.addr-emails {font-family: "AvenirNextLTPro-demi", sans-serif; color: #d8262c; margin-top: 10px;}
a.directions {margin-top: 20px; display: inline-block; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
a.directions:hover{transform: translate(4px, 0);}
a.directions:after {content: ''; width: 15px; height: 15px; background: url(../arrow-pointing_red.html) no-repeat; background-size: 15px 15px; display: inline-block; margin-left: 12px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; vertical-align: middle;}
a.directions:hover:after{transform: translate(5px, 0);}
.job-list-head {top: 50px;}
.job-list-head:before {content: ''; width: 120px; height: 102px; background: #fff; display: block; position: relative;}
button.tablinks {font-family: "AvenirNextLTPro-Demi", sans-serif;}
.mail-blocks {padding:0px 0; color: #404040; font-size: 16px;position: relative;padding-left: 70px;}
.mail-blocks small {display: block; font-size: 18px; padding-bottom: 6px;}
.mail-blocks strong {font-family: "AvenirNextLTPro-demi", sans-serif; color: #d8262c; margin-top: 10px; display:block; font-size:16px;}
.mail-blocks p{margin:2px auto; font-size:16px;}
.mail-blocks img{position: absolute; left: 0; max-width: 81px;}
.contact-address-form {background: #ececf3; padding: 2em 0;}

.job-list-head {position: relative; top: 0!important;}
.job-list-head h2 { line-height: 48px; position: absolute; top: 11px; left: 30px;}
.job-list-head:before { content: ''; width: 120px; height: 102px; background: #fff; display: block; position: relative;}
.job-list-head { position: relative; top: 0!important}
.job-list-head h2:after { content: ''; width: 48px; height: 3px; background: #d8262c; display: block; margin-top: 18px;}

.hub-form .hbspt-form label {position: relative;}
.hub-form .hbspt-form label span:nth-child(1), .hub-form .hbspt-form label span.hs-form-required {display: inline-block;}
.hub-form .hbspt-form label input[type="checkbox"] {position: absolute; opacity: 0; z-index: 1;}
.hub-form .hbspt-form label input[type="checkbox"]+span {display: inline-block; line-height: 24px; vertical-align: middle; position: relative; padding-left: 40px; cursor: pointer; user-select: none; color: #424242;}
.hub-form .hbspt-form label input[type="checkbox"]+span:after{position: absolute; content: ""; width: 18px; height: 18px; left: 0; top: 3px; margin-left: 0px; background-color: #fff!important;
    border: 1px solid #c5c5c5; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; cursor: pointer;}
.hub-form .hbspt-form label input[type="checkbox"]:checked+span:before {position: absolute; content: ""; width: 10px; height: 5px; top: 8px; left: 4px; margin-left: 0px; border: 2px solid #fff; border-top: none; border-right: none; background: transparent; -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg);
 -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; -webkit-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out; z-index: 1;}
.hub-form .hbspt-form label input[type="checkbox"]:checked+span:before {opacity: 1;}
.hub-form .hbspt-form label input[type="checkbox"]:checked+span:after {background-color: #d8262c!important;
    border: 1px solid #d8262c;}
.copy-rmenu a {color: #d8262c; font: normal 14px/20px 'AvenirNextLTPro-Demi';}
.copy-rmenu a:hover {color: #fff;}

.hbspt-form textarea, .hub-form .hbspt-form .hs-fieldtype-text input {
  {
        width: 100% !important;
        padding: 12px 10px;
        margin-bottom: 15px;
        color: #3c3c3c;
        font-size: 18px;
        border: none;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: medium;
    border-bottom: 1px solid #9a9a9a3b !important;
}
}
.hub-form .hbspt-form .hs-fieldtype-text input.error {border: none!important; border-bottom: 1px solid #d8262c!important;} 
.hub-form .hbspt-form ul.error {border: 1px solid #d8262c;}
.hub-form .hbspt-form .hs-fieldtype-text input, .hbspt-form textarea {width: 100% !important; padding: 12px 10px; color:#3c3c3c; font-size:16px !important; border: none; border-bottom: 1px solid #9a9a9a3b!important; font-family:"AvenirNextLTPro-Regular", sans-serif; max-width: 100%; resize: none;margin-bottom: 12px;}
.hub-form .hbspt-form .hs-fieldtype-text .input {margin-right: 8px;}
.hub-form .hbspt-form ul li.hs-form-checkbox {width: 33%; float: left; padding-bottom: 12px; font: normal 18px/24px 'AvenirNextLTPro-Demi';}
/* .hs-project_type label {padding-bottom: 32px; display: block} */
.contact-address-form .hbspt-form .hs-fieldtype-text input, .contact-address-form .hbspt-form .hs-fieldtype-textarea textarea {padding: 10px 0px!important}
.contact-sec-right .hbspt-form .hs_submit { margin-top: 20px;}
.hub-form .hbspt-form .hs-fieldtype-file label span {background: url(../fileload-icon.html) no-repeat 0 0; padding-left: 12px; margin-bottom: 8px;
 display: inline-block; color: #d8262c; margin-top: 12px;}
.contact-sec-right .hbspt-form .hs_submit .hs-button.primary, input[type="submit"]{
  padding: 7px 21px !important;
}
 .hub-form .hbspt-form .hs-fieldtype-file label {cursor: pointer;}
 .hub-form .hbspt-form .hs-fieldtype-file .input {overflow: hidden;}
 .hub-form .hbspt-form .hs-fieldtype-file .input .hs-input {margin-left: 16px !important; outline: none; font-style: italic; font-size: 12px; cursor: pointer;}
 .applications-right {padding-bottom: 0; margin-bottom: 0;}
 .hub-form .hbspt-form .hs_submit .action input[type="button"] {width: 100%!important}
 input.hs-button {width: 100% !important;}
 form.hs-form .hs-form-field ul.inputs-list {margin: 12px 0 0; display: inline-block}
 .hs-form fieldset li {background: none!important; padding: 0!important;}
 .hs-form fieldset li span.line {position:static!important; background: none; display: block!important; height: 0;}
 .hs-form fieldset li span:nth-child(3) {padding-left: 35px; float: left;}
 .hs-button.primary:hover, input[type="submit"]:hover, input[type="button"]:hover {background:#d8262c!important}
  ul.feature-listing li { background: none!important; padding-left: 0!important;}
.attach_file .hs_submit.hs-submit{text-align: center;}
 .hub-form .attach_file label {position: relative; display:block;}
.hub-form .hs-fieldtype-file {margin-top: 13px; background: #f7f7f7; padding: 2px 28px 2px !important; border: 1px #c5c5c5 dashed; display: flex; justify-content: center;}
.hub-form .hs-fieldtype-file .input .hs-input {margin-left: -98px!important; outline: 0; font-style: italic; font-size: 12px; border:0}
.hs-form fieldset .hs-fieldtype-file label {position: relative; display: block}
.hub-form .attach_file label span:nth-child(1), .hub-form .attach_file label span.hs-form-required {display: none;display: inline-block; padding-left: 0px;}
.hub-form .attach_file label input[type="checkbox"] {position: absolute; opacity: 0; z-index: 1;}
.hub-form .attach_file label input[type="checkbox"]+span {display: inline-block; line-height: 24px; vertical-align: middle; position: relative; padding-left: 40px; cursor: pointer; user-select: none; color: #424242;}
.hub-form .attach_file label input[type="checkbox"]+span:after{position: absolute; content: ""; width: 18px; height: 18px; left: 0; top: 5px; margin-left: 0px; background-color: #fff!important;
    border: 1px solid #c5c5c5; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; cursor: pointer;}
.hub-form .attach_file label input[type="checkbox"]:checked+span:before {position: absolute; content: ""; width: 10px; height: 5px; top: 10px; left: 4px; margin-left: 0px; border: 2px solid #fff; border-top: none; border-right: none; background: transparent; -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg);
 -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; -webkit-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out; z-index: 1;}
.hub-form .attach_file label input[type="checkbox"]:checked+span:before {opacity: 1;}
.hub-form .attach_file label input[type="checkbox"]:checked+span:after {background-color: #d8262c!important;
    border: 1px solid #d8262c;}
.copy-rmenu a {color: #d8262c; font: normal 14px/20px 'AvenirNextLTPro-Demi';}
.copy-rmenu a:hover {color: #fff;}
.hs-form .hs-fieldtype-booleancheckbox label {display: block}
.hub-form .attach_file .hs-button.primary, input[type="submit"], input[type="button"]{padding: 7px 15px;}
.hub-form .attach_file .hs-fieldtype-text input.error { border-bottom: 1px solid #d8262c!important;} 
.hub-form .attach_file ul.error {border: 1px solid #d8262c;}
.hub-form .attach_file .hs-fieldtype-text input, .attach_file textarea {width: 100% !important; padding: 6px; color:#3c3c3c; font-size:16px !important; border: none; border-bottom: 1px solid #9a9a9a3b!important; font-family:"AvenirNextLTPro-Regular", sans-serif; max-width: 100%; resize: none; margin-bottom: 12px;}
.hub-form .attach_file .hs-fieldtype-text .input {margin-bottom: 10px; padding-left: 0px;}
.hub-form .attach_file ul li.hs-form-checkbox {width: 33%; float: left; padding-bottom: 12px; font: normal 18px/24px 'AvenirNextLTPro-Demi';}
/* .hs-project_type label {padding-bottom: 32px; display: block} */
.contact-address-form .attach_file .hs-fieldtype-text input, .contact-address-form .attach_file .hs-fieldtype-textarea textarea {padding: 12px 0px!important}
.contact-sec-right .attach_file .hs_submit { margin-top: 20px;}
.hub-form .attach_file .hs-fieldtype-file label span {background: url(../fileload-icon.html) no-repeat 0 0; display: inline-block; color: #d8262c; margin-top: 11px; font-size:14px;}
 .hub-form .attach_file .hs-fieldtype-file label {cursor: pointer;}
 .hub-form .attach_file .hs-fieldtype-file .input {overflow: hidden;}
 .hub-form .attach_file .hs-fieldtype-file .input .hs-input {margin-left:16px !important; outline: none; font-style: italic; font-size: 12px;position: relative;}
 .applications-right {padding-bottom: 0; margin-bottom: 0;}
 .hub-form .attach_file .hs_submit .action input[type="button"] {width: 100%!important}
 input.hs-button {width: 100%!important}
 form.hs-form .hs-form-field ul.inputs-list {margin: 12px 0 0; display: inline-block}
 .hs-form fieldset li {background: none!important; padding: 0!important;}
 .hs-form fieldset li span.line {position:relative !important; background: none; display: block!important; height: 0;}
 .hs-form fieldset li span:nth-child(3) {padding-left: 35px; float: left; font-size:16px;}
 .hs-button.primary:hover, input[type="submit"]:hover, input[type="button"]:hover {background:#d8262c!important}
 .hub-form .hbspt-form .hs-fieldtype-text label {display: none !important;}
 .hub-form .hbspt-form label.hs-error-msg, .hub-form .hbspt-form label.hs-main-font-element { display: block!important; color: #d8262c; width: 100%;text-align: left; margin-top: -15px;font-size: 14px;}
label.hs-error-msg {
    display: block !important;
    color: #d8262c !important;
    width: 100%;
    text-align: left;
    margin-top: -15px;
    font-size: 14px;
} 
.request_talk .custom_top_footer{padding: 23px 0 80px !important;}
 .engage-box { margin-top: 30px; padding-top: 20px; }
 .engage-box h3 { max-width: inherit!important;}
 .engage-box p {margin-bottom: 27px}

  .engage-box .methods-right {min-height: 180px; padding: 0}
  .section-basicleftright .headingstyle { position:relative;}
  .section-basicleftright .headingstyle:before { content: ''; position: absolute; top: -15px; left: 0px; width: 150px; height: 110px; background: #f5f5f9;}
  .section-basicleftright .headingstyle h2 { /* z-index: 9999; */ position: relative; margin-left: 30px; margin-bottom:90px;}
  .section-basicleftright .headingstyle h2:after { content: ''; position: absolute; bottom: -17px; width: 48px; height: 3px; background: #d8262c; left: 0px;}
  .section-basicleftright .headingstyle p { margin-left: 40px; /* z-index: 99; */ position: relative; margin-top: 50px;}

  .desktop-img {display: block}
  .ipad-img {display: none}


/*About Gallery Section*/  
.gallery-container {background: #14212a;}
.gallery-row{display: flex; flex-wrap: wrap; justify-content: space-between;}
.gallery-img{float: left; height: auto;}
.gallery-img img{width: 100%; height: auto; vertical-align: bottom; -webkit-filter: grayscale(100%); filter:grayscale(100%); transition: all 0.5s ease;
opacity: 0.5;}
.gallery-img img:hover{ filter: none; opacity: 1;}
.gallery-img1{width:25.10%;}
.gallery-img2{width:17.90%;}  
.gallery-img3{width:25.10%;}
.gallery-img4{width:16.40%;}
.gallery-img5{width:15.31%;}
.gallery-img6{width:14.5%;}
.gallery-img7{width:14.9%;}  
.gallery-img8{width:27.31%;}
.gallery-img9{width:14.63%;}
.gallery-img10{width:28.50%;}
.gallery-img11{width:20.26%;}  
.gallery-img12{width:32.80%;}
.gallery-img13{width:17.47%;}
.gallery-img14{width:29.42%;}


/* --------------- career Selection ---------- */

.job-list_sec ol li { padding: 0; padding-bottom: 25px; margin: 0 50px 45px 0; width: calc(50% - 50px); border-bottom: 2px solid #e8e9e9; position: relative !important; float: left;}
.job-list_sec ol { list-style-type: none !important;}
.job-list_sec ol li::before { counter-increment: section !important; content: counter(section,decimal-leading-zero); width: 52px; background: #14212a; color: #fff; display: inline-block !important; font-size: 26px;font-family: "AvenirNextLTPro-Bold", sans-serif;
    vertical-align: top; text-align: right; margin-right: 20px; padding-top: 16px; padding-bottom: 16px; padding-right: 8px;}
.job-info { display: inline-block; width: calc(100% - 85px); }
.exp { float: left;}
.job-list_sec ol { counter-reset: section; list-style-type: none; padding: 0; }
.job-info::after { content: '.'; color: #d8262c; font-size: 50px; position: absolute; left: 54px; top: 9px; }
.job-list_sec ol li::after { content: ''; display: block; width: 0; height: 2px;
    background: #d8262c; position: relative; top: 27px; transition: all 0.5s ease; }
.job-list_sec ol li:hover h3 { color: #d8262c; }
.job-list_sec ol li:hover::before { background: #d8262c; }
.job-list_sec ol li:hover::after { width: 100%; }


/*  ------------------------ Get in touch --------------- */
.Gettouch-contact-left {
    padding-right: 3%;
    background-image: url(../jpg/footermap.jpg);
    background-repeat: no-repeat;
    background-position: 50% 25%;
     width: 50%;
}
.methods-img h3, .methods-img p, .methods-img h5 { display: inline-block; position: relative; width: calc(98% - 125px);} 
.methods-img {color: #d8262c; position: relative; margin-bottom: 37px;}
.methods-img p {font-size: 16px; border-bottom: 1px solid #f0f0f0;}
.methods-img p.telephone-no {margin-top: 10px;}
.methods-img p.telephone-no span {display: inline-block; margin: 0}
.methods-img h3 { color: #d8262c; margin-left: 23px; }
.methods-img h5 { font-size: 22px; letter-spacing: -1px; color:#404040;}
.methods-img p, .methods-img h5 { margin-left: 114px !important; color:#404040; padding-bottom: 21px; }


/*	--------------	COMMON CSS	--------------	*/
.main-section {position: relative}
.main-section h1, .main-section h1 span a {color: #151515;}
.main-section h2, .main-section h2 span a {color: #404040;}
.main-section h4 {font: normal 14px "AvenirNextLTPro-Demi", sans-serif; line-height: 28px; color: #d8262c; text-transform: uppercase; margin-bottom: 12px;}
.main-section p {font-size: 16px;}

.main-contact-tabber {position: relative}
.main-contact-tabber h1, .main-contact-tabber h1 span a {color: #151515}
.main-contact-tabber h2, .main-contact-tabber h2 span a {color: #151515}
.main-contact-tabber h4 {font: normal 14px "AvenirNextLTPro-Demi", sans-serif; line-height: 28px; color: #d8262c; text-transform: uppercase; margin-bottom: 12px;}
.main-contact-tabber p {font-size: 16px;}
.main-contact-tabber .hs-tabs ul{ padding-left:0px; }

.main-section .unique-project{position: relative;}
.service_block {position: relative; padding-bottom: 30px; float: left;}
.service_block img {max-width: 80px; margin-bottom: 30px;}
.service_block p {margin-bottom: 0px}
.service_block a {position: relative; margin-top: 20px}

.application-right-blk .row-fluid .span12 {position: relative; padding-bottom: 0px; padding-left: 120px; margin-bottom: 50px;}
.application-right-blk .row-fluid .span12 img { position: absolute; left: 0; max-width: 81px;}
.application-right-blk .row-fluid .span12 p {border-bottom: 1px solid #f0f0f0; padding-bottom: 40px; margin: 0;}

/* .application-right-blk .row-fluid .span12:last-child p {border: none; padding: 0;} */

.we-work-section h3 { max-width: inherit!important;}

.engage-responsive-box .row-fluid .span6 {margin-left: 0}
.engage-responsive-box .row-fluid [class*="desk-img"] {float: right!important; padding-left: 2.5%;}

/* -------------- Portfolio Sub-Pages CSS --------------- */

div#divAllProject {float: left; color: #fff;margin-left: 22px;margin-bottom: 20px; margin-top: 2%; width: 29%;}
.item.architecture {position: relative;margin-left: 17px;margin-right: 17px;float: left;}
.item.architecture h3 {position: absolute;top: 12px;color: #fff; left: 22px;font-size: 22px;}
.item.architecture p {position: absolute;bottom:13px;font-family: "AvenirNextLTPro-Regular", sans-serif;left: 10px;}
.item.architecture a {position: absolute; width: 100%; height: 100%; z-index: 1;top: 0px;left:0px;text-indent: -9999px;}
.static-portfolio {text-align: center;padding: 60px 0 0; width: 100%;}
.static-portfolio h2 { font: normal 22px "AvenirNextLTPro-Regular", sans-serif;color: #727272;padding: 20px 0;letter-spacing: 0;}
.red {color: #d8262c;margin-left: 0px;}
.static-portfolio h1 {font-size: 44px;line-height: 54px;font-family: "AvenirNextLTPro-Bold", sans-serif;letter-spacing: -4px;}
.static-portfolio a {font: normal 18px "AvenirNextLTPro-Demi", sans-serif; color: #d8262c;}
.static-portfolio h3 {display: block; position: relative; margin-top: 65px;}  
.static-portfolio a::after {content: '';width: 16px; height: 14px; color: #d8262c;background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/arrow-pointing_red-1.svg); background-size: auto;background-size: 16px 14px;display: inline-block;margin-left: 10px;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;vertical-align: middle;}
.item.architecture:hover {
  box-shadow: 0 5px 35px 0px rgba(0,0,0,.1);
}
.item.architecture:hover:before, .item.architecture:hover:after {
  display: block;
  content: '';
  position: absolute;
  width: 326px;
  height: 432px;
  background: #FDA8CF;
  z-index: -1;
  animation: 1s clockwise infinite;
}

.item.architecture:hover:after {
  background: #F3CE5E;
  animation: 2s counterclockwise infinite;
}

@keyframes clockwise {
  0% {
    top: -5px;
    left: 0;
  }
  12% {
    top: -2px;
    left: 2px;
  }
  25% {
    top: 0;
    left: 5px;    
  }
  37% {
    top: 2px;
    left: 2px;
  }
  50% {
    top: 5px;
    left: 0;    
  }
  62% {
    top: 2px;
    left: -2px;
  }
  75% {
    top: 0;
    left: -5px;
  }
  87% {
    top: -2px;
    left: -2px;
  }
  100% {
    top: -5px;
    left: 0;    
  }
}

@keyframes counterclockwise {
  0% {
    top: -5px;
    right: 0;
  }
  12% {
    top: -2px;
    right: 2px;
  }
  25% {
    top: 0;
    right: 5px;    
  }
  37% {
    top: 2px;
    right: 2px;
  }
  50% {
    top: 5px;
    right: 0;    
  }
  62% {
    top: 2px;
    right: -2px;
  }
  75% {
    top: 0;
    right: -5px;
  }
  87% {
    top: -2px;
    right: -2px;
  }
  100% {
    top: -5px;
    right: 0;    
  }
}

/* -------------- Portfolio Heading-tag  --------------- */
.banner-container p { font-size: 17px; margin-top: 10px;}
.banner-container-portfolio p { font-size: 19px; line-height: 26px;}
.featured-work {
    background: url(../jpg/featured-work-slider-bg.jpg) no-repeat #434053;background-size: auto;background-size: cover;padding: 5em 0 4em;}
.featured-work h2 {color: #fff;}
.featured-work p {color: #acacac;line-height: 34px;margin-top: 30px;}
.featued-work-right {float: right;margin-left:15%; display: block;position: relative;width: 40%;}
.stories_Container {padding:40px 5%;}
.container-heading-section {background: #fff;padding: 172px 96px 50px;}
.col.col_onesecond.featued-work-left { width: 45%; flex-direction: column;transform: translate(0,3%);}
.portfolio .owl-theme .owl-controls .owl-page span{
background: #f90649;
}

/* -------------- New Case study  Revamping Portfolio css   --------------- */
.content_Case {background-color: #204264;font-size: 20px;line-height: 28px;padding: 72px;color:#fff;}
.content_Case h3 {color:#fff; font-size: 24px; line-height: 36px; letter-spacing: -1px;}
.content_Case p{ margin-bottom:30px; }
.blog-category a::before { content: ' \003C'; font-size: 23px;vertical-align: top;}
.blog-category { color: #404040;font-family: "AvenirNextLTPro-Regular", sans-serif;line-height:28px; font-size:16px; padding-top:120px;  margin-bottom:30px;}
.stats-cont { display: inline-block; padding-right: 23px; }
.stats-cont .stats-number { display: block; font-size: 34px; font-weight: bold; letter-spacing: 0; color: #d8262c; font-family: "AvenirNextLTPro-Regular", sans-serif; line-height: 44px;}
.stats-cont .stats-desc { display: block; font-size: 17px; line-height: 1.43; color: #404040; font-family: "AvenirNextLTPro-Regular", sans-serif;}
.container.container_single_blog .client-showcase-section h1{padding-top:0px;}
.container.container_single_blog h2{ font-size: 30px; line-height: 42px; letter-spacing: -1px;}
.container.container_single_blog h4{ font-size: 20px; line-height: 22px; letter-spacing: -1px;}
.client-showcase-section h1{ max-width:700px; margin-bottom: 30px; font-size: 41px; line-height: 50px; letter-spacing: -2px;}
.client-showcase-section p{ margin-bottom: 30px; }
.container.container_single_blog{ padding:0 3%; }
.container.container_single_blog p { margin-bottom:30px;}
.content_Case ul li { background: url(../png/red-listing-bullet.png) no-repeat left 7px; padding-left: 28px; margin-bottom: 10px;font-size: 17px;line-height: 28px;}
.content_Case ul { margin-top: 22px; padding-left:35px; padding-right:35px;  } 
.content_Case h3 {padding-left:23px;}
.list-with-heading ul { margin-top: 22px; font-size:17px; line-height:28px;}
.additional_webimageCase{background: #204264;margin: auto; padding: 47px;text-align:center;}
.additional_webimageCase img { max-width:60%; }
.condexo_wrapper-image { margin-top: 59px; margin-bottom:14%;max-height: 468px;background-color: #2bd4b6; background-position: left bottom;}
.condexo_wrapper-image img { max-width:51%; }
.franklin_wrapper-Case { margin-top: 59px; margin-bottom:14%;max-height: 468px;background-color: #120e2d; background-position: left bottom;}
.franklin_wrapper-Case img { max-width:51%; }
.vindame_wrapper-Case { margin-top: 59px; margin-bottom:14%;max-height: 468px;background-color: #120e2d; background-position: left bottom;}
.vindame_wrapper-Case img { max-width:51%; }
.hubbed_case-wrapper { margin-top: 59px; margin-bottom:14%;max-height: 468px;background-color: #fdb800; background-position: left bottom;}
.hubbed_case-wrapper img { max-width:55%; }
.icons-section ul { padding-left:0px;}
.wrapper_technologyies-case table {
    width: 50%;
    height: auto !important;
    border-color:#000000;
    border-style: solid;
    border-collapse: collapse;
    table-layout: fixed;
    background: #cec6c633
}
.wrapper_technologyies-case table * {
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0;
    padding:5px;
}
 .wrapper_technologyies-case th{
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0;
    background: #53a4f3;
}
.wrapper_technologyies-case table, td, th {
    border-color:#000000;
    border: 1px solid;
    border-collapse: collapse;
    table-layout: fixed;
} 
/* -------------- End New Case-study   --------------- */

/* -------------- Portfolio Heading-tag  --------------- */
.container.container_single_blog {max-width: 1234px;}
.container.container_single_blog h1 {padding-top: 120px;}
.container.container_single_blog p {font-size: 17px; line-height: 28px;}
.bgcolor {margin-bottom: 61px;}
.cs_sec1 img {text-align:center; margin: auto; display: block;padding-top: 100px;}
.list-with-heading ul li {background: url(../png/red-listing-bullet.png) no-repeat left 7px;padding-left: 28px;margin-bottom: 10px; font-size:17px; line-height:28px;}
.list-with-heading {padding: 30px 0 50px 0; font-size: 17px; line-height: 28px;}
.bgcolor { background-color: #f5f5f9 !important; padding: 75px 0;}
.bgcolor li { display: inline-block;text-align: left;margin-right: 3%;padding-right: 3%;border-right: 1px solid #e7e7e7;} 
.bgcolor ul {padding: 0; text-align: center}
.bgcolor img {display: inline-block !important; vertical-align: middle !important;float: left;}
.bgcolor p {display: inline-block;vertical-align: middle;line-height: 22px;color: #151515;}
.bgcolor h1{ display: inline-block;vertical-align: middle;margin: 0px 8px 0 6px;color: #d8262c;}
.icons-section ul li { display: inline-block; width: 121px; height: 121px; background: #f5f5f9; margin: 10px 15px;}
.icons-section img {text-align: center;display: block;position: relative;margin-left: 23px;margin-top: 24px; padding-left:8px;}
.icons-section p {text-align: center;margin-top: 8px;}
.additional_fullimage {background: #f5f5f9;margin: auto; padding: 47px;}
.additional_fullimage img {margin: auto;display: block;max-width: 46%;}
.btn-cs {margin: 43px 26px 11px 6px;}
.Project_image { margin-top: 59px; margin-bottom:17%; max-height: 468px;background-color: #f46421;background-image: url('../png/case-study-sec1-bg.png');background-repeat: no-repeat;background-position: left bottom;}
.Project_image-section { margin-top: 59px; margin-bottom:14%;max-height: 468px;background-color: #58B87F;background-position: left bottom;}
.Project_image-wrapper { margin-top: 59px; margin-bottom:14%;max-height: 468px;background-color: #52a2f3;background-position: left bottom;}
.Project_image-wrapper img {max-width: 51%;}
.Project_image img {max-width: 51%;}
.Project_image-section img{max-width: 51%;}
.icons img {margin-right: 20px;width: auto !important;display: inline-block !important;position: relative;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;-moz-transition: all 0.5s ease;}
.icons {margin:20px 0px;}
.ci-location-section {background: #f8f8f9; padding: 32px 0;}
.ci-location-section h3 {font: normal 18px 'AvenirNextLTPro-Demi'; color: #404040; padding: 0 0 20px; margin:0}
.ci-loaction-block {width: 25%; float: left;}
.ci-loaction-block p {font: normal 14px/22px 'AvenirNextLTPro-Regular'; color: #727272;}
.ci-loaction-block p strong {display: block; font: normal 16px 'AvenirNextLTPro-Demi'; color: #404040; padding: 0 0 10px;}

.industries ~ ul.hs-menu-children-wrapper { width: 228px!important; min-width: auto!important; right: auto!important; left: 0!important; padding: 28px 30px!important;}
.industries ~ ul.hs-menu-children-wrapper li {width:100%!important;}
.industries ~ ul.hs-menu-children-wrapper li a {font-size: 16px!important; font-family: "AvenirNextLTPro-Regular", sans-serif!important; margin-bottom: 10px!important;}
.industries ~ ul.hs-menu-children-wrapper li a:after {display: none!important}
.industries ~ ul.hs-menu-children-wrapper li:last-child {left: -25px!important; position: relative!important;}

.work ~ ul.hs-menu-children-wrapper { width: 228px!important; min-width: auto!important; right: auto!important; left: 0!important; padding: 28px 30px!important;}
.work ~ ul.hs-menu-children-wrapper li {width:100%!important;}
.work ~ ul.hs-menu-children-wrapper li a {font-size: 16px!important; font-family: "AvenirNextLTPro-Regular", sans-serif!important; margin-bottom: 10px!important;}
.work ~ ul.hs-menu-children-wrapper li a:after {display: none!important}
.work ~ ul.hs-menu-children-wrapper li:last-child {left: -25px!important; position: relative!important;}

.about ~ ul.hs-menu-children-wrapper { width: 680px; min-width: auto!important; right: 181px !important; left: 0!important; padding: 20px 30px!important;}
.about ~ ul.hs-menu-children-wrapper li {float: left!important;width: 33.3%!important; line-height:23px;}
.about ~ ul.hs-menu-children-wrapper>ul ul {padding: 5px 0px; display: block !important; margin-left: 2px; width: 50% !important;}
.about ~ ul.hs-menu-children-wrapper li ul.hs-menu-children-wrapper li {display: block !important; width: 100% !important; position: relative !important;}

.container_silder{background-color: transparent;color:#fff; padding: 109px 0;}
.heading_14 {font-size: 14px;font-family: "AvenirNextLTPro-Demi", sans-serif;line-height: 28px;color: #d8262c;text-transform: uppercase;margin-bottom: 12px;}
.home_sec12-left {width: 80%; position: relative; z-index:2;}
.home_sec12-left h2 {color: #fff;}
.home_sec12-left p {color: #727272;}
.author {color: #727272;margin-top:26px;}
.test_slider{width: 50%;position: relative;display: block;margin: auto;}
.meter{position:absolute; top:0;}
.wcs .wcs-testi1-slide img {
  width:71% !important;
  height:auto;
  border-radius: 0 !important;
}

.home_sec11 .owl-item { background: #fff;}
.home_sec11 .owl-item .bg_img { position: absolute; bottom: 0; left: 0; opacity: 0; -moz-transition: all 0.9s ease; -webkit-transition: all 0.9s ease; transition: all 0.9s ease;width:100%; overflow:hidden; }
.home_sec11 .owl-item .stories_name { font-family: "AvenirNextLTPro-Demi", sans-serif; font-size: 14px; color: #404040; text-transform: uppercase; margin-bottom: 12px; position: relative; padding-left:60px; padding-right:60px;}
.home_sec11 .owl-item .stories_text { font-size: 22px; line-height: 34px; margin-bottom: 13px; position: relative; color: #727272; min-height: 80px; padding-right:60px; padding-left:60px;}
.home_sec11 .owl-item .stories_img img { width: auto !important; max-width: 100%; margin: auto; position: relative; top: 15px; -moz-transition: top 0.3s ease; -webkit-transition: top 0.3s ease; transition: top 0.3s ease; }
.home_sec11 .owl-item:hover .stories_name { color: #d8262c; }
.home_sec11 .owl-item:hover .stories_text { color: #404040; }
.home_sec11 .owl-item:hover .stories_img img { top: 0; }
.home_sec11 .owl-item:hover .bg_img { opacity: 1; }
.home_sec11 .owl-theme .owl-dots .owl-dot span { width: 13px; height: 13px; }
.home_sec11 .owl-theme .owl-dots .owl-dot span { background: #ffd4d5; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.home_sec11 .owl-theme .owl-dots .owl-dot.active span { background: #ee8787; width: 34px; }
.home_sec11 .owl-theme .owl-dots .owl-dot:hover span { background: #ee8787; }
.home_sec11 .owl-theme .owl-dots .owl-dot:focus { border: none; outline: none; }
.home_sec11 .owl-dots { padding-bottom: 90px; }
.home_sec11 .owl-item .team_block:after {content: ''; width: 0; height: 3px; background: #d9292f; display: block; position: relative; top: 47px; transition: all 0.5s ease;}
.home_sec11 .owl-item:hover .team_block:after {width: 100%}
.home_sec14 { background: #eeeef5;padding: 62px 0 70px;position: relative;z-index: 2;margin-bottom: 0;}
.join-sec14 { background: #14212a;padding: 62px 0 70px;position: relative;z-index: 2;margin-bottom: 0;color: #727272;font-size: 22px;}
.join-sec14 h2 {color: #fff;}
.bg_img img {width:100%;}
.Start-project {background: #14212a; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 41px 60px 42px 70px;}
.Start-project h3 {color: #fff; margin: 0}
.Start-project  p.requirements {font-size: 22px; color: #727272; letter-spacing: -1px; line-height: 28px; margin-top: 8px;}

.Start-project  p {text-align: right}

.Start-project{margin-top: 10px;}
.Start-project span {position: relative; left: 0; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.Start-project:after {content: ''; width: 16px; height: 14px; color: #fff; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/arrow-pointing.svg); background-size: 16px 14px; display: inline-block; margin-left: 20px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; vertical-align: middle;}
.Start-project:hover {background: #b22024!important;}
.Start-project:hover span {left: 8px}
.Start-project:hover:after {transform: translate(5px, 0);}
.start-project p {font-size: 18px;margin-bottom: 17px;}
.start-project h2 {margin-bottom: 13px; font-size: 30px; letter-spacing: -1px;}

.lets-talk {background: #14212a; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 41px 60px 42px 70px;}
.lets-talk h3 {color: #fff; margin: 0}
.lets-talk  p.requirements {font-size: 22px; color: #727272; letter-spacing: -1px; line-height: 28px; margin-top: 8px;}
.lets-talk  p {text-align: right}
.lets-talk{margin-top: 10px;}
.lets-talk span {position: relative; left: 0; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.lets-talk:after {content: ''; width: 16px; height: 14px; color: #fff; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/arrow-pointing.svg); background-size: 16px 14px; display: inline-block; margin-left: 20px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; vertical-align: middle;}
.lets-talk:hover {background: #b22024!important;}
.lets-talk:hover span {left: 8px}
.lets-talk:hover:after {transform: translate(5px, 0);}
.lets-talk p {font-size: 18px;margin-bottom: 17px;}
.lets-talk h2 {margin-bottom: 13px;}
#lets-talk img { min-width: 660px; float: right;	position: relative; bottom: 122px; }



.join-team {background: #14212a; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 41px 60px 42px 70px;}
.join-team h3 {color: #fff; margin: 0}
.join-team  p.requirements {font-size: 22px; color: #727272; letter-spacing: -1px; line-height: 28px; margin-top: 8px;}
.join-team  p {text-align: right}
.join-team {margin-top: 10px;}
.join-team span {position: relative; left: 0; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.join-team:after {content: ''; width: 16px; height: 14px; color: #fff; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/arrow-pointing.svg); background-size: 16px 14px; display: inline-block; margin-left: 20px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; vertical-align: middle;}
.join-team:hover {background: #b22024!important;}
.join-team:hover span {left: 8px}
.join-team:hover:after {transform: translate(5px, 0);}
.join-team p {font-size: 18px;margin-bottom: 17px;}
.join-team h2 {margin-bottom: 13px;}

.career-cta-sec {
    background-image: url(../jpg/fresh_talents.jpg);
    padding-top: 5em;
    padding-bottom: 6em;
    margin-bottom: 0;
}

.career-cta-sec {
    margin-bottom: 0;
}

.send_us {background: #14212a; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 41px 60px 42px 70px;}
.send_us h3 {color: #fff; margin: 0}
.send_us  p.requirements {font-size: 22px; color: #727272; letter-spacing: -1px; line-height: 28px; margin-top: 8px;}
.send_us  p {text-align: right}
.send_us{margin-top: 10px;}
.send_us span {position: relative; left: 0; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.send_us:after {content: ''; width: 16px; height: 14px; color: #fff; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/arrow-pointing.svg); background-size: 16px 14px; display: inline-block; margin-left: 20px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; vertical-align: middle;}
.send_us:hover {background: #b22024!important;}
.send_us:hover span {left: 8px}
.send_us:hover:after {transform: translate(5px, 0);}
.send_us p {font-size: 18px;margin-bottom: 17px;}
.send_us h2 {margin-bottom: 13px;}

.contact-cta-bgcolor {
    background-image: url(../jpg/contact-cta-bg.jpg);
    padding-top: 5em;
    padding-bottom: 6em;
    margin-bottom: 0;
}

.contact-cta-sec {
    margin-bottom: 0;
}
.application-contact_icon-wrapper .row-fluid .span12 {position: relative; padding-bottom: 0px; padding-left: 40px; margin-top: 70px;}
.about_us {background: #14212a; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 41px 60px 42px 70px;}
.about_us h3 {color: #fff; margin: 0}
.about_us  p.requirements {font-size: 22px; color: #727272; letter-spacing: -1px; line-height: 28px; margin-top: 8px;}
.about_us  p {text-align: right}
.about_us{margin-top: 10px;}
.about_us span {position: relative; left: 0; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.about_us:after {content: ''; width: 16px; height: 14px; color: #fff; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/arrow-pointing.svg); background-size: 16px 14px; display: inline-block; margin-left: 20px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; vertical-align: middle;}
.about_us:hover {background: #b22024!important;}
.about_us:hover span {left: 8px}
.about_us:hover:after {transform: translate(5px, 0);}
.about_us p {font-size: 18px;margin-bottom: 17px;}
.about_us h2 {margin-bottom: 13px;}

.apply-now {background: #14212a; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 41px 60px 42px 70px;}
.apply-now h3 {color: #fff; margin: 0}
.apply-now  p.requirements {font-size: 22px; color: #727272; letter-spacing: -1px; line-height: 28px; margin-top: 8px;}
.apply-now  p {text-align: right}
.apply-now{margin-top: 10px;}
.apply-now span {position: relative; left: 0; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.apply-now:after {content: ''; width: 16px; height: 14px; color: #fff; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/arrow-pointing.svg); background-size: 16px 14px; display: inline-block; margin-left: 20px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; vertical-align: middle;}
.apply-now:hover {background: #b22024!important;}
.apply-now:hover span {left: 8px}
.apply-now:hover:after {transform: translate(5px, 0);}
.apply-now p {font-size: 18px;margin-bottom: 17px;}

.back-home {background: #14212a; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 41px 60px 42px 70px;}
.back-home h3 {color: #fff; margin: 0}
.back-home  p.requirements {font-size: 22px; color: #727272; letter-spacing: -1px; line-height: 28px; margin-top: 8px;}
.back-home  p {text-align: right}
.back-home{margin-top: 10px;}
.back-home span {position: relative; left: 0; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.back-home:after {content: ''; width: 16px; height: 14px; color: #fff; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/arrow-pointing.svg); background-size: 16px 14px; display: inline-block; margin-left: 20px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; vertical-align: middle;}
.back-home:hover {background: #b22024!important;}
.back-home:hover span {left: 8px}
.back-home:hover:after {transform: translate(5px, 0);}
.back-home p {font-size: 18px;margin-bottom: 17px;}
.back-home h2 {margin-bottom: 13px;}
.border-selection { margin-top: 19px; border: 1px solid #f0f0f0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;overflow: hidden; margin: 0px 13px 0px 22px;height:auto !important}
.custom_header {
    padding: 30px 7% 13px !important;
    position: absolute;
    width: 100% !important;
    top: 0;
    z-index: 2;
    background: 0;
}
.test-container-wrapper {
    padding-top: 4em;
    background-color:#fff;
}
.job-details {
    display: inline-block;
    border-right: 2px solid #bfbfbf;
    padding-right: 16px;
    margin-right: 8px;
}
.entry-header {
    background: rgba(225, 225, 225, 0.85);
    color: #151515;
}

.career-banner {
    height: 451px!important;
    display: flex !important;
    align-items: center;
    z-index: 1;
    position: relative!important;
    background: rgba(225,225,225,0.85) !important;
    color: #151515 !important;
    float: none!important;
}
.career-icon h2{
    top: 32px;
    position: absolute;
}
.career-icon:before {
    content: '';
    display: block;
    width: 166px;
    height: 156px;
    background-color: #f5f5f9;
    position: relative;
    left: -39px;
}
.career-icon h2:after {
    content: '';
    display: block;
    width: 48px;
    height: 3px;
    background-color: #d92d33;
    margin-top: 10px;
}
.top_row ul li {
		margin-bottom: 13px !important;
    font-size:15px;
	}
.custom-menu-primary .hs-menu-wrapper > ul > li > a {
		text-decoration: none;
		font-size: 18px;
		font-family: "AvenirNextLTPro-Demi", sans-serif;
		-moz-transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
		border: none;
		position: relative;
		color: #404040;
	}
.custom-menu-primary .hs-menu-wrapper>ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover:after {
    background: none;
}
.home-container .header-container .custom_header .custom-menu-primary .hs-menu-wrapper ul li ul li a {color: #404040 !important;font-size: 16px;}
a#back-to-top {display: none !important;}
.custom-menu-primary .hs-menu-wrapper > ul > li.hs-item-has-children:hover a:after {
    width: 100%;
    left: 0;
    background: #d8262c;
    transition: none;
}

li.hs-menu-item.hs-menu-depth-2.hs-item-has-children a:after{
content:none;
}
li.hs-item-has-children a:after{
 content:''; 
}
.home-container .header-container .custom_header .custom-menu-primary ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-3:hover>a{
  color:#d8262c!important;
}
.home-container .header-container .custom_header .custom-menu-primary ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-1:hover>a,
.home-container .header-container .custom_header .custom-menu-primary ul.hs-menu-children-wrapper  li.hs-menu-item.hs-menu-depth-2.hs-item-has-children:hover>a
{
  color:#404040!important;
}
.home-container .header-container .custom_header .custom-menu-primary ul.hs-menu-children-wrapper  li.hs-menu-item.hs-menu-depth-2:hover>a
{
  color:#d8262c!important;
}
.custom-menu-primary ul.hs-menu-children-wrapper  li.hs-menu-item.hs-menu-depth-2:hover>a{
  color:#d8262c!important;
}
.home-container .header-container .custom_header.custom-menu-primary ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2.hs-item-has-children{
  color: #404040 !important;
  display:none;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a:after{transition:none;}



/*	--------------	Blog SECTION CSS	--------------	*/
.hs-blog-listing .custom_header, .contact-us .custom_header {
    border-bottom: 0px solid rgb(238, 238, 245) !important;
}
.hs-blog-listing .custom_header
{
  background:#fff;
}
.hs-blog-post #blog_id .custom-menu-primary .hs-menu-wrapper > ul > li > a {
    color: #fff;
}
.hs-blog-post.stuck #blog_id.custom_header .custom-menu-primary .hs-menu-wrapper ul li a{
   color: #404040 ;
}
.hs-blog-post .getintouch {
    color: #fff !important;
}
.about-author-sec p{
  font-size: 17px;
  line-height: 24px;
  letter-spacing:-0.5px;
}
.recent-post-content a{
   pointer-events: none;
   cursor: none;
   color:#404040;
}
.blog-post-wrapper.cell-wrapper p {
    margin-bottom: 30px;
    font-size: 20px;
    line-height: 28px;
}
.blog-post-wrapper.cell-wrapper h3 {
    padding-top: 17px;
}
.blog-post-wrapper.cell-wrapper h5 {
   padding-top: 17px;
}
.blog-post-wrapper.cell-wrapper blockquote {
  background: #f9f9f9;
  border-left: 10px solid #b22024;
  margin-bottom: 30px;
  padding: 14px 0px 2px 12px;
  quotes: "\201C""\201D""\2018""\2019";
  color: #797373;
  font-size:17px;
  line-height:26px;
}
.blog-post-wrapper.cell-wrapper blockquote ol li {
   margin-bottom: 25px;
   font-size: 18px;
   line-height: 26px;
}
.blog-post-wrapper.cell-wrapper blockquote ol{
  padding-top: 10px;
}
.blog-post-wrapper.cell-wrapper blockquote div {
    padding: 5px 5px;
}
.blog-post-wrapper.cell-wrapper blockquote p {
    padding-top: 11px;
    margin-bottom: 11px !important;
}

/* .blog-post-wrapper.cell-wrapper:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
} */
.blog-post-wrapper.cell-wrapper ul li {
  padding-left: 28px;
  margin-bottom: 25px;
  font-size:17px;
  line-height:21px;
}
.blog-snippet {
    background: #f3f3f8;
    padding: 40px;
    box-sizing: border-box;
    border: 1px solid #e6e6e6;
}
.blog-snippet h2 {
    margin-bottom: 25px;
    font-size: 24px;
    color: #151515;
    background:#fff;
    border: 1px solid #ecebe9;
    padding: 15px 15px 15px 17px;
    position: relative;
    letter-spacing: 0;
    text-transform: capitalize;
}
.blog-snippet ol li {
   margin-bottom: 25px;
   font-size: 20px;
   line-height: 28px;
}
.home-embedded-cta {
    background:rgba(0,0,0,.02);
    border-radius: 5px;
}
.home-embedded-cta .container{
    background:#f3f3f8;
    padding: 20px 40px;
    border-radius: 5px;
}
.home-embedded-cta p {
    margin: 17px 0 0;
}
.topic-tagging
{
  color:#131313;
  padding: 0px 3px 0px 0px;
}
.topic-tagging::after
{
  color:#131313;
  display: none !important;
}
.blog-section table {
    width: 100% !important;
    height: auto !important;
    border-color:#000000;
    border-style: solid;
    border-collapse: collapse;
    table-layout: fixed;
}
.blog-section table * {
    font-size: 16px !important;
    line-height: 20px !important;
    letter-spacing: 0;
    padding:5px;
}
 .blog-section th{
    font-size: 16px !important;
    line-height: 20px !important;
    letter-spacing: 0;
    background: #53a4f3;
}
.blog-section table, td, th {
    border-color:#000000;
    border: 1px solid;
    border-collapse: collapse;
    table-layout: fixed;
    width: 249px !important;
} 

.blog-section tr td h2 {
    padding:5px;
    font-size:16px;
    line-height:20px;
   
}
.blog-section tr:nth-child(even) {
  background: #fff;
}

.blog-section th:nth-child(1):hover {
  background: #53a4f3;
}

.blog-section th {
  padding-top: 17px;
  text-align: left;
  padding-left: 7px;
  padding-bottom:12px;
}

.blog-section tr:hover {
  background: #f9f9f9;
} 

.table-element th
{
  color:#fff;
  border: 1px solid #262424;
}

.section.post-body p span {
    visibility: visible !important;
}
/* Landing-page space remove Section css -----*/
.wrapper-container-removespace .body-container-wrapper{
  margin-bottom:0px !important;
}
.paidcampaigns-form{
  background:#fff;
  padding: 31px;
  border-radius: 5px;
  
}

.paid-text p {
    font-size: 17px !important;
    position: relative;
    padding-bottom: 0px;
}
.paidcampaigns-form input[type="text"] {
  font-size: 18px;
  font-family: "AvenirNextLTPro-Regular", sans-serif;
  max-width: 100%;
  resize: none;
  color:#3c3c3c;
  border-bottom: 1px solid #9a9a9a3b;
  padding-top:23px;
}
.paidcampaigns-form input[type="email"] {
  font-size: 18px;
  font-family: "AvenirNextLTPro-Regular", sans-serif;
  max-width: 100%;
  resize: none;
  color:#3c3c3c;
  border-bottom: 1px solid #9a9a9a3b;
}
.paidcampaigns-form textarea {
  font-size: 18px;
  font-family: "AvenirNextLTPro-Regular", sans-serif;
  border-bottom: 1px solid #9a9a9a3b;
  padding-top: 23px;
}
.paidcampaigns-form  .hs-input.invalid.error{
  border-bottom: 1px solid #d8262c;
}
.paidcampaigns-form  label{
  display:none;
}
.expertise-manager img{
  max-width: 18%;
  padding-bottom: 26px;
}
.paid-text h1{
  letter-spacing: -2px;
}

.solutions-requirement p{
  color:#fff;
  font-size: 17px;
  padding: 16px 0px;
}
.solutions-requirement h1{
  color:#fff;
  font-size: 77px;
  line-height: 74px;
}
.solutions-requirement h1::after {
    content: '.';
    color: #d8262c;
}
.paidcampaigns-form .hs-button.primary{
  padding-left: 18px !important;
  padding-right: 45px;
}

.paidcampaigns-form .hs-button.primary:hover {
    transform: translate(5px, 0);
}
.paidcampaigns-form .hs_submit .actions{
  position:relative;
}
.paidcampaigns-form .hs_submit .actions::after {
    content: '';
    width: 16px;
    height: 14px;
    color:#fff;
    background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/arrow-pointing.svg);
    background-size: auto;
    background-size: 16px 14px;
    display: inline-block;
    margin-left: 20px;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    vertical-align: middle;
    position: absolute;
    top: 45%;
    left: 21%;
} 
.paid-text ul li{
  margin: 9px 0px 0px 0px !important;
  color:#fff;
}
.hub-form .paidcampaigns-form .hs-fieldtype-text input.error {
        border: none !important;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: medium;
        border-bottom: 1px solid #d8262c !important;
}

.attach_file .hs-button.primary, input[type="submit"]::after {
    /*background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/arrow-pointing.svg) no-repeat 65% center;*/
  background: url() no-repeat 65% center;
    background-size: auto;
    content: '';
    color: #fff;
    background-size: auto !important;
    background-size: 16px 14px !important;
    display: inline-block !important;
    vertical-align: middle;
}
.attach_file .hs-button.primary, input[type="submit"] {
    width: auto !important;
    background-color: #d8262c !important;
    vertical-align: middle !important;
  float:left;
}
/*	--------------	Unsubcribe-page SECTION CSS	--------------	*/
.unsubscribe-group-data .row-fluid-wrapper .unsubscribe-wrapper {
    max-width: 675px;
    margin: 0 auto;
    float: none;
}
.unsubscribe-wrapper .hs-button.primary, input[type="submit"], input[type="button"] {
    cursor: pointer;
    -webkit-appearance: none;
    text-decoration: none !important;
    background: none;
    background-color: #d8262c;
    color: #fff;
    border-radius: 5px;
    font-size: 22px;
    border: none;
    padding: 15px 20px;
    font-family: "AvenirNextLTPro-Regular", sans-serif;
    transition: all 0.5s ease;
    width: auto !important;
    line-height: 28px;
    margin: 15px 0 10px;
    display: inline-block;
    white-space: normal !important;
}
.unsubscribe-group-data .row-fluid-wrapper, input[type="email"] {
  margin-top:20px;
  font-size:18px !important;
}
.unsubscribe-wrapper label {
    padding-left: 10px;
}
.unsubscribe-group-data .unsubscribe-wrapper ,label.hs-error-msg {
  margin-top: 0px !important;
}
.unsubscribe-wrapper .hs_error_rollup{
  display:none;
}
#label-email-39e6a1ae-825a-4949-9a53-0b47b6b6bcfb_4918{
  padding-left:10px;
}
.subscribe-heading h2{
  font-size: 39px;
  color: #d8262c; 
  line-height: 44px; 
  letter-spacing: 0; 
  text-align: center;"
}
.Subcription_b2b_emaildetails h1, .Subcription_b2b_emaildetails h2 {
  letter-spacing:0px;
}

/* module css */
#form_modal{
  left: 50%;
  transform: translateX(-50%);
  width: 50%;
}
.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 100px; 
		left: 50%;
		margin-left: -300px;
		width: 520px;
		background: #eee no-repeat -200px -80px;
		position: absolute;
		z-index: 101;
		padding: 35px 35px 35px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 32px;
    font-weight:bold;
		line-height: .5;
		position: absolute;
		top: 12px;
    right: 11px;
		color: #d8262c;
    background: #F3F3F8;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
} 
 #form_modal .paidcampaigns-form .hs_submit .actions::after {
    margin-left: 0px;
}

/* ----------------landing page DotNet selection -------- */
.main-content-landing .paid_campaigns_record .solutions-requirement h1 {font-size: 60px; line-height: 70px; letter-spacing:-1px;max-width:1000px;}
.main-content-landing .paid_campaigns_record .solutions-requirement p {font-size: 20px; line-height: 33px; max-width: 750px; color: #fff; font-family: "AvenirNextLTPro-Regular", sans-serif; text-transform: inherit;}

/* -------- blog soical icon ------- */
.img-soical{
  max-width: 62px;
  position: absolute;
  right: 67%;

}
.img_uber-soical{
   max-width: 65px;
  position: absolute;
  right: 72%;
}

.engage img {
    max-width: 80px;
    margin-bottom: 30px;

}
.outsource-product h2{
  margin-bottom: 70px;
}
/* ----- Partner logo --------- */
.badge-img{
  width:56px;
  height:auto;
}
.top-web_img{
  max-width:85px;
  height:auto;
  vertical-align:top;
}
.softwareworld-img {
    max-width: 8%;
}
.custom_footer_main .footer_mid .mid_1{
  width:100%;
  margin-bottom: 12px;
}

/*	--------------	Guide Blog RESPONSIVE CSS	--------------	*/
.guide-section table, td, th{
    border-color: #000000;
    border: 1px solid;
    border-collapse: collapse;
    table-layout: fixed;
}
.guide-section table * {
    font-size: 16px !important;
    line-height: 20px !important;
    letter-spacing: 0;
    padding: 5px;
}
.guide-section th {
    font-size: 16px !important;
    line-height: 20px !important;
    letter-spacing: 0;
    background: #53a4f3;
    color:#fff;
    border: 1px solid #404040;
}

ul.guide-menu_section {
  padding-left: 0px !important;
  list-style-type: none;
  margin-bottom: 68px;
}
.blog-post-wrapper.cell-wrapper .guide-menu_section .list{
      list-style: none;
      padding: 0;
      margin: 0;
      background:#fff;
      border-radius: 2px;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      width: 85%;
      display: block;
      padding: 9px 0px;
     margin: 0px;
    border-bottom: 1px solid #e9e9e9;
}
.blog-post-wrapper.cell-wrapper .guide-menu_section .list{
     position: relative;
}
.guide-menu_section li a {
    display: block;
    text-decoration: none;
    padding: 0px 10px;
    color: #404040;
    line-height:27px;
    font-size:16px;
    text-align: left;
    position: relative;
    border-bottom: 0px solid #EEE;
}
.guide-menu_section li.list.active a {
    color: #d8262c;
    font-size: 16px;
    font-weight: bold;
    line-height: 26px;
}
.guide_chapter-text{
  font-weight: normal;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0px;
  padding-left:10px;
}
.guide-menu_section li.list.active{
    position: relative;
    color: #e67e22;
    border: 0;
    border-right-color: currentcolor;
    border-right-style: none;
    border-right-width: 0px;
    border-left-color: currentcolor;
    border-left-style: none;
    border-left-width: 0px;
    margin-top: -4px;
    box-shadow: 0 0 5px #DDD;
    -moz-box-shadow: 0 0 5px #DDD;
    -webkit-box-shadow: 0 0 5px #DDD;
    border-left: 4px solid #d8262c;
    border-right: 4px solid #d8262c;
    margin: 0 -4px;
}
.blog-post-wrapper.cell-wrapper .guide-menu_section ul .list:last-child {
    border-bottom: 0;
}

.guide-menu_section li.list a strong{
  position: relative;
  transition: all 300ms linear;
}
.guide-menu_section li.list:hover > a{
  animation: moveFromTop 300ms ease-in-out;
  opacity: 1;
  -webkit-transition: all 300ms linear;
}

.guide-menu_section li.list.active::before {
    content: "";
    position: absolute;
    top: 0;
    left: 45%;
    border-top: 5px solid #d8262c;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    top: 42%;
    left: 0;
    border-left: 5px solid #d8262c;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}
.guide-menu_section li.list.active::after {
    content: "";
    position: absolute;
    top: 42%;
    right: 0;
    border-right: 5px solid #d8262c;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}
.desktop .span3.guide_side-menu_sec {
    max-width: 311px;
}
 .blog-post-wrapper.cell-wrapper .guide-menu_section .list:last-child {
    position: relative;
    border-bottom: 0;
}

.blog-content_data{
  width:100%;
  padding:0 7%;
  margin-top: 70px;
}
.blog-content_data >.row-fluid-wrapper.row-depth-1.row-number-5 {
    width: 100%;
}
.span12.widget-span.widget-type-custom_widget.guide_wrapper-fluid{
  margin:0 auto ;
}
.blog-post-wrapper.cell-wrapper .changeviewmobile.open{
  display:none ;
}
.desktop-guide{
  position: sticky;
  top: 105px;
}
div#hubspot-author_post-guide-outsourcing {
	color: #fff;
	font-size: 14px;
	font-family: "AvenirNextLTPro-demi", sans-serif;
	text-transform: uppercase;
  margin-bottom:60px;
  margin-left:0px;
}
div#hubspot-author_post-guide-outsourcing span:after {
	content: '.';
	color: #727272;
	margin: 0 10px;
}
div#hubspot-author_post-guide-outsourcing span:last-child:after {
	display: none;
}
.post_selection-fluid {
    margin-top: -60px;
 }

 ul.logo-partners_fluid li {
    display: inline-block;
    width: 15.5%;
    text-align: center;
    vertical-align: middle;
    padding: 0px 58px;
    list-style: none;
}
  ul.logo-partners_fluid {
    padding-left:0px;
  }
  /*.footer_mid .mid_2 a img{
        margin-right: 0px;
  }
*/
/*	--------------	guide CSS charter1	--------------	*/
.guide-body-wrapper .evaluates_based-selection p , .guide-Unlock_Savings .evaluates_based-selection p,  .guide-ultimate_Featured .evaluates_based-selection p , .guide_multisourcing .evaluates_based-selection p , 
.guide-organized_workflows .evaluates_based-selection p , .guide-body-wrapper .evaluates_based-selection p , .guide-Cost_Reduction .evaluates_based-selection p
 {
     color:#fff !important;
 }
.guide-body-wrapper {
    background: rgba(0,0,0,.02);
    border-radius: 5px;
}

.guide-body-wrapper .container {
    background: #00bea4eb;
    padding: 20px 40px;
    border-radius: 5px;
    color: #fff;
    display: flex;
    align-items: center;
}
.evaluates_based-selection{
      width: 50%;
}
.expertise-author_img{
      width: 50%;
      text-align:right;
}
.col-md-5.expertise-author_img img {
   max-width: 90%;
}
.evaluates_based-selection h2{
   color: #fff;
}
/*	--------------	guide CSS charter2	--------------	*/
.guide-Cost_Reduction {
    background: rgba(0,0,0,.02);
    border-radius: 5px;
}

.guide-Cost_Reduction .container {
    background-color: #f1a936e6;
     padding: 20px 40px;
     border-radius: 5px;
    color: #fff;
    display: flex;
    align-items: center;
}

/*	--------------	guide CSS charter3	--------------	*/
.guide-organized_workflows {
    background: rgba(0,0,0,.02);
    border-radius: 5px;
}

.guide-organized_workflows .container {
    background-color: #005feaa8;
    padding: 20px 40px;
    border-radius: 5px;
    color: #fff;
    display: flex;
    align-items: center;
}

/*	--------------	guide CSS charter4	--------------	*/
.guide-ultimate_Featured {
    background: rgba(0,0,0,.02);
    border-radius: 5px;
}

.guide-ultimate_Featured .container {
    background-color: #ff4c4cbf;
    padding: 20px 40px;
    border-radius: 5px;
    color: #fff;
    display: flex;
    align-items: center;
}

/*	--------------	guide CSS charter5	--------------	*/

.guide-Unlock_Savings {
    background: rgba(0,0,0,.02);
    border-radius: 5px;
}

.guide-Unlock_Savings .container {
    background-color: #efd448;
    padding: 20px 40px;
    border-radius: 5px;
    color: #fff;
    display: flex;
    align-items: center;
}

/*	--------------	guide CSS charter6	--------------	*/
.guide_multisourcing {
    background: rgba(0,0,0,.02);
    border-radius: 5px;
}

.guide_multisourcing .container {
    background-color: #98e36c;
    padding: 20px 40px;
    border-radius: 5px;
    color: #fff;
    display: flex;
    align-items: center;
}
.blog-post-wrapper.cell-wrapper .post_selection-fluid h5{
  padding-top:0;
}

/*	--------------	Pro tips CSS	--------------	*/
.subscriptions_projected:hover .multi-button {
    display: block;
}
.subscriptions_projected {
  position: relative;
  background: #53a4f3;
  padding:12px 12px;
  border: 1px solid #1c1a1a;
  box-shadow: 0 0 3px;
  left: 23px;
}
.subscriptions_projected span {
  color:#fff;
  font-size: 20px;
  line-height: 28px;
}

.multi-button img{
  width:100%
}
.multi-button {
  display: none;
  width: 50px;
  position: absolute;
  top: -32%;
  left: -45px;
}

/*	--------------	div hover select to  background CSS	--------------	*/
.research-content_guide {
  font-size: 17px;
  line-height: 28px;
  padding:12px 12px;
  border: 1px solid;
}
.research-content_guide:hover{
  background:#f9f9f9;
}

/*	--------------	keytakenway CSS	--------------	*/
.blog-outsourcing_guide-select {
  background:#f3f3f8;
  padding: 40px;
  box-sizing: border-box;
  border: 1px solid #e6e6e6;
}
.blog-outsourcing_guide-select h3 {
    margin-bottom: 25px;
    font-size: 24px;
    color: #151515;
    background:#fff;
    border: 1px solid #ecebe9;
    padding: 15px 15px 15px 17px;
    position: relative;
    letter-spacing: 0;
    text-transform: capitalize;
}
.blog-outsourcing_guide-select ol li {
    margin-bottom: 25px;
    font-size: 18px;
    line-height: 26px;
}

/*	--------------	.marketing-collateral CSS	--------------	*/
.marketing-collateral{
  padding-top:10em;
}
.partnership_action .container {
  display:flex;
  align-items: flex-end;
  padding:0 7%;
  color: #404040;
}
.integrated_system{
  width:50%;
}
.details_selection-module p {
  font-size:18px;
  line-height:28px;
}

 /*	--------------	revamp case-Stdy new css and create new page	--------------	*/
   .case_description-info {
    display: inline-block;
    width: 30% !important;
    margin-bottom: 20px;
    border: 1px solid #ccccd5;
    vertical-align: top;
    background: #fff;
    margin: 18px 1.5%;
  }
.revamp-selection_detailsCase {
    width: 100%;
    margin: 9px 3px;
}
.financial_application{
  position: relative;
  margin-left: 0px;
  margin-right: 0px;
  float: left;
}
.financial_application:hover:before, .financial_application:hover:after {
  display: block;
  content: '';
  position: absolute;
  width: 332px;
  height: 362px;
  background: #FDA8CF;
  z-index: -1;
  animation: 1s clockwise infinite;
}

.financial_application:hover:after {
  background: #F3CE5E;
  animation: 2s counterclockwise infinite;
}

@keyframes clockwise {
  0% {
    top: -5px;
    left: 0;
  }
  12% {
    top: -2px;
    left: 2px;
  }
  25% {
    top: 0;
    left: 5px;    
  }
  37% {
    top: 2px;
    left: 2px;
  }
  50% {
    top: 5px;
    left: 0;    
  }
  62% {
    top: 2px;
    left: -2px;
  }
  75% {
    top: 0;
    left: -5px;
  }
  87% {
    top: -2px;
    left: -2px;
  }
  100% {
    top: -5px;
    left: 0;    
  }
}

@keyframes counterclockwise {
  0% {
    top: -5px;
    right: 0;
  }
  12% {
    top: -2px;
    right: 2px;
  }
  25% {
    top: 0;
    right: 5px;    
  }
  37% {
    top: 2px;
    right: 2px;
  }
  50% {
    top: 5px;
    right: 0;    
  }
  62% {
    top: 2px;
    right: -2px;
  }
  75% {
    top: 0;
    right: -5px;
  }
  87% {
    top: -2px;
    right: -2px;
  }
  100% {
    top: -5px;
    right: 0;    
  }
}
    .container-heading-section{
        text-align:center;
    }
    .case-selectionData_Container{
      padding:10px 5%;
    }
    .collaborative_work h2{
     font-size:40px;
      line-height:46px;
      letter-spacing:-2px;
      color: #404040;
    }
    .additional_information{
        padding: 13px 13px 13px 13px;
        min-height: 183px;
    }
    .additional_information span{
      color: #404040;
      font-size: 17px;
      font-weight:bold;
    }
    .additional_information p{
    display: block;
    padding-left: 0px;
    padding-top: 0px;
    font-size: 16px;
   }
    .additional_information h6{
      padding: 12px 2px; 
      font-size:12px;
      margin: 0;
    }
    .case_info-link{
      color: #d8262c;
      font-weight: bold;
      font-size: 16px;
    }
    .collaborative_work label {
      padding-right:23px;
      font-size:17px;
    }
    .collaborative_work input[type="checkbox"] {
      width: 26px;
      height: 24px;
      position: relative;
      top: 5px;
      left: 0;
      border: solid 1.5px #a5a5a5;
      background: transparent;
    }
    .collaborative_work input[type="checkbox"]:checked{
      box-shadow: 0 0 0 3px #d8262c;
       width: 49px;
       height: 27px;
    }
  .collaborative_work input {
    width:29px !important;
    height: 24px;
    background-color: #d8262c !important;
    border: solid 1.5px #d8262c !important;
}



/* --------- start -------- */
#react-form .unsubscribe-group-data .row-fluid-wrapper, input[type="email"] {
  margin-top: 0px !important;
  color:#fff;
}
.reactform.page-center.content-wrapper{
   background-color: #14212a;
}
#react-form .hub-form .react_section.attach_file .hs-fieldtype-text input[type="text"]{
  color:#fff !important;
  font-weight:bold;
}
#react-form .hub-form .react_section.attach_file .hs-fieldtype-text input, .react_section.attach_file  textarea{
  color:#fff !important;
   font-weight:bold;
}

.our-developer_react h2{
  color:#fff;
  margin-bottom: 64px;
}
.technology_requirements-service_block h3{
  max-width: 163px;
}
.technology_requirements-service_block {
position: relative;
padding-bottom: 30px;
float: left;
}
.technology_requirements-service_block  p {
    margin-bottom: 0px;
}
.technology_requirements-service_block img {
    max-width: 80px;
    margin-bottom: 30px;
}

/* --------- Testing outsourcing  header selection ------------- */
#relevant-testing-oursourcing .custom-menu-primary li.hs-menu-item.hs-menu-depth-1.hs-item-has-children > a{
  color:#fff !important;
}
#relevant-testing-oursourcing .custom-menu-primary li.hs-menu-item.hs-menu-depth-1 > a{
  color:#fff !important;
}
#relevant-testing-oursourcing{
      padding: 7px 5% 13px;
}

/* --------- Inbound Marketing ------------- */
.hubSpot-implementation ul li {
  background: url(//6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019%20Theme/Images/circle-bullets-icon.png) no-repeat left 6px;
  padding-left: 30px;
  margin: 12px 0;
}
.hubSpot-implementation ul {
    padding-left: 20px !important;
    margin: 40px 0 0 !important;
}
.hubSpot-implementation{
padding-left: 60px !important;
padding-right: 40px;
position: relative;
}
.hubSpot-icon
{
margin-bottom: 40px;
position: relative;
}
.hubSpot-icon::before {
    content: '';
    display: block;
    width: 200px;
    height: 200px;
    background-color: #f5f5f9;
    position: relative;
    left: -60px;
}
.hubSpot-icon h3::after {
    content: '';
    display: block;
    width: 48px;
    height: 3px;
    background-color: #d92d33;
    margin-top: 10px;
}
.hubSpot-implementation .hubSpot-icon img {
    width: 80px;
    height: auto;
    position: absolute;
    top: 30px;
}
.hubSpot-icon h3 {
    top: 120px;
    position: absolute;
}
.inbound-cta-bg{
  background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/inboundMarketing-cta-1.png);
  padding-top: 3em;
  padding-bottom: 2em;
  margin-bottom: 0;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}

.enterprise-grade_Frq h2{
  padding-bottom: 23px;
} 
.inbound-hubspot_imp{
  background:url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Hubspot%20Partner.png);
  background-repeat: no-repeat;
  background-position: right;
  background-size: 17%;
}

.inbound-work_for-you .application-right-blk, .inbound-work_for-you .text-box-rich_inbound {
  padding-bottom: 50px;
}

.scalability_inbound{
  content: '';
  position: absolute;
  top: -15px;
  left: 0px;
  width: 150px;
  height: 134px;
  background: #f5f5f9;
  z-index: -1;
}
.scalability_inbound h2::after{
    content: '';
    display: block;
    width: 48px;
    height: 3px;
    background-color: #d92d33;
    margin-top: 10px;
}
   /*	--------------	End	--------------	*/

 /*	--------------	Cloud And DevOps	--------------	*/
.web-dev-banner .cloud_Scalability h1{
  font-size: 50px;
  color: #151515;
  line-height: 60px;
  letter-spacing: -1px;
}
.web-dev-banner .cloud_Scalability h3{
  font-size: 21px;
  line-height: 34px;
}
.web-dev-banner .cloud_Scalability h6{
  font-size: 17px;
  line-height: 26px;
  letter-spacing: 0px;
  font-family: AvenirNextLTPro-Regular;
  color: #151515;
  max-width: 650px;
  text-transform: none;
}
.scalability_inbound-Dev{
  position: relative;
  width: 100%;
  float: left;
  padding-left: 24px;
}
.scalability_inbound-Dev::before {
    content: '';
    position: absolute;
    top: -9px !important;
    left: 0px;
    width: 132px !important;
    height: 77px !important;
    background: #f5f5f9;
    z-index: -1;
}
.scalability_inbound-Dev p{
  margin-top: 27px !important;
}
.cloud-transform-businesses ul{
  padding-top:23px;
}

/*	--------------	inbound Marketing form CSS	--------------	*/
.necessar-Consulting ul li{
    background:none !important;
    padding-left:20px !important;
} 
.effectiveness-certain
{
  background: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  padding: 30px 67px 40px 67px;
}
.effectiveness-certain .hs-button.primary, input[type="submit"]{
   padding: 7px 24px 9px 25px;
}
 .necessar-Consulting .effectiveness-certain .hs-fieldtype-text input[type="text"], .necessar-Consulting .effectiveness-certain .hs-fieldtype-text input[type="email"],  .effectiveness-certain .hs-fieldtype-textarea textarea{
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border: 0;
  background-color: #fff;
  font-size: 14px;
  line-height: 1.43;
  color: #363e4b;
  width: 100%;
  font-family: "AvenirNextLTPro-Regular", sans-serif;
  padding: 7px 16px 6px 16px;
  margin: 11px 0 17px 0;
}
.necessar-Consulting .effectiveness-certain .hs-form-field input[type="checkbox"], .necessar-Consulting .effectiveness-certain .hs-form-field input[type="radio"]{
  width: 25px !important;
}
.necessar-Consulting .effectiveness-certain .hs-fieldtype-text input {
    width: 100% !important;
    padding: 15px 11px;
    color: #3c3c3c;
    font-size: 18px;
    border: none;
    border-bottom: 1px solid #9a9a9a3b !important;
    font-family: "AvenirNextLTPro-Regular", sans-serif;
    max-width: 100%;
    resize: none;
}
.Consulting-demographics{
     display: flex !important;
    justify-content: space-around;
}
.effectiveness-certain .hs-form-required {
    display: none;
}
.effectiveness-certain
{
  font-family: "AvenirNextLTPro-Regular", sans-serif;
  background: #f7f7f7;
  width: 100%;
}
.necessar-Consulting .effectiveness-certain .hs-form-field ul.inputs-list{
  margin: 0px 0px 11px;
}
.consulting-header .custom_header{
  background-color:#14212A;
}
#canvas
{
  background-color: #14212A;
	
}


/*	--------------	Start New header Menu Solutions CSS section	--------------	*/

.new_header-menu ul .hs-item-has-children ul  {margin:0; padding:20px 20px; display:inline-block;}
.new_header-menu ul .hs-item-has-children ul  li{margin:0;}
.new_header-menu .anem-menu {display:inline-block; margin: 6px 0 0 10px; vertical-align:top;font-weight: 700;line-height:19px;}
.new_header-menu .anem-menu-subhead{display:inline-block;}
.new_header-menu .anem-menu-subhead{display:block;}
.new_header-menu .anem-menu span:nth-child(1) {font-size: 14px; font-weight: bold;}
.new_header-menu ul>li>ul>li>a{
  font-size:13px !important;
  color:#404040 !important;
}
.new_header-menu ul .hs-menu-depth-1:nth-child(3) ul .hs-menu-depth-3{
 position:relative!important;
}

.new_header-menu ul .hs-menu-depth-1:nth-child(3) ul .hs-menu-depth-3::after{
  content: '';
  border-bottom: 1px solid #e8e8ee!important;
  position:absolute;
  width:77%;
  left:50px;
  bottom:1px;
}
.new_header-menu ul .hs-menu-depth-2:nth-child(3) ul .hs-menu-depth-3::after{
  content: none !important;
}
.new_header-menu ul .hs-menu-depth-2:nth-child(3) ul .hs-menu-depth-4::after, .new_header-menu ul .hs-menu-depth-2:nth-child(4) ul .hs-menu-depth-3::after{
  content: none !important;
}
.about ~ ul.hs-menu-children-wrapper li.hs-menu-depth-3::after{
  content: '';
  border-bottom: 1px solid #e8e8ee!important;
  position:absolute;
  width:39% !important;
  left:50px;
  bottom:1px;
}
.new_header-menu .hs-menu-depth-1:nth-child(3) .hs-menu-depth-2:nth-child(2) .hs-menu-children-wrapper {
    width: 100%;
}
.new_header-menu .custom-menu-primary.leading-menu .hs-menu-wrapper>ul li:nth-child(2) > ul > li{width: 50%; float: left; padding-right: 0;}
.new_header-menu .anem-menu{font-size: 12px;}
.new_header-menu .hs-menu-children-wrapper .hs-menu-item.hs-menu-depth-3 h6 { margin: 0;}
.new_header-menu .hs-menu-depth-1:nth-child(3) .hs-menu-depth-2:nth-child(3){
    margin: -28px 0px 0px 22px !important;
    width: 29% ;
    padding: 24px 0 0 15px;
  }
.new_header-menu .hs-menu-depth-1:nth-child(3) .hs-menu-depth-2:nth-child(3),.new_header-menu  .hs-menu-depth-1:nth-child(3) .hs-menu-depth-2:nth-child(3) .hs-menu-children-wrapper, .new_header-menu  .hs-menu-depth-1:nth-child(3) .hs-menu-depth-2:nth-child(3) .stack_engaging{
  background:#f8f8f8!important;
}

.header-Power {
    background-image: url(https://www.classicinformatics.com/hubfs/images/header-icon/powerBI--active.png);
    background-repeat: no-repeat;
    width: auto;
    height: 52px;
    margin-left: 5px;
}
.header-Power:hover {
    background: url(https://www.classicinformatics.com/hubfs/images/header-icon/powerBI--hover.png) no-repeat;
}
.header-hubSpot {
    background-image: url(https://www.classicinformatics.com/hubfs/images/header-icon/hubspot--active.png);
    background-repeat: no-repeat;
    width: auto;
    height: 52px;
    margin-left: 5px;
}
.header-hubSpot:hover {
    background: url(https://www.classicinformatics.com/hubfs/images/header-icon/hubspot--hover.png) no-repeat;
}
.header-drupal {
    background-image: url(https://www.classicinformatics.com/hubfs/images/header-icon/drupal--active.png);
    background-repeat: no-repeat;
    width: 52px;
    height: 52px;
    margin-left: 5px;
}
.header-drupal:hover {
    background: url(https://www.classicinformatics.com/hubfs/images/header-icon/drupal--hover.png) no-repeat;
}
.header-magento {
    background-image: url(https://www.classicinformatics.com/hubfs/images/header-icon/magento--active.png);
    background-repeat: no-repeat;
    width: auto;
    height: 52px;
    margin-left: 5px;
}
.header-magento:hover {
    background: url(https://www.classicinformatics.com/hubfs/images/header-icon/magento--hover.png) no-repeat;
}
.header-acquia {
    background-image: url(https://www.classicinformatics.com/hubfs/images/header-icon/Acquia--active.png);
    background-repeat: no-repeat;
    width: 52px;
    height: 52px;
    margin-left: 5px;
}
.header-acquia:hover {
    background: url(https://www.classicinformatics.com/hubfs/images/header-icon/Acquia--hover.png) no-repeat;
}
.header-wordpress {
    background-image: url(https://www.classicinformatics.com/hubfs/images/header-icon/wordpress--active.png);
    background-repeat: no-repeat;
    width: auto;
    height: 52px;
    margin-left:9px;
}
.header-wordpress:hover {
    background: url(https://www.classicinformatics.com/hubfs/images/header-icon/wordpress--hover.png) no-repeat;
}
.header-marketo {
    background-image: url(https://www.classicinformatics.com/hubfs/images/header-icon/Marketo--active.png);
    background-repeat: no-repeat;
    width: 55px;
    height: 52px;
}
.header-marketo:hover {
    background: url(https://www.classicinformatics.com/hubfs/images/header-icon/Marketo--hover.png) no-repeat;
}
.tech-block_header-platform{
  padding: 13px;
  background: #f3f3f8;
  text-align:center;
}
.header_Power-name , .header_hubspot-name , .header_drupal-name, .header_magento-name, .header_acquia-name, .header_wordpress-name, .header_marketo-name{
  color:#151515;
}
.new_header-menu .anem-menu-subhead{display:block;}
.new_header-menu .hs-menu-depth-1:nth-child(3) .hs-menu-depth-2:nth-child(2){
  width:46%;
}
.new_header-menu .hs-menu-depth-1:nth-child(3) .hs-menu-depth-2:nth-child(2) > ul > li{width:50%}
.new_header-menu .hs-menu-depth-1:nth-child(3) .hs-menu-depth-2:nth-child(3),.new_header-menu  .hs-menu-depth-1:nth-child(3) .hs-menu-depth-2:nth-child(3) .hs-menu-children-wrapper, .new_header-menu  .hs-menu-depth-1:nth-child(3) .hs-menu-depth-2:nth-child(3) .stack_engaging{
  background:#f8f8f8!important;
  position:relative;
}
.new_header-menu .hs-menu-depth-1:nth-child(3) .hs-menu-depth-2:nth-child(3), .new_header-menu .hs-menu-depth-1:nth-child(3) .hs-menu-depth-2:nth-child(3) .hs-menu-children-wrapper, .new_header-menu .hs-menu-depth-1:nth-child(3) .hs-menu-depth-2:nth-child(3) .stack_engaging li::before {
    content: none;
    list-style: circle;
    position:relative;
    vertical-align: top;
    font-size: 31px;
    cursor: pointer;
}
.new_header-menu .hs-menu-depth-1:nth-child(3) .hs-menu-depth-2:nth-child(4){
    margin: -162px 0px 0px -26px !important;
    width: 70%;
    background:transparent!important;
 }

.new_header-menu  .hs-menu-depth-1:nth-child(3) .hs-menu-depth-2:nth-child(4) .hs-menu-children-wrapper{
  background:transparent!important;
}
.new_header-menu  ul.hs-menu-children-wrapper li.hs-item-has-children a{
  color:red;
}
.new_header-menu .hs-menu-depth-1:nth-child(3) .hs-menu-depth-2:nth-child(4) ul li{ display:inline-block;width:14%; margin: 0 auto;}

.new_header-menu .hs-menu-depth-1:nth-child(3) .hs-menu-depth-3 img{width:40px}

.new_header-menu .hs-menu-depth-1:nth-child(3) .hs-menu-depth-3 .anem-menu{font-size: 12px;}

.new_header-menu .hs-menu-depth-1:nth-child(3) .hs-menu-depth-3 .anem-menu span:first-child{font-size:14px;}

.home-container .header-container .custom_header .custom-menu-primary .hs-menu-wrapper 
li.hs-menu-item.hs-menu-depth-1.hs-item-has-children ul > li.hs-menu-item.hs-menu-depth-2:nth-child(1) > a , .home-container .header-container .custom_header 
.custom-menu-primary .hs-menu-wrapper li.hs-menu-item.hs-menu-depth-1.hs-item-has-children 
ul > li.hs-menu-item.hs-menu-depth-2:nth-child(2) > a ,.home-container .header-container .custom_header .custom-menu-primary .hs-menu-wrapper 
li.hs-menu-item.hs-menu-depth-1.hs-item-has-children ul > li.hs-menu-item.hs-menu-depth-2:nth-child(4) > a , .home-container .header-container .custom_header 
.custom-menu-primary .hs-menu-wrapper li.hs-menu-item.hs-menu-depth-1.hs-item-has-children ul > li.hs-menu-item.hs-menu-depth-2:nth-child(3) > a{
    color: #d8262c !important;
}

.new_header-menu .hs-menu-depth-1:nth-child(3)>ul{
  padding-right:0;
  padding-bottom:0;
}
.new_header-menu .hs-menu-depth-1:nth-child(3) > ul ul ul li:hover > a{
 /* border-bottom: 2px solid #d8262c; */
  -webkit-transition: none;
  transition:none;
}
.new_header-menu .hs-menu-depth-1:nth-child(3) > ul ul ul li a.reactjs:hover, .new_header-menu .hs-menu-depth-1:nth-child(3) > ul ul ul li a.angular:hover, 
.new_header-menu .hs-menu-depth-1:nth-child(3) > ul ul ul li a.nodejs:hover, .new_header-menu .hs-menu-depth-1:nth-child(3) > ul ul ul li a.python:hover, 
.new_header-menu .hs-menu-depth-1:nth-child(3) > ul ul ul li a.php:hover, .new_header-menu .hs-menu-depth-1:nth-child(3) > ul ul ul li a.dotnet:hover, 
.new_header-menu .hs-menu-depth-1:nth-child(3) > ul ul ul li a.c:hover, .new_header-menu .hs-menu-depth-1:nth-child(3) > ul ul ul li a.serverless:hover, 
.new_header-menu .hs-menu-depth-1:nth-child(3) > ul ul ul li a.laravel:hover, .new_header-menu .hs-menu-depth-1:nth-child(3) > ul ul ul li a.vue.js:hover
{
  color:#d8262c !important;
}
.new_header-menu .hs-menu-depth-1:nth-child(3) > ul ul ul li a.reactnative:hover, .new_header-menu .hs-menu-depth-1:nth-child(3) > ul ul ul li a.kotlin:hover,
.new_header-menu .hs-menu-depth-1:nth-child(3) > ul ul ul li a.swift:hover, .new_header-menu .hs-menu-depth-1:nth-child(3) > ul ul ul li a.flutter:hover,
.new_header-menu .hs-menu-depth-1:nth-child(3) > ul ul ul li a.amazonaws:hover , .new_header-menu .hs-menu-depth-1:nth-child(3) > ul ul ul li a.microsoftazure:hover,
.new_header-menu .hs-menu-depth-1:nth-child(3) > ul ul ul li a.googlecloud:hover
{
  color:#d8262c !important;
}
.new_header-menu  .reactjs .new_header-menu .amazonaws {
    padding-left: 4px;
}
.new_header-menu ul.stack_engaging li{
 width:100%!important;
}
/*	--------------	End New header Menu Solutions CSS	--------------	*/

/*	--------------	Start New header Menu Services Section CSS	--------------	*/

.services ~ ul.hs-menu-children-wrapper {
    width: 1104px !important;
    min-width: auto !important;
    right: 107px !important;
    left: 12 !important;
    padding: 20px 30px !important;
    top: 73px !important;
}


.services ~ ul.hs-menu-children-wrapper li {
    float: left !important;
    width: 20% !important;
    line-height: 23px;
}
.services ~ ul.hs-menu-children-wrapper li.hs-menu-depth-3 ::after{
  content: '';
  border-bottom: 1px solid #e8e8ee!important;
  position:absolute;
  width:87%;
  left:50px;
  bottom:1px;
}


/*	--------------	start New header Menu About section CSS	--------------	*/
 .culture_section_wrappers img {
    max-width: 100%;
    width:auto;
   padding-top: 14px;
   padding-bottom: 14px;
}

.about ~ ul.hs-menu-children-wrapper li {
    float: left !important;
    width: 100% !important;
    line-height: 23px;
    position:relative !important;
}

.about ~ ul.hs-menu-children-wrapper {
  right: 166px !important;
  background: #f6fdff;
  width: 43% !important;
  top: 73px !important;
}

.about ~ ul.hs-menu-children-wrapper .hs-menu-item.hs-menu-depth-2:last-child {
    padding-left: 0 !important;
}

.about ~ ul.hs-menu-children-wrapper li ul.hs-menu-children-wrapper li.hs-menu-depth-3:nth-child(6) {
    background: #f8f8f8;
    min-width: 319px !important;
    margin: -420px 0px -22px 272px !important;
    color: #151515;
    padding: 19px 19px;
    display: block !important;
}

.culture_section_wrappers p {
    font-size: 15px;
    color: #151515;
    line-height: 24px;
    white-space: normal;
    padding: 7px 0px;
}
.culture_section_wrappers .see_section{
    color: #d8262c;
    font-weight:bold;
}
.culture_section_wrappers  .btn_work_together
{
  background-color: #d8262c;
  padding: 13px 25px !important;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  line-height: 21px;
  width:206px;
}
.culture_section_wrappers  .btn_work_together a
{
    text-decoration: none;
    font-size: 18px;
    font-family: "AvenirNextLTPro-Demi", sans-serif;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border: none;
    position: relative;
    color: #fff;
}

.new_header-menu ul.hs-menu-children-wrapper li.hs-item-has-children a.letsworktogether {
    color: #fff !important;
    font-weight: bold;
    font-size: 16px;
}
.new_header-menu .custom-menu-primary .hs-menu-wrapper > ul ul ul li:hover a.letsworktogether {
    color: #fff !important;
    font-weight: bold;
    font-size: 16px;
}
.culture_section_wrappers  .btn_work_together:hover
{
  background-color: #b22024;
}

.new_header-menu ul .hs-menu-depth-2 > a {color:#d8262c !important;}

/*	--------------	End New header Menu CSS	getintouch button --------------	*/
.home-container.stuck .header-container .new_header-menu .custom-menu-primary .hs-menu-wrapper ul li a.getintouch {
    color: #fff !important;
}
/*	--------------	End New header Menu CSS	--------------	*/

/*	--------------	Start Service's Form CSS	--------------	*/

.leadinModal .leadin-preview-wrapper{
  margin:23px auto !important;
}
.leadinModal.leadinModal-v3 .leadin-form-wrapper {
    margin-top: 0px;
    padding-top: 0px !important;
    margin-bottom: 35px !important;
}
/*	--------------	End Service's Form CSS	--------------	*/


/*	--------------	Resource Page CSS	--------------	*/

.resource_side-menu li {
    padding: 0 40px 0 0;
    padding-top: 0px;
    display: inline-block;
    padding-top: 30px;
}
.resource_side-menu li a {
    text-transform: uppercase;
    color: #404040;
    padding-bottom: 3px;
    display: block;
    font-weight: bold;
}
.resource_sec-Wrapper {
    background: rgba(255, 255, 255, 0.9);
    z-index: 11;
    -webkit-box-shadow: 0 6px 5px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 6px 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 6px 5px 0 rgba(0, 0, 0, 0.1);
    width: 100%;
    position: relative;
    padding: 0 6%;
}
.resource_side-menu {
    list-style: none;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    font-size: 14px;
    float: left;
}
.digital-library-wrapper {
    display: inline-block;
    width: 30%;
    margin-bottom: 20px;
    vertical-align: top;
    background: #fff;
    margin: 30px 27px 0px 0px;
}
.bookmark-id.section{
  margin-bottom:50px;
}
.bookmark-id h6{
  margin-bottom:10px;
}
.bookmark-id h2 {
    margin-bottom:30px;
}
.recourcesDigitalElement .dl-image img {
    height: 280px;
    border-radius: 10px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    width: auto;
}


.recourcesDigitalElement .management-capabilities {
    padding: 15px 0px 17px 14px;
    background: #fff;
    height: 100%;
    flex-direction: column;
}
.digital-library-wrapper:hover .recourcesDigitalElement .dl-image img {
    -webkit-box-shadow: 0 0 24px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 24px 0 rgba(0,0,0,.3);
    transform: translateY(-10px);
}
.recourcesDigitalElement .social-links-post.clearfix{
  margin-top: 0px;
}
.building_Section .page-center {
    padding: 0 7% !important;
}
.building_Section .banner-content h1 {
    font-size: 63px;
    color: #151515;
    line-height: 90px;
}
.building_Section .banner-content h6 {
    font-size: 20px;
    line-height: 33px;
    font-family: AvenirNextLTPro-Regular;
    color: #151515;
    max-width: 650px;
    text-transform: none;
    letter-spacing: -1px;
}
.newletter_Resources-section input[type="submit"]{
  font-size:18px;
}
/*	--------------	End Resource Page CSS	--------------	*/

/*	--------------	Start Password Page CSS	--------------	*/

#Promo_details.main-content .custom_error_message{
  text-align:center;
}
.custom_error_message #hs-pwd-widget-password{
  margin:0 auto;
}
.custom_error_message .hs-button.primary, input[type="submit"]{
  padding: 6px 18px;
   
}
#Promo_details.main-content  .custom_error_message .hs-button.primary, input[type="password"]{
  max-width:250px !important;
  text-align:center;
}
/*	--------------	End Password Page CSS	--------------	*/

/*	--------------	Start Quiz Page CSS	--------------	*/

.quiz_data .html.auto-scroll{
    overflow: hidden !important;
  }

/*	--------------	Start Customer Client CSS	--------------	*/

.trusted-customer-box .trusted_blk{
  text-align:left;
}
.trusted-customer-box .section_Customers
{
  display: inline-block;
  padding-left: 0px;
  margin: 0px;
  list-style: none;
}

.trusted-customer-box .section_Customers li
{
    display: inline-block;
    width: 19%;
    background:none !important;
    padding:0px;
}

.trusted-customer-box .section_Customers li img {
  max-width: 76% !important;
  background: none;
  padding: 0px;
  border-radius: 6px;
  height: auto;
  display: block;
}
/*	--------------	End Customer Client CSS	--------------	*/
/*	--------------	New Technologyies Section CSS	--------------	*/
.latest_Section-data .tech_row .tech_logos_col .row .tech_html5{
  width: 61px;
  height: 61px;
  background-image: url(https://www.classicinformatics.com/hubfs/images/HTML5.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
/*   background-color: #FFF; */
  border-radius: 5px;
}
.technology-stuck .latest_Section-data .tech_row .tech_logos_col .row .tech-logo:hover .tech_html5 ,  
.technology-stuck .latest_Section-data .tech_row .tech_logos_col .row .tech-logo:hover .tech_css3,
.technology-stuck .latest_Section-data .tech_row .tech_logos_col .row .tech-logo:hover .tech_javascript,
.technology-stuck .latest_Section-data .tech_row .tech_logos_col .row .tech-logo:hover .tech_typescript,
.technology-stuck .latest_Section-data .tech_row .tech_logos_col .row .tech-logo:hover .tech_react,
.technology-stuck .latest_Section-data .tech_row .tech_logos_col .row .tech-logo:hover .tech_angular,
.technology-stuck .latest_Section-data .tech_row .tech_logos_col .row .tech-logo:hover .tech_node,
.technology-stuck .latest_Section-data .tech_row .tech_logos_col .row .tech-logo:hover .tech_dotnet,
.technology-stuck .latest_Section-data .tech_row .tech_logos_col .row .tech-logo:hover .tech_csharp,
.technology-stuck .latest_Section-data .tech_row .tech_logos_col .row .tech-logo:hover .tech_node,
.technology-stuck .latest_Section-data .tech_row .tech_logos_col .row .tech-logo:hover .tech_vue,
.technology-stuck .latest_Section-data .tech_row .tech_logos_col .row .tech-logo:hover .tech_python,
.technology-stuck .latest_Section-data .tech_row .tech_logos_col .row .tech-logo:hover .tech_Kotlin
{
   background-position: center !important;
}
.technology-stuck .latest_Section-data .tech_row .tech_logos_col .row .tech-logo div {
    transition: none !important;
    background-position: center !important;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_css3 {
  background-image: url(https://www.classicinformatics.com/hubfs/images/CSS3.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
   background-color: none;
  border-radius: 5px;
  width: 61px;
  height: 61px;
}

.latest_Section-data .tech_row .tech_logos_col .row .tech_javascript{
  background-image: url(https://www.classicinformatics.com/hubfs/images/JavaScript.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
   background-color: none;
  border-radius: 5px;
  width: 61px;
  height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_typescript {
   background-image: url(https://www.classicinformatics.com/hubfs/images/TypeScript.png);
   background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
   background-color: none;
  border-radius: 5px;
  width: 61px;
  height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_react , .latest_Section-data .tech_row .tech_logos_col .row .tech_reactnative{
   background-image: url(https://www.classicinformatics.com/hubfs/images/React.png);
   background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
   background-color: none;
  border-radius: 5px;
 width: 61px;
height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_angular{
   background-image: url(https://www.classicinformatics.com/hubfs/images/Angular.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
   background-color: none;
  border-radius: 5px;
  width: 61px;
  height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_vue{
   background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/Vue.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
   background-color: none;
  border-radius: 5px;
  width: 68px;
  height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_python{
   background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/Python.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
   background-color: none;
  border-radius: 5px;
  width: 68px;
  height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_Kotlin
{
   background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/Kotlin.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
   background-color: none;
  border-radius: 5px;
  width: 68px;
  height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_node{
  background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/NodeJS.png);
  background-position: center;
    margin: auto;
    margin-bottom: auto;
    margin-bottom: auto;
    margin-bottom: 10px;
     background-color: none;
    border-radius: 5px;
     width: 65px;
    height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_dotnet {
  background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/dot-net.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
  background-color: none;
  border-radius: 5px;
  width: 65px;
  height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_csharp {
  background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/C%23-1.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
  background-color: none;
  border-radius: 5px;
  width: 61px;
  height: 61px;
} 

.latest_Section-data .tech_row .tech_logos_col .row .tech_php
{
   background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/PHP.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
  background-color: none;
  border-radius: 5px;
  width: 61px;
  height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_java
{
   background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Java.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
  background-color: none;
  border-radius: 5px;
  width: 61px;
  height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_scala{
   background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Scala.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
   background-color: none;
  border-radius: 5px;
  width: 61px;
  height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_android
{
  background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Android.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
  background-color: none;
  border-radius: 5px;
  width: 61px;
  height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_hire-data-scientists
{
  background-image: url(https://www.classicinformatics.com/hubfs/50.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
  background-color: none;
  border-radius: 5px;
  width: 61px;
  height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_hire-blockchain-developers
{
  background-image: url(https://www.classicinformatics.com/hubfs/blockchain-50.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
  background-color: none;
  border-radius: 5px;
  width: 61px;
  height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_hire-ml-engineers
{
  background-image: url(https://www.classicinformatics.com/hubfs/machine-learning-50.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
  background-color: none;
  border-radius: 5px;
  width: 61px;
  height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_hire-ai-engineers
{
  background-image: url(https://www.classicinformatics.com/hubfs/chip-50.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
  background-color: none;
  border-radius: 5px;
  width: 61px;
  height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_swift
{
  background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Swift.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
   background-color: none;
  border-radius: 5px;
  width: 61px;
  height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_objective
{
  background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Apple.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
  background-color: none;
  border-radius: 5px;
  width: 61px;
  height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_drupal{
  background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Drupal.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
  background-color: none;
  border-radius: 5px;
  width: 61px;
  height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_wordpress {
  background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Wordpress.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
   background-color: none;
  border-radius: 5px;
  width: 61px;
  height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_magento {
  background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Magento.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
  background-color: none;
  border-radius: 5px;
  width: 61px;
  height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_salesforce {
   background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Salesforce.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
  background-color: none;
  border-radius: 5px;
  width: 61px;
  height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_powerBi {
   background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/PowerBI-1.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
  background-color: none;
  border-radius: 5px;
  width: 61px;
  height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_HubSpot-Academy_icon {
  background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/inbound-icon/icons8-hubspot-64.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
   background-color: none;
  border-radius: 5px;
  width: 61px;
  height: 61px;
}
.technology-stuck .latest_Section-data  .tech_row .tech_name-col .tech_name {
  color: #404040 !important;
}
.technology-stuck .latest_Section-data h2 { 
  color: #404040 !important; 
}
.table_vue-warpper .span4.widget-span.widget-type-custom_widget{
  margin-left:0px;
}
.secure_vue-warpper .Basis{
  display:flex;
  margin-left:0rem;
}
.secure-form {
    background: #f8f8f8;
    padding: 23px 23px;
    border-radius: 5px;
    font-weight: bold;
    color: #020202;
}
.onboard-wapper p{
  color:#fff;
}
.secure-form label{display:none;}
.secure-form ul.no-list.hs-error-msgs.inputs-list {
    margin: 0px 0 9px;
}
.secure-form input[type="text"], .secure-form input[type="email"], .secure-form textarea {
    margin-bottom: 11px;
    border: 1px solid #bbb !important;
    color: #3c3c3c;
    font-size: 16px !important;
    font-family: "AvenirNextLTPro-Regular",sans-serif;
}
.ppc-from-box {
    border-radius: .625rem;
    margin-bottom: 1.875rem;
    position: relative;
    width: 302px;
}
.ppc-from-box {
    background-color:#42505f;
    margin-right: 23px;
}
.ppc-from-box-inner-top {
    border-radius: 10px 10px 0 0;
    padding: 2.5rem 1.25rem 1.25rem;
    min-height: 11.0625rem;
    text-align: center;
}
.ppc-from-box-inner-bottom {
    background-color: #fff;
    border-radius: 0 0 0 0;
     height: 114px !important;
}
.ppc-from-box:hover {
    box-shadow: 0 0 24px 0 rgba(0,0,0,.3);
    transform: translateY(-10px);
}
.banner-post * {
    position: relative;
    z-index: 1;
}
.ppc-from-box-inner-top span {
    font-size: 16px;
    font-weight:bold;
    margin-bottom: 1.375rem;
}
.ppc-from-box-inner-top span {
    color: #fff;
}
.ppc-from-box-inner-top h3 {
    font-size: 2.15rem;
    color: #fff;
    margin-top: 23px;
}
.ppc-from-box-inner-bottom p {
    color: #000;
    font-weight: 700;
    padding: 1.25rem;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: unset;
}
/*	--------------	End New Technologyies Section Css	--------------	*/

/*============ service_Hire-Team CSS Menu ===============*/
#service_Hire-Team .services ~ ul.hs-menu-children-wrapper li.hs-menu-depth-3 ::after{
  border-bottom:0!important;
}
#service_Hire-Team .anem-menu span:nth-child(2){
  display:block;
  padding-top: 1px;
}
#service_Hire-Team > .services ~ ul.hs-menu-children-wrapper{
  width:1020px!important;
  box-shadow: 12px 7px 36px -13px #d9d9dc;
}
#service_Hire-Team > ul > li:nth-child(4){
  width:17%!important;
}
#service_Hire-Team .anem-menu{
  color: #727272;
  margin: 6px 7px 0px 2px;
}

#service_Hire-Team .hireDeveloper_Services{
  position:relative!important;
  padding:0px 0px ;
  padding-left: 11px !important;
}
#service_Hire-Team .hireDeveloper_Services a { display:inline-block!important;}
#service_Hire-Team .hireDeveloper_Services a:first-child { display:block!important; margin-bottom: 12px;}
.hireDeveloper_Services img {
    vertical-align: text-top;
    padding-top: 7px;
}
#service_Hire-Team > ul > li:nth-child(6){
    width: 106.5% !important;
    background: #f5f5f5!important;
    margin: 20px -49px -18px -30px !important;
    padding: 0px 0px 15px 19px !important;
    border-radius: 10px!important;
}
#service_Hire-Team .hireDeveloper_Services .anem-menu {
    padding-bottom: 9px;
    padding-right: 19px;
}
#service_Hire-Team .btn_work_together {
  position:absolute!important;
  bottom: -9px !important;
  right: 131px;
}

#service_Hire-Team .buildateam {
    background-color: #d8262c!important;
    padding: 8px 25px !important;
    -moz-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
    border-radius: 5px!important;
    color: #fff!important;
}

/*============ solution_Platform-Team CSS Menu ===============*/


#solution_Platform-Team .hs-menu-children-wrapper{
  padding:0 49px 23px!important;
}

#solution_Platform-Team .salesforce,#solution_Platform-Team .drupal,#solution_Platform-Team .magento{
  height:auto!important;
}

#solution_Platform-Team .anem-menu span{
  display:block!important;
}
#solution_Platform-Team .anem-menu span:hover {
    color: #d8262c;
}
.hireDeveloper_Services .anem-menu span:hover {
    color: #d8262c;
}
#solution_Platform-Team .hs-menu-wrapper>ul ul > li{
  padding:0 !important;
}

#solution_Platform-Team .solutions_Platforms-Experts a:nth-child(5) {
  display:inline-block!important;
}

#solution_Platform-Team .plateform-2{
  float:right!important;
  margin-top:-83px!important;
  margin-right:15px!important;
}

#solution_Platform-Team .stack_Development a:first-child{
  display:block!important;
}

#solution_Platform-Team .stack_Development a:nth-child(-n+10){
  width:30% !important;
  display:inline-block;
}

#solution_Platform-Team .stack_Development .clouder {
    float: right!important;
    position: absolute!important;
    right: 282px!important;
    top: 89px!important;
}

#solution_Platform-Team .stack_Development .clouder a{
  display:block!important;
}

#solution_Platform-Team .hs-menu-depth-2:nth-child(3) .type_solutions a{ display:inline-block!important; width:29%!important;position:relative !important; padding-top: 9px;}

#solution_Platform-Team .hs-menu-depth-2:nth-child(4) .type_solutions a{ display:inline-block!important; width:46%!important;}


#solution_Platform-Team .hs-menu-depth-2:nth-child(3) .type_solutions a:first-child, #solution_Platform-Team .hs-menu-depth-2:nth-child(4) .type_solutions a:first-child{
  display:block!important;
}

#solution_Platform-Team .stack_Development .mobiler{
  position: absolute!important;
  right:165px!important;
  top:89px!important;
}

#solution_Platform-Team .stack_Development .mobiler a, #solution_Platform-Team .stack_Development .next-gen a{
  display:block!important;
}

#solution_Platform-Team .stack_Development .next-gen{
  position:absolute!important;
  right:50px!important;
  top:89px!important;
}

#solution_Platform-Team .type_solutions img {
  width:25px!important;
  height:auto !important;
  vertical-align:middle!important;
  position: absolute;
  margin: 14px -22px;
}

#solution_Platform-Team .type_solutions .anem-menu span:first-child{
  font-size:12px!important;
}

#solution_Platform-Team .type_solutions .anem-menu span{
  font-size:12px!important;
}

#solution_Platform-Team .type_solutions a:first-child{
  margin-bottom:20px!important;
}

#solution_Platform-Team .hs-menu-children-wrapper .hs-menu-depth-2:nth-child(3){
 /* margin:0!important; */
  margin: 23px 0px 0px 0px !important;
  width:55%!important;
  display:block!important;
  background:transparent!important;
  float:left!important;
}

#solution_Platform-Team .hs-menu-children-wrapper .hs-menu-depth-2:nth-child(4){
    margin:18px 0 0 0!important; width:45%!important; display:block!important; background:transparent!important; float:right!important;
}

.byplatformsmarketexpertsforfasterdevelopment,.bydevelopmentstackfullstacktechnologiesacrossgenerations{
 margin-bottom:20px!important;
}

#solution_Platform-Team .anem-menu span{
 margin-top:5px!important;
}

#solution_Platform-Team .type_solutions .byindustriessoftwaredevelopmentacrossverticals .anem-menu{
 margin-left:-3px!important;
}

#solution_Platform-Team .type_solutions .byindustriessoftwaredevelopmentacrossverticals .anem-menu span:first-child {
   font-size: 14px !important;
}
.#solution_Platform-Team .type_solutions .bytypesspecificsolutionsforspecificlarge-scalerequirements .anem-menu span:first-child{
   font-size: 14px !important;
}

#solution_Platform-Team .type_solutions a:not(:first-child){
 margin-left:15px !important;
}

#solution_Platform-Team .hs-menu-children-wrapper .hs-menu-depth-2:nth-child(3),#solution_Platform-Team .hs-menu-children-wrapper .hs-menu-depth-2:nth-child(4){
  position:relative!important;
}
#solution_Platform-Team .hs-menu-children-wrapper .hs-menu-depth-2:nth-child(3):after,#solution_Platform-Team .hs-menu-children-wrapper .hs-menu-depth-2:nth-child(4):after{
  content:''!important;
  background:#f8f8f8!important;
  position:absolute!important;
  width:100%!important;
  z-index:-1!important;
}

#solution_Platform-Team .hs-menu-children-wrapper .hs-menu-depth-2:nth-child(3):after{
    top: 42px!important;
    left: -43px!important;
    height: 280px!important;
}

#solution_Platform-Team .hs-menu-children-wrapper .hs-menu-depth-2:nth-child(4):after{
     top: 42px!important;
    bottom: 0!important;
    width: 100%!important;
    height: 282px!important;
}

.byplatformsmarketexpertsforfasterdevelopment{
  margin-bottom:0!important;
  margin-top:-5px!important;
}

.bydevelopmentstackfullstacktechnologiesacrossgenerationswebsoftware span{
  display:block!important;
  color:#404040 !important
}

.bydevelopmentstackfullstacktechnologiesacrossgenerationswebsoftware .anem-menu:nth-child(2){
  display:block!important;
}

#solution_Platform-Team .solutions_Platforms-Experts a:not(:first-child),#solution_Platform-Team .hubspot{
  color:#727272!important;
  margin-top:-1px!important;
}

#solution_Platform-Team .stack_Development a{
  color:#727272!important;
}

#solution_Platform-Team .hs-menu-children-wrapper .hs-menu-depth-2:nth-child(3) .type_solutions a:first-child {
      margin: 6px 0 0 0px!important;
}

#solution_Platform-Team .hs-menu-children-wrapper .hs-menu-depth-2:nth-child(4) .type_solutions a:first-child {
      margin: 0px 0 0 -14px!important;
      padding-bottom: 8px;
}

#solution_Platform-Team .stack_Development .bydevelopmentstackfullstacktechnologiesacrossgenerationswebsoftware .anem-menu{margin-top: 1px;}

.bydevelopmentstackwebsoftware .anem-menu{
  display:block!important;
}

#service_Hire-Team .hs-menu-depth-2 > a,.hireDeveloper_Services a:first-child .anem-menu, #solutions_Platforms-Experts .byplatforms .anem-menu,#solution_Platform-Team .type_solutions .anem-menu span:first-child,.bydevelopmentstackwebsoftware .anem-menu,.clouder > .anem-menu:first-child,.mobiler > .anem-menu:first-child,.next-gen > .anem-menu:first-child,.byindustriessoftwaredevelopmentacrossverticals,.bytypesspecificsolutionsforspecificlarge-scalerequirements{
  color:#404040!important;
  font-size: 14px !important;
 /* pointer-events:none!important; */
}

.byplatforms{
  pointer-events:none!important;
  margin:-5px 0 0 -3px;
}

#solution_Platform-Team .stack_Development .clouder, #solution_Platform-Team .stack_Development .mobiler, #solution_Platform-Team .stack_Development .next-gen{
  top:58px !important;
}

#service_Hire-Team .hs-menu-depth-3 > a:hover .anem-menu,#service_Hire-Team  .anem-menu-subhead:hover{
  color:#d8262c!important;
}

.about ~ ul.hs-menu-children-wrapper li ul.hs-menu-children-wrapper li.hs-menu-depth-3:nth-child(6) {
    padding: 19px 19px !important;
}

#solution_Platform-Team .anem-menu span, #service_Hire-Team .anem-menu span{font-size:13px!important}

#service_Hire-Team .hireDeveloper_Services a:first-child .anem-menu span:nth-child(1),.byplatforms span ,#solution_Platform-Team .bydevelopmentstackwebsoftware span,#solution_Platform-Team .byplatforms span{font-size:14px!important}

#service_Hire-Team ul ul li {
    padding: 3px 0 !important;
}
.solutions_Platforms-Experts .byplatforms .anem-menu {
    padding-left: 3px;
    padding-bottom: 4px;
}
.byplatforms .anem-menu span {
    color: #424242;
}
.type_solutions .anem-menu .anem-menu-subhead {
    color: #727272;
}

#service_Hire-Team .hireDeveloper_Services a:nth-child(4){
  margin-left:16px!important;
}

#service_Hire-Team .btn_work_together{
  right:126px!important;
}

#solution_Platform-Team .solutions_Platforms-Experts{
  width:85%!important;
}

#solution_Platform-Team .plateform-2{
  margin-top:-87px!important;
}

#solution_Platform-Team .hs-menu-depth-2:nth-child(2){
  width:34%!important;
}

#solution_Platform-Team .stack_Development .clouder{
   top:67px!important;
   right: 413px !important;
}

#solution_Platform-Team .stack_Development .mobiler{
  top:67px!important;
  right: 297px !important;
}

#solution_Platform-Team .stack_Development .next-gen{
  top:67px!important;
  right: 164px !important;
}


#solution_Platform-Team .hs-menu-children-wrapper .hs-menu-depth-2:nth-child(4){
  /* margin:0!important; */
  margin-top: 23px !important;
}


#solution_Platform-Team .hs-menu-children-wrapper .hs-menu-depth-2:nth-child(4):before{
   content: ''!important;
    background: #f8f8f8!important;
    position: absolute!important;
    width: 100%!important;
    z-index: -1!important;
    height: 281px!important;
    top: 43px!important;
    right: -43px!important;
    left:-320px !important;
}
#solution_Platform-Team .hs-menu-children-wrapper .hs-menu-depth-2:nth-child(4) .type_solutions a:first-child{
  margin:25px 0 0 -14px!important
}


#solution_Platform-Team .hs-menu-children-wrapper .hs-menu-depth-2:nth-child(4):after{
  right:-48px!important;
}




/*	--------------	Menu End CSS	--------------	*/

/*	--------------	RESPONSIVE CSS	--------------	*/
@media screen and (max-width: 2236px) and (min-width: 1920px){

  #solution_Platform-Team .stack_Development a:nth-child(-n+10){
    width:130px!important;
  }

#solution_Platform-Team .stack_Development .clouder{
  left:800px !important;
}
 
 #solution_Platform-Team .stack_Development .next-gen{
    left:1190px!important;
  }
 
 #solution_Platform-Team .stack_Development .mobiler{
    left:1052px !important;
  }
 
}

@media screen and (max-width: 2207px) and (min-width: 1550px){
  #solution_Platform-Team .hs-menu-children-wrapper .hs-menu-depth-2:nth-child(4):before{
    top:41px!important;
    right:-45px!important;
  }
  #solution_Platform-Team .hs-menu-children-wrapper .hs-menu-depth-2:nth-child(4):after{
        top: 41px!important;
  }
  #solution_Platform-Team .stack_Development .clouder {
    right: 501px !important;
 }

  #solution_Platform-Team .stack_Development .mobiler {
      right: 369px !important;
 }

 #solution_Platform-Team .stack_Development .next-gen {
    right: 215px !important;
  }
  #solution_Platform-Team .hs-menu-depth-2:nth-child(2) {
    margin-bottom: 23px;
}
  
  #solution_Platform-Team .hs-menu-depth-2:nth-child(2) {
    width: 34% !important;
    margin-bottom: 23px;
 }
  #solution_Platform-Team .hs-menu-children-wrapper .hs-menu-depth-2:nth-child(4){
    padding-top: 8px;
  }
}
/*	--------------	Menu End CSS	--------------	*/
@media (max-width: 1499px) {
 .container {
   padding: 0 7%;
  }
  
  h1 { 
    font-size: 50px; 
    line-height: 56px;
  }
}
  
@media all and (max-width: 1392px){ 
  .addresses {
    left: 110px;
  }
}

@media all and (max-width: 1024px){ 

}

@media all and (max-width: 999px){ 

}

@media all and (max-width: 767px) { 

}
#service_Hire-Team > ul > li:nth-child(2){
  width: 18% !important;
}
#service_Hire-Team > ul > li:nth-child(3){
  width: 22% !important;
}
#service_Hire-Team > ul > li:nth-child(5){
  width: 18% !important;
}
.hub-form .hbspt-form .hs-fieldtype-phonenumber input {
    width: 100% !important;
    padding: 12px 10px;
    color: #3C3C3C;
    font-size: 16px !important;
    border: none;
    border-bottom: 1px solid #9a9a9a3b!important;
    font-family: "AvenirNextLTPro-Regular", sans-serif;
    max-width: 100%;
    resize: none;
    margin-bottom: 12px;
}
.hub-form .hs-fieldtype-phonenumber input {
    width: 100% !important;
    padding: 6px;
    color: #3C3C3C;
    font-size: 16px !important;
    border: none;
    border-bottom: 1px solid #9a9a9a3b!important;
    font-family: "AvenirNextLTPro-Regular", sans-serif;
    max-width: 100%;
    resize: none;
    margin-bottom: 12px;
}
/* =============== @import, @font-face, and CSS File Includes =============== */
/* EX: @import url('http://example.com/example_style.css'); */
@font-face {
	font-family: 'AvenirNextLTPro-Regular';
	src: url("//6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019%20Theme/Fonts/AvenirNextLTPro-Regular.eot") format("embedded-opentype"),
		url("http://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019 Theme/Fonts/AvenirNextLTPro-Regular.ttf") format("truetype"),
		url("http://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019 Theme/Fonts/AvenirNextLTPro-Regular.woff2") format("woff2"),
		url("http://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019 Theme/Fonts/AvenirNextLTPro-Regular.woff") format("woff"),
		url("http://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019 Theme/Fonts/AvenirNextLTPro-Regular.svg#AvenirNextLTPro-Regular") format("svg");
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
}
@font-face {
	font-family: 'AvenirNextLTPro-Demi';
	src: url("http://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019 Theme/Fonts/AvenirNextLTPro-Demi.eot#iefix") format("embedded-opentype"),
		url("http://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019 Theme/Fonts/AvenirNextLTPro-Demi.ttf") format("truetype"), 
		url("http://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019 Theme/Fonts/AvenirNextLTPro-Demi.woff2") format("woff2"),
		url("http://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019 Theme/Fonts/AvenirNextLTPro-Demi.woff") format("woff"),
		url("http://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019 Theme/Fonts/AvenirNextLTPro-Demi.svg#AvenirNextLTPro-Demi") format("svg");
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
}
@font-face {
	font-family: 'AvenirNextLTPro-Bold';
	src: url("http://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019 Theme/Fonts/AvenirNextLTPro-Bold#iefix") format("embedded-opentype"),
		url("http://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019 Theme/Fonts/AvenirNextLTPro-Bold.ttf") format("truetype"),
		url("http://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019 Theme/Fonts/AvenirNextLTPro-Bold.woff2") format("woff2"),
		url("http://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019 Theme/Fonts/AvenirNextLTPro-Bold.woff") format("woff"), 
		url("http://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019 Theme/Fonts/AvenirNextLTPro-Bold.svg#AvenirNextLTPro-Bold") format("svg");
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
}
/* HubSpot_Boilerplate-modules.css is required to address style issues with the default modules and responsive grid layout */
/* Images */
img {
  max-width: 100%;
  height: auto;
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: bottom; /* Suppress the space beneath the baseline */
}
img.alignRight, img.alignright{ margin: 0 0 5px 15px; }
img.alignLeft, img.alignleft{ margin: 0 15px 5px 0; }

/* Reduces min-height on bootstrap structure */
.row-fluid [class*="span"] { min-height: 1px; }

/* Blog Social Sharing */
.hs-blog-social-share .hs-blog-social-share-list {
  margin: 0;
  list-style: none !important;
}
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item {
  height: 30px;
  list-style: none !important;
}
@media (max-width: 479px){
  .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item:nth-child(2) {
    float: none !important; /* Stack social icons into two rows on phones */
  }
}
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item .fb-like > span{
  vertical-align: top !important; /* Aligns Facebook icon with other social media icons */
}
.hs-blog-social-share-list li.hs-blog-social-share-item.hs-blog-social-share-item-linkedin .IN-widget {
    vertical-align: top !important;
}

/* Captcha */
#recaptcha_response_field {
  width: auto !important;
  display: inline-block !important;
}

/* line height fix for reCaptcha theme */
#recaptcha_table td {line-height: 0;}
.recaptchatable #recaptcha_response_field { min-height: 0;line-height: 12px; }

@media all and (max-width: 400px) {
  /* beat recaptcha into being responsive, !importants and specificity are necessary */
  #captcha_wrapper,
  #recaptcha_area,
  #recaptcha_area table#recaptcha_table,
  #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {
    width: auto !important;
    overflow: hidden; 
  }
  #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important; }
  #recaptcha_area table#recaptcha_table #recaptcha_image { width:280px !important; }
}

/* Videos */
video {
  max-width: 100%;
  height: auto;
}

/* Date Picker */
#calroot {
  width: 202px !important;
  line-height: normal;
}
#calroot,
#calroot *,
#calroot *:before,
#calroot *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
} 
#calroot select {
  min-height: 0 !important;
  padding: 1px 2px !important;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet MS", Verdana, sans-serif !important;
  font-size: 10px !important;
  line-height: 18px !important;
  font-weight: normal !important;
} 
#caldays {
  margin-bottom: 4px;
}

/* Responsive Embed Container (iFrame, Object, Embed)*/
@media only screen and (max-width: 767px){
  .hs-responsive-embed,
  .hs-responsive-embed.hs-responsive-embed-youtube,
  .hs-responsive-embed.hs-responsive-embed-wistia,
  .hs-responsive-embed.hs-responsive-embed-vimeo {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    padding-left: 0;
    padding-right: 0;
  }
  .hs-responsive-embed iframe, 
  .hs-responsive-embed object, 
  .hs-responsive-embed embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }
}
.hs-responsive-embed.hs-responsive-embed-instagram {
  padding-top: 0px;
  padding-bottom: 116.01%;
}
.hs-responsive-embed.hs-responsive-embed-pinterest {
  height: auto;
  overflow: visible;
  padding: 0 0 0 0;
}
.hs-responsive-embed.hs-responsive-embed-pinterest iframe {
  position: static;
  width: auto;
  height: auto;
}
iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] {
  width: 100%;
  max-width: 100%;
}
@media (max-width: 568px) {
  iframe {
    max-width: 100%;
  }
}

/* Forms */
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"]
select {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Fix radio button and check box fields in multi column forms*/
.hs-form fieldset[class*="form-columns"] input[type="checkbox"].hs-input,
.hs-form fieldset[class*="form-columns"] input[type="radio"].hs-input {
  width: auto;
}

/* System Template Forms */
#email-prefs-form .email-edit {
  width: 100% !important;
  max-width: 507px !important;
}
#hs-pwd-widget-password {
  height: auto !important;
}

/* Menus */
.hs-menu-wrapper ul {
  padding: 0; 
}

/* Horizontal Menu
========================================================================== */

.hs-menu-wrapper.hs-menu-flow-horizontal ul {
  list-style: none;
  margin: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
  display: inline-block;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul:before {
  content: " ";
  display: table;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul:after {
  content: " ";
  display: table;
  clear: both;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
  float: left;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
  display: inline-block;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
  position: relative;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  position: absolute;
  z-index: 10;
  left: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  display: block;
  white-space: nowrap;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
  left: 100%;
  top: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
  opacity: 1;
  visibility: visible;
}
.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
  margin-bottom: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch {
  position: relative;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul {
  margin-bottom: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children {
  position: static;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  display: none;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper {
  display: block;
  visibility: visible;
  opacity: 1;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before {
  content: " ";
  display: table;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after {
  content: " ";
  display: table;
  clear: both;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li {
  float: left;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
  display: inline-block;
}

/* Vertical Menu
========================================================================== */ 

.hs-menu-wrapper.hs-menu-flow-vertical {
  width: 100%;
}
.hs-menu-wrapper.hs-menu-flow-vertical ul {
  list-style: none;
  margin: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical li a {
  display: block;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul {
  margin-bottom: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a {
  width: auto;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children {
  position: relative;
}

/* Flyouts */
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  position: absolute;
  z-index: 10;
  left: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  display: block;
  white-space: nowrap;
}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  left: 100%;
  top: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
  opacity: 1;
  visibility: visible;
}


@media (max-width: 767px) {
  .hs-menu-wrapper, .hs-menu-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    list-style: none;
    margin: 0;
    display: block;
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    display: block;
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    float: none;
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,
  .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,
  .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
    display: block;
  }

  /* Stacking Horizontal Nav for Mobile */
  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal ul ul ul {
    padding: 0;
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    white-space: normal;
  }

  /* Stacking Vertical Nav for Mobile */
  .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper  {
    position: static;
    opacity: 1;
    visibility: visible;
  }
}

.hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts .hs-menu-children-wrapper {
  visibility: visible;
  opacity: 1;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
  display: block;
  visibility: visible;
  opacity: 1;
}

/* Space Module */
.widget-type-space { visibility: hidden; }

/* Blog Author Section */
.hs-author-social-links { display: inline-block; }
.hs-author-social-links a.hs-author-social-link {
  width: 24px;
  height: 24px;
  border-width: 0px;
  border: 0px;
  line-height: 24px;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  display: inline-block;
  text-indent: -99999px;
}
.hs-author-social-links a.hs-author-social-link.hs-social-facebook {
  background-image: url("../png/facebook-24x24.png");
}
.hs-author-social-links a.hs-author-social-link.hs-social-linkedin {
  background-image: url("../png/linkedin-24x24.png");
}
.hs-author-social-links a.hs-author-social-link.hs-social-twitter {
  background-image: url("../png/twitter-24x24.png");
}
.hs-author-social-links a.hs-author-social-link.hs-social-google-plus {
  background-image: url("../png/googleplus-24x24.png");
}

/* Fix for CTA border box issue */
.hs-cta-wrapper a {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/*
* jQuery FlexSlider v2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/

/* Wrapper */
.hs_cos_wrapper_type_image_slider {
  display: block;
  overflow: hidden
}

/* Browser Resets */
.hs_cos_flex-container a:active,
.hs_cos_flex-slider a:active,
.hs_cos_flex-container a:focus,
.hs_cos_flex-slider a:focus  {outline: none;}
.hs_cos_flex-slides,
.hs_cos_flex-control-nav,
.hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */

/* FlexSlider Default Theme
*********************************/
.hs_cos_flex-slider {margin: 0 0 60px; padding: 0; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;}
.hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .hs_cos_flex-viewport {max-height: 300px;}
.hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;}

.carousel li {margin-right: 5px}

/* FlexSlider Necessary Styles
*********************************/
.hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;}
.hs_cos_flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .hs_cos_flex-slides element */
.hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .hs_cos_flex-slides {display: block;}
* html .hs_cos_flex-slides {height: 1%;}


/* Direction Nav */
.hs_cos_flex-direction-nav {*height: 0;}
.hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url("../png/bg_direction_nav.png") no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; }
.hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;}
.hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Direction Nav for the Thumbnail Carousel */
.hs_cos_flex_thumbnavs-direction-nav {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.hs_cos_flex_thumbnavs-direction-nav {*height: 0;}
.hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url("../png/bg_direction_nav.png") no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; }
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;}
.hs-cos-flex-slider-control-panel img { cursor: pointer; }
.hs-cos-flex-slider-control-panel img:hover { opacity:.8; }
.hs-cos-flex-slider-control-panel { margin-top: -30px; }



/* Control Nav */
.hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.hs_cos_flex-control-thumbs img:hover {opacity: 1;}
.hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;}
  .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;}
}

.hs_cos_flex-slider .caption {
  background-color: black;
  position: static;
  font-size: 2em;
  line-height: 1.1em;
  color: white;
  padding: 0px 5% 0px 5%;
  width: 100%;
  top: 40%;
  text-align: center;
}
.hs_cos_flex-slider .superimpose .caption {
  color: white;
  font-size: 3em;
  line-height: 1.1em;
  position: absolute;
  padding: 0px 5% 0px 5%;
  width: 90%;
  top: 40%;
  text-align: center;
  background-color: transparent;
}

@media all and (max-width: 400px) {
  .hs_cos_flex-slider .superimpose .caption {
    background-color: black;
    position: static;
    font-size: 2em;
    line-height: 1.1em;
    color: white;
    width: 90%;
    padding: 0px 5% 0px 5%;
    top: 40%;
    text-align: center;
  }
}

.hs_cos_flex-slider h1,
.hs_cos_flex-slider h2,
.hs_cos_flex-slider h3,
.hs_cos_flex-slider h4,
.hs_cos_flex-slider h5,
.hs_cos_flex-slider h6,
.hs_cos_flex-slider p {
  color: white;
}
/* Thumbnail only version of the gallery */
.hs-gallery-thumbnails li {
  display: inline-block;
  margin: 0px;
  padding: 0px;
  margin-right:-4px;
}
.hs-gallery-thumbnails.fixed-height li img {
  max-height: 150px;
  margin: 0px;
  padding: 0px;
  border-width: 0px;
}

/* responsive pre elements */
pre { overflow-x: auto; }

/* responsive pre tables */
table pre { white-space: pre-wrap; }

/* Corrects width issues in table elements created via the wysiwyg editor */
table tr td img { max-width: initial; }

/* adding minimal spacing for blog comments */
.comment { margin: 10px 0 10px 0; }

/* make sure lines with no whitespace don't interefere with layout */
.hs_cos_wrapper_type_rich_text,
.hs_cos_wrapper_type_text,
.hs_cos_wrapper_type_header,
.hs_cos_wrapper_type_section_header,
.hs_cos_wrapper_type_raw_html,
.hs_cos_wrapper_type_raw_jinja,
.hs_cos_wrapper_type_page_footer {
  word-wrap: break-word;
}

/* HTML 5 Reset */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}
audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}

/* Support migrations from wordpress */
.wp-float-left {
  float: left;
  margin: 0 20px 20px 0;
}

.wp-float-right {
  float: right;
  margin: 0 0 20px 20px;
}

/* Responsive Google Maps */
#map_canvas img, .google-maps img { max-width: none; }
* { margin: 0; box-sizing: border-box; font-weight: normal; -webkit-font-smoothing: antialiased; }

ul { list-style: none; }

.clearfix { overflow: auto;}
.clearfix::after { content: ""; clear: both; display: table;}
.container { width: 100%; max-width: 100%; margin: auto; padding: 0 7%; }

::-moz-selection { color: #fff; background: #d8262c; }
::selection { color: #fff; background: #d8262c; }
a { color: #d8262c; text-decoration: none; }

.underline { padding-bottom:5px; display: inline-block; position: relative; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.underline:before { content: ""; width: 100%; height: 5px; background-color: #d8262c; display: block; position: absolute; bottom: 3px; z-index: -1; }
.underline:hover { color: #d8262c; }
.underline a:hover {color: #d8262c;}

.underline_gurgugram:before { content: ""; width: 55%; height: 3px; background-color: #d8262c; display: block; position: absolute; bottom: 0px; z-index: -1; }
.underline_gurgugram{ padding-bottom:5px; display: inline-block; position: relative; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.underline_gurgugram:hover { color: #d8262c; }
.underline_gurgugram a:hover {color: #d8262c;}

.flex {  display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox;  /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */ -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; /* NEW */ flex-wrap: wrap; }

.btn { background-color: #d8262c; color: #fff !important; padding: 10px 23px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 17px; font-family: "AvenirNextLTPro-Demi", sans-serif; text-decoration: none; display: inline-block; }
.btn:hover { background-color: #b22024; }
.btn:hover::after { transform: translate(5px, 0); }
.btn:hover span { left: 8px; }

.btn span { position: relative; left: 0; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.btn:after { content: ''; width: 16px; height: 14px; color: #fff; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/arrow-pointing.svg); background-size: 16px 14px; display: inline-block; margin-left: 20px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; vertical-align: middle; }

.red { color: #d8262c; }
.white { color: #fff; }
.darkgrey { color: #151515; }
.lightgrey{ color: #727272;}

.pad-top {padding-top: 88px}
.pad-bot {padding-bottom: 88px}

.demi { font-family: "AvenirNextLTPro-Demi", sans-serif; }
.bold { font-family: "AvenirNextLTPro-Bold", sans-serif; }

h1 { font-size: 50px; line-height: 54px; font-family: "AvenirNextLTPro-Bold", sans-serif; letter-spacing: -4px;}
h2 { font-size: 40px; line-height: 50px; font-family: "AvenirNextLTPro-Bold", sans-serif; letter-spacing: -2px; color:  #404040; }
h3 { font-size: 26px; line-height: 34px; font-family: "AvenirNextLTPro-Bold", sans-serif; letter-spacing: -1px; color: #404040; }
.heading_14 { font-size: 14px; font-family: "AvenirNextLTPro-Demi", sans-serif; line-height: 28px; color: #d8262c; text-transform: uppercase; margin-bottom: 12px; }
.text-22 { font-size: 17px; line-height: 28px; letter-spacing: -1px; }
.text-right { text-align: right; }

.simple_link { position: absolute; bottom: 0; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; display: block;}
.simple_link:after { content: ''; width: 13px; height: 13px; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/arrow-pointing_red.svg) no-repeat; background-size: 13px 13px; display: inline-block; margin-left: 10px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.simple_link:hover { transform: translate(8px, 0); }
.simple_link:hover:after { transform: translate(5px, 0); }
.product-development .simple_link {position: relative;}

.link-to-post .simple_link:after{ width: 20px; height: 20px; background-size: 20px 20px; }

.arrow { width: 13px; height: 9px; fill: #d8262c; display: inline-block; -moz-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; transition: all 0.5s ease-in; margin-left: 7px; }

.simple_link:hover .arrow { transform: translate(8px, 0); }

.mb-0 { margin-bottom: 0 !important; }
.bdr-none { border: none!important }

/* Animation */
.come-in { transform: translateY(250px); animation: come-in 1s ease forwards; }
.come-in:nth-child(2) { animation-duration: 1.2s; }
.come-in:nth-child(3) { animation-duration: 1.4s; }
.come-in:nth-child(4) { animation-duration: 1.6s; }

.already-visible { transform: translateY(0); animation: none; }

@keyframes come-in { to { transform: translateY(0); } }
@-webkit-keyframes come-in { to { transform: translateY(0); } }
.width-90 { max-width: 88% !important; }

.flex-align-top { align-items: flex-start; }
.bg-gray { background-color: #f5f5f9 !important; }
.even-space { justify-content: space-evenly; }
.int-page .logo-main { display: none; }
.int-page .sticky-logo { display: block; }
.int-page .main_menu ul li a { color: #404040 !important; }
.int-page .main_menu ul li.header_btn a{ color: #fff !important; }
.only-mobile { display: none; }


/*	--------------	Start New Banner HOME SECTION CSS	--------------	*/
.home-banner-section-dtClassic .simple-banner .banner-container { background:url('../png/herobanner.png') no-repeat center/cover!important; top: 0; height: calc(100% - 0px);background-color:#1b223f !important;}
.home-banner-section-dtClassic .simple-banner .banner-container h1{ font-size: 50px !important; line-height: 60px !important;letter-spacing: -1px;}
.home-banner-section-dtClassic .simple-banner .banner-container h1:after {margin-left: -10px;}
.home-banner-section-dtClassic .simple-banner .banner-container h6 { font-size: 17px; line-height: 30px; max-width: 750px; color: #fff; font-family: "AvenirNextLTPro-Regular", sans-serif; text-transform: inherit;}
/*	--------------	End New Banner HOME SECTION CSS	--------------	*/

/*	--------------	HOME SECTION CSS	--------------	*/
.home-banner-section .simple-banner .banner-container {background:url('https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/hero-image.svg') no-repeat center/cover!important; top: 0; height: calc(100% - 0px);}
.home-banner-section .simple-banner .banner-container h1 {font-size: 90px; line-height: 110px; letter-spacing:-1px; max-width:1000px;}
.home-banner-section .simple-banner .banner-container h4 {font-size: 60px !important; line-height: 70px !important;letter-spacing: -1px; max-width: 1000px;}
.home-banner-section .simple-banner .banner-container h6 {font-size: 17px; line-height: 30px; max-width: 750px; color: #fff; font-family: "AvenirNextLTPro-Regular", sans-serif; text-transform: inherit;}
.home-container .header-container .custom_header .custom-menu-primary .hs-menu-wrapper ul li a {color: #fff!important;font-size:18px;}
.home-container.stuck .header-container .custom_header .custom-menu-primary .hs-menu-wrapper ul li a {color: #404040 !important;}
.home-container .header-container .custom_header .custom-menu-primary .hs-menu-wrapper ul li ul li a {color: #404040 !important;}
.home-container.stuck .header-container .custom_header .custom-menu-primary .hs-menu-wrapper ul li a.letsworktogether  { color: #fff !important; }
.home-container .header-container .custom_header .custom-menu-primary .hs-menu-wrapper ul li ul li a.letsworktogether { color: #fff !important; }

.trusted-customers-section {text-align: center; padding: 30px 0; background-color: #f2f2fa;}
.trusted-customers-section .customers_logos {margin-top: 17px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.trusted-customers-section .customers_logos img {margin-top: 20px; display: inline-block; opacity: .4; filter: grey; -webkit-filter: grayscale(1);}
.trusted-customers-section .customers_logos img:hover {filter: none; -webkit-filter: grayscale(0); opacity: 1}
.trusted_blk p {margin:0}

.home-section {padding: 88px 0; background: #fff; z-index: 2; position: relative;}

.home-abt-leftbox h1, .home-abt-leftbox h1 span a {color: #151515}
.home-abt-rightbox p {font-size: 18px}
.home-abt-rightbox p strong {font: normal 14px "AvenirNextLTPro-Demi", sans-serif; line-height: 28px; color: #d8262c; text-transform: uppercase; margin-bottom: 12px;}

.service_block {position: relative; padding-bottom: 30px; float: left;}
.service_block img {max-width: 80px; margin-bottom: 30px;}
.service_block p {margin-bottom: 0px; margin-right: 7px;}
.service_block a {position: relative; margin-top: 20px}
.service_block .possibilities-tile:hover h3{
  color:#d8262c;
}
.service_block .possibilities-tile:hover{
   border: .0625rem solid rgb(216, 38, 44);
   background-color: #fff;
   border-radius: .625rem;
}
.service_block .possibilities-tile{
    padding: 1.125rem 0.375rem;
    margin-bottom: .8125rem;
    box-sizing: border-box;
    display: block;
    background-color: #fff;
    height: 100%;
    border: .0625rem solid transparent;
}
.possibilities-tile:hover p{
  height:100%;
}

.possibilities-tile:hover h3::after {
    content: '';
    width: 13px;
    height: 13px;
    background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/arrow-pointing_red.svg) no-repeat;
        background-size: auto;
    background-size: 13px 13px;
    display: inline-block;
    margin-left: 10px;
 
}
.service_block .possibilities-tile h3{
  max-width: 400px;
  font-size:21px;
}
.service_block .possibilities-tile h3, .service_block .possibilities-tile p{
  color:#404040;
}
.service_block .possibilities-tile img{
  max-width: 60px;
  margin-bottom: 30px;
}
.production-Unit{
  background:#eeeef5; 
  padding: 11px 13px;
    margin-bottom: .8125rem;
    box-sizing: border-box !important;
    display: block !important;
    height: 100%;
    border-radius: .625rem;
  border: .0625rem solid transparent;
}
.production-Unit:hover{
   border: .0625rem solid rgb(216, 38, 44);
   background-color: #fff;
   border-radius: .625rem; 
}
.production-Unit:hover h3::after {
    content: '';
    width: 13px;
    height: 13px;
    background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/arrow-pointing_red.svg) no-repeat;
    background-size: auto;
    background-size: 13px 13px;
    display: inline-block;
    margin-left: 10px;
   
}
.production-Unit .section_Wrapper h3{
  margin-bottom:10px;
}
.production-Unit .section_Wrapper  h3, p{
 color:#404040;
}
.production-Unit .section_Wrapper p{
  font-size:16px;
}
.production-Unit img{
  max-width:70%;
}








/* .here-work-section .service_block p {margin-bottom: 27px;} */
.here-work-section .service_block h3 {max-width: inherit}


.content-creation { background-color: #e2e7ea; z-index: 2; position: relative; }
.content-creation  h2 {color: #404040; margin-bottom: 6px;}

.content-creation .tech_row .tech_name-col { padding-top: 46px; width: 225px; margin-right: 100px; }
.content-creation .tech_row .tech_name-col .tech_name { font-family: "AvenirNextLTPro-Demi", sans-serif; font-size: 22px; line-height: 34px; color: #404040; display: inline-block; letter-spacing: -1px; border-bottom: 3px solid transparent; }
.content-creation .tech_row .tech_logos_col { width: calc(100% - 325px);}
.content-creation .tech_row .tech_logos_col .row { padding-bottom: 32px; margin-bottom: 30px; display: flex !important; overflow: initial;border-bottom: 1px dashed #736f6f;}
.content-creation .tech_row .tech_logos_col {
    width: calc(100% - 275px);
}
.content-creation .tech_row .tech_logos_col .row .tech-logo {
    -moz-transition: all 0.5s ease;
    /* -webkit-transition: all 0.5s ease; */
    /* transition: all 0.5s ease; */
    /* float: left; */
    width: 200px;
    font-family: "AvenirNextLTPro-Demi", sans-serif;
    color: #727272;
    letter-spacing: -1px;
}

.content-creation .tech_row .tech_logos_col .row .tech-logo {
    width: 158px; 
}
.content-creation .tech_blogs{
    width: 145px;
    height: 67px;
    background: url(../png/blog.png) no-repeat;
}
.content-creation .tech_blogs:hover{
    background: url(../png/blog-red.png) no-repeat;
}
.content-creation .tech_row .tech_logos_col .row .tech-logo:hover{
    color: #d8262c; 
}
.content-creation .tech_infographics{
    width: 145px;
    height: 67px;
    background: url(../png/infographic.png) no-repeat;
}
.content-creation .tech_infographics:hover{
    background: url(../png/infographic-red.png) no-repeat;
}
.content-creation .tech_landing{
    width: 145px;
    height: 67px;
    background: url(../png/landing-page.png) no-repeat;
}
.content-creation .tech_landing:hover{
    background: url(../png/landing-page-red.png) no-repeat;
}
.content-creation .tech_product_copy{
    width: 145px;
    height: 67px;
    background: url(../png/product-copy.png) no-repeat;
}
.content-creation .tech_product_copy:hover{
    background: url(../png/product-copy-red.png) no-repeat;
}

.content-creation .tech_guides{
    width: 145px;
    height: 67px;
    background: url(../png/guide.png) no-repeat;
}
.content-creation .tech_guides:hover{
    background: url(../png/guide-red.png) no-repeat;
}
.content-creation .tech_whitepaper{
    width: 145px;
    height: 67px;
    background: url(../png/whitepapers.png) no-repeat;
}
.content-creation .tech_whitepaper:hover{
    background: url(../png/whitepapers-red.png) no-repeat;
}
.content-creation .tech_e-book{
    width: 145px;
    height: 67px;
    background: url(../png/e-book.png) no-repeat;
}
.content-creation .tech_e-book:hover{
    background: url(../png/e-book-red.png) no-repeat;
}
.content-creation .tech_case-study{
    width: 145px;
    height: 67px;
    background: url(../png/casestudy.png) no-repeat;
}
.content-creation .tech_case-study:hover{
    background: url(../png/casestudy-red.png) no-repeat;
}
.content-creation .tech_Offers{
    width: 145px;
    height: 67px;
    background: url(../png/mofu-bofu-offers.png) no-repeat;
}
.content-creation .tech_Offers:hover{
    background: url(../png/mofu-bofu-offers-red.png) no-repeat;
}
.content-creation .tech_marketing{
    width: 145px;
    height: 67px;
    background: url(../png/marketing-collaterals.png) no-repeat;
}
.content-creation .tech_marketing:hover{
    background: url(../png/marketing-collaterals-red.png) no-repeat;
}
.content-creation .tech_presentations{
    width: 145px;
    height: 67px;
    background: url(../png/presentations.png) no-repeat;
}
.content-creation .tech_presentations:hover{
    background: url(../png/presentations-red.png) no-repeat;
}
.content-creation .tech_chatbot{
    width: 145px;
    height: 67px;
    background: url(../png/chatbot.png) no-repeat;
}
.content-creation .tech_chatbot:hover{
    background: url(../png/chatbot-red.png) no-repeat;
}
.content-creation .tech_row:hover .tech_name {
    border-bottom: 3px solid #d8262c;
}

.content-creation .tech_ad-copies{
    width: 145px;
    height: 67px;
    background: url(../png/content.png) no-repeat;
}
.content-creation .tech_ad-copies:hover{
    background: url(../png/content-red.png) no-repeat;
}
.content-creation .tech_social-media{
    width: 145px;
    height: 67px;
    background: url(../png/social-media-marketing-red.png) no-repeat;
}
.content-creation .tech_social-media:hover{
    background: url(../png/social-media-marketing.png) no-repeat; 
}
.content-creation .tech_newsletters_icon{
    width: 145px;
    height: 67px;
    background: url(../png/news.png) no-repeat;
}
.content-creation .tech_newsletters_icon:hover{
    background: url(../png/news-red.png) no-repeat;
}
.technology-stuck {background-color: #14212a; z-index: 2; position: relative;}
.technology-stuck h2 {color: #fff; margin-bottom: 64px;}


.technology-stuck .tech_row .tech_name-col { padding-top: 46px; width: 225px; margin-right: 100px; }
.technology-stuck .tech_row .tech_name-col .tech_name { font-family: "AvenirNextLTPro-Demi", sans-serif; font-size: 21px; line-height: 30px; color: #fff; display: inline-block; letter-spacing: -1px; border-bottom: 3px solid transparent; }
.technology-stuck .tech_row .tech_logos_col { width: calc(100% - 325px); }
.technology-stuck .tech_row .tech_logos_col .row { padding-bottom: 32px; margin-bottom: 30px; display: block; overflow: initial;}
.technology-stuck .tech_row .tech_logos_col .row .tech_html5 { width: 45px; height: 51px; background-image: url(../png/technology-logos.png); background-position: -47px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_css3 { width: 45px; height: 51px; background-image: url(../png/technology-logos.png); background-position: -146px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_javascript { width: 49px; height: 51px; background-image: url(../png/technology-logos.png); background-position: -245px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_typescript { width: 49px; height: 51px; background-image: url(../png/technology-logos.png); background-position: -345px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_react { width: 55px; height: 48px; background-image: url(../png/technology-logos.png); background-position: -432px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_angular { width: 46px; height: 46px; background-image: url(../png/technology-logos.png); background-position: -526px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_vue { width: 46px; height: 46px; background-image: url(../png/technology-logos.png); background-position: -526px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_node { width: 71px; height: 59px; background-image: url(../png/technology-logos.png); background-position: -617px -40px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_dotnet { width: 73px; height: 59px; background-image: url(../png/technology-logos.png); background-position: -718px -43px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_csharp { width: 51px; height: 59px; background-image: url(../png/technology-logos.png); background-position: -829px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_php { width: 64px; height: 59px; background-image: url(../png/technology-logos.png); background-position: -922px -45px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_java { width: 45px; height: 59px; background-image: url(../png/technology-logos.png); background-position: -1024px -45px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_scala { width: 28px; height: 59px; background-image: url(../png/technology-logos.png); background-position: -1120px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_android { width: 39px; height: 54px; background-image: url(../png/technology-logos.png); background-position: -1188px -45px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_swift { width: 55px; height: 54px; background-image: url(../png/technology-logos.png); background-position: -1280px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_objective { width: 40px; height: 54px; background-image: url(../png/technology-logos.png); background-position: -1387px -39px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_reactnative { width: 55px; height: 54px; background-image: url(../png/technology-logos.png); background-position: -1480px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_drupal { width: 49px; height: 60px; background-image: url(../png/technology-logos.png); background-position: -1573px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_wordpress { width: 58px; height: 60px; background-image: url(../png/technology-logos.png); background-position: -1668px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_magento { width: 55px; height: 60px; background-image: url(../png/technology-logos.png); background-position: -1772px -39px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_salesforce { width: 65px; height: 60px; background-image: url(../png/technology-logos.png); background-position: -1865px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_powerBi { width: 51px; height: 60px; background-image: url(../png/technology-logos.png); background-position: -1972px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_sharepoint { width: 55px; height: 60px; background-image: url(../png/technology-logos.png); background-position: -2061px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_amazonaws { width: 55px; height: 60px; background-image: url(../png/technology-logos.png); background-position: -2590px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_micosoftazure { width: 55px; height: 60px; background-image: url(../png/technology-logos.png); background-position: -2686px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_jenkins { width: 55px; height: 60px; background-image: url(../png/technology-logos.png); background-position: -2780px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_git { width: 55px; height: 60px; background-image: url(../png/technology-logos.png); background-position: -2869px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_mssql { width: 55px; height: 60px; background-image: url(../png/technology-logos.png); background-position: -2155px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_mysql { width: 55px; height: 60px; background-image: url(../png/technology-logos.png); background-position: -2245px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_postgresql { width: 55px; height: 60px; background-image: url(../png/technology-logos.png); background-position: -2341px -38px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_mongodb { width: 55px; height: 60px; background-image: url(../png/technology-logos.png); background-position: -2435px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_redis { width: 55px; height: 60px; background-image: url(../png/technology-logos.png); background-position: -2499px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_selenium { width: 55px; height: 60px; background-image: url(../png/technology-logos.png); background-position: -2962px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_apachejmeter { width: 55px; height: 60px; background-image: url(../png/technology-logos.png); background-position: -3052px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_postman  { width: 55px; height: 60px; background-image: url(../png/technology-logos.png); background-position: -3121px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech_browserstack { width: 55px; height: 60px; background-image: url(../png/technology-logos.png); background-position: -3205px -42px; margin: auto; margin-bottom: 10px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo { text-align: center; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; float: left; width: 200px; font-family: "AvenirNextLTPro-Demi", sans-serif; color: #727272; letter-spacing: -1px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo div { -moz-transition: all 0.7s cubic-bezier(0.45, 0.05, 0.55, 0.95); -webkit-transition: all 0.7s cubic-bezier(0.45, 0.05, 0.55, 0.95); transition: all 0.7s cubic-bezier(0.45, 0.05, 0.55, 0.95); background-size:unset; background-repeat: no-repeat; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover { color: #d8262c; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_html5 { background-position: -47px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_css3 { background-position: -146px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_javascript { background-position: -245px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_typescript { background-position: -345px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_react { background-position: -432px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_angular { background-position: -526px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_vue { background-position: -526px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_node { background-position: -617px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_dotnet { background-position: -718px -117px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_csharp { background-position: -829px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_php { background-position: -922px -117px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_java { background-position: -1024px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_scala { background-position: -1120px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_android { background-position: -1188px -125px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_swift { background-position: -1280px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_objective { background-position: -1387px -118px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_reactnative { background-position: -1480px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_drupal { background-position: -1574px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_wordpress { background-position: -1668px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_magento { background-position: -1772px -118px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_salesforce { background-position: -1865px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_powerBi { background-position: -1972px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_sharepoint { background-position: -2061px -122px; }

.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_amazonaws { background-position: -2590px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_micosoftazure { background-position: -2686px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_jenkins { background-position: -2780px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_git { background-position: -2869px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_mssql { background-position: -2155px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_mysql { background-position: -2245px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_postgresql { background-position: -2341px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_mongodb { background-position: -2435px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_redis { background-position: -2499px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_selenium { background-position: -2962px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_apachejmeter { background-position: -3052px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_postman { background-position: -3121px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo:hover .tech_browserstack { background-position: -3205px -122px; }
.technology-stuck .tech_row .tech_logos_col .row .tech-logo {width: 178px;}
.technology-stuck .tech_row .tech_logos_col .row:after { content: ''; width: 100%; height: 1px; background: url(../png/techno-logo-divisions.png) repeat; position: relative; top: 32px; }
.technology-stuck .tech_row .tech_logos_col .simple_link { margin-top: 15px; display: inline-block; position: relative; }
.technology-stuck .tech_row .tech_logos_col .simple_link .arrow { width: 13px; height: 9px; fill: #d8262c; display: inline-block; -moz-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; transition: all 0.5s ease-in; }
.technology-stuck .tech_row .tech_logos_col .simple_link:hover .arrow { transform: translate(8px, 0); }
.technology-stuck .tech_row .robust_tech { font-size: 16px; line-height: 27px; color: #727272; font-family: "AvenirNextLTPro-Regular", sans-serif; }
.technology-stuck .tech_row:hover .tech_name { border-bottom: 3px solid #d8262c; }
.tech-name_cselection{
    padding-left: 23px ! important;
  }
.tech_HubSpot {
   background: url(../png/hubspot-logo-grey.png)
    no-repeat;
    width: 124px;
   height: 91px;
}

.tech_HubSpot:hover { 
   background: url(../png/hubspot-logo-red.png)
    no-repeat;
}
.tech-block-hubspot{
  padding: 0 50px;
  border-right: 1px solid rgba(227, 234, 241, 0.15); 
}

.tech_dot-dev{
     margin: auto;;
       width: 242px;
        height: 95px;
        background: url(../png/dotnet-mvc.png)
    no-repeat;
        
}

.tech_dot-dev:hover{
        background: url(../png/dotnet-mvc-hover.png)
    no-repeat;
        
}

.tech_entilty-dev{
     margin-left: -40px;
     width: 242px;
        height: 95px;
        background: url(../png/entityframework.png)
    no-repeat;
        
}

.tech_entilty-dev:hover{
        background: url(../png/entityframework-hover.png)
    no-repeat;
        
}
.tech_cselection-dev {
  width: 130px;
  height: 95px !important;
  background: url(../png/c%23.png)
    no-repeat;
}
.tech_cselection-dev:hover {
    background: url(../png/c%23-hover.png) no-repeat;
}
.tech_power-dev{
 width: 130px;
        height: 95px;
        background: url(../png/powerbi.png) no-repeat;
        
}

.tech_power-dev:hover{
        background: url(../png/powerbi-hover.png)
    no-repeat;
        
}
.tech_asp-dev {
        width: 130px;
        height: 95px !important;
        background: url(../png/asp-dotnetcore.png)
    no-repeat;
  
}
.tech_asp-dev:hover {
        background: url(../png/asp-dotnetcore-hover.png) no-repeat;
    }

.tech-name_cselection, .tech-name_asp, .tech-name_Powerselection, .tech-name_entiltyselection, .tech-name_dotselection {
    font-weight: bold;
    max-width: 130px;
    display: inline-block;
    line-height: 23px;
    font-weight: 600;
}

.tech_react-dev img {
	margin-bottom:19px;
}

.tech-block-technologyies_section {
    padding: 0 50px;
    border-right: 1px solid rgba(227, 234, 241, 0.15);
    width: 20%;
}

.web-dev_row .tech-block-technologyies_section:hover a .tech-name_cselection {
    color: #d8262c;
}
.web-dev_row .tech-block-technologyies_section:hover a .tech-name_asp {
  color: #d8262c;
}

.web-dev_row .tech-block-technologyies_section:hover a .tech-name_Powerselection {
  color: #d8262c;
}
.web-dev_row .tech-block-technologyies_section:hover a .tech-name_dotselection{
   color: #d8262c;
}

.web-dev_row .tech-block-technologyies_section:hover a .tech-name_entiltyselection{
  color: #d8262c;
}
.tech_HubSpot-Academy_icon{
        width: 64px;
        height: 69px;
        background: url(../png/icons8-hubspot-64-classic.png)
    no-repeat;
  margin-left:23px;
}
.tech_HubSpot-Academy_icon:hover{
        background: url(../png/icons8-hubspot-64.png)
    no-repeat;
}

.we-work-section h2 {margin-bottom: 70px}
.we-work-section .service_block:nth-child(2) {padding-left: 0;}
.we-work-section .service_block:nth-child(4) {padding-right: 0;}
.we-work-section .service_block h3 {max-width: none;}

.get-touch-block {background: #14212a; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 41px 60px 42px 70px;}
.get-touch-block h3 {color: #fff; margin: 0}
.get-touch-block p.requirements {font-size: 18px; color: #727272; letter-spacing: -1px; line-height: 28px; margin-top: 8px;}

.get-touch-btn-box p {text-align: right}

.get-touch-btn {margin-top: 10px;}
.get-touch-btn span {position: relative; left: 0; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.get-touch-btn:after {content: ''; width: 16px; height: 14px; color: #fff; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/arrow-pointing.svg); background-size: 16px 14px; display: inline-block; margin-left: 20px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; vertical-align: middle;}
.get-touch-btn:hover {background: #b22024!important;}
.get-touch-btn:hover span {left: 8px}
.get-touch-btn:hover:after {transform: translate(5px, 0);}

.talk-experts_btn p {text-align: right}

.talk-experts_btn {margin-top: 10px;}
.talk-experts_btn span {position: relative; left: 0; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.talk-experts_btn:after {content: ''; width: 16px; height: 14px; color: #fff; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/arrow-pointing.svg); background-size: 16px 14px; display: inline-block; margin-left: 20px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; vertical-align: middle;}
.talk-experts_btn:hover {background: #b22024!important;}
.talk-experts_btn:hover span {left: 8px}
.talk-experts_btn:hover:after {transform: translate(5px, 0);}

.let_strategize {margin-top: 10px;}
.let_strategize span {position: relative; left: 0; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.let_strategize:after {content: ''; width: 16px; height: 14px; color: #fff; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/arrow-pointing.svg); background-size: 16px 14px; display: inline-block; margin-left: 20px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; vertical-align: middle;}
.let_strategize:hover {background: #b22024!important;}
.let_strategize:hover span {left: 8px}
.let_strategize:hover:after {transform: translate(5px, 0);}

.customers { width: 90%; margin-right: 0%; position: relative; padding-bottom: 45px; margin-bottom: 65px; }
.customers h3 { margin-bottom: 16px; }
.customers:nth-child(even) { padding-left: 11px; }

.accordion-section-blk { border-left: 1px solid #e9e9e9; padding-left: 30px;}
.accordion-section-blk .hs-accordion__item {margin: 0; border-bottom: 1px solid #ddd;}
.accordion-section-blk .hs-accordion__item:last-child {border: none,color: #727272;}
.accordion-section-blk .hs-accordion__item button {padding: 1em 3em 1em 0em; border: none;color: #727272;}
.accordion-section-blk .hs-accordion__item-content {padding: 0.5em 1em 0.5em 0;} 
.accordion-section-blk .hs-accordion__item-icon {border: none}
/* .accordion-section-blk .hs-accordion__item[aria-expanded=true] .hs-accordion__item-icon {} */
.accordion-section-blk .hs-accordion__item[aria-expanded=true] .hs-accordion__item-icon {transform: translateY(-50%) rotate(180deg); background: none; border: none}
.accordion-section-blk .hs-accordion__item button:hover .hs-accordion__item-icon:before, .accordion-section-blk .hs-accordion__item[aria-expanded=true] .hs-accordion__item-icon:before {background-color: #a5a5a5;}
.accordion-section-blk .hs-accordion__item[aria-expanded=true] .hs-accordion__item-icon:after {height: 0}
.accordion-section-blk .hs-accordion__item button:hover, .hs-accordion__item[aria-expanded=true] button {color: #d8262c}

.accordion-section-blk .hs-accordion__item:nth-child(2) button::before {margin-right: 10px; width: 28px; height: 28px; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Healthcare.svg)}

.accordion-section-blk .hs-accordion__item:nth-child(1) button {background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Healthcare.svg) no-repeat 0 60%/5%; padding-left: 55px;}
.accordion-section-blk .hs-accordion__item:nth-child(1):hover button {background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Healthcare_red.svg) no-repeat 0 60%/5%;}
.accordion-section-blk .hs-accordion__item:nth-child(2) button {background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/retail-and-eCommerce.svg) no-repeat 0 60%/5%; padding-left: 55px;}
.accordion-section-blk .hs-accordion__item:nth-child(2):hover button {background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/retail-and-eCommerce_red.svg) no-repeat 0 60%/5%;}
.accordion-section-blk .hs-accordion__item:nth-child(3) button {background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/logistics.svg) no-repeat 0 60%/5%; padding-left: 55px;}
.accordion-section-blk .hs-accordion__item:nth-child(3):hover button {background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/logistics_red.svg) no-repeat 0 60%/5%;}
.accordion-section-blk .hs-accordion__item:nth-child(4) button {background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/FinTech.svg) no-repeat 0 60%/5%; padding-left: 55px;}
.accordion-section-blk .hs-accordion__item:nth-child(4):hover button {background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/FinTech_red.svg) no-repeat 0 60%/5%;}
.accordion-section-blk .hs-accordion__item:nth-child(5) button {background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/travel-and-tourism.svg) no-repeat 0 60%/5%; padding-left: 55px;}
.accordion-section-blk .hs-accordion__item:nth-child(5):hover button {background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/travel-and-tourism_red.svg) no-repeat 0 60%/5%;}
.accordion-section-blk .hs-accordion__item:nth-child(6) button {background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/real-estate.svg) no-repeat 0 60%/5%; padding-left: 55px;}
.accordion-section-blk .hs-accordion__item:nth-child(6):hover button {background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/real-estate_red.svg) no-repeat 0 60%/5%;}
.accordion-section-blk .hs-accordion__item:nth-child(7) button {background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Government.svg) no-repeat 0 60%/5%; padding-left: 55px;}
.accordion-section-blk .hs-accordion__item:nth-child(7):hover button {background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Government_red.svg) no-repeat 0 60%/5%;}
.accordion-section-blk .hs-accordion__item:nth-child(8) button {background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/tech-products.svg) no-repeat 0 60%/5%; padding-left: 55px;}
.accordion-section-blk .hs-accordion__item:nth-child(8):hover button {background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/tech-products_red.svg) no-repeat 0 60%/5%;}


/*	--------------	WEB DEVELOPMENT SECTION CSS	--------------	*/
.web-dev-banner .banner-content h1 { font-size: 90px; color: #151515; line-height: 110px;}
.web-dev-banner .banner-content h6 { font-size: 17px; line-height: 26px; font-family: AvenirNextLTPro-Regular; color: #151515; max-width: 650px; text-transform: none; letter-spacing:-1px;}
.web-dev-banner .banner-content h3 {max-width: 697px;}
.web-dev-leftblk {padding-right: 55px;}

.technology-stack-section {background:#14212a}
.technology-stack-section h2 {color: #fff; margin-bottom: 64px;}

.tech_mean { width: 120px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -1919px -30px; margin-bottom: 10px; }
.tech_php { width: 105px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -2076px -30px; margin-bottom: 10px; }
.tech_dotnet { width: 135px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -2212px -30px; margin-bottom: 10px; }
.tech_java { width: 86px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -1182px -30px; margin-bottom: 10px; }
.tech_scala { width: 86px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -122px -30px; margin-bottom: 10px; }
.tech_swift { width: 86px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -122px -30px; margin-bottom: 10px; }
.tech_objective { width: 62px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -31px -30px; margin-bottom: 10px; }
.tech_android { width: 62px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -263px -30px; margin-bottom: 10px; }
.tech_reactnative { width: 88px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -501px -30px; margin-bottom: 10px; }
.tech_microsoftazure { width: 102px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -628px -30px; margin-bottom: 10px; }
.tech_aws { width: 104px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -775px -30px; margin-bottom: 10px; }
.tech_googlecloudplatform { width: 90px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -910px -30px; margin-bottom: 10px; }
.tech_angular { width: 90px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -1050px -30px; margin-bottom: 10px; }
.tech_vue { width: 90px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -1050px -30px; margin-bottom: 10px; }
.tech_node {  width: 130px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -2615px -30px; margin-bottom: 10px; }
.tech_react { width: 90px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -501px -30px; margin-bottom: 10px; }
.tech_javascript { width: 90px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -2487px -30px; margin-bottom: 10px; }
.tech_wordpress { width: 90px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -1291px -30px; margin-bottom: 10px; }
.tech_drupal { width: 90px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -1410px -30px; margin-bottom: 10px; }
.tech_react-native { width: 90px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -501px -30px; margin-bottom: 10px; }
.tech_umbraco { width: 90px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -1791px -29px; margin-bottom: 10px; }
.tech_kentico { width: 90px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -1528px -30px; margin-bottom: 10px; }
.tech_sharepoint { width: 90px; height: 81px; background-image: url(../png/tech-stack-logo-big.png); background-repeat: no-repeat; background-position: -1670px -30px; margin-bottom: 10px; }
.tech-magento { width: 55px; height: 60px; background-image: url(../png/technology-logos.png); background-position: -1772px -39px; margin: 15px 0;}

.web-dev_row .col:last-child:hover .tech-magento { background-position: -1772px -118px;}

.tech-name { max-width: 130px; display: inline-block; line-height: 23px; font-weight: 600;}
.web-dev_row span, .web-dev_row a { color: #acacac; }
.web-dev_row .tech-block:hover a .tech-name { color: #d8262c; }

.web-dev_row .tech-block:hover div:first-child { background-position-y: -160px;}
.web-dev_row .tech-block div:first-child { -moz-transition: all 0.7s cubic-bezier(0.45, 0.05, 0.55, 0.95); -webkit-transition: all 0.7s cubic-bezier(0.45, 0.05, 0.55, 0.95); transition: all 0.7s cubic-bezier(0.45, 0.05, 0.55, 0.95);}

.tech-block {padding: 0 50px; border-right: 1px solid rgba(227, 234, 241, 0.15); width: 20%}
.tech-block:last-child { border: none;}

.application-block {padding-right: 10%;}
.application-block h2 {margin-bottom: 40px}
.application-block p {font-size: 16px; line-height: 35px;}  

.application-right-blk .methods-right h3 {color: #404040}
.application-right-blk .methods-right h3:after {display: none}
.application-right-blk .methods-right p {margin-bottom: 27px;}

.tech-right {width: 100%; justify-content: flex-end;}
.tech-right .tech-col { width: 25%; max-width: 180px; display: inline-block; margin-right: 35px; }
.tech-right .tech-col .tech-logo_block { width: 180px; max-width: 100%; height: 180px; background: #f5f5f9; font-size: 18px; font-family: "AvenirNextLTPro-Demi", sans-serif; color: #404040; text-align: center; margin: auto; margin-bottom: 35px; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; }
.tech-right .tech-col .tech-logo_block .tech-logo { margin-bottom: 15px; }
.tech-right .tech-col .tech-logo_block .tech_name { width: 100%; padding: 0 10px; line-height: 21px;}
.tech-right .tech-col .tech-logo_block:hover .tech_name { color: #d8262c; }

.tech-right .tech-col.tech-col1 { padding-top: 42%; }
.tech-right .tech-col.tech-col2 { padding-top: 12%; }
.tech-right .tech-col.tech-col4 { padding-top: 16%; margin-right: 0; }

.wordpress { width: 90px; height: 90px; background: url(../png/wordpress.png) no-repeat; margin: auto; }
.tech-logo_block:hover .wordpress { background-image: url(../png/wordpress_hover.png); }
.drupal { width: 79px; height: 90px; background: url(../png/drupal.png) no-repeat; margin: auto; }
.tech-logo_block:hover .drupal { background-image: url(../png/drupal_hover.png); }
.salesforce { width: 94px; height: 65px; background: url(../png/salesforce.png) no-repeat; margin: auto; }
.tech-logo_block:hover .salesforce { background-image: url(../png/salesforce_hover.png); }
.nopcommerce { width: 84px; height: 62px; background: url(../png/nopcommerce.png) no-repeat; margin: auto; }
.tech-logo_block:hover .nopcommerce { background-image: url(../png/nopcommerce_hover.png); }
.magento { width: 79px; height: 91px; background: url(../png/magento.png) no-repeat; margin: auto; }
.tech-logo_block:hover .magento { background-image: url(../png/magento_hover.png); }
.micro-dynamics { width: 50px; height: 80px; background: url(../png/microsoft-dynamics.png) no-repeat; margin: auto; }
.tech-logo_block:hover .micro-dynamics { background-image: url(../png/microsoft-dynamics_hover.png); }
.umbraco { width: 85px; height: 85px; background: url(../png/umbraco.png) no-repeat; margin: auto; }
.tech-logo_block:hover .umbraco { background-image: url(../png/umbraco_hover.png); }
.kentico { width: 82px; height: 81px; background: url(../png/kentico.png) no-repeat; margin: auto; }
.tech-logo_block:hover .kentico { background-image: url(../png/kentico_hover.png); }
.tech_googleanalytics { width: 83px; height: 83px; background: url(../png/google-analytics.png) no-repeat; margin: auto; }
.tech-logo_block:hover .tech_googleanalytics { background-image: url(../png/google-analytics-hover.png); }
.tech_googlewebmaster { width: 84px; height: 75px; background: url(../png/google-webmaster.png) no-repeat; margin: auto; }
.tech-logo_block:hover .tech_googlewebmaster { background-image: url(../png/google-webmaster-hover.png); }
.tech_googleads { width: 92px; height: 84px; background: url(../png/google-ads.png) no-repeat; margin: auto; }
.tech-logo_block:hover .tech_googleads { background-image: url(../png/google-ads-hover.png); }
.tech_facebook { width: 92px; height: 79px; background: url(../png/facebook-ads.png) no-repeat; margin: auto; }
.tech-logo_block:hover .tech_facebook { background-image: url(../png/facebook-ads-hover.png); }
.tech_linkedin { width: 83px; height: 80px; background: url(../png/linkedin-ads.png) no-repeat; margin: auto; }
.tech-logo_block:hover .tech_linkedin { background-image: url(../png/linkedin-ads-hover.png); }
.tech_bing { width: 64px; height: 79px; background: url(../png/bing-ads.png) no-repeat; margin: auto; }
.tech-logo_block:hover .tech_bing { background-image: url(../png/bing-ads-hover.png); }
.tech_semrush { width: 125px; height: 32px; background: url(../png/semrush.png) no-repeat; margin: auto; }
.tech-logo_block:hover .tech_semrush { background-image: url(../png/semrush-hover.png); }
.tech_hootsuite { width: 55px; height: 81px; background: url(../png/hootsuite.png) no-repeat; margin: auto; }
.tech-logo_block:hover .tech_hootsuite { background-image: url(../png/hootsuite-hover.png); }
.tech_googledatastudio { width: 93px; height: 92px; background: url(../data-studio-3.html) no-repeat; margin: auto; }
.tech-logo_block:hover .tech_googledatastudio { background-image: url(../data-studio-hover-3.html); }
.tech_googletagmanager { width: 96px; height: 95px; background: url(../google-tag-manager-3.html) no-repeat; margin: auto; }
.tech-logo_block:hover .tech_googletagmanager { background-image: url(../google-tag-manager-hover-3.html); }
.tech_healthcare { width: 96px; height: 95px; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Healthcare.svg) no-repeat; margin: auto; }
.tech-logo_block:hover .tech_healthcare { background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Healthcare_red.svg); }
.tech_retails-ecommerce { width: 96px; height: 95px; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/retail-and-eCommerce.svg) no-repeat; margin: auto; }
.tech-logo_block:hover .tech_retails-ecommerce { background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/retail-and-eCommerce_red.svg); }
.tech_logistics { width: 96px; height: 95px; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/logistics.svg) no-repeat; margin: auto; }
.tech-logo_block:hover .tech_logistics { background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/logistics_red.svg); }

.tech_FinTech { width: 96px; height: 95px; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/FinTech.svg) no-repeat; margin: auto; }
.tech-logo_block:hover .tech_FinTech { background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/FinTech_red.svg); }

.tech_travel{ width: 96px; height: 95px; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/travel-and-tourism.svg) no-repeat; margin: auto; }
.tech-logo_block:hover .tech_travel { background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/travel-and-tourism_red.svg); }

.tech_Real-estate{ width: 96px; height: 95px; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/real-estate.svg) no-repeat; margin: auto; }
.tech-logo_block:hover .tech_Real-estate { background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/real-estate_red.svg); }

.tech_Government{ width: 96px; height: 95px; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Government.svg) no-repeat; margin: auto; }
.tech-logo_block:hover .tech_Government { background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Government_red.svg); }

.tech_techproduct{ width: 96px; height: 95px; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/tech-products.svg) no-repeat; margin: auto; }
.tech-logo_block:hover .tech_techproduct { background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/tech-products_red.svg); }


.tech-col-mob .tech-logo_block { width: 47%; display: inline-block; background: #f5f5f9; text-align: center; margin: 0 1% 2% 1%; padding: 2em 0; height: 190px; overflow: hidden; }

.tech-left h2 {margin-bottom: 0}
.tech-left small {display: block; font: normal 16px/24px "AvenirNextLTPro-Regular", sans-serif; letter-spacing: 0;}



/*		mobile-app-development		*/
 .travel-app { width: 86px; height: 85px; background: url(../png/travel-apps.png) no-repeat; margin: auto; }
 .tech-logo_block:hover .travel-app { background-image: url(../png/travel-apps-hover.png);}

 .shopping-app { width: 87px; height: 83px; background: url(../png/shopping-apps.png) no-repeat; margin: auto; }
 .tech-logo_block:hover .shopping-app { background-image: url(../png/shopping-apps-hover.png);}

 .logistic-app { width: 103px; height: 84px; background: url(../png/logistics-apps.png) no-repeat; margin: auto; }
 .tech-logo_block:hover .logistic-app { background-image: url(../png/logistics-apps-hover.png);}

 .booking-app { width: 70px; height: 89px; background: url(../png/booking-engines.png) no-repeat; margin: auto; }
 .tech-logo_block:hover .booking-app { background-image: url(../png/booking-engines-hover.png);}

 .lifestyle-app { width: 84px; height: 84px; background: url(../png/lifestyle-apps.png) no-repeat; margin: auto; }
 .tech-logo_block:hover .lifestyle-app { background-image: url(../png/lifestyle-apps-hover.png);}

 .gaming-app { width: 65px; height: 90px; background: url(../png/gaming-apps.png) no-repeat; margin: auto; }
 .tech-logo_block:hover .gaming-app { background-image: url(../png/gaming-apps-hover.png);}

 .healthcare-app { width: 80px; height: 80px; background: url(../png/healthcare-apps.png) no-repeat; margin: auto; }
 .tech-logo_block:hover .healthcare-app { background-image: url(../png/healthcare-apps-hover.png);}

 .social-app { width: 80px; height: 80px; background: url(../png/social-networking-apps.png) no-repeat; margin: auto; }
 .tech-logo_block:hover .social-app { background-image: url(../png/social-networking-apps-hover.png);}

 
 /*		hybrid-app-development		*/
 .tech_xamarin {width: 93px; height: 82px; background-image: url(../png/xamarin-img.png); background-repeat: no-repeat; background-position: 0 -30px; margin-bottom: 10px;}
 .web-dev_row .col:hover .tech_xamarin {background-position-y: -171px!important;}

 .tech_phonegap {width: 85px; height: 85px; background-image: url(../png/phonegap-img.png); background-repeat: no-repeat; background-position: 0 -30px; margin-bottom: 10px;}
 .web-dev_row .col:hover .tech_phonegap {background-position-y: -171px!important;}

 .tech_ionic {width: 90px; height: 88px; background-image: url(../png/ionic-img.png); background-repeat: no-repeat; background-position: 0 -30px; margin-bottom: 10px;}
 .web-dev_row .col:hover .tech_ionic {background-position-y: -168px!important;}

 .tech_senchatech {width: 90px; height: 88px; background-image: url(../png/sencha-touch-img.png); background-repeat: no-repeat; background-position: 0 -30px; margin-bottom: 10px;}
 .web-dev_row .col:hover .tech_senchatech {background-position-y: -168px!important;}


  /*	php-development-company		*/
  .tech_laravel {width: 120px; height: 78px; background-image: url(../png/laravel-framework-hov.png); background-repeat: no-repeat; background-position: 0 -30px; margin-bottom: 10px;}
  .web-dev_row .col:hover .tech_laravel {background-position-y: -172px!important;}
 
  .tech_symfony {width: 110px; height: 90px; background-image: url(../png/symfony-framework-img.png); background-repeat: no-repeat; background-position: 0 -25px; margin-bottom: 10px;}
  .web-dev_row .col:hover .tech_symfony {background-position-y: -164px!important;}
 
  .tech_zend {width: 110px; height: 90px; background-image: url(../png/zend-framework-img.png); background-repeat: no-repeat; background-position: 0 -30px; margin-bottom: 10px;}
  .web-dev_row .col:hover .tech_zend {background-position-y: -168px!important;}
 
  .tech_yii {width: 110px; height: 90px; background-image: url(../png/yii-framework-img.png); background-repeat: no-repeat; background-position: 0 -24px; margin-bottom: 10px;}
  .web-dev_row .col:hover .tech_yii {background-position-y: -165px!important;}

  
 /*		mobile-app-development		*/
 .practice-management-apps { width: 79px; height: 86px; background: url(../png/practice-management-apps.png) no-repeat; margin: auto; }
 .tech-logo_block:hover .practice-management-apps { background-image: url(../png/practice-management-apps-hover.png);}

 .treatment-planners-app { width: 74px; height: 88px; background: url(../png/treatment-planners.png) no-repeat; margin: auto; }
 .tech-logo_block:hover .treatment-planners-app { background-image: url(../png/treatment-planners-hover.png);}

 .personal-health-records-app { width: 86px; height: 80px; background: url(../png/personal-health-records.png) no-repeat; margin: auto; }
 .tech-logo_block:hover .personal-health-records-app { background-image: url(../png/personal-health-records-hover.png);}

 .emr-ehr-app { width: 92px; height: 74px; background: url(../png/emr-ehr.png) no-repeat; margin: auto; }
 .tech-logo_block:hover .emr-ehr-app { background-image: url(../png/emr-ehr-hover.png);}

 .patient-portals-app { width: 85px; height: 85px; background: url(../png/patient-portals.png) no-repeat; margin: auto; }
 .tech-logo_block:hover .patient-portals-app { background-image: url(../png/patient-portals-hover.png);}

 .record-collection-app { width: 85px; height: 77px; background: url(../png/record-collection-apps.png) no-repeat; margin: auto; }
 .tech-logo_block:hover .record-collection-app { background-image: url(../png/record-collection-apps-hover.png);}

.appointment-schedulers-app { width: 84px; height: 82px; background: url(../png/appointment-schedulers.png) no-repeat; margin: auto; }
.tech-logo_block:hover .appointment-schedulers-app { background-image: url(../png/appointment-schedulers-hover.png);}

.mhealth-app { width: 47px; height: 85px; background: url(../png/mhealth.png) no-repeat; margin: auto; }
.tech-logo_block:hover .mhealth-app { background-image: url(../png/mhealth-hover.png);}


/*		retail-ecommerce-software-development		*/

.advanced-inventory-management { width: 69px; height: 88px; background: url(../png/advanced-inventory-management.png) no-repeat; margin: auto; }
.tech-logo_block:hover .advanced-inventory-management { background-image: url(../png/advanced-inventory-management-hover.png);}

.payment-gateways-integration { width: 95px; height: 88px; background: url(../png/payment-gateways-integration.png) no-repeat; margin: auto; }
.tech-logo_block:hover .payment-gateways-integration { background-image: url(../png/payment-gateways-integration-hover.png);}

.ecommerce-performance-optimization { width: 98px; height: 76px; background: url(../png/ecommerce-performance-optimization.png) no-repeat; margin: auto; }
.tech-logo_block:hover .ecommerce-performance-optimization { background-image: url(../png/ecommerce-performance-optimization-hover.png);}

.migration-porting { width: 98px; height: 76px; background: url(../png/migration-%26-porting.png) no-repeat; margin: auto; }
.tech-logo_block:hover .migration-porting { background-image: url(../png/migration-%26-porting-hover.png);}

.unified-ecommerce-engines { width: 95px; height: 84px; background: url(../png/unified-ecommerce-engines.png) no-repeat; margin: auto; }
.tech-logo_block:hover .unified-ecommerce-engines { background-image: url(../png/unified-ecommerce-engines-hover.png);}

.cloud-enablement { width: 111px; height: 90px; background: url(../png/cloud-enablement-2.png) no-repeat; margin: auto; }
.tech-logo_block:hover .cloud-enablement { background-image: url(../png/cloud-enablement-hover.png);}

.marketing-analytics-dashboards { width: 110px; height: 80px; background: url(../png/marketing-%26-analytics-dashboards.png) no-repeat; margin: auto; }
.tech-logo_block:hover .marketing-analytics-dashboards { background-image: url(../png/marketing-%26-analytics-dashboards-hover.png);}

.extended-ecommerce-enablement { width: 75px; height: 90px; background: url(../png/extended-ecommerce-enablement.png) no-repeat; margin: auto; }
.tech-logo_block:hover .extended-ecommerce-enablement { background-image: url(../png/extended-ecommerce-enablement-hover.png);}


/*		logistics-transportation-software-development		*/

.integrated-shipment-tracking { width: 83px; height: 88px; background: url(../png/integrated-shipment-tracking.png) no-repeat; margin: auto; }
.tech-logo_block:hover .integrated-shipment-tracking { background-image: url(../png/integrated-shipment-tracking-hover.png);}

.location-tracking-devices { width: 106px; height: 92px; background: url(../png/location-tracking-devices.png) no-repeat; margin: auto; }
.tech-logo_block:hover .location-tracking-devices { background-image: url(../png/location-tracking-devices-hover.png);}

.asset-management-tracking { width: 77px; height: 77px; background: url(../png/asset-management-%26-tracking.png) no-repeat; margin: auto; }
.tech-logo_block:hover .asset-management-tracking { background-image: url(../png/asset-management-%26-tracking-hover.png);}

.transportation-warehouse-management { width: 79px; height: 76px; background: url(../png/transportation-%26-warehouse-management.png) no-repeat; margin: auto; }
.tech-logo_block:hover .transportation-warehouse-management { background-image: url(../png/transportation-%26-warehouse-management-hover.png);}

.billing-cost-management { width: 88px; height: 85px; background: url(../png/billing-%26-cost-management.png) no-repeat; margin: auto; }
.tech-logo_block:hover .billing-cost-management { background-image: url(../png/billing-%26-cost-management-hover.png);}

.carrier-performance-analysis { width: 89px; height: 85px; background: url(../png/carrier-performance-analysis.png) no-repeat; margin: auto; }
.tech-logo_block:hover .carrier-performance-analysis { background-image: url(../png/carrier-performance-analysis-hover.png);}

.cycle-time-deriving-systems { width: 84px; height: 83px; background: url(../png/cycle-time-deriving-systems.png) no-repeat; margin: auto; }
.tech-logo_block:hover .cycle-time-deriving-systems { background-image: url(../png/cycle-time-deriving-systems-hover-1.png);}

.custom-bi-solutions { width: 110px; height: 80px; background: url(../png/custom-bi-solutions-1.png) no-repeat; margin: auto; }
.tech-logo_block:hover .custom-bi-solutions { background-image: url(../png/custom-bi-solutions-hover-1.png);}


/*		financial-software-development		*/

.ebanking-solutions { width: 110px; height: 80px; background: url(../png/e-banking-solutions.png) no-repeat; margin: auto; }
.tech-logo_block:hover .ebanking-solutions { background-image: url(../png/e-banking-solutions-hover.png);}

.tracking-systems-app { width: 106px; height: 92px; background: url(../png/tracking-systems.png) no-repeat; margin: auto; }
.tech-logo_block:hover .tracking-systems-app { background-image: url(../png/tracking-systems-hover.png);}

.budgeting-apps { width: 76px; height: 76px; background: url(../png/budgeting-apps.png) no-repeat; margin: auto; }
.tech-logo_block:hover .budgeting-apps { background-image: url(../png/budgeting-apps-hover.png);}

.crowdfunding-platforms { width: 90px; height: 90px; background: url(../png/crowdfunding-platforms.png) no-repeat; margin: auto; }
.tech-logo_block:hover .crowdfunding-platforms { background-image: url(../png/crowdfunding-platforms-hover.png);}

.wealth-management-app { width: 95px; height: 89px; background: url(../png/wealth-management-apps.png) no-repeat; margin: auto; }
.tech-logo_block:hover .wealth-management-app { background-image: url(../png/wealth-management-apps-hover.png);}

.mobile-payments-wallets { width: 62px; height: 85px; background: url(../png/mobile-payments-%26-wallets.png) no-repeat; margin: auto; }
.tech-logo_block:hover .mobile-payments-wallets { background-image: url(../png/mobile-payments-%26-wallets-hover.png);}

.stock-trading-apps { width: 83px; height: 81px; background: url(../png/stock-trading-apps.png) no-repeat; margin: auto; }
.tech-logo_block:hover .stock-trading-apps { background-image: url(../png/stock-trading-apps-hover.png);}

.blockchain-cryptocurrency { width: 85px; height: 86px; background: url(../png/blockchain-and-cryptocurrency.png) no-repeat; margin: auto; }
.tech-logo_block:hover .blockchain-cryptocurrency { background-image: url(../png/blockchain-and-cryptocurrency-hover.png);}

/*		financial-software-development		*/

.crm-erp-systems { width: 99px; height: 85px; background: url(../png/crm-%26-erp-systems.png) no-repeat; margin: auto; }
.tech-logo_block:hover .crm-erp-systems { background-image: url(../png/crm-%26-erp-systems-hover.png);}

.asset-inventory-management { width: 85px; height: 91px; background: url(../png/asset-%26-inventory-management.png) no-repeat; margin: auto; }
.tech-logo_block:hover .asset-inventory-management { background-image: url(../png/asset-%26-inventory-management-hover.png);}

.customer-feedback-systems { width: 81px; height: 73px; background: url(../png/customer-feedback-systems.png) no-repeat; margin: auto; }
.tech-logo_block:hover .customer-feedback-systems { background-image: url(../png/customer-feedback-systems-hover.png);}

.internal-automation-applications { width: 87px; height: 87px; background: url(../png/internal-automation-applications.png) no-repeat; margin: auto; }
.tech-logo_block:hover .internal-automation-applications { background-image: url(../png/internal-automation-applications-hover.png);}

.food-ordering-tracking-apps { width: 61px; height: 81px; background: url(../png/food-ordering-%26-tracking-apps.png) no-repeat; margin: auto; }
.tech-logo_block:hover .food-ordering-tracking-apps { background-image: url(../png/food-ordering-%26-tracking-apps-hover.png);}

.counter-front-task-management { width: 92px; height: 87px; background: url(../png/counter-%26-front-task-management.png) no-repeat; margin: auto; }
.tech-logo_block:hover .counter-front-task-management { background-image: url(../png/counter-%26-front-task-management-hover.png);}

.payment-apps-wallets { width: 62px; height: 85px; background: url(../png/payment-apps-%26-wallets.png) no-repeat; margin: auto; }
.tech-logo_block:hover .payment-apps-wallets { background-image: url(../png/payment-apps-%26-wallets-hover.png);}

.transaction-processing-systems { width: 100px; height: 78px; background: url(../png/transaction-processing-systems.png) no-repeat; margin: auto; }
.tech-logo_block:hover .transaction-processing-systems { background-image: url(../png/transaction-processing-systems-hover.png);}

/*		real-estate-software-development		*/

.custom-white-label-solutions { width: 87px; height: 87px; background: url(../png/custom-%26-white-label-solutions.png) no-repeat; margin: auto; }
.tech-logo_block:hover .custom-white-label-solutions { background-image: url(../png/custom-%26-white-label-solutions-hover.png);}

.asset-and-inventory-management { width: 85px; height: 85px; background: url(../png/asset-%26-inventory-management.png) no-repeat; margin: auto; }
.tech-logo_block:hover .asset-and-inventory-management { background-image: url(../png/asset-%26-inventory-management-hover.png);}

.broker-tenant-management { width: 86px; height: 95px; background: url(../png/broker-tenant-management.png) no-repeat; margin: auto; }
.tech-logo_block:hover .broker-tenant-management { background-image: url(../png/broker-tenant-management-hover.png);}

.property-selling-buying-platforms { width: 90px; height: 93px; background: url(../png/property-selling-buying-platforms.png) no-repeat; margin: auto; }
.tech-logo_block:hover .property-selling-buying-platforms { background-image: url(../png/property-selling-buying-platforms-hover.png);}

.real-estate-analytics-dashboards { width: 91px; height: 93px; background: url(../png/real-estate-analytics-%26-dashboards.png) no-repeat; margin: auto; }
.tech-logo_block:hover .real-estate-analytics-dashboards { background-image: url(../png/real-estate-analytics-%26-dashboards-hover.png);}

.real-estate-crm-solutions { width: 92px; height: 93px; background: url(../png/real-estate-crm-solutions.png) no-repeat; margin: auto; }
.tech-logo_block:hover .real-estate-crm-solutions { background-image: url(../png/real-estate-crm-solutions-hover.png);}

.auction-sites { width: 100px; height: 78px; background: url(../png/auction-sites.png) no-repeat; margin: auto; }
.tech-logo_block:hover .auction-sites { background-image: url(../png/auction-sites-hover.png);}

.accounting-billing-systems { width: 84px; height: 83px; background: url(../png/accounting-%26-billing-systems.png) no-repeat; margin: auto; }
.tech-logo_block:hover .accounting-billing-systems { background-image: url(../png/accounting-%26-billing-systems-hover.png);}


/*		government-software-development		 */

.public-transit-inquiry-platforms { width: 88px; height: 89px; background: url(../png/public-transit-inquiry-platforms.png) no-repeat; margin: auto; }
.tech-logo_block:hover .public-transit-inquiry-platforms { background-image: url(../png/public-transit-inquiry-platforms-hover.png);}

.employee-document-management { width: 100px; height: 93px; background: url(../png/employee-%26-document-management.png) no-repeat; margin: auto; }
.tech-logo_block:hover .employee-document-management { background-image: url(../png/employee-%26-document-management-hover.png);}

.government-health-family-services-solutions { width: 109px; height: 91px; background: url(../png/government-health-%26-family-services-solutions.png) no-repeat; margin: auto; }
.tech-logo_block:hover .government-health-family-services-solutions { background-image: url(../png/government-health-%26-family-services-solutions-hover.png);}

.government-erp-solutions { width: 118px; height: 72px; background: url(../png/government-erp-solutions.png) no-repeat; margin: auto; }
.tech-logo_block:hover .government-erp-solutions { background-image: url(../png/government-erp-solutions-hover.png);}

.g2c-g2b-portals { width: 97px; height: 98px; background: url(../png/g2c-%26-g2b-portals.png) no-repeat; margin: auto; }
.tech-logo_block:hover .g2c-g2b-portals { background-image: url(../png/g2c-%26-g2b-portals-hover.png);}

.etax-portals { width: 94px; height: 89px; background: url(../png/e-tax-portals.png) no-repeat; margin: auto; }
.tech-logo_block:hover .etax-portals { background-image: url(../png/e-tax-portals-hover.png);}

.advanced-data-analytics { width: 116px; height: 85px; background: url(../png/advanced-data-analytics.png) no-repeat; margin: auto; }
.tech-logo_block:hover .advanced-data-analytics { background-image: url(../png/advanced-data-analytics-hover.png);}

.accounting-billing-solutions { width: 88px; height: 87px; background: url(../png/accounting-%26-billing-solutions.png) no-repeat; margin: auto; }
.tech-logo_block:hover .accounting-billing-solutions { background-image: url(../png/accounting-%26-billing-solutions-hover.png);}


/*		software-products-industry		 */

.enterprise-content-management { width: 83px; height: 95px; background: url(../png/enterprise-content-management-1.png) no-repeat; margin: auto; }
.tech-logo_block:hover .enterprise-content-management { background-image: url(../png/enterprise-content-management-hover.png);}

.rapid-mvp-development { width: 98px; height: 73px; background: url(../png/rapid-mvp-development.png) no-repeat; margin: auto; }
.tech-logo_block:hover .rapid-mvp-development { background-image: url(../png/rapid-mvp-development-hover.png);}

.web-applications-portals { width: 117px; height: 78px; background: url(../png/web-applications-portals.png) no-repeat; margin: auto; }
.tech-logo_block:hover .web-applications-portals { background-image: url(../png/web-applications-portals-hover.png);}

.independent-testing-services { width: 120px; height: 87px; background: url(../png/independent-testing-services.png) no-repeat; margin: auto; }
.tech-logo_block:hover .independent-testing-services { background-image: url(../png/independent-testing-services-hover.png);}

.product-realization-validation { width: 94px; height: 94px; background: url(../png/product-realization-%26-validation.png) no-repeat; margin: auto; }
.tech-logo_block:hover .product-realization-validation { background-image: url(../png/product-realization-%26-validation-hover.png);}

.business-intelligence-data-warehousing { width: 87px; height: 87px; background: url(../png/business-intelligence-%26-data-warehousing.png) no-repeat; margin: auto; }
.tech-logo_block:hover .business-intelligence-data-warehousing { background-image: url(../png/business-intelligence-%26-data-warehousing-hover.png);}

.crm-erp-solutions { width: 99px; height: 85px; background: url(../png/crm-erp-solutions.png) no-repeat; margin: auto; }
.tech-logo_block:hover .crm-erp-solutions { background-image: url(../png/crm-erp-solutions-hover.png);}

.dedicated-maintenance-support { width: 99px; height: 78px; background: url(../png/dedicated-maintenance-%26-support.png) no-repeat; margin: auto; }
.tech-logo_block:hover .dedicated-maintenance-support { background-image: url(../png/dedicated-maintenance-%26-support-hover.png);}

.industry-section { padding-left: 60px !important; padding-right: 40px; position: relative}
.industry-section p { font-size: 20px;  position: relative; padding-bottom: 0px;}
.industry-section ul { padding-left: 20px!important; margin: 40px 0 0!important;}
.industry-section ul li { background: url(../png/circle-bullets-icon.png) no-repeat left 6px; padding-left: 30px; margin: 12px 0; font-size: 20px;}
.industry-section ul li a{ color: #727272;}
.industry-section ul li a:hover{ color: #d8262c;}
.industry-block { background-color: #ffffff; padding-bottom: 90px; }
.industry-section .industry-icon img { width: 80px; height: auto; position: absolute; top: 30px; }
.industry-icon { margin-bottom: 40px; position: relative; }
.industry-icon h2 { top: 120px; position: absolute; }
.industry-icon h2:after { content: ''; display: block; width: 48px; height: 3px; background-color: #d92d33;     margin-top: 10px; }
/* .ind-desc{ position: relative; padding-bottom: 25px;}
.ind-desc p { font-size: 20px;}
.industry-block-inner ul { padding-left: 20px!important; margin: 40px 0 0!important;}
.industry-block-inner ul li { background: url(../images/circle-bullets-icon.png) no-repeat left 6px; padding-left: 30px; margin: 12px 0; }
.industry-block-inner ul li a{ color: #727272;}
.industry-block-inner ul li a:hover{ color: #d8262c;} */
.industry-icon:before { content: ''; display: block; width: 200px; height: 200px; background-color: #f5f5f9; position: relative; left: -60px; }
.headingstyle { position: relative; width: 100%; float: left; padding-left: 24px; margin-bottom:66px;}
.headingstyle::before { content: ''; position: absolute; top: -15px; left: 0px; width: 150px; height: 110px; background: #f5f5f9; z-index: -1}
.headingstyle p { margin-top: 62px !important;}
.boxsteps { width: 249px !important; height: 160px; background: #FFF; padding: 20px 20px; position: relative;}
.boxsteps::before { position: absolute; content: ''; top: -30px; left: 20px; width: 66px; height: 66px; background: #000;}
.boxsteps .linetop { position: absolute; top: -13px; height: 1px; width: 172px; background: #28343d; right: -9px;}
.boxsteps .lineright { position: absolute; height: 130px; width: 1px; background: #28343d; right: -9px; top: -12px; }
.boxsteps p { margin-top: 40px; font-size: 15px; line-height: 22px; }
.boxsteps:hover .headersteps .number-text { color: #d9292f; }
.boxsteps:hover:before { background:#d9292f; }
.boxsteps:hover .linetop, .boxsteps:hover .lineright { background:#d9292f;}
.headersteps { z-index: 2; position: absolute; top: -8px; margin-left: 18px;}
.headersteps span.number { font-size: 33px; color: #f5f5f9; font-family: 'AvenirNextLTPro-Bold';}
.headersteps span.dotstyle { font-size: 33px; color: #d9292f; font-family: 'AvenirNextLTPro-Bold';}
.headersteps span.number-text { color: #14212a; font-size: 24px; font-weight: bold; font-family: 'AvenirNextLTPro-Bold';}
.map-container { background: #1d2c35!important; color: #727272; }
.map-container h2 { color: #fff;!important}
.map-details { display: inline-block; border-right: 1px solid rgba(55, 65, 71, 0.3); padding-right: 29px; text-align:center;}
.map-detail-right { justify-content: flex-end; width: 75%;}
.map_experience_number {justify-content: flex-end!important; display: inline-flex!important;}
.map_desktop { text-align:center;}
.map-moblie { display: none!important;}
.countries::before { content: ''; width: 16px;  height: 15px; background: url(../png/countries-icon.png) no-repeat; display: inline-block; vertical-align: middle;  margin-right: 8px; }
.offices::before { content: ''; width: 11px; height: 16px; background: url(../png/offices-icon.png) no-repeat; display: inline-block; vertical-align: middle; margin-right: 11px; }

/*	--------------	HERE WORK SECTION CSS	--------------	*/
.here-work-section {background-color: #f5f5f9 !important;}
.here-work-section h2 { margin-bottom: 60px;}
.why-choose p { font-size: 22px; line-height: 38px; letter-spacing: -1px;}
.why-choose ul {margin: 47px 0 0!important; display: inline-block; width: 100%!important; padding-left:0px!important;}
.why-choose ul li { float: left; background: none!important; margin: 0!important; padding: 0 40px 0 0!important;}
.why-choose ul li span img {width: 50px; margin-bottom: 10px}
.why-choose ul li p {font-size: 16px;}

.choose-blk:nth-child(2) { padding: 0 40px;}
.features-left { margin-top: 110px;}
.feature-icon { margin-bottom: 10px;}
.proj-delivered { width: 60px; height: 50px; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Project-Delivered.svg) no-repeat; background-size: 60px 50px; }
.satis-clients { width: 60px; height: 50px; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Satisfied-Clients.svg) no-repeat; background-size: 60px 50px; }
.years-of-exp { width: 60px; height: 50px; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Years-of-Experience.svg) no-repeat; background-size: 60px 50px; }

.flip-blk {padding-top: 75px;}

.feature-block { position: relative; width: 210px; height: 210px; background-color: #f5f5f9; margin-right: 15px; margin-bottom: 15px; float: left;}
.flip-front { display: block; width: 200px; height: auto; }
.flip-back { position: absolute; top: 100%; left: 0; right: 0; background-color: #151515; overflow: hidden; width: 210px; height: 0; transition: .5s ease; }
.feature-block:hover .flip-back { top: 0; height: 100%; }
.features-right { justify-content: flex-end; }
.feature-text { color: white; font-size: 14px; line-height: 20px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 78%; }
.feature-head { width: 75%; position: absolute; bottom: 30px; left: 20px; font-family: "AvenirNextLTPro-Demi", sans-serif; line-height: 28px; letter-spacing: -1px; color: #151515; }
.feature-head:after { content: ''; width: 48px; height: 3px; background: #d8262c; display: block; margin-top: 10px; }

.cms-sec .service_block h3 {max-width: 220px;}

/*	--------------	CONTACT SECTION CSS	--------------	*/
.contact-us .content-wrapper {padding: 5% 7%!important;}
.col.contact-sec-left {background: url(../jpg/footermap.jpg) no-repeat 10% 60%;}
.contact-sec-left h1 span small {font-size: 50px}
.contact-sec-left h1 span.inline-block {color: #d8262c; text-decoration: underline;}

.map {position: relative;}
.addr-n-map {background: #fff; padding-bottom: 100px; position: relative}
  /* Style the tab */
.tab {overflow: hidden;}
.tab button {background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 17px;}

/* Change background color of buttons on hover */
.tab button:hover {color: #d8262c;}

/* Create an active/current tablink class */
.tab button.active {color: #d8262c;}
.tab button:hover:after, .tab button.active:after {content: ''; width: 100%; height: 3px; background: #d8262c; display: block; margin-top: 8px;}

/* Style the tab content */
.tabcontent {padding: 6px 12px;}
.addr-map {position: relative;}
.map img {width: 100%;}
.addresses {position: absolute; background: #fff; top: 100px; left: 150px; padding: 20px 20px 30px 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; max-width: 525px;}
.mail-blocks {margin: 25px 0; color: #727272;}
.addr-emails {font-family: "AvenirNextLTPro-demi", sans-serif; color: #d8262c; margin-top: 10px;}
a.directions {margin-top: 20px; display: inline-block; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
a.directions:hover{transform: translate(4px, 0);}
a.directions:after {content: ''; width: 15px; height: 15px; background: url(../arrow-pointing_red.html) no-repeat; background-size: 15px 15px; display: inline-block; margin-left: 12px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; vertical-align: middle;}
a.directions:hover:after{transform: translate(5px, 0);}
.job-list-head {top: 50px;}
.job-list-head:before {content: ''; width: 120px; height: 102px; background: #fff; display: block; position: relative;}
button.tablinks {font-family: "AvenirNextLTPro-Demi", sans-serif;}
.mail-blocks {padding:0px 0; color: #404040; font-size: 16px;position: relative;padding-left: 70px;}
.mail-blocks small {display: block; font-size: 18px; padding-bottom: 6px;}
.mail-blocks strong {font-family: "AvenirNextLTPro-demi", sans-serif; color: #d8262c; margin-top: 10px; display:block; font-size:16px;}
.mail-blocks p{margin:2px auto; font-size:16px;}
.mail-blocks img{position: absolute; left: 0; max-width: 81px;}
.contact-address-form {background: #ececf3; padding: 2em 0;}

.job-list-head {position: relative; top: 0!important;}
.job-list-head h2 { line-height: 48px; position: absolute; top: 11px; left: 30px;}
.job-list-head:before { content: ''; width: 120px; height: 102px; background: #fff; display: block; position: relative;}
.job-list-head { position: relative; top: 0!important}
.job-list-head h2:after { content: ''; width: 48px; height: 3px; background: #d8262c; display: block; margin-top: 18px;}

.hub-form .hbspt-form label {position: relative;}
.hub-form .hbspt-form label span:nth-child(1), .hub-form .hbspt-form label span.hs-form-required {display: inline-block;}
.hub-form .hbspt-form label input[type="checkbox"] {position: absolute; opacity: 0; z-index: 1;}
.hub-form .hbspt-form label input[type="checkbox"]+span {display: inline-block; line-height: 24px; vertical-align: middle; position: relative; padding-left: 40px; cursor: pointer; user-select: none; color: #424242;}
.hub-form .hbspt-form label input[type="checkbox"]+span:after{position: absolute; content: ""; width: 18px; height: 18px; left: 0; top: 3px; margin-left: 0px; background-color: #fff!important;
    border: 1px solid #c5c5c5; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; cursor: pointer;}
.hub-form .hbspt-form label input[type="checkbox"]:checked+span:before {position: absolute; content: ""; width: 10px; height: 5px; top: 8px; left: 4px; margin-left: 0px; border: 2px solid #fff; border-top: none; border-right: none; background: transparent; -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg);
 -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; -webkit-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out; z-index: 1;}
.hub-form .hbspt-form label input[type="checkbox"]:checked+span:before {opacity: 1;}
.hub-form .hbspt-form label input[type="checkbox"]:checked+span:after {background-color: #d8262c!important;
    border: 1px solid #d8262c;}
.copy-rmenu a {color: #d8262c; font: normal 14px/20px 'AvenirNextLTPro-Demi';}
.copy-rmenu a:hover {color: #fff;}

.hbspt-form textarea, .hub-form .hbspt-form .hs-fieldtype-text input {
  {
        width: 100% !important;
        padding: 12px 10px;
        margin-bottom: 15px;
        color: #3c3c3c;
        font-size: 18px;
        border: none;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: medium;
    border-bottom: 1px solid #9a9a9a3b !important;
}
}
.hub-form .hbspt-form .hs-fieldtype-text input.error {border: none!important; border-bottom: 1px solid #d8262c!important;} 
.hub-form .hbspt-form ul.error {border: 1px solid #d8262c;}
.hub-form .hbspt-form .hs-fieldtype-text input, .hbspt-form textarea {width: 100% !important; padding: 12px 10px; color:#3c3c3c; font-size:16px !important; border: none; border-bottom: 1px solid #9a9a9a3b!important; font-family:"AvenirNextLTPro-Regular", sans-serif; max-width: 100%; resize: none;margin-bottom: 12px;}
.hub-form .hbspt-form .hs-fieldtype-text .input {margin-right: 8px;}
.hub-form .hbspt-form ul li.hs-form-checkbox {width: 33%; float: left; padding-bottom: 12px; font: normal 18px/24px 'AvenirNextLTPro-Demi';}
/* .hs-project_type label {padding-bottom: 32px; display: block} */
.contact-address-form .hbspt-form .hs-fieldtype-text input, .contact-address-form .hbspt-form .hs-fieldtype-textarea textarea {padding: 10px 0px!important}
.contact-sec-right .hbspt-form .hs_submit { margin-top: 20px;}
.hub-form .hbspt-form .hs-fieldtype-file label span {background: url(../fileload-icon.html) no-repeat 0 0; padding-left: 12px; margin-bottom: 8px;
 display: inline-block; color: #d8262c; margin-top: 12px;}
.contact-sec-right .hbspt-form .hs_submit .hs-button.primary, input[type="submit"]{
  padding: 7px 21px !important;
}
 .hub-form .hbspt-form .hs-fieldtype-file label {cursor: pointer;}
 .hub-form .hbspt-form .hs-fieldtype-file .input {overflow: hidden;}
 .hub-form .hbspt-form .hs-fieldtype-file .input .hs-input {margin-left: 16px !important; outline: none; font-style: italic; font-size: 12px; cursor: pointer;}
 .applications-right {padding-bottom: 0; margin-bottom: 0;}
 .hub-form .hbspt-form .hs_submit .action input[type="button"] {width: 100%!important}
 input.hs-button {width: 100% !important;}
 form.hs-form .hs-form-field ul.inputs-list {margin: 12px 0 0; display: inline-block}
 .hs-form fieldset li {background: none!important; padding: 0!important;}
 .hs-form fieldset li span.line {position:static!important; background: none; display: block!important; height: 0;}
 .hs-form fieldset li span:nth-child(3) {padding-left: 35px; float: left;}
 .hs-button.primary:hover, input[type="submit"]:hover, input[type="button"]:hover {background:#d8262c!important}
  ul.feature-listing li { background: none!important; padding-left: 0!important;}
.attach_file .hs_submit.hs-submit{text-align: center;}
 .hub-form .attach_file label {position: relative; display:block;}
.hub-form .hs-fieldtype-file {margin-top: 13px; background: #f7f7f7; padding: 2px 28px 2px !important; border: 1px #c5c5c5 dashed; display: flex; justify-content: center;}
.hub-form .hs-fieldtype-file .input .hs-input {margin-left: -98px!important; outline: 0; font-style: italic; font-size: 12px; border:0}
.hs-form fieldset .hs-fieldtype-file label {position: relative; display: block}
.hub-form .attach_file label span:nth-child(1), .hub-form .attach_file label span.hs-form-required {display: none;display: inline-block; padding-left: 0px;}
.hub-form .attach_file label input[type="checkbox"] {position: absolute; opacity: 0; z-index: 1;}
.hub-form .attach_file label input[type="checkbox"]+span {display: inline-block; line-height: 24px; vertical-align: middle; position: relative; padding-left: 40px; cursor: pointer; user-select: none; color: #424242;}
.hub-form .attach_file label input[type="checkbox"]+span:after{position: absolute; content: ""; width: 18px; height: 18px; left: 0; top: 5px; margin-left: 0px; background-color: #fff!important;
    border: 1px solid #c5c5c5; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; cursor: pointer;}
.hub-form .attach_file label input[type="checkbox"]:checked+span:before {position: absolute; content: ""; width: 10px; height: 5px; top: 10px; left: 4px; margin-left: 0px; border: 2px solid #fff; border-top: none; border-right: none; background: transparent; -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg);
 -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; -webkit-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out; z-index: 1;}
.hub-form .attach_file label input[type="checkbox"]:checked+span:before {opacity: 1;}
.hub-form .attach_file label input[type="checkbox"]:checked+span:after {background-color: #d8262c!important;
    border: 1px solid #d8262c;}
.copy-rmenu a {color: #d8262c; font: normal 14px/20px 'AvenirNextLTPro-Demi';}
.copy-rmenu a:hover {color: #fff;}
.hs-form .hs-fieldtype-booleancheckbox label {display: block}
.hub-form .attach_file .hs-button.primary, input[type="submit"], input[type="button"]{padding: 7px 15px;}
.hub-form .attach_file .hs-fieldtype-text input.error { border-bottom: 1px solid #d8262c!important;} 
.hub-form .attach_file ul.error {border: 1px solid #d8262c;}
.hub-form .attach_file .hs-fieldtype-text input, .attach_file textarea {width: 100% !important; padding: 6px; color:#3c3c3c; font-size:16px !important; border: none; border-bottom: 1px solid #9a9a9a3b!important; font-family:"AvenirNextLTPro-Regular", sans-serif; max-width: 100%; resize: none; margin-bottom: 12px;}
.hub-form .attach_file .hs-fieldtype-text .input {margin-bottom: 10px; padding-left: 0px;}
.hub-form .attach_file ul li.hs-form-checkbox {width: 33%; float: left; padding-bottom: 12px; font: normal 18px/24px 'AvenirNextLTPro-Demi';}
/* .hs-project_type label {padding-bottom: 32px; display: block} */
.contact-address-form .attach_file .hs-fieldtype-text input, .contact-address-form .attach_file .hs-fieldtype-textarea textarea {padding: 12px 0px!important}
.contact-sec-right .attach_file .hs_submit { margin-top: 20px;}
.hub-form .attach_file .hs-fieldtype-file label span {background: url(../fileload-icon.html) no-repeat 0 0; display: inline-block; color: #d8262c; margin-top: 11px; font-size:14px;}
 .hub-form .attach_file .hs-fieldtype-file label {cursor: pointer;}
 .hub-form .attach_file .hs-fieldtype-file .input {overflow: hidden;}
 .hub-form .attach_file .hs-fieldtype-file .input .hs-input {margin-left:16px !important; outline: none; font-style: italic; font-size: 12px;position: relative;}
 .applications-right {padding-bottom: 0; margin-bottom: 0;}
 .hub-form .attach_file .hs_submit .action input[type="button"] {width: 100%!important}
 input.hs-button {width: 100%!important}
 form.hs-form .hs-form-field ul.inputs-list {margin: 12px 0 0; display: inline-block}
 .hs-form fieldset li {background: none!important; padding: 0!important;}
 .hs-form fieldset li span.line {position:relative !important; background: none; display: block!important; height: 0;}
 .hs-form fieldset li span:nth-child(3) {padding-left: 35px; float: left; font-size:16px;}
 .hs-button.primary:hover, input[type="submit"]:hover, input[type="button"]:hover {background:#d8262c!important}
 .hub-form .hbspt-form .hs-fieldtype-text label {display: none !important;}
 .hub-form .hbspt-form label.hs-error-msg, .hub-form .hbspt-form label.hs-main-font-element { display: block!important; color: #d8262c; width: 100%;text-align: left; margin-top: -15px;font-size: 14px;}
label.hs-error-msg {
    display: block !important;
    color: #d8262c !important;
    width: 100%;
    text-align: left;
    margin-top: -15px;
    font-size: 14px;
} 
.request_talk .custom_top_footer{padding: 23px 0 80px !important;}
 .engage-box { margin-top: 30px; padding-top: 20px; }
 .engage-box h3 { max-width: inherit!important;}
 .engage-box p {margin-bottom: 27px}

  .engage-box .methods-right {min-height: 180px; padding: 0}
  .section-basicleftright .headingstyle { position:relative;}
  .section-basicleftright .headingstyle:before { content: ''; position: absolute; top: -15px; left: 0px; width: 150px; height: 110px; background: #f5f5f9;}
  .section-basicleftright .headingstyle h2 { /* z-index: 9999; */ position: relative; margin-left: 30px; margin-bottom:90px;}
  .section-basicleftright .headingstyle h2:after { content: ''; position: absolute; bottom: -17px; width: 48px; height: 3px; background: #d8262c; left: 0px;}
  .section-basicleftright .headingstyle p { margin-left: 40px; /* z-index: 99; */ position: relative; margin-top: 50px;}

  .desktop-img {display: block}
  .ipad-img {display: none}


/*About Gallery Section*/  
.gallery-container {background: #14212a;}
.gallery-row{display: flex; flex-wrap: wrap; justify-content: space-between;}
.gallery-img{float: left; height: auto;}
.gallery-img img{width: 100%; height: auto; vertical-align: bottom; -webkit-filter: grayscale(100%); filter:grayscale(100%); transition: all 0.5s ease;
opacity: 0.5;}
.gallery-img img:hover{ filter: none; opacity: 1;}
.gallery-img1{width:25.10%;}
.gallery-img2{width:17.90%;}  
.gallery-img3{width:25.10%;}
.gallery-img4{width:16.40%;}
.gallery-img5{width:15.31%;}
.gallery-img6{width:14.5%;}
.gallery-img7{width:14.9%;}  
.gallery-img8{width:27.31%;}
.gallery-img9{width:14.63%;}
.gallery-img10{width:28.50%;}
.gallery-img11{width:20.26%;}  
.gallery-img12{width:32.80%;}
.gallery-img13{width:17.47%;}
.gallery-img14{width:29.42%;}


/* --------------- career Selection ---------- */

.job-list_sec ol li { padding: 0; padding-bottom: 25px; margin: 0 50px 45px 0; width: calc(50% - 50px); border-bottom: 2px solid #e8e9e9; position: relative !important; float: left;}
.job-list_sec ol { list-style-type: none !important;}
.job-list_sec ol li::before { counter-increment: section !important; content: counter(section,decimal-leading-zero); width: 52px; background: #14212a; color: #fff; display: inline-block !important; font-size: 26px;font-family: "AvenirNextLTPro-Bold", sans-serif;
    vertical-align: top; text-align: right; margin-right: 20px; padding-top: 16px; padding-bottom: 16px; padding-right: 8px;}
.job-info { display: inline-block; width: calc(100% - 85px); }
.exp { float: left;}
.job-list_sec ol { counter-reset: section; list-style-type: none; padding: 0; }
.job-info::after { content: '.'; color: #d8262c; font-size: 50px; position: absolute; left: 54px; top: 9px; }
.job-list_sec ol li::after { content: ''; display: block; width: 0; height: 2px;
    background: #d8262c; position: relative; top: 27px; transition: all 0.5s ease; }
.job-list_sec ol li:hover h3 { color: #d8262c; }
.job-list_sec ol li:hover::before { background: #d8262c; }
.job-list_sec ol li:hover::after { width: 100%; }


/*  ------------------------ Get in touch --------------- */
.Gettouch-contact-left {
    padding-right: 3%;
    background-image: url(../jpg/footermap.jpg);
    background-repeat: no-repeat;
    background-position: 50% 25%;
     width: 50%;
}
.methods-img h3, .methods-img p, .methods-img h5 { display: inline-block; position: relative; width: calc(98% - 125px);} 
.methods-img {color: #d8262c; position: relative; margin-bottom: 37px;}
.methods-img p {font-size: 16px; border-bottom: 1px solid #f0f0f0;}
.methods-img p.telephone-no {margin-top: 10px;}
.methods-img p.telephone-no span {display: inline-block; margin: 0}
.methods-img h3 { color: #d8262c; margin-left: 23px; }
.methods-img h5 { font-size: 22px; letter-spacing: -1px; color:#404040;}
.methods-img p, .methods-img h5 { margin-left: 114px !important; color:#404040; padding-bottom: 21px; }


/*	--------------	COMMON CSS	--------------	*/
.main-section {position: relative}
.main-section h1, .main-section h1 span a {color: #151515;}
.main-section h2, .main-section h2 span a {color: #404040;}
.main-section h4 {font: normal 14px "AvenirNextLTPro-Demi", sans-serif; line-height: 28px; color: #d8262c; text-transform: uppercase; margin-bottom: 12px;}
.main-section p {font-size: 16px;}

.main-contact-tabber {position: relative}
.main-contact-tabber h1, .main-contact-tabber h1 span a {color: #151515}
.main-contact-tabber h2, .main-contact-tabber h2 span a {color: #151515}
.main-contact-tabber h4 {font: normal 14px "AvenirNextLTPro-Demi", sans-serif; line-height: 28px; color: #d8262c; text-transform: uppercase; margin-bottom: 12px;}
.main-contact-tabber p {font-size: 16px;}
.main-contact-tabber .hs-tabs ul{ padding-left:0px; }

.main-section .unique-project{position: relative;}
.service_block {position: relative; padding-bottom: 30px; float: left;}
.service_block img {max-width: 80px; margin-bottom: 30px;}
.service_block p {margin-bottom: 0px}
.service_block a {position: relative; margin-top: 20px}

.application-right-blk .row-fluid .span12 {position: relative; padding-bottom: 0px; padding-left: 120px; margin-bottom: 50px;}
.application-right-blk .row-fluid .span12 img { position: absolute; left: 0; max-width: 81px;}
.application-right-blk .row-fluid .span12 p {border-bottom: 1px solid #f0f0f0; padding-bottom: 40px; margin: 0;}

/* .application-right-blk .row-fluid .span12:last-child p {border: none; padding: 0;} */

.we-work-section h3 { max-width: inherit!important;}

.engage-responsive-box .row-fluid .span6 {margin-left: 0}
.engage-responsive-box .row-fluid [class*="desk-img"] {float: right!important; padding-left: 2.5%;}

/* -------------- Portfolio Sub-Pages CSS --------------- */

div#divAllProject {float: left; color: #fff;margin-left: 22px;margin-bottom: 20px; margin-top: 2%; width: 29%;}
.item.architecture {position: relative;margin-left: 17px;margin-right: 17px;float: left;}
.item.architecture h3 {position: absolute;top: 12px;color: #fff; left: 22px;font-size: 22px;}
.item.architecture p {position: absolute;bottom:13px;font-family: "AvenirNextLTPro-Regular", sans-serif;left: 10px;}
.item.architecture a {position: absolute; width: 100%; height: 100%; z-index: 1;top: 0px;left:0px;text-indent: -9999px;}
.static-portfolio {text-align: center;padding: 60px 0 0; width: 100%;}
.static-portfolio h2 { font: normal 22px "AvenirNextLTPro-Regular", sans-serif;color: #727272;padding: 20px 0;letter-spacing: 0;}
.red {color: #d8262c;margin-left: 0px;}
.static-portfolio h1 {font-size: 44px;line-height: 54px;font-family: "AvenirNextLTPro-Bold", sans-serif;letter-spacing: -4px;}
.static-portfolio a {font: normal 18px "AvenirNextLTPro-Demi", sans-serif; color: #d8262c;}
.static-portfolio h3 {display: block; position: relative; margin-top: 65px;}  
.static-portfolio a::after {content: '';width: 16px; height: 14px; color: #d8262c;background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/arrow-pointing_red-1.svg); background-size: auto;background-size: 16px 14px;display: inline-block;margin-left: 10px;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;vertical-align: middle;}
.item.architecture:hover {
  box-shadow: 0 5px 35px 0px rgba(0,0,0,.1);
}
.item.architecture:hover:before, .item.architecture:hover:after {
  display: block;
  content: '';
  position: absolute;
  width: 326px;
  height: 432px;
  background: #FDA8CF;
  z-index: -1;
  animation: 1s clockwise infinite;
}

.item.architecture:hover:after {
  background: #F3CE5E;
  animation: 2s counterclockwise infinite;
}

@keyframes clockwise {
  0% {
    top: -5px;
    left: 0;
  }
  12% {
    top: -2px;
    left: 2px;
  }
  25% {
    top: 0;
    left: 5px;    
  }
  37% {
    top: 2px;
    left: 2px;
  }
  50% {
    top: 5px;
    left: 0;    
  }
  62% {
    top: 2px;
    left: -2px;
  }
  75% {
    top: 0;
    left: -5px;
  }
  87% {
    top: -2px;
    left: -2px;
  }
  100% {
    top: -5px;
    left: 0;    
  }
}

@keyframes counterclockwise {
  0% {
    top: -5px;
    right: 0;
  }
  12% {
    top: -2px;
    right: 2px;
  }
  25% {
    top: 0;
    right: 5px;    
  }
  37% {
    top: 2px;
    right: 2px;
  }
  50% {
    top: 5px;
    right: 0;    
  }
  62% {
    top: 2px;
    right: -2px;
  }
  75% {
    top: 0;
    right: -5px;
  }
  87% {
    top: -2px;
    right: -2px;
  }
  100% {
    top: -5px;
    right: 0;    
  }
}

/* -------------- Portfolio Heading-tag  --------------- */
.banner-container p { font-size: 17px; margin-top: 10px;}
.banner-container-portfolio p { font-size: 19px; line-height: 26px;}
.featured-work {
    background: url(../jpg/featured-work-slider-bg.jpg) no-repeat #434053;background-size: auto;background-size: cover;padding: 5em 0 4em;}
.featured-work h2 {color: #fff;}
.featured-work p {color: #acacac;line-height: 34px;margin-top: 30px;}
.featued-work-right {float: right;margin-left:15%; display: block;position: relative;width: 40%;}
.stories_Container {padding:40px 5%;}
.container-heading-section {background: #fff;padding: 172px 96px 50px;}
.col.col_onesecond.featued-work-left { width: 45%; flex-direction: column;transform: translate(0,3%);}
.portfolio .owl-theme .owl-controls .owl-page span{
background: #f90649;
}

/* -------------- New Case study  Revamping Portfolio css   --------------- */
.content_Case {background-color: #204264;font-size: 20px;line-height: 28px;padding: 72px;color:#fff;}
.content_Case h3 {color:#fff; font-size: 24px; line-height: 36px; letter-spacing: -1px;}
.content_Case p{ margin-bottom:30px; }
.blog-category a::before { content: ' \003C'; font-size: 23px;vertical-align: top;}
.blog-category { color: #404040;font-family: "AvenirNextLTPro-Regular", sans-serif;line-height:28px; font-size:16px; padding-top:120px;  margin-bottom:30px;}
.stats-cont { display: inline-block; padding-right: 23px; }
.stats-cont .stats-number { display: block; font-size: 34px; font-weight: bold; letter-spacing: 0; color: #d8262c; font-family: "AvenirNextLTPro-Regular", sans-serif; line-height: 44px;}
.stats-cont .stats-desc { display: block; font-size: 17px; line-height: 1.43; color: #404040; font-family: "AvenirNextLTPro-Regular", sans-serif;}
.container.container_single_blog .client-showcase-section h1{padding-top:0px;}
.container.container_single_blog h2{ font-size: 30px; line-height: 42px; letter-spacing: -1px;}
.container.container_single_blog h4{ font-size: 20px; line-height: 22px; letter-spacing: -1px;}
.client-showcase-section h1{ max-width:700px; margin-bottom: 30px; font-size: 41px; line-height: 50px; letter-spacing: -2px;}
.client-showcase-section p{ margin-bottom: 30px; }
.container.container_single_blog{ padding:0 3%; }
.container.container_single_blog p { margin-bottom:30px;}
.content_Case ul li { background: url(../png/red-listing-bullet.png) no-repeat left 7px; padding-left: 28px; margin-bottom: 10px;font-size: 17px;line-height: 28px;}
.content_Case ul { margin-top: 22px; padding-left:35px; padding-right:35px;  } 
.content_Case h3 {padding-left:23px;}
.list-with-heading ul { margin-top: 22px; font-size:17px; line-height:28px;}
.additional_webimageCase{background: #204264;margin: auto; padding: 47px;text-align:center;}
.additional_webimageCase img { max-width:60%; }
.condexo_wrapper-image { margin-top: 59px; margin-bottom:14%;max-height: 468px;background-color: #2bd4b6; background-position: left bottom;}
.condexo_wrapper-image img { max-width:51%; }
.franklin_wrapper-Case { margin-top: 59px; margin-bottom:14%;max-height: 468px;background-color: #120e2d; background-position: left bottom;}
.franklin_wrapper-Case img { max-width:51%; }
.vindame_wrapper-Case { margin-top: 59px; margin-bottom:14%;max-height: 468px;background-color: #120e2d; background-position: left bottom;}
.vindame_wrapper-Case img { max-width:51%; }
.hubbed_case-wrapper { margin-top: 59px; margin-bottom:14%;max-height: 468px;background-color: #fdb800; background-position: left bottom;}
.hubbed_case-wrapper img { max-width:55%; }
.icons-section ul { padding-left:0px;}
.wrapper_technologyies-case table {
    width: 50%;
    height: auto !important;
    border-color:#000000;
    border-style: solid;
    border-collapse: collapse;
    table-layout: fixed;
    background: #cec6c633
}
.wrapper_technologyies-case table * {
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0;
    padding:5px;
}
 .wrapper_technologyies-case th{
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0;
    background: #53a4f3;
}
.wrapper_technologyies-case table, td, th {
    border-color:#000000;
    border: 1px solid;
    border-collapse: collapse;
    table-layout: fixed;
} 
/* -------------- End New Case-study   --------------- */

/* -------------- Portfolio Heading-tag  --------------- */
.container.container_single_blog {max-width: 1234px;}
.container.container_single_blog h1 {padding-top: 120px;}
.container.container_single_blog p {font-size: 17px; line-height: 28px;}
.bgcolor {margin-bottom: 61px;}
.cs_sec1 img {text-align:center; margin: auto; display: block;padding-top: 100px;}
.list-with-heading ul li {background: url(../png/red-listing-bullet.png) no-repeat left 7px;padding-left: 28px;margin-bottom: 10px; font-size:17px; line-height:28px;}
.list-with-heading {padding: 30px 0 50px 0; font-size: 17px; line-height: 28px;}
.bgcolor { background-color: #f5f5f9 !important; padding: 75px 0;}
.bgcolor li { display: inline-block;text-align: left;margin-right: 3%;padding-right: 3%;border-right: 1px solid #e7e7e7;} 
.bgcolor ul {padding: 0; text-align: center}
.bgcolor img {display: inline-block !important; vertical-align: middle !important;float: left;}
.bgcolor p {display: inline-block;vertical-align: middle;line-height: 22px;color: #151515;}
.bgcolor h1{ display: inline-block;vertical-align: middle;margin: 0px 8px 0 6px;color: #d8262c;}
.icons-section ul li { display: inline-block; width: 121px; height: 121px; background: #f5f5f9; margin: 10px 15px;}
.icons-section img {text-align: center;display: block;position: relative;margin-left: 23px;margin-top: 24px; padding-left:8px;}
.icons-section p {text-align: center;margin-top: 8px;}
.additional_fullimage {background: #f5f5f9;margin: auto; padding: 47px;}
.additional_fullimage img {margin: auto;display: block;max-width: 46%;}
.btn-cs {margin: 43px 26px 11px 6px;}
.Project_image { margin-top: 59px; margin-bottom:17%; max-height: 468px;background-color: #f46421;background-image: url('../png/case-study-sec1-bg.png');background-repeat: no-repeat;background-position: left bottom;}
.Project_image-section { margin-top: 59px; margin-bottom:14%;max-height: 468px;background-color: #58B87F;background-position: left bottom;}
.Project_image-wrapper { margin-top: 59px; margin-bottom:14%;max-height: 468px;background-color: #52a2f3;background-position: left bottom;}
.Project_image-wrapper img {max-width: 51%;}
.Project_image img {max-width: 51%;}
.Project_image-section img{max-width: 51%;}
.icons img {margin-right: 20px;width: auto !important;display: inline-block !important;position: relative;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;-moz-transition: all 0.5s ease;}
.icons {margin:20px 0px;}
.ci-location-section {background: #f8f8f9; padding: 32px 0;}
.ci-location-section h3 {font: normal 18px 'AvenirNextLTPro-Demi'; color: #404040; padding: 0 0 20px; margin:0}
.ci-loaction-block {width: 25%; float: left;}
.ci-loaction-block p {font: normal 14px/22px 'AvenirNextLTPro-Regular'; color: #727272;}
.ci-loaction-block p strong {display: block; font: normal 16px 'AvenirNextLTPro-Demi'; color: #404040; padding: 0 0 10px;}

.industries ~ ul.hs-menu-children-wrapper { width: 228px!important; min-width: auto!important; right: auto!important; left: 0!important; padding: 28px 30px!important;}
.industries ~ ul.hs-menu-children-wrapper li {width:100%!important;}
.industries ~ ul.hs-menu-children-wrapper li a {font-size: 16px!important; font-family: "AvenirNextLTPro-Regular", sans-serif!important; margin-bottom: 10px!important;}
.industries ~ ul.hs-menu-children-wrapper li a:after {display: none!important}
.industries ~ ul.hs-menu-children-wrapper li:last-child {left: -25px!important; position: relative!important;}

.work ~ ul.hs-menu-children-wrapper { width: 228px!important; min-width: auto!important; right: auto!important; left: 0!important; padding: 28px 30px!important;}
.work ~ ul.hs-menu-children-wrapper li {width:100%!important;}
.work ~ ul.hs-menu-children-wrapper li a {font-size: 16px!important; font-family: "AvenirNextLTPro-Regular", sans-serif!important; margin-bottom: 10px!important;}
.work ~ ul.hs-menu-children-wrapper li a:after {display: none!important}
.work ~ ul.hs-menu-children-wrapper li:last-child {left: -25px!important; position: relative!important;}

.about ~ ul.hs-menu-children-wrapper { width: 680px; min-width: auto!important; right: 181px !important; left: 0!important; padding: 20px 30px!important;}
.about ~ ul.hs-menu-children-wrapper li {float: left!important;width: 33.3%!important; line-height:23px;}
.about ~ ul.hs-menu-children-wrapper>ul ul {padding: 5px 0px; display: block !important; margin-left: 2px; width: 50% !important;}
.about ~ ul.hs-menu-children-wrapper li ul.hs-menu-children-wrapper li {display: block !important; width: 100% !important; position: relative !important;}

.container_silder{background-color: transparent;color:#fff; padding: 109px 0;}
.heading_14 {font-size: 14px;font-family: "AvenirNextLTPro-Demi", sans-serif;line-height: 28px;color: #d8262c;text-transform: uppercase;margin-bottom: 12px;}
.home_sec12-left {width: 80%; position: relative; z-index:2;}
.home_sec12-left h2 {color: #fff;}
.home_sec12-left p {color: #727272;}
.author {color: #727272;margin-top:26px;}
.test_slider{width: 50%;position: relative;display: block;margin: auto;}
.meter{position:absolute; top:0;}
.wcs .wcs-testi1-slide img {
  width:71% !important;
  height:auto;
  border-radius: 0 !important;
}

.home_sec11 .owl-item { background: #fff;}
.home_sec11 .owl-item .bg_img { position: absolute; bottom: 0; left: 0; opacity: 0; -moz-transition: all 0.9s ease; -webkit-transition: all 0.9s ease; transition: all 0.9s ease;width:100%; overflow:hidden; }
.home_sec11 .owl-item .stories_name { font-family: "AvenirNextLTPro-Demi", sans-serif; font-size: 14px; color: #404040; text-transform: uppercase; margin-bottom: 12px; position: relative; padding-left:60px; padding-right:60px;}
.home_sec11 .owl-item .stories_text { font-size: 22px; line-height: 34px; margin-bottom: 13px; position: relative; color: #727272; min-height: 80px; padding-right:60px; padding-left:60px;}
.home_sec11 .owl-item .stories_img img { width: auto !important; max-width: 100%; margin: auto; position: relative; top: 15px; -moz-transition: top 0.3s ease; -webkit-transition: top 0.3s ease; transition: top 0.3s ease; }
.home_sec11 .owl-item:hover .stories_name { color: #d8262c; }
.home_sec11 .owl-item:hover .stories_text { color: #404040; }
.home_sec11 .owl-item:hover .stories_img img { top: 0; }
.home_sec11 .owl-item:hover .bg_img { opacity: 1; }
.home_sec11 .owl-theme .owl-dots .owl-dot span { width: 13px; height: 13px; }
.home_sec11 .owl-theme .owl-dots .owl-dot span { background: #ffd4d5; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.home_sec11 .owl-theme .owl-dots .owl-dot.active span { background: #ee8787; width: 34px; }
.home_sec11 .owl-theme .owl-dots .owl-dot:hover span { background: #ee8787; }
.home_sec11 .owl-theme .owl-dots .owl-dot:focus { border: none; outline: none; }
.home_sec11 .owl-dots { padding-bottom: 90px; }
.home_sec11 .owl-item .team_block:after {content: ''; width: 0; height: 3px; background: #d9292f; display: block; position: relative; top: 47px; transition: all 0.5s ease;}
.home_sec11 .owl-item:hover .team_block:after {width: 100%}
.home_sec14 { background: #eeeef5;padding: 62px 0 70px;position: relative;z-index: 2;margin-bottom: 0;}
.join-sec14 { background: #14212a;padding: 62px 0 70px;position: relative;z-index: 2;margin-bottom: 0;color: #727272;font-size: 22px;}
.join-sec14 h2 {color: #fff;}
.bg_img img {width:100%;}
.Start-project {background: #14212a; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 41px 60px 42px 70px;}
.Start-project h3 {color: #fff; margin: 0}
.Start-project  p.requirements {font-size: 22px; color: #727272; letter-spacing: -1px; line-height: 28px; margin-top: 8px;}

.Start-project  p {text-align: right}

.Start-project{margin-top: 10px;}
.Start-project span {position: relative; left: 0; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.Start-project:after {content: ''; width: 16px; height: 14px; color: #fff; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/arrow-pointing.svg); background-size: 16px 14px; display: inline-block; margin-left: 20px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; vertical-align: middle;}
.Start-project:hover {background: #b22024!important;}
.Start-project:hover span {left: 8px}
.Start-project:hover:after {transform: translate(5px, 0);}
.start-project p {font-size: 18px;margin-bottom: 17px;}
.start-project h2 {margin-bottom: 13px; font-size: 30px; letter-spacing: -1px;}

.lets-talk {background: #14212a; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 41px 60px 42px 70px;}
.lets-talk h3 {color: #fff; margin: 0}
.lets-talk  p.requirements {font-size: 22px; color: #727272; letter-spacing: -1px; line-height: 28px; margin-top: 8px;}
.lets-talk  p {text-align: right}
.lets-talk{margin-top: 10px;}
.lets-talk span {position: relative; left: 0; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.lets-talk:after {content: ''; width: 16px; height: 14px; color: #fff; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/arrow-pointing.svg); background-size: 16px 14px; display: inline-block; margin-left: 20px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; vertical-align: middle;}
.lets-talk:hover {background: #b22024!important;}
.lets-talk:hover span {left: 8px}
.lets-talk:hover:after {transform: translate(5px, 0);}
.lets-talk p {font-size: 18px;margin-bottom: 17px;}
.lets-talk h2 {margin-bottom: 13px;}
#lets-talk img { min-width: 660px; float: right;	position: relative; bottom: 122px; }



.join-team {background: #14212a; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 41px 60px 42px 70px;}
.join-team h3 {color: #fff; margin: 0}
.join-team  p.requirements {font-size: 22px; color: #727272; letter-spacing: -1px; line-height: 28px; margin-top: 8px;}
.join-team  p {text-align: right}
.join-team {margin-top: 10px;}
.join-team span {position: relative; left: 0; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.join-team:after {content: ''; width: 16px; height: 14px; color: #fff; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/arrow-pointing.svg); background-size: 16px 14px; display: inline-block; margin-left: 20px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; vertical-align: middle;}
.join-team:hover {background: #b22024!important;}
.join-team:hover span {left: 8px}
.join-team:hover:after {transform: translate(5px, 0);}
.join-team p {font-size: 18px;margin-bottom: 17px;}
.join-team h2 {margin-bottom: 13px;}

.career-cta-sec {
    background-image: url(../jpg/fresh_talents.jpg);
    padding-top: 5em;
    padding-bottom: 6em;
    margin-bottom: 0;
}

.career-cta-sec {
    margin-bottom: 0;
}

.send_us {background: #14212a; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 41px 60px 42px 70px;}
.send_us h3 {color: #fff; margin: 0}
.send_us  p.requirements {font-size: 22px; color: #727272; letter-spacing: -1px; line-height: 28px; margin-top: 8px;}
.send_us  p {text-align: right}
.send_us{margin-top: 10px;}
.send_us span {position: relative; left: 0; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.send_us:after {content: ''; width: 16px; height: 14px; color: #fff; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/arrow-pointing.svg); background-size: 16px 14px; display: inline-block; margin-left: 20px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; vertical-align: middle;}
.send_us:hover {background: #b22024!important;}
.send_us:hover span {left: 8px}
.send_us:hover:after {transform: translate(5px, 0);}
.send_us p {font-size: 18px;margin-bottom: 17px;}
.send_us h2 {margin-bottom: 13px;}

.contact-cta-bgcolor {
    background-image: url(../jpg/contact-cta-bg.jpg);
    padding-top: 5em;
    padding-bottom: 6em;
    margin-bottom: 0;
}

.contact-cta-sec {
    margin-bottom: 0;
}
.application-contact_icon-wrapper .row-fluid .span12 {position: relative; padding-bottom: 0px; padding-left: 40px; margin-top: 70px;}
.about_us {background: #14212a; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 41px 60px 42px 70px;}
.about_us h3 {color: #fff; margin: 0}
.about_us  p.requirements {font-size: 22px; color: #727272; letter-spacing: -1px; line-height: 28px; margin-top: 8px;}
.about_us  p {text-align: right}
.about_us{margin-top: 10px;}
.about_us span {position: relative; left: 0; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.about_us:after {content: ''; width: 16px; height: 14px; color: #fff; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/arrow-pointing.svg); background-size: 16px 14px; display: inline-block; margin-left: 20px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; vertical-align: middle;}
.about_us:hover {background: #b22024!important;}
.about_us:hover span {left: 8px}
.about_us:hover:after {transform: translate(5px, 0);}
.about_us p {font-size: 18px;margin-bottom: 17px;}
.about_us h2 {margin-bottom: 13px;}

.apply-now {background: #14212a; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 41px 60px 42px 70px;}
.apply-now h3 {color: #fff; margin: 0}
.apply-now  p.requirements {font-size: 22px; color: #727272; letter-spacing: -1px; line-height: 28px; margin-top: 8px;}
.apply-now  p {text-align: right}
.apply-now{margin-top: 10px;}
.apply-now span {position: relative; left: 0; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.apply-now:after {content: ''; width: 16px; height: 14px; color: #fff; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/arrow-pointing.svg); background-size: 16px 14px; display: inline-block; margin-left: 20px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; vertical-align: middle;}
.apply-now:hover {background: #b22024!important;}
.apply-now:hover span {left: 8px}
.apply-now:hover:after {transform: translate(5px, 0);}
.apply-now p {font-size: 18px;margin-bottom: 17px;}

.back-home {background: #14212a; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 41px 60px 42px 70px;}
.back-home h3 {color: #fff; margin: 0}
.back-home  p.requirements {font-size: 22px; color: #727272; letter-spacing: -1px; line-height: 28px; margin-top: 8px;}
.back-home  p {text-align: right}
.back-home{margin-top: 10px;}
.back-home span {position: relative; left: 0; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.back-home:after {content: ''; width: 16px; height: 14px; color: #fff; background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/arrow-pointing.svg); background-size: 16px 14px; display: inline-block; margin-left: 20px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; vertical-align: middle;}
.back-home:hover {background: #b22024!important;}
.back-home:hover span {left: 8px}
.back-home:hover:after {transform: translate(5px, 0);}
.back-home p {font-size: 18px;margin-bottom: 17px;}
.back-home h2 {margin-bottom: 13px;}
.border-selection { margin-top: 19px; border: 1px solid #f0f0f0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;overflow: hidden; margin: 0px 13px 0px 22px;height:auto !important}
.custom_header {
    padding: 30px 7% 13px !important;
    position: absolute;
    width: 100% !important;
    top: 0;
    z-index: 2;
    background: 0;
}
.test-container-wrapper {
    padding-top: 4em;
    background-color:#fff;
}
.job-details {
    display: inline-block;
    border-right: 2px solid #bfbfbf;
    padding-right: 16px;
    margin-right: 8px;
}
.entry-header {
    background: rgba(225, 225, 225, 0.85);
    color: #151515;
}

.career-banner {
    height: 451px!important;
    display: flex !important;
    align-items: center;
    z-index: 1;
    position: relative!important;
    background: rgba(225,225,225,0.85) !important;
    color: #151515 !important;
    float: none!important;
}
.career-icon h2{
    top: 32px;
    position: absolute;
}
.career-icon:before {
    content: '';
    display: block;
    width: 166px;
    height: 156px;
    background-color: #f5f5f9;
    position: relative;
    left: -39px;
}
.career-icon h2:after {
    content: '';
    display: block;
    width: 48px;
    height: 3px;
    background-color: #d92d33;
    margin-top: 10px;
}
.top_row ul li {
		margin-bottom: 13px !important;
    font-size:15px;
	}
.custom-menu-primary .hs-menu-wrapper > ul > li > a {
		text-decoration: none;
		font-size: 18px;
		font-family: "AvenirNextLTPro-Demi", sans-serif;
		-moz-transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
		border: none;
		position: relative;
		color: #404040;
	}
.custom-menu-primary .hs-menu-wrapper>ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover:after {
    background: none;
}
.home-container .header-container .custom_header .custom-menu-primary .hs-menu-wrapper ul li ul li a {color: #404040 !important;font-size: 16px;}
a#back-to-top {display: none !important;}
.custom-menu-primary .hs-menu-wrapper > ul > li.hs-item-has-children:hover a:after {
    width: 100%;
    left: 0;
    background: #d8262c;
    transition: none;
}

li.hs-menu-item.hs-menu-depth-2.hs-item-has-children a:after{
content:none;
}
li.hs-item-has-children a:after{
 content:''; 
}
.home-container .header-container .custom_header .custom-menu-primary ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-3:hover>a{
  color:#d8262c!important;
}
.home-container .header-container .custom_header .custom-menu-primary ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-1:hover>a,
.home-container .header-container .custom_header .custom-menu-primary ul.hs-menu-children-wrapper  li.hs-menu-item.hs-menu-depth-2.hs-item-has-children:hover>a
{
  color:#404040!important;
}
.home-container .header-container .custom_header .custom-menu-primary ul.hs-menu-children-wrapper  li.hs-menu-item.hs-menu-depth-2:hover>a
{
  color:#d8262c!important;
}
.custom-menu-primary ul.hs-menu-children-wrapper  li.hs-menu-item.hs-menu-depth-2:hover>a{
  color:#d8262c!important;
}
.home-container .header-container .custom_header.custom-menu-primary ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-2.hs-item-has-children{
  color: #404040 !important;
  display:none;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a:after{transition:none;}



/*	--------------	Blog SECTION CSS	--------------	*/
.hs-blog-listing .custom_header, .contact-us .custom_header {
    border-bottom: 0px solid rgb(238, 238, 245) !important;
}
.hs-blog-listing .custom_header
{
  background:#fff;
}
.hs-blog-post #blog_id .custom-menu-primary .hs-menu-wrapper > ul > li > a {
    color: #fff;
}
.hs-blog-post.stuck #blog_id.custom_header .custom-menu-primary .hs-menu-wrapper ul li a{
   color: #404040 ;
}
.hs-blog-post .getintouch {
    color: #fff !important;
}
.about-author-sec p{
  font-size: 17px;
  line-height: 24px;
  letter-spacing:-0.5px;
}
.recent-post-content a{
   pointer-events: none;
   cursor: none;
   color:#404040;
}
.blog-post-wrapper.cell-wrapper p {
    margin-bottom: 30px;
    font-size: 20px;
    line-height: 28px;
}
.blog-post-wrapper.cell-wrapper h3 {
    padding-top: 17px;
}
.blog-post-wrapper.cell-wrapper h5 {
   padding-top: 17px;
}
.blog-post-wrapper.cell-wrapper blockquote {
  background: #f9f9f9;
  border-left: 10px solid #b22024;
  margin-bottom: 30px;
  padding: 14px 0px 2px 12px;
  quotes: "\201C""\201D""\2018""\2019";
  color: #797373;
  font-size:17px;
  line-height:26px;
}
.blog-post-wrapper.cell-wrapper blockquote ol li {
   margin-bottom: 25px;
   font-size: 18px;
   line-height: 26px;
}
.blog-post-wrapper.cell-wrapper blockquote ol{
  padding-top: 10px;
}
.blog-post-wrapper.cell-wrapper blockquote div {
    padding: 5px 5px;
}
.blog-post-wrapper.cell-wrapper blockquote p {
    padding-top: 11px;
    margin-bottom: 11px !important;
}

/* .blog-post-wrapper.cell-wrapper:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
} */
.blog-post-wrapper.cell-wrapper ul li {
  padding-left: 28px;
  margin-bottom: 25px;
  font-size:17px;
  line-height:21px;
}
.blog-snippet {
    background: #f3f3f8;
    padding: 40px;
    box-sizing: border-box;
    border: 1px solid #e6e6e6;
}
.blog-snippet h2 {
    margin-bottom: 25px;
    font-size: 24px;
    color: #151515;
    background:#fff;
    border: 1px solid #ecebe9;
    padding: 15px 15px 15px 17px;
    position: relative;
    letter-spacing: 0;
    text-transform: capitalize;
}
.blog-snippet ol li {
   margin-bottom: 25px;
   font-size: 20px;
   line-height: 28px;
}
.home-embedded-cta {
    background:rgba(0,0,0,.02);
    border-radius: 5px;
}
.home-embedded-cta .container{
    background:#f3f3f8;
    padding: 20px 40px;
    border-radius: 5px;
}
.home-embedded-cta p {
    margin: 17px 0 0;
}
.topic-tagging
{
  color:#131313;
  padding: 0px 3px 0px 0px;
}
.topic-tagging::after
{
  color:#131313;
  display: none !important;
}
.blog-section table {
    width: 100% !important;
    height: auto !important;
    border-color:#000000;
    border-style: solid;
    border-collapse: collapse;
    table-layout: fixed;
}
.blog-section table * {
    font-size: 16px !important;
    line-height: 20px !important;
    letter-spacing: 0;
    padding:5px;
}
 .blog-section th{
    font-size: 16px !important;
    line-height: 20px !important;
    letter-spacing: 0;
    background: #53a4f3;
}
.blog-section table, td, th {
    border-color:#000000;
    border: 1px solid;
    border-collapse: collapse;
    table-layout: fixed;
    width: 249px !important;
} 

.blog-section tr td h2 {
    padding:5px;
    font-size:16px;
    line-height:20px;
   
}
.blog-section tr:nth-child(even) {
  background: #fff;
}

.blog-section th:nth-child(1):hover {
  background: #53a4f3;
}

.blog-section th {
  padding-top: 17px;
  text-align: left;
  padding-left: 7px;
  padding-bottom:12px;
}

.blog-section tr:hover {
  background: #f9f9f9;
} 

.table-element th
{
  color:#fff;
  border: 1px solid #262424;
}

.section.post-body p span {
    visibility: visible !important;
}
/* Landing-page space remove Section css -----*/
.wrapper-container-removespace .body-container-wrapper{
  margin-bottom:0px !important;
}
.paidcampaigns-form{
  background:#fff;
  padding: 31px;
  border-radius: 5px;
  
}

.paid-text p {
    font-size: 17px !important;
    position: relative;
    padding-bottom: 0px;
}
.paidcampaigns-form input[type="text"] {
  font-size: 18px;
  font-family: "AvenirNextLTPro-Regular", sans-serif;
  max-width: 100%;
  resize: none;
  color:#3c3c3c;
  border-bottom: 1px solid #9a9a9a3b;
  padding-top:23px;
}
.paidcampaigns-form input[type="email"] {
  font-size: 18px;
  font-family: "AvenirNextLTPro-Regular", sans-serif;
  max-width: 100%;
  resize: none;
  color:#3c3c3c;
  border-bottom: 1px solid #9a9a9a3b;
}
.paidcampaigns-form textarea {
  font-size: 18px;
  font-family: "AvenirNextLTPro-Regular", sans-serif;
  border-bottom: 1px solid #9a9a9a3b;
  padding-top: 23px;
}
.paidcampaigns-form  .hs-input.invalid.error{
  border-bottom: 1px solid #d8262c;
}
.paidcampaigns-form  label{
  display:none;
}
.expertise-manager img{
  max-width: 18%;
  padding-bottom: 26px;
}
.paid-text h1{
  letter-spacing: -2px;
}

.solutions-requirement p{
  color:#fff;
  font-size: 17px;
  padding: 16px 0px;
}
.solutions-requirement h1{
  color:#fff;
  font-size: 77px;
  line-height: 74px;
}
.solutions-requirement h1::after {
    content: '.';
    color: #d8262c;
}
.paidcampaigns-form .hs-button.primary{
  padding-left: 18px !important;
  padding-right: 45px;
}

.paidcampaigns-form .hs-button.primary:hover {
    transform: translate(5px, 0);
}
.paidcampaigns-form .hs_submit .actions{
  position:relative;
}
.paidcampaigns-form .hs_submit .actions::after {
    content: '';
    width: 16px;
    height: 14px;
    color:#fff;
    background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/arrow-pointing.svg);
    background-size: auto;
    background-size: 16px 14px;
    display: inline-block;
    margin-left: 20px;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    vertical-align: middle;
    position: absolute;
    top: 45%;
    left: 21%;
} 
.paid-text ul li{
  margin: 9px 0px 0px 0px !important;
  color:#fff;
}
.hub-form .paidcampaigns-form .hs-fieldtype-text input.error {
        border: none !important;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: medium;
        border-bottom: 1px solid #d8262c !important;
}

.attach_file .hs-button.primary, input[type="submit"]::after {
    /*background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/arrow-pointing.svg) no-repeat 65% center;*/
  background: url() no-repeat 65% center;
    background-size: auto;
    content: '';
    color: #fff;
    background-size: auto !important;
    background-size: 16px 14px !important;
    display: inline-block !important;
    vertical-align: middle;
}
.attach_file .hs-button.primary, input[type="submit"] {
    width: auto !important;
    background-color: #d8262c !important;
    vertical-align: middle !important;
  float:left;
}
/*	--------------	Unsubcribe-page SECTION CSS	--------------	*/
.unsubscribe-group-data .row-fluid-wrapper .unsubscribe-wrapper {
    max-width: 675px;
    margin: 0 auto;
    float: none;
}
.unsubscribe-wrapper .hs-button.primary, input[type="submit"], input[type="button"] {
    cursor: pointer;
    -webkit-appearance: none;
    text-decoration: none !important;
    background: none;
    background-color: #d8262c;
    color: #fff;
    border-radius: 5px;
    font-size: 22px;
    border: none;
    padding: 15px 20px;
    font-family: "AvenirNextLTPro-Regular", sans-serif;
    transition: all 0.5s ease;
    width: auto !important;
    line-height: 28px;
    margin: 15px 0 10px;
    display: inline-block;
    white-space: normal !important;
}
.unsubscribe-group-data .row-fluid-wrapper, input[type="email"] {
  margin-top:20px;
  font-size:18px !important;
}
.unsubscribe-wrapper label {
    padding-left: 10px;
}
.unsubscribe-group-data .unsubscribe-wrapper ,label.hs-error-msg {
  margin-top: 0px !important;
}
.unsubscribe-wrapper .hs_error_rollup{
  display:none;
}
#label-email-39e6a1ae-825a-4949-9a53-0b47b6b6bcfb_4918{
  padding-left:10px;
}
.subscribe-heading h2{
  font-size: 39px;
  color: #d8262c; 
  line-height: 44px; 
  letter-spacing: 0; 
  text-align: center;"
}
.Subcription_b2b_emaildetails h1, .Subcription_b2b_emaildetails h2 {
  letter-spacing:0px;
}

/* module css */
#form_modal{
  left: 50%;
  transform: translateX(-50%);
  width: 50%;
}
.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 100px; 
		left: 50%;
		margin-left: -300px;
		width: 520px;
		background: #eee no-repeat -200px -80px;
		position: absolute;
		z-index: 101;
		padding: 35px 35px 35px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 32px;
    font-weight:bold;
		line-height: .5;
		position: absolute;
		top: 12px;
    right: 11px;
		color: #d8262c;
    background: #F3F3F8;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
} 
 #form_modal .paidcampaigns-form .hs_submit .actions::after {
    margin-left: 0px;
}

/* ----------------landing page DotNet selection -------- */
.main-content-landing .paid_campaigns_record .solutions-requirement h1 {font-size: 60px; line-height: 70px; letter-spacing:-1px;max-width:1000px;}
.main-content-landing .paid_campaigns_record .solutions-requirement p {font-size: 20px; line-height: 33px; max-width: 750px; color: #fff; font-family: "AvenirNextLTPro-Regular", sans-serif; text-transform: inherit;}

/* -------- blog soical icon ------- */
.img-soical{
  max-width: 62px;
  position: absolute;
  right: 67%;

}
.img_uber-soical{
   max-width: 65px;
  position: absolute;
  right: 72%;
}

.engage img {
    max-width: 80px;
    margin-bottom: 30px;

}
.outsource-product h2{
  margin-bottom: 70px;
}
/* ----- Partner logo --------- */
.badge-img{
  width:56px;
  height:auto;
}
.top-web_img{
  max-width:85px;
  height:auto;
  vertical-align:top;
}
.softwareworld-img {
    max-width: 8%;
}
.custom_footer_main .footer_mid .mid_1{
  width:100%;
  margin-bottom: 12px;
}

/*	--------------	Guide Blog RESPONSIVE CSS	--------------	*/
.guide-section table, td, th{
    border-color: #000000;
    border: 1px solid;
    border-collapse: collapse;
    table-layout: fixed;
}
.guide-section table * {
    font-size: 16px !important;
    line-height: 20px !important;
    letter-spacing: 0;
    padding: 5px;
}
.guide-section th {
    font-size: 16px !important;
    line-height: 20px !important;
    letter-spacing: 0;
    background: #53a4f3;
    color:#fff;
    border: 1px solid #404040;
}

ul.guide-menu_section {
  padding-left: 0px !important;
  list-style-type: none;
  margin-bottom: 68px;
}
.blog-post-wrapper.cell-wrapper .guide-menu_section .list{
      list-style: none;
      padding: 0;
      margin: 0;
      background:#fff;
      border-radius: 2px;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      width: 85%;
      display: block;
      padding: 9px 0px;
     margin: 0px;
    border-bottom: 1px solid #e9e9e9;
}
.blog-post-wrapper.cell-wrapper .guide-menu_section .list{
     position: relative;
}
.guide-menu_section li a {
    display: block;
    text-decoration: none;
    padding: 0px 10px;
    color: #404040;
    line-height:27px;
    font-size:16px;
    text-align: left;
    position: relative;
    border-bottom: 0px solid #EEE;
}
.guide-menu_section li.list.active a {
    color: #d8262c;
    font-size: 16px;
    font-weight: bold;
    line-height: 26px;
}
.guide_chapter-text{
  font-weight: normal;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0px;
  padding-left:10px;
}
.guide-menu_section li.list.active{
    position: relative;
    color: #e67e22;
    border: 0;
    border-right-color: currentcolor;
    border-right-style: none;
    border-right-width: 0px;
    border-left-color: currentcolor;
    border-left-style: none;
    border-left-width: 0px;
    margin-top: -4px;
    box-shadow: 0 0 5px #DDD;
    -moz-box-shadow: 0 0 5px #DDD;
    -webkit-box-shadow: 0 0 5px #DDD;
    border-left: 4px solid #d8262c;
    border-right: 4px solid #d8262c;
    margin: 0 -4px;
}
.blog-post-wrapper.cell-wrapper .guide-menu_section ul .list:last-child {
    border-bottom: 0;
}

.guide-menu_section li.list a strong{
  position: relative;
  transition: all 300ms linear;
}
.guide-menu_section li.list:hover > a{
  animation: moveFromTop 300ms ease-in-out;
  opacity: 1;
  -webkit-transition: all 300ms linear;
}

.guide-menu_section li.list.active::before {
    content: "";
    position: absolute;
    top: 0;
    left: 45%;
    border-top: 5px solid #d8262c;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    top: 42%;
    left: 0;
    border-left: 5px solid #d8262c;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}
.guide-menu_section li.list.active::after {
    content: "";
    position: absolute;
    top: 42%;
    right: 0;
    border-right: 5px solid #d8262c;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}
.desktop .span3.guide_side-menu_sec {
    max-width: 311px;
}
 .blog-post-wrapper.cell-wrapper .guide-menu_section .list:last-child {
    position: relative;
    border-bottom: 0;
}

.blog-content_data{
  width:100%;
  padding:0 7%;
  margin-top: 70px;
}
.blog-content_data >.row-fluid-wrapper.row-depth-1.row-number-5 {
    width: 100%;
}
.span12.widget-span.widget-type-custom_widget.guide_wrapper-fluid{
  margin:0 auto ;
}
.blog-post-wrapper.cell-wrapper .changeviewmobile.open{
  display:none ;
}
.desktop-guide{
  position: sticky;
  top: 105px;
}
div#hubspot-author_post-guide-outsourcing {
	color: #fff;
	font-size: 14px;
	font-family: "AvenirNextLTPro-demi", sans-serif;
	text-transform: uppercase;
  margin-bottom:60px;
  margin-left:0px;
}
div#hubspot-author_post-guide-outsourcing span:after {
	content: '.';
	color: #727272;
	margin: 0 10px;
}
div#hubspot-author_post-guide-outsourcing span:last-child:after {
	display: none;
}
.post_selection-fluid {
    margin-top: -60px;
 }

 ul.logo-partners_fluid li {
    display: inline-block;
    width: 15.5%;
    text-align: center;
    vertical-align: middle;
    padding: 0px 58px;
    list-style: none;
}
  ul.logo-partners_fluid {
    padding-left:0px;
  }
  /*.footer_mid .mid_2 a img{
        margin-right: 0px;
  }
*/
/*	--------------	guide CSS charter1	--------------	*/
.guide-body-wrapper .evaluates_based-selection p , .guide-Unlock_Savings .evaluates_based-selection p,  .guide-ultimate_Featured .evaluates_based-selection p , .guide_multisourcing .evaluates_based-selection p , 
.guide-organized_workflows .evaluates_based-selection p , .guide-body-wrapper .evaluates_based-selection p , .guide-Cost_Reduction .evaluates_based-selection p
 {
     color:#fff !important;
 }
.guide-body-wrapper {
    background: rgba(0,0,0,.02);
    border-radius: 5px;
}

.guide-body-wrapper .container {
    background: #00bea4eb;
    padding: 20px 40px;
    border-radius: 5px;
    color: #fff;
    display: flex;
    align-items: center;
}
.evaluates_based-selection{
      width: 50%;
}
.expertise-author_img{
      width: 50%;
      text-align:right;
}
.col-md-5.expertise-author_img img {
   max-width: 90%;
}
.evaluates_based-selection h2{
   color: #fff;
}
/*	--------------	guide CSS charter2	--------------	*/
.guide-Cost_Reduction {
    background: rgba(0,0,0,.02);
    border-radius: 5px;
}

.guide-Cost_Reduction .container {
    background-color: #f1a936e6;
     padding: 20px 40px;
     border-radius: 5px;
    color: #fff;
    display: flex;
    align-items: center;
}

/*	--------------	guide CSS charter3	--------------	*/
.guide-organized_workflows {
    background: rgba(0,0,0,.02);
    border-radius: 5px;
}

.guide-organized_workflows .container {
    background-color: #005feaa8;
    padding: 20px 40px;
    border-radius: 5px;
    color: #fff;
    display: flex;
    align-items: center;
}

/*	--------------	guide CSS charter4	--------------	*/
.guide-ultimate_Featured {
    background: rgba(0,0,0,.02);
    border-radius: 5px;
}

.guide-ultimate_Featured .container {
    background-color: #ff4c4cbf;
    padding: 20px 40px;
    border-radius: 5px;
    color: #fff;
    display: flex;
    align-items: center;
}

/*	--------------	guide CSS charter5	--------------	*/

.guide-Unlock_Savings {
    background: rgba(0,0,0,.02);
    border-radius: 5px;
}

.guide-Unlock_Savings .container {
    background-color: #efd448;
    padding: 20px 40px;
    border-radius: 5px;
    color: #fff;
    display: flex;
    align-items: center;
}

/*	--------------	guide CSS charter6	--------------	*/
.guide_multisourcing {
    background: rgba(0,0,0,.02);
    border-radius: 5px;
}

.guide_multisourcing .container {
    background-color: #98e36c;
    padding: 20px 40px;
    border-radius: 5px;
    color: #fff;
    display: flex;
    align-items: center;
}
.blog-post-wrapper.cell-wrapper .post_selection-fluid h5{
  padding-top:0;
}

/*	--------------	Pro tips CSS	--------------	*/
.subscriptions_projected:hover .multi-button {
    display: block;
}
.subscriptions_projected {
  position: relative;
  background: #53a4f3;
  padding:12px 12px;
  border: 1px solid #1c1a1a;
  box-shadow: 0 0 3px;
  left: 23px;
}
.subscriptions_projected span {
  color:#fff;
  font-size: 20px;
  line-height: 28px;
}

.multi-button img{
  width:100%
}
.multi-button {
  display: none;
  width: 50px;
  position: absolute;
  top: -32%;
  left: -45px;
}

/*	--------------	div hover select to  background CSS	--------------	*/
.research-content_guide {
  font-size: 17px;
  line-height: 28px;
  padding:12px 12px;
  border: 1px solid;
}
.research-content_guide:hover{
  background:#f9f9f9;
}

/*	--------------	keytakenway CSS	--------------	*/
.blog-outsourcing_guide-select {
  background:#f3f3f8;
  padding: 40px;
  box-sizing: border-box;
  border: 1px solid #e6e6e6;
}
.blog-outsourcing_guide-select h3 {
    margin-bottom: 25px;
    font-size: 24px;
    color: #151515;
    background:#fff;
    border: 1px solid #ecebe9;
    padding: 15px 15px 15px 17px;
    position: relative;
    letter-spacing: 0;
    text-transform: capitalize;
}
.blog-outsourcing_guide-select ol li {
    margin-bottom: 25px;
    font-size: 18px;
    line-height: 26px;
}

/*	--------------	.marketing-collateral CSS	--------------	*/
.marketing-collateral{
  padding-top:10em;
}
.partnership_action .container {
  display:flex;
  align-items: flex-end;
  padding:0 7%;
  color: #404040;
}
.integrated_system{
  width:50%;
}
.details_selection-module p {
  font-size:18px;
  line-height:28px;
}

 /*	--------------	revamp case-Stdy new css and create new page	--------------	*/
   .case_description-info {
    display: inline-block;
    width: 30% !important;
    margin-bottom: 20px;
    border: 1px solid #ccccd5;
    vertical-align: top;
    background: #fff;
    margin: 18px 1.5%;
  }
.revamp-selection_detailsCase {
    width: 100%;
    margin: 9px 3px;
}
.financial_application{
  position: relative;
  margin-left: 0px;
  margin-right: 0px;
  float: left;
}
.financial_application:hover:before, .financial_application:hover:after {
  display: block;
  content: '';
  position: absolute;
  width: 332px;
  height: 362px;
  background: #FDA8CF;
  z-index: -1;
  animation: 1s clockwise infinite;
}

.financial_application:hover:after {
  background: #F3CE5E;
  animation: 2s counterclockwise infinite;
}

@keyframes clockwise {
  0% {
    top: -5px;
    left: 0;
  }
  12% {
    top: -2px;
    left: 2px;
  }
  25% {
    top: 0;
    left: 5px;    
  }
  37% {
    top: 2px;
    left: 2px;
  }
  50% {
    top: 5px;
    left: 0;    
  }
  62% {
    top: 2px;
    left: -2px;
  }
  75% {
    top: 0;
    left: -5px;
  }
  87% {
    top: -2px;
    left: -2px;
  }
  100% {
    top: -5px;
    left: 0;    
  }
}

@keyframes counterclockwise {
  0% {
    top: -5px;
    right: 0;
  }
  12% {
    top: -2px;
    right: 2px;
  }
  25% {
    top: 0;
    right: 5px;    
  }
  37% {
    top: 2px;
    right: 2px;
  }
  50% {
    top: 5px;
    right: 0;    
  }
  62% {
    top: 2px;
    right: -2px;
  }
  75% {
    top: 0;
    right: -5px;
  }
  87% {
    top: -2px;
    right: -2px;
  }
  100% {
    top: -5px;
    right: 0;    
  }
}
    .container-heading-section{
        text-align:center;
    }
    .case-selectionData_Container{
      padding:10px 5%;
    }
    .collaborative_work h2{
     font-size:40px;
      line-height:46px;
      letter-spacing:-2px;
      color: #404040;
    }
    .additional_information{
        padding: 13px 13px 13px 13px;
        min-height: 183px;
    }
    .additional_information span{
      color: #404040;
      font-size: 17px;
      font-weight:bold;
    }
    .additional_information p{
    display: block;
    padding-left: 0px;
    padding-top: 0px;
    font-size: 16px;
   }
    .additional_information h6{
      padding: 12px 2px; 
      font-size:12px;
      margin: 0;
    }
    .case_info-link{
      color: #d8262c;
      font-weight: bold;
      font-size: 16px;
    }
    .collaborative_work label {
      padding-right:23px;
      font-size:17px;
    }
    .collaborative_work input[type="checkbox"] {
      width: 26px;
      height: 24px;
      position: relative;
      top: 5px;
      left: 0;
      border: solid 1.5px #a5a5a5;
      background: transparent;
    }
    .collaborative_work input[type="checkbox"]:checked{
      box-shadow: 0 0 0 3px #d8262c;
       width: 49px;
       height: 27px;
    }
  .collaborative_work input {
    width:29px !important;
    height: 24px;
    background-color: #d8262c !important;
    border: solid 1.5px #d8262c !important;
}



/* --------- start -------- */
#react-form .unsubscribe-group-data .row-fluid-wrapper, input[type="email"] {
  margin-top: 0px !important;
  color:#fff;
}
.reactform.page-center.content-wrapper{
   background-color: #14212a;
}
#react-form .hub-form .react_section.attach_file .hs-fieldtype-text input[type="text"]{
  color:#fff !important;
  font-weight:bold;
}
#react-form .hub-form .react_section.attach_file .hs-fieldtype-text input, .react_section.attach_file  textarea{
  color:#fff !important;
   font-weight:bold;
}

.our-developer_react h2{
  color:#fff;
  margin-bottom: 64px;
}
.technology_requirements-service_block h3{
  max-width: 163px;
}
.technology_requirements-service_block {
position: relative;
padding-bottom: 30px;
float: left;
}
.technology_requirements-service_block  p {
    margin-bottom: 0px;
}
.technology_requirements-service_block img {
    max-width: 80px;
    margin-bottom: 30px;
}

/* --------- Testing outsourcing  header selection ------------- */
#relevant-testing-oursourcing .custom-menu-primary li.hs-menu-item.hs-menu-depth-1.hs-item-has-children > a{
  color:#fff !important;
}
#relevant-testing-oursourcing .custom-menu-primary li.hs-menu-item.hs-menu-depth-1 > a{
  color:#fff !important;
}
#relevant-testing-oursourcing{
      padding: 7px 5% 13px;
}

/* --------- Inbound Marketing ------------- */
.hubSpot-implementation ul li {
  background: url(//6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019%20Theme/Images/circle-bullets-icon.png) no-repeat left 6px;
  padding-left: 30px;
  margin: 12px 0;
}
.hubSpot-implementation ul {
    padding-left: 20px !important;
    margin: 40px 0 0 !important;
}
.hubSpot-implementation{
padding-left: 60px !important;
padding-right: 40px;
position: relative;
}
.hubSpot-icon
{
margin-bottom: 40px;
position: relative;
}
.hubSpot-icon::before {
    content: '';
    display: block;
    width: 200px;
    height: 200px;
    background-color: #f5f5f9;
    position: relative;
    left: -60px;
}
.hubSpot-icon h3::after {
    content: '';
    display: block;
    width: 48px;
    height: 3px;
    background-color: #d92d33;
    margin-top: 10px;
}
.hubSpot-implementation .hubSpot-icon img {
    width: 80px;
    height: auto;
    position: absolute;
    top: 30px;
}
.hubSpot-icon h3 {
    top: 120px;
    position: absolute;
}
.inbound-cta-bg{
  background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/inboundMarketing-cta-1.png);
  padding-top: 3em;
  padding-bottom: 2em;
  margin-bottom: 0;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}

.enterprise-grade_Frq h2{
  padding-bottom: 23px;
} 
.inbound-hubspot_imp{
  background:url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Hubspot%20Partner.png);
  background-repeat: no-repeat;
  background-position: right;
  background-size: 17%;
}

.inbound-work_for-you .application-right-blk, .inbound-work_for-you .text-box-rich_inbound {
  padding-bottom: 50px;
}

.scalability_inbound{
  content: '';
  position: absolute;
  top: -15px;
  left: 0px;
  width: 150px;
  height: 134px;
  background: #f5f5f9;
  z-index: -1;
}
.scalability_inbound h2::after{
    content: '';
    display: block;
    width: 48px;
    height: 3px;
    background-color: #d92d33;
    margin-top: 10px;
}
   /*	--------------	End	--------------	*/

 /*	--------------	Cloud And DevOps	--------------	*/
.web-dev-banner .cloud_Scalability h1{
  font-size: 50px;
  color: #151515;
  line-height: 60px;
  letter-spacing: -1px;
}
.web-dev-banner .cloud_Scalability h3{
  font-size: 21px;
  line-height: 34px;
}
.web-dev-banner .cloud_Scalability h6{
  font-size: 17px;
  line-height: 26px;
  letter-spacing: 0px;
  font-family: AvenirNextLTPro-Regular;
  color: #151515;
  max-width: 650px;
  text-transform: none;
}
.scalability_inbound-Dev{
  position: relative;
  width: 100%;
  float: left;
  padding-left: 24px;
}
.scalability_inbound-Dev::before {
    content: '';
    position: absolute;
    top: -9px !important;
    left: 0px;
    width: 132px !important;
    height: 77px !important;
    background: #f5f5f9;
    z-index: -1;
}
.scalability_inbound-Dev p{
  margin-top: 27px !important;
}
.cloud-transform-businesses ul{
  padding-top:23px;
}

/*	--------------	inbound Marketing form CSS	--------------	*/
.necessar-Consulting ul li{
    background:none !important;
    padding-left:20px !important;
} 
.effectiveness-certain
{
  background: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  padding: 30px 67px 40px 67px;
}
.effectiveness-certain .hs-button.primary, input[type="submit"]{
   padding: 7px 24px 9px 25px;
}
 .necessar-Consulting .effectiveness-certain .hs-fieldtype-text input[type="text"], .necessar-Consulting .effectiveness-certain .hs-fieldtype-text input[type="email"],  .effectiveness-certain .hs-fieldtype-textarea textarea{
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border: 0;
  background-color: #fff;
  font-size: 14px;
  line-height: 1.43;
  color: #363e4b;
  width: 100%;
  font-family: "AvenirNextLTPro-Regular", sans-serif;
  padding: 7px 16px 6px 16px;
  margin: 11px 0 17px 0;
}
.necessar-Consulting .effectiveness-certain .hs-form-field input[type="checkbox"], .necessar-Consulting .effectiveness-certain .hs-form-field input[type="radio"]{
  width: 25px !important;
}
.necessar-Consulting .effectiveness-certain .hs-fieldtype-text input {
    width: 100% !important;
    padding: 15px 11px;
    color: #3c3c3c;
    font-size: 18px;
    border: none;
    border-bottom: 1px solid #9a9a9a3b !important;
    font-family: "AvenirNextLTPro-Regular", sans-serif;
    max-width: 100%;
    resize: none;
}
.Consulting-demographics{
     display: flex !important;
    justify-content: space-around;
}
.effectiveness-certain .hs-form-required {
    display: none;
}
.effectiveness-certain
{
  font-family: "AvenirNextLTPro-Regular", sans-serif;
  background: #f7f7f7;
  width: 100%;
}
.necessar-Consulting .effectiveness-certain .hs-form-field ul.inputs-list{
  margin: 0px 0px 11px;
}
.consulting-header .custom_header{
  background-color:#14212A;
}
#canvas
{
  background-color: #14212A;
	
}


/*	--------------	Start New header Menu Solutions CSS section	--------------	*/

.new_header-menu ul .hs-item-has-children ul  {margin:0; padding:20px 20px; display:inline-block;}
.new_header-menu ul .hs-item-has-children ul  li{margin:0;}
.new_header-menu .anem-menu {display:inline-block; margin: 6px 0 0 10px; vertical-align:top;font-weight: 700;line-height:19px;}
.new_header-menu .anem-menu-subhead{display:inline-block;}
.new_header-menu .anem-menu-subhead{display:block;}
.new_header-menu .anem-menu span:nth-child(1) {font-size: 14px; font-weight: bold;}
.new_header-menu ul>li>ul>li>a{
  font-size:13px !important;
  color:#404040 !important;
}
.new_header-menu ul .hs-menu-depth-1:nth-child(3) ul .hs-menu-depth-3{
 position:relative!important;
}

.new_header-menu ul .hs-menu-depth-1:nth-child(3) ul .hs-menu-depth-3::after{
  content: '';
  border-bottom: 1px solid #e8e8ee!important;
  position:absolute;
  width:77%;
  left:50px;
  bottom:1px;
}
.new_header-menu ul .hs-menu-depth-2:nth-child(3) ul .hs-menu-depth-3::after{
  content: none !important;
}
.new_header-menu ul .hs-menu-depth-2:nth-child(3) ul .hs-menu-depth-4::after, .new_header-menu ul .hs-menu-depth-2:nth-child(4) ul .hs-menu-depth-3::after{
  content: none !important;
}
.about ~ ul.hs-menu-children-wrapper li.hs-menu-depth-3::after{
  content: '';
  border-bottom: 1px solid #e8e8ee!important;
  position:absolute;
  width:39% !important;
  left:50px;
  bottom:1px;
}
.new_header-menu .hs-menu-depth-1:nth-child(3) .hs-menu-depth-2:nth-child(2) .hs-menu-children-wrapper {
    width: 100%;
}
.new_header-menu .custom-menu-primary.leading-menu .hs-menu-wrapper>ul li:nth-child(2) > ul > li{width: 50%; float: left; padding-right: 0;}
.new_header-menu .anem-menu{font-size: 12px;}
.new_header-menu .hs-menu-children-wrapper .hs-menu-item.hs-menu-depth-3 h6 { margin: 0;}
.new_header-menu .hs-menu-depth-1:nth-child(3) .hs-menu-depth-2:nth-child(3){
    margin: -28px 0px 0px 22px !important;
    width: 29% ;
    padding: 24px 0 0 15px;
  }
.new_header-menu .hs-menu-depth-1:nth-child(3) .hs-menu-depth-2:nth-child(3),.new_header-menu  .hs-menu-depth-1:nth-child(3) .hs-menu-depth-2:nth-child(3) .hs-menu-children-wrapper, .new_header-menu  .hs-menu-depth-1:nth-child(3) .hs-menu-depth-2:nth-child(3) .stack_engaging{
  background:#f8f8f8!important;
}

.header-Power {
    background-image: url(https://www.classicinformatics.com/hubfs/images/header-icon/powerBI--active.png);
    background-repeat: no-repeat;
    width: auto;
    height: 52px;
    margin-left: 5px;
}
.header-Power:hover {
    background: url(https://www.classicinformatics.com/hubfs/images/header-icon/powerBI--hover.png) no-repeat;
}
.header-hubSpot {
    background-image: url(https://www.classicinformatics.com/hubfs/images/header-icon/hubspot--active.png);
    background-repeat: no-repeat;
    width: auto;
    height: 52px;
    margin-left: 5px;
}
.header-hubSpot:hover {
    background: url(https://www.classicinformatics.com/hubfs/images/header-icon/hubspot--hover.png) no-repeat;
}
.header-drupal {
    background-image: url(https://www.classicinformatics.com/hubfs/images/header-icon/drupal--active.png);
    background-repeat: no-repeat;
    width: 52px;
    height: 52px;
    margin-left: 5px;
}
.header-drupal:hover {
    background: url(https://www.classicinformatics.com/hubfs/images/header-icon/drupal--hover.png) no-repeat;
}
.header-magento {
    background-image: url(https://www.classicinformatics.com/hubfs/images/header-icon/magento--active.png);
    background-repeat: no-repeat;
    width: auto;
    height: 52px;
    margin-left: 5px;
}
.header-magento:hover {
    background: url(https://www.classicinformatics.com/hubfs/images/header-icon/magento--hover.png) no-repeat;
}
.header-acquia {
    background-image: url(https://www.classicinformatics.com/hubfs/images/header-icon/Acquia--active.png);
    background-repeat: no-repeat;
    width: 52px;
    height: 52px;
    margin-left: 5px;
}
.header-acquia:hover {
    background: url(https://www.classicinformatics.com/hubfs/images/header-icon/Acquia--hover.png) no-repeat;
}
.header-wordpress {
    background-image: url(https://www.classicinformatics.com/hubfs/images/header-icon/wordpress--active.png);
    background-repeat: no-repeat;
    width: auto;
    height: 52px;
    margin-left:9px;
}
.header-wordpress:hover {
    background: url(https://www.classicinformatics.com/hubfs/images/header-icon/wordpress--hover.png) no-repeat;
}
.header-marketo {
    background-image: url(https://www.classicinformatics.com/hubfs/images/header-icon/Marketo--active.png);
    background-repeat: no-repeat;
    width: 55px;
    height: 52px;
}
.header-marketo:hover {
    background: url(https://www.classicinformatics.com/hubfs/images/header-icon/Marketo--hover.png) no-repeat;
}
.tech-block_header-platform{
  padding: 13px;
  background: #f3f3f8;
  text-align:center;
}
.header_Power-name , .header_hubspot-name , .header_drupal-name, .header_magento-name, .header_acquia-name, .header_wordpress-name, .header_marketo-name{
  color:#151515;
}
.new_header-menu .anem-menu-subhead{display:block;}
.new_header-menu .hs-menu-depth-1:nth-child(3) .hs-menu-depth-2:nth-child(2){
  width:46%;
}
.new_header-menu .hs-menu-depth-1:nth-child(3) .hs-menu-depth-2:nth-child(2) > ul > li{width:50%}
.new_header-menu .hs-menu-depth-1:nth-child(3) .hs-menu-depth-2:nth-child(3),.new_header-menu  .hs-menu-depth-1:nth-child(3) .hs-menu-depth-2:nth-child(3) .hs-menu-children-wrapper, .new_header-menu  .hs-menu-depth-1:nth-child(3) .hs-menu-depth-2:nth-child(3) .stack_engaging{
  background:#f8f8f8!important;
  position:relative;
}
.new_header-menu .hs-menu-depth-1:nth-child(3) .hs-menu-depth-2:nth-child(3), .new_header-menu .hs-menu-depth-1:nth-child(3) .hs-menu-depth-2:nth-child(3) .hs-menu-children-wrapper, .new_header-menu .hs-menu-depth-1:nth-child(3) .hs-menu-depth-2:nth-child(3) .stack_engaging li::before {
    content: none;
    list-style: circle;
    position:relative;
    vertical-align: top;
    font-size: 31px;
    cursor: pointer;
}
.new_header-menu .hs-menu-depth-1:nth-child(3) .hs-menu-depth-2:nth-child(4){
    margin: -162px 0px 0px -26px !important;
    width: 70%;
    background:transparent!important;
 }

.new_header-menu  .hs-menu-depth-1:nth-child(3) .hs-menu-depth-2:nth-child(4) .hs-menu-children-wrapper{
  background:transparent!important;
}
.new_header-menu  ul.hs-menu-children-wrapper li.hs-item-has-children a{
  color:red;
}
.new_header-menu .hs-menu-depth-1:nth-child(3) .hs-menu-depth-2:nth-child(4) ul li{ display:inline-block;width:14%; margin: 0 auto;}

.new_header-menu .hs-menu-depth-1:nth-child(3) .hs-menu-depth-3 img{width:40px}

.new_header-menu .hs-menu-depth-1:nth-child(3) .hs-menu-depth-3 .anem-menu{font-size: 12px;}

.new_header-menu .hs-menu-depth-1:nth-child(3) .hs-menu-depth-3 .anem-menu span:first-child{font-size:14px;}

.home-container .header-container .custom_header .custom-menu-primary .hs-menu-wrapper 
li.hs-menu-item.hs-menu-depth-1.hs-item-has-children ul > li.hs-menu-item.hs-menu-depth-2:nth-child(1) > a , .home-container .header-container .custom_header 
.custom-menu-primary .hs-menu-wrapper li.hs-menu-item.hs-menu-depth-1.hs-item-has-children 
ul > li.hs-menu-item.hs-menu-depth-2:nth-child(2) > a ,.home-container .header-container .custom_header .custom-menu-primary .hs-menu-wrapper 
li.hs-menu-item.hs-menu-depth-1.hs-item-has-children ul > li.hs-menu-item.hs-menu-depth-2:nth-child(4) > a , .home-container .header-container .custom_header 
.custom-menu-primary .hs-menu-wrapper li.hs-menu-item.hs-menu-depth-1.hs-item-has-children ul > li.hs-menu-item.hs-menu-depth-2:nth-child(3) > a{
    color: #d8262c !important;
}

.new_header-menu .hs-menu-depth-1:nth-child(3)>ul{
  padding-right:0;
  padding-bottom:0;
}
.new_header-menu .hs-menu-depth-1:nth-child(3) > ul ul ul li:hover > a{
 /* border-bottom: 2px solid #d8262c; */
  -webkit-transition: none;
  transition:none;
}
.new_header-menu .hs-menu-depth-1:nth-child(3) > ul ul ul li a.reactjs:hover, .new_header-menu .hs-menu-depth-1:nth-child(3) > ul ul ul li a.angular:hover, 
.new_header-menu .hs-menu-depth-1:nth-child(3) > ul ul ul li a.nodejs:hover, .new_header-menu .hs-menu-depth-1:nth-child(3) > ul ul ul li a.python:hover, 
.new_header-menu .hs-menu-depth-1:nth-child(3) > ul ul ul li a.php:hover, .new_header-menu .hs-menu-depth-1:nth-child(3) > ul ul ul li a.dotnet:hover, 
.new_header-menu .hs-menu-depth-1:nth-child(3) > ul ul ul li a.c:hover, .new_header-menu .hs-menu-depth-1:nth-child(3) > ul ul ul li a.serverless:hover, 
.new_header-menu .hs-menu-depth-1:nth-child(3) > ul ul ul li a.laravel:hover, .new_header-menu .hs-menu-depth-1:nth-child(3) > ul ul ul li a.vue.js:hover
{
  color:#d8262c !important;
}
.new_header-menu .hs-menu-depth-1:nth-child(3) > ul ul ul li a.reactnative:hover, .new_header-menu .hs-menu-depth-1:nth-child(3) > ul ul ul li a.kotlin:hover,
.new_header-menu .hs-menu-depth-1:nth-child(3) > ul ul ul li a.swift:hover, .new_header-menu .hs-menu-depth-1:nth-child(3) > ul ul ul li a.flutter:hover,
.new_header-menu .hs-menu-depth-1:nth-child(3) > ul ul ul li a.amazonaws:hover , .new_header-menu .hs-menu-depth-1:nth-child(3) > ul ul ul li a.microsoftazure:hover,
.new_header-menu .hs-menu-depth-1:nth-child(3) > ul ul ul li a.googlecloud:hover
{
  color:#d8262c !important;
}
.new_header-menu  .reactjs .new_header-menu .amazonaws {
    padding-left: 4px;
}
.new_header-menu ul.stack_engaging li{
 width:100%!important;
}
/*	--------------	End New header Menu Solutions CSS	--------------	*/

/*	--------------	Start New header Menu Services Section CSS	--------------	*/

.services ~ ul.hs-menu-children-wrapper {
    width: 1104px !important;
    min-width: auto !important;
    right: 107px !important;
    left: 12 !important;
    padding: 20px 30px !important;
    top: 73px !important;
}


.services ~ ul.hs-menu-children-wrapper li {
    float: left !important;
    width: 20% !important;
    line-height: 23px;
}
.services ~ ul.hs-menu-children-wrapper li.hs-menu-depth-3 ::after{
  content: '';
  border-bottom: 1px solid #e8e8ee!important;
  position:absolute;
  width:87%;
  left:50px;
  bottom:1px;
}


/*	--------------	start New header Menu About section CSS	--------------	*/
 .culture_section_wrappers img {
    max-width: 100%;
    width:auto;
   padding-top: 14px;
   padding-bottom: 14px;
}

.about ~ ul.hs-menu-children-wrapper li {
    float: left !important;
    width: 100% !important;
    line-height: 23px;
    position:relative !important;
}

.about ~ ul.hs-menu-children-wrapper {
  right: 166px !important;
  background: #f6fdff;
  width: 43% !important;
  top: 73px !important;
}

.about ~ ul.hs-menu-children-wrapper .hs-menu-item.hs-menu-depth-2:last-child {
    padding-left: 0 !important;
}

.about ~ ul.hs-menu-children-wrapper li ul.hs-menu-children-wrapper li.hs-menu-depth-3:nth-child(6) {
    background: #f8f8f8;
    min-width: 319px !important;
    margin: -420px 0px -22px 272px !important;
    color: #151515;
    padding: 19px 19px;
    display: block !important;
}

.culture_section_wrappers p {
    font-size: 15px;
    color: #151515;
    line-height: 24px;
    white-space: normal;
    padding: 7px 0px;
}
.culture_section_wrappers .see_section{
    color: #d8262c;
    font-weight:bold;
}
.culture_section_wrappers  .btn_work_together
{
  background-color: #d8262c;
  padding: 13px 25px !important;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  line-height: 21px;
  width:206px;
}
.culture_section_wrappers  .btn_work_together a
{
    text-decoration: none;
    font-size: 18px;
    font-family: "AvenirNextLTPro-Demi", sans-serif;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border: none;
    position: relative;
    color: #fff;
}

.new_header-menu ul.hs-menu-children-wrapper li.hs-item-has-children a.letsworktogether {
    color: #fff !important;
    font-weight: bold;
    font-size: 16px;
}
.new_header-menu .custom-menu-primary .hs-menu-wrapper > ul ul ul li:hover a.letsworktogether {
    color: #fff !important;
    font-weight: bold;
    font-size: 16px;
}
.culture_section_wrappers  .btn_work_together:hover
{
  background-color: #b22024;
}

.new_header-menu ul .hs-menu-depth-2 > a {color:#d8262c !important;}

/*	--------------	End New header Menu CSS	getintouch button --------------	*/
.home-container.stuck .header-container .new_header-menu .custom-menu-primary .hs-menu-wrapper ul li a.getintouch {
    color: #fff !important;
}
/*	--------------	End New header Menu CSS	--------------	*/

/*	--------------	Start Service's Form CSS	--------------	*/

.leadinModal .leadin-preview-wrapper{
  margin:23px auto !important;
}
.leadinModal.leadinModal-v3 .leadin-form-wrapper {
    margin-top: 0px;
    padding-top: 0px !important;
    margin-bottom: 35px !important;
}
/*	--------------	End Service's Form CSS	--------------	*/


/*	--------------	Resource Page CSS	--------------	*/

.resource_side-menu li {
    padding: 0 40px 0 0;
    padding-top: 0px;
    display: inline-block;
    padding-top: 30px;
}
.resource_side-menu li a {
    text-transform: uppercase;
    color: #404040;
    padding-bottom: 3px;
    display: block;
    font-weight: bold;
}
.resource_sec-Wrapper {
    background: rgba(255, 255, 255, 0.9);
    z-index: 11;
    -webkit-box-shadow: 0 6px 5px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 6px 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 6px 5px 0 rgba(0, 0, 0, 0.1);
    width: 100%;
    position: relative;
    padding: 0 6%;
}
.resource_side-menu {
    list-style: none;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    font-size: 14px;
    float: left;
}
.digital-library-wrapper {
    display: inline-block;
    width: 30%;
    margin-bottom: 20px;
    vertical-align: top;
    background: #fff;
    margin: 30px 27px 0px 0px;
}
.bookmark-id.section{
  margin-bottom:50px;
}
.bookmark-id h6{
  margin-bottom:10px;
}
.bookmark-id h2 {
    margin-bottom:30px;
}
.recourcesDigitalElement .dl-image img {
    height: 280px;
    border-radius: 10px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    width: auto;
}


.recourcesDigitalElement .management-capabilities {
    padding: 15px 0px 17px 14px;
    background: #fff;
    height: 100%;
    flex-direction: column;
}
.digital-library-wrapper:hover .recourcesDigitalElement .dl-image img {
    -webkit-box-shadow: 0 0 24px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 24px 0 rgba(0,0,0,.3);
    transform: translateY(-10px);
}
.recourcesDigitalElement .social-links-post.clearfix{
  margin-top: 0px;
}
.building_Section .page-center {
    padding: 0 7% !important;
}
.building_Section .banner-content h1 {
    font-size: 63px;
    color: #151515;
    line-height: 90px;
}
.building_Section .banner-content h6 {
    font-size: 20px;
    line-height: 33px;
    font-family: AvenirNextLTPro-Regular;
    color: #151515;
    max-width: 650px;
    text-transform: none;
    letter-spacing: -1px;
}
.newletter_Resources-section input[type="submit"]{
  font-size:18px;
}
/*	--------------	End Resource Page CSS	--------------	*/

/*	--------------	Start Password Page CSS	--------------	*/

#Promo_details.main-content .custom_error_message{
  text-align:center;
}
.custom_error_message #hs-pwd-widget-password{
  margin:0 auto;
}
.custom_error_message .hs-button.primary, input[type="submit"]{
  padding: 6px 18px;
   
}
#Promo_details.main-content  .custom_error_message .hs-button.primary, input[type="password"]{
  max-width:250px !important;
  text-align:center;
}
/*	--------------	End Password Page CSS	--------------	*/

/*	--------------	Start Quiz Page CSS	--------------	*/

.quiz_data .html.auto-scroll{
    overflow: hidden !important;
  }

/*	--------------	Start Customer Client CSS	--------------	*/

.trusted-customer-box .trusted_blk{
  text-align:left;
}
.trusted-customer-box .section_Customers
{
  display: inline-block;
  padding-left: 0px;
  margin: 0px;
  list-style: none;
}

.trusted-customer-box .section_Customers li
{
    display: inline-block;
    width: 19%;
    background:none !important;
    padding:0px;
}

.trusted-customer-box .section_Customers li img {
  max-width: 76% !important;
  background: none;
  padding: 0px;
  border-radius: 6px;
  height: auto;
  display: block;
}
/*	--------------	End Customer Client CSS	--------------	*/
/*	--------------	New Technologyies Section CSS	--------------	*/
.latest_Section-data .tech_row .tech_logos_col .row .tech_html5{
  width: 61px;
  height: 61px;
  background-image: url(https://www.classicinformatics.com/hubfs/images/HTML5.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
/*   background-color: #FFF; */
  border-radius: 5px;
}
.technology-stuck .latest_Section-data .tech_row .tech_logos_col .row .tech-logo:hover .tech_html5 ,  
.technology-stuck .latest_Section-data .tech_row .tech_logos_col .row .tech-logo:hover .tech_css3,
.technology-stuck .latest_Section-data .tech_row .tech_logos_col .row .tech-logo:hover .tech_javascript,
.technology-stuck .latest_Section-data .tech_row .tech_logos_col .row .tech-logo:hover .tech_typescript,
.technology-stuck .latest_Section-data .tech_row .tech_logos_col .row .tech-logo:hover .tech_react,
.technology-stuck .latest_Section-data .tech_row .tech_logos_col .row .tech-logo:hover .tech_angular,
.technology-stuck .latest_Section-data .tech_row .tech_logos_col .row .tech-logo:hover .tech_node,
.technology-stuck .latest_Section-data .tech_row .tech_logos_col .row .tech-logo:hover .tech_dotnet,
.technology-stuck .latest_Section-data .tech_row .tech_logos_col .row .tech-logo:hover .tech_csharp,
.technology-stuck .latest_Section-data .tech_row .tech_logos_col .row .tech-logo:hover .tech_node,
.technology-stuck .latest_Section-data .tech_row .tech_logos_col .row .tech-logo:hover .tech_vue,
.technology-stuck .latest_Section-data .tech_row .tech_logos_col .row .tech-logo:hover .tech_python,
.technology-stuck .latest_Section-data .tech_row .tech_logos_col .row .tech-logo:hover .tech_Kotlin
{
   background-position: center !important;
}
.technology-stuck .latest_Section-data .tech_row .tech_logos_col .row .tech-logo div {
    transition: none !important;
    background-position: center !important;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_css3 {
  background-image: url(https://www.classicinformatics.com/hubfs/images/CSS3.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
   background-color: none;
  border-radius: 5px;
  width: 61px;
  height: 61px;
}

.latest_Section-data .tech_row .tech_logos_col .row .tech_javascript{
  background-image: url(https://www.classicinformatics.com/hubfs/images/JavaScript.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
   background-color: none;
  border-radius: 5px;
  width: 61px;
  height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_typescript {
   background-image: url(https://www.classicinformatics.com/hubfs/images/TypeScript.png);
   background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
   background-color: none;
  border-radius: 5px;
  width: 61px;
  height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_react , .latest_Section-data .tech_row .tech_logos_col .row .tech_reactnative{
   background-image: url(https://www.classicinformatics.com/hubfs/images/React.png);
   background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
   background-color: none;
  border-radius: 5px;
 width: 61px;
height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_angular{
   background-image: url(https://www.classicinformatics.com/hubfs/images/Angular.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
   background-color: none;
  border-radius: 5px;
  width: 61px;
  height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_vue{
   background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/Vue.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
   background-color: none;
  border-radius: 5px;
  width: 68px;
  height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_python{
   background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/Python.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
   background-color: none;
  border-radius: 5px;
  width: 68px;
  height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_Kotlin
{
   background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/Kotlin.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
   background-color: none;
  border-radius: 5px;
  width: 68px;
  height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_node{
  background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/NodeJS.png);
  background-position: center;
    margin: auto;
    margin-bottom: auto;
    margin-bottom: auto;
    margin-bottom: 10px;
     background-color: none;
    border-radius: 5px;
     width: 65px;
    height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_dotnet {
  background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/dot-net.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
  background-color: none;
  border-radius: 5px;
  width: 65px;
  height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_csharp {
  background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/C%23-1.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
  background-color: none;
  border-radius: 5px;
  width: 61px;
  height: 61px;
} 

.latest_Section-data .tech_row .tech_logos_col .row .tech_php
{
   background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/PHP.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
  background-color: none;
  border-radius: 5px;
  width: 61px;
  height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_java
{
   background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Java.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
  background-color: none;
  border-radius: 5px;
  width: 61px;
  height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_scala{
   background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Scala.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
   background-color: none;
  border-radius: 5px;
  width: 61px;
  height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_android
{
  background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Android.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
  background-color: none;
  border-radius: 5px;
  width: 61px;
  height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_hire-data-scientists
{
  background-image: url(https://www.classicinformatics.com/hubfs/50.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
  background-color: none;
  border-radius: 5px;
  width: 61px;
  height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_hire-blockchain-developers
{
  background-image: url(https://www.classicinformatics.com/hubfs/blockchain-50.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
  background-color: none;
  border-radius: 5px;
  width: 61px;
  height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_hire-ml-engineers
{
  background-image: url(https://www.classicinformatics.com/hubfs/machine-learning-50.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
  background-color: none;
  border-radius: 5px;
  width: 61px;
  height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_hire-ai-engineers
{
  background-image: url(https://www.classicinformatics.com/hubfs/chip-50.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
  background-color: none;
  border-radius: 5px;
  width: 61px;
  height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_swift
{
  background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Swift.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
   background-color: none;
  border-radius: 5px;
  width: 61px;
  height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_objective
{
  background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Apple.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
  background-color: none;
  border-radius: 5px;
  width: 61px;
  height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_drupal{
  background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Drupal.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
  background-color: none;
  border-radius: 5px;
  width: 61px;
  height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_wordpress {
  background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Wordpress.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
   background-color: none;
  border-radius: 5px;
  width: 61px;
  height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_magento {
  background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Magento.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
  background-color: none;
  border-radius: 5px;
  width: 61px;
  height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_salesforce {
   background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Salesforce.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
  background-color: none;
  border-radius: 5px;
  width: 61px;
  height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_powerBi {
   background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/PowerBI-1.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
  background-color: none;
  border-radius: 5px;
  width: 61px;
  height: 61px;
}
.latest_Section-data .tech_row .tech_logos_col .row .tech_HubSpot-Academy_icon {
  background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/inbound-icon/icons8-hubspot-64.png);
  background-position: center;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 10px;
   background-color: none;
  border-radius: 5px;
  width: 61px;
  height: 61px;
}
.technology-stuck .latest_Section-data  .tech_row .tech_name-col .tech_name {
  color: #404040 !important;
}
.technology-stuck .latest_Section-data h2 { 
  color: #404040 !important; 
}
.table_vue-warpper .span4.widget-span.widget-type-custom_widget{
  margin-left:0px;
}
.secure_vue-warpper .Basis{
  display:flex;
  margin-left:0rem;
}
.secure-form {
    background: #f8f8f8;
    padding: 23px 23px;
    border-radius: 5px;
    font-weight: bold;
    color: #020202;
}
.onboard-wapper p{
  color:#fff;
}
.secure-form label{display:none;}
.secure-form ul.no-list.hs-error-msgs.inputs-list {
    margin: 0px 0 9px;
}
.secure-form input[type="text"], .secure-form input[type="email"], .secure-form textarea {
    margin-bottom: 11px;
    border: 1px solid #bbb !important;
    color: #3c3c3c;
    font-size: 16px !important;
    font-family: "AvenirNextLTPro-Regular",sans-serif;
}
.ppc-from-box {
    border-radius: .625rem;
    margin-bottom: 1.875rem;
    position: relative;
    width: 302px;
}
.ppc-from-box {
    background-color:#42505f;
    margin-right: 23px;
}
.ppc-from-box-inner-top {
    border-radius: 10px 10px 0 0;
    padding: 2.5rem 1.25rem 1.25rem;
    min-height: 11.0625rem;
    text-align: center;
}
.ppc-from-box-inner-bottom {
    background-color: #fff;
    border-radius: 0 0 0 0;
     height: 114px !important;
}
.ppc-from-box:hover {
    box-shadow: 0 0 24px 0 rgba(0,0,0,.3);
    transform: translateY(-10px);
}
.banner-post * {
    position: relative;
    z-index: 1;
}
.ppc-from-box-inner-top span {
    font-size: 16px;
    font-weight:bold;
    margin-bottom: 1.375rem;
}
.ppc-from-box-inner-top span {
    color: #fff;
}
.ppc-from-box-inner-top h3 {
    font-size: 2.15rem;
    color: #fff;
    margin-top: 23px;
}
.ppc-from-box-inner-bottom p {
    color: #000;
    font-weight: 700;
    padding: 1.25rem;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: unset;
}
/*	--------------	End New Technologyies Section Css	--------------	*/

/*============ service_Hire-Team CSS Menu ===============*/
#service_Hire-Team .services ~ ul.hs-menu-children-wrapper li.hs-menu-depth-3 ::after{
  border-bottom:0!important;
}
#service_Hire-Team .anem-menu span:nth-child(2){
  display:block;
  padding-top: 1px;
}
#service_Hire-Team > .services ~ ul.hs-menu-children-wrapper{
  width:1020px!important;
  box-shadow: 12px 7px 36px -13px #d9d9dc;
}
#service_Hire-Team > ul > li:nth-child(4){
  width:17%!important;
}
#service_Hire-Team .anem-menu{
  color: #727272;
  margin: 6px 7px 0px 2px;
}

#service_Hire-Team .hireDeveloper_Services{
  position:relative!important;
  padding:0px 0px ;
  padding-left: 11px !important;
}
#service_Hire-Team .hireDeveloper_Services a { display:inline-block!important;}
#service_Hire-Team .hireDeveloper_Services a:first-child { display:block!important; margin-bottom: 12px;}
.hireDeveloper_Services img {
    vertical-align: text-top;
    padding-top: 7px;
}
#service_Hire-Team > ul > li:nth-child(6){
    width: 106.5% !important;
    background: #f5f5f5!important;
    margin: 20px -49px -18px -30px !important;
    padding: 0px 0px 15px 19px !important;
    border-radius: 10px!important;
}
#service_Hire-Team .hireDeveloper_Services .anem-menu {
    padding-bottom: 9px;
    padding-right: 19px;
}
#service_Hire-Team .btn_work_together {
  position:absolute!important;
  bottom: -9px !important;
  right: 131px;
}

#service_Hire-Team .buildateam {
    background-color: #d8262c!important;
    padding: 8px 25px !important;
    -moz-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
    border-radius: 5px!important;
    color: #fff!important;
}

/*============ solution_Platform-Team CSS Menu ===============*/


#solution_Platform-Team .hs-menu-children-wrapper{
  padding:0 49px 23px!important;
}

#solution_Platform-Team .salesforce,#solution_Platform-Team .drupal,#solution_Platform-Team .magento{
  height:auto!important;
}

#solution_Platform-Team .anem-menu span{
  display:block!important;
}
#solution_Platform-Team .anem-menu span:hover {
    color: #d8262c;
}
.hireDeveloper_Services .anem-menu span:hover {
    color: #d8262c;
}
#solution_Platform-Team .hs-menu-wrapper>ul ul > li{
  padding:0 !important;
}

#solution_Platform-Team .solutions_Platforms-Experts a:nth-child(5) {
  display:inline-block!important;
}

#solution_Platform-Team .plateform-2{
  float:right!important;
  margin-top:-83px!important;
  margin-right:15px!important;
}

#solution_Platform-Team .stack_Development a:first-child{
  display:block!important;
}

#solution_Platform-Team .stack_Development a:nth-child(-n+10){
  width:30% !important;
  display:inline-block;
}

#solution_Platform-Team .stack_Development .clouder {
    float: right!important;
    position: absolute!important;
    right: 282px!important;
    top: 89px!important;
}

#solution_Platform-Team .stack_Development .clouder a{
  display:block!important;
}

#solution_Platform-Team .hs-menu-depth-2:nth-child(3) .type_solutions a{ display:inline-block!important; width:29%!important;position:relative !important; padding-top: 9px;}

#solution_Platform-Team .hs-menu-depth-2:nth-child(4) .type_solutions a{ display:inline-block!important; width:46%!important;}


#solution_Platform-Team .hs-menu-depth-2:nth-child(3) .type_solutions a:first-child, #solution_Platform-Team .hs-menu-depth-2:nth-child(4) .type_solutions a:first-child{
  display:block!important;
}

#solution_Platform-Team .stack_Development .mobiler{
  position: absolute!important;
  right:165px!important;
  top:89px!important;
}

#solution_Platform-Team .stack_Development .mobiler a, #solution_Platform-Team .stack_Development .next-gen a{
  display:block!important;
}

#solution_Platform-Team .stack_Development .next-gen{
  position:absolute!important;
  right:50px!important;
  top:89px!important;
}

#solution_Platform-Team .type_solutions img {
  width:25px!important;
  height:auto !important;
  vertical-align:middle!important;
  position: absolute;
  margin: 14px -22px;
}

#solution_Platform-Team .type_solutions .anem-menu span:first-child{
  font-size:12px!important;
}

#solution_Platform-Team .type_solutions .anem-menu span{
  font-size:12px!important;
}

#solution_Platform-Team .type_solutions a:first-child{
  margin-bottom:20px!important;
}

#solution_Platform-Team .hs-menu-children-wrapper .hs-menu-depth-2:nth-child(3){
 /* margin:0!important; */
  margin: 23px 0px 0px 0px !important;
  width:55%!important;
  display:block!important;
  background:transparent!important;
  float:left!important;
}

#solution_Platform-Team .hs-menu-children-wrapper .hs-menu-depth-2:nth-child(4){
    margin:18px 0 0 0!important; width:45%!important; display:block!important; background:transparent!important; float:right!important;
}

.byplatformsmarketexpertsforfasterdevelopment,.bydevelopmentstackfullstacktechnologiesacrossgenerations{
 margin-bottom:20px!important;
}

#solution_Platform-Team .anem-menu span{
 margin-top:5px!important;
}

#solution_Platform-Team .type_solutions .byindustriessoftwaredevelopmentacrossverticals .anem-menu{
 margin-left:-3px!important;
}

#solution_Platform-Team .type_solutions .byindustriessoftwaredevelopmentacrossverticals .anem-menu span:first-child {
   font-size: 14px !important;
}
.#solution_Platform-Team .type_solutions .bytypesspecificsolutionsforspecificlarge-scalerequirements .anem-menu span:first-child{
   font-size: 14px !important;
}

#solution_Platform-Team .type_solutions a:not(:first-child){
 margin-left:15px !important;
}

#solution_Platform-Team .hs-menu-children-wrapper .hs-menu-depth-2:nth-child(3),#solution_Platform-Team .hs-menu-children-wrapper .hs-menu-depth-2:nth-child(4){
  position:relative!important;
}
#solution_Platform-Team .hs-menu-children-wrapper .hs-menu-depth-2:nth-child(3):after,#solution_Platform-Team .hs-menu-children-wrapper .hs-menu-depth-2:nth-child(4):after{
  content:''!important;
  background:#f8f8f8!important;
  position:absolute!important;
  width:100%!important;
  z-index:-1!important;
}

#solution_Platform-Team .hs-menu-children-wrapper .hs-menu-depth-2:nth-child(3):after{
    top: 42px!important;
    left: -43px!important;
    height: 280px!important;
}

#solution_Platform-Team .hs-menu-children-wrapper .hs-menu-depth-2:nth-child(4):after{
     top: 42px!important;
    bottom: 0!important;
    width: 100%!important;
    height: 282px!important;
}

.byplatformsmarketexpertsforfasterdevelopment{
  margin-bottom:0!important;
  margin-top:-5px!important;
}

.bydevelopmentstackfullstacktechnologiesacrossgenerationswebsoftware span{
  display:block!important;
  color:#404040 !important
}

.bydevelopmentstackfullstacktechnologiesacrossgenerationswebsoftware .anem-menu:nth-child(2){
  display:block!important;
}

#solution_Platform-Team .solutions_Platforms-Experts a:not(:first-child),#solution_Platform-Team .hubspot{
  color:#727272!important;
  margin-top:-1px!important;
}

#solution_Platform-Team .stack_Development a{
  color:#727272!important;
}

#solution_Platform-Team .hs-menu-children-wrapper .hs-menu-depth-2:nth-child(3) .type_solutions a:first-child {
      margin: 6px 0 0 0px!important;
}

#solution_Platform-Team .hs-menu-children-wrapper .hs-menu-depth-2:nth-child(4) .type_solutions a:first-child {
      margin: 0px 0 0 -14px!important;
      padding-bottom: 8px;
}

#solution_Platform-Team .stack_Development .bydevelopmentstackfullstacktechnologiesacrossgenerationswebsoftware .anem-menu{margin-top: 1px;}

.bydevelopmentstackwebsoftware .anem-menu{
  display:block!important;
}

#service_Hire-Team .hs-menu-depth-2 > a,.hireDeveloper_Services a:first-child .anem-menu, #solutions_Platforms-Experts .byplatforms .anem-menu,#solution_Platform-Team .type_solutions .anem-menu span:first-child,.bydevelopmentstackwebsoftware .anem-menu,.clouder > .anem-menu:first-child,.mobiler > .anem-menu:first-child,.next-gen > .anem-menu:first-child,.byindustriessoftwaredevelopmentacrossverticals,.bytypesspecificsolutionsforspecificlarge-scalerequirements{
  color:#404040!important;
  font-size: 14px !important;
 /* pointer-events:none!important; */
}

.byplatforms{
  pointer-events:none!important;
  margin:-5px 0 0 -3px;
}

#solution_Platform-Team .stack_Development .clouder, #solution_Platform-Team .stack_Development .mobiler, #solution_Platform-Team .stack_Development .next-gen{
  top:58px !important;
}

#service_Hire-Team .hs-menu-depth-3 > a:hover .anem-menu,#service_Hire-Team  .anem-menu-subhead:hover{
  color:#d8262c!important;
}

.about ~ ul.hs-menu-children-wrapper li ul.hs-menu-children-wrapper li.hs-menu-depth-3:nth-child(6) {
    padding: 19px 19px !important;
}

#solution_Platform-Team .anem-menu span, #service_Hire-Team .anem-menu span{font-size:13px!important}

#service_Hire-Team .hireDeveloper_Services a:first-child .anem-menu span:nth-child(1),.byplatforms span ,#solution_Platform-Team .bydevelopmentstackwebsoftware span,#solution_Platform-Team .byplatforms span{font-size:14px!important}

#service_Hire-Team ul ul li {
    padding: 3px 0 !important;
}
.solutions_Platforms-Experts .byplatforms .anem-menu {
    padding-left: 3px;
    padding-bottom: 4px;
}
.byplatforms .anem-menu span {
    color: #424242;
}
.type_solutions .anem-menu .anem-menu-subhead {
    color: #727272;
}

#service_Hire-Team .hireDeveloper_Services a:nth-child(4){
  margin-left:16px!important;
}

#service_Hire-Team .btn_work_together{
  right:126px!important;
}

#solution_Platform-Team .solutions_Platforms-Experts{
  width:85%!important;
}

#solution_Platform-Team .plateform-2{
  margin-top:-87px!important;
}

#solution_Platform-Team .hs-menu-depth-2:nth-child(2){
  width:34%!important;
}

#solution_Platform-Team .stack_Development .clouder{
   top:67px!important;
   right: 413px !important;
}

#solution_Platform-Team .stack_Development .mobiler{
  top:67px!important;
  right: 297px !important;
}

#solution_Platform-Team .stack_Development .next-gen{
  top:67px!important;
  right: 164px !important;
}


#solution_Platform-Team .hs-menu-children-wrapper .hs-menu-depth-2:nth-child(4){
  /* margin:0!important; */
  margin-top: 23px !important;
}


#solution_Platform-Team .hs-menu-children-wrapper .hs-menu-depth-2:nth-child(4):before{
   content: ''!important;
    background: #f8f8f8!important;
    position: absolute!important;
    width: 100%!important;
    z-index: -1!important;
    height: 281px!important;
    top: 43px!important;
    right: -43px!important;
    left:-320px !important;
}
#solution_Platform-Team .hs-menu-children-wrapper .hs-menu-depth-2:nth-child(4) .type_solutions a:first-child{
  margin:25px 0 0 -14px!important
}


#solution_Platform-Team .hs-menu-children-wrapper .hs-menu-depth-2:nth-child(4):after{
  right:-48px!important;
}




/*	--------------	Menu End CSS	--------------	*/

/*	--------------	RESPONSIVE CSS	--------------	*/
@media screen and (max-width: 2236px) and (min-width: 1920px){

  #solution_Platform-Team .stack_Development a:nth-child(-n+10){
    width:130px!important;
  }

#solution_Platform-Team .stack_Development .clouder{
  left:800px !important;
}
 
 #solution_Platform-Team .stack_Development .next-gen{
    left:1190px!important;
  }
 
 #solution_Platform-Team .stack_Development .mobiler{
    left:1052px !important;
  }
 
}

@media screen and (max-width: 2207px) and (min-width: 1550px){
  #solution_Platform-Team .hs-menu-children-wrapper .hs-menu-depth-2:nth-child(4):before{
    top:41px!important;
    right:-45px!important;
  }
  #solution_Platform-Team .hs-menu-children-wrapper .hs-menu-depth-2:nth-child(4):after{
        top: 41px!important;
  }
  #solution_Platform-Team .stack_Development .clouder {
    right: 501px !important;
 }

  #solution_Platform-Team .stack_Development .mobiler {
      right: 369px !important;
 }

 #solution_Platform-Team .stack_Development .next-gen {
    right: 215px !important;
  }
  #solution_Platform-Team .hs-menu-depth-2:nth-child(2) {
    margin-bottom: 23px;
}
  
  #solution_Platform-Team .hs-menu-depth-2:nth-child(2) {
    width: 34% !important;
    margin-bottom: 23px;
 }
  #solution_Platform-Team .hs-menu-children-wrapper .hs-menu-depth-2:nth-child(4){
    padding-top: 8px;
  }
}
/*	--------------	Menu End CSS	--------------	*/
@media (max-width: 1499px) {
 .container {
   padding: 0 7%;
  }
  
  h1 { 
    font-size: 50px; 
    line-height: 56px;
  }
}
  
@media all and (max-width: 1392px){ 
  .addresses {
    left: 110px;
  }
}

@media all and (max-width: 1024px){ 

}

@media all and (max-width: 999px){ 

}

@media all and (max-width: 767px) { 

}
#service_Hire-Team > ul > li:nth-child(2){
  width: 18% !important;
}
#service_Hire-Team > ul > li:nth-child(3){
  width: 22% !important;
}
#service_Hire-Team > ul > li:nth-child(5){
  width: 18% !important;
}
.hub-form .hbspt-form .hs-fieldtype-phonenumber input {
    width: 100% !important;
    padding: 12px 10px;
    color: #3C3C3C;
    font-size: 16px !important;
    border: none;
    border-bottom: 1px solid #9a9a9a3b!important;
    font-family: "AvenirNextLTPro-Regular", sans-serif;
    max-width: 100%;
    resize: none;
    margin-bottom: 12px;
}
.hub-form .hs-fieldtype-phonenumber input {
    width: 100% !important;
    padding: 6px;
    color: #3C3C3C;
    font-size: 16px !important;
    border: none;
    border-bottom: 1px solid #9a9a9a3b!important;
    font-family: "AvenirNextLTPro-Regular", sans-serif;
    max-width: 100%;
    resize: none;
    margin-bottom: 12px;
}
 

/* ==========================================================================
   2. BASE STYLES                                             
   ========================================================================== */
/* =============== Base =============== */
h1 { font-size: 50px; line-height: 54px; font-family: "AvenirNextLTPro-Bold", sans-serif; letter-spacing: -4px;}
h2 { font-size: 34px; line-height: 44px; font-family: "AvenirNextLTPro-Bold", sans-serif; letter-spacing: -2px; color:  #404040; }
h3 { font-size: 21px; line-height: 30px; font-family: "AvenirNextLTPro-Bold", sans-serif; letter-spacing: -1px; color: #404040; }
.web-dev-banner .banner-content h3 {max-width: 697px;}
.developers-list 
{
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    width: 50%;
    color: #404040;
}
.body-container-wrapper .developers-list ul li{
  margin: 9px 94px 0px 0px;
  color: #151515;
}
.hire_dev-simple-banner {
    background: #f5f5f9;
    color: #fff;
    height: 100vh;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    overflow: auto;
}
.hire-banner-container {
    width: 100%;
    margin: 0px auto;
    position: relative;
    height: calc(100% - 60px);
    top: 50px;
    overflow: hidden;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 40% !important;
}
.hire_dev-simple-banner .hire-banner-container .page-center {
    position: relative;
    top: 57%;
    transform: translate(0, -50%);
}
/* -------- Partner With Classic Informatics in black section ------- */
.experience.staying_power p {
  font-size: 18px;
  color:#fff;
}
.experience.staying_power h2 {
    font-size: 30px;
    line-height: 40px;
    font-family: "AvenirNextLTPro-Bold", sans-serif;
    letter-spacing: -1px;
    color:#fff;
}
.experience.staying_power{
   background-color: #1d2c35 !important;
}
.experience.staying_power ul {
    margin: 47px 0 0 !important;
    display: inline-block;
    width: 100% !important;
    color:#fff;
    padding-left:0px;
}
.experience.staying_power .feature-block {
    position: relative;
    width: 210px;
    height: 210px;
    background-color: #f5f5f9;
    margin-right: 15px;
    margin-bottom: 15px;
    float: left;
}
.experience.staying_power .feature-head {
    width: 75%;
    position: absolute;
    bottom: 30px;
    left: 20px;
    font-family: "AvenirNextLTPro-Demi", sans-serif;
    line-height: 28px;
    letter-spacing: -1px;
    color: #151515 !important;
}
.experience.staying_power .flip-front {
    display: block;
    width: 200px;
    height: auto;
}
.experience.staying_power .flip-back {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #151515;
    overflow: hidden;
    width: 210px;
    height: 0;
    transition: -0.5s ease;
}
.experience.staying_power .feature-text {
    color: white;
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 78%;
}
.experience.staying_power .feature-block:hover .flip-back {
    top: 0;
    height: 100%;
}
.experience.staying_power .why-choose ul li{
  padding: 0 12px !important;
 }


/*	--------------	production development CSS	--------------	*/
.product_architecture-section{
  background-color:#F5F5F9; 
}
.modern-focused .row-fluid .span12 p{
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 20px;
    margin: 0;

}
.modern-focused .row-fluid .span12 {
    position: relative;
    padding-bottom: 0px;
    padding-left: 120px;
    margin-bottom: 20px;
}
.modern-focused .row-fluid .span12 img {
    position: absolute;
    left: 0;
    max-width: 81px;
}


/*	--------------	End production development CSS	--------------	*/
/*	--------------	start Menu  CSS	--------------	*/

.services ~ ul.hs-menu-children-wrapper, .about ~ ul.hs-menu-children-wrapper, .new_header-menu .hs-menu-depth-1:nth-child(3) > ul {
    top: 88px;
}
.new_header-menu .hs-menu-depth-1:nth-child(3) .hs-menu-depth-2:nth-child(3){
  margin: -21px 0px 0px 22px;
}
.services ~ ul.hs-menu-children-wrapper{
  top: 83px;
}
.about ~ ul.hs-menu-children-wrapper li ul.hs-menu-children-wrapper li.hs-menu-depth-3:nth-child(6){
  margin: -410px 0px -22px 272px;
}

/*	--------------	RESPONSIVE CSS	--------------	*/

@media (max-width: 1499px){
   .web-dev-banner .hire_dev-simple-banner .hire-banner-container .banner-content h1{
      font-size:50px;
     line-height: 60px;
    }

    .web-dev-banner .hire_dev-simple-banner .hire-banner-container .page-center {
        position: relative;
        top: 57%;
        transform: translate(0, -50%);
    }
    .hire_dev-simple-banner {
        background: #f5f5f9;
        color:#fff;
        height: 100vh;
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        overflow: auto;
    }
    .hire_dev-simple-banner .hire-banner-container {
        width: 100%;
        margin: 0px auto;
        position: relative;
        height: calc(100% - 60px);
        top: 50px;
        overflow: hidden;
        background-position: right center;
        background-repeat: no-repeat;
    }
    .body-container-wrapper .developers-list ul li{
      margin:12px 0px;
    }
    .developers-list 
    {
        display: flex;
        flex-wrap: wrap;
        justify-content: start;
        width: 60%;
        color:#404040;
 }
  .body-container-wrapper .developers-list ul li {
    margin: 12px 11px;
 }
  .experience.staying_power .feature-block {
    width: 170px;
    height: 170px;
    float: left;
}
  .experience.staying_power .flip-front {
    display: block;
    width: 200px;
    height: auto;
}
  .experience.staying_power .feature-head {
    font-size: 18px;
 }
  .experience.staying_power .flip-back{
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #151515;
    overflow: hidden;
    width: 170px;
    height: 0;
    transition: -0.5s ease;
  }
  .experience.staying_power .feature-text {
    color: 
    white;
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 78%;
}
  .experience.staying_power ul li{
  padding: 0 17px;
 }
  .home_sec12-left h2{
    font-size: 34px;
    line-height: 44px;
  }
  
  
}


@media (max-width: 1024px){
  .boxsteps{
    margin-right: 34px !important;
  }
  .get-touch-btn-box p {
    text-align: left;
    margin-top: 20px;
}
  .tech-block {
    padding: 0 0 0 10px;
    width: 20%;
 }
  .hire-banner-container{
    background-image:none !important;
  }
  .engage{
    margin: 0 0 60px;
    
  }
   .engage h3 {
    font-size: 22px;
    line-height: 30px;
}
  .customer-centric h2 {
    font-size: 30px;
    line-height: 40px;
 }
  .get-touch-block h3 {
    font-size: 22px;
    line-height: 30px;
}
  .regardless {
    font-size: 22px !important;
    line-height: 30px !important;
  }
  .service_block h3 {
    font-size: 22px;
    line-height: 30px;
  }
  .start-project h2 {
    font-size: 30px;
    line-height: 40px;
}
  .experience.staying_power h2{
    font-size: 30px;
    line-height: 40px;
  }
  /*	--------------	classic information in black section ipad CSS	--------------	*/
  .experience.staying_power .feature-block {
    width: 31%;
    background: transparent;
    padding-right: 5px;
    padding-left: 0 !important;
    height: auto;
    min-height: 170px;
    margin-bottom: 40px;
 }
  .experience.staying_power .flip-back {
    height: auto;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    background: 
    transparent;
 }
  .experience.staying_power .feature-head {
    font-size: 18px;
    color:  #fff !important;
}
  .experience.staying_power .flip-front {
    display: block;
    width: auto;
    height: auto;
 }
  .experience.staying_power .feature-head{
    width: 100%;
    position: relative;
    bottom: initial;
    left: initial;
  }
   .experience.staying_power .feature-text {
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    position: relative;
    top: initial;
    left: initial;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    width: 95%;
    padding: 15px 0;
 }
  .experience.staying_power .flip-blk {
    padding-top: 0px !important;
 }
  
  /* Asp.net technologyies section ipad */
  .tech-name_cselection{
    padding-right: 62px !important;
  }
  .tech_entilty-dev{
    width: 114px;
    margin: auto;
  }
   .secure_vue-warpper .Basis{
    display:block;
  }
  .quick-Process{
    width: 64% !important;
  }
  
}




@media (max-width: 767px){
  
#solution_Platform-Team .hs-menu-children-wrapper .hs-menu-depth-2:nth-child(3), 
  #solution_Platform-Team .hs-menu-depth-2:nth-child(2), 
  #solution_Platform-Team .hs-menu-children-wrapper .hs-menu-depth-2:nth-child(4) {
    width: 100% !important;
    margin: 0px !important;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    float: left;
}
.web-dev-banner .hire_dev-simple-banner .hire-banner-container .banner-content h1 {
    font-size: 27px !important;
    line-height: 34px !important;
 }
  .web-dev-banner .hire_dev-simple-banner .hire-banner-container .banner-content h6{
    font-size: 18px;
    line-height: 33px;
    font-family: AvenirNextLTPro-Regular;
    color: #151515;
    max-width: 650px;
    text-transform: none;
    letter-spacing: -1px;
  }
  .body-container-wrapper .developers-list ul {
    padding-left: 0;
    margin: 0 0 0px;
    list-style: none;
    font-size: 16px;
 }
  .hire-banner-container{
    background-image: none !important;
  }
  .progressive-web h2{
    font-size: 28px;
    line-height: 43px;
  }
  .get-touch-block {
    padding: 30px;
}
  .get-touch-btn-box p {
    text-align: left;
    margin-top: 20px;
}
  .industry-icon {
    padding-left: 20px;
    margin-bottom: 20px;
    position: relative;
}
  .industry-icon::before {
    width: calc(100% + 20px);
    left: -20px;
    top: -20px;
}
  .tech-block {
    padding: 20px 0;
    width: 100%;
    border: none;
    text-align: center;
}
  .web-dev_row .tech-block div:first-child {
    margin: auto;
}
  .accordion_header {
    cursor: pointer;
    font-size: 18px;
    line-height: 23px;
    width: 100%;
    padding: 10px 15px;
}
  /*	--------------	classic information in black section in mobile CSS	--------------	*/
  .experience.staying_power .feature-text {
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    position: relative;
    top: initial;
    left: initial;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    width: 95%;
    padding: 15px 0;
 }
  .experience.staying_power .feature-block {
    width: 100%;
    padding-right: 0;
    height: auto;
    min-height: inherit;
    margin-bottom: 30px;
    margin-right: 0;
}
  .experience.staying_power .feature-head {
    width: 100%;
    position: relative;
    bottom: inherit;
    left: 0px;
    top: 0px;
}
 
  .experience.staying_power .flip-front {
    display: block;
    width: auto;
    height: auto;
}
   .experience.staying_power .flip-back {
    height: auto;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    background: transparent;
     width:auto;
}
  .hire_dev-simple-banner .hire-banner-container {
    width: 100%;
    margin: 0px auto;
    position: relative;
    height: calc(100% - 60px);
    top: 34px;
    overflow: hidden;
    background-position: right center;
    background-repeat: no-repeat;
}
  .customer-centric h2 {
    font-size: 26px;
    line-height: 34px;
    letter-spacing: -1.5px;
    font-family: "AvenirNextLTPro-Bold", sans-serif;
   }
  p{
      font-size: 16px;
      line-height: 24px;
  }
  .application-block p {
    line-height: 24px;
    font-size: 16px;
  }
  .accordion_content {
    font-size: 16px;
}
  .engage ul li{
    font-size:16px;
  }
  .home_sec12-left h2{
    font-size: 26px;
    line-height: 34px;
    letter-spacing: -1.5px;
    font-family: "AvenirNextLTPro-Bold", sans-serif;
}
   .secure_vue-warpper .Basis{
    display:block;
  }
  
}

/* Asp.net technologyies section */
@media (max-width: 414px){
 .tech-block-technologyies_section .tech_asp-dev, .tech_cselection-dev, .tech_power-dev, .tech_entilty-dev{
     margin: auto !important;
  }
  .tech-block-technologyies_section .tech_dot-dev{
    margin-right: 5px !important;
  }
  .tech_entilty-dev{
    margin-left:0px;
  }
  .secure_vue-warpper .Basis{
    display:block;
  }
  .quick-Process{
    width: 100% !important;
  }
  .secure-form input[type="text"], .secure-form input[type="email"], .secure-form textarea{
    width: 100% !important;
  }
} 

/* ==========================================================================
   2. BASE STYLES                                             
   ========================================================================== */
/* =============== Base =============== */
h1 { font-size: 50px; line-height: 54px; font-family: "AvenirNextLTPro-Bold", sans-serif; letter-spacing: -4px;}
h2 { font-size: 34px; line-height: 44px; font-family: "AvenirNextLTPro-Bold", sans-serif; letter-spacing: -2px; color:  #404040; }
h3 { font-size: 21px; line-height: 30px; font-family: "AvenirNextLTPro-Bold", sans-serif; letter-spacing: -1px; color: #404040; }
.web-dev-banner .banner-content h3 {max-width: 697px;}
.developers-list 
{
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    width: 50%;
    color: #404040;
}
.body-container-wrapper .developers-list ul li{
  margin: 9px 94px 0px 0px;
  color: #151515;
}
.hire_dev-simple-banner {
    background: #f5f5f9;
    color: #fff;
    height: 100vh;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    overflow: auto;
}
.hire-banner-container {
    width: 100%;
    margin: 0px auto;
    position: relative;
    height: calc(100% - 60px);
    top: 50px;
    overflow: hidden;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 40% !important;
}
.hire_dev-simple-banner .hire-banner-container .page-center {
    position: relative;
    top: 57%;
    transform: translate(0, -50%);
}
/* -------- Partner With Classic Informatics in black section ------- */
.experience.staying_power p {
  font-size: 18px;
  color:#fff;
}
.experience.staying_power h2 {
    font-size: 30px;
    line-height: 40px;
    font-family: "AvenirNextLTPro-Bold", sans-serif;
    letter-spacing: -1px;
    color:#fff;
}
.experience.staying_power{
   background-color: #1d2c35 !important;
}
.experience.staying_power ul {
    margin: 47px 0 0 !important;
    display: inline-block;
    width: 100% !important;
    color:#fff;
    padding-left:0px;
}
.experience.staying_power .feature-block {
    position: relative;
    width: 210px;
    height: 210px;
    background-color: #f5f5f9;
    margin-right: 15px;
    margin-bottom: 15px;
    float: left;
}
.experience.staying_power .feature-head {
    width: 75%;
    position: absolute;
    bottom: 30px;
    left: 20px;
    font-family: "AvenirNextLTPro-Demi", sans-serif;
    line-height: 28px;
    letter-spacing: -1px;
    color: #151515 !important;
}
.experience.staying_power .flip-front {
    display: block;
    width: 200px;
    height: auto;
}
.experience.staying_power .flip-back {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #151515;
    overflow: hidden;
    width: 210px;
    height: 0;
    transition: -0.5s ease;
}
.experience.staying_power .feature-text {
    color: white;
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 78%;
}
.experience.staying_power .feature-block:hover .flip-back {
    top: 0;
    height: 100%;
}
.experience.staying_power .why-choose ul li{
  padding: 0 12px !important;
 }


/*	--------------	production development CSS	--------------	*/
.product_architecture-section{
  background-color:#F5F5F9; 
}
.modern-focused .row-fluid .span12 p{
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 20px;
    margin: 0;

}
.modern-focused .row-fluid .span12 {
    position: relative;
    padding-bottom: 0px;
    padding-left: 120px;
    margin-bottom: 20px;
}
.modern-focused .row-fluid .span12 img {
    position: absolute;
    left: 0;
    max-width: 81px;
}


/*	--------------	End production development CSS	--------------	*/
/*	--------------	start Menu  CSS	--------------	*/

.services ~ ul.hs-menu-children-wrapper, .about ~ ul.hs-menu-children-wrapper, .new_header-menu .hs-menu-depth-1:nth-child(3) > ul {
    top: 88px;
}
.new_header-menu .hs-menu-depth-1:nth-child(3) .hs-menu-depth-2:nth-child(3){
  margin: -21px 0px 0px 22px;
}
.services ~ ul.hs-menu-children-wrapper{
  top: 83px;
}
.about ~ ul.hs-menu-children-wrapper li ul.hs-menu-children-wrapper li.hs-menu-depth-3:nth-child(6){
  margin: -410px 0px -22px 272px;
}

/*	--------------	RESPONSIVE CSS	--------------	*/

@media (max-width: 1499px){
   .web-dev-banner .hire_dev-simple-banner .hire-banner-container .banner-content h1{
      font-size:50px;
     line-height: 60px;
    }

    .web-dev-banner .hire_dev-simple-banner .hire-banner-container .page-center {
        position: relative;
        top: 57%;
        transform: translate(0, -50%);
    }
    .hire_dev-simple-banner {
        background: #f5f5f9;
        color:#fff;
        height: 100vh;
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        overflow: auto;
    }
    .hire_dev-simple-banner .hire-banner-container {
        width: 100%;
        margin: 0px auto;
        position: relative;
        height: calc(100% - 60px);
        top: 50px;
        overflow: hidden;
        background-position: right center;
        background-repeat: no-repeat;
    }
    .body-container-wrapper .developers-list ul li{
      margin:12px 0px;
    }
    .developers-list 
    {
        display: flex;
        flex-wrap: wrap;
        justify-content: start;
        width: 60%;
        color:#404040;
 }
  .body-container-wrapper .developers-list ul li {
    margin: 12px 11px;
 }
  .experience.staying_power .feature-block {
    width: 170px;
    height: 170px;
    float: left;
}
  .experience.staying_power .flip-front {
    display: block;
    width: 200px;
    height: auto;
}
  .experience.staying_power .feature-head {
    font-size: 18px;
 }
  .experience.staying_power .flip-back{
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #151515;
    overflow: hidden;
    width: 170px;
    height: 0;
    transition: -0.5s ease;
  }
  .experience.staying_power .feature-text {
    color: 
    white;
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 78%;
}
  .experience.staying_power ul li{
  padding: 0 17px;
 }
  .home_sec12-left h2{
    font-size: 34px;
    line-height: 44px;
  }
  
  
}


@media (max-width: 1024px){
  .boxsteps{
    margin-right: 34px !important;
  }
  .get-touch-btn-box p {
    text-align: left;
    margin-top: 20px;
}
  .tech-block {
    padding: 0 0 0 10px;
    width: 20%;
 }
  .hire-banner-container{
    background-image:none !important;
  }
  .engage{
    margin: 0 0 60px;
    
  }
   .engage h3 {
    font-size: 22px;
    line-height: 30px;
}
  .customer-centric h2 {
    font-size: 30px;
    line-height: 40px;
 }
  .get-touch-block h3 {
    font-size: 22px;
    line-height: 30px;
}
  .regardless {
    font-size: 22px !important;
    line-height: 30px !important;
  }
  .service_block h3 {
    font-size: 22px;
    line-height: 30px;
  }
  .start-project h2 {
    font-size: 30px;
    line-height: 40px;
}
  .experience.staying_power h2{
    font-size: 30px;
    line-height: 40px;
  }
  /*	--------------	classic information in black section ipad CSS	--------------	*/
  .experience.staying_power .feature-block {
    width: 31%;
    background: transparent;
    padding-right: 5px;
    padding-left: 0 !important;
    height: auto;
    min-height: 170px;
    margin-bottom: 40px;
 }
  .experience.staying_power .flip-back {
    height: auto;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    background: 
    transparent;
 }
  .experience.staying_power .feature-head {
    font-size: 18px;
    color:  #fff !important;
}
  .experience.staying_power .flip-front {
    display: block;
    width: auto;
    height: auto;
 }
  .experience.staying_power .feature-head{
    width: 100%;
    position: relative;
    bottom: initial;
    left: initial;
  }
   .experience.staying_power .feature-text {
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    position: relative;
    top: initial;
    left: initial;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    width: 95%;
    padding: 15px 0;
 }
  .experience.staying_power .flip-blk {
    padding-top: 0px !important;
 }
  
  /* Asp.net technologyies section ipad */
  .tech-name_cselection{
    padding-right: 62px !important;
  }
  .tech_entilty-dev{
    width: 114px;
    margin: auto;
  }
   .secure_vue-warpper .Basis{
    display:block;
  }
  .quick-Process{
    width: 64% !important;
  }
  
}




@media (max-width: 767px){
  
#solution_Platform-Team .hs-menu-children-wrapper .hs-menu-depth-2:nth-child(3), 
  #solution_Platform-Team .hs-menu-depth-2:nth-child(2), 
  #solution_Platform-Team .hs-menu-children-wrapper .hs-menu-depth-2:nth-child(4) {
    width: 100% !important;
    margin: 0px !important;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    float: left;
}
.web-dev-banner .hire_dev-simple-banner .hire-banner-container .banner-content h1 {
    font-size: 27px !important;
    line-height: 34px !important;
 }
  .web-dev-banner .hire_dev-simple-banner .hire-banner-container .banner-content h6{
    font-size: 18px;
    line-height: 33px;
    font-family: AvenirNextLTPro-Regular;
    color: #151515;
    max-width: 650px;
    text-transform: none;
    letter-spacing: -1px;
  }
  .body-container-wrapper .developers-list ul {
    padding-left: 0;
    margin: 0 0 0px;
    list-style: none;
    font-size: 16px;
 }
  .hire-banner-container{
    background-image: none !important;
  }
  .progressive-web h2{
    font-size: 28px;
    line-height: 43px;
  }
  .get-touch-block {
    padding: 30px;
}
  .get-touch-btn-box p {
    text-align: left;
    margin-top: 20px;
}
  .industry-icon {
    padding-left: 20px;
    margin-bottom: 20px;
    position: relative;
}
  .industry-icon::before {
    width: calc(100% + 20px);
    left: -20px;
    top: -20px;
}
  .tech-block {
    padding: 20px 0;
    width: 100%;
    border: none;
    text-align: center;
}
  .web-dev_row .tech-block div:first-child {
    margin: auto;
}
  .accordion_header {
    cursor: pointer;
    font-size: 18px;
    line-height: 23px;
    width: 100%;
    padding: 10px 15px;
}
  /*	--------------	classic information in black section in mobile CSS	--------------	*/
  .experience.staying_power .feature-text {
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    position: relative;
    top: initial;
    left: initial;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    width: 95%;
    padding: 15px 0;
 }
  .experience.staying_power .feature-block {
    width: 100%;
    padding-right: 0;
    height: auto;
    min-height: inherit;
    margin-bottom: 30px;
    margin-right: 0;
}
  .experience.staying_power .feature-head {
    width: 100%;
    position: relative;
    bottom: inherit;
    left: 0px;
    top: 0px;
}
 
  .experience.staying_power .flip-front {
    display: block;
    width: auto;
    height: auto;
}
   .experience.staying_power .flip-back {
    height: auto;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    background: transparent;
     width:auto;
}
  .hire_dev-simple-banner .hire-banner-container {
    width: 100%;
    margin: 0px auto;
    position: relative;
    height: calc(100% - 60px);
    top: 34px;
    overflow: hidden;
    background-position: right center;
    background-repeat: no-repeat;
}
  .customer-centric h2 {
    font-size: 26px;
    line-height: 34px;
    letter-spacing: -1.5px;
    font-family: "AvenirNextLTPro-Bold", sans-serif;
   }
  p{
      font-size: 16px;
      line-height: 24px;
  }
  .application-block p {
    line-height: 24px;
    font-size: 16px;
  }
  .accordion_content {
    font-size: 16px;
}
  .engage ul li{
    font-size:16px;
  }
  .home_sec12-left h2{
    font-size: 26px;
    line-height: 34px;
    letter-spacing: -1.5px;
    font-family: "AvenirNextLTPro-Bold", sans-serif;
}
   .secure_vue-warpper .Basis{
    display:block;
  }
  
}

/* Asp.net technologyies section */
@media (max-width: 414px){
 .tech-block-technologyies_section .tech_asp-dev, .tech_cselection-dev, .tech_power-dev, .tech_entilty-dev{
     margin: auto !important;
  }
  .tech-block-technologyies_section .tech_dot-dev{
    margin-right: 5px !important;
  }
  .tech_entilty-dev{
    margin-left:0px;
  }
  .secure_vue-warpper .Basis{
    display:block;
  }
  .quick-Process{
    width: 100% !important;
  }
  .secure-form input[type="text"], .secure-form input[type="email"], .secure-form textarea{
    width: 100% !important;
  }
}