@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
/*CSS Imports for Fonts or Third party plugins
-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>   Theme Configuration  <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

/* Theme Color setup */
{% set themeBg = "#ffffff"  %} /* Theme Background color | Default White "#ffffff" */
{% set themeColor = "#241F1F "  %} /* Theme color | Default Blue "#0391b4 " */
{% set textColor = "#444444"  %} /* Primary Font Color | Default Dark Gray "#444444 " */
{% set textColorv2 = " "  %} /* Secondary Font Color | Default Not Defined */
{% set titleColor = "#393939"  %} /* Primary Title Color | Default Dark Gray "#393939 " */
{% set titleColorv2 = "#000000"  %} /* Secondary Title Color | Default Blue(theme color) "#0391b4" */
{% set linkColor = "#be9354" %} /* Global Link color | default "blue"*/
{% set linkHover = "#444444" %} /* Global Link color | default "dark gray"*/

/* Button */
{% set primaryButtonColor = "#ffffff" %} /* Primary Button Color | default "blue"*/
{% set primaryButtonBg = "transparent" %} /* Primary Button Background | default "transparent"*/
{% set primaryButtonBorder = "#ffffff" %} /* Primary Button Border color | default "blue"*/
{% set secondaryButtonBg = "#ffffff" %} /* Secondary Button Background | default "blue"*/
{% set secondaryButtonColor = "#fff" %} /* Secondary Button Color | default "white"*/
{% set secondaryButtonBorder = "transparent" %} /* Secondary Button Border color | default "transparent"*/

/* Theme Options */
{% set wrapperWidth = "1170" %} /* set Page-center width here | default "1170" in px  ( DON'T GO BELOW "1000"  and DON'T INCLUDE "px" in settings ) */
{% set headerSticky = "yes" %} /* Want Header to be Sticky when Page Scrolls | default "yes" , Options = "yes , no" */
{% set scrollTop = "yes" %} /* Want Scroll to top Button when Page Scrolls | default "yes" , Options = "yes , no" */
{% set buttonCorner = "rounded" %} /* Button Shape | default "rounded" , Options = "round (for pill shape) , rounded (for rounded rectangle shape) , square (for rectangle shape)" */
{% set sectionPadding = "60px" %} /* Common Padding from top and Bottom Between 2 Sections */

/* Header-footer and Sections Background color */
{% set altSecBg = "#f2fafc" %} /* alternate section Background | default light Blue ="#f2fafc" */
{% set darkBg = "#333333" %} /* Dark section Background | default Dark Gray ="#333333" */
{% set footerBg = "#000000" %} /* Footer section Background | default Dark Blue ="#0391b4" */
{% set footerColor = "#ffffff" %} /* Footer Text Color| default white ="#ffffff" */
{% set footerLinks = "#caf2fc" %} /* Footer link Color | default light Blue ="#caf2fc" */

/* Typography */
{% set primaryFont = "'Montserrat', sans-serif" %} /* Default body fonts size | default "16px" */
{% set primaryTitleFont = "'Montserrat', sans-serif" %} /* Default body fonts size | default "16px" */
{% set fontSize = "16px" %} /* Default body fonts size | default "16px" */
{% set lineHeight = "1.5" %} /* Default body fonts line height ( spacing bettween two lines of text ) | default "1.5" */
{% set h1Size = "64px" %} /* Default title H1 fonts size | default "64px" */ /* Page Headings Font size in Banner Area */
{% set h2Size = "48px" %} /* Default title H2 fonts size | default "48px" */
{% set h3Size = "36px" %} /* Default title H3 fonts size | default "36px" */ /* Majorly used Title as it will be by default tag in fixed modules like Form , RSS listing , Topic Filters etc... */
{% set h4Size = "30px" %} /* Default title H4 fonts size | default "30px" */
{% set h5Size = "24px" %} /* Default title H5 fonts size | default "24px" */
{% set h6Size = "18px" %} /* Default title H6 fonts size | default "18px" */

/* Menu Configuration */
/* Desktop Menu*/
{% set menuLinkColor = "#fff" %} /* Main Link color | default "white" */
{% set menuLinkHover = "#be9354" %} /* Main Link Hover | default "dark gray" */
{% set dropdownLinkbackground = "#241F1F" %} /* Dropdown Background | Default "Blue"  */
{% set dropdownLinkColor = "#fff" %}/* Dropdown Link Color | Default "white"  */
{% set dropdownLinkHover = "#fff" %} /* Dropdown Link Hover | Default "white"  */
{% set dropdownLinkHoverBackground = "rgba(255,255,255,0.3)" %} /* Dropdown Link Hover Background | Default "Semitransparent White"  */
/* Mobile Menu*/
{% set menuIcon = "#fff" %} /* Mobile Menu Icon Color | Default Color White*/
{% set menuBg = "#0391b4" %} /* Mobile Menu Background | Default Dark Blue */
{% set menuLink = "#fff" %} /* Mobile Menu Link Color | Default Color White */

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>   Style Declarations  <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

/* Hubspot default inclues 
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
{% include "hubspot/styles/responsive/modules.css" %}
{% include "hubspot/styles/patches/recommended.css" %}
{% include "Marketplace/Adhere_Creative/Aero_-_Full_Site_Pack_w/_Customization_Available/Coded_Files/Aero_plugins.css" %} /* Font Awesome , Fancybox and SlickSlider CSS */

/* Crossbrowser Prefix
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
{% macro transition(value) -%} 
  -webkit-transition: {{ value }};
  -moz-transition: {{ value }};
  -o-transition: {{ value }};
  -ms-transition: {{ value }};
  transition: {{ value }};
{%- endmacro %} 
/* {{ transition("all .2s linear") }} */

{% macro transform(value) -%} 
  -webkit-transform: {{ value }};
  -moz-transform: {{ value }};
  -o-transform: {{ value }};
  -ms-transform: {{ value }};
  transform: {{ value }};
{%- endmacro %} 
/* {{ transform("rotate(90deg)") }} */


/* Global CSS Delarations 
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -0-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }

/* Typography */
body { margin:0; padding:0; font-size:{{ fontSize }}; line-height:{{ lineHeight }}; color:{{ textColor }}; background:{{themeBg}}; font-family:{{ primaryFont }}; font-weight:400;  }
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-family:{{ primaryTitleFont }}; font-weight:700; color:{{ titleColor}};  }
.titleBlue h1, .titleBlue h2, .titleBlue h3, .titleBlue h4, .titleBlue h5, .titleBlue h6 { color:{{titleColorv2}}; }
a { color:{{ linkColor }}; {{ transition('all ease 0.3s') }}; text-decoration:none; }
a:hover , a:focus { color:{{ linkHover }}; }
h1 { font-size:{{ h1Size }}; line-height:1.1; }
h2 { font-size:{{ h2Size }}; line-height:1.1; }
h3 { font-size:{{ h3Size }}; line-height:1.2; }
h4 { font-size:{{ h4Size }}; line-height:1.3; }
h5 { font-size:{{ h5Size }}; line-height:1.4; }
h6 { font-size:{{ h6Size }}; line-height:1.5; }
p , ul , ol { margin:0; }
* + p, * + h1, * + h2, * + h3, * + h4, * + h5, * + h6, * + ul , * + ol { margin-top:20px; }

/* Content Width and Page Center */
img { max-width:100%; height:auto; border:none; }
.wrapper { box-sizing: border-box; width: 100%; float:none !important; display:block; margin:0 auto !important; max-width: {{wrapperWidth}}px; padding-left: 15px; padding-right: 15px; } 
.inner-padding { padding-left:30px; padding-right:30px; }
body .row-fluid [class*="span"] { min-height:0px; }
body .row-fluid [class*="span"].widget-type-space { min-height:1px; }
.section { padding-top:{{sectionPadding}}; padding-bottom:{{sectionPadding}};  }


/* Default Form Styling */
::-webkit-input-placeholder { opacity:1 !important; color:inherit !important; } 
::-moz-placeholder { opacity:1 !important; color:inherit !important; } 
:-ms-input-placeholder { opacity:1 !important; color:inherit !important; }
input[type=submit] { cursor:pointer; background-image:url(//www.adherecreative.com/hubfs/Aero-2016/Image/blank.png) !important;  }
textarea, input[type="text"], input[type="number"], input[type="email"], input[type="tel"], select { display:block; border:1px solid #c2c2c2; outline:none; background:#fff; font-size:18px; line-height:20px; font-family:{{ primaryFont }}; font-weight:400; color:#a2a2a2; margin:0;
    padding:15px 20px; width:100% !important; border-radius:5px; }
textarea { min-height:110px; }
input[type="submit"] { outline:none; font-family:{{ primaryFont }}; padding:15px 40px; background:{{ secondaryButtonBg }}; color:{{ secondaryButtonColor  }}; border:1px solid {{ secondaryButtonBorder }}; font-size:16px; line-height:18px; width:100%; font-weight:400; border-radius:4px; 
-webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; transition:all ease 0.3s; }
input[type="submit"]:hover { color:{{primaryButtonColor }}; background:{{primaryButtonBg }}; border-color:{{primaryButtonBorder}} }
.hs-error-msgs { list-style:none; margin:0 0 10px; padding:0 0 0 10px; font-size:12px; color:#f00; }

/* Global background  */
.set-bg { background-size:cover; background-position:center; position:relative; }
.get-bg { display:none !important; }
.thisBg { background-size:cover; background-position:center center; }

/* Button Style */
.button a , a.button { font-size:16px; line-height:1.5; padding:12px 55px; display:inline-block; border:1px solid {{primaryButtonBorder}}; color:{{primaryButtonColor}}; background:{{primaryButtonBg}}; position:relative; }
.button a:after , a.button:after { position:absolute; top:50%; content:"\f105"; font-family:fontawesome; font-size:25px; line-height:1; margin-top:-14px; right:15px;  }  
.fontWhite .button a ,.fontWhite.button a , a.button.fontWhite { border-color:#fff; }
.fontWhite .button a:hover, .fontWhite.button a:hover, a.button.fontWhite, .button a:hover, a.button:hover, .button.v2 a, a.button.v2 { border-color:{{secondaryButtonBorder }}; background:{{secondaryButtonBg }};  color:{{secondaryButtonColor}}; }
.button.v2 a:hover, a.button.v2:hover { border-color:{{primaryButtonBorder}}; background:{{primaryButtonBg}};  color:{{primaryButtonColor}}; }
{% if buttonCorner == "rounded" %} .button a , a.button {  border-radius:5px; } {% elif buttonCorner == "round" %} .button a , a.button {  border-radius:50px; } {% endif %}

/* White Fonts on Dark Backgrounds */
.fontWhite , .fontWhite h1 ,.fontWhite h2 ,.fontWhite h3 ,.fontWhite h4 ,.fontWhite h5 , .fontWhite h6 ,.fontWhite a { color:#fff; }
.fontWhite a:hover { color:{{linkColor}}; }

strong { font-weight:700; }
.normal { font-weight:normal; }
.titleNormal h1, .titleNormal h2, .titleNormal h3, .titleNormal h4, .titleNormal h5, .titleNormal h6 { font-weight:400; }
.font14 { font-size:14px; }
.font18 { font-size:18px; }
.font24 { font-size:24px; }

.text-center { text-align:center; }
.text-right { text-align:right; }
.text-left { text-align:left; }

/* Shadow */
.shadow { box-shadow:0 1px 3px 0 rgba(0,0,0,0.22); -webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,0.22); position:relative; }
.darkBg { background:{{darkBg}}; }

/*unique paddings*/
.p0-20 { padding-left:20px; padding-right:20px; }
.p10-0 { padding-top:10px; padding-bottom:10px; }
.p20-0 { padding-top:20px; padding-bottom:20px; }
.p30-0 { padding-top:30px; padding-bottom:30px; }
.p40-0 { padding-top:40px; padding-bottom:40px; }
.p50-0 { padding-top:50px; padding-bottom:50px; }
.p60-0 { padding-top:60px; padding-bottom:60px; }
.p70-0 { padding-top:70px; padding-bottom:70px; }
.p100-0 { padding-top:100px; padding-bottom:100px; }
.pb10 { padding-bottom:10px; }
.pb20 { padding-bottom:20px; }
.pb30 { padding-bottom:30px  }
.pb40 { padding-bottom:40px; }
.pb50 { padding-bottom:50px; }
.pb60 { padding-bottom:60px; }
.pb70 { padding-bottom:70px; }
.pb100 { padding-bottom:100px; }
.pt10 { padding-top:10px; }
.pt20 { padding-top:20px; }
.pt30 { padding-top:30px  }
.pt40 { padding-top:40px; }
.pt50 { padding-top:50px; }
.pt60 { padding-top:60px; }
.pt70 { padding-top:70px; }
.pt100 { padding-top:100px; }

/* Social Icons */
.socialIcons ul { display:inline-block; list-style:none; padding:0; }
.socialIcons ul li { display:inline-block; vertical-align:middle; }
.socialIcons ul li a { display:block; padding:5px; font-size:18px; margin:5px 10px; }

/* Global header and Footer Style */
body { margin-top:96px; }
.headerSection { background:{{themeColor}}; text-align:center; padding:25px 15px; position:absolute; z-index:1212; top:0; left:0; width:100% !important; }

{% if headerSticky == "yes" %} .headerSection { position:fixed; } {% endif %}
.siteLogo img { width:auto !important; height:auto !important; max-width:220px !important; max-height:50px !important; }
.headerSection .row-fluid .siteLogo, .headerSection .row-fluid .siteNavigation, .headerSection .row-fluid .socialIcons { width:auto; margin:0; float:left; min-width:220px; padding:0 15px; }
.headerSection .row-fluid .siteNavigation { float:none; display:inline-block;  }
.headerSection .row-fluid .socialIcons { float:right; text-align:right; }
.siteNavigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li { float:none; display:inline-block;  text-align:left; }
.siteNavigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul> li > a { color:{{menuLinkColor}}; width:auto !important; max-width:100% !important;  }
.siteNavigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:hover > a { color:{{menuLinkHover }}; }
.siteNavigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul> li ul { background:{{dropdownLinkbackground }}; }
.siteNavigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul> li > ul { border-top:25px solid {{themeColor}}; }
.siteNavigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul> li ul > li > a { width:auto !important; max-width:100%; white-space:normal; color:{{dropdownLinkColor}}; padding:15px 20px; }
.siteNavigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul> li ul > li:hover > a { background:{{dropdownLinkHoverBackground }}; color:{{dropdownLinkHover }}; }
.headerSection .row-fluid .socialIcons a { color:{{menuLinkColor}}; }
.headerSection .row-fluid .socialIcons a:hover { color:{{menuLinkHover }}; }

.footerSection { background:{{footerBg}}; padding:70px 0; color:{{footerLinks}}; border-bottom:1px solid rgba(255,255,255,0.15); }
.footerSection a { color:{{footerLinks}}; }
.footerSection a:hover { color:{{footerColor}}; }
.footerBlock .hs-menu-wrapper > ul > li > a { padding:0; }
.footerBlock .footerTitle { font-size:18px; margin-bottom:15px; color:{{footerColor}}; }
.footerSection ul { margin:0; list-style:none; }
.footerSection ul li { position:relative; }
.footerSection li.address:before { content:"\f041"; position:absolute; top:0; left:-35px; font-family:fontawesome; font-size:22px; }
.footerSection li.contact { margin-top:20px; }
.footerSection li.contact:before { content:"\f095"; position:absolute; top:0; left:-35px; font-family:fontawesome; font-size:22px; }

.footerBlock.right a { background:rgba(0,0,0,0.23); color:#fff; padding:12px 20px 10px 60px; display:inline-block; border-radius:5px; margin:25px 0 0; position:relative; text-align:left; } 
.footerBlock.right a:before { content:"\f0c2"; font-family:fontawesome; color:#fff; font-size:24px; display:inline-block; vertical-align:middle;  position:absolute; top:7px; left:20px; }
.footerBlock.right a:hover { background:rgba(0,0,0,0.43); }
.subFooter { background:{{footerBg}}; padding:40px 0; color:{{footerLinks}}; font-size:12px; }


/* Page Wise CSS 
=-=-=-=-=-=-=-=-=-=-=-=*/
/* 1. Home Page */
.heroSection { padding:200px 100px 180px ; }
.whatWeDoBoxes > span > div { padding:0 5%; margin:30px 0; width:50%; float:left; }
.whatWeDoBoxes > span > div:nth-child(2n+1) { clear:left; border-right:1px solid #eeeeee; }

.tabsMain { background:{{altSecBg}}; }
.tabLinks { padding:25px 0; border-bottom:1px solid #d5d5d5; }
.tabFilterLinks { width:100%; display:block; }
.tabFilterLinks a { display:inline-block; padding:7px 30px; border:1px solid transparent; border-radius:5px; cursor:pointer; }
.tabFilterLinks a.active ,.tabFilterLinks a:hover { border-color:{{linkColor}}; } 
.tabsMain .tabContent div.hs_cos_wrapper { max-width:20%; display:inline-block; padding:30px; margin-right:-4px; vertical-align:middle; }
.tabsMain .tabContent { display:none; }
.tabsMain .tabContent.active { display:block; }

.processBoxes { padding-top:25px; }
.processBoxes div.hs_cos_wrapper { width:30.33%; margin:1.5%; padding:35px; float:left; border:1px solid rgba(255,255,255,0.36); border-radius:5px; }
.processBoxes div.hs_cos_wrapper:nth-child(3n) { clear:right; }
.processBoxes div.hs_cos_wrapper:nth-child(3n+1) { clear:left; }

.homeVideos { padding-left:15px; padding-right:15px; }
.videoBlocks div.hs_cos_wrapper { width:33.33%; float:left;  }
.videoBlocks .videoBlock { width:100%; float:left; position:relative; height:26vw; }
.videoBlock .videoImage { position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; overflow:hidden; }
.videoBlock .videoImage img { visibility:hidden; }
.videoBlock .videoImage:before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; background:rgba(0,0,0,0.6); {{transition("all linear 0.3s")}}; }
.videoBlock .clientDetails { position:absolute; bottom:0; left:0; width:100%; padding:30px; text-align:left; z-index:2; }
.videoBlock .videoLink { z-index:3; display:block; position:absolute; top:50%; left:50%; margin:-40px 0 0 -40px; width:80px; height:80px; background:url(http://www.adherecreative.com/hubfs/adhere_2016/watchvideo-Icon.png) center top no-repeat; 
background-size:100% auto; {{ transition('all ease 0.00000001s') }}  }
.videoBlock:hover .videoImage:before { opacity:0; }
.videoBlock:hover .videoLink { background-position:center bottom; }

.prefooterForm { position:relative; }
.prefooterForm .leftImage { position:absolute; left:0; top:0; bottom:0; width:50%; overflow:hidden; }
.prefooterForm .leftImage img { visibility:hidden; }
.prefooterForm .row-fluid .formRight { float:right; }
.formRight .form-title { margin-bottom:40px; }
.formRight.noTitle .form-title { display:none; }
.formRight .hs-input { margin:15px 0 0; }
.formRight .hs-form-required { display:none; }
.formRight .actions input { margin-top:20px; }
.formRight .field { position:relative; }
.formRight .field:before { content:''; font-family:fontawesome; position:absolute; top:10px; left:15px; font-size:20px; color:#999; width:20px; text-align:center; } 
.formRight .hs_firstname .hs-input, .formRight .hs_lastname .hs-input, .formRight .hs_email .hs-input, .formRight .hs_phone .hs-input { padding-left:45px; }
.formRight .hs_firstname:before { content:"\f007"; }
.formRight .hs_lastname:before { content:"\f1ad"; }
.formRight .hs_email:before { content:"\f003"; }
.formRight .hs_phone:before { content:"\f10b"; }

/* Contact Page */
.heroContent { font-size:24px; }
.heroContent h1 { margin-bottom:20px; font-weight:400; }
.heroContent ul { padding:0; list-style:none; margin:30px 0 0; }
.heroContent ul li { position:relative; padding:10px 10px 10px 70px; margin:15px 0;  }
/*.heroContent ul li .fa { position:absolute;font-size:150%;  left:0; width:36px; text-align:center; }*/

.heroContent ul li i { display:none; }
.heroContent ul li:before { content:"\f095"; position:absolute; font-size:150%; left:0; width:36px; text-align:center; font-family:"FontAwesome"; color:#fff; top:0;   } 
.heroContent ul li:nth-child(2):before { content:"\f1ac";   } 
.heroContent ul li:nth-child(3):before { content:"\f041";   } 


/* Service Inner and Main Page */
.videoPopup a { display:inline-block; position:relative; }
.videoPopup a:before { z-index:3; display:block; position:absolute; top:50%; left:50%; margin:-40px 0 0 -40px; width:80px; height:80px; background:url(http://www.adherecreative.com/hubfs/adhere_2016/watchvideo-Icon.png) center top no-repeat; 
background-size:100% auto; content:''; }
.videoPopup a:hover:before { background-position:center bottom; }

.listStyle ul { padding:0 0 0 55px; list-style:none; }
.listStyle ul li { position:relative; }
.listStyle ul li + li { margin-top:30px; }
.listStyle ul li:before { position:absolute; font-size:30px; left:-55px; width:36px; text-align:center; content:"\f05d"; font-family:fontawesome; line-height:1.1; }

.spServiceBlocks div.hs_cos_wrapper { width:25%; display:inline-block; vertical-align:top; margin-right:-4px; padding:30px 30px 20px; }
.spSec5 .secLeft { font-size:112px; font-weight:700; line-height:1; text-align:right; }
.spSec5 .secRight { padding-left:80px; }

.spMSerBoxes div.hs_cos_wrapper { width:33.33%; display:inline-block; vertical-align:top; margin-right:-4px; padding:20px 5%; }
.spMSerBoxes h5 { font-weight:400; color:{{titleColorv2}}; }
.spMSerBoxes .button a { text-align:center; display:block; }

.doubleBlocks .row-fluid .singleBlock { width:50%; float:left; height:420px; overflow:hidden; margin:0; position:relative; } 
.singleBlock .content { padding:120px 30px 30px; position:absolute; bottom:0; left:0; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 73%, rgba(0,0,0,0.96) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 73%,rgba(0,0,0,0.96) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 73%,rgba(0,0,0,0.96) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#f5000000',GradientType=0 ); width:100% !important; }
.doubleBlocks .row-fluid .singleBlock + div { border-left:1px solid #fff; }

.spMainSec5 { background:{{themeColor }}; }
.spMainSec5 .button a:hover { border-color:{{secondaryButtonBorder }}; background:{{secondaryButtonColor}};  color:{{secondaryButtonBg}}; }

/* Conversion Page */
.cpMain .formRight > div { max-width:480px; display:block; margin:0 auto; }

/* Blog And Inner Page */
.listingTopic .block h3 { float:left; margin-right:20px; }
.listingTopic .block .widget-module { float:right; }
.listingTopic ul { float:left; margin:10px 0; padding:0; list-style:none; }
.listingTopic ul li { float:left; margin:0 0 0 30px; }
.listingTopic .filter-link-count { display:none; }
.listingTopic a.active { color:{{linkHover}}; }

body.hs-blog-listing .row-fluid .listingFull { width:100%; margin-left:0; margin-right:0; }
body.hs-blog-listing .row-fluid .listingHide { display:none; }

.aeroListing { display:block; margin:-10px -10px 0; }
.aeroListing .post-item { width:33.33%; float:left; padding:10px; }
.aeroListing .innerWrapper { position:relative; width:100%; float:left;  height:350px; background-position:center center; background-size:cover; background-color:{{textColor}}; }
.aeroListing .innerWrapper:before{content:''; position:absolute;top:0;left:0;bottom:0;width:100%;background:rgba(0, 0, 0, 0.5);}

#postAuthor { display:table; width:100%; }
.aeroListing #postAuthor {  position:absolute; padding:15px; top:0; left:0; }
#postAuthor > div { display:table-cell; vertical-align:middle; }
#postAuthor > div.hs-author-avatar { width:64px; max-width:64px; height:64px; border-radius:50%; background-position:center center; background-size:cover; border:4px solid rgba(0,0,0,0.4); margin-right:15px; }
#postAuthor .nameNdate { font-weight:700; padding-left:10px; }
#postAuthor .nameNdate label { display:block; font-size:12px; }
.aeroListing .listingBottom {  position:absolute; padding:15px; bottom:0; left:0; }
.aeroListing .listingBottom h6 { font-weight:400; }

.blogTabs .tabContent { text-align:center;  }
.blogTabs .tabContent .widget-type-linked_image { margin:0 -4px 0 0; vertical-align:middle; display:inline-block; padding:30px; width:auto; max-width:25%; float:none; }

.blogPagination { margin-top:30px; text-align:center; } 
.blogPagination a { margin:5px 15px; } 
.blogPagination a:hover { letter-spacing:2px; }

.blogInnerHero { text-align:center; }
.blogInnerHero .font24 { padding:20px 0 30px; text-align:left; }
.blogInnerHero #postAuthor { display:inline-block; width:auto; text-align:left; }

.blogSidebar h3 { font-size:{{h6Size}}; margin-bottom:15px; }
.blogSidebar .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper { width:35%; float:left; padding:0 5px 0 0; }
.blogSidebar .hs-rss-item.hs-with-featured-image .hs-rss-item-text { width:65%; float:left; padding:0 0 0 5px; line-height:1.4; color:{{linkColor}}; }

.blogSidebar .hs-rss-item { margin-bottom:23px; padding-bottom:23px; border-bottom:1px solid #d4d4d4; }

.section.post-footer { padding-bottom:0; }
#comment-form .field { margin-bottom:15px; }
#comment-form textarea, 
#comment-form input[type="text"], 
#comment-form input[type="number"], 
#comment-form input[type="email"] { padding:10px 20px; }

/* Updates : 23-12-2016 */
.row-fluid .topsocial-icon ul li a { position:relative; }
.row-fluid .topsocial-icon ul li:a:before { position:absolute; content:""; color:#fff; left:0; top:5px; font-size:18px; }
.row-fluid .topsocial-icon ul li a:hover:before { color:#444; }
.row-fluid .topsocial-icon ul li:first-child a:before { content:"\f09a"; font-family:"FontAwesome"; }
.row-fluid .topsocial-icon ul li:nth-child(2) a:before { content:"\f099"; font-family:"FontAwesome"; }
.row-fluid .topsocial-icon ul li:nth-child(3) a:before { content:"\f0e1"; font-family:"FontAwesome"; }

.row-fluid .footer-addressbox ul { padding:0; }
.row-fluid .footer-addressbox ul li { position:relative; padding-left:30px; }
.row-fluid .footer-addressbox ul li:before { position:absolute; content:""; color:#caf2fc; left:0; top:0; font-size:22px; }
.row-fluid .footer-addressbox ul li:first-child:before { content:"\f041"; font-family:"FontAwesome"; }
.row-fluid .footer-addressbox ul li:nth-child(2) { margin-top:20px; }
.row-fluid .footer-addressbox ul li:nth-child(2):before { content:"\f095"; font-family:"FontAwesome"; }

/**/
.formRight .inputs-list  { list-style:none; padding:5px 0px 0px; }
.formRight .hs_check_box , .formRight .hs_radio ,.formRight  .hs_drop_down{ padding-top:10px; }
.formRight .inputs-list li.hs-form-radio , .formRight .inputs-list li.hs-form-checkbox{ width:33.33%; display:inline-block; vertical-align:top;  }
.formRight .inputs-list li.hs-form-radio input, .formRight .inputs-list li.hs-form-checkbox input { margin-right:7px; }
.formRight select { background:url(http://www.adherecreative.com/hubfs/Aero-2016/Image/select-arrow.png) #fff no-repeat right 10px center; -webkit-appearance: none;  -moz-appearance: none; appearance: none; }

.formRight .inputs-list li.hs-form-radio:nth-child(3n), .formRight .inputs-list li.hs-form-checkbox:nth-child(3n) { clear:right; }
.formRight .inputs-list li.hs-form-radio:nth-child(3n+1), .formRight .inputs-list li.hs-form-checkbox:nth-child(3n+1) { clear:left; }

.formRight  select::-ms-expand {
    display: none;
}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=
Responsive Media Queries CSS
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

@media(max-width:1500px){
    
    .headerSection { padding:15px; }
    body { margin-top:75px; }
    .siteLogo img { max-width:180px !important; }
    .siteNavigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { padding:10px; font-size:14px;  }
    .siteNavigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul> li > ul { border-top-width:15px; }
    .headerSection .row-fluid .siteLogo, .headerSection .row-fluid .siteNavigation, .headerSection .row-fluid .socialIcons { min-width:180px; }
    
}

@media(min-width:992px){
    
    
    .siteNavigation .hs-menu-wrapper { display:block !important; }
    .prefooterForm .row-fluid .formRight { padding-left:70px; }
    .contactTop { padding:150px 0 120px; }
    .spVideoSec .videoContent { padding-left:50px; }
    .blogSidebar { padding-left:50px; }
    
}

@media (max-width: {{wrapperWidth}}px) {
    
    .wrapper { max-width:1000px; }
    
    /* Header and Footer */
    .headerSection { text-align:right; }
    .siteNavigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { padding:0 10px; }
    .headerSection .row-fluid .socialIcons a { padding:0 5px; margin:0 10px; }
    .siteNavigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > ul { border-top-width:42px;  }
    
    /* Home Page */
    .whatWeDoBoxes > span > div { padding:0 3%; }
    
}


@media ( max-width:1080px ) {
	
    body { font-size:14px; }
    .font18 { font-size:16px; }
    .wrapper { max-width:900px; }
	.font14 { font-size:13px; }
    .heroContent { font-size:18px; }
    .font24 { font-size:18px; }
    
    /* Home Page */
    .videoBlock .videoLink { width:50px; height:50px; margin:-25px 0 0 -25px; }
    .videoBlock .clientDetails { padding:15px; }
    .videoBlocks .videoBlock { height:30vw; }
    
    /* Contact Us */
    .heroContent ul li { padding-left:55px; }
    
    /* Service Inner */
    .videoPopup a:before { width:40px; height:40px; margin:-20px 0 0 -20px; }
    .spSec5 .secRight { padding-left:40px; }
    .spSec5 .secLeft { font-size:70px; }
    .spMSerBoxes div.hs_cos_wrapper { width:50%; }
    
}


@media ( max-width:991px ) {
        
    body { margin-top:70px; }
	.wrapper { max-width:700px; }
    h1 { font-size:32px; }
    h2 { font-size:28px; }
    h3 { font-size:26px; }
    h4 { font-size:24px; }
    h5 { font-size:20px; }
    h6 { font-size:16px; }
    
    .section { padding-top:40px; padding-bottom:40px; }
    .p40-0 { padding-top:30px; padding-bottom:30px; }
    .p50-0 { padding-top:35px; padding-bottom:35px; }
    .p60-0 { padding-top:40px; padding-bottom:40px; }
    .p70-0 { padding-top:45px; padding-bottom:45px; }
    .p100-0 { padding-top:50px; padding-bottom:50px; }
    .pb40 { padding-bottom:30px; }
    .pb50 { padding-bottom:35px; }
    .pb60 { padding-bottom:40px; }
    .pb70 { padding-bottom:45px; }
    .pt100 { padding-top:50px; }
    .pt40 { padding-top:30px; }
    .pt50 { padding-top:35px; }
    .pt60 { padding-top:40px; }
    .pt70 { padding-top:45px; }
    .pb100 { padding-bottom:50px; }
    
    .headerSection .row-fluid .socialIcons { margin:-35px 30px 0 0; }
    .footerSection { padding:45px 0; }
    
    /*-=-=-=-= Mobile menu -=-=-=*/
	a.expandMenu { width: 40px; height: 37px; display: block; cursor:pointer; position: absolute; top: -40px; right: 0px; padding: 5px;  }
	a.expandMenu i { position:relative; width: 30px; left:0; height: 2px; opacity:1; display: block; background:{{menuIcon}}; margin: 6px 0; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; }
	.menuOpen a.expandMenu i:first-child { transform: rotate(45deg); top: 10px; position: relative; }
	.menuOpen a.expandMenu i:nth-child(2) { position:relative; left:-46px; opacity:0; }
	.menuOpen a.expandMenu i:last-child { transform: rotate(-45deg); top: -10px; position: relative; }
    span.childExpand { position:absolute; top:0px; right:0; display:block; width:51px; height:51px; background:{{menuBg}}; cursor:pointer; }
    span.childExpand:before { content:"\f107"; display:block; text-align:center; display:block; line-height:50px; color:{{menuLink}}; font-family:fontawesome  }
    span.childExpand.open:before { content:"\f106"; }
    
    body .row-fluid .siteNavigation { position:relative; min-height:1px !important; width:100% !important; float:left !important; }
    .siteNavigation .hs-menu-wrapper { background:{{menuBg}}; position:absolute; top:15px; left:0; width:100%; display:none; }
    .siteNavigation .hs-menu-wrapper > ul { width:100%; }
    .siteNavigation .hs-menu-wrapper > ul > li { width:100% !important; float:left !important; border-top:1px solid rgba(255,255,255,0.3); position:relative; }
    .siteNavigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { display:block; padding:15px 20px; color:{{menuLink}}; }
    .siteNavigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > ul { border:none; background:transparent; visibility:visible !important; opacity:1 !important; 
    position:relative !important; width:100% !important; border-top:1px solid rgba(255,255,255,0.3); display:none; }
    .siteNavigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > ul a { text-indent:20px; }
    
    
    /* Home Page */
    .heroSection { padding:100px 40px 80px; }
    .whatWeDoBoxes > span > div { padding:0; width:100%; margin:0; }
    .whatWeDoBoxes > span > div:nth-child(2n+1) { border-right:none; }
    .whatWeDoBoxes > span > div + div { border-top:1px solid #eee; margin-top:30px; padding-top:30px; }
    .prefooterForm .row-fluid .formRight { padding-left:30px; } 
    .tabFilterLinks a { padding:7px 15px; margin:2px 0; }
    .tabsMain .tabContent div.hs_cos_wrapper { max-width:25%; padding:15px 30px; }
    .processBoxes div.hs_cos_wrapper { padding:20px 15px; }
        
    /* Service Pages */
    .spServiceBlocks div.hs_cos_wrapper { width:50%; padding:25px 15px; }
    .spServiceBlocks .serviceContent { text-align:center;  }
    
    
    /* Blog and Inner */
    .aeroListing .post-item { width:50%; }
    .blogTabs .tabContent .widget-type-linked_image { padding:15px; }
    
    
    /**/
    .formRight .inputs-list li.hs-form-radio, .formRight .inputs-list li.hs-form-checkbox { width:50%; }
    .formRight .inputs-list li.hs-form-radio:nth-child(3n+1), .formRight .inputs-list li.hs-form-checkbox:nth-child(3n+1) { clear:inherit;}
    .formRight .inputs-list li.hs-form-radio:nth-child(2n+1), .formRight .inputs-list li.hs-form-checkbox:nth-child(2n+1) { clear:left; }
     .formRight .inputs-list li.hs-form-radio:nth-child(3n), .formRight .inputs-list li.hs-form-checkbox:nth-child(3n+) { clear:inherit;}
    .formRight .inputs-list li.hs-form-radio:nth-child(2n), .formRight .inputs-list li.hs-form-checkbox:nth-child(2n) { clear:right; }
}

@media ( max-width:767px ) {
        
	.wrapper { max-width:100%; padding-left:15px; padding-right:15px; }
	.mtop10 { margin-top:10px; } /* >>>>>>> Mmargin top 10px in mobile <<<<<<<< */
    .mtop20 { margin-top:20px; } /* >>>>>>> Mmargin top 20px in mobile <<<<<<<< */
    .mtop30 { margin-top:30px; } /* >>>>>>> Mmargin top 30px in mobile <<<<<<<< */
	.mpt0 { padding-top:0 !important; }
    .mpb0 { padding-bottom:0 !important; }
    .mp0 { padding-top:0 !important; padding-bottom:0 !important; }
    .mobile-center { text-align:center; } /*>>>>>>>    text-align:center in mobile   <<<<<<<<<<<<*/
    .inner-padding { padding-left:15px; padding-right:15px; }
    .equal_height { min-height:0px !important; } /* >>>>>> Overcome min height given by JS to sections <<<<<<< */
	.text-right { text-align:center; }
	.button a, a.button { padding:12px 40px; }
    .heroContent { font-size:16px; }
    .font24 { font-size:16px; }
    /* Header Footer */
    .siteNavigation .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > ul a { text-indent:10px; }
    .footerSection { text-align:center; padding:25px 0 30px; }
    .footerBlock .footerTitle { margin:10px 0; }
    .footerBlock.center ul { text-align:left; display:inline-block; }
    .footerBlock.right a { margin:20px 0 5px; }
    .subFooter { padding:20px 0; }
    
    /* Home Page */
    .heroSection { padding:70px 15px 55px; }
    .whatWeDo .span10 { margin-top:15px; }
    .processBoxes { padding-top:10px; }
    .processBoxes div.hs_cos_wrapper { width:100%; margin:10px 0;  }
    .videoBlocks div.hs_cos_wrapper { width:100%;  }
    .videoBlocks .videoBlock { height:50vw; }
    .tabsMain .tabContent div.hs_cos_wrapper { max-width:33.33%; }
	.prefooterForm .leftImage { position:relative; width:auto; margin:0 -15px !important; }
    .formRight .form-title { margin-bottom:25px; }
    .prefooterForm .row-fluid .formRight { width:100%; padding-left:0; }
    
    /* Services Page */
    .spSec5 .secRight { padding-left:0; padding-top:15px; }
    .spSec5 .secLeft { text-align:left; font-size:60px; }
    .spMSerBoxes div.hs_cos_wrapper { width:100%; }
    .doubleBlocks .row-fluid .singleBlock { width:100%; }
    .doubleBlocks .row-fluid .singleBlock + div {  border:none; border-top:1px solid #fff; }
    
    /* Blog and inner */
    .blogTabs .tabContent .widget-type-linked_image { max-width:33.33%; }
    .listingTopic .block .widget-module { width:100%; }
    .listingTopic ul { margin:0; }
    .listingTopic ul li { margin:5px 15px 5px 0; }
    
     /**/
    .formRight .inputs-list li.hs-form-radio, .formRight .inputs-list li.hs-form-checkbox { width:33.33%; }
}

@media(max-width:480px){
    
    /* Header and Footer */
    .headerSection { padding:15px 0; position:absolute !important; }
    body { margin-top:107px; }
    a.expandMenu { right:10px; }
    .headerSection .row-fluid .siteLogo { width:100%; padding:0; text-align:center; }
    .siteLogo img { max-width:160px !important; }
    .headerSection .row-fluid .socialIcons { margin:15px 0 0; padding:0; width:100%; text-align:center; }

    /* Homepage */
    .homeVideos { padding-left:0; padding-right:0; }
    .homeVideos h3 { padding-left:15px; padding-right:15px; }
    .videoBlock .videoLink { width:30px; height:30px; margin:-30px 0 0 -15px; }
    .videoBlock .clientDetails { padding:0 15px 5px; }
    .tabLinks { margin:10px 0; padding:15px 0; }
    .tabFilterLinks a { display:block; }
    .tabsMain .tabContent div.hs_cos_wrapper { max-width:50%; padding:15px; }
    .processBox .boxTitle { margin:0; padding-bottom:15px; }
    
    /* Service Page */
    .spServiceBlocks div.hs_cos_wrapper { width:100%; padding:25px 0 0; }
    .spMSerBoxes div.hs_cos_wrapper { padding:20px 0; }
    .doubleBlocks .row-fluid .singleBlock { height:300px; }
    
    /* Blog */
    .blogTabs .tabContent .widget-type-linked_image { padding:15px; max-width:50%; }
    .aeroListing .post-item { width:100%; }
    .aeroListing .innerWrapper { height:250px; }
    
    
     /**/
    .formRight .inputs-list li.hs-form-radio, .formRight .inputs-list li.hs-form-checkbox { width:50%; }
    .formRight .inputs-list li.hs-form-radio:nth-child(3n+1), .formRight .inputs-list li.hs-form-checkbox:nth-child(3n+1) { clear:inherit;}
    .formRight .inputs-list li.hs-form-radio:nth-child(2n+1), .formRight .inputs-list li.hs-form-checkbox:nth-child(2n+1) { clear:left; }
     .formRight .inputs-list li.hs-form-radio:nth-child(3n), .formRight .inputs-list li.hs-form-checkbox:nth-child(3n+) { clear:inherit;}
    .formRight .inputs-list li.hs-form-radio:nth-child(2n), .formRight .inputs-list li.hs-form-checkbox:nth-child(2n) { clear:right; }
    
}






