/****************************************************************************/
/* This is the default custom CSS file that is included in every template.  */
/* It can be edited, but it cannot be renamed or deleted.                   */
/* You will see it included in the source of every page as                  */
/* 'Coded files/Custom/system/default/hs_default_custom_style.css'                      */
/****************************************************************************/
.hs_cos_wrapper_type_logo img {
    /* change logo size */
    width: 197px !important; /*to query later: logo was resizing to large. Not sure why JW, can you assist? This code is to fix. */
    height: 53px;
}

.form-hide-labels .field > label { display: none; }

.text-primary,
.text-primary .hs_cos_wrapper_type_header > * { color: #3494d4; }

.font-weight-300,
.font-weight-300 .hs_cos_wrapper_type_header > * { font-weight: 300; }
.font-weight-400,
.font-weight-400 .hs_cos_wrapper_type_header > * { font-weight: 400; }

.letter-spacing { letter-spacing: 0.09px; }
.letter-spacing-lg { letter-spacing: 5px; }

.btn-info.btn-info { color: #fff; background-color: #3494d4; border-color: #3494d4; }
.btn-info.btn-info:hover,
.btn-info.btn-info:focus { color: #fff; background-color: #2585c5; border-color: #2585c5; }

.page-header { margin-bottom: 0; padding: 0; }

.h5,
.h5 .hs_cos_wrapper_type_header > * { font-size: 16px; }

/*======================= Global Button Styling ======================= */
.height-600 {
    height: 600px;
}
.navbar-nav>li>a, .navbar-nav .hs-menu-wrapper>ul>li>a { padding-left: 10px; padding-right: 10px; }
/* HEADER NAV BUTTON */
/*2nd last nav button */

body .navbar-default .navbar-right .hs-menu-wrapper > ul>li:nth-last-child(2)>a {
    border-style: solid;
    border-color: #3594D4;
    border-radius: 24px !important; 
    border-width: 1px;
    color: #FFF;
    background-color: #3594D4;
    width: 124.25px;
    text-align: center;
    height: 47px;
    vertical-align: middle;
    margin-top: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-left: 15px;
}
body .navbar-default .navbar-right .hs-menu-wrapper > ul>li:last-child {
    margin-left: 15px;
}
body .navbar-default .navbar-right .hs-menu-wrapper > ul>li:nth-last-child(2)>a:hover {
    background-color: #FFF;
    color: #3594D4;
}

/*last nav button */
.navbar-default .navbar-right .hs-menu-wrapper > ul>li:last-child>a {
   border-radius: 24px !important; 
}
.navbar-default .navbar-right .hs-menu-wrapper > ul>li:last-child>a:hover {
    background-color: #FFF;
}

/*Homepage Hero Container */
@media (min-width: 1200px) { 
.home-page .hero-section h1,
.homepage-hero-container .c-h1 {
    width: 1000px;
}
.home-page .hero-section .c-h2,
.homepage-hero-container .c-h2 {
    max-width: 600px;
}
}
@media (min-width: 1200px) {  .c-h2 { max-width: 800px; } }
/*HERO BUTTONS */
body .btn-hero-1 {
    color: #3494D4;
    
}
body .btn-hero-1:hover {
    color: #FFF;
    background-color: #40D0BD;
    border-color: #40D0BD;
}
body .btn-hero-2 {
    border-color: #FFF;
    font-size: 17px; 
}
body .btn-hero-2:hover {
    color: #FFF !important;
    background-color: #40D0BD !important;
    border-color: #40D0BD !important;
}
/*======================= Global Header Styling ======================= */
/*vertical align logo */
.navbar img {
    margin:24px 0px 16px 0px;  
}    
/* style header btn */
body .navbar-right .hs-menu-wrapper > ul>li:last-child>a {
    color: #FFF !important;
}
body .navbar-right .hs-menu-wrapper > ul>li:last-child>a:hover {
    color: #40D0BD !important;
}
    
/*======================= Import fonts ======================= */
@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,700')
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic,100italic,100);
/*======================= text colours ======================= */
body .text-gray {
    color: #A0ACB6 !important;
}
body .text-blue-gray {
    color: #495762 !important;
}
/*======================= borders ======================= */
.section-border-top {
    border-top-style: solid;
    border-color: #E4E4E4;
    border-width: 1px;
}
.section-border-bottom {
    border-bottom-style: solid;
    border-color: #E4E4E4;
    border-width: 1px;
}
/*no border on contact forms */
.contact-form-no-border .form-title {
    border-width: 0px;
}
/*======================= Home Page Styling ======================= */
/* styling tile section on homepage */
/*margin top tile right quote */
.home-tile-right h6 {
   margin-top: 40px;
}

.section-tiles .p-left h2{
    margin-top: 50px;
}
/*button margins */

/*paragraph margins */
.p-left p, .p-right p {
    padding-top: 20px;
    padding-bottom: 20px;
}
.p-right .container { padding-top: 60px; }

/* RSS feed for blog - 3 columns */
@media (min-width: 992px) { /*Style rss feed module to fit 3 columns in container (rather than 4) */
    body .hs-rss-module .hs-rss-item { 
        width: 33%; 
    }
}

@media (min-width: 992px) { 
.p-left {
    padding-left: 135.75px !important;
}
.p-right {
    padding-right: 135.75px !important;
}
}

.p-left .btn {
    margin-top: 30px;
}
.p-right .btn {
    margin-top: 30px;
}
/* mobile responsive home page tiles */
@media (max-width: 991px) { 
    .home-tile-right { height: 404px;padding: 0px 0px 0px 0px;top: 0px; }
    .home-tile-right h6 { margin-top: 80px; }
     .home-tile-right .section-set-bg { height: 404px !important; }
    .home-tile-left { height: 404px; padding: 0px 0px 0px 0px;  top: 0px; }
    .home-tile-left .section-set-bg { height: 404px !important; }
    .home-tile-left h6 { margin-top: 80px; }
    .home-why-clinic { border-style: none; margin-top: 30px; }
    .p-right h2 { padding-top: 40px; }
    .p-right .btn { text-align: center; }
    .p-left h2, .p-right h2 { text-align: center; }
    body .m-res-btn .btn { margin-left: auto !important;margin-right: auto !important; text-align: center !important; }
}
@media (max-width: 408px) { 
    .home-tile-left .section-set-bg { height: 424px !important; }
}
/* bigger screens - add padding to sides of tiles */
@media (min-width: 992px) { 
    .home-tile-left { padding-left: 135.75px !important; position: relative; top: -60px; }
    .home-tile-right { padding-right: 135.75px !important; position: relative; top: -60px; }
    .no-top-padding { position: relative; top: -60px; }
}

.home-tile-right .section-set-bg {
        height: 600px;
}
.home-tile-left .section-set-bg {
        height: 600px;
}
@media (min-width: 992px) {
.home-why-clinic { /*create overlap with "why Clinic to Cloud?" section */
    position: relative;
    top: -30px;
    z-index: -1;
    margin-bottom: -90px;
}
}



/*=======================Footer Styling ======================= */
body .site-footer h4 {
    font-size: 12px;
    color: #495762;
    text-transform: uppercase;
    font-weight: 400;
    font-family: Montserrat, Helvetica, Arial, sans-serif; 
}
body .site-footer a {
    color: #A0ACB6;
    text-decoration: none;
    font-size: 11px;
    font-family: Montserrat, Helvetica, Arial, sans-serif; 
    font-weight: 200;
}
body .site-footer a:hover {
    color: #A0ACB6;
}
body .footer-container-wrapper .social-links>a {
    color: #495762;
}
body .footer-container-wrapper .social-links>a:hover{
    color: #A0ACB6;
}
/*======================= Small Hero section ======================= */
body .small-hero > .container { height: 330px !important; }
@media (min-width: 992px) {
    .small-hero > .container { height: 350px !important; }
}
/*======================= Get started Page======================= */
/*get started form */

@media (min-width: 768px) {
    .get-started-form { position: relative; top: -150px; padding: 80px 80px 80px 80px !important; }
}
@media (max-width: 767px) {
    .get-started-form { padding: 15px 15px 15px 15px !important; }
    .get-started-p { padding-top: 20px; padding-bottom: 20px; }
}

/*======================= Features Page ======================= */
/* section clinical tools */
.features-clinical-tools #hs_cos_wrapper_module_1471097762630123378 {
    margin-top: 52px;
    margin-bottom: 42px;
}
.features-clinical-tools img {
    
}
.features-clinical-tools h2 {
    margin-bottom: 0px;
}
.features-clinical-tools .custom-sub-heading {
    margin-top: 25px;
}


.section-features-mobile-access .widget-type-rich_text {
    margin-top: 38px;
    margin-bottom: 45px;
}
.section-features-mobile-access{
    margin-top: 60px;
    margin-bottom: 70px;
}
.section-features-icons h4{
    margin-top: 40px;
}
.section-features-icons p {
    margin-bottom:40px;
    max-width: 300px;
    margin-left: auto; margin-right: auto;
}
@media (min-width: 992px) {
    .section-features-icons .row-1 {
        margin-bottom: 120px;
    }
    .section-features-icons {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
}

/* adding margins when in mobile: */
@media (max-width: 991px) {
    .section-features-icons img {
        margin-top: 30px;
    }
}
.section-features-contact h2 {
    padding-top: 140px;
    padding-bottom: 18px;
}
/* JW: removing to use something like matchheight instead so doesn't overflow on mobile 
.section-features-contact .column {
    height: 708px;
}
*/
.section-features-contact .hs-custom-form {
    margin-top: 38px;
}

/*features child page - specific styling */
.section-services-child-padding {
    padding-top: 40px;
    padding-bottom: 40px;
}
.section-services-child-padding .content{
    margin-top: 40px;
    margin-bottom: 40px;
}
.section-services-child-padding img{
   /*padding-top: 30px;*/
}
.section-services-child-padding .row-1 {
    padding-top: 120px;      
}
body .section-services-child-padding .custom-sub-heading {
    margin-bottom:0px;
}

/* features child page - with coloured modules */

.features-coloured-left {
    background-color: #153B54;
    height: 600px;
}
.features-coloured-right {
    background-color: #495762;
    height: 600px;
}
.features-coloured p {
}
/*======================= Pricing Page ======================= */

.section-pricing-columns .section-set-bg {
    padding-top: 60px;
    padding-bottom: 50px;
}
.section-pricing-columns .col-1,
.section-pricing-columns .col-2,
.section-pricing-columns .col-3 {
    font-size: 20px;
    font-family: "Open Sans";
    font-weight: 300;
    padding: 60px 40px 50px 40px;
}
.section-pricing-columns .col-1 {
    min-height: 209px;
    background-color: #489ed8;
}

.section-pricing-columns .col-2 {
    min-height: 269px;
    background-color: #5b6771;
    
}
.section-pricing-columns .col-3 {
    min-height: 299px;
    background-color: #2c4e65;
}
.section-pricing-columns h1 {
    font-size: 68px;
}

.pricing-sizes .module-img {
    height: 140px;
    position: relative;
}
.pricing-sizes h2 {
    margin-bottom: 10px;
}
.pricing-sizes .sizing-sub h4 {
    padding-bottom: 80px;
    margin-top: 10px;
}
.pricing-sizes .sizing-row h4 {
    margin-top: 40px;
}
.pricing-sizes .size-col-1 img{
    position: relative;
    top: 75px;
}
.pricing-sizes .size-col-2 img{
    position: relative;
    top: 30px; 
}
.pricing-sizes .size-col-3 img{
    position: relative;
    top: -3px; 
}
}.pricing-sizes .size-col-4 img {
    position: relative;
    top: -5px; 
}

.section-pricing-CTA .pricing-cta-1 {
    margin-top: 20px;
}
.section-pricing-CTA .btn-transparent {
    margin-top: 20px;
}
.section-pricing-CTA p {
    margin-top: 0px;
}

/*======================= Case Studies Page ======================= */
.casestudy-block-title {
    margin-top: 60px;
    margin-bottom: 20px;
}
.casestudy-content-block-content {
    margin-top: 16px;
    margin-bottom: 24px;
}

/*case studies child page styling */
.section-case-studies-child h3 {
    margin-top: 120px;
}
.section-case-studies-child h5 {
    margin-top: 0px;
}
.section-case-studies-child h2 {
    margin-bottom: 50px;
}
/*======================= About Page ======================= */
.section-about-first h2 {
    margin-bottom: 0px;    
}
.section-about-first h3 {
    margin-bottom: 40px;    
}

body .section-about-second h2 { /*team member section */
    margin-bottom: 10px;
}
body .section-about-second h5 { /*team member section */
    margin-bottom: 18px;
}
body .section-about-second p { /*team member section */
    margin-bottom: 64px;
}

.section-about-third a{
    margin-top: 36px;
}

.team-member-inner { position: relative; }
.team-member .bio-toggle { position: absolute; top: 0; right: 0; height: 44px; width: 44px; text-indent: 44px; overflow: hidden; white-space: nowrap; }
.team-member .bio-toggle:before,
.team-member .bio-toggle:after { content: ''; display: block; opacity: 0; transition: all 0.2s; position: absolute; top: 50%; left: 50%; margin-top: -10px; height: 20px; width: 1px; background: #495762; }
.team-member .bio-toggle:before { transform: rotate(90deg); }
.team-member .bio-toggle:before { opacity: 1; }
.team-member .collapsed.bio-toggle:after { opacity: 1; }

/*======================= Extra Font Styling ======================= */
.custom-sub-heading {
    font-weight: 100;
    color: #7D8A95;
    font-size: 24px;
    margin-top: 35px;
}

h4, .h4 {
    font-weight: 300;
}
.opacity-50 {
    opacity: 0.5;
}
.opacity-75 {
    opacity: 0.75;
}
/*======================= Blog Styling ======================= */
/*RSS FEED BLOG BTNS */
.rss-blog-feed .hs-rss-description { margin-bottom: 20px; position: relative; padding-bottom: 60px; }
.rss-blog-feed .hs-rss-description a {
    border-style: solid;
    border-color: #34c4b1;
    color: #34c4b1;
    border-radius: 24px;
    background-color: transparent;
    position: absolute;
    display: inline-block;
    bottom: 0;
    left: 0;
    
}
.rss-blog-feed .hs-rss-description a:hover {
    color: #FFF;
    background-color: #34c4b1;  
}
/*======================= Contact Form BTNS ======================= */
body .hs-form .stacked .hs-custom-form .hs-button, .hs_submit input, .hs-button, .hs_submit input, .btn-primary {
    border-style: solid;
    border-color: #34c4b1 !important;
    color: #FFF;
    background-color: #34c4b1 !important;
    border-radius: 24px;
    
}

body .hs-button:hover {
    color: #34c4b1 !important;
    background-color: transparent !important;  
    border-color: #34c4b1;
}


/*======================= Play video section on contact page ======================= */
.btn-play-video img {
    /*horizontal alignment */
    display: block;
    margin-right: auto;
    margin-left: auto;
}
/*aligning play button vertically center */
/* above 992px viewport */

/*column height change per screen size*/
@media (min-width: 1200px) { /*large*/
    body .btn-play-video {
        height: 448px;
    }  
    .btn-play-video img {
        margin-top: 153px; /*(448/2) - (142/2) */
    }
}
@media (max-width: 1199px) { /*medium*/
    body .btn-play-video {
        height: 448px;
    }
    .btn-play-video img {
        margin-top: 153px; /*(448/2) - (142/2) */
    }
   
}
@media (max-width: 992px) { /*small*/
    body .btn-play-video {
        height: 448px;
    }
    .btn-play-video img {
        margin-top: 138px; /*(448/2) - (142/2) */
    }
}


/*======================= QUOTE SECTIONS ======================= */
/*section quote */
.section-features-quote .column-left, .column-right { height: 600px; }
body .section-features-quote .quote { margin-top: 90px; margin-bottom: 10px; color: #FFF; font-size: 24px; font-weight: 100; font: "Montserrat, Helvetica, Arial, sans-serif"; }
.quote-section { opacity: 0.5; margin-top: 17px; }
.quote-section p { margin-bottom: 0px; }
.quote-sub {font-size: 13px; opacity: 0.5; margin-bottom: 54px; }


.section-features-icons p {
    text-align: left;
}

/* styling list items into triangles */
ol li {
    position:relative;
    list-style-type: none;
    }
ol li::before{
	position:absolute;
	content:"";
	top:25%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	margin-left:-30px;
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #7d8a95; /*TRIANGLE COLOUR */
}


/* styling content block for Case Studies Parent Page */
.case-study-content-block .content-block-inner, .case-study-content-block .content-block-vertical .content-block-inner {
    text-align: left;
}

/* */

.navbar img { margin-top: 20px; margin-left: 15px; margin-right: 15px; }
@media (max-width: 767px) {
    .navbar-nav { margin-left: 0!important; margin-right: 0!important; }
    body .navbar-default .navbar-right .hs-menu-wrapper > ul>li:nth-last-child(1),
    body .navbar-default .navbar-right .hs-menu-wrapper > ul>li:nth-last-child(2) { float: left; width: 50%; margin: 0; padding-left: 15px; padding-right: 15px; }
    body .navbar-default .navbar-right .hs-menu-wrapper > ul>li:nth-last-child(1) > a,
    body .navbar-default .navbar-right .hs-menu-wrapper > ul>li:nth-last-child(2) > a { padding-left: 10px; padding-right: 10px; width: 100%; display: block; margin: 10px 0 0; }
    
    .hero-section .btn { display: block; float: left; clear: left; }
    .hero-section .btn + .btn {
        margin: 10px 0 0!important;
    }
    
    body .footer-container-wrapper .widget-type-cell { margin-bottom: 20px; }
}

@media (min-width: 768px) and (max-width: 991px) {
    body .navbar-right { display: block; float: none!important; margin: 0; }
    body .navbar-right .hs-menu-wrapper.hs-menu-flow-horizontal>ul { width: 100%; }
    body .navbar-default .navbar-right .hs-menu-wrapper > ul>li:nth-last-child(1),
    body .navbar-default .navbar-right .hs-menu-wrapper > ul>li:nth-last-child(2) { margin: 0!important; float: right!important; }
    body .navbar-default .navbar-right .hs-menu-wrapper > ul>li:nth-last-child(1) > a { margin: 0!important; }
    body .navbar-default .navbar-right .hs-menu-wrapper > ul>li:nth-last-child(2) > a { margin: 0 0 0 10px!important; }
    
    .navbar img { margin-bottom: 24px; }
    
    body .navbar-nav>li>a,
    body .navbar-nav .hs-menu-wrapper>ul>li>a { padding-top: 14px; padding-bottom: 14px; }
}

.navbar-default .navbar-right .hs-menu-wrapper > ul>li:last-child { width: auto; }
.navbar-default .navbar-right .hs-menu-wrapper > ul>li:last-child>a {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 12px 32px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    background-color: #40d0bd;
    border-color: #40d0bd;
}
.navbar-default .navbar-right .hs-menu-wrapper > ul>li.active:last-child>a { background: none!important; color: #34c4b1 !important; }

.pricing-table-header { padding: 60px 20px 50px; }
.pricing-table-header .btn { margin-top: 20px; }
.pricing-content { padding: 20px; text-align: center; }
.pricing-content ul { list-style: none; padding: 0; margin: 0; }
.pricing-content ul li { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid rgba(255,255,255,0.1); }
.pricing-content ul li:last-child { margin-bottom: 0; border: none; }

.features-coloured-right { height: auto; min-height: 600px; }

.container-play-video { position: relative; }
.container-play-video .mpf-video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; }
.container-play-video .mpf-video img { display: block; margin: 0; padding: 0; position: absolute; top: 50%; left: 50%; margin-left: -70px; margin-top: -70px; }

ol.hs_cos_flex-control-paging li:before { display: none; }

.hs_cos_flex-slider .hs_cos_flex-prev, 
.hs_cos_flex-slider:hover .hs_cos_flex-prev,
.hs_cos_flex-slider .hs_cos_flex-next, 
.hs_cos_flex-slider:hover .hs_cos_flex-next { margin-top: 55px!important; }






/* Blog grid Hero size SB 18/10/16 */
@media (min-width: 992px){
.hero-blog-grid .container {
   max-height: 600px;
}
}
/*blog categories nav */
.adv-blog-menu {background-color: #000; padding: 12px 0px;}
.adv-blog-menu a {padding: 20px 15px; color: #888; text-align: center; text-transform: uppercase; width: fit-content; }
.adv-blog-menu a:hover, .adv-blog-menu a:active {color: #888;}
.adv-blog-menu li {text-align: center; display: inline-block;width: fit-content;}
.adv-blog-menu .topics-nav {text-align:center;}

/* Blog author section styling */
body .about-author-sec {margin-top:0px;}
.section-author img {max-width: 140px; }
@media (max-width: 767px) {
    body .section-author .about-author-sec .span1 {margin-left: auto; margin-right: auto !important;}
}
/*Blog section container (reduces container to width 700px) */
@media (min-width: 768px) {
    .blog-child-container .container { width:80%  !important; max-width: 830px;}
    .blog-wrap { width:80% !important; max-width:800px !important; margin:0 auto !important; float:none  !important; }
}
/* Blog related articles heading size */
.blog-related-articles h2 {font-size: 30px;}

/*category nav for blogs */
body .blog-category-sub-nav {background-color: #eee; color: #495762;}
body .blog-category-sub-nav li a {color: #888;}
.navbar-center { float: none!important; text-align: center; }
.blog-category-sub-nav .navbar-toggle {border-color: #ddd; margin: 15px;}
.blog-category-sub-nav .navbar-toggle:hover, .blog-category-sub-nav .navbar-toggle:focus {
    background-color: #333;}
.blog-category-sub-nav .navbar-nav {margin-top:0px;}
.blog-category-sub-nav .navbar-toggle .icon-bar {background-color: #888;}
.blog-category-sub-nav .nav .hs-menu-wrapper>ul>li>a:hover {background-color: transparent; text-decoration: underline;}
body .blog-category-sub-nav {min-height: 0px !important;}
/* force related blog post content snippet to be body size text */
.blog-related-articles .post-body,.blog-related-articles .post-body h1,.blog-related-articles .post-body h2,.blog-related-articles .post-body h3,.blog-related-articles .post-body h4,.blog-related-articles .post-body h5,.blog-related-articles .post-body h6 {font-family: Roboto,Arial,sans-serif; font-size: 15px;}

/* jw 25/08/2016 */
.blog-hero-section,
.blog-hero-featured { position: relative; }
.blog-hero-section:before,
.blog-hero-featured:before { content: ''; display: block; position: absolute; background: #495762; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.8; }

body .blog-hero-section .post-meta,
body .blog-hero-featured .post-meta { color: #a0acb6; font-size: 16px; }
body .blog-hero-section .post-meta a,
body .blog-hero-featured .post-meta a { color: #3494d4; }
body .blog-hero-featured .post-meta:after { display: none; }
body .blog-hero-featured .btn-lg { padding: 13px 43px; font-size: 14px; font-family: "Open Sans", arial, sans-serif; font-weight: 600; }

.hs-blog-listing .post-header h2 a, .hs-blog-listing .post-header .post-title a { text-decoration: none!important; }
.hs-blog-listing .post-header h2 a:hover, .hs-blog-listing .post-header .post-title a:hover { color: #3494d4; }

body .btn-transparent.btn-primary { background: none!important; }
body .btn-transparent.btn-primary { color: #34c4b1; }
body .btn-transparent.btn-primary:hover,
body .btn-transparent.btn-primary:focus { color: #fff; background: #34c4b1!important; border-color: #34c4b1; }

.section-subscribe-inline .inline-form { margin-top: 31px; display: block; }
.section-subscribe-inline .inline-form > div {width: fit-content; }
.inline-form { display: none; }
.inline-form .form-title { display: none; }
.inline-form .hs-button { border-radius: 0; padding: 13px 20px; line-height: 22px; }



.section-subscribe-stack .form-title, 
.section-subscribe-stack legend,
.section-subscribe-stack .hs-form-required { display: none; }
.section-subscribe-stack .hs-button.large { padding: 10px 32px; margin-top: 25px;}
.section-subscribe-stack .hs-form-field, 
.section-subscribe-stack .form-group { margin: 0;  }
.section-subscribe-stack .hs_submit { text-align: right;}
.hs-blog-listing .about-author-sec { width: auto; }


.section-testimonial { background: url('//www.clinictocloud.com/hubfs/testimonial-bg.png') no-repeat right #3494d4; color: #fff; }
.section-testimonial > div { background: url('//www.clinictocloud.com/hubfs/quote-1.png') no-repeat top left; color: #fff; }
.section-testimonial .vertical-align-middle { min-height: 420px; }
.section-testimonial blockquote { font-style: normal; font-size: 24px; font-weight: 300; line-height: 1.33; border: none; padding: 0; margin: 0; color: #fff; }
.section-testimonial blockquote p { margin-bottom: 24px; }
.section-testimonial blockquote cite { font-style: normal; opacity: 0.5; font-size: 16px; }
.section-testimonial blockquote cite small { opacity: 0.5; color: #fff; font-size: 13px; line-height: 1.54; }
.section-testimonial blockquote:before { display: none; }

/* below styling is to fix the home page tile responsiveness SB 4 Nov 2016*/
.p-left .container {padding-bottom: 0px !important;}
@media (min-width: 992px) and (max-width: 1199px) {
   .no-top-padding {padding-right: 50px; top: -120px;}
   .section-tiles a {margin-top: 0px;}
   .home-tile-left {top: -101px;}
   .home-why-clinic {top: -30px;}
}
.spacer-xs { height: 10px; }
.spacer-sm { height: 30px; }
.spacer-md { height: 50px; }
.spacer-lg { height: 100px; }
.spacer-xl { height: 120px; }

.blog h4 {font-size: 18px; font-weight: 300;}
.blog h5 {font-size: 16px; font-weight: 400; color: #333;}
.blog h6 {font-size: 16px; font-weight: 300; color: #333;}

/* Adwords LP */
.adwords-category-tile { width: 500px; height: 500px; padding-top: 120px;  }
.Adwords-LP-FAQ .panel-group .panel-primary>.panel-heading .panel-title a:after { margin-top: -20px; RIGHT: 10PX; }
.Adwords-LP-FAQ .panel-group .panel-primary>.panel-heading .panel-title a {color: #495762; background-color: #F5F5F5; font-size: 15px; text-align: left; padding-top: 14px; padding-bottom: 14px; padding-left: 12px; }
.Adwords-LP-FAQ .panel-group-accordion .panel-primary>.panel-heading .panel-title {color: #495762; background-color: #F5F5F5; font-size: 15px; }
.Adwords-LP-FAQ .panel-group .panel-primary>.panel-heading .panel-title a:after {color: #3494D4; }
.Adwords-LP-FAQ .panel-group .panel-primary { border: none; }
.Adwords-LP-FAQ .panel-group .panel-primary .collapsed { }
.Adwords-quote-section .h5 { color: #FFF; opacity: 0.5; font-weight: 300 }
.Adwords-quote-section h5 { font-weight: 300 }
.Adwords-quote-section .small { color: #FFF;   }
.show { visibility: visible;opacity: 1; }
.hide { visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear;  }
.adwords-category-tile,  { opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
.tile-overlay { background-color: #000; opacity: 0.5; }
.Adwords-LP .tile-overlay .btn { background-color: #FFF; color: #153B54; }
.Adwords-LP .hero-section h1 { font-size: 32px; }
@media (max-width: 479px) {
    .Adwords-LP .hero-section h1 { font-size: 21px; }
}
.Adwords-LP .navbar-nav { margin-top: 25px; }
.Adwords-LP .navbar-nav .btn-transparent { margin-right: 20px; }
.Adwords-LP .navbar-nav a:last-child:hover { background-color: transparent!important; color: #34c4b1; }
.Adwords-LP h2 { font-size: 36px; }
.Adwords-LP .Adwords-feature-container .entry-title { font-size: 24px; font-weight: 200; color: #7D8A95; }
.Adwords-LP .Adwords-feature-container a { font-family: "Montserrat",Helvetica,Arial,sans-serif; font-size: 13px; font-weight: 400; }
.Adwords-LP .testimonial-img img { border-radius: 200px; border: solid 4px #FFF!important; } 
@media (min-width: 992px) { .Adwords-LP .testimonial-img img { width: 200px!important;} }
@media (max-width: 991px) { .Adwords-LP .testimonial-img img { width: auto; height: auto;} }
@media (max-width: 991px) { .Adwords-LP .testimonial-img img { width: auto; height: auto;} }

.Adwords-LPv2 .footer-container-wrapper { padding-bottom: 0!important; }
.Adwords-LPv2 p { margin-bottom: 20px; }
.Adwords-LPv2 hr { border-top-color: #dedede; }
.Adwords-LPv2 .form-title { display: none; }
.Adwords-LPv2 label { margin-bottom: 0; }
.Adwords-LPv2 .hs-input { border-color: #fff; }

body.Adwords-LPv2 .hs-button { font-weight: 600; display: block; float: left; color: #fff!important; border-color: #fff!important; background-color: transparent!important; }
body.Adwords-LPv2 .hs-button:hover,
body.Adwords-LPv2 .hs-button:focus { color: #3494d4!important; border-color: #fff!important; background-color: #fff!important; }

.Adwords-LPv2 .content-block { font-size: 13px; color: #828282; font-weight: 300; letter-spacing: 0.08px; font-family: Montserrat, Helvetica, Arial, sans-serif; margin-bottom: 60px; }
.Adwords-LPv2 .content-block-title { font-size: 16px; color: #4a4a4a; font-weight: 400; font-family: Montserrat, Helvetica, Arial, sans-serif; margin: 20px 0; }

.Adwords-LPv2 .panel-group-accordion .panel-primary { padding-bottom: 20px; }

@media (min-width: 768px) {
    body.hs-landing-page.Adwords-LP .hero-section { padding-top: 0; padding-bottom: 0; }
    .Adwords-LP .hero-section h1 { margin: 20px 0; font-size: 48px; }
    .Adwords-LP .hero-section .container { height: 500px; }
    .Adwords-LP .hero-section .container > div { display: table; width: 100%; height: 100%; }
    .Adwords-LP .hero-section .container > div > div { display: table-cell; vertical-align: middle; }
}

/* scrolling text-header module styling */
@media (min-width: 768px) { .change-container { width: 620px; } }
.change-container         { position: relative; display: inline-block; width: 100%; margin-bottom: -0.27em; }
.changing                 { 
    position: absolute; 
    overflow: hidden; 
    display: inline-block;
    width: 100%; 
    left: 0; 
    bottom: 0; 
    height: 0; 
    opacity: 0; 
    text-rendering: optimizeLegibility;
    -webkit-animation: revealNextWord 12s ease-in-out infinite; 
    animation: revealNextWord 12s ease-in-out infinite;
}
.changing:nth-child(2)    {-webkit-animation-delay:3s;animation-delay:3s}
.changing:nth-child(3)    {-webkit-animation-delay:6s;animation-delay:6s}
.changing:nth-child(4)    {-webkit-animation-delay:9s;animation-delay:9s}
@-webkit-keyframes revealNextWord{
    0 { opacity: 0; height: 0 }
    5% { opacity:1; height:1.2em }
    20% { opacity:1; height:1.2em }
    30% { opacity:0; height:1.5em }
    70% { opacity:0 } 
}
@keyframes revealNextWord{
    0 { opacity: 0; height: 0 }
    5% { opacity:1; height:1.2em }
    20% { opacity:1; height:1.2em }
    30% { opacity:0; height:1.5em }
    70% { opacity:0 } 
}
    

/*feature sections - new styling */
.feature-box .expanded { display: none; }
.feature-hide { display: none; }
.feature-box { position: relative; }
.feature-box .feature-btn { 
    position: absolute; 
    left: 50%; 
    margin-left: -75px; 
    bottom: -20px; 
    width: 150px; 
    padding: 8px; 
    background: #3494D4; 
    color: #FFF; 
    text-align: center;  
    text-transform: uppercase;  
    text-decoration: none; 
    font-weight: bold;  
    overflow: visible;
    border: 2px solid #3494D4;
    background-color: #3494d4; 
    border-radius: 20px; 
    border: 2px solid #3494d4;
    font-size: 13px;
    font-weight: 400;
    transition: none;
    font-family: "Montserrat",Helvetica,Arial,sans-serif; } 
.feature-box .btn-open:after { content: '\f106'; font-family: fontawesome; font-weight:bold; color:#fFF; font-size: 28px; top: 20%; margin-top: -10px; position: absolute; left: 45%;}
.feature-box .btn-open { height: 40px; padding: 0px;}
.feature-box .heading { font-size: 22px; color: #7D8A95; }
.Adwords-feature, .entry { border: 2px solid #3494D4; position: relative; }
.Adwords-feature .Adwords-feature-header, .entry { padding: 30px 20px 53px 20px; }
.Adwords-feature .Adwords-feature-btn { background-color: #3494D4; color: #FFF; border-radius: 0px; border: 2px solid #3494D4; font-size: 13px; padding: 8px 20px; position: absolute; left: 50%; margin-left: -75px; bottom: -20px; width: 150px; }
.Adwords-feature .Adwords-feature-header .btn-container { position: relative; }
.Adwords-feature-container { max-width: 400px;  margin: 0 auto; }
.entry-content { overflow: hidden; }
.entry-title,.entry-title a { margin-top: 0; font-family: Oswald, sans-serif; color: #333; text-decoration: none;}
.entry-title a:hover {  color: #555;}

/* Restyling  Navbar - 11th Jan 2017 SB */
/* Global */
    .navbar-nav { font-family: Montserrat,Helvetica,Arial,sans-serif; font-weight: 200; color: #A0ACB6; font-size: 15px; }
/* last 2 nav buttons */
    @media (min-width: 768px) {
        body  .navbar-default .navbar-right .hs-menu-wrapper > ul>li:nth-last-child(2)>a { font-size: 13px; font-weight: 400; letter-spacing: 2px; }
        .navbar-default .navbar-right .hs-menu-wrapper > ul > li:last-child > a { font-size: 13px; font-weight: 400; letter-spacing: 2px; }
    }
/* Desktop */
    .navbar-default .navbar-nav>.active>a,     .navbar-default .navbar-nav>.active>a:hover,     .navbar-default .navbar-nav>.active>a:focus, 
    .navbar-default .navbar-nav .hs-menu-wrapper>ul>.active>a,     .navbar-default .navbar-nav .hs-menu-wrapper>ul>.active>a:hover, 
    .navbar-default .navbar-nav .hs-menu-wrapper>ul>.active>a:focus { background-color: transparent !important; color: #495762; font-weight: 300; }
    .navbar-nav .fa { display: inline-block; width: 15px; font-size: 10px; }
    .open>.dropdown-menu { display: block !important; }
    body .navbar-right .dropdown-menu { right: auto; left: 0px; border-radius: 2px; border-radius: 2px!important;}
/* Mobile */
    .navbar-default .navbar-toggle { border: none; }
    .navbar-default .navbar-toggle .icon-bar { background-color: #4C4C4C; margin-top: 6px; }
    body .hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts>ul li.hs-item-has-children:hover ul.hs-menu-children-wrapper { display: none; }
    body .hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts>ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: none; }
    body .hs-menu-children-wrapper>li>a, .dropdown-menu>li>a { color: #a0acb6; font-size: 14px; padding: 10px 15px; border-bottom: none; font-family: Montserrat,Helvetica,Arial,sans-serif; font-weight: 200; color: #A0ACB6; font-size: 15px; }
    @media (max-width: 767px) {
        body .hs-menu-children-wrapper, .dropdown-menu { border: none; border-top: 1px solid #D7D7D7; box-shadow: none; }
        .navbar-default .navbar-nav .hs-menu-wrapper .hs-menu-depth-1.active-branch > a { font-weight: 400; color: #495762; background-color: transparent;}
        .navbar-default .navbar-nav .hs-menu-wrapper .hs-menu-depth-2.active-branch > a { font-weight: 400; color: #495762; background-color: #F7F7F7;}
        .hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper { margin-bottom: 10px; }
        body .hs-menu-children-wrapper, .dropdown-menu { float: none; }
         .navbar-default .navbar-toggle { color: #4C4C4C; } 
        body .navbar-default .navbar-toggle .icon-bar { background-color: #4C4C4C; }
        body .navbar-default .navbar-toggle .icon-bar:hover { background-color: #555; }
        .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: transparent!important; color: #444; }
    }
    .navbar-default .navbar-nav .hs-menu-wrapper .hs-menu-depth-1.active-branch > a { font-weight: 400; color: #495762; background-color: transparent;}
    .navbar-default .navbar-nav .hs-menu-wrapper .hs-menu-depth-2.active-branch > a { font-weight: 400; color: #495762; background-color: #F7F7F7;}
    body .hs-menu-children-wrapper>li>a:hover, .hs-menu-children-wrapper>li>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {color: #40d0bd;} 
  
  
/* 2017 Stylesheet Updates */
.footer-info { text-align: right; color: #495762; }
.footer-info img { margin-bottom: 30px; }
.footer-info .social-links { margin-top: 20px; margin-bottom: 20px; }
@media (max-width: 767px) { .footer-info  { text-align: center; } }

.footer-features { padding-top: 40px; padding-bottom: 30px; }
.footer-features p { font-size: 15px; color: #495762; margin-top: 5px;}
.site-footer { padding-top: 50px; }
.lead { font-family: Montserrat, Helvetica, Arial, sans-serif; }
body { font-weight: 200; }
.hs-rss-byline { display: none; }

@media (max-width: 991px) { .hide-mobile { display: none!important; } }
@media (min-width: 992px) { .hide-desktop { display: none!important; } }

.row-fluid .navbar.stiky-nav { position:fixed; background:#fff; width:100%; z-index:99; top:0; left:0; }
.fix-nav { padding-top:90px; }

.cscontent-secleft p { padding:10px 0 15px; }
.cscontent-secright { text-align:center; }
.row-fluid .challenges-right  { padding-top:10px; padding-bottom:50px; }
.challenges-testimonialbox .column-right { height:auto !important; }
.row-fluid .challenges-right ul { font-size:20px; line-height:28px; padding-top:10px; padding-bottom:25px; }
.row-fluid .challenges-right ul li { padding-bottom:10px; }
.row-fluid .challenges-testimonialcont { margin:0; width:100%;  }
.challenges-testimonialimg  { display:inline-block; margin:0 0 20px; width:57px; height:57px; border-radius:100%; background-size:cover; background-position:center; }
.challenges-testimonialtext { color:#5c5c5c; font-size:13px; padding:0 0 20px; }
.challenges-testimonialname { color:#3fa6dc; font-size:16px; }
.challenges-testimonialpcn { font-size:13px }
.howwehelp-section { margin:80px 0 0; border-top:1px solid #979797;  padding-top:50px; }
.howwehelp-section h2 { margin:0; padding:0 0 60px; }
.howwehelp-section h5 { font-size:20px; line-height:28px; font-weight:400; color:#5b6a75; }

.howwehelp-secbimg { display:inline-block; margin:0 0 20px; width:120px !important; padding:0 20px; height:120px; border-radius:100%; border:2px solid #2d93d7; text-align:center; }
.howwehelp-secbimg img { max-height:70px; width:auto !important; }
.howwehelp-secbimg > div { position:relative; display:block; top:50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.clienttestimonial-section { background:url(//www.clinictocloud.com/hs-fs/hubfs/images/expanded-case-study/bg-2.jpg) no-repeat center; background-size:cover; padding:0 !important; }
.clienttestimonial-section .container { padding:220px 0; position:relative; }
.clienttestimonial-section .container:before { content:''; position:absolute; left:0; top:0; background:url(https://www.clinictocloud.com/hubfs/images/expanded-case-study/quote-icon.png) no-repeat; width:263px; height:169px; }
.clienttestimonial-contmain { position:relative; }

.clienttestimonial-img  { display:inline-block; margin:0 0 20px; width:120px; height:120px; border-radius:100%; background-size:cover; background-position:center; }
.row-fluid .clienttestimonial-cont { float:left; width:100%; margin:0; }
.clienttestimonial-text { position:relative; margin:0 0 20px; font-size:20px; }
.clienttestimonial-personname { font-size:16px; font-weight:400; }
.clienttestimonial-companyname { font-size:13px; font-weight:300; }

.results-secleft { position:relative; }
.results-secleft:before { content:''; position:absolute; top:0; height:100%; width:8000px; right:100%; margin:0 -220px 0 0; background:#3fa6dc; }
.results-secleft > .cell-wrapper { text-align:center; display:inline-block; position:relative; width:450px; height:450px; padding:0 55px; border-radius:100%; border:10px solid #3fa6dc; background:#fff; color:#3fa6dc; font-size:18px; line-height:24px; font-weight:300; }

.results-secleft h4 { font-size:40px; line-height:46px; color:#3fa6dc; font-weight:500; }
.results-secleft > .cell-wrapper span { position:relative; display:block; top:50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.results-secright h2 { margin:0 0 15px; font-weight:300; }
.results-secright h5 { font-size:20px; line-height:26px; margin:0; color:#5b6a75; font-weight:400; }
.results-secright p { padding:15px 0; }
.results-secright { font-size:15px; font-weight:300; }
.text-style { border-left:8px solid #3fa6dc; padding:0 0 0 30px; color:#9a9a9a; font-size:13px; font-weight:300; line-height:18px; }

.content-section2  { font-size:15px; font-weight:300; padding-top:0; }
.content-section2 h5 { font-size:20px; line-height:26px; margin:0 0 15px; color:#5b6a75; font-weight:400; }
.content-section2 .text-style { margin:20px 0 0; }

.ecs-page .small-hero .btn { margin-top:20px; }

.cs-img { display:inline-block; border-radius:100%; width:200px; height:200px; background-size:cover; background-position:center; }
.cs-img img { display:none; }
.cs-boxes .content-block-image, .cs-boxes .content-block-inner { display:inline-block; vertical-align:middle; }
.cs-boxes h2 { margin-top:0; }
.cs-boxes .content-block-sub-title { line-height:24px; }
.cs-boxes .hs_cos_wrapper_widget { border-top:1px solid #d8d8d8; }
.cs-boxes .hs_cos_wrapper_widget:first-child { border:none; }


.blog-share a { display:inline-block; background:#213c53; text-align:center; width:30px; height:30px; line-height:26px; border:2px solid #213c53; color:#fff; border-radius:100%; margin:0 0 0 8px; }
.blog-share a:hover { background:none; color:#213c53; } 
.blog-share a .fa-facebook { margin:6px 0 0; vertical-align:top; }
.blog-share a .fa-twitter { margin:1px 0 0 2px; }

@media (min-width: 1200px) {

    .row-fluid .challenges-right.container.last { margin-left:27px!important; }

    
}

@media (min-width: 768px) { 
    
    .cscontent-secright { margin:100px 0; padding:100px 25px; border-left:1px solid #979797; }
    
    .row-fluid .column-half .challenges-right.container { max-width:526px; }
    .challenges-testimonialcontmain { padding:0 0 0 90px; position:relative; }
    .challenges-testimonialimg { position:absolute; left:0; top:0; }
    
    .howwehelp-secbimg { position:absolute; left:0; top:0; }
    .row-fluid .howwehelp-sectext { margin:0; width:100%; }
    .howwehelp-secbox { padding-left:150px; position:relative; }
    
    .clienttestimonial-contmain { padding:0 0 0 220px; }
    .clienttestimonial-section .container { padding-left:5% !important; padding-right:5% !important; }
    .clienttestimonial-img { position:absolute; left:0; top:0; }

    .clienttestimonial-text:before { content:''; position:absolute; left:-50px; top:0; height:100%; width:8px; background:#3494d4; }
    
    .results-secright h2 { font-size:36px; line-height:44px; margin:0 0 25px; }
    
    .ecs-page .small-hero > .container { height:500px !important; }
    
    
    .cs-boxes .hs_cos_wrapper_widget { float:left; width:50%; padding:0 20px 0 0; clear:left; } 
    .cs-boxes .hs_cos_wrapper_widget:nth-child(2n) { padding-right:0; padding-left:20px; clear:right; }
    .cs-boxes .hs_cos_wrapper_widget:nth-child(2) { border:none; }
    
    
    .cs-boxes .content-block-image { width:220px; }
    .cs-boxes .content-block-inner { width:calc(100% - 230px); padding-left:15px; }
    

}

@media (min-width: 768px) and (max-width: 1200px) {

    .results-secleft > .cell-wrapper { width:350px; height:350px; padding:0 45px; }
    .results-secleft h4 {  font-size:30px; line-height:31px; }
    .results-secleft:before { margin:0 -180px 0 0; }
    
}

@media (max-width: 767px) { 
    
    .challenges-left { height:400px; }
    
    .cscontent-secleft h2 { font-size:28px; line-height:32px; }
    .clienttestimonial-section .container:before { background-size:100% auto; width:133px; height:89px; }
    .clienttestimonial-section .container { padding:100px 0; }
    .clienttestimonial-text { font-size: 16px; }
    .results-secleft > .cell-wrapper { width: 280px; height: 280px; padding: 0 24px;  font-size: 16px; line-height: 20px; }
    .results-secleft h4 { font-size: 20px; line-height: 21px; }
    .results-secleft:before { display:none; }
    
    .results-secright { padding:35px 0 0; }
    .content-sect2right { padding:30px 0 0; }
    .howwehelp-section { margin: 0; }
    
    .cs-boxes .content-block { padding:30px 0 !important; }
    .cs-boxes h2 { margin-top:15px; font-size:25px; }
    
    
 }
 
 .post-meta .author-avatar { display: inline-block; vertical-align: middle; margin-left: 6px; }
 .post-meta .author-avatar img { width: 40px; height: 40px; border-radius: 50%; }

.footer-post-meta { padding-bottom: 30px; }
.blog-child-container .section { padding-top: 40px; }

body.hs-landing-page .section { padding-top: 70px; padding-top: 70px; }
@media (min-width: 768px) {
    .get-started-form {
        top: -71px; 
        margin-bottom: -71px;
    }
}

.mtn.widget-type-header .hs_cos_wrapper_type_header > * { margin-top: 0; }
.about-author-sec img { border: none; }

.blog-grid .hs-featured-image-wrapper { height: 300px; position: relative; overflow: hidden; }
.blog-grid .hs-featured-image-wrapper a { display: block; height: 100%; }
.blog-grid .hs-featured-image-wrapper a img { height: 100%; width: 100%; object-fit: cover; }

.hs-blog-listing .post-header h2, 
.hs-blog-listing .post-header .post-title { margin-bottom: 15px; }

@media (min-width: 992px) {
    .blog-grid .post-listing > .post-item { width: 50%; }
    .blog-grid .post-listing > .post-item:nth-child(3n+1) { clear: none; }
    .blog-grid .post-listing > .post-item:nth-child(2n+1) { clear: left; }
}

.blog-search { padding:50px 0 0; }
.blog-search label { display:none; }
.blog-search .field { position:relative; padding:0 0 0 60px; }
.blog-search .hs-button { margin: 0; border-radius: 0; color: #333; padding: 0; border: none!important; position:absolute; background:url(https://www.youandco.com.au/hubfs/youandco/images/search-icon.png) no-repeat center!important; width:44px; height:44px; left:0; top:0; font-size:0; cursor:pointer; }
.blog-search .hs-button:hover { opacity:0.4; }
.blog-search input { border:none; border: none; box-shadow: none; border-left:1px solid #d1d1d1; font-size:20px; padding:0 30px; }

@media (max-width: 767px) {
    .hs-landing-page .hero-section h1 { font-weight: 300; }
    .hs-landing-page .hero-section .lead { font-weight: 300; }
    .hs_submit input { max-width: 100%; white-space: normal; }
}

/* video hero */
.hero-section { position: relative; overflow: hidden; }
.hero-section video { 
    top: 50%;
    left: 50%;
    height: 100%;
    position: absolute;
    display: block;
    transform: translateX(-50%) translateY(-50%);
    width: 133.3333vh;
    min-width: 100%;
    min-height: 75vw;
    max-width: none;
}
.hero-section.has-video:before { content: ''; display: block; z-index: 2; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(52,148,212,0.7); }


@media (min-width: 992px) {
    body.case-study-parent .hero-section > .container { height: 457px; }
    body.case-study-parent .hero-section p.lead { max-width: 660px; }
    body.case-study-parent .content-block-case-study,
    body.case-study-parent .content-block-case-study[style] { padding-top: 80px!important; padding-bottom: 100px!important; }
}

.cs-boxes .hs_cos_wrapper_widget { border-color: #f4f4f4; }

body.case-study-parent { font-weight: 300; }
body.case-study-parent .casestudy-block-title { font-weight: 300!important; }
@media (max-width: 767px) {
    body.case-study-parent .content-block-case-study { text-align: center; }
    body.case-study-parent .content-block-case-study .casestudy-block-title { margin-bottom: 10px; }
    body.case-study-parent .content-block-case-study .content-block-sub-title { margin-bottom: 0; }
}

body.case-study-parent .content-block-case-study-featured { padding: 0!important; }
.content-block-case-study-featured { position: relative; z-index: 10; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); margin-left: -15px; margin-right: -15px; background-color: #153b54; color: #fff; background: url('https://www.clinictocloud.com/hubfs/case-study-bg%20%281%29.jpg') no-repeat center; background-size: cover; }
.content-block-case-study-featured .feature-banner { background: #fff; display: block; font-size: 19px; font-weight: 300; color: #495762; padding: 10px 30px; position: relative; z-index: 2; }
.content-block-case-study-featured .feature-banner:after { content: ''; display: block; position: absolute; top: 100%; left: 30px; width: 0; height: 0; border-style: solid; border-width: 8px 6.5px 0 6.5px; border-color: #fff transparent transparent transparent; }
.content-block-case-study-featured .mpf-video { display: block; position: relative; }
.content-block-case-study-featured .mpf-video:after { content: ''; position: absolute; top: 50%; left: 50%; margin-top: -33.5px; margin-left: -48px; display: block; background: url('https://www.clinictocloud.com/hubfs/play-arrow.png') no-repeat center #3494d4;; width: 96px; height: 67px; }
.content-block-case-study-featured .mpf-video img { display: block; width: 100%; }
.content-block-case-study-featured .case-study-inner { padding: 40px 30px; }
.content-block-case-study-featured .case-study-inner h2 { font-size: 26px; color: #fff; line-height: 1.2308; margin: 0 0 20px; font-weight: 300!important; }
.content-block-case-study-featured .case-study-inner h2 em { color: #38c8af; font-weight: 400; font-style: normal; }
.content-block-case-study-featured .case-study-inner .hs-cta-wrapper { display: block; margin-top: 20px; }

@media (min-width: 480px) {
    .content-block-case-study-featured { margin: -20px auto 0; max-width: 480px; }
}
@media (min-width: 992px) {
    .content-block-case-study-featured { margin: -95px auto 0; max-width: none; }
    .content-block-case-study-featured .row:after { content: ''; display: table; clear: both; }
    .content-block-case-study-featured .case-study-video { float: right; width: 50%; }
    .content-block-case-study-featured .case-study-inner { float: left; width: 50%; }
    .content-block-case-study-featured .case-study-inner { padding: 110px 50px 30px; }
    .content-block-case-study-featured .case-study-inner h2 { margin-bottom: 30px; }
    .content-block-case-study-featured .case-study-inner .hs-cta-wrapper { margin-top: 40px; }
    
    .content-block-case-study-featured .feature-banner { font-size: 26px; line-height: 1.2308; display: inline-block; position: absolute; top: 0; left: -46px; padding: 12px 20px; font-weight: 300; }
    .content-block-case-study-featured .feature-banner:after { left: 0; border-width: 0 46px 23px 0; border-color: transparent #aaaaaa transparent transparent; }
}



.well { background-color: #f4f4f4; padding: 30px 30px 40px; border-radius: 6px; border: 2px solid #f3f3f3; margin: 50px 0; }
.well + .well { margin-top: -50px; border-top: none; }
.well p:last-child { margin-bottom: 0; }
.well h3 { margin-top: 20px; margin-bottom: 50px; }
.well h4 { margin-top: 0; margin-bottom: 20px; }
.well hr { height: 2px; margin-top: 40px; margin-bottom: 40px; }

h4[data-callout]:before { content: attr(data-callout); text-transform: uppercase; color: #fff; font-size: 16px; display: inline-block; font-family: Montserrat, Helvetica, Arial, sans-serif; background-color: #3494d4; border-radius: 3px; font-weight: 700; position: relative; top: -1px; margin-right: 20px; padding: 2px 15px; vertical-align: middle; }

.well.well-white { background: #fff; }

.post-body h3 { font-weight: 300; }
.post-body blockquote { border: none; border-left: 8px solid #3494d4; margin: 40px auto; letter-spacing: 0.09px; font-style: normal; font-weight: 300; font-family: Montserrat, Helvetica, Arial, sans-serif; color: #495762; padding: 0 0 0 30px; font-size: 15px; line-height: 1.5; }
.post-body blockquote:before { display: none; }
.post-body blockquote.blockquote-2 { text-align: center; color: #3494d4; border: none; border-top: 1px solid #3494d4; border-bottom: 1px solid #3494d4; margin-bottom: 60px;font-weight: 300; font-size: 20px;  margin-top: 60px; padding: 40px 0; }
.post-body blockquote.blockquote-2:before { content: ''; display: block; background: #fff url('https://www.clinictocloud.com/hubfs/quotes%20%281%29.png') no-repeat center; height: 42px; width: 110px; position: absolute; top: -21px; left: 50%; margin-left: -55px; }

@media (max-width: 767px) {
    .arrow-mob { display:inline-block; }
    .arrow-dt { display:none; }
}

@media (min-width: 768px) {
    .arrow-dt { display:inline-block; }
    .arrow-mob { display:none; }
}

.set-bg { background-size: cover; background-position: center; background-repeat: norepeat; }
.get-bg { display: none!important; }
.text-inverse,
.text-inverse .hs_cos_wrapper_type_header > * { color: #fff; }

.section-hero .container > div { height: 100%; width: 100%; display: table; float: none!important; }
.section-hero .container > div > div { display: table-cell; vertical-align: middle; }

.lp-interactive { background-color: #f5f5f5; }
.lp-interactive > .footer-container-wrapper { display: none; }
.lp-interactive .section-hero { padding-top: 50px; padding-bottom: 60px; }
.lp-interactive .section-hero .container { height: 190px; transition: all 0.2s; }
.lp-interactive .section-hero h1 { margin-bottom: 30px; }
.lp-interactive .section-hero .ttu { margin-bottom: 50px; }
.lp-interactive .btn { font-family: Montserrat, sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 1px; text-transform: none; }
.lp-interactive .btn-default,
.lp-interactive .btn-primary { background-color: #40d0bd!important; border-color: #40d0bd!important; }

.lp-interactive .reveal:focus { outline: none; }
/* added margin to body container wrapper to ensure CTA can be scrolled to */
.lp-interactive #question-0 { margin-bottom:180px; }
.lp-interactive:input, .lp-interactive .radio.group { border: 1px solid transparent; -webkit-transition: border 1s; transition: border 1s; }

@media (max-width: 1199px) {
    .lp-interactive .section-hero h1 { font-size: 45px; }
}
@media (max-width: 991px) {
    .lp-interactive .section-hero h1 { font-size: 30px; }
    .lp-interactive .section-hero .ttu { font-size: 12px; margin-bottom: 50px; }
}

.ttu { font-family: Montserrat, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.375; text-transform: uppercase; letter-spacing: 1.5px; }

.lp-interactive .footer-container-wrapper { font-family: Montserrat, sans-serif; font-size: 13px; letter-spacing: 0.08px; font-weight: 300; background-color: #fafafa; padding-bottom: 44px; padding-top: 44px; }
.lp-interactive .footer-container-wrapper .footer-right { padding-top: 17px; padding-bottom: 17px; }
@media (min-width: 768px) {
    .lp-interactive .footer-container-wrapper .footer-right { text-align: right; }
}

.content-b2text { margin-bottom: 30px; }
.content-b2link { font-weight: 400; }
.content-b2link .fa { font-size: 9px; }

.c3 > span { display: block; margin-left: -15px; margin-right: -15px; }
.c3 > span:after { content: ''; display: table; clear: both; }
.c3 > span > div { width: 100%; float: left; padding-left: 15px; padding-right: 15px; }
@media (min-width: 768px) {
    .c3 > span > div { width: 33.3333%; }
}

.text-info,
.text-info .hs_cos_wrapper_type_header > * { color: #3494d4; }

.fwl,
.fwl .hs_cos_wrapper_type_header > * { font-weight: 300; }

.ttu .hs_cos_wrapper_type_header > * { font-size: 16px; font-weight: 400; line-height: 22px; text-transform: uppercase; letter-spacing: 7px; margin-bottom: 32px; }

body.careers-child { font-weight: 300; }
body.careers-child p { margin-bottom: 20px; }
body.careers-child ul { margin-bottom: 30px; }
body.careers-child ul li { margin-bottom: 10px; }

body.careers-child .form-title { display: none; }
body.careers-child label { margin: 0; }
body.careers-child .hs-input { border-color: #fff; }
body.careers-child .hs-form .hs-input[type=file] { color: #fff; font-size: 13px; }
body.careers-child .hs-form { text-align: left; }
body.careers-child .hs-form .hs_submit input { color: #fff!important; border-color: #fff!important; background: none!important; }
body.careers-child .hs-form .hs_submit input:hover,
body.careers-child .hs-form .hs_submit input:focus { color: #4894d6!important; border-color: #fff!important; background: #fff!important; }

.section-bg-gradient-top { background-image: linear-gradient(to top, rgba(250, 250, 250, 0) 0%, #f3f3f3 286px); }

.section-header { border: none; max-width: 707px; margin-left: auto; margin-right: auto; }
.section-header h1 { font-size: 26px; font-weight: 300; line-height: 1.2308; color: #495762; padding-bottom: 24px; margin-bottom: 20px; }
.section-header h1:after { width: 54px; height: 4px; margin-left: -27px; background: #3494d4; }
.section-header p { font-size: 15px; font-weight: 300; letter-spacing: 0.09px; line-height: 1.53333; color: #495762; }

.lead-wrapper { font-weight: 200; font-size: 20px; line-height: 1.6; }

.mfp-video a { position: relative; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2); display: inline-block; }
.mfp-video a:before { position: absolute; content: ''; display: block; background: url('https://www.clinictocloud.com/hubfs/play-icon.png') no-repeat center; height: 63px; width: 89px; top: 50%; left: 50%; transform: translate(-50%,-50%); }

.section-video { background-position: center 156px; background-repeat: no-repeat; background-color: #fff; }
.section-video .container { max-width: 862px; }
@media (max-width: 767px) { 
    .section-video { background-position: center 100px; }
}

.testimonial { padding-left: 110px; }
.testimonial blockquote { font-size: 20px; line-height: 1.6; font-weight: 200; color: #fff; padding-top: 0; padding-bottom: 0; padding-left: 30px; border-left: 8px solid #3494d4; margin-bottom: 22px; }
.testimonial .details { color: #fff; padding-left: 38px; font-size: 13px; }
.testimonial .details .name { color: #fff; font-size: 16px; }
@media (max-width: 767px) {
    .testimonial-horizontal .testimonial-headshot { text-align: left; position: static; margin-bottom: 10px; }
    .testimonial { padding-left: 0; }
    .testimonial blockquote { font-size: 16px; }
}

.slider-testimonial { padding-bottom: 32px; }
.slider-testimonial .slick-arrow { outline: none; z-index: 2; background: none; border: none; padding: 0; height: 16px; width: 16px; overflow: hidden; text-indent: 16px; position: absolute; bottom: 0; right: 0; }
.slider-testimonial .slick-arrow:before { font-size: 21px; position: absolute; height: 16px; width: 16px; line-height: 16px; top: 0; left: 0; text-indent: 0; text-align: center; font-family: fontawesome; color: #fff; }
.slider-testimonial .slick-arrow:hover:before { color: #3494d4; }
.slider-testimonial .slick-arrow.slick-next:before { content: '\f105'; }
.slider-testimonial .slick-arrow.slick-prev { right: 22px; }
.slider-testimonial .slick-arrow.slick-prev:before { content: '\f104'; }

@media (min-width: 768px) {
    .section-dividors { padding-right: 30px; border-right: 1px solid #dedede; }
    .section-dividors + .section-dividors { padding-left: 30px; padding-right: 0; border: none; }
}
@media (min-width: 992px) {
    .section-dividors { padding-right: 69px;; }
    .section-dividors + .section-dividors { padding-left: 69px; }
}

.icon-block { margin-bottom: 20px; }
.icon-block-content h3 { margin: 10px 0; color: #3494d4; font-size: 16px; font-family: Montserrat, Helvetica, Arial, sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; }
.icon-left .icon-block { text-align: left; display: table; width: 100%; }
.icon-left .icon-block > div { display: table-cell; vertical-align: middle; }
.icon-left .icon-block .icon-block-content { padding-left: 30px; }

.pricing-option { text-align: center; margin-top: 30px; margin-bottom: 30px; background-color: #495762; color: #fff; font-size: 13px; font-weight: 300; letter-spacing: 0.08px; font-family: Montserrat, Helvetica, Arial, sans-serif; }
.pricing-option-title { color: #495762; font-size: 11px; font-size: 11px; font-weight: 400; text-transform: uppercase; letter-spacing: 5px; background-color: #a1a8ad; padding: 10px; margin: 0; }
.pricing-option-inner { padding: 30px 40px 40px; }
.pricing-option-payment { font-size: 16px; font-weight: 400; margin-bottom: 15px; }
.brand-alt .pricing-option { background-color: #153b54; }
.brand-alt .pricing-option-title { color: #153b54; background-color: #5f798a; }

.site-footer-simple { padding-top: 50px; padding-bottom: 35px; background-color: #fafafa; color: #495762; font-size: 13px; font-weight: 300; letter-spacing: 0.08px; text-align: center; }
.site-footer-simple img { margin-bottom: 30px; }

.columns > span { display: block; margin-left: -15px; margin-right: -15px; }
.columns > span:after { content: ''; display: table; clear: both; }
.columns > span > div { float: left; width: 100%; padding-left: 15px; padding-right: 15px; }
@media (min-width: 768px) {
    .columns-4 > span > div { width: 25%; }
    .columns-4 > span > div:nth-child(4n+1) { clear: left; }
}

.isotope-filter span { vertical-align: middle; font-size: 16px; margin: 5px 20px; color: #3494d4; font-weight: 300; letter-spacing: 2px; text-transform: uppercase; font-family: Montserrat, Helvetica, Arial, sans-serif; display: inline-block; }
.isotope-filter .nav { background-color: #d8d8d8; display: inline-block; vertical-align: middle; }
.isotope-filter .nav > li { }
.isotope-filter .nav > li > a { font-size: 16px; font-family: Montserrat, Helvetica, Arial, sans-serif; font-weight: 400; line-height: 22px; padding: 3px 20px; text-transform: uppercase; letter-spacing: 2px; color: #888888; background-color: #ecebeb; }
.isotope-filter .nav > li:hover > a { background-color: #f6f5f5; }
.isotope-filter .nav > li.active > a { color: #fff; background-color: #3494d4; }
@media (max-width: 767px) {
    .isotope-filter .nav  { background: none; }
    .isotope-filter .nav > li { float: none; }
}