@viewport {
  width: device-width;
}
@-ms-viewport {
  width: device-width;
}

@font-face{
    font-family: dklemonfont;
    src:url(/wp-content/themes/roots-master/assets/fonts/DKLemonYellowSun.otf);
}

.page-header, h1, h2, h3, h4 {
    margin-top: 0
}

.mobile-header-only{
        display: none;
}

footer {
    padding-bottom: 25px
}
.cta-btn h3, .primary-nav li a, .quote-content h3 .red-text, .site-tagline {
    text-transform: uppercase
}
.cta-wrapper, .header-contact, .header-form, .how-much, .our-examples, .primary-nav>li, .site-tagline {
    text-align: center
}
.navbar {
    margin-bottom: 10px;
    border: none
}
.header-navigation
{
margin-bottom: 10px;
display: table;
width: 100%;
}
.page-navigation
{
margin-bottom: 10px;
display: table;
width: 100%;
}
.nav>li>a:focus, .nav>li>a:hover {
    background: 0 0
}
body, html {
    font-family: 'Lato', sans-serif;
   font-size: 16px;
   line-height: 1.7em;
    color: #4d4d4d;
    overflow-x: hidden
}
.banner-wrapper, .header-form, .header-phone, .primary-nav li a, .site-tagline {
    font-family: Lato, sans-serif
}
.home footer{
    padding-top: 60px;
}
.home footer {
    background: url(/wp-content/themes/roots-master/assets/img/footerbackground.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding-bottom: 60px;
}

footer {
    background: url(/wp-content/themes/roots-master/assets/img/footerinnerpagebackground.jpg);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    padding-top: 60px;
    padding-bottom: 60px;
}

h1, h2, h3, h4 {
    font-weight: 700;
}
a {
    color: #2b73ee;
}
a:focus, a:hover {
    color: #ed1f24;
    text-decoration: none
}
.home header.banner {
    overflow: visible;
    margin-bottom: 30px;
    -webkit-box-shadow: 0 10px 10px -5px rgba(0,0,0,.1);
    -moz-box-shadow: 0 10px 10px -5px rgba(0,0,0,.1);
    box-shadow: 0 10px 10px -5px rgba(0,0,0,.1)
}
header.banner {
    overflow: visible;
    margin-bottom: 30px;
}
.header-content img, .logo {
    height: auto;
    margin: 0 auto;
    max-width: 100%
}


.homeblock2 .yrm-btn-wrapper span span,
.homeblock4 .yrm-btn-wrapper span span{
    font-weight: normal;
    background: #ffffff;
    padding: 5px 8px;
    border-radius: 20px;
    color: #000000;
}

.homeblock3 .yrm-btn-wrapper span span,
.homeblock5 .yrm-btn-wrapper span span{
    font-weight: normal;
    background: #CCCCCC;
    padding: 5px 8px;
    border-radius: 20px;
    color: #000000;
}

header .desktop-header-only{
    padding:15px;
}
header .mobile-header-only{
    padding:15px 0 0;
}

header .mobile-header-only .header-content{
    padding:0 15px;
}

header .container-fluid{
    padding-left: 0;
    padding-right: 0;
}

.logo-wrapper {
    position: relative
}
.site-tagline {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    color: #ccc;
    font-size: 12px
}
.header-content img {
    display: block
}

.welcometo{
    font-family: dklemonfont!important;
}

.google-partner {
}
.phone-wrapper {
    /*
    position: absolute;
    right: 15%;
    min-width: 240px
    */
}
.header-phone {
    color: #333;
    font-weight: 700;
    font-size: 18px;
}
.header-phone a {
    margin-top: 5px;
    display: block;
    color: #de0000
}
.content .author, .cta-btn, .primary-nav>li, .social {
    display: inline-block
}
.header-form {
    width: 239px;
    height: 451px;
    position: absolute;
    right: 0;
    left: 0;
    z-index: 9999;
    background: url(/wp-content/themes/roots-master/assets/img/phone-form.png) top left no-repeat;
    background-size: cover;
    margin: 0 auto;
    padding: 15px 40px 15px 45px
}
.header-form h3 {
    margin-top: 64px;
    font-size: 30px;
    font-weight: 700;
    color: #fff
}

.logo-wrapper img{
    max-width: 240px;
}

.right-sec-1 img{
    max-width: 130px;
}

.right-sec-2 img{
    max-width: 80px;
    margin: 0 20px;
}

.nav-wrapper {
    margin-right: -15px;
    margin-bottom: 10px;
    margin-left: -15px
}
.primary-nav>li {
    line-height: 1em;
    vertical-align: middle;
    min-height: 41px;
    margin-right: 10px
}
.ace-responsive-menu>li.menu-websites {
    background: url(/wp-content/themes/roots-master/assets/img/blue-shape-sml.png) top left no-repeat;
    min-width: 134px
}
.ace-responsive-menu>li.menu-online-stores {
    background: url(/wp-content/themes/roots-master/assets/img/red-shape-sml.png) top left no-repeat;
    min-width: 162px
}
.primary-nav>li.menu-websites {
    background: url(/wp-content/themes/roots-master/assets/img/blue-shape-sml.png) top left no-repeat;
    min-width: 134px
}
.primary-nav>li.menu-online-stores {
    background: url(/wp-content/themes/roots-master/assets/img/red-shape-sml.png) top left no-repeat;
    min-width: 162px
}
.primary-nav>li.menu-marketing {
    background: url(/wp-content/themes/roots-master/assets/img/green-shape-sml.png) top left no-repeat;
    min-width: 139px
}
.primary-nav>li.menu-social-media {
    background: url(/wp-content/themes/roots-master/assets/img/purple-shape-sml.png) top left no-repeat;
    min-width: 149px
}
.primary-nav li a {
    color: #333;
    padding: 10px;
    font-weight: 700
}
.primary-nav li.menu-marketing a, .primary-nav li.menu-online-stores a, .primary-nav li.menu-social-media a, .primary-nav li.menu-websites a,.ace-responsive-menu > li.menu-websites > a,.ace-responsive-menu > li.menu-online-stores > a,.stellarnav > ul > li.menu-websites > a,.stellarnav > ul > li.menu-online-stores > a {
    color: #fff!important;
}
.banner-wrapper {
    position: relative
}
.banner-image {
    max-width: 100%;
    height: auto;
    margin: 0 auto
}
.banner-content {
    position: absolute
}
.quote-content {
    top: 50px;
    left: 13%;
    width: 575px;
    height: 395px;
    padding: 25px;
    background: url(/wp-content/themes/roots-master/assets/img/box-1.png) top left no-repeat
}
.quote-content h3 {
    margin-top: 15px;
    color: #fff;
    font-weight: 700;
    font-size: 44px
}
.quote-content h3 .blue-text {
    color: #1f68ed;
    text-transform: uppercase
}
.quote-content h3 .red-text {
    color: #ed1f24
}
.quote-content h4 {
    margin-top: 40px;
    color: #fff;
    font-weight: 700;
    font-size: 25px
}
.how-much {
    top: 125px;
    left: 45%;
    width: 416px;
    height: 116px;
    background: url(/wp-content/themes/roots-master/assets/img/box-2.png) top left no-repeat;
    padding-top: 20px
}
.how-much h3 {
    color: #fff;
    font-weight: 700;
    font-size: 44px;
    -moz-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg)
}
.ask-us-how {
    bottom: 260px;
    left: 45%;
    width: 301px;
    height: 112px;
    background: url(/wp-content/themes/roots-master/assets/img/box-3.png) top left no-repeat;
    padding: 15px
}
.ask-us-how h3 {
    font-size: 22px;
    color: #545454;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    font-weight: 700;
    -moz-transform: rotate(-8deg);
    -webkit-transform: rotate(-8deg);
    -o-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    transform: rotate(-8deg);
    margin-bottom: 0
}
.ask-us-how img {
    float: right
}
.our-examples {
    right: 20%;
    bottom: 280px;
    width: 270px;
    height: 134px;
    background: url(/wp-content/themes/roots-master/assets/img/box-4.png) top left no-repeat;
    padding-top: 40px
}
.our-examples h3 {
    font-size: 29px;
    color: #fff;
    font-weight: 700;
    -moz-transform: rotate(-8deg);
    -webkit-transform: rotate(-8deg);
    -o-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    transform: rotate(-8deg)
}


.online-stores > .panel-grid-cell{
    position: relative;
}


.online-stores-block p{
    color:#FFF!important;
}

.full-services .page-p{
    font-size: 16px!important;
    color:#842482!important;
}


.websites-block h2{
    color: #333333;
    font-size: 60px;
    font-weight: 400;
    border-bottom: 2px solid #334b91;
    margin-bottom: 20px;
}



.web-design h2{
    text-transform: uppercase;
    font-weight: 900;
    border-left: 4px solid #344b91;
    padding: 10px 0 10px 15px;
    font-size: 25px;
    margin-bottom: 30px;
    line-height: 1.3;
    color: #000;
}

.web-design p a {
    color:#344b91;
    font-weight:700;
}
.web-design p a:hover {
    text-decoration:underline;
}

p a.get-estimate, p a.get-estimate:hover {
    text-decoration:none!important;
}

.web-design p a.get-estimate{
    text-transform: uppercase;
    color: #344b91;
    padding: 10px 35px;
    border-radius: 50px;
    border: 2px solid #344b91;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    display: inline-block;
    margin-top: 15px;
}

.web-design p a.get-estimate:hover{
    color: #fff;
    background: #344b91;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);

}

/*WHAT IS GOOGLE ADWORDS CSS*/


.whatisgoogleadwords01 h2{
    text-transform: uppercase;
    font-weight: 900;
    border-left: 4px solid #0d6336;
    padding: 10px 0 10px 15px;
    font-size: 25px;
    margin-bottom: 30px;
    line-height: 1.3;
    color: #000;
}

.whatisgoogleadwords01 p a {
    color:#0d6336;
    font-weight:700;
}
.whatisgoogleadwords01 p a:hover {
    text-decoration:underline;
}

p a.get-estimate, p a.get-estimate:hover {
    text-decoration:none!important;
}

.whatisgoogleadwords01 p a.get-estimate{
    text-transform: uppercase;
    color: #0d6336;
    padding: 10px 35px;
    border-radius: 50px;
    border: 2px solid #0d6336;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    display: inline-block;
    margin-top: 15px;
}

.whatisgoogleadwords01 p a.get-estimate:hover{
    color: #fff;
    background: #0d6336;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);

}

/*END OF WHAT IS GOOGLE ADWORDS CSS*/

/*DOMAIN REGISTRATION CSS*/
.domainreg01 h2{
    text-transform: uppercase;
    font-weight: 900;
    border-left: 4px solid #344b91;
    padding: 10px 0 10px 15px;
    font-size: 25px;
    margin-bottom: 30px;
    line-height: 1.3;
    color: #000;
}

.domainreg01 p a {
    color:#344b91;
    font-weight:700;
}
.domainreg01 p a:hover {
    text-decoration:underline;
}

p a.get-estimate, p a.get-estimate:hover {
    text-decoration:none!important;
}

.domainreg01 p a.get-estimate{
    text-transform: uppercase;
    color: #344b91;
    padding: 10px 35px;
    border-radius: 50px;
    border: 2px solid #344b91;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    display: inline-block;
    margin-top: 15px;
}

.domainreg01 p a.get-estimate:hover{
    color: #fff;
    background: #344b91;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);

}
/*END OF DOMAIN REGISTRATION CSS*/

/*HOSTING CSS*/

.hosting01 h2{
    text-transform: uppercase;
    font-weight: 900;
    border-left: 4px solid #344b91;
    padding: 10px 0 10px 15px;
    font-size: 25px;
    margin-bottom: 30px;
    line-height: 1.3;
    color: #000;
}

.hosting01 p a {
    color:#344b91;
    font-weight:700;
}
.web-design p a:hover {
    text-decoration:underline;
}

p a.get-estimate, p a.get-estimate:hover {
    text-decoration:none!important;
}

.hosting01 p a.get-estimate{
    text-transform: uppercase;
    color: #344b91;
    padding: 10px 35px;
    border-radius: 50px;
    border: 2px solid #344b91;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    display: inline-block;
    margin-top: 15px;
}

.hosting01 p a.get-estimate:hover{
    color: #fff;
    background: #344b91;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);

}
/*END OF HOSTING CSS*/

.adwords01 h2{
    text-transform: uppercase;
    font-weight: 900;
    border-left: 4px solid #0d6336;
    padding: 10px 0 10px 15px;
    font-size: 25px;
    margin-bottom: 30px;
    line-height: 1.3;
    color: #000;
}

.adwords01 p a {
    color: #0d6336;
    font-weight:700;
}
.adwords01 p a:hover {
    text-decoration: underline;
}

.adwords01 p a.get-estimate{
    text-transform: uppercase;
    color: #0d6336;
    padding: 10px 35px;
    border-radius: 50px;
    border: 2px solid #0d6336;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    display: inline-block;
    margin-top: 15px;
}

.adwords01 p a.get-estimate:hover{
    color: #fff;
    background: #0d6336;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);

}

.copywriting01 h2,
.advertising-copywriting01 h2,
.webpage-copywriting01 h2,
.whatis-copywriting01 h2,
.why-copywriting01 h2{
    text-transform: uppercase;
    font-weight: 900;
    border-left: 4px solid #0d6336;
    padding: 10px 0 10px 15px;
    font-size: 25px;
    margin-bottom: 30px;
    line-height: 1.3;
    color: #000;
}

.copywriting01 p a, .advertising-copywriting01 p a, .webpage-copywriting01 p a, .whatis-copywriting01 p a, .why-copywriting01 p a  {
    color: #0d6336;
    font-weight:700;
}
.copywriting01 p a:hover, .advertising-copywriting01 p a:hover, .webpage-copywriting01 p a:hover, .whatis-copywriting01 p a:hover ,.why-copywriting01 p a:hover {
    text-decoration: underline;
}

.copywriting01 p a.get-estimate,
.advertising-copywriting01 p a.get-estimate,
.webpage-copywriting01 p a.get-estimate,
.whatis-copywriting01 p a.get-estimate,
.why-copywriting01 p a.get-estimate{
    text-transform: uppercase;
    color: #0d6336;
    padding: 10px 35px;
    border-radius: 50px;
    border: 2px solid #0d6336;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    display: inline-block;
    margin-top: 15px;
}

.copywriting01 p a.get-estimate:hover,
.advertising-copywriting01 p a.get-estimate:hover,
.webpage-copywriting01 p a.get-estimate:hover,
.whatis-copywriting01 p a.get-estimate:hover,
.why-copywriting01 p a.get-estimate:hover{
    color: #fff;
    background: #0d6336;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);

}


.logodesign01 h2{
    text-transform: uppercase;
    font-weight: 900;
    border-left: 4px solid #0d6336;
    padding: 10px 0 10px 15px;
    font-size: 25px;
    margin-bottom: 30px;
    line-height: 1.3;
    color: #000;
}

.logodesign01 p a {
    color: #0d6336;
    font-weight:700;
}
.logodesign01 p a:hover {
    text-decoration: underline;
}
.logodesign01 p a.get-estimate{
    text-transform: uppercase;
    color: #0d6336;
    padding: 10px 35px;
    border-radius: 50px;
    border: 2px solid #0d6336;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    display: inline-block;
    margin-top: 15px;
}

.logodesign01 p a.get-estimate:hover{
    color: #fff;
    background: #0d6336;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);

}

.mobiledesign01 h2{
    text-transform: uppercase;
    font-weight: 900;
    border-left: 4px solid #0d6336;
    padding: 10px 0 10px 15px;
    font-size: 25px;
    margin-bottom: 30px;
    line-height: 1.3;
    color: #000;
}

.mobiledesign01 p a {
    color: #0d6336;
    font-weight:700;
}
.mobiledesign01 p a:hover {
    text-decoration: underline;
}
.mobiledesign01 p a.get-estimate{
    text-transform: uppercase;
    color: #0d6336;
    padding: 10px 35px;
    border-radius: 50px;
    border: 2px solid #0d6336;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    display: inline-block;
    margin-top: 15px;
}

.mobiledesign01 p a.get-estimate:hover{
    color: #fff;
    background: #0d6336;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);

}


.seo01 h2,
.whatis-seo01 h2{
    text-transform: uppercase;
    font-weight: 900;
    border-left: 4px solid #0d6336;
    padding: 10px 0 10px 15px;
    font-size: 25px;
    margin-bottom: 30px;
    line-height: 1.3;
    color: #000;
}

.seo01 p a,
.whatis-seo01 p a {
    color: #0d6336;
    font-weight:700;
}
.seo01 p a:hover,
.whatis-seo01 p a:hover{
    text-decoration: underline;
}
.seo01 p a.get-estimate,
.whatis-seo01 p a.get-estimate{
    text-transform: uppercase;
    color: #0d6336;
    padding: 10px 35px;
    border-radius: 50px;
    border: 2px solid #0d6336;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    display: inline-block;
    margin-top: 15px;
}

.seo01 p a.get-estimate:hover,
.whatis-seo01 p a.get-estimate:hover{
    color: #fff;
    background: #0d6336;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);

}

.webmarketing01  h2,
.contentmarketing01 h2,
.paidsearch01 h2{
    text-transform: uppercase;
    font-weight: 900;
    border-left: 4px solid #0d6336;
    padding: 10px 0 10px 15px;
    font-size: 25px;
    margin-bottom: 30px;
    line-height: 1.3;
    color: #000;
}

.webmarketing01 p a, .contentmarketing01 p a, .paidsearch01 p a {
    color: #0d6336;
    font-weight:700;
}
.webmarketing01 p a:hover, .contentmarketing01 p a:hover, .paidsearch01 p a:hover {
    text-decoration: underline;
}
.webmarketing01  p a.get-estimate,
.contentmarketing01 p a.get-estimate,
.paidsearch01 p a.get-estimate{
    text-transform: uppercase;
    color: #0d6336;
    padding: 10px 35px;
    border-radius: 50px;
    border: 2px solid #0d6336;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    display: inline-block;
    margin-top: 15px;
}

.webmarketing01  p a.get-estimate:hover,
.contentmarketing01 p a.get-estimate:hover,
.paidsearch01 p a.get-estimate:hover{
    color: #fff;
    background: #0d6336;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);

}

.mobilewebsite01 h2{
    text-transform: uppercase;
    font-weight: 900;
    border-left: 4px solid #2e4584;
    padding: 10px 0 10px 15px;
    font-size: 25px;
    margin-bottom: 30px;
    line-height: 1.3;
    color: #000;
}

.mobilewebsite01 p a {
    color: #2e4584;
    font-weight:700;
}
.mobilewebsite01 p a:hover {
    text-decoration: underline;
}
.mobilewebsite01 p a.get-estimate{
    text-transform: uppercase;
    color: #2e4584;
    padding: 10px 35px;
    border-radius: 50px;
    border: 2px solid #2e4584;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    display: inline-block;
    margin-top: 15px;
}

.mobilewebsite01 p a.get-estimate:hover{
    color: #fff;
    background: #2e4584;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);

}

/*WORDPRESS CSS*/
.wordpress01 h2{
    text-transform: uppercase;
    font-weight: 900;
    border-left: 4px solid #2e4584;
    padding: 10px 0 10px 15px;
    font-size: 25px;
    margin-bottom: 30px;
    line-height: 1.3;
    color: #000;
}

.wordpress01 p a {
    color: #2e4584;
    font-weight:700;
}
.wordpress01 p a:hover {
    text-decoration: underline;
}
.wordpress01 p a.get-estimate{
    text-transform: uppercase;
    color: #2e4584;
    padding: 10px 35px;
    border-radius: 50px;
    border: 2px solid #2e4584;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    display: inline-block;
    margin-top: 15px;
}

.wordpress01 p a.get-estimate:hover{
    color: #fff;
    background: #2e4584;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);

}
/*END OF WORDPRESS CSS*/

.mobilecommerce01 h2{
    text-transform: uppercase;
    font-weight: 900;
    border-left: 4px solid #c00000;
    padding: 10px 0 10px 15px;
    font-size: 25px;
    margin-bottom: 30px;
    line-height: 1.3;
    color: #000;
}

.mobilecommerce01 p a{
    color:#c00000;
    font-weight: 700;
}

.mobilecommerce01 p a:hover {
    text-decoration: underline;
}
.mobilecommerce01 p a.get-estimate{
    text-transform: uppercase;
    color: #c00000;
    padding: 10px 35px;
    border-radius: 50px;
    border: 2px solid #c00000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    display: inline-block;
    margin-top: 15px;
}

.mobilecommerce01 p a.get-estimate:hover{
    color: #fff;
    background: #c00000;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);

}

.socialmediamarketing01 h2{
    text-transform: uppercase;
    font-weight: 900;
    border-left: 4px solid #0d6336;
    padding: 10px 0 10px 15px;
    font-size: 25px;
    margin-bottom: 30px;
    line-height: 1.3;
    color: #000;
}

.socialmediamarketing01 p a{
    color:#0d6336;
    font-weight: 700;
}

.socialmediamarketing01 p a:hover {
    text-decoration: underline;
}
.socialmediamarketing01 p a.get-estimate{
    text-transform: uppercase;
    color: #0d6336;
    padding: 10px 35px;
    border-radius: 50px;
    border: 2px solid #0d6336;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    display: inline-block;
    margin-top: 15px;
}

.socialmediamarketing01 p a.get-estimate:hover{
    color: #fff;
    background: #0d6336;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);

}

/*EMAIL MARKETING CSS*/
.emailmarketing01 h2{
    text-transform: uppercase;
    font-weight: 900;
    border-left: 4px solid #0d6336;
    padding: 10px 0 10px 15px;
    font-size: 25px;
    margin-bottom: 30px;
    line-height: 1.3;
    color: #000;
}

.emailmarketing01 p a{
    color:#0d6336;
    font-weight: 700;
}

.emailmarketing01 p a:hover {
    text-decoration: underline;
}
.emailmarketing01 p a.get-estimate{
    text-transform: uppercase;
    color: #0d6336;
    padding: 10px 35px;
    border-radius: 50px;
    border: 2px solid #0d6336;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    display: inline-block;
    margin-top: 15px;
}

.emailmarketing01 p a.get-estimate:hover{
    color: #fff;
    background: #0d6336;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);

}
/*END OF EMAIL MARKETING*/

.seocopywriting01 h2{
    text-transform: uppercase;
    font-weight: 900;
    border-left: 4px solid #0d6336;
    padding: 10px 0 10px 15px;
    font-size: 25px;
    margin-bottom: 30px;
    line-height: 1.3;
    color: #000;
}

.seocopywriting01 p a{
    color:#0d6336;
    font-weight: 700;
}

.seocopywriting01 p a:hover {
    text-decoration: underline;
}
.seocopywriting01 p a.get-estimate{
    text-transform: uppercase;
    color: #0d6336;
    padding: 10px 35px;
    border-radius: 50px;
    border: 2px solid #0d6336;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    display: inline-block;
    margin-top: 15px;
}

.seocopywriting01 p a.get-estimate:hover{
    color: #fff;
    background: #0d6336;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);

}

.quote01 .panel-grid-cell:nth-of-type(2){
    height: 349px;
    background: rgba(0,0,0,0.8);
    padding: 20px;
}

.readmorecenter .yrm-btn-wrapper{
    float: inherit;
}

.yrm-btn-wrapper{
    float: left;
}

.yrm-toggle-expand{
    border: none!important;
    margin: 0!important;
    width: 75px!important;
}

.yrm-btn-wrapper span{
    font-family: helvetica;
    color: #2a8bb9;
    font-size: 14px;
    left: 0;
    transform: none;
}


.homev4f1.quote01{
    margin-bottom: 30px!important;
}

.quote01  h1{
    font-size: 28px;
    color:#FFF;
}

.quote01 p{
    color: #FFF;
    margin-bottom: 10px;
    line-height: 1.6;
    font-size: 13px;
}

.quote-block a, .quote01 a {
    color: #FFF;
    text-decoration: underline;
}
.quote-block a:hover, .quote01 a:hover {
    color: #FFF;
    text-decoration: none;
}

.quote01 a.buttn{
    text-transform: uppercase;
    color: #FFF;
    padding: 10px 35px;
    border: 2px solid #FFF;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    display: inline-block;
    margin-top: 15px;
    text-decoration: none !important;
}

.quote01 a.buttn:hover{
    color: #fff;
    background: rgba(0,0,0,0.9);
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    text-decoration: none !important;
}

.quote-caption p{
    font-weight: bold;
    font-size: 23px;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.quote-block h2{
    color:#FFF;
}

.quote-block p{
    color:#FFF;
}

.quote-block a.buttn{
    text-transform: uppercase;
    color: #FFF;
    padding: 10px 35px;
    border-radius: 50px;
    border: 2px solid #FFF;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    display: inline-block;
    margin-top: 15px;
    text-decoration: none !important;
}

.quote-block a.buttn:hover{
    color: #000;
    background: #FFF;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    text-decoration: none !important;
}


.location-blue-h1 h1{
    background: url(https://www.sitesnstores.com.au/wp-content/uploads/locationblueh1.png);
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 60px;
    line-height: 208px;
    margin-bottom: 0;
    font-size: 25px;
    color: #FFF;
    text-transform: uppercase;
    width: 100%;
    max-width: 686px;
    float: right;
}   

.location-blue-h1 .panel-grid-cell .widget_sow-editor{
    margin-bottom: 0px!important;
}

.header-paragraph{
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

.locationblock4 p a:hover{
    color:#ed1f24;
}

.location-column h2{
    font-size: 25px;
}

.locationblock3 p{
    text-align: center;
    font-size: 18px;
    color: #FFF;
    padding:20px;
}

.locationblock4{
    padding:20px;
}

.locationblock4 h3{
    color:#FFF;
}

.locationblock4 p{
    color:#FFF;
}

.locationblock4 .panel-grid-cell{
    border-right: thin solid #FFF;
}

.locationblock4 .panel-grid-cell-mobile-last{
    border-right: none;
}

.location-inner p{
}

.location-inner .find-out-more{
    text-transform: uppercase;
    color: #344b90;
    padding: 10px 35px;
    border-radius: 50px;
    border: 2px solid #344b90;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    display: inline-block;
    margin-top: 15px;
}

.location-inner .find-out-more:hover{
    color: #fff;
    background: #344b90;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

   
.location-inner .click-full-services{
    text-transform: uppercase;
    color: #344b90;
    padding: 10px 35px;
    border-radius: 50px;
    border: 2px solid #344b90;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    display: inline-block;
    margin-top: 15px;
}

.location-inner .click-full-services:hover{
    color: #fff;
    background: #344b90;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.location-inner h2{
    font-size: 20px;
}

@font-face{
    font-family:scrivimi;
    src: url(/wp-content/themes/roots-master/assets/fonts/Scrivimi.ttf);
}

.testimonial-wrapper h1{
    font-family: scrivimi;
    text-align: center;
    color: #FFF;
    font-size: 97px;
    text-shadow: 2px 2px 1px #637378;
}

.testimonial-p p{
    text-align: center;
    font-size: 18px;
    color: #2d736f;
}

.testi-block p strong{
    font-style: normal;
}

.testi-block p{
    font-style: italic;
}

.testi-block p a{
    color:#0070c6;
}

.testi-block{
    box-shadow: 8px 8px 0px #b7d6de;
}

.testi-1{
    -ms-transform: rotate(-4deg);
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
}

.testi-2{
    -ms-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
}

.testi-3{
    -ms-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
    margin-top: 0px;
}


.testi-4{
    -ms-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
    margin-top: -40px;
}

.testi-5{
    -ms-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    margin-top: -40px;
}

.testi-6{
    -ms-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    transform: rotate(7deg);
    margin-top: -40px;
}

.testi-7{
    -ms-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    transform: rotate(1deg);
    margin-top: -10px;
}

.testi-8{
    -ms-transform: rotate(1deg);
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
    margin-top: -10px;
}

.testi-2 p, .testi-3 p, .testi-4 p, .testi-7 p, .testi-8 p{
    color:#FFF;
}

.testi-last-block a{
    font-size: 18px;
    text-transform: uppercase;
    color: #333333;
    background: #FFF;
    padding: 15px 20px;
    display: block;
    text-align: center;
    width: 420px;
    margin: 40px auto 0;

    transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
}

.testi-last-block a:hover{
    background: rgba(0,0,0,0.4);
    color:#FFF;
}

.page-id-5465 .panel-grid.panel-no-style, .page-id-5492 .panel-grid.panel-no-style, .page-id-5494 .panel-grid-panel-no-style, .page-id-5496 .panel-grid-panel-no-style, .page-id-5498 .panel-grid-panel-no-style{
    -webkit-justify-content: inherit;
    justify-content: inherit;
}

.homev5welcome p{
}

@media (min-width:1366px) and (max-width:1660px) {
    .gladstone-tannum-sands .location-block img{
        height: 560px;
        object-fit: cover;
    }
}


@media screen and (max-width:1199px){
    .homeblock2{
        padding: 40px 20px!important;
    }
    .homev5welcome h2:after{
        display: none;
    }

}


@media screen and (max-width: 1365px){
    .homev5welcome .ice-cream{
        top: 185px!important;
        left: 130px!important;
    }
    .location-block img{
        height: 450px!important;
        object-fit: cover;
    }
    .location-blue-h1 h1{
        color: #344a90;
        background: none;
        padding-left: 0px;
        padding-top: 40px;
        padding-bottom: 0px;
        text-align: center;
        font-size: 20px;
        float: none!important;
        line-height: inherit!important;
        margin-bottom: 10px;
    }
    .three-button{
        margin-top: -150px!important;
    }
}

@media screen and (max-width: 1279px){
    .location-blue-h1 h1{
        width: 100%;
    }
    .header-paragraph{
        width: 100%;
    }
}   

@media screen and (max-width: 1199px){
    .location-column{
        flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        -moz-flex-direction: column;
    }

    .location-column .panel-grid-cell{
        width: 100%!important;
        margin-bottom: 0px!important;
    }
}

@media screen and (max-width: 991px){
    .location-block p{
        font-size: 15px;
    }
    .testimonial-wrapper h1{
        font-size: 70px;
    }
    .testi-wrap-1, .testi-wrap-2, .testi-wrap-3, .testi-wrap-4, .testi-wrap-5, .testi-wrap-6, .testi-wrap-7, .testi-wrap-8{
        flex-direction: column;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
    }
    .testi-wrap-1 .panel-grid-cell, .testi-wrap-2 .panel-grid-cell, .testi-wrap-3 .panel-grid-cell, .testi-wrap-4 .panel-grid-cell,
    .testi-wrap-5 .panel-grid-cell, .testi-wrap-6 .panel-grid-cell, .testi-wrap-7 .panel-grid-cell, .testi-wrap-8 .panel-grid-cell{
        width: 100%!important;
    }
    .testi-1, .testi-2, .testi-3, .testi-4, .testi-5, .testi-6, .testi-7, .testi-8{
        margin-top: 0px;
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    .testi-3 p{
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@media screen and (max-width: 843px){
    .location-block .widget_sow-editor{
        margin-bottom: 0px!important;
    }
    
    .locationblock4 p,
    .locationblock4 h3{
        text-align: center;
    }
}

@media screen and (max-width:768px){
    .location-block img{
        height: auto!important;
    }
    .background-image-gray img{
        height: 400px!important;
    }
    .testi-wrap-1 .panel-grid-cell,
    .testi-wrap-2 .panel-grid-cell, .testi-wrap-2 .panel-grid-cell .widget_sow-editor,
    .testi-wrap-3 .panel-grid-cell,
    .testi-wrap-4 .panel-grid-cell
    {
        margin-bottom: 0px!important;
    }
}

.cta-wrapper {
    position: relative;
    z-index: 999;
    margin-top: -50px
}
.cta-btn {
    width: 376px;
    height: 112px
}
.cta-websites {
    background: url(/wp-content/themes/roots-master/assets/img/cta-blue.png) top left no-repeat
}
.cta-online-stores {
    background: url(/wp-content/themes/roots-master/assets/img/cta-red.png) top left no-repeat
}
.cta-marketing {
    background: url(/wp-content/themes/roots-master/assets/img/cta-green.png) top left no-repeat
}
.cta-social-media {
    background: url(/wp-content/themes/roots-master/assets/img/cta-purple.png) top left no-repeat
}
.cta-btn h3 {
    font-size: 36px;
    color: #fff;
    font-weight: 700;
    margin-top: 20px
}
.content img {
    max-width: 100%;
    height: auto;
    /*margin: 0 auto*/
}
.content .author {
    margin-left: 5px
}
.sidebar .widget {
    margin-bottom: 10px;
    padding: 15px;
    background-color: #fff;
    border: 5px solid #000
}
.sidebar .widget_categories h3 {
    color: #fff;
    font-weight: 700
}
.sidebar .widget_categories ul {
    list-style: none;
    padding-left: 0
}
.sidebar .widget_categories ul li:before {
    content: '\f10c';
    font-family: FontAwesome;
    margin-right: 10px;
    color: #fff
}
.sidebar .widget_categories ul li:hover:before {
    content: '\f192'
}
.sidebar .widget_categories ul li a {
    color: #fff;
    font-size: 16px
}

.footer-social a{
    background-color: #c2c2c2!important;
    border: none!important;
    border-radius: 8px!important;
}

.footer-widget .menu {
    list-style: none;
    padding: 0;
    font-family: Lato, sans-serif
}
.footer-widget .menu li {
    line-height: 1.6em
}
.footer-widget .menu li a {
    color: #000;
    font-weight: 400;
    font-size: 16px;
}
 .footer-widget .gform_widget h3 {
    color: #000;
    font-weight: 700;
    font-size: 22px;
    line-height: 1.5;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.social {
    margin-right: 10px;
    color: #fff;
    font-size: 1.5em
}
.gfield_label {
    display: none!important
}

#gform_7 .gfield_label {
    display: initial!important
}

.gform_submit_button_1 {
    background: url(/wp-content/themes/roots-master/assets/img/submit-button-red.png) top left no-repeat
}
.header-form .gform_wrapper .gform_footer {
    padding: 0 6px 0 0;
    margin: 8px 0 0 0;
    text-align: center
}
.gform_wrapper input[type=email], .gform_wrapper input[type=number], .gform_wrapper input[type=password], .gform_wrapper input[type=tel], .gform_wrapper input[type=text], .gform_wrapper input[type=url] {
    border: none
}
.gform_confirmation_message {
    color: inherit;
    font-size: 16px
}
.single-post h1.entry-title, h2.entry-title a {
    color: #000;
    font-family: helvetica;
    font-size: 40px;
    color: black;
    font-weight: 400;
}

.blog .entry-summary a{
    text-transform: uppercase;
    color: #ffffff;
    padding: 10px 35px;
    border-radius: 50px;
    border: 2px solid #334b91;
    /* font-family: 'Montserrat', sans-serif; */
    font-weight: 600;
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 40px;
    background: #334b91;
}

.blog .entry-summary a:hover{
    background:#464646;
}

.blog .entry-summary p{
    font-family: helvetica;
    color: #000000;
    font-size: 14px;
}

.slider-form{
    width: 230px!important;
    padding-top: 20px!important;
}

.slider-form .gform_heading{
    display: none;
}

.slider-form .ginput_container_email br, .slider-form br{
    display: none!important;
}

.slider-form form{
    background: #ffffff;
    padding: 15px 15px 0!important;
    border-radius: 5px!important;
    box-shadow: 0px 0px 8px 2px #0000006b;
}

.slider-form form li.gfield{
    padding-right: 0!important;
}

.slider-form form input{
    color: #333333;
}

.slider-form .gform_footer {
    margin-top: 0!important;
    text-align: center!important;
}


@media (min-width:1024px) and (max-width:1279px) {
.phone-wrapper {
    right: 0
}
.header-form {
    display: none
}
.quote-content {
    top: 20px;
    left: 20px;
    width: 425px;
    height: 280px;
    background-size: contain;
    padding-right: 45px;
    padding-left: 15px
}
.quote-content h3 {
    font-size: 25px
}
.quote-content h4 {
    font-size: 21px
}
.how-much {
    top: 25px;
    left: 55%
}
.ask-us-how {
    bottom: 170px;
    left: 40%
}
.our-examples {
    right: 10px;
    bottom: 130px
}
}
@media (min-width:1280px) and (max-width:1365px) {
.phone-wrapper {
    right: 0
}
.quote-content {
    top: 20px;
    left: 20px
}
.quote-content h3 {
    font-size: 37px
}
.quote-content h4 {
    font-size: 22px
}
.how-much {
    top: 25px;
    left: 49%
}
.ask-us-how {
    bottom: 245px;
    left: 45%
}
.our-examples {
    right: 20%;
    bottom: 130px
}
}
@media (min-width:1366px) and (max-width:1599px) {
.phone-wrapper {
    right: 0
}
.quote-content {
    left: 50px
}
.how-much {
    top: 50px;
    left: 50%
}
.ask-us-how {
    bottom: 245px;
    left: 44%
}
.our-examples {
    right: 17%;
    bottom: 130px
}
}
@media (min-width:1600px) {
.phone-wrapper {
    right: 50px
}
.quote-content {
    left: 5%
}
.how-much {
    top: 100px;
    left: 50%
}
.ask-us-how {
    bottom: 140px;
    left: 40%
}
.our-examples {
    bottom: 250px
}
}
@media (min-width:993px) and (max-width:1024px) {
.phone-wrapper {
    right: 20px;
    min-width: auto
}
.header-form {
    display: none
}
.primary-nav>li {
    margin-right: 10px
}
.quote-content {
    left: 5%;
    width: 350px;
    height: 275px;
    padding: 25px 25px 25px 15px;
    background-size: 100%
}
.how-much, .our-examples {
    background-size: contain
}
.quote-content h3 {
    margin-top: 0;
    font-size: 22px
}
.quote-content h4 {
    margin-top: 30px;
    font-size: 18px
}
.ask-us-how {
    bottom: 180px;
    left: 40%
}
.our-examples {
    right: 10px;
    bottom: 115px;
    width: 250px;
    height: 110px;
    padding-top: 30px;
    padding-left: 20px;
    text-align: left
}
.our-examples h3 {
    font-size: 24px
}
.how-much {
    top: 35px;
    width: 300px;
    height: 100px;
    left: 65%
}
.how-much h3 {
    font-size: 30px
}
}
@media (min-width:768px) and (max-width:992px) {
.container {
    width: 100%
}
.phone-wrapper {
    right: 0
}
.google-partner {
    margin-top: 0!important
}
.primary-nav>li {
    margin-right: 0
}
.site-tagline {
    font-size: 9px
}
.cta-wrapper {
    position: static;
    margin-top: 0
}
.cta-btn {
    position: absolute
}
.cta-websites {
    right: 20px;
    top: 20px
}
.cta-online-stores {
    right: 20px;
    bottom: 20px
}
#gform_submit_button_1 {
    max-width: 100%;
    height: auto
}
}

@media (max-width:1024px) {
    .stellarnav.mobile.light ul{
        position: absolute;
        width: 100%;
        left: 0px;
    }
        .homeblock2wrapper{
        padding-top: 40px!important;
    }
    .header-content{
        justify-content: center!important;
    }
    .stellarnav.light .menu-toggle{
        text-align: left!important;
    }
    .logo-wrapper{
        text-align: center;
    }
    .homev5welcome h2:after{
        display: none;
    }
    .testimonial-sec .testimonial-image img{
        margin-bottom: 0!important;
    }
    .three-button{
        display: none!important;
    }
    .header-main{
        grid-template-columns: 1fr!important;
    }
    .header-contact{
        justify-content: flex-end;
    }
    .ice-cream  img{
        display: none!important;
    }
}

@media (max-width:767px) {
    .homeblock3 .method1,
    .homeblock4 .method2,
    .homeblock5 .method3{
        padding:0px 20px!important;
    }
    .homeblock2{
        padding: 20px!important;
    }
    .homeblock1 .gform_wrapper .gform_footer{
        padding: 0;
        margin: 0;
    }
    .homeblock1 .gform_wrapper form #gform_submit_button_2{
        margin-top: 0;
    }
    .homeblock1 .homeinnerblock1 .panel-grid-cell-mobile-last img{
        max-width: 180px;
    }
    .homeblock1{
        background-position: left!important;
    }
    .single-post h1.entry-title, h2.entry-title a{
        font-size: 32px;
    }
    .method1-img .sow-image-container,
    .method3-img .sow-image-container{
        justify-content: center;
    }
    .method1-img img,
    .method3-img img{
        max-width: 200px!important;
    }
    .homev5method2 img{
        max-width: 200px!important;
        margin:0 auto!important;
    }
    .home footer{
        padding-top: 60px;
    }
    .homev5method1 h2, #homev5 .method1 h4, #homev5 .method1 p,
    #homev5 .method3 h3, #homev5 .method3 h4, #homev5 .method3 p{
        text-align: left!important;
    }
    .homev5welcome h2{
        font-size: 36px!important;
    }

    .homev5welcome p, #homev5 .method1 p, #homev5 .method2 p, #homev5 .method3 p{
        font-size: 16px!important;
    }
    .testimonial-sec:before{
        display: none;
    }
    .homeblock1 .gform_wrapper form{
        padding:0 20px;
    }
    .stellarnav .menu-toggle{
        text-align: center!important;
    }
    .right-sec-3{
        width: 100%;
    }
    .header-main{
        grid-template-columns: 1fr!important;
    }
.location-blue-h1 h1{
    text-align: center;
    padding-top: 0px;
}
.testimonial-wrapper h1{
    font-size: 60px;
    padding-top: 40px;
}
.logo-wrapper {
    text-align: center;
}
.full-services.bottom-cta .ow-button-base a
{
    
}
.web-design h2,.online-store-v02 .textwidget h2,.full-services .textwidget h2,.copywriting01 .textwidget h2, .adwords01 .textwidget h2, .mobiledesign01 .textwidget h2, 
.logodesign01 .textwidget h2, .seo01 .textwidget h2, .webmarketing01 .textwidget h2, .advertising-copywriting01 .textwidget h2, .webpage-copywriting01 .textwidget h2, .contentmarketing01 .textwidget h2, .mobilecommerce01 .textwidget h2,
.socialmediamarketing01 .textwidget h2, .seocopywriting01 .textwidget h2,  .whatis-copywriting .textwidget h2, .whatis-seo01 .textwidget h2, .why-copywriting01 .textwidget h2, .quote-block h2, .whatisgoogleadwords01 h2,
.domainreg01 .textwidget h2, .hosting01 .textwidget h2, .emailmarketing01 .textwidget h2
{
    font-size: 20px!important;
    margin-bottom: 20px!important;
}

.quote-caption p{
    font-size: 18px!important;
}

p a.get-estimate{
    margin-left: 15px!important;
}

.mobiledesign01.method4 .panel-grid-cell:nth-of-type(2), .adwords01.method2 .panel-grid-cell:nth-of-type(2), .web-design.method4 .panel-grid-cell:nth-of-type(2),
.webmarketing01.method2 .panel-grid-cell:nth-of-type(2), .copywriting01.method3 .panel-grid-cell:nth-of-type(3), .mobiledesign01.method2 .panel-grid-cell:nth-of-type(2),
.mobilecommerce01.method2 .panel-grid-cell:nth-of-type(2), .quote-block .panel-grid-cell:nth-of-type(1), .quote-block .panel-grid-cell:nth-of-type(2), .emailmarketing01.method2 .panel-grid-cell:nth-of-type(2){
    margin-bottom: 0px!important;
}
.logo-wrapper .logo {
    width: 100%;
    max-width: 258px;
    padding: 0;
    margin-bottom: 10px;
}
.cta-wrapper, .phone-wrapper {
    position: static
}
.primary-nav li, .social-wrapper {
    text-align: center
}
.google-partner {
    margin-top: 0!important;
    width: 180px!important
}
.navbar-toggle {
    border: 2px solid #2b73ee
}
.navbar-toggle .icon-bar {
    background-color: #2b73ee
}
.navigation {
    clear: both
}
.primary-nav li {
    display: block;
    width: auto;
    margin-right: 0
}
.primary-nav>li.menu-online-stores, .primary-nav>li.menu-websites {
    background-position: center center
}
.banner-wrapper {
    margin-top: 15px;
    overflow: hidden
}
.cta-wrapper {
    margin-top: 0
}
.cta-btn {
    position: absolute;
    right: 0;
    left: 0;
    background-size: contain;
    max-width: 100%
}
.cta-btn h3 {
    font-size: 30px
}
.cta-websites {
    top: 20px
}
.cta-online-stores {
    bottom: 10px
}
}
.bannerListWidget .banner_wrapper .banner img, .banner_wrapper {
    max-width: 100%!important
}
article.post+article.post {
    border-top: 2px solid #E6E6E6;
    padding-top: 15px;
    margin-top: 15px
}
article.post .entry-summary {
    padding-top: 10px
}
.single-post h1.entry-title {
    margin-bottom: 10px;
    padding-bottom: 15px;
    border-bottom: 2px solid #009a3e
}
@media (min-width:1200px) {
.single-post h1.entry-title {
    font-size: 42px
}
}
time.published {
    color: #9c9c9c;
    text-transform: uppercase;
    font-size: 13px
}
.author.byline {
    visibility: hidden
}
.single-post .entry-content .sow-image-container, .single-post article header {
    margin-bottom: 15px
}
.single-post .entry-content em strong {
    font-style: normal;
    color: #ed161f
}
.single-post .entry-content ul {
    list-style: none;
    padding-left: 10px
}
.single-post .entry-content ul li:before {
    content: "\f111";
    font: normal normal normal 6px/1 FontAwesome;
    color: #ed161f;
    padding-right: 10px;
    vertical-align: 48%
}
.single-post .entry-content a {
    text-decoration: underline
}
.post-links {
    display: table;
    width: 100%
}
.single-post .entry-content strong {
    font-weight: 700
}
.single-post .entry-content strong.blue {
    border-bottom: 2px solid #2c6ad4;
    font-weight: 400
}
.single-post .entry-content strong.red {
    border-bottom: 2px solid #ed1f20;
    font-weight: 400
}
.single-post .entry-content strong.green {
    border-bottom: 2px solid #04d603;
    font-weight: 400
}
.single-post .entry-content strong.purple {
    border-bottom: 2px solid #d308ff;
    font-weight: 400
}
.emphasise {
    font-size: 1.2em
}
.fw400 {
    font-weight: 400!important
}
.fw600 {
    font-weight: 600!important
}
.fw700 {
    font-weight: 700!important
}
main.main {
    padding-bottom: 20px
}
#sidebar-sticky .widget:last-child {
    margin-bottom: 0
}
@media print {
.et_social_networks, .et_social_sidebar_networks, aside.sidebar, footer {
    display: none!important
}
main.main {
    width: 100%!important
}
}
.bannerListWidget h3 {
    display: none
}
.banner_wrapper {
    margin: 0!important
}
.bannerListWidget .banner_wrapper .banner {
    padding: 0;
    border: 5px solid #fff;
    -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.5);
    box-shadow: 0 0 15px 0 rgba(0,0,0,.5);
    box-sizing: border-box;
    max-width: 100%!important
}
@media screen and (min-width:751px) {
.sidebar .widget {
    opacity: .8;
    -webkit-transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    -ms-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out
}
.sidebar .widget:hover {
    opacity: 1
}
}
@media screen and (max-width:750px) {
.sidebar .widget {
    padding: 10px!important;
    display: table;
    margin: 0 auto 10px;
    max-width: 100%
}
footer {
    margin-top: 10px
}
}
article.post .banner-wrapper {
    position: relative
}
article.post .banner-wrapper h4 {
    position: absolute;
    left: 0;
    bottom: 15px;
    background: rgba(26,116,176,.8);
    color: #fff;
    padding: 10px;
    margin: 0
}
@media only screen and (min-width: 641px) {
#gform_1 ul.gform_fields li.gfield {
    padding-right: 0 !important;
}
}
body.home header.banner {
    margin-bottom: 0 !important;
}
/* home ballpark estimate phone form */
@media only screen and (min-width: 641px) {
#gform_wrapper_2.gform_wrapper ul.gform_fields li.gfield,
#gform_wrapper_15.gform_wrapper ul.gform_fields li.gfield {
    padding-right: 6px;
}
}
body.home .gform_wrapper ul li.gfield {
    margin-top: 7px;
}
/* contact form styling */
.gform_wrapper input[type=text], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=url], .gform_wrapper textarea, .gform_wrapper select {
    border: 1px solid #ececec;
    background: #f5f5f5;
    outline: 0;
}
.gform_wrapper input[type=text]:focus, .gform_wrapper input[type=email]:focus, .gform_wrapper input[type=tel]:focus, .gform_wrapper input[type=url]:focus, .gform_wrapper textarea:focus, .gform_wrapper select:focus {
    border: 1px solid #d4d4d4;
    -webkit-box-shadow: 0 0 3px 0 rgba(186,186,186,0.5);
    box-shadow: 0 0 3px 0 rgba(186,186,186,0.5);
}
/*.gform_wrapper select, */
.gform_wrapper.gf_browser_chrome select {
    padding: 5.5px 0 5.5px 3px !important;
}
#gform_4 .ginput_complex span input+label, #gform_7 .ginput_complex span input+label, #gform_9 .ginput_complex span input+label {
    display: none;
}
#gform_9 .gform_footer {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
}
#gform_9 ul.gform_fields li.gfield {
    padding-right: 0;
}
.good-dog {
    font-family: "gooddog-new", sans-serif;
}

.green-lead-magnet {
    border: 5px solid #00f700;
    background-color: #0f653a;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 15px;
    position: relative;
}
.green-lead-magnet .gform_wrapper {
    margin: 0 !important;
}
.green-lead-magnet .panel-grid-cell > div:first-child {
    margin-bottom: 0 !important;
}
/*.green-lead-magnet:before, .green-lead-magnet:after {
    position: absolute;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    pointer-events: none;
    border-color: #0f653a;
    border-width: 25px;
    margin-top: -25px;
}
.green-lead-magnet:before {
    right: 100%;
}
.green-lead-magnet:after {
    left: 100%;
}*/

.green-lead-magnet .lead-magnet-title {
    font-size: 32px;
    line-height: 1.2em;
    text-align: center;
    font-weight: 700;
}
.green-lead-magnet .lead-magnet-title span.highlight {
    color: #005aff;
    text-shadow: 1px 0 1px #ffffff, -1px 0 1px #ffffff, 0 1px 1px #ffffff, 0 -1px 1px #ffffff;
}
.green-lead-magnet .lead-magnet-title span.highlight.store {
    color: #ff0000;
}
.green-lead-magnet .lead-magnet-title strong {
    color: #00ff00;
}
.green-lead-magnet .lead-magnet-title span.light {
    font-weight: 400;
    font-size: 28px;
}
.green-lead-magnet .lead-magnet-title span.light span.light-highlight {
    color: #00ff00;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .green-lead-magnet .lead-magnet-title {
        font-size: 24px;
    }
    .green-lead-magnet .lead-magnet-title span.light {
        font-size: 21px;
    }
}
@media screen and (max-width: 767px) and (min-width: 421px) {
    .green-lead-magnet .lead-magnet-title {
        font-size: 24px;
    }
    .green-lead-magnet .lead-magnet-title span.light {
        font-size: 21px;
    }
}
@media screen and (max-width: 420px) {
    .green-lead-magnet .lead-magnet-title {
        font-size: 17px;
    }
    .green-lead-magnet .lead-magnet-title span.light {
        font-size: 15px;
    }
}
@media only screen and (min-width: 641px) {
    .green-lead-magnet .gform_wrapper form.gf_simple_horizontal div.gform_body {
        width: 100%;
    }
    .green-lead-magnet .gform_wrapper .gform_footer input.button, .green-lead-magnet .gform_wrapper .gform_footer input[type=submit] {
        margin: 0;
    }
}
.green-lead-magnet .gform_wrapper input[type=text], .green-lead-magnet .gform_wrapper input[type=email], .green-lead-magnet .gform_wrapper input[type=tel], .green-lead-magnet .gform_wrapper textarea, .green-lead-magnet .gform_wrapper select {
    border: 2px solid #fff;
    background: #fff;
    outline: 0;
    color: #333;
}
.green-lead-magnet .gform_wrapper input[type=text]:focus, .green-lead-magnet .gform_wrapper input[type=email]:focus, .green-lead-magnet .gform_wrapper input[type=tel]:focus, .green-lead-magnet .gform_wrapper textarea:focus, .green-lead-magnet .gform_wrapper select:focus {
    border: 2px solid #00ff00;
    -webkit-box-shadow: 0 0 3px 0 rgba(0,255,0,0.5);
    box-shadow: 0 0 3px 0 rgba(0,255,0,0.5);
}
.green-lead-magnet .gform_wrapper input[type=submit] {
    background: #00ff00;
    color: #fff;
    text-transform: uppercase;
    font-size: 24px !important;
    padding: 9.5px 16px;
    border: 0;
    font-weight: 700;
    text-shadow: 2px 1px 3px #0f653a;
}
.green-lead-magnet .gform_wrapper input[type=submit]:hover, .green-lead-magnet .gform_wrapper input[type=submit]:focus {
    background: #00c400;    
}
.green-lead-magnet .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    /*padding: 7px 4px;*/
    font-size: 21.5px;
}

#gform_7 input[type=submit] {
    background: #2b73ee;
    color: #fff;
    text-transform: uppercase;
    font-size: 24px !important;
    padding: 9.5px 24px;
    border: 0;
    font-weight: 700;
    text-shadow: 2px 1px 3px rgba(0,0,0,0.5);
}
#gform_7 input[type=submit]:hover, #gform_7 input[type=submit]:active {
    background: #2666d4;
}

a.testimonial-callout {
    display: block;
    position: relative;
    text-align: center;
    height: 80px;
    margin: 30px auto 0;
    padding: 0;
    z-index: 999;
}
a.testimonial-callout span {
    display: block;
    position: relative;
    margin: 0 40px;
    padding: 0;
    background: #ffff00;
    color: #000;
    font-weight: 700;
    font-size: 48px;
    line-height: 80px;
    height: 80px;
    letter-spacing: -2px;
}
a.testimonial-callout span:after, a.testimonial-callout span:before {
    width: 0; 
    height: 0; 
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    top: 0;
    content: " ";
    position: absolute;
}
a.testimonial-callout span:after {
    border-left: 30px solid #ffff00;
    left: 100%;
}
a.testimonial-callout span:before {
    border-right: 30px solid #ffff00;
    right: 100%;
}
a.testimonial-callout span small {
    content: "click here";
    font-family: "gooddog-new", sans-serif;
    color: #000;
    font-size: 24px;
    letter-spacing: 0;
    font-weight: 400;
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
    margin-left: 5px;
    position: absolute;
    bottom: -10px;
}
a.testimonial-callout:hover span {
    background: #fbff60;
}
a.testimonial-callout:hover span:after {
    border-left-color: #fbff60;
}
a.testimonial-callout:hover span:before {
    border-right-color: #fbff60;
}

/* Alternate Green Version */

a.testimonial-callout.green-callout span {
    background: #0f653a;
    color: #fff;
}
a.testimonial-callout.green-callout span:after {
    border-left: 30px solid #0f653a;
}
a.testimonial-callout.green-callout span:before {
    border-right: 30px solid #0f653a;
}
a.testimonial-callout.green-callout span small {
    color: #00ff00;
}
a.testimonial-callout.green-callout:hover span {
    background: #138049;
}
a.testimonial-callout.green-callout:hover span:after {
    border-left-color: #138049;
}
a.testimonial-callout.green-callout:hover span:before {
    border-right-color: #138049;
}


a.testimonial-callout.blue-callout span {
    background: #2b73ee;
    color: #fff;
    text-shadow: 3px 1px 3px rgba(0,0,0,0.5);
}
a.testimonial-callout.blue-callout span:after {
    border-left: 30px solid #2b73ee;
}
a.testimonial-callout.blue-callout span:before {
    border-right: 30px solid #2b73ee;
}
a.testimonial-callout.blue-callout span small {
    color: #fff;
    text-shadow: none;
}

a.testimonial-callout.blue-callout:hover span {
    background: #2666d4;
}
a.testimonial-callout.blue-callout:hover span:after {
    border-left-color: #2666d4;
}
a.testimonial-callout.blue-callout:hover span:before {
    border-right-color: #2666d4;
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    a.testimonial-callout span {
        font-size: 42px;
    }
    a.testimonial-callout span small {
        font-size: 21px;
    }
    .primary-nav li a {
        font-size: 14px;
    }
}
@media only screen and (max-width: 767px) {
    a.testimonial-callout {
        margin-top: 0;
    }
    a.testimonial-callout span {
        font-size: 28px;
        line-height: 30px;
        padding: 10px 0;
    }
    a.testimonial-callout span small {
        font-size: 18px;
        bottom: 25px;
    }
}
@media only screen and (max-width: 479px) {
    a.testimonial-callout span small {
        display: none;
    }
}
@media only screen and (min-width: 641px) {
    .home-content {
        font-size: 1.3em;
        line-height: 1.6em;
        font-weight: 300;
        margin-bottom: 60px;
    }
    .inner-page-content {
        font-size: 1.1em;
        margin-bottom: 60px;
    }
    .video_player {
        padding: 4% 4% 26%;
        background: url('/wp-content/uploads/mac-screen.png') center top no-repeat;
        background-size: 100%;
        position: relative;
        display: block;
    }
    .video_player .click_to_play {
        position: absolute;
        bottom: 30px;
        left: 0;
        z-index: 10;
    }
}


@media only screen and (max-width: 1199px) {
    .video_player .click_to_play {
        width: 138px;
    }
    .quote-block .panel-grid-cell,
    .quote01 .panel-grid-cell{
        width: 100%!important;
    }
    .why-copywriting01.panel-row-style, .quote-block.panel-row-style,
    .quote01.panel-row-style{
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .homev4f1.quote01 img{
        display: none!important;
    }
    .quote01 .panel-grid-cell:nth-of-type(2){
        height: auto;
        padding:20px!important;
    }

}

@media only screen and (max-width: 640px) {
    .video_player {
        background: none;
        padding: 0;
    }
    .video_player .click_to_play {
        display: none;
    }
}
    .video_player .click_to_play {
        background: transparent !important;
    }

/*Home Hand Animations*/
.animated {
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

.iw-so-accordion .iw-so-acc-item .iw-so-acc-title span {
    top: 6px;
    font-size: initial;
}
@media screen and (min-width: 768px) {
    .iw-so-accordion .iw-so-acc-item .iw-so-acc-title {
        font-size: 1.4em;
        font-weight: 700;
        padding: 0.8em 1em;
        padding-left: 3em !important;
    }
    .home-hero-row .panel-grid-cell .panel-first-child {
        margin-bottom: 0 !important;
        display: none;
    }
}
.home-hero-row {
    position: relative;
}

.hero-slider .hero-caption {
    width: 50%;
    margin-left: 25px;
    margin-top: 10%;
}

.hero-slider .hero-caption > h2 {
    border-bottom: 2px solid transparent;
    display: block;
    margin: 0 !important;
}
.hero-slider h4 {
    margin: 0 !important;
}
.hero-slider .hero-caption > .black-bg + h4 {
    border-top: 2px solid transparent;
    display: block;
}

.hero-slider h2 a {
    color: #fff;
    top: 120px;
    text-shadow: 2px 2px 2px #000;
    padding: 8px 20px;
    background: rgba(0,0,0,0.5);
    margin: 0 !important;
    display: table;
    width: 100%;
}
.hero-slider h4 a {
    color: #fff;
    padding: 8px 20px;
    font-weight: 300;
    font-size: 21px;
    margin: 0 !important;
    background: rgba(0,0,0,0.5);
    display: table;
    width: 100%;
}
.hero-slider h4 span {
    font-size: 1.3em;
    padding-left: 0.6em
}
.home-hero-row .black-bg {
    background: rgba(0,0,0,0.5);
    color: #fff;
    margin: 0;
    padding: 15px 0;
    border-bottom: 2px solid transparent;
}
.home-hero-row .black-bg .ticks {
    padding: 0;
    margin: 0;
}
.home-hero-row .black-bg .ticks li {
    padding-left: 30px;
    line-height: 1.3em;
    font-size: 21px;
    list-style: none;
}
.home-hero-row .black-bg .ticks li:before {
    font-family: 'FontAwesome';
    content: "\f00c";
    font-size: 1em;
    padding-right: 10px;
}

.hero-slider .sow-slider-image-container a {
    color: #fff
}

.hero-slider .sow-slider-image-container a:hover span.good-dog, .hero-slider .sow-slider-image-container a:hover+a span.good-dog {
    /*color: #f00*/
    text-shadow: 2px 2px 2px #ec2028;
}

.call_to_action_buttons {
    width: 90%;
    max-width: 767px;
    /*margin: 0 auto;*/
    margin-left: 5%;
    text-align: center;
    display: table;
    pointer-events: all;
}
.call_to_action_buttons > div {
    width: 50%;
    max-width: 480px;
    padding: 0 5px;
    display: table-cell;
}

.cta-shapes {
    position: relative;
    width: 41.66666666666667%;
    width: calc(41.667% - 50px);
    margin-left: 50%;
    float: left;
    pointer-events: all;
}
aside#blueball, aside#redball, aside#greyball {
    position: absolute;
}
aside#blueball, aside#redball, aside#greyball, .call_to_action_buttons > div {
    -webkit-transition: all .15s ease-in 0s;
    -moz-transition: all .15s ease-in 0s;
    -o-transition: all .15s ease-in 0s;
    -ms-transition: all .15s ease-in 0s;
    transition: all .15s ease-in 0s;
}
aside#blueball:hover, aside#redball:hover, aside#greyball:hover, .call_to_action_buttons > div:hover {
    transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    -webkit-transform: rotate(-4deg);
}

@media screen and (min-width: 1470px) {
    aside#redball {
        right: -10%;
        top: -140px;
        width: 50%;
    }
    aside#blueball {
        right: 0%;
        top: -330px;
        width: 55%;
    }
    aside#greyball {
        right: 40%;
        top: -170px;
        width: 35%;
    }

}
@media screen and (min-width: 1280px) and (max-width: 1469px) {
    aside#redball {
        right: 5%;
        top: -140px;
        width: 50%;
    }
    aside#blueball {
        right: 10%;
        top: -330px;
        width: 55%;
    }
    aside#greyball {
        right: 55%;
        top: -170px;
        width: 35%;
    }

}
@media screen and (min-width: 1200px) and (max-width: 1279px) {
    .cta-shapes {
        width: 48%;
        width: calc(50% - 50px);
    }
    aside#redball {
        right: 0%;
        top: -110px;
        width: 50%;
    }
    aside#blueball {
        right: 5%;
        top: -330px;
        width: 48%;
    }
    aside#greyball {
        right: 40%;
        top: -150px;
        width: 35%;
    }

}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .cta-shapes {
        width: 48%;
    }
    aside#redball {
        right: 3%;
        top: -150px;
        width: 48%;
    }
    aside#blueball {
        right: 8%;
        left: auto;
        top: -320px;
        width: 50%;
    }
    aside#greyball {
        left: auto;
        right: 57%;
        top: -200px;
        width: 32%;
    }

}
@media screen and (min-width: 860px) and (max-width: 991px) {
    .cta-shapes {
        width: 48%;
        width: calc(50% - 50px);
    }
    aside#redball {
        right: 3%;
        top: -130px;
        width: 50%;
    }
    aside#blueball {
        right: 8%;
        left: auto;
        top: -330px;
        width: 55%;
    }
    aside#greyball {
        left: auto;
        right: 54%;
        top: -200px;
        width: 32%;
    }

}
@media screen and (min-width: 768px) and (max-width: 859px) {
    .cta-shapes {
        width: 48%;
        width: calc(50% - 50px);
    }
    aside#redball {
        right: 3%;
        top: -130px;
        width: 50%;
    }
    aside#blueball {
        right: 8%;
        left: auto;
        top: -330px;
        width: 60%;
    }
    aside#greyball {
        left: auto;
        right: 50%;
        top: -190px;
        width: 35%;
    }

}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .hero-slider h2 {
        font-size: 0.8em;
    }
    .hero-slider h4 {
        font-size: 0.8em;
    }

    .call_to_action_buttons {
        width:  80%;
    }
    .cta-shapes {
        width: 48%;
        margin-right: 30px;
    }
    .home-hero-row .black-bg .ticks li {
        font-size: 13px;
    }
}

@media screen and (max-width: 767px) {

    .hero-slider .hero-caption {
        width: 90%;
        margin: 10px auto;
    }
    body.website-design .sow-slider-base ul.sow-slider-images li.sow-slider-image, body.online-store .sow-slider-base ul.sow-slider-images li.sow-slider-image {
        height: auto !important;
        min-height: 300px;
    }
    body.full-services .sow-slider-base ul.sow-slider-images li.sow-slider-image, body.privacy-policy-terms-conditions .sow-slider-base ul.sow-slider-images li.sow-slider-image, body.sla .sow-slider-base ul.sow-slider-images li.sow-slider-image {
        height: auto !important;
        min-height: 330px;
    }
}
.home-hero-row .call-to-actions {
    width: 100%;
    max-width: 1280px;
    margin: -110px auto 0;
    z-index:2;
    pointer-events:none
}

.home-hero-row .panel-last-child, .home-hero-row .panel-last-child > div, .home-hero-row .panel-last-child div.textwidget, .header-form, body.website-design .sow-slider-base, body.online-store .sow-slider-base, body.full-services .sow-slider-base, body.privacy-policy-terms-conditions .sow-slider-base, body.sla .sow-slider-base {
    pointer-events: none;
}
.home-hero-row .panel-last-child aside, .home-hero-row .panel-last-child .call_to_action_buttons div, .header-form form {
    pointer-events: all;
}

.home-hero-row .panel-grid-cell > div {
    z-index: 100;
    position: relative;
}
.home-hero-row .panel-grid-cell > div+div {
    z-index: 999;
}
.sow-slider-base .sow-slider-pagination li {
    margin: 0 3px;
}

#gform_confirmation_message_1, #gform_confirmation_message_2, #gform_confirmation_message_9{
    color: #FFF;
}

#gform_confirmation_message_9{
    padding-top: 15px;
}
.contact-header .sow-sub-headline a {
    position: relative;
    margin-right: 6.5%;
}
body.contact-sites-n-stores .contact-header .sow-sub-headline a {
    margin-right: 0 !important;
}
.contact-header .sow-sub-headline a small {
    font-family: "gooddog-new", sans-serif;
    color: #000;
    padding-left: 0.5em;
    font-size: 0.5em;
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
    position: absolute;
    bottom: 10px;
    left: 100%;
    white-space: nowrap;
}

@media screen and (min-width: 768px) {
    .hero-image {
        height: 46vh;
        min-height: 400px;
    }
}
@media screen and (max-width: 767px) {
    .hero-image {
        height: auto;
        min-height: 300px;
    }
    body.home .home-hero-row > div > div {
        margin-bottom: 0 !important;
    }
    body.home .home-hero-row > div {
        padding-bottom: 10px !important;
    }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .hero-image {
        height: 40vh;
    }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .hero-image {
        height: 55vh;
        min-height: 420px;
    }
}
/*@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    .hero-image {
        height: 55vh;
        min-height: 420px;
    }
}*/

@media screen and (max-device-width: 568px) {
    .jp-card .jp-card-front .jp-card-lower .jp-card-number {
        font-size: 21px !important;line-height: 24px
    }
}

#gform_wrapper_2.gform_wrapper, #gform_wrapper_15.gform_wrapper {
    margin: 0 !important;
}
#gform_wrapper_2.gform_wrapper ul li.gfield, #gform_wrapper_15.gform_wrapper ul li.gfield {
    margin-top: 0;
}
#gform_wrapper_2.gform_wrapper li.gfield.gfield_error, #gform_wrapper_2.gform_wrapper #gform_2 li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning,
#gform_wrapper_15.gform_wrapper li.gfield.gfield_error, #gform_wrapper_15.gform_wrapper #gform_15 li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: transparent !important;
    margin-bottom: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    /*padding: 0 4px 0 0 !important;*/
}
#gform_wrapper_2.gform_wrapper .validation_message, #gform_wrapper_15.gform_wrapper .validation_message {
    display: none;
    margin: 0 !important;
    padding: 0 !important;
}
#gform_wrapper_2.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, #gform_wrapper_2.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label,
#gform_wrapper_15.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, #gform_wrapper_15.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label  {
    margin-top: 8px !important;
    margin-bottom: 0px !important;
}
#gform_wrapper_2.gform_wrapper li input, #gform_wrapper_15.gform_wrapper li input {
    margin-bottom: 0 !important;
}

.banner,
.banner_frame {
    position: relative;
    overflow: hidden
}

.banner_wrapper {
    line-height: 0;
    margin: 0 0 20px
}

.banner,
.custom-banners-cycle-slideshow .banner_wrapper {
    margin: 0
}

.banner {
    background-size: cover;
    box-sizing: content-box;
    max-height: 100%;
    max-width: 100%
}

.custom-banners-cycle-slideshow {
    margin: 0 0 20px;
    box-sizing: border-box;
}

.custom-banners-cycle-slideshow *{
    box-sizing: border-box;
}


.banner_wrapper .banner > img {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    display: block;
    height: auto;
    margin: 0 auto;
    padding: 0;
    width: auto;
}

.banner_frame {
    display: inline-block
}

.custom_banners_slide_full_width {
    max-width: none!important;
    max-height: none!important;
    width: 100%!important;
    height: auto!important
}

.custom_banners_slide_full_height {
    max-width: none!important;
    max-height: none!important;
    width: auto!important;
    height: 100%!important
}

.banner_frame>img {
    bottom: -9999px;
    height: auto;
    left: -9999px;
    margin: auto;
    position: absolute;
    right: -9999px;
    top: -9999px;
    width: auto
}

.banner_wrapper .banner img {
    border: 0;
    border-radius: 0;
    box-shadow: none
}

@media only screen and (max-width:500px) {
    .banner.has_cta .banner_caption_inner {
        /* display: none */
    }
    .testi-last-block a{
        width: 90%;
        font-size: 16px;
    }
}

.rotatingBannerWidget .banner {
    border: none
}

.banner .custom_banners_big_link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999
}

.banner_caption iframe {
    position: relative;
    z-index: 9999
}

.banner .banner_caption {
    line-height: 1;
    background-image: url(/wp-content/themes/roots-master/assets/img/black_70.png);
    color: #FFF;
    padding: 20px;
    position: absolute;
    left: 0;
    right: 0
}

.banner .banner_caption_text {
    display: inline-block;
    line-height: 1.25;
}

.banner.bottom .banner_caption {
    bottom: 0
}

.banner.left .banner_caption {
    top: 0;
    right: auto;
    bottom: 0;
    width: 30%
}

.banner.right .banner_caption {
    top: 0;
    left: auto;
    bottom: 0;
    width: 30%
}

.banner.top .banner_caption {
    top: 0
}

.banner.bottom.has_cta .banner_caption,
.banner.top.has_cta .banner_caption {
    padding: 20px
}

.banner.left .banner_call_to_action,
.banner.right .banner_call_to_action {
    float: none;
    text-align: center;
    top: auto;
    margin: 0 0 15px;
    bottom: 15px;
    right: 15px;
    left: 15px
}

.banner.left .banner_call_to_action .banner_btn_cta,
.banner.right .banner_call_to_action .banner_btn_cta {
    display: block
}

.banner.legacy_cta_position .banner_call_to_action {
    float: right;
    margin-left: 10px
}

.banner_call_to_action {
    display: inline-block;
    margin: 0 10px
}

.banner .banner_call_to_action .banner_btn_cta {
    background: orange;
    border: 1px solid #FF8C00;
    border-radius: 5px;
    color: navy;
    display: inline-block;
    font-weight: 700;
    margin: 0;
    padding: 6px 10px
}

.custom-banners-cycle-slideshow-default_style .custom-b-cycle-controls .custom-b-cycle-next,
.custom-banners-cycle-slideshow-default_style .custom-b-cycle-controls .custom-b-cycle-prev {
    color: #fff;
    font-size: 34px;
    font-weight: 700;
    height: 34px;
    margin-top: -42px;
    text-shadow: 1px 1px 1px #000;
    top: 50%;
    width: auto;
    z-index: 9999;
    cursor: pointer
}

.custom-banners-cycle-slideshow {
    overflow: hidden;
    position: relative;
    margin-bottom: 40px;
}

.custom-banners-cycle-slideshow .cycle-slide {
    right: 0;
    left: 0
}

.custom-b-cycle-controls {
    text-align: center
}

.custom-banners-cycle-slideshow .custom-b-cycle-controls a {
    border: 0 none;
    box-shadow: none;
}

.custom-b-cycle-controls .custom-b-cycle-prev {
    position: absolute;
    left: 12px
}

.custom-b-cycle-controls .custom-b-cycle-next {
    position: absolute;
    right: 12px
}

.custom-b-cycle-controls .custom-b-cycle-pager {
    bottom: 0;
    display: inline-block;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: center;
    width: auto;
    z-index: 9999
}

.custom-b-cycle-controls .custom-b-cycle-pager span {
    color: #ddd;
    cursor: pointer;
    font-size: 38px;
    line-height: 19px;
    opacity: .5
}

.custom-b-cycle-pager span a {
    display: none
}

.custom-b-cycle-pager span::after {
    content: "•"
}

.custom-b-cycle-pager span.cycle-pager-active {
    color: #D69746;
    opacity: 1
}

.custom-banners-cycle-slideshow-default_style .banner {
    box-sizing: border-box;
    margin-bottom: 40px;
}


.slider.slider-horizontal .slider-tick-label-container .slider-tick-label::selection {
    background: transparent;
}
.slider.slider-horizontal .slider-tick-label-container .slider-tick-label::-moz-selection {
    background: transparent;
}
.slider.slider-horizontal .slider-tick, .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
    cursor: pointer;
}

.slick-dots li button::before{
    color: #ffffff;
}

body.quote .phone-wrapper > .header-form, body.quote-example .phone-wrapper > .header-form, body.quote-funnels .phone-wrapper > .header-form, body.testimonial-example .phone-wrapper > .header-form, body.quote-newsletter .phone-wrapper > .header-form, body.quote-movement .phone-wrapper > .header-form, body.google-adwords01-offer-vic-chambers .phone-wrapper > .header-form {
    display: none !important;
}

.home-email-catcher_wrapper div.gform_body {
    width: 100% !important;
    max-width: 100% !important;
}
.home-email-catcher_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    font-size: 30px !important;
}
.home-email-catcher_wrapper .gform_footer input.button, .home-email-catcher_wrapper .gform_footer input[type=submit] {
    background: #ec2028;
    color: #fff;
    font-size: 28px !important;
    border: 0;
    line-height: 50px;
    padding: 0 24px;
}

.gform_wrapper #gform_12 .field_sublabel_below .ginput_complex.ginput_container label {
    display: none;
}

body.home-12-questions-free-pdf header .phone-wrapper .form1 {
    display: none !important;
}
body.home-12-questions-free-pdf header .phone-wrapper .form2 {
    display: block !important;
}

/* Home Text Carousel Styling */

.hero-text-carousel h3, .hero-text-carousel h2 {
color: #fff;
text-shadow: 2px 1px 2px #000;
text-shadow: 2px 1px 2px rgba(0,0,0,0.5);
}
.hero-text-carousel .lsow-container ul.slick-dots li button {
    background: #fff;
    border: 1px solid #fff !important;
}
.hero-text-carousel .lsow-container ul.slick-dots li button:hover, .hero-text-carousel .lsow-container ul.slick-dots li.slick-active button {
    background: #fff !important;
    border: 1px solid #fff !important;
}
.hero-text-carousel .lsow-container ul.slick-dots li.slick-active button {
    background: none !important;
    border-color: #fff !important;
    width: 12px;
    height: 12px;
}
.hero-text-carousel .lsow-container button.slick-prev, .hero-text-carousel .lsow-container button.slick-next {
    color: #fff !important;
}

.hero-text-carousel strong.red-circle {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 20px;
    height: 20px;
    line-height: 17px;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    text-align: center;
    margin-right: 5px;
    vertical-align: top;
    margin-top: 3px;
}
.hero-text-carousel h4.h3 {
    font-weight: 300;
    font-size: 22px;
}
.hero-text-carousel h2.h1 {
    font-weight: bold;
}

.hero-text-carousel h5.h3 {
    display: table;
    text-align: left;
    margin: 0 auto !important;
}

.hero-text-carousel .lsow-carousel-item:focus {
    outline: none;
}

@media screen and (min-width: 1200px) {
    .hero-text-carousel h2.h1 {
        font-size: 54px;
    }
}

@media screen and (max-width: 767px) {
    .hero-text-carousel h3.h2, .hero-text-carousel h2.h1, .hero-text-carousel h5.h3, .hero-text-carousel h4.h3 {
        margin: 5px 0;
        padding: 0;
    }
    .hero-text-carousel ul.slick-dots {
        position: relative;
        bottom: 0;
    }

    .hero-text-carousel h3.h2 {
        font-size: 21px;
    }
    .hero-text-carousel h2.h1 {
        font-size: 28px;
        margin: 10px 0;
    }
    .hero-text-carousel h5.h3 {
        font-size: 18px;
    }
    .hero-text-carousel h4.h3 {
        font-size: 15px;
    }

    .hero-text-carousel strong.red-circle {
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        width: 16px;
        height: 16px;
        line-height: 14px;
        font-size: 13px;
        margin-top: 2px;
    }

    #gform_wrapper_16 .gform_footer input[type=image] {
        max-width: 240px;
        margin-bottom: 0 !important;
    }
    #gform_wrapper_16 {
        margin-bottom: 0 !important;
    }
    #gform_wrapper_16 .gform_footer {
        padding: 0 !important;
    }
}

@media screen and (max-width: 320px) {
    .hero-text-carousel h3.h2 {
        font-size: 20px;
    }
}

/* Form Styling for Found the Right Place form */
#gform_submit_button_10 {
    margin-right: 0;
}
@media only screen and (min-width: 641px) {
    .gform_wrapper form.gf_simple_horizontal#gform_wrapper_10 div.gform_body {
        width: 75% !important;
    }
    .gform_wrapper form.gf_simple_horizontal#gform_wrapper_10 div.gform_footer.top_label {
        width: 25% !important;
    }

    .inline_image_wrapper div.gform_body{
        width: 75% !important;
    }
    .inline_image_wrapper  div.gform_body, .inline_image_wrapper div.gform_footer.top_label {
        vertical-align: top !important;
    }
}

.home-hero-row.homev4f1 {
    position: relative;
}
.homev4f1 .homev4f1-caption {
    background: transparent url('/wp-content/uploads/black-box-arrows.png') 0 0 no-repeat;
    background-size: 100%;
    width: 1052px;
    height: 400px;
    box-sizing: border-box;
    padding: 85px 190px 0 350px;
    position: absolute;
    right: 0;
    top: 100px;
}
.homev4f1 .homev4f1-caption h2 {
    text-shadow: -2px 1px 2px rgba(0,0,0,0.2);
    font-size: 3em;
}
.homev4f1 .homev4f1-caption p {
    font-size: 1.5em;
}

.homev4f1 .cta-shapes {
    position: relative;
    width: 41.66666666666667%;
    width: calc(41.667% - 50px);
    margin-left: 50%;
    float: left;
    pointer-events: all;
}
aside#blue-splodge, aside#purple-splodge, aside#red-splodge {
    position: absolute;
}
aside#blue-splodge, aside#purple-splodge, aside#red-splodge, .call_to_action_buttons > div {
    -webkit-transition: all .15s ease-in 0s;
    -moz-transition: all .15s ease-in 0s;
    -o-transition: all .15s ease-in 0s;
    -ms-transition: all .15s ease-in 0s;
    transition: all .15s ease-in 0s;
}
aside#blue-splodge:hover, aside#purple-splodge:hover, aside#red-splodge:hover, .call_to_action_buttons > div:hover {
    transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    -webkit-transform: rotate(-4deg);
}


.homev4f1 .call_to_action_buttons {
    width: 90%;
    max-width: 767px;
    /*margin: 0 auto;*/
    margin-left: 5%;
    text-align: center;
    display: table;
}
.homev4f1 .call_to_action_buttons > div {
    width: 33.33%;
    max-width: 480px;
    padding: 0 5px;
    display: table-cell;
}

a.btn-lounge {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    display: inline-block;
    text-transform: uppercase;
    color: #c62230;
    padding: 3px 10px;
    border: 2px solid #c62230;
    background: transparent;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    font-size: 11px;
}
a.btn-lounge i {
    border-right: 1px solid #c62230;
    padding-right: 10px;
    margin-right: 5px;
    line-height: 18px;
}
a.btn-lounge:hover
{
    background: #c62230;
    color: #fff;
}
a.btn-lounge:hover i
{
    border-color: #fff;
}

.header-contact{
    display: flex;
    align-items: center;
}

.header-main{
display: grid;
    grid-template-columns: 1fr 3fr 2fr;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .header-content {
        text-align: center;
    }
    a.btn-lounge {
        float: none;
        margin: 0 auto 10px;
        font-size: 14px;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    a.btn-lounge {
        float: right;
    }
}
@media screen and (min-width: 992px) and (max-width: 1599px) {
    a.btn-lounge {
        float: none;
    }
}
@media screen and (min-width: 768px) and (max-width: 1599px) {
    a.btn-lounge {
        font-size: 14px;
        padding: 3px 8px;
        margin-right: 0;
    }
}

 .footer-widget .menu li.menu-home a
  {
  font-weight: bold;
  }
 footer .social
  {
  color:#344d94;
  }
 #footer .footer-social .sow-social-media-button
 {
font-size: 16px;
padding: 6px;
margin-right:0.8em;
     transition: all 0.4s ease 0s;
 }
#footer .footer-social .sow-social-media-button-facebook:hover
  {
     background:#3a5795!important;
     border-color:#3a5795!important;
  }
  #footer .footer-social .sow-social-media-button-twitter:hover
  {
background:#78bdf1!important;
border-color:#78bdf1!important;
  }
  #footer .footer-social .sow-social-media-button-linkedin:hover
  {
background:#0177b4!important;
border-color:#0177b4!important;
  }
  #footer .footer-social .sow-social-media-button-google-plus:hover
  {
background:#dd4b39!important;
border-color:#dd4b39!important;
  }
 #footer .ginput_container input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-style: italic;
}
#footer .ginput_container input::-moz-placeholder { /* Firefox 19+ */
  font-style: italic;
}
#footer .ginput_container input:-ms-input-placeholder { /* IE 10+ */
  font-style: italic;
}
#footer .ginput_container input:-moz-placeholder { /* Firefox 18- */
  font-style: italic;
}

#footer .gform_wrapper .gform_footer{
    padding-top: 0;
}

#footer .ginput_container input
{
    padding: 7px 15px;
    font-size: 18px;
    font-weight: 500;
    border-radius: 25px;
    border: none;
    outline: none;
    background: #c2c2c2;
}
#footer #gform_widget-2 .gform_button
{
    background-color: rgb(194 194 194);
    border-radius: 50px;
    padding: 8px 60px;
    border: none;
    text-transform: uppercase;
    color: #000000;
    font-weight: bold;
    width: 100%;
    font-size: 18px;
    outline: none;
}

#footer #gform_widget-2 .gform_button:hover{
    background: #000000;
    color: #ffffff;
}

#gform_widget-2 .gfield input::-moz-placeholder
{
    font-style: italic;
}
@media (max-width: 767px) {
 footer
 {
    background-size: cover!important; 
 }   
}
@media (min-width:1921px){
  footer
  {
  background-size: cover;
  }
}
@media (min-width: 768px) and (max-width: 880px){
    a.btn-lounge
    {
        padding: 4px 10px;
        font-size: 12px;
    }
}
@media (min-width: 992px) and (max-width: 1199px){
    a.btn-lounge
    {
        padding: 3px 20px;
        font-size: 13px;
        margin-bottom: 5px;
    }
}
/*
Copied from customiser
*/
.home header.banner
{
    margin-bottom: 0;
}
#homev5 .video_player
{
background: none;
padding: 50px 4% 26%;
}
body.home
{
font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 1.7em;
font-weight: 400;
    color: #4d4d4d;
    overflow-x: hidden;
} 
.yrm-content p{
}
.home h1
{
color: #000;
font-weight: 900;
font-size: 29px;
font-family: 'Lato', sans-serif;
letter-spacing: 1px;
margin-bottom: 16px;
}

#homev5 .welcome-text img
{
margin-top: 12px;
transform: translate3d(0px, 0px, 0px);
}
#homev5 .welcome-text hr
{
max-width:100px;
border-top: 10px solid #344d94;
margin: 20px 0;
}
.page-id-3904 .page-header
{
display:none;
}
#homev5 .method1 h3
{
text-transform: uppercase;
color: #000;
font-family: 'Montserrat', sans-serif;
font-weight: 900;
font-size: 30px;
line-height: 1.5;
margin-bottom: 25px;
}
#homev5 .method1 p
{
margin-bottom: 20px;
color:#000000;
}
#homev5 .method2 p, #homev5 .method3 p{
    color:#000000;
}
#homev5 .method1 h4
{
text-transform: uppercase;
line-height: 1.5;
color: #000;
font-weight: 900;
margin-bottom: 20px;
}

.homev5method2 img{
    mix-blend-mode: multiply;
    margin-top: -50px;
    margin-bottom: -50px;
}

#homev5 .method1 p a.find-out-more-blue
{
text-transform: uppercase;
color: #344d94;
padding: 10px 35px;
border-radius: 50px;
border: 2px solid #344d94;
font-family: 'Montserrat', sans-serif;
font-weight: 900;
display: inline-block;
margin-top: 15px;
}
#homev5 .method2 h3
{
    text-transform: uppercase;
    color: #000;
    /* font-family: 'Montserrat', sans-serif; */
    font-weight: 700;
    font-size: 30px;
    line-height: 1.5;
}
#homev5 .method2 p
{
margin-bottom: 20px;
font-size: 18px;
}
#homev5 .method2 h4
{
text-transform: uppercase;
color: #000;
font-weight: 900;
margin-bottom: 20px;
line-height: 1.5;
}

#homev5  p a.blue{
    color:#344d94;
}

#homev5  p a.violet{
    color:#000000;
}

#homev5  p a.yellow{
    color:#ffcc00;
}

#homev5  p a{
    font-weight: 700;
}

.homev5welcome #pgc-3904-1-1{
    position: relative;
    padding-bottom: 21px;
}

.homev5welcome h2{
    font-family: 'dklemonfont';
    font-weight: normal;
    font-size: 48px;
    color: #ffffff;
}

.homeblock1 h2, .homeblock1 h1{
    font-family: 'dklemonfont';
    font-weight: normal;
    font-size: 48px;
    color: #ffffff;
}

.homeblock1 .gform_confirmation_message{
    background: rgb(255 255 255 / 80%);
    margin: 0 auto;
    padding: 10px;
    text-align: center;
    color: #2f4d96!important;
    font-weight: bold;
    max-width: 400px;
}

.homeblock1 .gform_confirmation_message p{
    margin-bottom: 0;
    line-height: 1.2;
}

.header-content{
    display: flex;
    justify-content: flex-end;
}

.homeblock1 .gform_wrapper form{
    width: 100%;
    max-width: 500px;
}

.testimonial-sec .panel-grid-cell,
.homev5method3 .panel-grid-cell{
    z-index: 9;
}

.homeblock1 .gform_wrapper form input{
    border-radius: 25px;
    padding: 8px 10px!important;
    outline: none;
    border: 2px solid #a6a6a6!important;
}

.homeblock1 .gform_wrapper form #gform_submit_button_2{
    border: none!important;
    text-transform: uppercase;
    color: #ffffff;
    padding: 10px 35px!important;
    border-radius: 50px;
    border: 2px solid #c70000;
    font-weight: 600;
    display: inline-block;
    margin-top: 15px;
    background: #c70000;
}

.homeblock1 .gform_wrapper form #gform_submit_button_2{
    transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
}

.homeblock1 .gform_wrapper form #gform_submit_button_2:hover{
    background: #ed1f24;
}

.homeblock1 .gform_wrapper form li{
    padding:0!important;
    margin-left: 0!important;
    list-style-type: none!important;
    list-style-image: none!important;
    list-style: none!important;
    overflow: visible;
}

.ice-cream img{

}

.homeblock2 .panel-grid-cell:nth-of-type(2){
    position: relative;
    padding-bottom: 0;
}

.three-button{
    margin-top: -160px;
}

.homeblock2 h2{
    position: relative;
}

.homev5welcome h2 strong{
    font-family: 'Lato', sans-serif;
    color: #ffffff;
}

.homev5welcome h2:after{
content: url(/wp-content/themes/roots-master/assets/img/arrow.png);
    position: absolute;
    right: -60px;
    top: -10px;
    background-size: contain;
}

.homev5welcome  p{
    color:#ffffff;
    font-size: 18px;
}

.homev5welcome .ice-cream{
    position: absolute;
    top: 135px;
    left: 170px;
}

.homev5method1 h2{
    color:#000000;
}

.homev5method1 h4{

}

.homev5method1 p{
    font-size: 18px;
}

#homev5 p a:hover{
    text-decoration: underline;
}

#homev5 .method2 p a.find-out-more-violet
{
text-transform: uppercase;
color: #92278f;
padding: 10px 35px;
border-radius: 50px;
border: 2px solid #92278f;
font-family: 'Montserrat', sans-serif;
font-weight: 900;
display: inline-block;
margin-top: 15px;
}
#homev5 .method3 h3
{
    text-transform: uppercase;
    color: #000;
    /* font-family: 'Montserrat', sans-serif; */
    font-weight: 700;
    font-size: 30px;
    line-height: 1.5;
}

.cta-button-blue{
    text-transform: uppercase;
    color: #ffffff;
    padding: 10px 35px;
    border-radius: 50px;
    border: 2px solid #334b91;
    /* font-family: 'Montserrat', sans-serif; */
    font-weight: 600;
    display: inline-block;
    margin-top: 15px;
    background: #334b91;
}

.cta-button-center{
    text-align: center;
}

.cta-button-right{
    text-align: right;
}

.cta-button-red{
    text-transform: uppercase;
    color: #ffffff;
    padding: 10px 35px;
    border-radius: 50px;
    border: 2px solid #cf0702;
    /* font-family: 'Montserrat', sans-serif; */
    font-weight: 600;
    display: inline-block;
    margin-top: 15px;
    background: #cf0702;
}

.cta-button-blue:hover,
.cta-button-red:hover{
    background:#464646;
    border: 2px solid #464646;
    color:#ffffff;
}



#homev5 .method3 p
{
margin-bottom: 20px;
font-size: 18px;
}
#homev5 .method3 h4
{
text-transform: uppercase;
color: #000;
line-height: 1.5;
font-weight: 900;
margin-bottom: 20px;
}
#homev5 .method3 p a
{
text-transform: uppercase;
color: #ffcc00;
padding: 10px 35px;
border-radius: 50px;
border: 2px solid #ffcc00;
font-family: 'Montserrat', sans-serif;
font-weight: 900;
display: inline-block;
margin-top: 25px;
}
#homev5.dsm
{
position:relative;
}
#homev5 .dsm-logo
{
position:absolute;
top: -40px;
}
#homev5 .dsm-logo .so-widget-image
{
    max-height: 80px;
}
#homev5 .method1-img .so-widget-image
{
    max-width:600px;
}
#homev5 .method2-img .so-widget-image
{
    max-width:600px;
}

.dsm .dsm-image .so-widget-image
{
    max-width:650px;
}
#homev5 .testimonials-title hr
{ 
    border-top: 9px solid #ed1c24;
max-width: 100px;
margin: 25px auto;
}
#homev5 .testimonials-title h3
{
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1.5;
    color: #000;
    letter-spacing: 1px;
    font-size: 40px;
    font-family: 'Lato', sans-serif;
}
.home main.main {
    padding-bottom: 0!important;
}
#homev5 .testimonial-video .video_player
{
padding:0;
}

.testimonial-sec{
    position: relative;
}

.testimonial-sec:before{
    content: url(/wp-content/themes/roots-master/assets/img/yellowimagevector.png);
    position: absolute;
    top: -75px;
    left: -150px;
}

.testimonial-sec .widget_black_studio_tinymce{
    margin-bottom: 0!important;
}

.testimonial-sec .testimonial-image img{
    margin-bottom: -300px;
}

.three-button a{
    transition: all ease-in-out 0.2s;
}

.three-button a:hover{
    transform: rotate(-6deg);
}

@media (max-width: 1600px) {
    .ice-cream img{
        width: 200px;
    }
    .stellarnav > ul > li > a{
        padding: 10px 2px!important;
        font-size: 13px!important;
    }
    #homev5 .method3-img .so-widget-image {
    width: 100%!important;
}
#homev5 .method2-img .so-widget-image {
     width: 100%!important;
}
#homev5 .method1-img .so-widget-image {
     width: 100%!important;
}
.dsm .dsm-image .so-widget-image {
    width: 100%!important;
}
}

@media (max-width: 1500px) {
    .ice-cream img{
        width: 170px;
    }
}

@media (max-width: 1400px) {
    .ice-cream img{
        display: none;
    }
    .ace-responsive-menu>li.menu-websites{
        background: url(/wp-content/themes/roots-master/assets/img/blue-shape-sml.png) left no-repeat;
        min-width: 110px;
        background-size: contain;
    }
    .ace-responsive-menu>li.menu-online-stores{
        background: url(/wp-content/themes/roots-master/assets/img/red-shape-sml.png) left no-repeat;
        min-width: 124px;
        background-size: contain;
    }
    .logo-wrapper img{
        max-width: 150px;
    }
    .right-sec-1 img{
        max-width: 100px;
    }
    .right-sec-2 img{
        max-width: 60px;
    }
    a.btn-lounge{
        font-size: 10px;
        padding: 3px 5px;
    }
}

@media (max-width: 1296px) {
    .header-main{
        grid-template-columns: 1fr 4fr 1fr;
    }
    .header-phone{
        font-size: 14px;
    }
    .right-sec-1,.right-sec-2{
        display: none;
    }
}

/*NEW INNER PAGE CSS MOBILE LAYOUT*/

/*INNER PAGE FONTS TITLE*/

.newinnerpagearea h2{
    font-family: helvetica;
    font-size: 30px;
    color: black;
    font-weight: 400;
}

.newinnerpagearea h1{
    font-family: helvetica;
    font-size: 58px;
    color: black;
    font-weight: 400;
}

.page-id-1788 .main h2,
.page-id-6666 .main h2,
.newinnerpage h2,
.newinnerpage h1{
    font-family: helvetica;
    font-size: 58px;
    color: black;
    font-weight: 400;
}



.page-id-1788 .main p,
.page-id-6666 .main p,
.newinnerpage p,
.single .entry-content p,
.newinnerpagearea p{
    font-family: helvetica;
    color: #000000;
    font-size: 14px;
}

.newinnerpage .cta-button-red,
.newinnerpage .cta-button-blue{
    color:#ffffff;
}

.newinnerpage p a{
     color: #000000;
}

/*END OF INNER PAGE FONTS TITLE*/

header{
    box-shadow: none;
}

#showTestimonial{
    cursor: pointer;
}

#testimonial-wrapper{
    margin-top: -340px;
    background: rgba(255,255,255,0.9);
}

@media (max-width: 1170px) {

    .three-button{
        display: none!important;
    }
    .page-id-1788 .panel-grid .panel-row-style,
    .page-id-6666 .panel-grid .panel-row-style,
    .newinnerpage .panel-grid .panel-row-style,
    .newinnerpage, .newinnerpagearea{
        flex-direction: column;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
    }
    .page-id-1788 .panel-grid .panel-row-style .panel-grid-cell,
    .page-id-6666 .panel-grid .panel-row-style .panel-grid-cell,
    .newinnerpage .panel-grid-cell, .newinnerpagearea .panel-grid-cell{
        width: 100%!important;
        padding:20px 20px 0!important;
    }
    .main p br,
    .newinnerpage p br{
        display: none;
    }
    .newinnerpage h1,
    .main h2,
    .newinnerpage h2{
        font-size: 30px!important;
    }
    .page-id-1788 .main .sow-image-container img,
    .page-id-6666 .main .sow-image-container img,
    .newinnerpage .sow-image-container img{
        max-width: 250px!important;
        margin: 0 auto!important;
    }
}

@media (max-width: 1024px) {
    header.banner{
        padding-bottom: 0!important;
    }
    .mobile-header-only .right-sec-3{
        text-align: right;
    }
    .mobile-header-only .phone-wrapper{
        width: 100%;
    }
    .mobile-header-only .header-contact{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .right-sec-1, .right-sec-2{
        display: block;
    }
    .mobile-header-only{
        display: block;
    }
    .desktop-header-only{
        display: none;
    }
    .newinnerpagearea h1{
        font-size: 36px;
    }
    .mobile-header-only #main-nav a:nth-of-type(2),
    .mobile-header-only #main-nav a:nth-of-type(3){
        display: none!important;
    }
    .right-sec-1.right-sec-2{
        display: block;
    }
}

/*END OF NEW INNER PAGE CSS MOBILE LAYOUT*/

@media (max-width: 767px) {

.mobile-header-only .header-content{
    transition: top 0.2s ease-in-out;
 }

.nav-up .header-content{
    top:-60px;
    transition: top 0.2s ease-in-out;
}

.nav-down .header-content{
    top: 0;
    position: fixed;
    width: 100%;
    background: #ffffff;
    transition: top 0.2s ease-in-out;
}

#homev5 .video_player {
    background: none;
    padding: 10px 4% 10px!important;
} 
.cta-button-right{
    text-align: left;
}
}

#homev5 .method3 p a:hover
{
    color: #fff;
    background: #ffcc00;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
#homev5 .method2 p a.find-out-more-violet:hover
{
    color: #fff;
    background: #92278f;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    text-decoration: none;
}
#homev5 .method1 p a.find-out-more-blue:hover
{
    color: #fff;
    background: #344d94;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    text-decoration: none;
}
#homev5 .method3 p a,#homev5 .method2 p a,#homev5 .method1 p a
{
transition: color 0.4s ease 0s
}
@media (max-width: 767px) {
    #homev5 .dsm-logo {
    position: relative!important;
    top: auto!important;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
    .homev5method1
    {
        display: block!important;
    }
    .homev5method1 .method1
    {
        padding: 20px!important;
    }
    .homev5method1 > .panel-grid-cell
    {
         width: 100%!important;
    }
        .homev5method2
    {
        display: block!important;
    }
    .homev5method2 .method2
    {
        padding: 20px!important;
    }
    .homev5method2 > .panel-grid-cell
    {
         width: 100%!important;
flex-direction: column-reverse;
    }
        .homev5method3
    {
        display: block!important;
    }
    .homev5method3 .method3
    {
        padding: 20px!important;
    }
    .homev5method3 > .panel-grid-cell
    {
         width: 100%!important;
    }
    .homev5dsm
    {
        display: block!important;
    }
        .homev5dsm .dsmtext
    {
        padding: 20px!important;
    }
    .homev5dsm > .panel-grid-cell
    {
         width: 100%!important;
    }
}

.slick-slide > div
{
    margin: 35px 30px;
}
.slick-slide.slick-current.slick-active.slick-center > div
{
     border:5px solid #000;
}
.more-testimonials .ow-button-base a
{
text-transform: uppercase;
font-weight: 600;
padding: 10px 45px;
border-radius: 50px;
color: #fff;
transition: all 0.4s ease 0s;
margin-top: 25px;
}
.more-testimonials .ow-button-base a:hover{
    background: #344d94 !important;
border-color: #344d94 !important;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .method2 h3{
        margin-top: 20px;
    }
    .homev5method1, .homev5method2, .homev5method3{
        padding:15px!important;
    }
        .homev5welcome
    {
        display: block!important;
    }
    .homev5welcome > .panel-grid-cell
    {
         width: 100%!important;
    }
        .homev5welcome .welcome-video,.homev5welcome .welcome-text
    {
        padding: 20px!important;
    }
}

.center-slick:after {
        right: 0;
        background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    }
.center-slick:before {
        background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    }
.wistia_mouseover > div:first-child
{
    background-color: transparent!important;
}

.welcome-video .textwidget .wistia_responsive_wrapper
{
    border: 5px solid #000;
}
.footer-widget .gform_wrapper div.validation_error
{
    color: #fff;
    margin-bottom: 0;
border-top: none;
border-bottom: none;
padding: 0;
}
.online-store-v02 .textwidget h2
{
text-transform: uppercase;
font-weight: 900;
border-left: 4px solid #d00b06;
padding: 10px 0 10px 15px;
font-size: 25px;
margin-bottom: 30px;
line-height: 1.3;
color: #000;
}

.online-store-v02 .textwidget p a {
    color: #d00b06;
    font-weight: 700;
    text-decoration: none;
}
.online-store-v02 .textwidget p a:hover {
    text-decoration: underline;
}
.online-store-v02 .textwidget p a.get-estimate {
    text-transform: uppercase;
    color: #d00b06;
    padding: 10px 35px;
    border-radius: 50px;
    border: 2px solid #d00b06;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    display: inline-block;
    margin-top: 15px;
}
.online-store-v02 .textwidget p a.get-estimate:hover{
    color: #fff;
background: #d00b06;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
} 
.full-services .textwidget p a {
    color: #0d6336;
    font-weight: 700;
    text-decoration: none;
}
.full-services .textwidget p a:hover {
    text-decoration: underline;
}
.full-services .textwidget p a.get-estimate {
    text-transform: uppercase;
    color: #0d6336;
    padding: 10px 35px;
    border-radius: 50px;
    border: 2px solid #0d6336;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    display: inline-block;
    margin-top: 15px;
}
.full-services .textwidget p a.get-estimate:hover{
    color: #fff;
background: #0d6336;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
text-decoration: none;
} 
.full-services .textwidget h2
{
text-transform: uppercase;
font-weight: 900;
border-left: 4px solid #0d6336;
padding: 10px 0 10px 15px;
font-size: 25px;
color: #000;
margin-bottom: 30px;
line-height: 1.3;
}

.where-we-serve .header-form, .sydney .header-form, .melbourne .header-form, .brisbane .header-form, .perth .header-form, .adelaide .header-form, .gold-coast-tweed-heads .header-form, .newcastle-maitland .header-form,
.canberra-queanbeyan .header-form, .sunshine-coast .header-form, .wollongong .header-form, .hobart .header-form, .geelong .header-form, .townsville .header-form, .cairns .header-form, .darwin .header-form,
.toowoomba .header-form, .ballarat .header-form, .bendigo .header-form, .albury-wodonga .header-form, .launceston .header-form, .mackay .header-form, .rockhampton .header-form, .bunbury .header-form,
.bundaberg .header-form, .coffs-harbour .header-form, .wagga-wagga .header-form, .hervey-bay .header-form, .mildura-wentworth .header-form, .shepparton-mooroopna .header-form, .port-macquarie .header-form,
.gladstone-tannum-sands .header-form, .tamworth .header-form, .traralgon-morwell .header-form, .orange .header-form, .bowral-mittagong .header-form, .geraldton .header-form, .busselton .header-form,
.dubbo .header-form, .nowra-bomaderry .header-form, .bathurst .header-form, .warragul-drouin .header-form, .warrnambool .header-form, .albany .header-form, .kalgoorlie-boulder .header-form, .devonport .header-form{
    display: none;
}


.whatisgoogleadwords01 .widget_black-studio-tinymce,.domainreg01 .widget_black-studio-tinymce,.hosting01 .widget_black-studio-tinymce,.socialmediamarketing01 .widget_black-studio-tinymce,
.webmarketing01 .widget_black-studio-tinymce, .contentmarketing01 .widget_black-studio-tinymce, .paidsearch01 .widget_black-studio-tinymce, .mobiledesign01 .widget_black-studio-tinymce,
.mobilewebsite01 .widget_black-studio-tinymce, .mobilecommerce01 .widget_black-studio-tinymce, .seo01 .widget_black-studio-tinymce, .whatis-seo01 .widget_black-studio-tinymce,
.copywriting01 .widget_black-studio-tinymce, .whatis-copywriting01 .widget_black-studio-tinymce, .why-copywriting01 .widget_black-studio-tinymce, .webpage-copywriting01 .widget_black-studio-tinymce,
.advertising-copywriting01 .widget_black-studio-tinymce, .seocopywriting01 .widget_black-studio-tinymce, .logodesign01 .widget_black-studio-tinymce, .emailmarketing01 .widget_black-studio-tinymce,
.wordpress01 .widget_black-studio-tinymce{
        margin-bottom: 0px!important;
    }

.whatisgoogleadwords01.method2 p a.get-estimate, .whatisgoogleadwords01.method4 p a.get-estimate,.domainreg01.method2 p a.get-estimate, .domainreg01.method4 p a.get-estimate,
.hosting01.method2 p a.get-estimate, .hosting01.method4 p a.get-estimate,.socialmediamarketing01.method2 p a.get-estimate, .socialmediamarketing01.method4 p a.get-estimate,
.webmarketing01.method2 p a.get-estimate, .webmarketing01.method4 p a.get-estimate, .contentmarketing01.method2 p a.get-estimate, .contentmarketing01.method4 p a.get-estimate,
.paidsearch01.method2 p a.get-estimate, .paidsearch01.method4 p a.get-estimate, .mobiledesign01.method2 p a.get-estimate, .mobiledesign01.method4 p a.get-estimate,
.mobilewebsite01.method2 p a.get-estimate, .mobilewebsite01.method4 p a.get-estimate, .mobilecommerce01.method2 p a.get-estimate, .mobilecommerce01.method4 p a.get-estimate,
.seo01.method2 p a.get-estimate, .seo01.method4 p a.get-estimate, .whatis-seo01.method2 p a.get-estimate, .whatis-seo01.method4 p a.get-estimate,
.copywriting01.method2 p a.get-estimate, .copywriting01.method4 p a.get-estimate, .whatis-copywriting01.method2 p a.get-estimate, .whatis-copywriting01.method4 p a.get-estimate,
.why-copywriting01.method2 p a.get-estimate, .why-copywriting01.method4 p a.get-estimate, .webpage-copywriting01.method2 p a.get-estimate, .webpage-copywriting01.method4 p a.get-estimate,
.advertising-copywriting01.method2 p a.get-estimate, .advertising-copywriting01.method4 p a.get-estimate, .seocopywriting01.method2 p a.get-estimate, .seocopywriting01.method4 p a.get-estimate,
.logodesign01.method2 p a.get-estimate, .logodesign01.method4 p a.get-estimate, .emailmarketing01.method2 p a.get-estimate, .emailmarketing01.method4 p a.get-estimate,
.wordpress01.method2 p a.get-estimate, .wordpress01.method4 p a.get-estimate{
        margin-left: 40px;
    }



.page-id-4565 main.main, .page-id-4566 main.main, .page-id-4508 main.main, .page-id-4674 main.main, .page-id-4640 main.main, .page-id-4745 main.main,
.page-id-4809 main.main, .page-id-4840 main.main, .page-id-4878 main.main, .page-id-4976 main.main, .page-id-5042 main.main, .page-id-5067 main.main,
.page-id-5093 main.main, .page-id-5190 main.main, .page-id-5255 main.main, .page-id-5293 main.main, .page-id-5428 main.main, .page-id-5434 main.main,
.page-id-5441 main.main, .page-id-5448 main.main, .page-id-5465 main.main, .page-id-5492 main.main, .page-id-5494 main.main, .page-id-5496 main.main,
.page-id-5498 main.main, .page-id-5524 main.main, .page-id-5531 main.main, .page-id-5537 main.main, .page-id-5569 main.main, .page-id-5568 main.main,
.page-id-5570 main.main, .page-id-5590 main.main{
    padding-bottom: 0;
}

.page-id-4566 footer, .page-id-4508 footer, .page-id-4565 footer, .page-id-4674 footer, .page-id-4640 footer, .page-id-4745 footer,
.page-id-4809 footer, .page-id-4840 footer, .page-id-4878 footer, .page-id-4976 footer, .page-id-5042 footer, .page-id-5067 footer,
.page-id-5093 footer, .page-id-5190 footer, .page-id-5255 footer, .page-id-5293 footer, .page-id-5428 footer, .page-id-5434 footer,
.page-id-5441 footer, .page-id-5448 footer, .page-id-5465 footer, .page-id-5492 footer, .page-id-5494 footer, .page-id-5496 footer,
.page-id-5498 footer, .page-id-5524 footer, .page-id-5531 footer, .page-id-5537 footer, .page-id-5569 footer, .page-id-5568 footer,
.page-id-5570 footer, .page-id-5590 footer{
    margin-top: 0!important;
}
  

@media (min-width: 768px) and (max-width: 1199px){
    .online-store-v02 .panel-grid-cell,.adwords01 .panel-grid-cell,.copywriting01 .panel-grid-cell,.web-design .panel-grid-cell, .logodesign01 .panel-grid-cell,
    .mobiledesign01 .panel-grid-cell, .seo01 .panel-grid-cell, .webmarketing01 .panel-grid-cell, .advertising-copywriting01 .panel-grid-cell, .contentmarketing01 .panel-grid-cell,
    .mobilewebsite01 .panel-grid-cell, .paidsearch01 .panel-grid-cell, .mobilecommerce01 .panel-grid-cell, .socialmediamarketing01 .panel-grid-cell, .seocopywriting01 .panel-grid-cell,
    .webpage-copywriting01 .panel-grid-cell, .whatis-copywriting01 .panel-grid-cell, .whatis-seo01 .panel-grid-cell, .why-copywriting01 .panel-grid-cell, .whatisgoogleadwords01 .panel-grid-cell,
    .domainreg01 .panel-grid-cell, .hosting01 .panel-grid-cell, .emailmarketing01 .panel-grid-cell, .wordpress01 .panel-grid-cell
    {
        width: 100%!important;
    }
    
    
    .adwords01.method2,.copywriting01.method2,.adwords01.method4,.copywriting01.method4,.logodesign01.method2,.logodesign01.method4,
    .adwords01.panel-row-style, .copywriting01.panel-row-style, .logodesign01.panel-row-style, .logodesign01.panel-row-style, .mobiledesign01.panel-row-style,
    .seo01.panel-row-style, .webmarketing01.panel-row-style, .advertising-copywriting01.panel-row-style, .contentmarketing01.panel-row-style, .mobilewebsite01.panel-row-style,
    .paidsearch01.panel-row-style, .mobilecommerce01.panel-row-style, .socialmediamarketing01.panel-row-style, .seocopywriting01.panel-row-style, .webpage-copywriting01.panel-row-style,
    .whatis-copywriting01.panel-row-style, .whatis-seo01.panel-row-style, .whatisgoogleadwords01.panel-row-style, .domainreg01.panel-row-style, .hosting01.panel-row-style, .emailmarketing01.panel-row-style,
    .wordpress01.panel-row-style{
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .adwords01.method2,.copywriting01.method2,.adwords01.method4,.copywriting01.method4,.logodesign01.method2,.logodesign01.method4, .mobiledesign01.method2,.mobiledesign01.method4,
    .seo01.method2,.seo01.method4, .webmarketing01.method2,.webmarketing01.method4, .advertising-copywriting01.method2,.advertising-copywriting01.method4, .contentmarketing01.method2,.contentmarketing01.method4,
     .mobilewebsite01.method2,.mobilewebsite01.method4, .paidsearch01.method2,.paidsearch01.method4, .mobilecommerce01.method2,.mobilecommerce01.method4, .socialmediamarketing01.method2,.socialmediamarketing01.method4,
     .seocopywriting01.method2,.seocopywriting01.method4, .webpage-copywriting01.method2,.webpage-copywriting01.method4, .whatis-copywriting01.method2,.whatis-copywriting01.method4,
     .whatis-seo01.method2,.whatis-seo01.method4, .why-copywriting01.method4, .why-copywriting01.method2, .whatisgoogleadwords01.method4, .whatisgoogleadwords01.method2,
     .domainreg01.method4, .domainreg01.method2, .emailmarketing01.method4, .emailmarketing01.method2, .wordpress01.method4, .wordpress01.method2{
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .online-store-v02.panel-row-style
    {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .online-store-v02.method3
    {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .online-store-v02 .widget .textwidget,.adwords01 .widget .textwidget,.copywriting01 .widget .textwidget, .logodesign01 .widget .textwidget,
    .mobiledesign01 .widget .textwidget, .seo01 .widget .textwidget, .webmarketing01 .widget .textwidget, .advertising-copywriting01 .widget .textwidget, .contentmarketing01 .widget .textwidget,
    .mobilewebsite01 .widget .textwidget, .paidsearch01 .widget .textwidget, .mobilecommerce01 .widget .textwidget, .socialmediamarketing01 .widget .textwidget, .seocopywriting01 .widget .textwidget,
    .webpage-copywriting01 .widget .textwidget, .whatis-copywriting01 .widget .textwidget, .whatis-seo01 .widget .textwidget, .why-copywriting01 .widget .textwidget, .whatisgoogleadwords01 .widget .textwidget,
     .domainreg01 .widget .textwidget, .hosting01 .widget .textwidget, .emailmarketing01 .widget .textwidget, .wordpress01 .widget .textwidget
    {
        padding: 25px;
    }
    .online-store-v02 .dummy-widget .textwidget,.adwords01 .dummy-widget .textwidget,.copywriting01 .dummy-widget .textwidget, .logodesign01 .dummy-widget .textwidget,
    .mobiledesign01 .dummy-widget .textwidget, .seo01 .dummy-widget .textwidget, .webmarketing01 .dummy-widget .textwidget, .advertising-copywriting01 .dummy-widget .textwidget, .contentmarketing01 .dummy-widget .textwidget,
    .mobilewebsite01 .dummy-widget .textwidget, .paidsearch01 .dummy-widget .textwidget, .mobilecommerce01 .dummy-widget .textwidget,  .socialmediamarketing01 .dummy-widget .textwidget, .seocopywriting01 .dummy-widget .textwidget,
    .webpage-copywriting01 .dummy-widget .textwidget, .whatis-copywriting01 .dummy-widget .textwidget, .whatis-seo01 .dummy-widget .textwidget, .why-copywriting01 .dummy-widget .textwidget, .whatisgoogleadwords01 .dummy-widget .textwidget,
    .domainreg01 .dummy-widget .textwidget, .hosting01 .dummy-widget .textwidget, .emailmarketing01 .dummy-widget .textwidget, .wordpress01 .dummy-widget .textwidget
    {
        padding: 0!important;
    }
        
    .web-design.panel-row-style
    {
        -webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
    }
        .web-design.method1,.web-design.method2,.web-design.method3
    {
        -webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
    }
    .web-design .widget .textwidget
    {
        padding: 25px;
    }
    .web-design .dummy-widget .textwidget 
    {
        padding: 0!important;
    }
        .full-services .panel-grid-cell
    {
        width: 100%!important;
    }
    .full-services.panel-row-style
    {
        -webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
    }
        .full-services.method3
    {
        -webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
    }
    .full-services .widget .textwidget
    {
        padding: 25px;
    }
    .full-services .dummy-widget .textwidget
    {
        padding: 0!important;
    }
} 
.full-services.online-stores h2
{
    color: #fff;
    border-color: #cf0702;
}

.full-services.online-stores p a {
    color: #cf0702;
    font-weight: 700;
    text-decoration: none;
}
.full-services.online-stores p a:hover {
    text-decoration: underline;
}
.full-services.online-stores p a.get-estimate-red
{
    color: #fff;
    border-color: #cf0702;
}
.full-services.online-stores p a.get-estimate-red:hover
{
    text-decoration: none;
    background: #cf0702;
}

p a.get-estimate-red {
    text-transform: uppercase;
    color: #cf0702;
    padding: 10px 35px;
    border-radius: 50px;
    border: 2px solid #cf0702;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    display: inline-block;
    margin-top: 15px;
}
p a.get-estimate-red:hover{
    color: #fff;
background: #cf0702;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
text-decoration: none !important;
} 
.full-services.websites-block h2
{
 border-left: none;
 font-size: 33px;   
}
.full-services.websites-block p a {
    color: #334b91;
    font-weight: 700;
    text-decoration: none;
}
.full-services.websites-block p a:hover {
    text-decoration: underline;
}

.full-services.websites-block p a.get-estimate-blue
{
    color: #334b91;
    border-color: #334b91;  
}
.full-services.websites-block p a.get-estimate-blue:hover
{
    background: #334b91;
    color: #fff;
}
.full-services.online-stores .so-widget-image
{
    max-width: 600px;
}
.full-services.responsive-design h2
{
    border-color: #334b91;
}

.full-services.responsive-design p a {
    color: #334b91;
    font-weight: 700;
    text-decoration: none;
}
.full-services.responsive-design p a:hover {
    text-decoration: underline;
}

.full-services.responsive-design p a.get-estimate-blue2
{
    color: #334b91;
    border-color: #334b91;  
}
.full-services.responsive-design p a.get-estimate-blue2:hover
{
    background: #334b91;
    color: #fff;
}
.full-services.hosting-services h2
{
    border-color: #334b91;
}

.full-services.hosting-services p a {
    color: #334b91;
    font-weight: 700;
    text-decoration: none;
}
.full-services.hosting-services p a:hover {
    text-decoration: underline;
}
.full-services.hosting-services p a.get-estimate-blue2
{
color: #334b91;
    border-color: #334b91;  
}
.full-services.hosting-services p a.get-estimate-blue2:hover
{
    background: #334b91;
    color: #fff;
}

p a.get-estimate-blue, p a.get-estimate-blue2 {
    text-transform: uppercase;
    color: #334b91;
    padding: 10px 35px;
    border-radius: 50px;
    border: 2px solid #334b91;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    display: inline-block;
    margin-top: 15px;
}
p a.get-estimate-blue:hover, p a.get-estimate-blue2:hover {
    color: #fff;
background: #334b91;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
text-decoration: none !important;
} 


@media screen and (max-width: 521px) {
    .mobile-header-only .header-contact{
        grid-template-columns: 2fr 1fr 2fr;
    }
    .mobile-header-only .right-sec-3{
        text-align: center;
    }
    .mobile-header-only .right-sec-3 a{
        float: right;
    }
}

@media screen and (max-width: 450px) {
    .mobile-header-only .header-contact{
        grid-template-columns:1fr 2.5fr 3fr;
    }
}

@media screen and (max-width: 390px){
    a.btn-lounge{
        font-size: 8px;
        padding: 2px 2px;
    }
}