/*!
Theme Name: jsingercustomtheme
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: jsingercustomtheme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

jsingercustomtheme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
@charset "utf-8";

/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
1. Clean Base
2. Base Typography
3. Images
4. Links
5. Forms
6. Tables
7. Framework 
*/

/* 1. Clean Base
------------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, a, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; list-style:none; outline:none; -webkit-font-smoothing: subpixel-antialiased; -webkit-tap-highlight-color:rgba(0,0,0,0);}

html,body { -webkit-text-size-adjust:none; height: 100%; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}
iframe {vertical-align: top;}
textarea:focus, input:focus, a, div, img { outline: none; }

*,
*:before,
*:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/* 2. Base Typography
------------------------------------------------------------------------------*/
body{ color:#000; font-size:16px; font-family: 'Roboto', sans-serif; font-weight:400; line-height:1.5; background-color: #fff;display: flex;flex-wrap: wrap; overflow-x: hidden; }

.h1, .h2, .h3, .h4, .h5, .h6, 
h1, h2, h3, h4, h5, h6 {color: #fff; line-height: 1.2;font-weight:300; font-family: inherit;}
.h1, h1 {font-size:40px; margin-bottom: 20px;}
.h2, h2 {font-size:35px; margin-bottom: 20px;}
.h3, h3 {font-size:25px; margin-bottom: 18px;}
.h4, h4 {font-size:22px; margin-bottom: 17px;}
.h5, h5 {font-size:20px; margin-bottom: 15px;}
.h6, h6 {font-size:18px; margin-bottom: 10px;}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {color: inherit; text-decoration: none;}

p { color:#231f20; font-size:18px; font-weight:300; line-height:1.6;  margin-bottom:15px; }
p:last-child { margin-bottom:0; }

ul, 
ol{ margin: 0;padding: 0;margin-left: 17px; margin-bottom: 20px;}
ul li, 
ol li{ font-size:16px;  color:#000; font-weight:400; line-height:1.5;padding: 0;margin: 0;padding-bottom: 5px; }
ul > li { list-style:outside disc; }
ol > li { list-style: outside decimal; }

blockquote{ display:block; text-align:left; margin-bottom:20px; position:relative; background:#f3f3f3; padding:20px 20px; border-left:4px solid #1589cb;line-height: 2;font-size: 20px; font-style: italic;margin-bottom: 25px;}
blockquote p{ font-size:inherit; font-weight:inherit; line-height:inherit; }

hr {border:0 #000 solid; border-top-width:1px; clear:both; height:0;margin: 10px auto 40px;}

img{ border:none; max-width: 100%; vertical-align: top; height: auto;}
img[src$=".svg"] {width: 100%;}

/* 4. Link
------------------------------------------------------------------------------*/
a{ color:#4777ac; transition: background-color 0.3s ease 0s, color 0.3s ease 0s; }
a:hover{ color:#000; text-decoration: underline; }
a:focus {outline: none;}

/* 5. Forms
------------------------------------------------------------------------------*/
form label {color:#000; font-size:16px; font-weight:400; line-height:1.5;  margin-bottom:10px; display: block;}
input, 
textarea, 
button { font-family: 'Roboto', sans-serif;  }
input[type="text"],
input[type="submit"],
input[type="button"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea {-webkit-appearance: none; outline: none;border-radius: 0;}

input[type="text"], 
input[type="password"], 
input[type="email"], 
input[type="tel"], 
input[type="search"],
input[type="number"],
textarea { border:1px solid #dedede; padding:7px 10px; color:#000; font-size:16px;font-weight: 400; width: 100%;}

textarea{ height:150px; resize:none; overflow: auto; padding: 10px 15px; }

input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="email"]:focus, 
input[type="tel"]:focus, 
input[type="search"]:focus,
input[type="number"]:focus,
textarea:focus {border-color: #66afe9}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {-webkit-appearance: button; cursor: pointer; background-color: #cbcbcb; padding: 0 15px; height: 40px; display: inline-block; vertical-align: top; font-size: 14px; font-weight: 600; line-height: 1.52857143; text-align: center; border: none; text-transform: uppercase; border-radius: 0px; color: #fff; background-color: #0eb769; }

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {background-color: #66afe9; color: #fff;}

input[type="search"] {-webkit-appearance: textfield;}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

/* placeholder color */
::-webkit-input-placeholder { opacity: 1 !important; color: #000; }
:-moz-placeholder { opacity: 1 !important; color: #000; }
::-moz-placeholder { opacity: 1 !important; color: #000; }
:-ms-input-placeholder { opacity: 1 !important; color: #000; }

.form-group {margin-bottom: 30px;}

/* buttons */
.btn { display: inline-block; vertical-align: top; padding: 6px 12px;font-size: 14px; font-weight: 600; line-height: 1.52857143; text-align: center; border: none; text-transform: uppercase; border-radius: 0px; color: #fff; background-color: #0eb769; }
.btn:hover,
.btn:focus { color: #fff; background-color: #019852; border-color: #019852;text-decoration: none}
.btn-sm {padding: 8px 16px; }
.btn-md {padding: 12px 24px;}
.btn-link { color: #98989c; text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 2px; border-bottom: 1px solid #98989c; margin-bottom: 2px; }
.btn-link:hover,
.btn-link:focus{ color: #0eb769; font-weight: 700; text-decoration: none; border-bottom: 1px solid #0eb769; }

/* 6. Tables
------------------------------------------------------------------------------*/
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}
.table-responsive {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar}
.table-bordered{width: 100%;max-width: 100%;text-align: left;}
.table-bordered th, 
.table-bordered td{ vertical-align: bottom;border-bottom: 1px solid #ddd;padding: 10px;}

/* 7. Layout Framework
------------------------------------------------------------------------------*/
/* main container */
#wrapper {width: 100%;display: flex;min-height: 100%;position: relative;flex-wrap: wrap;background-color: #27aae0;justify-content: space-between;align-content: space-between;}
.main-container{width:100%; padding-top: 74px;}
body.home .main-container{ padding-top: 0; }
.container {max-width: 1200px;}

/*---- header ----*/
.main-header { width:100%; height:auto; z-index: 99; background-color: #fff; position: fixed; top: 0;}
.logo{ display: inline-block; vertical-align: top; position: relative; margin: 10px 0;}
.bubble_logo{ padding: 38px 0 20px; margin: 20px 0 0; } 
.bubble_logo .logo-wrap{ display: inline-block; position: relative; border: #CCCCCC solid 1px; border-radius: 30px; -webkit-border-radius: 30px; padding: 0 80px 0 20px; z-index: 1; background-color: #fff; max-width: 360px;}
.bubble_logo .logo-wrap img{margin: -5px 0;}
.bubble_logo ul{ margin: 0; padding: 0 2px; display: flex; background-color: #000000; border-radius: 30px; -webkit-border-radius: 30px; position: absolute; margin-bottom: 15px; top: 0px; width: 100%; align-items: center; justify-content: center; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; /*opacity: 0; visibility: hidden;*/ z-index: 0;}
.bubble_logo ul:after{ content: ''; width: 0; height: 0; border-style: solid; border-width: 9px 10px 0 10px; border-color: #000000 transparent transparent transparent; display: block; position: absolute; left: 40%; transform: translateX(-50%); -webkit-transform: translateX(-50%); /*right: 0; margin: 0 auto;*/ bottom: -9px; }
.bubble_logo ul li{ margin: 0; padding: 0; list-style: none; border-left: rgb(255 255 255 / 40%) solid 1px;}
.bubble_logo ul li:first-child{ border-left: none; }
.bubble_logo ul li a{ display: block; color: #fff; font-size: 13px; font-weight: 300; padding:6px 4px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.bubble_logo ul li a:hover{ text-decoration: none; color:#000; background-color: rgb(255 255 255 / 80%);}
.bubble_logo:hover ul{ opacity: 1; visibility: visible; top: 0; }
.main-header .btn{background: #ffffff; padding: 8px 30px; font-size: 18px; font-weight: 700; letter-spacing: 0.04em; color: #27aae0; border-radius: 30px; text-transform: none; border: #27aae0 solid 1px; vertical-align: middle; margin-left: 20px;}
.main-header .btn:hover{ background-color: #27aae0; color: #fff; }

/* responsive nav for small devices */
.hamburger{padding: 0;margin: 0;height: auto;width: auto; text-align: center;background-color: transparent}
.hamburger:not(.close){position: absolute;top: 20px;right: 20px;z-index: 99;}
.hamburger:hover, 
.hamburger:focus{background-color: transparent;outline: none;}
.hamburger .line{width: 30px;height: 4px;background-color: #e67e22;display: block;margin: 6px auto;}
.hamburger:hover{cursor: pointer;}
.hamburger.close{padding: 10px;}
.hamburger.close .wrap{ position: relative;width: 30px;height: 30px;display: block;}
.hamburger.close .line{margin: 0;width:100%;position: absolute;top: calc(50% - 2px);transform: rotate(45deg);background-color: #fff}
.hamburger.close .line:last-child{transform: rotate(-45deg);}
#menu{position: fixed;top: 0;left: -100%;width:80%;height: 100%;background-color: #3ab4a6;max-width: 450px;transition: all 0.3s ease-in-out;z-index: 999;}
#mobilenav.is-open #menu{left: 0;}
#mobilenav .nav-logo{padding: 15px;}
#mobilenav ul,
#mobilenav li{padding: 0;margin: 0;list-style: none;position: relative;}
#mobilenav li.current_page_item > a{ background-color: #fff; color: #27aae0; }
#mobilenav ul ul{display: none;}
#mobilenav .caret{display: block;width: 36px;height: 36px;position: absolute;top: 3px;right: 2px;cursor: pointer;}
#mobilenav .caret:not(.trigger-caret){pointer-events: none;}
#mobilenav .caret:before,
#mobilenav .caret:after{content:'';position: absolute;top: 0;left: 0;bottom: 0;right: 0;display: block;margin: auto; width: 20px;height: 2px;background: #fff;}
#mobilenav .caret:after{transform: rotate(-90deg);transition: all .2s ease;}
#mobilenav .is-open > .caret:after{transform: rotate(0)}
#mobilenav ul a {display: block;padding: 10px 15px;cursor: pointer;z-index: 2;font-size: 16px;text-decoration: none;color: #ffffff;background: #3ab4a6;border-bottom: 1px solid rgb(255 255 255 / 20%);}
#mobilenav .has-sub>a{padding-right: 40px;}
#mobilenav li li a { padding-left: 30px; font-size: 14px;text-decoration: none;color: #dddddd;background: #49505a; }
#mobilenav li li li a {padding-left: 50px;}
#mobilenav .nav-backdrop{ position: fixed;height: 100%;width: 100%;background: rgba(0,0,0,0.8);z-index: -1;opacity: 0;visibility: hidden;transition: all 0.4s ease-in;}
#mobilenav.is-open .nav-backdrop{ opacity: 1;z-index: 999;visibility: visible;}
#mobilenav .menu-outer{max-height: calc(100vh - 80px);overflow-y: auto;padding-bottom: 60px;}

/* nav */
.navigation { width:100%; height:auto; text-align: right;}
.navigation > div{ display: inline-block; vertical-align: middle; text-align: left; border: #4e4e4e solid 1px; border-radius: 30px; -webkit-border-radius: 30px; padding: 0; overflow:hidden;}
.navigation ul{ padding: 0; margin: 0; list-style: none; display: flex; justify-content: center;}
.navigation ul li{ padding: 0; margin: 0; list-style: none; border-left: #4e4e4e solid 1px;}
.navigation ul li:first-child > a{ padding-left:15px;}
.navigation ul li:last-child > a{ padding-right:15px;}
/*.navigation ul li.current-menu-item > a{color: #27aae0;}*/
.navigation ul li:first-child{ border-left: none; }
.navigation ul li a { color: #4e4e4e; font-weight: 300; font-size: 16px; padding: 5px 10px; display:block;}
.navigation ul li a:hover, .navigation ul li.current-menu-item > a{ text-decoration: none; color: #fff; background-color:#000;}
.navigation ul li.pricing-nav > a{background: /*#A6A8AB*/ #27aae0; color: #fff;}


/*---- footer ----*/
.main-footer { width:100%; height:auto; background:#27aae0; line-height: normal; padding: 60px 0; border-top: #fff solid 2px;}
.main-footer p{ color: #fff; font-size: 18px;}
.main-footer p a{ color: #fff; }
.main-footer .foo_links { border-left: #fff solid 1px; }
.main-footer .foo_links h2 { color: #fff; padding: 0 0 20px; margin: 0; font-weight: 700; font-size: 20px; letter-spacing: 0.1em; text-align: center; }
.main-footer .foo_links .menu-footer-nav-container ul { columns: 2;-webkit-columns: 2;-moz-columns: 2; }
/* .main-footer .foo_links .menu-footer-nav-container{ padding-left: 40px; border-left: #fff solid 1px; } */
.main-footer .foo_links ul{ margin: 0; padding: 0; }
.main-footer .foo_links ul li{ margin: 0; padding: 3px 0; list-style: none;}
.main-footer .foo_links ul li a{ display: block; color: #fff; font-size: 17px; font-weight: 400;}
.main-footer .foo_links ul li a:hover{ text-decoration: none; color: rgb(255 255 255 / 80%);}
.main-footer .foo_connect{ text-align: center; }
.main-footer .foo_connect h2{ color: #fff; padding: 0 0 20px; margin: 0; font-weight: 700; font-size: 20px; letter-spacing: 0.1em; border-left: #fff solid 1px; border-right: #fff solid 1px;}
.main-footer .foo_connect .textwidget{  }
.main-footer .foo_connect ul{ margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; border-left: #fff solid 1px; border-right: #fff solid 1px;}  
.main-footer .foo_connect ul li{ margin: 0; padding: 0 10px; list-style: none; border-left: #fff solid 1px; width: 33.33%;}
.main-footer .foo_connect ul li:first-child{ border-left: none; }
.main-footer .foo_connect ul li a{ display: block; padding: 8px 20px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.main-footer .foo_connect ul li a:hover{ text-decoration: none; opacity: 0.8; }
.main-footer .foo_connect ul li a span{ display: block; font-size: 18px; color: #fff; padding: 8px 0 5px;}
.main-footer .foo_connect .btn{background: #ffffff; padding: 8px 30px; margin-top: 30px; font-size: 18px; font-weight: 700; letter-spacing: 0.04em; color: #4a4a4a; border-radius: 30px; text-transform: none;}
.main-footer .foo_about .btn{background: #ffffff; padding: 8px 30px; margin: 10px 0; font-size: 16px; font-weight: 700; letter-spacing: 0.04em; color: #4a4a4a; border-radius: 30px; text-transform: none;}

/*--------- home page ------------*/
.homevideo_sec{ position: relative; overflow:hidden; z-index: 1; height: 80vh;}
.homevideo_sec:after{ content:''; position: absolute;  left: 0; top: 0; width: 100%; height: 100%; display: block; background-color: rgb(34 146 194 / 90%);}
.homevideo_sec video{ left: 50%; height: 100%; width: 100%; position: absolute; top: 50%; transform: translate(-50%, -50%); object-fit: cover; z-index: 0;}
.homevideo_sec .homevideo_cap{ position: absolute; top: 55%; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; max-width: 520px; z-index: 9;}
.homevideo_sec .homevideo_cap .customselect{ display: block; position: relative; }
.homevideo_sec .homevideo_cap .customselect:after{content: ''; position: absolute; right: 20px; top: 16px; width: 0; height: 0; border-style: solid; border-width: 8px 6px 0 6px; border-color: #000 transparent transparent transparent; z-index: 2;}
.homevideo_sec .homevideo_cap select{ width: 100%; border-radius: 30px; -webkit-border-radius: 30px; padding: 10px 30px; font-size: 18px; border:none; box-shadow: none; -webkit-box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:#fff; height: 40px;}
.homevideo_sec .homevideo_cap select:focus{ outline: none; }
.homevideo_sec .homevideo_cap h4  { text-align: center; font-weight: bold; font-style: italic;}

/*--------- Website page ------------*/
.inner_banner{ background-color: #27aae0; padding: 70px 0 0 0;}
.inner_banner .banner_img{ display: block; position: relative; height: 100%; text-align: center;}
.inner_banner .banner_img img{position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;}
.inner_banner h1, .inner_banner1 h1{ font-size: 110px; color: #fff; font-weight: 300; margin: 0; padding: 0; }
.inner_banner .sub_title, .inner_banner1 .sub_title{ display: inline-block; font-size: 21px; color: #fff; font-weight: 400; padding: 2px 21px; -webkit-border-top-right-radius: 30px; -webkit-border-bottom-right-radius: 30px; -moz-border-radius-topright: 30px; -moz-border-radius-bottomright: 30px; border-top-right-radius: 30px; border-bottom-right-radius: 30px; border-top: #fff solid 1px; border-bottom: #fff solid 1px; border-right: #fff solid 1px; margin-bottom: 60px; margin-top: 10px;}
.inner_banner p, .inner_banner1 p{ font-size: 18px; color: #fff; font-weight: 300; line-height: 1.7;}
.inner_banner p a, .inner_banner1 p a{ color: #fff; font-weight: 700; text-decoration: underline;}
.inner_banner1 p a[href^="tel:"], .inner_banner p a[href^="tel:"] { font-weight: 300; text-decoration: none;}
.inner_banner1 p a[href^="tel:"]:hover, .inner_banner p a[href^="tel:"]:hover{ text-decoration: underline; }
.inner_banner .innerbanner_con p, .inner_banner1 .innerbanner_con p{ max-width: 580px; }
.inner_banner .innerbanner_con ul li { color: #ffffff; }
.inner_banner .innerbanner_con a, .inner_banner1 .innerbanner_con a { color: #fff; }
.inner_banner .innerbanner_con{ margin-bottom: 30px; }
.page-id-122794 .inner_banner1 .innerbanner_con ul { columns: 1; -webkit-columns: 1;  }
.inner_banner1 .innerbanner_con ul{ margin: 0 0 0 20px; padding: 0; columns: 2; -webkit-columns: 2;}
.inner_banner1 .innerbanner_con ul li{ margin: 0; padding: 0;font-size: 18px; color: #fff; font-weight: 300; line-height: 1.7;}

.inner_banner1{background-color: #27aae0; padding: 70px 0; overflow: hidden;}
.inner_banner1 .innerbanner_img{ display: block; }
.inner_banner1 .innerbanner_img img{ max-width: initial; }
.inner_banner1 .btn, .inner_banner .btn{ font-size: 20px; font-weight: 300; background-color: transparent; border: #fff solid 1px; border-radius: 30px; -webkit-border-radius: 30px; padding: 5px 25px; text-transform: none; margin: 40px 0; text-decoration: none;}
.inner_banner1 .btn:hover, .inner_banner .btn:hover{ background-color: #fff; color: #27aae0;}
.inner_banner1 .innerbanner_cap{ max-width: 480px; }
.inner_banner1 .innerbanner_cap h3{ color: #fff;font-size: 40px; font-weight: 300; margin: 0 0 15px; padding: 0; }
.inner_banner1 .banner_bottom_image{ display: block; text-align: right;}

.sec1{ text-align: center;  background-color: #e6e7e8; padding: 60px 0;}
.sec1 h2{ color: #231F20; font-size: 32px; font-weight: 300; max-width: 640px; margin: 0 auto 60px; line-height: 1.3;}
.sec1 .sec1_img{ display: block; margin: 0; }
.sec1 .btn{ font-size: 20px; color: #26a9e0; text-transform: none; border:#55b8e1 solid 1px; background-color: transparent; font-weight: 300; border-radius: 30px; -webkit-border-radius: 30px; padding:6px 33px; }
.sec1 .btn:hover{ background-color: #55b8e1; color: #fff; }

.sec2{ background-color: #27aae0; padding: 110px 0;}
.sec2 .about_image, .sec2 .about-img{ display: block; }
.sec2 .about_image img, .sec2 .about-img img{ display: block; width: 100%; }
.sec2 .container{ max-width: 1080px; }
.sec2 .col-md-7{ padding-left: 30px; }
.sec2 h3{ font-size: 40px; color: #fff; font-weight: 300; margin: 0 0 15px; padding: 0; }
.sec2 p{ color: #fff; font-size: 18px; font-weight: 300;}
.sec2 p a{color: #fff; font-weight: 700; text-decoration: underline;}
.sec2 .btn{ font-size: 20px; color: #fff; text-transform: none; border:#fff solid 1px; background-color: transparent; font-weight: 300; border-radius: 30px; -webkit-border-radius: 30px; padding:6px 33px; text-decoration: none; margin: 20px 0;}
.sec2 .btn:hover{ background-color: #fff; color: #27aae0; }
.sec2 .portfolio_image{ display: block; margin-top: 80px; text-align: center;}
.sec2 .portfolio_image h4{ font-size: 40px; color: #fff; font-weight: 300; margin: 0; padding: 0; }
.sec2 .portfolio_image img{ margin-bottom: -60px; }
.full_image{ height: 795px; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; background-color: #e6e7e8; background-attachment: fixed;}


/*--------- SEO page ------------*/
.bottomline_sec{ padding: 100px 0; background: #e6e7e8;}
.bottomline_sec h3{ color: #231f20; font-size: 40px; font-weight: 300; margin: 0 0 30px; padding: 0; }
.bottomline_sec p{ font-size: 18px; color: #231f20; font-weight: 300;}
.bottomline_sec .bottomline_con{ padding-right: 40px; }
.bottomline_sec .footprint_blk{ margin-top: 60px; }
.bottomline_sec .footprint_blk h3{ font-size: 40px; color: #26a9e0; font-weight: 300; margin: 0; padding: 0; }

/*--------- Google Ads page ------------*/
.googleads_banner{ padding-bottom: 300px; }
.googleads_sec2{ background-color: #e6e7e8; padding: 0 0 60px;}
.googleads_sec2 .row{flex-direction: row-reverse;}
.googleads_sec2 h3{font-size: 40px; color: #26a9e0; font-weight: 300; margin: 0; padding: 0;}
.googleads_sec2 .googleads_img{ display: block; margin-top: -300px; /*margin-left: -100px;*/ text-align: center;}
.googleads_sec2 .googleads_img img{    max-width: initial;}
.googleads_sec3{ background-color: #25a9df; padding: 100px 0;}
.googleads_sec3 h3{ color: #fff; font-weight: 300;}
.googleads_sec3 p{ font-size: 18px; color: #fff;  font-weight: 300;}
.googleads_sec3 .btn{font-size: 20px; font-weight: 300; background-color: transparent; border: #fff solid 1px; border-radius: 30px; -webkit-border-radius: 30px; padding: 5px 25px; text-transform: none; margin: 20px 0;}
.googleads_sec3 .btn:hover{background-color: #fff; color: #27aae0;}
.googleads_sec3 .googleads3_img{ text-align: center; display: block; }

/*--------- Social Media page ------------*/
.more_followers{ padding: 80px 0; text-align: center; background-color: #fff;}
.more_followers h4{ font-size: 40px; color: #231f20; font-weight: 300; margin: 0; padding: 0; }
.more_followers h4 a{ color: #27AAE1; }

/*--------- Email Marketing page ------------*/
.content_row{ background-color: #e6e7e8; }
.content_blk .row:nth-child(even){flex-direction: row-reverse;}
.content_blk .row:nth-child(odd) .content_image{direction: rtl; margin-left: 0;}
.content_blk .row:nth-child(even)::after{ content: ''; position: absolute; top: 0; height: 100%;  background-color: #25a9df; z-index: -1; width: 100vw; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; pointer-events: none;}
.content_blk .row{ padding: 150px 0; position: relative; z-index: 1;}
.content_blk .content_image{ display: block; margin-top: -300px; margin-left: -100px; position: relative; margin-bottom: 120px;}
.content_blk .content_image img{ max-width: initial; }
.marketing_banner{ padding-bottom: 150px; }
.content_blk .row:nth-child(even) .content_text p{ color: #fff; }
.content_row .content_blk .row:last-child{ padding-bottom: 0; }
.content_row .content_blk h3{ color: #231f20; font-weight: 300;  font-size: 30px;}
.content_row .content_blk .btn{font-size: 20px; font-weight: 300; background-color: transparent; border: #27aae0 solid 1px; border-radius: 30px; -webkit-border-radius: 30px; padding: 5px 25px; text-transform: none; margin: 20px 0; color: #27aae0;}
.content_row .content_blk .btn:hover{ background-color: #27aae0; color: #fff;}

/*--------- Blog page ------------*/
body.blog #wrapper, body.single #wrapper, body.archive #wrapper{ background: #27aae0; }
.blog-content{margin-bottom:40px;margin-top:30px; padding-top: 80px !important; padding-bottom: 80px !important; background: #27aae0;}
.blog-content h1{font-size: 4vw; color: #fff; font-weight: 300; margin: 0; padding: 0; }
.blog-content .sub_title{display: inline-block; font-size: 18px; color: #fff; font-weight: 400; padding: 2px 21px; -webkit-border-top-right-radius: 30px; -webkit-border-bottom-right-radius: 30px; -moz-border-radius-topright: 30px; -moz-border-radius-bottomright: 30px; border-top-right-radius: 30px; border-bottom-right-radius: 30px; border-top: #fff solid 1px; border-bottom: #fff solid 1px; border-right: #fff solid 1px; margin-bottom: 60px; margin-top: 10px;}
.blog-content p{ color: #fff; }
.blog-content p a{color: #fff; font-weight:700; text-decoration:underline;}
.blog-content p a:hover{ text-decoration:none;}
.blog-content li{ color: #fff; }
.blog-content h2, .blog-content h3, .blog-content h4, .blog-content h5, .blog-content h6{ color: #fff; }
.blog-content h2 a, .blog-content h3 a, .blog-content h4 a, .blog-content h5 a, .blog-content h6 a{color: #fff;}
.blog-content .col-3-4 {float:left;width:69%;margin-right:6%; color:#fff;}
.blog-content .col-3-4 .post_time h4{ font-weight: 400; }
.blog-content .col-3-4 .post_time .posted-on time + time{ display: none; }
.blog-content .col-3-4 img{ margin-bottom: 20px; }
.blog-content .col-1-4 {float:left;width:25%;}
body.archive .blog-content h1{ margin-bottom: 30px; }
.blog3_con{display: flex; flex-wrap: wrap; flex-direction: column-reverse;} 
.blog3_con .blog-posts .post-wrap{ width: 33.33%; }
.blog3_con .widget-area ul{display: flex; flex-wrap: wrap; margin: 0 -10px 30px; border-top: none;}
.blog3_con .widget-area ul li{width: calc(20% - 20px); margin: 0 10px;}

.blog-posts{display: flex; flex-wrap: wrap; margin: 0 -15px; }
.blog-posts .post-wrap{position: relative; float: left; width: 50%; padding: 15px;}
/*.blog-content .post-wrap{position:relative;float:left;width:47%;margin-right:6%;margin-bottom:6%;background:#fff;padding-bottom:20px;}*/
.blog-posts .post-wrap h2{ font-size: 19px; font-weight: 300; color: #fff; margin: 0;}
.blog-posts .post-wrap .entry-meta .posted-on{ font-size: 0; }
.blog-posts .post-wrap .entry-meta .posted-on time + time{ display: none; }
.blog-posts .post-wrap .entry-meta .posted-on .entry-date{ font-size: 16px; color: #fff; margin: 0; text-transform: none; border: #fff solid 1px; padding: 10px 25px; border-radius: 30px;}
.blog-content .post-wrap.last{margin-right:0;}
.blog-content .post-wrap img{width:100%;max-width:100%;max-height: 200px;height:auto;margin-bottom:12px;/*border-bottom: 1px solid #dedede;*/}
.blog-content .post-wrap a{text-decoration:none;display: block;position: relative;-webkit-transition: all .09s ease-in-out;transition: all .09s ease-in-out;}
.blog-content .post-wrap a:hover .entry-teaser{top:0;}
.blog-content .post-wrap .entry-teaser{position:absolute;top:101%;height:101%;width: 100%;z-index: 1;background-color:#303f4e;-webkit-transition: all 0.15s ease-out;transition: all 0.15s ease-out;}	
.blog-content .post-wrap:hover h3, .blog-content .post-wrap:hover .entry-date{color:#465a6f;}
.blog-content .post-wrap h3{font-family: 'Cantarell', sans-serif;color:#656565;font-size:1.125em;line-height:1.250em;text-transform:uppercase;letter-spacing: -1px;margin:0 8% 10px 8%;}
.blog-content .post-wrap .entry-teaser h3{color:#fff;margin:8% 8% 10px 8%;}
.blog-content .post-wrap .entry-teaser .teaser{margin:10px 8% 0 8%;color:#cacaca;}
.blog-content .post-wrap .entry-teaser .teaser span{color:#fff;}
.blog-content .post-wrap .entry-date, .post-wrap .entry-teaser .teaser-date{font-family: 'Roboto', sans-serif;font-weight:400;color:#a0a0a0;font-size:1em;text-transform:uppercase;margin:0 8% 0 8%;}
.blog-content .blog-bottom{	text-align:center; clear: both; overflow: hidden; margin-top: 30px;}
.blog-content .blog-bottom ul{display: inline-block;list-style: none;margin: 0;padding: 0;}
.blog-content .blog-bottom .page-numbers{background:#e6e7e8;display:inline-block; padding: 2px 10px; color: #333;}
.blog-content .blog-bottom .page-numbers:hover{ text-decoration: none; }
.blog-content .blog-bottom .page-numbers a, .blog-content .blog-bottom .page-numbers span{display:block; padding:10px 20px;	color:#fff;}
.blog-content .blog-bottom .page-numbers a:hover{text-decoration:none;background:#607a96;}
.blog-content .blog-bottom .page-numbers.current{background: #fff; color: #0f0f0f; }
.blog-content .blog-bottom .dead span{color:#979797;}

.blog-content .col-3-4 img.alignright { margin: 30px 0px 30px 20px; }
.blog-content .col-3-4 img.alignleft { margin: 30px 20px 30px 0px; }

.widget-area h2{font-family: 'Roboto', sans-serif; font-weight: 400; color: #fff; font-size: 1.6em; margin-bottom: 20px;}
.widget-area ul{ margin: 0; padding: 0; border-top: 1px solid #fff;}
.widget-area ul li{color: #a0a0a0; padding: 8px 0; border-bottom: 1px solid rgb(255 255 255 / 30%); list-style: none;}
.widget-area ul li a{ color: #fff; font-size: 16px; font-weight: 300;}


.content {margin-top:60px;margin-bottom:0;}
.content h1{font-family: 'Cantarell', sans-serif;color:#fff;font-size:2.250em;line-height:1em;text-align:center;text-transform:uppercase;letter-spacing: -1px;margin-bottom:10px;}
.content h2{font-family: 'Roboto', sans-serif;font-weight:400;color:#6d6d6d;font-size:1.125em;text-align:center;text-transform:uppercase;margin-top:0;}


/* contact page */
#map {height: 300px;left: 0;top: 0;width: 100%;z-index: 1;margin-bottom:20px;}
.address {font-size:1.250em;color:#607a96;padding:0;margin:20px 0; }
.address ul{list-style:none;padding:0;margin:0;}
.address li{display:block;margin:0; color: #fff; font-size: 18px;}
.disabled{color:#c0c0c1;}
.disabled h3 {color:#c0c0c1;}
.contact-top form .DigitalMarketing span.wpcf7-list-item.first, .contact-top form .contact-timeline span.wpcf7-list-item.first{ margin-left: 0; }
.contact-top span.wpcf7-list-item{ font-size: 16px; margin: 0;}

/* about page */
.videoWrapper {position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.content h1.entry-title a:hover{text-decoration:none}
.content h1.entry-title{margin: 0 0 20px 0; font-size: 110px; color: #fff; font-weight: 300; padding: 0; text-align: left; text-transform: none; font-family: 'Roboto', sans-serif; letter-spacing: 0;} 
.content .entry-content img{margin-bottom:20px;}
.entry-content h2{font-family: 'Cantarell', sans-serif;/*color: #465a6f;*/color: #fff;font-weight: 700;font-size: 1.500em;line-height: 1.250em;margin: 30px 0;text-transform: capitalize;text-align: left;}
.entry-content hr{background:#f4f5f6;border-top: 1px solid #e4e4e5;margin:40px 0 30px 0;}
.entry-content hr:after{background-image:none;}
.cntr{text-align:center;}
.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix { *zoom: 1;}	
.logos-block{background:#fff;padding:2em 0;text-align:center;}	
.logo-slider{padding:0 15px;}
.bio{width:22%;margin:1%;display:inline-block;vertical-align:top;max-width:300px;}

.wrapper {position: relative; max-width: 1100px; margin: 0 auto; padding: 0 20px; }
.wpcf7-form{margin-bottom:40px; }
.contact-top h2{ margin-bottom: 0; font-family: 'Roboto', sans-serif; font-weight: 700;}
.contact-form-option-wrapper h3{ font-size: 20px; margin-bottom: 10px; font-family: 'Roboto', sans-serif; font-weight: 700;}
.form-field{display: block; float: none; margin: 0; padding: 0; width: auto; margin-top: 15px; }
.form-field input, .form-field textarea{width: 100%; border: 1px solid #b8b9b9; padding: 10px 15px; font-size: 14px; }
.form-field textarea {margin-top: 25px; }
.wpcf7-list-item {display: block; }
.contact-form-option-wrapper {width: 50%; float: left; }
.wpcf7-tel {margin-bottom: 25px; }
.wpcf7-form input.button{color:#fff; border:1px solid #333; background-color:#333; font-size:1.250em; text-transform:uppercase; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; -ms-transition: all .15s ease-in-out; transition: all .15s ease-in-out; height: auto; }
.wpcf7-form input.button:hover{color:#27aae0; border:1px solid #27aae0; background-color:#fff; }



.blog-content >  header{ padding: 0 15px; }
.content{ margin-bottom: 60px; color: #fff;}
.content p, .content h1, .content h2, .content h3, .content h4, .content h5, .content h6{ color: #fff; }
.content a{ color: #fff; }
.content ul, .content ol{ margin-left: 20px; }
.content li{color: #fff; font-size: 18px; font-weight: 300;}
.content li a{ color: #fff; }
.content .entry-footer a{ color: #fff; }
.content .post-thumbnail{ text-align: center; margin-bottom: 20px; }

.category-case-study .blog3_con aside { display: none; } 

body.page-template-social-media .sec2 .row{ align-items:center;}
body.page-template-social-media .sec2 .row .col-md-7{ padding-left:15px;}
body.page-template-social-media .sec2 .about-img{ text-align:center;}
body.page-template-social-media .sec2 .about-img img{ width:auto; display:inline-block; vertical-align:top;}
body.page-template-social-media .sec2 h3{ margin-bottom:20px;}


/* Pricing Page  */
.pricing_banner .innerbanner_img img{ max-width:100%;  }
.pricing_banner .row:nth-child(1){ margin-bottom: 80px; }
.pricing_banner .pricing_plan .pricing_national{ display: none; }
.pricing_banner .pricing_plan h2{ color: #fff; font-weight: 300;}
.pricing_banner .pricing_plan .pricing_image{ display: block; margin: 30px -20% 0 0; }
.pricing_banner .pricing_plan .pricing_link{ color: #fff; font-weight: 700; text-decoration: underline; font-size: 18px;}

.pricing_banner .innerbanner_cap h2 { font-size: 50px; }

.googleads_banner .innerbanner_img{ display: block; }
.googleads_banner .innerbanner_img img{max-width: initial;}

.blog-content .back_btn{margin: -30px 0 20px;}
.blog-content .back_btn a{ color: #fff; }
.blog-content .related_post a{ color: #fff; }

.inner_content{padding: 60px 0; background: #27aae0;}
.inner_content p{ color: #fff; }
.inner_content .bio_wrap{ padding: 40px 0 0; flex-direction: row-reverse;}
.inner_content .bio_wrap .bio_wrap_r h1{ font-size: 110px; color: #fff; font-weight: 300; margin: 0; padding: 0;}
.inner_content .bio_wrap .bio_wrap_r h4{ margin: 20px 0 10px 0px; font-size: 28px; color: #fff;}
.inner_content .bio_wrap .bio_wrap_r h5{ color: #fff;}
.inner_content .bio_wrap .bio_wrap_r .sub_title{display: inline-block; font-size: 21px; color: #fff; font-weight: 400; padding: 2px 21px; -webkit-border-top-right-radius: 30px; -webkit-border-bottom-right-radius: 30px; -moz-border-radius-topright: 30px; -moz-border-radius-bottomright: 30px; border-top-right-radius: 30px; border-bottom-right-radius: 30px; border-top: #fff solid 1px; border-bottom: #fff solid 1px; border-right: #fff solid 1px; margin-bottom: 40px; margin-top: 10px;} 
.inner_content .bio_wrap .bio_wrap_l h4{ margin: 0 0 10px; font-size: 24px; color: #fff;}
.inner_content .bio_wrap .bio_wrap_l h5{ font-weight: 400; line-height: 1.4; margin-bottom: 30px; color: #fff;}
.inner_content .btn{ font-size: 20px; color: #fff; text-transform: none; border:#fff solid 1px; background-color: transparent; font-weight: 300; border-radius: 30px; -webkit-border-radius: 30px; padding:6px 33px; text-decoration: none; margin: 20px 0;}
.inner_content .btn:hover{ background-color: #fff; color: #27aae0; }

#map.about_map{ height: 500px; margin: 0;}

.inner_banner .innerbanner_con .social-icons, .sec2 .social-icons{ clear: both; overflow: hidden; max-width: 580px; display: flex;  justify-content: space-between;}
.inner_banner .innerbanner_con .social-icons a{ display: inline-block; vertical-align: top; margin-right: 10px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.inner_banner .innerbanner_con .social-icons a img{ margin: 10px 0; }
.inner_banner .innerbanner_con .social-icons a:hover{ opacity: 0.7; }

.blog-content .col-1-4{ display: none; }
.blog-content .col-3-4{ width: 100%; margin: 0;}
.blog-content .col-3-4 img{ margin: 30px auto; display: block;}

/* Overlay  */
.pum-overlay .pum-container{ max-width: 490px; padding: 30px !important; border-radius: 0 !important; -webkit-border-radius: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important;  border: none !important; }
.pum-theme-108940 .pum-title, .pum-theme-enterprise-blue .pum-title{ font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif !important; color: #27aae0 !important; font-size: 1em !important; line-height: 1.4 !important; margin-bottom: 0 !important; font-weight: 700 !important; text-shadow: none !important; -webkit-text-shadow: none !important;}
.pum-overlay .pum-container .mc4wp-form-basic input[type="email"]{ background-color: #fff; border: 2px solid #c9c9c9; border-radius: 3px; display: inline-block; min-height: 36px; min-width: 50px; padding: 0 0.4em; vertical-align: middle; width: 100%;}
.pum-overlay .pum-container .mc4wp-form-basic input[type="submit"]{ background-color: rgb(39, 170, 224); display: block; width: 100%; margin: 24px 0; font-size: 16px; text-transform: none; height: 36px; border-radius: 3px; -webkit-border-radius: 3px; line-height: 36px; letter-spacing: 0.01em; font-family: "Helvetica Neue",Arial,Helvetica,Verdana,sans-serif;}
.pum-theme-108940 .pum-content + .pum-close, .pum-theme-enterprise-blue .pum-content + .pum-close{ right: -10px !important; top: -10px !important; background-color: #fff !important; border-radius: 100% !important; box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 20%) !important; -webkit-box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 20%) !important; color: #414141 !important; width: 30px !important; height: 30px !important; font-family:verdana !important;}


.about_map_wrap{position: relative;}
.about_map_wrap .map-overlay{background: rgba(255, 255, 255, 0.8); border: 1px solid #607a96; font-size: 1em; font-weight: 700; line-height: 1.125em; margin: 0 auto; top: 250px; padding: 15px; position: absolute; text-transform: uppercase; width: 320px; z-index: 2; left: 0; right: 0;}
.about_map_wrap .map-overlay img{ float: left; height: 80px; margin-right: 1em; width: 80px;}
.about_map_wrap .map-overlay span{color: #27aae0; font-size: 1.1em;}


.pricing_banner .pricing_plan{margin-right: -150px;}
.pricing_table{ display: flex; text-align: center; margin-top: 60px; margin-bottom: 60px;}
.pricing_table .pricing_table_col{ background-color: #fff; border: #e5e5e5 solid 1px; box-shadow: 0 0 5px rgb(0 0 0 / 10%); -webkit-box-shadow: 0 0 5px rgb(0 0 0 / 10%); border-radius: 5px; -webkit-border-radius: 5px; padding: 40px 0 0; width: 34%;}
.pricing_table .pricing_table_col:nth-child(1){ padding-right: 20px; }
.pricing_table .pricing_table_col:nth-child(3){ padding-left: 20px; }
.pricing_table .pricing_table_col:nth-child(2){ margin: -30px -20px; width: 36%; position: relative;}
.pricing_table .pricing_table_col h3{ font-size: 20px; color: #000; margin: 0; padding: 0 15px; }
.pricing_table .pricing_table_col h2{ color: #000; font-size: 40px; font-weight: 700; margin: 20px 0;}
.pricing_table .pricing_table_col h2 strong{ display: block; font-size: 14px; color: #3f3f3f; font-weight: 300;}
.pricing_table .pricing_table_col ul{ margin: 0; padding: 0; }
.pricing_table .pricing_table_col ul li{ margin: 0; padding: 5px 25px; list-style: none; border-bottom: rgb(0 0 0 / 10%) solid 1px;}
.pricing_table .pricing_table_col ul li:last-child{ border-bottom: none; }
.pricing_table .pricing_table_col .monthly_result{ background: #27aae0; font-size: 20px; padding: 10px 20px; color: #fff; line-height: 1.4;}
.pricing_table .pricing_table_col .pricing_vv{ padding: 20px; }
.pricing_table .pricing_table_col .pricing_vv p{ font-size: 18px; color: #000; font-weight: 700; }
.pricing_table .pricing_table_col .pricing_table__in{ min-height: 440px; padding-bottom: 20px;}
.pricing_top{ display: flex; justify-content: space-between; align-items: center;}
.pricing_top p{ margin: 0; }


.contact-top form .recaptcha div{ margin: 0 auto; }

.pricing_banner{ padding-bottom: 0; }
.pricing_banner .innerbanner_cap{ max-width: 100%; }
.inner_banner1 .row:nth-child(even){ position: relative; z-index: 1; padding: 40px 0;}
.inner_banner1 .row:nth-child(even)::after{ content: ''; width: 100vw; position: absolute; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; background-color: #e6e7e8; height: 100%; z-index: -1; top: 0;}
.inner_banner1 .row:nth-child(even) h3{color: #231f20; }
.inner_banner1 .row:nth-child(even) p{ color: #231f20; }
.inner_banner1 .row:nth-child(even) .btn{ border-color: #27aae0; color: #27aae0;}

body.page-template-seo .inner_banner1{ padding-bottom: 0; }
body.page-template-seo .bottomline_sec{ background-color: #27aae0; }
body.page-template-seo .bottomline_sec h3, body.page-template-seo .bottomline_sec p{ color: #fff; }

.contact_map_wrap{ position: relative; }
.contact_map_wrap .map-overlay{background: rgba(255, 255, 255, 0.8); border: 1px solid #607a96; font-size: 1em; font-weight: 700; line-height: 1.125em; margin: 0 auto; top: 150px; padding: 15px; position: absolute; text-transform: uppercase; width: 320px; z-index: 2; left: 0; right: 0; color: #000;}
.contact_map_wrap .map-overlay img{float: left; height: 80px; margin-right: 1em; width: 80px;}
.contact_map_wrap .map-overlay strong{color: #27aae0; font-size: 1.1em;}


.jonsinger-mob{ display: none; }

table.table_col2 tr{ display:block; margin:0 -15px;}
table.table_col2 tr td{ padding:0 15px;}
table.table_col2 tr td img{ margin-top:10px !important;}


.banner_list_wrap { display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}
.banner_list_left, .banner_list_right { width: 50%; padding-left: 15px;padding-right: 15px;margin: 10px 0; }
.inner_banner1 .innerbanner_con .banner_list_wrap ul { columns: 1;-webkit-columns: 1; }

.franchise-quote blockquote {position: relative; max-width: 620px; margin: 15px auto; align-self: center; background: transparent; padding: 0px; border: none; }
.franchise-quote blockquote h2 {color: #fff; font-size: 1.8rem; font-weight: normal; line-height: 1.3em; margin: 0; border: 2px solid #fff; border: solid 2px; border-radius: 20px; padding: 25px; position: relative; }
.franchise-quote blockquote h2:before {content: ""; position: absolute; width: 80px; border: 6px solid #27aae0; bottom: -3px; left: 50px; z-index: 2; }
.franchise-quote blockquote h2:after {content: ""; position: absolute; border: 2px solid #fff; border-radius: 0 50px 0 0; width: 60px; height: 60px; bottom: -60px; left: 50px; border-bottom: none; border-left: none; z-index: 3; }
.franchise-quote blockquote h4 {position: relative; color: #ffffff; font-size: 1.3rem; font-weight: 400; line-height: 1.2; margin: 0; padding-top: 15px; z-index: 1; margin-left: 150px; padding-left: 12px; }

.team-section {background-color: #e6e7e8; padding: 60px 0;}
.team-section h2 {color: #000;}
.team-section .team-wrapper {display: flex;flex-wrap: wrap;margin: 0 -15px;}
.team-section .team-block {width: 33.33%;padding: 0 15px;margin-bottom: 40px;}
.team-section .team-img {margin-bottom: 15px;}
.team-section .team-img img {width: 100%;}
.team-section .team-description h5 {font-size: 24px;margin-bottom: 5px;color: #26a9e0;font-weight: 400;}
.team-section .team-description h6 {font-size: 16px;margin-bottom: 0;color: #000;}

.city_page_list { columns: 3; text-align: left; }
.city_page_list a { display: block; }

/*Franchise Development Page*/
.franchise-row { align-items: center; }
.get-started { padding: 15px; border: solid 1px; border-color: white; text-align: center; margin: 0 auto; max-width: 440px; margin-top: 50px; }
.get-started h4 { font-size: 50px; margin-bottom: 0px; }
.get-started .phone a:hover{ text-decoration: underline 3px; }
.get-started .email_us a { text-decoration: underline 3px; }
.franchise-quote { z-index: unset !important; }
.franchise-quote img { width: auto; display: block; margin: 0 auto; }

/*Top Alter Bar*/
.top_alterbar, .home_tagline { background: #e0ba27; padding: 18px 0; text-align: center; z-index: 100; }
.top_alterbar p, .home_tagline p { margin: 0px; color: #000; font-size: 33px; font-weight: 700; }
.top_alterbar p a { color: #000; }


/*updated on 18.04.2023*/
/*start*/
.header-alert-bar{ padding: 10px 0; box-sizing: border-box; background: #e0ba27; position: relative; }
.header-alert-bar .container{ text-align: center; }
.header-alert-bar .header-text{ display: inline-block; color: #000000; font-size: 26px; line-height: 30px; font-weight: bold; }
.header-alert-bar .header-text a{ color: #000; text-decoration: none; }
.header-alert-bar .header-text a:hover{ text-decoration: underline; }
.header-alert-bar .header-close-btn{ display: inline-block; position: absolute; right: 5px; top: 27px; width: 30px; left: inherit; cursor: pointer; }
.header-close-btn, .header-close-btn:after, .header-close-btn:before{ height: 3px; transition: all 0.5s ease-in-out; } 
.header-close-btn{ position: absolute; display: block; width: 30px; left: 50%; top: 50%; transform: translate(-50% , -50%); -webkit-transform: translate(-50% , -50%); -moz-transform: translate(-50% , -50%); }
.header-close-btn:after, .header-close-btn:before {border-radius: 25%; top: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); background: #000; } 
.header-close-btn:before {top: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); background: #000; } .header-close-btn:after, .header-close-btn:before { content: ''; position: absolute; left: 0; width: 100%; border-radius: 25%; }
.header-close-btn:hover:after, .header-close-btn:hover:before{ background: #fff; }
.network-section{ display: block; width: 100%; padding: 50px 0; box-sizing: border-box; background: #fff; }
.network-inner-area{ display: block; padding: 50px 50px 30px 50px; box-sizing: border-box; background-color: #e6e7e8; }
.network-inner-area h2{ color: #000; margin-bottom: 30px; }
.network-grp{ display: flex; flex-wrap: wrap; }
.network-grp .network-cell{ display: inline-block; width: 30%; margin-right: 5%; margin-bottom: 20px; }
.network-grp .network-cell:nth-child( 3n + 3 ){ margin-right: 0; }
.network-title{ display: block; font-size: 40px; line-height: 60px; color: #000000; }
.step-section{ display: block; width: 100%; background: #fff; padding: 50px 0; box-sizing: border-box; }
.step-section h2{ display: block; text-align: center; color: #000; }
.step-grp{ display: flex; flex-wrap: wrap; }
.step-grp .step-cell{ display: inline-block; width: 32%; margin-right: 2%; margin-bottom: 20px; }
.step-grp .step-cell .step-title{ padding: 20px 30px; box-sizing: border-box; background: #27aae0; text-align: center; }
.step-grp .step-cell .step-title .step-num{ font-size: 34px; line-height: 40px; color: #ffffff; }
.step-grp .step-cell .step-title .step-desc{ color: #ffffff; font-size: 22px; line-height: 26px; padding: 0 20px; box-sizing: border-box; font-weight: 300; }
.step-detail{ background-color: #e6e7e8; padding: 20px 30px; box-sizing: border-box; }
.step-grp .step-cell:nth-child( 3n + 3 ){ margin-right: 0; }
.content-section{ display: block; width: 100%; padding: 60px 0; box-sizing: border-box; background: #fff; }
.content-section .content-slider{ display: block; width: 100%; max-width: 900px; margin: 0 auto; }
.content-section .two-col{ display: flex; align-items: center; }
.content-section .two-col .col-left{ display: inline-block; width: 50%; margin-left: 0; }
.content-section .two-col .col-left figure{ display: block; width: 100%; }
.content-section .two-col .col-left figure img{ display: block; width: 100%; }
.content-section .two-col .col-right{ display: inline-block; width: 50%; margin-right: 0; padding-left: 20px; box-sizing: border-box; }
.content-section .two-col .col-right h3{ color: #000000; }
.content-section .two-col .col-right p{ color: #000000; }
.content-section .slick-dots li button:before{ display: none; }	
.content-section .slick-dots li button, .content-section .slick-dots li{ width: 10px; height: 10px; }	
.content-section .slick-dots li button{ background: #8e8e8e; border-radius: 50%; }
.content-section .slick-dots li.slick-active button{ background: #27aae0; }
.content-section .slick-dots{ bottom: -50px; }
/*end*/


.contact-section form { max-width: 550px; }
.contact-section form input[type="tel"] { margin-bottom: 0; }
.contact-section form textarea { margin-top: 0; }
.contact-section h2 { margin-top: 15px; margin-bottom: 0; font-weight: 700; font-size: 1.125em; }