/*=============================================================================================
                                        Home page css start
=============================================================================================*/

/*------------------------------------hero banner css start----------------------------------*/

.hero-banner{ color:#fff;}

.inner-hero{ text-align:center; max-width:770px; margin:0 auto !important;float: none !important;padding: 200px 0 110px;}
.inner-hero h1, .inner-hero h2{ font-size:74px; font-weight:700; line-height:1;letter-spacing: 1px;}
.inner-hero p{ line-height: 1.2; font-size:24px; font-weight:500;font-family: 'Roboto', sans-serif;margin: 20px 0 10px;}
.inner-hero a{ background:#d8630f; font-size:18px; font-weight:600;font-family: 'Roboto', sans-serif; display:inline-block;padding: 18px 20px; border:2px solid transparent;}
.inner-hero a:hover{ background:#fff; color:#d8630f; border:2px solid #d8630f;}

/*------------------------------------ Form section css start----------------------------------*/

.form-section{background: rgb(216,99,15); 
background: -moz-linear-gradient(left, rgba(216,99,15,1) 1%, rgba(224,114,23,1) 48%, rgba(247,153,45,1) 85%);
background: -webkit-linear-gradient(left, rgba(216,99,15,1) 1%,rgba(224,114,23,1) 48%,rgba(247,153,45,1) 85%); 
background: linear-gradient(to right, rgba(216,99,15,1) 1%,rgba(224,114,23,1) 48%,rgba(247,153,45,1) 85%); color:#fff;}

.inner-form{ padding:50px 0 26px;}

.left-form{ width:40% !important; word-spacing: 4px;}
.left-form h3{ font-size:28px; font-weight:700; line-height:1.2;}
.left-form p{ font-size:20px; font-weight:400; word-spacing: 0px;margin-top: 40px;}

.webinar-now-form{ float:right !important; width:53% !important;}
.webinar-now-form input[type="text"],.webinar-now-form input[type="tel"], .webinar-now-form input[type="email"]{ width:100% !important; background:transparent; border:3px solid #fff;padding: 11px 10px; color:#fff;}
.webinar-now-form .hs-form-field{ width:49% !important; float:left; margin-right:2%;}
.webinar-now-form .hs-form-field:nth-of-type(2){ margin-right:0;}
.webinar-now-form input[type="submit"]{ margin-top:22px; background:#fff; border:3px solid transparent; color:#d8630f; font-weight:600; font-size:22px; width:100%;padding: 11px 0px;}
.webinar-now-form input[type="submit"]:hover{ background:transparent; border:3px solid #fff; color:#fff;}
.webinar-now-form label span{ font-size:14px; text-transform:uppercase;margin-bottom: 5px; display: inline-block;}

/*------------------------------------ Headline  css start----------------------------------*/

.headline-sec{ background:#fcfcfc;}

.headline-row{ margin-bottom:130px;}

.inner-headline{ text-align:center;padding: 110px 0;}
.inner-headline h2{ font-size:55px; font-weight:600; line-height:1;}
.inner-internal-headline h3{ font-size:30px; font-weight:500; line-height:1.5;}
.inner-headline p{ font-weight:400;font-family: 'Roboto', sans-serif; font-size:21px; max-width:1060px; margin:0 auto; line-height:1.7;}
.inner-internal-headline a { color: #1c54a3; font-size: 18px; font-weight: 400; font-family: 'Roboto',sans-serif; }
.inner-internal-headline a:hover{ color:#d8630f;}
.inner-internal-headline ul {list-style:square; padding-left: 40px; margin-bottom:30px;}
.inner-internal-headline ul li {font-size: 18px; font-style:normal; font-weight:400; color:#000; margin: 0 auto 8px;}
.inner-internal-headline ul li {list-style:square; padding:0;}

.main-box{ position:relative;    align-items: center;}

/*.white-bg{ float:left; background:#fff; padding: 50px 75px;position: absolute; top: 50%; left: 18%;transform: translateY(-50%);}*/
.white-bg { background: #fff; padding: 50px 75px; position: relative; left: 9%; width: 42.7%; }
.white-bg.right-grey-bg { order: 2; left: -13%; right: 0; }
.back-img { min-height: 445px; width: 57%;background-position: center top !important;}
.back-img.right-grey-bg { order: 1; }
.white-bg.right-grey-bg .inner-story:after{right:auto;left:-5px;}
.right-grey-bg:before { position: absolute; width: 10px; height: 147px; background: #d8630f; content: ""; top: 50%; left: -5px; transform: translateY(-50%); }
.white-bg.right-grey-bg:after{display:none;}

.inner-story{ max-width: 530px;}
.inner-story h2{ font-size:42px; font-weight:600; line-height:1;}
.inner-story p{ font-size:18px; font-weight:400;font-family: 'Roboto', sans-serif; line-height:1.7; margin-bottom: 10px;}
.inner-story a{font-family: 'Poppins', sans-serif; font-size:22px; font-weight:600;border-bottom: 3px solid #000;}
.inner-story a:hover{color:#d8630f; border-bottom:3px solid #d8630f;}
.white-bg:after { position: absolute; width: 10px; height: 147px; background: #d8630f; content: ""; top: 50%; right: -5px; transform: translateY(-50%); }

.more-success-btn{ text-align:center;margin-bottom: 142px;}
.more-success-btn a, a.more-success-btn{ font-weight:600; font-size:22px;font-family: 'Poppins', sans-serif; display:inline-block;padding: 15px 25px; border:2px solid #000; background:#fff; text-transform: lowercase;}
.more-success-btn a:hover, a.more-success-btn:hover{ background:#000; color:#fff;}



/*------------------------------------ Inbound Agency  css start----------------------------------*/

.inner-inbound{ padding: 70px 0;position:relative;}

.inner-inbound h3{ font-size:21px; font-weight:500; text-transform:uppercase; color:#fff; letter-spacing:1px; text-align:right;}
.inner-inbound h2{ font-size:40px; font-weight:700; color:#fff;line-height:1.29; max-width: 450px;margin-top:40px;margin-bottom: 150px; }
.inner-inbound a{ font-weight:600; font-size:22px;font-family: 'Roboto', sans-serif; display:inline-block;padding: 25px 47px; border:2px solid #fff; color:#fff; float:right;}
.inner-inbound a:hover{ background:#fff; color:#000;}
.inner-inbound a:after { position: absolute; content: ""; background: #fff; right: 138px; height: 433px; width: 2px; top: 105px; }

.top-border hr {margin-top: 9px; border-top:1px solid #fff;}

/*------------------------------------  blog section  css start----------------------------------*/

.inner-blog{ padding: 140px 0 75px;}
.inner-blog h2{ font-size:42px; font-weight:600; color:#000; line-height:1.2; max-width: 450px;position:relative;}
.inner-blog h2:after { position: absolute; content: ""; background: #000; height: 5px; width: 137px; left: 0; bottom: -30px; }
.inner-blog a{ font-weight:600; font-size:22px;font-family: 'Poppins', sans-serif; display:inline-block;padding: 56px 0px 5px; border-bottom:5px solid #000; color:#000; float:right;}
.inner-blog a:hover{ color:#d8630f; border-bottom:5px solid #d8630f;}
.inner-blog .first-letter { display: none;}
.inner-blog .featured-post {max-width: 955px;  margin: 105px auto 0;}
.inner-blog .main-fea h2:after{ display:none;}

.main-fea { width: 31.6%; float: left; margin-right: 2.5%;}
.main-fea:last-child{ margin-right:0;}

.inner-blog .main-fea a{ border-bottom:0;padding-top:0; font-size:12px; font-weight:300; text-transform:uppercase;font-family: 'Roboto', sans-serif; padding-bottom:0;width: 100% !important;}
.featured-post .hs-featured-image { float: left; margin: 0; max-width: 100%;width: 100% !important;max-height:200px; }
.inner-blog .main-fea .title h2 a{ font-size:16px; font-weight:600;font-family: 'Poppins', sans-serif; text-transform:capitalize;}

.main-fea .post-b p{ font-family: 'Roboto', sans-serif; font-weight:300; font-size:15px; line-height: 1.7;}
.main-fea p{ margin-bottom:0;}
.inner-blog .main-fea h2{line-height:inherit;margin-bottom: 5px; }

.right-fetch{ border:1px solid #000; padding:20px; border-top: 0;}
.inner-blog .read-more a{ font-size:12px; font-weight:600;font-family: 'Poppins', sans-serif;text-transform: capitalize;}
.inner-blog .read-more img{ max-width: 9px; margin-left: 5px; width:100%;}
.read-more { margin-top: 15px;display: inline-block;}

/*------------------------------------  Bottom CTA Bar section  css start----------------------------------*/

.cta-bar{
background: #1b55a4; 
background: -moz-linear-gradient(left, #1b55a4 1%, #1b63b0 46%, #1a7ec6 87%);
background: -webkit-linear-gradient(left, #1b55a4 1%,#1b63b0 46%,#1a7ec6 87%);
background: linear-gradient(to right, #1b55a4 1%,#1b63b0 46%,#1a7ec6 87%);}

.inner-cta-bar{ padding:60px 0 68px;flex-wrap: wrap; align-items: center; display: flex;}
.inner-cta-bar h2{ color:#fff; font-weight:700; font-size:42px; color:#fff; display:inline-block; margin-top: 13px; line-height:1.2; max-width: 900px;}
.inner-cta-bar a{ font-size:22px; background:#fff; color:#1b55a4; font-weight:600; float:right; display:inline-block;padding: 15px 25px; border:2px solid transparent;}
.inner-cta-bar a:hover{ border:2px solid #fff; background:transparent; color:#fff;}

/*=============================================================================================
                                        Internal Pages 1 page css start
=============================================================================================*/

/*.internal-hero { border-top: 2px solid #fff; border-bottom: 1px solid #fff; }*/
.inner-internal-hero{ padding:125px 0 112px 7%;}
.inner-internal-hero h1{ font-size:75px; font-weight:700; color:#fff; line-height:1.1; max-width: 500px;position: relative; letter-spacing: 1px;margin-bottom: 30px;}
.inner-internal-hero h1:after { background: #d8630f; content: ""; position: absolute; height: 5px; left: 0; width: 280px; bottom: -16px; }
.inner-internal-hero p{ font-size:24px; font-weight:400;font-family: 'Roboto', sans-serif; color:#fff;max-width: 580px; line-height: 1.5; }


.link-section{ background: rgb(216,99,15); /* Old browsers */
background: -moz-linear-gradient(left, rgba(216,99,15,1) 0%, rgba(218,103,17,1) 31%, rgba(235,133,34,1) 59%, rgba(248,156,46,1) 98%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(216,99,15,1) 0%,rgba(218,103,17,1) 31%,rgba(235,133,34,1) 59%,rgba(248,156,46,1) 98%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(216,99,15,1) 0%,rgba(218,103,17,1) 31%,rgba(235,133,34,1) 59%,rgba(248,156,46,1) 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}

.inner-link{ color:#fff; padding:45px 0 25px 9.3%;}
.inner-link ul li{ display:inline-block; margin-right:18px;}
.inner-link ul li:last-child{ margin-right:0;}
.inner-link ul li a{ text-transform:uppercase; font-weight:600; font-size:16px; padding-bottom:10px; display:inline-block; border-bottom:2px solid transparent; padding-right:7px;}
.inner-link ul li:hover a{ border-bottom:2px solid #fff;}

.internal-inner-content{ padding:85px 0 56px;}
.section-header h2{ color:#000; font-size:40px; font-weight:600; margin-bottom:50px; line-height:1; position:relative;left:-6%;text-align:center;}
.section-header h2:after { border-top: 5px solid #000; content: ""; margin: 0 auto; position: absolute; top: 50%; left: 0; bottom: 0; width: 50%; z-index: -1; } 
.section-header h2 span{ background:#fff; padding-left:20px;}

.right-header h2{ color:#000; font-size:40px; font-weight:600; margin-bottom:50px; line-height:1; position:relative;left:0;text-align:right;}
.right-header h2:after { border-top: 5px solid #000; content: ""; margin: 0 auto; position: absolute; top: 50%; right: 0; bottom: 0; width: 35%; z-index: -1; } 
.right-header h2 span{ background:#fff; padding-right:20px;position: relative; right: 34%;}


.internal-inner-content p{ font-size:18px; font-family: 'Roboto', sans-serif; line-height:1.7;}
.internal-inner-content img { display: block; margin: 0 auto 90px;}
.internal-inner-content h2 {font-size:40px; color:#000; line-height:1.2; font-weight: 600; margin-bottom:10px; margin-top: 20px;}
.internal-inner-content h3 {font-size:30px; line-height:1.5; font-weight: 500;}
.internal-inner-content h4 {font-size:22px; line-height:1.5; font-weight: 400;}
.internal-inner-content ul {list-style: square; padding-left:40px; margin-bottom:30px;}
.internal-inner-content ul li {list-style: square; padding:0}
.internal-inner-content ul li {font-size:18px; font-style: normal; font-weight:400; color:#000;margin:0 auto 8px;}

.main-internal-inner{ position:relative;}
.middle-content{ max-width:980px; margin:0 auto !important; float:none !important;}



/*=============================================================================================
                                        Internal Pages 2 page css start
=============================================================================================*/

.inner-internal-headline{ max-width:1000px;margin: 0 auto !important; float: none !important;}
.inner-internal-headline h2{ font-size:40px; font-weight:600; color:#000; text-align:left; line-height:1.2; margin: 70px 0 50px;}
.inner-internal-headline p{ font-size:18px; font-weight:400;font-family: 'Roboto', sans-serif;margin-bottom: 85px; line-height:1.7;}
.inner-internal-headline img{ width:100% !important;}

.midd-box{ margin-top:135px;margin-bottom: 12px;}
.midd-box p{ font-size:18px;font-family: 'Roboto',sans-serif;    line-height: 1.7;}
.midd-box p span { font-size: 22px; font-weight: 600;font-family: 'Roboto',sans-serif;}
.midd-box p a{ color: #1b55a4; }
.midd-box p a:hover{ color:#d8630f; }

.main-midd-content h2{ text-align:center;color: #d8630f; font-size: 40px; font-weight: 600; margin-bottom: 50px;line-height:1.5;  position: relative; left: -6%; z-index: 1;}
.main-midd-content h2:after { border-top: 5px solid #d8630f; content: ""; margin: 0 auto; position: absolute; top: 58%; left: 0; bottom: 0; width: 50%; z-index: -1; }
.main-midd-content.left-right h2:after { right: 0; left:auto; }
.main-midd-content h2 span { background: #fff; padding: 0px 20px; position:relative; right:-7.2%;}

.midd-inner-box{  max-width:1000px;margin: 0 auto 100px !important; float: none !important;}

.midd-content { width: 49.8%; }
.midd-content p{ font-size:18px; font-weight:400;font-family: 'Roboto', sans-serif;margin-bottom: 85px; line-height:1.7;padding-right:12px;}
.midd-slider-section .midd-content p{ max-width:470px; margin-top: 20px;}
.midd-slider-section .midd-content p span{ display:block; text-transform:uppercase;}
.midd-right-img { width: 50%; text-align: right; }
.main-midd-content.left-right h2 { left: 0;}

.left-right .midd-right-img { order: 1;}
.left-right .midd-content { order: 2;padding-left: 20px;}

.main-slider-inner > div:nth-of-type(1) { width: 50% !important; float: left !important; }
.main-slider-inner > div:nth-of-type(2) { width: 50% !important; float: left !important; }

.midd-slider-section{ padding-bottom:65px; position:relative;}
.bottom-slider h2{ text-align:center; color: #d8630f; font-size: 40px; font-weight: 600; margin-bottom: 10px;line-height:1.5; position:relative;left:-9%;}
.bottom-slider h2 span{ background: #fff; padding-left: 25px;}
.bottom-slider h2:after { border-top: 5px solid #d8630f; content: ""; margin: 0 auto; position: absolute; top: 50%; left: 0; bottom: 0; width: 50%; z-index: -1; }
.border-bottom hr { color: #cdcdcd; padding-bottom: 107px; border: 0; border-top: 1px solid #cdcdcd; }

.midd-slider-section .owl-prev{ transform: translateY(-50%); position: absolute; top: 50%; display: block; left: -30px; background:url('https://1629543.fs1.hubspotusercontent-na1.net/hubfs/1629543/Yokel%20April%202018/Image/Internal%20Pages/inner-left-arrow.png')no-repeat !important; padding: 15px 17px; width:72px; height:72px;box-shadow: 0px 1px 5px 0px #d8630f;}
.midd-slider-section .owl-next{ transform: translateY(-50%); position: absolute; top: 50%; display: block; right: -30px; background:url('https://1629543.fs1.hubspotusercontent-na1.net/hubfs/1629543/Yokel%20April%202018/Image/Internal%20Pages/inner-arrow.png')no-repeat !important; padding: 15px 17px;width:72px; height:72px;box-shadow: 0px 1px 5px 0px #d8630f;}
.owl-carousel .owl-stage-outer {position: relative; overflow: hidden;}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: block !important;}

.slider-text img { display: none !important;}
.slider-text-inner {display: none;}
.slider-text .slider-text-inner {display:block;padding: 0 50px 25px;}
.slider-text {text-align:center;}
.slider-text-inner p{ font-size:18px;}
.slider-text-inner span { position: relative; display: block;}
.slider-text-inner span:after { position: absolute; content: "\f005 \f005 \f005 \f005 \f005"; font-family: FontAwesome; width: 111px; color: #d8630f; left: 0; right: 0; margin: 0 auto; top: 23px; height: 50px; }

.midd-slider-content p { font-size: 20px; font-weight: 400; font-family: 'Roboto', sans-serif; margin-bottom: 85px; line-height: 1.5; padding-right: 12px; max-width: 470px; margin-top: 20px; }
.midd-slider-content p span { display: block; text-transform: uppercase; }
.row-fluid .inside-slider.slider-text {  max-width: 940px;    margin: 0 auto;}



/*=============================================================================================
                                        Internal Pages 3 page css start
=============================================================================================*/

.four-box{ background:#e2e2e2;}

.inner-four-box{ padding:40px 0;text-align: center; max-width: 725px; margin: 0 auto !important; float: none !important;}

.four-box-img span { justify-content: center; display: flex; flex-wrap: wrap; align-items: center; }
.four-box-img span > div { margin-right: 11.7%;}
.four-box-img span > div:last-child { margin-right: 0;}

.inner-hubspot{ max-width:970px; margin:0 auto !important; float:none !important;padding: 56px 0 77px;}
.inner-hubspot h2{ font-size:42px; font-weight:600; line-height:1.2;margin-bottom: 60px;}
.inner-hubspot p{ font-size:18px; font-weight:400;font-family: 'Roboto', sans-serif; line-height:1.9;}
.inner-hubspot ol li{ list-style:inherit; font-size:18px;}
.inner-hubspot ol{ padding-left: 30px; margin-bottom: 30px;}

.main-our-philosophy h2{ font-size:40px; font-weight:600; line-height:1.2;margin-bottom: 118px; color:#000; position: relative; left: -7%; text-align: center; top: 108px;}
.main-our-philosophy h2:after { border-top: 5px solid #000; content: ""; margin: 0 auto; position: absolute; top: 50%; left: 0; bottom: 0; width: 50%; z-index: -1; }
.main-our-philosophy h2 span{ background:#fff;padding-left: 20px;}

.inner-philosophy{ max-width:970px; margin:0 auto !important; float:none !important;padding: 108px 0 140px;}
.inner-philosophy h2{ font-size:40px; font-weight:600; line-height:1.2;margin-bottom: 118px; color:#d8630f;position:relative;}
.inner-philosophy p{ font-size:18px; font-weight:400;font-family: 'Roboto', sans-serif; line-height:1.7;}

.main-mission-right{width:51.28% !important; background:#d8630f; color:#fff; margin-left:0 !important;padding: 90px 100px;/* height: 761px; */}

.inner-mission{ }
.inner-mission h3{ font-size:22px; font-weight:600;margin-bottom: 43px;}
.inner-mission p{ font-size:36px; font-weight:700;font-family: 'Poppins', sans-serif; line-height:1.2; max-width: 475px;}

.mission-img{ width:50% !important;}
.mission-img img{ width:100% !important;}

.inner-our-value { max-width:970px; margin:0 auto !important; float:none !important;padding: 108px 0 140px;}
.main-our-value h2{ font-size:40px; font-weight:600; line-height:1.2;margin-bottom: 118px; color:#000; text-align:center; position:relative; top:108px;}
.main-our-value h2:after{ border-top: 5px solid #000; content: ""; margin: 0 auto; position: absolute; top: 50%; right: 0; bottom: 0; width: 35%; z-index: -1; }
.main-our-value h2 span{ background:#fff; padding-right:20px; position:relative;left:11%;}

.inner-img-value img{ margin-bottom:23px;width: 100% !important;}

.left-value > div:nth-of-type(2) img{ padding-right:20px;}
.left-value > div:nth-of-type(2):last-child img{ padding-right:0px;}
.right-value { margin-top: 23px;}
.right-value > div {margin-bottom: 25px;}
.left-value > div {margin-bottom: 25px;}
.value-img2 { margin-right: 3% !important; width: 47.2% !important; }
.value-img3 { width: 47.2% !important; }

.meet-our-team{ margin-bottom:130px;}
.meet-our-team h2{ font-size:40px; font-weight:600; line-height:1.2;margin-bottom: 110px; color:#000; text-align:center; position:relative; left:-7%;}
.meet-our-team h2:after { border-top: 5px solid #000; content: ""; margin: 0 auto; position: absolute; top: 50%; left: 0; bottom: 0; width: 50%; z-index: -1; }
.meet-our-team h2 span{ background:#fff; padding-left:20px;}
.meet-our-team .inner-our-team h2:after, .meet-our-team .inner-our-team h3:after{ display:none;}

.inner-our-team { position:relative;height: 360px;}
.inner-our-team h2, .inner-our-team h3{font-size:30px; font-weight:700; line-height:1.2;margin-bottom: 0px; color:#fff; text-align:center;max-width: 350px; margin: 0 auto; letter-spacing: 0px; left:0; }
.column4{ width:25%; float:left;}

.member-hover{ background:#fff; padding:50px 65px 45px;}
.member-hover h2, .member-hover h3{ font-size:30px; font-weight:600; color:#000; margin-bottom:0; text-align:left; left:0;}
.meet-our-team .member-hover h2:after{ display:none;}
.member-hover h2 span, .member-hover h3 span{ font-weight:400;margin: 6px 0; background:transparent; padding-left:0;}
.member-hover h4{ font-size:15px; font-weight:300; font-style:italic; text-transform:uppercase;font-family: 'Roboto', sans-serif; margin-top: 8px;}
.member-hover a{ font-weight:600; font-size:15px;font-family: 'Poppins', sans-serif; letter-spacing:1px; border-bottom:3px solid #000;display: inline-block;}
.member-hover a:hover{ color:#d8630f; border-bottom:3px solid #d8630f;}
.member-hover p{ font-size:18px; font-weight:400; line-height:1.5; font-family: 'Roboto', sans-serif;}
.member-hover ul{ margin-top:0;}
.member-hover ul li{ display:inline-block; margin-right: 2px;}
.member-hover ul li a{ border-bottom:0;}
.member-hover ul li a:hover{ border-bottom:0;}
.page-3 .inner-link ul li a{ text-transform:lowercase;}

.main-team{position:relative;}
.member-hover {position: absolute;top: 0;left: 100%;z-index: 99;display:none;height:100%;width:200%;border:1px solid #000;}
.cross-img {background-color: #000;max-width: 50px;height:50px; width:100%; position: absolute;top: 0;right: 0;z-index: 999;cursor: pointer;}
.cross-img img{ width:50px; height:50px;  padding: 10px;}
.inner-our-team{cursor: pointer;}

.two-col-section>div>div { display: flex; flex-wrap: wrap;display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex; }

.value-box {padding: 0 100px;} 
.value-box h2 { color: #fff; font-size: 37px; font-weight: 600; text-transform:uppercase;margin-bottom: 25px; top: 0; }
.value-box p { color: #fff; font-size: 26px; font-weight: 600; text-align:center;line-height:1.2; }

.inner-img-value{ position:relative;}
.inner-img-value span{ display: flex; flex-wrap: wrap;}
.inner-img-value span > div { width: 48.7%; margin-right: 2.5%;margin-bottom: 25px; }
.inner-img-value span > div:nth-of-type(2n){ margin-right:0;margin-top: 25px;}
.inner-img-value { display: flex !important; flex-wrap: wrap; }
.inner-img-value span > div:nth-of-type(4) { position: absolute; right: 0; bottom: -32px; }

.internal-inner-content ol li{ position:relative;padding-left: 20px;}
.internal-inner-content ol li:after { position: absolute; content: ""; left: 0; top: 9px; background: #000; width: 6px; height: 6px; }

/*=============================================================================================
                            Internal Pages bottom cta bar css start
=============================================================================================*/

.bottom-ctabar{ background: rgb(27,85,164); /* Old browsers */
background: -moz-linear-gradient(left, rgba(27,85,164,1) 0%, rgba(26,101,178,1) 28%, rgba(26,114,188,1) 55%, rgba(25,139,210,1) 89%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(27,85,164,1) 0%,rgba(26,101,178,1) 28%,rgba(26,114,188,1) 55%,rgba(25,139,210,1) 89%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(27,85,164,1) 0%,rgba(26,101,178,1) 28%,rgba(26,114,188,1) 55%,rgba(25,139,210,1) 89%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}

.inner-bottom{ text-align:center; padding: 50px 0 60px;}

.bottom-ctabar{ color:#fff;}
.bottom-ctabar h2{ font-size:118px; font-weight:700;line-height: 1.2; margin-bottom:10px; letter-spacing:3px;}
.bottom-ctabar p{ font-size:30px; font-weight:500;}

.bottom-ctabar h2 span{ font-family: 'Work Sans', sans-serif;  margin-left: 45px;}

/*=============================================================================================
                                  Case Study css start
=============================================================================================*/

.case-study-content{ padding:110px 0 0;}

.inner-case-study{ color:#fff; padding:57px 30px;text-align: center;}
.inner-case-study p{ font-size:22px; font-weight:500;font-family: 'Poppins', sans-serif; margin:40px 0;line-height:1.2;}
.inner-case-study a{ font-size:20px; font-weight:600;font-family: 'Poppins', sans-serif; border:2px solid #f0c4a5; padding:15px; display:inline-block;}
.inner-case-study a:hover{ background:#fff; color:#d8630f; border:2px solid #fff;}
.left-case-study span > div:nth-of-type(1) .inner-case-study img {  max-width: 100px;}
.left-case-study span > div:nth-of-type(2) .inner-case-study img {  max-width: 100px;}

.case-study-box{ margin-bottom:45px;}

.case-study-form .hs-form-required{ display:none !important;}

.case-study-form{ width:41% !important; border:3px solid #000; padding:45px 25px 25px; float:right !important; margin-bottom:60px;}
.case-study-form h3{ font-size:34px; font-weight:600;line-height:1.2;margin-bottom: 45px;}
.case-study-form h3 span{ font-size:22px; font-weight:600; display:block; text-transform:uppercase;}
.case-study-form input[type="text"],.case-study-form input[type="tel"],.case-study-form input[type="email"]{ width:100% !important; border-bottom:2px solid #606060; padding-bottom: 6px;}
.case-study-form .hs-form-field{ margin-bottom:55px;}
.case-study-form .hs_phone.hs-form-field{ margin-bottom:50px;}
.case-study-form input[type="submit"]{ font-size:22px; font-weight:600; text-align:center; border:2px solid #000; background:transparent; width:100%;padding: 19px 0;}
.case-study-form input[type="submit"]:hover{ background:#000; color:#fff; border:2px solid #000;}
.case-study-form .hs_submit.hs-submit { position: relative; transition:all 0.5s ease;}

.case-study-form input::-webkit-input-placeholder { color: #afafaf; opacity:1;} /* WebKit browsers */
.case-study-form input:-moz-placeholder { color: #afafaf; opacity:1;} /* Mozilla Firefox 4 to 18 */
.case-study-form input::-moz-placeholder { color: #afafaf; opacity:1;} /* Mozilla Firefox 19+ */
.case-study-form input:-ms-input-placeholder { color: #afafaf; opacity:1;} /* Internet Explorer 10+ */
.case-study-form textarea::-webkit-input-placeholder { color: #afafaf; opacity:1;} /* WebKit browsers */
.case-study-form textarea:-moz-placeholder { color: #afafaf; opacity:1;} /* Mozilla Firefox 4 to 18 */
.case-study-form textarea::-moz-placeholder { color: #afafaf; opacity:1;} /* Mozilla Firefox 19+ */
.case-study-form textarea:-ms-input-placeholder { color: #afafaf; opacity:1;} /* Internet Explorer 10+ */

/* 
.left-case-study{ width: 100% !important;}
.left-case-study span { display:flex; flex-wrap:wrap; }
.left-case-study span >div { width:46.5% !important; }
.left-case-study span >div:nth-of-type(4){ width:100% !important;}
.left-case-study span >div:nth-of-type(1) { margin-right: 7% !important; }
.left-case-study span >div:nth-of-type(3) { margin-right: 7% !important; }
.left-case-study span >div:nth-of-type(6) { margin-right: 7% !important; }
.left-case-study span >div:nth-of-type(8) { margin-right: 7% !important; }
 */

.white-popup { position: relative; background: #FFF; padding: 0px; width:auto; max-width: 985px; margin: 0px auto; }
.main-popup { max-width: 985px; margin: 0 auto; border: 5px solid #000; padding: 85px 0px 65px; }
.left-popup{ padding-left:50px;}
.left-popup p{ font-size:18px;font-family: 'Roboto', sans-serif; font-weight:400; line-height:1.7;margin-bottom: 45px;}
.left-popup a{ font-size:22px; font-weight:600;font-family: 'Poppins', sans-serif; border:1px solid #000;display: inline-block; padding: 13px 22px;margin-top: 12px;}
.left-popup a:hover{ background:#000; color:#fff;}
.right-popup p{ font-size:19px; font-weight:500;font-family: 'Poppins', sans-serif; line-height:1.3; margin-top: 20px; padding-right:30px;}
.right-popup p span{ font-size:16px; text-transform:uppercase;font-family: 'Roboto', sans-serif; font-weight:400; display:block;margin-top: 10px;}
.result{ background:#000; color:#fff; text-transform:uppercase;padding: 55px 35px;margin-top: 60px;}
.result h2{ font-size:39px; font-weight:700; margin-bottom:20px; letter-spacing:2px;}
.result span{ font-size:18px; font-weight:400;}

.left-popup { width: 56%; float: left; }
.right-popup { width: 44%; float: left; padding-left: 6%; }
.bottom-case-study {margin-bottom: 215px;}
.mfp-close-btn-in .mfp-close { position:absolute; top:0; right:0; color: #fff !important; background: #000; opacity: 1; font-size: 55px; font-weight: 300; font-family: serif; width: 55px; height: 55px;}

.terms-services h2{ font-size:30px;}
.terms-services ul{ margin-bottom:30px;}
.terms-services h4{ font-size:22px; margin-bottom:10px;}
.terms-services a{ color:#d8630f;}
.terms-services a:hover{ color:#1b55a4;}
.terms-services em{ margin-bottom:30px;display: inline-block;}


/*=============================================================================================
                            Contact us css start
=============================================================================================*/

.contact-title h2 { font-size: 32px; font-weight: 700; color: #d8630f; text-align: center; line-height: 1.2; margin:30px 0; }
.contact-title p{ font-size: 20px; font-weight: 400; font-family: 'Roboto',sans-serif; margin-bottom: 85px; line-height: 1.5;}
.contact-title p a{color: #d8630f; }
.contact-title p a:hover{ color:#1b55a4;}

.contact-form form { max-width: 700px; margin: 0 auto 50px; }
.contact-form li{ list-style: none;}
.contact-form input[type="text"], .contact-form input[type="tel"], .contact-form input[type="email"] { -webkit-appearance: none !important; width: 100% !important; border: 1px solid #b4b4b4; padding: 5px 10px; }
.contact-form fieldset{ max-width:100% !important;margin-bottom: 20px !important;}
.contact-form .input{ margin-right:0 !important;}
.contact-form .form-columns-2 > div { margin-right: 2%; width: 49% !important; }
.contact-form .form-columns-2 > div:last-child{ margin-right:0;}
.contact-form label span { margin-bottom: 5px; display: inline-block; }
.contact-form textarea{resize: both; width: 100% !important; border: 1px solid #b4b4b4; padding: 5px 10px; }
.contact-form input[type="submit"] { background: #d8630f; color: #fff; font-size: 20px; padding: 10px 20px; border:1px solid transparent; display: inline-block; text-align: center; margin: 0 auto; font-weight: 600; }
.contact-form input[type="submit"]:hover{ border:1px solid #d8630f; color:#d8630f; background:transparent;}
.contact-form .hs_submit.hs-submit { text-align: center;}
.contact-form span.hs-form-required { color: red;}

.inner-location {margin-bottom: 50px;}
.location h2 { font-weight: 400; font-size: 28px; color: #d8630f; margin-bottom:30px; }
.location h3 { font-size: 20px; font-weight: 400; margin-bottom: 10px; margin-top: 10px; }
.location a{ color:#d8630f;}
.location a:hover{ color:#1b55a4;}

.contact-form input::-webkit-input-placeholder { color: #b4b4b4; opacity:1;} /* WebKit browsers */
.contact-form input:-moz-placeholder { color: #b4b4b4; opacity:1;} /* Mozilla Firefox 4 to 18 */
.contact-form input::-moz-placeholder { color: #b4b4b4; opacity:1;} /* Mozilla Firefox 19+ */
.contact-form input:-ms-input-placeholder { color: #b4b4b4; opacity:1;} /* Internet Explorer 10+ */
.contact-form textarea::-webkit-input-placeholder { color: #b4b4b4; opacity:1;} /* WebKit browsers */
.contact-form textarea:-moz-placeholder { color: #b4b4b4; opacity:1;} /* Mozilla Firefox 4 to 18 */
.contact-form textarea::-moz-placeholder { color: #b4b4b4; opacity:1;} /* Mozilla Firefox 19+ */
.contact-form textarea:-ms-input-placeholder { color: #b4b4b4; opacity:1;} /* Internet Explorer 10+ */


.three-layer {max-width: 980px;margin: 80px auto 0 !important;float: none !important;}
.three-layer h2 {font-size: 40px;color: #D8630F;line-height: 1.5;}
.the-col-flex > span > div {width: 31.9%;}
.the-col-flex > span {display: flex;justify-content: center; margin: 70px 0 0;}
.three-col-mod h3 { line-height: normal; margin-bottom: 0px;font-size: 24px;font-weight: 600;}
.three-col-mod {padding: 20px;}
.middle-content h4 a {font-size: 20px;font-family: 'Roboto', sans-serif;font-weight: 400;line-height: 1.5;}
.middle-content h4 a:hover{text-decoration:underline;}
.three-col-mod p span {font-size: 50px;color: #1953a4;}
.row-fluid .map-sec iframe {    width: 100% !important;}
.service .row-fluid .midd-box {  margin-top: 20px;}
.service .midd-inner-box {    margin: 0 auto 60px !important;}
.service .midd-inner-box:nth-child(2) {    margin-bottom: 50px !important;}
.service .main-midd-content h3 {
    text-align: center;
    color: #000;
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 50px;
    line-height: 1.5;
    position: relative;
    left: -6%;
    z-index: 1;
}
.service .main-midd-content h3:after {
    border-top: 5px solid #000;
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 58%;
    left: 0;
    bottom: 0;
    width: 50%;
    z-index: -1;
}

.service .main-midd-content h3 span {
    background: #fff;
    padding: 0px 20px;
  position: relative;}

.service .main-midd-content h3:after {
    border-top: 5px solid #000;
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 58%;
    left: 0;
    bottom: 0;
    width: 50%;
    z-index: -1;
    
}
.service .main-midd-content.left-right h3 {
    left: 0;
}


.service .main-midd-content.left-right h3:after {
    right: 0;
    left: auto;
}

.row-fluid .contact-form input[type="checkbox"] { margin-right: 10px; margin-top: 8px;}
.row-fluid .contact-form ul.inputs-list.multi-container li label span { font-size: 15px;}
.row-fluid .contact-form ul.inputs-list.multi-container li label { display: flex; display: -webkit-flex; flex-flow: row; -webkit-flex-flow: row; }
.row-fluid .contact-title h2 { margin: 0;margin-bottom: 25px;}
.row-fluid .contact-title p { margin-bottom: 0;}
.row-fluid .contact-title { padding: 50px 0 20px 0;}
.row-fluid .contact-form { padding: 30px 0 50px 0;}
/*Home Version 2 CSS*/
.home-v2 .row-fluid .inner-hero {  max-width: 980px; text-align: left;    color: #000;}
.home-v2 .inner-hero h2 span { color: #1f56a3;}
.home-v2  .hamburger-inner, .home-v2 .hamburger-inner::before, .home-v2 .hamburger-inner::after { background-color: #fff; }
.home-v2 span.menu-text {  color: #ffffff; }
.home-v2 .header-section.sticky span.menu-text {  color: #fff;}
.home-v2 .header-section.sticky .hamburger-inner, .home-v2 .header-section.sticky .hamburger-inner::before, .home-v2 .header-section.sticky .hamburger-inner::after{ background-color: #fff;}
.home-v2 .inner-hero h2 {color: #000;line-height: 1.2;}
.home-v2 .h-logo img {filter: brightness(0) invert(1);    -webkit-filter: brightness(0) invert(1);}   
.home-v2 .header-section.sticky .h-logo img, .home-v2.MenuOpen .h-logo img {filter: brightness(0) invert(1);    -webkit-filter: brightness(0) invert(1);}
.row-fluid .site-couple-btn a {  color: #fff;  margin-right: 15px;  padding: 18px 20px;  font-weight: bold;}
.row-fluid .site-couple-btn a:last-child { border-color: #000;  background: transparent;  color: #000;}
.row-fluid .site-couple-btn a:hover {background: #fff;  color: #d8630f; border: 2px solid #d8630f;}
.home-v2 .row-fluid .growth-agency-section .inner-hero {  text-align: center;padding-top: 100px;    max-width: 800px;padding-bottom: 80px;}
.home-v2 .row-fluid .growth-agency-section .inner-hero .site-couple-btn a { background: #d8630f;  color: #fff;  border-color: #d8630f;  margin-right: 0;font-weight: 600;padding: 18px 20px;}
.home-v2 .row-fluid .growth-agency-section .inner-hero .site-couple-btn a:hover {background: #fff;  color: #d8630f; border: 2px solid #d8630f;}
.home-v2.MenuOpen .hamburger-inner, .home-v2.MenuOpen .hamburger-inner::before, .home-v2.MenuOpen .hamburger-inner::after {  background: #fff;}
.row-fluid .marketing-approach-section {float: left;width: 100%;padding: 90px 0px; overflow: hidden;}
.inner-approach, .approach-top, .approach-bottom { float: left; width: 100%;}
.row-fluid .marketing-approach-section .container {max-width: 840px;}
.row-fluid .marketing-approach-section .container {max-width: 1040px;}
.row-fluid .approach-top {  text-align: center; padding-bottom: 60px;max-width: 650px; margin: 0 auto;  float: none;}
.row-fluid .Focsed-title h6 {  font-size: 16px;  font-weight: 500;}
.row-fluid .approach-title h2 { font-size: 45px; font-weight: 700; line-height: 1; letter-spacing: 1px; color: #000; }
.row-fluid .approach-btn a { border-color: #000; background: transparent; color: #000; padding: 18px 20px; font-weight: bold; border: 2px solid #000; font-size: 18px; font-family: 'Roboto',sans-serif; display: inline-block; }
.row-fluid .approach-btn { margin-top: 20px;}
.row-fluid .approach-text { font-size: 18px; font-weight: 400; font-family: 'Roboto',sans-serif; line-height: 1.7; margin-bottom: 10px; }
.row-fluid .approach-btn a:hover {background: #fff;  color: #d8630f; border: 2px solid #d8630f;}
.row-fluid .approach-left ul li { list-style: none;  margin-bottom: 20px; text-align: center; border: 2px solid #000; text-transform: uppercase; font-size: 16px; font-weight: 600; width: 100%;border-left: transparent;    border-right: transparent;position: relative;overflow: hidden;border-bottom: 0;background: #fff;}
.row-fluid .approach-left ul li:nth-child(2) { width: 80%; margin: 0 auto; margin-bottom: 20px;}
.row-fluid .approach-left ul li:nth-child(3) { width: 60%; margin: 0 auto; margin-bottom: 20px;}
.row-fluid .approach-left ul li:nth-child(4) { width: 40%; margin: 0 auto; margin-bottom: 20px;}
.row-fluid .approach-left ul li:nth-child(5) { width: 20%; margin: 0 auto; margin-bottom: 20px;}
.row-fluid .approach-left ul li:after, .row-fluid .approach-left ul li:before { position: absolute; left: 30px; height: 200%; width: 2px; background: #000; content: ''; top: -5px; transform: rotate(-20deg); }
.row-fluid .approach-left ul li:before {right: 30px; left: auto; transform: rotate(20deg);}
.row-fluid .approach-left ul li a { padding: 30px 0; display: inline-block; width: 87%;     border-bottom: 2px solid #000;position: relative;z-index: 999;}
.row-fluid .approach-left ul li:nth-child(2) a { width: 83%;}
.row-fluid .approach-left ul li:nth-child(3) a {width: 78%;}
.row-fluid .approach-left ul li a:after, .row-fluid .approach-left ul li a:before {position: absolute; content: ''; left: -64px; top: auto; background: #FDF9F5; height: 100%; width: 50px; transform: skew(200deg); bottom: -10px;}
.row-fluid .approach-left ul li a:after { right: -64px; left: auto;  transform: skew(-200deg);}
.row-fluid .approach-left ul {position: relative;}
.row-fluid .approach-left ul:before { position: absolute; content: ''; left: 0; top: 0; background: url(https://1629543.fs1.hubspotusercontent-na1.net/hubfs/1629543/testline.png); height: 100%; width: 60%; left: 30%; background-position: 50% 30%; display: none;}
.row-fluid .approach-left ul:after { position: absolute; content: ''; bottom: 0; height: 36%; width: 20%; background: #fdf9f5; right: 0; display: none; }
.home-v2 .inner-story h2 {font-size: 32px;}
.home-v2 .headline-sec {background-color: #fff;}
.row-fluid .site-client, .row-fluid .inner-client, .row-fluid .inner-right, .row-fluid .client-couple { float: left; width: 100%;}
.row-fluid .site-client .container { max-width: 940px;}
.row-fluid .site-client {  padding-bottom: 100px;}
.row-fluid .title-client h2 { font-size: 46px; font-weight: 700; line-height: 1.29;  margin-top: 0px;    line-height: 1;}
.row-fluid .client-right { border: 2px solid #000;  padding: 27px;}
.client-text {  font-family: 'Roboto',sans-serif; font-size: 16px;  line-height: 1.6;}
.row-fluid .client-couple { padding-top: 25px;    display: flex; display: -webkit-flex;}
.row-fluid .right-couple { padding-left: 10px;}
.row-fluid .left-couple .client-image { height: 55px; width: 55px;}
.row-fluid .client-name h6 {  margin-top: 16px;}
.home-v2 .cta-bar .inner-cta-bar h2 {  width: 70%;}
.home-v2 .cta-bar .inner-cta-bar span.hs-cta-wrapper {  width: 30%;}
.home-v2 .left-form h3 {  font-size: 26px;}
#t span {font-size: 74px; font-weight: 700;  line-height: 1;  letter-spacing: 1px;  color: #1f56a3;}
#t {display: inline-block;  vertical-align: top;}
span.t-container del {text-decoration: none;}

/*Typing CSS*/
   where CSS can't be inserted into the <head> */
.typed-cursor{
  opacity: 1;
  animation: typedjsBlink 0.7s infinite;
  -webkit-animation: typedjsBlink 0.7s infinite;
  animation: typedjsBlink 0.7s infinite;
}
@keyframes typedjsBlink{
  50% { opacity: 0.0; }
}
@-webkit-keyframes typedjsBlink{
  0% { opacity: 1; }
  50% { opacity: 0.0; }
  100% { opacity: 1; }
}
.typed-fade-out{
  opacity: 0;
  transition: opacity .25s;
  -webkit-animation: 0;
  animation: 0;
}


.footer-v2 .inner-quick-link ul li {line-height: 1;}
.footer-v2 .inner-quick-link h3 {text-transform: uppercase;}
.growth-agency-section .inner-hero p { line-height: 1.4;font-weight: normal;font-size: 18px;}
 .home-v2 .hero-banner .inner-hero p { font-weight: normal;}
/* .row-fluid .approach-left ul:after {
    position: absolute;
    content: '';
    bottom: 0;
    height: 100%;
    width: 50%;
    background: #fdf9f5;
    right: -195px;
    transform: skew(-20deg);
} */
/* .row-fluid .approach-left ul:before { position: absolute; content: ''; left: 0; top: 0; background: url(https://1629543.fs1.hubspotusercontent-na1.net/hubfs/1629543/testline.png); height: 100%; width: 60%; left: 30%; background-position: 50% 150%; height: 297px; width: 100%; left: 15%; }
.approach-right { position: relative; z-index: 9;} */
.home-v2 .webinar-now-form ul.hs-error-msgs.inputs-list li label { color: #fff;  margin: 5px 0 0;}
span.t-caret {  font-weight: 300 !important;}
.row-fluid .title-client h3 { font-size: 30px;  font-weight: 700;  margin-top: 0px;  line-height: 1.5;}
.row-fluid .approach-left ul li:hover a { color: #fff;border-color :#533482;}
.row-fluid .approach-left ul li:hover {  background: #533482;border-color: transparent;}
.row-fluid .approach-left ul li:hover:before { background: #533482;}
.row-fluid .approach-left ul li:hover:after { background: #533482;}
.row-fluid .approach-left ul li:hover a:before { top: 0; height: 120%; left: -63px; }
.row-fluid .approach-left ul li:hover a:after { top: 0; height: 120%; right: -63px; }

.row-fluid .approach-left ul li:nth-child(2):hover a {border-color :#6d1e71;}
.row-fluid .approach-left ul li:nth-child(2):hover {background: #6d1e71}
.row-fluid .approach-left ul li:nth-child(3):hover a {border-color :#e99929;}
.row-fluid .approach-left ul li:nth-child(3):hover {background: #e99929}

.row-fluid .approach-left ul li:nth-child(2):hover:before { background: #6d1e71;}
.row-fluid .approach-left ul li:nth-child(2):hover:after { background: #6d1e71;}

.row-fluid .approach-left ul li:nth-child(3):hover:before { background: #e99929;}
.row-fluid .approach-left ul li:nth-child(3):hover:after { background: #e99929;}

.inner-inbound h2 { margin-bottom: 240px; }
.row-fluid .why-outer ul { padding-left: 30px; }
.row-fluid .why-outer ul li { list-style: disc; }
.row-fluid .why-outer a { cursor: pointer; }
.row-fluid .why-outer .cta_button, .row-fluid .wy-tabcontent .cta_button { border-color: #000; background: transparent; color: #000; padding: 10px 28px; font-weight: bold; border: 2px solid #000; font-size: 18px;  font-family: 'Poppins',sans-serif; display: inline-block;}
.row-fluid .why-outer .cta_button:hover, .row-fluid .wy-tabcontent .cta_button:hover  { background: #fff; color: #d8630f; border: 2px solid #d8630f; }

.row-fluid .tactics-section { width: 100%;  float: left; }
.row-fluid .tactics-outer { display: flex;  flex-flow: row wrap; justify-content: center; padding:5px 0 0; }
.row-fluid .tactics-box { width: 25%; margin: 40px 0; padding: 0 45px; text-align: center; } 
.row-fluid .tactic-icon { margin:0 0 30px; position:relative; min-height: 123px; }
.row-fluid .tactic-icon img { position: absolute; top: 50%; left: 0; transform: translateY(-50%); right: 0; margin: 0 auto; }

.row-fluid .wytabs-section { width: 100%; float: left; padding: 10px 0 50px; }
.row-fluid .wytabs-outer { width: 100%; float: left;  border: 2px solid #000; }
.row-fluid .wytabs-outer > ul { display: block; margin: 0; padding: 0; list-style: none;}
.row-fluid .wytabs-outer > ul > li { list-style: none; float: left; margin: 0; }
.row-fluid .wytabs-outer > ul a { position: relative; display: block; padding: 15px 20px; border-right: 2px solid #000; font-weight: 500; }
.row-fluid .wy-tabcontent { width: 100%; float: left; }
.row-fluid .wytabs-outer > ul a:before { content: ''; position: absolute; width: 100%; background: #000; height: 2px; left: 0; bottom: 0; }
.row-fluid .wytabs-outer > ul > li.tab-active > a:before { opacity: 0; }
.row-fluid .wy-tabcontent > div { padding: 60px; }
.row-fluid .wy-tabcontent a { font-weight: 700; color: #d8630f; font-size: 18px; display: inline-block;  }

.row-fluid .succ-sec { width: 100%;  float:left; }
.row-fluid .succ-outer { display: flex; flex-flow: row wrap; justify-content: center; padding: 0 0 40px; }
.row-fluid .client-sucbox { width: 49%; padding: 15px; border: 2px solid #000; margin: 10px 2% 10px 0;  }
.row-fluid .client-sucbox:nth-child(2n) { margin-right: 0; } 
.row-fluid .cl-img { width: 60px; height: 60px; }
.row-fluid .cl-detail { display: flex;  align-items: center; }
.row-fluid .name-com { padding-left: 10px; }
.row-fluid .success-text p { font-size: 16px; }

.row-fluid .wyform-section { position: relative; width: 100%; float: left; padding: 70px 0 100px;  }
.row-fluid .wyform-section:before { content: ''; position: absolute;  left:0 ; top: 0; background: #000; width: 100%; min-height: 400px; z-index: -1; }
.row-fluid .wyform-section .hs_cos_wrapper_type_header{ padding-bottom: 50px; }
.row-fluid .wyform-section .hs_cos_wrapper_type_header h2 { font-size: 40px; color: #fff; text-align: center;  line-height: 1.2; font-weight: 600; margin-bottom: 10px; margin-top: 20px; }
.row-fluid .wyform-section .hs_cos_wrapper_type_form { border: 2px solid #000;  background: #fff; max-width: 613px; width: 100%; margin: 0 auto; display: block; padding: 50px 40px; }
.row-fluid .wyform-section .middle-content > span > div, .row-fluid .wyform-section .middle-content > span > div:first-child > span  { width: 100%;  float: left; }
.row-fluid .wyform-section h3.form-title { font-size: 22px; font-weight: 600; line-height: 28px;text-align: center; }
.row-fluid .wyform-section h3.form-title > strong { display: block; font-size: 33px; font-weight: 600; }
.row-fluid .wyform-section form { display: block; margin-top: 30px; font-family: 'Poppins',sans-serif; }
.row-fluid .wyform-section .hs-input { width: 100%; border-bottom: 2px solid #000; min-height: 40px; }
.row-fluid .wyform-section .hs-input::placeholder { color: #ccc; }
.row-fluid .wyform-section label .hs-form-required { display: none; }
.row-fluid .wyform-section .hs-form-checkbox { list-style: none; width: 50%;  font-size: 13px; font-weight: 500; margin: 0 0 8px; }
.row-fluid .wyform-section .hs-form-checkbox:nth-child(2n) { padding-left: 15px;  }
.row-fluid .wyform-section .hs-form-checkbox .hs-input { min-height:auto;  display:none;}
.row-fluid .wyform-section .hs-form-checkbox .hs-input + span { padding: 0 0 0 20px; position: relative;  display: block; font-family: 'Poppins',sans-serif;   }
.row-fluid .wyform-section .hs-form-checkbox .hs-input + span:before { content:''; position: absolute; left: 0; top: 4px; width: 12px; height: 12px; border: 1px solid #ccc;}
.row-fluid .wyform-section .hs-form-checkbox .hs-input + span:after { content: ''; position: absolute; border: 2px solid #000; width: 8px; top: 6px; left: 2px; height: 5px; border-top: 0; border-right: 0; border-radius: 0;transform: rotate(-45deg); opacity: 0;}
.row-fluid .wyform-section .hs-form-checkbox .hs-input:checked + span:after { opacity: 1; }


.row-fluid .wyform-section .hs-form-field > label { color: #ccc; margin: 0 0 10px; display: block;}
.row-fluid .wyform-section .hs-fieldtype-checkbox ul { width: 100%; padding-bottom: 15px; display: flex; flex-flow: row wrap; }
.row-fluid .wyform-section fieldset { max-width: 100% !important;}
.row-fluid .wyform-section .hs-form-field { margin: 0 0 20px; }
.row-fluid .wyform-section .form-columns-2 .hs-form-field:first-child { padding-right: 8px; }
.row-fluid .wyform-section .form-columns-2 .hs-form-field:last-child { padding-left: 8px; }
.row-fluid .wyform-section ul.hs-error-msgs.inputs-list li { margin: 10px 0 0; font-family: 'Poppins',sans-serif; }
.row-fluid .wyform-section textarea.hs-input { border: 2px solid #000; width: 100% !important; min-height: 120px; padding: 10px; }
.row-fluid .wyform-section .hs_submit.hs-submit { padding-right: 8px;  }  
.row-fluid .wyform-section input[type="submit"] { width:100%; padding: 10px; -webkit-appearance: none; font-weight: 500; letter-spacing: 1px; color: #fff; font-size: 20px; background: #1b55a4; background: -moz-linear-gradient(left, #1b55a4 1%, #1b63b0 46%, #1a7ec6 87%); background: -webkit-linear-gradient(left, #1b55a4 1%,#1b63b0 46%,#1a7ec6 87%);background: linear-gradient(to right, #1b55a4 1%,#1b63b0 46%,#1a7ec6 87%); border: 1px solid transparent;}
.row-fluid .wyform-section input[type="submit"]:hover {background: transparent;    color: #1b55a4;    border: 1px solid #1b55a4;}

/* learn-section */

.row-fluid .learn-section { padding: 100px 0; text-align: center;}
.row-fluid .learn-title h2 { font-size: 40px; font-weight: 700; color: #000;margin-bottom: 40px;}
.row-fluid .outter-learn-accordion { border: 2px solid #000; margin: 0 170px; padding: 15px 10px;}
.row-fluid .accordion-contain { display: none;}
.row-fluid .accordion-lable h5{ position: relative;color: #000; padding: 10px 0; font-weight: 600; font-size: 22px;}
.row-fluid .learn-accordion-box { text-align: -webkit-left; margin: 0 15px; border-bottom: 2px solid;}
.row-fluid .learn-accordion-box:last-child { border-bottom: none;}
.row-fluid .accordion-lable h5:after { content: '\002B'; color: #d8630f; font-weight: bold; float: right; margin-left: 5px; position: absolute; right: 0; font-size: 30px; line-height: 21px;cursor:pointer;}
.row-fluid .active .accordion-lable h5:after { content: "\2212";}
.row-fluid .active .accordion-contain{ display:block;}
.row-fluid .active .accordion-contain{ transition: ease all 0.9s;}
.row-fluid .active .accordion-contain p{ line-height: 32px!important; font-size:18px!important;}
.row-fluid .host-detail .host-img img {display:block;}
.row-fluid .speaker-right .host-box-post p {  margin-bottom: 5px;}


.row-fluid .why-outer .outter-learn-accordion { margin: 0;}
.row-fluid .why-outer .learn-section { padding-top:0 !important; padding-bottom: 20px;}
.row-fluid ul.inputs-list.multi-container li {  list-style: none;}
.row-fluid ul.inputs-list.multi-container li label span { font-size: 15px;}
.row-fluid ul.inputs-list.multi-container li label input {  margin-right: 10px;}
.case-study .case-study-form textarea {  border-bottom: 2px solid;  width: 100% !important;}
.row-fluid .internal-hero, .row-fluid .inner-internal-hero-main {  float: left;  width: 100%;}
/* .row-fluid .inner-internal-hero-main {  display: flex;  display: -webkit-flex;display: -moz-flex;display: -o-flex;} */
.row-fluid .hero-popup .popup-btn {  position: absolute;  top: 50%;  left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);}
.row-fluid .inner-internal-hero-main  .inner-internal-hero h1 {max-width: 600px;}
.row-fluid .inner-internal-hero-main .inner-internal-hero p {max-width: 610px;}
.fancybox-close:before { position: absolute; content: ''; content: "\f057"; font-family: fontawesome; color: #d8630f; font-size: 50px; background: #fff; line-height: .5; border-radius: 50%; } 
.row-fluid .inner-internal-hero-main .popup-btn a .fa {color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); } 
.row-fluid .inner-internal-hero-main .popup-btn a { height: 85px; width: 85px; background: #085eb4; display: inline-block; border-radius: 50%; position: relative; display: none;}
.row-fluid .main-about { padding: 155px 0;  text-align: center;  max-width: 570px;}
.row-fluid .main-about h2 { font-size: 25px; margin-bottom: 40px;font-weight: 500;}
.row-fluid .main-about ol {padding-left: 0;}
.row-fluid .abouttext { max-width: 515px; margin: 0 auto !important; float: none !important; text-align: center; }
.row-fluid .abouttext strong { font-weight: bold; font-size: 20px;}
.row-fluid .abouttext ol li {  list-style-position: inside;}
.row-fluid .about-single  {float: left;width: 100%;}
.row-fluid .about-single .image-about {  height: 360px;  float: left; width: 20%;}
.row-fluid .read-btn-main a .fa {  font-size: 13px;  margin-right: 2px;}
.row-fluid .read-btn-main a { font-weight: bold;  font-size: 18px;}
.row-fluid .read-btn-main a:hover {color: #d8630f;}
.row-fluid .story-main { max-width: 740px;} 
.row-fluid .story-main h2 {margin-bottom: 2px; font-weight: 600;  font-size: 40px;}
.row-fluid .partner-outer { background: #f7f7f7;padding: 45px 0 10px 0;}
.row-fluid .partner-outer h2 { text-align: center; font-size: 25px; margin-bottom: 50px; font-weight: 500;}
.row-fluid .partner-logo-section { float: left;  width: 100%;}
.row-fluid .image-partner { float: left; width: 13%;  margin-right: 1%;margin-bottom: 40px;position: relative;  min-height: 120px; overflow: hidden;}
.row-fluid .image-partner:nth-child(7n) { margin-right: 0;  } 
/* .row-fluid .partner-outer .container { max-width: 720px;} */
/* .row-fluid .image-partner:nth-child(3n+1) {  clear: both;} */
.row-fluid .image-partner img {position: absolute;  left: 50%;  top: 50%;  transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); max-width: 140px;}
.row-fluid .story-btn-main {  float: left;  width: 100%;  padding: 30px 0 40px 0;  text-align: center;}
.row-fluid .story-btn-main .read-btn-main a, .row-fluid .mission-about .read-btn-main a {  border: 2px solid #000; padding: 10px 28px; display: inline-block; font-size: 18px;}
.row-fluid .mission-about .read-btn-main a { border-color: #fff; color: #fff;  margin-top: 20px; }
.row-fluid .story-btn-main .read-btn-main a .fa, .row-fluid .mission-about .read-btn-main a .fa {  display: none;}
.row-fluid .story-btn-main .read-btn-main a:hover {  background: #000;  color: #fff;}
.row-fluid .mission-about .read-btn-main a:hover { background: #fff; color: #d8630f;}
.row-fluid .full-width {float: left;width: 100%;}
.row-fluid .honored-section {  padding: 150px 0;  text-align: center;}
.row-fluid .orange-line {margin: 0 auto;}
.row-fluid .honor-middle { padding: 25px 0 115px 0;}
.row-fluid .honor-image {  float: left; width: 22%;  margin-right: 4%;  margin-bottom: 40px;  height: 180px;}
.row-fluid .honor-image:nth-child(4n) {  margin-right: 0;}
.row-fluid .honor-image-couple {  padding: 45px 0 0 0;}
.row-fluid .honored-section h2 {  text-align: center;  font-size: 40px;  margin-bottom: 15px;  font-weight: 600; line-height: 1;}
.row-fluid .honored-section h3 {  text-align: center;  font-size: 30px;  margin-bottom: 15px;  font-weight: 500;}
.row-fluid .honored-section .container { max-width: 900px;}
.row-fluid .honer-content, .row-fluid .team-main-content  { font-size: 18px; font-weight: 400; font-family: 'Roboto', sans-serif; line-height: 1.9; }
.row-fluid .honer-content p.we-do-text {  font-style: italic;}
.row-fluid .honor-bottom .honer-content {  max-width: 705px;  margin: 0 auto;}
.row-fluid .mission-about .inner-mission p {  font-size: 31px;}
.row-fluid .mission-about .inner-mission h3 {font-weight: 500;}
.row-fluid .team-couple {padding: 150px 0;  text-align: center;float: left;    width: 100%;}
.row-fluid .team-main-title h2 { font-weight: 600; font-size: 40px; margin-bottom: 0; color: #000; text-align: center; position: relative; left: 0; }
.row-fluid .team-main-title h3 {font-weight: 500; margin-bottom: 15px; font-size: 30px;}
.row-fluid .team-main-title h2:after {display: none;}
.row-fluid .team-main-content {  max-width: 790px; margin: 0 auto !important;   float: none;}
.row-fluid .team-couple.core {  padding: 0;}
.row-fluid .culture-btn a:nth-child(2) {  color: #d8630f;  border-color: #d8630f;  margin-left: 15px;}
.row-fluid .culture-btn a:nth-child(2):hover  {  color: #000;  border-color: #000;}
.row-fluid .steps-version2 h2 {  font-size: 34px;  float: left;   width: 75%;}
.row-fluid .steps-version2 .hs-cta-wrapper { float: left; width: 25%;}
body .fancybox-inner {  position: relative; padding-bottom: 56.55%;overflow: hidden;height: auto !important;}
body .fancybox-inner iframe { position: absolute; top: 0; left: 0; height: 100%;  width: 100%;}
.row-fluid .our-mission-img {  width: 48.72%;}
.row-fluid .video-poster {  height: 240px;position: relative;}
.row-fluid .hero-popup {  padding: 125px 0 0px 0;}
.row-fluid .inner-internal-hero-main .inner-internal-hero h1 {  font-size: 65px;}
.row-fluid .honor-image img {display: none;}
.fancybox-lock .fancybox-overlay {    background: rgba(0,0,0,0.8);}
.row-fluid.show-hide-text .hide-text {  display: block !important;}
.row-fluid .hide-btn .read-btn-main a { display: none;}
.row-fluid.show-hide-text .read-btn-main a {  display: none}
.row-fluid.show-hide-text .hide-btn .read-btn-main a { display: block;}
.row-fluid .read-btn-main a i.fa.fa-minus { display: none;}
.row-fluid.show-hide-text .read-btn-main a i.fa.fa-minus { display: inline-block;}
.row-fluid.show-hide-text .read-btn-main a i.fa.fa-plus { display: none;}
.row-fluid .video-mobile {  display: none;}
.row-fluid .couple-image-slider .image-couple {  float: left;  width: 13%;  margin-right: 0;padding: 0px 5px;}
/* .row-fluid .couple-image-slider .image-couple:nth-child(7n) {  margin-right: 0;} */
.row-fluid .couple-image-slider .image-couple img { max-width: 130px;  margin: 0 auto;  margin-bottom: 40px;    vertical-align: middle;}
.row-fluid .couple-image-slider {padding: 0px 70px;}
.row-fluid span.top-logo-image, .row-fluid span.bottom-logo-image { overflow: hidden;  position: relative;  height: 90px; float: left; width: 100%;   margin-bottom: 40px;}
.row-fluid span.top-logo-image img,  .row-fluid span.bottom-logo-image img {position: absolute; top: 50%;  left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);}


.row-fluid .growth-agency-section { background-color: #FDF9F5; }
.row-fluid .header-section.sticky { display:none; }



/*=============================================================================================
                            Responsive css start
=============================================================================================*/

@media(max-width:2500px){

.main-midd-content h2 span, .service .main-midd-content h3 span{ right: -5.2%;}

}

@media(max-width:1920px){

.main-midd-content h2 span, .service .main-midd-content h3 span { right: -7.2%;}
  
}
@media(max-width:7000px) and (min-width: 1920px){.row-fluid .title-client h2 {    font-size: 48px;}}
@media(max-width:1920px) and (min-width: 1500px){

   .row-fluid .approach-left ul li a:before {    left: -66px;}
  .row-fluid .approach-left ul li a:after {  right: -66px;}
  .row-fluid .approach-left ul li:before {  right: 30px;}
  .row-fluid .approach-left ul li:nth-child(2) a { width: 86%;}
  .row-fluid .approach-left ul li:nth-child(2) {width: 86%;}
  .row-fluid .approach-left ul li:nth-child(3) {  width: 72%;    z-index: 9;}
  .row-fluid .approach-left ul li:nth-chil(3):before {z-index: 9;}
  .row-fluid .approach-left ul li:nth-child(3) a { width: 89%;}
  .row-fluid .approach-left ul li:nth-child(3) a:after {  right: -52px;}
  .row-fluid .approach-left ul li:nth-child(3) a:before {  left: -52px;}
  .row-fluid .title-client h2 {    font-size: 48px;}
  .row-fluid .approach-left ul li:hover a:after {  top: -4px;}
/*   .row-fluid .approach-left ul:after {right: -203px;} */
}
@media(max-width:1500px) and (min-width: 992px){

   .row-fluid .approach-left ul li a:before {    left: -66px;}
  .row-fluid .approach-left ul li a:after {  right: -66px;}
  .row-fluid .approach-left ul li:before {  right: 30px;}
  .row-fluid .approach-left ul li:nth-child(2) a { width: 85%;}
  .row-fluid .approach-left ul li:nth-child(2) {width: 86%;}
  .row-fluid .approach-left ul li:nth-child(3) {  width: 72%;    z-index: 9;}
  .row-fluid .approach-left ul li:nth-chil(3):before {z-index: 9;}
  .row-fluid .approach-left ul li:nth-child(3) a { width: 88%;}
  .row-fluid .approach-left ul li:nth-child(3) a:after {  right: -51px;}
  .row-fluid .approach-left ul li:nth-child(3) a:before {  left: -52px;}
  .row-fluid .approach-left ul li:nth-child(3) a:after { right: -52px;}
  
}
/*----------------------------------------Home css start-------------------------------------*/

@media(max-width:1500px){

/*-------------------------------Internal Pages 1 css start-----------------------*/

.quick-link{ padding:0 20px;}
.footer-logo-right{ padding:0 20px;}
.main-link ul li a { font-size: 18px;}
.inner-quick-link h3 { font-size: 18px;}
.inner-cta-bar {padding: 60px 20px 68px;}

/*-------------------------------Internal Pages 3 css start-----------------------*/

.inner-our-team{ padding:0 20px;}
.inner-our-team h2, .inner-our-team h3 { font-size: 30px;}
.main-mission-right{ padding:20px;}
.white-bg{ width:42.6%;}

}

@media(max-width:1300px){
    
.member-hover{ padding: 20px 30px 45px;}
.member-hover p { font-size: 16px;}

}
@media(max-width: 1265px){
  .inner-logo img {  width: 100% !important; max-width: 90px !important;}
  .inner-footer-logo p {  font-size: 14px; margin-top: 10px;margin-bottom: 10px;}
}

@media(max-width:1200px){

/*-------------------------------Home css start-----------------------*/

.inner-hero h1 { font-size: 60px;}
.left-form h3 { font-size: 24px;}
.inner-headline h2 { font-size: 45px;}
.white-bg{ padding:30px;}
.more-success-btn{ margin-bottom: 70px;}
.inner-inbound h2 { font-size: 36px;}
.inner-inbound a:after{ height: 402px;}
.inner-blog { padding: 75px 0 75px;}
.inner-blog h2{ max-width: 370px;font-size: 38px;}
.inner-blog .featured-post{ margin: 70px auto 0;}

.inner-internal-hero h1{ font-size:65px;}
.bottom-ctabar h2 { font-size: 90px;} 
.inner-cta-bar{ display:block;text-align: center;padding: 40px 20px 40px;}
.inner-cta-bar a{ float:none; margin-top: 30px;}
.inner-cta-bar h2 { max-width: 100%;}

/*-------------------------------Internal Pages 2 css start-----------------------*/

.inner-internal-headline h2 { font-size: 60px; margin: 50px 0;}
.midd-box { margin-top: 80px; }
.midd-slider-section .owl-next{ width: 60px; height: 60px; background-size: 100% !important; right:0;}
.midd-slider-section .owl-prev{ width: 60px; height: 60px; background-size: 100% !important; left:0;}
.midd-inner-box{ padding:0 20px;}
.main-slider-inner.midd-inner-box{ padding:0;}
.inner-cta-bar h2{ font-size:34px;}
.middle-content{ padding:0 20px 30px;}

/*-------------------------------Internal Pages 3 css start-----------------------*/

.inner-our-team h2, .inner-our-team h3 {font-size: 28px; margin-bottom:0 !important;}
.inner-story h2 { font-size: 34px;}
.value-img2{ width:47% !important;}
.meet-our-team h2{  margin-bottom: 70px;}
.inner-our-value{ padding: 70px 0 70px;}
.main-our-value h2{ margin-bottom: 70px;}
.meet-our-team { margin-bottom: 70px;}
.main-our-philosophy h2{ margin-bottom:70px;top: 70px;}
.inner-philosophy{ padding: 70px 0 70px;}
.main-our-value h2 { top:70px;}
.inner-mission p { font-size: 32px;}
.member-hover h2, .member-hover h3{ margin-bottom:0;}
.value-box h2{ top:0 !important; margin-bottom:25px!important;}
.row-fluid .cta-bar {float: left;width: 100%;}
  .row-fluid .inner-cta-bar.container {  float: left !important;  width: 100%;}
  .row-fluid .steps-version2 h2 {  font-size: 30px;padding-right: 20px;}
  .inner-cta-bar a {margin-top: 17px;    font-size: 17px;}
}
@media(max-width:1150px){
  .row-fluid .couple-image-slider .image-couple img {max-width: 110px;margin: 0 auto;margin-bottom: 30px;}
}
@media(max-width:1024px){

/*-------------------------------Home css start-----------------------*/

.inner-hero h1, .inner-hero h2, #t span { font-size: 48px;}
.left-form h3 { font-size: 22px;}
.inner-headline h2 { font-size: 40px;}
.inner-headline{ padding:70px 0;}
.more-success-btn{ margin-bottom: 50px;}
.inner-blog { padding: 50px 0;}
.inner-blog h2{ font-size: 34px;}
.inner-inbound h2 { font-size: 30px;}
.inner-inbound a:after { height: 337px;}
.white-bg{ width:42.5%;}

/*-------------------------------Internal Pages 1 css start-----------------------*/

.inner-internal-hero h1{ font-size:55px;}
.inner-internal-hero { padding: 80px 0 80px 6.5%;}
.bottom-ctabar h2 { font-size: 70px;} 
.bottom-ctabar h2 span img {max-width: 50px;}
.bottom-ctabar h2 span{ margin-left: 20px;}
.bottom-ctabar p { font-size: 24px;}
.internal-inner-content p{ margin-bottom: 50px;}
.internal-inner-content { padding: 50px 0 10px;}
.internal-inner-content img{ margin: 0 auto 50px;}
.section-header{ font-size: 36px;}

/*-------------------------------Internal Pages 2 css start-----------------------*/

.inner-internal-headline h2 { font-size: 46px;} 
.inner-internal-headline p{ margin-bottom: 50px;}
.midd-inner-box{ margin: 0 auto 70px !important;}
.bottom-slider .container{ padding-top: 50px;}
.midd-slider-section { padding-bottom: 0;}
.main-midd-content h2{ font-size:36px;}
.midd-slider-section h2{ font-size:36px; display:block;}
.inner-cta-bar { padding: 50px 20px 50px;}
.midd-content{ width:49.8%;}

/*-------------------------------Internal Pages 3 css start-----------------------*/

.inner-hubspot{ padding: 50px 0 50px;}
.inner-hubspot h2 { font-size: 36px;}
.inner-hubspot h2{ margin-bottom: 50px;}
.inner-our-team h2, .inner-our-team h3 {font-size: 26px;}
.cross-img{ width:40px;}
.main-our-philosophy h2{  font-size: 36px; margin-bottom: 50px;}
.inner-philosophy{ padding:50px 0;}
.main-our-value h2 { font-size: 36px; margin-bottom: 50px;}
.meet-our-team h2 { font-size: 36px;}
.inner-story h2 { font-size: 32px;}
.inner-story p{ margin-bottom:30px;}
.meet-our-team h2{  margin-bottom: 50px;}
.inner-our-value{ padding: 50px 0 50px;}
.meet-our-team { margin-bottom: 50px;}
.headline-row { margin-bottom: 50px;}
.bottom-slider h2{ font-size:36px;}
.border-bottom hr{ padding-bottom: 70px;}
.main-our-philosophy h2{ margin-bottom:50px;}
.inner-mission p { font-size: 30px;}
.member-hover h2, .member-hover h3{ margin-bottom:0;}

/*-------------------------------Case Studt css start-----------------------*/

.case-study-content { padding: 70px 0 0;}
.bottom-case-study { margin-bottom: 40px;}
.left-case-study span >div:nth-of-type(1) { margin-right: 0 !important;}
.left-case-study span >div {width: 100% !important;}
.case-study-form{ padding: 25px 15px 25px;}
.case-study-form h3 span { font-size: 20px;}
.case-study-form h3 { font-size: 30px;margin-bottom: 30px;}

.main-popup{ padding:70px 0;}
.right-popup img{ padding-right:30px;}
.left-popup { padding-left: 30px;}

.three-col-mod p span {font-size: 45px;}  
.three-col-mod h3 {font-size: 20px;}
 .row-fluid .title-client h2 { font-size: 47px;}
  .row-fluid .inside-slider.slider-text {  max-width: 850px;}
}
@media(max-width: 991px){
  .row-fluid .approach-left { width: 100%; float: left;  margin-bottom: 40px;}
  .row-fluid .approach-right { width: 100%; float: left;text-align: center;} 
  .row-fluid .approach-left ul { max-width: 480px;  margin: 0 auto;}
  .row-fluid .approach-left ul li:nth-child(2) {  width: 86%;}
  .row-fluid .approach-left ul li:nth-child(3) {  width: 72%;}
  .row-fluid .approach-left ul li:nth-child(3) {  width: 72%;    z-index: 9;}
  .row-fluid .approach-left ul li:nth-chil(3):before {z-index: 9;}
  .row-fluid .approach-left ul li:nth-child(3) a { width: 89%;}
  .row-fluid .approach-left ul li:nth-child(3) a:after {  right: -50px;}
  .row-fluid .approach-left ul li:nth-child(3) a:before {  left: -50px;}
  .row-fluid .approach-left ul li:nth-child(2) a { width: 85%;}
  .row-fluid .approach-left ul li:nth-child(2) {width: 86%;}
  
    
  .row-fluid .tactics-box { width: 33.33%; }
  .row-fluid .why-outer .internal-inner-content p { margin-bottom: 20px; }
  .row-fluid .why-outer .middle-content { padding-bottom: 0; }
  .row-fluid .honor-middle, .row-fluid .main-about, .row-fluid .honor-middle, .row-fluid .team-couple, .row-fluid .honored-section {  padding: 55px 0;}
   .row-fluid .inner-cta-bar a { font-size: 18px;}
  .row-fluid .steps-version2 h2 {  float: left;  width: 100%;  text-align: center;font-size: 24px;padding-right: 0;}
  .row-fluid .steps-version2 .hs-cta-wrapper {  float: left;  width: 100%;}
/*   .row-fluid .inner-internal-hero-main {flex-flow: column; -webkit-flex-flow: column;-moz-flex-flow: column;-o-flex-flow: column;} */
/*   .row-fluid .hero-popup .popup-btn {  position: relative; text-align: center;  width: 100%;  left: 0; top: 0; transform: none;transform: none;-webkit-transform: none;-moz-transform: none;-o-transform: none;} */
  .row-fluid .inner-internal-hero-main .inner-internal-hero { width: 100%;padding: 50px 20px;}
  .row-fluid .inner-internal-hero-main .hero-popup {  width: 100%;margin-left: 0;}
  .row-fluid .inner-internal-hero-main {  padding-bottom: 50px;}
  .row-fluid .inner-internal-hero-main .inner-internal-hero h1 {  font-size: 48px;}
  .row-fluid .about-single .image-about {width: 33%;  float: none;  display: inline-block;    margin-left: -4px;    vertical-align: top;}
  .row-fluid .honor-image { width: 48%;}
  .row-fluid .honor-image:nth-child(2n) {  margin-right: 0;}
  .row-fluid .hero-popup {  padding: 0px 0 0px 0;}
  .row-fluid .about-single { display: block; text-align: center;}
  .about-us-v2 .value-box {  padding: 50px 20px !important;}
  .row-fluid .honor-image { background: none !important; height: 140px; position: relative; display: block; overflow: hidden; }
  .row-fluid .honor-image img {display: block;    top: 50%;   position: absolute;   left: 50%;    transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);height: auto;}
  .row-fluid .culture-btn a {font-size: 16px;}
  .row-fluid .honored-section h2, .row-fluid .team-main-title h2, .row-fluid .team-main-title h3 {font-size: 36px;line-height: 1.2;}
  .about-us-v2 .inner-img-value span > div:first-child .value-box, .about-us-v2 .inner-img-value span > div:nth-of-type(4) .value-box{  padding: 50px 20px 85px 20px !important;}
  .about-us-v2 .value-box p {font-size: 20px;}
  .about-us-v2 .inner-img-value span > div:nth-of-type(4) {  bottom: -25px;}
  .row-fluid .honor-image:first-child img {   height: auto;}
  .row-fluid .video-poster {  height: auto;}
  .row-fluid .video-mobile {  display: block; position: relative; padding-bottom: 56.55%; overflow: hidden;}
  .row-fluid .popup-btn {display:none;}
  .row-fluid .video-mobile iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .row-fluid .inside-slider.slider-text {  max-width: 600px;}
}
  
}
@media(max-width:992px){ 
   .row-fluid .outter-learn-accordion{  margin: 0;}
}

@media(max-width:980px){

/*-------------------------------Internal Pages 2 css start-----------------------*/

.inner-cta-bar{ text-align:center;}
.inner-cta-bar a{ float:none; margin-top:30px;}

/*-------------------------------Internal Pages 3 css start-----------------------*/

.column4 { width: 50%;}
.member-hover{ width:100%; padding: 20px 45px 20px 20px;}
.member-hover p { font-size: 16px;}
.member-hover h2, .member-hover h3 { font-size: 26px;}
.inner-cta-bar h2{ display:block;}
.white-bg{ width:42.4%;}

.three-layer {margin: 25px auto 0 !important;  }
  
}
@media (max-width: 963px){
.about-us-v2 .inner-img-value span > div:nth-of-type(4) {
    bottom: 0;
}
}
@media (max-width: 820px){
.about-us-v2 .value-box p {
    font-size: 17px;
}
}
@media(max-width:767px){

/*-------------------------------Home css start-----------------------*/

.row-fluid .header-section .inner-header { padding:20px 0 !important; }
.row-fluid .header-section .h-logo { text-align:right; float:right; } 
.row-fluid .header-section .h-logo img { max-width:170px; }
.row-fluid .header-section .hamburger-inner { width:30px; left:2px; } 
.row-fluid .header-section .hamburger-inner:before { bottom:auto; top:-10px; width:30px; }
.row-fluid .header-section .hamburger-inner:after { bottom:-10px; width:30px; }
.row-fluid .header-section .menu-text { font-size:11px; }
.row-fluid .header-section button.hamburger { top:15px !important; }
body .body-container { padding-top:75px !important; }
.MenuOpen .row-fluid .header-section .hamburger-inner:after { bottom:0; }
.MenuOpen .inner-header > div:first-child { padding-top:0; }

  
.inner-hero h1, .inner-hero h2 { font-size: 34px;}
.left-form {width: 100% !important;}
.webinar-now-form { float: none !important;  width: 100% !important;}
.inner-form { padding: 30px 0 30px;}
.webinar-now-form .hs-form-field { width: 100% !important; float: none; margin-right: 0; margin-bottom:20px; }
.inner-headline{ padding:30px 0;}
.inner-headline h2 {font-size: 36px;}
.inner-headline p{ font-size:18px;}
.white-bg.right-grey-bg { order: 1; left: 0; right: 0; }
.back-img{ order:2;}
.white-bg:after { position: absolute; width: 147px; height: 10px; background: #d8630f; content: ""; top:auto; bottom:-10px; right: 0; transform: translateY(-50%); left: 0; margin: 0 auto; }
.right-grey-bg:before { position: absolute; width: 147px; height: 10px; background: #d8630f; content: ""; top:auto; bottom:-10px; right: 0; transform: translateY(-50%); left: 0; margin: 0 auto; }
.inner-story a{ font-size: 20px;}
.more-success-btn{ margin-bottom: 30px;}
.more-success-btn a, a.more-success-btn{ font-size: 20px;padding: 15px 20px;}
.inner-blog { padding: 30px 0 0;}
.inner-blog h2{ font-size: 26px; max-width: 300px;}
.left-latest { width: 50% !important; float: left !important; }
.right-viewall { width: 50% !important; float: left !important; }
.main-fea{ width: 100%; float: left; margin-right: 0; margin-bottom: 30px;}
.inner-hero p{ line-height:1.2; font-size: 20px;}
.inner-hero{ padding: 200px 0 70px;}
.inner-inbound h2 { font-size: 28px; margin-bottom:50px; max-width:100%;}
.inner-blog a{ font-size: 20px;}
.inner-inbound a:after {height: 312px;}
.inner-inbound a{ padding: 15px 30px;}
.webinar-now-form input[type="text"], .webinar-now-form input[type="tel"], .webinar-now-form input[type="email"]{ padding: 6px 10px;}
.webinar-now-form input[type="submit"]{ font-size: 18px;}
.inner-inbound a:after{ display:none;}
.top-border hr{ display:none;}
.inner-inbound h3{ text-align:center;}
.inner-inbound a{ float:none;}
.inner-inbound{ text-align:center;padding: 40px 0;}

/*-------------------------------Internal Pages 1 css start-----------------------*/

.inner-internal-hero h1{ font-size:48px;}
.inner-internal-hero { padding: 50px 20px ;}
.bottom-ctabar h2 { font-size: 60px;} 
.bottom-ctabar h2 span img {max-width: 40px;}
.bottom-ctabar h2 span{ margin-left: 10px;}
.bottom-ctabar p { font-size: 20px;}
.inner-bottom{ padding:30px 0;}
.internal-inner-content p { font-size: 18px;margin-bottom: 30px;}
.section-header h2{ font-size: 34px; margin-bottom:30px;}
.inner-link{ padding: 45px 0 25px 0;}
.internal-inner-content { padding: 30px 0 10px;}
.internal-inner-content img { margin: 0 auto 30px;}
.inner-internal-hero p{ margin-bottom:0;font-size: 20px;}
.right-header h2 span{ right:30%;}

/*-------------------------------Internal Pages 2 css start-----------------------*/

.inner-internal-headline p { font-size: 18px; margin-bottom: 30px;}
.midd-content p { font-size: 18px;margin-bottom: 30px;}
.inner-internal-headline h2{margin: 30px 0;}
.midd-box { margin-top: 30px;margin-bottom: 50px;}
.main-midd-content h2{ margin-bottom: 30px;}
.midd-inner-box { margin: 0 auto 30px !important;}
.main-midd-content h2{ font-size:34px;}
.midd-slider-section h2{ font-size:34px;}
.midd-right-img { width: 100%; text-align: center; }
.midd-content { width: 100%;}
.left-right .midd-content { order: 1; padding-left: 0;}
.left-right .midd-right-img { order: 2;}
.bottom-slider .container { padding-top: 0px;}
.main-slider-inner > div:nth-of-type(1) { width: 100% !important; }
.main-slider-inner > div:nth-of-type(2) { width: 100% !important;}
.midd-slider-section .midd-content p {  max-width: 100%;}
.inner-cta-bar h2 { font-size: 30px;}
.inner-cta-bar a { font-size: 20px;}
.main-midd-content h2 span{ right:-3%;}
.slider-text-inner p { font-size: 18px;}
.inner-internal-headline h2 { font-size: 30px;}

/*-------------------------------Internal Pages 3 css start-----------------------*/

.inner-hubspot h2 { font-size: 34px;}
.inner-hubspot h2{ margin-bottom: 30px;}
.inner-hubspot{ padding: 30px 0 10px;}
.inner-our-team h2, .inner-our-team h3 { font-size: 24px;}
.box-img { width: 25% !important; float: left !important;}
.main-our-philosophy h2 { font-size: 34px;margin-bottom: 30px;}
.inner-philosophy{ padding:30px 0;}
.main-our-value h2 { font-size: 34px; margin-bottom: 30px;}
.meet-our-team h2 { font-size: 34px;}
.inner-story h2 { font-size: 30px;}
.left-value { width: 48% !important; float: left !important; margin-right: 3% !important; }
.right-value { width: 49% !important; float: left !important;}
.value-img2 {  width: 48.5% !important;  float: left !important;}
.value-img3 {  width: 48.5% !important;  float: left !important;}
.mission-img { width: 100% !important;}
.inner-mission { width: 100% !important; height:auto;padding: 0px;}
.inner-mission p{ max-width:100%;}
.inner-mission p { font-size: 28px;}
.inner-mission h3{ margin-bottom:30px;}
.meet-our-team h2{  margin-bottom: 30px;}
.inner-our-value{ padding: 30px 0 10px;}
.meet-our-team { margin-bottom: 30px;}
.headline-row { margin-bottom: 30px;}
.white-bg{ width:100%; left:0; padding:20px 25px 50px;}
.back-img{ width:100%;}
.bottom-slider h2{ font-size:34px;}
.border-bottom hr{ padding-bottom: 30px;}
.main-our-philosophy h2{ top:30px;}
.inner-philosophy p{ margin-bottom:0;}
.main-our-value h2 { top:30px;}
.our-mission-img{width:100% !important;height:350px !important;}
.main-mission-right{width:100% !important;}
.inner-mission p { font-size: 26px;}
.right-header h2{ font-size:34px; margin-bottom:30px;}
.member-hover h2, .member-hover h3{ margin-bottom:0; font-size:26px;}
.member-hover p { font-size: 14px;}
.four-box-img span > div img { max-width: 150px;}
.inner-img-value span > div {  width: 100%;  margin-right: 0;}
.inner-img-value span > div:nth-of-type(4) { position: relative; right: 0; bottom: 0; }
.value-box{ padding:30px !important;}
.value-box h2{ font-size: 28px;}
.value-box p{ font-size: 22px;}
.inner-img-value span > div:nth-of-type(2n){ margin-top:0;}
.four-box-img span > div { margin-right: 8.7%;}

/*------------------------------- Case Study css start-----------------------*/

.left-popup p { font-size: 16px; line-height:1.5;margin-bottom: 30px;}
.right-popup p { font-size: 16px;}
.result h2 { font-size: 30px;}
.result{ padding:40px 35px;}
.case-study-content { padding: 30px 0 0;}
.bottom-case-study { margin-bottom: 30px;}
.left-case-study { width: 100% !important;}
.case-study-form { width: 100% !important; margin-bottom:30px;}
.case-study-form input[type="submit"]{ padding:10px 0;}
.case-study-form .hs-form-field { margin-bottom: 30px;}
.case-study-form h3 { font-size: 26px;}
.case-study-form h3 span { font-size: 18px;}
.case-study-box { margin-bottom: 30px;}
.case-study-form .actions:before{ top:22px;}
.case-study-form .hs_submit.hs-submit:before{ top:22px;}
.terms-services h2{ font-size:22px; line-height:1.2;    margin-bottom: 20px;}
.contact-title p { font-size: 18px;margin-bottom: 30px;}
.contact-form .form-columns-2 > div { margin-right: 0; width: 100% !important; margin-bottom: 20px; }
.contact-form fieldset{ margin-bottom: 0px !important;}
.hs_how_can_we_help_you_{ margin:20px 0;}
.location{ text-align:center; margin-bottom:20px;}

.featured-post .hs-featured-image{  max-height: 400px;}  
  
.three-col-mod p span {font-size: 40px;}  
.the-col-flex > span { margin: 48px 0 0;}
  
.the-col-flex > span {display: block;  }
.the-col-flex > span > div {width: 100%;}
  
.main-midd-content h2 span, .service .main-midd-content h3 span { right:0; }
.main-our-value h2 span { left:0; }
  .contact-map .inner-internal-hero {text-align: center;}
  .contact-map .inner-internal-hero h1 {max-width: 100%;}
   .contact-map .inner-internal-hero h1:after {left: 50%; transform: translate(-50%); -webkit-transform: translate(-50%);}
  .home-v2 .cta-bar .inner-cta-bar h2, .home-v2 .cta-bar .inner-cta-bar span.hs-cta-wrapper {  width: 100%;}
.home-v2 .inner-story h2, .row-fluid .title-client h2 { font-size: 30px;}
  .row-fluid .client-right  {float: left;width: 100%;margin-top: 40px;    padding: 15px}
  .row-fluid .site-client { padding-bottom: 40px;}
  .row-fluid .marketing-approach-section { padding: 50px 0px;}
  .home-v2 .row-fluid .growth-agency-section .inner-hero {padding: 50px 0px;}
 .home-v2 .row-fluid .hero-banner .inner-hero {  padding: 120px 0 50px;text-align: center;}
  .row-fluid .inner-hero h2, #t span {font-size: 30px;}
  .home-v2 .row-fluid .inner-headline h2 {font-size: 28px;}
  .row-fluid .approach-left ul li:after, .row-fluid .approach-left ul li:before, .row-fluid .approach-left ul li a:after, .row-fluid .approach-left ul li a:before, .row-fluid .approach-left ul:after {display: none !important;}
  .row-fluid .approach-left ul li a {width: 100% !important;border-bottom: 0 !important;padding: 20px 0;}
  .row-fluid .approach-left ul li {width: 100% !important;  border: 2px solid #000;}
  .row-fluid .approach-left ul:before {width: 70%; background-position: 50% 25%;}
  .row-fluid .approach-left {margin-bottom: 20px;}
  
  /*=================Why Yokel Local =====================*/
  
  .row-fluid .wytabs-outer > ul > li { width: 100%; }
  .row-fluid .wytabs-outer > ul > li a { border-right: 0; }
  .row-fluid .wytabs-outer > ul > li.tab-active > a:before { opacity:1; background: #d8630f; }
  .row-fluid .wy-tabcontent > div { padding: 30px; }
  .row-fluid .wyform-section { padding: 40px 0; }
  .row-fluid .wyform-section .hs_cos_wrapper_type_form { padding: 40px 30px; }
  .row-fluid .wyform-section .hs_cos_wrapper_type_header { padding-bottom: 30px; }
  .row-fluid .tactics-box { width: 50%; padding: 0 25px; margin: 20px 0; }
  .row-fluid .wytabs-section, .row-fluid .succ-outer { padding-bottom: 20px; }
  .row-fluid .learn-accordion-box {  margin: 0 0px 0 15px;}
  .row-fluid .about-single .image-about { width: 49%;}
  .row-fluid .image-partner {  width: 48%; margin-right: 4%;}
  .row-fluid .image-partner:nth-child(2n) { margin-right: 0;}
  .row-fluid .image-partner:nth-child(3n+1) {  clear: none;}
  div#our-mission .row-fluid, .row-fluid .dis-flex {  flex-flow: column;  -webkit-flex-flow: column;}
  .row-fluid .our-mission-img, .row-fluid .main-mission-right {  width: 100% !important;}
  .about-us-v2 .inner-img-value span > div:first-child .value-box, .about-us-v2 .inner-img-value span > div:nth-of-type(4) .value-box {   padding: 50px 20px !important;}
  .row-fluid .honor-image {   height: auto;    margin-bottom: 20px;}
  .row-fluid .honor-image img { top: 0; position: relative; left: 0; transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; margin: 0 auto; }
  .row-fluid .inside-slider.slider-text {  max-width: 450px;}
}

@media(max-width:640px){

/*-------------------------------Home css start-----------------------*/

.inner-headline h2 {font-size: 32px;}
.inner-inbound h2 { font-size: 26px; max-width:100%;}
.inner-blog h2 {font-size: 22px;}


/*-------------------------------Internal Pages 1 css start-----------------------*/

.bottom-ctabar h2 { font-size: 50px;} 
.section-header h2{ font-size: 30px;}
.internal-inner-content p , .middle-content h4 a{ font-size: 16px;}
.inner-link ul li{ margin-right:0; padding-right:10px; width:49%;}
.inner-link{ text-align:center;}
.main-midd-content h2{ font-size:30px;}
.midd-slider-section h2{ font-size:30px;}

/*-------------------------------Internal Pages 2 css start-----------------------*/

.inner-cta-bar h2, .row-fluid .mission-about .inner-mission p { font-size: 26px;}

/*-------------------------------Internal Pages 3 css start-----------------------*/

.inner-hubspot h2 { font-size: 30px;}
.column4 { width: 100%;}
.inner-hubspot h2 { font-size: 24px;}
.box-img { width: 50% !important;margin-bottom: 30px;}
.inner-four-box { padding: 10px 0 10px;}
.main-our-philosophy h2 { font-size: 30px;}
.main-our-value h2 { font-size: 30px;}
.meet-our-team h2 { font-size: 30px;}
.inner-story h2 { font-size: 28px;}
.inner-mission p { font-size: 24px;}
.left-value { width: 100% !important; margin-right: 0 !important; }
.right-value { width: 100% !important; margin-top: 0;}
.bottom-slider h2{ font-size:30px;}
.member-hover.mobileClass { left: 0 !important; top: 100% !important;}
.right-header h2{ font-size:30px;}
.member-hover h2, .member-hover h3{ font-size:26px;}
.four-box-img span > div img { max-width: 100px;}
.four-box-img span > div { width: 100%; margin-bottom: 30px; }
.inner-four-box { padding: 40px 0 10px;}
.value-box h2{ font-size: 24px;}
.value-box p{ font-size: 20px;}
.four-box-img span > div { margin-right: 0;}
.left-value img {  width: 100% !important;}
.right-value img {  width: 100% !important;}

  /*------------------------------- Case Study css start-----------------------*/

  .left-popup { width: 100%; padding:0 15px; margin-bottom:30px;}
  .right-popup { width: 100%;padding:0 15px;}
  .three-layer h2 {font-size: 35px;}
  .row-fluid .map-sec iframe {    width: 100% !important;    height: 250px;}
  .row-fluid .approach-title h2 { font-size: 32px;}
  .row-fluid .approach-top {padding-bottom: 40px;}
  
  /*=================Why Yokel Local =====================*/
  .row-fluid .client-sucbox { width: 100%; margin-right: 0;}
  .row-fluid .about-single .image-about {width: 100%;margin-right: 0;}
  .row-fluid .honor-image {  height: auto;    margin-bottom: 15px;}
/*   .row-fluid .image-partner {  width: 100%; margin-right: 0;} */
  .row-fluid .inner-internal-hero-main .inner-internal-hero h1 {  font-size: 33px;}
  .row-fluid .honor-image:last-child {  margin-bottom: 0;}
  .row-fluid .partner-outer h2 { line-height: 1.2;}
  .row-fluid .honor-image img {  top: 0;  position: relative;  left: 0;  transform: none;  -webkit-transform: none;  -moz-transform: none;  -o-transform: none;margin: 0 auto;}
  
}

@media(max-width:600px){
  .row-fluid .couple-image-slider .image-couple img {max-width: 80px;margin: 0 auto;margin-bottom: 20px;}
  .row-fluid .couple-image-slider .image-couple {margin-right: 0;}
}
@media(max-width:480px){
  .row-fluid .header-section .hamburger-inner { left:0; }
/*-------------------------------home css start-----------------------*/

.inner-inbound h2 { font-size: 24px; line-height: 1.7;}

/*-------------------------------Internal Pages 2 css start-----------------------*/

.inner-internal-hero h1{ font-size:40px;}
.inner-link ul li{ margin-right:0; padding-right:0px; width:100%;}
.midd-slider-section .owl-next{ width: 40px; height: 40px;}
.midd-slider-section .owl-prev{ width: 40px; height: 40px;}
.right-header h2 span{ right:15%;}
.inner-internal-hero h1:after{ width:240px;}

/*-------------------------------Internal Pages 3 css start-----------------------*/

.inner-mission p { font-size: 20px;}

.internal-inner-content h2, .three-layer h2 {
    font-size: 28px;line-height: 1.3;
}
  .row-fluid .contact-title { padding: 30px 0 20px 0;}
.contact-map .row-fluid .contact-form {  padding: 10px 0 0px 0;}
  .row-fluid .contact-title h2{font-size: 24px;}
  .row-fluid .approach-left ul li a {width: 85%;}
  .row-fluid .approach-left ul li a:before{    left: -65px;}
  .row-fluid .approach-left ul li a:before{    right: -65px;}
  .row-fluid .approach-left ul li:nth-child(3) a { width: 79%;}
.row-fluid .approach-left ul li:nth-child(2) a {  width: 82%;}
  .row-fluid .approach-left ul li:nth-child(3) a:before { left: -67px;}
  .row-fluid .approach-left ul li:nth-child(3) a:after { right: -69px;}
  .row-fluid .approach-left ul li:nth-child(2) a {   width: 83%;}
  
  .row-fluid .wyform-section .form-columns-2 .hs-form-field:last-child { padding-left: 0; }
  .row-fluid .wyform-section .form-columns-2 .hs-form-field:first-child { padding-right: 0; }
  .row-fluid .wyform-section .hs-input { width: 100% !important; }
  .row-fluid .wyform-section .hs-fieldtype-checkbox ul { padding-bottom: 0; }
  .row-fluid .wyform-section .hs_cos_wrapper_type_form { padding: 40px 20px;}
  .row-fluid .wyform-section .hs-form-field { margin: 0 0 15px; }
  .row-fluid .wyform-section .hs-fieldtype-checkbox { padding-top: 10px; }
  .row-fluid .wyform-section .hs_cos_wrapper_type_header h2 { font-size: 28px; }
  .row-fluid .wyform-section h3.form-title { font-size: 18px; }
  .row-fluid .wyform-section h3.form-title > strong { font-size: 27px; }
  .row-fluid .wyform-section .hs-form-checkbox { padding-left: 0 !important; width: 100%; }
  .row-fluid .wyform-section textarea.hs-input { min-height: 80px; }
  
  .row-fluid .tactics-box { width: 100%; } 
  .row-fluid .wyform-section input[type="submit"] { padding: 8px; font-size: 18px; }
  .row-fluid .learn-section {  padding: 30px 0 40px 0;}
  .row-fluid .learn-accordion-box { margin: 0;}
  .row-fluid .culture-btn a { display: inline-block; text-align: left; margin-bottom: 15px;}
  
  .row-fluid .image-partner img, .row-fluid .honor-image img {  max-width: 110px;}
  .row-fluid .partner-outer .container {padding: 0;}
}

@media(max-width: 457px){
  .row-fluid .site-couple-btn p { text-align: center;}
  .row-fluid .site-couple-btn a:last-child {margin-top: 20px;}
}
@media(max-width:360px){
 
.right-header h2 span{ right:5%;}
    
}


.middle-content iframe {
    width: 100% !important;
    /* height: auto !important; */
/*   margin: 40px auto; */
}

body .body-container { padding-top: 123px; } 
 
@media(max-width:767px){
 body .body-container { padding-top: 114px; }
}
@media(max-width:640px){
 body .body-container { padding-top: 108px; }
}
@media (max-width: 480px){
 body .body-container { padding-top: 88px; }
 .row-fluid .footer-section.o2.footer-v2 .footer-three-box:nth-child(2) {  padding: 10px 0 20px 0;}
  .row-fluid .approach-left ul li:after, .row-fluid .approach-left ul li:before, .row-fluid .approach-left ul li a:after, .row-fluid .approach-left ul li a:before, .row-fluid .approach-left ul:after {display: none !important;}
  .row-fluid .approach-left ul li a {width: 100% !important;border-bottom: 0 !important;padding: 20px 0;}
  .row-fluid .approach-left ul li {width: 100% !important;  border: 2px solid #000;}
  .row-fluid .approach-left ul:before {width: 70%;}
  .row-fluid .approach-left {margin-bottom: 20px;}
  .row-fluid .title-client h3 {  font-size: 22px;}
  .row-fluid .wyform-section h3.form-title > strong {font-size: 24px;}
  .row-fluid .wyform-section h3.form-title {  font-size: 15px;}
  .row-fluid span.top-logo-image, .row-fluid span.bottom-logo-image {margin-bottom: 0;}
}
@media(max-width: 450px){
  .row-fluid .accordion-lable h5 {padding-right: 20px;}
  .row-fluid .accordion-lable h5:after {top: 10px;}
}
@media(max-width: 320px){
  .row-fluid .client-name h6 { font-size: 13px;}
  .row-fluid .left-couple .client-image { height: 52px; width: 52px;}
  .row-fluid .inner-internal-hero-main .inner-internal-hero h1 {  font-size: 28px;}
}

@media(max-width: 280px){
  .row-fluid .culture-btn a:nth-child(2) {margin-left: 0;}
}


@media screen and (min-width: 1200px) {
	.row-fluid .steps-version2 .hs-cta-wrapper { float: none; position: relative; top: 20px; }
}