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

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

/****************************************/
/* HubSpot Style Boilerplate            */
/****************************************/

/* These includes are optional, but helpful. */



/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/*Common*/
.background-blue{background:#36a7e1;}
.background-blue h3, .background-blue p{color:#fff;}
.background-green{background:#2eca91;}
.background-green h2, .background-green p{color:#fff;}
.background-grey{background:#f8f8f8;}

.common-padding{padding:80px 0;}

/*Content Marketing*/
.cm-features{padding-bottom:80px; border-bottom:1px solid #f0f0f0;}
.cm-features .welcome-text{margin:0 0 80px 0;}
.cm-features .service-image img, .cm-features .service-image{height:auto;}
.cm-features .service-image{margin:0 0 30px 0;}
.cm-services{padding-top:80px;}
.cm-services .about-services-box img, .cm-services .about-services-box{height:auto;}
.cm-services .about-services-box{width:21.86%; height:270px; padding:39px 0 30px 0;}
.cm-services .about-services-box .images{margin:0 0 30px 0;}
.our-writing-process{padding:80px 0; color:#fff;}
.our-writing-process h2, .our-writing-process p{color:#fff;}

/*Marketing Health Check*/
.mhc-features{padding:80px 0 0 0;}
.mhc-features img{height:auto;}
.mhc-features .service-image{height:148px;}
.marketing-health-box{ padding: 80px 0; text-align: center; }
.mhc-detail-list {background: #36a7e1; padding: 80px 0; }
.mhc-detail-list h5{ color:#fff; text-decoration: underline; }
.mhc-detail-list p{ 
    color:#fff; 
    font-size:24px; 
    display: table-cell;
    vertical-align: middle; 
}
.mhc-detail-list .number{     
    font-size: 60px;
    font-family: ProximaNova-Extrabold;
    opacity: 0.1;
    display: table-cell;
    vertical-align: middle;
    padding-right:30px;
}
.mhc-detail-list .list-box { width: 50%; float: left; padding:30px 20px 0 0;  }
.mhc-detail-list .list-box.last {
    float: left;
    margin: 0 auto;
    overflow: hidden;
    padding: 30px 25px;
}
.mhc-detail-list .list-box-devider {
    width: 25%;
    float: left;
    border-top: 1px solid #fff;
    display: table;
    height: 100%;
    margin: 70px 0 0;
}
.marketing-solution-form {
    background: #2eca91;
    padding: 80px 0;
    text-align: center;
    color:#fff;
}
.marketing-solution-form  h2{ color: #fff; text-align: center; }
.marketing-solution-form  p{ color: #fff; text-align: center; }
.marketing-solution-form form {
    width: 60%;
    margin:40px auto 0 auto;
}
.marketing-solution-form label {
  color: #fff;
  display: inline-block;
  font-family: ProximaNova-Bold;
  font-size: 16px;
  margin-bottom: 10px;
}
.marketing-solution-form .hs-error-msgs label{ color: red;}
.marketing-solution-form input{ height: 50px !important; border: none !important; border-radius:0 !important; margin-bottom:20px; }
.marketing-solution-form textarea{ border: none !important; border-radius:0 !important; min-height:110px; }
.marketing-solution-form .hs-form-field{ margin: 0 !important; text-align: left; }
.marketing-solution-form .hs-button.primary.large {
  background: #e52c3b none repeat scroll 0 0;
  color: #fff;
  font-family: ProximaNova-Bold;
  font-size: 24px;
  height: 70px !important;
  margin: 10px 0 0;
  padding: 15px 7px;
  width: 100%;
  box-shadow: inset 0 0 0 transparent;
  transition:ease-in-out all 0.6s;
  -webkit-transition:ease-in-out all 0.6s;
  -ms-transition:ease-in-out all 0.6s;
  -o-transition:ease-in-out all 0.6s;
}
.marketing-solution-form .hs-button.primary.large:hover{ box-shadow: inset 800px 0 0 #081b47; }



/************** Test Form Css *********************/
.cta-test-form {
    background: #2eca91;
    padding: 80px 0;
    text-align: center;
    color:#fff;
}
.cta-test-form  h2{ color: #fff; text-align: center; }
.cta-test-form  p{ color: #fff; text-align: center; }
.cta-test-form form {
    width: 60%;
    margin:40px auto 0 auto;
}
.cta-test-form label {
  color: #fff;
  display: inline-block;
  font-family: ProximaNova-Bold;
  font-size: 16px;
  margin-bottom: 10px;
}
.cta-test-form .hs-error-msgs label{ color: red;}
.cta-test-form input{ height: 50px !important; border: none !important; border-radius:0 !important; margin-bottom:20px; }
.cta-test-form textarea{ border: none !important; border-radius:0 !important; min-height:110px; }
.cta-test-form .hs-form-field{ margin: 0 !important; text-align: left; }
.cta-test-form .hs-button.primary.large {
  background: #e52c3b none repeat scroll 0 0;
  color: #fff;
  font-family: ProximaNova-Bold;
  font-size: 24px;
  height: 70px !important;
  margin: 10px 0 0;
  padding: 15px 7px;
  width: 100%;
  box-shadow: inset 0 0 0 transparent;
  transition:ease-in-out all 0.6s;
  -webkit-transition:ease-in-out all 0.6s;
  -ms-transition:ease-in-out all 0.6s;
  -o-transition:ease-in-out all 0.6s;
}

/****************** Hubspot COS Development ****************************/
.hubspot-cos-offer .business-problems-box{ padding:40px; height:500px; }
.hubspot-cos-offer .business-problems-box p{ color: #081b47 !important; }
.business-problems.hubspot-cos-offer { background: #36a7e1 none repeat scroll 0 0; }
.business-problems.hubspot-cos-offer h2{ color:#fff; }
.business-problems.hubspot-cos-offer p{ color:#fff; }
.global-yogi-lab-accordian{ background:#f8f8f8; padding:80px 0 40px 0; }
.accordion { display: inline-block; margin-top: 50px; width:100%; }
.accordion-section{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    margin-bottom: 30px;
}
.accordion-section-title {
  background: #fff none repeat scroll 0 0;
  color: #081b47;
  display: inline-block;
  font-size: 24px;
  font-family: Proximanova-Bold;
  padding: 20px;
  transition: all 0.15s linear 0s;
  width: 100%;
}
.accordion-section-title.active {
	border-bottom:1px solid #e0e0e0;
    text-decoration: none; 
}
.accordion-section-title:focus { text-decoration: none; } 
.accordion-section-content {
	padding:15px 25px;
	display:none;
}
.what-customer-says { padding: 80px 0 50px 0; }

.accordion-section-title .fa {
    float: right;
    font-size: 35px;
    transition: ease-in-out all 0.4s;
    -webkit-transition: ease-in-out all 0.4s;
    -ms-transition: ease-in-out all 0.4s;
    -o-transition: ease-in-out all 0.4s;
}
.accordion-section-title.active .fa {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms=transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

/***************************** Growth Driven Dedign *****************************/
.sales-and-marketing-graph { padding: 80px 0; text-align: center; }
.sales-and-marketing-graph img{ width:70%; margin:0 auto;}
.growth-driven-methodology.about-service-box { padding:80px 0 50px; }
.growth-driven-methodology .service-box span {
    color: #2eca91;
    font-size: 24px;
    vertical-align: middle;
}
.growth-driven-methodology .text-center p { padding-bottom: 60px; }
.growth-driven-methodology .all-began {
    margin: 0 auto;
    text-align: center;
    width: 65%;
}
.growth-driven-methodology .all-began p{ margin-bottom:30px; }
.traditional-growth-driven-design { background: #f8f8f8 none repeat scroll 0 0; padding: 80px 0; }
.traditional-growth-driven-design .two-ways-box-inner {
    border-right: 1px solid #081b47;
    float: left;
    text-align: right;
    width: 50%;
    margin-top:40px;
    position: relative;
    padding-bottom:30px;
}
.traditional-growth-driven-design .two-ways-box-inner .versis {
  background: #fff none repeat scroll 0 0;
  border-radius: 100%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  font-family: ProximaNova-Bold;
  height: 75px;
  padding-top: 26px;
  position: absolute;
  right: -37px;
  text-align: center;
  top: -4px;
  width: 75px;
  z-index: 999;
}
.traditional-growth-driven-design .two-ways-box-inner.right{ border: none; text-align:left; }
.traditional-growth-driven-design .two-ways-box-inner ul{ padding:0; margin:0; }
.traditional-growth-driven-design .two-ways-box-inner ul li{ padding:15px 60px; }
.traditional-growth-driven-design .two-ways-box-inner ul li::before{ display: none; }
.traditional-growth-driven-design .two-ways-box-inner ul .title {
    background: #36a7e1 none repeat scroll 0 0;
    color: #fff;
    font-family: ProximaNova-Bold;
    font-size: 24px;
}
.traditional-growth-driven-design .two-ways-box-inner.right ul .title{ background:#2dc78f; }




@media( max-width : 767px ){
    .marketing-health-box{ padding:30px 0; }    
    .mhc-features{padding:30px 0 0 0;}
    .mhc-detail-list{ padding:30px 0; }
    .mhc-detail-list .list-box{ width:100%; float: none; }
    .mhc-detail-list .number{ font-size:36px; padding-right: 15px; }
    .mhc-detail-list p{ font-size:18px; }
    .hubspot-cos-offer .business-problems-box{ height:auto; }
    .global-yogi-lab-accordian{ padding:30px 0 10px 0; }
    .accordion-section-title{ font-size: 18px; padding:15px; }
    .what-customer-says { padding: 30px 0 20px; }
    .hubspot-cos-offer .business-problems-box{ padding:15px; }
    .growth-driven-methodology .all-began{ width:100%; }
    .our-writing-process{ padding:30px 0; }
    .traditional-growth-driven-design .two-ways-box-inner
    {
        border:none;
        width:100%;
        text-align: center;
    }
    .traditional-growth-driven-design .two-ways-box-inner ul li{ padding:6px 30px; }
    .traditional-growth-driven-design .two-ways-box-inner ul .title{ font-size:20px; }
    .traditional-growth-driven-design .two-ways-box-inner .versis{ display: none; }
    .globalyogi-lab-business-box.growth-driven-slider{ padding:15px; }
    .traditional-growth-driven-design .two-ways-box-inner{ padding-bottom:0; }
    .traditional-growth-driven-design .two-ways-box-inner.right{ text-align: center; }
    .traditional-growth-driven-design{ padding:30px 0; }
    .sales-and-marketing-graph{ padding:30px 0; }
    .growth-driven-methodology.about-service-box{ padding:30px 0 0 0;}
    .traditional-growth-driven-design br{ display: none; }
    .marketing-solution-form{ padding:30px 0; }
    .marketing-solution-form form{ width:100%; }
    .marketing-solution-form .hs-button.primary.large{ font-size:14px; }
    .mhc-detail-list .list-box-devider{ display: none; }
    .mhc-detail-list .list-box.last{ padding:30px 0; }
    .sales-and-marketing-graph img{ width:100%;}
}
@media ( min-width: 768px )  and ( max-width: 1023px ){
    .hubspot-cos-offer .business-problems-box { height: 585px; padding: 20px; }    
    .testimonial .span2{ display: none !important; }
    .testimonial .span4{ width:46% !important; }
    .traditional-growth-driven-design br{ display: none; }
    .marketing-solution-form form{ width:70%; }
    .mhc-detail-list .list-box-devider{ display: none; }
    .mhc-detail-list .list-box.last{ padding:30px 0; }
}