/* ==========================================================================
   HubSpot Migrations Services - COS Boilerplate v2.0.0                              
   ========================================================================== */
/* ==========================================================================
   Table of Contents:

   1. EXTERNAL RESOURCES
   2. BASE STYLES
   3. COS STRUCTURE
   4. MAIN NAVIGATION
   5. BLOG
   6. FORMS
   7. BUTTONS
   8. MISCELLANEOUS
   9. MOBILE MEDIA QUERIES
   ========================================================================== */
/* ==========================================================================
   1. EXTERNAL RESOURCES                                            
   ========================================================================== */
/* =============== @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-2.html) no-repeat; margin: auto; }
.tech-logo_block:hover .tech_googledatastudio { background-image: url(../data-studio-hover-2.html); }
.tech_googletagmanager { width: 96px; height: 95px; background: url(../google-tag-manager-2.html) no-repeat; margin: auto; }
.tech-logo_block:hover .tech_googletagmanager { background-image: url(../google-tag-manager-hover-2.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-2.html) no-repeat; margin: auto; }
.tech-logo_block:hover .tech_googledatastudio { background-image: url(../data-studio-hover-2.html); }
.tech_googletagmanager { width: 96px; height: 95px; background: url(../google-tag-manager-2.html) no-repeat; margin: auto; }
.tech-logo_block:hover .tech_googletagmanager { background-image: url(../google-tag-manager-hover-2.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 =============== */
*, *:before, *:after {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
}
html, body {min-height: 100%;margin: 0;padding: 0;} 
body {background: #fff;color: #404040;font-family: "AvenirNextLTPro-Regular", sans-serif;font-size: 18px;line-height: 28px;z-index: 1;}
/* Page Center */
.container-fluid .row-fluid .page-center {float: none;width: 100%;max-width: 100%;margin: auto;padding: 0 5%;}
/* Highlighted Text */
::-moz-selection {color: #fff;
	background: #d8262c;
	text-shadow: none;
}
::selection {
	color: #fff;
	background: #d8262c;
	text-shadow: none;
}
/* =============== Typography =============== */
/* Basic text */
p {margin:0 0 10px;	} 


sup, sub {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0 0 20px;
	font-family: "AvenirNextLTPro-Bold";
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {} h1 {
	font-size: 50px;
	line-height: 56px;
	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;
}
h4 {
	font-size: 24px;
	line-height: 24px;
}
h5 {
	font-size: 22px;
	line-height: 22px;
}
h6 {
	font-size: 14px;
	font-family: "AvenirNextLTPro-Demi", sans-serif;
	line-height: 28px;
	color: #d8262c;
	text-transform: uppercase;
}

/* Anchor Links */
a {
	color: #d8262c;
	text-decoration: none;
}
a:hover,
a:focus {
	color: #d8262c;
}
/* Lists */
ul,
ol {
	padding-left: 20px;
	margin: 0 0 10px;
}
.body-container-wrapper ul {
	padding-left: 0;
	margin: 0 0 40px;
	list-style: none;
}
.body-container-wrapper 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;
}
ul ul,
ul ol,
ol ol,
ol ul {} li {}
/* Block Quotes */
blockquote {} blockquote p {} blockquote small {}
/* Horizontal Rules */
hr {
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	border: none;
}

/* Added by HS Support */
strong { font-weight: bold; }


/* =============== EU Cookie Confirmation Bar =============== */
/* Confirmation Outer Wrapper*/
#hs-eu-cookie-confirmation {}
/* Confirmation Inner Wrapper*/
#hs-eu-cookie-confirmation-inner {} #hs-eu-cookie-confirmation-inner p {}
/* Confirmation Button */
#hs-en-cookie-confirmation-buttons-area {} a#hs-eu-confirmation-button {}
/* ==========================================================================
   3. COS STRUCTURE                                            
   ========================================================================== */
/* =============== Structure =============== */
/* The outer wrappers of your website */
.header-container-wrapper, 
.body-container-wrapper, 
.footer-container-wrapper {}
/* The inner wrappers of your website */
.header-container, 
.body-container, 
.footer-container {}
/* =============== Header =============== */
.header-container-wrapper {} .header-container {} .custom_header {
	padding: 30px 7% 15px;
	position: absolute;
	width: 100% !important;
	top: 0;
	z-index: 2;
	background: none;
}
.custom_header > div {
	display: flex;
}
.custom_header .site_logo {
	width: 33.33%;
	padding: 0 25px;
	padding-left: 0;
}
.custom_header .custom-menu-primary {
	width: 66.66%;
	margin-left: 0;
	text-align: right;
}
.custom_header .site_logo img {
	display: block;
}
/* ==================== Banner Area ============================ */
	.simple-banner {
	background: #f5f5f9;
	color: #fff;
	height: 100vh;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	overflow: auto;
}
.simple-banner-image-error {
	background: #fff;
	color: #fff;
	position: relative;
	top: 0px;
	left: 0;
	width: 100%;
	overflow: auto;
	text-align: center
}
.simple-banner .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;
}
.banner-content h1 {
	max-width: 1000px;
	letter-spacing: -4px;
	margin-bottom: 31px;
	margin-left: -5px;
}
.banner-content h2 {
	font-family: "AvenirNextLTPro-Regular", sans-serif;
	font-size: 26px;
	line-height: 36px;
	max-width: 730px;
	margin-bottom: 23px;
	letter-spacing: -1px;
	color: #404040;
}
.banner-content+div a {
	margin-top: 28px;
	padding: 10px 23px;
	background-color: #d8262c;
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 16px;
	font-family: "AvenirNextLTPro-Demi", sans-serif;
	text-decoration: none;
	display: inline-block;
}
.banner-content+div a span {
	position: relative;
	left: 0;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.banner-content+div a:after {
	content: '';
	width: 16px;
	height: 14px;
	color: #fff;
	background: url(//6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019%20Theme/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;
}
.banner-content+div a:hover:after {
	transform: translate(5px, 0);
}
.banner-content+div a:hover {
	background-color: #b22024;
}
.banner-content+div a:hover span {
	left: 8px;
}
/* ==================== Banner Area  dots ============================ */

.banner-content h1:after {
	content: '.';
	color: #d8262c;
 
}
.home-banner-section .simple-banner .banner-content h1:after {
   margin-left:-14px;
}

.home-banner-section .banner-content h4:after {
	content: '.';
	color: #d8262c;
 
}
.home-banner-section .simple-banner .banner-content h4:after {
   margin-left:-14px;
}

.simple-banner .banner-container .page-center {
	position: relative;
	top: 57%;
	transform: translate(0, -50%);
}
.featured-image {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
	height: 403px;
}
.header-container-wrapper .span12.widget-span.widget-type-global_group {
	min-height: 0;
}
/* ==================== Banner Area ============================ */
/* =============== Content =============== */
.body-container-wrapper {} .body-container {} .content-wrapper {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}
.content-wrapper {} .main-content {} .sidebar {} .sidebar.right {} .sidebar.left {} .no-header-footer .body-container-wrapper {
	margin-bottom: 50px;
}
/* =============== Footer =============== */
.footer-container-wrapper {} .footer-container {} .copyright-footer {
	background: #14212a;
	font-size: 14px;
	color: #727272;
	line-height: 24px;
	padding: 13px 0 13px;
}
.copyright-footer > div {
	width: 100%;
	max-width: 100%;
	margin: auto;
	padding: 0 5%;
}
.copyright-footer p {
	margin: 0;
	color: #7f919d;
}
.footer_mid {
	border-top: 1px solid #f1f1f5;
	padding-top: 42px;
	padding-bottom: 37px;
}
.footer_mid > div {
	width: 100%;
	max-width: 100%;
	margin: auto;
	padding: 0 5%;
}
.footer_mid .mid_1 {
	display: inline-block;
	vertical-align: middle;
	margin-right: 50px;
	width: 108px;
	float: none;
	line-height: 0;
}
.footer_mid .mid_2 {
	margin: 0;
	width: auto;
	margin-left: 0;
	float: none !important;
	display: inline-block;
}
.footer_mid .mid_2 a img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 38px;
	filter: url(../js/filters.svg#grayscale);
	filter: gray;
	-webkit-filter: grayscale(1);
}
.footer_mid .mid_2 p {
	margin: 0;
	display: inline-block;
}
.footer_mid .mid_2 p a:nth-child(3) img {
	width: 180px;
}
.footer_mid .mid_1 p {
	margin: 0;
	display: inline-block;
	font-size: 18px;
	font-family: "AvenirNextLTPro-Bold", sans-serif;
	line-height: 24px;
	color: #353535;
}
.footer_mid .mid_1 p span {
	display: block;
}
.footer_mid .mid_2 a img:hover {
	filter: none;
	-webkit-filter: grayscale(0);
}
.top_row h3 {
	font-family: "AvenirNextLTPro-Demi", sans-serif;
	color: #404040;
	margin-bottom: 17px;
	font-weight: normal;
	font-size: 18px;
	line-height: 28px;
}
.top_row ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.top_row ul li {
	margin-bottom: 10px;
	line-height: 20px;
}
.top_row ul li a {
	color: #404040;
	-moz-transition: left 0.4s ease-in;
	-webkit-transition: left 0.4s ease-in;
	transition: left 0.4s ease-in;
	position: relative;
	left: 0px;
}
.top_row ul li a:hover {
	color: #d8262c;
	left: 5px;
}
.top_row_5 a {
	color: #404040;
}
.top_row_5 a:hover {
	color: #d8262c;
}
.social_icons {
	margin-top: 20px;
}
.social_icons .s-icon {
	width: 35px;
	height: 35px;
	background-color: #f1f1f5;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
	margin-right: 14px;
	margin-top: 10px;
}
.social_icons .fb {
	background-image: url(//6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019%20Theme/Images/social_icons.png);
	background-repeat: no-repeat;
	background-position: 0;
}
.social_icons .twt {
	background-image: url(//6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019%20Theme/Images/social_icons.png);
	background-repeat: no-repeat;
	background-position: -50px;
}
.social_icons .ln {
	background-image: url(//6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019%20Theme/Images/social_icons.png);
	background-repeat: no-repeat;
	background-position: -100px;
}
.social_icons .ln:hover {
	background-image: url(//6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019%20Theme/Images/social_icons-hover.png);
}
.social_icons .s-icon:hover {
	background-color: #d8262c;
}
.social_icons .twt:hover {
	background-image: url(//6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019%20Theme/Images/social_icons-hover.png);
}
.social_icons .fb:hover {
	background-image: url(//6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019%20Theme/Images/social_icons-hover.png);
}
.custom_top_footer {
	padding: 95px 0 80px;
	background: url(//6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019%20Theme/Images/FooterMap.jpg) no-repeat right 50px;
}
.textwidget.custom-html-widget h3 {
	font-family: "AvenirNextLTPro-Bold", sans-serif;
	font-size: 22px;
	color: #404040;
	margin-bottom: 20px;
}
.custom_top_footer .top_row_1 {
	width: 25%;
	padding-right: 20px;
}
.custom_top_footer .top_row_2 {
	width: 15%;
	padding-left: 8px;
}
.custom_top_footer .top_row {
	margin-left: 0;
}
.custom_top_footer .top_row_3 {
	width: 20%;
}
.custom_top_footer .top_row_4 {
	width: 18%;
	padding-left: 0px;
}
.custom_top_footer .top_row_5 {
	width: 22%;
}
.top_row_5 p {
	margin: 0;
}
.custom_footer_main {
	/* 		position: fixed; */
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 0;
}
.body-container-wrapper {
	background-color: #fff;
	/* 		margin-bottom: 633px; */
	position: relative;
	z-index: 1;
}
.custom-post-pagination {
	display: flex;
	justify-content: space-between;
	padding: 50px 0;
	padding-bottom: 30px;
}
.custom-post-pagination a {
	background: #d8262c;
	color: #fff;
	font-size: 14px;
	padding: 5px;
	border-radius: 3px;
	display: inline-block;
	line-height: 16px;
}
.No_Banner .body-container-wrapper {
	margin-top: 0px;
}
/* ==========================================================================
   4. MAIN NAVIGATION                                            
   ========================================================================== */
/* =============== Custom Menu Primary =============== */
/* Parent List */
.custom-menu-primary .hs-menu-wrapper > ul {} .custom-menu-primary .hs-menu-wrapper > ul > li {} .custom-menu-primary .hs-menu-wrapper > ul > li > a {} .custom-menu-primary .hs-menu-wrapper > ul > li > a:hover {}
/* Child List */
.custom-menu-primary .hs-menu-wrapper > ul ul {
	background-color: #fff;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li {} .custom-menu-primary .hs-menu-wrapper > ul ul li a {} .custom-menu-primary .hs-menu-wrapper > ul ul li a:hover {}
/* Override max width on menu links */
.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 {
	overflow: visible !important;
	max-width: none !important;
	width: auto !important;
}
/* Hide button on Desktop */
.mobile-trigger, .child-trigger{ display: none; }
/* Fix menu disappearing on desktop after toggling mobile menu */
/* New Header Menu for large screen desktop */
/* large screen desktop */
@media screen and (min-width: 1700px) {
	.custom_header {
		padding: 30px 5% 16px !important;
		position: absolute;
		width: 100% !important;
		top: 0;
		z-index: 2;
		background: 0;
	}
	.container-fluid .row-fluid .page-center {
		float: none;
		width: 100%;
		max-width: 100%;
		margin: auto;
		padding: 0 5%;
	}
	.simple-banner .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;
	}
	.why-choose ul li {
		float: left;
		background: none !important;
		margin: 0 !important;
	}
	.service_block p {
		margin-bottom: 0px;
		padding-right: 104px;
	}
	.service_block h2 {
		padding-right: 20px;
	}
	.why-choose ul {
		margin-top: 110px !important;
		display: inline-block;
		width: 100% !important;
	}
	.flip-blk {
		padding-top: 75px;
		padding-left: 7%;
	}
	.industry-section {
		padding-left: 44px !important;
		padding-right: 40px;
		position: relative;
	}
	.container {
		width: 100%;
		max-width: 100%;
		margin: auto;
		padding: 0 5%;
	}
	.customers {
		width: 40% !important;
		margin-right: 10px;
		position: relative;
		padding-bottom: 45px;
		margin-bottom: 65px;
	}
	.helping-compaines h2 {
		padding-right: 28px;
	}
	#lets-talk {
		padding: 0 0%;
	}
	.contact-us .content-wrapper {
		padding: 5% 7% !important;
	}
  .stories_img {
    width: auto !important;
    max-width: 100%;
    margin: 0px;
    position: relative;
    top: 0px;
    -moz-transition: top .3s ease;
    -webkit-transition: top .3s ease;
    transition: top .3s ease;
    padding-left: 0px;
  }
  .paidcampaigns-form{
    margin-top: 0px;
  }
  .paidcampaigns-form {
    background: #fff;
    padding: 32px;
    border-radius: 5px;
    max-width: 670px;
  }
  .img_uber-soical {
    max-width: 62px;
    position: absolute;
    right: 65%;
 }
  .img-soical {
    max-width: 62px;
    position: absolute;
    right: 61%;
 }
 .item.architecture:hover:before, .item.architecture:hover:after {
  display: block;
  content: '';
  position: absolute;
  width: 339px !important;
  height: 546px !important;
  background: #FDA8CF;
  z-index: -1;
  animation: 1s clockwise infinite;
}
  #form_modal {
     left: 50%;
    transform: translateX(-50%);
    width: 38% !important;
    top:216px !important;
}
  .reveal-modal .close-reveal-modal {
    font-size: 33px !important;
    font-weight: bold;
    line-height: .5;
    position: absolute;
    top: 12px !important;
    right: 8px !important;
    color: #d8262c;
    background: #eeeeee;
    text-shadow: 0 -1px 1px rbga(0,0,0,.6);
    font-weight: bold;
    cursor: pointer;
}
  .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: 47% !important;
    left: 18% !important;
}
  
}
@media screen and (min-width: 1025px) {
	.mobile {
		display: none !important;
	}
	.custom-menu-primary .hs-menu-wrapper > ul {
		margin-top: -10px;
	}
	.custom-menu-primary .hs-menu-wrapper > ul li {
		padding: 0px 13px 17px 13px;
		display: inline-block;
		float: none !important;
		position: static !important;
	}
	.custom-menu-primary .hs-menu-wrapper > ul > li > a:after {
		content: '';
		position: absolute;
		width: 0;
		height: 2px;
		display: block;
		margin-top: 13px;
		right: 0;
		background: #fff;
		-moz-transition: width 0.3s ease;
		-webkit-transition: width 0.3s ease;
		transition: width 0.3s ease;
	}
	.custom-menu-primary .hs-menu-wrapper > ul > li > a:hover:after {
		width: 100%;
		left: 0;
		background: #d8262c;
	}
	.custom-menu-primary .hs-menu-wrapper > ul > li:last-child {
		padding-right: 0;
		padding-bottom: 8px;
	}
	.custom-menu-primary .hs-menu-wrapper > ul > li:last-child > a {
		background-color: #d8262c;
		padding: 13px 25px !important;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		color: #fff;
		line-height: 21px;
	}
	.custom-menu-primary .hs-menu-wrapper > ul > li:last-child > a:hover {
		background-color: #b22024;
	}
	.custom-menu-primary .hs-menu-wrapper > ul > li:last-child > a:after {
		display: none;
	}
	.custom-menu-primary .hs-menu-wrapper>ul ul {
		text-align: left;
		box-shadow: 0px 1px 2px 1px rgba(136, 136, 136, 0.28);
		right: 50px;
		width: 80%;
		min-width: 1024px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		padding: 28px 30px;
		left: auto !important;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		top: 75px;
	}
	.custom-menu-primary .hs-menu-wrapper>ul ul > li {
		padding: 0 2.5% 0 0;
		width: 23%;
	}
	.custom-menu-primary .hs-menu-wrapper>ul ul>li.hs-menu-depth-2:last-child {
		padding-left: 25px !important;
	}
	.custom-menu-primary .hs-menu-wrapper>ul ul > li > a {
		font-family: "AvenirNextLTPro-Demi", sans-serif;
		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;
		margin-bottom: 20px;
		display: inline-block !important;
	}
	.custom-menu-primary .hs-menu-wrapper>ul ul > li > a:after {
		content: '';
		position: absolute;
		width: 0;
		height: 2px;
		display: block;
		margin-top: 13px;
		right: 0;
		background: #fff;
		-moz-transition: width 0.3s ease;
		-webkit-transition: width 0.3s ease;
		transition: width 0.3s ease;
	}
	.custom-menu-primary .hs-menu-wrapper>ul ul > li > a:hover:after {
		width: 100%;
		left: 0;
		background: #d8262c;
	}
	.custom-menu-primary .hs-menu-wrapper>ul ul ul {
		box-shadow: none;
		position: static !important;
		opacity: 1 !important;
		visibility: visible !important;
		min-width: unset;
		padding: 0;
		display: block;
		width: 100%;
		line-height: 0;
	}
	.custom-menu-primary .hs-menu-wrapper>ul ul ul li {
		width: 100%;
		padding: 10px 0;
		display: block;
		color: #727272;
		font-size: 16px;
		line-height: 16px;
	}
	.custom-menu-primary .hs-menu-wrapper>ul ul ul li a {
		color: #404040;
		font-family: "AvenirNextLTPro-Regular", sans-serif;
		font-size: 16px;
		line-height: 16px;
		width: 100%;
		margin: 0;
	}
	.custom-menu-primary .hs-menu-wrapper>ul ul ul li a:after {
		display: none;
	}
	.custom-menu-primary .hs-menu-wrapper>ul ul ul li:hover a {
		color: #d8262c;
	}
	.custom-menu-primary .hs-menu-wrapper>ul > li.hs-menu-item.hs-menu-depth-1.hs-item-has-children ul {
		display: none;
		overflow: unset !important;
	}
	.custom-menu-primary .hs-menu-wrapper>ul > li.hs-menu-item.hs-menu-depth-1.hs-item-has-children:hover ul {
		display: flex !important;
	}
	.custom-menu-primary .hs-menu-wrapper>ul li:nth-child(2) > ul > li {
		width: 50%;
		padding-right: 25px;
	}
	.custom-menu-primary .hs-menu-wrapper>ul li:nth-child(2) ul > li:last-child {
		padding-right: 0;
	}
	.custom-menu-primary .hs-menu-wrapper>ul li:nth-child(2) > ul > li:last-child {
		padding-right: 0;
		padding-left: 0;
	}
	.custom-menu-primary .hs-menu-wrapper>ul li:nth-child(2) > ul > li ul li {
		width: 50%;
		float: left;
		padding-right: 0;
	}
	.custom-menu-primary .hs-menu-wrapper>ul li:nth-child(2)>ul>li:last-child ul li:last-child {
		padding-left: 0;
	}
	.custom-menu-primary .hs-menu-wrapper {
		display: block !important;
	}
	.custom-menu-primary .hs-menu-wrapper>ul ul > li:last-child {
		padding-right: 0;
	}
	.custom-menu-primary .hs-menu-wrapper > ul ul {
		display: block;
	}
	.custom_header .custom-menu-primary {
		display: block !important;
		overflow: unset !important;
	}
  
  /* Blog menu css */
	.hs-blog-post .custom-menu-primary .hs-menu-wrapper>ul>li>a {
		color: #404040;
	}
  .hs-blog-post .custom-menu-primary .hs-menu-wrapper > ul > li:last-child > a{
    color:#fff;
  }
  .hs-blog-post .getintouch{ 
    color:#fff;
  }
  .hs-blog-post.stuck .custom-menu-primary .hs-menu-wrapper > ul > li:last-child > a{
    color: #fff;
  }
  .hs-blog-post.stuck .custom-menu-primary .hs-menu-wrapper > ul > li > a {
    color: #404040;
  }
  
	.custom-menu-primary .hs-menu-wrapper>ul li:nth-child(1)>ul>li>ul>li {
		width: 100% !important;
	}
	.custom_header .site_logo a.logo-white+a {
		display: none;
	}
	.stuck .custom_header .site_logo a.logo-white {
		display: none;
	}
	.stuck .custom_header .site_logo a.logo-white+a {
		display: block;
	}
	.nonav_header .site_logo {
		padding-bottom: 16px;
	}
  .new_header-menu .custom-menu-primary ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-3:hover > a{
    color:#d8262c !important;
  }
  .new_header-menu .custom-menu-primary .hs-menu-wrapper>ul ul ul li {
    color: #404040 !important;
  }
}
/* =============== Mobile Toggle Menu =============== */
@media (max-width: 1024px) {
  .home-banner-section-dtClassic .simple-banner .banner-container {
  background:url(https://www.classicinformatics.com/hubfs/HeroBanneripad.png%27) no-repeat center/cover!important; top: 0; height: calc(100% - 0px);background-color:#1b223f !important;
}
  .banner-blog-post.banner-blog .developing_banner.header-blog .container_post h1 {
    font-size: 59px;
    line-height: 75px;
    letter-spacing: -3px;
}
  .fixed-social-share.clearfix{
    position: fixed;
    top: 180px;
    z-index: 999;
    left: 12px !important;
  }
	.custom_header .site_logo a.logo-white+a {
		display: none;
	}
	.nonav_header {
		padding-top: 29px !important;
	}
	.desktop {
		display: none !important;
	}
	/* Menu Reset */
	.custom-menu-primary,
	.custom-menu-primary .hs-menu-wrapper > ul,
	.custom-menu-primary .hs-menu-wrapper > ul li,
	.custom-menu-primary .hs-menu-wrapper > ul li a {
		display: block;
		float: none;
		position: static;
		top: auto;
		right: auto;
		left: auto;
		bottom: auto;
		padding: 0px;
		margin: 0px;
		background-image: none;
		background-color: transparent;
		border: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		max-width: none;
		width: 100%;
		height: auto;
		line-height: 1;
		font-weight: normal;
		text-decoration: none;
		text-indent: 0px;
		text-align: left;
		color: #fff;
		padding-left: 10px;
	}
	/* ===== Mobile Toggle Button ===== */
	.mobile-trigger {
		display: block !important;
		cursor: pointer;
		position: relative;
		margin-top: -7px;
		right: 0;
		z-index: 3;
		float: right;
		padding: 18px 20px;
		text-align: center;
	}
	.mobile-open .mobile-trigger span.navicon {
		background: transparent;
	}
	.hs-blog-post .mobile-trigger {
		margin-top: 1px;
	}
	.mobile-open .mobile-trigger span.navicon:before {
		transform: rotate(-45deg);
	}
	.mobile-open .mobile-trigger span.navicon:after {
		transform: rotate(45deg);
	}
	.mobile-open .mobile-trigger span.navicon:after,
	.mobile-open .mobile-trigger span.navicon:before {
		top: 0;
	}
	span.navicon,
	span.navicon:after,
	span.navicon:before {
		background: #d8262c;
	}
	.navicon {
		display: block;
		height: 2px;
		position: relative;
		-moz-transition: background .2s ease-out;
		-webkit-transition: background .2s ease-out;
		transition: background .2s ease-out;
		width: 25px;
	}
	.navicon:before {
		top: 7px;
	}
	.navicon:before,
	.navicon:after {
		background: #fff;
		content: '';
		display: block;
		height: 100%;
		position: absolute;
		-moz-transition: all .2s ease-out;
		-webkit-transition: all .2s ease-out;
		transition: all .2s ease-out;
		width: 100%;
	}
	.navicon:after {
		top: -7px;
	}
	.custom_header {
		width: 100%;
		padding: 30px 7%;
	}
	body.mobile-open {
		overflow: hidden;
	}
	.custom_header .custom-menu-primary {
		width: 100% !important;
	}
	.overlay {
		display: none;
		background: rgba(22, 35, 43, 0.98);
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0px;
		left: 0;
		z-index: 2;
		-moz-transition: display 0.2s ease-in;
		-webkit-transition: display 0.2s ease-in;
		transition: display 0.2s ease-in;
		bottom: 0;
	}
	.mobile-open .overlay {
		display: block;
	}
	.custom_header>div {
		padding-top: 1px;
	}
	/* ===== Mobile Child Toggle Buttons ===== */
	.child-trigger {
		display: block !important;
		/* Hide button on Desktop */
		cursor: pointer;
		/* Mouse pointer type on hover */
		position: absolute;
		top: 0px;
		right: 0px;
		width: 55px !important;
		/* Button width */
		min-width: 55px !important;
		height: 45px !important;
		/* Button height */
		padding: 0 !important;
	}
	.arrow:after {
		content: '';
		width: 25px !important;
		height: 25px !important;
		display: inline-block;
		background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019%20Theme/Images/down-arrow.svg) no-repeat !important;
		background-size: 25px 25px !important;
		position: absolute;
		top: 0;
	}
	span.arrow_down {
		display: block;
		width: 25px;
		height: 25px;
		display: block;
		float: right;
		box-sizing: border-box;
		position: absolute;
		top: 12px;
		right: 20px;
		z-index: 999999;
		-moz-transition: all 0.5s ease-in;
		-webkit-transition: all 0.5s ease-in;
		transition: all 0.5s ease-in;
		margin-left: 7px;
	}
	span.arrow_down {
		right: 22px;
	}
	.child-open span.arrow.arrow_down {
		-moz-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	/* ===== Mobile Menu Styles ===== */
	.custom-menu-primary.js-enabled {
		position: relative;
		float: left;
	}
	
	/* Make child lists appear below parent items */
	.custom-menu-primary ul.hs-menu-children-wrapper {
		visibility: visible !important;
		opacity: 1 !important;
		position: static !important;
		display: none;
	}
	/* Mobile Menu Styles */
	.custom-menu-primary.js-enabled .hs-menu-wrapper {
		width: 100%;
		position: relative;
		left: 0;
		top: 0;
		padding: 0;
		margin-top: 18px;
	}
	.custom-menu-primary.js-enabled .hs-menu-wrapper {
		background-color: rgba(23, 37, 46, 0.87059);
		width: 100%;
		/* Full screen width */
	}
  /* Hide menu on mobile */
	.custom-menu-primary.js-enabled,
	.custom-menu-primary.js-enabled .hs-menu-children-wrapper {
		display: none;
	}
	/* Level 1 Menu List Styles */
	.custom-menu-primary .hs-menu-wrapper > ul > li {
		position: relative;
	}
	.custom-menu-primary .hs-menu-wrapper>ul {
		width: 100%;
		display: block;
	}
	.custom-menu-primary .hs-menu-wrapper>ul > li > a {
		font-size: 18px !important;
		color: #fff !important;
		letter-spacing: 1px;
		border-bottom: 1px solid #13191d;
		font-family: "AvenirNextLTPro-Demi", sans-serif;
		-moz-transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
		padding: 10px 0 !important;
		display: block;
		line-height: 28px;
	}
	.custom-menu-primary .hs-menu-wrapper>ul > li {
		padding: 0 !important;
	}
	.custom-menu-primary.js-enabled .hs-menu-wrapper {
		max-height: calc(100vh - 48px);
		top: 18px;
		border-top: 2px solid #d8262c;
		overflow: auto;
	}
	.custom-menu-primary .hs-menu-wrapper>ul>li:last-child>a {
		line-height: 28px !important;
	}
	.custom-menu-primary .hs-menu-wrapper>ul ul {
		background-color: rgba(23, 37, 46, 0.87059);
		padding: 0 !important;
		padding-left: 15px !important;
	}
	.custom-menu-primary .hs-menu-wrapper>ul ul li {
		padding: 0 !important;
		margin: 0 !important;
	}
	.custom-menu-primary .hs-menu-wrapper>ul ul li a {
		color: #fff !important;
		letter-spacing: 1px;
		border-bottom: 1px solid #13191d !important;
		font-family: "AvenirNextLTPro-Demi", sans-serif;
		-moz-transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
		padding: 10px 0 !important;
		font-size: 16px !important;
		line-height: 28px !important;
	}
	.home-banner-section .simple-banner .banner-container h1 , .home-banner-section-dtClassic .simple-banner .banner-container h1{
		font-size: 65px !important;
		line-height: 75px !important;
	}
  .home-container .header-container .custom_header .custom-menu-primary .hs-menu-wrapper ul li ul li a {
    color: #fff !important;
}
  .home-container .header-container .custom_header .custom-menu-primary .hs-menu-wrapper ul li.hs-menu-item.hs-menu-depth-2.hs-item-has-children:hover >a { color: #fff !important;}
  
  .gallery-img img {
      max-width: 100% !important;
      height: auto;
      vertical-align: bottom;
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
      transition: all 0.5s ease;
      opacity: 0.5;
      float: left !important;
   }
  .span5.widget-span.widget-type-custom_widget.paidcampaigns-form {
    width: 100% !important;
 }
  .span7.widget-span.widget-type-cell.paid_campaigns_record {
    width:100%;
}
  .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: 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: 13% !important;
 }
  #form_modal .paidcampaigns-form .hs_submit .actions::after{
    margin-left: 31px;
  }
   .main-content-landing .paid_campaigns_record .solutions-requirement h1 {
    font-size: 43px !important;
    line-height: 51px !important;
  }
  .img_uber-soical {
    max-width: 62px;
    position: absolute;
    right: 77%;
 }
  .img-soical {
    max-width: 62px;
    position: absolute;
    right: 68%;
 }
  .guide-menu_section{
    display:none
  }
  .badge-img{
    width: 84px;
    padding-top: 12px;
  }
  .top-web_img{
    max-width: 95px;
   height: auto;
  }
  .post_selection-fluid {
     margin-top: 0px; 
}
  .subscriptions_projected {
    left: 0px !important;
 }
  .evaluates_based-selection {
    width: 100% !important;
 }
  	/* revamp case stdy css ipad */
  .revamp-selection_detailsCase {
    width: 100% !important;
    margin: 0px auto;
    text-align: center;
}
  .revamp-selection_detailsCase .case_description-info {
    display: inline-block;
    width: 60% !important;
    margin-bottom: 20px;
    border: 1px solid #ccccd5;
    vertical-align: top;
    background: #fff;
    margin: 18px 18px;
    margin: 0px 0px 24px 0px !important;
}
  
  /* -------------- Start New Case-study Revamping  --------------- */

  .container.container_single_blog{
    padding:0 7% !important;
  }
  .container.container_single_blog .client-showcase-section h1 {
    font-size: 46px;
    line-height: 55px;
    letter-spacing: -3px;

  }
  .container.container_single_blog .digitization_technology h4{
    margin-top: 30px;
  }
  .wrapper_technologyies-case table {
    width: 82% !important;
  }
  .container.container_single_blog p:first-child{
    padding-top:23px;
  }
  .content_Case{
    padding: 22px !important;
  }
  .additional_webimageCase img {
    max-width: 100% !important;
 }
  .condexo_wrapper-image img {
    max-width: 90% !important;
  }
  .vindame_wrapper-Case img { 
     max-width: 90% !important;
  }
  .franklin_wrapper-Case img { 
    max-width: 90% !important;
  }
  
  /* -------------- End New Case-study Revamping  --------------- */
  
  ul.guide-menu_section.fixed {
    padding-left:0;
  }
  .guideImage_Section-banner .banner-data_container {
    background: transparent !important;
 }
  .guide-body-wrapper .container{
    padding: 20px 20px !important;
  }
  .softwareworld-img {
    max-width: 12% !important;
}
  .tech-block-technologyies_section {
    padding: 0 0 0 16px !important;
    width: 20% !important;
     text-align:center;
}
 
  span.tech-name_Powerselection{
    padding-right: 23px;
  }
  .scalability_inbound-Dev::before {
    content: '';
    position: absolute;
    top: -9px;
    left: 0px;
    width: 148px;
    height: 79px;
    background: #f5f5f9;
    z-index: -1;
}
  .cloud-transform-businesses .service_block{
    width:100%;
  }
  .inbound-hubspot_imp{
    background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Hubspot%20Partner.png);
    background-repeat: no-repeat;
    background-position: 98% 15%;
    background-size: 20%;
  }
  .tech_HubSpot-Academy_icon{
    margin-left: 4px;
  }
  .tech-block-hubspot{
    padding: 0px 0px;
  }
  .effectiveness-certain{
    padding: 27px 47px 27px 39px;
  }
  
  /* -------------- End New Case-study Revamping  --------------- */
  
  /* -------------- Start New Mobile Header Revamping  --------------- */
  .custom_header.mobile.advance_header .services ~ ul.hs-menu-children-wrapper li{
    width: 71% !important;
    display:block !important;
  }
 .custom_header.mobile.advance_header .services ~ ul.hs-menu-children-wrapper li ::after{
    left: 50px;
    border-bottom: 0px solid !important;
  }
  .custom_header.mobile.advance_header .custom-menu-primary.js-enabled .hs-menu-wrapper > ul > li a {
    border-bottom: 1px solid #13191d !important;
     width: 100% !important;
  }
  .custom_header.mobile.advance_header .services ~ ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-3 {
    width: 100% !important;
  }
  
  .home-container .header-container .custom_header.mobile.advance_header .services ~ ul.hs-menu-children-wrapper li a{
    color:#fff !important;
  }
    .custom_header.mobile.advance_header  .hs-menu-depth-2 span.arrow_down{
     right:76px;
 }

  .custom_header.mobile.advance_header .hs-menu-depth-2 .child-open span.arrow_down{
    right:-22px;
 }
  
  .home-container .header-container .custom_header.mobile.advance_header .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.mobile.advance_header .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.mobile.advance_header .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.mobile.advance_header .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:#fff  !important;
  }
  .digital-library-wrapper {
    display: inline-block;
    width: 70%;
    vertical-align: top;
    background: #fff;
    margin: 0px 0px 24px 0px;
}
  .bookmark-id h2 {
    margin-bottom: 30px;
    font-size: 30px;
    line-height: 43px;
}
  .production-Unit{ 
     margin-bottom: 30px !important;
  }

}
/* ==========================================================================
   5. BLOG                                        
   ========================================================================== */
/* =============== General Blog Styles =============== */
/* Blog Post and Listing Body Class */
.blog {}
/* Blog Post */
.hs-blog-post {}
/* Blog Listing */
.hs-blog-listing {}
/* Blog Columns Wrapper */
.blog .content-wrapper {}
/* =============== Blog Content Column =============== */
.blog .blog-content {}
/* Use this to style the main wrapper for the blog listing pages */
.blog-listing-wrapper {}
/* Use this to style the main wrapper for the blog post pages */
.blog-post-wrapper {}
/* Blog Title */
.hs-blog-header h1 {}
.hs-blog-header h1 a{}
/* Blog Post Title */
.post-header h2 {}
.post-header h2 a {}
/* Blog Author and Avatar */
#hubspot-author_data {} #hubspot-author_data:after {
	content: '';
	display: block;
	clear: both;
}
#hubspot-author_data a.author-link {} #hubspot-author_data .hs-author-avatar {} #hubspot-author_data .hs-author-avatar img {
	width: 50px;
	float: left;
	margin-right: 15px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
/* Use this to set up different styling for your blog posts */

.blog-listing-wrapper .post-listing .post-item {} .blog-listing-wrapper .post-listing .post-item .post-body {} .blog-post-wrapper .post-body {}
/* Post Featured Image on Listings Page */
.hs-featured-image-wrapper {} .hs-featured-image-wrapper .hs-featured-image-link {} .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image {
	border-width: 0;
	max-height: 170px;
	max-width: 210px;
	height: auto;
	width: auto;
	display: inline-block !important;
	float: right;
	margin: 20px 0 20px 20px;
}
/* Read More Link */
a.more-link {}
/* Blog Topics List */
#hubspot-topic_data {} #hubspot-topic_data a.topic-link {}
/* Blog Social Sharing Icons */
.hs-blog-social-share {
	margin-top: 20px;
	padding: 10px 0 0 0;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	height: auto;
}
/* Blog Commments */
#comments-listing {
	border-bottom: 1px solid #ccc;
	margin-bottom: 30px;
	margin-top: 30px;
}
.comment {
	margin: 10px 0;
	border-top: 1px solid #ccc;
	padding: 15px 0;
}
.comment-date { font-size: 13px; text-align: right; }
.comment-from { font-weight: bold; }
.comment-body { padding: 10px 0; }
/* Pagination */
.blog-pagination {}
.blog-pagination a {}
.blog-pagination a.previous-posts-link {}
.blog-pagination a.all-posts-link {}
.blog-pagination a.next-posts-link {}
/* Blog All Posts Page */
.hs-content-path-blog-all {}
div.post-listing-simple {}
div.post-listing-simple .post-item {}
h2.post-listing-simple {}
h2.post-listing-simple a {}
/* =============== Blog Sidebar =============== */
.blog .blog-sidebar {}
/* Blog Modules */
.blog .blog-sidebar .widget-span {}
/* =============== Blog Author Page and Author Bio =============== */
.hs-blog-listing .hs-author-profile {
  border-bottom: 1px solid #ccc;
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
}
.hs-blog-post .hs-author-profile {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 20px 0 20px 0;
  margin: 20px 0 20px 0;
}
.hs-author-profile .hs-author-profile:after {
  content: '';
  display: block;
  clear: both;
}

/* Author Avatar */
.hs-author-profile .hs-author-avatar {
  float: left;
  margin-right: 15px;
  max-width: 100px;
}
.hs-author-profile .hs-author-avatar img{
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  max-width: 100%;
}
/* Author Bio Wrapper*/
.hs-author-profile .hs-author-bio {
  overflow: hidden;
}
/* Author Name */
.hs-author-profile h2.hs-author-name {
  margin: 0 0 10px 0;
}
/* Author Social Follow Me */
.hs-author-profile .hs-author-social-section {} .hs-author-profile .hs-author-social-label {} .hs-author-profile .hs-author-social-links {} .hs-author-profile .hs-author-social-link {} .hs-author-profile .hs-social-facebook {} .hs-author-profile .hs-social-linkedin {} .hs-author-profile .hs-social-twitter {} .hs-author-profile .hs-social-google-plus {}
/* ==========================================================================
   6. FORMS                                        
   ========================================================================== */
/* =============== Global Form Styles =============== */
/* Form Field */
.hs-form-field {}
/* Descriptions */
.hs-field-desc {}
/* Labels and Legends */
label {}
.hs-form-field > label {
	margin-bottom:5px;
}
/* One Line Inputs */
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"],
input[type="file"],
textarea,
select {
	background: none;
	width: 100%;
	padding: 10px;
	border: none;
	font-size: 22px;
	color: #3c3c3c;
	line-height: 28px;
	border-bottom: 1px solid #e1e1e1;
	outline:0;
	display:block;
	max-width:700px;
	width:100%;
	margin-bottom:0;
	border-color: #9a9a9a;

}
input[type="text"]:focus,
input[type="password"]:focus, 
input[type="datetime"]:focus, 
input[type="datetime-local"]:focus, 
input[type="date"]:focus, 
input[type="month"]:focus, 
input[type="time"]:focus, 
input[type="week"]:focus, 
input[type="number"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="color"]:focus,
input[type="file"]:focus,
textarea:focus,
select:focus {
	border-color: transparent;
	outline: none;
}
input[type="text"]:focus+span,
input[type="password"]:focus+span, 
input[type="datetime"]:focus+span, 
input[type="datetime-local"]:focus+span, 
input[type="date"]:focus+span, 
input[type="month"]:focus, 
input[type="time"]:focus+span, 
input[type="week"]:focus+span, 
input[type="number"]:focus+span, 
input[type="email"]:focus+span, 
input[type="url"]:focus+span, 
input[type="search"]:focus+span, 
input[type="tel"]:focus+span, 
input[type="color"]:focus+span,
input[type="file"]:focus+span,
textarea:focus+span,
select:focus+span {
	width: 100%;
}
.input span.line {
	display: none;
	width: 0;
	height: 2px;
	background: #d8262c;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
/* Separate Styles for Multiple Line Inputs */
textarea {}
textarea:focus {}
/* Separate Styles for Drop Downs */
select {}
select:focus {}
/* Multiple Selection Inputs */
form.hs-form .hs-form-field ul.inputs-list {
	list-style: none;
	padding: 0;
}
form.hs-form .hs-form-field ul.inputs-list li input {}
input[type="radio"] {}
input[type="checkbox"] {}
/* Required */
input:focus:required:invalid, 
textarea:focus:required:invalid, 
select:focus:required:invalid {}
input:focus:required:invalid:focus, 
textarea:focus:required:invalid:focus, 
select:focus:required:invalid:focus {}
/* Error */
.body-container-wrapper ul.no-list.hs-error-msgs.inputs-list {
	margin: 10px 0 10px;
	list-style: none;
	padding: 0;
	line-height: 20px;
}
.body-container-wrapper ul.no-list.hs-error-msgs.inputs-list li {
	padding: 0;
	background: no-repeat;
	color: red;
	margin: 0;
}
/* Placeholder Text */
::-webkit-input-placeholder {} /* Webkit Browsers */
:-moz-placeholder {} /* Firefox 18- */
::-moz-placeholder {} /* Firefox 19+ */
:-ms-input-placeholder {} /* IE10 */
/* =============== Multi Column Form =============== */
.hs-form fieldset.form-columns-1 {} .hs-form fieldset.form-columns-1 .hs-form-field {} .hs-form fieldset.form-columns-2 {} .hs-form fieldset.form-columns-2 .hs-form-field {} .hs-form fieldset.form-columns-3 {} .hs-form fieldset.form-columns-3 .hs-form-field {}
/* Multiple Selection Inputs */

form.hs-form .hs-form-field ul.inputs-list li input {} input[type="radio"] {} input[type="checkbox"] {} form.hs-form fieldset {
	max-width: none;
}
form.hs-form fieldset .hs-form-field {
	padding: 0 10px 0 0;
}
form.hs-form fieldset[class*="form-columns"] .input {
	margin-right: 0;
}
form.hs-form fieldset[class*="form-columns"] .hs-input {
	width: 100%;
}
form.hs-form fieldset[class*="form-columns"] .hs-input[type="checkbox"] {
	width: auto;
}
form.hs-form fieldset.form-columns-3 .hs-form-field {
	width: 33.33%;
}
@media (max-width: 400px) {
	form.hs-form fieldset .hs-form-field {
		padding: 0;
	}
	form.hs-form fieldset.form-columns-3 .hs-form-field,
	form.hs-form .form-columns-2 .hs-form-field .hs-input,
	form.hs-form .form-columns-3 .hs-form-field .hs-input {
		width: 100%;
	}
	form.hs-form .form-columns-3 .hs-form-field .hs-input[type="checkbox"] {
		width: auto;
	}
	.gallery-img {
		float: none;
		text-align: center;
		width: 100% !important;
		margin: 5px 0;
	}
     #lets-talk img {
      min-width: 335px;
      float: right;
      position: relative;
      bottom: 56px;
       right:0px;
 }
  .hub-form .hs-fieldtype-file{
    padding: 2px 17px 2px !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 76% center;
 }
  .custom_header.mobile.advance_header .services ~ ul.hs-menu-children-wrapper li{
   	width: 52% !important;
  }
}
/* =============== Blog Comment Form =============== */
/* Label */
/* =============== Blog Subscription Form =============== */
/* Label */
#comment-form .hs-form-field > label {} #comment-form label {}
/* Inputs */
#comment-form input[type="text"] {} #comment-form input[type="text"]:focus {} #comment-form textarea {} #comment-form textarea:focus {} #comment-form input[type="checkbox"] {}
/* =============== Google Search Form =============== */
/* Label */
.widget-type-google_search label {}
/* Input */
.widget-type-google_search input[type="text"] {} .widget-type-google_search input[type="focus"] {}
/* ==========================================================================
   7. BUTTONS                                        
   ========================================================================== */
/* =============== All Global Buttons (Excluding CTAs) =============== */
.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: 16px;
  font-weight:bold;
	border: none;
	padding: 15px 20px;
	font-family: "AvenirNextLTPro-Regular", sans-serif;
	transition: all 0.5s ease;
	width: auto;
	line-height: 28px;
	margin: 15px 0 10px;
	display: inline-block;
	white-space: normal !important;
}
.hs-button.primary:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
	background-color: #14212a;
}
.hs-button.primary:focus,
input[type="submit"]:focus,
input[type="button"]:focus {}
/* =============== Form Module Button =============== */
.hs_cos_wrapper_type_form .hs-button.primary.large {} .hs_cos_wrapper_type_form .hs-button.primary.large:hover {} .hs_cos_wrapper_type_form .hs-button.primary.large:focus {}
/* =============== Blog Comment Button =============== *
#add-comment-button.hs-button.primary {} #add-comment-button.hs-button.primary:hover {} #add-comment-button.hs-button.primary:focus {}
/* =============== Blog Subscription Button =============== */
#hs_form_target_blog_subscription .hs-button.primary.large {} #hs_form_target_blog_subscription .hs-button.primary.large:hover {} #hs_form_target_blog_subscription .hs-button.primary.large:focus {}
/* =============== Google Search Button =============== */
.widget-type-google_search .hs-button.primary {} .widget-type-google_search .hs-button.primary:hover {} .widget-type-google_search .hs-button.primary:focus {}
/* ==========================================================================
   8. MISCELLANEOUS                                      
   ========================================================================== */
.post-listing .post-item {
	max-width: 49%;
	display: flex;
	flex-direction: column;
	padding: 1em;
	width: 100%;
}
.custom-featured-image-wrapper {
	line-height: 0;
	background: #fff;
}
.custom-featured-image-wrapper img {
	max-width: 100%;
	height: auto;
	width: 100%;
}
.post-body.clearfix {
	height: auto;
	background: #fff;
	padding: 1.5em 1.5em 0.5em;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	color: #d8262c;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	overflow: hidden;
}
p#hubspot-topic_data {
	font-family: "AvenirNextLTPro-Demi", sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 12px;
}
p#hubspot-topic_data a {} h2.entry-title.demi.blog-post-title {
	font-family: "AvenirNextLTPro-Demi", sans-serif;
	font-size: 26px;
	line-height: 34px;
	letter-spacing: -1px;
	color: #404040;
	margin: 0;
}
h2.entry-title.demi.blog-post-title a {
	color: #151515;
	display: block;
}
a.more-link {
	position: absolute;
	bottom: 0;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	display: block;
}
.social-links-post.clearfix {
	position: relative;
	margin-top: 30px;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	overflow: auto;
}
a.more-link:after {
	content: '';
	background: url(//6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019%20Theme/Images/arrow-pointing_red.svg) no-repeat;
	display: inline-block;
	margin-left: 10px;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	width: 20px;
	height: 20px;
	background-size: 20px 20px;
}
.entry_share.clearfix {
	float: right;
}
.s-icon-post {
	width: 35px;
	height: 35px;
	display: inline-block;
	margin-right: 5px;
	margin-top: 10px;
}
a.more-link:hover {
	transform: translate(8px, 0);
}
.fb.s-icon-post {
	background-image: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019%20Theme/Images/social_icons-1.png);
	background-repeat: no-repeat;
	background-position: 0;
}
.twt.s-icon-post {
	background-image: url(//6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019%20Theme/Images/social_icons-1.png);
	background-repeat: no-repeat;
	background-position: -50px;
}
.ln.s-icon-post {
	background-image: url(//6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019%20Theme/Images/social_icons-1.png);
	background-repeat: no-repeat;
	background-position: -100px;
}
.fb.s-icon-post:hover,
.twt.s-icon-post:hover,
.ln.s-icon-post:hover {
	background-image: url(//6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019%20Theme/Images/social_icons_hover-1.png);
}
.post-body.clearfix:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 50%;
	right: 50%;
	bottom: 0;
	background: #d8262c;
	height: 4px;
	-webkit-transition-property: left right;
	transition-property: left right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	display: block;
}
.post-body.clearfix:hover:before {
	left: 0;
	right: 0;
}
.blog .body-container-wrapper {
	background: #f5f5f9;
	margin-top: 0;
}
.blog.hs-blog-post .body-container-wrapper {
	background: #fff;
	margin-top: 0;
}
.hs-blog-listing .blog-content {
	padding-top: 5em;
}
.blog .blog-content > div {
	max-width: 1392px;
	margin: 0 auto;
	padding: 0 5%;
	width: 100%;
}
.blog .body-container-wrapper .row-fluid .page-center {
	padding: 0;
	padding-top: 0 !important;
	padding-bottom: 1em !important;
}
.rec-item {
	padding: 1em;
	display: flex;
}
.rec-image {
	max-width: 50%;
	display: inline-block;
	line-height: 0;
}
.rec-image img {
	max-width: 100%;
	height: auto;
	width: 100%;
}
.rec-content-wrapper {
	width: 45%;
	padding-left: 5%;
	vertical-align: top;
	padding-bottom: 50px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
}
.rec-content-wrapper p#hubspot-topic_data {
	display: block;
	width: 100%;
	height: 28px;
	line-height: 28px;
}
.rec-content-wrapper p#hubspot-topic_data+a {
	font-family: "AvenirNextLTPro-Bold", sans-serif;
	letter-spacing: -3px;
	color: #151515;
	font-size: 40px;
	line-height: 50px;
	display: block;
}
.recent-post-content p {
	margin: 0;
}
.recent-post-content+a {
	font-family: "AvenirNextLTPro-Regular", sans-serif;
	position: absolute;
	bottom: 0;
	background-color: #d8262c;
	color: #fff;
	padding: 10px 23px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 18px;
	text-decoration: none;
	display: inline-block;
}
.recent-post-content+a span {
	position: relative;
	left: 0;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.recent-post-content+a:after {
	content: '';
	width: 16px;
	height: 14px;
	color: #fff;
	background: url(//6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019%20Theme/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;
}
.recent-post-content+a:hover {
	background-color: #b22024;
}
.recent-post-content+a:hover span {
	left: 8px;
}
.recent-post-content+a:hover:after {
	transform: translate(5px, 0);
}
.banner-blog {
	margin-top: 72px;
	padding: 100px 0;
	background: #fff;
}
.banner-blog .container {
	width: 100%;
	max-width: 100%;
	margin: auto;
	padding: 0 5%;
}
.banner-blog h1 {
	color: #151515;
	font-size: 50px;
	line-height: 66px;
	font-family: "AvenirNextLTPro-Bold", sans-serif;
	letter-spacing: -4px;
	margin: 0;
}
.banner-blog h1 span {
	color: #d8262c;
}
.banner-blog p {
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 0;
}
.hs-blog-listing .custom_header,
.contact-us .custom_header {
	border-bottom: 1px solid rgb(238, 238, 245);
}
.load-more {
	clear: both;
	text-align: center;
	color: #fff !important;
	padding: 10px;
	background: #d8262c;
	border-radius: 7px;
	margin: 10px auto;
	width: 150px;
	cursor: pointer;
	font-size: 18px;
	font-family: "AvenirNextLTPro-Regular", sans-serif;
	line-height: 28px;
	display: inline-block;
}
.blog-pagination {
	display: block;
	text-align: center;
}
.custom_blog_form {
	background: #14212a;
	padding: 75px 0;
}
.custom_blog_form > div > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	max-width: 100%;
	margin: auto;
	padding: 0 5%;
}
.custom_blog_form .left-content {
	width: 50%;
	padding: 0 25px;
	padding-left: 0;
}
.custom_blog_form .right-content {
	width: 50%;
	margin-left: 0;
	padding: 0 25px;
	padding-right: 0;
	display: flex;
	align-items: center;
}
.left-content p {
	font-size: 22px;
	line-height: 38px;
	letter-spacing: -1px;
	color: #727272;
	margin: 0;
}
.left-content h2 {
	color: #fff;
	font-family: "AvenirNextLTPro-Bold", sans-serif;
	letter-spacing: -3px;
	margin: 0;
}
.custom_blog_form .right-content > div {
	width: 100%;
}
.right-content form {
	width: 100%;
	position: relative;
	background: transparent;
	padding: 0;
	margin: 0;
	max-width: 100%;
}
.custom_blog_form .right-content > div > span {
	max-width: 100%;
	background: transparent;
	padding: 0;
	margin: 0;
}
.right-content form input.hs-button.primary.large {
	background-color: #d8262c;
	color: #fff;
	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;
	border: none;
	line-height: 21px;
  margin-left:5px;
}
.right-content form span.hs-form-required {
	display: none;
}
.right-content form .input span {
	display: none;
}
.right-content form .input input {
	width: 100% !important;
	color: #727272;
	border: none;
	border-bottom: 1px solid #ccc;
	background: none;
	padding: 12px 0;
	max-width: 100%;
	font-size: 13.33px;
	line-height: 1;
}
.right-content form .hs_error_rollup {
	display: none;
}
.right-content form .hs_email {
	line-height: 20px;
	width: calc(100% - 195px) !important;
	display: inline-block;
	vertical-align: top;
	padding-right: 4px;
}
.right-content form .hs_submit.hs-submit {
	line-height: 20px;
	display: inline-block;
	vertical-align: top;
}
.section.post-footer form::before {
	content: "Leave a reply";
	display: block;
	margin: 0;
	font-size: 40px;
	line-height: 50px;
	font-family: "AvenirNextLTPro-Bold", sans-serif;
	letter-spacing: -3px;
	color: #151515;
}
.comment-date {
	display: block;
	text-align: left;
}
.banner-blog-post.banner-blog {
	height: 503px;
	background: rgba(39, 39, 39, 0.6);
	color: #fff;
	display: flex;
	align-items: center;
	z-index: 1;
	position: relative;
	margin-top: -1px;
	padding: 0;
}
.container_post {
	max-width: 1050px;
	margin: auto;
	padding: 0 5%;
	width: 100%;
}
.banner-blog-post.banner-blog .container_post h1 {
	color: #fff;
}
.banner-blog-post.banner-blog .container_post h1 span {
	color: inherit;
}
.banner-blog-post.banner-blog:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 50%;
	right: 50%;
	bottom: 0;
	background: #d8262c;
	height: 4px;
	-webkit-transition-property: left right;
	transition-property: left right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.banner-blog-post.banner-blog:hover:before {
	left: 0;
	right: 0;
}
div#hubspot-author_post {
	color: #d8262c;
	font-size: 14px;
	font-family: "AvenirNextLTPro-demi", sans-serif;
	text-transform: uppercase;
	margin-bottom: 50px;
}
div#hubspot-author_post span:after {
	content: '.';
	color: #727272;
	margin: 0 10px;
}
div#hubspot-author_post span:last-child:after {
	display: none;
}
.section.post-body p {
	font-size: 17px;
	line-height: 26px;
}
.blog.hs-blog-post .blog-content {
	margin-top: 70px;
}
.blog.hs-blog-post .blog-content>div {
	max-width: 1050px;
}
.blog-warpper-section {
    margin-top: 97px;
}
.blog.hs-blog-post .blog-warpper-section>div {
	max-width: 1352px;
  margin: 0 auto;
}
.blog.hs-blog-post .blog-warpper-section .blog-content > div {
    max-width: 100%;
}
.hs_recaptcha.hs-recaptcha.field.hs-form-field {
	margin: 15px 0 10px;
}
.fixed-social-share.clearfix {
	position: fixed;
	top: 180px;
	z-index: 999;
	left: 20px;
}
.fixed-social-share.clearfix ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.fixed-social-share.clearfix ul li a {
	width: 35px;
	height: 35px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
	margin-right: 0px;
	margin-top: 10px;
	background-repeat: no-repeat;
	background-color: #f1f1f5;
	background-image: url(//6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019%20Theme/Images/social_icons.png);
}
.fixed-social-share.clearfix ul li {
	padding: 0;
	margin: 0;
	background: none;
}
.fixed-social-share.clearfix ul li a.share_facebook {
	background-position: 0;
}
.fixed-social-share.clearfix ul li a.share_twitter {
	background-position: -50px;
}
.fixed-social-share.clearfix ul li a.share_linkedin {
	background-position: -100px;
}
.fixed-social-share.clearfix ul li a:hover {
	background-image: url(//6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/ClassicInformatics_July2019%20Theme/Images/social_icons-hover.png);
	background-color: #d8262c;
}
.custom-item-no-image .rec-content-wrapper {
	padding-left: 0;
}
.right-content form ul.no-list.hs-error-msgs.inputs-list li {
	color: #b94a48 !important;
}
.right-content form ul.no-list.hs-error-msgs.inputs-list {
	color: #b94a48 !important;
	font-size: .9em !important;
	line-height: .9em !important;
	list-style-type: none;
	margin: 2px 0 3px !important;
	padding: 0;
	transition: all .3s ease-in;
	margin-top: 8px !important;
	opacity: 1;
	font-family: "AvenirNextLTPro-Regular", sans-serif !important;
}
/* Styles that do not fit into any of the available sections above can go here. */
/* ==========================================================================
   9. MEDIA QUERIES                              
   ========================================================================== */
/* =============== Screen sizes smaller than .page-center =============== */

@media (max-width: 2736px) {
   /* --------- Start Work Page crads Css ------------- */
	.case_description-info {
    display: inline-block;
    width: 23%;
    margin-bottom: 20px;
    border: 1px solid #ccccd5;
    vertical-align: top;
    background: #fff;
    margin: 18px 18px;
  }
  /* --------- End Work Page crads Css ------------- */
  
  .home-banner-section .simple-banner .banner-container h1, .home-banner-section-dtClassic .simple-banner .banner-container h1 {
    font-size: 128px;
    line-height: 177px;
    letter-spacing: -1px;
    max-width: 1800px;
 }
}
@media (max-width: 2560px) {
   .home-banner-section .simple-banner .banner-container h1, .home-banner-section-dtClassic .simple-banner .banner-container h1{
    font-size: 97px;
    line-height: 120px;
    letter-spacing: -1px;
    max-width: 1800px;
 }
  .top_row ul li{
    font-size: 15px;
  }
  .custom_top_footer .top_row {
    font-size: 15px;
 }
  #lets-talk img {
    bottom: 60px;
    left: 0px;
 }
    
}

@media (max-width: 1750px) {
	h1 {
		font-size: 50px;
		line-height: 56px;
	}
	.banner-content h1 {
		max-width: 700px;
	}
  /* --------- New Header Solution tab ------------- */
  .new_header-menu .hs-menu-depth-1:nth-child(3) .hs-menu-depth-2:nth-child(4) {
    margin: -234px 0px 0px -26px;
    width: 70%;
    background: transparent!important;
}
  .custom-menu-primary .hs-menu-wrapper>ul ul > li {
    padding: 11px 1.5% 2px 0px;
  }
   /* --------- End Header Solution tab ------------- */
  .top_row ul li{
    font-size: 15px;
  }
  .custom_top_footer .top_row {
    font-size: 15px;
 }
}


@media (max-width: 1599px) {
	.custom-menu-primary .hs-menu-wrapper>ul>li>a {
		font-size: 16px;
	}
	.custom-menu-primary .hs-menu-wrapper>ul>li:last-child>a {
		line-height: 19px;
	}
	.custom-menu-primary .hs-menu-wrapper>ul ul>li>a {
		font-size: 16px;
	}
	.custom-menu-primary .hs-menu-wrapper>ul ul {
		width: 100%;
		left: 0;
		right: 0;
	}
	.custom-menu-primary .hs-menu-wrapper>ul li:nth-child(2)>ul>li:last-child {
		padding-left: 0;
	}
	.custom_header .site_logo {
		width: 25%;
	}
	.custom_header .custom-menu-primary {
		width: 75%;
	}
	.custom_header .site_logo img {
		max-width: unset;
	}
	.methods-right p,
	.methods-right p.telephone-no span {
		font-size: 16px;
	}
	.technology-stuck .tech_row .tech_logos_col .row .tech-logo {
		width: 147px;
	}
 .content-creation .tech_row .tech_logos_col .row .tech-logo {
		width: 157px !important;
	}
  .new_header-menu .hs-menu-depth-1:nth-child(3)>ul {
		width: 87%;
    left: 6.5% !important;
    right: 0;
    top: 73px !important;
	}
}
@media (max-width: 1499px) {
	.banner-content h2 {
		max-width: 600px;
	}
	.web-dev-banner .banner-content h1 {
		font-size: 70px;
		color: #151515;
		line-height: 90px;
	}
	.web-dev-banner .banner-content h6 {
		font-size: 17px;
    line-height: 26px;
    letter-spacing: 0px;
		font-family: AvenirNextLTPro-Regular;
		color: #151515;
		max-width: 650px;
		text-transform: none;
	}
  .web-dev-banner .banner-content h3 {
    font-size: 21px;
    line-height: 30px;
}
	.container-fluid .row-fluid .page-center {
		padding: 0 7%;
	}
	.footer_mid>div,
	.copyright-footer>div {
		padding: 0 7%;
	}
	.custom_top_footer .top_row {
		font-size: 16px;
	}
	.custom_top_footer .top_row_1 {
		width: 23%;
	}
	.top_row h3 {
		font-size: 16px;
	}
	.custom_top_footer .top_row_5 {
		padding-left: 10px;
	}
	.top_row_5 a {
		white-space: nowrap;
	}
	.banner-blog .container {
		padding: 0 7%;
	}
	.blog .blog-content>div {
		padding: 0 7%;
	}
	.blog.hs-blog-post .blog-content>div {
		padding: 0 7%;
	}
  .blog.hs-blog-post .blog-warpper-section .blog-content>div {
    padding: 0 0%;
  }
  .blog.hs-blog-post .blog-warpper-section>div {
		padding: 0 7%;
	}
	.rec-content-wrapper p#hubspot-topic_data+a {
		font-size: 36px;
		line-height: 46px;
	}
	.custom_blog_form>div>div {
		padding: 0 7%;
	}
	.banner-blog-post.banner-blog .container_post h1 {
		font-size: 46px;
		line-height: 56px;
	}
	.section.post-footer form::before {
		font-size: 36px;
		line-height: 46px;
	}
	.banner-blog h1 {
		font-size: 46px;
		line-height: 56px;
	}
	.container_post {
		padding: 0 7%;
	}
	.tech-right .tech-col {
		margin-right: 9px
	}
	.tech-logo_layout2 .tech-right .tech-col .tech-logo_block {
		margin-bottom: 20px
	}
	.tech-right .tech-col .tech-logo_block {
		margin-bottom: 18px
	}
	.why-choose {
		width: 85%;
	}
	.why-choose p {
		font-size: 18px;
	}
	.feature-block {
		width: 170px;
		height: 170px;
		float: left
	}
	.feature-head {
		font-size: 18px;
	}
	.flip-back {
		width: 170px
	}
	.ind-desc p {
		font-size: 16px
	}
	.accordion-section-blk .hs-accordion__item button {
		padding-left: 40px!important;
		color: #727272;
	}
	.home-banner-section .simple-banner .banner-container h1, .home-banner-section-dtClassic .simple-banner .banner-container h1 {
		font-size: 50px !important;
		line-height: 60px !important;
		letter-spacing: -1px;
	}
  .home-banner-section .simple-banner .banner-container h4 {
		font-size: 50px !important;
		line-height: 60px !important;
		letter-spacing: -1px;
    max-width: 1800px;
    margin-bottom: 31px;
    margin-left: -5px;
    font-family: "AvenirNextLTPro-Bold", sans-serif;
	}
	.custom_header {
		padding: 30px 7% 13px !important;
	}
	.technology-stuck .tech_row .tech_logos_col {
		width: calc(100% - 275px);
	}
	.technology-stuck .tech_row .tech_name-col {
		margin-right: 50px;
	}
  .content-creation .tech_row .tech_logos_col {
		width: calc(100% - 275px);
	}
	.content-creation .tech_row .tech_name-col {
		margin-right: 50px;
	}
  
	.home_sec6 .tech_row .tech_logos_col {
		width: calc(100% - 280px);
	}
	.web-dev-banner .banner-content h1 {
		font-size: 63px;
		color: #151515;
		line-height: 90px;
	}
  .main-content-landing .paid_campaigns_record .solutions-requirement h1 {
    font-size: 50px;
    line-height: 60px;
    letter-spacing: -1px;
 }
  .main-content-landing .paid_campaigns_record .solutions-requirement p {
    font-size: 17px;
    line-height: 30px;
    font-family: AvenirNextLTPro-Regular;
    max-width: 598px;
    text-transform: none;
    letter-spacing: -1px;
 }
}
@media (max-width: 1366px) {
	h1 {
		font-size: 41px;
		line-height: 50px;
    letter-spacing: -2px;
	}
	h2 {
		font-size: 34px;
		line-height: 44px;
	}
	h3 {
		font-size: 21px;
		line-height: 30px;
	}
	.custom-menu-primary .hs-menu-wrapper>ul li:nth-child(2)>ul>li:last-child {
		padding-left: 0;
	}
	.custom-menu-primary .hs-menu-wrapper>ul>li>a {
		font-size: 16px;
	}
	.custom-menu-primary .hs-menu-wrapper>ul>li:last-child>a {
		line-height: 16px;
	}
	.custom-menu-primary .hs-menu-wrapper>ul ul {
		padding: 28px 54px;
	}
	.custom-menu-primary .hs-menu-wrapper>ul ul li a {
		font-size: 16px;
	}
	.custom-menu-primary .hs-menu-wrapper>ul ul ul li a {
		font-size: 16px;
		line-height: 16px;
	}
	.custom-menu-primary .hs-menu-wrapper>ul ul ul li {
		padding: 10px 0;
	}
	h2.entry-title.demi.blog-post-title {
		font-size: 22px;
		line-height: 30px;
	}
	.left-content p {
		font-size: 17px;
	}
	.left-content h2 {
		font-size: 30px;
    line-height: 42px;
    letter-spacing: -1px;
	}
	.banner-blog-post.banner-blog .container_post h1 {
		font-size: 44px;
		line-height: 54px;
	}
	.section.post-footer form::before {
		font-size: 34px;
		line-height: 44px;
	}
	.banner-content h2 {
		font-size: 23px;
		line-height: 33px;
	}
	.simple-banner .banner-container {
		background-size: 40% !important;
		top: 53px;
	}
	.custom_top_footer .top_row {
		font-size: 15px;
	}
	.top_row h3 {
		font-size: 15px;
	}
	body {
		font-size: 16px;
	}
	.banner-blog h1 {
		font-size: 41px;
		line-height: 50px;
    letter-spacing:-2px;
	}
	.load-more {
		font-size: 16px;
	}
	.service_block h3 {
		max-width: 150px;
    font-size: 22px;
    line-height: 30px;
	}
	.technology-stuck .tech_row .tech_logos_col .row .tech-logo {
		width: 117px;
	}
 
	.industry-section p,
	.industry-section ul li {
		font-size: 16px;
	}
	.Project_image-wrapper {
		margin-bottom: 6% !important;
		max-height: 468px;
		background-color: #52a2f3;
		background-position: left bottom;
	}
	.Project_image-section {
		margin-bottom: 8% !important;
	}
	.Project_image {
		margin-bottom: 9% !important;
	}
	.top_row ul li {
		font-size: 15px;
	}
	.home_sec12-left {
		position: relative;
	}
	.container_silder .span5 .home_sec12-left,
	.container_silder .span7 {
		width: 100% !important;
	}
	.container_silder .span5,
	.container_silder .span7 {
		width: 31% !important;
	}
	.container_silder .span7 {
		width: 60% !important;
	}
	.home_sec11 .owl-item .border-selection h3 {
		padding-left: 30px;
		padding-right: 30px;
	}
	.home_sec11 .owl-item .border-selection p {
		padding-left: 30px;
		padding-right: 30px;
	}
	.container_silder .span5,
	.container_silder .span7 {
		margin-right: 36px;
	}
	.custom-menu-primary .hs-menu-wrapper > ul > li > a {
		text-decoration: none;
		font-size: 16px !important;
		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;
	}
	.industry-section p {
		font-size: 17px !important;
		position: relative;
		padding-bottom: 0px;
	}
	.industry-section li {
		font-size: 17px !important;
	}
	/*   .container.flex { padding: 0 7%;} */
	#lets-talk {
		padding: 0 0%;
	}
	.darkgrey {
		padding-right: 15% !important;
	}
  .error-img{
   width: 50% !important;
   margin: 0 auto!important;
   float: none!important;
 }
  .web-dev-banner .banner-content h1{ 
      font-size: 50px;
      color: #151515;
      line-height: 60px;
      letter-spacing: -1px;
  }
  
  /*	--------------	Blog Internal header section in css	--------------	*/
   .section.post-body h1 { 
    font-size: 41px;
    line-height: 50px;
    letter-spacing: -2px;
 }
  .section.post-body h2 {
    font-size: 30px;
    line-height: 42px;
    letter-spacing: -1px;
 }
  .section.post-body h3 {
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -1px;
    color: #404040E8;

 }
  .section.post-body h4 {
    font-size: 21px;
    line-height: 22px;
    letter-spacing: -1px;
    color: #404040C4;

 }
  .section.post-body h5 {
    font-size: 19px;
    line-height: 20px;
    letter-spacing: -1px;
    font-family: 'AvenirNextLTPro-Demi';
    color: #404040b8;
 }
  .section.post-body ul h6 {
    color: #686868f2;
    font-size: 17px;
    text-transform: capitalize;
 }
  .body-container-wrapper ul {
    padding-left: 20px;
  }
  
  .new_header-menu .hs-menu-depth-1:nth-child(3)>ul ul ul li{
  padding:5px 0;
  font-size: 14px;
  line-height: 14px;
  }
  .services ~ ul.hs-menu-children-wrapper, .about ~ ul.hs-menu-children-wrapper , .new_header-menu .hs-menu-depth-1:nth-child(3) > ul{
    top: 71px !important;
  }
  
}
@media (max-width: 1279px) {
	h1 {
		font-size: 42px;
		line-height: 52px;
		letter-spacing: -2px;
	}
	.banner-blog h1 {
		font-size: 42px;
		line-height: 52px;
		letter-spacing: -2px;
	}
	.rec-content-wrapper p#hubspot-topic_data+a {
		font-size: 32px;
		line-height: 42px;
		letter-spacing: initial;
	}
	h2.entry-title.demi.blog-post-title {
		font-size: 20px;
		line-height: 28px;
	}
	.left-content h2 {
		font-size: 32px;
		line-height: 42px;
		letter-spacing: initial;
	}
	.left-content p {
		line-height: 30px;
	}
	.banner-blog-post.banner-blog .container_post h1 {
		font-size: 42px;
		line-height: 52px;
		letter-spacing: -2px;
	}
	.section.post-footer form::before {
		font-size: 32px;
		line-height: 42px;
		letter-spacing: initial;
	}
  
}

@media (max-width: 1325px) and (min-width: 1241px)  {
  .new_header-menu .hs-menu-depth-1:nth-child(3) .hs-menu-depth-2:nth-child(3) {
    margin: -28px 0px 0px 30px !important;
    width: 28% !important;
    padding: 24px 0 0 15px;
 }
  .case_description-info{
    width: 29% !important;
  }
}

@media (max-width: 1240px) {
	.custom-menu-primary .hs-menu-wrapper>ul > li {
		padding: 0 10px 17px;
	}
  .new_header-menu .hs-menu-depth-1:nth-child(3) .hs-menu-depth-2:nth-child(3) {
    margin: -28px 0px 0px 22px !important;
    width: 28% !important;
    padding: 24px 0 0 15px;
 }
}
@media (max-width: 1179px) {
	/*.simple-banner .banner-container {
		background: transparent !important;
	} */
}
@media (max-width: 1170px) {
	.custom-menu-primary .hs-menu-wrapper>ul>li {
		padding: 0 6px 17px;
	}
}
@media (max-width: 1169px) {
	.footer_mid .mid_1 {
		display: block;
		margin-bottom: 20px;
	}
	.custom_top_footer .top_row_1 {
		width: 100%;
	}
	.custom_top_footer .top_row_2 {
		margin: 40px 0 0;
		width: 22%;
	}
	.custom_top_footer .top_row_5,
	.custom_top_footer .top_row_3,
	.custom_top_footer .top_row_4 {
		width: 26%;
		margin: 40px 0 0;
	}
	.custom_footer_main {
		position: relative;
		z-index: 1;
	}
	.body-container-wrapper {
		margin: 0;
	}
	.no-header-footer .body-container-wrapper {
		margin-bottom: 0;
	}
  
}
@media (max-width: 1170px) {
	.footer_mid .mid_2 a img {
		margin-right: 50px;
	}
}
@media (min-width: 1025px) {
 
	.stuck .custom_header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background-color: #fff !important;
		padding: 30px 7% 13px;
		z-index: 3;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
	}
  
 .new_header-menu .custom-menu-primary.leading-menu .hs-menu-wrapper > ul li:nth-child(2) > ul > li ul li {
    width: 50%;
    float: left;
    padding-right: 0;
 }
  .custom-menu-primary .hs-menu-wrapper > ul > li > a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    display: block;
    margin-top: 7px !important;
    right: 0;
    background: #fff;
    color: #fff !important
    -moz-transition: width 0.3s ease;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
  }
  .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;
}
  
}
@media (max-width: 1024px) {
	.recent-post-content {
		display: none;
	}
	.custom_blog_form .left-content {
		width: 100%;
		padding: 0;
	}
	.custom_blog_form .right-content {
		padding: 0;
		padding-top: 20px;
		width: 100%;
	}
	.hs-blog-listing.mobile-open .custom_header {
		padding-bottom: 12px;
	}
	.hs-blog-listing .custom_header {
		padding-top: 29px;
	}
	.banner-content h1 {
		font-size: 65px;
		line-height: 75px;
	}
	.Y_Banner .custom_header.mobile {
		padding-top: 29px;
	}
	.col.contact-sec-left {
		background-size: 100%
	}
	.contact-sec .row-fluid .span6 {
		width: 100%
	}
	.col.contact-sec-left {
		background-position: 50% 30%;
		background-size: auto
	}
	.Gettouch-contact-left img {
		bottom: 59px !important;
	}
	.contact-sec-left h1 span small:before {
		z-index: 0
	}
	.addresses {
		top: 30px;
	}
	.home-abt-leftbox {
		width: 100%
	}
	.home-about-section .span6 {
		width: 100%;
		float: none;
	}
	.home-about-section .span6:last-child {
		margin: 32px 0 0;
	}
	.col_onefourth {
		width: 50%;
		padding: 0 20px 20px 0 !important;
		margin-bottom: 50px;
	}
	.service_block h3 {
		max-width: 100%;
	}
	.technology-stuck .tech_row .tech_name-col {
		width: 220px;
		margin-right: 30px;
	}
	.technology-stuck .tech_row .tech_logos_col .row .tech-logo {
		width: 94px !important;
	}
	.technology-stuck .tech_row .tech_logos_col {
		width: calc(100% - 250px);
	}
  
  .content-creation .tech_row .tech_name-col {
		width: 220px;
		margin-right: 30px;
	}
	.content-creation .tech_row .tech_logos_col .row .tech-logo {
		width: 132px !important;
	}
	.content-creation .tech_row .tech_logos_col {
		width: calc(100% - 250px);
	}
  
	.row-fluid .span6 {
		width: 100%;
		margin: 0;
	}
	.row-fluid .span3 {
		width: 46.928177%;
		margin: 0 0 50px;
	}
	.accordion-section-blk .hs-accordion__item button {
		padding: 1.2em 3em!important;
		border: 0;
		background-size: 4%!important;
	}
	.accordion-section-blk {
		border: none;
		padding: 0
	}
	.accordion-divide {
		width: 100%
	}
	.accordion-divide .row-fluid .span6 {
		width: 50%;
		margin: 0 0 50px;
	}
	.get-touch-btn-box .row-fluid .span9,
	.get-touch-block .row-fluid .span3 {
		width: 100%;
		margin: 0!important;
	}
	.get-touch-btn-box p {
		text-align: left;
		margin-top: 20px;
	}
	.we-work-section .row-fluid .span4 {
		width: 100%;
		margin: 0 0 50px;
	}
	.we-work-section .row-fluid .span4:last-child {
		margin: 0
	}
	.web-dev-banner .banner-content h1 {
		font-size: 65px !important;
		line-height: 75px !important;
	}
	.service_block {
		min-height: 330px;
		padding-right: 20px;
	}
	.tech-block {
		paddding: 0 20px;
	}
	.application-block {
		padding-bottom: 7%;
		padding-right: 0;
	}
	.tech-right .tech-col .tech-logo_block .tech-logo {
		background-size: 80%;
		background-position: 50%;
	}
	.tech-right .tech-col .tech-logo_block .tech_name {
		width: 100%;
		padding: 0 10px;
		line-height: 14px;
		font-size: 14px;
	}
	.tech-right .tech-col {
		width: 21%
	}
	.tech-right .tech-col .tech-logo_block {
		width: 120px;
		height: 150px
	}
	.why-choose {
		width: 100%;
	}
	.choose-blk {
		width: 33.3%;
		float: none;
	}
	.features-left {
		margin-top: 80px;
	}
	.feature-block {
		width: 31%;
		background: transparent;
		padding-right: 5px;
		padding-left: 0 !important;
		height: auto;
		min-height: 170px;
		margin-bottom: 40px;
	}
	.feature-head {
		width: 100%;
		position: relative;
		bottom: initial;
		left: initial;
	}
	.flip-back {
		height: auto;
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		background: transparent;
	}
	.feature-text {
		color: #000;
		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;
	}
	.flip-back {
		width: auto;
	}
	.flip-front {
		display: block;
		width: auto;
		height: auto;
	}
	.cms-sec .service_block h3 {
		max-width: 100%
	}
	/*   .mob-app-sec .tech-right .tech-col .tech-logo_block .tech-logo {margin-bottom: 0;} */
	.industry-section .row-fluid .span6 {
		width: 50%;
		margin: 0;
	}
	.engage-box {
		min-height: inherit!important
	}
	.engage-box .methods-right {
		min-height: inherit;
		padding: 0;
	}
	.engage-box .methods-right.bdr-none {
		border-bottom: 1px solid #f0f0f0!important;
	}
	.engage-section .row-fluid .span6 {
		width: 50%
	}
  .blog_content-wrapper{
    width:100% !important;
  }
  .obligated-content .newsletter { display:none !important;}
	.row-fluid .industry-section {
		margin-bottom: 70px;
	}
  .row-fluid .hubSpot-implementation{
    margin-bottom: 70px;
}
	.container_silder .span5,
	.container_silder .span7 {
		width: 90% !important;
		margin: 0 5%!important;
	}
	.container_silder {
		display: none !important;
	}
	.home-container .header-container .custom_header .custom-menu-primary .hs-menu-wrapper ul li a {
		color: #fff!important;
		font-size: 16px !important;
	}
  .product-development li {
    display: inline-block;
    list-style: none;
    width: 32% !important;
    vertical-align: top;
 }
  .blog-post-wrapper.cell-wrapper .changeviewmobile.open p {
    margin: 0px auto;
    background: #d8262c;
    line-height: 41px !important;
    font-size: 23px !important;
    color: #fff;
    padding-left: 8px;
    font-weight: bold;
}
  .blog-blocks-headings{
    margin-top:35px;
  }
  .blog-post-wrapper.cell-wrapper .changeviewmobile.open{
    display:block !important;
    margin-left: 0px;
    margin-top: 23px;
  }
  .blog-content_data{
    margin-top:0px !important;
  }
  .span9.post_selection-fluid{
    width:100%;
    margin-top: 25px;
    margin-left:0px;
  }
  div#hubspot-author_post-guide-outsourcing {
	color: #fff;
	font-size: 14px;
	font-family: "AvenirNextLTPro-demi", sans-serif;
	text-transform: uppercase;
  margin-left:0px;
  margin-bottom:0px;
}
 .expertise-author_img{
    display:none;
 }
.evaluates_based-selection {
    width: 100%;
 }
}
@media (max-width: 1023px) {
	.footer_mid .mid_1 {
		width: calc(100% - 50px);
	}
	.footer_mid .mid_2 a img {
		margin-right: 42px;
	}
	.footer_mid .mid_1 p span {
		display: inline;
	}
	
	.simple-banner .banner-container .page-center {
		top: calc(50% + 25px);
	}
	.banner-content h1 {
		max-width: 600px;
	}
  .necessar-Consulting {
      background-color:#14212A;
  }
  #lets-talk img{
    right: 57px;
  }
  .Gettouch-contact-left img {
    bottom: 60px;
 }
}
@media (max-width: 959px) {
	h1 {
		font-size: 38px;
		line-height: 48px;
	}
	h2 {
		font-size: 30px;
		line-height: 40px;
	}
	h2.entry-title.demi.blog-post-title a {
		font-size: 23px;
		line-height: 33px;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.custom_blog_form .right-content {
		margin-top: 20px;
	}
	.job-list_sec ol li {
		width: 100%;
		max-width: 550px;
	}
	.client-requirment {
		width: 100% !important;
	}
	.custom_top_footer .top_row_4 {
		width: 26%;
		margin: 10px 0 0 !important;
	}
	.custom_top_footer .top_row {
		margin: 10px 0 0 !important;
	}
} 
@media (max-width: 991px) {
	.banner-content h1 {
		font-size: 50px;
		line-height: 56px;
	}
	.custom_top_footer .top_row_2,
	.custom_top_footer .top_row_3 {
		width: 50%;
		margin: 40px 0;
	}
	.custom_top_footer .top_row_4,
	.custom_top_footer .top_row_5 {
		margin: 0;
		width: 50%;
	}
	.left-content h2 {
		font-size: 30px;
		line-height: 40px;
	}
	.custom_top_footer .top_row_4 {
		clear: left;
	}
	.banner-blog h1,
	.banner-blog-post.banner-blog .container_post h1 {
		font-size: 38px;
		line-height: 48px;
	}
	.rec-content-wrapper p#hubspot-topic_data+a {
		font-size: 30px;
		line-height: 40px;
	}
	.left-content p {
		font-size: 16px;
		line-height: 28px;
	}
	.section.post-footer form::before {
		font-size: 30px;
		line-height: 40px;
	}
	.addresses {
		left: 62px;
		padding: 10px 10px 10px 10px;
		top: 5px;
	}
	.technology-stuck h2 {
		color: #fff;
		margin-bottom: 30px;
	}
	.technology-stuck .tech_row .tech_name-col {
		width: 100%;
		margin-bottom: 30px;
		padding-top: 20px;
	}
	.technology-stuck .tech_row .tech_logos_col {
		width: calc(100%);
	}
  .content-creation .tech_row .tech_name-col {
		width: 100%;
		margin-bottom: 30px;
		padding-top: 20px;
	}
	.content-creation .tech_row .tech_logos_col {
		width: calc(100%);
	}
  .content-creation h2 {
		margin-bottom: 30px;
	}
	.we-work-section .service_block {
		width: 100%;
		padding: 0 0 21px;
		margin: 0 0 30px;
	}
	.img-three-col img {
		margin-top: 30px;
	}
	.trusted-customers-section .customers_logos {
		display: block
	}
	.trusted-customers-section .customers_logos img {
		margin: 20px 8px 0;
	}
	.web-dev-banner .banner-content h1 {
		font-size: 65px !important;
		line-height: 75px !important;
	}
	.tech-block {
		padding: 0 0 0 10px;
		width: 20%;
	}
	.row-fluid .span3 {
		width: 50%;
	}
	.here-work-section .row-fluid .span4 {
		width: 100%;
		margin: 0;
	}
	.here-work-section .row-fluid .span4 .service_block {
		padding: 0 0 24px;
		margin: 0 0 50px;
		min-height: inherit;
	}
	.feature-blk .service_block {
		min-height: 360px
	}
	.row-fluid .span3 {
		width: 100%;
	}
	.service_block {
		min-height: inherit;
		padding-right: 0;
	}
	.industry-section .row-fluid .span6 {
		width: 100%;
		margin: 0 0 50px;
	}
	.industry-section .row-fluid .span6:last-child {
		margin: 0
	}
	.engage-section .row-fluid .span6 {
		width: 100%;
		margin-bottom: 50px;
	}
	.desktop-img {
		display: none
	}
	.ipad-img {
		display: block;
		margin-bottom: 80px
	}
	.section-basicleftright .headingstyle p {
		margin-left: 0
	}
	.engage-responsive-box .row-fluid[class*="desk-img"] {
		float: none !important;
		padding-left: 0;
	}
	.headingstyle {
		width: 100%;
		margin-bottom: 27px;
		padding-right: 1px;
	}
	.item.architecture p {
		bottom: 2% !important;
		left: 10px;
	}
	.container-heading-section {
		padding: 117px 23px!important;
	}
	.featured-work h2 {
		font-size: 24px;
		line-height: 34px;
		letter-spacing: 0px;
	}
	.featued-work-right {
		margin-left: 0% !important;
		margin-top: 11%;
		width: 100% !important;
	}
	div#divAllProject {
		float: left;
		color: #fff;
		margin-left: 22px;
		margin-bottom: 20px;
		margin-top: 2%;
		width: 46% !important;
	}
	.col.col_onesecond.featued-work-left {
		width: 100% !important;
	}
	.additional_fullimage img {
		max-width: 100% !important;
	}
	.cs_sec1 img {
		padding-top: 82px !important;
	}
	.Project_image-section img {
		max-width: 100% !important;
	}
	.Project_image img {
		max-width: 100% !important;
	}
	.Project_image-wrapper img {
		max-width: 100% !important;
	}
	.home_sec12-left {
		position: relative;
		z-index: 2;
	}
	.test_slider {
		margin-left: 48px !important;
		width: 79% !important;
	}
	.container_silder.span5.widget-span.widget-type-custom_widget {
		width: 100% !important;
	}
	.container_silder.span7.widget-span.widget-type-custom_widget.test_slider {
		width: 100% !iimportant;
	}
	.product-development {
		width: 100% !important;
		margin: 0 0 40px !important;
	}
	.product-development h5 {
		line-height: 27px;
	}
  .product-development li{
  display:inline-block;
  list-style:none;
  width:100% !important;
  vertical-align:top;
}
	.home-banner-section .simple-banner .banner-container h1, .home-banner-section-dtClassic .simple-banner .banner-container h1 {
    font-size: 43px !important;
    line-height: 51px !important;
    letter-spacing: -1px;
}
  .home-banner-section .simple-banner .banner-container h4 {
    font-size: 57px !important;
    line-height: 69px !important;
}
	.error-img {
		width: 100% !important;
		text-align: center;
		padding: 0 7%;
    display:block;
    float: none !important;
    margin: 0 auto!important;
	}
	.main-section .unique-project {
		padding-left: 23px !important;
		position: relative;
	}
	.container_silder .span5,
	.container_silder .span7 {
		width: 100% !important;
		margin: 0 0% !important;
	}
	.container.container_single_blog {
		padding-top: 12%;
	}
	.bgcolor li {
		display: inline-block;
		text-align: left;
		margin-right: 0 !important;
		padding: 0 2% !important;
		border-right: 1px solid #e7e7e7;
	}
	.bgcolor img {
		display: inline-block !important;
		vertical-align: middle !important;
		float: left;
		width: 40px;
	}
	.bgcolor p {
		display: inline-block;
		vertical-align: middle;
		line-height: 22px;
		color: #151515;
		font-size: 16px;
	}
	.gallery-row {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
	}
	.clearfix {
		overflow: auto;
	}
	.gallery-img11 {
		width: 20.26%;
	}
	.gallery-img12 {
		width: 32.80%;
	}
	.gallery-img13 {
		width: 17.47%;
	}
	.gallery-img14 {
		width: 29.42%;
	}
	.bgcolor {
		background-color: #f5f5f9 !important;
		padding: 24px !important;
		margin-bottom: 0 !important;
	}
  .reveal-modal .close-reveal-modal {
    font-size: 25px;
    font-weight: bold;
    line-height: .5;
    position: absolute;
    top: 12px;
    right: 16px;
    color: #d8262c;
    background:#eeeeee;
    text-shadow: 0 -1px 1px rbga(0,0,0,.6);
    font-weight: bold;
    cursor: pointer;
    padding-bottom:2px;
}
.trusted-customer-box .section_Customers li img {
  max-width: 75% !important;
  margin: 0 auto;
 }
  .custom_header.mobile.advance_header .services ~ ul.hs-menu-children-wrapper li {width: 100% !important;}
  #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;}
  .services ~ ul.hs-menu-children-wrapper {width: 100% !important;}
  #solution_Platform-Team .hs-menu-children-wrapper .hs-menu-depth-2:nth-child(3){width: 100% !important; margin:0px !important}
  .custom-menu-primary .hs-menu-wrapper > ul{background: #17252e;}
  .hs-blog-listing.mobile-open .custom_header{background: rgba(22, 35, 43, 0.98);}
  .Gettouch-contact-left {background: none;}
  .hs-blog-listing .custom_header, .contact-us .custom_header{border-bottom: 0px solid rgb(238, 238, 245);}
  .Gettouch-contact-left img{min-width: 373px !important; float: right; position: relative; bottom: 15px !important;}
}  
@media (min-width: 768px) {
	.post-listing.clearfix {
		display: flex;
		flex-wrap: wrap;
	}
	.headingstyle {
		width: 100%;
		margin-bottom: 71px;
	}
  .blog_content-wrapper {
    width: 100%;
 }
}
/* =============== Landscape tablet and smaller devices =============== */
@media (max-width: 767px) {
	h1,
	.banner-content h1 {
		font-size: 50px;
		line-height: 60px;
	}
	.footer_mid .mid_2 a img {
		margin-right: 0px !important;
    display: inline-block;
    width: 22%;
    padding: 17px 3px 0px 14px;
	}
	.footer_mid .mid_1 {
		margin-bottom: 0;
	}
	body {
		font-size: 14px;
		line-height: 24px;
	}
	.custom_top_footer .top_row {
		float: left;
	}
	.top_row h3 {
		line-height: 24px;
	}
	.custom_header .site_logo {
		float: left;
	}
	.custom-menu-primary .hs-menu-wrapper>ul>li>a {
		line-height: 24px;
	}
	.custom-menu-primary .hs-menu-wrapper>ul>li:last-child>a {
		line-height: 24px !important;
	}
	.banner-blog h1,
	.banner-blog-post.banner-blog .container_post h1 {
		font-size: 40px !important;
		line-height: 54px !important;
	}
	.rec-item {
		display: block;
	}
	.rec-image {
		max-width: 100%;
		width: 100%;
	}
	.rec-image img {
		width: 100%;
	}
	.rec-content-wrapper {
		max-width: 100%;
		width: 100%;
	}
	.rec-content-wrapper p#hubspot-topic_data+a {
		font-size: 26px;
		line-height: 36px;
	}
	.recent-post-content+a {
		padding: 10px 20px;
		font-size: 16px;
	}
	.post-listing .post-item {
		max-width: 100%;
		float: none;
	}
	.left-content h2 {
		font-size: 26px;
		line-height: 36px;
	}
	.left-content p {
		font-size: 14px;
		line-height: 24px;
	}
	.section.post-footer form::before {
		font-size: 26px;
		line-height: 36px;
	}
	.section.post-body p img {
		float: none !important;
		margin-right: 0 !important;
	}
	.fixed-social-share.clearfix ul {
		display: none;
	}
	.custom-menu-primary .hs-menu-wrapper>ul ul li a {
		line-height: 24px !important;
	}
	.banner-content h1 {
		margin-bottom: 25px;
		margin-left: 0;
	}
	.simple-banner .banner-container .page-center {
		top: 45px;
		transform: translate(0, 0);
		overflow: auto;
	}
	.simple-banner {
		display: table;
	}
	.simple-banner .banner-container {
		display: table-cell;
		vertical-align: middle;
		height: 100%;
		top: 0;
	}
  .home-banner-section-dtClassic .simple-banner .banner-container {
  background:url(https://www.classicinformatics.com/hubfs/HeroBanneripad.png%27) no-repeat center/cover!important; top: 0; height: calc(100% - 0px);background-color:#1b223f !important;
}
  
   .home-banner-section-dtClassic.mobile-appdeve .simple-banner .banner-container {
  background:url(https://www.classicinformatics.com/hubfs/CIPL_SaasDevelopment%20%281%29.png) no-repeat center/cover!important;
     top: 0; height: calc(100% - 0px);background-color:transparent !important;
}
	.banner-content h1 {
		max-width: 490px;
	}
	.banner-content+div a {
		font-size: 16px;
	}
	.load-more {
		font-size: 14px;
	}
	.hs-blog-post .mobile-trigger {
		margin-top: -1px;
	}
	.col.contact-sec-left {
		background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/FooterMap.jpg) no-repeat 0% 70%!important;
		background-size: contain!important;
	}
	.contact-sec-left h1 span small {
		font-size: 32px;
	}
	.mail-blocks {
		font-size: 18px
	}
	.mail-blocks small {
		font-size: 16px
	}
	.job-list-head {
		margin-bottom: 20px;
	}
	.addresses {
		left: 0;
		padding: 10px 0px;
		top: 0;
		position: relative;
	}
	.tab button {
		float: none;
		padding: 10px 0px;
		font-size: 16px;
		width: 49%;
	}
	.tabcontent {
		padding: 20px 12px;
	}
	.custom_header .site_logo img {
		margin-top: 5px!important;
	}
	.custom_header {
		padding: 16px 7% 13px;
	}
	.home-banner-section .simple-banner .banner-container h1, .home-banner-section-dtClassic .simple-banner .banner-container h1 {
		font-size: 27px !important;
		line-height: 37px !important;
		letter-spacing: initial;
	}
 .main-content-landing .paid_campaigns_record .solutions-requirement h1{
		font-size: 27px !important;
		line-height: 37px !important;
		letter-spacing: initial;
	}
  .home-banner-section .simple-banner .banner-container h4 {
		font-size: 27px !important;
		line-height: 37px !important;
		letter-spacing: initial;
	}
	.home-banner-section .simple-banner .banner-container h6 {
		font-size: 17px;
		line-height: 29px;
	}
	.col_onefourth {
		width: 100%;
		padding: 0 20px 20px !important;
		margin-bottom: 50px;
	}
	.row-fluid .span3,
	.row-fluid .span6 {
		width: 100%
	}
	.get-touch-block {
		padding: 30px
	}
	.get-touch-block p.requirements {
		display: none;
	}
	.accordion-divide .row-fluid .span6 {
		width: 100%
	}
	.accordion-section-blk .hs-accordion__item button {
		background-size: 9%!important
	}
	.service_block {
		margin-bottom: 50px;
		min-height: inherit;
	}
	.web-dev-banner .banner-content h1 {
		font-size: 32px !important;
		line-height: 40px !important;
	}
	.web-dev-banner .banner-content h6 {
		font-size: 17px;
		line-height: 26px
	}
	.web-dev_row .tech-block div:first-child {
		margin: auto;
	}
  .web-dev_row .tech-block-hubspot div:first-child {
		margin: auto !important;
	}
  .tech-block-hubspot{ 
		width: 100%;
		border: none;
		text-align: center;
    margin:auto !important;
  }
	.tech-block {
		padding: 20px 0;
		width: 100%;
		border: none;
		text-align: center;
	}
	.tech-name {
		max-width: inherit;
	}
	.tech-right {
		width: 100%;
		margin-left: 0;
		justify-content: center;
		margin-top: 5em;
	}
	.choose-blk {
		width: 100%;
		float: none;
		padding: 0 0 60px!important;
	}
	.tech-logo_block {
		width: 47%;
		display: inline-block;
		background: #f5f5f9;
		text-align: center;
		margin: 0 1% 2% 1%;
		padding: 2em 0;
		height: 150px;
		overflow: hidden;
	}
	.feature-block {
		width: 100%;
		padding-right: 0;
		height: auto;
		min-height: inherit;
		margin-bottom: 30px;
		margin-right: 0;
	}
	.why-choose p {
		font-size: 16px;
		line-height: 30px;
	}
	.why-choose {
		margin-bottom: 0!important;
	}
	.only-mobile {
		display: block;
	}
	.not-on-mobile {
		display: none;
	}
	.feature-blk .service_block {
		min-height: inherit;
	}
	.industry-block-inner {
		margin-bottom: 80px;
		padding: 0!important
	}
	.industry-section .row-fluid .span6:last-child .industry-block-inner {
		margin-bottom: 0px
	}
	.industry-icon {
		padding-left: 20px;
		margin-bottom: 20px
	}
	.industry-icon:before {
		width: calc(100% + 20px);
		left: -20px;
		top: -20px;
	}
	.wrapper-basic h1 {
		font-size: 40px;
		color: #151515;
		margin-bottom: 18px;
	}
	.wrapper-basic p {
		font-size: 22px;
		line-height: 38px;
		letter-spacing: -1px;
		margin-bottom: 50px;
	}
	.application-right-blk .row-fluid .span12 {
		position: relative;
		padding-bottom: 20px;
		padding-left: 0;
		margin-bottom: 20px;
	}
	.application-right-blk .row-fluid .span12 img {
		position: relative;
		left: 0;
		max-width: 81px;
		margin-bottom: 30px;
	}
	.here-work-section .row-fluid .span4 {
		width: 100%;
		margin: 0 0 50px;
	}
	.map_desktop {
		display: none !important;
	}
	.map-moblie {
		display: block !important;
	}
	.map-details {
		min-width: 100%;
		margin-top: 0px;
		padding-bottom: 20px;
		margin-bottom: 10px;
		border-right: none !important;
		border-bottom: 1px solid rgba(55, 65, 71, 0.3);
		margin-right: 32px !important;
	}
	.gallery-img {
		float: none;
		text-align: center;
		width: 100% !important;
		margin: 5px 0;
	}
	div#divAllProject {
		float: left;
		margin-right: 1%;
		margin-left: -1% !important;
		margin-bottom: 20px;
		color: #fff;
		width: 97% !important
	}
	.Project_image-section {
		margin-bottom: 78px !important;
		margin-top: 59px;
		max-height: 418px;
		background-color: #58b87f;
		background-position: left bottom;
	}
	.Project_image-section img {
		max-width: 100%!important;
		position: relative;
		top: 35px;
	}
	.cs_sec1 img {
		padding-top: 0px!important;
	}
	.bgcolor img {
		margin: 8px!important;
	}
	.additional_fullimage img {
		max-width: 100% !important;
	}
	.container.container_single_blog h1 {
		padding-top: 86px;
	}
	.Project_image img {
		max-width: 100% !important;
		top: 65px;
		position: relative;
	}
	.Project_image-wrapper img {
		max-width: 100% !important;
		top: 35px;
		position: relative;
	}
	.Project_image {
		margin-bottom: 26% !important;
	}
	.Project_image-wrapper img {
		max-width: 100% !important;
		top: 65px;
		position: relative;
	}
	.product-development h5 {
		line-height: 27px;
	}
	.technology-stuck .tech_row .tech_logos_col .row .tech-logo {
		width: 147px;
		margin-bottom: 25px !important;
	}
  .content-creation .tech_row .tech_logos_col .row .tech-logo{
    width: 102px !important;
    margin-bottom: 21px !important;
  }
  
	.container_silder {
		background-color: transparent;
		color: #fff;
		padding: 50px 0 !important;
	}
	.main-contact-tabber {
		position: relative;
		display: none !important;
	}
	.custom_top_footer .top_row_1,
	.custom_top_footer .top_row_3 {
		margin: 40px 0 0 !important;
	}
	.map-container {
		padding: 1em 0px;
	}
	.container.container_single_blog {
		font-size: 17px;
		line-height: 26px;
	}
	.unique-project.home_sec12-left h2 {
		color: #fff;
		font-size: 31px;
		line-height: 41px;
		letter-spacing: 0;
	}
	.start-project h2 {
		font-size: 32px;
	}
	.container.container_single_blog {
		padding-top: 0%;
	}
	.container.container_single_blog p {
		padding-top: 68px;
	}
  
	.bgcolor p {
		display: inline-block;
		vertical-align: middle;
		line-height: 23px;
		color: #151515;
		width: 128px;
	}
	.container_silder {
		display: block !important;
	}
  .error-img{
    float: none!important;
    width: 100% !important;
    display: block !important;
    margin: 0 auto!important;
  }
	.home-container .header-container .custom_header .custom-menu-primary .hs-menu-wrapper ul li a {
		color: #fff!important;
		font-size: 16px !important;
	}
  .gallery-row {
    flex-wrap: wrap;
    justify-content: center;
}
  .home-container .header-container .custom_header .custom-menu-primary .hs-menu-wrapper ul li ul li a {
    color: #fff !important;
}
 .home-container .header-container .custom_header .custom-menu-primary .hs-menu-wrapper ul li.hs-menu-item.hs-menu-depth-2.hs-item-has-children:hover >a { color: #fff !important;}
 .blog-section table {
    width: 100% !important;
    height: auto !important;
    border-color:#000000;
    display: table-row;
    border-collapse: collapse;
    
}
.blog-section table * {
    font-size: 14px !important;
    line-height: 20px !important;
    /* padding: 0; */
}

.blog-section tr td {
    padding:5px;
    font-size:16px;
    line-height:20px;
}
  .blog-section th{
    font-size: 16px !important;
    line-height: 20px !important;
    letter-spacing: 0;
    background: #53a4f3;
    font-weight:bold;
  
}
.blog-section table, td, th {
    border-color:#000000;
    border: 1px solid;
    border-collapse: collapse;
    table-layout: fixed;
  width: 220px !important;
} 
  .unsubscribe-group-data .row-fluid-wrapper, input[type="email"] {
    font-size: 18px !important;
    padding-left: 10px;
}
  .table-element{
    width: 100%;
    overflow-x: auto;
  }
  
   .span7.widget-span.widget-type-cell.paid_campaigns_record {
    width:100%;
 }
   
  .paidcampaigns-form .hs_submit .actions {
    position: relative;
}
  .solutions-requirement h1 {
    color: #fff;
    font-size: 53px;
    line-height: 58px;
}
  .img-soical {
    max-width: 48px;
    position: absolute;
    right: 51%;
    margin-top: 2%;
 }
  .img_uber-soical {
    max-width: 60px;
    position: absolute;
    right: 65%;
 }
  .guide-menu_section{
    display:none
  }
  .blog-post-wrapper.cell-wrapper .changeviewmobile.open {
    display: block;
    margin-top: 23px;
    margin-left:0px;
 }
  .badge-img {
    width: 62px;
  }
  .top-web_img{
    max-width:auto;
    height:auto;
 }
  .span3.guide_side-menu_sec {
    margin-bottom: 0px;
    margin-left:0px;
}
  .blog-post-wrapper.cell-wrapper .changeviewmobile.open {
    display: block;
    margin-top: 0px;
    margin-left: 0px;
 }
  .outcomes_matter {
    float: left;
    margin-left: 22px;
    margin-bottom: 20px;
    margin-top: 2%;
    width: 100% !important;
}
  .collaborative_work input[type="checkbox"] {
    width: 24px;
    line-height: 30px;
  }
 .collaborative_work label {
     font-size: 19px;
     display: inline-block;
     width: 81%;
    line-height: 45px;
    }
  .container.container_single_blog .client-showcase-section h1{
    font-size: 40px;
    line-height: 54px;
  }
  .container.container_single_blog p {
    padding-top: 0px;
  }
  .softwareworld-img {
    max-width: 22% !important;
 }
  .tech-block-technologyies_section {
    padding: 20px 0 !important;
    width: 100% !important;
    border: none !important;
    text-align: center !important;
 }
 .tech-block-technologyies_section .tech-name_cselection, .tech-block-technologyies_section .tech-name_asp, .tech-block-technologyies_section .tech-name_Powerselection, .tech-block-technologyies_section .tech-name_entiltyselection {
    margin:auto !important;
  }
  .web-dev-banner .cloud_Scalability .banner-content h1 {
    font-size: 27px !important;
    line-height: 34px !important;
 }
  .web-dev-banner .cloud_Scalability .banner-content h6 {
    font-size: 18px;
    line-height: 33px;
    font-family: AvenirNextLTPro-Regular;
    color: #151515;
    max-width: 650px;
    text-transform: none;
    letter-spacing: -1px;
 }
  .web-dev-banner .cloud_Scalability h3 {
    font-size: 17px !important;
    line-height: 24px !important;
 }
  .scalability_inbound-Dev h2{
    font-size: 26px;
    line-height: 34px;
    letter-spacing: -1.5px;
    font-family: "AvenirNextLTPro-Bold", sans-serif;
  }
  .expertise_transforming-cloud h2{
    font-size: 26px;
    line-height: 34px;
    letter-spacing: -1.5px;
    font-family: "AvenirNextLTPro-Bold", sans-serif;
  }
  
  .scalability_inbound-Dev::before {
    content: '';
    position: absolute;
    top: -15px;
    left: 0px;
    width: 150px;
    height: 96px !important;
    background: #f5f5f9;
    z-index: -1;
}
  .effectiveness-certain {
    padding: 31px 31px 31px 31px;
  }
  
  .necessar-Consulting ul li{
    padding-left:10px !important;
  }
  .custom_header.mobile.advance_header .services ~ ul.hs-menu-children-wrapper {
    width: 648px !important;
    min-width: auto !important;
  }
  .custom_header.mobile.advance_header .services ~ ul.hs-menu-children-wrapper li {
    width: 52% !important;
    display: block !important;
 }
  .case_description-info {
    display: block;
    width: 74% !important;
 }
  .additional_information {
     height: auto; 
 }
  .digital-library-wrapper {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    background: #fff;
    margin: 0px 0px 24px 0px;
}
  .recourcesDigitalElement .management-capabilities span{
    font-size:18px;
  }
  .newletter_Resources-section .hs-button.primary .row-fluid-wrapper, input[type="email"] {
    width: 90% !important;
}
 
  .production-Unit img{
    max-width: 30%;
    margin-bottom: 30px;
  }
  .trusted-customer-box .section_Customers li img {
    max-width: 94% !important;
  }
  .home-banner-section .simple-banner .banner-content h4::after{
    margin-left: -3px;
  }
  .quick_form-wrapper .hs-form.stacked.hs-custom-form {
    display: block;
  }
}
/* =============== Landscape phones and smaller devices =============== */
@media (max-width: 579px) {
	.banner-content h1 {
		font-size: 40px !important;
		line-height: 50px !important;
		margin-bottom: 15px;
		max-width: 350px;
	}
	.banner-content h2 {
		font-size: 20px;
		line-height: 30px;
	}
	h1 {
		font-size: 30px;
		line-height: 44px;
	}
	h2 {
		font-size: 24px;
		line-height: 34px;
	}
	.custom_top_footer .top_row {
		float: none;
		width: 100%;
	}
	.custom_top_footer .top_row_4,
	.custom_top_footer .top_row_5 {
		margin: 40px 0 0;
		width: 100%;
		padding: 0;
	}
	.custom_top_footer .top_row_4 {
		margin-bottom: 50px;
		margin-top: 50px;
	}
	.custom_top_footer .top_row_1,
	.custom_top_footer .top_row_3 {
		width: 100%;
		margin: 40px 0 0;
		padding: 0;
	}
	.custom_top_footer .top_row_3 {
		margin-top: 50px;
	}
	.custom_top_footer .top_row_2 {
		margin-bottom: 0;
		padding: 0;
	}
	.custom_top_footer .top_row_1 {
		margin: 0;
	}
	.row-fluid .industry-section {
		padding: 0!important;
	}
	.industry-section .industry-icon img {
		top: 10px;
	}
	.industry-icon h2 {
		font-size: 22px;
	}
	.career-icon:before {
		content: '';
		display: block;
		width: 177px;
		height: 156px;
		background-color: #f5f5f9;
		position: relative;
		left: -15px;
	}
  .case_description-info {
    display: inline-block;
    width: 100% !important;
 }
  #lets-talk img {
    min-width: 384px;
    float: right;
    position: relative;
    bottom: 27px;
    right:0px;
 }
  .Gettouch-contact-left img {
    min-width: 373px !important;
    float: right;
    position: relative;
    bottom: 16px !important;
}
  .application-contact_icon-wrapper .row-fluid .span12 {
    padding-left: 0px;
  }
  
  .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 73% center;
  }
  .hbspt-form .hs-button.primary, input[type="submit"]::after {
    background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/arrow-pointing.svg) no-repeat 64% center;
  }
}
@media (max-width: 568px) {
	.right-content form .hs_email {
		width: 100% !important;
		margin-bottom: 10px;
	}
	.right-content form .hs_submit.hs-submit {
		display: block;
	}
	.home-abt-rightbox p {
		font-size: 14px
	}
	.technology-stuck .tech_row .robust_tech {
		font-size: 20px
	}
	.why-choose ul {
		margin: 80px 0 0!important;
	}
	.why-choose ul li {
		padding: 0 0 40px!important;
		width: 100%
	}
	.customers:nth-child(even) {
		padding-left: 0px;
	}
	.web-dev-leftblk {
		padding-right: 0
	}
  .post_guide-selection {
    position: relative;
    transform: translateY(16%);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .evaluates_based-selection h2 {
    font-size: 37px;
 }
  /* New revamp case stdy css mobile view */
  .revamp-selection_detailsCase .case_description-info{
    display: inline-block;
    width: 100% !important;
    margin-bottom: 20px;
    border: 1px solid #ccccd5;
    vertical-align: top;
    background: #fff;
    margin: 12px 0px !important;
  }
  .revamp-selection_detailsCase {
    width: 100%;
    margin: 0px 0px !important;
}
  .container.container_single_blog .client-showcase-section h1 {
    font-size: 37px;
    line-height: 49px;
 }
  .container.container_single_blog{
    padding: 0 7%;
  }
  .container.container_single_blog p:first-child {
    padding-top: 48px;
 }
  .condexo_wrapper-image img {
    max-width: 100% !important;
    top: 62px;
    position: relative;
}
  .vindame_wrapper-Case img
  { 
    max-width: 92% !important;
    top: 62px;
    position: relative;
  }
  .franklin_wrapper-Case img { 
    max-width: 92% !important;
    top: 62px;
    position: relative;
  }
  .hubbed_case-wrapper img { 
    max-width: 92% !important;
    top: 62px;
    position: relative;
  }
  .container.container_single_blog .client-showcase-section h1 {
    font-size: 27px;
    line-height: 38px;
    letter-spacing: -2px;
 }
  .wrapper_technologyies-case table{
    width:100% !important;
  }
   /* -------------- End Case study  --------------- */
  .section.post-body h5{
    line-height: 25px;
  }
   ul.guide-menu_section.fixed{
    padding-left:0px;
  }
  .guide-body-wrapper .container, .guide-Unlock_Savings .container, .guide-ultimate_Featured .container, .guide_multisourcing .container, .guide-organized_workflows .container , .guide-body-wrapper .container, .guide-Cost_Reduction .container  {
    padding: 20px 20px;
  }
  .blog-outsourcing_guide-select{
    padding:20px 20px;
  }
  .banner-content h1 {
    font-size: 30px !important;
    line-height: 41px;
  }
  .section.post-body h3{
    font-size: 28px;
  }
  .section.post-body h2 {
    font-size: 37px;
    line-height: 42px;
    letter-spacing: -3px;
  }
  .section.post-body h4 {
    font-size: 24px;
    line-height: 30px;
  }
  .section.post-body h5 {
    font-size: 20px;
    line-height: 28px;
  }
   .section.post-body h6 {
    font-size: 18px;
    line-height: 28px;
  }
  .blog-outsourcing_guide-select h3{
    font-size: 26px;
    line-height: 33px;
  }
  .guideImage_Section-banner .banner-data_container .banner-content h1::after {
    content: '.';
    color: #d8262c;
    margin-left: 0px;
 }
  .content-creation .tech_row .tech_logos_col .row{
    display:block !important;
  }
  .content-creation .tech_row .tech_logos_col .row .tech-logo {
    margin-bottom: 34px !important;
}
  
}


@media (max-width: 479px) {
	h1 {
		font-size: 32px;
		line-height: 40px;
		letter-spacing: -3px;
	}
	h2 {
		font-size: 26px;
		line-height: 34px;
		letter-spacing: -1.5px;
		font-family: "AvenirNextLTPro-Bold", sans-serif;
	}
	.copyright-footer>div {
		padding: 0 2em !important;
	}
	.container-fluid .row-fluid .page-center {
		padding: 0 2em;
	}
	.custom_header .site_logo img {
		max-width: 200px;
		height: auto;
		margin-top: 11px;
	}
	.banner-blog h1,
	.banner-blog-post.banner-blog .container_post h1 {
		font-size: 30px;
		line-height: 44px;
	}
	.banner-blog .container {
		padding: 0 2em !important;
	}
	.mobile-trigger {
		margin-top: -4px;
	}
	.rec-content-wrapper p#hubspot-topic_data+a {
		font-size: 24px;
		line-height: 34px;
	}
	.section.post-footer form::before {
		font-size: 24px;
		line-height: 34px;
	}
	.blog .blog-content>div {
		padding: 0 2em !important;
	}
	.simple-banner .banner-container .page-center {
		top: 33px;
		padding: 0 25px !important;
	}
	.banner-content h1 {
		font-size: 32px !important;
		line-height: 40px !important;
		letter-spacing: initial;
	}
	.banner-content h2 {
		font-size: 18px;
		line-height: 28px;
	}
	.container_post {
		padding: 0 2em !important;
	}
	.hs-blog-post.mobile-open .mobile-trigger {
		margin-top: 2px;
	}
	.left-content h2 {
		font-size: 24px;
		line-height: 34px;
	}
	.application-block h2 {
		letter-spacing: -1px;
	}
	.application-block p {
		font-size: 14px;
		line-height: 24px;
	}
	.application-block {
		padding-bottom: 15%;
	}
	.methods-img,
	.methods-img p,
	.methods-img h5 {
		position: relative;
		display: grid;
		margin-bottom: 15px !important;
		margin-left: 0px !important;
		width: 100% !important;
	}
	.methods-img h3 {
		margin-left: 0px !important;
		position: relative;
		display: inline-block;
		margin-bottom: 15px !important;
		margin-top: 12px;
		width: 80%;
	}
  .paidcampaigns-form .hs_submit .actions::after{
    top: 47%;
    left: 28% !important;
  }
  #form_modal{
    width:100%;
  }
  .custom_header.mobile.advance_header .services ~ ul.hs-menu-children-wrapper{width: 100% !important; min-width: auto !important;}
  .custom_header.mobile.advance_header .services ~ ul.hs-menu-children-wrapper li{width: 100% !important;}
  #solution_Platform-Team .hs-menu-children-wrapper .hs-menu-depth-2:nth-child(4) {
    margin: 0 !important;
    width: 100% !important;
 }
  .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    float: left;
}
  #solution_Platform-Team .hs-menu-children-wrapper .hs-menu-depth-2:nth-child(3) {
    width: 100% !important;
    margin: 0px !important;
}
  #solution_Platform-Team .hs-menu-children-wrapper {
    padding: 0 49px 23px !important;
 }
  #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;}
}
@media (max-width: 375px) {
	.custom_header .site_logo img {
		max-width: 154px;
	}
	.mobile-trigger {
		margin-top: -8px;
	}
	.hs_recaptcha.hs-recaptcha.field.hs-form-field {
		overflow: hidden;
		overflow-x: auto;
	}
	.subscribe-options label {
		margin: 0;
	}
	.hs-blog-post.mobile-open .mobile-trigger {
		margin-top: -2px;
	}
  .paidcampaigns-form input[type="text"]{
    padding:15px 10px;
  }
  .paidcampaigns-form .hs_submit .actions::after {
    top: 47%;
    left: 35% !important;
}
  .solutions-requirement h1 { 
    color: #fff;
    font-size: 53px;
    line-height: 58px;
 }
  .img-soical {
    max-width: 48px;
    position: absolute;
    right: 36%;
    margin-top: 2%;
 }
  .img_uber-soical {
    max-width: 60px;
    position: absolute;
    right: 55%;
 }
  .container.container_single_blog {
    padding:0 7% !important;
  }
  .container.container_single_blog .Challenges h2{
    font-size: 30px;
    line-height: 42px;
    letter-spacing: -1px;
  }
  .additional_webimageCase img {
    max-width: 100% !important;
 }
  .softwareworld-img {
    max-width: 22% !important;
 }
  .developers-list {
    display:none !important;
  }
  
  .inbound-hubspot_imp{
    background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/Hubspot%20Partner.png);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: 93% 100%;
    background-size: 25%;
  }
  .custom_header.mobile.advance_header .services ~ ul.hs-menu-children-wrapper li {
    width: 56% !important;
    display:block !important;
  }
  .custom_header.mobile.advance_header  .services ~ ul.hs-menu-children-wrapper {
    width: 532px !important;
    min-width: auto !important;
  }
   #lets-talk img {
      min-width: 349px;
      float: right;
      position: relative;
      bottom: 56px;
     right:0px;
 }
  .Gettouch-contact-left img {
    min-width: 326px !important;
  }
  .application-contact_icon-wrapper .row-fluid .span12{
    padding-left: 0px;
  }
}

@media (max-width: 320px) {
   .developers-list{
    display:none !important;
  }
  .web-dev-banner .cloud_Scalability .banner-content h6{
    display:none !important;
  }
  .hire_dev-simple-banner .hire-banner-container .banner-content h1 {
    font-size: 14px !important;
    line-height: 14px !important;
}
  .web-dev-banner .hire_dev-simple-banner .hire-banner-container .banner-content h6 {
    font-size: 17px  !important;
    line-height: 24px  !important;
    font-family: AvenirNextLTPro-Regular;
    color: #151515;
    max-width: 650px;
    text-transform: none;
    letter-spacing: -1px;
 }
  .tech-block-hubspot{
    border-right: none;
  }
  .home-banner-section .simple-banner .banner-container h4 {
    font-size: 22px !important;
    line-height: 35px !important;
    letter-spacing: initial;
    margin-bottom: 16px;
}
  .home-banner-section .simple-banner .banner-container h6 {
    font-size: 15px;
    line-height: 29px;
 }  
}


@media (min-width: 1500px) {
	.stuck .custom_header{
		padding: 30px 7% 15px;
	}
}
@media (min-width: 1600px){
	.simple-banner .banner-container{
		background-size: 40%;
	}
	.sample-exmp{
		height: 100px;
	}
}

.trusted_blk h2 {
    margin-bottom: 40px;
}
.trusted-customers-section {
    text-align: center;
    background: #fff;
  padding-top: 80px;
}
.trusted-customer-box .section_Customers{
  
  width: 100%;
}
.trusted-customer-box .trusted_blk {
    text-align: center;
}
ul.section_Customers.cus2 {
    padding: 0 50px;
}
.trusted-customer-box .section_Customers.cus2 li img{
  max-width: 100% !important;
}
.trusted-customer-box .section_Customers li img{
 margin: 0 auto;
   max-width: 100% !important;
}
@media (max-width:767px){
  ul.section_Customers.cus2 {
    padding: 0;
  }
}

/* new css */
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
.service-wrap .main-head{
    text-align: center;
}
.service-wrap.service_block .possibilities-tile img {
    max-width: 85px;
  height: 65px;
    margin-bottom: 30px;
}
.service_block.service-wrap .possibilities-tile {
    border: 0;
    background-color: #fef9ef;
    border-radius: 0.625rem;
    padding: 50px 15px;
}
.service_block.service-wrap .possibilities-tile:hover{
  border: 0;
  box-shadow: 0 0 30px 0 #dee7fc;
}
.service_block.service-wrap .possibilities-tile.serviicebg1{
  background-color: #fef9ef;
  padding: 20px 15px;
}
.service_block.service-wrap .possibilities-tile.serviicebg2{
  background-color: #edfef6;
  padding: 20px 15px;
}
.service_block.service-wrap .possibilities-tile.serviicebg3{
  background-color: #f9f7ff;
  padding: 20px 15px;
}
.service_block.service-wrap .possibilities-tile.serviicebg4{
  background-color: #fff6f6;
  padding: 20px 15px;
}
.service_block.service-wrap .possibilities-tile:hover h3 {
    color: #404040;
}
.service-wrap .possibilities-tile:hover h3::after{
  filter: sepia(1);
  width:18px;
  height:18px;
  background-size:18px 18px;
  vertical-align: middle;
}
.service-pattern{
   position: relative;
}
.service-pattern > div, .service2-pattern{
  
  position:relative;
  z-index:1;
}
.service-pattern:after{
   content: '';
  position: absolute;
  background: url('https://www.classicinformatics.com/hubfs/service-bg.png');
  width: 850px;
    height: 850px;
    left: -50px;
    top: 50px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

.tile-wrap .production-Unit {
    background: #fff;
    padding: 20px 0 20px 20px;
    border: 1px solid #dee7eb;
    box-shadow: none;
      margin-bottom: 30px;
}
.tile-wrap .production-Unit img{
  max-width: 100%;
}
.tile-wrap .production-Unit .span2 p{
      line-height: initial;
    margin-bottom: 0;
    font-size: 0;
}
.tile-wrap .production-Unit h3::after{
     content: '';
    width: 18px;
    height: 18px;
    background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/arrow-pointing_red.svg) no-repeat;
    background-size: auto;
    background-size: 18px 18px;
    display: inline-block;
     position: absolute;
    right: 10px;
    bottom: 6px;
    filter: sepia(1);
  opacity :0;
}
.tile-wrap .production-Unit:hover {
    box-shadow: 0 0 30px 0 #dee7fc;
    border: 1px solid #dee7eb; 
}
.tile-wrap .section_Wrapper{
  position: relative;
  padding: 0 20px;
}
.tile-wrap .production-Unit p{
  margin-bottom: 0;
}
.tile-wrap .production-Unit:hover h3::after {
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
    position: absolute;
    right: 10px;
    bottom: 6px;
  filter: sepia(0);
  opacity:1;
}
#myList > div{
  display:none;
}
.static-text{
  text-align:center;
  text-transform:uppercase;
  color: #f83966;
  font-size: 14px;
}
#loadMore {
    cursor: pointer;
    font-family: 'AvenirNextLTPro-Demi';
    position: relative;
    padding: 15px 0;
}
#loadMore:after {
    position: absolute;
    content: '';
    background: url(https://www.classicinformatics.com/hubfs/up-arrow.png);
    width: 11px;
    height: 7px;
    background-size: cover;
    left: 50%;
    margin-left: -5px;
    top: 0;
    transform: rotate(180deg);
}

#showLess {
    cursor:pointer;
    display:none;
    font-family: 'AvenirNextLTPro-Demi';
    position: relative;
    padding: 15px 0;
}
#showLess:after {
    position: absolute;
    content: '';
    background: url(https://www.classicinformatics.com/hubfs/up-arrow.png);
    width: 11px;
    height: 7px;
    background-size: cover;
    left: 50%;
    margin-left: -5px;
    top: 0;
}

.tech-pattern{
  position: relative;
}
.tech-pattern:after{
  content: '';
  position: absolute;
  background: url('https://www.classicinformatics.com/hubfs/tec-pattern.png');
  width: 833px;
    height: 640px;
    right: 0;
    top: 50px;
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: right;
}
.tech-pattern .latest_Section-data > div > div{
  display: flex;
  justify-content: center;
  align-items: center;
}
.tech-pattern .latest_Section-data .span8 img{
  max-height: 600px;
}
.simple-banner {
   background: transparent; 
    color: #fff;
}
.home-banner-section-dtClassic .simple-banner .banner-container {
    background: url(https://www.classicinformatics.com/hubfs/Classic-home-page-banner-1.png) no-repeat bottom/cover !important;
    top: 0;
    height: calc(100% - 0px);
    background-color: transparent !important;
    overflow: visible;
    background-size: 50%;
}
 .home-banner-section-dtClassic.mobile-appdeve .simple-banner .banner-container {
  background:url(https://www.classicinformatics.com/hubfs/CIPL_SaasDevelopment%20%281%29.png) no-repeat center/cover!important; top: 0; 
   height: calc(100% - 0px);background-color:transparent !important;
}
.simple-banner .banner-container .page-center {
    position: relative;
    top: 55%;
}
.quick_form-wrapper .hs-form.stacked.hs-custom-form input[type="text"], 
.quick_form-wrapper .hs-form.stacked.hs-custom-form input[type="email"], 
.quick_form-wrapper .hs-form.stacked.hs-custom-form textarea {
    background: #fff;
    width: 210px;
}
.quick_form-wrapper label.hs-error-msg{
  padding-left:0;
}
.get-touch h2{
  margin-bottom: 10px;
}
.get-touch .hs-message.hs-fieldtype-textarea > label{
 display: none;
}
.body-container-wrapper .get-touch ul li.hs-form-booleancheckbox{
  margin: 0;
}
.get-touch .contact-address-form {
    background: #ececf3;
        padding: 70px 0 50px;
    background-size: cover !important;
  background-position: top left;
    background: url(https://www.classicinformatics.com/hubfs/get-touch-banner.png);
  
}
.get-touch .hub-form .hbspt-form .hs-fieldtype-text input, 
.get-touch .hbspt-form textarea{
  padding: 10px !important;
  background: #fff;
  border: 1px solid #ddd !important;
    border-radius: 5px !important;
}
.get-touch .contact-address-form .hbspt-form .hs-fieldtype-text input, 
.get-touch .contact-address-form .hbspt-form .hs-fieldtype-textarea textarea{
   padding: 10px !important;
}
.get-touch .hs_cos_wrapper_type_form .actions{
  display: inline-block;
  position: relative;
  margin: 15px 0;
}
.get-touch .hs_cos_wrapper_type_form .actions:after{
  background: url(https://6062099.fs1.hubspotusercontent-na1.net/hubfs/6062099/images/arrow-pointing.svg) no-repeat 65% center;
    background-size: auto;
    content: '';
    color: #fff;
    background-size: auto !important;
    background-size: cover !important;
    position: absolute;
    right: 15px;
    top: 10px;
    width: 20px;
  display: none;
    height: 20px;
}
.hs_cos_wrapper_type_form .hs-button.primary.large{
  margin: 0;
  padding: 7px 22px 7px 22px !important;
}
.get-touch .attach_file .hs-button.primary,.get-touch input[type="submit"]::after{
  display: none !important;
} 
.home-banner-section-dtClassic .simple-banner .banner-container h6{
  max-width: 600px;
}

.innovative-section.helping-uswrap {
    position: relative;
  padding: 100px 0;
}
.innovative-section.helping-uswrap:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: url(https://www.classicinformatics.com/hubfs/helping-banner-hh.png);
    background-size: cover;
    top: 0;
    left: 0;
}
.helping-uswrap h2{
  color: #fff;
  margin-bottom: 30px;
}
.helping-uswrap ul{
  padding: 0;
}
.body-container-wrapper .helping-uswrap li{
  width: 49%;
  display: inline-block;
  vertical-align: top;
  padding: 0 20px 20px 0;
  background: url();
}
.body-container-wrapper .helping-uswrap li a{
  color: #fff;
  font-size: 15px;
}
.helping-uswrap li h4 a{
  font-size: 21px;
      color: #fff;
    text-transform: capitalize;
    font-family: 'AvenirNextLTPro-Bold';
  position: relative;
}
.helping-uswrap li h4 a:after {
    background: url(https://www.classicinformatics.com/hubfs/arrow-pointing_white.svg) no-repeat;
    content: '';
    width: 18px;
    height: 18px;
    background-size: cover;
    display: inline-block;
    margin-left: 18px;
    vertical-align: middle;
  display: none;
}
.helping-uswrap li:hover h4 a:after{
  display: inline-block;
}
.helping-uswrap li p{
  font-size: 17px;
  line-height: 27px; 
  color: #c19de0;
}
.helping-uswrap .icon-listing ul{
    display: flex;
    justify-content: center;
    align-items: center;
      border-top: 1px solid #4f487f;
    padding-top: 50px;
}
.helping-uswrap .icon-listing li{
      width: 16.6%;
    text-align: center;
    color: #fff;
    margin: 0;
    padding: 0;
}
.helping-uswrap .icon-listing li img{
      display: block;
    margin: 0 auto 15px;
    max-height: 24px;
  
}
.faq-wrapper{
  position: relative;
  padding: 100px 0;
}
.faq-wrapper:before {
    position: absolute;
    content: '';
    background: url(https://www.classicinformatics.com/hubfs/faq-pattern.png);
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.faq-wrapper > div{
  position: relative;
  z-index:1;
}
.trusted-box {
    background: url(https://www.classicinformatics.com/hubfs/trusted-bg.png);
    padding: 100px 40px;
    border-radius: 5px;
  background-size: cover;
}
.trusted-box .headingstyle{
  padding: 0;
    margin-bottom: 0;
}
.trusted-box .headingstyle h2 {
    color: #fff;
}
.headingstyle h2 span {
    color: #f05a5f;
}
.trusted-box .headingstyle p {
    margin-top: 40px !important;
     color: #c19de0;
    font-size: 19px;
  margin-bottom : 0;
}
.faq-wrapper .engage-section > div {
    position: relative;
  padding:75px 45px;
}
.faq-wrapper .engage-section > div > div{
  position : relative;
  z-index: 1;
}
.faq-wrapper .engage-section > div:before {
    content: '';
    position: absolute;
    background: #fff;
    width: 80%;
    right: 0;
    top: 0;
    height: 100%;
  padding: 75px 45px;
  box-shadow: 0 0 30px 0 #dee7fc;
    border-radius: 5px;
}
.faq-sec h2 {
    font-size: 34px;
    line-height: 44px;
  color: #160742;
  margin-bottom: 20px;
}
.faq-sec p{
  color: #57686f;
  font-size: 19px;
  margin-bottom : 30px;
}
.faq-sec .accordion_group {
    background: #f0f4ff;
    padding: 14px 30px;
    border-radius: 5px;
}
.faq-sec .accordion_header {
     padding: 10px 15px 10px 0;
    position: relative;
  font-size: 19px;
    color: #160742;
}
.faq-sec .accordion_content {
    padding: 15px 0;
}
.faq-sec .accordion_group.expanded {
    background: #fff;
    box-shadow: 0 0 30px 0 #dee7fc;
}
.faq-sec .accordion_group .accordion_icon{
  position: absolute;
    right: 0;
    top: 22px;
      background-color: transparent;
}
.faq-sec .accordion_group .accordion_icon::before, 
.faq-sec .accordion_group .accordion_icon::after{
  background-color: #404040;
}
@media (max-width: 1139px){
  .home-container  .simple-banner {
      background: #1b223f;
  }
/*  .web-dev-banner  .simple-banner .banner-content h1 {
   color: #fff !important;
}
.web-dev-banner .simple-banner   .banner-content h6{
	color: #fff;
} */
  .home-banner-section-dtClassic .simple-banner .banner-container {
    background: url() !important;
  } 
    .home-banner-section-dtClassic.mobile-appdeve .simple-banner .banner-container {
    background: url() !important;
      background-color: #db794f !important;
  } 
  .get-touch .contact-address-form {
    background: #ececf3;
    padding: 80px 0 !important;
  }
  .get-touch .span6{
    width: 100%;
  }
  .get-touch .job-list-head{
    display:none;
  }
}
@media (max-width:1100px){
  .service_block{
    padding: 0 7% !important;
  }
     .tech-pattern:after,
  .service-pattern:after{
    display: none;
  }
}
@media (max-width: 1024px){
  .service_block.service-wrap .possibilities-tile.serviicebg2,
  .service_block.service-wrap .possibilities-tile.serviicebg4{
    margin-left: 25px;
  }
}
@media (max-width:991px){
  .tech-pattern .span4,
  .tech-pattern .span8{
    width: 100%;
  }
  .service_block.service-wrap .possibilities-tile.serviicebg2,
  .service_block.service-wrap .possibilities-tile.serviicebg4{
    margin-left: 0;
  }
  .tech-pattern .latest_Section-data > div > div{
    display: block;
  }
  .simple-banner {
   background: #f5f5f9; 
  }
}
@media (max-width:767px){
  .simple-banner .banner-container .page-center {
    top: 45px;
    transform: translate(0, 0);
    overflow: auto;
  }
  .get-touch .hbspt-form .hs-button.primary,.get-touch input[type="submit"]::after{
    background: url();
  }
}
@media (max-width:767px){
  .simple-banner .banner-container .page-center {
    top: 45px;
    transform: translate(0, 0);
    overflow: auto;
  }
  .quick_form-wrapper .hs-form.stacked.hs-custom-form textarea {
    width: 75%;
  }
}
@media (max-width: 579px){
  .get-touch .hbspt-form .hs-button.primary, .get-touch input[type="submit"]::after{
    background: url();
  }
}
@media (max-width:479px){
  .simple-banner .banner-container .page-center {
    top: 33px;
  }
}

/*** global css */
/* global module engage as ur project demands */

.engage-us .outsource-product{
  text-align: center;
}
.engage-boxx{
  display : block !important;
}
.engage-boxx .engage-left{
  background: #3a1867;
    padding: 30px;
    border-radius: 5px;
  position:related;
  position:relative;
   z-index:1;
  min-height:280px;
}
.engage-boxx .engage-left h2 {
    font-size: 24px;
    color: #fff;
    text-transform: capitalize;
    line-height: 30px;
    font-family: 'AvenirNextLTPro-Bold';
  margin-bottom: 10px;
}
.engage-boxx .engage-left p {
    font-size: 18px;
    color: #c19de0;
    line-height: 28px;
    font-family: 'AvenirNextLTPro-Regular';
  margin-bottom: 25px;
}
 .engage-boxx .engage-right  {
    background: transparent;
    box-shadow: 0 0 30px 0 #dee7fc;
    border-radius: 5px;
    padding: 20px 30px;
   border:1px solid #dee7eb;
   margin-bottom: 20px;
   position:relative;
   z-index:1;
}
.engage-boxx .engage-right h2 {
    font-size: 24px;
    color: #404040;
    text-transform: capitalize;
    line-height: 24px;
    font-family: 'AvenirNextLTPro-Bold';
  margin-bottom: 11px;
}
.engage-boxx .engage-right p {
    font-size: 16px;
    color: #57686f;
    line-height: 26px;
    font-family: 'AvenirNextLTPro-Regular';
 margin-bottom: 0;
}
.engage-boxx a{
  background-color: #d8262c;
    padding: 13px 25px !important;
    color: #fff;
    border-radius: 5px;
  display: inline-block;
  line-height:16px;
  font-family: 'AvenirNextLTPro-Demi';
  min-width: 185px;
  text-align:center;
}
.engage-right > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.engage-right > div p {
    width: calc(100% - 200px);
}
.hide-old{
  display: none !important;
}
.slide-patterne1 {
    position: relative;
}
.slide-patterne1:after {
    background: url(https://www.classicinformatics.com/hubfs/side-pattern1.png);
    content: '';
    position: absolute;
    width: 145px;
    background-size: cover;
    top: 0;
    right: 0;
    height: 100%;
}
.slide-patterne2 {
    position: relative;
}
.slide-patterne2:after {
    background: url(https://www.classicinformatics.com/hubfs/side-pattern2.png);
    content: '';
    position: absolute;
    width: 145px;
    background-size: cover;
    top: 0;
    right: 0;
    height: 100%;}
.outsource-product.engage-us {
    position: relative;
}
.outsource-product.engage-us:after {
    position: absolute;
    content: '';
    bottom: 25px;
    left: -138px;
    background: url(https://www.classicinformatics.com/hubfs/leftside-IMG.png);
    background-size: 95%;
    width: 500px;
    height: 100%;
    background-repeat: no-repeat;
}
.outsource-product.engage-us:before {
    position: absolute;
    content: '';
    bottom: -35px;
    left: 50px;
    background: url(https://www.classicinformatics.com/hubfs/Dot-dot-IMG.png);
    background-size: 95%;
    width: 70px;
    height: 150px;
    background-repeat: no-repeat;
}

.outsource-product.engage-us > div{
  position: relative;
  z-index: 1;
}
@media (max-width: 1500px){
  .trusted-box{
    padding: 40px 25px;
  }
  .headingstyle h2,
  .faq-sec h2,
  .home_sec12-left h2,
  .trusted-box h2
 {
    font-size: 30px;
    line-height: 40px;
  }
  .faq-sec .accordion_group{
    padding: 5px 17px;
    margin-bottom: 10px;
  }
  .faq-sec .accordion_header,
  .trusted-box .headingstyle p,
  .engage-boxx .engage-left p,
  .helping-uswrap li p{
    font-size: 16px;
  }
  .helping-uswrap li h4{
  font-size:19px;
  }
  .innovative-section.helping-uswrap{
  padding:60px 0;
  }
  .body-container-wrapper .helping-uswrap li{
    padding: 0 20px 0px 0;
  }
  .helping-uswrap ul{
    margin-bottom :20px;
  }
  .helping-uswrap .icon-listing ul{
    padding-top: 30px;
    margin-bottom:0;
  }
}
@media (max-width: 1199px){
  .engage-boxx {
    width: 100% !important;
    margin-bottom: 20px;
    margin-left: 0 !important;
  }
.faq-wrapper::before{
    display : none;
  }
  .helping-uswrap .span5{
    width: 17%;
  }
  .helping-uswrap .span7 {
    width: 80%;
  }
  
}
@media (max-width: 1023px){
  .innovative-section.helping-uswrap:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #3a1867;
    z-index: 1;
    opacity: .7;
}
  .helping-uswrap .span7 {
    width: 100%;
    margin: 0 !important;
}
  .body-container-wrapper .helping-uswrap li {
    padding: 0 15px 0px 0;
}
}
@media (max-width:767px){
  .helping-uswrap .icon-listing li{
    padding: 0;
    width: 32%;
  }
  .helping-uswrap .icon-listing ul{
    display:block;
  }
  
}
/* global module engage as ur project demands */

/* testimonial */
.container_silder {
    background-color: #fff;
    position: relative;
    display: flex !important;
    align-items: center;
    min-height: 440px !important;
}
.container_silder:after {
    content: '';
    position: absolute;
    background: url(https://www.classicinformatics.com/hubfs/testimonial-pattern.png);
    top: 0;
    left: 0;
    background-size: contain;
    width: 633px;
    height: 440px;
    background-repeat: no-repeat;
}
.container_silder .span7{
  padding-left: 10%;
  margin-right:0;
}
.wcs-testi1-section{
  background: #fff !important;
}
.wcs-testi1-slide p{
  color: #57686f;
}
.container_silder .wcs-testi1-section ul{
  padding-left : 0;
  text-align:left;
}
.wcs-testi1-section .slick-dots li button:before{
  background: #c8ccdc !important;
}
.container_silder .wcs-testi1-section .slick-dots li{
  width: 52px;
  padding-left: 0!important;
  padding-top: 20px !important;
}
.container_silder .wcs-testi1-section .slick-dots li button{
  width: 42px;
  background: #ccc;
  height: 6px;
    padding: 0;
    border-radius: 3px;
}
.container_silder .wcs-testi1-section .slick-dots li.slick-active button{
  background: #181e34;
}
.container_silder .wcs-testi1-section .slick-dots li button:before{
  content: '';
  font-size: 0 !important;
  display :none;
}
.container_silder .span5 h6 {
    position: relative;
    color: #f05a5f;
    padding-left: 35px;
}
.container_silder .span5 h6:before {
    content: '';
    position: absolute;
    background: url(https://www.classicinformatics.com/hubfs/quote-1.png);
    width: 27px;
    height: 22px;
    background-size: cover;
    left: 0;
    top: 0;
}
.author {
    color: #57686f;
    margin-top: 26px;
    font-size: 21px;
    font-family: 'AvenirNextLTPro-Demi';
}
.author span{
    color: #8ca6b1;
    font-size: 19px;
    font-family: 'AvenirNextLTPro-Regular';
  display: block;
}
.underline:before{
  background-color: transparent;
}
.underline:hover{
  color: #000;
}
.product-development.pad-top.pad-bot {
    padding-top: 0;
}
@media (min-width : 1500px){
  .container_silder:after {
    width: 733px;
    height: 540px;
  }
   .container_silder {
    min-height: 540px !important;
  }
}
@media (min-width : 1600px){
  .container_silder:after {
    width: 833px;
    height: 640px;
  }
  .container_silder {
    min-height: 640px !important;
  }
}
@media (max-width : 1199px){
  .container_silder > div{
    width: 100%;
  }
  .container_silder .span5, .container_silder .span7{
    width: 100% !important;
    margin: 0 !important;
    padding-left :0;
  }
  .container_silder {
    background: rgb(58, 24, 103);
    padding: 50px 0 100px !important;
  }
  .container_silder::after{
    display: none;
  }
  .wcs-testi1-section {
    background: transparent !important;
  }
  .wcs-testi1-slide p,
  .author{
    color: rgb(193, 157, 224);
  }
  .wcs-testi1-section .slick-dots li.slick-active button{
  background: rgb(240, 90, 95);
  }
  .faq-wrapper .engage-section > div::before {
    width: 100%;
    padding: 0;
    box-shadow: none;
}
  .faq-wrapper .engage-section > div {
    position: relative;
    padding: 0;
}
  .faq-wrapper .engage-section .span4{
    margin-bottom:30px;
    width:100%;
  }
  .faq-wrapper .engage-section .span8{
    width:100%;
    margin:0;
  }
}
.footer-container.container-fluid .home_sec14 {
    margin-top: 50px;
}
@media(max-width:767px){
  .wcs-testi1-slide p{
    font-size: 16px !important;
  }
  .author{
    font-size: 18px;
  }
}
@media (max-width: 579px){
 .engage-right>div{
    display:block;
  }
  .engage-right>div p{
    width:100%;
    padding-bottom:15px;
  }
  .outsource-product.engage-us::after{
    background:url();
  }
}

/* post april 2022 */
.post-banner{
  position: relative;
  margin-bottom: 100px;
}
.post-banner:after {
    content: '';
    position: absolute;
    background: url(https://www.classicinformatics.com/hubfs/full_width_bar.svg);
    height: 180px;
    width: 100%;
    background-size: cover;
    bottom: 0;
    left: 0;
}
.post-banner .container{
 max-width: 1190px;
    margin: 0 auto !important;
    width: 100%;
    padding: 0 7%;
    float: none !important;
}
.page-center .post-wrapper {
    max-width: 764px;
    margin: 0 auto !important;
    float: none !important;
}
.post-wrapper p{
  font-family: 'AvenirNextLTPro-Regular';
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0em;
  text-align: left;
  color:#404040;

}
.rapid-fire-box{
  background: #FDF9EE;
  border-radius: 11px;
  padding : 42px 24px;
  margin: 50px 0;
}
.rapid-fire-box h3{
  font-family: 'AvenirNextLTPro-Bold';
  font-size: 24px;
  line-height: 27px;
  color:#404040;
  text-transform: capitalize;
  margin-bottom: 15px;
}
.question-bank p{
  font-family: 'AvenirNextLTPro-Regular';
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0em;
  text-align: left;
  color:#404040;
  margin-bottom : 12px;
}
.post-content iframe{
  margin: 60px 0;
  position: relative !important;
    top: initial !important;
  height: 350px !important;
  width: 100% !important;
}
.post-content .hs-embed-wrapper {
    max-width: 100% !important;
  max-height: 100% !important;
}
.post-content .hs-embed-wrapper div {
    padding: 0 !important;
}
.banner-blog.listing-banner-wrapper {
    padding-bottom: 0;
}
.listing-banner-wrapper .row-fluid {
    display: flex;
    justify-content: center;
    align-items: center;
}
.listing-head .post-listing {
    display: flex;
  flex-wrap: wrap;
  margin: 0 -1%;
}
.listing-head .post-listing .post-item {
    max-width: 31.3%;
    display: flex;
    flex-direction: column;
    padding: 10px 0;
    width: 100%;
    background: #FEF9EF;
    border-radius: 10px;
    margin: 0 1% 12px;
}
.listing-head .post-listing .post-item:nth-child(3n) {
    background: #FFF6F6;
}
.listing-head .post-listing .post-item:nth-child(3n - 1) {
    background: #EDFEF6;
}
.listing-head .post-time,
.listing-head .post-item-content {
    padding: 0 20px;
}
.listing-head h2 ,
.listing-head h2 a {
    color: #404040;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: initial;
    font-family: 'AvenirNextLTPro-Bold';
  min-height: 52px;
}
.listing-head .post-time {
  font-size: 12px;
  line-height: 17px;
  font-family: 'AvenirNextLTPro-Bold';
  color: #FFC85B;
}
.listing-head .post-listing .post-item:nth-child(3n) .post-time {
  color: #FF7E7E;
}
.listing-head .post-listing .post-item:nth-child(3n - 1) .post-time {
  color: #73E4B0;
}
.listing-head .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image {
    border-width: 0;
    max-height: 240px;
    max-width: 100%;
    height: auto;
    width: 100%;
    display: inline-block !important;
    float: right;
    margin: 0 0 20px;
    object-fit: cover;
}
.listing-head  .content {
    font-size: 16px;
    line-height: 26px;
    color: #404040;
  margin-bottom:10px;
}
.listing-head a.topic-link {
    color: rgba(64, 64, 64, 0.7);
    line-height: 14px;
    font-size: 14px;
    font-family: 'AvenirNextLTPro-Demi';
      text-transform: uppercase;
}
.listing-head h2.cat-name {
    width: 100%;
    margin: 0 1%;
    font-size: 26px;
    text-transform: uppercase;
}
.post-wrapper .row-fluid {
    display: flex;
    justify-content: center;
    align-items: center;
}
@media(max-width:1024px){
  .post-wrapper .row-fluid{
    display: block;
  }
  .listing-banner-wrapper .row-fluid {
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
  }
  .banner-blog.listing-banner-wrapper {
    background: #1b223f;
    padding: 100px 0;
  }
  .listing-banner-wrapper .quick_form-wrapper .hs-form.stacked.hs-custom-form{
     margin: 0 0 20px;
  }
  .banner-blog .listingbanner-blog h1{
    max-width: 100%;
    color: #fff;
  }
  .banner-blog .listingbanner-blog p{
    color: #fff;
  }
  .banner-blog.listing-banner-wrapper .span6 img{
    display : none;
  }
  .listing-head .post-listing .post-item {
    max-width: 48%;
  }
  .Profile-wrapper {
    max-width: 100%;
    margin: 30px 0 0;
  }
  .post-content .hs-embed-wrapper {
    max-width: 100% !important;
  }
}
@media (max-width:991px){
  .page-center .post-wrapper {
      padding: 0 7%;
  }
  .post-banner:after{
    background: #1b223f;
    height: 100%;
  }
}
@media (max-width: 767px){
  .listing-head .post-listing .post-item {
    max-width: 100%;
  }
  .banner-blog .listingbanner-blog h1 {
    font-size: 27px !important;
    line-height:37px !important;
  }
}
.transparent-header .custom_header.nonav_header {
    background: transparent !important;
}
.stuck .transparent-header .custom_header.nonav_header{
  background-color: #fff !important;
}

.res-sharing h6 {
    color: #778392;
    font-family: 'AvenirNextLTPro-Regular';
    letter-spacing: initial;
    margin-bottom: 10px;
}
.res-sharing ul {
    padding: 0;
}
.res-sharing ul li {
    background: url() !important;
    padding: 0;
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
  margin-top: 0;
}
.sidebar-serach form {
    position: relative;
}
.sidebar-serach form input {
    border: 1px solid #21678B;
    background: #F3F8FF;
    font-size: 14px;
    line-height: 14px;
    padding: 14px 12px;
  border-radius: 5px;
}
@media(max-width: 1024px){
  .res-side-wrapper{
    display: none !important;    
  }
  .res-con-wrapper{
    width: 100% !important;
    margin-left: 0 !important;
  }
}
.blog_content-wrapper form label {
    display: none;
}
.blog_content-wrapper form .input {
    border: 1px solid #ccc;
    border-radius: 5px;
	margin-bottom: 20px;
}
.blog_content-wrapper form .input > * {
    border: 0;
	resize: none;
}
.blog_content-wrapper form > div {
    position: relative;
}
.blog_content-wrapper form .hs-error-msgs {
    top: -20px !important;
    position: relative !important;
    margin: 0 !important;
}
.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;
}
.get-touch .hub-form .hbspt-form .hs-fieldtype-phonenumber label{
  display: none;
}
.get-touch .hub-form .hbspt-form .hs-fieldtype-phonenumber input {
    padding: 10px !important;
    background: #fff;
    border: 1px solid #ddd !important;
    border-radius: 5px !important;
}